:root{--ink:#1c1c1c;--paper:#fff;--blue:#0f00b0;--sky:#6ccaff;--orange:#f48502;--yellow:#ffc700;--violet:#3b15eb;--expo:cubic-bezier(.14, 1, .34, 1);--inout:cubic-bezier(.9, 0, .1, 1);--gutter:10px;--display:"Inter Tight", "Helvetica Neue", Arial, sans-serif;--body:"Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;--serif:"Newsreader", Georgia, serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}html.lenis,html.lenis body{height:auto}body{font-family:var(--body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}img{object-fit:cover;width:100%;height:100%;display:block}.oh{overflow:hidden}.header{z-index:50;padding:0 var(--gutter);color:#fff;height:50px;transition:color .5s var(--expo);border-bottom:1px solid;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.header[data-tone=dark],.header.menu-open{color:var(--ink)}.logo{letter-spacing:-.04em;font-family:Fraunces,serif;font-size:32px;font-weight:700;line-height:1}.menu-btn{font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;font-size:24px;font-weight:700}.menu-btn .plus{transition:transform .6s var(--expo);font-weight:400;display:inline-block}.menu-btn[aria-expanded=true] .plus{transform:rotate(135deg)}.marquee-fade{align-items:center;height:100%;display:flex;position:absolute;top:0;left:28%;right:28%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.marquee-track{white-space:nowrap;font-family:var(--serif);will-change:transform;font-size:22px;display:flex}.marquee-track span{padding-right:1.1em}.marquee-track span:after{content:"•";vertical-align:.15em;padding-left:1.1em;font-size:.7em}.menu{z-index:40;background:var(--orange);padding:70px var(--gutter) var(--gutter);clip-path:inset(0 0 100%);visibility:hidden;align-items:flex-end;display:flex;position:fixed;inset:0}.menu ul{width:100%}.menu-link{font-family:var(--display);text-transform:uppercase;color:var(--ink);letter-spacing:-.02em;transition:color .4s var(--expo);padding:.04em 0;font-size:clamp(54px,9.4vw,136px);font-weight:600;line-height:.81;display:block}.menu-link.on,.menu-link:hover{color:var(--yellow)}.menu-link span{display:block}.hero{background:#8ec1f2;height:100vh;min-height:560px;position:relative;overflow:hidden}.hero-media{will-change:transform;background:#8ec1f2;position:absolute;inset:0}.hero-title{left:var(--gutter);right:var(--gutter);z-index:2;color:#fff;text-transform:uppercase;font-family:var(--display);letter-spacing:-.045em;white-space:nowrap;font-size:17vw;font-weight:700;line-height:.82;position:absolute;top:58px}.hero-title .wd{white-space:nowrap;display:inline-block}.hero-title .ch{will-change:transform;display:inline-block}.hero-title .mask{vertical-align:top;padding-bottom:.04em;display:inline-block;overflow:hidden}.scroll-dot{right:var(--gutter);bottom:var(--gutter);z-index:2;width:78px;height:78px;font-family:var(--display);text-transform:uppercase;transition:scale .6s var(--expo);background:#fff;border-radius:50%;font-size:11px;font-weight:700;position:absolute}.scroll-dot:hover{scale:1.12}.hero-chip{left:var(--gutter);bottom:var(--gutter);z-index:2;background:#222;border:3px solid #fff;border-radius:40px;width:122px;height:74px;position:absolute;overflow:hidden}.pill{font-family:var(--body);text-transform:uppercase;letter-spacing:.01em;border:1px solid;border-radius:20px;padding:0 5px;font-size:9.6px;font-weight:400;line-height:11.9px;display:inline-block}.underline{font-family:var(--display);text-transform:uppercase;letter-spacing:.03em;transition:background-size .6s var(--expo);background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:2px;font-size:15.2px;font-weight:600;display:inline-block}.underline:hover{background-position:100% 100%;background-size:0 1px}.line{overflow:hidden}.line>span{will-change:transform;display:block}.intro{padding:150px var(--gutter) 0}.statement{font-family:var(--display);letter-spacing:-.035em;max-width:82%;margin:20px 0 150px;font-size:clamp(26px,3.33vw,48px);font-weight:600;line-height:1}.spirit{grid-template-columns:2fr 1fr;align-items:stretch;gap:10px;display:grid}.spirit-media{aspect-ratio:16/10;background:#3a2a22;position:relative;overflow:hidden}.spirit-media img{will-change:transform;transform:scale(1.12)}.play{background:#fff;border-radius:50%;width:118px;height:118px;position:absolute;bottom:20px;right:20px}.play:after{content:"";border-left:34px solid var(--ink);border-top:23px solid #0000;border-bottom:23px solid #0000;position:absolute;top:36px;left:44px}.spirit-side{border-left:1px solid var(--ink);flex-direction:column;justify-content:space-between;padding-left:10px;display:flex}.spirit-side .pill{align-self:flex-start}.spirit-copy{letter-spacing:-.02em;font-size:14.4px;line-height:1.3}.spirit-copy p{margin-bottom:14px}.services{background:var(--blue);color:#fff;margin-top:10px}.services-pin{height:100vh;min-height:560px;padding:10px var(--gutter);position:relative;overflow:hidden}.services-link{top:64px;left:var(--gutter);z-index:2;font-size:15px;position:absolute}.svc-list{left:var(--gutter);position:absolute;bottom:10px;right:33%}.svc{border-top:1px solid #fff}.svc:first-child{border-top:0}.svc-word{--h:0%;font-family:var(--display);text-transform:uppercase;color:#0000;letter-spacing:-.04em;background:linear-gradient(var(--sky), var(--sky)) 0 100% / 100% var(--h) no-repeat, linear-gradient(#fff, #fff);-webkit-background-clip:text;background-clip:text;padding:.06em 0 .04em;font-size:clamp(56px,10.4vw,150px);font-weight:700;line-height:.88;display:block}.svc-media{right:var(--gutter);background:#1a1a60;width:31%;position:absolute;top:10%;bottom:10px;overflow:hidden}.svc-media img{opacity:0;transition:opacity .8s var(--inout);position:absolute;inset:0}.svc-media img.on{opacity:1}.clients{padding:150px var(--gutter) 150px;grid-template-columns:1fr 1fr;column-gap:10px;display:grid;position:relative}.clients .pill{grid-column:1/-1;place-self:start;margin-bottom:150px}.client-list{columns:2;grid-column:1/-1;column-gap:0}.client-list li{break-inside:avoid}.client-list a{font-family:var(--display);letter-spacing:-.04em;transition:opacity .5s var(--expo);padding-left:0;font-size:clamp(26px,2.39vw,34px);font-weight:700;line-height:1.12;display:block;position:relative}.client-list:hover a{opacity:.28}.client-list:hover a:hover{opacity:1}.client-list small{font-family:var(--body);text-transform:uppercase;letter-spacing:.03em;vertical-align:middle;opacity:0;transition:.6s var(--expo);margin-left:10px;font-size:10px;font-weight:500;display:inline-block;transform:translate(-8px)}.client-list a:hover small{opacity:1;transform:none}.client-preview{aspect-ratio:4/3;z-index:5;pointer-events:none;clip-path:inset(0 0 100%);background:#d8d8d4;width:min(26vw,380px);position:fixed;top:50%;right:6%;transform:translateY(-50%)}.news{padding:40px var(--gutter) 150px}.news-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.news-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.card{display:block}.card-img{aspect-ratio:16/10;cursor:none;background:#b9a47a;position:relative;overflow:hidden}.card-img img{transition:transform 1.2s var(--expo)}.card:hover .card-img img{transform:scale(1.04)}.card:nth-child(2) .card-img{background:#777}.tag{text-transform:uppercase;background:#fff;border-radius:10px;padding:1px 6px;font-size:9px;position:absolute;top:8px;left:8px}.visit{background:var(--violet);color:#fff;width:76px;height:76px;font-family:var(--display);text-transform:uppercase;pointer-events:none;border-radius:50%;place-items:center;margin:-38px 0 0 -38px;font-size:12px;font-weight:600;display:grid;position:absolute;top:0;left:0;transform:scale(0)}.caption{font-family:var(--serif);text-align:center;max-width:52%;margin:16px auto 0;font-size:16px;line-height:1.2}.caption b{font-family:var(--display);font-weight:600}.footer{padding:0 var(--gutter) var(--gutter);overflow:hidden}.footer-grid{text-transform:uppercase;letter-spacing:.03em;grid-template-columns:repeat(4,22.4%);align-items:end;padding:160px 0 100px;font-size:13px;line-height:1.1;display:grid}.footer-grid a{transition:background-size .5s var(--expo);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat}.footer-grid a:hover{background-size:100% 1px}.see-work{color:var(--ink);align-items:center;gap:10px;display:flex}.see-word{font-family:var(--display);text-transform:uppercase;letter-spacing:-.04em;white-space:nowrap;font-size:clamp(60px,11.5vw,165px);font-weight:700;line-height:.82}.see-thumb{aspect-ratio:3/2;transition:flex-basis .9s var(--expo);background:#3b7ea8;flex:0 0 15%;overflow:hidden}.see-work:hover .see-thumb{flex-basis:34%}.see-arrow{width:9.8vw;transition:transform .8s var(--expo);flex:none;margin-left:auto}.see-work:hover .see-arrow{transform:translate(14px)}@media (width<=800px){.hero-title{white-space:normal;font-size:19.6vw;top:66px}.marquee-fade{display:none}.statement{max-width:100%;margin-bottom:70px}.intro{padding-top:90px}.spirit{grid-template-columns:1fr}.spirit-side{border-left:0;gap:20px;padding:0}.play{width:80px;height:80px}.play:after{border-top-width:16px;border-bottom-width:16px;border-left-width:24px;top:24px;left:30px}.svc-list{right:var(--gutter)}.svc-media{aspect-ratio:4/5;opacity:.9;width:36%;top:56px;bottom:auto}.clients{padding:90px var(--gutter)}.clients .pill{margin-bottom:70px}.client-list{columns:1}.client-preview{display:none}.news-grid{grid-template-columns:1fr}.caption{max-width:90%}.footer-grid{grid-template-columns:1fr 1fr;row-gap:40px;padding:90px 0 60px}.see-thumb{display:none}.see-arrow{width:12vw}.logo{font-size:28px}.menu-btn{font-size:20px}}@media (width<=480px){.hero-title{font-size:21vw}.svc-word{font-size:15vw}.see-word{font-size:14.5vw}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}