:root{--paper:#f0f0e9;--ink:#143c34;--muted:#5a6b60;--accent:#c2d1b8;--display:'Cormorant Garamond',serif;--sans:'DM Sans',sans-serif;--gutter:clamp(24px,6vw,100px);--ease:cubic-bezier(.22,1,.36,1);--hair:color-mix(in srgb,currentColor 24%,transparent)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0}button:active{transform:scale(.98)}:focus-visible{outline:2px solid currentColor;outline-offset:6px}img{display:block;width:100%;height:100%;object-fit:cover}p,h1,h2,h3{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:-.045em;line-height:1}h2{font-size:clamp(48px,6.7vw,100px)}p{max-width:44ch}button{transition:transform .3s var(--ease),background .3s var(--ease),color .3s var(--ease)}.skip{position:fixed;top:-100px;padding:16px;background:var(--paper);z-index:10}.skip:focus{top:0}.review-strip{height:34px;background:var(--ink);color:var(--paper);font-size:10px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;letter-spacing:.02em}.review-strip a{text-decoration:underline;text-underline-offset:3px}header{padding:28px var(--gutter);display:flex;align-items:center;justify-content:space-between}.brand{font-family:var(--display);font-size:30px;letter-spacing:-.04em;display:flex;align-items:center;gap:14px;line-height:1}.brand-emblem{border:1px solid var(--hair);width:40px;height:46px;display:grid;place-items:center;font-style:italic;font-size:32px;border-radius:50% 50% 4px 4px}nav{display:flex;align-items:center;gap:34px;font-size:12px}nav button{background:none;padding:12px 0;border-bottom:1px solid currentColor}nav button span{padding-left:24px}.hero{position:relative;margin:0 22px;min-height:730px;height:calc(100svh - 146px);max-height:1100px;overflow:hidden;isolation:isolate;color:#fff}.hero-image{position:absolute;inset:0;z-index:-2;overflow:hidden}.hero-image img{animation:opening-image 1.8s var(--ease) both}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,20,15,.1),rgba(0,23,19,.2) 35%,rgba(0,23,19,.76))}.hero-copy{padding:clamp(60px,10vh,160px) calc(var(--gutter) - 22px) 80px;min-height:100%;display:flex;flex-direction:column;justify-content:space-between}.location{font-size:12px;letter-spacing:.05em}.hero h1{font-size:clamp(78px,10.4vw,160px);margin:40px 0}.hero h1 span{display:block;animation:opening-type 1s var(--ease) both}.hero h1 span+span{animation-delay:.12s}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.hero-bottom p{max-width:32ch;font-size:15px;line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:17px 24px;background:var(--ink);color:var(--paper);font-size:13px;min-height:54px;white-space:nowrap;border-radius:2px}.button span{font-size:21px;line-height:1;transition:transform .4s var(--ease)}.hero .button{background:var(--paper);color:var(--ink)}.hero-detail{position:absolute;bottom:21px;left:calc(var(--gutter) - 22px);right:calc(var(--gutter) - 22px);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.06em;border-top:1px solid #ffffff55;padding-top:12px}.small-label{font-size:11px;letter-spacing:.06em;margin-bottom:30px}.introduction{padding:130px var(--gutter) 110px;display:grid;grid-template-columns:1fr 2fr;gap:50px}.introduction h2{font-size:clamp(48px,6.1vw,90px);line-height:1.1;max-width:900px}.intro-tail{grid-column:2;display:flex;align-items:center;gap:64px;margin:30px 0 0}.intro-tail p{font-size:15px;line-height:1.8}.ornament{font-family:var(--display);font-size:100px;line-height:1;font-weight:400}.stakes{padding:100px var(--gutter) 60px;background:var(--ink);color:var(--paper)}.stakes-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:60px}.stakes-heading h2{font-size:clamp(48px,5.3vw,82px)}.stakes-figure{margin:95px 0 70px;display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.amount{font-family:var(--display);font-size:clamp(70px,13vw,194px);letter-spacing:-.07em;line-height:.9;display:flex;align-items:center;gap:4vw;white-space:nowrap}.range-line{height:1px;width:8vw;background:currentColor;display:inline-block;transform-origin:left;transition:transform 1.2s var(--ease)}.amount-caption{font-size:12px;padding-bottom:10px}.stakes-footer{border-top:1px solid var(--hair);padding-top:24px;display:flex;justify-content:space-between;gap:30px;font-size:13px}.stakes-footer p:first-child{max-width:30ch}.setting{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw;padding:140px var(--gutter);align-items:center}.setting-photo{height:650px;position:relative;overflow:hidden}.setting-photo img{transition:transform 1.5s var(--ease)}.photo-caption{position:absolute;bottom:20px;left:20px;color:white;font-size:10px;background:#132a25a8;padding:5px 9px}.setting-copy p:not(.small-label){margin:30px 0;max-width:29ch;font-size:15px}.address{display:block;font-size:11px;line-height:1.8;margin-top:45px}.company{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:100px var(--gutter) 140px;align-items:center}.company-art{height:480px;position:relative;display:grid;place-items:center;isolation:isolate}.table-ring{position:absolute;width:65%;height:95%;border:1px solid var(--hair);border-radius:50%;transform:rotate(-28deg)}.ring-two{transform:rotate(28deg)}.ring-three{transform:rotate(90deg)}.table-mark{font-family:var(--display);font-size:160px;font-style:italic}.company-copy>p:not(.small-label){margin-top:30px;font-size:15px}.company-copy .company-closing{font-family:var(--display);font-size:30px!important;line-height:1.3}details{margin-top:38px;padding:18px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);font-size:13px}summary{cursor:pointer;min-height:28px}details p{padding:15px 0 5px}.invitation{text-align:center;display:flex;flex-direction:column;align-items:center;padding:110px var(--gutter) 130px;background:color-mix(in srgb,var(--ink) 6%,var(--paper))}.invitation h2{font-size:clamp(72px,11vw,160px)}.invitation>p:not(.small-label){margin:35px 0;max-width:44ch;font-size:15px}.social-section{padding:100px var(--gutter);background:var(--paper)}.social-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px;gap:30px}.social-heading h2{font-size:clamp(42px,5vw,72px)}.social-heading p{font-size:12px;max-width:35ch}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}figure{margin:0}figure img{height:auto;box-shadow:0 16px 50px -30px #0005}figcaption{display:flex;justify-content:space-between;font-size:11px;margin-top:15px;gap:10px}figcaption span{font-size:10px}figcaption a{border-bottom:1px solid var(--hair)}footer{padding:55px var(--gutter) 40px;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:25px}footer p{font-size:12px}footer>div{display:flex;gap:25px;font-size:11px}footer small{font-size:10px;opacity:.7}.mobile-apply{display:none}.reveal{transition:opacity .85s var(--ease),transform .85s var(--ease)}.js .reveal:not(.seen){opacity:0;transform:translateY(25px)}
/* Metropolitan uses an oversized typographic stage and a vertical city aperture. */
.metropolitan{--paper:#e9e9e5;--ink:#1d2025;--accent:#b6b6ac;--display:'Manrope',sans-serif;--sans:'DM Sans',sans-serif}.metropolitan .brand{font-size:24px;letter-spacing:-.06em;font-weight:500}.metropolitan .brand-emblem{border-radius:0;font-family:'Italiana',serif}.metropolitan .hero{margin:0 var(--gutter);color:var(--ink);min-height:700px;height:calc(100svh - 160px);max-height:1000px;overflow:visible}.metropolitan .hero-image{left:58%;top:3%;bottom:0;right:0;z-index:0;clip-path:inset(0);animation:city-open 1.3s var(--ease) both}.metropolitan .hero-image:after{background:linear-gradient(90deg,#151b2122,#151b2100)}.metropolitan .hero-copy{position:relative;z-index:1;padding:60px 0 90px;justify-content:flex-start}.metropolitan .hero h1{font-size:clamp(64px,8.6vw,135px);letter-spacing:-.08em;line-height:1.02;margin:70px 0 60px}.metropolitan .hero h1 span+span{color:var(--ink);background:var(--paper);width:max-content;padding-right:25px}.metropolitan .hero-bottom{display:block;max-width:38%}.metropolitan .hero-bottom .button{margin-top:35px;background:var(--ink);color:var(--paper)}.metropolitan .hero-detail{left:0;right:47%;border-color:var(--hair)}.metropolitan .introduction{margin-top:90px;background:var(--ink);color:var(--paper);grid-template-columns:1fr 3fr}.metropolitan h2{letter-spacing:-.07em;font-weight:400;font-size:clamp(40px,5.5vw,80px)}.metropolitan .introduction h2{font-size:clamp(40px,5.5vw,80px)}.metropolitan .ornament{font-family:'Cormorant Garamond',serif}.metropolitan .stakes{background:var(--paper);color:var(--ink)}.metropolitan .amount{font-size:clamp(62px,11vw,160px);font-weight:500;letter-spacing:-.08em}.metropolitan .setting{padding-top:30px;grid-template-columns:1fr 1.3fr;gap:7vw}.metropolitan .setting-photo{order:2;height:560px}.metropolitan .setting-copy{order:1}.metropolitan .company{background:var(--ink);color:var(--paper);padding-top:120px}.metropolitan .company-art{order:2}.metropolitan .company-copy{order:1}.metropolitan .table-ring{border-radius:4px;width:63%;height:80%;transform:rotate(-15deg)}.metropolitan .ring-two{transform:rotate(0)}.metropolitan .ring-three{transform:rotate(15deg)}.metropolitan .table-mark{font-family:'Italiana',serif}.metropolitan .company-closing{font-family:'Manrope',sans-serif;font-size:23px!important}.metropolitan .invitation{background:var(--paper)}.metropolitan .invitation h2{font-size:clamp(66px,10vw,145px)}
/* Grand Hotel is a framed invitation with a central photographic salon. */
.grand-hotel{--paper:#f4ece1;--ink:#4d1e2d;--accent:#bca180;--display:'Italiana',serif;--sans:'DM Sans',sans-serif}.grand-hotel header{padding:30px var(--gutter)}.grand-hotel .brand{font-size:32px}.grand-hotel .brand-emblem{border-color:#aa8760;border-radius:50%}.grand-hotel .hero{margin:10px var(--gutter) 0;min-height:770px;height:auto;max-height:none;color:var(--ink);display:flex;flex-direction:column;padding-bottom:50px}.grand-hotel .hero-copy{padding:20px 0 0;align-items:center;text-align:center;min-height:auto;display:contents}.grand-hotel .location{order:0;align-self:center;margin:0 0 30px}.grand-hotel .hero h1{order:1;text-align:center;font-size:clamp(78px,9.2vw,140px);margin:0 0 42px;line-height:1.01}.grand-hotel .hero h1 span{display:inline}.grand-hotel .hero h1 span+span:before{content:' '}.grand-hotel .hero-image{position:relative;order:2;z-index:0;height:400px;width:74%;align-self:center;border-radius:50% 50% 0 0 / 16% 16% 0 0;outline:1px solid #b79c7877;outline-offset:12px}.grand-hotel .hero-image:after{background:#4d1e2d18}.grand-hotel .hero-bottom{order:3;align-self:center;width:74%;margin-top:42px}.grand-hotel .hero .button{background:var(--ink);color:var(--paper)}.grand-hotel .hero-detail{position:relative;order:4;left:auto;right:auto;bottom:auto;align-self:center;width:74%;margin-top:28px;border-color:var(--hair)}.grand-hotel .introduction{padding-top:100px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:0}.grand-hotel .introduction h2{line-height:1.12}.grand-hotel .intro-tail{flex-direction:column;gap:30px}.grand-hotel .ornament{font-size:72px}.grand-hotel .stakes{border:14px solid var(--paper);outline:1px solid #ac8c63;outline-offset:-22px;padding:90px var(--gutter) 65px}.grand-hotel .stakes-heading{display:block;text-align:center}.grand-hotel .stakes-figure{justify-content:center}.grand-hotel .amount{font-family:'Cormorant Garamond',serif}.grand-hotel .amount-caption{align-self:end}.grand-hotel .setting-photo{border-radius:50% 50% 0 0 / 20% 20% 0 0;height:650px}.grand-hotel .company-art{background:var(--ink);color:var(--accent);height:530px;border-radius:50% 50% 0 0 / 25% 25% 0 0}.grand-hotel .table-ring{width:65%;height:65%}.grand-hotel .company-closing{font-family:'Cormorant Garamond',serif}.grand-hotel .invitation{background:var(--ink);color:var(--paper);margin:0 22px}.grand-hotel .invitation .button{background:var(--paper);color:var(--ink)}
/* Application */
dialog{padding:0;border:0;background:var(--paper);color:var(--ink);width:min(960px,calc(100% - 40px));max-height:90dvh;box-shadow:0 35px 100px #0004;overflow:auto}dialog::backdrop{background:#081713ad;backdrop-filter:blur(7px)}dialog[open]{animation:dialog-in .45s var(--ease)}.dialog-shell{display:grid;grid-template-columns:.8fr 1.2fr;min-height:620px}.dialog-aside{background:var(--ink);color:var(--paper);padding:45px;display:flex;flex-direction:column;justify-content:space-between}.dialog-aside>p{font-family:var(--display);font-size:58px;letter-spacing:-.04em;line-height:1.03}.dialog-aside small{font-size:11px}.dialog-main{padding:60px 48px 40px}.dialog-main h2{font-size:56px}.dialog-main .small-label{font-size:10px;margin-bottom:20px}.form-intro{font-size:13px;margin:20px 0 25px}.close{position:absolute;right:12px;top:10px;width:44px;height:44px;background:transparent;font-size:30px;z-index:1}label{display:block;font-size:12px;margin:25px 0 8px}input,select,textarea{width:100%;border:0;border-bottom:1px solid var(--hair);border-radius:0;background:transparent;padding:12px 0;color:var(--ink);font-size:16px}select option{background:var(--paper);color:var(--ink)}input::placeholder,textarea::placeholder{color:var(--ink);opacity:.55}.next{margin-top:30px;width:100%}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:30px}.back{background:none;text-decoration:underline;min-height:44px}.form-note{font-size:11px;margin-top:20px;line-height:1.7}.optional{opacity:.6;margin-left:10px}.step-count{font-size:10px;margin-top:22px}.step:not([hidden]){animation:dialog-in .3s var(--ease)}[hidden]{display:none!important}.confirmation-mark{font-size:35px;display:block;margin:45px 0 25px}.confirmation h3{font-size:55px;margin-bottom:25px}.confirmation p{font-size:13px}.confirmation .button{margin-top:30px}.confirmation:focus{outline:0}body:has(dialog[open]){overflow:hidden}
@keyframes opening-image{from{transform:scale(1.08)}to{transform:scale(1)}}@keyframes opening-type{from{transform:translateY(35px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes city-open{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}@keyframes dialog-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(hover:hover) and (pointer:fine){.button:hover span{transform:translate(3px,-3px)}.button:hover{filter:brightness(1.1)}.setting-photo:hover img{transform:scale(1.035)}nav a:hover,footer a:hover{text-decoration:underline;text-underline-offset:6px}}
@supports(animation-timeline:view()){.hero-image img{animation:opening-image 1.8s var(--ease),photo-travel linear both;animation-timeline:auto,view();animation-range:normal,exit 0% exit 100%}@keyframes photo-travel{to{transform:scale(1.12) translateY(5%)}}.company-art{animation:table-turn linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes table-turn{from{transform:rotate(-5deg)}to{transform:rotate(5deg)}}}
@media(max-width:760px){:root{--gutter:25px}.review-strip{padding:0 16px;font-size:9px}.review-strip a:last-child{display:none}header{padding:23px 25px}.brand{font-size:27px}.brand-emblem{height:37px;width:32px;font-size:27px}nav{gap:0}nav>a{display:none}nav button{font-size:11px}nav button span{padding-left:10px}.hero{margin:0 10px;min-height:650px;height:calc(100svh - 115px);max-height:850px}.hero-copy{padding:40px 20px 110px;justify-content:space-between}.hero .location{font-size:10px;max-width:25ch}.hero h1{font-size:clamp(62px,16vw,112px);letter-spacing:-.05em;margin:50px 0 35px}.hero-bottom{display:block}.hero-bottom p{font-size:13px;max-width:28ch}.hero-bottom .button{margin-top:28px}.hero-detail{left:20px;right:20px;bottom:25px;font-size:9px}.hero-image img{object-position:52% center}.introduction{padding:85px 25px 75px;display:block}.introduction h2{font-size:46px;line-height:1.12}.introduction .small-label{margin-bottom:35px}.intro-tail{margin-top:35px;gap:25px;align-items:start}.intro-tail p{font-size:13px}.ornament{font-size:70px}.stakes{padding:65px 25px 35px}.stakes-heading{display:block}.stakes-heading h2{font-size:48px}.stakes-figure{margin:70px 0 45px;display:block}.amount{font-size:clamp(50px,13.7vw,95px);gap:15px}.range-line{width:24px}.amount-caption{display:block;font-size:10px;margin-top:20px}.stakes-footer{font-size:11px;gap:30px}.stakes-footer p:first-child{max-width:23ch}.setting{display:flex;flex-direction:column;gap:45px;padding:80px 25px}.setting-photo{width:100%;height:420px}.setting-copy{width:100%}.setting-copy h2{font-size:55px}.setting-copy p:not(.small-label){max-width:34ch;font-size:14px}.address{margin-top:25px}.company{display:flex;flex-direction:column;gap:25px;padding:20px 25px 75px}.company-art{height:320px;width:100%}.company-copy{width:100%}.company-copy h2{font-size:55px}.company-copy>p:not(.small-label){font-size:14px}.company-copy .company-closing{font-size:30px!important}.table-mark{font-size:120px}.invitation{padding:75px 25px 85px}.invitation h2{font-size:72px}.invitation>p:not(.small-label){font-size:14px}.social-section{padding:75px 25px}.social-heading{display:block}.social-heading h2{font-size:46px}.social-heading p{margin-top:25px;font-size:11px}.social-grid{grid-template-columns:1fr;gap:45px}footer{display:block;padding:45px 25px 125px}footer p{margin:25px 0}footer>div{margin-bottom:25px;flex-wrap:wrap}footer small{display:block}.mobile-apply{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:var(--paper);color:var(--ink);box-shadow:0 -4px 30px #0001;z-index:3;transform:translateY(110%);transition:transform .4s var(--ease)}.mobile-apply.visible{transform:none}.mobile-apply>span{font-family:var(--display);font-size:22px;line-height:1}.mobile-apply small{display:block;font-family:var(--sans);font-size:9px;line-height:1.6;margin-top:5px}.mobile-apply button{background:var(--ink);color:var(--paper);padding:14px 18px;font-size:12px}.mobile-apply button span{margin-left:20px}.metropolitan .hero{margin:0 25px;min-height:820px;height:auto;display:flex;flex-direction:column;overflow:hidden}.metropolitan .hero-copy{padding:35px 0 0}.metropolitan .hero .location{max-width:none;font-size:10px}.metropolitan .hero h1{font-size:clamp(48px,12vw,78px);margin:42px 0 30px;line-height:1.03;letter-spacing:-.065em}.metropolitan .hero h1 span+span{padding:0}.metropolitan .hero-bottom{max-width:100%;display:flex;gap:20px;align-items:center}.metropolitan .hero-bottom p{font-size:12px;max-width:21ch}.metropolitan .hero-bottom .button{font-size:11px;padding:13px 15px;gap:12px;margin:0}.metropolitan .hero-image{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;height:365px;min-height:365px;margin-top:35px}.metropolitan .hero-detail{position:relative;left:auto;right:auto;bottom:auto;margin-top:22px;padding-top:14px}.metropolitan .introduction{margin-top:20px;padding-top:70px}.metropolitan .introduction h2{font-size:38px;line-height:1.13}.metropolitan .stakes-heading h2{font-size:40px}.metropolitan .amount{font-size:clamp(43px,11.5vw,78px);gap:12px}.metropolitan .setting{padding-top:30px}.metropolitan .setting-photo{order:0;height:400px}.metropolitan .setting-copy{order:1}.metropolitan .setting-copy h2{font-size:44px}.metropolitan .company{padding-top:50px}.metropolitan .company-art{order:0;height:320px}.metropolitan .company-copy{order:1}.metropolitan .company-copy h2{font-size:44px}.metropolitan .invitation h2{font-size:60px}.grand-hotel header{padding:25px}.grand-hotel .hero{margin:10px 25px 0;min-height:0;padding-bottom:30px}.grand-hotel .location{font-size:9px;max-width:none;text-align:center;margin-bottom:30px}.grand-hotel .hero h1{font-size:64px;line-height:1.04;margin-bottom:35px}.grand-hotel .hero h1 span{display:block}.grand-hotel .hero h1 span+span:before{content:none}.grand-hotel .hero-image{width:92%;height:300px}.grand-hotel .hero-bottom{width:92%;margin-top:32px}.grand-hotel .hero-bottom p{max-width:30ch;font-size:13px}.grand-hotel .hero-bottom .button{margin-top:22px}.grand-hotel .hero-detail{width:92%;margin-top:25px}.grand-hotel .introduction{padding-top:65px}.grand-hotel .introduction h2{font-size:44px}.grand-hotel .stakes{border-width:8px;outline-offset:-14px;padding:60px 24px 35px}.grand-hotel .stakes h2{font-size:42px}.grand-hotel .stakes-figure{display:block}.grand-hotel .amount{font-size:clamp(45px,12.9vw,85px);gap:12px}.grand-hotel .setting-photo{height:430px}.grand-hotel .company-art{height:340px}.grand-hotel .invitation{margin:0 10px}.dialog-shell{display:block;min-height:0}.dialog-aside{display:none}dialog{width:calc(100% - 20px);max-height:calc(100dvh - 24px)}.dialog-main{padding:55px 25px 30px}.dialog-main h2{font-size:48px}.dialog-main .small-label{font-size:9px}.form-actions .button{gap:12px;font-size:11px;padding:15px}.form-intro{max-width:34ch}.confirmation h3{font-size:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal:not(.seen){opacity:1;transform:none}.hero-image img,.company-art{transform:none!important}}
/* A quiet reading line and direction-specific scroll choreography. */
@supports(animation-timeline:scroll()){
 body:before{content:'';position:fixed;top:0;left:0;width:100%;height:2px;background:var(--accent);z-index:8;transform-origin:left;animation:reading-line linear both;animation-timeline:scroll()}
 @keyframes reading-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
 .setting-photo img{animation:setting-drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%;scale:1.12}
 @keyframes setting-drift{from{transform:translateY(-4%)}to{transform:translateY(4%)}}
 .range-line{animation:range-draw linear both;animation-timeline:view();animation-range:entry 0% entry 100%}
 @keyframes range-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
 .grand-hotel .company-art{animation:salon-open linear both;animation-timeline:view();animation-range:entry 0% entry 100%}
 @keyframes salon-open{from{clip-path:inset(18% 10% 0 round 45% 45% 0 0)}to{clip-path:inset(0 round 0)}}
}
@media(prefers-reduced-motion:reduce){.setting-photo img{scale:1;transform:none!important}body:before{display:none}}
/* Editorial chapter sequence: progressively enhanced; all copy visible without motion. */
.chapter-sequence{background:var(--ink);color:var(--paper);position:relative;margin-top:90px}.chapter-stage{position:relative;overflow:hidden;padding:65px var(--gutter)}.chapter-visual{position:absolute;inset:0;opacity:.28}.chapter-visual img{height:100%;object-fit:cover}.chapter-veil{position:absolute;inset:0;background:linear-gradient(90deg,#061510c9,#06151033)}.chapter-watermark{position:absolute;right:8%;top:10%;font-family:var(--display);font-size:60vh;line-height:1;font-style:italic;opacity:.16}.chapter-top,.chapter-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.03em}.chapter-panels{position:relative;z-index:1}.chapter-panel{padding:60px 0}.chapter-panel h2{font-size:clamp(70px,10vw,155px);max-width:10ch}.chapter-description{font-size:clamp(17px,2vw,26px);line-height:1.4;max-width:29ch;margin:30px 0}.chapter-fact{font-size:12px;letter-spacing:.05em}.chapter-track{height:1px;width:35%;background:#ffffff44;align-self:center;overflow:hidden}.chapter-track i{display:block;height:1px;background:currentColor;transform-origin:left}.motion-ready .chapter-stage{height:100svh;min-height:620px;display:flex;flex-direction:column;justify-content:space-between}.motion-ready .chapter-panels{height:55%;min-height:320px}.motion-ready .chapter-panel{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0}.motion-ready .chapter-panel .small-label{margin-bottom:22px}.motion-ready .chapter-visual{opacity:1;inset:10% 5%}.motion-ready .chapter-visual img{opacity:.6}.metropolitan .chapter-visual{border-radius:0}.metropolitan .chapter-panel h2{font-size:clamp(64px,8vw,120px)}.grand-hotel .chapter-stage{text-align:center}.grand-hotel .chapter-panel{align-items:center}.grand-hotel .chapter-visual{border-radius:48% 48% 0 0 / 24% 24% 0 0}.grand-hotel .chapter-veil{background:#33101fcc}.grand-hotel .chapter-watermark{right:calc(50% - 15vh)}
@media(max-width:760px){.chapter-sequence{margin-top:55px}.chapter-stage{padding:34px 25px 100px}.motion-ready .chapter-stage{min-height:600px}.chapter-top,.chapter-bottom{font-size:10px}.chapter-panel h2,.metropolitan .chapter-panel h2{font-size:clamp(54px,15vw,76px);line-height:1.02}.chapter-description{font-size:18px;max-width:25ch;margin:26px 0}.chapter-panel .small-label{font-size:10px}.chapter-fact{font-size:11px}.chapter-watermark{font-size:60vh;right:-10%}.chapter-bottom{gap:20px}.chapter-track{width:25%}.grand-hotel .chapter-panel h2{font-size:68px}}
@media(prefers-reduced-motion:reduce){.chapter-panel{padding:40px 0}.chapter-bottom{display:none}}
.reading-section{background:var(--paper);color:var(--ink);margin-top:55px}.reading-stage{padding:75px var(--gutter);min-height:90svh;display:flex;flex-direction:column;justify-content:center;position:relative}.reading-copy{font-size:clamp(55px,6.5vw,105px);line-height:1.12;max-width:1200px}.reading-line{display:block}.reading-line+.reading-line{margin-top:.18em}.reading-word{display:inline-block;white-space:pre}.reading-close{font-size:15px;max-width:48ch;margin-top:45px;line-height:1.7}.reading-progress{position:absolute;bottom:35px;left:var(--gutter);right:var(--gutter);height:1px;background:var(--hair)}.reading-progress i{display:block;height:100%;background:var(--ink);transform-origin:left}.motion-ready .reading-stage{height:100svh;min-height:640px}.reading-stage>.small-label{margin-bottom:35px}@media(max-width:760px){.reading-stage{padding:55px 25px 110px}.reading-copy{font-size:clamp(37px,10.7vw,57px);letter-spacing:-.04em}.reading-close{font-size:13px;margin-top:30px}.reading-stage>.small-label{margin-bottom:25px}.reading-progress{bottom:95px}}
.motion-study{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10vw;border-top:1px solid var(--hair);margin-top:85px;padding-top:65px}.motion-study h3{font-size:clamp(50px,6vw,90px)}.motion-study p:not(.small-label){font-size:14px;margin:30px 0}.motion-study a{display:inline-block;border-bottom:1px solid var(--hair);font-size:12px;padding:10px 0}.motion-study video{width:min(100%,360px);justify-self:center;background:var(--ink)}@media(max-width:760px){.motion-study{grid-template-columns:1fr;gap:35px}.motion-study h3{font-size:50px}}
/* Real coastal film: image remains in place until playback is confirmed. */
.coastal-film,.filmed-invitation{position:relative;isolation:isolate;overflow:hidden;background:#11352f;color:#f0f0e9}.coastal-film{min-height:700px;height:90svh;display:flex;align-items:end;margin:0 22px}.ambient-media{position:absolute;inset:0;z-index:-2;overflow:hidden}.ambient-media img,.ambient-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ambient-video{opacity:0;transition:opacity .8s var(--ease)}.ambient-video.is-playing{opacity:1}.ambient-shade{position:absolute;inset:0;background:linear-gradient(180deg,#05221a12,#05221a33 30%,#05221aba)}.film-copy{padding:80px var(--gutter);max-width:900px}.film-copy h2{font-size:clamp(80px,10vw,155px);line-height:.94}.film-copy>p:last-child{font-size:14px;margin-top:30px}.ambient-toggle{position:absolute;top:28px;right:28px;z-index:2;border:1px solid #ffffff66;background:#0c211aa8;color:#fff;padding:10px 15px;min-height:44px;border-radius:2px;font-size:11px;display:flex;gap:20px;align-items:center}.filmed-invitation{min-height:680px;padding-top:140px;padding-bottom:140px}.filmed-invitation .ambient-shade{background:#071e17a8}.filmed-invitation>.button{background:var(--paper);color:var(--ink)}.filmed-invitation>p,.filmed-invitation>h2,.filmed-invitation>.button{position:relative;z-index:1}@media(max-width:760px){.coastal-film{margin:0 10px;min-height:560px;height:78svh}.film-copy{padding:65px 25px 90px}.film-copy h2{font-size:76px}.ambient-toggle{top:18px;right:18px;font-size:10px}.filmed-invitation{min-height:630px;padding:100px 25px 120px}.coastal-film .ambient-video,.coastal-film .ambient-poster{object-position:60% center}.filmed-invitation .ambient-video,.filmed-invitation .ambient-poster{object-position:45% center}}
