/* Second art direction: full-bleed film, electric colour and a bold solid identity. */
:root{--ink:#090e1c;--panel:#121c33;--ivory:#f4f6ff;--muted:#b4bdcc;--copper:#d4ff76;--copper-light:#deff98;--line:rgba(221,231,255,.18);--logo-accent:#d4ff76;--gutter:clamp(24px,5.8vw,112px)}
body{background:var(--ink)}
.header{height:108px;border-bottom-color:rgba(255,255,255,.15);background:linear-gradient(#090e1c77,transparent)}
.header.is-scrolled{background:rgba(9,14,28,.9);border-bottom-color:rgba(177,209,255,.18)}
.brand-mark{width:67px;height:50px;color:var(--ivory)}
.brand-name{font-size:11px;font-weight:600;letter-spacing:.14em}
.brand-name strong{font-size:12px;font-weight:700}
.header-role{color:#e0e7f6;margin-right:8vw}
.language-switch button{color:#b5becf}.language-switch button[aria-pressed=true]{color:var(--copper)}
.intro{background:#090e1c}.intro-mark{color:var(--ivory);width:140px;height:100px}
.intro-mark use{animation:none;stroke-dasharray:none}
.intro-mark{animation:logo-arrive .75s var(--ease) both}
@keyframes logo-arrive{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}
.cursor{width:26px;height:26px;border:1px solid rgba(211,255,117,.72);background:transparent!important;transition:opacity .2s;mix-blend-mode:normal}
.cursor i{width:3px;height:3px;background:#d4ff76}

.pointer-trail{background:#88eddb;opacity:.45}
.page-progress span{background:linear-gradient(90deg,#d4ff76,#57e5e6,#ad8df7)}
.hero{height:100svh;min-height:920px;max-height:1250px;padding:180px var(--gutter) 120px;isolation:isolate;align-items:center}
.hero-film{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#0e1731}
.hero-film video{width:100%;height:100%;object-fit:cover;object-position:65% 50%;display:block;filter:saturate(1.24) contrast(1.04)}
.hero-film-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,12,24,.88) 0%,rgba(8,13,28,.71) 31%,rgba(7,14,27,.14) 72%,rgba(7,14,27,.06)),linear-gradient(0deg,rgba(8,13,26,.9),transparent 25%,transparent 75%,rgba(7,13,28,.25));pointer-events:none}
.hero-grid{background:linear-gradient(90deg,transparent calc(75% - 1px),rgba(218,231,255,.12) 75%,transparent calc(75% + 1px));z-index:-1}
.hero-grid:before,.hero-grid:after{display:none}
.hero-heading{width:68%;pointer-events:none}
.hero-eyebrow{font-size:10px;letter-spacing:.15em;color:#d8e2f4;margin-bottom:36px}
.hero-eyebrow i{background:#c7ff83;box-shadow:0 0 18px #a1ff70;width:6px;height:6px}
.hero h1{font-size:clamp(92px,10.1vw,178px);line-height:.94;letter-spacing:-.075em;font-weight:600;text-shadow:0 6px 40px rgba(0,0,0,.15)}
.hero h1>.copper-text{color:var(--copper);text-shadow:0 4px 50px rgba(129,208,74,.12)}
.hero-subtitle{margin:30px 0 22px;gap:22px}.hero-subtitle p{font-size:clamp(25px,2.6vw,43px);font-weight:450;line-height:1.15}.thin-rule{width:45px;background:#7eece5}
.hero-description{font-size:13px;max-width:370px;color:#d2dced;line-height:1.8;margin:20px 0 29px}
.hero-buttons{display:flex;align-items:center;gap:30px;pointer-events:auto}
.hero-cta{background:var(--copper);color:#122016;padding:13px 18px 13px 23px;border-radius:2px;font-size:11px;font-weight:700;gap:27px;min-height:55px;box-shadow:0 0 40px rgba(199,255,107,.07);transition:background .25s,box-shadow .25s}
.hero-cta .round-arrow{width:26px;height:26px;border:0;border-radius:0;color:#122016}.hero-cta .round-arrow svg{width:21px;height:21px}
.hero-cta:hover{background:#e9ffb9;box-shadow:0 0 45px rgba(181,255,97,.16)}
.hero-cta:hover .round-arrow{background:none;border-color:transparent;transform:translate(3px,-3px);color:#122016}
.hero-connect{font-size:11px;color:#e4e9f3;border-bottom:1px solid #8eafbd;padding:10px 0;pointer-events:auto}.hero-connect:hover{color:var(--copper);border-color:var(--copper)}
.hero-edition{position:absolute;right:var(--gutter);top:153px;color:#d1d9ef;text-align:right;font-size:8px;line-height:1.9;letter-spacing:.16em}
.hero-film-label{position:absolute;right:var(--gutter);bottom:140px;display:flex;align-items:center;gap:12px;font-size:9px;color:var(--ivory);letter-spacing:.1em}
.film-dot{width:6px;height:6px;border-radius:50%;background:#b7ff76;box-shadow:0 0 15px #b7ff76}
.video-control{position:absolute;right:var(--gutter);bottom:92px;display:flex;align-items:center;gap:12px;padding:8px 0;background:none;font:9px var(--mono);color:#d5def1;min-height:44px;z-index:4}
.video-control-icon{border:1px solid rgba(218,232,255,.45);border-radius:50%;display:grid;place-items:center;width:28px;height:28px;font-size:10px}
.video-control:hover{color:var(--copper)}.video-control[disabled]{opacity:.6;cursor:default}
.hero-bottom{bottom:28px;padding-top:23px;border-top:1px solid rgba(230,239,255,.24)}
.hero-bottom>.mono{color:#d2d9e8;font-size:8px}.scroll-link{font-size:8px;color:#e2e9f4}.scroll-link>span:last-child{color:var(--copper)}
.discipline-ticker{background:var(--copper);color:#17221a;overflow:hidden;padding:20px 0;border:0;position:relative;z-index:5}
.ticker-track{display:flex;width:max-content;animation:ticker-flow 36s linear infinite}
.ticker-track>span{font-size:clamp(18px,2.2vw,32px);font-weight:700;letter-spacing:-.045em;white-space:nowrap;padding-right:30px}
@keyframes ticker-flow{to{transform:translateX(-33.33333%)}}
.section-top{border-bottom-color:var(--line)}.eyebrow{font-size:11px;color:var(--copper)}
.about{background:radial-gradient(ellipse at 8% 85%,rgba(77,89,197,.28),transparent 45%),radial-gradient(ellipse at 100% 12%,rgba(7,117,151,.22),transparent 43%),#090e1c;border-top:0;padding-top:105px}
.manifesto{max-width:1220px;margin-bottom:85px}
.manifesto p{font-size:clamp(36px,4.6vw,75px);font-weight:500;letter-spacing:-.055em;line-height:1.18}
.manifesto span:first-child{color:#f4f6ff}.manifesto span:nth-child(2){color:#9caecb}.manifesto span:last-child{color:#72e5d4}
.about-grid{grid-template-columns:.92fr 1.08fr;gap:10%}
.portrait{padding:1px;border:1px solid rgba(120,229,214,.3)}
.portrait:before{content:'';position:absolute;inset:-15px 25px 35px -15px;border:1px solid #625ddd;pointer-events:none;z-index:0}
.portrait-frame:before{inset:0;border:0}.portrait-frame{z-index:1}.portrait-corner{color:#d4ff76}
.portrait figcaption{padding:17px 13px;font-size:8px;background:#0d1427;position:relative}
.about-copy h2{font-size:clamp(30px,3.3vw,52px);font-weight:550;line-height:1.12;margin-top:18px}
.about-copy>p{color:#b9c5d8;font-size:14px;line-height:1.9}
.about-copy blockquote{color:#e7edfd;border-left:3px solid #9b85ff;font-size:17px;line-height:1.8}
.code-film-section{height:clamp(550px,55vw,780px);position:relative;overflow:hidden;isolation:isolate;background:#0a1124;display:flex;align-items:center;padding:80px var(--gutter)}
.code-film{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:75% 60%;filter:saturate(1.1)}
.code-film-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,11,32,.95) 0,rgba(23,26,67,.76) 37%,rgba(6,12,27,.1) 77%),linear-gradient(0deg,rgba(21,13,52,.3),transparent 40%)}
.code-film-copy{max-width:780px;width:64%}.code-film-copy .eyebrow{color:#a799ff;font-size:10px;letter-spacing:.17em;margin-bottom:35px}
.code-film-copy h2{font-size:clamp(42px,5vw,80px);letter-spacing:-.055em;line-height:1.06;font-weight:550}.code-film-copy h2 span{display:block}.code-film-copy h2 span:last-child{color:#a497ff}
.code-film-copy>p:last-child{font-size:14px;max-width:345px;color:#c0cbe1;line-height:1.9;margin-top:30px}
.film-caption{position:absolute;right:var(--gutter);bottom:35px;font-size:9px;color:#ccdbf0;letter-spacing:.14em}
.expertise{background:linear-gradient(135deg,#10182e,#161637 58%,#152a36);padding-top:95px}
.section-heading h2{font-weight:550;font-size:clamp(42px,5.4vw,84px)}.section-heading .muted{color:#91a6c7}.section-heading>p{font-size:14px;color:#b4c0d5}
.expertise-grid{grid-template-columns:40% 1fr;gap:7%}.discipline-visual{background:radial-gradient(ellipse,rgba(141,102,255,.3),transparent 70%)}
.orbit{border-color:rgba(106,230,237,.7)}.discipline-core b{border:1px solid #a997ff;background:linear-gradient(135deg,rgba(159,123,255,.2),rgba(76,206,238,.2));box-shadow:0 0 16px rgba(149,109,255,.12)}
.viz-index{color:#a997ff}.expertise-item h3{font-weight:550}.expertise-item[open] h3{color:#a0f0db}.expertise-item summary>i{color:#a0f0db}
.expertise-item:nth-child(2)[open] h3{color:#b1a2ff}.expertise-item:nth-child(3)[open] h3{color:#d4ff76}.expertise-item:nth-child(4)[open] h3{color:#81ddff}.expertise-item:nth-child(5)[open] h3{color:#ffb698}
.expertise-body>p{color:#b9c7db}.tags span{border:1px solid rgba(163,211,247,.25);background:rgba(29,57,89,.3);color:#d1dcf2;border-radius:20px;padding:5px 12px}
.system{background:#d8ede7;color:#122f2e;--line:rgba(20,59,55,.22);--muted:#426960;--logo-accent:#d4ff76}
.system .eyebrow{color:#336558}.system .section-heading .muted{color:#538675}.system .section-heading>p{color:#3a645c}
.transformation{background:#f2faf555;border:1px solid #83afa2;padding:30px 36px;border-radius:6px;box-shadow:0 35px 90px rgba(43,98,78,.12)}
.transformation-toolbar{color:#3a675b}.transformation-toolbar>span:first-child{color:#284d45}
.experience-board{background:linear-gradient(125deg,#151d43,#25214c);border-color:#323356}.interface-nav{border-color:#8c7fc84d}.interface-nav svg{color:#f3f7ff}
.interface-copy>.mono{color:#91edec}.interface-copy h3 span:last-child{color:#c5a4ff}.interface-cta{border-color:#9486cf;color:#e9e6ff}
.interface-cta:hover{background:#d4ff76;color:#152b23}.interface-object i{border-color:#b7a0ff;border-top-color:#eeceff;border-left-color:#7355c0;box-shadow:10px 20px 30px #090e2c66}
.interface-object i:nth-child(2){border-color:#75dccf;border-top-color:#bbffee;border-left-color:#2b7787}
.interface-object i:nth-child(3){border-color:#d4ff76;border-top-color:#f6ffd9;border-left-color:#698c42}
.interface-bottom{color:#afbadb}.split-line{background:#7963b1}.split-line>i{background:#8e6edc;color:white;box-shadow:0 0 0 4px #8e6edc22}
.transform-control input{accent-color:#557b5f}.transform-labels output{color:#4e397c}.transform-control>p{color:#3f695d}.process-list .mono{color:#427362}.process-list h3{color:#183b30;font-weight:600}.process-list p{color:#3b6257}
.architecture-room{display:grid;grid-template-columns:40% 60%;position:relative;min-height:720px;padding:50px var(--gutter);align-items:center;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 74% 44%,#403073 0,#19213e 40%,#0a1022 76%)}
.architecture-copy{max-width:440px;position:relative;z-index:4}.architecture-copy .eyebrow{font-size:10px;color:#b3a5ff;margin-bottom:33px}.architecture-copy h2{font-size:clamp(42px,5vw,76px);letter-spacing:-.06em;line-height:1.08;font-weight:550}.architecture-copy h2 span{display:block}.architecture-copy h2 span:last-child{color:#9eecd4}
.architecture-copy>p:last-of-type{font-size:14px;color:#b5c3d8;line-height:1.9;margin-top:30px;max-width:335px}.architecture-tags{display:flex;gap:10px;margin-top:27px}.architecture-tags>span{font:9px var(--mono);border:1px solid #847cca80;padding:7px 12px;color:#cbbdfb;letter-spacing:.1em}
.architecture-room .hero-art{position:relative;inset:auto;height:650px;width:100%;margin:0;min-width:0;align-self:center}
.architecture-room .art-aura{background:radial-gradient(ellipse,#715ab22b,transparent 65%);filter:blur(12px)}
.architecture-room .art-controls{bottom:0;left:8%;right:4%;justify-content:space-between;flex-wrap:nowrap}.architecture-room .art-controls>.mono{width:auto;color:#c4c6e6;font-size:8px;max-width:170px;text-align:left}
.architecture-room .pill-button{border:1px solid #9f87e6;color:#d6c9ff;background:#1c1a3e80}.architecture-room .pill-button:hover{background:#9673d9;color:#fff}.architecture-room .pill-button[aria-pressed=true]{color:#b9ff9a;border-color:#b9ff9a}
.architecture-room .art-description{display:none}.architecture-room .coordinate-top{right:4%;top:25px;color:#b7ace4}.architecture-room .coordinate-bottom{display:block;bottom:95px;left:8%;color:#b7ace4}
.network{background:radial-gradient(ellipse at 85% 30%,rgba(10,137,149,.2),transparent 57%),#081722;border-color:#88cfd72b}
.network-copy h2{color:#d5ff7a;font-weight:550}.network-copy .eyebrow{color:#82e5df}.network-copy>p:not(.eyebrow){color:#b2c8d6}.network-field{background:radial-gradient(ellipse,#11b7b313,transparent 65%)}
.network-corner{color:#99eeee}.network .pill-button{border-color:#489199;color:#99dddd}
.explorations{background:#0b1124}.works-grid{grid-template-columns:1.15fr 1fr;gap:36px}.work-art{aspect-ratio:1.18/1;border:0;border-radius:4px}.work-forma{background:linear-gradient(135deg,#dfb1ff,#a5b9ff)}
.mini-browser{background:#17204a;border:1px solid #a091ec;box-shadow:25px 30px 50px #39338666}.mini-browser>b{color:#d4ff76}.mini-browser>div{border-color:#8591b9}.mini-browser>div>i{background:#91ede4}.mini-browser>span{background:#98abdb}.mini-browser em{color:#d4ff76}.mini-outline{border-color:#6a66a6}
.work-forma .work-art-id,.work-forma .work-art-cross{color:#3e3967}.work-nexus{background:radial-gradient(ellipse at 50% 50%,#285c7e,#132044 80%)}
.work:nth-child(3){grid-column:1/-1;margin-top:10px}.work:nth-child(3) .work-trigger{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:center}
.work:nth-child(3) .work-art{aspect-ratio:1.7/1;background:radial-gradient(ellipse,#52458a,#1a2140)}.work:nth-child(3) .work-art img{height:145%;max-width:none;width:100%;object-fit:contain;transform:translateY(-16%)}
.work:nth-child(3) .work-info{padding:35px 25px}.work:nth-child(3) .work-info h3{font-size:clamp(40px,5vw,72px)}
.work-info h3{font-weight:550;font-size:40px}.work-type{color:#a4ecdf}.work-subtitle{color:#bcc7da;font-size:13px}.work-concept{color:#9eabd0}.work-trigger:hover .work-info svg{color:#d4ff76;transform:translate(4px,-4px)}
.connect{background:var(--copper);color:#152c28;--line:rgba(31,71,41,.24);--muted:#42684a}
.connect .eyebrow{color:#315736}.connect .cross{color:#42684a}.connect h2{font-size:clamp(61px,8.2vw,140px);font-weight:600;letter-spacing:-.075em}.connect h2 .copper-text{color:#315a48}.connect h2>.connect-small{color:#42684a;font-size:clamp(22px,2.3vw,35px)}
.connect-bottom>p{color:#355c46;font-size:14px}.social-links>a{border-color:#658553;color:#183d29;font-size:24px}.social-links small{color:#4c6a42}.social-links>a:hover{color:#172829;border-color:#172829}
.connect-orbit{opacity:.65}.connect-orbit i{border-color:#4e784b55}.footer{background:#080e1d;border-color:#202e48}.footer-brand svg{width:61px;height:42px;color:white}.footer-brand>span{font-size:9px}.footer-legal{color:#b5c0d4}.footer-legal p+p{color:#9eacc7}.footer-tools{color:#afbdd5}
.menu-dialog{background:radial-gradient(ellipse at 100% 50%,#363063,#11192e 60%);color:#f4f6ff}.menu-links a:hover{color:#d4ff76}.menu-links a>span{color:#8ee6df}.menu-links a>b{font-weight:500;letter-spacing:-.05em}
.concept-dialog{background:linear-gradient(150deg,#1a2742,#1d1d3b);border-color:#5966a5}.concept-top{color:#d4ff76}.concept-subtitle{color:#9febdf}.concept-content>h2{font-weight:600}.concept-action .round-arrow{border-color:#8d91b8}
@media(min-width:1600px){.hero{min-height:980px}.hero-description{font-size:15px;max-width:420px}.hero-cta{font-size:12px}.hero-connect{font-size:12px}.hero-eyebrow{font-size:11px}.hero-film-label{bottom:158px}.video-control{bottom:106px}.architecture-room{padding-top:70px;padding-bottom:70px;min-height:830px}.architecture-room .hero-art{height:730px}}
@media(max-width:1200px){.header-role{margin-right:3vw}.hero{min-height:850px;padding-top:175px}.hero h1{font-size:10.8vw}.hero-heading{width:77%}.hero-subtitle p{font-size:31px}.hero-buttons{gap:23px}.hero-film-label{bottom:154px}.video-control{bottom:108px}.about-copy>p{font-size:13px}.code-film-copy{width:65%}.code-film-copy h2{font-size:5.5vw}.architecture-room{grid-template-columns:40% 60%;padding-right:25px}.architecture-room .hero-art{height:570px}.architecture-copy h2{font-size:4.8vw}.architecture-copy>p:last-of-type{font-size:13px}.architecture-room .art-controls{left:4%;right:6%;gap:12px}.architecture-room .art-controls>.mono{font-size:7px;max-width:130px}.works-grid{gap:27px}.work:nth-child(3) .work-trigger{gap:27px}}
@media(max-width:900px){.header{height:92px}.hero{height:100svh;min-height:860px;max-height:1100px;align-items:center;padding-top:140px}.hero h1{font-size:12.4vw}.hero-heading{width:88%}.hero-film video{object-position:58% 50%}.hero-film-shade{background:linear-gradient(90deg,#090e20d9,#090e2088 50%,#090e2022),linear-gradient(0deg,#090e20cc,transparent 50%)}.hero-edition{top:123px}.hero-description{max-width:340px}.hero-connect{font-size:10px}.hero-film-label{display:none}.video-control{bottom:88px}.hero-bottom>.mono{font-size:7px}.about-grid{gap:7%;grid-template-columns:1fr 1fr}.manifesto p{font-size:5.3vw}.about-copy h2{font-size:34px}.about-copy>p{font-size:12px}.about-copy blockquote{font-size:15px}.code-film-section{height:610px;padding-top:70px;padding-bottom:70px}.code-film-copy{width:72%}.code-film-copy h2{font-size:6.3vw}.code-film-copy>p:last-child{font-size:13px}.code-film-shade{background:linear-gradient(90deg,#11152ef0,#19193aa8 50%,#090e2222)}.expertise-grid{grid-template-columns:32% 1fr;gap:5%}.architecture-room{grid-template-columns:42% 58%;padding-left:var(--gutter);padding-top:50px;padding-bottom:55px;min-height:590px}.architecture-room .hero-art{height:490px}.architecture-copy .eyebrow{font-size:8px;margin-bottom:24px}.architecture-copy h2{font-size:5vw}.architecture-copy>p:last-of-type{font-size:12px}.architecture-room .art-controls{flex-wrap:wrap;justify-content:center;bottom:-10px}.architecture-room .art-controls>.mono{width:100%;text-align:center;max-width:none}.architecture-room .coordinate-bottom{display:none}.section-heading h2{font-size:6vw}.works-grid{gap:23px}.work:nth-child(3) .work-info{padding:15px}.work-subtitle{font-size:12px}.connect h2{font-size:8.6vw}.connect-bottom>p{font-size:13px}.connect .social-links{max-width:none}}
@media(max-width:600px){:root{--gutter:23px}.header{height:84px}.header.is-scrolled{height:73px}.brand-mark{width:50px;height:40px}.brand-name{font-size:8px}.brand-name strong{font-size:9px}.brand{gap:9px}.header-actions{gap:20px}.header-role{display:none}.hero{height:100svh;min-height:800px;max-height:1100px;padding:140px var(--gutter) 120px;display:flex;align-items:center}.hero-heading{width:100%}.hero-film video{object-position:center;filter:saturate(1.24)}.hero-film-shade{background:linear-gradient(90deg,#090e1cb0,#090e1c44 85%),linear-gradient(0deg,#090e1ced,rgba(9,14,28,.35) 45%,rgba(9,14,28,.45) 74%,#090e1c66)}.hero-grid{display:none}.hero-eyebrow{font-size:7px;letter-spacing:.08em;gap:10px;margin-bottom:30px}.hero h1{font-size:clamp(66px,17.1vw,100px);font-weight:600;letter-spacing:-.075em;line-height:.99}.hero-subtitle{margin:27px 0 22px;gap:17px}.hero-subtitle p{font-size:26px}.thin-rule{width:26px;margin-top:14px}.hero-description{font-size:12px;line-height:1.85;max-width:310px;margin:19px 0 26px}.hero-buttons{flex-wrap:wrap;gap:13px 23px}.hero-cta{padding:12px 14px 12px 17px;min-height:50px;font-size:9px;gap:18px}.hero-connect{font-size:9px}.hero-edition{top:112px;font-size:6px;right:var(--gutter)}.video-control{right:var(--gutter);bottom:85px;font-size:7px;gap:8px;min-height:36px}.video-control-icon{width:24px;height:24px;font-size:9px}.hero-bottom{padding-top:17px;bottom:24px;gap:15px;align-items:center}.hero-bottom>.mono{max-width:140px;font-size:6px;line-height:1.8}.scroll-link{font-size:6px}.scroll-link>span:last-child{font-size:19px}.discipline-ticker{padding:15px 0}.ticker-track>span{font-size:19px;letter-spacing:-.04em;padding-right:22px}.about{padding-top:65px}.manifesto{margin-bottom:50px}.manifesto p{font-size:clamp(30px,7.5vw,42px);line-height:1.23}.about-grid{grid-template-columns:1fr;gap:42px}.portrait:before{inset:-10px 20px 35px -10px}.portrait figcaption{font-size:6px;padding:14px 10px}.about-copy h2{font-size:34px}.about-copy>p{font-size:13px}.about-copy blockquote{font-size:15px}.code-film-section{height:620px;padding:65px var(--gutter);align-items:center}.code-film{object-position:62% 50%;opacity:1}.code-film-shade{background:linear-gradient(90deg,#0c1438d9,#0c1438b0 50%,#10143266),linear-gradient(0deg,#111a34,transparent 50%)}.code-film-copy{width:100%;max-width:none}.code-film-copy .eyebrow{font-size:8px;margin-bottom:28px}.code-film-copy h2{font-size:clamp(38px,10vw,55px);line-height:1.09;max-width:460px}.code-film-copy>p:last-child{font-size:12px;max-width:290px;margin-top:26px}.film-caption{font-size:7px;bottom:28px;right:var(--gutter)}.expertise{padding-top:65px}.expertise-grid{grid-template-columns:1fr;gap:12px}.section-heading h2{font-size:clamp(35px,9.3vw,50px)}.section-heading>p{font-size:13px}.expertise-body>p{font-size:12px}.tags span{font-size:8px}.transformation{padding:18px 12px;margin-left:-7px;margin-right:-7px;border-radius:3px}.architecture-room{display:flex;flex-direction:column;padding:62px var(--gutter) 35px;min-height:0;background:radial-gradient(ellipse at 65% 60%,#403370,#182141 48%,#0c1228 85%)}.architecture-copy{max-width:none;width:100%}.architecture-copy .eyebrow{font-size:8px}.architecture-copy h2{font-size:clamp(37px,10vw,52px)}.architecture-copy>p:last-of-type{font-size:12px;max-width:320px;margin-top:22px}.architecture-tags{margin-top:21px;gap:8px}.architecture-tags span{font-size:8px;padding:6px 10px}.architecture-room .hero-art{height:390px;width:calc(100% + 32px);margin:0 -16px}.architecture-room .hero-art canvas,.architecture-room .architecture-fallback{height:calc(100% - 45px);top:0}.architecture-room .art-controls{left:16px;right:16px;bottom:0;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;gap:10px}.architecture-room .art-controls>.mono{font-size:7px;max-width:120px;width:auto;text-align:left}.architecture-room .pill-button{font-size:8px;padding:9px 13px}.architecture-room .coordinate-top{top:22px;right:16px;font-size:7px}.network-copy h2{font-size:39px}.network-copy>p:not(.eyebrow){font-size:13px}.works-grid{grid-template-columns:1fr;gap:40px}.work-art{aspect-ratio:1.16/1}.work-info h3{font-size:37px}.work-subtitle{font-size:12px}.work:nth-child(3){grid-column:auto;margin:0}.work:nth-child(3) .work-trigger{display:block}.work:nth-child(3) .work-art{aspect-ratio:1.16/1}.work:nth-child(3) .work-info{padding:20px 0 0}.work:nth-child(3) .work-info h3{font-size:37px}.work:nth-child(3) .work-art img{height:120%;transform:translateY(-8%)}.connect h2{font-size:clamp(34px,8.4vw,53px);letter-spacing:-.068em;line-height:1.1}.connect h2>.connect-small{font-size:22px;margin-bottom:28px}.connect-bottom>p{font-size:13px;line-height:1.85}.social-links>a{font-size:20px}.social-links small{font-size:7px}.footer-brand svg{width:55px;height:40px}.footer-legal{font-size:8px}.footer-tools{font-size:8px}.menu-dialog{background:radial-gradient(ellipse at 100% 50%,#373162,#11192e 70%)}.menu-links a>b{font-size:7.5vw}.concept-content>h2{font-size:60px}}
@media(max-width:374px){:root{--gutter:19px}.hero{min-height:780px;padding-top:135px}.hero h1{font-size:16.8vw}.hero-eyebrow{font-size:6.4px}.hero-description{font-size:11px}.hero-cta{font-size:8.5px;gap:12px;padding-left:13px}.hero-connect{font-size:8px}.hero-buttons{gap:12px}.hero-subtitle p{font-size:25px}.manifesto p{font-size:29px}.hero-edition{font-size:5.5px}.connect h2{font-size:8.1vw}.code-film-copy h2{font-size:37px}.brand-mark{width:46px}}
@media(prefers-reduced-motion:reduce){.ticker-track,.intro-mark{animation:none!important}.hero-film video,.code-film{visibility:hidden}.hero-film{background:url('../images/coding-poster.webp') center/cover}.code-film-section{background:url('../images/code-motion-poster.webp') center/cover}}
@media print{.hero-film,.code-film,.discipline-ticker,.video-control{display:none!important}.hero,.about,.expertise,.architecture-room,.network,.connect{background:white!important;color:black!important}.hero{height:auto;min-height:0}.hero-heading{width:100%}.code-film-section{height:auto;background:white;padding:30px}.hero-description,.code-film-copy>p:last-child{color:#444}.hero-cta{border:1px solid #444}}

/* Film controls and the animated Forma concept. */
.craft-video-control{left:var(--gutter);right:auto;bottom:26px}.design-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.work-forma .work-art-id,.work-forma .work-art-cross{z-index:2;color:#303961}.work-forma .work-art-id{background:#eef0ff99;padding:3px 7px;border-radius:2px}
@media(max-width:600px){.craft-video-control{bottom:25px}.code-film-section .film-caption{bottom:37px;font-size:6px}.design-film{object-position:center}}
@media(max-width:600px) and (prefers-reduced-motion:reduce){.hero-film{background-image:url('../images/coding-mobile-poster.webp')}}