@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{color-scheme:dark;--bg:#101211;--panel:#191c1a;--text:#f1f3ed;--muted:#a5aba5;--line:#303530;--mint:#dfeccf;--font:'DM Sans',Arial,sans-serif;--heading:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font:400 1rem/1.6 var(--font);overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:500;line-height:1.15;letter-spacing:-.025em}button{color:inherit}img{display:block;max-width:100%}.wrap{width:min(1312px,calc(100% - 112px));margin-inline:auto}.eyebrow{font-size:.75rem;letter-spacing:.14em;font-weight:600;line-height:1.5}.skip{position:absolute;top:-60px;left:20px;z-index:20;padding:10px 18px;background:var(--mint);color:#121712}.skip:focus{top:15px}
.header{height:94px;padding:0 56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff13;position:relative;z-index:5;background:var(--bg)}.wordmark{font:800 2.2rem/.8 var(--heading);letter-spacing:-.065em;display:flex;align-items:flex-start;gap:8px}.wordmark-dot{font:400 .75rem/1 var(--font);letter-spacing:0}.header nav{display:flex;gap:37px;font-size:.875rem;color:#c9cfc7}.header nav a,.footer a{transition:color .2s}.header nav a:hover,.footer a:hover{color:white}.header-link{display:flex;align-items:center;gap:18px;font-size:.875rem}.plus{font-size:1.4rem;color:var(--mint)}.menu-toggle{display:none}
.hero{display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:clamp(620px,calc(100svh - 94px),800px);position:relative;overflow:hidden;background:#1b201f;isolation:isolate}.hero-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 56%;animation:hero-drift 24s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,16,15,.75),rgba(12,16,15,.32) 53%,rgba(12,16,15,.03)),linear-gradient(0deg,#101211 0,transparent 28%)}.hero-copy{position:relative;flex:1 0 auto;min-width:0;max-width:none;padding:clamp(96px,8vw,128px) 0 64px}.hero .eyebrow{display:flex;align-items:baseline;gap:13px;max-width:100%;color:#d4ddd0;margin-bottom:28px;line-height:1.7}.hero .eyebrow>span:last-child{min-width:0}.tiny-rule{display:inline-block;flex:0 0 23px;height:1px;background:#d4ddd0;transform:translateY(-4px)}h1{font-size:clamp(3.15rem,5.6vw,5.5rem);letter-spacing:-.035em;line-height:1.12;font-weight:500}.hero h1{width:100%;max-width:960px;min-width:0}.headline-line{display:block;color:var(--text);word-break:normal;overflow-wrap:normal;text-wrap:balance}.headline-line.hero-accent{color:var(--mint)}.hero-description{font-size:1.12rem;color:#d6dbd3;line-height:1.55;margin:30px 0 34px}.button{border-radius:5px;min-height:49px;display:inline-flex;align-items:center;justify-content:center;padding:13px 23px;font-size:.875rem;font-weight:600;border:1px solid transparent;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-light{background:var(--mint);color:#172115}.button-light:hover{background:#eef6e4}.hero-bottom{position:relative;inset:auto;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:30px;color:#c1c9bf;font-size:.8125rem;line-height:1.6}.hero-bottom a{display:flex;align-items:center;gap:20px;letter-spacing:.12em;font-size:.75rem}.scroll-line{height:32px;width:1px;background:linear-gradient(transparent,#d8e7cd)}
.introduction{padding-block:105px 110px;display:grid;grid-template-columns:minmax(140px,.6fr) minmax(0,2.4fr);gap:55px}.introduction>.eyebrow{padding-top:9px;color:var(--muted)}h2{font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.17}h2 span{color:var(--muted)}.introduction>div{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:45px}.introduction h2{font-size:clamp(2rem,2.5vw,2.65rem);line-height:1.22;letter-spacing:-.025em}.introduction p:not(.eyebrow){font-size:1rem;color:var(--muted);line-height:1.75;max-width:480px}.portfolio{padding-top:62px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:44px}.section-heading .eyebrow{color:var(--muted);margin-bottom:23px}.section-heading>p{color:var(--muted);font-size:1rem;line-height:1.6;padding-bottom:5px}.business-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.business-card{border:1px solid #ffffff12;background:#1a1e1b;border-radius:10px;padding:31px 36px 0;overflow:hidden;display:flex;flex-direction:column}.checkpoint{background:linear-gradient(145deg,#292923,#1b1e1a 55%);--brand:#dcc47d}.focus{background:linear-gradient(145deg,#24312c,#18211e 55%);--brand:#b9dcc3}.card-top,.studio-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;color:#bdc3b9}.category{font-size:.75rem;letter-spacing:.12em;line-height:1.4}.card-number{flex-shrink:0;font-size:.875rem;color:#969d93}.brand{margin:42px 0 32px;height:64px;display:flex;align-items:center;font-family:var(--heading);font-weight:650;font-size:2.3rem;letter-spacing:-.03em;color:#f0f2e9}.checkpoint-brand{gap:12px;font-size:clamp(1.7rem,4vw,2.3rem)}.check-symbol{color:var(--brand);font-size:2.6rem;line-height:1;font-family:Arial,sans-serif;font-weight:400}.focus-brand{font-size:3.35rem;letter-spacing:-.045em;font-weight:500;gap:0;line-height:1}.focus-o{font-size:4.2rem;line-height:1;position:relative;top:-1px;letter-spacing:-.06em}.brand-period{color:var(--brand);margin-left:2px}.product-preview{border:1px solid #c0b38a27;border-radius:9px;padding:25px 24px;background:linear-gradient(125deg,#ffffff06,transparent);margin:0 0 31px;min-height:267px}.preview-label{font-size:.75rem;letter-spacing:.07em;color:#cbbf9b;margin-bottom:16px}.flow-row{display:flex;align-items:center;gap:13px;padding:10px 0}.flow-check{width:27px;height:27px;border:1px solid #baa87356;border-radius:50%;display:grid;place-items:center;color:#d6c080;font-size:.875rem;flex-shrink:0}.flow-row strong{display:block;font-size:.875rem;line-height:1.4;font-weight:500}.flow-row div>span{font-size:.8125rem;color:#9ca296}.flow-index{margin-left:auto;color:#6e756a;font-size:.75rem}.focus-preview{min-height:267px;border:1px solid #adc7b42a;border-radius:9px;padding:22px 25px;background:linear-gradient(115deg,#46615240,#21372b08);margin-bottom:31px;position:relative}.focus-preview-head{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;color:#bdcebf}.focus-ring{width:19px;height:19px;border:1.4px solid #b9dac2;border-radius:50%}.focus-preview>p{font-family:var(--heading);font-size:clamp(2rem,2.75vw,2.65rem);letter-spacing:-.03em;line-height:1.2;margin-top:24px;color:#f0f4e9}.focus-preview>p>span{color:#aec9b6}.focus-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.focus-tags span{font-size:.75rem;border:1px solid #bacbbb2e;border-radius:20px;padding:4px 11px;color:#d0ddce}.card-description h3{font-size:2rem;margin-bottom:17px;line-height:1.15}.card-description p{color:#aeb6aa;max-width:440px;line-height:1.65}.brand-family{margin-top:32px;margin-bottom:28px}.brand-family>span{font-size:.75rem;letter-spacing:.12em;color:#969f90}.brand-family>div{display:flex;gap:32px;margin-top:10px}.brand-family button{padding:0;background:none;border:0;text-align:left;font-size:1.125rem;font-weight:500}.brand-family button:hover{color:#dfc67c}.brand-family small{font-size:.75rem;font-weight:400;color:#a3ad9d;display:block;margin-top:1px}.text-button{padding:19px 0;display:flex;justify-content:space-between;align-items:center;border:0;border-top:1px solid #a1af962b;background:none;font-size:.875rem;text-align:left;width:100%;margin-top:auto;min-height:65px}.text-button span{font-size:1.5rem;line-height:1;color:var(--brand,var(--mint));transition:transform .2s}.text-button:hover span{transform:rotate(90deg)}.text-button:hover{color:var(--mint)}.focus-context{display:flex;gap:7px;flex-wrap:wrap;align-content:center;min-height:116px;margin-top:25px;color:#a3b7a6;font-size:.75rem;letter-spacing:.06em}.focus-context span{padding:6px 10px;border:1px solid #91b89c28;border-radius:3px}.studio-card{grid-column:1/-1;position:relative;min-height:600px;overflow:hidden;border-radius:10px;border:1px solid #ffffff17;isolation:isolate;margin-top:0}.studio-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;z-index:-2;transition:transform 1.3s}.studio-card:hover>img{transform:scale(1.025)}.studio-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08120de8,#0a190ea0 37%,#0a170d15 75%),linear-gradient(0deg,#09150fec,transparent 40%)}.studio-top{padding:31px 36px}.studio-content{padding:37px 50px 100px}.studio-brand{font-family:var(--heading);font-size:1.25rem;letter-spacing:-.07em;font-weight:800;display:flex;align-items:center;gap:15px;margin-bottom:26px}.studio-brand>span{font-family:var(--font);font-size:.75rem;letter-spacing:.18em;font-weight:400;border-left:1px solid #ffffff60;padding-left:15px}.studio-content h3{font-size:clamp(2.25rem,3.65vw,3.4rem);line-height:1.13;margin-bottom:20px}.studio-content>p:not(.studio-brand){max-width:345px;color:#c4cfc1;margin-bottom:28px}.button-glass{background:#edf6e00f;border-color:#cad8bd55;color:#e9f0df;backdrop-filter:blur(8px)}.button-glass:hover{background:#edf6e027}.studio-caption{position:absolute;bottom:26px;left:36px;right:36px;display:flex;align-items:center;justify-content:space-between;font-size:.75rem;letter-spacing:.08em;color:#d1dbc8}.studio-caption small{font-size:.75rem;letter-spacing:0;margin-left:13px;color:#b9c6b1}.studio-caption>span:last-child{font-size:.75rem;letter-spacing:0;color:#b3c3a8}
.approach{padding-block:113px 112px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:47px;margin-top:65px}.principles article{border-top:1px solid var(--line);padding-top:25px}.principle-number{font-size:.8125rem;color:#818d7c;display:block;margin-bottom:36px}.principles h3{font-size:1.45rem;margin-bottom:17px;letter-spacing:-.035em}.principles p{color:var(--muted);line-height:1.75;font-size:.9375rem}.horizon{background:#1a201b;padding-block:75px 60px}.horizon .section-heading{margin-bottom:50px}.horizon h2{font-size:2.7rem}.initiative{display:grid;grid-template-columns:1.1fr 1.25fr 1fr;align-items:center;gap:44px;padding:35px 0;border-top:1px solid #a9bd9a29}.initiative-title{display:flex;align-items:center;gap:20px}.initiative-number{font-family:var(--heading);font-size:.75rem;border:1px solid #aabd9b38;border-radius:5px;width:28px;height:28px;display:grid;place-items:center;color:#c1d0b6;flex-shrink:0}.initiative h3{font-size:1.5rem;letter-spacing:-.035em}.initiative>p{color:#abb9a5;font-size:.9375rem;line-height:1.65;max-width:435px}.initiative-end{display:flex;align-items:center;justify-content:flex-end;gap:24px}.status-label{font-size:.75rem;letter-spacing:.075em;color:#b4c3ab;text-align:right}.circle-button{background:none;border:1px solid #aabc9a40;border-radius:50%;width:42px;height:42px;flex-shrink:0;font-size:1.45rem;font-weight:400;display:grid;place-items:center;transition:background .2s,color .2s}.circle-button:hover{background:var(--mint);color:#142015}.company{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;padding-block:110px 125px}.company h2{margin-top:29px}.company .eyebrow{color:var(--muted)}.company-copy{padding-top:49px;color:var(--muted)}.company-copy>p{margin-bottom:20px;line-height:1.8}.company-copy .text-button{margin-top:32px;color:var(--text);max-width:295px}.footer{border-top:1px solid var(--line);background:#0b0e0c;padding-top:59px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:51px}.footer-brand{font:800 clamp(4rem,11vw,10rem)/.9 var(--heading);letter-spacing:-.065em;margin-left:-.065em;color:#dfebd3}.footer-top p{font-size:1.125rem;line-height:1.4;color:#adb6a7;letter-spacing:-.02em}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #252c24;padding-block:29px;font-size:.75rem;color:#87927f}.footer-bottom nav{display:flex;gap:27px;font-size:.8125rem;color:#b1bbaa}.footer-bottom>span:last-child{font-size:.75rem;letter-spacing:.12em}
dialog{padding:0;border:1px solid #68715e68;border-radius:12px;background:#1b211b;color:var(--text);width:min(680px,calc(100% - 32px));max-height:85svh;box-shadow:0 40px 150px #0009}dialog::backdrop{background:#030704ba;backdrop-filter:blur(10px)}.dialog-close{position:sticky;top:16px;float:right;margin:16px 16px 0 0;background:#303a2e;border:1px solid #cad7b51a;width:39px;height:39px;border-radius:50%;font-size:1.75rem;display:grid;place-items:center;line-height:1;z-index:2}.dialog-content{padding:57px 49px 44px}.dialog-content>.eyebrow{color:#c0d2b4;margin-bottom:22px}.dialog-parent{color:#899881;font-size:.8125rem;margin-bottom:10px}.dialog-content h2{font-size:3rem;letter-spacing:-.045em;line-height:1.12}.dialog-lead{font-size:1.15rem;color:#c2cebb;margin-top:25px;line-height:1.65}.dialog-points{margin-top:31px;border-top:1px solid #8192743b}.dialog-point{padding:17px 0;border-bottom:1px solid #8192743b}.dialog-point h3{font-size:1.125rem;letter-spacing:-.02em;margin-bottom:8px}.dialog-point p{font-size:.9375rem;color:#a8b69f;line-height:1.65}.dialog-note{font-size:.875rem;color:#a7b69e;margin-top:24px}.dialog-content .button{margin-top:25px}.dialog-related{display:flex;gap:12px;flex-wrap:wrap}.dialog-related button{background:none;border:1px solid #8fa7805c;border-radius:5px;padding:9px 16px;font-size:.875rem;margin-top:22px}.dialog-related button:hover{background:#33442d}
@keyframes hero-drift{from{transform:scale(1)}to{transform:scale(1.04)}}
@media(min-width:1500px){.header{padding-inline:max(56px,calc((100vw - 1312px)/2))}}
@media(max-width:1150px){.wrap{width:calc(100% - 72px)}.header{padding-inline:36px}.introduction{grid-template-columns:1fr 2.5fr;gap:25px}.introduction>div{display:block}.introduction h2{margin-bottom:25px}.business-card{padding-inline:27px}.principles{gap:28px}.initiative{grid-template-columns:1fr 1.2fr;gap:15px 35px}.initiative-end{grid-column:2;justify-content:space-between}.company{gap:55px}.footer-bottom>span:last-child{display:none}.focus-context{min-height:133px}}
@media(max-width:780px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.header{height:78px;padding-inline:22px}.wordmark{font-size:1.95rem}.header-link{display:none}.menu-toggle{display:flex;background:none;border:0;width:40px;height:40px;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-toggle span{display:block;width:22px;height:1px;background:var(--mint);transition:transform .2s}.header nav{display:none;position:absolute;top:78px;left:0;right:0;background:#151a15;border-bottom:1px solid #525e474d;padding:22px 26px;font-size:1rem;gap:0;flex-direction:column}.header nav a{padding:12px 0}.header nav.open{display:flex}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{height:auto;min-height:clamp(600px,calc(100svh - 78px),760px);max-height:none}.hero-copy{padding:100px 0 56px}.hero-art{object-position:60% center}.hero-shade{background:linear-gradient(90deg,#101813bb,#0c161c38),linear-gradient(0deg,#101211,transparent 45%)}.hero .eyebrow{font-size:.75rem;margin-bottom:30px;gap:10px}.tiny-rule{flex-basis:16px}h1{font-size:clamp(2.45rem,7.5vw,3.7rem);letter-spacing:-.03em;line-height:1.14}.hero-description{font-size:1rem;margin-top:26px;margin-bottom:28px}.hero-bottom{inset:auto;padding-bottom:25px;font-size:.75rem;align-items:flex-end}.hero-bottom a{font-size:.75rem;gap:10px;flex-shrink:0}.hero-bottom>span{max-width:65%;min-width:0}.introduction{padding-block:66px 70px;display:block}.introduction>.eyebrow{margin-bottom:27px;font-size:.75rem}.introduction>div{display:block}.introduction h2{font-size:2.15rem;margin-bottom:25px}.introduction p:not(.eyebrow){font-size:1rem}.portfolio{padding-top:47px}.section-heading{display:block;margin-bottom:31px}.section-heading .eyebrow{margin-bottom:22px;font-size:.75rem}h2{font-size:2.2rem}.section-heading>p{margin-top:23px;font-size:.9375rem}.section-heading>p br{display:none}.business-grid{grid-template-columns:1fr;gap:20px}.business-card{padding:25px 25px 0}.card-top .category{font-size:.75rem;letter-spacing:.1em}.brand{margin-top:31px;margin-bottom:25px;font-size:2.3rem}.focus-brand{font-size:3.35rem}.product-preview,.focus-preview{margin-bottom:27px}.card-description h3{font-size:2rem}.focus-context{min-height:90px;margin-top:20px}.brand-family{margin-top:25px;margin-bottom:23px}.studio-card{min-height:610px}.studio-card>img{object-position:61% center}.studio-top{padding:25px}.studio-top .category{font-size:.75rem}.studio-shade{background:linear-gradient(90deg,#09150cdb,#0a190e40),linear-gradient(0deg,#09150fff,transparent 60%)}.studio-content{padding:44px 25px 120px}.studio-content h3{font-size:2.45rem}.studio-content>p:not(.studio-brand){max-width:290px}.studio-caption{left:25px;right:25px;bottom:23px;display:block;font-size:.75rem}.studio-caption>span{display:block}.studio-caption>span:last-child{margin-top:11px;font-size:.75rem}.studio-caption small{font-size:.75rem}.approach{padding-block:70px}.principles{grid-template-columns:1fr;gap:31px;margin-top:37px}.principles article{padding-top:22px}.principle-number{margin-bottom:20px}.principles h3{font-size:1.45rem}.principles p{max-width:520px}.horizon{padding-block:57px 35px}.horizon h2{font-size:2.15rem}.horizon .section-heading{margin-bottom:33px}.initiative{display:block;padding-block:27px}.initiative-title{gap:15px}.initiative h3{font-size:1.5rem}.initiative>p{margin-block:20px 23px}.initiative-end{justify-content:space-between}.status-label{text-align:left}.company{display:block;padding-block:66px 65px}.company .eyebrow{font-size:.75rem}.company h2{margin-top:24px}.company-copy{padding-top:26px}.company-copy .text-button{margin-top:25px}.footer{padding-top:43px}.footer-top{padding-bottom:34px}.footer-brand{font-size:5.6rem}.footer-top p{font-size:.875rem}.footer-bottom{flex-direction:column;align-items:flex-start;gap:16px;padding-block:23px}.footer-bottom nav{gap:26px}.dialog-content{padding:58px 27px 30px}.dialog-content h2{font-size:2.4rem}.dialog-lead{font-size:1.05rem}.dialog-content .eyebrow{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Let text columns shrink without squeezing or overlapping their siblings. */
.section-heading>*,.introduction>*,.introduction>div>*,.business-card,.company>*,.initiative>*{min-width:0}
.hero .button{max-width:100%;text-align:center}
h2,h3{text-wrap:balance}