/* WEBIN SPHERE — ART DIRECTION REVISION 02 */
.hero{background:var(--paper)}
.hero:before,.hero:after{display:none}
.hero-layout{grid-template-columns:1.05fr .95fr;gap:2.5vw;padding-top:46px;align-items:stretch}
.hero-copy{align-self:center;padding:25px 0 55px}
.hero h1{font-size:clamp(66px,9.6vw,142px);max-width:900px;position:relative;z-index:2}
.hero h1 .line-2{padding-left:4.5vw;white-space:nowrap}
.hero-visual{min-height:620px;overflow:visible;isolation:isolate}
.hero-image-main{right:0;top:0;width:88%;height:78%;border-radius:0;clip-path:none;box-shadow:22px 22px 0 var(--mint)}
.hero-image-main img{filter:saturate(.72) contrast(1.04)}
.hero-image-small{left:-5%;bottom:2%;width:55%;height:25%;border:0;box-shadow:0 18px 45px #28332d22;transform:rotate(-2.5deg)}
.hero-image-label{writing-mode:horizontal-tb;transform:none;top:auto;left:0;bottom:0;width:39%;font-size:8px;line-height:1.8;color:var(--forest2)}
.hero-sticker{border-radius:0;width:118px;height:118px;right:-2%;bottom:16%;background:var(--butter);color:var(--ink);transform:rotate(4deg);animation:stickerFloat 5s ease-in-out infinite;box-shadow:8px 8px 0 var(--coral)}
.hero-sticker b{font-size:24px;color:var(--coral)}
@keyframes stickerFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
.hero-bottomline{margin-top:12px}
.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.services-home .tile{min-height:290px;padding:24px 25px 28px;background:#dfe5dc;border:1px solid #b9c5b9;border-radius:0;display:flex;flex-direction:column;justify-content:space-between}
.services-home .tile:nth-child(2){background:#d9e5e1}
.services-home .tile:nth-child(3){background:#e9dfd2}
.services-home .tile h3{font-size:clamp(22px,2.2vw,31px);max-width:260px;margin:35px 0 12px}
.services-home .tile p{max-width:290px}
.services-home .tile .pill{border-color:#aab9ac;background:#edf0e9}
.services-home .tile:hover{background:#cbd9ce;transform:translateY(-10px);box-shadow:0 22px 45px #28332d19}
.nav-panel{background:#e6e9e2!important;border:1px solid #b9c4b9!important;box-shadow:0 24px 65px #28332d20!important;padding:22px 24px!important;min-width:390px}
.nav-panel-kicker{color:#b96853!important}
.nav-panel>a{grid-template-columns:30px 64px 1fr 18px!important;align-items:center!important;color:#28332d!important;border-color:#c7cec4!important;padding:13px 0!important}
.nav-panel>a:before{content:"";display:block;width:64px;height:48px;background-size:cover;background-position:center;grid-column:2;grid-row:1;border-radius:0;transition:transform .45s}
.nav-panel>a:nth-of-type(1):before{background-image:url('https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/64133f238570361.69171de96382c.jpg')}
.nav-panel>a:nth-of-type(2):before{background-image:url('https://i.etsystatic.com/55701633/r/il/59bcfa/6424400554/il_794xN.6424400554_krul.jpg')}
.nav-panel>a:nth-of-type(3):before{background-image:url('https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/64133f238570361.69171de96382c.jpg')}
.nav-panel>a:hover:before{transform:scale(1.06)}
.nav-panel>a span{grid-column:3;grid-row:1;font-size:12px!important}
.nav-panel>a>b{grid-column:1;grid-row:1;color:#c66e58!important}
.nav-panel>a em{grid-column:4;grid-row:1;color:#c66e58!important}
.nav-panel>a small{color:#66736a!important}
.nav-panel-foot{color:#66736a!important}
@media(max-width:1000px){.hero-visual{min-height:510px}.hero-image-main{height:78%}.hero h1{font-size:clamp(60px,9vw,105px)}}
@media(max-width:760px){.hero-layout{grid-template-columns:1fr;gap:10px}.hero-copy{padding:0}.hero-visual{min-height:430px;margin-top:0}.hero-image-main{width:88%;height:78%;right:2%}.hero-image-small{width:52%;height:24%;left:0}.hero-image-label{width:40%;font-size:7px}.hero-sticker{width:90px;height:90px;right:0;bottom:14%;font-size:7px}.tiles{grid-template-columns:1fr}.services-home .tile{min-height:220px}.nav-panel{display:none!important}}
@media(prefers-reduced-motion:reduce){.hero-sticker{animation:none}}