:root{--ink:#111110;--cream:#f3f0e9;--orange:#ff603b;--lime:#d8f85b;--purple:#9b79ff;--muted:#77746d;--line:rgba(17,17,16,.14);--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.cursor-glow{background:var(--orange);border-radius:50%;filter:blur(80px);height:200px;opacity:.08;pointer-events:none;position:fixed;transform:translate(-100px,-100px);transition:transform .2s ease-out;width:200px;z-index:0}.site-header{align-items:center;display:flex;justify-content:space-between;padding:27px 5vw;position:absolute;top:0;width:100%;z-index:5}.brand{align-items:center;display:flex;gap:11px}.brand-name{font-family:"Space Grotesk";font-size:23px;font-weight:700;letter-spacing:-1.4px}.brand-name span{color:var(--orange)}.logo-mark{height:30px;perspective:100px;position:relative;transform:rotate(-8deg);transform-style:preserve-3d;width:30px}.logo-face{background:var(--ink);height:25px;position:absolute;width:25px}.logo-face--front{align-items:center;color:var(--cream);display:flex;font-family:"Space Grotesk";font-size:19px;font-weight:700;justify-content:center;transform:translateZ(7px)}.logo-face--right{background:#393833;transform:rotateY(90deg) translateZ(18px) translateX(-11px);width:14px}.logo-face--top{background:#5b5952;height:14px;transform:rotateX(90deg) translateZ(18px) translateY(11px)}.nav{align-items:center;display:flex;gap:36px;font-size:13px;font-weight:600}.nav a{transition:color .25s}.nav a:hover{color:var(--orange)}.nav-cta{border:1px solid var(--ink);border-radius:50px;padding:11px 17px}.nav-cta span{font-size:17px;margin-left:15px}.menu-toggle{background:none;border:0;display:none}.hero{align-items:center;display:flex;min-height:780px;overflow:hidden;padding:130px 12vw 100px;position:relative}.hero-copy{max-width:650px;position:relative;z-index:2}.eyebrow,.section-kicker{font-size:11px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase}.eyebrow{align-items:center;display:flex;gap:10px}.eyebrow span{background:var(--orange);border-radius:50%;height:7px;width:7px}.hero h1{font-family:"Space Grotesk";font-size:clamp(72px,10vw,150px);letter-spacing:-.09em;line-height:.83;margin:31px 0 33px}.hero h1 em,.contact h2 em{color:var(--orange);font-style:normal}.hero-text{color:var(--muted);font-size:17px;line-height:1.6;max-width:375px}.hero-actions{align-items:center;display:flex;gap:27px;margin-top:37px}.button{align-items:center;border-radius:50px;display:inline-flex;font-size:13px;font-weight:700;gap:22px;padding:15px 19px;transition:transform .3s,box-shadow .3s}.button:hover{box-shadow:0 8px 20px #1113;transform:translateY(-3px)}.button span{font-size:19px}.button--dark{background:var(--ink);color:var(--cream)}.button--light{background:var(--cream);color:var(--ink)}.text-link{border-bottom:1px solid var(--ink);font-size:13px;font-weight:700;padding-bottom:5px}.text-link span{font-size:17px;margin-left:14px}.text-link--dark{display:inline-block}.hero-visual{height:510px;margin-left:auto;position:relative;width:510px}.hero-cube{animation:float 5s ease-in-out infinite;height:210px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotateX(-22deg) rotateY(-37deg) rotateZ(8deg);transform-style:preserve-3d;width:210px}.cube-face{align-items:center;background:var(--orange);backface-visibility:visible;border:1px solid #ff977d;display:flex;font-family:"Space Grotesk";font-size:150px;font-weight:700;height:210px;justify-content:center;position:absolute;width:210px}.cube-face--front{transform:translateZ(105px)}.cube-face--back{background:#c43d28;transform:rotateY(180deg) translateZ(105px)}.cube-face--right{background:#dc482f;transform:rotateY(90deg) translateZ(105px)}.cube-face--left{background:#b83726;transform:rotateY(-90deg) translateZ(105px)}.cube-face--top{background:#ff977d;transform:rotateX(90deg) translateZ(105px)}.cube-face--bottom{background:#922c20;transform:rotateX(-90deg) translateZ(105px)}.visual-ring{border:1px solid #1113;border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-25deg)}.visual-ring--outer{height:475px;width:210px}.visual-ring--inner{height:350px;transform:translate(-50%,-50%) rotate(62deg);width:170px}.float-label{font-size:10px;font-weight:700;letter-spacing:2px;position:absolute}.float-label--top{right:13%;top:19%}.float-label--bottom{bottom:19%;left:8%}.hero-orbit{border:1px solid #1111;border-radius:50%;height:420px;position:absolute;width:420px}.hero-orbit--one{right:-160px;top:-140px}.hero-orbit--two{bottom:-250px;left:-180px}.scroll-note{align-items:center;bottom:42px;display:flex;font-size:10px;font-weight:700;gap:12px;letter-spacing:1px;position:absolute;text-transform:uppercase}.scroll-line{background:var(--ink);height:1px;width:42px}.marquee{background:var(--ink);color:var(--cream);overflow:hidden;padding:20px 0;transform:rotate(-2deg) scale(1.04)}.marquee-track{align-items:center;animation:marquee 24s linear infinite;display:flex;gap:36px;white-space:nowrap;width:max-content}.marquee span{font-family:"Space Grotesk";font-size:23px;letter-spacing:-.7px}.marquee b{color:var(--orange);font-size:21px}.section-pad{padding:145px 12vw}.intro{display:grid;gap:40px;grid-template-columns:1fr 2fr;position:relative}.intro-content{max-width:740px}.intro h2,.section-heading h2,.work h2{font-family:"Space Grotesk";font-size:clamp(46px,6vw,85px);letter-spacing:-.08em;line-height:.9;margin:0 0 30px}.intro h2 span,.section-heading h2 span,.work h2 span{color:var(--orange)}.intro-content p{color:var(--muted);font-size:18px;line-height:1.55;margin:0 0 33px;max-width:530px}.intro-stamp{bottom:90px;font-family:"Space Grotesk";font-size:86px;font-weight:700;position:absolute;right:10vw;transform:rotate(12deg)}.intro-stamp span{font-size:12px;vertical-align:top}.services{background:var(--ink);color:var(--cream)}.services .section-kicker,.contact .section-kicker{color:#aaa79f}.section-heading{display:grid;grid-template-columns:1fr 2fr 1fr;margin-bottom:76px}.section-heading h2{font-size:clamp(55px,7vw,100px);margin:0}.section-heading p{align-self:end;color:#aaa79f;font-size:15px;line-height:1.5;margin:0}.service-grid{display:grid;gap:15px;grid-template-columns:repeat(4,1fr)}.service-card{background:#272724;min-height:340px;padding:23px;position:relative;transition:transform .35s,background .35s}.service-card:hover{background:#373631;transform:translateY(-10px)}.service-card--orange{background:var(--orange);color:var(--ink)}.service-card--lime{background:var(--lime);color:var(--ink)}.service-card--purple{background:var(--purple);color:var(--ink)}.service-number{font-size:12px}.service-icon{font-size:27px;position:absolute;right:23px;top:19px}.service-card h3{bottom:70px;font-family:"Space Grotesk";font-size:29px;letter-spacing:-1.5px;line-height:.94;margin:0;position:absolute}.service-card p{bottom:23px;font-size:12px;line-height:1.4;margin:0;max-width:170px;position:absolute}.service-card a{font-size:11px;font-weight:700;position:absolute;right:23px;top:292px}.service-card a span{font-size:16px;margin-left:7px}.work{background:#e7e3da}.work-header{align-items:end;display:flex;justify-content:space-between;margin-bottom:60px}.work h2{font-size:clamp(55px,7vw,100px);margin-top:25px}.work-grid{display:grid;gap:38px;grid-template-columns:1.4fr 1fr}.project-art{align-items:flex-end;display:flex;height:490px;overflow:hidden;padding:35px;position:relative}.project-art span{color:var(--cream);font-family:"Space Grotesk";font-size:clamp(40px,5vw,75px);font-weight:600;letter-spacing:-.08em;line-height:.87;position:relative;z-index:1}.project-art--sunset{background:linear-gradient(135deg,#ff603b,#f6b044)}.project-art--blue{background:linear-gradient(145deg,#1645d7,#74d7ea)}.project-art i{background:#eadecb;border-radius:50%;height:360px;position:absolute;right:-70px;top:-75px;width:360px}.project-art--sunset i{background:#ffceb5;mix-blend-mode:overlay}.project-meta{display:flex;font-size:11px;font-weight:700;justify-content:space-between;padding-top:16px}.contact{background:var(--ink);color:var(--cream);min-height:650px;overflow:hidden;position:relative}.contact-inner{align-items:center;display:flex;justify-content:space-between;margin:110px 0}.contact h2{font-family:"Space Grotesk";font-size:clamp(60px,9vw,130px);letter-spacing:-.09em;line-height:.82;margin:0}.contact-glow{background:var(--orange);border-radius:50%;filter:blur(110px);height:280px;opacity:.33;position:absolute;right:-100px;top:60px;width:280px}.contact-footer{border-top:1px solid #ffffff2b;color:#888;font-size:11px;display:flex;justify-content:space-between;padding-top:18px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.is-visible{opacity:1;transform:none}.reveal--delay{transition-delay:.15s}.reveal--delay-2{transition-delay:.3s}@keyframes float{0%,100%{margin-top:0}50%{margin-top:-20px}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:850px){.site-header{padding:22px 6vw}.menu-toggle{display:block;position:relative;z-index:10}.menu-toggle span{background:var(--ink);display:block;height:2px;margin:5px;width:23px}.nav{background:var(--cream);display:none;flex-direction:column;gap:27px;inset:0;padding-top:110px;position:fixed;text-align:center}.nav.is-open{display:flex}.hero{display:block;min-height:900px;padding:130px 8vw 80px}.hero-visual{height:400px;margin:55px auto 0;transform:scale(.75);width:100%}.hero h1{font-size:clamp(74px,18vw,130px)}.section-pad{padding:95px 8vw}.intro{display:block}.intro-stamp{bottom:45px;font-size:60px;right:10vw}.section-heading{display:block}.section-heading p{margin-top:28px;max-width:300px}.service-grid{grid-template-columns:repeat(2,1fr)}.work-grid{grid-template-columns:1fr}.project-art{height:370px}.contact-inner{align-items:flex-start;flex-direction:column;gap:50px;margin:90px 0}.contact-footer{gap:20px;line-height:1.4}}@media(max-width:480px){.hero{min-height:850px}.hero-text{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-visual{height:340px;margin-top:25px;transform:scale(.6)}.service-grid{grid-template-columns:1fr}.service-card{min-height:290px}.service-card h3{bottom:62px}.service-card a{top:auto;bottom:25px}.work-header{align-items:flex-start;flex-direction:column;gap:30px}.project-art{height:300px;padding:23px}.contact h2{font-size:62px}.contact-footer{flex-direction:column}}