@font-face{font-family:Inter;src:url('/fonts/Inter-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('/fonts/Inter-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Fraunces;src:url('/fonts/Fraunces-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Fraunces;src:url('/fonts/Fraunces-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}

:root{
  --ink:#141312;
  --ink-soft:#272522;
  --paper:#f4f1eb;
  --paper-2:#ebe7df;
  --white:#fffdf8;
  --line:rgba(20,19,18,.16);
  --muted:#68645e;
  --sideof:#17685f;
  --sideof-accent:#d65f4d;
  --gold:#d1a85c;
  --gold-light:#f1dca9;
  --display:Fraunces,Georgia,serif;
  --sans:Inter,Arial,sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper);overflow-x:clip}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:3px solid var(--sideof);outline-offset:4px}
.product-material :focus-visible,.company-system :focus-visible,.roadmap-sideof :focus-visible,footer :focus-visible{outline-color:var(--gold-light)}
.skip-link{position:fixed;z-index:100;left:1rem;top:-5rem;padding:.8rem 1rem;background:var(--ink);color:white;text-decoration:none}
.skip-link:focus{top:1rem}

.wrap{width:min(1120px,calc(100% - 40px));margin:0 auto}
.section{min-height:100vh;padding:clamp(72px,10vw,150px) 0;background:var(--paper)}
.legal{max-width:800px}
.eyebrow{margin:0 0 22px;color:var(--sideof);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.legal h1,.section .wrap>h1{max-width:900px;margin:0 0 46px;font:500 clamp(56px,8vw,108px)/.92 var(--display);letter-spacing:-.055em}
.legal h2{margin:48px 0 14px;font:500 clamp(27px,3vw,38px)/1.08 var(--display);letter-spacing:-.03em}
.legal p{max-width:720px;margin:0 0 20px;color:var(--ink-soft);font-size:17px;line-height:1.72}
.legal a,.section .wrap>a{text-decoration-thickness:1px;text-underline-offset:5px}
.legal p:last-child{margin-top:48px}
.section .wrap>h1+a{display:inline-block;margin-top:48px}

.site-header{height:84px;padding:0 clamp(20px,4vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(244,241,235,.92);backdrop-filter:blur(18px);position:relative;z-index:20}
.brand,.footer-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}
.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-family:var(--display);font-size:13px;letter-spacing:-.04em}
.brand-name{font-size:14px;letter-spacing:-.02em}.brand-name b{font-weight:600}
.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}
.site-header nav a{text-decoration:none}
.site-header nav a:not(.header-cta){padding:12px 0;border-bottom:1px solid transparent}
.site-header nav a:not(.header-cta):hover{border-color:currentColor}
.header-cta,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--ink);color:white;text-decoration:none;padding:13px 18px;border:1px solid var(--ink);transition:background .2s,color .2s}
.header-cta:hover,.primary-button:hover{background:transparent;color:var(--ink)}

.hero{padding:clamp(80px,9vw,150px) clamp(20px,4vw,72px) clamp(70px,8vw,128px);border-bottom:1px solid var(--line)}
.hero-copy{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:6vw;align-items:end;max-width:1540px;margin:0 auto 90px}
.kicker,.section-label{margin:0 0 26px;text-transform:uppercase;letter-spacing:.18em;font-size:11px;line-height:1.4;font-weight:600}
.hero-copy .kicker{grid-column:1/-1;margin-bottom:-4px}
.hero h1{margin:0;font-family:var(--display);font-size:clamp(64px,8.4vw,144px);font-weight:500;letter-spacing:-.065em;line-height:.89;text-wrap:balance;word-break:normal;overflow-wrap:normal}
.hero h1 em{font-style:normal;color:var(--sideof-accent)}
.hero-dek{margin:0 0 38px;max-width:510px;color:var(--ink-soft);font-size:clamp(18px,1.45vw,24px);line-height:1.45;letter-spacing:-.02em}
.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.primary-button{font-size:13px;padding:16px 22px}
.text-link{font-size:13px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:3px}

.hero-stage{max-width:1540px;margin:0 auto;padding:50px;position:relative;background:#dcded8;overflow:hidden;display:grid;grid-template-columns:1.06fr .94fr;gap:24px;align-items:end}
.hero-stage:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-160px;top:-230px;background:#efcfc6;opacity:.72}
.stage-topline{grid-column:1/-1;position:relative;z-index:2;display:flex;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid rgba(20,19,18,.2);font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:600}
.stage-card{position:relative;z-index:3;margin:0;background:var(--white);box-shadow:0 28px 70px rgba(28,27,24,.18);overflow:hidden}
.stage-card img{width:100%;aspect-ratio:1/1;object-fit:cover}
.stage-card-sideof{z-index:3}
.stage-card-material{z-index:4;background:#090909;transform:translateY(-44px)}
.window-bar{height:38px;background:#f7f5f0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 12px;color:#77716a;font-size:9px;text-transform:uppercase;letter-spacing:.12em}
.window-bar.dark{background:#171717;color:#a39a89;border-color:#32302c}
.window-bar i{width:7px;height:7px;border:1px solid currentColor;border-radius:50%;opacity:.7}
.window-bar span{margin-left:8px}
.stage-card figcaption{height:54px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 16px;background:var(--white);font-size:11px}
.stage-card-material figcaption{background:#171717;color:white}.stage-card figcaption span{color:#716c65}

.company-bar{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.company-bar>div{padding:30px clamp(20px,4vw,72px);display:grid;grid-template-columns:32px 1fr;gap:0 12px;border-right:1px solid var(--line)}
.company-bar>div:last-child{border-right:0}.company-bar span{grid-row:1/3;color:var(--muted);font-size:10px;letter-spacing:.12em}.company-bar strong{font:500 21px var(--display)}.company-bar small{color:var(--muted);font-size:11px}

.thesis{max-width:1540px;margin:0 auto;padding:clamp(100px,11vw,190px) clamp(20px,4vw,72px);display:grid;grid-template-columns:26% 74%;gap:5vw}
.thesis-copy h2,.operating-standard>h2,.contact h2{margin:0;font-family:var(--display);font-weight:500;letter-spacing:-.055em;line-height:.98;text-wrap:balance}
.thesis-copy h2{max-width:1100px;font-size:clamp(54px,7.4vw,116px)}
.thesis-copy>p{max-width:760px;margin:52px 0 0 auto;font-size:clamp(18px,1.6vw,25px);line-height:1.55;color:var(--muted);letter-spacing:-.018em}

.portfolio{border-top:1px solid var(--line)}
.product{padding:clamp(90px,10vw,170px) clamp(20px,4vw,72px)}
.product-header{max-width:1540px;margin:0 auto 76px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:7vw;align-items:end}
.product-header h2{margin:0;font:500 clamp(74px,10vw,158px)/.86 var(--display);letter-spacing:-.065em;white-space:nowrap}
.product-summary p{margin:0 0 34px;max-width:570px;font-size:clamp(18px,1.55vw,24px);line-height:1.5;letter-spacing:-.018em}
.product-link{display:inline-flex;align-items:center;gap:24px;padding-bottom:7px;text-decoration:none;border-bottom:1px solid currentColor;font-size:13px;font-weight:600}
.sideof-link{color:var(--sideof)}

.product-sideof{background:#f7f4ee}
.sideof-showcase{max-width:1540px;height:980px;margin:0 auto;position:relative;background:#dce2dd;overflow:hidden}
.sideof-showcase:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:#eedcd5;right:-210px;bottom:-230px}
.sideof-showcase figure{margin:0;position:absolute;overflow:hidden;background:var(--white);box-shadow:0 32px 80px rgba(37,42,39,.17);z-index:2}
.sideof-showcase figure img{width:100%;height:calc(100% - 45px);object-fit:cover;object-position:top left}
.sideof-showcase .sideof-lifestyle{width:58%;height:760px;left:3%;top:70px;background:#171715;z-index:1}
.sideof-showcase .sideof-lifestyle img{height:100%;object-position:center}
.sideof-lifestyle figcaption{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;display:flex;justify-content:space-between;gap:18px;background:linear-gradient(transparent,rgba(12,12,11,.76));color:white;font-size:10px;text-transform:uppercase;letter-spacing:.13em}
.sideof-lifestyle figcaption strong{font-weight:600}
.product-window-bar{height:45px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}
.sideof-wordmark{font:600 18px var(--display);color:var(--ink);text-transform:none;letter-spacing:-.04em}
.sideof-wide{width:53%;height:430px;right:3%;top:70px}
.sideof-phone{width:240px;height:510px;right:5%;top:450px;border:10px solid #191817;border-radius:38px}
.sideof-phone img{height:100%!important;object-position:top center!important}.phone-speaker{position:absolute;width:64px;height:17px;background:#191817;top:0;left:50%;transform:translateX(-50%);border-radius:0 0 12px 12px;z-index:3}
.sideof-plan{width:43%;height:310px;left:31%;bottom:8px}.sideof-plan img{object-position:top center!important}
.product-points{max-width:1540px;margin:72px auto 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.product-points>div{padding:32px 40px 0 0;border-right:1px solid var(--line)}.product-points>div+div{padding-left:40px}.product-points>div:last-child{border-right:0}
.product-points span,.standard-grid span{font-size:10px;color:var(--sideof-accent);letter-spacing:.14em}.product-points h3,.standard-grid h3{margin:28px 0 12px;font:500 28px var(--display);letter-spacing:-.025em}.product-points p,.standard-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}

.product-material{background:#11100f;color:white}
.product-header.inverse .section-label{color:var(--gold)}
.product-material h2{font-size:clamp(64px,9vw,148px)}
.product-material h2 span{color:var(--gold)}
.product-header.inverse .product-summary p{color:#bdb8ae}.material-link{color:var(--gold-light)}
.material-in-use{max-width:1540px;margin:0 auto 58px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.material-in-use figure{margin:0;background:#080808;border:1px solid #393630;overflow:hidden}
.material-in-use img{width:100%;aspect-ratio:1/1;object-fit:cover}
.material-in-use figcaption{height:58px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#ddd7cc;font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.material-in-use figcaption span{color:var(--gold)}.material-in-use figcaption strong{font-weight:600}
.pro-studio{max-width:1540px;margin:0 auto;background:#080808;border:1px solid #393630;box-shadow:0 40px 100px rgba(0,0,0,.46);overflow:hidden}
.pro-studio-labels{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #34322e;color:#a8a195;font-size:10px;text-transform:uppercase;letter-spacing:.15em}.pro-studio-labels span:first-child{color:var(--gold-light)}
.pro-studio img{width:100%;aspect-ratio:1.49/1;object-fit:cover;object-position:top left}
.pro-studio figcaption{display:flex;justify-content:space-between;gap:30px;padding:22px;background:#1a1917;border-top:1px solid #34322e;font-size:13px}.pro-studio figcaption span{color:#aaa49a}
.studio-grid{max-width:1540px;margin:58px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.studio-grid figure{margin:0;background:#080808;border:1px solid #34322e;overflow:hidden}
.studio-grid figcaption{height:58px;padding:0 16px;display:flex;align-items:center;gap:14px;color:#ddd7cc;font-size:12px}.studio-grid figcaption span{color:var(--gold);font-size:9px}.studio-grid img{width:100%;height:320px;object-fit:cover;object-position:top left;transition:transform .4s ease}.studio-grid figure:hover img{transform:scale(1.015)}

.operating-standard{padding:clamp(100px,11vw,180px) clamp(20px,4vw,72px);background:var(--paper-2)}
.operating-standard>*{max-width:1540px;margin-left:auto;margin-right:auto}
.operating-standard>h2{font-size:clamp(58px,8vw,124px);max-width:1320px;margin:0 auto 90px}
.standard-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.standard-grid>div{padding:34px 42px 0 0;border-right:1px solid var(--line)}.standard-grid>div+div{padding-left:42px}.standard-grid>div:last-child{border-right:0}

.company-profile{padding:clamp(90px,10vw,160px) clamp(20px,4vw,72px);background:var(--white);display:grid;grid-template-columns:minmax(300px,.8fr) minmax(480px,1.2fr);gap:8vw;border-top:1px solid var(--line)}
.company-profile>div,.company-profile dl{width:100%;max-width:730px;margin:0}.company-profile>div{margin-left:auto}.company-profile dl{margin-right:auto;border-top:1px solid var(--line)}
.company-profile h2{margin:0;font:500 clamp(48px,5.6vw,86px)/.98 var(--display);letter-spacing:-.05em;text-wrap:balance}
.company-profile dl>div{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}
.company-profile dt{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.company-profile dd{margin:0;font-size:15px;font-weight:600}.company-profile dd a{text-underline-offset:4px;overflow-wrap:anywhere}

.contact{padding:clamp(100px,11vw,180px) clamp(20px,4vw,72px);background:#d8bb76}
.contact h2{font-size:clamp(72px,10vw,158px);max-width:1540px;margin:0 auto 70px}
.contact>.section-label,.contact>a{display:block;max-width:1540px;margin-left:auto;margin-right:auto}
.contact>a{font:500 clamp(20px,2.3vw,36px) var(--display);letter-spacing:-.025em;text-underline-offset:8px;overflow-wrap:anywhere}

footer{padding:54px clamp(20px,4vw,72px);background:var(--ink);color:white;display:grid;grid-template-columns:1.4fr 1fr auto;align-items:center;gap:28px;font-size:11px}
.footer-brand{font-weight:600}.footer-brand .brand-mark{width:34px;height:34px}
footer p{margin:0;color:#aaa49a}footer nav{display:flex;gap:22px}footer nav a{text-underline-offset:4px}footer p:last-child{grid-column:1/-1;padding-top:34px;border-top:1px solid #393632}

@media (max-width:1050px){
  .hero-copy{grid-template-columns:1fr}.hero-copy .kicker{grid-column:auto}.hero-dek{margin-top:0}.hero h1{font-size:clamp(64px,10.5vw,108px)}
  .hero-stage{padding:36px;gap:16px}.stage-card-material{transform:translateY(-28px)}
  .thesis{grid-template-columns:1fr}.thesis-copy>p{margin-left:0}
  .product-header{grid-template-columns:1fr}.product-summary{max-width:650px}
  .sideof-showcase{height:880px}.sideof-showcase .sideof-lifestyle{width:64%;height:650px;left:3%;top:54px}.sideof-wide{width:62%;height:390px;right:2%;top:54px}.sideof-phone{right:4%;top:390px}.sideof-plan{width:54%;height:280px;left:17%}
  .studio-grid img{height:240px}
  footer{grid-template-columns:1fr auto}footer>p:nth-child(2){grid-column:1/-1;order:3}footer p:last-child{order:4}
}

@media (max-width:760px){
  .site-header{height:auto;min-height:72px;padding-top:12px;padding-bottom:10px;align-items:center;flex-wrap:wrap;gap:8px 16px}.brand-name{font-size:12px}.brand-mark{width:34px;height:34px}.site-header nav{width:100%;order:2;justify-content:flex-start;gap:12px;overflow-x:auto;padding:2px 0 5px;scrollbar-width:thin}.site-header nav>a{display:inline-flex;flex:0 0 auto}.header-cta{gap:9px;padding:9px 12px}
  .hero{padding-top:74px}.hero-copy{margin-bottom:58px;gap:30px}.hero-copy .kicker{margin-bottom:0}.hero h1{font-size:clamp(52px,15vw,72px);line-height:.94;letter-spacing:-.055em}.hero-dek{font-size:18px}.hero-actions{align-items:flex-start;flex-direction:column}
  .hero-stage{display:block;padding:24px}.stage-topline{margin-bottom:18px}.stage-topline span:last-child{display:none}.stage-card+.stage-card{margin-top:16px}.stage-card-material{transform:none}.stage-card figcaption{height:42px}.stage-card figcaption span{display:none}
  .company-bar{grid-template-columns:1fr}.company-bar>div{border-right:0;border-bottom:1px solid var(--line)}
  .thesis{padding-top:100px;padding-bottom:100px}.thesis-copy h2{font-size:clamp(48px,13vw,68px)}.thesis-copy>p{margin-top:34px;font-size:18px}
  .product{padding-top:100px;padding-bottom:100px}.product-header{margin-bottom:52px;gap:36px}.product-header h2{font-size:clamp(58px,18vw,88px);white-space:normal;text-wrap:balance;overflow-wrap:normal;word-break:normal}.product-material h2{font-size:clamp(46px,14.5vw,68px);white-space:nowrap}.product-summary p{font-size:18px}
  .sideof-showcase{height:870px}.sideof-showcase .sideof-lifestyle{width:92%;height:390px;left:4%;top:24px}.sideof-wide{width:92%;height:285px;left:4%;right:auto;top:400px}.sideof-phone{width:150px;height:320px;right:5%;top:535px;border-width:7px;border-radius:28px}.phone-speaker{width:48px;height:13px}.sideof-plan{display:none}.product-window-bar{height:36px;padding:0 12px}.sideof-showcase figure img{height:calc(100% - 36px)}
  .product-points,.standard-grid{grid-template-columns:1fr}.product-points>div,.product-points>div+div,.standard-grid>div,.standard-grid>div+div{padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}
  .pro-studio-labels{height:46px;padding:0 12px}.pro-studio-labels span:last-child{display:none}.pro-studio img{aspect-ratio:1/1.02}.pro-studio figcaption{display:block}.pro-studio figcaption span{display:block;margin-top:6px;line-height:1.5}
  .material-in-use{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.material-in-use figcaption{height:52px;padding:0 14px}
  .studio-grid{grid-template-columns:1fr;gap:20px;margin-top:30px}.studio-grid img{height:auto;aspect-ratio:1.5/1;object-position:top left}
  .operating-standard>h2{font-size:clamp(50px,13vw,74px);margin-bottom:56px}
  .company-profile{grid-template-columns:1fr;gap:56px}.company-profile>div,.company-profile dl{margin:0;max-width:none}.company-profile h2{font-size:clamp(48px,13vw,68px)}.company-profile dl>div{grid-template-columns:1fr;gap:7px}
  .contact h2{font-size:clamp(48px,13vw,64px)}
  footer{grid-template-columns:1fr;align-items:start}footer nav{margin:12px 0}footer>p:nth-child(2),footer p:last-child{grid-column:auto}
}

@media (max-width:420px){
  .hero h1{font-size:51px}
  .sideof-showcase{height:840px}.sideof-showcase .sideof-lifestyle{height:360px}.sideof-wide{height:270px;top:370px}.sideof-phone{width:142px;height:303px;top:520px}
  .product-material h2{font-size:44px}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.studio-grid img{transition:none}}

/* Company thesis and public roadmap */
.hero-copy{margin-bottom:72px}
.portfolio-board{max-width:1540px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--ink);background:var(--white);box-shadow:0 34px 90px rgba(31,28,23,.08)}
.portfolio-board-head{grid-column:1/-1;height:52px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.portfolio-tile{min-height:330px;padding:26px 30px 28px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);transition:transform .35s ease,box-shadow .35s ease;isolation:isolate}
.portfolio-tile:nth-of-type(2n){border-right:0}
.portfolio-tile:nth-last-child(-n+2){border-bottom:0}
.portfolio-tile:hover{z-index:3;transform:translateY(-5px);box-shadow:0 24px 60px rgba(20,19,18,.16)}
.portfolio-number{font-size:10px;letter-spacing:.15em;opacity:.66}
.portfolio-tile p{margin:0 0 13px;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.portfolio-tile h2{margin:0;font:500 clamp(40px,4vw,67px)/.92 var(--display);letter-spacing:-.055em}
.portfolio-tile small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.portfolio-tile-studio{background:#171614;color:#fffdf8}
.portfolio-tile-studio:after{content:"";position:absolute;z-index:-1;width:310px;height:310px;border-radius:50%;right:-108px;bottom:-158px;background:var(--gold);opacity:.35}
.portfolio-tile-sideof{background:#dbe5df;color:#123d38}
.portfolio-tile-sideof:after{content:"";position:absolute;z-index:-1;width:260px;height:260px;border-radius:50%;right:-104px;top:-128px;background:#efb6a9;opacity:.75}
.portfolio-tile-fashion{background:#efe4d7;color:#33241d}
.portfolio-tile-fashion:after{content:"";position:absolute;z-index:-1;width:210px;height:310px;right:12%;top:-120px;border:1px solid rgba(51,36,29,.28);border-radius:50%}
.portfolio-tile-builder{background:#d4b36b;color:#1b1710}
.portfolio-tile-builder:after{content:"";position:absolute;z-index:-1;inset:28px;border:1px solid rgba(27,23,16,.25)}
.company-bar{grid-template-columns:repeat(4,1fr)}

.company-system{padding:clamp(100px,10vw,170px) clamp(20px,4vw,72px);background:#171614;color:var(--white);display:grid;grid-template-columns:minmax(320px,.85fr) minmax(520px,1.15fr);gap:8vw}
.system-heading,.system-grid{width:100%;max-width:740px}
.system-heading{margin-left:auto}
.system-heading .section-label{color:var(--gold)}
.system-heading h2{margin:0;font:500 clamp(64px,7.5vw,118px)/.9 var(--display);letter-spacing:-.06em}
.system-grid{margin-right:auto;border-top:1px solid rgba(255,255,255,.24)}
.system-grid article{display:grid;grid-template-columns:44px minmax(120px,.65fr) minmax(220px,1fr);gap:24px;align-items:start;padding:30px 0;border-bottom:1px solid rgba(255,255,255,.24)}
.system-grid span{padding-top:7px;color:var(--gold);font-size:10px;letter-spacing:.16em}
.system-grid h3{margin:0;font:500 33px var(--display);letter-spacing:-.03em}
.system-grid p{margin:3px 0 0;color:#bdb7ad;font-size:14px;line-height:1.68}

.product-material h2 b{font-size:.53em;font-weight:500;letter-spacing:-.03em;color:var(--white)}
.coming-next{padding:clamp(100px,10vw,170px) clamp(20px,4vw,72px);background:#f5f1e9;color:var(--ink)}
.coming-heading{max-width:1540px;margin:0 auto 74px;display:grid;grid-template-columns:26% 74%;gap:5vw}
.coming-heading h2{margin:0;font:500 clamp(58px,7.7vw,120px)/.91 var(--display);letter-spacing:-.06em}
.roadmap{max-width:1540px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.roadmap-item{min-height:520px;padding:34px 36px;position:relative;display:flex;flex-direction:column;border:1px solid var(--ink);overflow:hidden}
.roadmap-meta{display:flex;justify-content:space-between;gap:24px;font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
.roadmap-item h3{margin:80px 0 24px;font:500 clamp(48px,5vw,78px)/.9 var(--display);letter-spacing:-.055em}
.roadmap-item h3 em{font-style:normal}
.roadmap-item p{max-width:580px;margin:0;color:inherit;font-size:16px;line-height:1.65;opacity:.76}
.roadmap-state{margin-top:auto;padding-top:36px;font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
.roadmap-sideof{grid-column:1/-1;min-height:680px;padding:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);background:#123e39;color:white;border-color:#123e39}
.roadmap-media{min-height:680px;overflow:hidden}
.roadmap-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.roadmap-copy{padding:40px 44px;display:flex;flex-direction:column}
.roadmap-copy h3{margin-top:auto;font-size:clamp(70px,7vw,112px)}
.roadmap-copy p{color:#d3e0dc;opacity:1}
.roadmap-copy .product-link{margin-top:36px;align-self:flex-start;color:#fff}
.roadmap-fashion{background:#eadcd0;color:#2d211b}
.roadmap-fashion:after{content:"";position:absolute;width:430px;height:570px;border:1px solid rgba(45,33,27,.25);border-radius:48%;right:-160px;bottom:-250px;transform:rotate(-18deg)}
.roadmap-builder{background:#d2b16a;color:#1c1810}
.roadmap-builder:after{content:"";position:absolute;inset:96px 36px 36px;border:1px solid rgba(28,24,16,.25);pointer-events:none}
.founder-note{max-width:590px;margin:34px 0 0;color:var(--muted);font-size:17px;line-height:1.65}

@media (max-width:1050px){
  .portfolio-tile{min-height:290px}
  .company-bar{grid-template-columns:repeat(2,1fr)}
  .company-bar>div:nth-child(2){border-right:0}
  .company-bar>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .company-system{grid-template-columns:1fr;gap:70px}
  .system-heading,.system-grid{margin:0;max-width:none}
  .coming-heading{grid-template-columns:1fr;gap:14px}
  .roadmap-sideof{grid-template-columns:1fr 1fr;min-height:600px}
  .roadmap-media{min-height:600px}
}

@media (max-width:760px){
  .portfolio-board{grid-template-columns:1fr}
  .portfolio-tile{min-height:250px;border-right:0;border-bottom:1px solid var(--ink)!important}
  .portfolio-tile:last-child{border-bottom:0!important}
  .portfolio-tile h2{font-size:45px}
  .company-bar{grid-template-columns:1fr}
  .company-bar>div{border-right:0!important;border-bottom:1px solid var(--line)!important}
  .company-bar>div:last-child{border-bottom:0!important}
  .company-system{padding-top:100px;padding-bottom:100px;gap:54px}
  .system-heading h2{font-size:clamp(58px,18vw,82px)}
  .system-grid article{grid-template-columns:32px 1fr;gap:10px 16px}
  .system-grid p{grid-column:2}
  .product-material h2 b{font-size:.62em}
  .coming-heading{margin-bottom:52px}
  .coming-heading h2{font-size:clamp(50px,14vw,70px)}
  .roadmap{grid-template-columns:1fr;gap:18px}
  .roadmap-sideof{grid-column:auto;grid-template-columns:1fr;min-height:0}
  .roadmap-media{min-height:0;aspect-ratio:1/1}
  .roadmap-copy{min-height:480px;padding:30px 26px}
  .roadmap-copy h3{margin-top:auto;font-size:68px}
  .roadmap-item{min-height:470px;padding:28px 26px}
  .roadmap-item h3{margin-top:70px;font-size:50px}
  .roadmap-sideof{padding:0}
  .founder-note{font-size:16px}
}

@media (prefers-reduced-motion:reduce){.portfolio-tile{transition:none}.portfolio-tile:hover{transform:none}}