:root{--ink: #0e0e0e;--ink-2: #1a1a1a;--paper: #f4f2ec;--paper-2: #ecebe3;--paper-3: #e4e2d9;--white: #ffffff;--muted: #6d6a63;--muted-2: #97948c;--yellow: #f2a23a;--yellow-deep: #ce8a31;--line: rgba(14, 14, 14, .12);--line-soft: rgba(14, 14, 14, .07);--font-display: "Sora", "Helvetica Neue", Arial, sans-serif;--font-body: "Sora", "Helvetica Neue", Arial, sans-serif;--font-serif: "Fraunces", Georgia, "Times New Roman", serif;--maxw: 1800px;--gutter: clamp(20px, 6vw, 100px);--radius: 18px;--ease: cubic-bezier(.22, 1, .36, 1)}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{position:relative;font-family:var(--font-body);background:var(--paper);color:var(--ink);line-height:1.55;overflow-x:hidden;-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}::selection{background:var(--yellow);color:var(--ink)}.wrap{position:relative;z-index:2;width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.section{position:relative;padding-block:clamp(72px,11vw,150px)}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-body);font-size:10.56px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.eyebrow:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--yellow-deep)}.eyebrow.dot-before:after{display:none}.eyebrow.dot-before:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--yellow-deep)}.display{font-family:var(--font-display);font-weight:800;line-height:.92;letter-spacing:-.02em;text-transform:uppercase}.serif-i{font-family:var(--font-serif);font-style:italic;font-weight:500;text-transform:none;letter-spacing:-.01em}.dot{color:var(--yellow)}.flicker-char.is-flickering{color:var(--yellow);opacity:.72}.lead{color:var(--ink);font-size:clamp(13.2px,1.01vw,15.84px);max-width:42ch;line-height:1.65}.nav{position:fixed;inset:0 0 auto 0;z-index:100;transition:background .4s var(--ease),box-shadow .4s var(--ease)}.nav.scrolled{background:color-mix(in srgb,var(--paper) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line-soft)}.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:84px}.brand{display:inline-flex;align-items:center;line-height:1}.brand__logo{height:34px;width:auto}.nav__links{display:flex;align-items:center;gap:clamp(18px,2.4vw,40px);list-style:none}.nav__links a{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);position:relative;padding-block:6px}.nav__links a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--yellow-deep);transition:width .35s var(--ease)}.nav__links a:hover:after{width:100%}.nav__cta{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:var(--ink);color:var(--white);font-family:var(--font-display);font-weight:800;font-size:8.8px;letter-spacing:.08em;text-align:center;line-height:1.1;text-transform:uppercase;transition:transform .4s var(--ease),background .4s var(--ease),color .4s var(--ease)}.nav__cta span{color:var(--yellow);transition:color .4s var(--ease)}.nav__cta:hover{transform:scale(1.06) rotate(-4deg);background:var(--yellow);color:var(--ink)}.nav__cta:hover span{color:var(--ink)}.nav__panel{display:none}.nav__cta.yellow{background:var(--yellow);color:var(--ink)}.nav__cta.yellow span{color:var(--ink)}.nav__cta.yellow:hover{background:var(--ink);color:var(--white)}.nav__cta.yellow:hover span{color:var(--yellow)}.nav__cta.wide{width:auto;height:auto;border-radius:100px;padding:16px 20px;gap:12px;flex-direction:row}.vtext{writing-mode:vertical-rl;text-orientation:mixed;font-size:9.68px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}.pager{display:flex;flex-direction:column;align-items:center;gap:10px}.pager button{width:8px;height:8px;border-radius:50%;background:var(--muted-2);border:none;padding:0;margin:0;cursor:pointer;opacity:.5;transition:opacity .3s var(--ease, ease),height .35s var(--ease, ease),border-radius .35s var(--ease, ease),background .3s var(--ease, ease)}.pager button:hover{opacity:.85}.pager button.on{height:22px;border-radius:4px;background:var(--ink);opacity:1}.pager.row{flex-direction:row;align-items:center;gap:16px}.pager.row .bar{width:120px;height:1px;margin:0}.nav__burger{display:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);position:relative}.nav__burger span{position:absolute;left:50%;top:50%;width:18px;height:2px;background:var(--ink);transform:translate(-50%,-50%);transition:.3s var(--ease)}.nav__burger span:nth-child(1){transform:translate(-50%,-6px)}.nav__burger span:nth-child(3){transform:translate(-50%,4px)}.nav.open .nav__burger span:nth-child(1){transform:translate(-50%,-50%) rotate(45deg)}.nav.open .nav__burger span:nth-child(2){opacity:0}.nav.open .nav__burger span:nth-child(3){transform:translate(-50%,-50%) rotate(-45deg)}.btn-pill{display:inline-flex;align-items:center;gap:18px;padding:10px 10px 10px 30px;background:var(--ink);color:var(--white);border-radius:100px;font-family:var(--font-display);font-weight:700;font-size:11.44px;letter-spacing:.14em;text-transform:uppercase;transition:transform .4s var(--ease),background .4s var(--ease)}.btn-pill i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--yellow);color:var(--ink);transition:transform .4s var(--ease)}.btn-pill:hover{transform:translateY(-3px);background:var(--ink-2)}.btn-pill:hover i{transform:rotate(45deg)}.btn-circle{display:inline-flex;align-items:center;gap:22px;font-family:var(--font-display);font-weight:700;font-size:11.44px;letter-spacing:.16em;text-transform:uppercase}.btn-circle i{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--yellow);color:var(--ink);transition:transform .45s var(--ease),background .45s var(--ease)}.btn-circle:hover i{transform:rotate(45deg) scale(1.05)}.btn-circle .line{width:46px;height:1px;background:var(--ink);opacity:.4}.icon-svg{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:2}.hero{position:relative;min-height:100svh;display:flex;align-items:flex-start;padding-top:128px;overflow:hidden}.hero__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;display:block}.hero__inner{position:relative;z-index:2;width:100%}.blob{position:absolute;border-radius:50%;background:var(--yellow);filter:none;pointer-events:none}.rotating-badge{position:absolute;top:50%;left:50%;width:116px;height:116px;margin-top:-58px;margin-left:-58px;animation:spin 18s linear infinite;color:var(--ink);z-index:1;pointer-events:none}.rotating-badge text{font-size:8.36px;letter-spacing:3.4px;font-weight:600;fill:var(--muted);font-family:var(--font-body)}@keyframes spin{to{transform:rotate(360deg)}}.reel{position:relative;display:inline-flex;align-items:center;justify-content:center;width:116px;height:116px}.reel__btn{position:relative;z-index:2;width:66px;height:66px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;color:var(--ink);transition:transform .4s var(--ease)}.reel__btn:hover{transform:scale(1.08)}.reel:hover .rotating-badge{animation-play-state:paused}.svc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(28px,4vw,56px) clamp(28px,5vw,70px)}.svc{display:flex;flex-direction:column;gap:12px}.svc__ic{width:52px;height:52px;border-radius:50%;background:var(--paper-3);display:grid;place-items:center;color:var(--ink);font-size:19.36px;position:relative}.svc__ic:after{content:"";position:absolute;right:4px;top:6px;width:8px;height:8px;border-radius:50%;background:var(--yellow-deep);opacity:0;transition:opacity .3s var(--ease)}.svc:hover .svc__ic:after{opacity:1}.svc h3{font-family:var(--font-display);font-weight:700;font-size:14.96px;letter-spacing:.01em}.svc p{color:var(--muted);font-size:12.76px;line-height:1.6;max-width:30ch}.stat{display:block;text-decoration:none;cursor:pointer;transition:transform .35s var(--ease)}.stat:hover{transform:translateY(-6px)}.stat b{font-family:var(--font-display);font-weight:800;font-size:clamp(29.92px,3.52vw,45.76px);letter-spacing:-.02em;display:block;line-height:1;transition:color .35s var(--ease)}.stat b em{color:var(--yellow-deep);font-style:normal}.stat:hover b{color:var(--yellow-deep)}.stat span{font-size:9.68px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);transition:color .35s var(--ease)}.stat:hover span{color:var(--ink)}.work{display:block;position:relative;aspect-ratio:3 / 4;border-radius:14px;overflow:hidden;background:var(--ink);isolation:isolate;flex:0 0 auto}.work__media{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:transform .9s var(--ease)}.work:hover .work__media{transform:scale(1.07)}.work:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.72));z-index:1}.work__label{position:absolute;z-index:2;left:18px;bottom:18px;color:var(--white)}.work__label small{font-size:8.8px;letter-spacing:.2em;text-transform:uppercase;color:var(--yellow);font-weight:600}.work__label b{display:block;font-family:var(--font-display);font-weight:700;font-size:13.2px;margin-top:3px}.work__play{position:absolute;z-index:3;right:16px;bottom:16px;width:42px;height:42px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;color:var(--ink);transform:scale(.9);opacity:.9;transition:transform .4s var(--ease)}.work:hover .work__play{transform:scale(1.05)}.trusted{display:flex;align-items:center;gap:clamp(24px,4vw,54px);flex-wrap:wrap}.trusted__label{font-size:9.68px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:10px}.trusted__label:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--yellow-deep)}.trusted__logo{font-family:var(--font-display);font-weight:800;font-size:16.72px;color:var(--ink);opacity:.55;letter-spacing:-.01em;transition:opacity .3s var(--ease)}.trusted__logo:hover{opacity:1}.footer{background:var(--ink);color:var(--paper);padding-block:clamp(60px,8vw,110px)}.footer a{color:var(--paper)}.footer .display{color:var(--white)}.footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}.footer__soc{display:flex;gap:12px}.footer__soc a{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;transition:background .3s var(--ease),color .3s var(--ease)}.footer__soc a:hover{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.footer__links{display:flex;flex-direction:column;gap:10px}.footer__links a{color:#ffffffb3;font-size:12.32px;transition:color .3s}.footer__links a:hover{color:var(--yellow)}.footer__bottom{margin-top:56px;padding-top:26px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:11px;color:#ffffff8c}.reveal{will-change:transform,opacity}@media (max-width: 900px){.nav__links,.nav__cta.desk{display:none}.nav__burger{display:block}.nav__panel{position:fixed;inset:84px 0 auto 0;background:var(--paper);box-shadow:0 20px 40px #0000001f;padding:24px var(--gutter) 34px;display:flex;flex-direction:column;gap:18px;transform:translateY(-140%);transition:transform .5s var(--ease);z-index:90}.nav.open .nav__panel{transform:translateY(0)}.nav__panel a{font-size:14.08px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.svc-grid{grid-template-columns:repeat(2,1fr);gap:30px}.footer__grid{grid-template-columns:1fr;gap:30px}}@media (max-width: 560px){.svc-grid{grid-template-columns:1fr}.btn-circle i{width:52px;height:52px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}.rotating-badge{animation:none}}.cursor-dot{position:fixed;top:0;left:0;width:17px;height:17px;margin:-8.5px 0 0 -8.5px;border-radius:50%;background:var(--yellow);pointer-events:none;z-index:9999;opacity:0;transition:opacity .25s var(--ease),background .25s var(--ease);will-change:transform}.cursor-dot.is-visible{opacity:.85}.cursor-dot.is-hover{background:var(--yellow-deep)}
