@font-face{font-family:Adieu;src:url('/assets/adieu-regular.woff2') format('woff2'),url('/assets/adieu-regular.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Roboto Mono';src:url('/assets/roboto-mono-400-normal.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}

/* Two Adieu sizes, with 12px body text and 16px subheaders in Roboto Mono. */
:root{
  --ink:#070b12;--paper:#f3f2ee;--white:#f7f8fc;--muted:#a1a6b1;
  --line:rgba(255,255,255,.22);--blue:#244bff;--cyan:#89f4e5;
  --font-headline:Adieu,Arial,sans-serif;--font-body:'Roboto Mono','Courier New',monospace;
  --type-display:clamp(4rem,7.2vw,7.5rem);--type-heading:clamp(1.5rem,2.4vw,2.5rem);
  --type-body:.75rem;--type-subheader:1rem;
  --gutter:clamp(24px,4.2vw,84px);--ease:cubic-bezier(.22,1,.36,1);
  font-family:var(--font-body);font-weight:400;font-style:normal;font-synthesis:none;
  color-scheme:dark;background:var(--ink);color:var(--white);
}
*,*::before,*::after{box-sizing:border-box;font-family:inherit;font-weight:inherit;font-style:inherit;font-size:inherit}
html{scroll-behavior:smooth;scroll-padding-top:104px}
body{margin:0;font-size:var(--type-body);line-height:1.65;overflow-x:clip;-webkit-font-smoothing:antialiased}
figure,p,h1,h2,h3{margin:0}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent}
img{display:block;max-width:100%;object-fit:cover}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}
.light-section :focus-visible{outline-color:var(--blue)}
::selection{background:var(--cyan);color:var(--ink)}
h1,h2,h3,.hero-intro,.hero-refrain,.step-title{font-family:var(--font-headline)}
.hero h1,.display,.next h2{font-size:var(--type-display);line-height:1.05;letter-spacing:-.025em}
.editorial-heading,.hero-intro,.hero-refrain,.step-title,.access-card h3,.founder h3{font-size:var(--type-heading);line-height:1.2;letter-spacing:-.015em}
.lead,.belief-line,.step-title small,.platform-heading>p,.people-heading>p,.mission-label,.founding-team>.muted,.step-principle,.founder-plus{font-family:var(--font-body);font-size:var(--type-subheader);line-height:1.5;letter-spacing:0}
.lead{line-height:1.45}
.desktop-nav a,.header-cta,.mobile-nav>a,.text-link,.next-link,.founder-role{font-size:var(--type-body);line-height:1.5}
.muted{color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:16px;left:16px;z-index:100;background:var(--white);color:var(--ink);padding:14px 20px;transform:translateY(-180%)}
.skip-link:focus{transform:translateY(0)}

/* A quiet, small masthead lets the opening fill the canvas. */
.site-header{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:20px var(--gutter);min-height:88px;border-bottom:1px solid transparent;transition:background .35s,border-color .35s;isolation:isolate}
.site-header.is-scrolled{background:rgba(7,11,18,.93);backdrop-filter:blur(16px);border-color:rgba(255,255,255,.1)}
.brand{display:flex;align-items:center;min-height:44px;flex-shrink:0}
.brand img{width:104px;height:auto;object-fit:contain}
.desktop-nav{display:flex;align-items:center;gap:32px;padding-left:50px}
.desktop-nav a,.header-cta,.mobile-nav>a{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.05em}
.desktop-nav a{position:relative;display:flex;align-items:center;min-height:44px;white-space:nowrap;opacity:.85;transition:opacity .2s}
.desktop-nav a:after{content:'';position:absolute;bottom:6px;left:0;right:0;height:1px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.desktop-nav a:hover,.desktop-nav a[aria-current]{opacity:1}
.desktop-nav a:hover:after,.desktop-nav a[aria-current]:after{transform:scaleX(1)}
.header-cta{display:flex;align-items:center;gap:24px;min-height:44px;padding:10px 15px;border:1px solid rgba(255,255,255,.5);white-space:nowrap;transition:background .25s,color .25s}
.header-cta:hover{background:var(--white);color:var(--ink)}
.menu-toggle{display:none}
.mobile-nav[hidden]{display:none}

/* Cellular refraction animates the glass artwork beneath the photographs. */
.hero{position:relative;height:260svh;background:#020303;isolation:isolate}
.hero-stage{--portrait-top:calc(clamp(145px,18vh,200px) + var(--type-display) * 2.1 + var(--type-heading) * 4.8 + 52px);position:sticky;top:0;height:100svh;min-height:max(670px,calc(var(--portrait-top) + 300px));overflow:hidden}
.optical-background{position:absolute;inset:0;z-index:0;overflow:hidden;transform-origin:50% 64%;will-change:transform;pointer-events:none}
.optical-image{position:absolute;inset:-4%;width:108%;height:108%;max-width:none;object-fit:cover;object-position:50% 55%;transform:scale(1.02)}
.optical-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;pointer-events:none}
.optical-canvas.is-ready{opacity:1}
.optical-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.04) 40%,transparent 65%,rgba(0,0,0,.2))}
.hero-space{position:absolute;inset:0;z-index:3;perspective:1100px;perspective-origin:50% 52%;transform-style:preserve-3d}
.hero-portrait{position:absolute;width:64%;height:calc(94% - var(--portrait-top));left:18%;top:var(--portrait-top);z-index:3;overflow:hidden;background:#082333;opacity:1;transform-origin:50% 50%;backface-visibility:hidden;will-change:width,height,left,top}
.js-motion .hero-portrait{animation:portal-enter 1.6s var(--ease) backwards}
.portrait-images,.portrait-shade{position:absolute;inset:0}
.portrait-images{transform:scale(1.025);will-change:transform}
.portrait-image{position:absolute;inset:0;width:100%;height:100%;object-position:50% 42%;opacity:0;transform:scale(1)}
.portrait-image.is-active{opacity:1;transform:scale(1)}

.portrait-shade{background:linear-gradient(180deg,rgba(7,11,18,.09),transparent 40%,rgba(7,11,18,.67));pointer-events:none}

.hero-heading{position:absolute;z-index:5;top:clamp(145px,18vh,200px);left:var(--gutter);right:var(--gutter);display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;transform-origin:50% 80%;will-change:transform,opacity}
.hero h1{width:100%;max-width:1440px;text-align:center;text-shadow:0 2px 36px rgba(0,0,0,.1)}
.hero-intro{max-width:32ch;margin-top:24px;text-align:center;text-wrap:balance}
.js-motion .hero-heading{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center}
.js-motion .hero-heading>h1,.js-motion .hero-intro{grid-area:1/1;will-change:opacity,transform}
.js-motion .hero-intro{margin:0;opacity:0}
.title-line{display:block;animation:title-in 1.6s var(--ease) both}
.title-line:first-child{padding:0}
.title-line:last-child{padding:0;animation-delay:.15s}
.hero-refrain{position:absolute;z-index:5;left:var(--gutter);right:var(--gutter);top:50%;text-align:center;opacity:0;transform:translateY(calc(-50% + 28px));will-change:transform,opacity;pointer-events:none}
.hero-bottom{position:absolute;z-index:6;left:var(--gutter);right:var(--gutter);bottom:24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;pointer-events:none}
.scroll-cue{grid-column:2;display:flex;align-items:center;gap:12px;min-height:44px;will-change:opacity;pointer-events:auto}
.scroll-line{position:relative;display:block;width:1px;height:24px;background:rgba(255,255,255,.3);overflow:hidden}
.scroll-line:after{content:'';position:absolute;inset:-12px 0 auto;width:1px;height:12px;background:var(--white);animation:scroll-line 2.4s infinite}

.hero-stage.has-traveled .hero-portrait,.hero-stage.has-traveled .title-line{animation:none}

/* The established Titan text scale and composition. */
.section-pad{padding:96px var(--gutter) 112px}
.light-section{color:var(--ink);background:var(--paper);color-scheme:light}
.vision{position:relative}
.vision-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12%;align-items:start}
.vision .display{min-width:0}
.vision-copy{padding-top:7px;max-width:490px}
.vision-copy>p:not(.lead){margin-top:23px;color:#505761}
.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-height:44px;padding-bottom:8px;margin-top:28px;border-bottom:1px solid currentColor}
.text-link>span{transition:transform .3s}
.text-link:hover>span{transform:translate(4px,-4px)}
.belief-line{display:flex;justify-content:space-between;gap:24px;margin-top:90px;padding-top:28px;border-top:1px solid #bfc1c1}
.platform{background:#090d15}
.platform-heading,.platform-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,88px);max-width:1200px;margin-inline:auto}
.platform-heading{align-items:start;margin-bottom:40px}
.platform-heading h2{min-width:0}
.platform-heading>p{max-width:42ch;color:var(--muted)}
.platform-grid{align-items:stretch}
.platform-visual{position:relative;min-height:480px;overflow:hidden;background:#09244d}
.platform-image-stack{position:absolute;inset:0}
.platform-image{position:absolute;width:100%;height:100%;object-position:51% 50%;opacity:0;transform:scale(1.04);transition:opacity .75s ease,transform 1.2s var(--ease)}
.platform-image.is-active{opacity:1;transform:scale(1)}
.platform-image[data-platform-image="connect"]{object-position:59% 50%}
.platform-image-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,12,23,.04),transparent 60%,rgba(5,12,23,.08))}
.platform-inline-image{display:none}
.platform-details{border-top:1px solid var(--line)}
.platform-step{padding:24px 0;border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
.platform-step summary{display:grid;grid-template-columns:1fr 26px;gap:18px;align-items:start}
.platform .step-title{font-family:var(--font-body);font-size:var(--type-subheader);line-height:1.5;letter-spacing:0}
.step-title small{display:block;margin-top:6px;font-size:var(--type-body);color:var(--muted)}
.step-symbol{position:relative;width:18px;height:18px;margin-top:3px}
.step-symbol:before,.step-symbol:after{content:'';position:absolute;left:1px;top:8px;width:16px;height:1px;background:currentColor;transition:transform .3s}
.step-symbol:after{transform:rotate(90deg)}
.platform-step[open] .step-symbol:after{transform:rotate(0)}
.platform-step[open] .step-title small{color:var(--cyan)}
.step-content{max-width:52ch;padding:18px 26px 0 0}
.step-content p{color:#aeb4bf}
.step-content .step-principle{margin-top:16px;font-size:var(--type-body);color:var(--white)}
.platform-step[open] .step-content{animation:detail-in .45s var(--ease)}

/* Original Figma artifacts in a three-column editorial masonry. */
.platform.section-pad{padding-bottom:40px}
.product-showcase{background:#090d15;padding:24px var(--gutter) 104px;overflow:hidden}
.showcase-masonry{max-width:1520px;margin-inline:auto;columns:3;column-gap:24px}
.showcase-column{display:contents}
.showcase-artifact{position:relative;display:block;break-inside:avoid;overflow:hidden;margin:0 0 24px;border-radius:24px;background:#f7f5f8;isolation:isolate;-webkit-column-break-inside:avoid}
.showcase-artifact:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
.showcase-artifact.wide{aspect-ratio:3/2}
.showcase-artifact.square{aspect-ratio:1}
.artifact-card>img{width:100%;height:100%;object-fit:cover}
.artifact-card.square>img{object-fit:cover;object-position:center}
.artifact-card.summary-preview{display:flex;align-items:center;justify-content:center}
.artifact-card.summary-preview>img{width:92%;height:auto;object-fit:contain}
.artifact-card.outcome-preview{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center}
.artifact-card.outcome-preview>img{width:88%;height:auto;object-fit:contain}
.artifact-art{display:grid;place-items:center;background:#2828ed}
.artifact-art>img{width:76%;height:auto;object-fit:contain}
.sculpture-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
.sculpture-ready>.sculpture-canvas{opacity:1}
.sculpture-ready>img{opacity:0}
.artifact-phone.mist{background:#eeeff0}
.artifact-phone.lavender{background:#e8e6ed}
.artifact-phone.full{aspect-ratio:0.59;display:flex;align-items:center;justify-content:center}
.iphone-mockup{position:relative;flex:none;aspect-ratio:850/1851;width:72%;filter:drop-shadow(0 12px 13px rgba(20,21,30,.08))}
.iphone-hardware{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;pointer-events:none}
.iphone-display{position:absolute;left:7.88%;top:4.65%;width:84.24%;height:90.6%;overflow:hidden;border-radius:15.4% / 6.6%;background:#f7f5f8}
.iphone-content{position:absolute;inset:7% 0 11%;overflow:hidden}
.iphone-content>img{position:absolute;top:0;left:0;width:100%;max-width:none;height:auto;object-fit:contain}
.iphone-dock{position:absolute;left:0;right:0;bottom:1.8%;height:10%;overflow:hidden;background:#f7f5f8}
.iphone-dock>img{position:absolute;bottom:0;left:0;width:100%;max-width:none;height:auto;object-fit:contain}
.artifact-phone.crop{aspect-ratio:1.08}
.artifact-phone.crop .iphone-mockup{position:absolute;width:102%;left:-1%}
.artifact-phone.top .iphone-mockup{top:8%}
.artifact-phone.middle .iphone-mockup{top:-76%}
.artifact-phone.middle .iphone-content>img{top:-8%}
.artifact-phone.bottom .iphone-mockup{bottom:6%}
.artifact-phone.bottom .iphone-content>img{top:auto;bottom:-13%}
@media(max-width:1100px){
  .showcase-masonry{columns:2;column-gap:20px}
  .showcase-artifact{margin-bottom:20px}
}
@media(max-width:760px){
  .product-showcase{padding:8px 20px 56px}
  .showcase-masonry{columns:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:none;align-items:start}
  .showcase-column{display:flex;flex-direction:column;gap:12px;min-width:0}
  .showcase-column>.showcase-artifact{margin:0;flex-shrink:0}
  .showcase-artifact{border-radius:14px;margin-bottom:12px}
  .artifact-phone.full .iphone-mockup{width:70%}
}

.art-scene{position:relative;height:100svh;min-height:640px;max-height:1100px;overflow:hidden;isolation:isolate;background:#063243}
.art-image{position:absolute;inset:-8% 0;width:100%;height:116%;max-width:none;object-fit:cover;object-position:65% 45%;will-change:transform}
.access{padding-bottom:62px}
.access-heading{display:block;margin-bottom:64px}
.access-heading>.display{min-width:0}
.access-heading>.display>span{display:inline-block}
.access-heading>div{max-width:580px;margin-top:32px}
.access-heading>div>p{margin-top:0;color:#51545a;line-height:1.8}
.access-gallery{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;align-items:start}
.access-image{position:relative;aspect-ratio:4/5;overflow:hidden;background:#0d2a4d}
.access-image>img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.access-card:nth-child(1) img{object-position:60% 40%}
.access-card:nth-child(2) img{object-position:54% 45%}
.access-card:nth-child(3) img{object-position:40% 45%}
.access-card:hover img{transform:scale(1.045)}
.access-card figcaption{padding-top:18px}
.access-card h3{font-family:var(--font-body);font-size:var(--type-subheader);line-height:1.5;letter-spacing:0}
.art-scene:after{content:"";position:absolute;inset:0;background:rgba(0,8,24,.3);pointer-events:none}
.mission{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;height:100%;padding:48px clamp(24px,6vw,80px);color:#fff;text-align:center}
.mission>.mission-copy{max-width:1000px;font-family:var(--font-headline);color:#fff}
.js-motion .mission{display:grid;place-items:center;align-content:center;gap:0}
.js-motion .mission>h2,.js-motion .mission>.mission-copy{grid-area:1/1;opacity:0;transform:translateY(28px);will-change:opacity,transform}
.people{padding-top:102px;padding-bottom:64px}
.people.section-pad{max-width:1280px;margin-inline:auto;padding-inline:clamp(28px,6vw,80px)}
.people-heading{margin-bottom:56px}
.people-heading>.display{min-width:0}
.people-heading>p{max-width:44ch;margin-top:28px;color:var(--muted)}
.founder-list{border-top:1px solid var(--line)}
.founder{border-bottom:1px solid var(--line)}
.founder summary{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;gap:24px;align-items:center;padding:34px 0;transition:color .25s}
.founder-role{color:var(--muted);justify-self:end;text-align:right}
.founder-plus{justify-self:end;margin-top:0;transition:transform .3s;color:var(--muted)}
.founder[open] .founder-plus{transform:rotate(45deg);color:var(--cyan)}
.founder[open] h3,.founder summary:hover h3{color:var(--cyan)}
.founder-bio{padding:0 37% 32px 0;color:var(--muted);animation:detail-in .4s var(--ease)}
.founding-team{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:baseline;gap:24px;padding-top:35px}
.founding-team .team-names{display:flex;flex-wrap:wrap;column-gap:2rem;row-gap:.5rem}
.founding-team .team-names>span{margin:0;color:inherit;white-space:nowrap}
.next{display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,28vw,560px);align-items:end;column-gap:clamp(24px,3vw,48px);padding-top:80px;padding-bottom:112px;background:#2828ed;color:var(--white)}
.next h2{margin-bottom:0;text-align:left}
.next h2>span{display:inline-block;margin-left:0}
.next-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.next-link{display:flex;align-items:center;justify-content:space-between;gap:100px;min-height:54px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.65)}
.next-link>span[aria-hidden]{transition:transform .4s var(--ease)}
.next-link:hover>span[aria-hidden]{transform:translate(6px,-6px)}
.site-footer{padding:40px var(--gutter) 24px;background:#05080e}
.footer-contact{display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin-left:auto;text-align:right;color:var(--muted);max-width:100%}
.footer-contact>a{color:var(--white);border-bottom:1px solid var(--line);padding-bottom:5px;overflow-wrap:anywhere}
.footer-contact>a>span{display:inline-block;margin-left:15px}
.footer-wordmark{padding:48px 0 80px}
.footer-wordmark>img{width:100%;max-width:none;height:auto}
.footer-bottom{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:20px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted)}
.media-credit{margin-left:auto;min-height:44px;display:flex;align-items:center}
.credits-page{max-width:820px;min-height:100svh;padding:60px var(--gutter) 90px}
.credits-page h1{font-size:var(--type-heading);line-height:1.2;letter-spacing:-.015em;margin:80px 0 32px}
.credits-page h2{font-family:var(--font-body);font-size:var(--type-subheader);margin:36px 0 18px}
.credits-page p{margin-top:20px;color:var(--muted)}
.credits-page p a{color:var(--white);text-decoration:underline;text-underline-offset:4px}

[data-reveal]{opacity:1;transform:none}
.js-motion [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .85s var(--ease),transform 1s var(--ease)}
.js-motion [data-reveal].is-visible{opacity:1;transform:none}
.js-motion .access-card:nth-child(2){transition-delay:.08s}.js-motion .access-card:nth-child(3){transition-delay:.16s}
@keyframes title-in{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}
@keyframes portal-enter{from{opacity:0;transform:translate3d(0,36px,-220px)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes scroll-line{0%{transform:translateY(0)}60%,100%{transform:translateY(36px)}}
@keyframes detail-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@keyframes motion-bar{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}

@media(min-width:1800px){.hero-portrait{width:60%;left:20%}.platform-grid{gap:10%}.vision-copy{max-width:540px}}
@media(max-width:1100px){
  .desktop-nav{gap:22px;padding-left:0}.site-header{gap:22px}.header-cta{gap:14px}
  .hero-portrait{width:72%;left:14%}
  .section-pad{padding-top:76px;padding-bottom:84px}
  .vision-grid{gap:7%;grid-template-columns:1.1fr 1fr}
  .people{padding-bottom:64px}.founding-team{flex-direction:column;gap:16px}
}
@media(min-width:761px) and (max-width:900px){.header-cta{display:none}}
@media(max-width:760px){
  :root{--gutter:24px;--type-display:clamp(2.75rem,11.4vw,4.75rem);--type-heading:1.5rem}
  html{scroll-padding-top:90px}
  .site-header{padding:16px var(--gutter);min-height:76px;gap:16px}.brand img{width:84px}.desktop-nav,.header-cta{display:none}
  .menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:44px;height:44px;margin-left:auto;padding:8px;border:0;background:none;z-index:52}
  .menu-toggle>span{display:block;width:22px;height:1px;background:var(--white);transition:transform .3s}
  .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)}
  .site-header.menu-open{background:var(--ink)}
  .mobile-nav{position:absolute;left:0;right:0;top:100%;padding:24px var(--gutter) 34px;background:var(--ink);border-bottom:1px solid var(--line)}
  .mobile-nav>a{display:block;padding:16px 0;min-height:48px;border-bottom:1px solid var(--line)}
  .hero{height:225svh}.hero-stage{--portrait-top:calc(clamp(143px,20svh,190px) + var(--type-display) * 2.1 + var(--type-heading) * 7.2 + 46px);min-height:max(740px,calc(var(--portrait-top) + 320px))}.hero-heading{top:clamp(143px,20svh,190px)}.hero h1{line-height:1.05}
  .hero-intro{margin-top:18px;max-width:32ch}
  .title-line:first-child,.title-line:last-child{padding:0}.title-line:last-child{margin-top:0}
  .optical-image{object-position:50% 50%}
  .hero-space{perspective:850px}.hero-portrait{height:calc(88% - var(--portrait-top));left:8%;width:84%}
  .portrait-image{object-position:50% 45%}

  .hero-bottom{bottom:24px;display:flex;justify-content:space-between;gap:16px}.scroll-cue{gap:9px}
  .section-pad{padding:56px var(--gutter) 64px}
  .vision-grid{display:block}.vision-copy{padding-top:37px;margin-top:0;max-width:100%}
  .belief-line{margin-top:64px;padding-top:24px;flex-direction:column;gap:5px}
  .platform-heading{display:block;margin-bottom:32px}.platform-heading>p{margin-top:20px;max-width:100%}
  .platform-grid{display:flex;flex-direction:column;gap:32px}.platform-visual{display:none}.platform-inline-image{display:block;width:100%;height:auto;aspect-ratio:1.06;object-fit:cover;object-position:51% 50%;margin-bottom:24px}.platform-step[data-step="become"] .platform-inline-image{object-position:50% 35%}.platform-step[data-step="connect"] .platform-inline-image{object-position:59% 50%}
  .platform-step{padding:22px 0}.platform-step summary{grid-template-columns:1fr 20px;gap:16px}.step-symbol{margin-top:3px}.step-content{max-width:none;padding:18px 0 0}
  .art-scene{height:88svh;min-height:560px;max-height:850px}.art-image{object-position:65% 50%;width:125%;left:-25%}
  .access-heading{display:block;margin-bottom:38px}.access-heading>div{margin-top:28px;max-width:580px}
  .access-gallery{display:flex;flex-direction:column;gap:44px}.access-card{width:100%}.access-image{aspect-ratio:1.12}.access-card figcaption{padding-top:18px}
  .mission{gap:20px;padding-inline:28px}
  .people{padding-bottom:48px}.people-heading{display:block;margin-bottom:44px}.people-heading>p{max-width:100%;margin-top:32px}
  .founder summary{grid-template-columns:1fr 24px;gap:12px;padding:28px 0}.founder h3,.founder-role{grid-column:1}.founder-role{grid-row:2;justify-self:start;text-align:left}.founder-plus{grid-column:2;grid-row:1/3}.founder-bio{padding:0 12px 28px 0}
  .founding-team{padding-top:28px;gap:18px}.founding-team .team-names{column-gap:1.5rem;row-gap:.75rem}
  .next{padding-top:56px;padding-bottom:72px}.next h2{margin-bottom:43px;overflow-wrap:normal}.next h2>span{margin-left:0}
  .next-bottom{flex-direction:column;align-items:stretch;gap:30px}.next-link{width:100%;gap:24px}
  .site-footer{padding:28px var(--gutter) 20px}.footer-contact{flex-direction:column;align-items:flex-start;gap:12px;margin-left:0;text-align:left}.footer-contact>a{align-self:flex-start}
  .footer-wordmark{padding:36px 0 56px}.footer-wordmark>img{width:100%}.footer-bottom{gap:8px 24px;align-items:center;padding-top:20px}.footer-bottom>p{width:100%}.media-credit{margin-left:0}
}
@media(max-width:370px){:root{--gutter:20px}.hero-bottom{gap:8px}.hero-refrain{font-size:var(--type-heading)}}
@media(min-width:761px) and (max-height:730px){.hero-stage{--portrait-top:calc(110px + var(--type-display) * 2.1 + var(--type-heading) * 4.8 + 52px);min-height:max(730px,calc(var(--portrait-top) + 300px))}.hero-heading{top:110px}}

/* Keep the static portrait composition when motion is disabled. */
html:not(.js-motion) .hero,.motion-paused .hero{height:auto}
html:not(.js-motion) .hero-stage,.motion-paused .hero-stage{position:relative}
html:not(.js-motion) .hero-refrain{display:none}
html:not(.js-motion) .title-line{animation:none}

.motion-paused{scroll-behavior:auto}
.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation:none!important;transition:none!important}
.motion-paused [data-reveal]{opacity:1!important;transform:none!important}
.motion-paused .access-card:hover img{transform:none}
@media(prefers-reduced-motion:reduce){html:not(.js-motion){scroll-behavior:auto}html:not(.js-motion) *,html:not(.js-motion) *::before,html:not(.js-motion) *::after{animation:none!important;transition:none!important}}
@media(prefers-contrast:more){:root{--muted:#c1c6ce;--line:rgba(255,255,255,.5)}.vision-copy>p:not(.lead),.access-heading>div>p:not(.lead){color:#30343b}.optical-shade{background:rgba(0,0,0,.65)}}

/* Invisible SVG definitions displace the actual rendered page surfaces. */
.tap-ripple-filters{position:fixed;left:0;top:0;width:0;height:0;overflow:hidden;pointer-events:none}

/* The enlarged view reuses each tile's exact composition and crop. */
button.showcase-artifact{appearance:none;-webkit-appearance:none;border:0;padding:0;width:100%;text-align:inherit;font:inherit;cursor:zoom-in}
.artifact-modal{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:72px 16px 32px;background:transparent;overflow:hidden;color:white}
.artifact-modal[open]{display:grid;place-items:center}
.artifact-modal::backdrop{background:rgba(5,8,17,.88);backdrop-filter:blur(12px)}
.artifact-modal-stage{position:relative;max-width:100%;flex:none}
.artifact-modal .modal-composition{width:100%;height:100%;margin:0;opacity:1;transform:none;filter:none;pointer-events:none}
.artifact-modal-close{position:absolute;top:16px;right:24px;width:40px;height:40px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:#141821;color:#fff;cursor:pointer;z-index:3}
.artifact-modal-close:hover{background:#2828ed}
.artifact-modal-close:focus-visible{outline:2px solid #fff;outline-offset:4px}

.inquiry-layout{display:flex;flex-direction:column;align-items:stretch;gap:24px;width:100%;justify-self:end}
.inquiry-form{position:relative;width:100%;text-align:left}
.inquiry-form label{display:block;margin-bottom:12px;font:400 12px/1.5 var(--font-body)}
.inquiry-fields{display:flex;gap:12px;align-items:stretch}
.inquiry-fields input{min-width:0;flex:1;border:1px solid rgba(255,255,255,.65);border-radius:0;padding:16px;background:transparent;color:#fff;font:400 12px/1.5 var(--font-body)}
.inquiry-fields input::placeholder{color:rgba(255,255,255,.75)}
.inquiry-fields button{border:1px solid #fff;padding:16px 20px;background:#fff;color:#2828ed;font:400 12px/1.5 var(--font-body);cursor:pointer;white-space:nowrap}
.inquiry-fields button:disabled{opacity:.65;cursor:wait}
.inquiry-fields :focus-visible{outline:2px solid #fff;outline-offset:4px}
.inquiry-form .inquiry-note{font-size:12px;line-height:1.6;margin:12px 0 0;opacity:.8}
.inquiry-form .inquiry-status{font-size:12px;line-height:1.6;min-height:1.6em;margin:12px 0 0}
.inquiry-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(max-width:760px){.inquiry-layout{flex-direction:column;gap:28px}.inquiry-form{width:100%}}
@media(max-width:380px){.inquiry-fields{flex-direction:column}}

@media(max-width:1000px){.next{grid-template-columns:1fr;row-gap:40px}.next h2{margin-bottom:0}.inquiry-layout{max-width:560px}}
@media(max-width:760px){.inquiry-layout{max-width:none}}