@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes ring-turn{to{transform:rotate(360deg)}}@keyframes scroll-progress{to{transform:scaleX(1)}}@keyframes project-reveal{0%{clip-path:inset(12% 8%);filter:saturate(.5)}to{clip-path:inset(0);filter:saturate()}}@keyframes word-drift{0%{transform:translate(-6vw,-50%)}to{transform:translate(6vw,-50%)}}@keyframes method-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes orbit-arrive{0%{opacity:.45;transform:scale(.88)rotate(-4deg)}to{opacity:1;transform:none}}.v4-home{& *{box-sizing:border-box}& ::selection{color:var(--ink);background:var(--acid)}& ::-webkit-scrollbar{width:11px}& ::-webkit-scrollbar-track{background:var(--ink)}& ::-webkit-scrollbar-thumb{background:var(--cyan);border:3px solid var(--ink)}& :focus-visible{outline:3px solid var(--acid);outline-offset:4px}& a{color:inherit;text-decoration:none}& img{max-width:100%;display:block}& h1,& h2,& h3,& p{margin-top:0}& .scroll-line{z-index:50;transform-origin:0;background:var(--acid);width:100%;height:3px;position:fixed;top:0;left:0;transform:scaleX(0)}& .hero{min-height:100svh;padding:clamp(9rem,14vh,11rem) var(--page) 5rem;color:var(--foam);background:var(--ink);grid-template-columns:.9fr 1.1fr;align-items:center;gap:2rem;display:grid;position:relative;overflow:hidden}& .hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 70% 46%,#2fb4d92e,#0000 34%);position:absolute;inset:0}& .hero-wires{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}& .wire{fill:none;stroke-width:2px;stroke-dasharray:1;stroke-dashoffset:1px;animation:draw-line 1.8s var(--ease) forwards}& .wire-a{stroke:#2fb4d985}& .wire-b{stroke:#a3e63559;animation-delay:.16s}& .wire-c{stroke:#7fd4ec40;animation-delay:.28s}& .wire-d{stroke:#f0fafd24;animation-delay:.4s}& .hero-copy{z-index:2;max-width:760px;position:relative}& h1{letter-spacing:-.04em;max-width:8ch;margin-bottom:2rem;font-size:clamp(4.4rem,8.2vw,6rem);font-weight:800;line-height:.84}& .hero-copy>p{color:#f0fafdc2;max-width:54ch;margin-bottom:0;font-size:clamp(1.08rem,1.5vw,1.3rem)}& .hero-actions{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:2.3rem;display:flex}& .button{transition:transform .3s var(--ease),background .25s ease,box-shadow .3s var(--ease);border-radius:999px;justify-content:space-between;align-items:center;gap:2.8rem;padding:1rem 1.25rem;font-weight:800;display:inline-flex}& .button:hover{transform:translateY(-3px)}& .button-acid{color:var(--ink);background:var(--acid);box-shadow:0 12px 26px #a3e63529}& .button-acid:hover{background:var(--cyan);box-shadow:0 18px 34px #2fb4d940}& .button-dark{color:var(--foam);background:var(--ink);box-shadow:0 14px 30px #041a2438}& .button-dark:hover{background:var(--petrol)}& .text-link{border-bottom:1px solid;align-items:center;gap:.65rem;padding-bottom:.12rem;font-weight:700;display:inline-flex}& .text-link span{transition:transform .25s var(--ease)}& .text-link:hover span{transform:translate(3px,-3px)}& .hero-orbit{z-index:2;aspect-ratio:1;width:min(48vw,690px);animation:orbit-arrive 1.05s var(--ease) both;justify-self:center;place-items:center;display:grid;position:relative}& .hero-orbit:before{content:"";filter:blur(50px);background:#2fb4d930;border-radius:50%;position:absolute;inset:22%}& .hero-orbit img{z-index:2;filter:drop-shadow(0 35px 36px #00000057);width:62%;height:auto;position:relative}& .orbit-ring{border:1px solid #7fd4ec54;border-radius:50%;position:absolute}& .ring-one{animation:24s linear infinite ring-turn;inset:8%}& .ring-one:before,& .ring-one:after,& .ring-two:before,& .ring-two:after{content:"";background:var(--acid);border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 18px #a3e63580}& .ring-one:before{top:8%;left:26%}& .ring-one:after{background:var(--cyan);bottom:33%;right:5%}& .ring-two{border-style:dashed;border-color:#f0fafd38;animation:17s linear infinite reverse ring-turn;inset:20%}& .ring-two:before{background:var(--foam);top:-4px;left:50%}& .ring-two:after{background:var(--cyan);bottom:38%;left:-4px}& .orbit-label{z-index:3;color:var(--foam);background:var(--ink);letter-spacing:.12em;text-transform:uppercase;border:1px solid #f0fafd47;border-radius:999px;padding:.43rem .75rem;font-size:.66rem;font-weight:800;position:absolute}& .orbit-ai{top:2%;left:33%}& .orbit-design{color:var(--cyan-soft);top:27%;right:0}& .orbit-development{bottom:3%;right:23%}& .orbit-marketing{color:var(--acid);bottom:25%;left:-2%}& .hero-manifest{z-index:2;left:var(--page);right:var(--page);color:#f0fafd7a;letter-spacing:.11em;text-transform:uppercase;gap:1.7rem;font-size:.65rem;font-weight:800;display:flex;position:absolute;bottom:1.2rem}& .hero-manifest span+span:before{content:"/";color:var(--cyan);margin-right:1.7rem}& .statement{padding:clamp(5rem,10vw,9rem) var(--page);color:var(--ink);background:var(--acid);overflow:hidden}& .statement p{letter-spacing:-.04em;margin:0;font-size:clamp(2.8rem,6.4vw,6rem);font-weight:800;line-height:1.12}& .statement p:last-child{color:var(--petrol);margin-top:.35em;margin-left:12vw}& .statement em{text-underline-offset:.1em;font-style:normal;text-decoration:underline .08em}& .system{color:var(--foam);background:var(--ink);grid-template-columns:.8fr 1.2fr;display:grid}& .system-core{min-height:100svh;padding:5rem var(--page);border-right:1px solid var(--line);align-content:center;align-self:start;place-items:center;gap:2rem;display:grid;position:sticky;top:0;overflow:hidden}& .system-core>p{color:#f0fafda1;text-align:center;max-width:50ch;margin:0}& .disciplines{min-width:0}& .discipline{min-height:78svh;padding:clamp(4rem,8vw,7rem) var(--page);border-bottom:1px solid var(--line);grid-template-columns:.35fr 1fr .55fr;align-items:center;gap:2rem;display:grid;position:relative;overflow:hidden}& .discipline-index{color:var(--cyan-soft);letter-spacing:.15em;text-transform:uppercase;writing-mode:vertical-rl;align-self:start;font-size:.72rem;font-weight:800}& .discipline-copy{z-index:2;position:relative}& .discipline-copy h2{letter-spacing:-.04em;max-width:9ch;margin-bottom:1.5rem;font-size:clamp(3rem,5.2vw,5rem);line-height:.9}& .discipline-copy p{color:#f0fafdad;max-width:54ch}& .discipline-copy a{color:var(--acid);border-bottom:1px solid;gap:.7rem;margin-top:1rem;font-weight:750;display:inline-flex}& .discipline-signal{justify-content:center;align-self:stretch;align-items:center;gap:.55rem;display:flex}& .discipline-signal i{background:var(--cyan);border-radius:999px;width:8px;display:block}& .discipline-signal i:first-child{height:18%}& .discipline-signal i:nth-child(2){height:48%}& .discipline-signal i:nth-child(3){background:var(--acid);height:82%}& .discipline-signal i:nth-child(4){height:58%}& .discipline-signal i:nth-child(5){height:28%}& .discipline-design{background:#062633}& .signal-boxes{grid-template-columns:repeat(2,minmax(40px,90px));align-content:center;display:grid}& .signal-boxes i{aspect-ratio:1;border:1px solid #7fd4ec73;border-radius:12px;width:auto;background:0 0!important;height:auto!important}& .signal-boxes i:nth-child(2){transform:translateY(24px);background:var(--cyan)!important}& .signal-boxes i:nth-child(3){background:var(--acid)!important}& .signal-boxes i:nth-child(4){transform:translateY(-18px)}& .discipline-development{background:var(--ink-2)}& .signal-code{align-content:center;gap:.65rem;display:grid}& .signal-code i{background:var(--cyan-soft);border-radius:0;width:min(100%,170px);height:3px!important}& .signal-code i:nth-child(2),& .signal-code i:nth-child(5){background:var(--acid);width:65%}& .signal-code i:nth-child(3){width:88%}& .signal-code i:nth-child(4){width:48%}& .signal-code i:nth-child(6){width:74%}& .discipline-marketing{color:var(--ink);background:var(--cyan)}& .discipline-marketing .discipline-index{color:var(--ink)}& .discipline-marketing .discipline-copy p{color:#07384b}& .discipline-marketing .discipline-copy a{color:var(--ink)}& .signal-wave{align-items:end;height:55%}& .signal-wave i{background:var(--ink);width:11px}& .signal-wave i:first-child{height:20%}& .signal-wave i:nth-child(2){height:34%}& .signal-wave i:nth-child(3){height:48%}& .signal-wave i:nth-child(4){background:var(--acid);height:72%}& .signal-wave i:nth-child(5){height:56%}& .signal-wave i:nth-child(6){height:82%}& .signal-wave i:nth-child(7){height:95%}& .work{padding:clamp(6rem,11vw,10rem) var(--page);color:var(--ink);background:var(--foam);position:relative;overflow:hidden}& .work-heading{max-width:var(--max);grid-template-columns:1fr .7fr;align-items:end;gap:3rem;margin:0 auto clamp(4rem,8vw,7rem);display:grid}& .work-heading h2{letter-spacing:-.04em;margin:0;font-size:clamp(3.6rem,6.5vw,6rem);line-height:.86}& .work-heading p{color:#315765;max-width:54ch;margin:0;font-size:1.08rem}& .project{max-width:var(--max);isolation:isolate;grid-template-columns:1.2fr .8fr;align-items:center;gap:clamp(2rem,6vw,6rem);min-height:760px;margin:0 auto clamp(5rem,10vw,9rem);display:grid;position:relative}& .project:nth-of-type(2n){grid-template-columns:.8fr 1.2fr}& .project:nth-of-type(2n) .project-media{grid-column:2}& .project:nth-of-type(2n) .project-copy{grid-area:1/1}& .project-media{z-index:2;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 32px 70px #041a242e}& .project-media img{object-fit:cover;width:100%;min-height:520px;transition:transform .9s var(--ease),filter .5s ease}& .project:hover .project-media img{filter:saturate(1.12);transform:scale(1.025)}& .project-status{color:var(--ink);background:var(--acid);letter-spacing:.11em;text-transform:uppercase;border-radius:999px;padding:.42rem .72rem;font-size:.67rem;font-weight:800;position:absolute;top:1rem;right:1rem}& .project-copy{z-index:3;position:relative}& .project-copy>span{color:var(--petrol);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:800}& .project-copy h3{letter-spacing:-.04em;margin:.7rem 0 1rem;font-size:clamp(3rem,5vw,5rem);line-height:.9}& .project-copy p{color:#315765;max-width:47ch}& .project-copy a{color:var(--petrol);border-bottom:1px solid;gap:.7rem;margin-top:1rem;font-weight:800;display:inline-flex}& .project-word{z-index:-1;color:#0000;-webkit-text-stroke:1px #1489ae2e;letter-spacing:-.04em;white-space:nowrap;text-align:center;font-size:clamp(6rem,15vw,14rem);font-weight:800;line-height:.7;position:absolute;top:50%;left:-2vw;right:-2vw;transform:translateY(-50%)}& .project-switchboard{max-width:var(--max);border-block:1px solid var(--ink);grid-template-columns:.5fr repeat(4,1fr);margin:1rem auto 0;display:grid}& .project-switchboard>*{border-right:1px solid var(--line-dark);min-width:0;padding:1.2rem 1rem}& .project-switchboard>:last-child{border-right:0}& .project-switchboard>span{color:#41616e;letter-spacing:.12em;text-transform:uppercase;font-size:.68rem}& .project-switchboard a{transition:color .2s,background .2s}& .project-switchboard a:hover{color:var(--ink);background:var(--acid)}& .project-switchboard b{overflow-wrap:anywhere;font-size:.86rem;display:block}& .project-switchboard small{color:#4b6c78;margin-top:.28rem;font-size:.67rem;display:block}& .method{padding:clamp(6rem,11vw,10rem) var(--page);color:var(--foam);background:var(--petrol);position:relative;overflow:hidden}& .method-line{opacity:.42;width:100%;height:100%;position:absolute;inset:0}& .method-line path{fill:none;stroke:var(--cyan-soft);stroke-width:2px;stroke-dasharray:1;stroke-dashoffset:.25px}& .method-heading,& .method ol{z-index:2;max-width:var(--max);margin-inline:auto;position:relative}& .method-heading{grid-template-columns:1fr .7fr;align-items:end;gap:3rem;display:grid}& .method-heading h2{letter-spacing:-.04em;max-width:8ch;margin:0;font-size:clamp(3.6rem,6.5vw,6rem);line-height:.88}& .method-heading p{color:#f0fafdb8;max-width:55ch;margin:0}& .method ol{border-top:1px solid #f0fafd7a;grid-template-columns:repeat(4,1fr);margin-top:clamp(4rem,8vw,7rem);padding:0;list-style:none;display:grid}& .method li{border-right:1px solid #f0fafd4d;min-height:250px;padding:4.7rem 1.4rem 0 0;position:relative}& .method li+li{padding-left:1.4rem}& .method li:last-child{border-right:0}& .method li span{border:1px solid var(--foam);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;width:2.3rem;height:2.3rem;font-size:.68rem;font-weight:800;display:grid;position:absolute;top:1rem}& .method li strong{max-width:13ch;font-size:1.3rem;line-height:1.05;display:block}& .method li p{color:#f0fafdad;margin:1rem 0 0;font-size:.89rem}& .thinking{padding:clamp(6rem,11vw,10rem) var(--page);color:var(--ink);background:var(--acid);grid-template-columns:.72fr 1.28fr;gap:clamp(3rem,8vw,8rem);display:grid}& .thinking-heading{align-self:start;position:sticky;top:2rem}& .thinking-heading h2{letter-spacing:-.04em;max-width:9ch;margin:0 0 2rem;font-size:clamp(3.3rem,5.5vw,5.2rem);line-height:.9}& .thinking-heading a{border-bottom:1px solid;gap:.7rem;font-weight:800;display:inline-flex}& .guide-stack{border-top:1px solid var(--ink)}& .guide-stack a{border-bottom:1px solid var(--ink);isolation:isolate;grid-template-columns:1fr 2rem;gap:.7rem 1rem;min-height:220px;padding:1.7rem .8rem;transition:color .3s;display:grid;position:relative;overflow:hidden}& .guide-stack a:before{content:"";z-index:-1;background:var(--ink);transition:transform .4s var(--ease);position:absolute;inset:0;transform:translate(-101%)}& .guide-stack a:hover:before{transform:none}& .guide-stack a:hover{color:var(--foam)}& .guide-stack span{color:var(--petrol);letter-spacing:.11em;text-transform:uppercase;font-size:.68rem;font-weight:800}& .guide-stack a:hover span{color:var(--acid)}& .guide-stack h3{letter-spacing:-.03em;grid-column:1;max-width:20ch;margin:.3rem 0;font-size:clamp(1.6rem,3vw,2.7rem);line-height:1.02}& .guide-stack p{color:#315765;grid-column:1;max-width:50ch;margin:0}& .guide-stack a:hover p{color:#f0fafdb3}& .guide-stack b{grid-area:1/2/span 3;font-size:1.25rem}& .contact{min-height:760px;color:var(--foam);background:var(--ink);grid-template-columns:.8fr 1.2fr;align-items:center;display:grid;position:relative;overflow:hidden}& .contact-wires{opacity:.55;width:100%;height:100%;position:absolute;inset:0}& .contact-wires path{fill:none;stroke:var(--cyan);stroke-width:2px;stroke-dasharray:1}& .contact>img{z-index:2;filter:drop-shadow(0 40px 36px #00000061);justify-self:center;width:min(70%,560px);height:auto;position:relative;transform:rotate(-7deg)}& .contact-copy{z-index:3;padding:5rem var(--page);position:relative}& .contact-copy h2{letter-spacing:-.04em;max-width:11ch;margin:0;font-size:clamp(3.6rem,6vw,6rem);line-height:.88}& .contact-copy p{color:#f0fafdb3;margin:1.5rem 0 2.2rem;font-size:1.15rem}@supports (animation-timeline:scroll()){& .scroll-line{animation:linear both scroll-progress scroll()}& .project-media{animation:linear both project-reveal view();animation-range:entry 5% cover 45%}& .project-word{animation:linear both word-drift view();animation-range:entry exit}& .method-line path{animation:linear both method-draw view();animation-range:entry 10% cover 60%}}@media (width<=1100px){& .hero{grid-template-columns:1fr;padding-top:10rem}& .hero-copy{max-width:850px}& .hero-orbit{width:min(82vw,690px)}& .hero-manifest{display:none}& .system{grid-template-columns:1fr}& .system-core{border-right:0;border-bottom:1px solid var(--line);min-height:680px;position:relative}& .discipline{min-height:620px}& .work-heading,& .method-heading{grid-template-columns:1fr}& .project{min-height:auto;grid-template-columns:1fr!important}& .project-media,& .project-copy{grid-area:auto/1!important}& .project-media img{min-height:480px}& .project-word{top:40%}& .project-switchboard{grid-template-columns:repeat(2,1fr)}& .project-switchboard>span{border-bottom:1px solid var(--line-dark);grid-column:1/-1}& .method ol{grid-template-columns:repeat(2,1fr)}& .method li:nth-child(2){border-right:0}& .method li:nth-child(n+3){border-top:1px solid #f0fafd4d}& .thinking{grid-template-columns:1fr}& .thinking-heading{position:static}& .contact{grid-template-columns:.8fr 1.2fr}}@media (width<=760px){& .hero{gap:3rem;min-height:auto;padding-top:8.5rem}& .hero-orbit{width:100%}& .orbit-label{font-size:.75rem}& .hero-actions{flex-direction:column;align-items:flex-start}& .statement p{font-size:clamp(2.8rem,14vw,4.6rem)}& .statement p:last-child{margin:.5em 0 0 7vw}& .system-core{min-height:520px}& .discipline{grid-template-columns:1fr 5rem;align-content:center;min-height:640px;padding-block:5rem}& .discipline-index{writing-mode:horizontal-tb;grid-column:1}& .discipline-copy{grid-column:1}& .discipline-signal{grid-area:1/2/span 2}& .project{margin-bottom:6rem}& .project-media img{min-height:320px}& .project-word{display:none}& .project-switchboard{grid-template-columns:1fr}& .project-switchboard>*{border-right:0;border-bottom:1px solid var(--line-dark)}& .method ol{grid-template-columns:1fr}& .method li,& .method li:nth-child(2){border-top:1px solid #f0fafd4d;border-right:0;min-height:205px}& .method li:first-child{border-top:0}& .guide-stack a{min-height:200px}& .contact{grid-template-columns:1fr;min-height:auto;padding-top:5rem}& .contact>img{width:min(72%,430px)}& .contact-copy{padding-top:3rem;padding-bottom:6rem}}@media (width<=430px){& .discipline{grid-template-columns:1fr 3.6rem}& .discipline-copy h2{font-size:clamp(2.8rem,14vw,4rem)}& .project-media img{min-height:260px}& .contact-copy h2{font-size:clamp(3.2rem,15vw,4.7rem)}}@media (prefers-reduced-motion:reduce){& *,& :before,& :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}& .scroll-line{display:none}}& .hero>*,& .hero-copy{min-width:0}@media (width<=1100px){& .hero{grid-template-columns:minmax(0,1fr)}}@media (width<=430px){& .hero-copy{overflow-wrap:anywhere;width:100%}}@media (width<=760px){& .hero{width:100%;grid-template-columns:minmax(0,100%)!important}& .hero-copy,& .hero-copy>p{width:100%;max-width:100%}}& .system{grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr)}& .system-core{min-height:0;padding:clamp(3rem, 6vw, 6rem) var(--page);border-right:0;display:block;top:0;overflow:visible}& .system-core h2{letter-spacing:-.035em;margin:0 0 1.5rem;font-size:clamp(2.8rem,4.2vw,4.5rem);line-height:1.04}& .system-core>p{text-align:left;color:#b2cbd5;max-width:34ch;margin:0;font-size:1rem;line-height:1.65}& .system-nav{border-top:1px solid var(--line);margin-top:2.5rem}& .system-nav a{border-bottom:1px solid var(--line);min-height:64px;color:var(--cyan-soft);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;font-size:1.15rem;font-weight:600;transition:color .2s;display:flex}& .system-nav svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:22px;height:22px;transition:transform .2s}& .system-nav a:hover,& .system-nav a:focus-visible,& .system-nav a[aria-current]{color:var(--acid)}& .system-nav a[aria-current] svg{transform:rotate(45deg)}& .discipline{min-height:630px;padding:clamp(3rem, 6vw, 6rem) var(--page);grid-template-columns:minmax(0,1fr) minmax(60px,.22fr);align-content:center;gap:1.5rem 2.5rem;scroll-margin-top:1rem}& .discipline-index{writing-mode:horizontal-tb;grid-column:1}& .discipline-copy{grid-column:1}& .discipline-copy h2{letter-spacing:-.035em;max-width:12ch;font-size:clamp(2.8rem,4.5vw,4.8rem);line-height:1.07}& .discipline-copy p{line-height:1.65}& .discipline-signal{grid-area:1/2/span 2}@media (width<=1100px){& .system{grid-template-columns:1fr}& .system-core{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1rem 3rem;display:grid;position:relative}& .system-core h2{align-self:end;margin-bottom:0}& .system-core>p{grid-column:1}& .system-nav{grid-area:1/2/span 2;margin:0}& .discipline{min-height:510px}}@media (width<=760px){& .system-core{padding-block:3.5rem;display:block}& .system-core h2{margin-bottom:1.2rem}& .system-core>p{max-width:40ch}& .system-nav{margin-top:2rem}& .system-nav a{min-height:56px}& .discipline{grid-template-columns:minmax(0,1fr) 3rem;gap:1.25rem;min-height:0;padding-block:4rem}& .discipline-copy h2{font-size:clamp(2.5rem,10vw,3.6rem);line-height:1.1}& .discipline-signal{gap:.3rem}& .signal-boxes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){& .system-nav a,& .system-nav svg{transition:none}}& .system-core>h2,& .system-core>p,& .system-nav{justify-self:stretch;width:100%}}