.hero-content{grid-template-columns:.94fr 1.16fr;gap:3%;padding:48px 0 45px;align-items:center}.hero-scene{position:relative;min-width:0;isolation:isolate;background:radial-gradient(ellipse at 50% 45%,#edffa244,transparent 68%);border-top:1px solid #15161665;border-bottom:1px solid #15161665}.scene-topline{display:flex;justify-content:space-between;gap:12px;padding:16px 0 0;font-size:11px;font-weight:700}.scene-signal,.scene-topline{align-items:center;letter-spacing:1px}.scene-signal{display:inline-flex;gap:7px;font-weight:400}.scene-signal:before{content:"";width:6px;height:6px;background:#171b19;border-radius:50%}.scene-viewport{margin:0;height:440px;position:relative}.scene-canvas{position:absolute;inset:-10px -25px 0;opacity:0;transition:opacity .7s}.scene-canvas canvas{width:100%;height:100%;display:block;touch-action:pan-y}.scene-ready .scene-canvas{opacity:1}.scene-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;transition:opacity .5s}.scene-placeholder strong{font-size:clamp(40px,5vw,80px);line-height:.9;letter-spacing:-4px}.scene-placeholder>span{font-size:14px}.scene-ready .scene-placeholder{opacity:0;pointer-events:none}.scene-fallback .scene-canvas{visibility:hidden}.scene-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;position:relative}.scene-categories a{border:1px solid #15161666;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;background:#eaff7b55;transition:background .2s,transform .2s}.scene-categories a:hover{background:#171b19;color:#dfff00;transform:translateY(-3px)}.scene-categories a>span{font-size:10px;opacity:.65}.scene-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:62px;font-size:12px;line-height:1.7}.scene-bottom>span{padding:10px 0}.scene-desktop-hint{display:block;font-size:10px;letter-spacing:1px;color:#555e22}.scene-bottom button{display:flex;align-items:center;gap:7px;min-width:70px;min-height:44px;justify-content:center;border:0;background:transparent;cursor:pointer;font-size:12px}.scene-bottom button:hover{background:#cbe600}.hero-copy{font-size:15px}.hero-scene{animation:scene-enter 1s cubic-bezier(.16,1,.3,1) both}@keyframes scene-enter{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@media(min-width:1500px){.scene-viewport{margin:0;height:500px}}@media(max-width:1000px){.scene-viewport{margin:0;height:365px}.scene-categories{grid-template-columns:repeat(2,1fr)}.scene-topline{font-size:10px;letter-spacing:.5px}}@media(max-width:600px){.hero-content{grid-template-columns:1fr;gap:34px;padding:32px 0 26px}.hero-copy{font-size:14px;line-height:1.85}.scene-viewport{margin:0;height:350px}.scene-canvas{inset:0 -15px}.scene-categories{grid-template-columns:repeat(2,1fr);gap:6px}.scene-categories a{font-size:13px}.scene-topline{font-size:10px;padding-top:13px}.scene-bottom{font-size:11px}.scene-desktop-hint{display:none}.hero-scene{width:100%}.scene-placeholder strong{font-size:64px}.hero-outline{bottom:70px}}@media(prefers-reduced-motion:reduce){.hero-scene{animation:none}.scene-canvas,.scene-placeholder{transition:none}.scene-categories a:hover{transform:none}}@media(min-width:601px) and (max-width:820px){html{scroll-padding-top:80px}body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.header{height:78px}.header nav{display:none}.hero-content{grid-template-columns:1fr;gap:35px;padding:35px 0}.hero-content h1{font-size:80px}.hero-copy{font-size:16px}.scene-viewport{height:420px}.scene-categories{grid-template-columns:repeat(4,1fr)}.mobile-contact{position:fixed;bottom:0;left:0;right:0;z-index:40;background:#f6f6f2;border-top:1px solid #c5c8bc;display:grid;grid-template-columns:repeat(3,1fr) 1.2fr;padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:4px}.mobile-contact a{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:13px}.mobile-contact a:last-child{background:#dfff00;font-weight:700}}@media(max-width:600px){.hero-content{display:flex;flex-direction:column;gap:22px;padding-top:24px}.hero-content>div:first-of-type{display:contents}.hero-content h1{order:0;align-self:stretch;font-size:48px;line-height:1.1;margin:0;letter-spacing:-3px}.hero-scene{order:1}.hero-copy{order:2;align-self:stretch;margin:0;font-size:14px}.hero-content .solid-button{order:3;align-self:flex-start}.scene-viewport{height:280px}.scene-categories{grid-template-columns:repeat(4,1fr);gap:4px}.scene-categories a{font-size:12px;gap:0}.scene-categories a>span{display:none}.scene-bottom{min-height:48px}.scene-bottom>span{font-size:10px}}.scroll-motion-enabled :is(.intro,.section-heading,.about-section,.faq-section,.contact-main){perspective:1100px}.scroll-motion-enabled :is(.intro,.section-heading,.about-section,.faq-section,.contact-main) h2{transform:translate3d(0,var(--motion-rise,0),0) rotateX(var(--motion-angle,0deg));transform-origin:center bottom;opacity:var(--motion-opacity,1);text-shadow:var(--motion-depth,0) var(--motion-depth,0) #00b8d42b,calc(var(--motion-depth, 0px) * -1) calc(var(--motion-depth, 0px) * -1) #f342932b}.scroll-motion-enabled :is(.service-card,.strength,.process-grid>div,.stock-row){translate:0 var(--motion-rise,0);opacity:var(--motion-opacity,1)}.scroll-motion-enabled .work-card{transform:perspective(1200px) translate3d(0,var(--work-drift,0),0) rotateX(var(--work-rotate,0deg)) scale(var(--work-scale,1));transform-origin:center center}.scroll-motion-enabled .work-image img{scale:1.065;translate:0 var(--image-drift,0)}.scroll-motion-enabled .about-section{position:relative;isolation:isolate;overflow:hidden}.scroll-motion-enabled .about-section:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#dfff000a 1px,transparent 0),linear-gradient(90deg,#dfff000a 1px,transparent 0),radial-gradient(ellipse at 100% 0,#dfff0019,transparent 65%);background-size:56px 56px,56px 56px,100% 100%;transform:perspective(700px) rotateX(12deg) scale(1.2);transform-origin:center bottom}@media (prefers-reduced-motion:reduce){.scroll-motion-enabled :is(.intro,.section-heading,.about-section,.faq-section,.contact-main) h2,.scroll-motion-enabled :is(.service-card,.strength,.process-grid>div,.stock-row,.work-card,.work-image img){transform:none;translate:none;scale:none;opacity:1;text-shadow:none}}