.hero-section{isolation:isolate;background:radial-gradient(circle at 50% 45%,#d8a97814,#0000 32%),linear-gradient(#fff 0%,#faf8f6 100%);min-height:820px;padding-top:100px;position:relative;overflow:hidden}.hero-section:before{content:"";filter:blur(25px);pointer-events:none;z-index:0;background:radial-gradient(circle,#d8a9781f,#d8a97809 35%,#0000 70%);border-radius:50%;width:700px;height:700px;animation:9s ease-in-out infinite heroAmbientLight;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes heroAmbientLight{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.12)}}.hero-section:after{content:"";filter:blur(15px);pointer-events:none;z-index:0;background:radial-gradient(circle,#5a2f1e14,#0000 70%);border-radius:50%;width:320px;height:320px;animation:8s ease-in-out infinite heroOrbFloat;position:absolute;top:120px;right:-130px}@keyframes heroOrbFloat{0%,to{transform:translate(0,0)}50%{transform:translate(-30px,35px)}}.hero-wrapper{z-index:10;perspective:1800px;width:min(1440px,100% - 60px);min-height:650px;transform-style:preserve-3d;grid-template-columns:28% 44% 28%;align-items:end;margin:auto;padding:40px 0 0;display:grid;position:relative}.hero-bg{pointer-events:none;z-index:1;perspective:1200px;justify-content:center;align-items:flex-start;padding-top:60px;display:flex;position:absolute;inset:0;overflow:hidden}.hero-bg h1{letter-spacing:-8px;white-space:nowrap;text-transform:uppercase;-webkit-user-select:none;user-select:none;color:#0000;background:linear-gradient(#4c2f2224,#4c2f2209);filter:blur(.15px);opacity:.75;text-shadow:0 20px 60px #351c120a;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(90px,10vw,185px);font-weight:900;line-height:.82;transform:translateZ(-160px)rotateX(4deg)}.hero-left{z-index:30;transform-style:preserve-3d;perspective:1200px;isolation:isolate;will-change:transform;padding:110px 0 80px;position:relative}.hero-left-light{filter:blur(30px);pointer-events:none;z-index:-1;background:radial-gradient(circle,#d8a9782e,#d8a9780f 38%,#0000 72%);border-radius:50%;width:430px;height:430px;animation:8s ease-in-out infinite leftLightFloat;position:absolute;top:10px;left:-210px}@keyframes leftLightFloat{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(35px,-20px)scale(1.1)}}.hero-small{letter-spacing:-.3px;align-items:center;gap:9px;margin:0 0 20px;font-size:24px;font-weight:600;line-height:1.3;display:flex;transform:translateZ(35px);color:#351c12!important}.hero-small-dot{color:#a36b43;font-size:25px;animation:2.5s ease-in-out infinite heroDotPulse}@keyframes heroDotPulse{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.25)}}.hero-title{color:#351c12;letter-spacing:-4px;max-width:600px;transform-style:preserve-3d;text-shadow:0 12px 30px #351c1217;will-change:transform;margin:0;font-size:clamp(55px,5.2vw,78px);font-weight:900;line-height:.9;position:relative;transform:translateZ(80px)}.hero-title-highlight{color:#351c12;transition:color .45s,transform .45s;display:inline-block;position:relative;transform:translateZ(30px)}.hero-left:hover .hero-title-highlight{color:#70452d;transform:translateZ(50px)}.hero-left:hover .hero-title-highlight:after{transform:scaleX(1)}.hero-description{margin:28px 0 0;font-size:clamp(22px,2.1vw,32px);font-weight:500;line-height:1.3;transform:translateZ(45px);color:#151515!important}.hero-description span{color:#71452e;font-weight:700}.hero-button-wrap{margin-top:38px;display:inline-block;position:relative;transform:translateZ(90px)}.hero-button{color:#fff;cursor:pointer;min-width:205px;transform-style:preserve-3d;background:linear-gradient(135deg,#351c12,#5a2f1e);border:0;border-radius:999px;justify-content:center;align-items:center;gap:14px;padding:17px 30px;font-size:17px;font-weight:700;transition:background .4s,box-shadow .4s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 18px 38px #351c1240}.hero-button:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:75%;height:100%;transition:left .8s;position:absolute;top:0;left:-130%;transform:skew(-20deg)}.hero-button:hover:before{left:145%}.hero-button:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:radial-gradient(circle,#d8a97859,#0000 68%);transition:opacity .4s;position:absolute;inset:-5px}.hero-button:hover:after{opacity:1}.hero-button span,.hero-button b{z-index:2;position:relative}.hero-button b{font-size:21px;font-weight:500;transition:transform .35s}.hero-button:hover b{transform:translate3d(6px,-3px,20px)}.hero-button:hover{background:linear-gradient(135deg,#4a2618,#74452c);box-shadow:0 28px 55px #351c1252,0 0 35px #d8a97824}.hero-center{z-index:25;transform-style:preserve-3d;perspective:1200px;justify-content:center;align-items:flex-end;margin-bottom:-45px;display:flex;position:relative}.hero-center:before{content:"";filter:blur(20px);z-index:-1;border-radius:50%;width:430px;height:430px;animation:5s ease-in-out infinite mascotGlow;position:absolute;bottom:30px}@keyframes mascotGlow{0%,to{opacity:.65;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}.hero-image{width:100%;max-width:510px;height:auto;transform-style:preserve-3d;filter:drop-shadow(0 45px 65px #0003);will-change:transform;animation:6s ease-in-out infinite mascotFloat;display:block;position:relative}@keyframes mascotFloat{0%,to{transform:translate(0,0)rotateY(0)}50%{transform:translateY(-13px)rotateY(1.5deg)}}.hero-right{z-index:25;transform-style:preserve-3d;perspective:1200px;flex-direction:column;justify-content:center;align-items:center;padding:100px 0 60px;display:flex;position:relative}.work-widget{width:350px;min-height:165px;transform-style:preserve-3d;background:linear-gradient(135deg,#432417fa,#311a11fa);border:1px solid #ffffff14;border-radius:20px;gap:15px;padding:10px;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s;animation:6s ease-in-out infinite workFloat;display:flex;position:relative;box-shadow:0 25px 55px #0000003b,0 50px 100px #0000001a}@keyframes workFloat{0%,to{transform:translateY(0)rotateX(0)rotateY(0)}50%{transform:translateY(-7px)rotateX(1deg)rotateY(-1deg)}}.work-widget:hover{transform:perspective(1200px)rotateX(4deg)rotateY(-5deg)translateY(-8px)translateZ(20px);box-shadow:0 35px 80px #0000004d,0 60px 130px #00000024}.work-image{background:#5b463b;border-radius:14px;width:46%;min-height:145px;position:relative;overflow:hidden;transform:translateZ(25px)}.work-image:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 35%,#ffffff2e,#0000 65%);transition:transform .8s;position:absolute;inset:0;transform:translate(-120%)}.work-widget:hover .work-image:after{transform:translate(120%)}.work-image img{transition:transform .8s cubic-bezier(.22,1,.36,1),filter .5s}.work-widget:hover .work-image img{filter:contrast(1.05)saturate(1.08);transform:scale(1.09)}.work-content{flex-direction:column;flex:1;justify-content:center;display:flex;transform:translateZ(35px)}.work-content h3{color:#fff;margin:0 0 10px;font-size:24px;font-weight:800}.work-content p{color:#d7d7d7;margin:0 0 13px;font-size:14px;line-height:1.5}.work-line{background:#ffffff1f;width:100%;height:1px;margin-bottom:12px}.work-arrows{justify-content:space-around;gap:10px;display:flex}.work-arrows button{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .3s,background .3s,color .3s;display:flex}.work-arrows button:hover{color:#351c12;background:#fff;transform:translateY(-3px)scale(1.08)}.what-we-do{text-align:center;margin-top:38px;position:relative;transform:translateZ(55px)}.what-we-do h2{color:#351c12;letter-spacing:-2px;text-shadow:0 10px 25px #351c1214;margin:0 0 16px;font-size:44px;font-weight:900;line-height:1}.service-slider{justify-content:center;align-items:center;width:100%;height:45px;display:flex;position:relative;overflow:hidden}.service-current{color:#5a2f1e;text-align:center;justify-content:center;align-items:center;gap:10px;max-width:330px;font-size:19px;font-weight:700;line-height:1.3;display:flex;transform:translateZ(35px)}.service-current span{color:#b27a4f;font-size:17px}.hero-marquee{z-index:40;background:linear-gradient(90deg,#351c12,#4b2718,#351c12);width:100%;margin-top:25px;padding:17px 0;position:relative;overflow:hidden;box-shadow:0 -10px 35px #0000000d}.marquee-track{will-change:transform;align-items:center;width:max-content;animation:24s linear infinite marquee;display:flex}.marquee-item{flex-shrink:0;align-items:center;gap:14px;padding:0 35px;display:flex}.bean-icon{flex-shrink:0;width:34px;height:34px}.marquee-text{color:#fff;white-space:nowrap;letter-spacing:-.5px;font-size:38px;font-weight:700;line-height:1}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-marquee:hover .marquee-track{animation-play-state:paused}@media (max-width:1200px){.hero-section{min-height:auto;padding-top:60px}.hero-wrapper{text-align:center;grid-template-columns:1fr;align-items:center;width:min(100%,100% - 50px);min-height:auto;padding-top:20px}.hero-left{order:1;padding:50px 0 30px}.hero-small{justify-content:center}.hero-title{max-width:800px;margin:0 auto;font-size:72px}.hero-description{font-size:28px}.hero-button-wrap{margin-top:30px}.hero-center{order:2;margin:0 0 50px}.hero-image{max-width:480px}.hero-right{z-index:30;perspective:none;flex-direction:column;order:3;align-items:center;width:100%;padding-top:0;padding-bottom:20px;display:flex;position:relative}.hero-bg{padding-top:40px}.hero-bg h1{font-size:clamp(75px,12vw,130px)}.what-we-do h2{font-size:42px}}@media (max-width:992px){.hero-section{padding-top:35px}.hero-wrapper{width:calc(100% - 40px);padding-top:0}.hero-left{padding-top:40px}.hero-title{font-size:62px}.hero-image{max-width:440px}.hero-right{padding-top:30px}.work-widget{width:340px}.hero-marquee{margin-top:20px}}@media (max-width:768px){.hero-section{min-height:auto;padding-top:0;overflow:hidden}.hero-wrapper{text-align:center;perspective:none;flex-direction:column;align-items:center;width:100%;padding:0 18px;display:flex}.hero-bg{display:none}.hero-left{z-index:30;perspective:none;text-align:center;order:1;width:100%;padding:75px 5px 10px;position:relative;transform:none!important}.hero-small{z-index:5;justify-content:center;align-items:center;gap:7px;margin-top:38px;margin-bottom:18px;font-size:17px;line-height:1.3;display:flex;position:relative}.hero-title{letter-spacing:-2px;max-width:100%;margin:0 auto;font-size:clamp(44px,12vw,58px);line-height:.96;transform:none}.hero-description{margin-top:20px;font-size:20px;line-height:1.35;transform:none;color:#151515!important}.hero-button-wrap{margin-top:28px;transform:none}.hero-button{min-width:185px;padding:15px 25px;font-size:16px}.hero-center{z-index:25;perspective:none;order:2;justify-content:center;align-items:flex-end;width:100%;margin-top:5px;margin-bottom:-25px;display:flex;position:relative}.hero-center:before{width:300px;height:300px;bottom:20px}.hero-image{filter:drop-shadow(0 30px 45px #0000002e);width:100%;max-width:320px;height:auto;animation:6s ease-in-out infinite mascotMobileFloat;display:block}@keyframes mascotMobileFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.hero-right{z-index:30;perspective:none;flex-direction:column;order:3;align-items:center;width:100%;padding-top:0;padding-bottom:20px;display:flex;position:relative}.work-widget{width:min(100%,350px);min-height:145px;margin-top:0;animation:none;transform:none!important}.work-image{min-height:125px}.work-content h3{font-size:20px}.work-content p{font-size:13px}.what-we-do{margin-top:28px;transform:none}.what-we-do h2{letter-spacing:-1px;font-size:34px}.service-current{max-width:320px;font-size:16px}.hero-marquee{margin-top:0;padding:14px 0}.marquee-item{gap:10px;padding:0 20px}.marquee-text{font-size:24px}.bean-icon{width:20px;height:20px}}@media (max-width:480px){.hero-wrapper{padding:0 14px}.hero-left{padding-top:32px}.hero-small{font-size:15px}.hero-title{letter-spacing:-1.5px;font-size:43px}.hero-description{font-size:18px}.hero-button{min-width:175px;padding:14px 22px;font-size:15px}.hero-image{max-width:285px}.work-widget{width:100%;min-height:135px}.work-image{min-height:115px}.what-we-do h2{font-size:30px}.service-current{font-size:14px}.marquee-text{font-size:21px}}@media (prefers-reduced-motion:reduce){.hero-section *,.hero-section:before,.hero-section:after{transition:none!important;animation:none!important}.hero-marquee .marquee-track{animation:none!important}}