/* Each brand keeps its composition, color and type. Motion gives its materials weight. */
:root{--premium-ease:cubic-bezier(.2,.72,.22,1)}
[data-premium] h1,[data-premium] h2{text-wrap:balance}
[data-premium] main p{text-wrap:pretty}
[data-premium] .eyebrow,[data-premium] .label{font-size:14px;line-height:1.55}
[data-heading-arrival]{transition:translate .8s var(--premium-ease)}
.heading-prelude{translate:0 13px}.heading-prelude.heading-settled{translate:0 0}
[data-premium-opening]{--opening-p:0}
[data-premium-title]{transform:translateY(calc(var(--opening-p)*-13px));transition:transform .22s ease-out}
[data-material-surface]{--light-x:35%;--light-y:20%}
[data-premium] .soft-art,[data-premium] .hero-model,[data-premium] .masthead-media img{transition:transform .38s var(--premium-ease)}
[data-premium] .text-link svg,[data-premium] .text-btn svg{transition:translate .35s var(--premium-ease)}
[data-premium] .text-link:hover svg,[data-premium] .text-btn:hover svg{translate:4px 0}
[data-premium] main>section:not(.hero):not(.journey):not(.closing){scroll-margin-top:30px}
/* FORMA: a photographic contact sheet with an articulated reading surface. */
[data-premium=forma] .hero-content{transform:translateY(calc(var(--opening-p)*-9px));transition:transform .32s var(--premium-ease)}
[data-premium=forma] .hero-art{clip-path:inset(0 calc(var(--opening-p)*18px) round calc(var(--opening-p)*32px));transition:clip-path .32s var(--premium-ease)}
[data-premium=forma] .treatment-card{transition:translate .55s var(--premium-ease);padding-bottom:8px}
[data-premium=forma] .treatment-card .card-image{border-radius:24px;box-shadow:0 2px 2px #3e2f1912,0 16px 35px -18px #3e2f195c;transition:box-shadow .55s var(--premium-ease),border-radius .55s var(--premium-ease)}
[data-premium=forma] .treatment-card:is(:hover,:focus-within,.is-featured){translate:0 -5px}
[data-premium=forma] .treatment-card:is(:hover,:focus-within,.is-featured) .card-image{box-shadow:0 2px 2px #3e2f1912,0 24px 40px -18px #3e2f1960}
[data-premium=forma] .treatment-rail{padding-top:14px;padding-bottom:20px}
.collection-track{height:3px;background:#d9d2c7;position:relative;border-radius:4px;margin:8px 0 22px;overflow:hidden}
.collection-track>span{display:block;width:32%;height:100%;background:#76634a;border-radius:inherit;transform:translateX(calc(var(--rail-p,0)*212%));transition:transform .24s ease-out}
[data-premium=forma] .philosophy h2 .ink-line{display:block;color:#625443!important;text-shadow:0 1px 0 #ffffffb0;opacity:calc(.72 + var(--ink-p,1)*.28);transform:translateX(calc((1 - var(--ink-p,1))*8px));transition:opacity .35s ease,transform .35s ease}
[data-premium=forma] .philosophy{border-radius:36px;margin:0 2%;box-shadow:inset 0 1px 0 #fff,0 22px 50px -40px #51433580}
[data-premium=forma] .photo-opening,[data-premium=forma] .about-hero,[data-premium=forma] .visit-hero{border-bottom:1px solid #dcd1c2;box-shadow:0 15px 40px -35px #483c26}
/* VELA: three photographic perspectives; a stable, composed editorial panel. */
[data-premium=vela] .hero{clip-path:inset(0 calc(var(--opening-p)*14px) round 0 0 calc(var(--opening-p)*38px) calc(var(--opening-p)*38px));transition:clip-path .3s ease-out}
[data-premium=vela] .personal{background:#eaf2f5;border:1px solid #d4e2e9;border-radius:32px;margin:42px 3%;padding:clamp(30px,4.5vw,68px);box-shadow:inset 0 1px 0 #fff,0 32px 70px -52px #183b57a0;gap:clamp(24px,3vw,48px)}
[data-premium=vela] .personal figure{border-radius:25px;box-shadow:0 20px 40px -20px #25465f55;isolation:isolate}
[data-premium=vela] [data-perspective-image]{opacity:0;transition:opacity .65s var(--premium-ease),transform .8s var(--premium-ease);transform:scale(calc(var(--soft-scale,1) + .015))}
[data-premium=vela] .personal figure .perspective-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
[data-premium=vela] [data-perspective-image][aria-hidden=false],[data-premium=vela] [data-perspective-image="0"]:not([aria-hidden]){opacity:1;transform:scale(var(--soft-scale,1))}
[data-premium=vela] .personal figure video{z-index:1}
[data-premium=vela] .personal figure:not([data-perspective-media="0"]) video{opacity:0!important}
[data-premium=vela] .personal figure figcaption{position:absolute;bottom:16px;left:16px;right:16px;padding:13px 16px;border:1px solid #ffffffa6;border-radius:14px;background:#eaf3f4e8;backdrop-filter:blur(12px);color:#183a52;z-index:2;font-size:13px;line-height:1.5;box-shadow:0 7px 20px #17364e17}
.perspective-panels{display:grid;margin-top:28px;min-width:0}
.perspective-panels>[role=tabpanel]{grid-area:1/1;opacity:1;visibility:visible;translate:0 0;transition:opacity .22s ease .18s,translate .5s var(--premium-ease) .12s,visibility 0s}
.perspective-panels>[aria-hidden=true]{opacity:0;visibility:hidden;translate:0 8px;transition:opacity .15s ease,translate .3s ease,visibility 0s .15s;pointer-events:none}
[data-premium=vela] .personal-aside h3{font-size:clamp(25px,2.6vw,34px);line-height:1.15}
[data-premium=vela] .perspective-tabs{gap:12px;display:flex}
[data-premium=vela] .perspective-tabs [aria-selected=true]{background:#244d67;color:#fff}
/* AERA: cinematic transitions belong to the portrait window, not the whole page. */
[data-premium=aera] .scenes .scene{display:block!important;opacity:1;visibility:visible;transition:opacity .65s var(--premium-ease),visibility 0s}
[data-premium=aera] .scenes .scene[aria-hidden=true]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s var(--premium-ease),visibility 0s .65s}
[data-premium=aera] .scene img{transition:transform .8s var(--premium-ease);transform:scale(calc(var(--portrait-scale,1) + .014))}
[data-premium=aera] .scene-current img{transform:scale(var(--portrait-scale,1))}
[data-premium=aera] .hero-portrait{clip-path:inset(0 calc(var(--opening-p)*12px) round calc(var(--opening-p)*28px));transition:clip-path .3s ease-out}
[data-premium=aera] .floating-note{box-shadow:inset 0 1px 0 #fff,0 4px 8px #162f4b12,0 22px 45px -18px #162f4b45}
[data-premium=aera] .treatment-row{border-radius:24px;padding:24px;margin-bottom:18px;border:1px solid #cfd8e6;background:#f7f9fbd9;box-shadow:inset 0 1px 0 white,0 12px 25px -22px #20365b66;transition:background .4s,box-shadow .4s,translate .4s var(--premium-ease)}
[data-premium=aera] .treatment-row:is(:hover,:focus-within){background:#fff;translate:0 -3px;box-shadow:inset 0 1px 0 #fff,0 18px 32px -22px #20365b70}
[data-premium=aera] .treatment-row figure{border-radius:18px;overflow:hidden}
[data-premium=aera] .visual-heading,[data-premium=aera] .detail-hero,[data-premium=aera] .consultation-hero{box-shadow:inset 0 -1px 0 #cdd9e5,0 22px 45px -40px #25496c70}
/* ALMA: preserve the six-photo orbit as the peak, compose the visit around it. */
[data-premium=alma] .hero{clip-path:inset(0 calc(var(--opening-p)*12px) round 0 0 calc(var(--opening-p)*30px) calc(var(--opening-p)*30px));transition:clip-path .35s ease-out}
[data-premium=alma] .journey{margin:30px 3%;border-radius:30px;box-shadow:0 22px 60px -30px #37332e65;overflow:hidden}
[data-premium=alma] .journey-steps>a{background:rgb(248 246 241 / calc(.88 + var(--visit-p,1)*.1));border:1px solid #ffffffb3;box-shadow:inset 0 1px 0 white,0 6px 18px #332d2416;backdrop-filter:blur(12px);border-radius:18px;padding:22px;translate:0 calc((1 - var(--visit-p,1))*12px);transition:translate .48s var(--premium-ease),background .5s,box-shadow .4s}
[data-premium=alma] .journey-steps>a:hover{box-shadow:inset 0 1px 0 white,0 10px 26px #332d2430}
[data-premium=alma] .journey-steps>a>span{border-bottom:1px solid #a4a098;padding-bottom:8px}
[data-premium=alma] .orbit-gallery{box-shadow:inset 0 0 0 1px #fff,0 9px 30px #28262116}
/* Auréléa: a sequenced visit beside an anchored photographic folio. */
[data-premium=aurelea] .hero-copy{transform:translateY(calc(var(--opening-p)*-8px));transition:transform .32s ease-out}
[data-premium=aurelea] .chapter-grid>a{border:1px solid #d8ccb5;background:#fbf8f1;box-shadow:inset 0 1px 0 #fff,0 10px 24px -18px #7a5a3460;transition:translate .45s var(--premium-ease),box-shadow .45s}
[data-premium=aurelea] .chapter-grid>a:hover{translate:0 -5px;box-shadow:inset 0 1px 0 #fff,0 18px 32px -20px #7a5a3470}
[data-premium=aurelea] .journey-layout{align-items:start;gap:clamp(24px,4vw,64px)}
[data-premium=aurelea] .journey-layout figure{position:sticky;top:40px;height:min(72vh,680px);min-height:460px;border-radius:30px;box-shadow:0 8px 15px -8px #614c2b20,0 28px 60px -35px #614c2b65;isolation:isolate;overflow:hidden}
[data-premium=aurelea] [data-story-image]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.035);transition:opacity .65s var(--premium-ease),transform 1s var(--premium-ease)}
[data-premium=aurelea] [data-story-image="0"]:not([aria-hidden]),[data-premium=aurelea] [data-story-image][aria-hidden=false]{opacity:1;transform:scale(1)}
[data-premium=aurelea] .journey-layout figure figcaption{position:absolute;bottom:20px;left:20px;right:20px;padding:15px 18px;border:1px solid #ffffffb3;border-radius:14px;background:#fcf6e9e8;backdrop-filter:blur(14px);color:#584324;font-size:14px;line-height:1.5;z-index:2}
[data-premium=aurelea] .journey-layout .round-action{top:20px;right:20px;bottom:auto;z-index:2}
[data-premium=aurelea] .journey-cards{display:flex;flex-direction:column;gap:18px}
[data-premium=aurelea] .journey-cards article{padding:30px;min-height:260px;border:1px solid #ded3bd;border-radius:24px;background:#f8f3e9;box-shadow:inset 0 1px 0 #fff;transition:background .6s,box-shadow .6s,border-color .6s}
[data-premium=aurelea] .journey-cards article.story-current{background:#fffaf0;border-color:#ad9160;box-shadow:inset 3px 0 0 #ad9160,0 18px 35px -28px #634c2a70}
[data-premium=aurelea] .journey-cards article>span{font-size:30px;color:#81683e}
[data-premium=aurelea] .journey-cards h3{font-size:26px;line-height:1.2}
[data-premium=aurelea] .story-select{margin:12px 0 0 10px}
@media(min-width:1000px){[data-premium=vela] .personal{grid-template-columns:minmax(0,.85fr) minmax(0,1.1fr) minmax(0,.9fr)}[data-premium=vela] .personal figure{min-height:510px;height:100%}}
@media(max-width:760px){
 [data-premium-title]{transform:translateY(calc(var(--opening-p)*-5px))}
 [data-premium] .eyebrow,[data-premium] .label{font-size:14px}
 [data-premium=forma] .philosophy{margin:0 12px;border-radius:24px;padding:40px 24px}
 [data-premium=forma] .philosophy h2{font-size:clamp(29px,7.7vw,43px)}
 [data-premium=forma] .treatment-card:is(:hover,:focus-within,.is-featured){translate:none}
 [data-premium=vela] .personal{margin:24px 16px;padding:28px 20px;display:grid;grid-template-columns:minmax(0,1fr);gap:24px;border-radius:24px}
 [data-premium=vela] .personal figure{width:100%;height:430px;min-height:0;grid-row:3;margin:0}
 [data-premium=vela] .personal-title{width:100%}
 [data-premium=vela] .personal-aside{display:contents}
 [data-premium=vela] .personal-aside>.eyebrow,[data-premium=vela] .personal-aside>.aside-line{display:none}
 [data-premium=vela] .perspective-tabs{grid-row:2}
 [data-premium=vela] .perspective-panels{grid-row:4;margin-top:0}
 [data-premium=vela] .personal figure figcaption{font-size:12px}
 [data-premium=aera] .treatment-row{padding:18px}
 [data-premium=alma] .journey{margin:22px 12px;border-radius:24px}
 [data-premium=alma] .journey-steps>a{padding:20px;translate:none}
 [data-premium=aurelea] .journey-layout figure{position:relative;top:auto;height:440px;min-height:0;grid-row:1}
 [data-premium=aurelea] .journey-cards article{padding:24px;min-height:0}
 [data-premium=aurelea] .journey-cards h3{font-size:24px}
 [data-premium=aurelea] .story-select{margin-left:0}
}
html[data-premium-still] [data-premium-title],html[data-premium-still] .hero-content,html[data-premium-still] .hero-copy,html[data-premium-still] .heading-prelude,html[data-premium-still] .ink-line{transform:none!important;translate:none!important;opacity:1!important}
html[data-premium-still] .journey-steps>a,html[data-premium-still] .treatment-card{translate:none!important}
html[data-premium-still] [data-premium-opening],html[data-premium-still] .hero-art,html[data-premium-still] .hero-portrait{clip-path:none!important}
html[data-premium-still] [data-story-gallery]{position:relative;top:auto}
html[data-premium-still] [data-story-image],html[data-premium-still] [data-perspective-image],html[data-premium-still] .scene img{transform:none!important}
html[data-premium-still] *,html[data-premium-still] *:before,html[data-premium-still] *:after{transition-duration:0s!important;animation:none!important}
@media(prefers-reduced-motion:reduce){[data-premium] *,[data-premium] *:before,[data-premium] *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}[data-premium-title],.heading-prelude,.ink-line{transform:none!important;translate:none!important;opacity:1!important}[data-story-gallery]{position:relative!important;top:auto!important}}
@media(prefers-reduced-transparency:reduce){[data-premium] .personal figure figcaption{background:#eaf3f4!important;backdrop-filter:none!important}[data-premium] .journey-layout figure figcaption{background:#fcf6e9!important;backdrop-filter:none!important}[data-premium] .journey-steps>a{background:#f8f6f1!important;backdrop-filter:none!important}}
[data-premium=aurelea] .journey-layout figure .round-action{width:56px!important;height:56px!important;min-width:56px!important;left:auto;transform:none;margin:0}
[data-premium=aera] .hero-copy .eyebrow{max-width:100%;white-space:normal;overflow-wrap:anywhere}
[data-premium=vela] .personal figure figcaption{background:radial-gradient(ellipse at var(--light-x) var(--light-y),#fffffff5,transparent 75%),#eaf3f4e8}
[data-premium=aurelea] .journey-layout figure figcaption{background:linear-gradient(115deg,#fffaf0f2,#f5e9cfe8);box-shadow:inset 0 1px 0 #fff,0 10px 24px #3b2c1817}
/* Text may grow independently of the viewport. Grids must not impose min-content overflow. */
[data-premium] main :is(h1,h2,h3,p,span,strong,a){overflow-wrap:anywhere}
[data-premium] main :is(section,article,figure,div)>*{min-width:0}
[data-premium=vela] .quick-links{grid-template-columns:repeat(auto-fit,minmax(min(100%,14em),1fr));gap:24px 16px}
@media(max-width:600px){[data-premium=aera] .treatment-row{grid-template-columns:23px minmax(0,1fr)}}
[data-premium] footer :is(div,p,a,span){min-width:0;overflow-wrap:anywhere}
[data-premium=aera] .faq summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;overflow-wrap:anywhere}
@media(max-width:600px){[data-premium=forma] .footer-top,[data-premium=vela] .footer-main{grid-template-columns:minmax(0,1fr)}}
[data-premium] .closing h2,[data-premium] .closing p{overflow-wrap:anywhere}
[data-premium] .closing>*{min-width:0}

/* Nov 8 owner corrections: portrait alignment and readable porcelain visit cards. */
@media(min-width:1152px){[data-premium=aurelea] .hero-model{bottom:8px}}
[data-premium=alma] .journey-steps{gap:14px;background:transparent;border:0;backdrop-filter:none;overflow:visible}
[data-premium=alma] .journey-steps>a{color:#292923;background:#f3f0e9f5;border:1px solid #fff;min-width:0}
[data-premium=alma] .journey-steps>a :is(h3,p,span,svg){color:#292923;opacity:1}
[data-premium=alma] .journey-steps>a p{color:#4c4b43;line-height:1.55;font-size:18px}
[data-premium=alma] .journey-steps>a h3{font-size:clamp(23px,2vw,29px);line-height:1.2}
[data-premium=alma] .journey-steps>a:is(:hover,:focus-visible){background:#fffdf6;box-shadow:inset 0 1px 0 white,0 12px 28px #332d2430}
[data-premium=alma] .journey-steps>a:focus-visible{outline:3px solid #292923;outline-offset:4px}
@media(max-width:760px){[data-premium=alma] .journey-steps{gap:12px}[data-premium=alma] .journey-steps>a{padding:22px}}

@media(max-width:600px){
 [data-premium=alma] .journey{height:auto;min-height:0;gap:46px;padding:42px 20px 55px}
 [data-premium=alma] .journey-steps{grid-template-columns:minmax(0,1fr);gap:14px;width:100%}
 [data-premium=alma] .journey-steps>a{display:grid;grid-template-columns:32px minmax(0,1fr);gap:15px;min-height:148px;height:auto;padding:24px 20px}
 [data-premium=alma] .journey-steps>a>span{border:0;padding:4px 0;align-self:start}
 [data-premium=alma] .journey-steps>a h3{font-size:24px;overflow-wrap:normal;word-break:normal;padding-right:17px}
 [data-premium=alma] .journey-steps>a p{margin-top:12px;font-size:18px;overflow-wrap:normal;word-break:normal}
 [data-premium=alma] .journey-steps>a>svg{top:23px;right:14px;width:18px}
}