/* LUGOM atelier: night ink, warm stone and champagne. */
.lugom-studio{--bg:#17232c;--ink:#f4eee5;--muted:#c9cccb;--accent:#dec8a2;--line:#ffffff29;--serif:Outfit,sans-serif;--sans:Manrope,sans-serif;background:var(--bg)}
.lugom-studio h1,.lugom-studio h2,.lugom-studio h3{font-family:Outfit,sans-serif;font-weight:400;font-style:normal;letter-spacing:-.035em;line-height:1.08;text-wrap:balance}
.lugom-studio h1 em,.lugom-studio h2 em{font-style:normal;color:var(--accent)}
.lugom-studio .site-header{background:#17232c;color:var(--ink);border-bottom-color:var(--line)}
.lugom-studio.cinema-page>.site-header{position:relative!important;top:auto!important}
.lugom-studio .brand strong{font-family:Outfit,sans-serif;font-size:28px;letter-spacing:.17em;font-weight:500;line-height:1.2}
.lugom-studio .brand small{font-family:Manrope,sans-serif;font-size:8px;letter-spacing:.2em;color:#d4c9b8}
.lugom-studio .language-menu summary{border-color:#ffffff40;background:#ffffff07;color:#f4eee5}
.lugom-studio .button.primary{background:#dec8a2;color:#17232c;border-color:#dec8a2}
.lugom-studio .button.ghost{background:transparent;color:var(--ink);border-color:#ffffff4d}
.lugom-studio .button.primary:hover{background:#ead8ba;color:#17232c}
.lugom-studio .button.ghost:hover{background:#ffffff0f;color:var(--ink)}
.lugom-studio .section-head h2,.lugom-studio .bespoke-heading h2,.lugom-studio .closing h2{font-size:clamp(32px,3.8vw,60px);max-width:25ch}
.lugom-studio .page-intro h1{font-size:clamp(40px,4.7vw,70px);max-width:23ch}
.lugom-studio .page-intro .split{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.lugom-studio .page-intro .split>div:only-child{grid-column:1/-1;max-width:1040px}
.lugom-studio .section{padding-block:70px}
.lugom-studio .compact-footer{background:#111c24}
.lugom-studio .footer-brand{font-family:Outfit,sans-serif;letter-spacing:.17em;font-size:24px;font-weight:500}
.lugom-studio .footer-line p{max-width:80ch;font-size:11px}
.lugom-studio .footer-note{font-size:10px}
.lugom-studio .price-panel h2,.lugom-studio .mini-plan h3,.lugom-studio .policy h1,.lugom-studio .policy h2,.lugom-studio .policy h3{font-family:Outfit,sans-serif;color:inherit}
.lugom-studio .legal-document h1,.lugom-studio .legal-document h2,.lugom-studio .legal-document h3{font-family:Outfit,sans-serif;font-weight:400}
.lugom-studio .policy h1{font-size:clamp(38px,4.5vw,64px);max-width:25ch}
.atelier-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.45fr);min-height:660px;position:relative;max-width:1920px;margin-inline:auto;padding:48px 0 54px;gap:32px;align-items:center}
.atelier-hero-copy{padding-left:max(5vw,calc((100vw - 1480px)/2 + 48px));padding-right:0;position:relative;z-index:2}
.atelier-hero-copy .eyebrow{color:#dec8a2;font-size:10px;letter-spacing:.16em}
.atelier-hero-copy h1{font-size:clamp(42px,4.15vw,78px);max-width:21ch;margin:28px 0;line-height:1.04}
.atelier-hero-copy>p:not(.eyebrow){max-width:43ch;font-size:15px;line-height:1.9;color:#c9cccb}
.atelier-hero-copy .actions{gap:12px;flex-wrap:wrap;margin-top:30px}
.atelier-hero-copy .button{font-size:12px;padding:17px 22px;min-height:52px}
.atelier-scene{position:relative;height:570px;overflow:hidden;margin-right:3vw;background:#0c1720;border-radius:2px}
.atelier-scene>img,.scene-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.scene-canvas{opacity:0;transition:opacity .7s ease;pointer-events:none}
.atelier-scene.scene-ready .scene-canvas{opacity:1}
.scene-caption{position:absolute;bottom:0;left:0;right:0;padding:54px 26px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(transparent,#07131dcc);color:#f4eee5;z-index:2;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.scene-caption .motion-toggle{color:#f4eee5;border-color:#ffffff55;font-size:10px;letter-spacing:.02em;text-transform:none}
.atelier-sectors{overflow:hidden;border-block:1px solid #ffffff29;background:#111c24;padding:21px 0}
.sector-track{display:flex;width:max-content;gap:72px;animation:sector-drift 45s linear infinite}
.sector-track span{white-space:nowrap;font:400 19px/1.3 Outfit,sans-serif;color:#d9c5a4;letter-spacing:.03em}
@keyframes sector-drift{to{transform:translateX(-50%)}}
.atelier-showcase{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:70px;padding-block:100px;align-items:start}
.showcase-intro{padding-top:36px}
.showcase-intro .bespoke-heading p:not(.eyebrow){font-size:14px;max-width:40ch;line-height:1.9}
.showcase-intro .button{margin-top:26px}
.showcase-stack{perspective:1400px;min-width:0}
.showcase-panel{background:#24323d;border:1px solid #ffffff26;margin:0 0 32px;transform-style:preserve-3d;overflow:hidden}
.showcase-panel>a{display:block;text-decoration:none;color:#f4eee5}
.showcase-panel .photo{aspect-ratio:1.65;height:auto;overflow:hidden}
.showcase-panel .photo img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.showcase-panel:hover .photo img{transform:scale(1.035)}
.showcase-caption{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 26px}
.showcase-caption h3{font-size:27px;margin:8px 0 0}
.showcase-caption .eyebrow{margin:0;color:#d9c5a4;font-size:9px}
.showcase-caption>span{font-size:11px;color:#d3d4d1;white-space:nowrap}
.atelier-care{background:#e8e1d6;color:#24323d;padding-block:78px}
.atelier-care>.container{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.atelier-care .bespoke-heading p{color:#535c60}
.atelier-care .bespoke-heading .eyebrow{color:#6a5540}
.atelier-care .bespoke-faq details{border-color:#26333c40}
.atelier-care .bespoke-faq summary{font-family:Outfit,sans-serif;font-weight:400;font-size:22px;color:#24323d}
.atelier-care .bespoke-faq p{font-size:14px;color:#535c60;line-height:1.9}
.studio-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:70px;align-items:center;padding-block:58px 48px}
.studio-intro h1{font-size:clamp(40px,4.8vw,74px);max-width:23ch;margin:24px 0}
.studio-intro .lead{max-width:51ch;font-size:15px;line-height:1.9;color:#c9cccb}
.studio-intro-visual{height:370px;overflow:hidden;border:1px solid #ffffff20}
.studio-intro-visual img{object-fit:cover;object-position:center}
.lugom-studio .timeline{max-width:100%}
.lugom-studio .timeline li{display:grid;grid-template-columns:50px 1fr;gap:36px;padding-block:30px}
.lugom-studio .timeline h2{font-size:clamp(27px,3vw,40px);max-width:28ch}
.lugom-studio .timeline p{max-width:82ch;font-size:14px;line-height:1.9}
.lugom-studio .work-card h3{font-family:Outfit,sans-serif;font-size:32px;font-weight:400;letter-spacing:-.03em}
.balanced-intro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:72px;align-items:end;padding-block:56px 48px}
.balanced-intro h1{font-size:clamp(42px,5.6vw,84px);max-width:24ch;line-height:1.05;margin:22px 0 0;text-wrap:balance}
.balanced-intro>.lead{max-width:45ch;margin:0 0 5px;font-size:15px;line-height:1.85}
.restaurant-visit-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:70px;align-items:center;padding-block:55px 45px}
.restaurant-visit-intro h1{font-size:clamp(54px,6vw,94px);line-height:1.06;max-width:15ch;text-wrap:balance;margin:24px 0}
.restaurant-visit-intro .lead{font-size:15px;line-height:1.9;max-width:38ch}
.restaurant-visit-intro>figure{height:430px;position:relative;margin:0;overflow:hidden}
.restaurant-visit-intro figcaption{position:absolute;bottom:0;left:0;right:0;padding:50px 22px 20px;background:linear-gradient(transparent,#19070a99);color:#fff2dd;font-size:11px;letter-spacing:.05em}
.coastal-opening{position:relative;min-height:640px;padding:0;isolation:isolate;overflow:hidden}
.coastal-opening::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061d31a1,transparent 78%),linear-gradient(0deg,#061d3199,transparent 60%);z-index:1;pointer-events:none}
.coastal-opening .coastal-photo{position:absolute;inset:0;height:100%!important;min-height:0;z-index:0}
.coastal-opening .coastal-photo img{object-position:50% 45%}
.coastal-opening .coastal-title{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none!important;min-height:640px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding-block:120px 55px;z-index:2}
.coastal-opening .coastal-title>.eyebrow{background:transparent;color:#f7ead2;margin:0;font-size:10px;padding:0}
.coastal-opening .coastal-title h1{background:none!important;padding:0!important;color:#fff4df;font-size:clamp(65px,7.5vw,118px);width:100%;max-width:18ch;line-height:1.02;margin:24px 0 28px;text-shadow:0 2px 24px #0002}
.coastal-opening .coastal-title h1 em{color:#fff4df;font-style:italic}
.coastal-opening .coastal-round{position:static;transform:none;width:auto;height:auto;border-radius:0;border:1px solid #fff4df8c;background:#fff4df;color:#183c58;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;gap:46px;font-size:12px}
.coastal-opening .coastal-round span{font-size:22px;margin:0}
.coastal-ribbon{padding-block:20px}
.coastal-ribbon>p{font-size:clamp(22px,2.5vw,34px)}
.coastal-day-plan{gap:60px!important;padding-block:12px 60px!important;align-items:start}
.coastal-walk{margin:0;min-width:0}
.coastal-walk>.photo{height:610px;overflow:hidden}
.coastal-walk img{object-position:50% 50%}
.coastal-walk figcaption{font-size:12px;margin-top:16px}
.coastal-day-plan .coastal-timeline li{padding-block:26px}
.coastal-editorial-story{padding-block:70px}
.coastal-story-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}
.coastal-story-head .bespoke-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:0 70px;width:100%;align-items:end}
.coastal-story-head .eyebrow{grid-column:1/-1}
.coastal-story-head h2{font-size:clamp(38px,4vw,60px);margin:15px 0 0;max-width:22ch}
.coastal-story-head .bespoke-heading>p:last-child{max-width:46ch;font-size:14px;line-height:1.8;margin:0}
.coastal-editorial-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:dense;gap:28px 24px}
.coastal-editorial-grid figure{grid-column:span 2;margin:0}
.coastal-editorial-grid figure:nth-child(-n+2){grid-column:span 3}
.coastal-editorial-grid .photo{aspect-ratio:1.4;height:auto;overflow:hidden}
.coastal-editorial-grid figcaption{padding-top:17px}
.coastal-editorial-grid h3{font:400 26px/1.2 var(--serif);margin:0 0 8px}
.coastal-editorial-grid p{font-size:12px;line-height:1.9;color:#365c72;max-width:46ch;margin:0}
.soma-services{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px!important;padding-block:15px 60px!important;align-items:start}
.soma-services figure{margin:0;min-width:0}
.soma-services figure>.photo{height:520px;overflow:hidden}
.soma-services figcaption{font-size:11px;color:#cbd0be;margin-top:16px}
.soma-services .ritual-list details{padding-block:24px}
.sample-copyright{display:flex;justify-content:space-between;gap:20px;padding-top:12px;font-size:9px;opacity:.9}
.sample-copyright nav{display:flex;gap:20px}
.motion-off .sector-track{animation-play-state:paused!important}
@media(min-width:1700px){.atelier-hero{gap:48px}.atelier-hero-copy{padding-left:85px}.atelier-scene{height:640px}.atelier-hero-copy h1{font-size:76px}.container{max-width:1600px}.studio-intro-visual{height:430px}}
@media(max-width:1100px){.atelier-hero{grid-template-columns:1fr 1.2fr;gap:28px}.atelier-hero-copy{padding-left:4vw}.atelier-hero-copy h1{font-size:46px}.atelier-scene{height:530px}.atelier-showcase,.atelier-care>.container{gap:40px}.balanced-intro,.studio-intro,.restaurant-visit-intro{gap:40px}.coastal-walk>.photo{height:540px}}
@media(max-width:800px){
 .atelier-hero{grid-template-columns:1fr;gap:30px;min-height:0;padding:40px 0 0}.atelier-hero-copy{padding-inline:var(--gutter)}.atelier-hero-copy h1{font-size:clamp(35px,6.5vw,50px);max-width:24ch;margin:20px 0}.atelier-hero-copy>p:not(.eyebrow){font-size:13px;max-width:50ch}.atelier-hero-copy .actions{margin-top:24px}.atelier-hero-copy .button{padding:14px 18px}.atelier-scene{margin:0;height:400px;max-height:none}.scene-caption{padding-inline:var(--gutter)}
 .atelier-showcase,.atelier-care>.container{grid-template-columns:1fr;gap:32px;padding-block:58px}.showcase-intro{padding-top:0}.showcase-intro .bespoke-heading p:not(.eyebrow){max-width:55ch}.showcase-panel{margin-bottom:24px}.showcase-caption{padding:18px 20px;gap:12px}.showcase-caption>span{font-size:10px}.showcase-caption h3{font-size:25px}.atelier-care{padding-block:0}.sector-track{gap:48px}.sector-track span{font-size:16px}
 .studio-intro{grid-template-columns:1fr;gap:28px;padding-block:36px 30px}.studio-intro h1{font-size:clamp(35px,6.8vw,55px);max-width:25ch;margin:19px 0}.studio-intro .lead{font-size:13px}.studio-intro-visual{height:290px}.lugom-studio .section{padding-block:45px}.lugom-studio .timeline li{gap:15px;grid-template-columns:30px 1fr;padding-block:22px}.lugom-studio .timeline h2{font-size:27px}.lugom-studio .timeline p{font-size:12px}
 .balanced-intro{grid-template-columns:1fr;gap:22px;padding-block:35px 30px}.balanced-intro h1{font-size:clamp(38px,7vw,64px);max-width:25ch;margin-top:20px}.balanced-intro>.lead{font-size:13px;max-width:55ch;margin:0}.restaurant-visit-intro{grid-template-columns:1fr;gap:28px;padding-block:36px}.restaurant-visit-intro h1{font-size:54px;margin-block:20px}.restaurant-visit-intro>figure{height:340px}.restaurant-visit-intro .lead{font-size:13px;max-width:50ch}
 .coastal-opening,.coastal-opening .coastal-title{min-height:570px}.coastal-opening .coastal-title{padding-block:140px 44px}.coastal-opening .coastal-title h1{font-size:clamp(58px,10vw,82px);max-width:20ch}.coastal-opening .coastal-photo img{object-position:65% 45%}.coastal-ribbon{padding-block:17px}.coastal-ribbon span{font-size:8px}.coastal-ribbon p{font-size:22px}
 .coastal-day-plan{grid-template-columns:1fr!important;gap:30px!important;padding-block:8px 42px!important}.coastal-walk>.photo{height:480px}.coastal-editorial-story{padding-block:46px}.coastal-story-head .bespoke-heading{grid-template-columns:1fr;gap:18px}.coastal-story-head .bespoke-heading h2{font-size:39px}.coastal-story-head .bespoke-heading>p:last-child{font-size:13px}.coastal-editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.coastal-editorial-grid figure,.coastal-editorial-grid figure:nth-child(-n+2){grid-column:span 1}.coastal-editorial-grid figure:last-child{grid-column:1/-1}.coastal-editorial-grid h3{font-size:24px}.coastal-editorial-grid p{font-size:11px}
 .soma-services{grid-template-columns:1fr;gap:32px!important;padding-bottom:40px!important}.soma-services figure>.photo{height:360px}.sample-copyright{flex-wrap:wrap;gap:12px}.lugom-studio .footer-line p{font-size:10px}
}
@media(max-width:520px){.atelier-hero-copy h1{font-size:35px;max-width:21ch}.atelier-scene{height:340px}.scene-caption{font-size:8px;gap:10px}.scene-caption .motion-toggle{font-size:9px}.lugom-studio .section-head h2,.lugom-studio .bespoke-heading h2,.lugom-studio .closing h2{font-size:34px}.studio-intro h1{font-size:35px}.studio-intro-visual{height:230px}.balanced-intro h1{font-size:42px}.coastal-opening,.coastal-opening .coastal-title{min-height:540px}.coastal-opening .coastal-title h1{font-size:65px}.coastal-ribbon{grid-template-columns:1fr;text-align:center}.coastal-ribbon span{display:none}.coastal-walk>.photo{height:450px}.coastal-editorial-grid{grid-template-columns:1fr}.coastal-editorial-grid figure,.coastal-editorial-grid figure:nth-child(-n+2){grid-column:1/-1}.coastal-editorial-grid .photo{aspect-ratio:1.4}.coastal-editorial-grid h3{font-size:26px}.coastal-editorial-grid p{font-size:12px}.showcase-caption>span{max-width:9ch;white-space:normal}.restaurant-visit-intro h1{font-size:49px}.restaurant-visit-intro>figure{height:290px}.sample-copyright{font-size:9px}.lugom-studio .brand strong{font-size:24px}.lugom-studio .brand small{font-size:7px}}
@media(max-width:800px){.lugom-studio .page-intro .split{grid-template-columns:1fr;gap:24px}.lugom-studio .page-intro h1{font-size:35px;max-width:25ch}.lugom-studio .page-intro{padding-block:35px}}
@media(max-width:520px){.lugom-studio.policy-page .legal-document h1{font-size:31px;line-height:1.12}.sample-hotel .cinema-copy h1{font-size:42px;max-width:24ch}.sample-dental .brightwell-opening h1{font-size:38px;max-width:24ch}.sample-spa .soma-copy h1{font-size:36px;max-width:24ch}.sample-retail .forma-opening h1{font-size:36px;max-width:24ch}}
@media(max-width:340px){.lugom-studio.policy-page .legal-document h1{font-size:28px}.sample-spa .soma-copy h1{font-size:32px}.sample-retail .forma-opening h1{font-size:32px}.sample-hotel .cinema-copy h1{font-size:38px}.sample-dental .brightwell-opening h1{font-size:34px}.lugom-studio .atelier-hero-copy h1{font-size:30px}.lugom-studio .studio-intro h1{font-size:30px}}
.lugom-studio .mini-plan .button.ghost,.lugom-studio .price-card .button.ghost,.lugom-studio .price-panel .button.ghost{color:#24323d;border-color:#24323d66;background:transparent}
.lugom-studio .mini-plan .button.ghost:hover,.lugom-studio .price-card .button.ghost:hover,.lugom-studio .price-panel .button.ghost:hover{background:#24323d0d;color:#24323d}
@media(prefers-reduced-motion:reduce){.sector-track{animation:none}.scene-canvas{display:none!important}.showcase-panel{transform:none!important}.atelier-scene>img{display:block}.photo img{transition:none!important}}

/* v2.8: fixed geometry. No perspective ancestors, nested pins or competing card transforms. */
.atelier-hero{display:block;max-width:none;min-height:0;padding:0;margin:0;isolation:isolate;overflow:clip}
.atelier-scene{height:auto;aspect-ratio:1903/826;min-height:0;margin:0;border-radius:0;overflow:hidden;background:#19334e}
.atelier-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;transform:none}
.atelier-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07172630 0%,transparent 45%);pointer-events:none}
.atelier-hero-copy{position:absolute;top:clamp(26px,2.8vw,62px);left:50%;transform:translateX(-50%);width:min(780px,58vw);padding:0;text-align:center;z-index:2}
.atelier-hero-copy .eyebrow{color:#f4e3c8;font-size:10px;letter-spacing:.16em;margin:0 0 14px}
.atelier-hero-copy h1{font-size:clamp(40px,3.65vw,70px);max-width:26ch;margin:0 auto 17px;font-weight:450;line-height:1.02;letter-spacing:-.04em;color:#fff7ea;text-shadow:0 1px 12px #10243c33}
.atelier-hero-copy>p:not(.eyebrow){max-width:60ch;margin:0 auto;font-size:clamp(12px,.86vw,15px);line-height:1.7;color:#fff5e8;text-wrap:balance}
.atelier-hero-copy .actions{justify-content:center;gap:12px;margin-top:20px}
.atelier-hero-copy .button{min-height:48px;padding:11px 16px 11px 21px;font-size:12px}
.lugom-studio .button{border-radius:99px;transition:background .25s cubic-bezier(.22,1,.36,1),color .25s cubic-bezier(.22,1,.36,1),transform .25s cubic-bezier(.22,1,.36,1)}
.lugom-studio .button .arrow{display:grid;place-items:center;border-radius:50%;width:28px;height:28px;flex-shrink:0;background:#17232c0d;font-size:18px}
.atelier-hero-copy .button.ghost{background:#1222375c;color:#fff7ea;border-color:#fff7ea77}
.atelier-hero-copy .button.ghost:hover{background:#122237b3}
.atelier-hero-copy .button.ghost .arrow{background:#ffffff12}
.scene-caption{background:linear-gradient(transparent,#07131d66);padding:48px 4vw 18px;z-index:2}
.scene-caption .motion-toggle{min-height:44px;padding-inline:10px}
.atelier-sectors{padding:20px var(--gutter);overflow:visible}
.sector-track{width:auto;animation:none;display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;max-width:1480px;margin:auto}
.sector-track span{font-size:14px;letter-spacing:.04em;color:#d9c5a4}
.atelier-showcase{gap:clamp(36px,5vw,90px);padding-block:84px;position:relative;overflow:visible}
.showcase-intro{position:sticky;top:40px;padding-top:20px;align-self:start;transform:none}
.showcase-stack{perspective:none;transform:none;min-width:0;display:grid;gap:32px}
.showcase-panel{margin:0;transform:none;transform-style:flat;overflow:hidden;border-radius:3px;background:#1e2c37}
.showcase-panel .photo{isolation:isolate}
.showcase-panel .photo img{transition:none;transform:none;transform-origin:center}
.showcase-panel:hover .photo img{transform:none}
.showcase-caption{padding:22px 24px}
.showcase-caption>span{display:flex;align-items:center;gap:12px}
.showcase-panel>a:focus-visible{outline:3px solid #e5d1ab;outline-offset:-4px}
.showcase-panel:hover .showcase-caption>span{color:#f4e3c8}
.work-card>a,.work-card>a>img,[data-tilt],.forma-cover{perspective:none;transform:none!important;will-change:auto;transition:none}
.cinema-photo{inset:0;transform:none!important;will-change:auto}
.cinema-photo img,.retail-product{animation:none!important}
.soma-image,.restaurant-window,.brightwell-photo{overflow:hidden;isolation:isolate}
.lugom-studio .mini-plans{gap:24px}
.lugom-studio .mini-plan{padding:32px;border-radius:3px}
.lugom-studio .mini-plan .button{margin-top:12px}
.lugom-studio .mini-plan p{color:#535c60}
:where(a,button,summary,input,select,textarea):focus-visible{outline:2px solid currentColor;outline-offset:5px}
.nav-links a{transition:color .25s cubic-bezier(.22,1,.36,1)}
@media(min-width:1921px){.atelier-hero-copy{top:3vw;width:900px}.atelier-hero-copy h1{font-size:80px}}
@media(max-width:1100px){.atelier-hero-copy{width:65vw;top:22px}.atelier-hero-copy h1{font-size:40px}.atelier-hero-copy>p:not(.eyebrow){font-size:12px}.atelier-hero-copy .eyebrow{font-size:9px;margin-bottom:10px}.atelier-hero-copy .actions{margin-top:16px}.atelier-hero-copy .button{font-size:11px;min-height:44px;padding:9px 13px 9px 17px}.showcase-intro{top:24px}}
@media(max-width:800px){.atelier-hero-copy{top:36px;width:calc(100% - 48px);max-width:610px;padding:0}.atelier-scene{height:680px;aspect-ratio:auto}.atelier-scene>img{object-fit:cover;object-position:49% center}.atelier-hero-copy h1{font-size:clamp(36px,5.8vw,48px);max-width:26ch;line-height:1.06;margin-bottom:18px}.atelier-hero-copy .eyebrow{font-size:9px;margin-bottom:17px}.atelier-hero-copy>p:not(.eyebrow){font-size:13px;max-width:52ch;line-height:1.7}.atelier-hero-copy .actions{margin-top:22px}.atelier-hero-copy .button{font-size:12px;min-height:48px;padding:10px 14px 10px 18px}.showcase-intro{position:static;padding-top:0}.atelier-showcase{padding-block:52px;gap:30px}.showcase-stack{gap:24px}.showcase-caption{padding:18px}.sector-track{justify-content:center;gap:12px 24px}.sector-track span{font-size:11px}.scene-caption{padding-inline:24px}.showcase-caption>span{font-size:10px}}
@media(max-width:520px){.atelier-scene{height:730px;max-height:none}.atelier-scene>img{object-position:49% center}.atelier-hero-copy{width:calc(100% - 32px);top:32px}.atelier-hero-copy h1{font-size:35px;max-width:23ch}.atelier-hero-copy>p:not(.eyebrow){font-size:12px;max-width:43ch}.atelier-hero-copy .actions{gap:9px}.atelier-hero-copy .button{font-size:11px;padding:9px 12px 9px 15px;min-height:46px;gap:12px}.atelier-hero-copy .button .arrow{width:24px;height:24px}.scene-caption{padding-inline:16px}.showcase-caption h3{font-size:25px}.sector-track{gap:12px 22px}.lugom-studio .mini-plan{padding:25px}}
@media(max-width:340px){.atelier-hero-copy h1{font-size:31px}.atelier-hero-copy .actions{flex-direction:column;align-items:center}.atelier-hero-copy .button{min-width:190px}.atelier-scene{height:780px}.atelier-hero-copy .eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){.atelier-hero-copy>*{opacity:1!important;transform:none!important}.showcase-panel,.photo img{transform:none!important}.showcase-intro{position:static}}
.motion-off .showcase-panel,.motion-off [data-depth-photo] img{transform:none!important}
.cinema-page.sample-hotel .header-inner{width:calc(100% - 48px);margin:14px auto 0;padding-inline:26px;min-height:72px;background:#192d2b;border:1px solid #ffffff35;border-radius:99px}
.coastal-opening .coastal-round{flex-direction:row;gap:30px;min-height:48px;padding:12px 22px;border-radius:99px}
@media(max-width:800px){.cinema-page.sample-hotel .header-inner{width:calc(100% - 32px);margin-top:12px;padding-inline:18px;min-height:66px}.cinema-page.sample-hotel>.site-header{top:32px}}
@media(max-width:340px){.sample-restaurant .restaurant-title h1{font-size:56px}.sample-dental .balanced-intro h1{font-size:35px}}

/* v2.9: platform-independent icons, compact policy footer and an occupied hotel introduction. */
.ui-icon{display:inline-block;flex:none;vertical-align:-.18em;width:18px;height:18px}
.button .arrow .ui-icon{vertical-align:0;width:17px;height:17px}
.language-menu .ui-icon{width:13px;height:13px}
.gallery-dialog .ui-icon{width:24px;height:24px}
.text-link,.showcase-caption>span{display:inline-flex;align-items:center;gap:10px}
.compact-footer{padding:22px 0!important;margin:0!important}
.compact-footer .footer-line{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 24px;padding:0;border:0}
.compact-footer p{margin:0!important;font-size:11px!important;line-height:1.6}
.compact-footer nav{display:flex;flex-wrap:wrap;gap:18px}
.compact-footer nav a,.footer-home{font-size:11px;line-height:1.6}
.compact-footer .footer-home{flex-basis:100%;opacity:.85}
.hotel-welcome-rich{display:grid!important;grid-template-columns:1.05fr 1fr;gap:clamp(36px,6vw,96px);align-items:center;padding-block:72px!important;text-align:left}
.hotel-welcome-photo{margin:0;min-width:0;overflow:hidden;aspect-ratio:4/5}
.hotel-welcome-photo img{display:block;width:100%;height:100%;object-fit:cover;transform:none}
.hotel-welcome-copy{min-width:0}
.hotel-welcome-copy h2{max-width:24ch!important;margin:18px 0 20px!important;font-size:clamp(32px,4vw,60px)!important}
.hotel-welcome-copy>p{max-width:52ch;margin-inline:0!important}
.hotel-welcome-facts{display:grid;gap:0;margin:28px 0}
.hotel-welcome-facts>div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid #29403524}
.hotel-welcome-facts dt{font-weight:600;font-size:12px}
.hotel-welcome-facts dd{margin:0;font-size:13px}
.hotel-welcome-copy .concept-note{margin-top:20px}
.scene-toggle{border:0;border-bottom:1px solid currentColor;background:transparent;color:#f6efe3;font:inherit;font-size:11px;min-height:44px;padding:8px 5px;cursor:pointer}
.scene-toggle[hidden]{display:none}
.scene-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1)}
.atelier-scene.video-ready .scene-video{opacity:1}
.atelier-scene.video-ready>img{visibility:hidden}
.lugom-studio .photo img,.lugom-studio .atelier-scene>img{transform:none!important;animation:none!important}
@media(max-width:800px){.hotel-welcome-rich{grid-template-columns:1fr;gap:30px;padding-block:40px!important}.hotel-welcome-photo{aspect-ratio:5/4}.hotel-welcome-copy h2{font-size:36px!important}.scene-video{object-fit:cover;object-position:49% center}.compact-footer .footer-line{justify-content:flex-start}.compact-footer nav{gap:16px}.hotel-welcome-facts>div{grid-template-columns:95px 1fr}}
@media(prefers-reduced-motion:reduce){.scene-video{display:none}.atelier-scene.video-ready>img{visibility:visible}.scene-toggle{display:none}.button .arrow{transition:none}}