:root{
  --ink:#0a0b0f;
  --ink-2:#111319;
  --bone:#f0eee8;
  --paper:#e8e4dc;
  --muted:#9da3b2;
  --line:rgba(255,255,255,.16);
  --accent:#5b6cff;
  --accent-2:#91a0ff;
  --quiz:#7b5cff;
  --replica:#5aa6ff;
  --julion:#8be2e8;
  --herself:#f286a8;
  --oxalis:#f0b96b;
  --capyrel:#bfdc76;
  --roominos:#8d93a6;
  --sans:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:"DM Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --pad:clamp(1.2rem,3vw,3.5rem);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink);color-scheme:dark}
body{margin:0;background:var(--ink);color:#fff;font-family:var(--sans);overflow-x:hidden}
body.is-loading{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{color:inherit}
img{display:block;max-width:100%}
::selection{background:var(--accent);color:#fff}

.loader{position:fixed;inset:0;z-index:9999;background:#07080b;display:flex;align-items:center;justify-content:center;padding:var(--pad)}
.loader__inner{width:min(860px,100%)}
.loader__meta{display:flex;justify-content:space-between;font:500 .66rem/1 var(--mono);letter-spacing:.14em;color:#a7abb7;text-transform:uppercase;margin-bottom:2.2rem}
.loader__count{font:700 clamp(5rem,18vw,13rem)/.8 var(--sans);letter-spacing:-.09em;text-align:right}
.loader__track{height:1px;background:rgba(255,255,255,.12);margin-top:2rem;overflow:hidden}
.loader__track i{display:block;width:0;height:100%;background:var(--accent)}

.noise{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.09;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:100;background:transparent;pointer-events:none}
.scroll-progress span{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}
.cursor{display:none;position:fixed;left:-48px;top:-48px;z-index:200;width:84px;height:84px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(10,11,15,.52);backdrop-filter:blur(8px);pointer-events:none;align-items:center;justify-content:center;transform:translate(-50%,-50%)}
.cursor span{font:500 .58rem/1 var(--mono);letter-spacing:.15em}
@media(pointer:fine){.cursor{display:flex}a,button{cursor:none}}

.site-nav{position:fixed;z-index:120;top:0;left:0;right:0;height:74px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.09);background:linear-gradient(to bottom,rgba(7,8,11,.78),rgba(7,8,11,.14));backdrop-filter:blur(14px)}
.brand{justify-self:start;font:800 1.05rem/1 var(--sans);letter-spacing:-.06em}.brand span{color:var(--accent)}
.nav-links{display:flex;gap:clamp(1rem,3vw,2.4rem)}
.nav-links a{font:500 .66rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#d7d9df;position:relative;padding:.75rem 0}
.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:.45rem;height:1px;background:var(--accent);transition:right .3s ease}.nav-links a:hover:after{right:0}
.nav-status{justify-self:end;font:400 .61rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#b6bac7;display:flex;align-items:center;gap:.6rem}.nav-status i,.availability i{width:7px;height:7px;border-radius:50%;background:#67e3a0;box-shadow:0 0 0 5px rgba(103,227,160,.08)}

.hero{position:relative;min-height:100svh;overflow:hidden;padding:105px var(--pad) 36px;display:grid;grid-template-rows:1fr auto;background:radial-gradient(circle at 65% 30%,rgba(91,108,255,.12),transparent 32%),#090a0e}
.hero__grid{position:absolute;inset:0;opacity:.38;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:clamp(46px,7vw,92px) clamp(46px,7vw,92px);mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 92%)}
.hero__orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.hero__orb--a{width:40vw;height:40vw;min-width:400px;min-height:400px;right:-12vw;top:4vh;border:1px solid rgba(91,108,255,.24);box-shadow:inset 0 0 120px rgba(91,108,255,.07)}.hero__orb--b{width:22vw;height:22vw;left:-10vw;bottom:-10vw;border:1px solid rgba(255,255,255,.09)}
.hero__meta{position:absolute;top:100px;z-index:4;font:400 .58rem/1.7 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#8d93a3;display:flex;flex-direction:column}.hero__meta--left{left:var(--pad)}.hero__meta--right{right:var(--pad);text-align:right}
.hero__title-wrap{align-self:center;position:relative;z-index:3;padding-top:9vh}
.hero__eyebrow{font:500 .63rem/1 var(--mono);letter-spacing:.17em;color:var(--accent-2);margin:0 0 1.1rem}
.hero-title{margin:0;font-size:clamp(5rem,15.5vw,14rem);line-height:.72;letter-spacing:-.095em;font-weight:800;text-transform:uppercase;position:relative;z-index:2}
.hero-title>span{display:block;overflow:hidden}.hero-title>span:last-child{margin-left:11vw;color:transparent;-webkit-text-stroke:1.3px rgba(255,255,255,.84)}
.split-text .char{display:inline-block;will-change:transform,opacity}
.hero__artifact{position:absolute;z-index:2;width:min(31vw,420px);right:10vw;top:25vh;transform:rotate(7deg);transform-style:preserve-3d;perspective:900px}
.artifact__frame{position:relative;background:#171920;border:1px solid rgba(255,255,255,.18);padding:8px;box-shadow:0 35px 80px rgba(0,0,0,.4);overflow:hidden}.artifact__frame:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(135deg,rgba(255,255,255,.17),transparent 28%,transparent 70%,rgba(91,108,255,.14));pointer-events:none}.artifact__frame img{aspect-ratio:4/3;object-fit:cover;filter:saturate(.78) contrast(1.08)}
.artifact__scan{position:absolute;z-index:3;left:8px;right:8px;top:8px;height:1px;background:var(--accent);box-shadow:0 0 18px var(--accent);opacity:.8}.artifact__badge,.artifact__coords{position:absolute;z-index:4;font:500 .52rem/1 var(--mono);letter-spacing:.1em;background:rgba(8,9,13,.72);backdrop-filter:blur(5px);padding:.48rem .58rem}.artifact__badge{left:18px;bottom:18px}.artifact__coords{right:18px;top:18px;color:#b8bdca}
.hero__bottom{position:relative;z-index:4;display:grid;grid-template-columns:1.4fr 1fr auto;align-items:end;gap:2rem;border-top:1px solid rgba(255,255,255,.13);padding-top:1.2rem}.hero__bottom>p{max-width:620px;margin:0;color:#aeb2be;font-size:clamp(.86rem,1.2vw,1rem);line-height:1.7}.hero__cta{font:600 .67rem/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;justify-self:start;display:flex;gap:1.2rem;align-items:center}.hero__cta span{color:var(--accent);font-size:1.2rem}.hero__scroll{justify-self:end;font:400 .56rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#7f8491;display:flex;align-items:center;gap:.8rem}.hero__scroll i{display:block;width:46px;height:1px;background:#494d58;position:relative;overflow:hidden}.hero__scroll i:after{content:"";position:absolute;left:-100%;top:0;width:100%;height:1px;background:#fff;animation:scanline 1.7s linear infinite}@keyframes scanline{to{left:100%}}

.section-index{font:500 .58rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#7f8494}
.manifest{background:var(--bone);color:var(--ink);min-height:105vh;padding:clamp(6rem,11vw,10rem) var(--pad);display:grid;grid-template-columns:.7fr 2fr;grid-template-rows:auto 1fr auto;gap:4rem 7vw;position:relative;overflow:hidden}.manifest:after{content:"";position:absolute;width:44vw;height:44vw;border:1px solid rgba(10,11,15,.08);border-radius:50%;right:-18vw;bottom:-20vw}.manifest__copy{grid-column:2}.manifest__copy .kicker{font:500 .63rem/1 var(--mono);letter-spacing:.14em;color:#6f7481;margin:0 0 1.7rem}.manifest__copy h2{font-size:clamp(4rem,10vw,9.2rem);line-height:.78;letter-spacing:-.08em;margin:0;font-weight:800}.manifest__copy h2 em{font-style:normal;color:var(--accent)}.manifest__lead{max-width:680px;margin:3rem 0 0;font-size:clamp(1rem,1.55vw,1.3rem);line-height:1.75;color:#555963}.manifest__stats{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(10,11,15,.16);border:1px solid rgba(10,11,15,.16);align-self:end}.manifest__stats div{background:var(--bone);padding:2rem}.manifest__stats strong{display:block;font-size:clamp(2.4rem,5vw,5rem);letter-spacing:-.065em}.manifest__stats span{display:block;margin-top:.55rem;font:400 .62rem/1.45 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#646977}.manifest__note{grid-column:1;grid-row:3;align-self:end;font:500 .55rem/1.4 var(--mono);letter-spacing:.12em;color:#7c808a}

.work-intro{height:210vh;background:#0b0c10;position:relative}.work-intro__pin{height:100vh;padding:120px var(--pad) var(--pad);display:grid;grid-template-columns:.5fr 1.8fr;grid-template-rows:auto 1fr auto;overflow:hidden}.work-intro__number{font:500 .6rem/1 var(--mono);letter-spacing:.14em;color:#777c88}.work-intro__pin>p{font:500 .6rem/1 var(--mono);letter-spacing:.14em;color:var(--accent-2);margin:0}.work-intro__pin h2{grid-column:2;align-self:center;margin:0;font-size:clamp(4.1rem,11vw,10.3rem);line-height:.79;letter-spacing:-.085em}.work-intro__pin h2 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.7)}.work-intro__line{grid-column:1/-1;height:1px;background:#2a2d36;overflow:hidden}.work-intro__line i{display:block;width:0;height:100%;background:var(--accent)}

.project-journey{height:510vh;background:#0a0b0f;position:relative}.project-pin{height:100vh;position:relative;overflow:hidden}.project-stage{position:absolute;inset:0;opacity:0;pointer-events:none;padding:104px var(--pad) 48px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:4vw;transition:opacity .4s ease}.project-stage.is-active{opacity:1;pointer-events:auto}.stage__wash{position:absolute;inset:0;pointer-events:none;opacity:.24}.project-stage--quizzy .stage__wash{background:radial-gradient(circle at 80% 40%,rgba(123,92,255,.35),transparent 37%)}.project-stage--replica .stage__wash{background:radial-gradient(circle at 78% 35%,rgba(90,166,255,.31),transparent 37%)}.project-stage--julion .stage__wash{background:radial-gradient(circle at 78% 42%,rgba(139,226,232,.25),transparent 37%)}.project-stage--herself{background:#f3eceb;color:#19131a}.project-stage--herself .stage__wash{background:radial-gradient(circle at 78% 40%,rgba(242,134,168,.4),transparent 38%)}
.stage__content{position:relative;z-index:2;max-width:760px}.stage__meta{display:flex;gap:1.3rem;font:500 .58rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#8d93a1;margin-bottom:1.4rem}.project-stage--herself .stage__meta{color:#756772}.stage__content h2{margin:0;font-size:clamp(5.2rem,12vw,11.5rem);line-height:.75;letter-spacing:-.095em}.stage__statement{font-size:clamp(1.05rem,1.9vw,1.55rem);line-height:1.55;max-width:680px;color:#b7bbc6;margin:2.2rem 0}.project-stage--herself .stage__statement{color:#5b4d57}.stage__metrics{display:flex;gap:1px;margin:0 0 2.2rem;background:rgba(255,255,255,.14);width:max-content;max-width:100%}.project-stage--herself .stage__metrics{background:rgba(25,19,26,.14)}.stage__metrics div{padding:1rem 1.35rem;background:rgba(8,9,12,.72);min-width:125px}.project-stage--herself .stage__metrics div{background:rgba(243,236,235,.88)}.stage__metrics strong{display:block;font-size:1.2rem}.stage__metrics span{display:block;margin-top:.35rem;font:400 .52rem/1.2 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#8e94a1}.project-stage--herself .stage__metrics span{color:#756b73}.stage__link{display:inline-flex;align-items:center;gap:.8rem;font:600 .62rem/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:.5rem}.stage__link--secondary{margin-left:1.2rem;color:#8f95a4}.stage__link--muted{border:0;color:#7f8592}.project-stage--herself .stage__link--muted{color:#7c6472}
.stage__visual{position:relative;z-index:2;height:min(66vh,660px);min-height:460px}.quizzy-visual,.replica-visual,.julion-visual,.herself-visual{border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012));overflow:hidden}.herself-visual{border-color:rgba(25,19,26,.12);background:rgba(255,255,255,.35)}
.quiz-orbit{position:absolute;border:1px solid rgba(123,92,255,.45);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.quiz-orbit--a{width:72%;aspect-ratio:1}.quiz-orbit--b{width:47%;aspect-ratio:1;border-style:dashed}.quiz-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:135px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#7b5cff;box-shadow:0 0 75px rgba(123,92,255,.38)}.quiz-core b{font-size:4.5rem;line-height:1;letter-spacing:-.1em}.quiz-core span{position:absolute;bottom:18px;font:500 .52rem/1 var(--mono);letter-spacing:.15em}.quiz-chip{position:absolute;padding:.7rem .9rem;background:#11131a;border:1px solid #343746;font:500 .55rem/1 var(--mono);letter-spacing:.09em;text-transform:uppercase}.quiz-chip--1{left:9%;top:21%}.quiz-chip--2{right:10%;top:32%}.quiz-chip--3{right:14%;bottom:18%}.quiz-risk{position:absolute;left:8%;bottom:10%;display:grid;grid-template-columns:auto auto;align-items:end;column-gap:.4rem}.quiz-risk span{grid-column:1/-1;font:500 .52rem/1 var(--mono);letter-spacing:.12em;color:#8d93a2}.quiz-risk strong{font-size:4rem;letter-spacing:-.08em}.quiz-risk small{font:500 .7rem/1 var(--mono);padding-bottom:.7rem;color:#707686}
.replica-card{position:absolute;border:1px solid rgba(255,255,255,.16);background:rgba(13,16,23,.82);backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.35rem}.replica-card b{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#243d62;font-size:1.1rem}.replica-card small,.replica-card span{font:500 .5rem/1 var(--mono);letter-spacing:.1em;color:#8fa1ba}.replica-card--host{width:38%;height:35%;left:9%;top:15%}.replica-card--host b{width:84px;height:84px;background:#5aa6ff;color:#06111c;font-size:2rem}.replica-card--p1{width:24%;height:25%;right:10%;top:12%}.replica-card--p2{width:24%;height:25%;right:10%;top:42%}.replica-card--p3{width:24%;height:25%;left:9%;bottom:10%}.replica-note{position:absolute;right:10%;bottom:9%;width:48%;padding:1.2rem;border:1px solid rgba(90,166,255,.34);background:#0f1722}.replica-note span,.replica-note small{display:block;font:500 .5rem/1.4 var(--mono);letter-spacing:.09em;color:#7695bd}.replica-note strong{display:block;margin:.65rem 0;font-size:1rem}.replica-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#5aa6ff,transparent);transform-origin:left}.replica-line--1{width:38%;left:38%;top:38%;transform:rotate(18deg)}.replica-line--2{width:42%;left:31%;top:60%;transform:rotate(-16deg)}
.julion-pipeline{position:absolute;left:8%;right:8%;top:13%;display:flex;align-items:center;justify-content:space-between;font:500 .47rem/1 var(--mono);letter-spacing:.06em;color:#8be2e8}.julion-pipeline i{width:4%;height:1px;background:#4a6266}.julion-file{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:42%;aspect-ratio:1.25/1;border:1px solid rgba(139,226,232,.46);background:linear-gradient(145deg,#172328,#0f1418);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 90px rgba(139,226,232,.09)}.julion-file:before{content:"";position:absolute;width:24%;height:18%;right:-1px;top:-1px;background:#8be2e8;clip-path:polygon(0 0,100% 100%,100% 0)}.julion-file span,.julion-file small{font:500 .5rem/1 var(--mono);letter-spacing:.14em;color:#78969b}.julion-file b{font-size:5.2rem;letter-spacing:-.1em;color:#dffcff}.julion-ring{position:absolute;width:80%;aspect-ratio:1;border:1px dashed rgba(139,226,232,.22);border-radius:50%;left:50%;top:56%;transform:translate(-50%,-50%)}
.bloom{position:absolute;border-radius:50%;border:1px solid rgba(125,77,100,.18);left:50%;top:52%;transform:translate(-50%,-50%)}.bloom--1{width:76%;aspect-ratio:1}.bloom--2{width:54%;aspect-ratio:1}.bloom--3{width:34%;aspect-ratio:1;background:rgba(242,134,168,.1)}.wellness-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:36%;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#21171e;color:#fff;box-shadow:0 28px 70px rgba(94,46,70,.18)}.wellness-core small{font:500 .5rem/1 var(--mono);letter-spacing:.12em;color:#eab2c4}.wellness-core strong{font-size:clamp(2.4rem,5vw,4.6rem);letter-spacing:-.08em}.wellness-core span{font:400 .48rem/1.5 var(--mono);color:#c4aeb9;text-align:center}.wellness-pill{position:absolute;padding:.7rem 1rem;border-radius:999px;border:1px solid rgba(66,45,56,.22);background:rgba(255,255,255,.52);font:500 .52rem/1 var(--mono);letter-spacing:.07em;color:#4f3844}.wellness-pill--1{left:8%;top:25%}.wellness-pill--2{right:11%;top:31%}.wellness-pill--3{right:17%;bottom:14%}
.journey-meter{position:absolute;z-index:8;left:var(--pad);right:var(--pad);bottom:22px;display:grid;grid-template-columns:auto 1fr auto;gap:1.2rem;align-items:center;font:500 .5rem/1 var(--mono);letter-spacing:.11em;color:#8c91a0}.journey-meter>div{height:1px;background:rgba(255,255,255,.13)}.journey-meter i{display:block;width:0;height:100%;background:currentColor}.journey-meter b{font-weight:500;color:#fff}

.horizontal-work{position:relative;background:var(--bone);color:var(--ink)}.horizontal-pin{height:100vh;overflow:hidden;display:flex;flex-direction:column;padding-top:90px}.horizontal-head{position:absolute;z-index:5;left:var(--pad);top:110px;pointer-events:none}.horizontal-head span{font:500 .56rem/1 var(--mono);letter-spacing:.12em;color:#7d818d}.horizontal-head h2{font-size:clamp(2.5rem,5vw,5.2rem);line-height:.84;letter-spacing:-.065em;margin:1rem 0 0}.horizontal-track{display:flex;height:100%;width:max-content;align-items:stretch}.horizontal-card{position:relative;width:92vw;max-width:1180px;height:100%;flex:none;border-left:1px solid rgba(10,11,15,.15);padding:clamp(12rem,25vh,16rem) clamp(2rem,5vw,5rem) 3rem;display:grid;grid-template-columns:.85fr 1.15fr;gap:4vw;align-items:end;overflow:hidden}.horizontal-card--intro{width:72vw;grid-template-columns:1fr;align-content:end}.horizontal-card--intro p{font:500 .62rem/1 var(--mono);letter-spacing:.13em;color:#696e78}.horizontal-card--intro h3{font-size:clamp(4rem,8vw,8rem);line-height:.8;letter-spacing:-.08em;margin:1rem 0 2rem}.horizontal-card--intro>span{font:500 .56rem/1 var(--mono);letter-spacing:.13em}.card-index{position:absolute;top:110px;right:3rem;font:500 .6rem/1 var(--mono);letter-spacing:.13em}.card-copy{align-self:end;position:relative;z-index:3}.card-copy>span{font:500 .54rem/1 var(--mono);letter-spacing:.11em;color:#656a75}.card-copy h3{font-size:clamp(4rem,7vw,7.4rem);line-height:.78;letter-spacing:-.085em;margin:1.3rem 0}.card-copy p{max-width:620px;font-size:clamp(.95rem,1.3vw,1.1rem);line-height:1.72;color:#555a63}.card-facts{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0}.card-facts b{font:500 .5rem/1 var(--mono);letter-spacing:.08em;border:1px solid rgba(10,11,15,.18);padding:.65rem .7rem}.card-copy>a{display:inline-block;margin-top:1.2rem;font:600 .58rem/1 var(--mono);letter-spacing:.09em;border-bottom:1px solid;padding-bottom:.45rem}.horizontal-card--oxalis{background:#f1e6d6}.horizontal-card--capyrel{background:#e8edda}.horizontal-card--roominos{background:#dfe1e6}.horizontal-card--end{width:55vw;min-width:520px;background:#101218;color:#fff;grid-template-columns:1fr;align-content:end}.horizontal-card--end p{font-size:clamp(2.3rem,4vw,4.4rem);line-height:1.06;letter-spacing:-.05em}.horizontal-card--end a{font:500 .58rem/1 var(--mono);letter-spacing:.1em}
.fingerprint{align-self:center;justify-self:center;width:min(32vw,420px);aspect-ratio:1;position:relative}.fingerprint i{position:absolute;border:2px solid #6e4e2c;border-radius:50% 50% 43% 57% / 55% 45% 55% 45%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg)}.fingerprint i:nth-child(1){width:92%;height:92%}.fingerprint i:nth-child(2){width:74%;height:74%}.fingerprint i:nth-child(3){width:56%;height:56%}.fingerprint i:nth-child(4){width:38%;height:38%}.fingerprint i:nth-child(5){width:18%;height:18%;background:#6e4e2c}
.capyrel-map{align-self:center;justify-self:center;width:min(34vw,470px);aspect-ratio:1;position:relative}.node{position:absolute;display:grid;place-items:center;border:1px solid #566335;background:rgba(255,255,255,.5);font:600 .58rem/1 var(--mono);letter-spacing:.07em;z-index:2}.node--db{width:100px;height:100px;border-radius:50%;left:36%;top:35%;font-size:1.4rem;background:#c7d89e}.node--model{width:105px;height:52px;left:5%;top:14%}.node--api{width:90px;height:52px;right:5%;top:15%}.node--tests{width:90px;height:52px;left:7%;bottom:15%}.node--openapi{width:105px;height:52px;right:4%;bottom:13%}.edge{position:absolute;height:1px;background:#7f8d58;transform-origin:left;z-index:1}.edge--1{width:35%;left:22%;top:30%;transform:rotate(25deg)}.edge--2{width:34%;left:55%;top:42%;transform:rotate(-27deg)}.edge--3{width:34%;left:22%;top:67%;transform:rotate(-27deg)}.edge--4{width:33%;left:55%;top:62%;transform:rotate(26deg)}
.roominos-visual{align-self:center;justify-self:center;width:min(34vw,470px);height:52%;position:relative;display:flex;align-items:flex-end;gap:5%;border-bottom:1px solid #747985;padding:0 7%}.building{display:block;background:#787e8d;position:relative}.building:after{content:"";position:absolute;inset:12% 18%;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.42) 0 3px,transparent 3px 16px)}.building--1{height:48%;width:18%}.building--2{height:76%;width:21%}.building--3{height:58%;width:18%}.building--4{height:93%;width:23%}.roominos-label{position:absolute;left:7%;top:0;font:500 .5rem/1 var(--mono);letter-spacing:.1em;color:#626774}

.oss{min-height:100vh;padding:clamp(7rem,11vw,11rem) var(--pad);background:#0a0b0f;display:grid;grid-template-columns:.7fr 2fr;gap:4vw;align-content:center}.oss__headline{grid-column:2}.oss__headline p{font:500 .6rem/1 var(--mono);letter-spacing:.15em;color:var(--accent-2);margin:0 0 1.2rem}.oss__headline h2{font-size:clamp(5rem,12vw,11rem);line-height:.76;letter-spacing:-.09em;margin:0}.oss__rows{grid-column:2;margin-top:4rem;border-top:1px solid var(--line)}.oss-row{display:grid;grid-template-columns:55px 1fr 1fr auto;align-items:center;gap:1.4rem;padding:1.5rem 0;border-bottom:1px solid var(--line);transition:padding .35s ease,background .35s ease}.oss-row:hover{padding-left:1rem;padding-right:1rem;background:rgba(255,255,255,.025)}.oss-row span,.oss-row em{font:500 .52rem/1.3 var(--mono);letter-spacing:.1em;color:#7e8491;font-style:normal}.oss-row strong{font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.055em}.oss-row b{font-size:1.4rem;color:var(--accent)}

.journey{min-height:115vh;padding:clamp(7rem,10vw,10rem) var(--pad);background:#e9e7e1;color:var(--ink);position:relative;overflow:hidden}.journey__head{margin-left:20vw;margin-top:4rem}.journey__head p{font:500 .6rem/1 var(--mono);letter-spacing:.14em;color:#767b85}.journey__head h2{font-size:clamp(4rem,8.8vw,8.4rem);line-height:.8;letter-spacing:-.08em;margin:1rem 0}.journey__head h2 span{color:var(--accent)}.journey-map{position:relative;margin-top:2rem;min-height:520px}.journey-map svg{width:100%;height:auto;overflow:visible}.journey-route-shadow{fill:none;stroke:rgba(10,11,15,.11);stroke-width:3}.journey-route{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-dasharray:1800;stroke-dashoffset:1800}.journey-dot{fill:var(--ink);stroke:var(--accent);stroke-width:5}.journey-stop{position:absolute;max-width:160px}.journey-stop b{display:block;font:700 .78rem/1 var(--mono);letter-spacing:.08em}.journey-stop span{display:block;margin-top:.4rem;font-size:.75rem;color:#6f737d}.journey-stop--1{left:2%;bottom:8%}.journey-stop--2{left:27%;top:23%}.journey-stop--3{left:49%;bottom:14%}.journey-stop--4{right:22%;top:7%}.journey-stop--5{right:2%;top:4%}.journey-data{display:flex;justify-content:space-between;border-top:1px solid rgba(10,11,15,.16);padding-top:1rem;font:500 .52rem/1 var(--mono);letter-spacing:.1em;color:#666b75}

.stack{height:300vh;background:#0a0b0f;position:relative}.stack__pin{height:100vh;overflow:hidden;padding:105px var(--pad) 30px;display:flex;flex-direction:column;justify-content:center;gap:clamp(1rem,2vh,2rem)}.stack__title{position:absolute;top:108px;left:var(--pad);z-index:2}.stack__title p{font:500 .55rem/1 var(--mono);letter-spacing:.13em;color:#7f8592}.stack__title h2{font-size:clamp(2.2rem,4vw,4.2rem);line-height:.86;letter-spacing:-.06em;margin:.7rem 0}.stack>.section-index,.stack__pin>.section-index{position:absolute;right:var(--pad);top:112px}.marquee{white-space:nowrap;overflow:visible}.marquee div{font-size:clamp(3.5rem,8vw,8rem);font-weight:800;line-height:.9;letter-spacing:-.065em;width:max-content}.marquee--a div{color:#fff}.marquee--b div{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.45)}.marquee--c div{color:var(--accent)}.stack__groups{position:absolute;left:var(--pad);right:var(--pad);bottom:32px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.stack__groups div{padding:1rem;border-right:1px solid var(--line)}.stack__groups div:last-child{border:0}.stack__groups span{display:block;font:500 .5rem/1 var(--mono);letter-spacing:.1em;color:#707684}.stack__groups strong{display:block;margin-top:.65rem;font-size:.75rem;line-height:1.45;font-weight:500;color:#c2c6cf}

.process{min-height:120vh;background:var(--bone);color:var(--ink);padding:clamp(7rem,11vw,11rem) var(--pad);display:grid;grid-template-columns:.7fr 2fr;gap:4vw}.process__title{grid-column:2}.process__title p{font:500 .6rem/1 var(--mono);letter-spacing:.14em;color:#6c717c}.process__title h2{font-size:clamp(4.5rem,10vw,9.2rem);line-height:.78;letter-spacing:-.085em;margin:1rem 0 4rem}.process__steps{grid-column:2;border-top:1px solid rgba(10,11,15,.18)}.process__steps article{display:grid;grid-template-columns:80px .8fr 1fr;gap:2rem;padding:2rem 0;border-bottom:1px solid rgba(10,11,15,.18);align-items:start}.process__steps article>span{font:500 .55rem/1 var(--mono);letter-spacing:.12em;color:#777c86}.process__steps h3{font-size:clamp(1.6rem,3vw,2.8rem);letter-spacing:-.045em;margin:0}.process__steps p{margin:0;color:#5d626c;line-height:1.72;max-width:560px}

.now{height:240vh;background:#101117;position:relative}.now__pin{height:100vh;padding:105px var(--pad) 40px;overflow:hidden;position:relative}.now__year{position:absolute;right:-4vw;bottom:-7vw;font-size:clamp(12rem,35vw,34rem);font-weight:800;line-height:.7;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.07);pointer-events:none}.now__content{position:relative;z-index:2;max-width:950px}.now__content>p{font:500 .58rem/1 var(--mono);letter-spacing:.14em;color:var(--accent-2);margin:4rem 0 1rem}.now__content h2{font-size:clamp(4.2rem,9vw,8.5rem);line-height:.79;letter-spacing:-.08em;margin:0}.now__list{margin-top:4rem;border-top:1px solid var(--line)}.now__list div{display:grid;grid-template-columns:55px .6fr 1fr;gap:1rem;padding:1.25rem 0;border-bottom:1px solid var(--line);align-items:center}.now__list span,.now__list em{font:500 .52rem/1.4 var(--mono);letter-spacing:.08em;color:#7e8491;font-style:normal}.now__list strong{font-size:1.4rem}

.transition-section{height:340vh;background:#090a0e;position:relative}.transition-pin{height:100vh;position:relative;overflow:hidden;display:grid;place-items:center}.transition-circle{width:14vmin;aspect-ratio:1;border-radius:50%;background:var(--bone);transform:scale(.35)}.transition-copy{position:absolute;font-size:clamp(4rem,11vw,10rem);font-weight:800;line-height:.78;letter-spacing:-.085em;text-align:center}.transition-copy--b{opacity:0;color:#0a0b0f;z-index:3}.transition-flash{position:absolute;inset:0;background:var(--bone);opacity:0}

.contact{min-height:130vh;background:var(--bone);color:var(--ink);padding:clamp(7rem,11vw,11rem) var(--pad)}.contact__headline{margin:4rem 0 5rem 20vw}.contact__headline p{font:500 .6rem/1 var(--mono);letter-spacing:.14em;color:#707580}.contact__headline h2{font-size:clamp(5rem,11vw,10rem);line-height:.77;letter-spacing:-.09em;margin:1rem 0}.contact__headline h2 span{color:var(--accent)}.contact__grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw}.contact__aside{display:flex;flex-direction:column;justify-content:space-between;min-height:560px}.contact__aside>p{font-size:1rem;line-height:1.75;color:#5c6069;max-width:390px}.contact__links{display:flex;flex-direction:column;border-top:1px solid rgba(10,11,15,.18)}.contact__links a{padding:.95rem 0;border-bottom:1px solid rgba(10,11,15,.18);font:600 .6rem/1 var(--mono);letter-spacing:.06em}.availability{display:flex;align-items:center;gap:.8rem;font:500 .56rem/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#4f555f}.contact-form{display:grid;gap:1.1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact-form label{display:grid;gap:.55rem}.contact-form label>span{font:500 .52rem/1 var(--mono);letter-spacing:.1em;color:#686d78}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(10,11,15,.2);background:transparent;color:var(--ink);border-radius:0;padding:1rem 1.05rem;outline:none;transition:border .25s ease,background .25s ease}.contact-form textarea{resize:vertical;min-height:150px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--accent);background:rgba(91,108,255,.035)}.contact-form select option{background:#fff;color:#111}.submit-btn{border:0;background:var(--ink);color:#fff;min-height:64px;padding:0 1.3rem;display:flex;align-items:center;justify-content:space-between;font:600 .62rem/1 var(--mono);letter-spacing:.09em;text-transform:uppercase}.submit-btn b{font-size:1.2rem;color:var(--accent-2)}.submit-btn[disabled]{opacity:.55}.form-status{min-height:24px;font-size:.83rem;color:#626873}.form-status.success{color:#287a52}.form-status.error{color:#ad3f45}.hp-field{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}

.finale{min-height:100vh;padding:110px var(--pad) 32px;background:var(--accent);color:#08090c;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.finale__small{font:600 .55rem/1 var(--mono);letter-spacing:.13em}.finale h2{font-size:clamp(6rem,18vw,17rem);line-height:.66;letter-spacing:-.105em;margin:3rem 0;position:relative;z-index:2}.finale__bottom{display:flex;justify-content:space-between;align-items:end;border-top:1px solid rgba(8,9,12,.22);padding-top:1rem;font:600 .55rem/1.3 var(--mono);letter-spacing:.09em}.replay{border:0;border-bottom:1px solid;background:none;padding:0 0 .35rem;font:600 .55rem/1 var(--mono);letter-spacing:.09em}.finale__orb{position:absolute;width:44vw;aspect-ratio:1;border:1px solid rgba(8,9,12,.2);border-radius:50%;right:-15vw;bottom:-20vw}

@media(max-width:1000px){
  .site-nav{grid-template-columns:auto 1fr}.nav-links{display:none}.nav-status{justify-self:end}
  .hero__artifact{right:5vw;width:min(39vw,390px);top:30vh}.hero-title{font-size:clamp(5.2rem,16vw,10rem)}.hero__bottom{grid-template-columns:1fr auto}.hero__bottom>p{grid-column:1/-1}.hero__scroll{display:none}
  .manifest,.oss,.process{grid-template-columns:1fr}.manifest__copy,.manifest__stats,.manifest__note,.oss__headline,.oss__rows,.process__title,.process__steps{grid-column:1}.manifest__copy,.oss__headline,.process__title{margin-left:9vw}.manifest__note{grid-row:auto}.manifest__stats{grid-template-columns:repeat(3,1fr)}
  .project-stage{grid-template-columns:1fr 1fr}.stage__metrics div{min-width:105px;padding:.85rem 1rem}.stage__visual{min-height:400px}
  .horizontal-card{width:105vw;grid-template-columns:.8fr 1.2fr}.horizontal-card--intro{width:85vw}.horizontal-card--end{width:65vw}
  .journey__head{margin-left:9vw}.journey-map{min-height:440px}.journey-stop{font-size:.8rem}
  .stack__groups{grid-template-columns:1fr 1fr}.stack__groups div:nth-child(2){border-right:0}.stack__groups div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .contact__headline{margin-left:9vw}.contact__grid{grid-template-columns:.7fr 1.3fr;gap:4vw}
}

@media(max-width:760px){
  :root{--pad:1rem}
  .noise{opacity:.05}.site-nav{height:62px}.nav-status{font-size:.5rem}
  .hero{padding-top:78px;min-height:100svh}.hero__meta{top:80px;font-size:.48rem}.hero__meta--right{display:none}.hero__title-wrap{align-self:start;padding-top:17vh}.hero__eyebrow{font-size:.52rem}.hero-title{font-size:clamp(4.5rem,22vw,7rem);line-height:.75}.hero-title>span:last-child{margin-left:0}.hero__artifact{width:58vw;right:-7vw;top:39vh;opacity:.86}.hero__bottom{grid-template-columns:1fr;gap:1rem;padding-bottom:.3rem}.hero__bottom>p{font-size:.8rem;max-width:80%}.hero__cta{font-size:.55rem}
  .manifest{padding-top:6rem;gap:2rem;min-height:auto}.manifest__copy{margin-left:0}.manifest__copy h2{font-size:clamp(3.8rem,18vw,6rem)}.manifest__lead{font-size:.95rem;margin-top:2rem}.manifest__stats{grid-template-columns:1fr}.manifest__stats div{padding:1.2rem;display:flex;align-items:end;justify-content:space-between}.manifest__stats strong{font-size:2.7rem}.manifest__stats span{text-align:right;max-width:170px}
  .work-intro{height:150vh}.work-intro__pin{padding-top:86px;grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto}.work-intro__pin>p{margin-top:1rem}.work-intro__pin h2{grid-column:1;align-self:center;font-size:clamp(3.8rem,17vw,6rem)}.work-intro__line{grid-column:1}
  .project-journey{height:auto}.project-pin{height:auto;overflow:visible}.project-stage{position:relative;opacity:1!important;pointer-events:auto;min-height:100svh;padding:84px 1rem 44px;grid-template-columns:1fr;gap:2rem;border-bottom:1px solid rgba(255,255,255,.12)}.project-stage--herself{border-color:rgba(10,11,15,.1)}.stage__content h2{font-size:clamp(4.5rem,21vw,7rem)}.stage__statement{font-size:1rem}.stage__metrics{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.stage__metrics div{min-width:0;padding:.8rem}.stage__metrics strong{font-size:1rem}.stage__visual{height:52vh;min-height:360px;order:-1}.journey-meter{display:none}.julion-pipeline{font-size:.4rem;gap:.25rem}.julion-pipeline i{display:none}.julion-file{width:48%}
  .horizontal-work{overflow:hidden}.horizontal-pin{height:auto;padding-top:0}.horizontal-head{position:relative;top:auto;left:auto;padding:6rem 1rem 2rem}.horizontal-track{width:auto;display:block}.horizontal-card,.horizontal-card--intro,.horizontal-card--end{width:100%;max-width:none;min-width:0;height:auto;min-height:90svh;padding:4rem 1rem;grid-template-columns:1fr;align-content:end;border-left:0;border-top:1px solid rgba(10,11,15,.15)}.horizontal-card--intro{min-height:70svh}.horizontal-card--end{min-height:65svh}.card-index{top:1rem;right:1rem}.fingerprint,.capyrel-map,.roominos-visual{width:min(80vw,420px);margin:auto}.fingerprint{align-self:end}.roominos-visual{height:330px}.card-copy h3{font-size:clamp(4rem,18vw,6rem)}
  .oss{padding-top:6rem;min-height:auto}.oss__headline{margin-left:0}.oss__headline h2{font-size:clamp(4.4rem,20vw,6.7rem)}.oss-row{grid-template-columns:36px 1fr auto}.oss-row em{grid-column:2}.oss-row b{grid-row:1/3;grid-column:3}
  .journey{min-height:auto;padding-top:6rem}.journey__head{margin:3rem 0 0}.journey__head h2{font-size:clamp(3.5rem,16vw,5.5rem)}.journey-map{min-height:520px;margin-top:1rem}.journey-map svg{position:absolute;left:0;right:0;top:80px;transform:rotate(90deg) scale(.76);transform-origin:center}.journey-stop{max-width:145px}.journey-stop--1{left:2%;top:5%;bottom:auto}.journey-stop--2{left:52%;top:24%}.journey-stop--3{left:5%;bottom:39%}.journey-stop--4{right:5%;top:auto;bottom:19%}.journey-stop--5{left:8%;right:auto;top:auto;bottom:0}.journey-data{margin-top:2rem}
  .stack{height:auto}.stack__pin{height:auto;min-height:100svh;padding:90px 0 24px;justify-content:center}.stack__pin>.section-index{right:1rem;top:86px}.stack__title{left:1rem;top:85px}.marquee div{font-size:clamp(3.2rem,16vw,5rem)}.stack__groups{position:relative;left:auto;right:auto;bottom:auto;margin:3rem 1rem 0;grid-template-columns:1fr 1fr}.stack__groups div{padding:.8rem}
  .process{padding-top:6rem}.process__title{margin-left:0}.process__title h2{font-size:clamp(4rem,18vw,6rem);margin-bottom:2.5rem}.process__steps article{grid-template-columns:45px 1fr;gap:1rem}.process__steps p{grid-column:2}
  .now{height:auto}.now__pin{height:auto;min-height:100svh;padding-top:86px}.now__content>p{margin-top:3rem}.now__content h2{font-size:clamp(3.9rem,17vw,6rem)}.now__list div{grid-template-columns:38px 1fr}.now__list em{grid-column:2}.now__year{font-size:65vw;bottom:4rem}
  .transition-section{height:220vh}.transition-copy{font-size:clamp(4rem,18vw,7rem)}
  .contact{padding-top:6rem}.contact__headline{margin:3rem 0}.contact__headline h2{font-size:clamp(4.7rem,20vw,7rem)}.contact__grid{grid-template-columns:1fr}.contact__aside{min-height:auto;gap:2rem}.form-row{grid-template-columns:1fr}
  .finale{padding-top:80px;min-height:90svh}.finale h2{font-size:clamp(5.3rem,23vw,8rem);line-height:.7}.finale__bottom{flex-direction:column;align-items:flex-start;gap:1.4rem}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.noise{display:none}.hero__scroll i:after{animation:none}.split-text .char{transform:none!important;opacity:1!important}.loader{display:none!important}
}

/* === Project image refresh — uploaded portfolio artwork === */
.project-stage{transition:none;will-change:opacity,transform}
.project-stage--replica .stage__wash{background:radial-gradient(circle at 80% 38%,rgba(129,210,181,.27),transparent 39%)}
.project-stage--julion .stage__wash{background:radial-gradient(circle at 80% 40%,rgba(111,170,255,.24),transparent 40%)}
.project-stage--herself .stage__wash{background:radial-gradient(circle at 78% 40%,rgba(238,153,124,.30),transparent 41%)}
.stage__visual.project-media{height:auto;min-height:0;aspect-ratio:16/10;max-height:64vh;isolation:isolate;perspective:1100px}
.project-media__halo{position:absolute;inset:8%;filter:blur(54px);opacity:.34;transform:scale(.92);pointer-events:none}
.project-media--quizzy .project-media__halo{background:radial-gradient(circle,#6b43ff 0,rgba(107,67,255,.38) 42%,transparent 72%)}
.project-media--replica .project-media__halo{background:radial-gradient(circle,#81d2b5 0,rgba(129,210,181,.34) 40%,transparent 72%)}
.project-media--julion .project-media__halo{background:radial-gradient(circle,#7bb4ff 0,rgba(123,180,255,.34) 40%,transparent 72%)}
.project-media--herself .project-media__halo{background:radial-gradient(circle,#ef9c7f 0,rgba(239,156,127,.34) 42%,transparent 74%)}
.project-media__frame{position:absolute;inset:3%;margin:0;overflow:hidden;background:#11141b;border:1px solid rgba(255,255,255,.16);clip-path:inset(0 round 26px);box-shadow:0 28px 90px rgba(0,0,0,.26);transform-style:preserve-3d;will-change:transform,clip-path}
.project-media--replica .project-media__frame,.project-media--julion .project-media__frame{background:#eaf4f4}
.project-media--herself .project-media__frame{background:#f1ded5;border-color:rgba(48,31,39,.14);box-shadow:0 28px 75px rgba(94,46,70,.13)}
.project-media__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.045);will-change:transform;filter:saturate(.98) contrast(1.015)}
.project-media--replica .project-media__image,.project-media--julion .project-media__image{object-fit:cover}
.project-media__shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,rgba(255,255,255,.08),transparent 28%,transparent 68%,rgba(0,0,0,.12));mix-blend-mode:soft-light}
.project-media__wipe{position:absolute;inset:0;background:#0b0d12;transform:scaleX(0);transform-origin:right center;pointer-events:none;z-index:3}
.project-media--quizzy .project-media__wipe{background:#1a1231}
.project-media--replica .project-media__wipe{background:#d9efe5}
.project-media--julion .project-media__wipe{background:#dcecff}
.project-media--herself .project-media__wipe{background:#f0d7cb}
.project-media__corner{position:absolute;width:30px;height:30px;z-index:2;opacity:.65;pointer-events:none}
.project-media__corner--tl{left:14px;top:14px;border-left:1px solid rgba(255,255,255,.72);border-top:1px solid rgba(255,255,255,.72)}
.project-media__corner--br{right:14px;bottom:14px;border-right:1px solid rgba(255,255,255,.72);border-bottom:1px solid rgba(255,255,255,.72)}
.project-media--replica .project-media__corner,.project-media--julion .project-media__corner,.project-media--herself .project-media__corner{filter:invert(1);opacity:.28}

/* Replica launch countdown */
.project-stage--replica .stage__statement{margin:1.45rem 0}
.project-stage--replica .stage__metrics{margin-bottom:1rem}
.release-countdown{width:min(100%,470px);margin:0 0 1.15rem;padding:.9rem 1rem .85rem;border:1px solid rgba(129,210,181,.28);background:linear-gradient(135deg,rgba(129,210,181,.085),rgba(255,255,255,.018));position:relative;overflow:hidden;transform-style:preserve-3d;will-change:transform}
.release-countdown:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.07) 50%,transparent 80%);transform:translateX(-130%);transition:transform .8s ease;pointer-events:none}
.release-countdown:hover:before{transform:translateX(130%)}
.release-countdown__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem;font:500 .48rem/1 var(--mono);letter-spacing:.11em;color:#7fa99a}
.release-countdown__head time{color:#d6e7e1}
.release-countdown__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(129,210,181,.17)}
.release-countdown__grid>div{background:#0d1515;padding:.62rem .55rem .55rem;text-align:center;min-width:0}
.release-countdown__grid strong{display:block;font-size:clamp(1.25rem,2.2vw,2rem);line-height:1;letter-spacing:-.045em;color:#eefaf5;font-variant-numeric:tabular-nums;will-change:transform,opacity}
.release-countdown__grid span{display:block;margin-top:.38rem;font:500 .42rem/1 var(--mono);letter-spacing:.1em;color:#6f9487}
.release-countdown__progress{height:2px;background:rgba(129,210,181,.14);margin-top:.72rem;overflow:hidden}
.release-countdown__progress i{display:block;width:0;height:100%;background:#81d2b5;box-shadow:0 0 14px rgba(129,210,181,.72)}
.release-countdown>small{display:block;margin-top:.55rem;font:500 .42rem/1.25 var(--mono);letter-spacing:.09em;color:#658579}
.release-countdown.is-live{border-color:rgba(129,210,181,.62);box-shadow:0 0 0 1px rgba(129,210,181,.08),0 18px 60px rgba(56,138,109,.12)}
.release-countdown.is-live .release-countdown__progress i{width:100%!important}
.release-countdown.is-live>small{color:#9be0c7}

@media(max-width:1000px){
  .stage__visual.project-media{aspect-ratio:4/3;max-height:55vh}
  .release-countdown{max-width:420px;padding:.75rem .8rem}
  .release-countdown__grid strong{font-size:1.25rem}
}

@media(max-width:760px){
  .stage__visual.project-media{height:auto;min-height:0;aspect-ratio:16/10;max-height:none;order:-1}
  .project-media__frame{inset:0;clip-path:inset(0 round 18px)}
  .project-media__halo{inset:10%;filter:blur(34px)}
  .project-stage--replica .stage__statement{margin:1.2rem 0}
  .release-countdown{width:100%;max-width:none;margin-bottom:1.2rem}
  .release-countdown__head{font-size:.42rem}
  .release-countdown__grid strong{font-size:1.35rem}
}

@media(prefers-reduced-motion:reduce){
  .project-media__image{transform:none!important}
  .project-media__wipe{display:none}
  .release-countdown{transform:none!important}
}

#contactStatus {
    min-height: 1.5rem;
    margin-top: 1rem;
    font-size: 0.85rem;
    transition:
        opacity 0.3s ease,
        color 0.3s ease;
}

#contactStatus[data-state="loading"] {
    opacity: 0.65;
}

#contactStatus[data-state="success"] {
    color: #6fdc98;
}

#contactStatus[data-state="error"] {
    color: #ff7878;
}

#contactSubmit:disabled {
    opacity: 0.55;
    cursor: wait;
}