@font-face{font-family:DemoCaslon;src:url('../fonts/libre-caslon-display.ttf') format('truetype');font-display:swap}
@font-face{font-family:DemoBebas;src:url('../fonts/bebas-neue.ttf') format('truetype');font-display:swap}
@font-face{font-family:DemoManrope;src:url('../fonts/manrope-latin-variable.woff2') format('woff2');font-weight:200 800;font-display:swap}

/* Each demo keeps its own palette and page architecture. These styles are scoped to the six active universes. */
[data-demo]{--demo-paper:#f2eee5;--demo-ink:#303b32;--demo-accent:#5d694d;font-family:DemoManrope,Arial,sans-serif;background:var(--demo-paper);color:var(--demo-ink)}
[data-demo=epure]{--demo-paper:#f4f2ed;--demo-ink:#1b2925;--demo-accent:#657e6c;--paper:var(--demo-paper);--ink:var(--demo-ink)}
[data-demo=sillage]{--demo-paper:#f2eee5;--demo-ink:#303b32;--demo-accent:#596648;--paper:var(--demo-paper);--ink:var(--demo-ink);--accent:var(--demo-accent)}
[data-demo=forma]{--demo-paper:#f6f3ed;--demo-ink:#2b2520;--demo-accent:#995d46;--paper:var(--demo-paper);--ink:var(--demo-ink)}
[data-demo=solstice]{--demo-paper:#f3f1e9;--demo-ink:#26362b;--demo-accent:#d7b638}
[data-demo=kinetic]{--demo-paper:#f2f1ed;--demo-ink:#15151b;--demo-accent:#dbff46;--paper:var(--demo-paper);--ink:var(--demo-ink)}
[data-demo=orbe]{--demo-paper:#f0eee9;--demo-ink:#17211f;--demo-accent:#224de1;--paper:var(--demo-paper);--ink:var(--demo-ink)}
[data-demo] *,[data-demo] *::before,[data-demo] *::after{box-sizing:border-box}
[data-demo] [hidden]{display:none!important}
[data-demo] h1,[data-demo] h2{font-family:DemoCaslon,Georgia,serif;font-weight:400;letter-spacing:-.045em}
[data-demo] h1{line-height:.99}
[data-demo] .hero h1 em{font-style:italic}
[data-demo] h2{font-size:clamp(38px,4.3vw,68px);line-height:1.04}
[data-demo] h2 em{font-weight:400;color:var(--demo-accent)}
[data-demo] button,[data-demo] input,[data-demo] select,[data-demo] textarea{font-family:DemoManrope,Arial,sans-serif}
[data-demo] svg{width:21px;height:21px;flex:0 0 21px;display:inline-block;vertical-align:middle}
[data-demo] .wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}
[data-demo] .button{gap:20px;border-radius:0;font-size:13px;line-height:1.5;min-height:50px;font-weight:600;padding:15px 24px;transition:background .2s,transform .2s}
[data-demo] .button:hover{transform:translateY(-2px)}
[data-demo] .text-link{gap:14px}
[data-demo] a:focus-visible,[data-demo] button:focus-visible,[data-demo] input:focus-visible,[data-demo] select:focus-visible,[data-demo] summary:focus-visible{outline:2px solid var(--demo-accent);outline-offset:6px}
[data-demo] .site-header{min-height:98px;padding-block:24px;border-bottom-color:transparent}
[data-demo] .site-header .brand{font-family:DemoCaslon,Georgia,serif;font-weight:400;font-size:43px;line-height:1;letter-spacing:-.045em}
[data-demo] .site-header .brand span{font-family:DemoManrope,Arial,sans-serif}
[data-demo] .site-header .brand>span:only-child{font-size:8px;letter-spacing:.16em;margin-top:10px}
[data-demo] .site-header nav a{font-size:13px}
[data-demo] .page-intro{padding-block:64px 56px}
[data-demo] .page-intro h1{font-size:clamp(54px,7vw,104px);line-height:1.02}
[data-demo] .section{padding-block:90px}
[data-demo] figure{margin:0;min-width:0}
[data-demo] figure img{display:block;width:100%;object-fit:cover}
[data-demo] .lead{font-size:18px;line-height:1.7}
.demo-origin{min-height:34px;padding:8px max(28px,calc((100vw - 1320px)/2));background:var(--demo-ink);color:var(--demo-paper);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;line-height:1.5;position:relative;z-index:20}
.demo-origin a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:9px;min-height:23px}
.demo-origin a:first-child svg{transform:rotate(180deg)}
.demo-origin svg{width:14px;height:14px;flex-basis:14px}
.demo-origin strong{font-weight:650}
.demo-motion-toggle{position:fixed;bottom:18px;right:18px;z-index:40;display:inline-flex;gap:9px;align-items:center;background:var(--demo-paper);color:var(--demo-ink);border:1px solid currentColor;border-radius:2px;padding:11px 14px;min-height:44px;font-size:11px;box-shadow:0 3px 20px #0000000c;cursor:pointer}
.demo-motion-toggle .motion-icon{font-size:14px}
.demo-motion-toggle[aria-pressed=true] .motion-icon{font-size:10px}
.parallax-frame{overflow:hidden}
.parallax-frame img{transform:scale(1.07) translateY(var(--parallax-y,0px));will-change:transform}
.reveal-pending{opacity:0;transform:translateY(28px)}
.reveal-enter{animation:demo-reveal .85s cubic-bezier(.2,.7,.2,1) both}
@keyframes demo-reveal{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.alive-ticker{overflow:hidden;border-block:1px solid #303b3240;padding:22px 0;white-space:nowrap}
.ticker-track{display:flex;width:max-content;animation:demo-ticker 34s linear infinite}
.ticker-track>span{font-family:DemoCaslon,Georgia,serif;font-size:clamp(27px,3vw,44px);padding-inline:32px;letter-spacing:.01em}
.ticker-track i{font-style:normal;margin-inline:30px}
@keyframes demo-ticker{to{transform:translateX(-50%)}}
.alive-ticker:hover .ticker-track{animation-play-state:paused}
.context-photo{margin-bottom:30px!important;overflow:hidden}
.context-photo img{aspect-ratio:4/3;object-fit:cover}

/* Atelier Sillage: workshop, gestures and open editorial project layouts. */
[data-demo-home] .sillage-hero,[data-demo-home] .epure-hero,[data-demo=forma][data-demo-home] .hero{width:100%;display:grid;grid-template-columns:1fr 1.1fr;gap:0;padding:0;align-items:stretch}
[data-demo-home] .sillage-hero>div,[data-demo-home] .epure-hero>div,[data-demo=forma][data-demo-home] .hero-copy{padding:65px 50px 65px max(48px,calc((100vw - 1320px)/2));display:flex;align-items:start;justify-content:center;flex-direction:column}
[data-demo-home] .sillage-hero h1,[data-demo-home] .epure-hero h1,[data-demo=forma][data-demo-home] .hero h1{font-size:clamp(68px,7.05vw,108px);line-height:.98;letter-spacing:-.048em;margin:0 0 30px}
[data-demo-home] .sillage-hero .lead,[data-demo-home] .epure-hero .lead{font-size:18px;line-height:1.7;margin:0}
[data-demo-home] .sillage-hero .actions,[data-demo-home] .epure-hero .actions{margin-top:30px;gap:20px}
[data-demo-home] .sillage-hero figure,[data-demo-home] .epure-hero figure,[data-demo=forma][data-demo-home] .hero-picture{min-height:640px;height:min(73svh,760px);position:relative;overflow:hidden}
[data-demo-home] .sillage-hero figure img,[data-demo-home] .epure-hero figure img,[data-demo=forma][data-demo-home] .hero-picture img{height:100%;width:100%;aspect-ratio:auto;object-fit:cover}
[data-demo-home] .hero figcaption{display:none}
.craft-intro{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:8%;padding-block:96px}
.craft-intro figure img{aspect-ratio:1.36}
.craft-intro h2{margin:0 0 30px}
.craft-intro p{font-size:15px;line-height:1.85;max-width:490px;color:#586050;margin:0 0 17px}
.craft-intro .text-link{margin-top:8px}
[data-demo=sillage] .sillage-collection{background:var(--demo-paper);padding:0 0 90px}
.sillage-collection .project-grid{gap:28px;align-items:start}
.sillage-collection .project-card{border:0;padding:0}
.sillage-collection .project-card:nth-child(1){padding-top:80px}
.sillage-collection .project-card:nth-child(2){padding-top:40px}
.sillage-collection .project-card-image{aspect-ratio:4/5;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.sillage-collection .project-card>a:first-child{display:block;overflow:hidden}
.sillage-collection .project-card:hover .project-card-image{transform:scale(1.035)}
.sillage-collection .project-card h3{font-family:DemoCaslon,Georgia,serif;font-size:38px;margin:12px 0}
.sillage-collection .project-card .project-material,.sillage-collection .project-card>.text-link{font-size:11px}
.sillage-invitation{background:#303b32;color:#f2eee5;position:relative;display:flex;min-height:440px;align-items:center;isolation:isolate}
.sillage-invitation>.wrap{padding-block:70px}
.sillage-invitation h2{max-width:58%;margin:0 0 32px;font-size:clamp(40px,4.5vw,67px)}
.sillage-invitation>.wrap .button{background:transparent;color:#f2eee5;border:1px solid #f2eee570}
.sillage-invitation>img{width:42%;height:100%;position:absolute;right:0;top:0;object-fit:cover;z-index:-1}
[data-demo=sillage][data-demo-home] .agency-strip{display:none}
[data-demo=sillage] .service-list article{grid-template-columns:55px .75fr 1fr .5fr;gap:30px;align-items:center}
.service-photo img{aspect-ratio:4/5}

/* Épure: large photographic crops and a contact sheet rhythm. */
[data-demo=epure] .epure-hero h1 em{color:#687f6d}
.epure-filmstrip{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;overflow:hidden}
.epure-filmstrip>img{width:100%;height:240px;object-fit:cover}
.epure-filmstrip>img:first-child{object-position:50% 65%}
.epure-approach{display:grid;grid-template-columns:1fr 1.1fr;align-items:stretch}
.epure-approach>div{padding:85px 65px 85px max(48px,calc((100vw - 1320px)/2))}
.epure-approach h2{margin:0 0 25px}
.epure-approach p{font-size:15px;line-height:1.85;max-width:470px;margin:0 0 20px;color:#526157}
.epure-approach figure img{height:100%;min-height:390px;object-fit:cover}
[data-demo=epure] .sage-section{background:#dce4da;padding-block:76px}
[data-demo=epure] .sage-section .section-heading h2{font-size:clamp(36px,3.6vw,56px)}
[data-demo=epure] .session-grid{gap:36px}
[data-demo=epure] .session-grid>article{background:transparent;border:0;border-radius:0;padding:0;display:flex;flex-direction:column}
[data-demo=epure] .session-photo{margin-bottom:24px;overflow:hidden;width:100%}
[data-demo=epure] .session-photo img{width:100%;aspect-ratio:1.45;object-fit:cover;transition:transform .6s}
[data-demo=epure] .session-grid article:hover img{transform:scale(1.025)}
[data-demo=epure] .session-grid h3{font-family:DemoCaslon,Georgia,serif;font-size:31px;line-height:1.1;font-weight:400;margin-bottom:16px}
[data-demo=epure] .session-grid article>p:not(.eyebrow){font-size:14px;line-height:1.8}
[data-demo=epure] .session-grid ul{font-size:12px;line-height:1.85;padding-left:16px;margin-top:15px;flex:1}
[data-demo=epure] .session-price{margin:20px 0}
[data-demo=epure] .session-price strong{font-family:DemoCaslon,Georgia,serif;font-weight:400;font-size:32px}
[data-demo=epure] .session-grid .button{align-self:start}
[data-demo=epure] .photo-pair{gap:34px}
[data-demo=epure] .photo-pair img{aspect-ratio:1.3;object-fit:cover}
[data-demo=epure] .photo-pair>a:last-child{padding-top:65px}
.epure-invitation{text-align:center;padding-block:10px 90px}
.epure-invitation h2{font-size:44px;margin:0 0 16px}
.epure-invitation p{font-size:14px;margin:0 0 27px}
[data-demo=epure][data-demo-home] .agency-strip{display:none}
[data-demo=epure] .booking-panel{background:#fdfcf8;box-shadow:0 15px 60px #1b292509;border-color:#c4cec3}

/* Forma: real collection navigation, shared cart and a local wishlist. */
[data-demo=forma] .site-header{background:var(--demo-paper)}
[data-demo=forma] .header-inner{min-height:76px}
[data-demo=forma] .site-header .brand span{font:inherit!important;letter-spacing:inherit!important;margin:0!important;display:inline!important}
[data-demo=forma][data-demo-home] .hero h1{font-size:clamp(66px,6.4vw,98px)}
[data-demo=forma][data-demo-home] .hero .lead{margin:0 0 32px;font-size:17px;max-width:450px}
[data-demo=forma][data-demo-home] .hero .button{background:#995d46;border-color:#995d46;color:#fffaf6}
[data-demo=forma][data-demo-home] .hero-copy>.text-link{margin-top:18px;font-size:12px}
.forma-values{display:flex;justify-content:center;gap:45px;padding:27px 32px;border-bottom:1px solid #2b25201a;font-size:11px;letter-spacing:.04em}
.forma-values>span+span::before{content:'·';margin-right:45px}
[data-demo=forma] .product-grid{gap:25px}
[data-demo=forma][data-demo-home] .product-grid:not(.two-columns){grid-template-columns:repeat(4,minmax(0,1fr))}
[data-demo=forma] .product-card{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;align-content:start}
[data-demo=forma] .product-link{grid-column:1;grid-row:1;min-width:0;display:block}
[data-demo=forma] .product-picture{aspect-ratio:4/5;background:#eae4da;overflow:hidden}
[data-demo=forma] .product-picture>img{height:100%;width:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
[data-demo=forma] .product-card:hover .product-picture>img{transform:scale(1.035)}
[data-demo=forma] .composition-picture{display:flex;aspect-ratio:1.7}
[data-demo=forma] .composition-picture>img{width:50%;object-fit:cover}
[data-demo=forma] .product-discover{font-size:11px}
[data-demo=forma] .product-meta{grid-row:2;grid-column:1;padding-top:18px}
[data-demo=forma] .product-heading{display:block}
[data-demo=forma] .product-heading h3{font-family:DemoCaslon,Georgia,serif;font-size:26px;font-weight:400;margin:0 0 7px;line-height:1.2}
[data-demo=forma] .product-heading p{font-size:14px}
[data-demo=forma] .product-meta>.eyebrow{font-size:9px;margin-bottom:9px;letter-spacing:.045em}
[data-demo=forma] .product-meta .product-teaser{font-size:12px;margin:12px 0}
[data-demo=forma] .quick-add,[data-demo=forma] .favorite-button{grid-column:1;grid-row:1;z-index:2;justify-self:end;align-self:start;margin:14px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;cursor:pointer;border-radius:50%;background:#f6f3edee;color:#2b2520}
[data-demo=forma] .quick-add{align-self:end;background:#2b2520;color:#f6f3ed;margin-bottom:43px}
[data-demo=forma] .favorite-button[aria-pressed=true] svg{fill:#995d46;color:#995d46}
[data-demo=forma] .favorite-button:hover,[data-demo=forma] .quick-add:hover{background:#995d46;color:#fff}
[data-demo=forma] .editorial-section{padding:0;background:var(--demo-paper)}
[data-demo=forma] .editorial-grid{width:100%;display:grid;grid-template-columns:1.15fr .85fr;gap:0;align-items:stretch}
[data-demo=forma] .editorial-image img{aspect-ratio:1.25;object-fit:cover;width:100%;height:100%}
[data-demo=forma] .editorial-copy{padding:75px max(48px,calc((100vw - 1320px)/2)) 75px 65px;align-self:center}
[data-demo=forma] .editorial-copy h2{font-size:clamp(40px,4vw,61px)}
[data-demo=forma] .editorial-copy>p{font-size:14px;line-height:1.9}
.category-pictures{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.category-pictures>a{position:relative;display:block;color:#fff;overflow:hidden;background:#30271f}
.category-pictures img{width:100%;aspect-ratio:1.3;object-fit:cover;transition:transform .6s}
.category-pictures>a:hover img{transform:scale(1.04)}
.category-pictures>a>span{position:relative;display:flex;justify-content:space-between;align-items:center;font-family:DemoCaslon,Georgia,serif;font-size:30px;padding:19px 22px;background:#30271f}
.forma-categories .section-heading>p{font-size:13px}
.forma-story-image{margin-bottom:65px!important;overflow:hidden}
.forma-story-image img{width:100%;max-height:660px;object-fit:cover}
.favorites-link{border:0;background:transparent;color:inherit;cursor:pointer;font-size:12px;min-height:44px;white-space:nowrap;padding:8px 4px}
.favorites-link>span{font-size:10px;margin-left:3px}
.favorites-dialog{width:min(720px,calc(100% - 36px));max-height:85svh;border:1px solid #d6d0c6;background:#f6f3ed;color:#2b2520;padding:32px;position:fixed;inset:0;margin:auto;box-shadow:0 20px 100px #0003}
.favorites-dialog::backdrop{background:#1d19176b;backdrop-filter:blur(4px)}
.favorites-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}
.favorites-heading h2{font-size:38px;margin:0}
.favorites-heading button,.favorite-row button{border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;font-size:12px;min-height:44px;cursor:pointer}
.favorites-explainer{font-size:12px;line-height:1.7;margin:20px 0 30px}
.favorite-row{display:grid;grid-template-columns:85px 1fr auto;gap:22px;align-items:center;padding:18px 0;border-top:1px solid #2b252026}
.favorite-row img{width:85px;aspect-ratio:1;object-fit:cover}
.favorite-row h3{font-family:DemoCaslon,Georgia,serif;font-size:26px;font-weight:400;margin:0 0 7px}
.favorite-row p{font-size:12px;margin:0}
[data-demo=forma] .toast{z-index:60;bottom:80px;background:#2b2520;color:#f6f3ed;border-radius:0;box-shadow:0 12px 50px #0003}
[data-demo=forma] .info-content,[data-demo=forma] .info-nav,[data-demo=forma] .info-layout{min-width:0;max-width:100%}
[data-demo=forma] .info-nav{flex-wrap:wrap}
[data-demo=forma] .table-wrap{max-width:100%;overflow-x:auto}

/* Solstice: photo-led entry points and warm, readable project preparation. */
[data-demo=solstice] .solar-hero{padding-top:20px;grid-template-columns:.85fr 1.15fr;gap:55px;padding-bottom:55px}
[data-demo=solstice] .solar-hero h1{font-size:clamp(64px,6.7vw,102px);line-height:.99}
[data-demo=solstice] .solar-hero h1 em{color:var(--demo-ink)}
[data-demo=solstice] .solar-hero-image{border-radius:47% 47% 0 0;min-height:610px}
[data-demo=solstice] .solar-hero-image img{height:100%;min-height:610px;object-fit:cover;aspect-ratio:auto}
[data-demo=solstice] .solar-hero-image figcaption,[data-demo=solstice] .sun-seal{display:none}
[data-demo=solstice] .hero-footnote .sun-mark{animation:solar-turn 30s linear infinite}
@keyframes solar-turn{to{transform:rotate(360deg)}}
[data-demo=solstice] .solar-situations{gap:28px}
[data-demo=solstice] .solar-situations article{padding:0 0 24px;border:0;background:transparent}
[data-demo=solstice] .solar-situations article h3{font-family:DemoCaslon,Georgia,serif;font-size:34px;font-weight:400;margin:23px 0 14px}
.situation-photo{overflow:hidden}
.situation-photo img{width:100%;aspect-ratio:1.35;object-fit:cover;transition:transform .6s}
.solar-situations article:hover img{transform:scale(1.035)}
[data-demo=solstice] .solar-method{background:#efd04f;color:#26362b}
[data-demo=solstice] .solar-method h2 em{color:inherit}
[data-demo=solstice] .solar-method .method-grid article{background:transparent;border:0;border-left:1px solid #26362b40;padding:0 24px}
[data-demo=solstice] .solar-method .method-grid article:first-child{border-left:0;padding-left:0}
[data-demo=solstice] .solar-method .method-grid article>span{font-family:DemoCaslon,Georgia,serif;font-size:47px;color:inherit;background:transparent;border:0;width:auto;height:auto}
[data-demo=solstice] .solar-method .method-grid article h3{font-family:DemoCaslon,Georgia,serif;font-size:30px;font-weight:400}
[data-demo=solstice] .solar-method p,[data-demo=solstice] .solar-method small{color:#35412f}
[data-demo=solstice] .solar-detail{width:100%;gap:0;grid-template-columns:1.05fr .95fr;padding:0;align-items:stretch}
.solar-detail-picture{min-height:550px;overflow:hidden}
.solar-detail-picture img{height:100%;object-fit:cover}
[data-demo=solstice] .solar-detail>div{padding:80px max(48px,calc((100vw - 1320px)/2)) 80px 65px}
[data-demo=solstice] .solar-project{background:#263c2e;color:#f3f1e9}
[data-demo=solstice] .solar-project .project-copy h2 em{color:#efd04f}
[data-demo=solstice] .solar-project .project-copy>p,[data-demo=solstice] .solar-project .eyebrow{color:#e2e9d8}
[data-demo=solstice] .solar-project .demo-note{background:#344c3b;color:#f3f1e9;border-color:#88a07a}
[data-demo=solstice] .solar-project .demo-note p{color:#e2e9d8}
[data-demo=solstice] .solar-project .example-button{color:#f4df87}
[data-demo=solstice] .project-panel{background:#faf9f3;color:#26362b;box-shadow:0 15px 80px #0002;border:0}

/* Kinetic: oversized type, real original artwork and a scroll-driven project rail. */
[data-demo=kinetic] h1,[data-demo=kinetic] h2,[data-demo=kinetic] h3,[data-demo=kinetic] .brand{font-family:DemoBebas,Impact,sans-serif;font-weight:400;letter-spacing:-.025em}
[data-demo=kinetic] .site-header .brand{font-family:DemoBebas,Impact,sans-serif;font-size:37px;letter-spacing:-.02em}
[data-demo=kinetic] .site-header .brand>span{display:none}
[data-demo=kinetic] .site-header nav a:last-child{border:0;background:#dbff46;border-radius:40px;padding:14px 23px;color:#15151b;font-weight:650}
.kinetic-hero-v2{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;min-height:690px;padding-block:35px 50px;position:relative}
.kinetic-copy{position:relative;z-index:2;pointer-events:none}
.kinetic-copy h1{font-size:clamp(76px,9.15vw,143px);line-height:.9;margin:0 0 45px;letter-spacing:-.026em;white-space:nowrap}
.kinetic-copy p{font-size:14px;line-height:1.7;margin:0}
.kinetic-sculpture{position:relative;margin-left:-60px!important;perspective:1100px}
.kinetic-sculpture>img{width:100%;height:620px;object-fit:contain;mix-blend-mode:multiply;transform:rotateY(var(--art-rotate-y,0deg)) rotateX(var(--art-rotate-x,0deg));will-change:transform}
.kinetic-round-link{position:absolute;left:8px;bottom:35px;display:flex;align-items:center;justify-content:center;flex-direction:column;width:140px;height:140px;border-radius:50%;background:#dbff46;color:#15151b;font-size:15px;font-weight:750;line-height:1.4;text-align:center;text-decoration:none;transition:transform .3s}
.kinetic-round-link:hover{transform:rotate(-8deg)}
.kinetic-round-link svg{margin-top:12px}
.kinetic-ticker-v2{background:#dbff46;border:0;padding:22px 0;color:#15151b}
.kinetic-ticker-v2 .ticker-track>span{font-family:DemoBebas,Impact,sans-serif;font-size:clamp(60px,8.5vw,130px);line-height:1;padding-inline:25px;letter-spacing:-.025em}
.kinetic-selection{position:relative;height:250vh;padding:90px 0 80px}
.kinetic-selection>.section-heading h2{font-size:clamp(58px,6.9vw,106px);line-height:.92}
.kinetic-selection>.section-heading>div{max-width:370px}
.kinetic-selection>.section-heading p{font-size:13px;line-height:1.8}
.rail-controls{display:flex;gap:12px;margin-top:18px;justify-content:end}
.rail-controls>button{border:1px solid #15151b40;color:#15151b;width:44px;height:44px;border-radius:50%;background:transparent;cursor:pointer;display:grid;place-items:center}
.rail-controls>button:first-child svg{transform:rotate(180deg)}
.rail-controls>button:hover{background:#15151b;color:#f2f1ed}
.kinetic-rail-pin{position:sticky;top:65px}
.kinetic-rail-viewport{overflow:hidden;width:100%;padding-block:10px}
[data-demo=kinetic] .kinetic-project-rail{display:flex;width:max-content;gap:32px;padding-inline:max(48px,calc((100vw - 1320px)/2));transform:translate3d(var(--rail-x,0px),0,0);will-change:transform}
[data-demo=kinetic] .kinetic-project-rail>.project-card{width:min(57vw,820px);flex:0 0 auto;border:0;padding:0;margin:0}
[data-demo=kinetic] .project-image{border:0;overflow:hidden}
[data-demo=kinetic] .kinetic-project-rail .project-image img{width:100%;aspect-ratio:1.7;object-fit:cover;transition:transform .7s;display:block}
[data-demo=kinetic] .project-image:hover img{transform:scale(1.025)}
[data-demo=kinetic] .project-caption h3{font-size:36px;letter-spacing:-.01em;margin:15px 0 3px}
[data-demo=kinetic] .project-caption{align-items:baseline}
[data-demo=kinetic] .project-card small,[data-demo=kinetic] .project-card p{font-size:12px}
.kinetic-selection>.section-end{position:absolute;bottom:20px;left:0;width:100%;padding-inline:max(48px,calc((100vw - 1320px)/2))}
[data-demo=kinetic] .kinetic-statement{background:#15151b;color:#f2f1ed}
[data-demo=kinetic] .kinetic-statement>.wrap{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}
[data-demo=kinetic] .kinetic-statement h2{font-size:clamp(65px,7.7vw,116px);line-height:.92;max-width:700px}
[data-demo=kinetic] .statement-copy{max-width:420px;justify-self:end;font-size:15px;line-height:1.9}
[data-demo=kinetic] .statement-copy a{color:#dbff46;font-size:12px}
[data-demo=kinetic] .kinetic-statement .service-lines{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:15px}
[data-demo=kinetic] .kinetic-statement .service-lines>a{display:block;color:inherit;padding:25px 0;border-top:1px solid #f2f1ed50;border-bottom:0}
[data-demo=kinetic] .service-lines>a>span{font-family:DemoBebas,Impact,sans-serif;font-size:32px}
[data-demo=kinetic] .service-lines>a>h3{font-family:DemoManrope,Arial,sans-serif;font-size:16px;font-weight:650;letter-spacing:0;margin:17px 0 10px}
[data-demo=kinetic] .service-lines>a>p{font-size:13px;color:#dddcd6;line-height:1.8}
[data-demo=kinetic] .service-lines>a>b{display:none}
.kinetic-close-v2{padding-block:70px 50px;background:#f2f1ed}
.kinetic-close-v2>.wrap{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:50px}
.kinetic-close-v2 h2{font-size:clamp(70px,8.4vw,126px);line-height:.91;margin:0 0 30px}
.kinetic-close-v2 .button{background:#dbff46;color:#15151b;border:0;border-radius:40px;max-width:100%}
.kinetic-close-v2 figure img{width:100%;max-height:580px;object-fit:contain;mix-blend-mode:multiply}
[data-demo=kinetic] .case-hero .case-poster img{width:100%;aspect-ratio:4/5;object-fit:cover}
[data-demo=kinetic] .case-signal{background:#dbff46;color:#15151b}
[data-demo=kinetic] .case-fragment{background:#f2adac}
[data-demo=kinetic] .case-onde{background:#b2a7ee}
.kinetic-wide-art{overflow:hidden;margin-block:20px 70px!important}
.kinetic-wide-art img{width:100%;max-height:600px;object-fit:cover}

/* Pause applies to both automatic and scroll-linked decorative motion. Navigation remains usable. */
[data-demo-motion=reduced] .reveal-pending{opacity:1;transform:none}
[data-demo-motion=reduced] .reveal-enter{animation:none}
[data-demo-motion=reduced] .ticker-track,[data-demo-motion=reduced] .sun-mark{animation-play-state:paused!important}
[data-demo-motion=reduced] .parallax-frame img{transform:none;will-change:auto}
[data-demo-motion=reduced] .kinetic-sculpture>img{transform:none;will-change:auto}
[data-demo=kinetic][data-demo-motion=reduced] .kinetic-selection{height:auto}
[data-demo=kinetic][data-demo-motion=reduced] .kinetic-rail-pin{position:static}
[data-demo=kinetic][data-demo-motion=reduced] .kinetic-rail-viewport{overflow-x:auto;scroll-snap-type:x mandatory}
[data-demo=kinetic][data-demo-motion=reduced] .kinetic-project-rail{transform:none;will-change:auto}
[data-demo=kinetic][data-demo-motion=reduced] .kinetic-project-rail>.project-card{scroll-snap-align:center}
[data-demo=kinetic][data-demo-motion=reduced] .kinetic-selection>.section-end{position:static;margin-top:35px}
@media(prefers-reduced-motion:reduce){[data-demo] *,[data-demo] *::before,[data-demo] *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.parallax-frame img{transform:none!important}.reveal-pending{opacity:1!important;transform:none!important}}

@media(min-width:1800px){[data-demo-home] .sillage-hero,[data-demo-home] .epure-hero,[data-demo=forma][data-demo-home] .hero{grid-template-columns:1fr 1fr}}
@media(max-width:1100px){
 [data-demo] .wrap{width:calc(100% - 56px)}
 [data-demo] .site-header .brand{font-size:35px}
 [data-demo] .site-header nav a{font-size:12px}
 [data-demo-home] .sillage-hero>div,[data-demo-home] .epure-hero>div,[data-demo=forma][data-demo-home] .hero-copy{padding:50px 28px}
 [data-demo-home] .sillage-hero h1,[data-demo-home] .epure-hero h1{font-size:clamp(57px,7vw,78px)}
 [data-demo-home] .sillage-hero figure,[data-demo-home] .epure-hero figure,[data-demo=forma][data-demo-home] .hero-picture{min-height:520px;height:min(66svh,620px)}
 .craft-intro{gap:6%;padding-block:75px}
 .epure-approach>div{padding:60px 28px}
 [data-demo=epure] .session-grid{gap:23px}
 [data-demo=forma] .editorial-copy{padding:45px 28px}
 [data-demo=forma] .header-inner{gap:18px}
 [data-demo=forma] .desktop-nav{gap:17px}
 [data-demo=forma][data-demo-home] .hero h1{font-size:66px}
 [data-demo=solstice] .solar-hero{gap:35px}
 [data-demo=solstice] .solar-hero h1{font-size:68px}
 [data-demo=solstice] .solar-hero-image,[data-demo=solstice] .solar-hero-image img{min-height:530px}
 [data-demo=solstice] .solar-detail>div{padding:60px 35px}
 [data-demo=sillage] .service-list article{grid-template-columns:35px .65fr 1fr;gap:20px}
 [data-demo=sillage] .service-list article>.button{grid-column:3;justify-self:start}
 .kinetic-hero-v2{min-height:580px}
 .kinetic-sculpture>img{height:520px}
 .kinetic-copy h1{font-size:9.4vw}
 .kinetic-round-link{width:110px;height:110px;font-size:13px}
 .kinetic-rail-pin{top:35px}
}
@media(max-width:760px){
 [data-demo] .wrap{width:calc(100% - 40px)}
 [data-demo] .section{padding-block:62px}
 [data-demo] .section-heading{gap:25px;align-items:start}
 [data-demo] .section-heading>.text-link{white-space:normal}
 [data-demo] .site-header{min-height:90px;padding-block:22px}
 [data-demo] .site-header .brand{font-size:32px}
 [data-demo] .site-header nav a{font-size:12px}
 .demo-origin{padding:7px 20px;font-size:9px;gap:12px}
 .demo-origin>span{display:none}
 .demo-origin a:last-child{margin-left:auto}
 .demo-motion-toggle{right:12px;bottom:12px;padding:9px 11px;font-size:10px;min-height:42px}
 [data-demo] .page-intro{padding-block:45px}
 [data-demo] .page-intro h1{font-size:56px}
 [data-demo-home] .sillage-hero,[data-demo-home] .epure-hero,[data-demo=forma][data-demo-home] .hero{display:flex;flex-direction:column;gap:0;padding:0}
 [data-demo-home] .sillage-hero>div,[data-demo-home] .epure-hero>div,[data-demo=forma][data-demo-home] .hero-copy{padding:40px 24px 42px}
 [data-demo-home] .sillage-hero h1,[data-demo-home] .epure-hero h1,[data-demo=forma][data-demo-home] .hero h1{font-size:clamp(61px,12vw,87px);line-height:.99;margin-bottom:23px}
 [data-demo-home] .sillage-hero .lead,[data-demo-home] .epure-hero .lead,[data-demo=forma][data-demo-home] .hero .lead{font-size:15px}
 [data-demo-home] .sillage-hero figure,[data-demo-home] .epure-hero figure,[data-demo=forma][data-demo-home] .hero-picture{width:100%;min-height:0;height:470px}
 [data-demo-home] .sillage-hero figure{height:370px}
 [data-demo-home] .hero .actions{margin-top:25px;gap:12px}
 [data-demo-home] .hero .actions>.text-link{font-size:12px}
 .alive-ticker{padding-block:16px}
 .ticker-track>span{font-size:30px;padding-inline:20px}
 .ticker-track i{margin-inline:16px}
 .craft-intro{display:flex;flex-direction:column;gap:35px;padding-block:60px}
 .craft-intro figure{width:100%}
 .craft-intro h2{font-size:46px}
 .craft-intro>div{width:100%}
 .sillage-collection .project-grid{grid-template-columns:1fr;gap:40px}
 .sillage-collection .project-card:nth-child(n){padding-top:0}
 .sillage-collection .project-card-image{aspect-ratio:1.12}
 .sillage-invitation{display:flex;flex-direction:column;align-items:stretch;min-height:0}
 .sillage-invitation h2{max-width:none;font-size:44px}
 .sillage-invitation>.wrap{padding-block:55px}
 .sillage-invitation>img{position:static;width:100%;height:270px;z-index:auto}
 [data-demo=sillage] .service-list article{grid-template-columns:40px 1fr;gap:22px}
 [data-demo=sillage] .service-list article>.service-photo{grid-column:2}
 [data-demo=sillage] .service-list article>div:not(.large-index){grid-column:2}
 [data-demo=sillage] .service-list article>.button{grid-column:2;justify-self:start}
 .epure-filmstrip>img{height:145px}
 .epure-approach{display:flex;flex-direction:column}
 .epure-approach>div{padding:55px 24px}
 .epure-approach figure img{height:310px;min-height:0}
 [data-demo=epure] .sage-section{padding-block:55px}
 [data-demo=epure] .session-grid{grid-template-columns:1fr;gap:42px}
 [data-demo=epure] .session-photo img{aspect-ratio:1.55}
 [data-demo=epure] .session-grid h3{font-size:34px}
 [data-demo=epure] .photo-pair{grid-template-columns:1fr;gap:35px}
 [data-demo=epure] .photo-pair>a:last-child{padding-top:0}
 .epure-invitation{padding-block:5px 60px}
 .epure-invitation h2{font-size:37px}
 [data-demo=forma] .site-header{padding-block:10px}
 [data-demo=forma] .header-inner{gap:12px;min-height:65px;flex-wrap:wrap}
 [data-demo=forma] .header-inner>.brand{margin-right:auto}
 [data-demo=forma] .favorites-link{font-size:11px;padding-inline:0}
 [data-demo=forma] .cart-link{font-size:12px;gap:5px}
 [data-demo=forma] .mobile-menu summary{font-size:12px}
 .forma-values{gap:10px;justify-content:space-between;padding:20px;font-size:9px;text-align:center;line-height:1.6}
 .forma-values>span+span::before{display:none}
 [data-demo=forma][data-demo-home] .product-grid:not(.two-columns),[data-demo=forma] .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}
 [data-demo=forma] .product-meta .product-teaser{display:none}
 [data-demo=forma] .product-heading h3{font-size:25px;line-height:1.12}
 [data-demo=forma] .product-meta>.eyebrow{font-size:8px;letter-spacing:0;line-height:1.6}
 [data-demo=forma] .product-meta>.text-link{font-size:10px;gap:5px}
 [data-demo=forma] .product-discover{font-size:9px}
 [data-demo=forma] .quick-add,[data-demo=forma] .favorite-button{width:34px;height:34px;margin:9px}
 [data-demo=forma] .quick-add{margin-bottom:37px}
 [data-demo=forma] .editorial-grid{grid-template-columns:1fr}
 [data-demo=forma] .editorial-image img{height:340px;aspect-ratio:auto}
 [data-demo=forma] .editorial-copy{padding:48px 24px}
 [data-demo=forma] .editorial-copy h2{font-size:46px}
 .category-pictures{grid-template-columns:1fr;gap:25px}
 .category-pictures img{height:320px;aspect-ratio:auto}
 .category-pictures>a>span{font-size:29px}
 .favorites-dialog{padding:22px}
 .favorites-heading h2{font-size:32px}
 .favorite-row{grid-template-columns:65px 1fr;gap:15px}
 .favorite-row img{width:65px}
 .favorite-row h3{font-size:26px}
 .favorite-row button{grid-column:2;justify-self:start}
 [data-demo=solstice] .solar-hero{display:flex;flex-direction:column;gap:36px;padding-block:28px 38px}
 [data-demo=solstice] .solar-hero h1{font-size:clamp(62px,12vw,90px)}
 [data-demo=solstice] .solar-hero-image,[data-demo=solstice] .solar-hero-image img{min-height:0;height:420px;width:100%}
 [data-demo=solstice] .solar-hero-image{border-radius:46% 46% 0 0}
 [data-demo=solstice] .solar-situations{grid-template-columns:1fr;gap:25px}
 [data-demo=solstice] .solar-method .method-grid{grid-template-columns:1fr 1fr;gap:36px 20px}
 [data-demo=solstice] .solar-method .method-grid article{padding:0;border:0}
 [data-demo=solstice] .solar-detail{display:flex;flex-direction:column}
 .solar-detail-picture{min-height:0;height:330px}
 [data-demo=solstice] .solar-detail>div{padding:50px 24px}
 .kinetic-hero-v2{display:flex;flex-direction:column;min-height:0;padding-block:30px 30px;align-items:stretch}
 .kinetic-copy h1{font-size:clamp(55px,11.75vw,90px);line-height:.91;white-space:normal;margin-bottom:25px}
 .kinetic-copy p{font-size:12px}
 .kinetic-sculpture{margin:5px 0 0!important}
 .kinetic-sculpture>img{height:395px;width:100%;object-fit:contain}
 .kinetic-round-link{left:0;bottom:8px;width:110px;height:110px;font-size:13px}
 .kinetic-ticker-v2{padding:17px 0}
 .kinetic-ticker-v2 .ticker-track>span{font-size:70px}
 .kinetic-selection{height:auto;padding:55px 0}
 .kinetic-selection>.section-heading{display:block}
 .kinetic-selection>.section-heading h2{font-size:66px;line-height:.92;margin-bottom:22px}
 .kinetic-selection>.section-heading>div{max-width:none;display:flex;align-items:center;justify-content:space-between;gap:20px}
 .rail-controls{margin-top:0}
 .kinetic-rail-pin{position:static}
 .kinetic-rail-viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:20px}
 [data-demo=kinetic] .kinetic-project-rail{transform:none!important;padding-inline:20px;gap:18px;will-change:auto}
 [data-demo=kinetic] .kinetic-project-rail>.project-card{width:82vw;scroll-snap-align:center}
 [data-demo=kinetic] .kinetic-project-rail .project-image img{aspect-ratio:4/5}
 .kinetic-selection>.section-end{position:static;padding-inline:20px;margin-top:25px;display:block}
 .kinetic-selection>.section-end p{font-size:11px;line-height:1.8}
 [data-demo=kinetic] .kinetic-statement>.wrap{grid-template-columns:1fr;gap:35px}
 [data-demo=kinetic] .kinetic-statement h2{font-size:75px}
 [data-demo=kinetic] .statement-copy{justify-self:start;font-size:14px}
 [data-demo=kinetic] .kinetic-statement .service-lines{grid-template-columns:1fr;gap:12px;margin-top:10px}
 .kinetic-close-v2{padding-block:55px 25px}
 .kinetic-close-v2>.wrap{grid-template-columns:1fr;gap:20px}
 .kinetic-close-v2 h2{font-size:82px}
 .kinetic-close-v2 figure img{max-height:400px}
 [data-demo] .site-footer{padding-bottom:85px}
}
@media(max-width:380px){
 [data-demo] .wrap{width:calc(100% - 32px)}
 [data-demo-home] .sillage-hero h1,[data-demo-home] .epure-hero h1,[data-demo=forma][data-demo-home] .hero h1{font-size:58px}
 [data-demo=forma] .header-inner{gap:8px}
 [data-demo=forma] .site-header .brand{font-size:32px}
 [data-demo=forma] .cart-link,[data-demo=forma] .favorites-link{font-size:10px}
 [data-demo=kinetic] .kinetic-copy h1{font-size:52px}
}

[data-demo=solstice] .section h2 em{color:#846514}

[data-demo=epure] .method li>span{color:#4d5b3a;opacity:1}
[data-demo=sillage] .method-grid h2 em{color:inherit}
