@font-face{font-family:Satoshi;src:url(/assets/fonts/satoshi-500.woff2)format("woff2");font-weight:400 500;font-display:swap}@font-face{font-family:Satoshi;src:url(/assets/fonts/satoshi-700.woff2)format("woff2");font-weight:600 900;font-display:swap}@font-face{font-family:NHG Fallback;font-weight:400;src:local(Helvetica Neue),local(HelveticaNeue),local(Helvetica),local(Arial),local(ArialMT);size-adjust:92.68%;ascent-override:98.84%;descent-override:24.6%;line-gap-override:0%}@font-face{font-family:NHG Fallback;font-weight:700;src:local(Helvetica Neue Bold),local(HelveticaNeue-Bold),local(Helvetica Bold),local(Arial Bold),local(Arial-BoldMT);size-adjust:92.4%;ascent-override:101.19%;descent-override:28.46%;line-gap-override:0%}:root{--black:#0a0806;--white:#fff;--orange:#c85000;--orange-hover:#ad4500;--orange-active:#933a00;--muted:#73737a;--surface:#f4f5f6;--line:#0a080624;--gutter:clamp(16px,1.6vw,24px);--display:"NHG Fallback","Helvetica Neue",Helvetica,Arial,sans-serif;--body:Satoshi,Arial,sans-serif;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{color:var(--black);background:var(--white);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;font-weight:500;line-height:1.4}html:has(body.menu-open){overflow:hidden}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}button{color:inherit}img{max-width:100%;display:block}button,input,textarea{border-radius:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--orange);outline-offset:5px}fieldset{border:0;min-width:0;margin:0;padding:0}legend{padding:0}::selection{background:var(--orange);color:#fff}[hidden]{display:none!important}.sr-only,.skip-link:not(:focus){clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link:focus{z-index:100;color:#000;background:#fff;border-radius:8px;padding:12px 20px;position:fixed;top:16px;left:16px}.brand{letter-spacing:-.06em;font-size:clamp(20px,1.7vw,28px);font-weight:700;line-height:1}.site-header{z-index:10;padding:clamp(24px,2.7vw,40px) calc(var(--gutter) * 1.6);justify-content:space-between;align-items:center;gap:28px;display:flex;position:absolute;top:0;left:0;right:0}.desktop-nav{gap:clamp(28px,4.2vw,64px);margin-left:auto;margin-right:clamp(40px,9vw,160px);font-size:clamp(15px,1.2vw,19px);display:flex}.desktop-nav a{transition:color .25s var(--ease)}.desktop-nav a:hover{color:var(--orange)}.desktop-nav a:active{color:var(--orange-active)}.site-footer nav a{transition:opacity .25s var(--ease)}.site-footer nav a:hover{opacity:.64}.header-contact{color:var(--black);transition:background .3s var(--ease),transform .3s var(--ease);background:#fff;border-radius:8px;padding:12px 27px;line-height:1}.header-contact:hover{background:#ddd}.header-contact:active{transform:scale(.97)}.menu-toggle{display:none}.hero{background:radial-gradient(90% 70% at 50% 62%,#17140f 0%,var(--black) 72%);color:#fff;min-height:100svh;padding:0 var(--gutter) 10px;flex-direction:column;display:flex;position:relative;overflow:clip}.hero-content{padding:clamp(132px,17vh,220px) calc(var(--gutter) * .6) clamp(54px,7vh,100px);flex:1;grid-template-columns:minmax(0,1fr) 32%;align-items:center;gap:0;min-height:450px;display:grid}.hero-copy{z-index:1;margin-bottom:25px;position:relative}.hero h1{font-family:var(--display);letter-spacing:-.025em;word-spacing:.04em;white-space:nowrap;font-size:clamp(28px,3.8vw,64px);font-weight:400;line-height:1.04}.hero h1 span{display:block}.hero h1 span:last-child{color:#96d1df}.hero-actions{flex-wrap:wrap;align-items:center;gap:36px;margin-top:34px;display:flex}.button{letter-spacing:-.01em;min-height:52px;transition:background-color .3s var(--ease),color .3s var(--ease),transform .3s var(--ease);border:0;border-radius:10px;justify-content:center;align-items:center;padding:17px 25px;font-size:clamp(15px,1.2vw,19px);font-weight:500;line-height:1;display:inline-flex}.button--orange{color:#fff;background:var(--orange)}.button--orange:hover{background:var(--orange-hover)}.button--orange:active{background:var(--orange-active);transform:scale(.97)}.text-link{text-underline-offset:8px;align-items:center;gap:12px;font-size:clamp(15px,1.2vw,19px);text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.text-link span{transition:transform .3s var(--ease);display:inline-block}.text-link:hover span{transform:translateY(4px)}.hero-object{place-self:center end;width:min(100%,460px);animation:7s ease-in-out infinite float;position:relative}.hero-object img{width:100%;height:auto}.wordmark{white-space:nowrap;font-family:var(--display);letter-spacing:-.04em;justify-content:center;align-items:baseline;gap:0;padding:0 0 .06em;font-size:19vw;font-weight:700;line-height:.84;display:flex}.wordmark-dot{background:radial-gradient(circle at 30% 22%,#ffae6f 0%,#ed7730 24%,var(--orange) 65%,#743004 100%);border-radius:50%;flex:none;align-self:flex-end;width:.18em;height:.18em;margin:0 .02em .025em .025em;display:inline-block;position:relative;box-shadow:inset -.012em -.012em .02em #0003}.section{padding-inline:calc(var(--gutter) * 1.6)}.section-title{font-family:var(--display);letter-spacing:-.04em;font-size:clamp(64px,10.8vw,176px);font-weight:700;line-height:.9}.work{padding-top:clamp(14px,3.2vw,54px);padding-bottom:clamp(22px,4.5vw,80px);position:relative;overflow:clip}.work .section-title{z-index:2;position:relative}.computer-stage{margin:clamp(8px,1.6vw,22px) calc(var(--gutter) * -1.6) 0;aspect-ratio:412/200;isolation:isolate;cursor:grab;touch-action:pan-y;outline-offset:-6px;-webkit-user-select:none;user-select:none;position:relative}.computer-stage.is-dragging{cursor:grabbing}.scene-canvas,.scene-poster{width:100%;height:100%;position:absolute;inset:0}.scene-canvas{z-index:1}.scene-canvas canvas{width:100%;height:100%;display:block}.scene-poster{object-fit:contain;opacity:0;transition:opacity .35s var(--ease)}.computer-stage.scene-unavailable .scene-poster{opacity:1}.computer-stage.scene-unavailable{cursor:default;pointer-events:none}.computer-stage.scene-unavailable .scene-canvas{display:none}.scene-loading{letter-spacing:-.02em;color:var(--muted);font-size:14px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.computer-stage.scene-ready .scene-loading,.computer-stage.scene-unavailable .scene-loading{display:none}.project-caption{letter-spacing:-.025em;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:0;font-size:clamp(16px,1.5vw,24px);display:flex}.project-name{line-height:1.2;display:block}.project-name[href]:hover{text-underline-offset:4px;text-decoration:underline}.project-name:not([href]){cursor:default}.project-domain{color:var(--muted);margin-top:5px;display:block}.drag-hint{color:var(--muted);white-space:nowrap}.services{padding-top:clamp(30px,3vw,50px);padding-bottom:clamp(80px,8vw,128px)}.services .section-title{margin-bottom:clamp(34px,4vw,64px)}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.2vw,34px);display:grid}.service-preview{aspect-ratio:556/400;background-image:url(/assets/services-sheet.png);background-position-y:68.615%;background-repeat:no-repeat;background-size:328.06% 215.5%;border:1px solid #0a080614;border-radius:clamp(8px,1.2vw,16px);width:100%;overflow:hidden}.service-preview--portfolio{background-position-x:4.416%}.service-preview--corporate{background-position-x:51.1%}.service-preview--commerce{background-position-x:95.66%}.service h3{font-family:var(--display);letter-spacing:-.04em;margin-top:18px;font-size:clamp(21px,2.35vw,40px);font-weight:700;line-height:1.05}.pricing{padding-top:12px;padding-bottom:clamp(70px,7vw,112px)}.pricing .section-title{margin-bottom:clamp(36px,4vw,64px)}.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.2vw,20px);display:grid}.plan{--plan-line:#0a080624;background:var(--surface);border:1px solid #dfdfe1;border-radius:19px;flex-direction:column;min-width:0;padding:clamp(20px,1.9vw,32px);display:flex}.plan--dark{--plan-line:#ffffff38;background:var(--black);border-color:var(--black);color:#fff}.plan h3{font-family:var(--display);letter-spacing:-.04em;white-space:nowrap;font-size:clamp(25px,2.5vw,40px);font-weight:700;line-height:1}.plan-heading p{letter-spacing:-.03em;margin-top:9px;font-size:clamp(14px,1.3vw,20px);line-height:1.25}.plan-art{justify-content:flex-end;align-items:center;height:clamp(142px,15.5vw,225px);margin:12px -8px;display:flex}.plan-art img{object-fit:contain;object-position:right center;width:100%;max-width:100%;height:100%}.plan-price{letter-spacing:-.04em;flex-direction:column;margin-top:auto;line-height:1.2;display:flex}.plan-price>span:first-child{margin-bottom:9px;font-size:clamp(14px,1.3vw,20px)}.plan-price strong{font-family:var(--display);letter-spacing:-.04em;white-space:nowrap;font-size:clamp(32px,3.55vw,58px);font-weight:700;line-height:1}.plan-price>span:last-child{margin-top:9px;font-size:clamp(14px,1.3vw,20px)}.plan-action{border-top:1px solid var(--plan-line);width:100%;min-height:48px;margin-top:26px;padding:16px 8px;font-size:clamp(13px,1.15vw,18px);position:relative}.plan-action:before{content:"";background:var(--plan-line);height:1px;position:absolute;top:-17px;left:0;right:0}.mobile-menu{z-index:50;background:var(--orange);color:#fff;visibility:hidden;clip-path:inset(0 0 100%);padding:120px 24px 40px;transition:clip-path .6s cubic-bezier(.7,0,.2,1),visibility 0s .6s;position:fixed;inset:0;overflow:auto}.mobile-menu.is-open{visibility:visible;clip-path:inset(0);transition:clip-path .6s cubic-bezier(.7,0,.2,1)}.mobile-menu nav{gap:12px;display:grid}.mobile-menu nav a{font-family:var(--display);letter-spacing:-.04em;transition:color .25s var(--ease);font-size:clamp(48px,11vw,80px);font-weight:700;line-height:1.1}.mobile-menu nav a:hover,.mobile-menu nav a:active{color:var(--black)}.mobile-menu :focus-visible{outline-color:var(--black)}.menu-close{color:#fff;background:0 0;border:1px solid #ffffff80;border-radius:8px;padding:10px 20px;position:absolute;top:28px;right:24px}@keyframes fade-up{0%{opacity:.001;transform:translateY(.6em)}}@keyframes word-rise{0%{transform:translateY(105%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (width>=1800px){.hero-content{grid-template-columns:minmax(0,1fr) 30%}.hero h1{font-size:72px}.hero-object{width:500px}.section-title{font-size:190px}}@media (width<=1100px){.desktop-nav{gap:28px;margin-right:30px}.hero h1{font-size:3.8vw}.hero-actions{gap:25px}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.plan{padding:26px}.plan h3{font-size:34px}.plan-heading p{font-size:18px}.plan-art{height:190px}.plan-price strong{font-size:52px}.plan-price>span{font-size:18px!important}.plan-action{font-size:17px}}@media (width<=760px){.hero-content{grid-template-columns:minmax(0,1fr) 32%;min-height:440px;padding-top:130px;padding-bottom:55px}.hero h1{white-space:normal;font-size:4vw}.hero h1 span{max-width:100%}.hero-actions{gap:22px;margin-top:24px}.hero-object{align-self:center;width:100%}.hero .button{padding:15px 18px;font-size:15px}.hero .text-link{font-size:14px}.site-header{padding:26px var(--gutter)}.desktop-nav,.header-contact{display:none}.menu-toggle{color:#fff;background:0 0;border:1px solid #fff6;border-radius:8px;padding:10px 18px;line-height:1;display:inline-flex}.section{padding-inline:var(--gutter)}.section-title{font-size:clamp(64px,12vw,100px)}.computer-stage{margin-inline:calc(var(--gutter) * -1)}.project-caption{margin-top:5px;font-size:16px}.drag-hint{font-size:14px}.services{padding-top:0;padding-bottom:72px}.services-grid{gap:16px}.service h3{font-size:23px}.pricing{padding-bottom:64px}}@media (width<=560px){.hero-content{padding-top:132px;padding-inline:0;flex:1;grid-template-columns:1fr;gap:8px;min-height:0;padding-bottom:28px}.hero-copy{margin-bottom:0}.hero h1{max-width:95%;font-size:clamp(28px,7vw,38px);line-height:1.08}.hero h1 span:last-child{margin-top:3px}.hero-actions{gap:26px;margin-top:26px}.hero .button{min-height:50px;padding:16px 20px;font-size:16px}.hero .text-link{font-size:15px}.hero-object{place-self:center end;width:clamp(175px,53vw,285px);max-height:30svh;margin-top:2px}.hero-object img{object-fit:contain;max-height:30svh}.wordmark{padding-bottom:.1em}.project-caption{align-items:flex-start;gap:12px}.project-name{max-width:220px}.project-domain{font-size:14px}.drag-hint{padding-top:3px;font-size:12px}.services-grid{grid-template-columns:1fr;gap:34px}.service-preview{aspect-ratio:556/400}.service h3{margin-top:14px;font-size:30px}.services .section-title{margin-bottom:30px}.pricing-grid{grid-template-columns:1fr;gap:18px}.plan{padding:25px}.plan h3{font-size:36px}.plan-art{height:190px;margin-top:0;margin-bottom:0}.plan-art img{width:80%}.plan-heading p{font-size:18px}.plan-price strong{font-size:56px}.plan-action{min-height:52px;margin-top:28px;font-size:17px}.section-title{font-size:clamp(62px,16vw,92px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.package-canvas{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.package-canvas canvas{width:100%;height:100%;display:block}.case-stage{aspect-ratio:3.45/4.7;touch-action:pan-y;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.case-stage img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.case-stage .case-side{opacity:0;transition:opacity .35s}.price-package[data-revealed=true] .case-side[data-loaded=true]{opacity:1}[data-render-state=fallback] .price-package[data-revealed=true] .case-stage:has(.case-side[data-loaded=true])>img:first-child{opacity:0}[data-render-state=ready] .case-stage img{visibility:hidden}.case-stage:focus-visible{outline-offset:-12px;border-radius:16px;outline:2px solid #74747b}@media (prefers-reduced-motion:reduce){.case-stage .case-side{transition:none}}.detail-header{padding:16px var(--gutter);background:var(--black);color:var(--white);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;font-size:.875rem;display:flex}.detail-nav{gap:1.25em;display:flex}.detail-nav a{min-height:44px;transition:color .25s var(--ease);align-items:center;display:inline-flex}.detail-nav a:hover{color:var(--orange)}.detail-main{max-width:1600px;padding:clamp(32px, 6.5vw, 96px) var(--gutter) clamp(48px, 7vw, 112px);margin:0 auto}.detail-main h1,.detail-main h2{font-family:var(--display);letter-spacing:-.04em;font-weight:700}.detail-main h1{max-width:15ch;font-size:clamp(44px,7.6vw,124px);line-height:.9}.detail-lead{max-width:32ch;font:400 clamp(22px, 2.3vw, 34px)/1.18 var(--display);letter-spacing:-.02em;margin-top:clamp(16px,2.6vw,36px)}.detail-action{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:clamp(20px,2.6vw,36px);display:flex}.detail-price{font-variant-numeric:tabular-nums;font-size:clamp(17px,1.3vw,20px);font-weight:700}.detail-price span{color:var(--muted);font-size:.875rem;font-weight:500;display:block}.detail-case{isolation:isolate;display:none;position:relative}@media (width>=1001px){.detail-main:has(.detail-case){padding-top:clamp(40px,4.5vw,72px)}.detail-hero:has(.detail-case){grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,4vw,64px);display:grid}.detail-case{width:min(100%,38vw,540px);display:block}.detail-case .case-stage{aspect-ratio:1.08}.detail-hero:has(.detail-case)+.detail-content{margin-top:clamp(28px,3vw,48px)}}.detail-content{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,6vw,88px);margin-top:clamp(44px,7vw,100px);display:grid}.detail-main h2{margin-bottom:clamp(14px,2vw,28px);font-size:clamp(26px,2.8vw,42px);line-height:1.05}.detail-inclusions{gap:.85em;margin:0;padding:0;font-size:clamp(17px,1.3vw,20px);list-style:none;display:grid}.detail-inclusions li{grid-template-columns:auto minmax(0,1fr);gap:.9em;display:grid}.detail-inclusions li:before{content:"";background:var(--orange);border-radius:30%;width:.5em;height:.5em;margin-top:.45em}.detail-scope{margin:0}.detail-scope div{border-top:1px solid var(--line);grid-template-columns:minmax(100px,.8fr) minmax(0,2fr);gap:8px 16px;padding-block:clamp(12px,1.6vw,24px);display:grid}.detail-scope div:last-child{border-bottom:1px solid var(--line)}.detail-scope dt{font-weight:700}.detail-scope dd{margin:0}.detail-footer{margin-top:clamp(36px,5vw,72px)}@media (width<=760px){.detail-content{grid-template-columns:minmax(0,1fr)}}@media (width<=380px){.detail-scope div{grid-template-columns:minmax(0,1fr);gap:4px}}
