@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./archivo-vietnamese-wght-normal-XAtsl5Q_.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./archivo-latin-ext-wght-normal-C4zznr8T.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./archivo-latin-wght-normal-E0tuGl4L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Black;font-style:normal;font-display:swap;font-weight:400;src:url(./archivo-black-latin-ext-400-normal-DQAASfvW.woff2)format("woff2"),url(./archivo-black-latin-ext-400-normal--j5WRK12.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Black;font-style:normal;font-display:swap;font-weight:400;src:url(./archivo-black-latin-400-normal-BTVu2TQR.woff2)format("woff2"),url(./archivo-black-latin-400-normal-HW9MwEcM.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#ece6cb;--ink:#0c0e0f;--aqua:#7ba2a0;--rose:#e7a0a4;--moss:#304c3c;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);color:#ece6cb;font-synthesis:none;text-rendering:geometricprecision;background:#0c0e0f;font-family:Archivo Variable,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#0c0e0f}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.portfolio-shell{min-height:100vh;overflow-x:clip}::selection{color:#0c0e0f;background:#e7a0a4}:focus-visible{outline-offset:.45rem;outline:1px solid #7ba2a0}.section-kicker{color:#ece6cb9e;letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid #ece6cb3d;justify-content:space-between;gap:2rem;padding-bottom:1rem;font-size:.68rem;font-weight:600;display:flex}.footer>p em{color:var(--rose);text-transform:none;font-family:Georgia,Times New Roman,serif;font-weight:400}.drift-line{will-change:translate;display:block}[data-reveal]{opacity:1;transition:transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(2.2rem)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.product-visual{background:#181c1d;width:100%;height:100%;position:relative;overflow:hidden}.fieldnote-visual{color:#141616;background:#d9d4c3;grid-template-columns:12% 1fr;display:grid}.fieldnote-visual__rail{color:var(--paper);background:#252e29;flex-direction:column;align-items:center;gap:1rem;padding:2rem 0;display:flex}.fieldnote-visual__rail span{letter-spacing:.18em;writing-mode:vertical-rl;margin-bottom:auto;font-size:.62rem}.fieldnote-visual__rail i{border:1px solid #ece6cb85;border-radius:50%;width:.75rem;height:.75rem}.fieldnote-visual__document{align-self:center;width:68%;margin-left:10%}.fieldnote-visual__document small,.afterlight-visual__copy small{letter-spacing:.2em;font-size:.62rem}.fieldnote-visual__document h3{letter-spacing:-.05em;margin:2rem 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,6vw,7rem);font-weight:400;line-height:.87}.fieldnote-visual__document p{width:55%;font-size:.9rem;line-height:1.5}.signal-lines{gap:.65rem;margin-top:2rem;display:grid}.signal-lines span{background:#252e29;width:48%;height:2px}.signal-lines span:nth-child(2){width:66%}.signal-lines span:nth-child(3){width:35%}.fieldnote-visual__orb{color:#111;background:var(--rose);text-align:center;border-radius:50%;place-content:center;width:10rem;height:10rem;font-size:2.5rem;line-height:.65;display:grid;position:absolute;bottom:10%;right:7%}.fieldnote-visual__orb small{letter-spacing:.14em;text-transform:uppercase;margin-top:.7rem;font-size:.6rem;line-height:1;display:block}.relay-visual{color:#0c1515;background:#91bfbb;padding:4%}.relay-visual__top{border-bottom:1px solid #0c151559;justify-content:space-between;padding-bottom:2rem;display:flex}.relay-visual__top b{font-size:1.4rem}.relay-visual__top span{letter-spacing:.12em;text-transform:uppercase;font-size:.7rem}.relay-visual__metric{position:absolute;top:22%;left:8%}.relay-visual__metric small{letter-spacing:.2em;text-transform:uppercase;font-size:.7rem}.relay-visual__metric strong{letter-spacing:-.1em;margin-top:.5rem;font-size:clamp(7rem,18vw,18rem);line-height:.8;display:block}.relay-visual__metric p{margin:1rem 0 0;font-size:1rem}.relay-visual__queue{border-top:1px solid #0c151559;width:38%;display:grid;position:absolute;bottom:7%;right:5%}.relay-visual__queue span{letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #0c151559;align-items:center;gap:1rem;padding:1.2rem 0;font-size:.72rem;display:flex}.relay-visual__queue i{background:#17342f;border-radius:50%;width:.7rem;height:.7rem}.relay-visual__pulse{align-items:flex-end;gap:.4rem;height:8rem;display:flex;position:absolute;top:19%;right:10%}.relay-visual__pulse span{background:#17342f;width:.55rem;height:35%;animation:2.6s ease-in-out infinite alternate pulse}.relay-visual__pulse span:nth-child(2){height:70%;animation-delay:-1.1s}.relay-visual__pulse span:nth-child(3){height:45%;animation-delay:-2s}.relay-visual__pulse span:nth-child(4){height:90%;animation-delay:-.4s}.relay-visual__pulse span:nth-child(5){height:60%;animation-delay:-1.7s}@keyframes pulse{to{height:95%}}.common-visual{background:#c4a0f1}.common-visual__canvas{background-image:linear-gradient(#20142e1a 1px,#0000 1px),linear-gradient(90deg,#20142e1a 1px,#0000 1px);background-size:4rem 4rem;border:1px solid #20142e61;position:absolute;inset:6%}.common-visual__canvas svg{fill:none;stroke:#25202a;stroke-width:2px;width:100%;height:100%;position:absolute;inset:0}.idea{z-index:2;text-transform:uppercase;background:#e8e2d4;border:1px solid #2b2135;padding:1rem 1.2rem;font-size:.72rem;position:absolute;transform:rotate(-3deg)}.idea--one{top:16%;left:12%}.idea--two{background:#ef9bab;top:57%;left:27%;transform:rotate(2deg)}.idea--three{top:20%;right:18%;transform:rotate(4deg)}.idea--four{background:#91bfbb;bottom:13%;right:9%;transform:rotate(-2deg)}.common-visual__dock{background:#20172a;border-radius:3rem;gap:1.2rem;padding:1rem 1.6rem;display:flex;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.common-visual__dock i{background:var(--paper);border-radius:50%;width:1rem;height:1rem}.afterlight-visual img{object-fit:cover;width:100%;height:100%;transform:scale(1.1)}.afterlight-visual__wash{background:linear-gradient(90deg,#090d0ddb,#0000 68%);position:absolute;inset:0}.afterlight-visual__copy{position:absolute;top:15%;left:8%}.afterlight-visual__copy strong{letter-spacing:-.06em;margin-top:2rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(4rem,8vw,9rem);font-weight:400;line-height:.86;display:block}.afterlight-visual__dial{border:1px solid var(--paper);text-align:center;border-radius:50%;place-content:center;width:11rem;height:11rem;display:grid;position:absolute;bottom:8%;right:7%}.afterlight-visual__dial span{font-size:2.8rem;line-height:1}.afterlight-visual__dial small{letter-spacing:.15em;text-transform:uppercase;margin-top:.4rem;font-size:.55rem;display:block}.interlude{height:100vh;min-height:45rem;position:relative;overflow:hidden}.interlude:after{content:"";background:#080c0c6b;position:absolute;inset:0}.interlude img{object-fit:cover;width:100%;max-width:none;height:124%;position:absolute;inset:-12% 0}.interlude p{z-index:2;width:90%;color:var(--paper);letter-spacing:-.07em;text-align:center;text-transform:uppercase;margin:0;font-family:Archivo Black,sans-serif;font-size:clamp(4rem,9vw,10rem);line-height:.82;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.interlude p .interlude__serif{color:var(--rose);text-transform:none;font-family:Georgia,Times New Roman,serif;font-weight:400}.interlude small{z-index:2;letter-spacing:.16em;text-transform:uppercase;font-size:.65rem;position:absolute;bottom:3rem;right:4.2vw}.footer{color:#111514;background:var(--aqua);min-height:60rem;padding:4rem 4.2vw 2rem}.footer__eyebrow{letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid #11151461;justify-content:space-between;padding-bottom:1rem;font-size:.65rem;display:flex}.footer>p{letter-spacing:-.07em;text-transform:uppercase;margin:9rem 0 5rem;font-family:Archivo Black,sans-serif;font-size:clamp(5rem,11vw,12rem);line-height:.8}.footer>p em{color:#ad4260}.footer__contact{color:#111514ad;letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:.8rem;font-size:.7rem;font-weight:700;display:inline-flex}.footer__base{letter-spacing:.13em;text-transform:uppercase;border-top:1px solid #11151461;grid-template-columns:1fr 1fr auto;gap:2rem;margin-top:12rem;padding-top:1rem;font-size:.62rem;display:grid}@media (width<=800px){.section-kicker{font-size:.62rem}.fieldnote-visual__document,.fieldnote-visual__document p{width:80%}.fieldnote-visual__orb,.afterlight-visual__dial{width:7rem;height:7rem}.relay-visual__queue{width:80%}.interlude{height:75vh;min-height:38rem}.interlude p{font-size:13vw}.interlude small{left:6vw;right:auto}.footer{min-height:48rem;padding-left:6vw;padding-right:6vw}.footer>p{margin-top:8rem;font-size:16vw}.footer__eyebrow span:last-child{display:none}.footer__base{grid-template-columns:1fr auto;margin-top:10rem}.footer__base span:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}.gc-visual{background:#0b0654;place-items:center;display:grid;position:relative;overflow:hidden}.gc-visual img{border-radius:1.2rem;width:auto;height:92%;box-shadow:0 30px 60px -30px #000}.hero-repro{background:var(--ink);width:100%;height:100svh;min-height:34rem;position:relative;overflow:hidden}.hero-stage{--gx:4.1%;--top:8.7%;--band:5.5rem;--ease-expo:cubic-bezier(.16, 1, .3, 1);--ease-travel:cubic-bezier(.83, 0, .17, 1);--mx:0;--my:0;--plate-mid:calc(var(--top) + (100% - var(--top) - var(--band)) / 2);isolation:isolate;background:var(--ink);width:100%;height:100%;position:relative;overflow:hidden}.hero-plate,.hero-frame{top:var(--top);right:var(--gx);bottom:var(--band);left:var(--gx);position:absolute}.hero-plate{pointer-events:none;-webkit-user-select:none;user-select:none;display:block;overflow:hidden}.hero-plate>img{object-fit:cover;object-position:center;width:100%;max-width:none;height:100%}.hero-plate--scene{z-index:1}.hero-plate--leaves{z-index:5}.hero-plate--life{z-index:2;container-type:size}.masthead{z-index:8;height:var(--top);color:var(--paper);letter-spacing:.26em;text-transform:uppercase;font-size:clamp(.68rem,.8vw,.8rem);font-weight:600;position:absolute;inset:0 0 auto}.masthead__nav{top:50%;right:var(--gx);gap:clamp(1.4rem,2.6vw,2.8rem);margin-right:-.26em;display:flex;position:absolute;transform:translateY(-50%)}.masthead a{align-items:center;min-height:44px;padding:0 .15em 0 .4em;display:inline-flex;position:relative}.masthead a:before,.masthead a:after{border:0 solid var(--paper);opacity:0;width:.45rem;height:.45rem;transition:opacity .14s var(--ease-out), transform .16s var(--ease-out);content:"";position:absolute}.masthead a:before{border-top-width:1px;border-left-width:1px;top:.55rem;left:-.3rem;transform:translate(.3rem,.3rem)}.masthead a:after{border-bottom-width:1px;border-right-width:1px;bottom:.55rem;right:-.3rem;transform:translate(-.3rem,-.3rem)}.masthead a:hover:before,.masthead a:hover:after,.masthead a:focus-visible:before,.masthead a:focus-visible:after{opacity:1;transform:none}.masthead a:hover:before,.masthead a:hover:after{border-color:var(--rose)}.masthead a:focus-visible{outline:none}.masthead a:focus-visible:before,.masthead a:focus-visible:after{border-color:var(--aqua)}.hero-frame{z-index:7;pointer-events:none;border:1px solid #ece6cb47}.crop{width:1.5rem;height:1.5rem;margin:-.75rem;position:absolute}.crop:before,.crop:after{background:var(--paper);content:"";position:absolute}.crop:before{width:100%;height:1px;top:50%;left:0}.crop:after{width:1px;height:100%;top:0;left:50%}.crop--top-left{top:0;left:0}.crop--top-right{top:0;right:0}.crop--bottom-left{bottom:0;left:0}.crop--bottom-right{bottom:0;right:0}.hero-name{top:var(--plate-mid);left:calc(var(--gx) + 1.1vw);z-index:4;color:var(--paper);letter-spacing:-.045em;text-transform:uppercase;white-space:nowrap;transform:translate3d(calc(var(--mx) * 1.6vw), calc(var(--name-lift,-49%) + var(--my) * 1.1vw), 0);will-change:transform;margin:0;font-family:Archivo Black,sans-serif;font-size:min(13.6vw,24svh);font-weight:400;line-height:.8;position:absolute}.hero-name__mask{clip-path:inset(-.4em -.3em -.02em);display:block}.hero-name__line{display:block}.hero-name__line--coleman{margin-left:.32em}@media (width>=801px) and (aspect-ratio>=17/10){.hero-name{--name-lift:-45%}}.hero-band{right:var(--gx);bottom:0;left:var(--gx);z-index:6;height:var(--band);color:var(--paper);grid-template-columns:auto 1fr auto;align-items:center;column-gap:1.6rem;display:grid;position:absolute}.hero-band p{margin:0}.hero-band__role{letter-spacing:.18em;text-transform:uppercase;font-size:.68rem;font-weight:600}.hero-band__plus{color:var(--rose)}.hero-band__summary{color:#ece6cbbd;border-left:1px solid #ece6cb3d;padding-left:1.6rem;font-size:clamp(.95rem,1.05vw,1.1rem);line-height:1.4}.hero-band__fig{color:#ece6cb80;font-variant-numeric:tabular-nums;letter-spacing:.16em;text-transform:uppercase;font-size:.62rem}.hero-fireflies{top:var(--top);right:var(--gx);bottom:var(--band);left:var(--gx);pointer-events:none;position:absolute;overflow:hidden}.hero-fireflies--back{z-index:3}.hero-fireflies--front{z-index:6}.hero-fireflies__drift{will-change:transform;position:absolute;inset:-4%}.hero-fireflies--back .hero-fireflies__drift{transform:translate3d(calc(var(--mx) * -.9vw), calc(var(--my) * -.7vw), 0)}.hero-fireflies--front .hero-fireflies__drift{transform:translate3d(calc(var(--mx) * -2.6vw), calc(var(--my) * -1.9vw), 0)}.firefly{--c:246 238 206;top:calc(var(--y) * 1%);left:calc(var(--x) * 1%);width:calc(var(--s) * 1px);height:calc(var(--s) * 1px);background:rgb(var(--c));box-shadow:0 0 calc(var(--s) * 1.5px) calc(var(--s) * .6px) rgb(var(--c) / 85%), 0 0 calc(var(--s) * 5px) calc(var(--s) * 1.8px) rgb(var(--c) / 40%), 0 0 calc(var(--s) * 13px) calc(var(--s) * 3.4px) rgb(var(--c) / 13%);opacity:0;animation:firefly-drift var(--d) ease-in-out var(--dl) infinite alternate, firefly-glow calc(var(--d) * .41) ease-in-out var(--dl) infinite alternate;border-radius:50%;position:absolute}.firefly--rose{--c:238 164 170}.hero-fireflies{opacity:0;transition:opacity 1.6s var(--ease-out)}.hero-stage--playing .hero-fireflies{opacity:1;transition-delay:1.5s}.hero-stage--instant .hero-fireflies{opacity:1;transition-delay:.2s}@keyframes firefly-drift{0%{translate:0}35%{translate:calc(var(--dx) * 1px) calc(var(--dy) * -1px)}70%{translate:calc(var(--dx) * -.6px) calc(var(--dy) * -1.5px)}to{translate:calc(var(--dx) * .3px) calc(var(--dy) * -.5px)}}@keyframes firefly-glow{0%,12%{opacity:.2}50%{opacity:1}to{opacity:.5}}.hero-stage--pending>*,.hero-stage--pending .crop{opacity:0}.hero-stage--pending .hero-frame{opacity:1;border-color:#0000}.hero-stage--playing .crop{animation:crop-in .14s linear both, var(--travel) .72s var(--ease-travel) .1s both}.crop--top-left{--travel:crop-from-tl}.crop--top-right{--travel:crop-from-tr}.crop--bottom-left{--travel:crop-from-bl}.crop--bottom-right{--travel:crop-from-br}.hero-stage--playing .hero-plate{animation:plate-open .72s var(--ease-travel) .1s both}.hero-stage--playing .hero-plate>img,.hero-stage--playing .hero-life{animation:plate-settle 1.5s var(--ease-expo) .1s both}.hero-stage--playing .hero-frame{animation:frame-line .42s var(--ease-out) .76s both}.hero-stage--playing .hero-name__line{animation:name-rise 1s var(--ease-expo) .7s both}.hero-stage--playing .hero-name__line--coleman{animation-delay:.78s}.hero-stage--playing .masthead{animation:quiet-in .5s var(--ease-out) 1.15s both}.hero-stage--playing .hero-band__role{animation:quiet-in .5s var(--ease-out) 1.21s both}.hero-stage--playing .hero-band__summary{animation:quiet-in .5s var(--ease-out) 1.27s both}.hero-stage--playing .hero-band__fig{animation:quiet-in .5s var(--ease-out) 1.33s both}@keyframes crop-in{0%{opacity:0}to{opacity:1}}@keyframes crop-from-tl{0%{top:50%;left:50%}}@keyframes crop-from-tr{0%{top:50%;right:50%}}@keyframes crop-from-bl{0%{bottom:50%;left:50%}}@keyframes crop-from-br{0%{bottom:50%;right:50%}}@keyframes frame-line{0%{border-color:#0000}}@keyframes plate-open{0%{clip-path:inset(50%)}to{clip-path:inset(0)}}@keyframes plate-settle{0%{transform:scale(1.06)}to{transform:none}}@keyframes name-rise{0%{transform:translateY(108%)}to{transform:none}}@keyframes quiet-in{0%{opacity:0}to{opacity:1}}@media (width<=800px){.hero-stage{--gx:5%;--top:5rem;--band:7.25rem}.masthead{font-size:.68rem}.masthead__nav{gap:1.2rem}.hero-name{left:calc(var(--gx) + 3vw);font-size:15.8491vw;line-height:.82}.hero-name__line--coleman{margin-left:0}.hero-band{grid-template-columns:1fr;grid-auto-rows:min-content;align-content:center;row-gap:.5rem}.hero-band__summary{border-left:0;padding-left:0;font-size:.95rem}.hero-band__fig{display:none}}@media (prefers-reduced-motion:reduce){.hero-fireflies{display:none}.masthead a:before,.masthead a:after{transition:none}}.hero-plate--life-front{z-index:6;container-type:size}.hero-life{aspect-ratio:2;width:max(100cqw,200cqh);display:block;position:absolute;top:50%;left:50%;translate:-50% -50%;container-type:inline-size}.shooting-star{opacity:0;transform-origin:100%;background:linear-gradient(90deg,#f6f0d600,#f6f0d68c 70%,#fffbec);border-radius:1px;width:5.5cqw;height:1.5px;position:absolute;box-shadow:0 0 5px #f6f0d673}.right-blossom{width:2.2cqw;height:2.6cqw;position:absolute;top:18cqw;left:88.9cqw}.right-blossom img{max-width:none;height:auto;position:absolute}.right-blossom__main{filter:brightness(.78)saturate(.85);width:1.55cqw;top:.2cqw;left:.5cqw;transform:scaleX(-1)rotate(-14deg)}.right-blossom__bud{filter:brightness(.66)saturate(.8);width:.95cqw;top:1.35cqw;left:0;transform:rotate(-32deg)}.moth{aspect-ratio:40/30;cursor:default;pointer-events:auto;filter:drop-shadow(0 0 3px #f0e8ce59);width:1.3cqw;position:absolute;top:17.95cqw;left:89.3cqw;rotate:-14deg}.moth svg{width:100%;height:100%;overflow:visible}.moth__fore{fill:#f2ebd3f0}.moth__hind{fill:#d8cdae}.moth__body{fill:#8f826a}.moth__antenna{fill:none;stroke:#d6cbaa;stroke-width:.9px;stroke-linecap:round}.moth__wing{transform-box:fill-box;animation:6.5s ease-in-out infinite moth-rest}.moth__wing--l{transform-origin:100%}.moth__wing--r{transform-origin:0%}.moth.is-flying .moth__wing{animation:95ms ease-in-out infinite alternate moth-flap}@keyframes moth-rest{0%,60%,to{transform:scaleX(1)}72%{transform:scaleX(.5)}84%{transform:scaleX(.92)}}@keyframes moth-flap{0%{transform:scaleX(1)}to{transform:scaleX(.2)}}.water-ring{aspect-ratio:3.4;pointer-events:none;border:1px solid #ece6cb99;border-radius:50%;position:absolute}.owl{filter:drop-shadow(0 0 .25cqw #e8c46e8c);gap:.18cqw;display:flex;position:absolute;top:8.42cqw;left:32.75cqw}.owl__eye{aspect-ratio:1;background:radial-gradient(circle at 45% 40%,#f6dc8f,#d9a548 70%,#a87428);border-radius:50%;width:.36cqw;animation:7.5s ease-in-out infinite owl-blink;position:relative}.owl__eye i{aspect-ratio:1;background:#141716;border-radius:50%;width:36%;animation:23s ease-in-out infinite owl-look;position:absolute;top:32%;left:32%}@keyframes owl-blink{0%,92%,to{transform:scaleY(1)}94.5%{transform:scaleY(.06)}97%{transform:scaleY(1)}}@keyframes owl-look{0%,38%,to{translate:0}44%,58%{translate:-32% 6%}64%,80%{translate:30% 4%}86%{translate:0}}.fish{aspect-ratio:20/8;opacity:0;width:.62cqw;position:absolute}.fish svg{width:100%;height:100%;overflow:visible}.fish__body{fill:#d3dbd3}.fish__tail{fill:#a9b6b0}.fish__back{fill:none;stroke:#6f817f;stroke-width:1.3px;stroke-linecap:round}@media (prefers-reduced-motion:reduce){.moth__wing,.owl__eye,.owl__eye i{animation:none}.shooting-star,.fish{display:none}}.reel{z-index:1;position:relative}.reel-item{--gut:4.2vw;--col:calc((100vw - var(--gut) * 2) / 12);--vis-w:calc(var(--col) * 8 - 2vw);--vis-h:80svh;--ar:1.6;--bw:min(calc(var(--vis-w) * .84), calc((var(--vis-h) - 14svh) * var(--ar)));--hs:calc(var(--bw) / var(--ar) - 2.1rem - 2px);--ph:60svh;--panel:#1b2122;z-index:1;view-timeline:--reel block;height:280svh;position:relative}.reel-item+.reel-item{margin-top:-100svh}.reel-item:nth-child(2){z-index:2}.reel-item:nth-child(3){z-index:3}.reel-item:nth-child(4){z-index:4}.reel-item--rose{--panel:#2a1e22;--panel-lift:#3a2a2f}.reel-item--aqua{--panel:#132a29;--panel-lift:#1d3c3a}.reel-item--violet{--panel:#211b2e;--panel-lift:#302744}.reel-item--moss{--panel:#16251b;--panel-lift:#213829}.reel-item--gc{--panel:#0b0654;--panel-lift:#1a1488}.mk-video{object-fit:cover;object-position:top;background:#0b0654;width:100%;height:100%;position:absolute;inset:0}.mk-phone__shot{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.reel-stage{height:100svh;position:sticky;top:0;overflow:hidden}.reel-sheet{background:var(--ink);transform-origin:50% 0;border-top:1px solid #ece6cb24;position:absolute;inset:0}.reel-sheet:after{z-index:6;background:var(--ink);opacity:0;pointer-events:none;content:"";position:absolute;inset:0}.reel-visual{top:calc((100svh - var(--vis-h)) / 2);right:var(--gut);width:var(--vis-w);height:var(--vis-h);position:absolute}.reel-item--flip .reel-visual{right:auto;left:var(--gut)}.reel-info{top:0;bottom:0;left:var(--gut);width:calc(var(--col) * 3.4);color:var(--paper);flex-direction:column;justify-content:center;display:flex;position:absolute}.reel-item--flip .reel-info{left:auto;right:var(--gut)}.reel-title{letter-spacing:-.05em;text-transform:uppercase;margin:0;font-family:Archivo Black,sans-serif;font-size:clamp(2.4rem,3.9vw,4.4rem);font-weight:400;line-height:.9}.reel-blurb{color:#ece6cbcc;max-width:24rem;margin:1.6rem 0 0;font-size:clamp(1rem,1.15vw,1.15rem);line-height:1.5}.reel-tags{color:#ece6cb8f;letter-spacing:.16em;text-transform:uppercase;border-top:1px solid #ece6cb29;flex-wrap:wrap;gap:.4rem 1.1rem;margin:1.4rem 0 0;padding-top:1.1rem;font-size:.64rem;font-weight:600;display:flex}.reel-link{min-height:44px;color:var(--paper);letter-spacing:.16em;text-transform:uppercase;transition:color .3s var(--ease-out);align-self:flex-start;align-items:center;gap:.9rem;margin-top:1.6rem;font-size:.68rem;font-weight:600;display:inline-flex}.reel-link svg{fill:none;stroke:currentColor;stroke-width:1px;width:2.6rem;transition:translate .45s cubic-bezier(.16,1,.3,1)}:is(.reel-link:hover,.reel-item:has(.reel-device:hover) .reel-link){color:var(--rose)}:is(.reel-link:hover svg,.reel-link:focus-visible svg,.reel-item:has(.reel-device:hover) .reel-link svg){translate:.5rem}.reel-panel{border:1px solid #ece6cb12;position:absolute;inset:0;overflow:hidden}.reel-panel:before{background:radial-gradient(ellipse 70% 60% at 50% 45%, var(--panel-lift), var(--panel) 70%);content:"";position:absolute;inset:0}.reel-item--circle .reel-panel:before{width:calc(var(--vis-w) * 1.4);aspect-ratio:1;background:radial-gradient(circle, var(--panel-lift), var(--panel) 62%);border-radius:50%;inset:50% auto auto 50%;translate:-50% -50%}.reel-marks{z-index:3;pointer-events:none;position:absolute;inset:0}.reel-device{z-index:2;color:inherit;display:block;position:absolute;top:50%;left:50%;translate:-50% -50%}.reel-device:hover .mk-browser,.reel-device:hover .mk-phone{border-color:#ece6cb80}.mk-browser{width:var(--bw);aspect-ratio:var(--ar);transition:border-color .4s var(--ease-out);background:#1b2021;border:1px solid #ece6cb29;flex-direction:column;display:flex;overflow:hidden}.mk-browser__bar{border-bottom:1px solid #ece6cb1a;flex:none;align-items:center;gap:.45rem;height:2.1rem;padding:0 .9rem;display:flex}.mk-browser__bar i{background:#ece6cb38;border-radius:50%;width:.55rem;height:.55rem}.mk-browser__bar span{color:#ece6cb8c;letter-spacing:.04em;background:#ece6cb14;border-radius:1rem;margin:0 auto;padding:.25rem 1.4rem;font-size:.62rem}.mk-browser__screen{flex:1;position:relative;overflow:hidden;container-type:inline-size}.mk-browser__page{position:absolute;top:0;left:0;right:0}.reel-item--phones{--hs:calc(var(--ph) - 1.1rem - 2px)}.mk-phones{align-items:center;gap:2.2vw;display:flex}.mk-phone{height:var(--ph);aspect-ratio:9/19.5;transition:border-color .4s var(--ease-out);background:#0f1213;border:1px solid #ece6cb2e;border-radius:2.4rem;padding:.55rem;display:block;position:relative}.mk-phone--a,.mk-phone--c{margin-top:6svh}.mk-phone__screen{border-radius:1.9rem;height:100%;display:block;position:relative;overflow:hidden;container-type:inline-size}.mk-phone__page{position:absolute;top:0;left:0;right:0}.reel-scroll{will-change:transform}.hero-repro{z-index:0;position:sticky;top:0}.hero-repro:after{z-index:20;background:var(--ink);opacity:0;pointer-events:none;content:"";position:absolute;inset:0}:where(.portfolio-shell>:not(.hero-repro):not(.cs)){z-index:1;background-color:var(--ink);position:relative}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reel-scroll{animation:linear both reel-scroll;animation-timeline:--reel;animation-range:contain 4% contain calc(100% - 100svh)}.reel-scroll--slow{animation-name:reel-scroll-slow}.reel-scroll--mid{animation-name:reel-scroll-mid}.reel-item .reel-sheet{animation:linear both reel-recede;animation-timeline:--reel;animation-range:contain calc(100% - 100svh)}.reel-item .reel-sheet:after{animation:linear both reel-dim;animation-timeline:--reel;animation-range:contain calc(100% - 100svh)}.reel-panel:before,.reel-device,.reel-marks,.reel-info>*,.mk-phone{animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both;animation-timeline:--reel}.reel-item--rise .reel-panel:before{animation-name:panel-rise;animation-range:entry entry 90%}.reel-item--grow .reel-panel:before{transform-origin:50% 100%;animation-name:panel-grow;animation-range:entry 5% entry 90%}.reel-item--circle .reel-panel:before{animation-name:panel-circle;animation-range:entry 10% entry 95%}.reel-item--sweep .reel-panel:before{transform-origin:0;animation-name:panel-sweep;animation-range:entry 5% entry 85%}.reel-item--rise .reel-device{animation-name:device-rise;animation-range:entry 10%}.reel-item--circle .reel-device{animation-name:device-emerge;animation-range:entry 45%}.reel-item--sweep .reel-device{animation-name:device-slide;animation-range:entry 30%}.reel-item--grow .mk-phone{animation-name:phone-rise}.reel-item--grow .mk-phone--a{animation-range:entry 20% entry 85%}.reel-item--grow .mk-phone--b{animation-range:entry 30% entry 95%}.reel-item--grow .mk-phone--c{animation-range:entry 40%}.reel-item--grow.reel-item--browser .reel-device{animation-name:device-rise;animation-range:entry 10%}.reel-marks{animation-name:fade-in;animation-range:entry 75%}.reel-info>*{animation-name:words-in}.reel-title{animation-range:entry 45% entry 85%}.reel-blurb{animation-range:entry 55% entry 92%}.reel-tags{animation-range:entry 62% entry 96%}.reel-link{animation-range:entry 68%}.hero-repro .hero-stage{transform-origin:50% 30%;animation:linear both hero-recede;animation-timeline:scroll(root);animation-range:0 100svh}.hero-repro:after{animation:linear both reel-dim;animation-timeline:scroll(root);animation-range:0 100svh}.hero-repro{animation:linear both hero-hide;animation-timeline:scroll(root);animation-range:99svh 100svh}}}@keyframes reel-scroll{to{transform:translateY(calc(-100% + var(--hs)))}}@keyframes reel-scroll-slow{to{transform:translateY(calc((-100% + var(--hs)) * .55))}}@keyframes reel-scroll-mid{to{transform:translateY(calc((-100% + var(--hs)) * .8))}}@keyframes reel-recede{to{transform:scale(.94)}}@keyframes reel-dim{to{opacity:.7}}@keyframes hero-recede{to{transform:scale(.95)}}@keyframes hero-hide{to{visibility:hidden}}@keyframes panel-rise{0%{transform:translateY(22svh)}}@keyframes panel-grow{0%{transform:scaleY(.35)}}@keyframes panel-circle{0%{transform:scale(.06)}}@keyframes panel-sweep{0%{transform:scaleX(0)}}@keyframes device-rise{0%{transform:translateY(30svh)scale(.94)}}@keyframes device-emerge{0%{opacity:0;transform:scale(.86)}}@keyframes device-slide{0%{opacity:0;transform:translate(-12vw)}}@keyframes phone-rise{0%{transform:translateY(40svh)}}@keyframes fade-in{0%{opacity:0}}@keyframes words-in{0%{opacity:0;transform:translateY(1.4rem)}}.mk{--mk-ink:#141716;color:var(--mk-ink);font-family:Archivo Variable,sans-serif;font-size:1.15cqw;line-height:1.35}.mk-serif{font-family:Georgia,Times New Roman,serif;font-weight:400}.mk-kicker{letter-spacing:.16em;text-transform:uppercase;opacity:.7;margin:0 0 .8em;font-size:.78em;font-weight:600}.mk-lines{flex-direction:column;gap:.7em;margin:1em 0;display:flex}.mk-lines i{opacity:.18;background:currentColor;border-radius:1px;height:.55em;display:block}.mk-btn{letter-spacing:.1em;text-transform:uppercase;margin-top:1.2em;padding:.85em 1.5em;font-size:.82em;font-weight:600;display:inline-block}.mk-btn--rose{background:var(--rose);color:var(--mk-ink)}.mk-btn--ink{background:var(--mk-ink);color:var(--paper)}.mk-btn--paper{background:var(--paper);color:var(--mk-ink)}.mk-dot{border-radius:50%;width:2.6em;height:2.6em;margin-bottom:1.2em;display:block}.mk-avatars{display:flex}.mk-avatars i{border:2px solid var(--paper);background:#cfe0dc;border-radius:50%;width:2.2em;height:2.2em;margin-left:-.6em}.mk-avatars i:nth-child(2){background:var(--rose)}.mk-avatars i:nth-child(3){background:#304c3c}.mk-nav{border-bottom:1px solid #1417161a;align-items:center;gap:3cqw;height:6cqw;padding:0 4cqw;display:flex}.mk-nav .mk-btn{margin:0 0 0 auto}.mk-logo{font-size:1.5em}.mk-navlinks{flex-direction:row;gap:2cqw;width:36cqw;margin:0}.mk-navlinks i{flex:1}.mk-cols{grid-template-columns:repeat(3,1fr);gap:3cqw;padding:6cqw 4cqw;display:grid}.mk-cols--4{grid-template-columns:repeat(4,1fr)}.mk-col b{font-size:1.6em;display:block}.mk-foot{background:var(--mk-ink);color:var(--paper);justify-content:space-between;align-items:center;padding:5cqw 4cqw 7cqw;display:flex}.mk-foot .mk-lines{flex-direction:row;gap:2cqw;width:40cqw;margin:0}.mk-foot .mk-lines i{opacity:.3;flex:1}.mk--fieldnote{background:#ece6cb}.mk-fn-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:5cqw;padding:7cqw 4cqw 6cqw;display:grid}.mk-fn-h{letter-spacing:-.03em;margin:0;font-size:6.4cqw;line-height:.95}.mk-fn-card{background:#f6f1dd;border:1px solid #1417161a;padding:3cqw;position:relative}.mk-fn-row{border-bottom:1px solid #14171614;grid-template-columns:1.4em 9em 1fr;align-items:center;gap:1em;padding:1em 0;display:grid}.mk-fn-row>i{border-radius:50%;width:1em;height:1em}.mk-fn-row .mk-lines{margin:0}.mk-fn-orb{background:var(--rose);border-radius:50%;align-content:center;place-items:center;width:10cqw;height:10cqw;font-size:3cqw;line-height:1;display:grid;position:absolute;bottom:-3cqw;right:-2cqw}.mk-fn-orb small{letter-spacing:.16em;text-transform:uppercase;font-size:.28em}.mk-fn-app{background:#f6f1dd;border:1px solid #1417161a;grid-template-columns:22cqw 1fr;min-height:34cqw;margin:0 4cqw;display:grid}.mk-fn-app aside{color:var(--paper);background:#1b2122;flex-direction:column;gap:1.3em;padding:2.4cqw;display:flex}.mk-fn-app aside i{background:#ece6cb4d;height:.55em}.mk-fn-app aside i.on{background:var(--rose)}.mk-fn-app article{padding:3cqw 4cqw}.mk-fn-app h5{margin:0;font-size:2.8cqw}.mk-hl{border-left:3px solid var(--rose);background:#e7a0a438;padding:.2em 1em;display:block}.mk-fn-tags{gap:.8em;display:flex}.mk-fn-tags span{border:1px solid #14171633;border-radius:2em;padding:.5em 1em;font-size:.85em}.mk-fn-band{color:var(--paper);background:#304c3c;justify-content:space-between;align-items:center;margin-top:7cqw;padding:6cqw 4cqw;display:flex}.mk-fn-band h5{margin:0;font-size:3.6cqw}.mk-fn-band .mk-btn{margin:0}.mk--common{background:#c4a0f1}.mk-nav--tool{background:#ece6cb}.mk-tool{background:#141716;border-radius:2em;gap:.8em;margin:0 auto;padding:.6em 1.2em;display:flex}.mk-tool i{background:#ece6cb8c;border-radius:50%;width:1.2em;height:1.2em}.mk-tool i:first-child{background:var(--rose)}.mk-cg-board{background-image:linear-gradient(#1417160f 1px,#0000 1px),linear-gradient(90deg,#1417160f 1px,#0000 1px);background-size:3cqw 3cqw;grid-template-columns:repeat(3,1fr);gap:3cqw;padding:5cqw 4cqw 7cqw;display:grid;position:relative}.mk-cg-col{z-index:1;flex-direction:column;gap:1.6cqw;display:flex;position:relative}.mk-cg-col small{letter-spacing:.16em;text-transform:uppercase;font-size:.8em;font-weight:600}.mk-note{background:#ece6cb;padding:1.6cqw;display:block;box-shadow:0 .4cqw #1417161f}.mk-note b{font-size:1.5em}.mk-note--1{background:var(--rose);rotate:-1.5deg}.mk-note--2{background:#cfe0dc;rotate:1deg}.mk-cg-thread{width:calc(100% - 8cqw);height:calc(100% - 12cqw);position:absolute;inset:8cqw 4cqw 4cqw}.mk-cg-thread path{fill:none;stroke:#141716;stroke-width:2px;stroke-dasharray:8 6}.mk-cg-plan{background:#ece6cb;padding:5cqw 4cqw}.mk-cg-lane{border-bottom:1px solid #1417161a;grid-template-columns:14cqw 1fr;align-items:center;padding:1.1cqw 0;display:grid}.mk-cg-lane>span{height:1.6cqw;position:relative}.mk-cg-lane>span i{background:#141716;position:absolute;top:0;bottom:0}.mk-cg-lane:nth-child(3)>span i{background:var(--rose)}.mk--common .mk-cols{background:#ece6cb}.mk-foot--violet{background:#2a2233}.mk--afterlight{--mk-ink:#ece6cb;color:#ece6cb;background:#101415}.mk-nav--dark{border-color:#ece6cb1f}.mk-al-hero{height:48cqw;position:relative;overflow:hidden}.mk-al-hero img{object-fit:cover;width:100%;max-width:none;height:100%}.mk-al-hero>div{position:absolute;bottom:5cqw;left:4cqw}.mk-al-hero h4{letter-spacing:-.03em;margin:0;font-size:7cqw;line-height:.92}.mk-al-dial{border:1px solid #ece6cb99;border-radius:50%;align-content:center;place-items:center;width:13cqw;height:13cqw;font-size:3.2cqw;line-height:1;display:grid;position:absolute;bottom:5cqw;right:5cqw}.mk-al-dial small{letter-spacing:.16em;text-transform:uppercase;font-size:.26em}.mk-al-body{grid-template-columns:1fr 2fr;gap:5cqw;padding:7cqw 4cqw;display:grid}.mk-al-body h5{margin:0;font-size:3.4cqw;line-height:1.05}.mk-al-figure{height:34cqw;margin:0 4cqw;position:relative;overflow:hidden}.mk-al-figure img{object-fit:cover;width:100%;max-width:none;height:100%}.mk-al-figure .mk-kicker{position:absolute;bottom:1cqw;left:1.5cqw}.mk-al-chapters{padding:6cqw 4cqw;display:grid}.mk-al-chapters span{border-bottom:1px solid #ece6cb29;grid-template-columns:6cqw 1fr 10cqw;align-items:center;padding:2cqw 0;display:grid}.mk-al-chapters b{font-size:3cqw}.mk-al-chapters i{background:var(--rose);height:1px}.mk-foot--dark{background:#0b0d0e;border-top:1px solid #ece6cb1f}.mk--relay{background:#cfe0dc;min-height:100%;padding-bottom:12cqw;font-size:4.2cqw}.mk-ph-top{justify-content:space-between;align-items:center;padding:16cqw 7cqw 6cqw;display:flex}.mk-ph-top b{font-size:1.5em}.mk-ph-top small{background:var(--rose);letter-spacing:.08em;text-transform:uppercase;border-radius:2em;padding:.3em .8em;font-size:.72em;font-weight:600}.mk-rl-metric{background:#7ba2a0;gap:.2em;margin:0 5cqw 4cqw;padding:6cqw;display:grid}.mk-rl-metric small{letter-spacing:.16em;text-transform:uppercase;font-size:.7em;font-weight:600}.mk-rl-metric strong{letter-spacing:-.05em;font-family:Archivo Black,sans-serif;font-size:4.6em;font-weight:400;line-height:.9}.mk-rl-bars{align-items:flex-end;gap:2.4cqw;height:16cqw;margin-top:3cqw;display:flex}.mk-rl-bars i{background:#141716;flex:1}.mk-rl-item{border-bottom:1px solid #1417161f;grid-template-columns:4cqw 1fr auto;align-items:center;gap:3cqw;margin:0 5cqw;padding:4.5cqw 1cqw;display:grid}.mk-rl-item b{display:block}.mk-rl-item .mk-lines{margin:.4em 0 0}.mk-rl-item small{letter-spacing:.08em;text-transform:uppercase;opacity:.6;font-size:.66em;font-weight:600}.mk-rl-dot{background:#141716;border-radius:50%;width:3cqw;height:3cqw}.mk-rl-dot--1{background:var(--rose)}.mk-rl-dot--2{background:#304c3c}.mk--relay-thread{background:#ece6cb}.mk-bubble{background:#cfe0dc;border-radius:4cqw;width:72%;margin:3cqw 5cqw;padding:1cqw 4cqw;display:block}.mk-bubble--out{color:var(--paper);background:#141716;margin-left:auto}.mk-bubble--out .mk-lines i{opacity:.4}.mk-bubble--note{background:#e7a0a44d;border:1px dashed #1417164d;width:auto}.mk-rl-compose{background:#fff9;border-radius:6cqw;justify-content:space-between;align-items:center;margin:6cqw 5cqw 0;padding:3cqw 3cqw 3cqw 5cqw;display:flex}.mk-rl-compose i{background:#1417162e;width:50%;height:.5em}.mk-rl-compose b{background:var(--rose);border-radius:2em;padding:.4em 1em;font-size:.8em}.mk--relay-insights{color:var(--paper);background:#304c3c}.mk-rl-card{background:#ece6cb14;gap:.2em;margin:0 5cqw 4cqw;padding:6cqw;display:grid}.mk-rl-card small{letter-spacing:.16em;text-transform:uppercase;opacity:.7;font-size:.7em;font-weight:600}.mk-rl-card strong{font-family:Archivo Black,sans-serif;font-size:3.4em;font-weight:400;line-height:.9}.mk-rl-card .mk-rl-bars i{background:var(--paper)}.mk-rl-card .mk-rl-bars i:nth-child(6){background:var(--rose)}@media (width<=800px){.reel-item{--gut:6vw;--vis-w:88vw;--vis-h:54svh;--ar:1.25;--bw:min(calc(var(--vis-w) * .86), calc((var(--vis-h) - 8svh) * var(--ar)));--ph:46svh;height:240svh}.reel-visual,.reel-item--flip .reel-visual{top:7svh;left:6vw;right:auto}.reel-info,.reel-item--flip .reel-info{justify-content:flex-start;width:auto;inset:64svh 6vw auto}.reel-title{font-size:9.5vw}.reel-blurb{margin-top:.9rem;font-size:.92rem}.reel-tags{margin-top:.9rem;padding-top:.8rem}.reel-link{min-height:36px;margin-top:.6rem}.mk-phone--a,.mk-phone--c{display:none}.reel-item--circle .reel-panel:before{width:112vw}.mk-browser__bar span{padding:.2rem .8rem}}.cs{--cs-accent:var(--rose);--ease-expo:cubic-bezier(.16, 1, .3, 1);z-index:50;overscroll-behavior:contain;color:var(--paper);background:var(--ink);position:fixed;inset:0;overflow:hidden auto}.cs--aqua{--cs-accent:#8bc5c1}.cs--gc{--cs-accent:#f8c236}.cs--violet{--cs-accent:#c7a2ff}.cs--moss{--cs-accent:#b7ca83}.cs-placeholder{color:#ece6cb80;letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.6rem;font-weight:600;display:inline-flex}.cs-placeholder:before{content:"";border:1px solid;border-radius:50%;width:.4rem;height:.4rem}.cs-kicker{color:#ece6cb9e;letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid #ece6cb3d;margin:0;padding-bottom:1rem;font-size:.68rem;font-weight:600}.cs-bar{z-index:10;background:linear-gradient(var(--ink) 55%, transparent);grid-template-columns:1fr auto 1fr;align-items:center;height:5rem;padding:0 4.2vw;display:grid;position:sticky;top:0}.cs-bar__back{letter-spacing:.2em;text-transform:uppercase;justify-self:start;align-items:center;gap:.9rem;min-height:44px;font-size:.7rem;font-weight:600;display:inline-flex}.cs-bar__back svg{fill:none;stroke:currentColor;stroke-width:1px;width:2.2rem;transition:translate .26s var(--ease-expo);transform:scaleX(-1)}.cs-bar__back:hover svg{translate:-.4rem}.cs-bar__index{color:#ece6cb9e;letter-spacing:.18em;text-transform:uppercase;font-size:.64rem}.cs-bar .cs-placeholder{justify-self:end}.cs-hero{border:1px solid #ece6cb47;height:min(74svh,56vw);margin:0 4.2vw;position:relative}.cs-hero .product-visual,.cs-story__frame .product-visual,.cs-next__frame .product-visual{position:absolute;inset:0}.cs-intro{grid-template-columns:repeat(12,1fr);gap:0 1.2rem;padding:6rem 4.2vw 8rem;display:grid}.cs-intro__descriptor{color:var(--cs-accent);letter-spacing:.18em;text-transform:uppercase;grid-column:1/-1;margin:0;font-size:.72rem;font-weight:600}.cs-intro__title{letter-spacing:-.06em;text-transform:uppercase;grid-column:1/-1;margin:1.2rem 0 0;font-family:Archivo Black,sans-serif;font-size:clamp(4rem,11vw,12rem);font-weight:400;line-height:.8}.cs-intro__facts{border-top:1px solid #ece6cb3d;grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin:5rem 0 0;padding-top:1rem;display:grid}.cs-intro__facts dt{color:#ece6cb80;letter-spacing:.16em;text-transform:uppercase;font-size:.62rem}.cs-intro__facts dd{margin:.5rem 0 0;font-size:1rem}.cs-problem,.cs-outcome{padding:4rem 4.2vw 10rem}.cs-problem__line,.cs-outcome__line{letter-spacing:-.055em;text-transform:uppercase;max-width:18ch;margin:4rem 0 0;font-family:Archivo Black,sans-serif;font-size:clamp(2.8rem,6vw,6.6rem);font-weight:400;line-height:.9}.cs-problem__line em,.cs-outcome__line em{color:var(--cs-accent);text-transform:none;font-family:Georgia,Times New Roman,serif;font-weight:400}.cs-problem__body{color:#ece6cbbd;max-width:34rem;margin:3rem 0 0 auto;font-size:clamp(1rem,1.2vw,1.25rem);line-height:1.55}.cs-story{grid-template-columns:5fr 7fr;gap:0 4vw;padding:0 4.2vw;display:grid}.cs-story__steps .cs-kicker{margin-top:2rem}.cs-story__step{opacity:.28;min-height:85svh;transition:opacity .5s var(--ease-out);flex-direction:column;justify-content:center;display:flex}.cs-story__step[data-active=true]{opacity:1}.cs-story__num{color:var(--cs-accent);letter-spacing:.18em;margin:0;font-size:.7rem;font-weight:600}.cs-story__step h2{letter-spacing:-.045em;text-transform:uppercase;margin:1rem 0 0;font-family:Archivo Black,sans-serif;font-size:clamp(2rem,3.4vw,3.6rem);font-weight:400;line-height:.92}.cs-story__step>p:last-child{color:#ece6cbbd;max-width:28rem;margin:1.4rem 0 0;line-height:1.55}.cs-story__pin{align-items:center;height:100svh;display:flex;position:sticky;top:0}.cs-story__frame{border:1px solid #ece6cb47;width:100%;height:68svh;position:relative}.cs-callout{z-index:3;border:1.5px solid var(--cs-accent);transition:left .7s cubic-bezier(.83,0,.17,1),top .7s cubic-bezier(.83,0,.17,1),width .7s cubic-bezier(.83,0,.17,1),height .7s cubic-bezier(.83,0,.17,1);position:absolute;box-shadow:0 0 0 100vmax #0c0e0f61}.cs-story__frame{overflow:hidden}.cs-story__frame .crop{z-index:4}.cs-callout__label{color:var(--ink);background:var(--cs-accent);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;padding:.35rem .6rem;font-size:.6rem;font-weight:700;position:absolute;top:-1.9rem;left:-1.5px}.cs-process{padding:10rem 4.2vw 4rem}.cs-process__strip{grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:3rem;display:grid}.cs-process__item{margin:0}.cs-process__art{aspect-ratio:3/4;background:#181c1d;border:1px solid #ece6cb2e}.cs-process__art--0{background:radial-gradient(circle at 30% 35%,#0000 18%,#ece6cb4d 18.4%,#0000 19%),radial-gradient(circle at 64% 60%,#0000 24%,#ece6cb38 24.4%,#0000 25%),#181c1d}.cs-process__art--1{background:linear-gradient(90deg,#0000 49.8%,#ece6cb3d 50%,#0000 50.2%),repeating-linear-gradient(#0000 0 22%,#ece6cb2e 22% 22.4%),#181c1d}.cs-process__art--2{background:linear-gradient(45deg,#0000 49.7%,#ece6cb42 50%,#0000 50.3%),linear-gradient(-45deg,#0000 49.7%,#ece6cb42 50%,#0000 50.3%),#141718}.cs-process__art--3{background:color-mix(in srgb, var(--cs-accent) 70%, #181c1d)}.cs-process__item figcaption{flex-wrap:wrap;align-items:center;gap:.6rem .9rem;margin-top:.9rem;font-size:.85rem;display:flex}.cs-process__item figcaption>span:first-child{color:#ece6cb80;letter-spacing:.16em;font-size:.62rem}.cs-next{padding:6rem 4.2vw 5rem}.cs-next__link{grid-template-columns:7fr 5fr;align-items:end;gap:0 4vw;margin-top:3rem;display:grid}.cs-next__frame{border:1px solid #ece6cb47;height:46svh;display:block;position:relative}.cs-next__meta{gap:1rem;display:grid}.cs-next__index{color:#ece6cb80;letter-spacing:.18em;font-size:.68rem}.cs-next__title{letter-spacing:-.05em;text-transform:uppercase;font-family:Archivo Black,sans-serif;font-size:clamp(3rem,6vw,6.4rem);line-height:.84}.cs-next__go{letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:1rem;font-size:.72rem;font-weight:600;display:inline-flex}.cs-next__go svg{fill:none;stroke:currentColor;stroke-width:1px;width:2.6rem;transition:translate .26s var(--ease-expo)}.cs-next__link:hover .cs-next__go svg{translate:.5rem}@media (width<=800px){.cs-bar{grid-template-columns:1fr auto;padding:0 6vw}.cs-bar__index{display:none}.cs-hero{height:58svh;margin:0 5vw}.cs-intro,.cs-problem,.cs-outcome,.cs-process,.cs-next{padding-left:6vw;padding-right:6vw}.cs-intro__title{font-size:17vw}.cs-intro__facts{grid-template-columns:1fr 1fr;row-gap:1.6rem}.cs-story{flex-direction:column-reverse;padding:0 6vw;display:flex}.cs-story__pin{z-index:2;background:var(--ink);height:auto;padding:.5rem 0 1rem;top:4.5rem}.cs-story__frame{height:40svh}.cs-story__step{min-height:60svh}.cs-process__strip{grid-template-columns:1fr 1fr}.cs-next__link{grid-template-columns:1fr;gap:1.6rem}.cs-next__frame{height:40svh}}.gallery{z-index:5;background:var(--ink);view-timeline:--lab block;border-top:1px solid #ece6cb24;margin-top:-100svh;padding:15svh 0 .5rem;position:relative}.lab-marks{height:0;position:absolute;top:0;left:4.2vw;right:4.2vw}.gallery__header{grid-template-columns:repeat(12,1fr);align-items:end;column-gap:1.2rem;padding:0 4.2vw;display:grid}.gallery__header h2{color:var(--paper);white-space:nowrap;letter-spacing:-.06em;text-transform:uppercase;grid-column:1/10;margin:0;font-family:Archivo Black,sans-serif;font-size:clamp(3.4rem,7.4vw,8.8rem);font-weight:400;line-height:.86}.lab-line{display:block}.gallery__header h2 em{color:var(--rose);letter-spacing:-.04em;text-transform:none;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400}.gallery__lede{color:#ece6cbb8;grid-column:10/-1;justify-self:end;max-width:21rem;margin:0 0 .9rem;font-size:clamp(1rem,1.15vw,1.15rem);line-height:1.5}.gallery__grid{--gap:.5rem;gap:var(--gap);padding:0 var(--gap);grid-template-columns:repeat(12,1fr);grid-auto-rows:6.4vw;margin-top:9svh;display:grid}.gtile{background:var(--ink);view-timeline:--tile block;min-width:0;margin:0;position:relative;overflow:hidden}.gtile--xl{grid-area:span 6/span 8}.gtile--s{grid-area:span 3/span 4}.gtile--tall{grid-area:span 6/span 4}.gtile--wide{grid-area:span 3/span 8}.gtile--l{grid-area:span 5/span 6}.gtile--m{grid-area:span 4/span 4}.gtile--e7{grid-area:span 6/span 7}.gtile--e5{grid-area:span 6/span 5}.gtile__hit{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block;position:absolute;inset:0;overflow:hidden}.gtile__hit:focus-visible{outline:1px solid var(--aqua);outline-offset:-.6rem}.gtile__art{transition:transform 1.1s cubic-bezier(.16,1,.3,1);display:block;position:absolute;inset:-9% 0}.gtile:hover .gtile__art{transform:scale(1.035)}.gtile__cap{z-index:2;color:var(--paper);letter-spacing:.16em;text-transform:uppercase;pointer-events:none;background:linear-gradient(#0c0e0f00,#0c0e0fb8);grid-template-columns:auto 1fr auto auto;align-items:center;column-gap:1rem;padding:2.2rem 1.1rem .9rem;font-size:.62rem;font-weight:600;display:grid;position:absolute;bottom:0;left:0;right:0}.gtile__label{letter-spacing:.12em;font-size:.72rem}.gtile__kind{color:#ece6cb9e}.gtile__status{color:#ece6cb9e;align-items:center;gap:.45rem;display:inline-flex}.gtile__status i{border:1px solid;border-radius:50%;width:.4rem;height:.4rem}.gtile__cap:after{background:var(--rose);transform-origin:0;content:"";height:1px;transition:transform .52s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:1.1rem;right:1.1rem;transform:scaleX(0)}.gtile:hover .gtile__cap:after,.gtile:focus-within .gtile__cap:after{transform:scaleX(1)}.glight{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080a0be0;grid-template-columns:minmax(0,1fr) 20rem;align-items:center;gap:3rem;padding:6vh 5vw;animation:.38s cubic-bezier(.16,1,.3,1) both glight-in;display:grid;position:fixed;inset:0}.glight__frame{height:min(78vh,52vw);position:relative}.glight__art{animation:.7s cubic-bezier(.16,1,.3,1) both glight-art;position:absolute;inset:0;overflow:hidden}.glight__art .gart{position:absolute;inset:0}.glight__code,.glight__status{color:#ece6cb9e;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.62rem;font-weight:600}.glight__status{align-items:center;gap:.5rem;margin-top:1rem;display:flex}.glight__status i{border:1px solid;border-radius:50%;width:.45rem;height:.45rem}.glight h3{letter-spacing:-.05em;text-transform:uppercase;margin:.8rem 0 0;font-family:Archivo Black,sans-serif;font-size:2.4rem;font-weight:400;line-height:.92}.glight__note{color:#ece6cbbd;margin:1.6rem 0 0;line-height:1.5}.glight__close{min-height:44px;color:var(--paper);font:inherit;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #ece6cb66;align-items:center;gap:.6rem;margin-top:2rem;padding:0 1rem;font-size:.66rem;font-weight:600;display:inline-flex}.glight__close:hover{border-color:var(--rose)}@keyframes glight-in{0%{opacity:0}}@keyframes glight-art{0%{clip-path:inset(50%)}to{clip-path:inset(0)}}.gart{color:#141716;display:block;position:absolute;inset:0;overflow:hidden}.gart--scene img{object-fit:cover;width:100%;max-width:none;height:100%}.gart--scroll{background:#e1dccc;grid-template-columns:9% 1fr 34%;display:grid}.gart-scroll__rail{background:#1b2122;flex-direction:column;align-items:center;gap:.9rem;padding:1.4rem 0;display:flex}.gart-scroll__rail b{background:var(--rose);width:1.1rem;height:1.1rem;margin-bottom:1rem}.gart-scroll__rail i{background:#ece6cb66;width:.9rem;height:2px}.gart-scroll__viewport{padding:0 2rem;position:relative;overflow:hidden}.gart-scroll__list{flex-direction:column;gap:1rem;padding-top:1rem;animation:16s linear infinite gart-scroll;display:flex}.gart-scroll__row{background:#ece6cb;border:1px solid #14171624;grid-template-rows:auto auto;grid-template-columns:2.2rem 1fr;gap:.45rem 1rem;padding:1.1rem;display:grid}.gart-scroll__row em{background:#cfe0dc;border-radius:50%;grid-row:span 2;width:2.2rem;height:2.2rem}.gart-scroll__row span{background:#141716;height:.55rem}.gart-scroll__row small{background:#1417164d;height:.45rem}.gart-scroll__panel{color:var(--paper);background:#304c3c;flex-direction:column;justify-content:center;gap:.8rem;padding:2rem;display:flex}.gart-scroll__panel strong{font-family:Georgia,serif;font-size:clamp(1.4rem,2.6vw,3rem);font-style:italic;font-weight:400}.gart-scroll__panel span{background:#ece6cb4d;width:80%;height:.5rem}.gart-scroll__panel span+span{width:60%}.gart-scroll__panel b{background:var(--paper);color:#141716;letter-spacing:.14em;text-transform:uppercase;align-self:flex-start;margin-top:1rem;padding:.7rem 1.1rem;font-size:.65rem}@keyframes gart-scroll{to{transform:translateY(-50%)}}.gart--orbit{background:#0f1d21;place-items:center;display:grid}.gart-orbit__ring{border:1px solid #ece6cb47;border-radius:50%;animation:linear infinite gart-spin;position:absolute;top:50%;left:50%;translate:-50% -50%}.gart-orbit__ring i{background:var(--paper);border-radius:50%;width:8px;height:8px;margin-left:-4px;position:absolute;top:-4px;left:50%}.gart-orbit__ring.r1{aspect-ratio:1;width:26%;animation-duration:6s}.gart-orbit__ring.r2{aspect-ratio:1;width:44%;animation-duration:11s;animation-direction:reverse}.gart-orbit__ring.r2 i{background:var(--rose)}.gart-orbit__ring.r3{aspect-ratio:1;width:62%;animation-duration:17s}.gart-orbit__ring.r3 i{background:var(--aqua)}.gart--orbit.is-big .gart-orbit__ring.r1{width:34%}.gart--orbit.is-big .gart-orbit__ring.r2{width:58%}.gart--orbit.is-big .gart-orbit__ring.r3{width:82%}.gart-orbit__core{aspect-ratio:1;background:radial-gradient(circle,#f6eecf,#ece6cb 40%,#ece6cb00 72%);border-radius:50%;width:9%}@keyframes gart-spin{to{rotate:360deg}}.gart--mark{background:var(--rose);place-items:center;display:grid}.gart-mark__ring{aspect-ratio:1;border:1px dashed #14171673;border-radius:50%;width:46%;animation:24s linear infinite gart-spin;position:absolute;top:50%;left:50%;translate:-50% -50%}.gart-mark__glyph{font-family:Georgia,serif;font-size:clamp(4rem,9vw,9rem);font-style:italic;line-height:1}.gart-mark__word{letter-spacing:.3em;text-transform:uppercase;font-size:.62rem;font-weight:600;position:absolute;bottom:22%}.gart--bars{background:#cfe0dc;grid-template-columns:auto 1fr;align-items:center;gap:3rem;padding:12% 2.4rem 16%;display:grid}.gart-bars__head{flex-direction:column;gap:.4rem;display:flex}.gart-bars__head small{letter-spacing:.16em;text-transform:uppercase;font-size:.62rem;font-weight:600}.gart-bars__head strong{letter-spacing:-.05em;font-family:Archivo Black,sans-serif;font-size:clamp(2rem,4.4vw,4.6rem);font-weight:400;line-height:.9}.gart-bars__chart{align-items:flex-end;gap:.6rem;height:100%;display:flex}.gart-bars__chart i{height:var(--h);transform-origin:bottom;animation:gart-bar 3.2s ease-in-out var(--d) infinite alternate;background:#141716;flex:1}.gart-bars__chart i:nth-child(6){background:#304c3c}@keyframes gart-bar{0%{transform:scaleY(.55)}to{transform:scaleY(1)}}.gart--type{background:var(--paper);flex-direction:column;justify-content:space-between;padding:1.4rem 1.6rem;display:flex}.gart-type__big{letter-spacing:-.06em;font-family:Archivo Black,sans-serif;font-size:clamp(5rem,11vw,12rem);line-height:.8}.gart-type__big em{color:#304c3c;transform-origin:0 100%;font-family:Georgia,serif;font-weight:400;animation:4s ease-in-out infinite alternate gart-breathe;display:inline-block}.gart-type__meta{letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;gap:1rem;font-size:.58rem;font-weight:600;display:flex}@keyframes gart-breathe{0%{transform:rotate(-4deg)}to{transform:rotate(6deg)}}.gart--wave{background:#22382c}.gart--wave svg{width:100%;height:100%}.gart--wave path{fill:none;stroke:#ece6cbb3;stroke-width:1.2px;stroke-dasharray:18 10;animation:3.2s linear infinite gart-dash}.gart--wave path:nth-child(3){stroke:var(--rose)}@keyframes gart-dash{to{stroke-dashoffset:-112px}}.gart--phone{background:#304c3c;place-items:center;display:grid}.gart-phone__device{aspect-ratio:9/19;background:var(--paper);border:6px solid #0c0e0f;border-radius:1.6rem;flex-direction:column;gap:.8rem;height:72%;padding:2.2rem 1.1rem 1.1rem;animation:5s ease-in-out infinite alternate gart-float;display:flex}.gart-phone__notch{background:#0c0e0f;border-radius:1rem;align-self:center;width:30%;height:.5rem;margin-top:-1.4rem}.gart-phone__title{font-family:Georgia,serif;font-size:1.2rem;font-style:italic}.gart-phone__item{grid-template-rows:auto auto;grid-template-columns:2rem 1fr;gap:.35rem .7rem;display:grid}.gart-phone__item b{background:#cfe0dc;grid-row:span 2;height:2rem}.gart-phone__item span{background:#141716;height:.45rem}.gart-phone__item small{background:#1417164d;width:50%;height:.4rem}.gart-phone__total{border-top:1px solid #14171633;justify-content:space-between;margin-top:auto;padding-top:.7rem;font-size:.7rem;display:flex}.gart-phone__cta{color:var(--paper);letter-spacing:.16em;text-align:center;text-transform:uppercase;background:#141716;padding:.75rem;font-size:.62rem;font-weight:600;animation:5s ease-in-out infinite gart-press}@keyframes gart-float{0%{transform:translateY(3%)}to{transform:translateY(-3%)}}@keyframes gart-press{0%,70%,to{background:#141716}78%{background:var(--rose);color:#141716}}.gart--swatch{display:flex}.gart--swatch i{background:var(--c);animation:gart-swell 4.8s ease-in-out var(--d) infinite alternate;flex:1;position:relative}.gart--swatch small{color:#141716;letter-spacing:.08em;text-transform:uppercase;writing-mode:vertical-rl;font-size:.56rem;font-weight:600;position:absolute;top:12%;left:.6rem;transform:rotate(180deg)}.gart--swatch i:nth-child(n+3) small{color:var(--paper)}.gart--swatch i:nth-child(4) small,.gart--swatch i:nth-child(5) small{color:#141716}@keyframes gart-swell{0%{flex-grow:1}to{flex-grow:1.9}}.gart--cursor{background:#181c1d;place-items:center;display:grid}.gart-cursor__card{background:#101415;border:1px solid #ece6cb33;flex-direction:column;gap:.6rem;width:52%;padding:1.4rem;display:flex}.gart-cursor__card span{background:#ece6cb4d;height:.5rem}.gart-cursor__card span+span{width:70%}.gart-cursor__card b{background:var(--paper);color:#141716;letter-spacing:.14em;text-transform:uppercase;align-self:flex-start;margin-top:.6rem;padding:.65rem 1rem;font-size:.6rem;animation:4s ease-in-out infinite gart-press}.gart-cursor__pointer{background:var(--paper);clip-path:polygon(0 0,100% 62%,52% 60%,32% 100%);width:1.1rem;height:1.1rem;animation:4s cubic-bezier(.65,0,.35,1) infinite gart-pointer;position:absolute;top:0;left:0}@keyframes gart-pointer{0%{translate:74cqw 70cqh}45%,72%{translate:33cqw 58cqh}50%{scale:.85}to{translate:74cqw 70cqh}}.gart--cursor{container-type:size}.gart--toggles{background:#ece6cb;flex-direction:column;justify-content:center;gap:.2rem;padding:0 12%;display:flex}.gart-toggles__row{border-bottom:1px solid #14171629;justify-content:space-between;align-items:center;padding:.95rem 0;font-size:.85rem;display:flex}.gart-toggles__row i{width:2.4rem;height:1.3rem;animation:gart-track 4.4s steps(1) var(--d) infinite;background:#14171638;border-radius:1rem;position:relative}.gart-toggles__row i:after{background:var(--paper);width:1rem;height:1rem;animation:gart-knob 4.4s cubic-bezier(.65, 0, .35, 1) var(--d) infinite;content:"";border-radius:50%;position:absolute;top:.15rem;left:.15rem}@keyframes gart-track{0%,49%{background:#14171638}50%,to{background:#304c3c}}@keyframes gart-knob{0%,40%{translate:0}50%,90%{translate:1.1rem}to{translate:0}}.gart--board{background:#c4a0f1;grid-template-columns:repeat(3,1fr);gap:1rem;padding:2rem;display:grid;container-type:size}.gart-board__col{background:#14171614;flex-direction:column;gap:.7rem;padding:.9rem;display:flex}.gart-board__col small{letter-spacing:.16em;text-transform:uppercase;margin-bottom:.4rem;font-size:.6rem;font-weight:600}.gart-board__card,.gart-board__mover{background:var(--paper);flex-direction:column;gap:.45rem;padding:.9rem;display:flex}.gart-board__card span,.gart-board__mover span{background:#141716;height:.45rem}.gart-board__card span+span,.gart-board__mover span+span{background:#1417164d;width:55%}.gart-board__mover{border-left:3px solid var(--rose);width:calc(33.3333cqw - 3.8rem);animation:6s cubic-bezier(.65,0,.35,1) infinite gart-move;position:absolute;top:0;left:0;box-shadow:0 .6rem 1.4rem #14171638}@keyframes gart-move{0%,15%{translate:2.9rem 13.7rem}45%,60%{translate:calc(33.3333cqw + 1.9rem) 13.7rem}90%,to{translate:calc(66.6667cqw + .9rem) 17.9rem}}@media (width<=800px){.gallery{padding-top:11svh}.gallery__header{padding:0 6vw}.gallery__header h2{grid-column:1/-1;font-size:12vw}.gallery__lede{grid-column:1/-1;justify-self:start;margin:1.4rem 0 0;font-size:.95rem}.lab-marks{left:5vw;right:5vw}.gallery__grid{grid-template-columns:1fr 1fr;grid-auto-rows:auto;grid-auto-flow:dense;margin-top:4rem}.gtile{aspect-ratio:4/3;grid-area:auto/span 2!important}.gtile--s,.gtile--m{aspect-ratio:1;grid-column:span 1!important}.gtile--tall{aspect-ratio:auto;grid-area:span 2/span 1!important}.gtile--phone-full{aspect-ratio:4/3;grid-column:span 2!important}.gart-type__meta{display:none}.gtile__cap{grid-template-columns:auto 1fr;padding:1.6rem .8rem .7rem}.gtile__kind,.gtile__status,.gtile--s .gtile__cap>span:first-child,.gtile--m .gtile__cap>span:first-child{display:none}.glight{grid-template-columns:1fr;align-content:center;gap:1.5rem;padding:5rem 6vw 2rem;overflow-y:auto}.glight__frame{height:52vh}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.lab-line,.gallery__lede{animation:cubic-bezier(.22,1,.36,1) both lab-in;animation-timeline:--lab}.lab-line:first-child{animation-range:entry 22% entry 68%}.lab-line:last-child{animation-range:entry 30% entry 76%}.gallery__lede{animation-range:entry 42% entry 86%}.gtile{animation:cubic-bezier(.22,1,.36,1) both tile-in;animation-timeline:view();animation-range:entry entry 60%}.gtile__art{animation:linear both art-drift;animation-timeline:--tile;animation-range:cover}}}@keyframes lab-in{0%{opacity:0;transform:translateY(.32em)}}@keyframes tile-in{0%{opacity:0;transform:translateY(9svh)scale(.97)}}@keyframes art-drift{0%{translate:0 -6%}to{translate:0 6%}}@media (prefers-reduced-motion:reduce){.gart *,.gart{animation:none!important}.gtile__art{transition:none}}.ab{--ab-ink:#141716;--ab-bone:#ece6cb;--ab-rose-ink:#ad4260;--gut:4.2vw;z-index:50;overscroll-behavior:contain;color:var(--ab-ink);background:var(--ab-bone);position:fixed;inset:0;overflow:hidden auto}.ab em{color:var(--ab-rose-ink);letter-spacing:-.04em;text-transform:none;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400}.ab .crop:before,.ab .crop:after{background:var(--ab-ink)}.ab-crops{pointer-events:none;position:absolute;inset:0}.ab-h2{letter-spacing:-.055em;text-transform:uppercase;margin:0;font-family:Archivo Black,sans-serif;font-size:clamp(2.6rem,6.4vw,7rem);font-weight:400;line-height:.88}.ab svg[viewBox="0 0 52 20"]{fill:none;stroke:currentColor;stroke-width:1.2px;width:2.4rem}.ab-bar{z-index:10;height:4.5rem;padding:0 var(--gut);background:var(--ink);color:var(--ab-bone);letter-spacing:.18em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.66rem;font-weight:600;display:flex;position:sticky;top:0}.ab-bar a{align-items:center;gap:.8rem;min-height:44px;display:inline-flex}.ab-bar__back svg{rotate:180deg}.ab-bar__links{gap:clamp(1.2rem,2.6vw,2.6rem);display:flex}.ab-bar a:hover{color:#e7a0a4}.ab-hello{min-height:calc(100svh - 4.5rem);padding:4svh var(--gut) 12svh;background:var(--ink);color:var(--ab-bone);justify-content:center;align-items:center;gap:clamp(3rem,6vw,7rem);display:flex}.ab-hello em{color:#e7a0a4}.ab-hello .crop:before,.ab-hello .crop:after{background:var(--ab-bone)}.ab-portrait{flex:none;width:min(34vw,60svh,34rem);margin:0;position:relative}.ab-portrait img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.ab-sticker{width:clamp(5.6rem,8vw,8rem);position:absolute;top:-2.6rem;right:-2.6rem;rotate:12deg}.ab-sticker svg{width:100%;display:block;overflow:visible}.ab-sticker__disc{fill:#e7a0a4;stroke:var(--ab-ink);stroke-width:2px}.ab-sticker__text{fill:var(--ab-ink);letter-spacing:.06em;text-transform:uppercase;font-family:Archivo Variable,sans-serif;font-size:10.6px;font-weight:700}.ab-sticker__star{fill:var(--ab-ink)}.ab-intro{flex:0 34rem;min-width:0}.ab-h1{letter-spacing:-.055em;text-transform:uppercase;margin:0;font-family:Archivo Black,sans-serif;font-size:clamp(3rem,5.6vw,6.4rem);font-weight:400;line-height:.9}.ab-lead{letter-spacing:-.015em;margin:1.6rem 0 0;font-size:clamp(1.15rem,1.45vw,1.45rem);font-weight:600;line-height:1.25}.ab-intro>p:not(.ab-lead){color:#ece6cbbd;margin:1.1rem 0 0;font-size:clamp(1rem,1.08vw,1.1rem);line-height:1.6}.ab-ctas{flex-wrap:wrap;align-items:center;gap:.8rem 2rem;margin-top:2.2rem;display:flex}.ab-cta{letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:.9rem;min-height:48px;font-size:.7rem;font-weight:700;transition:color .3s,background-color .3s;display:inline-flex}.ab-cta--solid{background:var(--ab-bone);color:var(--ab-ink);padding:0 1.4rem}.ab-cta--solid:hover{background:#e7a0a4}.ab-cta:not(.ab-cta--solid){border-bottom:1px solid;min-height:36px}.ab-cta:not(.ab-cta--solid):hover{color:#e7a0a4}.ab-cta svg{transition:translate .4s cubic-bezier(.16,1,.3,1)}.ab-cta:hover svg{translate:.4rem}.ab-how{padding:14svh var(--gut) 16svh}.ab-cards{justify-content:center;align-items:flex-start;margin:10svh 0 0;padding:0;list-style:none;display:flex}.ab-card{--tilt:-5deg;--lift:0rem;min-height:23rem;rotate:var(--tilt);translate:0 var(--lift);flex:0 19.5rem;padding:3.8rem 1.9rem 2rem;transition:rotate .5s cubic-bezier(.16,1,.3,1),translate .5s cubic-bezier(.16,1,.3,1);position:relative}.ab-cards{gap:clamp(1.2rem,2vw,2.2rem)}.ab-card:nth-child(2){--tilt:2.5deg;--lift:2.4rem}.ab-card:nth-child(3){--tilt:-2deg;--lift:-.8rem}.ab-card:nth-child(4){--tilt:4.5deg;--lift:1.6rem}.ab-card:hover{rotate:0deg;translate:0 calc(var(--lift) - 1.2rem)}.ab-card--moss{color:var(--ab-bone);background:#304c3c}.ab-card--aqua{color:var(--ab-ink);background:#7ba2a0}.ab-card--rose{color:var(--ab-ink);background:#e7a0a4}.ab-card--ink{background:var(--ab-ink);color:var(--ab-bone)}.ab-card h3{letter-spacing:-.03em;border-bottom:2px solid;margin:0;padding-bottom:1.1rem;font-family:Archivo Black,sans-serif;font-size:1.55rem;font-weight:400;line-height:.98}.ab-card ul{margin:1.3rem 0 0;padding:0;list-style:none}.ab-card ul li{padding:.32rem 0 .32rem 1.3rem;font-size:.98rem;line-height:1.35;position:relative}.ab-card ul li:before{content:"✦";font-size:.8rem;position:absolute;top:.32rem;left:0}.ab-card__sticker{width:5.6rem;position:absolute;top:-2.8rem;left:-1.4rem;rotate:-9deg}.ab-card:nth-child(2n) .ab-card__sticker{rotate:8deg}.ab-art-sticker{filter:drop-shadow(0 4px #14171624);width:100%;display:block;overflow:visible}.ab-clock{padding:14svh var(--gut) 16svh;color:var(--ab-bone);background:#304c3c}.ab-clock .ab-h2 em{color:#e7a0a4}.ab-wall{align-items:flex-start;gap:clamp(1.4rem,2.6vw,3rem);max-width:90rem;margin:9svh auto 0;display:flex}.ab-col{flex-direction:column;flex:1;gap:clamp(1.8rem,3vw,3.2rem);min-width:0;margin:0;padding:0;list-style:none;display:flex}.ab-col:nth-child(2){margin-top:8svh}.ab-col:nth-child(3){margin-top:3svh}.ab-tile{color:var(--ab-ink);padding:.8rem .8rem 1.1rem;transition:rotate .5s cubic-bezier(.16,1,.3,1),scale .5s cubic-bezier(.16,1,.3,1);rotate:-1.2deg}.ab-tile:nth-child(2n){rotate:1.1deg}.ab-tile:nth-child(3n){rotate:-.5deg}.ab-tile:hover{rotate:0deg;scale:1.015}.ab-tile--butter{background:#f1dc8e}.ab-tile--rose{background:#e7a0a4}.ab-tile--violet{background:#c4a0f1}.ab-tile--aqua{background:#cfe0dc}.ab-tile img{width:100%;height:auto;display:block}.ab-tile__title{letter-spacing:-.01em;margin:.95rem 0 0;font-size:1.12rem;font-weight:700}.ab-tile__note{opacity:.78;margin:.3rem 0 0;font-size:.94rem;line-height:1.4}.ab-end{padding:16svh var(--gut) 3rem;background:var(--ink);color:var(--ab-bone)}.ab-end .ab-end__line em{color:#e7a0a4}.ab-end__line{letter-spacing:-.06em;text-transform:uppercase;margin:0;font-family:Archivo Black,sans-serif;font-size:clamp(3rem,8.4vw,9.5rem);line-height:.86}.ab-end__email{letter-spacing:-.01em;border-bottom:1px solid #ece6cb66;margin-top:3.4rem;padding-bottom:.3rem;font-size:clamp(1.2rem,2vw,2rem);transition:color .3s,border-color .3s;display:inline-block}.ab-end__email:hover{color:#e7a0a4;border-color:#e7a0a4}.ab-end__base{letter-spacing:.16em;text-transform:uppercase;border-top:1px solid #ece6cb2e;gap:2.4rem;margin-top:12svh;padding-top:1.2rem;font-size:.64rem;font-weight:600;display:flex}.ab-end__base a:hover{color:#e7a0a4}.ab-end__base a:last-child{margin-left:auto}@media (prefers-reduced-motion:no-preference){.ab-portrait,.ab-h1,.ab-lead,.ab-intro>p,.ab-ctas{animation:.9s cubic-bezier(.16,1,.3,1) both ab-rise}.ab-portrait{animation-name:ab-rise-far}.ab-h1{animation-delay:.12s}.ab-lead{animation-delay:.2s}.ab-intro>p{animation-delay:.27s}.ab-ctas{animation-delay:.34s}.ab-sticker svg{animation:30s linear infinite ab-spin}@supports (animation-timeline:view()){.ab-card{animation:cubic-bezier(.22,1,.36,1) both ab-deal;animation-timeline:view();animation-range:entry 10% entry 70%}.ab-card:nth-child(2){animation-range:entry 18% entry 78%}.ab-card:nth-child(3){animation-range:entry 26% entry 86%}.ab-card:nth-child(4){animation-range:entry 34% entry 94%}.ab-tile{animation:cubic-bezier(.22,1,.36,1) both ab-pin;animation-timeline:view();animation-range:entry entry 55%}}}@keyframes ab-rise{0%{opacity:0;transform:translateY(1.6rem)}}@keyframes ab-rise-far{0%{opacity:0;transform:translateY(3rem)scale(.98)}}@keyframes ab-spin{to{rotate:360deg}}@keyframes ab-pin{0%{opacity:0;transform:translateY(10svh)}}@keyframes ab-deal{0%{opacity:0;transform:translateY(16svh)scale(.94)}}@media (prefers-reduced-motion:reduce){.ab-card,.ab-tile{transition:none}}@media (width<=800px){.ab{--gut:6vw}.ab-bar__links{gap:1rem}.ab-hello{min-height:0;padding:4svh var(--gut) 10svh;display:block}.ab-col:nth-child(n){margin-top:0}.ab-portrait{width:78vw;margin:1.6rem auto 0}.ab-intro{max-width:none}.ab-sticker{width:5.4rem;top:-1.8rem;right:-1.4rem}.ab-intro{margin-top:3.4rem}.ab-h1{font-size:13vw}.ab-cards{flex-direction:column;align-items:stretch;gap:0;margin-top:7svh}.ab-card{flex:none;min-height:0;padding:3.2rem 1.6rem 1.8rem}.ab-cards{gap:2.6rem}.ab-card,.ab-card:nth-child(3){--tilt:-1.6deg;--lift:0rem}.ab-card:nth-child(2n){--tilt:1.6deg;--lift:0rem}.ab-card__sticker{width:4.4rem;top:-1.8rem;left:auto;right:.6rem}.ab-wall{flex-direction:column;gap:2.6rem}.ab-col{display:contents}.ab-end__base{flex-wrap:wrap;gap:1.4rem}}
