.hero-experience{--hero-ivory:var(--ink);--hero-blue:var(--accent-brand);--hero-dark:var(--paper);font-family:var(--font-display);container-type:inline-size}.hero-experience__bounds{perspective:1100px}.hero-experience__coordinates{color:var(--ink-soft);font-family:var(--font-mono);letter-spacing:.18em;justify-content:space-between;font-size:9px;display:flex;position:absolute;inset:0 1% auto}.hero-experience__coordinates span:last-child{color:var(--hero-blue);font-size:21px;line-height:.6}.hero-experience__ground{background-image:linear-gradient(var(--accent-brand-line) 1px, transparent 1px), linear-gradient(90deg, var(--accent-brand-line) 1px, transparent 1px);opacity:.46;pointer-events:none;background-size:29px 29px;position:absolute;inset:8% -2% 7%;-webkit-mask-image:radial-gradient(#000 12%,#0000 69%);mask-image:radial-gradient(#000 12%,#0000 69%)}.hero-experience__orbit{border:1px solid var(--accent-brand-line);pointer-events:none;border-radius:50%;width:110%;height:52%;position:absolute;top:21%;left:-5%;transform:rotate(-26deg)}.hero-experience__orbit:before{content:"";border:1px solid color-mix(in oklab, var(--ink) 10%, transparent);border-radius:inherit;position:absolute;inset:9px -15px}.hero-experience__orbit span{background:var(--hero-blue);width:7px;height:7px;box-shadow:0 0 0 5px var(--accent-brand-soft);border-radius:50%;position:absolute;top:20%;left:8%}.hero-experience__orbit span:last-child{background:var(--hero-ivory);width:4px;height:4px;box-shadow:none;top:83%;left:86%}.hero-experience__stage{pointer-events:none;transform-style:preserve-3d;position:absolute;inset:12% 5% 10% 3%;transform:rotateX(11deg)rotateY(-17deg)rotate(-8deg)}@media (width<=368px){.hero-experience__stage{top:calc(12% - 6px);bottom:calc(10% + 6px)}}.hero-experience__sheet{appearance:none;text-align:left;font-weight:inherit;pointer-events:auto;cursor:pointer;border:1px solid var(--accent-brand-line);backface-visibility:hidden;border-radius:10px;padding:0;transition:opacity .18s ease-out,border-color .18s ease-out,filter .18s ease-out;position:absolute}.hero-experience__sheet>*{pointer-events:none}.hero-experience[data-expanded=true] .hero-experience__sheet{opacity:.64}.hero-experience[data-expanded=true] .hero-experience__sheet[data-active=true]{opacity:1;border-color:var(--hero-blue)}.hero-experience[data-expanded=true] .hero-experience__sheet[data-selected=true]{opacity:1;z-index:4}.hero-experience[data-expanded=true] .hero-experience__sheet[data-hovered=true]{outline:2px solid var(--hero-blue);outline-offset:3px;filter:brightness(1.18)}.hero-experience__sheet:focus-visible{outline:3px solid var(--hero-blue);outline-offset:5px}.hero-experience__sheet--structure{z-index:0;background:var(--paper);width:34%;height:44%;box-shadow:5px 5px 0 var(--paper-soft), 0 22px 42px #0004;border-color:color-mix(in oklab, var(--hero-blue) 75%, transparent);padding:7% 7% 18%;top:56%;left:66%}.hero-experience__rack{width:100%;height:100%;stroke:var(--hero-blue);stroke-width:1.5px;overflow:visible}.hero-experience__rack-grid{opacity:.2;stroke-width:.7px}.hero-experience__rack-frame{fill:var(--hero-dark);stroke-width:2px}.hero-experience__rack-rail{opacity:.7}.hero-experience__rack-unit>rect:first-child{fill:var(--paper-soft)}.hero-experience__rack-unit>path{opacity:.65}.hero-experience__rack-port{fill:var(--hero-dark)}.hero-experience__rack-light{fill:var(--hero-blue)}.hero-experience__rack-ground{stroke-width:2px}.hero-experience[data-expanded=true] .hero-experience__sheet--structure[data-active=true] .hero-experience__rack-light{fill:var(--hero-ivory);stroke:var(--hero-ivory)}.hero-experience__sheet-label{color:var(--hero-blue);background:var(--hero-dark);border:1px solid var(--hero-blue);font-family:var(--font-mono);white-space:nowrap;opacity:0;padding:4px 8px;font-size:15px;line-height:1.2;transition:opacity .2s;display:inline-block;position:absolute;bottom:10px;left:10px}@media (width<=479px){.hero-experience__sheet-label{padding:3px 6px;font-size:14px;bottom:6px;left:6px}}.hero-experience[data-expanded=true] .hero-experience__sheet-label{opacity:1}.hero-experience__sheet--layout{z-index:1;background:var(--paper-soft);width:34%;height:44%;box-shadow:4px 4px 0 var(--paper), 6px 6px 0 var(--accent-brand-line), 0 15px 26px #0003;border-color:color-mix(in oklab, var(--hero-blue) 75%, transparent);padding:6% 5% 18%;top:0;left:66%}.hero-experience__logic{width:100%;height:100%;stroke:var(--hero-blue);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;overflow:visible}.hero-experience__rack *,.hero-experience__logic *{vector-effect:non-scaling-stroke}.hero-experience__logic-route{opacity:.65}.hero-experience__logic-signal{stroke:var(--hero-ivory);stroke-width:2.5px;opacity:0;stroke-dasharray:1}.hero-experience__logic-input,.hero-experience__logic-output{fill:var(--hero-blue)}.hero-experience__logic-input-mark,.hero-experience__logic-output-mark{stroke:var(--hero-dark);stroke-width:2.5px}.hero-experience__logic-core{fill:var(--hero-dark);stroke-width:2.5px}.hero-experience__logic-core-mark{stroke:var(--hero-ivory);stroke-width:2.5px}.hero-experience__logic-junction{fill:var(--hero-blue);stroke:var(--paper-soft);stroke-width:2px}.hero-experience[data-expanded=true] .hero-experience__sheet--layout[data-active=true] .hero-experience__logic-signal{opacity:1;animation:.7s both hero-logic-connect}.hero-experience[data-motion=paused] .hero-experience__sheet--layout[data-active=true] .hero-experience__logic-signal{animation-play-state:paused}@keyframes hero-logic-connect{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.hero-experience__sheet--browser{z-index:2;background:var(--hero-ivory);width:50%;height:80%;color:var(--hero-dark);border-color:color-mix(in oklab, var(--ink) 75%, var(--accent-brand));box-shadow:1px 1px 0 var(--hero-ivory), 3px 3px 0 var(--paper-soft), 5px 5px 0 var(--accent-brand-line), 0 24px 52px #0006;flex-direction:column;display:flex;top:10%;left:0;overflow:hidden}.hero-experience__chrome{border-bottom:1px solid color-mix(in oklab, var(--paper) 16%, transparent);min-height:18px;font-family:var(--font-mono);color:var(--hero-dark);align-items:center;gap:9px;padding:0 10px;font-size:clamp(6px,1.8cqw,9px);display:flex}.hero-experience__traffic{gap:4px;display:flex}.hero-experience__traffic i{border:1px solid;border-radius:50%;width:4px;height:4px}.hero-experience__chrome-plus{margin-left:auto;font-size:13px}.hero-experience__site-nav{align-items:center;gap:12px;height:13%;min-height:24px;padding:0 7%;display:flex}.hero-experience__site-nav img{width:clamp(18px,5.5cqw,25px);height:auto}.hero-experience__site-nav>div{gap:9px;margin-left:auto;display:flex}.hero-experience__site-nav>div>span{background:color-mix(in oklab, var(--paper) 60%, transparent);width:19px;height:2px}.hero-experience__nav-button{background:var(--paper);width:24px;height:16px;color:var(--ink);place-items:center;font-size:12px;display:grid}.hero-experience__canvas{background:var(--hero-blue);perspective:500px;flex:1;min-height:0;margin:0 7%;position:relative;overflow:hidden}.hero-experience__canvas-grid{background-image:linear-gradient(#07020116 1px,#0000 1px),linear-gradient(90deg,#07020116 1px,#0000 1px);background-size:18% 20%;position:absolute;inset:0}.hero-experience__architecture{transform-style:preserve-3d;animation:9s ease-in-out infinite alternate hero-architecture-float;position:absolute;inset:15% 16%;transform:rotate(-28deg)}.hero-experience__portal{border:clamp(12px, 5cqw, 22px) solid var(--hero-ivory);border-radius:32% 32% 28% 28%;width:76%;height:91%;position:absolute;top:4%;left:12%;box-shadow:inset 3px 3px #07020148,inset -1px -1px #f7f2e870,6px 8px #070201b8,10px 14px 15px #07020120}.hero-experience__portal--back{border-color:var(--paper-soft);box-shadow:6px 8px 0 var(--paper), 10px 14px 15px #07020125;transform:translate(-28%,-3%)rotateY(26deg)rotate(16deg)scale(.83)}.hero-experience__portal--middle{border-color:var(--hero-dark);transform:translate(24%,-2%)rotateY(26deg)rotate(-16deg)scale(.83);box-shadow:6px 8px #f7f2e85e,10px 14px 15px #07020125}.hero-experience__portal--front{transform:rotateY(-22deg)rotateX(16deg)}.hero-experience__axis{background:color-mix(in oklab, var(--ink) 55%, transparent);height:1px;position:absolute;top:48%;left:-29%;right:-29%;transform:rotate(40deg)}.hero-experience__axis:before,.hero-experience__axis:after{content:"";background:var(--hero-ivory);border-radius:50%;width:6px;height:6px;position:absolute;top:-3px}.hero-experience__axis:after{right:0}.hero-experience__canvas-meta{font-family:var(--font-mono);justify-content:space-between;align-items:center;font-size:9px;display:flex;position:absolute;bottom:6%;left:7%;right:7%}.hero-experience__canvas-meta span:last-child{font-size:22px}.hero-experience__site-footer{justify-content:space-between;align-items:center;gap:10%;height:18%;min-height:34px;padding:0 7%;display:flex}.hero-experience__site-footer>div:first-child{flex-direction:column;flex:1;gap:7px;display:flex}.hero-experience__site-footer>div:first-child span{background:var(--hero-dark);width:100%;height:5px}.hero-experience__site-footer>div:first-child span:last-child{opacity:.45;width:62%;height:3px}.hero-experience__mini-blocks{gap:4px;width:43%;height:42%;display:flex}.hero-experience__mini-blocks span{border:1px solid color-mix(in oklab, var(--paper) 25%, transparent);flex:1}.hero-experience__mini-blocks span:first-child{background:var(--hero-dark)}.hero-experience__reflection{pointer-events:none;background:radial-gradient(ellipse at var(--light-x,40%) var(--light-y,20%), #f7f2e825, transparent 58%);position:absolute;inset:0}.hero-experience[data-motion=paused] .hero-experience__architecture{animation-play-state:paused}@keyframes hero-architecture-float{0%{transform:translateY(3%)rotate(-31deg)rotateX(-7deg)}to{transform:translateY(-3%)rotate(-21deg)rotateX(7deg)}}.hero-experience__instruction{max-width:30ch;color:var(--hero-ivory);letter-spacing:-.01em;text-align:center;text-wrap:balance;margin:22px auto 0;padding:0 0 12px 24px;font-size:clamp(16px,4.2cqw,18px);font-weight:500;line-height:1.5;position:relative}.hero-experience__instruction:before{content:"";background:var(--hero-blue);width:8px;height:8px;box-shadow:0 0 0 4px var(--accent-brand-soft), 0 0 22px var(--hero-blue);border-radius:50%;animation:2.4s ease-in-out infinite hero-instruction-beacon;position:absolute;top:.6em;left:0}.hero-experience__instruction:after{content:"";background:linear-gradient(90deg, var(--hero-blue), transparent);border-radius:1px;width:36px;height:2px;margin-left:-6px;position:absolute;bottom:0;left:50%}.hero-experience[data-motion=paused] .hero-experience__instruction:before{animation-play-state:paused}@keyframes hero-instruction-beacon{0%,to{box-shadow:0 0 0 4px var(--accent-brand-soft), 0 0 22px var(--hero-blue)}50%{box-shadow:0 0 0 7px var(--accent-brand-soft), 0 0 34px var(--hero-blue)}}.hero-experience__instruction-touch,html:not(.js) .hero-experience__instruction{display:none}.hero-experience__readouts{z-index:5;border-top:1px solid var(--accent-brand-line);gap:4px;margin-top:18px;padding-top:14px;display:grid;position:relative}.hero-experience__readout{transform-origin:0;transition:opacity var(--dur-hero-base) var(--ease-out), transform var(--dur-hero-base) var(--ease-out), border-color var(--dur-hero-base) var(--ease-out), background-color var(--dur-hero-base) var(--ease-out);border:1px solid #0000;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:14px;padding:10px 12px 12px;display:grid}.hero-experience__readout[data-active=true]{border-color:var(--accent-brand-line);background:color-mix(in oklab, var(--accent-brand) 7%, transparent)}.hero-experience__readout[data-selected=true]{border-color:var(--hero-blue);background:color-mix(in oklab, var(--accent-brand) 12%, transparent);box-shadow:0 0 0 4px var(--accent-brand-soft)}html.js .hero-experience__readout{opacity:0;filter:blur(6px);pointer-events:none;transition:opacity .16s var(--ease-out), transform .16s var(--ease-out), filter .16s var(--ease-out), border-color var(--dur-hero-base) var(--ease-out), background-color var(--dur-hero-base) var(--ease-out);grid-area:1/1;transform:translateY(14px)scale(.97)}html.js .hero-experience__readout[data-shown=true]{opacity:1;filter:none;pointer-events:auto;will-change:transform, opacity, filter;transition:opacity .2s var(--ease-out), transform .56s var(--ease-out), filter .24s var(--ease-out), border-color var(--dur-hero-base) var(--ease-out), background-color var(--dur-hero-base) var(--ease-out);transform:none}@supports (transition-timing-function:linear(0, 1)){html.js .hero-experience__readout[data-shown=true]{transition-timing-function:var(--ease-out), linear(0, .069, .219, .393, .557, .695, .804, .883, .938, .974, .996, 1.007, 1.012, 1.013, 1.012, 1.01, 1.008, 1.006, 1.004, 1.002, 1), var(--ease-out), var(--ease-out), var(--ease-out)}}.hero-experience__readout-index{color:var(--hero-blue);font-family:var(--font-mono);letter-spacing:-.06em;transition:color var(--dur-hero-base) var(--ease-out);font-size:clamp(20px,5.5cqw,26px);line-height:1}.hero-experience__readout:not([data-active=true]) .hero-experience__readout-index{color:var(--ink-soft)}.hero-experience__readout h2{color:var(--hero-ivory);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(1.375rem,2vw,1.75rem);font-weight:500;line-height:1.15}.hero-experience__readout p{color:var(--ink-soft);text-wrap:pretty;margin:6px 0 0;font-size:16px;line-height:1.5}@media (width>=1024px){.hero-experience__instruction{max-width:none;margin-top:8px;padding-bottom:8px;font-size:18px}.hero-experience__readouts{gap:2px;margin-top:6px;padding-top:8px}.hero-experience__readout{column-gap:12px;padding:6px 10px}.hero-experience__readout-index{font-size:22px}.hero-experience__readout h2{font-size:clamp(1.5rem,2vw,1.75rem);line-height:1.12}.hero-experience__readout p{margin-top:4px;font-size:17px;line-height:1.45}}@media (hover:none),(pointer:coarse){.hero-experience__architecture,.hero-experience__instruction:before{animation:none}.hero-experience__instruction-pointer{display:none}.hero-experience__instruction-touch{display:inline}}@media (prefers-reduced-motion:reduce){.hero-experience[data-expanded=true] .hero-experience__sheet--layout[data-active=true] .hero-experience__logic-signal,.hero-experience__architecture,.hero-experience__instruction:before,.hero-experience__readout[data-selected=true]{animation:none}.hero-experience__stage,.hero-experience__orbit,.hero-experience__sheet{transform:none!important}.hero-experience__stage{transform:rotate(-5deg)!important}.hero-experience[data-expanded=true] .hero-experience__stage{transform:rotate(-3deg)scale(.94)!important}.hero-experience[data-expanded=true] .hero-experience__sheet--browser{transform:translate(-5%,2%)!important}.hero-experience[data-expanded=true] .hero-experience__sheet--layout{transform:translate(4%,-6%)!important}.hero-experience[data-expanded=true] .hero-experience__sheet--structure{transform:translate(4%,6%)!important}.hero-experience[data-expanded=true] .hero-experience__sheet--browser[data-selected=true]{transform:translate(-7%,2%)scale(1.06)!important}.hero-experience[data-expanded=true] .hero-experience__sheet--layout[data-selected=true]{transform:translate(1%,-8%)scale(1.06)!important}.hero-experience[data-expanded=true] .hero-experience__sheet--structure[data-selected=true]{transform:translate(1%,8%)scale(1.06)!important}.hero-experience__readout,.hero-experience__readout-index,.hero-experience__sheet,.hero-experience__sheet-label{transition:none}html.js .hero-experience__readout,html.js .hero-experience__readout[data-shown=true]{filter:none;will-change:auto;transition:none;transform:none}}.plan-coverage{border-top:1px solid var(--border);margin-top:2rem}.plan-coverage__category{border-bottom:1px solid var(--border)}.plan-coverage__label{cursor:pointer;min-height:6.5rem;color:var(--ink-soft);transition:color var(--dur-fast) var(--ease-out);grid-template-columns:3.5rem minmax(0,1fr) auto 2.75rem;align-items:center;gap:1.25rem;padding:1.1rem 0;list-style:none;display:grid}.plan-coverage__label::-webkit-details-marker{display:none}.plan-coverage__label:focus-visible{outline:2px solid var(--accent-brand);outline-offset:5px}.plan-coverage__index{font-family:var(--font-display);letter-spacing:-.06em;color:var(--muted-foreground);transition:color var(--dur-fast) var(--ease-out);font-size:2.4rem;font-weight:500;line-height:1}.plan-coverage__title{font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(1.15rem,2.3vw,1.65rem);font-weight:500;line-height:1.3}.plan-coverage__count{font-family:var(--font-mono);letter-spacing:.12em;color:var(--muted-foreground);font-size:15px}.plan-coverage__toggle{border:1px solid var(--border);width:2.75rem;height:2.75rem;transition:color var(--dur-fast), background-color var(--dur-fast), border-color var(--dur-fast);border-radius:50%;display:block;position:relative}.plan-coverage__toggle span{background:currentColor;width:12px;height:1px;position:absolute;top:calc(50% - .5px);left:calc(50% - 6px)}.plan-coverage__toggle span:last-child{transition:transform var(--dur-base) var(--ease-out);transform:rotate(90deg)}.plan-coverage__label:is(:hover,:focus-visible),.plan-coverage__category[open]>.plan-coverage__label{color:var(--ink)}.plan-coverage__label:is(:hover,:focus-visible) .plan-coverage__index,.plan-coverage__category[open]>.plan-coverage__label .plan-coverage__index{color:var(--accent-brand)}.plan-coverage__label:is(:hover,:focus-visible) .plan-coverage__toggle{border-color:var(--accent-brand)}.plan-coverage__category[open]>.plan-coverage__label .plan-coverage__toggle{color:var(--paper);background:var(--accent-brand);border-color:var(--accent-brand)}.plan-coverage__category[open]>.plan-coverage__label .plan-coverage__toggle span:last-child{transform:rotate(0)}.plan-coverage__panel{padding:0 0 1.75rem 4.75rem}.plan-coverage__matrix{table-layout:fixed;border-collapse:collapse;width:100%;font-size:15px}.plan-coverage__matrix thead th{vertical-align:bottom;font-family:var(--font-display);text-align:center;color:var(--ink);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:1rem .75rem;font-size:.95rem;font-weight:500;line-height:1.4}.plan-coverage__matrix thead .plan-coverage__feature-heading{text-align:left;width:49%;font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted-foreground);padding-left:0;font-size:15px;font-weight:400}.plan-coverage__matrix tbody th{text-align:left;color:var(--ink-soft);padding:1.15rem 1.5rem 1.15rem 0;font-weight:400;line-height:1.6}.plan-coverage__matrix tbody td{text-align:center;color:var(--ink);padding:1.15rem .75rem}.plan-coverage__matrix tbody tr+tr{border-top:1px solid color-mix(in oklab, var(--border) 65%, transparent)}.plan-coverage__matrix [data-plan]{transition:background-color var(--dur-fast) var(--ease-out)}.plan-coverage__matrix [data-active=true]{background:color-mix(in oklab, var(--ink) 7%, transparent)}.plan-coverage__matrix thead [data-active=true]{box-shadow:inset 0 2px 0 var(--accent-warm)}.plan-coverage__check{width:1.05rem;height:1.05rem;color:var(--accent-brand);stroke-width:1.7px;margin:0 auto;display:block}.plan-coverage__none{width:1.05rem;height:1.05rem;color:var(--ink);opacity:.3;stroke-width:1.75px;margin:0 auto;display:block}.plan-coverage__mobile{display:none}.plan-coverage__category[open] .plan-coverage__row{animation:coverage-row-in .36s var(--ease-out) both;animation-delay:calc(var(--coverage-row,0) * 35ms)}@keyframes coverage-row-in{0%{opacity:.45;transform:translateY(8px)}to{opacity:1;transform:none}}@supports (interpolate-size:allow-keywords){.plan-coverage__category{interpolate-size:allow-keywords}.plan-coverage__category::details-content{block-size:0;transition:block-size var(--dur-base) var(--ease-out), content-visibility var(--dur-base) allow-discrete;overflow:clip}.plan-coverage__category[open]::details-content{block-size:auto}}@media (width<=687px){.plan-coverage__label{grid-template-columns:2.4rem minmax(0,1fr) 2.75rem;gap:.8rem;min-height:5.5rem}.plan-coverage__index{font-size:1.75rem}.plan-coverage__count{display:none}.plan-coverage__panel{padding-bottom:1.25rem;padding-left:0}.plan-coverage__matrix{display:none}.plan-coverage__mobile{display:block}.plan-coverage__mobile-row{border-top:1px solid var(--border);padding:1.2rem 0}.plan-coverage__mobile-row dt{color:var(--ink-soft);font-size:.95rem;line-height:1.65}.plan-coverage__tiers{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem;padding:0;list-style:none;display:grid}.plan-coverage__tiers li{text-align:center;min-width:0;font-family:var(--font-display);color:var(--ink);flex-direction:column;justify-content:space-between;align-items:center;gap:.6rem;padding:.2rem .65rem;font-size:14px;line-height:1.4;display:flex}.plan-coverage__tiers li+li{border-left:1px solid var(--border)}}@media (prefers-reduced-motion:reduce){.plan-coverage *{transition:none!important;animation:none!important}.plan-coverage__category::details-content{transition:none!important;animation:none!important}}.selected-work{min-width:0;margin-top:clamp(2.5rem,5vw,4.5rem)}.selected-work__intro{text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin:0 auto 1.75rem;display:flex}.selected-work__title{max-width:30ch;font-family:var(--font-display);letter-spacing:-.04em;text-wrap:balance;color:var(--ink);font-size:clamp(1.75rem,3.2vw,2.75rem);font-weight:500;line-height:1.12}.selected-work__description{max-width:60ch;color:var(--ink);font-size:1.0625rem;line-height:1.7}.selected-work__beat{margin-top:clamp(3rem,6vw,5rem);position:relative}.selected-work__beat-head{text-align:center;justify-items:center;gap:.875rem;margin:0 auto 2rem;display:grid}.selected-work__beat-h{max-width:34ch;font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;color:var(--ink);margin:0;font-size:clamp(1.8rem,3.1vw,2.7rem);font-weight:500;line-height:1.1}.selected-work__beat--mark{justify-items:center;gap:1.25rem;padding:2rem 0 1rem;display:grid}.selected-work__beat--mark .selected-work__beat-head{width:100%;max-width:48rem}.selected-work__mark-stage{place-items:start center;width:100%;display:grid;position:relative}.selected-work[data-live=true] .selected-work__mark-stage{min-height:calc(clamp(218px,29vh,363px) + 2.25rem + 120vh)}.selected-work__mark-wrap{justify-items:center;gap:1.25rem;display:grid;position:sticky;top:30vh}.selected-work__mark-wrap:before{content:"";background:radial-gradient(circle, var(--accent-brand-soft), color-mix(in oklab, var(--accent-brand) 4%, transparent) 45%, transparent 70%);filter:blur(10px);width:min(520px,100vw);height:min(520px,100vw);opacity:var(--ink-progress,1);pointer-events:none;border-radius:50%;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.selected-work__mark{z-index:1;width:clamp(150px,20vh,250px);height:clamp(218px,29vh,363px);filter:drop-shadow(0 0 5px color-mix(in oklab, var(--accent-brand) 60%, white)) drop-shadow(0 0 15px color-mix(in oklab, var(--accent-brand) 55%, transparent)) drop-shadow(0 0 44px color-mix(in oklab, var(--accent-warm) 30%, transparent));position:relative}.selected-work__mark img{object-fit:cover;object-position:left center;width:auto;height:100%;display:block}.selected-work__mark-ink,.selected-work__mark-nib{-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:var(--ink-pos,0% 0%);-webkit-mask-position:var(--ink-pos,0% 0%);-webkit-mask-position:var(--ink-pos,0% 0%);mask-position:var(--ink-pos,0% 0%)}.selected-work__mark-ink{filter:saturate(1.5)brightness(1.22);position:relative;-webkit-mask-image:linear-gradient(118deg,#000 0 42%,#0000 60%);mask-image:linear-gradient(118deg,#000 0 42%,#0000 60%)}.selected-work__mark-nib{opacity:var(--nib,0);filter:brightness(2.2)saturate(.45);position:absolute;inset:0;-webkit-mask-image:linear-gradient(118deg,#0000 0 37%,#000 45%,#0000 53%);mask-image:linear-gradient(118deg,#0000 0 37%,#000 45%,#0000 53%)}.selected-work__rail{z-index:1;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:10px;margin:0;font-size:15px;font-weight:500;display:flex;position:relative}.selected-work__rail-bar{background:var(--border);border-radius:1px;width:180px;height:2px;position:relative}.selected-work__rail-bar i{background:var(--accent-brand);width:100%;height:100%;box-shadow:0 0 12px var(--accent-brand);transform-origin:0;transform:scaleX(var(--ink-progress,1));border-radius:1px;position:absolute;top:0;left:0}.selected-work__client{text-align:center;max-width:30ch;font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);text-wrap:balance;gap:.25rem;margin:0;font-size:clamp(1.6rem,3vw,2.6rem);font-weight:500;line-height:1.1;display:grid}.selected-work__client-place{color:var(--accent-brand);opacity:.55}.selected-work__fan{--phone-w:clamp(240px, 22.5vw, 320px);justify-content:center;align-items:flex-end;gap:clamp(1.5rem,4.5vw,4rem);margin-top:2rem;display:flex;position:relative}.selected-work__frame{flex:0 0 var(--phone-w);width:var(--phone-w);perspective:1400px;max-width:100%;transform:translateY(calc((var(--row-p,.5) - .5) * 2 * var(--drift,0px)));margin:0;position:relative}.selected-work__phone{width:100%;transform-style:preserve-3d;will-change:transform;position:relative}.selected-work__device{aspect-ratio:511/968;width:100%;position:relative;container-type:inline-size}.selected-work__device:after{content:"";z-index:2;border:1px solid color-mix(in oklab, var(--ink) 34%, transparent);pointer-events:none;border-radius:17.61%/8.47%;width:83.36%;height:91.43%;position:absolute;top:4.27%;left:8.22%;-webkit-mask-image:linear-gradient(#000,#0000 46%);mask-image:linear-gradient(#000,#0000 46%)}.selected-work__device:before{content:"";z-index:2;background:linear-gradient(to bottom, transparent, color-mix(in oklab, var(--ink) 20%, transparent) 50%, transparent);pointer-events:none;width:1px;height:40%;position:absolute;top:28%;left:8.22%}.selected-work__screen{left:var(--screen-x);top:var(--screen-y);width:var(--screen-w);height:var(--screen-h);border-radius:var(--screen-r);background:var(--band,#000);position:absolute;overflow:hidden}.selected-work__screen img{left:0;top:var(--safe-top,0%);width:100%;height:auto;display:block;position:absolute}.selected-work__screen .selected-work__statusbar{z-index:1;height:var(--safe-top,6.338%);pointer-events:none;-webkit-user-select:none;user-select:none;top:0}.selected-work__screen .selected-work__safaribar{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;height:10.0939%;top:auto;bottom:0}.selected-work__screen:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(115deg,#ffffff0f,#0000 40%);position:absolute;inset:0}.selected-work__screen:before{content:"";z-index:3;transform:translateX(calc(-100% + var(--sweep,1) * 200%));pointer-events:none;background:linear-gradient(105deg,#0000 38%,#ffffff29 50%,#0000 62%);position:absolute;inset:0}.selected-work__bezel{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.selected-work__chip{border:1px solid var(--accent-brand-line);background:var(--paper-soft);box-shadow:var(--shadow-lift);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:15px;font-weight:500;display:inline-flex}.selected-work__chip i{background:var(--accent-brand);width:6px;height:6px;box-shadow:0 0 0 3px var(--accent-brand-soft);border-radius:50%}@media (width>=900px){.selected-work__fan{padding:84px 0 72px;overflow:visible}.selected-work__fan:before{content:"";background-image:linear-gradient(color-mix(in oklab, var(--ink) 6%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--ink) 6%, transparent) 1px, transparent 1px);transform-origin:50% 100%;opacity:.5;pointer-events:none;background-size:56px 56px;height:220px;position:absolute;inset:auto 0 0;transform:perspective(600px)rotateX(62deg)}.selected-work__frame{--drift:-28px}.selected-work__frame[data-frame=face-map]{--drift:28px;margin-bottom:48px}.selected-work__chip{position:absolute;top:-60px;left:50%;transform:translate(-50%)rotate(-2deg)}}@media (width<=899px){.selected-work__fan{--phone-w:min(100%, 300px);flex-direction:column;align-items:center;gap:2.25rem;padding:.5rem 1rem 2.25rem;overflow:visible}.selected-work__frame{--drift:-10px;flex-direction:column-reverse;flex-basis:auto;gap:.75rem;min-width:0;display:flex}.selected-work__frame[data-frame=logo-reveal],.selected-work__frame[data-frame=sliders]{align-self:flex-start;margin-left:4%}.selected-work__frame[data-frame=face-map]{--drift:10px;align-self:flex-end;margin-right:4%}.selected-work__chip{white-space:normal;align-self:flex-start;font-size:14px;line-height:1.3}}.selected-work__caption{text-align:center;color:var(--muted-foreground);margin:1.75rem 0 0;font-size:15px}@media (prefers-reduced-motion:reduce){.selected-work__phone{will-change:auto}}.preview-evaluation{gap:2.5rem;margin-top:3.5rem;display:grid}.preview-evaluation__copy{gap:0;max-width:44rem;display:grid}.preview-evaluation__heading{max-width:18ch;font-family:var(--font-display);letter-spacing:-.045em;text-wrap:balance;font-size:clamp(2.25rem,4.1vw,3.75rem);font-weight:500;line-height:1.05}.preview-evaluation__introduction{max-width:38rem;color:var(--ink-soft);margin-top:1.5rem;line-height:1.7}.preview-evaluation__reassurance{max-width:40ch;color:var(--ink-soft);margin-top:1rem;font-size:15px;line-height:1.65}.preview-evaluation__cta{background:var(--ink);min-height:3.25rem;color:var(--paper);border-radius:9999px;justify-content:space-between;justify-self:start;align-items:center;gap:1.5rem;margin-top:1.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:background-color .18s ease-out;display:inline-flex}.preview-evaluation__cta:hover{background:var(--accent-brand)}.preview-evaluation__cta:focus-visible{outline:2px solid var(--accent-brand);outline-offset:5px}@media (width<=1023px){.preview-evaluation__heading{max-width:16ch}}@media (prefers-reduced-motion:reduce){.preview-evaluation__cta{transition:none}}.closer-invert a.closer-cta{background-color:var(--paper);color:var(--ink);box-shadow:none}.closer-invert a.closer-cta:hover{background-color:color-mix(in oklab, var(--paper) 86%, var(--ink));box-shadow:none}.closer-invert a.closer-cta:focus-visible{outline:2px solid var(--paper);outline-offset:4px}@media (width<=479px){.closer-invert a.closer-cta{max-width:100%;min-height:3.5rem;padding-inline:.75rem;font-size:.875rem}}