@import url('../media/fonts.css');
.dark :focus-visible{outline-color:var(--blush)}
.wrap{max-width:var(--wrap);padding-inline:var(--gutter);margin-inline:auto}
.section{padding-block:110px}
.tone-soft{background:var(--soft)}
.dark{background:var(--ink);color:var(--ivory)}
.dark p{color:#cec8cb}
.dark .eyebrow{color:var(--blush)}
.dark h2,.dark h3{color:var(--ivory)}
.lede{font-size:1.05rem;line-height:1.85;max-width:640px;margin:25px 0 0;color:var(--muted)}
.home-hero{padding:55px 0 0}
.hero-topline{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:32px}
.home-hero h1{max-width:1120px}
.home-hero h1 em{display:inline-block;font-size:.91em;color:var(--mauve);line-height:1.2}
.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px;padding:32px 0 48px}
.hero-bottom p{max-width:510px;margin:0;font-size:1rem}
.hero-art{position:relative;background:var(--charcoal)}
.hero-art img{width:100%;height:390px;object-fit:cover;object-position:50% 57%}
.hero-art figcaption{position:absolute;left:28px;right:28px;bottom:20px;display:flex;justify-content:space-between;gap:20px;color:var(--ivory);font:500 .62rem/1.5 var(--ui);letter-spacing:.08em;text-transform:uppercase}
.section-head{display:grid;grid-template-columns:1fr 2fr;gap:50px;margin-bottom:58px}
.section-head .eyebrow{padding-top:12px}
.section-head h2{max-width:790px}
.positioning{margin-left:35%;max-width:680px}
.positioning>p{max-width:580px}
.expertise-list{border-top:1px solid #c7b9bb}
.expertise-row{display:grid;grid-template-columns:55px 1.4fr 1fr 40px;gap:35px;padding:32px 0;border-bottom:1px solid #c7b9bb;align-items:center}
.expertise-row h3{font-size:1.7rem;max-width:360px}
.expertise-row p{margin:8px 0 0;font-size:.8rem;color:var(--muted)}
.expertise-row .expertise-detail{margin:0;max-width:330px}
.expertise-row>span:last-child{font-size:1.8rem;transition:transform .2s}
.expertise-row:hover>span:last-child{transform:translate(5px,-5px)}
.expertise-row:hover h3{color:var(--mauve)}
.support-note{font-size:.74rem;max-width:750px;color:var(--muted);margin:32px 0 0}
.philosophy-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:10%}
.philosophy-grid .text-link{margin-top:35px}
.philosophy-copy .statement{font-size:1.6rem;line-height:1.5;color:var(--ivory);letter-spacing:-.03em}
.principles{margin-top:40px;display:grid}
.principles span{font:500 .75rem/1.6 var(--ui);padding:18px 0;border-top:1px solid #484849;color:var(--blush)}
.process{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.process li{padding:28px 28px 0 0}
.process li+li{padding-left:28px;border-left:1px solid var(--line)}
.process span{font:500 .67rem/1.6 var(--ui);text-transform:uppercase;letter-spacing:.08em;color:var(--mauve)}
.process h3{font-size:1.3rem;margin:27px 0 16px}
.process p{font-size:.82rem;color:var(--muted);margin:0}
.closing{background:var(--blush);padding:88px 0}
.closing-grid{display:grid;grid-template-columns:1fr 2fr .3fr;gap:35px}
.closing .eyebrow{color:var(--charcoal);padding-top:10px}
.closing h2{font-size:3.5rem}
.closing p{margin:25px 0;max-width:530px}
.closing-arrow{font-size:5rem;font-family:var(--ui);line-height:1}
.page-hero{padding:70px 0 80px}
.page-hero h1{font-size:4.8rem;max-width:1050px}
.page-hero .lede{max-width:600px}
.page-hero .button{margin-top:30px}
.split-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}
.split-hero h1{font-size:4rem}
.split-hero figure img{width:100%;aspect-ratio:1/1.08;object-fit:cover}
.image-note{font:500 .62rem/1.6 var(--ui);letter-spacing:.07em;color:var(--muted);padding-top:13px;text-transform:uppercase}
.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.about-intro h2{font-size:3rem}
.about-story{padding-top:20px}
.about-story p{color:var(--muted)}
.founder-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:85px;align-items:center}
.founder-image{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 30%}
.founder-copy h2{margin-bottom:25px}
.founder-copy p{font-size:.95rem}
.signature{font:400 2.5rem/1.6 var(--serif);margin:25px 0 0}
.role{font:500 .67rem/1.6 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--blush)}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}
.values article{border-top:1px solid var(--line);padding-top:25px}
.values h3{margin:25px 0 20px}
.values p{color:var(--muted);font-size:.88rem}
.service-hero{padding:75px 0}
.service-hero .wrap{display:grid;grid-template-columns:.7fr 1.7fr;gap:60px}
.service-hero h1{font-size:4.8rem;max-width:960px}
.service-hero .eyebrow{padding-top:15px}
.service-hero .lede{max-width:650px}
.wide-art{position:relative;margin-top:5px}
.wide-art img{width:100%;aspect-ratio:2.25/1;object-fit:cover}
.wide-art .image-note{padding-inline:var(--gutter);padding-bottom:16px}
.offer-list{border-top:1px solid var(--line)}
.offer{display:grid;grid-template-columns:.2fr 1fr 1.4fr;gap:45px;padding:35px 0;border-bottom:1px solid var(--line)}
.offer h3{font-size:1.45rem}
.offer p{color:var(--muted);margin:0 0 12px;font-size:.9rem}
.offer ul{color:var(--muted);font-size:.83rem;columns:2;column-gap:30px;margin-bottom:0}
.offer li{break-inside:avoid}
.sector-list{display:flex;flex-wrap:wrap;gap:0;list-style:none;padding:0;margin:35px 0 0}
.sector-list li{padding:13px 25px 13px 0;margin-right:25px;border-top:1px solid #575357;font-size:.9rem}
.service-bar{display:flex;flex-wrap:wrap;gap:20px 40px;border-block:1px solid var(--line);padding:22px 0;font:500 .7rem/1.7 var(--ui);letter-spacing:.08em;text-transform:uppercase}
.package-list{border-top:1px solid var(--line)}
.package{border-bottom:1px solid var(--line)}
.package summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:50px 1fr 1.2fr 30px;align-items:center;gap:30px;padding:30px 0}
.package summary::-webkit-details-marker{display:none}
.package summary::after{content:'+';font-size:1.8rem;font-weight:400}
.package[open] summary::after{content:'−'}
.package summary h3{font-size:1.7rem}
.package summary p{margin:0;font-size:.84rem;color:var(--muted)}
.package-content{margin:0 0 30px 80px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
.package-content ul{list-style:none;padding:0;margin:0}
.package-content li{font-size:.85rem;padding:9px 0;border-top:1px solid var(--line)}
.package-content .button{justify-self:end}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.duo h2{margin-bottom:25px}
.duo figure img{aspect-ratio:1/1.05;object-fit:cover;width:100%}
.dark .lede{color:#cec8cb}
.list-lines{list-style:none;padding:0;margin:35px 0 0}
.list-lines li{padding:16px 0;border-top:1px solid #5b5359;font-size:.88rem}
.web-hero{background:var(--ink);color:var(--ivory);padding:70px 0 0}
.web-hero .hero-bottom p{color:#ccc5c9}
.web-hero h1{font-size:5.3rem;max-width:1050px}
.web-hero h1 em{color:var(--blush)}
.web-hero .eyebrow{color:var(--blush)}
.web-hero figure{margin-top:20px}
.web-hero figure img{width:100%;max-height:600px;object-fit:cover}
.web-hero .image-note{color:#c8bec4;padding:14px 0 22px}
.architecture{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.architecture h2{margin:20px 0}
.architecture-list{list-style:none;padding:0;margin:0}
.architecture-list li{border-bottom:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;gap:25px}
.architecture-list strong{font-weight:500}
.architecture-list span{font-size:.73rem;color:var(--muted)}
.content-hero{position:relative;background:var(--charcoal);color:white}
.content-hero .content-cover{width:100%;height:650px;object-fit:cover;filter:brightness(.72)}
.content-hero .content-title{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:end;padding-block:65px;width:100%}
.content-title h1{font-size:5.4rem;max-width:820px}
.content-title .eyebrow{color:var(--ivory)}
.content-title p:not(.eyebrow){max-width:580px;margin:25px 0 0}
.content-caption{position:absolute;right:25px;top:25px;font:500 .6rem/1.5 var(--ui);letter-spacing:.09em;text-transform:uppercase}
.capture-list{display:grid;grid-template-columns:repeat(2,1fr);gap:50px 70px}
.capture-list article{padding-top:25px;border-top:1px solid var(--line)}
.capture-list h3{margin-bottom:18px}
.capture-list p{color:var(--muted)}
.portfolio-intro{max-width:850px}
.portfolio-intro h1{font-size:5rem}
.work-note{border-left:2px solid var(--mauve);padding:0 0 0 25px;font-size:.92rem;max-width:620px}
.portfolio-fields{counter-reset:fields}
.portfolio-field{display:grid;grid-template-columns:.15fr 1fr 1fr;gap:50px;padding:45px 0;border-top:1px solid var(--line)}
.portfolio-field h2{font-size:2.3rem}
.portfolio-field p{color:var(--muted);margin:0}
.contact-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:start}
.contact-layout h1{font-size:4rem}
.contact-layout .lede{font-size:.95rem}
.contact-details{margin-top:45px;border-top:1px solid var(--line);padding-top:25px;display:grid;gap:12px}
.contact-details a{font-size:.88rem}
.contact-details .small{margin:5px 0}
.form-panel{background:white;border-top:3px solid var(--mauve);padding:38px}
.form-panel h2{font-size:1.8rem;margin-bottom:12px;letter-spacing:-.035em}
.form-panel>p{font-size:.84rem;color:var(--muted)}
.sbc-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}
.sbc-field{min-width:0}
.sbc-field--full,.sbc-consent,.sbc-submit{grid-column:1/-1}
.sbc-field label{display:block;font:500 .75rem/1.6 var(--ui);margin-bottom:9px}
.sbc-field input,.sbc-field select,.sbc-field textarea{width:100%;border:1px solid #b8b0b4;background:var(--ivory);color:var(--ink);padding:13px;font-size:.85rem;border-radius:0;min-height:48px}
.sbc-field textarea{min-height:135px;resize:vertical}
.sbc-field__hint{font-size:.68rem;color:var(--muted)}
.sbc-consent{display:flex;gap:12px;align-items:start;font-size:.72rem;line-height:1.7}
.sbc-consent input{width:20px;height:20px;flex-shrink:0;margin:0;accent-color:var(--mauve)}
.sbc-consent a{text-decoration:underline}
.sbc-submit{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:56px;padding:16px 20px;background:var(--ink);color:white;border:0;font:500 .8rem/1.5 var(--ui)}
.sbc-submit:hover{background:var(--mauve)}
.sbc-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.form-notice{padding:15px;background:var(--soft);border-left:2px solid var(--mauve);margin-bottom:24px;font-size:.83rem}
.preview-notice{font-size:.69rem;line-height:1.5;color:var(--muted);margin:20px 0 0}
.preview-notice strong{font-weight:500}
.reveal-enter{animation:enter .65s cubic-bezier(.2,.7,.2,1) both}
@keyframes enter{from{transform:translateY(18px);opacity:.65}to{transform:none;opacity:1}}
@media(min-width:1600px){.home-hero h1{max-width:1200px}
.hero-art img{height:440px}
}
@media(max-width:1250px){.split-hero h1,.contact-layout h1{font-size:3.4rem}
.contact-layout{gap:45px}
.form-panel{padding:28px}
}
@media(max-width:1100px){.home-hero h1{font-size:4.8rem}
.hero-art img{height:340px}
.section{padding-block:85px}
.section-head{grid-template-columns:.7fr 1.8fr;gap:35px}
.expertise-row{grid-template-columns:35px 1.3fr 1fr 25px;gap:24px}
.expertise-row h3{font-size:1.4rem}
.closing-grid{grid-template-columns:.6fr 2fr .2fr}
.closing h2{font-size:2.8rem}
.service-hero h1,.page-hero h1,.web-hero h1{font-size:3.8rem}
.service-hero .wrap{gap:35px}
.founder-grid{gap:50px}
.split-hero{gap:35px}
.process h3{font-size:1.15rem}
.content-title h1{font-size:4rem}
.content-hero .content-cover{height:560px}
}
@media(max-width:800px){.home-hero{padding-top:35px}
.hero-topline>.small{display:none}
.hero-topline{margin-bottom:20px}
.home-hero h1{font-size:3.8rem}
.hero-bottom{align-items:start;flex-direction:column;gap:25px}
.hero-art img{height:300px}
.hero-art figcaption{left:18px;right:18px;font-size:.55rem}
.section-head{grid-template-columns:1fr;gap:0;margin-bottom:40px}
.section-head .eyebrow{padding-top:0}
.positioning{margin-left:0}
.expertise-row{grid-template-columns:30px 1fr 28px;gap:18px;padding:26px 0}
.expertise-detail{display:none}
.philosophy-grid,.duo,.architecture,.about-intro{grid-template-columns:1fr;gap:40px}
.philosophy-grid .text-link{margin-top:25px}
.process{grid-template-columns:1fr 1fr}
.process li{padding:25px 25px 30px 0}
.process li+li{padding-left:25px}
.process li:nth-child(3){border-left:0;padding-left:0;border-top:1px solid var(--line)}
.process li:nth-child(4){border-top:1px solid var(--line)}
.closing-grid{grid-template-columns:1fr;gap:0}
.closing-arrow{display:none}
.closing .eyebrow{padding:0}
.service-hero .wrap{grid-template-columns:1fr;gap:0}
.service-hero .eyebrow{padding:0}
.service-hero,.page-hero{padding-block:50px}
.split-hero{grid-template-columns:1fr;gap:35px}
.split-hero figure img{aspect-ratio:1.5}
.page-hero h1,.service-hero h1,.web-hero h1,.portfolio-intro h1{font-size:3.6rem}
.founder-grid{grid-template-columns:.8fr 1fr;gap:35px}
.founder-copy h2{font-size:2.3rem}
.founder-copy p{font-size:.85rem}
.values{gap:30px}
.values h3{font-size:1.2rem}
.offer{grid-template-columns:25px 1fr;gap:20px}
.offer>div{grid-column:2}
.offer ul{columns:1}
.package summary{grid-template-columns:30px 1fr 25px;gap:18px}
.package summary p{grid-column:2;grid-row:2}
.package summary::after{grid-row:1;grid-column:3}
.package-content{margin-left:48px;grid-template-columns:1fr}
.package-content .button{justify-self:start}
.web-hero{padding-top:45px}
.web-hero .hero-bottom{padding-bottom:20px}
.wide-art img{aspect-ratio:1.6}
.content-title h1{font-size:3.7rem}
.content-hero .content-cover{height:550px}
.content-caption{font-size:.55rem}
.portfolio-field{grid-template-columns:30px 1fr;gap:22px}
.portfolio-field p{grid-column:2}
.contact-layout{grid-template-columns:1fr;gap:40px}
.contact-layout h1{font-size:3.7rem}
.form-panel{max-width:700px;width:100%}
.contact-details{margin-top:25px}
.contact-details a{font-size:1rem}
}
@media(max-width:520px){.home-hero h1{font-size:2.85rem;letter-spacing:-.055em}
.home-hero h1 em{font-size:.9em;line-height:1.35}
.hero-bottom p{font-size:.9rem}
.hero-art img{height:240px;object-position:50% 60%}
.hero-art figcaption span:last-child{display:none}
.section{padding-block:65px}
.lede{font-size:.92rem}
.positioning p{font-size:.88rem}
.expertise-row h3{font-size:1.35rem}
.expertise-row p{font-size:.75rem}
.philosophy-copy .statement{font-size:1.35rem}
.philosophy-copy p{font-size:.88rem}
.process{grid-template-columns:1fr}
.process li,.process li+li{padding:25px 0;border-left:0;border-top:1px solid var(--line)}
.process li:first-child{border-top:0}
.process h3{font-size:1.25rem;margin:15px 0 10px}
.closing{padding-block:60px}
.closing h2{font-size:2.4rem}
.closing p{font-size:.88rem}
.service-hero h1,.page-hero h1,.web-hero h1,.portfolio-intro h1,.contact-layout h1{font-size:2.7rem}
.founder-grid{grid-template-columns:1fr}
.founder-image{max-height:540px}
.values{grid-template-columns:1fr;gap:30px}
.values h3{font-size:1.5rem;margin:15px 0}
.values p{margin-bottom:0}
.about-intro h2{font-size:2.4rem}
.offer h3{font-size:1.3rem}
.package summary h3{font-size:1.4rem}
.package summary p{font-size:.78rem}
.package-content{margin-left:0}
.service-bar{font-size:.62rem;gap:12px 22px}
.content-hero .content-cover{height:540px;object-position:65% 50%}
.content-title h1{font-size:2.8rem}
.content-hero .content-title{padding-block:40px}
.content-title p:not(.eyebrow){font-size:.86rem}
.capture-list{grid-template-columns:1fr;gap:30px}
.capture-list article p{font-size:.88rem}
.portfolio-field h2{font-size:1.7rem}
.form-panel{padding:25px 20px}
.sbc-form__grid{grid-template-columns:1fr;gap:20px}
.sbc-field input,.sbc-field select,.sbc-field textarea{font-size:16px}
.architecture-list{font-size:.85rem}
.architecture-list li{display:block}
.architecture-list span{display:block}
}
.dark .image-note{color:#c0b6bc}
.service-hero .hero-bottom{padding-bottom:0}
.founder-copy .signature{font-size:2.5rem}
.founder-copy .role{font-size:.67rem}
.content-hero{background:var(--ink)}
.content-hero .content-title{background:linear-gradient(90deg,#141617c7 0%,#14161780 45%,transparent 80%)}
.hero-art figcaption{background:#141617d9;padding:8px 12px}
@media(max-width:800px){.content-hero .content-title{position:relative;inset:auto;background:none;padding-block:42px}
.content-hero .content-cover{height:auto;aspect-ratio:16/9;filter:none;object-position:50% 50%}
.content-title p:not(.eyebrow){max-width:600px}
.content-caption{background:#141617d9;padding:5px 8px}
}
.portfolio-intro{max-width:1400px}
.portfolio-directory{padding-top:0}
.directory-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:20px 0 30px}
.directory-heading h2{font-size:1.3rem;letter-spacing:-.02em}
.domain-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;column-gap:55px}
.domain-list li{padding:0;border-top:1px solid var(--line);min-width:0}
.domain-list a{display:grid;grid-template-columns:30px 1fr 24px;gap:16px;align-items:center;min-height:90px;padding:22px 0;transition:color .2s}
.domain-name{font-size:clamp(.85rem,1.3vw,1.12rem);overflow-wrap:anywhere;line-height:1.5;letter-spacing:-.035em}
.domain-list a:hover{color:var(--mauve)}
.domain-list a>span:nth-child(3){font-size:1.4rem;transition:transform .2s}
.domain-list a:hover>span:nth-child(3){transform:translate(3px,-3px)}
@media(max-width:800px){.domain-list{grid-template-columns:1fr}
.domain-name{font-size:1.02rem}
.directory-heading{display:block}
.directory-heading .small{display:block;margin-top:12px}
}
@media(prefers-reduced-motion:reduce){.expertise-row:hover>span:last-child,.domain-list a:hover>span:nth-child(3){transform:none}
}
[data-depth]{--px:0;--py:0}
[data-depth-layer]{transform:translate3d(calc(var(--px,0)*var(--depth,0px)),calc(var(--py,0)*var(--depth,0px)),0)}
.motion-line{display:block;overflow:clip;padding-bottom:.18em;margin-bottom:-.18em}
.motion-line>span{display:block;transform:none}
.reveal-pending .motion-line>span{transform:translateY(112%);opacity:0}
.is-visible .motion-line>span{transform:none;opacity:1;transition:transform var(--motion-scene) var(--ease-editorial),opacity .7s;transition-delay:calc(var(--line,0)*90ms)}
.is-visible .motion-line:nth-child(2)>span{transition-delay:90ms}
.is-visible .motion-line:nth-child(3)>span{transition-delay:180ms}
.magnet-content{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;transform:translate3d(var(--mx,0px),var(--my,0px),0);pointer-events:none}
.sbc-submit:active{background:var(--mauve)}
@keyframes menu-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.cinematic-hero{padding-top:40px}
.cinematic-hero>.hero-topline{margin-bottom:28px}
.cinematic-hero .hero-topline .eyebrow{margin:0}
.cinematic-hero>.hero-bottom{padding-inline:var(--gutter)}
.hero-scene>.motion-toggle{right:max(25px,5vw);bottom:25px}
.hero-scene{position:relative;min-height:650px;overflow:clip;background:var(--ink);color:var(--ivory)}
.hero-film{position:absolute;inset:-25px}
.hero-film>[data-depth-layer]{height:100%}
.cinema{height:100%;position:relative;overflow:clip;background:var(--ink)}
.cinema-poster,.cinema-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.cinema-video{opacity:0;transition:opacity .5s}
.cinema.is-playing .cinema-video,.cinema.has-played .cinema-video{opacity:1}
.hero-scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#141617f2 0%,#141617ad 35%,#14161720 75%)}
.hero-composition{position:relative;min-height:650px;display:flex;flex-direction:column;justify-content:space-between;padding-block:52px 28px;pointer-events:none}
.hero-message{max-width:880px}
.hero-kicker{font:500 .65rem/1.8 var(--ui);letter-spacing:.11em;text-transform:uppercase;color:var(--blush);margin-bottom:28px}
.hero-scene h1{font-size:clamp(3.7rem,6.3vw,6rem);letter-spacing:-.045em;line-height:1.03}
.hero-scene h1 em{font-size:1.03em;color:var(--ivory);line-height:1.1}
.hero-margin{display:flex;align-items:center;gap:24px;margin-top:40px;font:500 .61rem/1.5 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:#ddd3d9}
.hero-margin>span:last-child{margin-left:auto;padding-right:145px}
.hero-track{height:1px;width:120px;background:#ffffff35}
.hero-track i{display:block;height:100%;width:100%;background:var(--blush);transform:scaleX(var(--scene-progress,.1));transform-origin:left}
.scroll-shift{transform:translate3d(0,calc((var(--scene-progress,.5) - .5)*28px),0) scale(1.035)}
.motion-toggle{position:absolute;right:40px;bottom:38px;z-index:5;display:flex;align-items:center;gap:10px;background:#141617e6;color:var(--ivory);border:1px solid #aca3a6;padding:11px 14px;min-height:44px;font:500 .65rem/1.4 var(--ui);cursor:pointer}
.motion-toggle[hidden]{display:none}
.motion-toggle:hover{background:var(--mauve)}
.production-film{height:650px}
.production-film .cinema-poster,.production-film .cinema-video{object-position:60% 50%}
.content-title{pointer-events:none}
.content-hero .content-title{padding-bottom:110px}
.content-caption{right:40px}
.production-film .motion-toggle{bottom:30px}
.service-experience{display:grid;grid-template-columns:.85fr 1.4fr;gap:7%;align-items:start}
.service-visual{position:sticky;top:145px;height:390px;background:var(--charcoal);overflow:clip;color:var(--ivory)}
.service-concept{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:25px;opacity:0;transform:translateY(12px);transition:opacity .45s,transform .65s var(--ease-editorial);pointer-events:none}
.service-concept.is-active{opacity:1;transform:none}
.concept-index,.concept-caption{font:500 .61rem/1.8 var(--ui);text-transform:uppercase;letter-spacing:.06em;color:var(--blush)}
.concept-composition{height:210px;position:relative;display:grid;place-items:center}
.concept-composition strong{position:relative;font:400 clamp(2rem,3vw,3.2rem)/1.3 var(--serif)}
.concept-composition i{position:absolute;inset:10px 22%;border:1px solid #cfadaf55;transform:rotate(-20deg)}
.concept-composition i:nth-child(2){transform:rotate(0deg)}
.concept-composition i:nth-child(3){transform:rotate(20deg)}
.service-concept-1 .concept-composition i{inset:15% 0;transform:rotate(0deg);border-width:1px 0}
.service-concept-1 .concept-composition i:nth-child(2){transform:translateY(24px)}
.service-concept-1 .concept-composition i:nth-child(3){transform:translateY(-24px)}
.service-concept-2 .concept-composition i{inset:15% 10%;transform:skewY(-8deg)}
.service-concept-2 .concept-composition i:nth-child(2){transform:skewY(-8deg) translate(15px,15px)}
.service-concept-2 .concept-composition i:nth-child(3){transform:skewY(-8deg) translate(30px,30px)}
.service-concept-3 .concept-composition i{border-radius:50%;transform:rotate(30deg);inset:0 25%}
.service-concept-3 .concept-composition i:nth-child(2){transform:rotate(-30deg)}
.service-concept-3 .concept-composition i:nth-child(3){transform:rotate(90deg)}
.service-experience .expertise-row{grid-template-columns:30px 1fr 25px;gap:20px;position:relative;min-height:122px}
.service-experience .expertise-detail{display:none}
.service-experience .expertise-row h3{font-size:1.55rem}
.expertise-row::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--mauve);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease-editorial)}
.expertise-row:hover::before,.expertise-row:focus-visible::before,.expertise-row.is-active::before{transform:scaleX(1)}
.strategy-framework{width:100%;padding:28px;background:var(--charcoal);color:var(--ivory);position:relative;overflow:clip}
.framework-top{display:flex;justify-content:space-between;font:500 .65rem/1.8 var(--ui);letter-spacing:.05em;text-transform:uppercase}
.framework-top>span:last-child{font-size:1.8rem}
.framework-orbit{height:270px;position:relative;display:grid;place-items:center;margin-block:20px}
.framework-orbit i{position:absolute;width:180px;height:180px;border:1px solid #cfadaf77;transform:translateX(-30px) rotate(45deg)}
.framework-orbit i:nth-child(2){transform:translateX(30px) rotate(45deg)}
.framework-orbit i:nth-child(3){width:1px;height:250px;transform:none}
.framework-orbit b{font:400 5rem/1 var(--serif);background:var(--charcoal);padding:20px;z-index:1}
.framework-orbit b span{color:var(--blush)}
.strategy-framework ol{list-style:none;margin:0;padding:0}
.strategy-framework li{display:flex;gap:25px;padding:13px 0;border-top:1px solid #ffffff25;font-size:.82rem}
.strategy-framework li>span{color:var(--blush);font-family:var(--ui);font-size:.68rem}
.strategy-framework figcaption{font:400 .65rem/1.7 var(--ui);color:#c0b6bc;margin-top:20px}
.responsive-studio{background:#29262b;position:relative;overflow:clip;border:1px solid #ffffff25;padding:25px 35px 20px;margin-top:20px!important}
.studio-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;font:500 .7rem/1.7 var(--ui);color:var(--blush)}
.device-controls{display:flex;gap:7px;flex-wrap:wrap}
.device-controls button{font:500 .67rem/1.5 var(--ui);color:var(--ivory);background:transparent;border:1px solid #786a73;min-height:44px;padding:10px 14px}
.device-controls button[aria-pressed=true]{background:var(--blush);color:var(--ink);border-color:var(--blush)}
.device-stage{position:relative;height:440px;perspective:1000px;margin:25px 0 15px}
.device-frame{position:absolute;background:var(--ivory);color:var(--ink);padding:10px;box-shadow:0 15px 40px #0002;transform:translate3d(calc(var(--px,0)*var(--depth,0px)),calc(var(--py,0)*var(--depth,0px) + (1 - var(--scene-progress,.7))*var(--assemble,20px)),0) scale(var(--device-scale,1));transition:opacity .5s,scale .5s var(--ease-editorial);opacity:var(--device-opacity,1);transform-origin:bottom center}
.device-desktop{left:3%;top:0;width:62%;height:355px;--assemble:20px}
.device-tablet{left:54%;top:80px;width:30%;height:330px;--assemble:60px}
.device-mobile{right:1%;top:175px;width:15%;height:250px;--assemble:95px}
.device-top{height:20px;display:flex;gap:4px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:8px}
.device-top i{height:3px;width:3px;background:var(--mauve);border-radius:50%}
.device-layout{position:relative;padding:20px;height:calc(100% - 20px);overflow:clip}
.device-layout>strong{font:500 1.6rem/1.15 var(--sans);letter-spacing:-.05em;position:relative;z-index:1}
.device-layout>strong em{font-size:1.4em}
.layout-rule{display:block;width:30%;height:2px;background:var(--mauve);margin-bottom:15px}
.layout-picture{position:absolute;right:8%;top:15%;width:40%;height:65%;background:var(--soft);overflow:clip}
.layout-picture i,.layout-picture b{position:absolute;inset:20% -10%;border:1px solid var(--mauve);transform:rotate(-35deg);background:var(--blush)}
.layout-picture b{transform:rotate(35deg);background:var(--soft)}
.layout-lines{position:absolute;left:20px;bottom:20%;width:32%}
.layout-lines i{display:block;width:100%;height:1px;background:var(--mauve);margin-top:8px}
.layout-lines i:last-child{width:70%}
.layout-index{position:absolute;bottom:10px;font:500 .65rem var(--ui)}
.device-tablet .device-layout,.device-mobile .device-layout{padding:15px 5px}
.device-tablet strong{font-size:1.1rem}
.device-tablet .layout-picture,.device-mobile .layout-picture{top:48%;height:40%;width:75%}
.device-tablet .layout-lines,.device-mobile .layout-lines{display:none}
.device-mobile strong{font-size:.74rem}
.device-mobile .layout-rule{margin-bottom:10px}
.responsive-studio figcaption{font:500 .61rem/1.7 var(--ui);color:#c0b6bc;letter-spacing:.03em}
.responsive-studio:not([data-device=all]) .device-frame{--device-opacity:.22;--device-scale:.96}
.responsive-studio[data-device=desktop] .device-desktop,.responsive-studio[data-device=tablet] .device-tablet,.responsive-studio[data-device=mobile] .device-mobile{--device-opacity:1;--device-scale:1.025;z-index:2}
.content-system{padding:30px;background:var(--charcoal);color:var(--ivory);overflow:clip;margin-bottom:35px}
.system-header{display:flex;justify-content:space-between;gap:30px;font:500 .68rem/1.8 var(--ui);color:var(--blush);margin-bottom:28px}
.system-track{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.system-card{background:var(--ivory);color:var(--ink);padding:20px 16px;min-width:0}
.system-card>span{font:500 .65rem var(--ui);color:var(--mauve)}
.system-card h2{font-size:1.3rem;letter-spacing:-.03em;margin-top:20px}
.system-card p{font-size:.68rem;line-height:1.6;color:var(--muted);margin:12px 0 0}
.system-graphic{height:110px;position:relative;overflow:clip;margin-top:25px}
.system-graphic i{position:absolute;inset:10% 15%;border:1px solid var(--mauve);transform:rotate(-20deg)}
.system-graphic i:nth-child(2){transform:rotate(20deg)}
.system-graphic i:nth-child(3){transform:rotate(0)}
.graphic-1 i{inset:15% 0;transform:none!important}
.graphic-1 i:nth-child(2){transform:translateY(15px)!important}
.graphic-2 i{background:var(--blush);transform:rotate(35deg)}
.graphic-3 i{border-width:1px 0;transform:rotate(-30deg)!important;inset:20% 0}
.graphic-4 i{border-radius:50%;transform:translateX(20px)}
.graphic-4 i:nth-child(2){transform:translateX(-20px)}
.content-system figcaption{font-size:.65rem;color:#c0b6bc;margin-top:25px}
.sequence-pending .system-card{opacity:.35;translate:0 18px}
.is-sequenced .system-card{opacity:1;translate:0 0;transition:translate .8s var(--ease-editorial),opacity .7s;transition-delay:calc(var(--sequence)*80ms)}
.is-sequenced .framework-orbit i{animation:framework-in 1s var(--ease-editorial) both}
@keyframes framework-in{from{opacity:0;scale:.75}to{opacity:1;scale:1}}
.selected-domain-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;margin-bottom:35px}
.selected-domain{display:grid;grid-template-columns:30px 1fr 25px;gap:20px;align-items:center;border-top:1px solid var(--line);padding:30px 0;min-width:0}
.selected-domain>span:nth-child(2){font-size:1.05rem;overflow-wrap:anywhere}
.selected-domain:hover{color:var(--mauve)}
.selected-domain>span:nth-child(3){transition:transform .3s}
.selected-domain:hover>span:nth-child(3){transform:translate(4px,-4px)}
.story-process{display:grid;grid-template-columns:1fr 1.4fr;gap:8%;position:relative}
.story-anchor{position:sticky;top:160px;align-self:start;display:flex;flex-direction:column;padding-right:15%}
.story-number{font:400 10rem/.9 var(--serif);color:var(--mauve);font-variant-numeric:tabular-nums;margin:15px 0 30px}
.story-active{font:500 1rem var(--sans)}
.story-rule{height:1px;background:var(--line);margin-top:35px}
.story-rule i{display:block;width:100%;height:1px;background:var(--mauve);transform-origin:left;transform:scaleX(var(--story-progress,.25));transition:transform .4s}
.story-steps{list-style:none;margin:0;padding:0}
.story-steps li{padding:35px 0 70px;min-height:255px;border-top:1px solid var(--line);transition:opacity .6s}
.story-steps h3{font-size:2.3rem;max-width:540px}
.story-steps p{font-size:.9rem;color:var(--muted);max-width:480px;margin:25px 0 0}
.story-enhanced .story-steps li:not(.is-current){opacity:.58}
.dark[data-depth]{position:relative;overflow:clip}
.dark[data-depth]>.wrap{position:relative;z-index:1}
.dark[data-depth]::before{content:'';position:absolute;top:0;right:0;width:600px;height:600px;background:radial-gradient(ellipse,#cfadaf12,transparent 65%);transform:translate3d(calc(var(--px)*40px),calc(var(--py)*30px),0);pointer-events:none}
.portrait-frame{overflow:clip}
.portrait-frame img{scale:calc(1.03 - var(--scene-progress,.5)*.03)}
.media-pending{clip-path:inset(0 0 12% 0)}
.media-revealed{clip-path:inset(0);transition:clip-path 1.2s var(--ease-editorial)}
.directory-layout{display:grid;grid-template-columns:.65fr 1.6fr;gap:8%}
.domain-feature{position:sticky;top:160px;align-self:start;background:var(--charcoal);color:var(--ivory);padding:30px;min-width:0;overflow:clip}
.domain-feature-index{font:400 7rem/1 var(--serif);color:var(--blush);display:block;margin:30px 0}
.domain-feature-name{font-size:1rem;overflow-wrap:anywhere;line-height:1.7;display:block;min-height:55px}
.domain-feature-label{font:500 .6rem/1.7 var(--ui);letter-spacing:.09em;text-transform:uppercase;color:var(--blush)}
.directory-layout .domain-list{grid-template-columns:1fr}
.domain-list li{position:relative}
.domain-list li::before{position:absolute;content:'';inset:0 -14px;background:var(--soft);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease-editorial);z-index:-1}
.domain-list li:hover::before,.domain-list li:focus-within::before{transform:scaleX(1)}
.domain-list li:hover .index,.domain-list li:focus-within .index{transform:translateY(-3px);color:var(--mauve)}
.domain-list .index{transition:transform .3s}
@media(min-width:1800px){.hero-scene,.hero-composition{min-height:720px}
}
@media(max-width:1100px){.hero-scene,.hero-composition{min-height:600px}
.hero-scene h1{font-size:4.8rem}
.service-experience{gap:5%;grid-template-columns:.8fr 1.2fr}
.service-experience .expertise-row h3{font-size:1.3rem}
.service-visual{height:350px}
.concept-composition strong{font-size:2.5rem}
.story-number{font-size:8rem}
.story-steps h3{font-size:2rem}
.domain-feature{padding:25px}
.domain-feature-index{font-size:6rem}
.device-stage{height:370px}
.device-desktop{height:300px}
.device-tablet{height:275px;top:70px}
.device-mobile{height:215px;top:140px}
.device-layout strong{font-size:1.3rem}
.device-tablet strong{font-size:.95rem}
.device-mobile strong{font-size:.7rem}
.system-card{padding:16px 12px}
.system-card h2{font-size:1.1rem}
.system-graphic{height:90px}
}
@media(max-width:800px){.cinematic-hero{padding-top:28px}
.cinematic-hero>.hero-topline{margin-bottom:22px}
.hero-scene,.hero-composition{min-height:610px}
.hero-composition{padding-top:40px}
.hero-scene h1{font-size:4.6rem}
.hero-film .cinema-poster,.hero-film .cinema-video{object-position:65% 50%}
.hero-scrim{background:linear-gradient(90deg,#141617cc,#14161755)}
.hero-margin{margin-top:25px;max-width:60%}
.hero-margin>span:last-child,.hero-track{display:none}
.hero-kicker{max-width:280px}
.hero-film{inset:-15px}
.hero-film .motion-toggle{right:32px;bottom:45px}
.production-film{height:auto;aspect-ratio:16/9}
.content-hero .content-title{padding-block:40px}
.content-caption{top:15px;right:15px}
.production-film .motion-toggle{bottom:15px;right:15px}
.service-experience{grid-template-columns:1fr;gap:20px}
.service-visual{display:none}
.service-experience .expertise-row{min-height:120px}
.service-experience .expertise-row h3{font-size:1.6rem}
.expertise-row.is-active{background:#cfadaf15}
.strategy-framework{max-width:none}
.framework-orbit{height:230px}
.framework-orbit i{width:150px;height:150px}
.framework-orbit i:nth-child(3){height:200px}
.content-system{padding:24px}
.system-track{grid-template-columns:repeat(3,1fr);gap:12px}
.system-card:nth-last-child(-n+2){min-height:200px}
.system-graphic{height:70px}
.system-card h2{font-size:1.2rem}
.system-header{font-size:.63rem}
.studio-topline{display:block}
.device-controls{margin-top:18px}
.responsive-studio{padding:22px}
.device-stage{height:310px}
.device-desktop{height:245px;left:0}
.device-tablet{height:225px;left:51%;top:55px;width:33%}
.device-mobile{width:17%;right:0;top:110px;height:180px}
.device-layout>strong{font-size:1rem}
.device-tablet strong{font-size:.8rem}
.device-mobile strong{font-size:.65rem}
.device-layout{padding:12px}
.device-top{height:15px}
.device-frame{padding:7px}
.layout-rule{margin-bottom:10px}
.selected-domain-grid{gap:0 30px}
.selected-domain{gap:12px}
.selected-domain>span:nth-child(2){font-size:.9rem}
.story-process{grid-template-columns:.6fr 1.4fr;gap:8%}
.story-anchor{top:130px;padding-right:0}
.story-number{font-size:6.5rem}
.story-steps h3{font-size:1.8rem}
.story-steps li{min-height:260px}
.directory-layout{grid-template-columns:1fr}
.domain-feature{display:none}
.directory-layout .domain-list{grid-template-columns:1fr}
.cinema .motion-toggle{font-size:.6rem}
}
@media(max-width:520px){.hero-scene,.hero-composition{min-height:595px}
.hero-composition{padding-top:35px;padding-bottom:26px}
.hero-scene h1{font-size:3.35rem;line-height:1.05}
.hero-kicker{font-size:.58rem;max-width:260px}
.hero-message{padding-right:5px}
.hero-margin{font-size:.54rem;max-width:55%}
.hero-film .motion-toggle{right:28px;bottom:34px}
.hero-film .cinema-poster,.hero-film .cinema-video{object-position:62% 50%}
.hero-scrim{background:linear-gradient(180deg,#141617c9 0%,#14161775 65%,#14161745)}
.hero-scene h1 em{color:var(--ivory)}
.motion-toggle{padding:9px 10px}
.hero-composition .motion-line{padding-bottom:.21em;margin-bottom:-.21em}
.service-experience .expertise-row h3{font-size:1.3rem}
.service-experience .expertise-row{min-height:110px}
.selected-domain-grid{grid-template-columns:1fr}
.story-process{grid-template-columns:1fr;gap:20px}
.story-anchor{display:none}
.story-steps li{padding:28px 0 38px;min-height:0}
.story-steps h3{font-size:1.75rem}
.story-enhanced .story-steps li:not(.is-current){opacity:1}
.strategy-framework{padding:24px}
.framework-orbit{height:220px}
.framework-orbit b{font-size:4rem}
.system-track{grid-template-columns:1fr 1fr}
.system-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 12px;min-height:0}
.system-card:last-child .system-graphic{grid-column:2;grid-row:1/4;height:100px;margin:0}
.system-card:last-child h2{margin-top:10px}
.system-header>span:last-child{display:none}
.content-system{padding:20px}
.device-controls{gap:5px}
.device-controls button{font-size:.6rem;padding:9px 8px;flex:1}
.responsive-studio{padding:18px 12px 16px}
.device-stage{height:235px;margin-top:30px}
.device-desktop{width:67%;height:160px;left:0}
.device-tablet{height:166px;top:40px;left:51%;width:34%}
.device-mobile{top:90px;height:130px;width:20%;right:0}
.device-layout{padding:6px}
.device-layout>strong{font-size:.68rem}
.device-tablet .device-layout{padding:8px 2px}
.device-tablet strong{font-size:.55rem}
.device-mobile .device-layout{padding:6px 0}
.device-mobile strong{font-size:.43rem}
.layout-lines{display:none}
.layout-rule{margin-bottom:7px;height:1px}
.layout-index{font-size:.48rem;bottom:2px}
.device-top{height:10px;padding-bottom:4px}
.responsive-studio figcaption{font-size:.57rem}
.content-title h1{font-size:2.6rem}
.production-film .motion-toggle{bottom:10px;right:10px}
.content-caption{font-size:.5rem;top:10px;right:10px}
.cinematic-hero .hero-bottom{padding-top:28px}
.cinematic-hero .hero-bottom p{font-size:.9rem}
}
.story-enhanced .story-steps li:not(.is-current){opacity:1}
.story-enhanced .story-steps li:not(.is-current) h3{color:var(--muted)}
.story-steps li{position:relative}
.story-steps li::before{content:'';position:absolute;top:-1px;left:0;width:100%;height:1px;background:var(--mauve);transform:scaleX(.08);transform-origin:left;transition:transform .7s var(--ease-editorial)}
.story-steps li.is-current::before{transform:scaleX(1)}
.sbc-field input,.sbc-field select,.sbc-field textarea{border-color:#8a7d84}
.motion-reduced [data-depth-layer],.motion-reduced .scroll-shift{transform:none!important}
.motion-reduced .portrait-frame img{scale:1}
.motion-reduced .motion-line>span{transform:none!important;opacity:1!important;transition:none!important}
.motion-reduced .media-pending{clip-path:none}
.motion-reduced .sequence-pending .system-card{opacity:1;translate:none}
.motion-reduced *,.motion-reduced *::before,.motion-reduced *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.motion-reduced .story-steps li{opacity:1!important}
.motion-reduced .magnet-content{transform:none!important}
@media(prefers-reduced-motion:reduce){[data-depth-layer],.scroll-shift,.magnet-content{transform:none!important}
.portrait-frame img{scale:1}
.motion-line>span{transform:none!important;opacity:1!important}
.media-pending{clip-path:none}
.sequence-pending .system-card{opacity:1;translate:none}
.story-steps li{opacity:1!important}
}
.web-hero .digital-architecture .eyebrow{color:#7c5a66}
.work-showcase{background:#29262b;color:#faf8f5}
.work-heading{display:grid;grid-template-columns:1fr 1.8fr;gap:40px}
.work-heading h2{font-size:clamp(32px,4vw,58px);margin:0 0 55px}
.work-heading .eyebrow{color:#cfadaf}
.work-selectors{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #7c5a66}
.work-selectors button{min-height:76px;display:flex;align-items:center;gap:20px;padding:16px;border:0;border-bottom:2px solid transparent;background:transparent;color:#f3e7e7;font:13px Inter,sans-serif;text-align:left;cursor:pointer}
.work-selectors button[aria-pressed=true]{background:#3a333a;border-bottom-color:#cfadaf}
.work-selectors button>span:first-child{font-size:10px;color:#cfadaf}
.work-selectors button>span:last-child{margin-left:auto}
.work-frames{padding:45px 6% 0}
.work-frames article+article{margin-top:50px}
.work-enhanced .work-frames article{margin:0}
.work-enhanced article[hidden]{display:none}
.work-image-frame{overflow:hidden;background:#faf8f5;aspect-ratio:1200/770;padding:2%;border:1px solid #7c5a66;transition:padding .6s}
.work-image-frame img{width:100%;height:auto;display:block}
.work-image-frame>div{transform:translate(calc(var(--px,0)*7px),calc(var(--py,0)*7px)) scale(1.02);transition:transform .35s}
.work-link:hover .work-image-frame{padding:1%}
.work-caption{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:23px 0}
.work-caption h3{font:24px Poppins,sans-serif;margin:0;overflow-wrap:anywhere}
.work-caption>span{font:11px Inter,sans-serif;white-space:nowrap}
.work-showcase .signature-note{color:#cfadaf;margin-left:6%}
.motion-reduced .work-image-frame>div{transform:none!important}
@media(max-width:760px){.work-heading{display:block}
.work-heading h2{margin:24px 0 35px}
.work-selectors{grid-template-columns:1fr}
.work-selectors button{min-height:52px;padding:12px 8px}
.work-frames{padding:28px 0 0}
.work-caption h3{font-size:18px}
.work-caption>span{font-size:9px}
.work-showcase .signature-note{margin-left:0}
}
@media(prefers-reduced-motion:reduce){.work-image-frame>div{transform:none!important}
}
.work-showcase .work-image-frame,.work-showcase .work-link:hover .work-image-frame{padding:2%;transition:none}
.work-showcase .work-image-frame>div,.work-showcase .work-image-frame img{transform:none;transition:none}
.fabric-hero{background:#faf8f5;color:#141617;overflow:hidden}
.fabric-top{display:flex;justify-content:space-between;align-items:center;padding-top:36px;font:11px Inter,sans-serif;letter-spacing:.07em}
.fabric-grid{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;min-height:680px;gap:2%}
.fabric-message{position:relative;z-index:2;padding:65px 0 80px}
.fabric-message h1{font:clamp(48px,5.5vw,90px)/1.22 Safira,serif;letter-spacing:-.025em;margin:32px 0}
.fabric-message h1 em{color:#7c5a66;font-style:normal}
.fabric-message .lede{font-size:16px;max-width:410px;line-height:1.85;margin-bottom:32px}
.fabric-message>.eyebrow{font-size:10px}
.cloth-installation{height:620px;position:relative;margin:0;isolation:isolate;min-width:0}
.cloth-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .7s}
.cloth-ready .cloth-canvas{opacity:1}
.cloth-fallback{position:absolute;inset:10% 12% 13%;transform:rotate(-11deg) skewY(5deg);background:#e9ded6;clip-path:polygon(4% 1%,99% 4%,93% 96%,5% 100%);overflow:hidden}
.cloth-fallback i{position:absolute;top:-10%;height:120%;width:45%;border-right:1px solid #c4aaa0;transform:rotate(8deg);background:linear-gradient(90deg,#d2bfb0,#f7eee3 56%,#c6b0a1)}
.cloth-fallback i:nth-child(2){left:34%}
.cloth-fallback i:nth-child(3){left:68%}
.cloth-ready .cloth-fallback{visibility:hidden}
.cloth-installation figcaption{position:absolute;bottom:13px;left:0;right:0;display:flex;justify-content:space-between;gap:15px;font:9px Inter,sans-serif;text-transform:uppercase;letter-spacing:.07em;color:#6d6467}
.cloth-pulse{position:absolute;right:0;bottom:42px;min-height:44px;border:0;border-bottom:1px solid #7c5a66;background:transparent;color:#4e484b;font:11px Inter,sans-serif;padding:10px 0}
.cloth-pulse span{margin-left:25px}
.fabric-footer{background:#29262b;color:#f3e7e7}
.fabric-footer>.wrap{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:35px;padding-block:28px;font-size:12px}
.fabric-footer p{margin:0;color:#cfadaf}
.fabric-footer a{font:11px Inter,sans-serif;display:flex;gap:40px;align-items:center}
.fabric-footer a span{font-size:24px}
.ecosystem{padding:70px 0 35px}
.eco-heading{display:grid;grid-template-columns:1fr 1.6fr;gap:10px 50px;align-items:start}
.eco-heading h2{font-size:clamp(30px,3.2vw,52px);margin:0}
.eco-heading>p:last-child{grid-column:2;font-size:13px;color:#6d6467}
.eco-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:50px;align-items:center}
.eco-stage{position:relative;aspect-ratio:700/560;min-width:0;background:#f3e7e7;overflow:hidden;margin-top:36px}
.eco-connections{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#a0878f;stroke-width:1}
.eco-core{position:absolute;left:50%;top:50%;width:28%;transform:translate(-50%,-50%);padding:22px 8px;text-align:center;background:#29262b;color:#faf8f5;z-index:1}
.eco-core>span{font:10px Inter,sans-serif}
.eco-core strong{display:block;font:clamp(14px,1.5vw,22px)/1.5 Safira,serif;margin:17px 0}
.eco-core small{font:8px Inter,sans-serif;letter-spacing:.04em;color:#cfadaf}
.eco-node{position:absolute;left:var(--node-x,50%);top:var(--node-y,50%);transform:translate(-50%,-50%);width:26%;min-height:62px;background:#faf8f5;color:#29262b;border:1px solid #cfadaf;display:grid;grid-template-columns:25px 1fr;align-items:center;gap:10px;text-align:left;padding:13px;font:11px Inter,sans-serif;z-index:2;transition:background .35s,color .35s,border-color .35s;cursor:pointer}
.eco-node[aria-pressed=true]{background:#7c5a66;color:#fff;border-color:#7c5a66}
.eco-node svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
.eco-node-arrow{position:absolute;right:8px;top:4px;font-size:10px}
.eco-node:nth-child(1){--node-x:27%;--node-y:20%}
.eco-node:nth-child(2){--node-x:76%;--node-y:24%}
.eco-node:nth-child(3){--node-x:80%;--node-y:67%}
.eco-node:nth-child(4){--node-x:43%;--node-y:85%}
.eco-node:nth-child(5){--node-x:18%;--node-y:59%}
.eco-axis{position:absolute;left:22px;bottom:18px;font:8px Inter,sans-serif;letter-spacing:.08em;color:#7c5a66}
.eco-details article{padding:35px 0;border-bottom:1px solid #e7dde0}
.eco-details h3{font:clamp(25px,2.4vw,38px)/1.5 Safira,serif;margin:22px 0}
.eco-details article>p:not(.eyebrow){font-size:14px;line-height:1.95;color:#4e484b}
.eco-details .eco-tags{font:10px/1.8 Inter,sans-serif!important;text-transform:uppercase;letter-spacing:.06em;color:#7c5a66!important;padding:18px 0}
.signature-note{font:10px/1.7 Inter,sans-serif;letter-spacing:.02em;color:#6d6467;margin:28px 0 0}
.eco-enhanced .eco-details article[hidden],.architecture-enhanced .architecture-copy article[hidden]{display:none}
.digital-architecture{margin-top:65px;text-align:left;background:#f3e7e7;color:#141617;padding:45px 5% 28px;overflow:hidden}
.digital-heading{display:flex;justify-content:space-between;gap:35px}
.digital-heading h2{font:clamp(28px,3.2vw,49px)/1.45 Safira,serif;margin:0}
.architecture-controls{display:flex;flex-wrap:wrap;border-bottom:1px solid #cfadaf;margin-top:38px;gap:0}
.architecture-controls button{min-height:56px;border:0;border-bottom:2px solid transparent;color:#4e484b;background:transparent;flex:1;padding:12px;text-align:left;font:12px Inter,sans-serif;cursor:pointer}
.architecture-controls button span{font-size:9px;margin-right:16px}
.architecture-controls button[aria-pressed=true]{border-bottom-color:#7c5a66;color:#141617;background:#ead8da}
.digital-stage{height:540px;position:relative;perspective:1400px;isolation:isolate;--ax:0;--ay:0}
.interface-layer,.structure-layer,.foundation-layer{position:absolute;width:65%;height:370px;left:16%;top:65px;transition:transform 1s cubic-bezier(.2,.7,.2,1),opacity .7s,width .8s,left .8s;transform-origin:center}
.interface-layer{background:#faf8f5;border:1px solid #cfadaf;transform:rotateX(calc(7deg + var(--ay)*-3deg)) rotateY(calc(-12deg + var(--ax)*4deg)) rotateZ(-4deg);z-index:3;overflow:hidden}
.interface-nav{display:flex;justify-content:space-between;padding:17px 22px;border-bottom:1px solid #e7dde0;font:9px Inter,sans-serif}
.interface-body{height:250px;position:relative;padding:28px}
.interface-label{font:7px Inter,sans-serif;letter-spacing:.07em;text-transform:uppercase}
.interface-body strong{display:block;position:relative;z-index:1;font:38px/1.16 Safira,serif;margin:18px 0}
.interface-body strong em{font-style:normal;color:#7c5a66}
.interface-art{position:absolute;right:5%;top:30px;width:37%;height:190px;overflow:hidden;background:#cfadaf}
.interface-art i{position:absolute;width:120%;height:75%;border:1px solid #7c5a66;transform:rotate(-38deg);top:15%;left:-10%}
.interface-art i+i{transform:rotate(38deg);background:#7c5a66;width:40%;left:30%;opacity:.8}
.interface-link{font:8px Inter,sans-serif;position:absolute;bottom:4px}
.interface-foot{display:flex;gap:20px;padding:20px 28px}
.interface-foot i{height:2px;background:#cfadaf;flex:1}
.structure-layer{border:1px solid #a58a93;display:grid;grid-template-columns:repeat(6,1fr);padding:25px;gap:8px;background:#f3e7e7;transform:translate(14px,20px) rotateX(7deg) rotateY(-12deg) rotateZ(-4deg);z-index:2}
.structure-layer>span,.foundation-layer>span{position:absolute;left:18px;top:10px;font:8px Inter,sans-serif;letter-spacing:.09em}
.structure-layer i{background:#cfadaf40;border-inline:1px solid #cfadaf}
.foundation-layer{background:#29262b;color:#cfadaf;transform:translate(28px,40px) rotateX(7deg) rotateY(-12deg) rotateZ(-4deg);z-index:1;padding:60px 30px}
.foundation-layer i{height:30px;border-block:1px solid #7c5a66;display:block;margin:28px 0}
.phone-layer{position:absolute;right:4%;top:190px;width:122px;height:242px;background:#29262b;color:#faf8f5;border:5px solid #141617;border-radius:9px;padding:15px 10px;z-index:4;transform:translateY(24px) rotate(4deg);transition:transform 1s,opacity .7s;opacity:.3}
.phone-layer>span{font:7px Inter,sans-serif}
.phone-layer strong{display:block;font:18px/1.5 Safira,serif;margin:20px 0}
.phone-layer i{display:block;background:#cfadaf;height:32px;margin-bottom:15px}
.digital-architecture[data-view=responsive] .interface-layer{width:48%;left:12%;transform:rotateY(-8deg) translateX(-10px)}
.digital-architecture[data-view=responsive] .interface-body strong{font-size:31px}
.digital-architecture[data-view=responsive] .interface-art{width:25%}
.digital-architecture[data-view=responsive] .phone-layer{opacity:1;transform:translate(-35px,-8px) rotate(0)}
.digital-architecture[data-view=structure] .interface-layer{transform:translate(-25px,-55px) rotateX(25deg) rotateY(-12deg) rotateZ(-4deg);opacity:.68}
.digital-architecture[data-view=structure] .structure-layer{transform:translate(20px,48px) rotateX(25deg) rotateY(-12deg) rotateZ(-4deg)}
.digital-architecture[data-view=hosting] .interface-layer{transform:translate(-25px,-75px) rotateX(35deg) rotateY(-12deg) rotateZ(-4deg);opacity:.22}
.digital-architecture[data-view=hosting] .structure-layer{transform:translate(0,-20px) rotateX(35deg) rotateY(-12deg) rotateZ(-4deg);opacity:.4}
.digital-architecture[data-view=hosting] .foundation-layer{transform:translate(20px,65px) rotateX(20deg) rotateY(-12deg) rotateZ(-4deg)}
.digital-architecture[data-view=hosting] .phone-layer,.digital-architecture[data-view=structure] .phone-layer{opacity:0}
.architecture-copy{border-top:1px solid #cfadaf;padding-top:24px}
.architecture-copy article{display:grid;grid-template-columns:1fr 1.2fr 1.7fr;gap:30px;padding:15px 0}
.architecture-copy h3{font:22px/1.5 Safira,serif;margin:0}
.architecture-copy p{font:13px/1.9 Poppins,sans-serif;margin:0;color:#4e484b}
.architecture-copy .eyebrow{font-size:9px;color:#7c5a66}
@media(min-width:1600px){.fabric-grid{min-height:770px}
.cloth-installation{height:710px}
}
@media(max-width:1050px){.fabric-grid{min-height:600px}
.fabric-message h1{font-size:48px}
.cloth-installation{height:540px}
.eco-layout{gap:30px;grid-template-columns:1.3fr 1fr}
.eco-node{padding:10px 8px;gap:6px;font-size:9px;grid-template-columns:18px 1fr}
.eco-node svg{width:18px}
.eco-core strong{font-size:14px}
.eco-core small{font-size:7px}
.architecture-copy article{grid-template-columns:1fr 2fr}
.architecture-copy article>p:last-child{grid-column:2}
.digital-stage{height:470px}
.interface-layer,.structure-layer,.foundation-layer{height:340px}
.interface-body{height:230px}
}
@media(max-width:760px){.fabric-top>span{display:none}
.fabric-top{padding-top:26px}
.fabric-grid{grid-template-columns:1fr;gap:0}
.fabric-message{padding:38px 0 10px}
.fabric-message h1{font-size:clamp(37px,7.7vw,59px);margin:25px 0}
.fabric-message .lede{font-size:14px;max-width:440px}
.cloth-installation{height:410px;margin-top:-8px}
.cloth-installation figcaption{font-size:8px;bottom:9px}
.cloth-pulse{bottom:33px}
.fabric-footer>.wrap{grid-template-columns:1fr auto;gap:25px}
.fabric-footer p{display:none}
.fabric-footer a{gap:15px;font-size:10px}
.fabric-footer>.wrap>span{font-size:10px}
.eco-heading{display:block}
.eco-heading h2{margin:24px 0}
.eco-layout{grid-template-columns:1fr;gap:0}
.eco-stage{margin-top:15px}
.eco-node{font-size:10px;min-height:55px}
.eco-core{padding:16px 5px}
.eco-core strong{font-size:16px;margin:12px 0}
.eco-core>span{font-size:8px}
.eco-details article{padding:30px 0}
.eco-details h3{font-size:28px}
.ecosystem{padding:42px 0 15px}
.digital-architecture{padding:30px 6% 24px;margin-top:40px}
.digital-heading{display:block}
.digital-heading h2{font-size:29px;margin-top:25px}
.architecture-controls{display:grid;grid-template-columns:1fr 1fr}
.architecture-controls button{font-size:10px;min-height:52px}
.architecture-controls button span{margin-right:9px}
.digital-stage{height:365px}
.interface-layer,.structure-layer,.foundation-layer{height:238px;width:81%;left:4%;top:60px}
.interface-nav{font-size:6px;padding:10px}
.interface-body{padding:12px;height:165px}
.interface-label{font-size:5px}
.interface-body strong{font-size:25px;line-height:1.18;margin:12px 0}
.interface-art{height:130px;top:14px}
.interface-link{font-size:6px;bottom:0}
.interface-foot{padding:14px 12px;gap:10px}
.phone-layer{width:85px;height:175px;top:165px;right:-3%;padding:10px 6px;border-width:3px}
.phone-layer strong{font-size:12px;margin:14px 0}
.phone-layer>span{font-size:5px}
.phone-layer i{height:20px}
.digital-architecture[data-view=responsive] .interface-layer{width:65%;left:0}
.digital-architecture[data-view=responsive] .interface-body strong{font-size:21px}
.digital-architecture[data-view=responsive] .phone-layer{transform:translate(0,-8px)}
.structure-layer>span,.foundation-layer>span{font-size:5px}
.foundation-layer{padding:34px 20px}
.foundation-layer i{height:20px;margin:25px 0}
.architecture-copy article{display:block}
.architecture-copy h3{font-size:25px;margin:18px 0}
.architecture-copy p{font-size:12px}
.signature-note{font-size:9px}
}
@media(max-width:360px){.cloth-installation{height:345px}
.eco-node{font-size:8px;gap:4px;padding:8px 5px}
.eco-core strong{font-size:12px}
.eco-core small{display:none}
.eco-axis{font-size:6px}
.digital-heading h2{font-size:24px}
.digital-stage{height:320px}
.interface-layer,.structure-layer,.foundation-layer{height:210px}
.interface-body{height:145px}
.interface-body strong{font-size:22px}
.interface-art{height:110px}
.phone-layer{top:150px}
.cloth-hint{max-width:100px;text-align:right}
}
.motion-reduced .cloth-pulse{display:none}
.motion-reduced .cloth-canvas,.motion-reduced .eco-node,.motion-reduced .interface-layer,.motion-reduced .structure-layer,.motion-reduced .foundation-layer,.motion-reduced .phone-layer{transition:none!important}
@media(prefers-reduced-motion:reduce){.cloth-pulse{display:none}
.cloth-canvas,.eco-node,.interface-layer,.structure-layer,.foundation-layer,.phone-layer{transition:none!important}
}
.fabric-hero{background:#141617;color:#faf8f5}
.fabric-top{border-bottom:1px solid #ffffff24;padding-bottom:22px;color:#cfadaf}
.fabric-top .eyebrow,.fabric-message>.eyebrow{color:#cfadaf}
.fabric-grid{display:block;min-height:0}
.fabric-message{display:grid;grid-template-columns:1.5fr 1fr;column-gap:10%;padding:55px 0 0;align-items:start}
.fabric-message>.eyebrow{grid-column:1/-1;margin-bottom:12px}
.fabric-message h1{grid-row:2/4;font:clamp(42px,5.2vw,82px)/1.24 Safira,serif;margin:14px 0 0}
.fabric-message h1 em{color:#cfadaf}
.fabric-message .lede{color:#e0d8db;font-size:15px;max-width:370px;margin:20px 0 24px}
.fabric-message .button{justify-self:start;background:#faf8f5;color:#141617}
.cloth-installation{width:112%;margin:0 -6%;height:auto;aspect-ratio:1998/787;touch-action:pan-y}
.cloth-fallback{inset:5%;width:90%;height:90%;object-fit:contain;transform:none;clip-path:none;background:none;overflow:visible}
.cloth-canvas{transition:opacity .3s}
.cloth-ready .cloth-fallback{visibility:visible;opacity:0}
.cloth-installation figcaption{left:5.4%;right:5.4%;bottom:3px;color:#cfadaf}
.cloth-pulse{right:5.4%;bottom:28px;color:#f3e7e7;border-color:#cfadaf}
.fabric-footer{background:#141617;border-top:1px solid #ffffff24}
.fabric-footer>.wrap{padding-block:25px}
.fabric-footer a{color:#faf8f5}
@media(max-width:760px){.fabric-message{display:block;padding-top:35px}
.fabric-message h1{font-size:clamp(35px,7.7vw,58px);margin:22px 0}
.fabric-message .lede{font-size:14px;max-width:430px}
.cloth-installation{margin:30px -9% 0;width:118%;aspect-ratio:1998/1000}
.cloth-fallback{inset:5%;height:90%}
.cloth-installation figcaption{bottom:0;font-size:7px;left:8%;right:8%}
.cloth-pulse{right:8%;bottom:20px;font-size:10px}
.cloth-hint{max-width:110px;text-align:right}
.fabric-footer{margin-top:20px}
.fabric-top{font-size:9px}
.fabric-message>.eyebrow{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.cloth-ready .cloth-fallback{opacity:1;visibility:visible}
.cloth-canvas{display:none}
}
.motion-reduced .cloth-ready .cloth-fallback{opacity:1;visibility:visible}
@keyframes menu-entry{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.fabric-top{padding-top:20px;padding-bottom:12px}
.fabric-top .eyebrow{margin-bottom:0}
.fabric-grid{position:relative;min-height:570px;height:clamp(570px,calc(100svh - 220px),720px);isolation:isolate}
.fabric-message{display:block;padding-top:42px;width:58%;pointer-events:none}
.fabric-message a{pointer-events:auto}
.fabric-message h1{font-size:clamp(44px,4.6vw,72px);margin:17px 0 22px}
.fabric-message .lede{max-width:345px;font-size:14px;margin:0 0 24px}
.cloth-installation{position:absolute;right:-12%;bottom:24px;width:96%;margin:0;height:auto;aspect-ratio:1998/787;z-index:-1}
.cloth-installation figcaption{bottom:-14px}
.cloth-pulse{bottom:8px}
.fabric-message>.eyebrow{font-size:9px}
.fabric-footer>.wrap{padding-block:17px}
.fabric-grid .cloth-installation{z-index:0}
.fabric-message{z-index:1}
.fabric-message .button{box-shadow:0 0 0 8px #141617}
@media(min-width:1201px) and (max-height:780px){.fabric-grid{height:520px;min-height:520px}
.fabric-message{padding-top:28px}
.fabric-message h1{font-size:49px}
.cloth-installation{width:90%;right:-12%;bottom:18px}
.fabric-message .lede{max-width:300px;font-size:13px}
}
@media(max-width:900px){.fabric-message{width:70%}
.cloth-installation{width:108%;right:-17%;bottom:35px}
.fabric-grid{height:660px}
.fabric-message h1{font-size:52px}
}
@media(max-width:600px){.fabric-top{padding-top:17px;padding-bottom:12px}
.fabric-grid{min-height:580px;height:calc(100svh - 160px);max-height:690px}
.fabric-message{width:100%;padding-top:27px}
.fabric-message h1{font-size:clamp(34px,8.5vw,48px);margin:16px 0 20px}
.fabric-message .lede{font-size:13px;line-height:1.8;max-width:330px}
.fabric-message .button{min-height:48px;padding:13px 18px;font-size:11px}
.cloth-installation{width:120%;right:-10%;bottom:42px;aspect-ratio:1998/787}
.cloth-installation figcaption{bottom:-36px;font-size:7px}
.cloth-pulse{bottom:-20px;min-height:40px}
.fabric-footer{margin-top:0}
.fabric-message>.eyebrow{font-size:8px}
}
.portrait-frame{display:block;position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;border:0;padding:0;background:#141617;color:inherit;cursor:pointer;isolation:isolate}
.portrait-frame:disabled{cursor:default}
.portrait-frame:focus-visible{outline:2px solid #cfadaf;outline-offset:7px}
.portrait-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;opacity:0;transition:opacity 850ms ease;pointer-events:none}
.portrait-slide.is-current{opacity:1}
.portrait-slide:nth-child(4),.portrait-slide:nth-child(6){object-fit:contain;background:#141617}
.portrait-help{display:block;font:10px/1.7 Inter,sans-serif;color:#cfadaf;margin-top:14px}
.portrait-frame img{transform:none!important;clip-path:none!important}
.portrait-frame:not(:disabled):active{outline:1px solid #cfadaf}
.portrait-experience:not(.portrait-enhanced) .portrait-help{display:none}
@media(max-width:760px){.eco-stage{aspect-ratio:auto;min-height:475px;padding:165px 14px 30px}
.eco-core{top:20px;left:50%;transform:translateX(-50%);width:170px;padding:14px 8px}
.eco-core strong{font-size:17px;margin:8px 0}
.eco-core small{display:block;font-size:8px}
.eco-nodes{display:grid;grid-template-columns:1fr 1fr;gap:13px;position:relative;z-index:2}
.eco-node{position:relative;left:auto!important;top:auto!important;transform:none;width:100%;min-height:62px;font-size:12px;grid-template-columns:24px 1fr;padding:12px;gap:9px}
.eco-node:last-child{grid-column:1/-1;max-width:180px;justify-self:center}
.eco-node svg{width:23px;height:23px}
.eco-axis{bottom:10px;left:14px;font-size:7px}
.eco-connections{opacity:.3}
}
@media(prefers-reduced-motion:reduce){.portrait-slide{transition:none}
}
.motion-reduced .portrait-slide{transition:none}
.motion-reduced .primary-nav.is-open{animation:none}
@media(max-width:600px){.fabric-grid{height:590px;min-height:590px;max-height:none}
.cloth-installation{top:340px;bottom:auto;width:110%;right:-5%}
.cloth-installation figcaption{left:10%;right:10%}
.cloth-pulse{right:10%;bottom:-21px}
}
@media(min-width:1201px){.cloth-installation{width:88%;right:-2%}
}
@media(min-width:601px) and (max-width:1200px){.cloth-installation{width:100%;right:0}
}
@media(max-width:600px){.cloth-hint{display:none}
}
.work-teaser{padding:60px 0 68px;border-top:1px solid var(--line)}
.work-teaser-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:12%;align-items:center}
.work-teaser h2{font-size:clamp(25px,2.5vw,36px);line-height:1.2;margin:0 0 23px}
.work-teaser-list{list-style:none;margin:0;padding:0}
.work-teaser-list li+li{border-top:1px solid var(--line)}
.work-teaser-list a{display:grid;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:18px;padding:19px 0;min-height:76px}
.work-teaser-name{font-size:clamp(14px,1.4vw,18px);overflow-wrap:anywhere}
.work-teaser-name small{display:block;font-size:10px;letter-spacing:.06em;margin-top:5px;color:var(--mauve)}
.work-teaser-arrow{transition:transform .25s ease}
.work-teaser-list a:hover,.work-teaser-list a:focus-visible{color:var(--mauve)}
.work-teaser-list a:hover .work-teaser-arrow,.work-teaser-list a:focus-visible .work-teaser-arrow{transform:translate(3px,-3px)}
@media(max-width:650px){.work-teaser{padding:38px 0 44px}
.work-teaser-layout{grid-template-columns:1fr;gap:25px}
.work-teaser h2{margin-bottom:16px}
.work-teaser-list a{padding:16px 0;min-height:70px}
}
@media(prefers-reduced-motion:reduce){.work-teaser-arrow{transition:none;transform:none!important}
}
.motion-reduced .work-teaser-arrow{transition:none;transform:none!important}
.web-hero:has(.web-studio){background:#faf8f5;color:#141617;padding-top:48px}
.web-hero:has(.web-studio)>.wrap>h1{font-size:clamp(46px,6vw,92px);max-width:1000px;line-height:1.1}
.web-hero:has(.web-studio)>.wrap>h1 em{color:#7c5a66}
.web-hero:has(.web-studio)>.wrap>.hero-bottom{align-items:center;padding-bottom:5px}
.web-hero:has(.web-studio)>.wrap>.hero-bottom p{color:#51474d;max-width:450px;font-size:15px}
.web-hero:has(.web-studio) .hero-bottom .button{background:#141617;color:#fff;border-color:#141617}
.web-studio{background:#29262b;color:#faf8f5;margin-top:48px;padding:36px 38px 25px;overflow:hidden}
.studio-top{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:30px;align-items:start;margin-bottom:35px}
.web-studio .studio-top .eyebrow{color:#cfadaf}
.studio-top h2{font:clamp(25px,2.5vw,39px)/1.4 Safira,serif;margin:0}
.studio-top>p:last-child{font:12px/1.9 Inter,sans-serif;color:#ddd1d7;padding-top:10px}
.studio-workspace{display:grid;grid-template-columns:155px minmax(0,1fr);gap:30px}
.web-studio .studio-controls{display:flex;flex-direction:column;gap:0;border:0;margin:0;align-self:start}
.studio-controls button{width:100%;display:flex;align-items:center;gap:10px;min-height:62px;flex:none;color:#e6d8de;background:none;border:0;border-top:1px solid #695960;padding:15px 8px;font-size:12px}
.studio-controls button span{margin:0;color:#cfadaf;font-size:9px}
.studio-controls button b{margin-left:auto;font-weight:400}
.studio-controls button[aria-pressed=true]{background:#cfadaf;color:#141617;border-color:#cfadaf}
.studio-controls button[aria-pressed=true] span{color:#51474d}
.studio-instruction{font:10px/1.9 Inter,sans-serif;color:#cfadaf;padding-top:45px}
.web-studio .digital-stage{height:auto;min-height:490px;perspective:none;background:#211f23;padding:0 22px 24px;position:relative;overflow:hidden}
.studio-width{display:flex;align-items:center;gap:15px;min-height:54px;font:10px Inter,sans-serif;color:#e6d8de}
.studio-width input{flex:1;min-width:30px;accent-color:#cfadaf;min-height:32px;cursor:ew-resize}
.studio-width output{width:34px;text-align:right}
.lab-viewport{width:var(--canvas-width,100%);min-width:200px;margin:0 auto;container-type:inline-size;background:#faf8f5;color:#29262b;transition:opacity .5s,transform .7s;box-shadow:none}
.lab-page{padding:22px}
.lab-menu{display:flex;justify-content:space-between;gap:12px;font:8px Inter,sans-serif;padding-bottom:16px;border-bottom:1px solid #c7b9bb;letter-spacing:.09em}
.lab-menu>span:first-child{font-weight:700}
.lab-composition{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:25px 0}
.lab-word small{font:7px Inter,sans-serif;text-transform:uppercase;letter-spacing:.12em}
.lab-word strong{display:block;font:clamp(35px,6cqi,64px)/1.14 Safira,serif;margin:20px 0}
.lab-word em{color:#7c5a66}
.lab-link{font:8px Inter,sans-serif;border-bottom:1px solid #7c5a66;padding-bottom:7px;display:inline-block}
.lab-art{position:relative;min-height:220px;background:#cfadaf;overflow:hidden}
.lab-art i{position:absolute;width:60%;height:85%;left:8%;top:25%;border-radius:50% 50% 0 0;background:#faf8f5;transform:rotate(-20deg)}
.lab-art i+i{width:45%;height:65%;left:60%;top:-4%;background:#7c5a66;transform:rotate(30deg)}
.lab-art span{position:absolute;bottom:12px;left:14px;font:7px Inter,sans-serif;letter-spacing:.12em;color:#29262b}
.lab-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-top:1px solid #c7b9bb;padding-top:18px}
.lab-columns span{font:6px Inter,sans-serif;letter-spacing:.06em;color:#7c5a66}
.lab-columns p{font:12px/1.5 Inter,sans-serif;margin:10px 0 0}
.web-studio .studio-copy{border-color:#695960;margin-top:28px}
.web-studio .studio-copy h3{font-size:23px;color:#faf8f5}
.web-studio .studio-copy p{color:#ddd1d7}
.web-studio .studio-copy .eyebrow{color:#cfadaf}
.web-studio .signature-note{color:#cfadaf;font-size:9px}
.web-studio[data-view=structure] .lab-page *{outline:1px dashed #7c5a6670;outline-offset:3px}
.web-studio[data-view=structure] .lab-art{background:#f3e7e7}
.web-studio[data-view=structure] .lab-art i{background:transparent;border:1px solid #7c5a66}
.web-studio[data-view=structure] .lab-page{background:repeating-linear-gradient(90deg,transparent 0,transparent calc(16.666% - 1px),#cfadaf60 calc(16.666% - 1px),#cfadaf60 16.666%)}
.lab-hosting{position:absolute;inset:54px 22px 24px;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;transform:translateY(15px);transition:opacity .5s,transform .7s,visibility .5s}
.hosting-kicker{font:9px Inter,sans-serif;color:#cfadaf;letter-spacing:.09em;text-transform:uppercase}
.hosting-system{display:flex;align-items:center;margin:40px 0;gap:14px}
.hosting-system>div{flex:1;min-width:0;border-block:1px solid #7c5a66;padding:22px 0}
.hosting-system small{font:8px Inter,sans-serif;color:#cfadaf}
.hosting-system strong{display:block;font:20px/1.4 Safira,serif;margin:18px 0}
.hosting-system span{display:block;font:10px/1.7 Inter,sans-serif;color:#ddd1d7}
.hosting-system i{height:1px;width:24px;background:#cfadaf;flex-shrink:0}
.lab-hosting>p{font:25px/1.5 Poppins,sans-serif;margin:0}
.lab-hosting>p em{color:#cfadaf}
.web-studio[data-view=hosting] .lab-viewport{opacity:0;transform:translateY(-20px);visibility:hidden}
.web-studio[data-view=hosting] .lab-hosting{opacity:1;visibility:visible;transform:none}
.web-studio[data-view=hosting] .studio-width{visibility:hidden}
@container(max-width:440px){.lab-menu>span:last-child{display:none}
.lab-composition{grid-template-columns:1fr;gap:20px}
.lab-word strong{font-size:38px}
.lab-art{min-height:145px}
.lab-columns{grid-template-columns:1fr}
.lab-columns>div{display:flex;justify-content:space-between;align-items:center;gap:10px}
.lab-columns p{margin:0;font-size:10px}
.lab-page{padding:16px}
.lab-word strong br{display:none}
}
@media(max-width:1000px){.studio-top{grid-template-columns:1fr 1fr}
.studio-top>p:last-child{display:none}
.studio-workspace{grid-template-columns:120px minmax(0,1fr);gap:20px}
.web-studio{padding:28px 24px}
.hosting-system{gap:8px}
.hosting-system strong{font-size:16px}
.hosting-system i{width:10px}
}
@media(max-width:760px){.web-hero:has(.web-studio){padding-top:35px}
.web-studio{padding:25px 16px;margin-top:30px}
.studio-top{display:block;margin-bottom:25px}
.studio-top h2{font-size:29px}
.studio-workspace{display:block}
.web-studio .studio-controls{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:20px}
.studio-controls button{font-size:10px;min-height:58px;display:block;text-align:center;padding:10px 3px}
.studio-controls button span{display:block;margin-bottom:5px}
.studio-controls button b,.studio-instruction{display:none}
.web-studio .digital-stage{padding:0 12px 20px;min-height:560px}
.studio-width{gap:8px;font-size:8px}
.lab-viewport{min-width:170px}
.lab-hosting{inset:65px 18px 25px}
.hosting-system{display:block;margin:20px 0}
.hosting-system>div{padding:14px 0}
.hosting-system strong{font-size:21px;margin:8px 0}
.hosting-system i{display:block;height:15px;width:1px;margin:auto}
.hosting-system span{font-size:10px}
.lab-hosting>p{font-size:20px}
.studio-copy article h3{font-size:24px}
.studio-copy article p{font-size:12px}
.studio-copy{padding-top:16px}
.web-studio .signature-note{font-size:8px;line-height:1.8}
}
@media(prefers-reduced-motion:reduce){.lab-viewport,.lab-hosting{transition:none!important}
}
.motion-reduced .lab-viewport,.motion-reduced .lab-hosting{transition:none!important}
.web-hero:has(.web-studio)>.wrap>.eyebrow{color:#7c5a66}
.studio-controls button:focus-visible,.studio-device-controls button:focus-visible,.hosting-controls button:focus-visible,.eco-node:focus-visible,.work-selectors button:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.expertise-row .index,.offer>.index,.architecture-list li,.package summary::after{transition:transform .3s,color .3s}
.expertise-row:hover .index,.expertise-row:focus-visible .index,.offer:hover>.index{transform:translateX(4px);color:#7c5a66}
.offer{transition:border-color .3s}
.offer:hover{border-color:#7c5a66}
.package summary:hover,.package summary:focus-visible{background:#cfadaf18}
.package summary:focus-visible{outline:2px solid #7c5a66;outline-offset:5px}
.package-content{animation:polish-in .35s ease}
.sbc-field:focus-within label{color:#7c5a66}
.sbc-field input,.sbc-field select,.sbc-field textarea{transition:border-color .2s,background .2s,box-shadow .2s}
.sbc-field input:focus,.sbc-field select:focus,.sbc-field textarea:focus{outline:2px solid #7c5a66;outline-offset:3px;background:#fff}
.eco-node svg{padding:3px;width:29px;height:29px;overflow:visible}
.eco-node[aria-pressed=true]{box-shadow:0 5px 0 #cfadaf60}
.eco-node-arrow{transition:transform .25s}
.eco-node[aria-pressed=true] .eco-node-arrow{transform:translate(2px,-2px)}
.eco-details article:not([hidden]){animation:polish-in .4s ease}
.eco-details{min-height:370px}
.work-selectors button{transition:background .25s,border-color .25s}
.work-selectors{grid-template-columns:repeat(3,minmax(0,1fr))}
.work-selectors button{gap:10px;min-width:0;font-size:11px}
.work-selector-name{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){.work-selectors{grid-template-columns:1fr}
.work-selectors button{font-size:13px}
}
.work-selectors button>span:last-child,.work-caption>span{transition:transform .3s}
.work-selectors button:hover>span:last-child,.work-link:hover .work-caption>span{transform:translate(3px,-3px)}
.domain-list a:focus-visible{outline:2px solid #7c5a66;outline-offset:4px}
.studio-device-controls{display:flex;gap:6px;padding:16px 0 0}
.studio-device-controls button,.hosting-controls button{border:1px solid #796872;background:none;color:#f3e7e7;min-height:44px;padding:8px 15px;font:11px Inter,sans-serif}
.studio-device-controls button[aria-pressed=true],.hosting-controls button[aria-pressed=true]{background:#cfadaf;color:#141617;border-color:#cfadaf}
.web-studio .digital-stage{perspective:1400px}
.lab-viewport{transform:rotateX(calc(var(--ay,0)*-1deg)) rotateY(calc(var(--ax,0)*1.4deg));border:1px solid #cfadaf50;border-radius:4px;overflow:hidden}
.lab-page{transition:background .35s}
.web-studio[data-view=structure] .lab-composition{gap:38px}
.web-studio[data-view=structure] .lab-columns{transform:translateY(5px);border-top-color:#7c5a66}
.lab-hosting{inset:110px 22px 24px}
.hosting-system>div{transition:opacity .3s,transform .3s,border-color .3s;opacity:.6}
.hosting-system>div.is-selected{opacity:1;transform:translateY(-5px);border-color:#cfadaf}
.hosting-controls{display:flex;gap:8px;margin-bottom:20px}
.lab-hosting .hosting-explanation{font:13px/1.8 Inter,sans-serif;min-height:72px;max-width:560px}
.web-studio[data-view=hosting] .studio-device-controls{visibility:hidden}
.web-studio[data-view=hosting] .lab-viewport{transform:translateY(-12px)}
.studio-copy article:not([hidden]){animation:polish-in .4s ease}
@keyframes polish-in{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:1201px){.cloth-installation{bottom:48px}
}
@media(max-width:760px){.eco-details{min-height:350px}
.studio-device-controls{justify-content:center}
.studio-device-controls button{flex:1;padding:8px 6px}
.web-studio .digital-stage{min-height:660px}
.lab-hosting{inset:110px 18px 22px}
.hosting-system{margin:15px 0}
.hosting-controls button{flex:1;padding-inline:8px}
.lab-viewport{transform:none}
.hosting-system>div.is-selected{transform:none}
}
@media(prefers-reduced-motion:reduce){.eco-details article,.studio-copy article,.package-content{animation:none!important}
.lab-viewport,.lab-columns,.hosting-system>div,.expertise-row .index,.offer>.index{transform:none!important;transition:none!important}
}
.motion-reduced .eco-details article,.motion-reduced .studio-copy article,.motion-reduced .package-content{animation:none!important}
.motion-reduced .lab-viewport,.motion-reduced .lab-columns,.motion-reduced .hosting-system>div,.motion-reduced .expertise-row .index,.motion-reduced .offer>.index{transform:none!important;transition:none!important}
.sb-native-site .site-header,.sb-native-site .site-footer{width:100%;max-width:none;margin-inline:0}
.sb-native-site .site-header{display:block}
.sbc-submit .link-emblem{width:26px}
.expertise-row>.link-emblem{width:28px;justify-self:end;transition:transform .2s}
.expertise-row:hover>.link-emblem,.expertise-row:focus-visible>.link-emblem{transform:translate(4px,-4px)}
.eco-node .link-emblem{width:18px;height:18px;object-fit:contain}
.studio-controls button>.link-emblem{width:24px;height:21px;margin-left:auto}
.cloth-pulse .link-emblem{width:22px}
.contact-details a:has(.link-emblem){display:inline-flex;align-items:center;gap:8px;width:fit-content}
.contact-details .link-emblem{width:22px}
.closing-grid{grid-template-columns:1fr 2fr}
@media(max-width:800px){.closing-grid{grid-template-columns:1fr}
}
@media(max-width:1200px){.sb-native-site .site-header .menu-toggle[aria-expanded="true"],.sb-native-site .site-header .menu-toggle:hover,.sb-native-site .site-header .menu-toggle:focus-visible,.sb-native-site .site-header .menu-toggle:active{background:#141617;color:#faf8f5;border-color:#141617}
.sb-native-site .site-header .menu-toggle:focus-visible{outline:2px solid #7c5a66;outline-offset:3px}
}
.domain-list a{grid-template-columns:30px minmax(0,1fr) 32px}
.domain-list a>.link-emblem,.selected-domain>.link-emblem{transition:transform .25s ease}
.domain-list a:hover>.link-emblem,.selected-domain:hover>.link-emblem{transform:translate(3px,-3px)}
.selected-domain{grid-template-columns:30px minmax(0,1fr) 32px}
.work-caption>span{display:inline-flex;align-items:center;gap:8px}
.work-caption .link-emblem{width:28px}
.work-selectors button>.link-emblem{margin-left:auto;transition:transform .3s}
.work-selectors button:hover>.link-emblem{transform:translate(3px,-3px)}
.work-teaser-list .link-emblem{width:30px}
@media(prefers-reduced-motion:reduce){.domain-list a>.link-emblem,.selected-domain>.link-emblem{transition:none;transform:none!important}
}
@media(prefers-reduced-motion:reduce){.work-selectors button>.link-emblem{transition:none;transform:none!important}
}
@media(prefers-reduced-motion:reduce){.expertise-row>.link-emblem{transition:none;transform:none!important}
}
.work-selector-name small{display:block;margin-top:5px;color:#cfadaf;font:10px/1.35 Inter,sans-serif;overflow-wrap:anywhere}
.work-selectors button[aria-pressed=true] .work-selector-name small{color:#f3e7e7}
.work-showcase .work-image-frame,.work-showcase .work-link:hover .work-image-frame{background:transparent;border:0;padding:0;aspect-ratio:auto;box-shadow:none}
.work-showcase .work-image-frame>div{background:transparent}
.work-enhanced .work-frames article:not([hidden]){animation:work-preview-in .32s ease-out both}
@keyframes work-preview-in{from{opacity:0}to{opacity:1}}
.portfolio-more{border-top:1px solid var(--line)}
.portfolio-more h2{font-size:clamp(2rem,4vw,3.5rem)}
.portfolio-more p:last-child{max-width:36rem;color:var(--muted);margin:18px 0 0}
@media(prefers-reduced-motion:reduce){.work-enhanced .work-frames article:not([hidden]){animation:none}
}
.motion-reduced .work-enhanced .work-frames article:not([hidden]){animation:none}
h1 em,h2 em{font-family:var(--serif);font-style:italic;font-weight:500;letter-spacing:-.03em}
.lede{font-size:clamp(1rem,1.2vw,1.18rem);line-height:1.85}
.support-note,.image-note{font-size:.8rem}
.expertise-row p,.offer p,.offer li,.package-content li,.capture-list p,.process p,.story-steps p{font-size:1rem;line-height:1.8}
.package summary p{font-size:.95rem}
.founder-copy p{font-size:1rem}
.founder-copy .signature{font-size:2.5rem}
.fabric-message h1{font-family:var(--serif);font-size:clamp(2.9rem,5.1vw,5.9rem);line-height:1.04;max-width:860px}
.fabric-message h1 em{font-family:var(--serif);font-size:1em;line-height:1.04}
.fabric-message .lede{max-width:610px;font-size:1.02rem}
.page-hero h1,.service-hero h1,.web-hero h1{font-size:clamp(2.8rem,5.5vw,5.5rem)}
.approved-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:56px;padding-top:32px;border-top:1px solid var(--line)}
.approved-capabilities h3{font-size:1.25rem;letter-spacing:-.025em;margin-bottom:16px}
.approved-capabilities p{font-size:1rem;color:var(--muted);max-width:36ch}
.approved-capabilities .text-link{font-size:.85rem}
.approved-tool-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;gap:0 28px}
.approved-tool-list li{padding:18px 0;border-top:1px solid var(--line)}
.approved-process-heading{margin:70px 0 32px}
.approved-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;padding:0}
.approved-process li{padding:24px 0;border-top:1px solid var(--line)}
.approved-process .eyebrow{display:block;margin-bottom:12px}
.approved-process p{margin:0;max-width:34ch}
@media(max-width:800px){.approved-capabilities,.approved-tool-list,.approved-process{grid-template-columns:1fr 1fr}
.fabric-message h1{font-size:clamp(2.6rem,6.7vw,4.1rem)}
.fabric-message .lede{font-size:1rem}
}
@media(max-width:520px){.approved-capabilities,.approved-tool-list,.approved-process{grid-template-columns:1fr}
.fabric-message h1{font-size:2.65rem}
.approved-capabilities{gap:24px}
.page-hero h1,.service-hero h1,.web-hero h1{font-size:2.8rem}
}
.brief-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0 0 32px}
.brief-tiles li{padding:22px 24px;border:1px solid var(--line);border-radius:6px;background:#ffffff70;font-size:1rem}
.brief-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.brief-service-grid article{border-top:1px solid var(--mauve);padding-top:24px}
.brief-service-grid h3{font-size:1.3rem;letter-spacing:-.025em;margin-bottom:14px}
.brief-service-grid p{margin:0;color:var(--muted);font-size:1rem}
.brief-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.brief-actions .button{margin-top:0}
.brief-actions .button+ .button{background:transparent;color:var(--mauve)}
.brief-actions .button+ .button:hover{background:var(--soft);color:var(--ink)}
.brief-philosophy{background:var(--mauve);color:#fff}
.brief-philosophy .eyebrow,.brief-philosophy .lede{color:#fff}
.brief-philosophy h2{max-width:1050px}
.brief-platforms{margin:0}
.brief-platforms>div{display:grid;grid-template-columns:1fr 2fr;gap:32px;padding:22px 0;border-top:1px solid var(--line)}
.brief-platforms dt{font-weight:600}
.brief-platforms dd{margin:0}
.brief-table-wrap{overflow-x:auto;max-width:100%;margin-bottom:16px;border:1px solid var(--line);border-radius:6px;background:var(--ivory)}
.brief-comparison{width:100%;min-width:700px;border-collapse:collapse;font-size:.9rem;text-align:left}
.brief-comparison caption{text-align:left;padding:20px;font-weight:500}
.brief-comparison th,.brief-comparison td{padding:18px 16px;border-top:1px solid var(--line)}
.brief-comparison thead{background:var(--mauve);color:#fff}
.brief-comparison tbody th{font-weight:500}
.brief-work-link{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;align-items:center}
.brief-project-image{display:block}
.brief-project-image img{width:100%;height:auto;transform:none}
.brief-project-image span{display:block;padding-top:16px;font-size:.9rem;text-decoration:underline;text-underline-offset:5px}
.brief-hero-secondary{position:relative;z-index:3;padding-bottom:20px;color:var(--ivory)}
.offer .button{margin-top:16px}
@media(max-width:800px){.brief-tiles,.brief-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.brief-work-link{grid-template-columns:1fr;gap:30px}
.brief-platforms>div{grid-template-columns:1fr 2fr}
}
@media(max-width:520px){.brief-tiles,.brief-service-grid{grid-template-columns:1fr}
.brief-tiles li{padding:18px 20px}
.brief-platforms>div{grid-template-columns:1fr;gap:8px}
.brief-actions .button{width:100%}
.brief-hero-secondary{padding-bottom:28px}
}
.native-page-host,main{width:100%}
.section{padding-block:clamp(64px,7vw,132px)}
main :is(h1,h2),.eco-heading h2,.digital-heading h2,.studio-heading h2,.content-title h1,.fabric-message h1{font-family:var(--serif);font-weight:500;letter-spacing:-.035em;line-height:1.08}
main :is(h1,h2) em,.fabric-message h1 em{font-family:var(--serif);font-style:italic;line-height:inherit}
main h2{font-size:clamp(2.5rem,4.2vw,5.4rem)}
main :is(button,input,select,textarea),.package summary,.work-selectors button,.eco-node{font-family:Poppins,Arial,sans-serif}
.eco-details h3,.architecture-copy h3,.studio-copy h3{font-family:var(--serif);font-size:clamp(1.8rem,2.5vw,2.8rem);line-height:1.15}
.section-head,.work-heading{grid-template-columns:minmax(160px,.65fr) minmax(0,2fr);gap:clamp(24px,5vw,100px)}
.section-head h2{max-width:22ch}
.section-head .lede{max-width:62ch}
.positioning{margin-left:27%;max-width:65ch}
.about-intro,.founder-grid,.philosophy-grid,.contact-layout{gap:clamp(32px,6vw,120px)}
.about-story p,.founder-copy p,.philosophy-grid p{max-width:60ch}
.founder-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.founder-grid>figure{max-width:680px;justify-self:center;width:100%}
.section.dark:not(.work-showcase){background:var(--soft);color:var(--ink)}
.section.dark:not(.work-showcase) :is(h2,h3,p,.statement){color:var(--ink)}
.section.dark:not(.work-showcase) :is(.eyebrow,.principles span){color:#634652}
.section.dark:not(.work-showcase) .principles span{border-color:#b7a5a9}
.section.dark:not(.work-showcase) .text-link{color:#634652}
.section.dark:not(.work-showcase) .image-note,.section.dark:not(.work-showcase) .portrait-help{color:#634652}
.brief-tiles{gap:0;border-top:1px solid #bbaaae}
.brief-tiles li{border:0;border-bottom:1px solid #bbaaae;border-radius:0;background:transparent;padding:24px 20px 24px 0}
.brief-service-grid{gap:40px 5vw}
.brief-service-grid article{padding-block:26px}
.approved-capabilities{gap:4vw}
.approved-capabilities h3,.brief-service-grid h3{font-size:1.25rem;line-height:1.45}
.package summary{padding-block:28px}
.package summary h3{font-size:clamp(1.25rem,2vw,1.8rem)}
.work-frames{padding-inline:0}
.work-showcase .signature-note{margin-left:0}
.work-teaser h2{font-family:var(--serif);font-size:clamp(2.3rem,3.5vw,4.3rem)}
.work-selectors button{font-size:.875rem}
.work-selector-name small{font-family:var(--ui);font-size:.75rem}
.closing{background:#cfadaf;padding-block:clamp(64px,6vw,112px)}
.closing h2{font-size:clamp(2.8rem,5vw,6rem)}
.closing-grid{grid-template-columns:minmax(160px,.65fr) minmax(0,2fr)}
.closing p{max-width:60ch;font-size:1rem}
.fabric-grid{height:auto;min-height:620px;padding-bottom:55px}
.fabric-message{width:64%;max-width:1000px;padding-top:42px}
.fabric-message h1{font-size:clamp(2.8rem,4.8vw,6.6rem);max-width:21ch}
.fabric-message .lede{max-width:55ch;font-size:1.05rem;line-height:1.75}
.fabric-message .button{background:var(--mauve);color:#fff;box-shadow:none}
.fabric-message .button:hover{background:#634652;color:#fff}
.cloth-installation{top:auto;bottom:10px;right:-2%;width:82%;height:auto;margin:0;aspect-ratio:1998/787}
.fabric-message>.eyebrow{font-size:.75rem}
.fabric-footer>.wrap{padding-inline:var(--gutter)}
@media(min-width:1800px){.fabric-grid{min-height:780px}
.cloth-installation{width:74%}
}
@media(max-width:1200px){.fabric-message{width:80%}
.fabric-grid{min-height:690px}
.cloth-installation{width:100%;right:0}
}
@media(max-width:800px){.section-head,.work-heading,.closing-grid{grid-template-columns:1fr;gap:20px}
.positioning{margin-left:0}
.founder-grid,.about-intro,.philosophy-grid,.contact-layout{grid-template-columns:1fr}
.fabric-message{width:100%;padding-top:28px}
.fabric-message h1{font-size:clamp(2.7rem,7vw,4.6rem)}
.fabric-grid{min-height:0;padding-bottom:0}
.cloth-installation{position:relative;right:auto;bottom:auto;top:auto;width:100%;margin:24px 0 60px;aspect-ratio:1998/787}
.fabric-message .lede{font-size:1rem}
.fabric-message .button{font-size:.875rem;min-height:52px}
.brief-service-grid{gap:24px}
.section-head .eyebrow{margin-bottom:0}
.closing h2{font-size:clamp(2.8rem,7vw,4rem)}
}
@media(max-width:520px){.fabric-message h1{font-size:2.8rem}
.fabric-top .eyebrow{font-size:.65rem}
.cloth-installation{margin-top:32px;margin-bottom:64px}
.fabric-footer>.wrap{gap:18px}
.brief-work-link{gap:24px}
.work-caption{flex-wrap:wrap}
.package summary{padding-block:22px}
}
.curated-media-intro{min-width:0}
.curated-media{margin:30px 0 0;max-width:560px;overflow:visible;background:transparent;border:0;box-shadow:none;padding:12px}
.curated-media img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;clip-path:none;border-radius:0}
.curated-media-head{align-items:center;overflow:visible}
.supplied-flow-hero,.supplied-flow-hero .fabric-footer{background:#000;color:#faf8f5}
.supplied-flow-hero .fabric-top{border-bottom:1px solid #ffffff24;padding-bottom:22px;color:#cfadaf}
.supplied-flow-hero .fabric-top .eyebrow,.supplied-flow-hero .fabric-message>.eyebrow{color:#cfadaf}
.supplied-flow-hero .fabric-grid{display:block;width:100%;max-width:none;min-height:0;height:auto;padding:0}
.supplied-flow-hero .fabric-message{display:block;position:relative;z-index:2;width:100%;max-width:none;padding:clamp(34px,5vw,70px) var(--gutter) 0;text-align:center}
.supplied-flow-hero .fabric-message>.eyebrow{font-size:9px;margin-bottom:12px}
.supplied-flow-hero .fabric-message h1{max-width:1100px;margin:16px auto 22px;color:#faf8f5;font-size:clamp(2.6rem,5vw,5.5rem);line-height:1.08}
.supplied-flow-hero .fabric-message h1 em{color:#cfadaf}
.supplied-flow-hero .fabric-message .lede{max-width:650px;margin:0 auto 24px;color:#e0d8db;font-size:clamp(.95rem,1.15vw,1.08rem)}
.supplied-flow-hero .fabric-message .button{background:#faf8f5;color:#141617}
.supplied-flow-hero .cloth-installation{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9;margin:-7vw 0 0;z-index:1;overflow:visible;background:#000;touch-action:pan-y}
.supplied-flow-hero .cloth-fallback{inset:0;width:100%;height:100%;object-fit:contain;transform:none;clip-path:none;background:#000}
.supplied-flow-hero .cloth-installation figcaption{left:var(--gutter);right:var(--gutter);bottom:16px;color:#cfadaf}
.supplied-flow-hero .cloth-playback,.supplied-flow-hero .cloth-pulse{position:absolute;z-index:4;bottom:48px;min-height:44px;color:#f3e7e7;background:#29262b;border:1px solid #7c5a66;padding:10px 14px;font:inherit;font-size:12px}
.supplied-flow-hero .cloth-playback{left:var(--gutter)}
.supplied-flow-hero .cloth-pulse{right:var(--gutter)}
.supplied-flow-hero :is(a,button):focus-visible{outline:3px solid #cfadaf;outline-offset:4px}
@media(max-width:1000px){.supplied-flow-hero .cloth-installation{margin:-3vw 0 0}
}
@media(max-width:800px){.curated-media{max-width:420px;margin:22px auto}
.curated-media img{max-height:300px}
.supplied-flow-hero .fabric-message{padding-top:30px}
.supplied-flow-hero .fabric-message h1{font-size:clamp(2.55rem,7vw,4rem)}
.supplied-flow-hero .cloth-installation{margin:8px 0 0;aspect-ratio:16/10}
.supplied-flow-hero .cloth-installation figcaption{bottom:12px;font-size:8px}
.supplied-flow-hero .cloth-playback,.supplied-flow-hero .cloth-pulse{font-size:10px;bottom:48px;min-height:44px;padding-inline:9px}
}