/* Reference dark green-grey field; photographic soles move on a quiet perspective wheel. */
body[data-page="home"] .site-header:not(.is-scrolled){background:#282d29;color:#f5f3ee;border-color:#ffffff16;backdrop-filter:blur(18px)}
body[data-page="home"] .site-header:not(.is-scrolled) .language{color:#e2e4e3;border-color:#ffffff30}
body[data-page="home"] .site-header:not(.is-scrolled) .header-cta{background:#fc563d;border:1px solid #fc563d;color:#fff;border-radius:40px;padding:11px 22px}
body[data-page="home"] .site-header:not(.is-scrolled) .header-cta:hover{background:#ff6c50;border-color:#ff6c50}
.brand-hero.sole-hero{min-height:0;background:linear-gradient(115deg,#151a17,#1d2520);color:#f5f3ee;display:block;isolation:isolate}
.sole-hero-grid{--hero-height:clamp(650px,calc(100svh - 148px),860px);display:grid;grid-template-columns:minmax(0,.73fr) minmax(0,1.27fr);min-height:var(--hero-height);max-width:1680px;margin-inline:auto;padding-inline:clamp(30px,5vw,88px) clamp(24px,3.4vw,58px)}
.sole-hero .brand-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:40px clamp(12px,2.5vw,38px) 38px 0;min-width:0}
.sole-hero .brand-hero-copy .eyebrow{color:#d1d6d3;letter-spacing:2px;font-size:12px;margin:0 0 25px;display:flex;align-items:center;gap:11px}
.sole-hero .brand-hero-copy .eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}
.sole-hero h1{font-size:clamp(48px,5.1vw,88px);font-weight:700;line-height:1.1;letter-spacing:-.05em;margin:0}
.sole-hero h1 span{display:block;color:inherit;font:inherit;letter-spacing:inherit;white-space:nowrap}

.sole-hero .brand-hero-lead{color:#b8c1b8;font-size:16px;line-height:1.85;margin-top:22px;max-width:31em;text-wrap:pretty}
.sole-hero .actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:25px}
.sole-hero .button{background:#fc563d;border-color:#fc563d;color:#fff;border-radius:7px;gap:16px;padding:12px 17px;font-size:14px;font-weight:650}
.sole-hero .button:hover{background:#ff6c50;border-color:#ff6c50;transform:translateY(-2px)}
.sole-arrow{display:inline-block;font-size:25px;font-weight:300;line-height:1;transition:transform .3s}
.sole-hero .button:hover .sole-arrow{transform:translate(3px,-3px)}
.sole-hero .hero-config-link{color:#c8d2c4;font-size:14px;padding:0 0 5px;border-bottom:1px solid #c8d2c44d;transition:color .2s}
.sole-hero .hero-config-link:hover{color:#f0f3e9}
.sole-hero .brand-hero-location{color:#9fac9e;margin:24px 0 0;font-size:12px;letter-spacing:.3px}
.sole-hero-stage{position:relative;margin:0;min-width:0;z-index:1;isolation:isolate;background:transparent;perspective:1400px;min-height:var(--hero-height);--drag-x:0px;--drag-tilt:0deg}
.sole-hero-topline{position:absolute;inset:30px 0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:15px;z-index:4;pointer-events:none}
.sole-hero-topline>span:first-child{font-size:12px;line-height:1.4;letter-spacing:1.5px;font-weight:650;color:#e0e4dd}
.sole-hero-counter{font-size:12px;letter-spacing:1.5px;color:#c9d0ca;font-variant-numeric:tabular-nums}
.sole-hero-object{position:absolute;left:50%;top:47%;width:min(113%,1150px,calc((var(--hero-height) - 100px)*1.448));max-width:none;transform:translate(-50%,-50%);z-index:2}
.sole-hero-parallax{transform:translate3d(0,0,0);will-change:transform;pointer-events:none}
.sole-hero-images{position:relative;width:100%;aspect-ratio:1509/1042;perspective:1400px;transform:translateX(var(--drag-x)) rotateY(var(--drag-tilt));transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.sole-hero-stage.is-dragging .sole-hero-images{transition:none}
.sole-hero-cutout{position:absolute;inset:0;width:100%;display:block;max-width:none;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;opacity:0;transform:translate3d(82%,8%,-220px) rotateY(-52deg) rotateZ(6deg) scale(.76);transform-origin:50% 52%;backface-visibility:hidden;transition:opacity .6s ease,transform .85s cubic-bezier(.22,.75,.2,1);will-change:opacity,transform;filter:none}
.sole-hero-cutout.is-before{opacity:0;transform:translate3d(-82%,-6%,-220px) rotateY(52deg) rotateZ(-6deg) scale(.76);z-index:0}
.sole-hero-cutout.is-after{opacity:0;transform:translate3d(82%,8%,-220px) rotateY(-52deg) rotateZ(6deg) scale(.76);z-index:0}
.sole-hero-cutout.is-active{opacity:1;transform:translate3d(0,0,0) rotateY(0deg) rotateZ(0deg) scale(1);z-index:1}
.sole-hero-bottom{position:absolute;left:0;right:0;bottom:23px;z-index:5;display:flex;align-items:flex-end;justify-content:space-between;gap:15px}
.sole-hero-caption{font-size:14px;color:#edf0e9;letter-spacing:0;margin:0;line-height:1.6}
.hero-product-name{display:block;font-weight:650;font-size:17px;line-height:1.5}
.hero-collection-label{display:block;font-size:12px;color:#aab5a9;letter-spacing:1px;margin-top:4px}
.hero-color-study{text-align:right;color:#aab5a9;font-size:12px;letter-spacing:1.5px}
.hero-color-study>div{display:flex;justify-content:flex-end;gap:4px;margin-top:10px}
.hero-color-study i{display:block;width:32px;height:12px;background:var(--chip);transition:background .55s}
.sole-hero-controls{display:flex;align-items:center;gap:8px;padding-bottom:2px}
.sole-hero-controls button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #cdd4cf4d;border-radius:50%;background:transparent;color:#f1f3ed;font-size:18px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.sole-hero-controls button:hover{background:#ffffff12;border-color:#eceee6;transform:translateY(-2px)}
.sole-hero button:focus-visible,.sole-hero a:focus-visible{outline:2px solid #eceee6;outline-offset:4px}
.sole-hero .brand-hero-bottom{color:#aab5a9;border-top:1px solid #ffffff1c;padding-block:17px;font-size:12px;letter-spacing:1px}
.sole-hero .brand-hero-bottom a{color:#e1e6dd;font-size:12px;letter-spacing:1px;display:flex;gap:14px;align-items:center}
.sole-hero .brand-hero-bottom a span{font-size:16px}
.sole-hero .brand-hero-bottom>span:last-child{color:#aab5a9}
/* The product remains a native link; dragging is handled separately from clicking. */
.sole-hero-product-link{display:block;pointer-events:auto;text-decoration:none;color:#f5f3ee;-webkit-tap-highlight-color:transparent;touch-action:pan-y;user-select:none}
.sole-hero-hint{position:absolute;left:7%;bottom:6%;z-index:3;display:flex;align-items:center;gap:20px;padding:11px 12px 11px 17px;border:1px solid #e5e9df4d;border-radius:40px;background:#202a24d4;box-shadow:0 8px 26px #1b202226;backdrop-filter:blur(14px);opacity:0;transform:translateY(8px) scale(.96);transition:opacity .22s,transform .3s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.sole-hero-hint-label{font-size:14px;line-height:1.35;letter-spacing:.3px}
.sole-hero-hint-label small{display:block;font-size:12px;color:#aab5a9;line-height:1.4;margin-top:3px}
.sole-hero-hint-arrow{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#eeeee5;color:#292d2f;font-size:21px;line-height:1;transition:transform .3s}
.sole-hero-product-link:hover .sole-hero-hint,.sole-hero-product-link:focus-visible .sole-hero-hint{opacity:1;transform:translateY(0) scale(1)}
.sole-hero-product-link:hover .sole-hero-hint-arrow{transform:rotate(5deg)}
.sole-hero-product-link:focus-visible{outline:0!important}
.sole-hero-product-link:focus-visible .sole-hero-hint{outline:2px solid #eeeee5;outline-offset:4px}
.sole-hero-stage.is-dragging .sole-hero-hint{opacity:0}
@media(min-width:1550px){.sole-hero-topline{top:38px}.sole-hero-bottom{bottom:30px}}
@media(max-width:1100px){.sole-hero .brand-hero-copy{padding-right:16px}.sole-hero h1{font-size:clamp(42px,5.2vw,58px)}.sole-hero .brand-hero-copy .eyebrow{letter-spacing:1.2px}.sole-hero .brand-hero-lead{font-size:15px}.sole-hero-topline{top:26px}}
@media(hover:none),(pointer:coarse){.sole-hero-hint{opacity:1;transform:none}}
@media(max-width:780px){
 .sole-hero-grid{--hero-height:clamp(310px,65vw,495px);grid-template-columns:1fr;min-height:0;padding-inline:clamp(16px,5vw,36px)}
 .sole-hero .brand-hero-copy{padding:34px 0 10px}
 .sole-hero h1{font-size:clamp(40px,8.5vw,64px)}
 .sole-hero .brand-hero-copy .eyebrow{margin-bottom:16px}
 .sole-hero .brand-hero-lead{margin-top:16px;font-size:15px}
 .sole-hero .actions{margin-top:18px}
 .sole-hero .brand-hero-location{margin-top:16px}
 .sole-hero-object{top:45%;width:min(105%,calc((var(--hero-height) - 86px)*1.448))}
 .sole-hero-topline{top:14px}
 .sole-hero-bottom{bottom:16px}
 .sole-hero .brand-hero-bottom{padding-block:15px}
 .sole-hero .brand-hero-bottom>span:last-child{display:none}
 .sole-hero-hint{display:none}
 .sole-hero-product-link:focus-visible{outline:2px solid #eeeee5!important}
}
@media(max-width:480px){
 .sole-hero h1{font-size:clamp(34px,10.3vw,44px)}
 .sole-hero-topline>span:first-child{letter-spacing:1.2px}
 .sole-hero-bottom{gap:8px}
 .hero-color-study i{width:20px}
 .hero-color-study{font-size:10px;letter-spacing:.8px}
 .sole-hero-controls button{width:34px;height:34px}
}
@media(prefers-reduced-motion:reduce){.sole-hero-cutout,.sole-hero button,.sole-hero a,.sole-arrow,.sole-hero-hint,.sole-hero-hint-arrow,.sole-hero-images,.hero-color-study i{transition:none}.sole-hero-parallax{transform:none!important}.sole-hero-cutout:not(.is-active){visibility:hidden}}