.pixel-card{--pixel-card-surface:linear-gradient(180deg, #17151c 0%, #0f0e13 100%);--pixel-card-edge:#ffffff14;--pixel-card-edge-active:#ffffff29;--pixel-card-highlight:#ffffff0f;--pixel-card-shadow:0 24px 48px -24px #000000d9, 0 8px 18px -10px #0009;border-radius:var(--pixel-card-radius,24px);background:var(--pixel-card-surface);width:300px;height:400px;box-shadow:var(--pixel-card-shadow);isolation:isolate;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;place-items:center;display:grid;position:relative;overflow:hidden}.pixel-card[data-theme=light]{--pixel-card-surface:linear-gradient(180deg, #fff 0%, #f6f6f8 100%);--pixel-card-edge:#18181b14;--pixel-card-edge-active:#18181b29;--pixel-card-highlight:#fff;--pixel-card-shadow:0 24px 48px -26px #18181b52, 0 8px 18px -12px #18181b2e}.pixel-card:after{content:"";z-index:2;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--pixel-card-edge), inset 0 1px 0 var(--pixel-card-highlight);pointer-events:none;transition:box-shadow .26s;position:absolute;inset:0}.pixel-card[data-active]:after{box-shadow:inset 0 0 0 1px var(--pixel-card-edge-active), inset 0 1px 0 var(--pixel-card-highlight)}.pixel-card:focus-visible{box-shadow:var(--pixel-card-shadow), 0 0 0 3px #7f7f8c73}.pixel-card-canvas{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pixel-card>:not(.pixel-card-canvas){z-index:1;position:relative}
.slide-commit{--sc-track:#262626;--sc-ink:#f5f5f5;--sc-ok:#22c55e;--sc-no:#e5484d;--sc-on-ink:#111;--sc-on-ok:#111;--sc-on-no:#fff;--sc-radius:28px;--sc-grip-r:24px;--sc-pad:4px;--sc-font:14px;vertical-align:middle;font-family:inherit;display:inline-block;position:relative}.slide-commit[data-disabled]{opacity:.55;pointer-events:none}.slide-commit__track{border-radius:var(--sc-radius);background:var(--sc-track);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;position:relative}.slide-commit[data-held] .slide-commit__track{cursor:grabbing}.slide-commit[data-phase=pending] .slide-commit__track,.slide-commit[data-phase=done] .slide-commit__track{cursor:default}.slide-commit__label{pointer-events:none;font-size:var(--sc-font);letter-spacing:-.006em;white-space:nowrap;place-items:center;font-weight:500;line-height:1;display:grid;position:absolute;inset:0}.slide-commit__text{color:color-mix(in srgb, var(--sc-ink) 45%, transparent);grid-area:1/1;transition:opacity .2s,filter .2s}.slide-commit__text--error{color:var(--sc-no);opacity:0;filter:blur(2px)}.slide-commit[data-phase=error] .slide-commit__text--plain{opacity:0;filter:blur(2px)}.slide-commit[data-phase=error] .slide-commit__text--error{opacity:1;filter:none}.slide-commit__capsule{top:var(--sc-pad);left:var(--sc-pad);width:calc(100% - var(--sc-pad) * 2);height:calc(100% - var(--sc-pad) * 2);background:var(--sc-ink);color:var(--sc-on-ink);outline:none;transition:background-color .2s,color .2s;position:absolute}.slide-commit[data-phase=done] .slide-commit__capsule{background:var(--sc-ok);color:var(--sc-on-ok)}.slide-commit[data-phase=error] .slide-commit__capsule{background:var(--sc-no);color:var(--sc-on-no)}.slide-commit__capsule:focus-visible{box-shadow:inset 0 0 0 2px var(--sc-track)}.slide-commit__content{position:absolute;inset:0}.slide-commit__arrow,.slide-commit__spin,.slide-commit__done{pointer-events:none;font-size:var(--sc-font);letter-spacing:-.006em;white-space:nowrap;justify-content:center;align-items:center;gap:8px;font-weight:600;line-height:1;display:flex;position:absolute;inset:0}.slide-commit__arrow svg,.slide-commit__done svg,.slide-commit__spinner{display:block}.slide-commit__arrow,.slide-commit__spin{transition:filter .2s}.slide-commit[data-phase=pending] .slide-commit__arrow,.slide-commit:not([data-phase=pending]) .slide-commit__spin{filter:blur(2px)}.slide-commit__spinner{animation:1s linear infinite paused slide-commit-spin}.slide-commit[data-phase=pending] .slide-commit__spinner{animation-play-state:running}@keyframes slide-commit-spin{to{transform:rotate(360deg)}}.slide-commit__sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.slide-commit__spinner{animation:1.4s ease-in-out infinite paused slide-commit-breathe}.slide-commit[data-phase=pending] .slide-commit__spinner{animation-play-state:running}@keyframes slide-commit-breathe{0%,to{opacity:1}50%{opacity:.4}}}
.text-loop{width:100%;position:relative;overflow:hidden}.text-loop--draggable{cursor:grab;touch-action:pan-y}.text-loop-svg{width:100%;height:auto;display:block}.text-loop-text{-webkit-user-select:none;user-select:none}.text-loop-measure{visibility:hidden;pointer-events:none}
.work{--page:#fff;--ink:#000;--soft:#f2f2f2;--card-off:#ececec;--line:#0000001a;--violet:91, 79, 154;--ease-out:cubic-bezier(.23, 1, .32, 1);--nav:84px;--wide:1200px;--radius:24px;overflow-anchor:none;background:var(--page);min-height:100vh;color:var(--ink);font-family:var(--font-body), "Inter", system-ui, sans-serif;-webkit-font-smoothing:antialiased;transition:background-color .6s var(--ease-out), color .6s var(--ease-out);font-size:18px;line-height:1.5;position:relative;overflow-x:clip}.work.is-dark{--page:#000;--ink:#fff;--line:#ffffff24}.work *,.work :before,.work :after{box-sizing:border-box}.work h1,.work h2,.work h3,.work h4,.work p,.work ul,.work figure,.work blockquote{margin:0}.work h1,.work h2,.work h3,.work h4{letter-spacing:-.02em;text-wrap:balance;font-weight:500;font-family:var(--font-body), "Inter", system-ui, sans-serif!important}.work a{color:inherit}.work :focus-visible{outline-offset:4px;outline:2px solid}.work .wrap{width:min(var(--wide), calc(100% - 48px));margin-inline:auto}.work .skip{z-index:90;color:#fff;background:#000;border-radius:999px;padding:12px 18px;text-decoration:none;position:fixed;top:-80px;left:16px}.work .skip:focus{top:16px}.work .nav{z-index:40;pointer-events:none;transition:transform .52s var(--ease-out);position:fixed;inset:14px 0 auto}.work .nav.is-hidden{transform:translateY(calc(-100% - 20px))}.work .nav-in{-webkit-backdrop-filter:blur(18px)saturate(1.6);backdrop-filter:blur(18px)saturate(1.6);pointer-events:auto;height:60px;transition:background-color .6s var(--ease-out), box-shadow .6s var(--ease-out), color .6s var(--ease-out);background:#ffffffb8;border-radius:999px;justify-content:space-between;align-items:center;gap:24px;padding:0 8px 0 24px;display:flex;box-shadow:inset 0 0 0 1px #0000000f,0 1px 2px #0000000a,0 18px 40px -24px #00000047}.work.is-dark .nav-in{background:#161616a8;box-shadow:inset 0 0 0 1px #ffffff1a,0 18px 40px -24px #0009}.work .logo{letter-spacing:-.04em;align-items:center;gap:10px;font-size:22px;font-weight:500;text-decoration:none;display:inline-flex}.work .nav-links{align-items:center;gap:4px;display:flex}.work .nav-link{transition:background-color .3s var(--ease-out);border-radius:999px;padding:10px 16px;font-size:15px;text-decoration:none;position:relative}.work .nav-link:after{content:"";opacity:0;width:4px;height:4px;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);background:currentColor;border-radius:50%;margin-left:-2px;position:absolute;bottom:3px;left:50%;transform:scale(0)}.work .nav-link.is-active:after{opacity:1;transform:scale(1)}.work .nav-links .pill{margin-left:8px}@media (hover:hover) and (pointer:fine){.work .nav-link:hover{background:#7f7f7f1f}.work .nav-link:hover .pill-t{transform:translateY(-100%)}}.work .pill{background:var(--ink);height:56px;color:var(--page);font:inherit;cursor:pointer;transition:transform .14s var(--ease-out), background-color .6s var(--ease-out), color .6s var(--ease-out);border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 32px;font-size:16px;font-weight:500;text-decoration:none;display:inline-flex;overflow:hidden}.work .pill.small{height:44px;padding:0 24px}.work .pill.ghost{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);background:0 0}.work .pill.roll{--knob:44px;--inset:6px;--glyph:"→";--spin:360deg;--rest-bg:transparent;--rest-ink:var(--ink);--rest-ring:var(--line);--knob-bg:var(--ink);--knob-ink:var(--page);--fill:var(--ink);--hover-ink:var(--page);--hover-knob-bg:var(--page);--hover-knob-ink:var(--ink);--glow:transparent;isolation:isolate;height:56px;padding:0 28px 0 calc(var(--knob) + var(--inset) + 18px);background:var(--rest-bg);color:var(--rest-ink);box-shadow:inset 0 0 0 1px var(--rest-ring);transition:transform .14s var(--ease-out), color .5s var(--ease-out), box-shadow .6s var(--ease-out);position:relative}.work .pill.roll:before{content:"";z-index:-1;border-radius:inherit;background:var(--fill);clip-path:inset(var(--inset) calc(100% - var(--knob) - var(--inset)) var(--inset) var(--inset) round 999px);opacity:0;transition:clip-path .6s var(--ease-out), opacity .2s var(--ease-out);position:absolute;inset:0}.work .pill.roll:after{content:var(--glyph);content:var(--glyph) / "";top:var(--inset);left:var(--inset);width:var(--knob);height:var(--knob);background:var(--knob-bg);color:var(--knob-ink);transition:left .6s var(--ease-out), transform .6s var(--ease-out), background-color .5s var(--ease-out), color .5s var(--ease-out);border-radius:50%;place-items:center;font-size:17px;display:grid;position:absolute}.work .pill.roll .pill-in{transition:transform .6s var(--ease-out)}@media (hover:hover) and (pointer:fine){.work .pill.roll:hover{color:var(--hover-ink);box-shadow:inset 0 0 0 1px transparent, 0 14px 40px -14px var(--glow)}.work .pill.roll:hover:before{clip-path:inset(0 round 999px);opacity:1}.work .pill.roll:hover:after{left:calc(100% - var(--knob) - var(--inset));transform:rotate(var(--spin));background:var(--hover-knob-bg);color:var(--hover-knob-ink)}.work .pill.roll:hover .pill-in{transform:translateX(calc(-1 * (var(--knob) + var(--inset) - 10px)))}}.work .pill.roll:focus-visible{color:var(--hover-ink);box-shadow:none}.work .pill.roll:focus-visible:before{clip-path:inset(0 round 999px);opacity:1}.work .pill.roll:focus-visible:after{left:calc(100% - var(--knob) - var(--inset));transform:rotate(var(--spin));background:var(--hover-knob-bg);color:var(--hover-knob-ink)}.work .pill.roll:focus-visible .pill-in{transform:translateX(calc(-1 * (var(--knob) + var(--inset) - 10px)))}.work .pill.roll.small{--knob:34px;--inset:4px;height:42px;padding:0 18px 0 calc(var(--knob) + var(--inset) + 12px);font-size:15px}.work .pill.roll.small:after{font-size:14px}.work .pill.visit{--glyph:"↗";--spin:405deg;--fill:linear-gradient(100deg, #8b7fe0, #ff5c8a, #ffb23e, #2ec4b6, #8b7fe0) 0 50% / 300% 100%;--hover-ink:#0b0b0b;--hover-knob-bg:#0b0b0b;--hover-knob-ink:#fff;--glow:#ff5c8abf;font-weight:600}.work .pill.visit:before{animation:7s linear infinite visit-flow}@keyframes visit-flow{to{background-position:150%}}.work .pill.calm{--rest-bg:var(--ink);--rest-ink:var(--page);--rest-ring:transparent;--knob-bg:var(--page);--knob-ink:var(--ink);--fill:linear-gradient(100deg, rgb(var(--violet)), #7a6dc4);--hover-ink:#fff;--hover-knob-bg:#fff;--hover-knob-ink:rgb(var(--violet));--glow:rgba(var(--violet), .55)}.work .pill:active{transform:scale(.97)}.work .pill-in{line-height:1.3;display:block;overflow:hidden}.work .pill-t{transition:transform .42s var(--ease-out);display:block;position:relative}.work .pill-t:after{content:attr(data-text);content:attr(data-text) / "";white-space:nowrap;position:absolute;top:100%;left:0}@media (hover:hover) and (pointer:fine){.work .pill:hover .pill-t{transform:translateY(-100%)}}.work .hero{min-height:100svh;padding:calc(var(--nav) + 48px) 0 112px;text-align:center;isolation:isolate;align-items:center;display:flex;position:relative;overflow:clip}.work .hero .wrap{position:relative}.work .hero h1{color:#fff;mix-blend-mode:difference}.work .hero .word{font-family:var(--font-accent), "Instrument Serif", Georgia, serif;letter-spacing:-.01em;font-style:italic;font-weight:400}.work .silk{z-index:0;opacity:0;width:100%;height:100%;transition:opacity 1.2s var(--ease-out);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.work .silk.is-on{opacity:1}.work .cue{z-index:1;letter-spacing:.08em;text-transform:uppercase;opacity:.55;padding-bottom:40px;font-size:13px;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.work .cue:after{content:"";transform-origin:top;width:1px;height:28px;animation:cue 2.2s var(--ease-out) infinite;background:currentColor;position:absolute;bottom:0;left:50%}@keyframes cue{0%{transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}.work .hero h1{font-size:clamp(48px,7.4vw,104px);line-height:1}.work .line{padding-bottom:.06em;display:block;overflow:clip}.work .line>span{display:block}.work .word{transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);display:inline-block}.work .word.is-out{opacity:0;transform:translateY(-.18em)}.work .hero .lede{opacity:.7;max-width:34em;margin:32px auto 0;font-size:20px}.work .hero .pill{margin-top:40px}.work .book-slide{flex-shrink:0}.work .sr-submit{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.work .preview{height:220vh;position:relative}.work .stage{--fw:min(620px, 64vw, calc((100vh - 320px) * 1.6));--gap:18px;--pad:18px;--start:max(24px, calc((100vw - var(--wide)) / 2));height:100vh;position:sticky;top:0;overflow:hidden}.work .squiggle{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.work .squiggle path{fill:none;stroke:url(#squiggle-ink);stroke-width:14px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.work .reel{--rp:36px;left:var(--start);top:calc(50% - var(--fw) / 3.2 - var(--rp) + var(--nav) * .3);gap:var(--gap);padding:var(--rp) var(--pad);will-change:transform;background:#0b0b0b;border-radius:8px;display:flex;position:absolute;box-shadow:0 40px 80px -40px #0006}.work .reel:before,.work .reel:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='14'%3E%3Crect x='8' y='2' width='14' height='10' rx='2.5' fill='%23fff'/%3E%3C/svg%3E") repeat-x;height:14px;position:absolute;left:0;right:0}.work .reel:before{top:14px}.work .reel:after{bottom:14px}.work .shotframe{width:var(--fw);aspect-ratio:1.6;background:#1a1a1a;border-radius:4px;flex:none;margin:0;position:relative;overflow:hidden}.work .shotframe img{object-fit:cover;object-position:top center}.work .shotframe.is-next{background:radial-gradient(60% 80% at 50% 110%, rgba(var(--violet), .6), transparent 70%), #141414;place-items:center;display:grid}.work .shotframe.is-next span{color:#ffffff8c;letter-spacing:-.02em;font-size:clamp(20px,2.4vw,36px)}.work .frame-tag{z-index:1;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b8;border-radius:999px;padding:10px 18px;font-size:15px;position:absolute;bottom:20px;left:20px}.work .overview{padding:160px 0 120px}.work .overview h2{font-size:clamp(40px,5.6vw,80px);line-height:1}.work .overview .big{letter-spacing:-.01em;max-width:24em;margin-top:40px;font-size:clamp(24px,2.6vw,38px);line-height:1.25}.work .steps{padding:40px 0 160px}.work .steps-head{grid-template-columns:1fr 1fr;align-items:end;gap:48px;margin-bottom:56px;display:grid}.work .steps-head h2{font-size:clamp(40px,5.2vw,72px);line-height:1}.work .steps-head p{opacity:.7;max-width:30em}.work .cards{gap:8px;padding:0;list-style:none;display:grid}.work .card{border-radius:var(--radius);color:#fff;scroll-margin-top:calc(var(--nav) + 16px);background:#000;padding:48px 56px 52px;position:relative;overflow:hidden}.work .card-top{z-index:1;justify-content:space-between;gap:24px;display:flex;position:relative}.work .card h3{max-width:20em;font-size:clamp(26px,2.6vw,36px);line-height:1.15}.work .card .num{opacity:.5;font-variant-numeric:tabular-nums;font-size:20px}.work .card .when{z-index:1;opacity:.6;margin-top:10px;position:relative}.work .card-body{z-index:1;position:relative;overflow:hidden}.work .card-cols{grid-template-columns:1fr 1fr;gap:40px;max-width:820px;margin-top:36px;display:grid;position:relative}.work .card h4{opacity:.6;margin-bottom:8px;font-size:15px;font-weight:500}.work .card-cols p{opacity:.88;font-size:17px}.work .deco{pointer-events:none;background:rgba(var(--violet), .55);width:300px;height:300px;box-shadow:0 0 0 48px rgba(var(--violet), .26), 0 0 0 96px rgba(var(--violet), .14), 0 0 0 144px rgba(var(--violet), .07);position:absolute;bottom:-60px;right:-40px}.work .deco.arch{border-radius:999px 999px 0 0}.work .deco.box{border-radius:48px;transform:rotate(12deg)}.work .deco.disc{border-radius:50%}.work .proof{padding:160px 0 120px}.work .proof>.wrap>h2{font-size:clamp(44px,7vw,104px);line-height:1}.work .cases{grid-template-columns:1fr 1fr;gap:64px;margin-top:96px;display:grid}.work .case:nth-child(2){margin-top:240px}.work .shot{aspect-ratio:16/9;border-radius:var(--radius);background:#111;display:block;position:relative;overflow:hidden}.work .shot-img{position:absolute;inset:-6% 0}.work .shot-img img{object-fit:cover;object-position:top center;transition:transform .7s var(--ease-out)}@media (hover:hover) and (pointer:fine){.work .shot:hover .shot-img img{transform:scale(1.03)}}.work .case h3{margin-top:28px;font-size:clamp(24px,2.2vw,30px);line-height:1.2}.work .case .promise{letter-spacing:-.02em;opacity:.5;margin-top:4px;font-size:clamp(24px,2.2vw,30px);line-height:1.2}.work .case-copy{gap:16px;margin-top:28px;font-size:17px;display:grid}.work .case-copy p{opacity:.78}.work .stats{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px;padding-top:28px;display:grid}.work .stats b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(30px,3vw,44px);font-weight:500;line-height:1;display:block}.work .stats>div>span{opacity:.6;font-size:15px}.work .case .pill{margin-top:32px}.work .reviews{text-align:center;margin-top:200px}.work .reviews-head h3{letter-spacing:-.03em;font-size:clamp(32px,4vw,56px);line-height:1.05}.work .reviews-head p{opacity:.6;margin-top:14px;font-size:16px}.work .reviews-stage{justify-content:center;min-height:751px;padding:240px 0 40px;display:flex}.work .review-card{height:100%;padding:calc(13px * var(--folder-scale)) calc(12px * var(--folder-scale));text-align:left;color:#111;flex-direction:column;margin:0;display:flex}.work .review-brand{font-size:calc(4.2px * var(--folder-scale));letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--violet));font-weight:600}.work .review-card blockquote{margin:calc(12px * var(--folder-scale)) 0 0;padding-top:calc(10px * var(--folder-scale));font-size:calc(5.8px * var(--folder-scale));letter-spacing:-.01em;line-height:1.42;position:relative}.work .review-card blockquote:before{content:"“";top:calc(-6px * var(--folder-scale));left:calc(-1px * var(--folder-scale));font-family:var(--font-accent), Georgia, serif;font-size:calc(22px * var(--folder-scale));color:rgba(var(--violet), .35);line-height:1;position:absolute}.work .review-card figcaption{gap:calc(1.5px * var(--folder-scale));padding-top:calc(8px * var(--folder-scale));font-size:calc(4.4px * var(--folder-scale));border-top:1px solid #00000014;flex-direction:column;margin-top:auto;display:flex}.work .review-card figcaption b{font-weight:600}.work .review-card figcaption span{opacity:.55}.work .tape{margin:40px 0 -40px;overflow:hidden}.work .tape .text-loop{margin:-9.5% 0;overflow:visible}@media (max-width:720px){.work .tape .text-loop{width:220%;margin:-21% 0 -21% -60%}}.work .packages{padding:160px 0}.work .packages-head{grid-template-columns:1fr 1fr;align-items:end;gap:48px;display:grid}.work .packages-head h2{font-size:clamp(44px,7vw,104px);line-height:1}.work .packages-head p{opacity:.7;max-width:28em}.work .offers{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:72px;display:grid}.work .offer{--pixel-card-surface:var(--soft);--pixel-card-shadow:none;color:#000;-webkit-user-select:auto;user-select:auto;width:auto;height:auto;display:block}.work .offer.hot{--pixel-card-surface:#000;color:#fff}.work .offer-in{flex-direction:column;gap:20px;height:100%;padding:40px 36px 36px;display:flex}.work .offer h3{font-size:30px;line-height:1.1}.work .offer .time{opacity:.6;margin-top:8px;font-size:15px}.work .offer-in>p{opacity:.8;font-size:17px}.work .offer ul{flex:1;padding:0;font-size:16px;list-style:none}.work .offer li{border-top:1px solid #0000001a;padding:12px 0}.work .offer.hot li{border-top-color:#ffffff29}.work .offer .pill{color:#fff;background:#000;align-self:flex-start}.work .offer.hot .pill{color:#000;background:#fff}.work .book{color:#fff;text-align:center;background:#000;padding:180px 0 160px;position:relative;overflow:hidden}.work .glow{pointer-events:none;width:0;position:absolute;bottom:0;left:50%}.work .glow span{clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(to bottom, rgba(var(--violet), .05), rgba(var(--violet), .3));position:absolute;bottom:0;left:0;translate:-50%}.work .glow span:first-child{width:200vw;height:110vh}.work .glow span:nth-child(2){width:140vw;height:78vh}.work .glow span:nth-child(3){width:84vw;height:48vh}.work .glow span:nth-child(4){width:40vw;height:22vh}.work .book .wrap{z-index:1;position:relative}.work .book h2{font-size:clamp(48px,7.4vw,104px);line-height:1}.work .book .hand{font-family:var(--font-accent), "Instrument Serif", serif;opacity:.7;margin-top:16px;font-size:clamp(26px,2.6vw,34px);font-style:italic}.work .book .intro{opacity:.7;max-width:30em;margin:28px auto 0}.work form{text-align:left;grid-template-columns:1fr 1fr;gap:32px 24px;max-width:760px;margin:72px auto 0;display:grid}.work .field{gap:6px;display:grid}.work .field.full,.work fieldset,.work .form-end{grid-column:1/-1}.work label,.work legend{color:#fff9;font-size:15px}.work input:not([type=radio]),.work textarea{color:#fff;width:100%;font:inherit;transition:border-color .2s var(--ease-out);background:0 0;border:0;border-bottom:1px solid #ffffff40;border-radius:0;padding:12px 0 14px;font-size:18px}.work textarea{resize:vertical;min-height:96px}.work input::placeholder,.work textarea::placeholder{color:#ffffff59}.work input:not([type=radio]):focus,.work textarea:focus{border-bottom-color:#fff;outline:none}.work fieldset{border:0;margin:0;padding:0}.work legend{margin-bottom:14px;padding:0}.work .choices{flex-wrap:wrap;gap:8px;display:flex}.work .choice{color:#fff;cursor:pointer;height:44px;transition:background-color .2s var(--ease-out), color .2s var(--ease-out);border-radius:999px;align-items:center;padding:0 20px;font-size:16px;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff40}.work .choice input{clip-path:inset(50%);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.work .choice:has(input:checked){color:#000;background:#fff}.work .choice:has(input:focus-visible){outline-offset:3px;outline:2px solid #fff}@media (hover:hover) and (pointer:fine){.work .choice:not(:has(input:checked)):hover{box-shadow:inset 0 0 0 1px #fff}}.work .form-end{flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:8px;display:flex}.work .form-note{color:#fff9;font-size:15px}.work .form-note a{color:#fff}.work footer{color:#fff;background:#000;padding:72px 0 32px;overflow:clip}.work .foot{border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;grid-template-columns:1fr 1fr 1fr 1.3fr;gap:40px;padding:48px 0 56px;display:grid}.work .foot h3{letter-spacing:.08em;text-transform:uppercase;opacity:.45;margin-bottom:14px;font-size:12px}.work .foot-links{gap:4px;display:grid}.work .foot-links a{opacity:.85;width:fit-content;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);font-size:18px;text-decoration:none}.work .foot-contact{text-align:right;justify-self:end}.work .mail{transition:background-size .42s var(--ease-out);background:linear-gradient(currentColor,currentColor) 100% 100%/0 1px no-repeat;font-size:18px;text-decoration:none}@media (hover:hover) and (pointer:fine){.work .mail:hover{background-position:0 100%;background-size:100% 1px}.work .foot-links a:hover{opacity:1;transform:translate(4px)}}.work .marquee{-webkit-user-select:none;user-select:none;padding:40px 0 8px;overflow:hidden}.work .marquee-track{will-change:transform;width:max-content;display:flex}.work .marquee-half{flex:none;display:flex}.work .marquee-item{letter-spacing:-.06em;color:#9a9a9a;align-items:flex-start;padding-right:.22em;font-size:clamp(120px,21vw,340px);font-weight:500;line-height:.95;display:inline-flex}.work .marquee-star{margin:.12em 0 0 .12em;font-size:.26em;font-style:normal;line-height:1}.work .foot-line{text-align:center;text-transform:uppercase;letter-spacing:.02em;opacity:.85;margin:32px auto 0;font-size:18px;line-height:1.35}.work .legal{opacity:.5;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:72px;font-size:13px;display:grid}.work .legal a{justify-self:end;text-decoration:none}@media (hover:hover) and (pointer:fine){.work .legal a:hover{text-underline-offset:3px;text-decoration:underline}}.work.motion .rise{transition:opacity .7s var(--ease-out), transform .7s var(--ease-out)}.work.motion .rise:not(.is-in){opacity:0;transform:translateY(32px)}.work.motion .hero .line>span{transition:transform .9s var(--ease-out)}.work.motion:not(.is-ready) .hero .line>span{transform:translateY(105%)}.work.motion .hero .line:nth-child(2)>span{transition-delay:80ms}.work.motion .hero .lede,.work.motion .hero .pill{transition:opacity .7s var(--ease-out) .26s, transform .7s var(--ease-out) .26s}.work.motion:not(.is-ready) .hero .lede,.work.motion:not(.is-ready) .hero .pill{opacity:0;transform:translateY(16px)}@media (max-width:920px){.work{--nav:72px}.work .hero{padding:calc(var(--nav) + 32px) 0 104px}.work .stage{--fw:78vw;--gap:10px;--pad:10px;--start:16px}.work .reel{--rp:26px}.work .squiggle path{stroke-width:8px}.work .reel:before,.work .reel:after{background-size:22px 10px;height:10px}.work .reel:before{top:10px}.work .reel:after{bottom:10px}.work .steps-head,.work .packages-head{grid-template-columns:1fr;gap:20px}.work .card{padding:32px 28px 36px}.work .card-cols{grid-template-columns:1fr;gap:24px}.work .deco{width:200px;height:200px;bottom:-80px;right:-60px}.work .cases{grid-template-columns:1fr;gap:96px;margin-top:64px}.work .case:nth-child(2){margin-top:0}.work .offers{grid-template-columns:1fr}.work .foot{grid-template-columns:1fr 1fr;gap:36px 24px}.work .foot-contact{text-align:left;justify-self:start}.work .overview,.work .proof,.work .packages{padding:112px 0 96px}.work .reviews{margin-top:128px}.work .book{padding:128px 0 112px}}@media (max-width:720px){.work .wrap{width:calc(100% - 32px)}.work .nav-link{display:none}.work .nav{inset:10px 0 auto}.work .nav-in{height:54px;padding:0 6px 0 18px}.work form{grid-template-columns:1fr}.work .shotframe .frame-tag{padding:6px 12px;font-size:12px;bottom:10px;left:10px}.work .stats b{font-size:26px}.work .reviews-stage{min-height:468px;padding:150px 0 24px}}@media (prefers-reduced-motion:reduce){.work,.work .nav,.work .pill,.work .pill-t,.work .word,.work .shot-img img,.work .mail,.work .silk{transition:none}.work .cue:after{animation:none;transform:none}.work .pill.visit:before{animation:none}.work .pill.roll:before,.work .pill.roll:after,.work .pill.roll .pill-in{transition:none}.work .shot-img{inset:0}.work .preview{height:auto}.work .stage{height:calc(var(--fw) / 1.6 + 200px);position:relative;overflow-x:auto}}