/* A small motion study: static content stays usable without JavaScript. */
.sunset-hero{min-height:0}
.hero-scene{position:relative;width:min(65%,750px);margin-left:auto;overflow:hidden;isolation:isolate}
.hero-scene .sunset-art{width:100%;height:auto;min-height:0;max-height:none;object-fit:contain;margin:0;transform-origin:55% 55%}
.hero-scene::after{content:"";position:absolute;inset:76% 0 0;background:linear-gradient(transparent,#171b4c70);pointer-events:none}
.hero-footer{position:absolute;bottom:30px;left:7%;right:5%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;z-index:2}
.motion-toggle{border:1px solid #afa5ac;background:#fff9f0ed;color:#202351;border-radius:32px;padding:12px 20px;min-height:52px;font:500 16px/1.5 var(--font-body);cursor:pointer}
.motion-toggle[hidden]{display:none}.motion-toggle:disabled{cursor:default}.motion-toggle:focus-visible{outline:3px solid #ffad42;outline-offset:5px}
.scene-scroll{margin-left:auto;display:inline-flex;align-items:center;gap:28px;min-height:52px;color:#fff9f0;font-size:16px;border-bottom:1px solid #fff9f099;text-shadow:0 1px 5px #151841}
.scene-scroll span{font-size:24px}
.about.atelier{max-width:none;padding:120px 7% 110px;background:radial-gradient(ellipse at 4% 24%,#ffdca14d,transparent 54%),linear-gradient(#fff9f0 68%,#f7f2f3)}
.atelier-inner{max-width:1204px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;gap:9%}
.atelier-heading .section-label{font-size:16px;letter-spacing:.06em;margin:0 0 38px}
.atelier-heading h2{font-size:clamp(32px,3.4vw,50px);line-height:1.8;letter-spacing:.02em;margin:0}
.atelier-heading h2>span{display:block;white-space:nowrap}
.atelier-sign{display:flex;align-items:center;gap:30px;margin:46px 0 30px;color:#ac783a}.atelier-sign svg{width:46px;height:50px;fill:currentColor;flex:none}.atelier-sign>span{display:block;width:130px;height:1px;background:linear-gradient(90deg,#bc955e,transparent)}
.atelier-place{font-size:16px;color:#4b4361}
.atelier-story{padding-top:52px}.atelier-story>p{font-size:18px;line-height:2.15}
.atelier-story .atelier-lead{font-family:var(--font-heading);font-size:28px;line-height:1.8;margin-bottom:24px}
.atelier-values{margin:38px 0 0;border-top:1px solid #d3c6bb}.atelier-values>div{display:flex;gap:24px;padding:28px 0;border-bottom:1px solid #d3c6bb}
.value-number{font-family:Georgia,serif;font-style:italic;font-size:20px;color:#8a6036;line-height:1.7;flex:none}.atelier-values h3{font-size:20px;font-weight:500;margin:0 0 10px;line-height:1.6}.atelier-values p{font-size:18px;line-height:1.9}
.atelier-story .hero-actions{gap:10px;margin-top:30px}.atelier-story .hero-actions a{width:100%;font-size:18px;min-width:0}
.menu{background:linear-gradient(#f7f2f3 0,#fff9f0 180px);border-top:0;padding-top:90px}
.menu-jump a{transition:color .2s,text-decoration-color .2s}.hero-actions a,.nav-book,.reserve-link,.map-link,.booking-dock a,.motion-toggle{transition:background-color .25s,color .25s,box-shadow .25s,transform .25s}
.hero-actions a>span,.nav-book>span,.reserve-link>span,.map-link>span,.section-next a>span,.access-next a>span,.scene-scroll>span{display:inline-block;transition:transform .25s}
@media(hover:hover){.hero-actions a:hover>span,.nav-book:hover>span,.reserve-link:hover>span,.map-link:hover>span{transform:translateX(5px)}.scene-scroll:hover>span,.section-next a:hover>span,.access-next a:hover>span{transform:translateY(4px)}.nav-book:hover{background:#29239c;color:#fff9f0}.motion-toggle:hover{background:#fff9f0;box-shadow:0 3px 15px #20235116}.menu-jump a:hover{color:#29239c;text-decoration-color:#29239c}}
.hero-actions a:active,.nav-book:active,.reserve-link:active,.motion-toggle:active{transform:translateY(1px)}
.booking-dock .dock-short{position:relative}.booking-dock .dock-short.is-current{background:#eae6f5;color:#29239c;border-radius:6px}.booking-dock .dock-short.is-current::after{content:"";position:absolute;bottom:5px;left:calc(50% - 8px);width:16px;height:2px;background:currentColor}
@media(max-width:900px){.atelier-inner{gap:6%}.atelier-heading h2{font-size:32px}.atelier-values>div{gap:15px}}
@media(max-width:640px){.hero-scene{width:100%;margin:0}.hero-scene .sunset-art{width:100%;min-height:0}.hero-footer{bottom:17px;left:6%;right:6%;gap:12px}.motion-toggle{font-size:16px;padding:11px 16px}.scene-scroll{gap:14px;font-size:16px}.hero-copy{top:3%}.about.atelier{padding:68px 6% 64px}.atelier-inner{display:block}.atelier-heading .section-label{font-size:16px;margin-bottom:26px}.atelier-heading h2{font-size:clamp(29px,7.7vw,42px);line-height:1.8}.atelier-sign{margin:25px 0 18px;gap:20px}.atelier-sign svg{width:36px;height:39px}.atelier-story{padding-top:38px}.atelier-story .atelier-lead{font-size:26px;margin-bottom:20px}.atelier-values{margin-top:30px}.atelier-values>div{padding:24px 0;gap:20px}.atelier-values h3{font-size:20px}.atelier-values p{font-size:18px}.menu{padding-top:58px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}
html[data-motion="paused"]{scroll-behavior:auto}html[data-motion="paused"] *,html[data-motion="paused"] *::before,html[data-motion="paused"] *::after{animation:none!important;transition:none!important}

@media print{.hero-footer,.booking-dock{display:none}}

/* Keep the Paris sky clear of the headline at phone widths. */
@media(max-width:640px){.sunset-hero{display:flex;flex-direction:column}.hero-copy{order:-1;position:relative;left:auto;top:auto;max-width:none;padding:22px 6% 24px}.hero-copy .location-label{margin-bottom:10px}.hero-intro{max-width:none;margin-top:12px}.hero-footer{left:6%;right:6%}}