@font-face{font-family:clash;src:url(../media/ClashDisplay_Variable-s.p.3kzjqzj1sz_ho.woff2)format("woff2");font-display:swap;font-weight:200 700}@font-face{font-family:clash Fallback;src:local(Arial);ascent-override:77.76%;descent-override:21.84%;line-gap-override:7.86%;size-adjust:114.46%}.BUBNuW_className{font-family:clash,clash Fallback}.BUBNuW_variable{--font-clash:"clash", "clash Fallback"} @property --r{syntax:"";inherits:true;initial-value:0}.ex{--violet:#560ff3;--peri:#8796ff;--mist:#f1f0f7;--graphite:#1c1c1c;--night:#070b17;--red:#531312;--beige:#f7f0e1;--g:max(clamp(18px,4vw,64px),calc((100vw - 1540px) / 2 + 22px));--ease:cubic-bezier(.16,1,.3,1);--disp:var(--font-clash),var(--font-metropolis),Arial,sans-serif;background:var(--night);color:var(--mist);font-family:var(--disp);overflow-x:clip}.ex h1,.ex h2,.ex h3{font-family:var(--disp);letter-spacing:-.03em;margin:0;font-weight:500;line-height:1.02}.ex h2{font-size:clamp(34px,min(4.4vw,7.6vh),80px)}.ex a:focus-visible,.ex button:focus-visible,.ex input:focus-visible{outline:2px solid var(--peri);outline-offset:3px}.ex-kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--peri);align-items:center;gap:12px;margin:0 0 clamp(14px,2.4vh,22px);font-size:12px;font-weight:600;display:flex}.ex-kicker:before{content:"";background:currentColor;width:30px;height:2px;box-shadow:30px 0 0 -1px #0000}.ex-kicker:after{content:"";background:currentColor;border-radius:50%;order:-1;width:7px;height:7px;margin-right:-12px}.ex-head{max-width:1000px;margin-bottom:clamp(40px,7vh,70px)}.ex-lede{color:#f1f0f7b3;max-width:600px;margin:22px 0 0;font-size:clamp(16px,1.3vw,19px);font-weight:400;line-height:1.6}.ex-sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.ex-glow{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ex-glow:before,.ex-glow:after{content:"";filter:blur(70px);border-radius:50%;position:absolute}.ex-glow:before{background:radial-gradient(closest-side,#560ff3cc,#0000);width:70vw;height:40vw;animation:14s ease-in-out infinite alternate ex-drift;top:-12vw;right:-18vw}.ex-glow:after{background:radial-gradient(closest-side,#8796ff55,#0000);width:50vw;height:26vw;animation:18s ease-in-out -6s infinite alternate-reverse ex-drift;top:30%;left:-14vw}@keyframes ex-drift{to{transform:translate(-8vw,6vw)rotate(12deg)}}.ex-hero{isolation:isolate;padding:calc(88px + clamp(16px,3vh,36px)) var(--g) clamp(40px,7vh,80px);position:relative}.ex-hero-top{letter-spacing:.16em;text-transform:uppercase;color:#f1f0f7a6;justify-content:space-between;gap:20px;font-size:12px;font-weight:600;display:flex}.ex-hero-top p{margin:0}.ex-back{color:var(--mist)}.ex-hero-main{padding:clamp(60px,13vh,150px) 0 clamp(36px,6vh,64px)}.ex-hero-title{flex-direction:column;align-items:flex-start;display:flex}.ex-logo{aspect-ratio:1636/416;background:var(--mist);width:min(80vw,780px);animation:ex-in 1.2s var(--ease) both;display:block;-webkit-mask:url(/projects/extremis/logo.png) 0/contain no-repeat;mask:url(/projects/extremis/logo.png) 0/contain no-repeat}@keyframes ex-in{0%{opacity:0;filter:blur(8px);transform:translateY(24px)}}.ex-hero-sub{letter-spacing:-.03em;animation:ex-in 1.2s .2s var(--ease) both;margin-top:clamp(30px,6vh,60px);font-size:clamp(28px,min(3.6vw,6.4vh),64px);font-weight:300;line-height:1.08}.ex-hero-sub b{background:linear-gradient(90deg,var(--peri),#cfbaf8);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:600}.ex-meta{border-top:1px solid #f1f0f726;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px clamp(20px,3vw,50px);margin:0 0 clamp(36px,6vh,60px);padding-top:22px;display:grid}.ex-meta dt{letter-spacing:.14em;text-transform:uppercase;color:var(--peri);margin-bottom:6px;font-size:12px;font-weight:600}.ex-meta dd{margin:0;font-size:clamp(14px,1.15vw,17px);font-weight:400;line-height:1.45}.ex-hero-shot{aspect-ratio:16/10;border-radius:clamp(14px,1.6vw,24px);position:relative;overflow:hidden;box-shadow:0 40px 100px #560ff340,0 0 0 1px #f1f0f71a}.ex-hero-shot img{object-fit:cover}.ex-ours{background:var(--beige);color:#141414;font-family:var(--font-metropolis),Arial,sans-serif}.ex-ours h2{font-family:var(--font-metropolis),Arial,sans-serif;letter-spacing:-.055em;font-weight:600;line-height:1}.ex-ours em{font-family:var(--font-aikyam),Georgia,serif;color:var(--red);letter-spacing:-.01em;font-style:normal;font-weight:400}.ex .ai-kicker{font-family:var(--font-aikyam),Georgia,serif;letter-spacing:.03em;text-transform:uppercase;color:var(--red);align-items:center;gap:10px;margin:0 0 clamp(14px,2.4vh,24px);font-size:clamp(19px,1.5vw,24px);line-height:1;display:flex}.ex .ai-kicker:before{content:"";background:currentColor;flex:none;width:.9em;height:.97em;translate:0 -.32em;-webkit-mask:url(/brand/pattern-main.svg) 50%/contain no-repeat;mask:url(/brand/pattern-main.svg) 50%/contain no-repeat}.ex-brief{padding:clamp(90px,15vh,170px) var(--g)}.ex-brief h2{max-width:15ch;font-size:clamp(38px,min(5.4vw,9vh),100px)}.ex-brief-cols{grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,70px);max-width:1100px;margin-top:clamp(30px,6vh,60px);display:grid}.ex-brief-cols p{color:#3f3836;margin:0;font-size:clamp(16px,1.3vw,19px);line-height:1.65}.ex-do{padding:clamp(90px,15vh,170px) var(--g);background:var(--night)}.ex-trace{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.4vw,40px);margin:0;padding:0;list-style:none;display:grid;position:relative}.ex-trace:before{content:"";background:linear-gradient(90deg,var(--violet),var(--peri),#f1f0f722);height:2px;position:absolute;top:7px;left:0;right:0}.ex-trace li{padding-top:44px;position:relative}.ex-trace-node{background:var(--night);width:16px;height:16px;box-shadow:inset 0 0 0 3px var(--peri);border-radius:50%;transition:background .4s,box-shadow .4s;position:absolute;top:0;left:0}.ex-trace li:hover .ex-trace-node{background:var(--peri);box-shadow:inset 0 0 0 3px var(--peri),0 0 0 8px #8796ff2e,0 0 30px var(--violet)}.ex-trace-n{letter-spacing:.12em;color:var(--peri);margin-bottom:14px;font-size:13px;font-weight:600;display:block}.ex-trace b{letter-spacing:-.02em;font-size:clamp(20px,1.8vw,28px);font-weight:500;line-height:1.15;display:block}.ex-trace p{color:#f1f0f7a6;margin:12px 0 0;font-size:15px;font-weight:400;line-height:1.55}.ex-mark{padding:clamp(90px,15vh,170px) var(--g) clamp(40px,6vh,70px);background:var(--night);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(36px,6vw,110px);display:grid}.ex-mark-copy>p:not(.ex-kicker){color:#f1f0f7b3;max-width:500px;margin:20px 0 0;font-size:clamp(16px,1.25vw,18px);font-weight:400;line-height:1.7}.ex-stage{--x:50%;--y:50%;--r:0px;aspect-ratio:1;cursor:crosshair;background:#0b0f1d;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #f1f0f71a}.ex-stage[data-lit=true]{--r:190px}.ex-stage-grid{filter:brightness(2.4)contrast(1.1);-webkit-mask:radial-gradient(circle at var(--x) var(--y),#000 0,#000 calc(var(--r) * .45),transparent var(--r));-webkit-mask:radial-gradient(circle at var(--x) var(--y),#000 0,#000 calc(var(--r) * .45),transparent var(--r));mask:radial-gradient(circle at var(--x) var(--y),#000 0,#000 calc(var(--r) * .45),transparent var(--r));background:url(/projects/extremis/construction.webp) 50%/cover;transition:--r .4s;position:absolute;inset:0}.ex-stage[data-grid=true] .ex-stage-grid{-webkit-mask:none;mask:none}.ex-stage-mark{aspect-ratio:414/416;background:var(--mist);filter:drop-shadow(0 0 24px #560ff3);width:38.21%;position:absolute;top:27.98%;left:30.83%;-webkit-mask:url(/projects/extremis/mark.png) 50%/contain no-repeat;mask:url(/projects/extremis/mark.png) 50%/contain no-repeat}.ex-stage[data-grid=true] .ex-stage-mark{background:var(--peri);filter:none;opacity:.85}.ex-stage-node{aspect-ratio:1;background:#fff;border-radius:50%;width:3.2%;animation:2.6s ease-out infinite ex-ping;position:absolute;translate:-50% -50%;box-shadow:0 0 #8796ffaa}.ex-stage-node-a{top:47.1%;left:41.9%}.ex-stage-node-b{animation-delay:1.3s;top:55.1%;left:49.9%}@keyframes ex-ping{0%{box-shadow:0 0 #8796ffcc}80%,to{box-shadow:0 0 0 22px #8796ff00}}.ex-stage-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.ex-stage-foot p{color:#f1f0f7a6;margin:0;font-size:14px;font-weight:400}.ex-hint-touch{display:none}@media (hover:none){.ex-hint-mouse{display:none}.ex-hint-touch{display:inline}}.ex-stage-foot button{color:var(--mist);font:500 14px var(--disp);cursor:pointer;background:#f1f0f714;border:0;border-radius:100px;padding:12px 18px;transition:background .3s,color .3s;box-shadow:inset 0 0 0 1px #f1f0f733}.ex-stage-foot button:hover,.ex-stage-foot button[aria-pressed=true]{background:var(--violet);box-shadow:none}.ex-lockups{padding:0 var(--g) clamp(90px,15vh,170px);background:var(--night);grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.ex-lock{aspect-ratio:1.6;border-radius:20px;place-items:center;display:grid}.ex-lock-violet{background:var(--violet);--ink:var(--mist)}.ex-lock-mist{background:var(--mist);--ink:var(--night)}.ex-lock-night{--ink:var(--mist);background:#0d1222;box-shadow:inset 0 0 0 1px #f1f0f71a}.ex-lock-mark{aspect-ratio:414/416;background:var(--ink);width:24%;-webkit-mask:url(/projects/extremis/mark.png) 50%/contain no-repeat;mask:url(/projects/extremis/mark.png) 50%/contain no-repeat}.ex-lock-logo{aspect-ratio:1636/416;background:var(--ink);width:64%;-webkit-mask:url(/projects/extremis/logo.png) 50%/contain no-repeat;mask:url(/projects/extremis/logo.png) 50%/contain no-repeat}.ex-colour{padding:clamp(90px,15vh,170px) var(--g);background:var(--mist);color:var(--night)}.ex-colour .ex-kicker{color:var(--violet)}.ex-colour .ex-lede{color:#070b17b3}.ex-swatches{grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:10px;margin:0;padding:0;list-style:none;display:grid}.ex-swatches li{background:var(--c);min-width:0;height:clamp(200px,32vh,320px);color:var(--ink);transition:transform .5s var(--ease);border-radius:18px;flex-direction:column;justify-content:flex-end;gap:4px;padding:18px 16px;display:flex;box-shadow:inset 0 0 0 1px #070b1714}.ex-swatches li:hover{transform:translateY(-8px)}.ex-swatches b{font-size:clamp(15px,1.2vw,18px);font-weight:600}.ex-swatches span{letter-spacing:.04em;opacity:.8;font-size:13px;font-weight:400}.ex-gradient{background:linear-gradient(110deg,#6d30f4,#8b5ef4 40%,#cfbaf8);border-radius:18px;height:clamp(90px,14vh,140px);margin-top:10px}.ex-type{padding:clamp(90px,15vh,170px) var(--g);background:var(--violet);color:var(--mist)}.ex-type .ex-kicker{color:var(--mist)}.ex-type-head{grid-template-columns:auto minmax(0,420px);justify-content:space-between;align-items:end;gap:20px 40px;margin-bottom:clamp(30px,6vh,60px);display:grid}.ex-type-head .ex-kicker{grid-column:1/-1;margin:0}.ex-type h2{letter-spacing:-.04em;font-size:clamp(56px,min(9vw,15vh),170px);font-weight:600;line-height:.9}.ex-type-head>p:not(.ex-kicker){color:#f1f0f7d9;margin:0;font-size:clamp(16px,1.25vw,18px);font-weight:400;line-height:1.6}.ex-tester{background:#070b172e;border-radius:24px;padding:clamp(24px,3vw,44px);box-shadow:inset 0 0 0 1px #f1f0f733}.ex-tester-line{display:block}.ex-tester-line input{width:100%;color:var(--mist);font-family:var(--disp);letter-spacing:-.035em;caret-color:var(--peri);background:0 0;border:0;outline:none;padding:0;font-size:clamp(44px,min(8vw,13vh),150px);line-height:1.1;transition:font-weight .2s}.ex-tester-controls{border-top:1px solid #f1f0f733;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 30px;margin-top:clamp(18px,3vh,30px);padding-top:clamp(18px,3vh,24px);display:flex}.ex-tester-weight{align-items:center;gap:16px;font-size:14px;font-weight:500;display:flex}.ex-tester-weight b{min-width:3ch;font-weight:600;display:inline-block}.ex-tester-weight input{width:clamp(160px,22vw,320px);accent-color:var(--mist)}.ex-tester-controls p{color:#f1f0f7b3;margin:0;font-size:14px;font-weight:400}.ex-glyphs{letter-spacing:.02em;color:#f1f0f7cc;overflow-wrap:anywhere;margin:clamp(30px,6vh,56px) 0 0;font-size:clamp(20px,2.4vw,40px);font-weight:400;line-height:1.3}.ex-world{padding:clamp(90px,15vh,170px) var(--g);background:var(--night)}.ex-grid{grid-template-columns:1fr 1fr;gap:clamp(10px,1.2vw,18px);margin:0;padding:0;list-style:none;display:grid}.ex-grid li{background:#0d1222;border-radius:clamp(12px,1.2vw,18px);overflow:hidden}.ex-grid img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease);display:block}.ex-grid li:hover img{transform:scale(1.03)}.ex-grid [data-span=full]{aspect-ratio:2;grid-column:1/-1}.ex-grid [data-span=half]{aspect-ratio:16/9}.ex-end{isolation:isolate;min-height:80svh;padding:clamp(90px,14vh,150px) var(--g);text-align:center;border-top:1px solid #f1f0f714;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.ex-end-mark{aspect-ratio:414/416;background:var(--mist);width:clamp(80px,9vw,130px);filter:drop-shadow(0 0 30px var(--violet));-webkit-mask:url(/projects/extremis/mark.png) 50%/contain no-repeat;mask:url(/projects/extremis/mark.png) 50%/contain no-repeat}.ex-end h2{max-width:16ch;margin-top:clamp(30px,6vh,56px);font-size:clamp(32px,3.8vw,64px);font-weight:300}.ex-end h2 b{color:var(--peri);font-weight:600}.ex-end p{color:#f1f0f799;max-width:520px;margin:18px 0 0;font-size:14px;font-weight:400;line-height:1.6}.ex-next{padding:clamp(80px,13vh,150px) var(--g);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;gap:clamp(24px,4vw,70px);display:grid}.ex-next-card{color:var(--beige);transition:transform .5s var(--ease);background:#141414;border-radius:clamp(18px,2vw,28px);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label arrow""name arrow""img img";gap:8px 20px;padding:clamp(22px,2.6vw,36px);display:grid;position:relative}.ex-next-card:hover{transform:translateY(-6px)}.ex-next-label{letter-spacing:.14em;text-transform:uppercase;color:#f7f0e199;grid-area:label;font-size:12px;font-weight:700}.ex-next-name{letter-spacing:-.05em;grid-area:name;font-size:clamp(36px,4.4vw,76px);font-weight:700;line-height:1}.ex-next-arrow{background:var(--beige);color:#141414;width:56px;height:56px;transition:transform .5s var(--ease);border-radius:50%;grid-area:arrow;align-self:center;place-items:center;font-size:22px;display:grid}.ex-next-card:hover .ex-next-arrow{transform:translate(6px)}.ex-next-img{aspect-ratio:16/8;border-radius:12px;grid-area:img;margin-top:18px;position:relative;overflow:hidden}.ex-next-img img{object-fit:cover}.ex-next-cta p{letter-spacing:-.03em;margin:0 0 18px;font-size:clamp(22px,2vw,32px);font-weight:600}.ex-btn{background:var(--red);color:var(--beige);border-radius:100px;align-items:center;gap:14px;padding:17px 26px;font-size:15px;font-weight:700;transition:background .3s;display:inline-flex}.ex-btn:hover{background:#141414}@media (max-width:1000px){.ex-trace{grid-template-columns:1fr 1fr;row-gap:50px}.ex-trace:before{display:none}.ex-trace li{border-top:2px solid #8796ff55;padding-top:34px}.ex-trace-node{top:-9px}.ex-mark{grid-template-columns:1fr}.ex-swatches{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:820px){.ex-brief-cols,.ex-next{grid-template-columns:1fr}.ex-meta{grid-template-columns:1fr 1fr}.ex-meta div:last-child{grid-column:1/-1}.ex-trace,.ex-lockups{grid-template-columns:1fr}.ex-swatches{grid-template-columns:1fr 1fr}.ex-swatches li{height:130px}.ex-swatches li:first-child{grid-column:1/-1}.ex-type-head{grid-template-columns:1fr}.ex-glyphs{font-size:clamp(14px,4vw,20px)}.ex-grid{grid-template-columns:1fr}.ex-grid li[data-span]{aspect-ratio:1.4}.ex-glow:before{width:120vw;height:80vw}}@media (prefers-reduced-motion:reduce){.ex *{transition:none!important}.ex-logo,.ex-hero-sub,.ex-glow:before,.ex-glow:after,.ex-stage-node{animation:none}}