.aol-main{--bg:#07090b;--fg:#f3f1ec;--mut:#a8b0b5;--line:rgba(255,255,255,.12);--card:#0e1317;--serif:var(--wp--preset--font-family--serif),Georgia,serif;max-width:none!important;padding:0!important;margin:0!important;background:var(--bg);color:var(--fg)}
.aol-paper{--bg:#f4f1ea;--fg:#14181b;--mut:#5d6468;--line:rgba(0,0,0,.12);--card:#ebe6dc}
.aol{overflow:hidden}
.aol-k{display:block;font:600 11px/1.2 var(--wp--preset--font-family--sans),system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--mut)}
.aol h1,.aol h2,.aol h3{font-family:var(--serif);font-weight:400;letter-spacing:-.01em;color:var(--fg);margin:0}
/* hero + rail (always dark, like the homepage showroom) */
.aol-hero{position:relative;min-height:min(92vh,880px);background:radial-gradient(ellipse 60% 55% at 50% 30%,#1d2a33 0%,#0b1014 55%,#06080a 100%);color:#f3f1ec;display:flex;flex-direction:column;align-items:center;padding:56px 0 40px}
.aol-spot{position:absolute;left:50%;top:0;width:min(70vw,900px);height:100%;transform:translateX(-50%);background:conic-gradient(from 180deg at 50% 0,transparent 160deg,rgba(255,250,235,.10) 175deg,rgba(255,250,235,.16) 180deg,rgba(255,250,235,.10) 185deg,transparent 200deg);pointer-events:none}
.aol-head{position:relative;text-align:center;max-width:640px;padding:0 24px}
.aol-head .aol-k{color:#9fb0b8}
.aol-head h1{color:#f3f1ec;font-size:clamp(56px,9vw,128px);line-height:.95;margin:.18em 0 .16em}
.aol-head p{color:#c7cdd0;font-size:17px;margin:0}
.aol-rail{position:relative;width:100%;margin-top:42px;flex:1;display:flex;flex-direction:column}
.aol-bar{height:10px;margin:0 3vw;border-radius:6px;background:linear-gradient(#e9edf0,#8b949b 55%,#4b5359);box-shadow:0 6px 14px rgba(0,0,0,.6)}
.aol-hangs{display:flex;justify-content:center;gap:min(1.6vw,24px);margin-top:-6px;padding:0 3vw;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
.aol-hang{flex:0 0 auto;width:clamp(150px,12.5vw,200px);text-align:center;text-decoration:none;transform-origin:50% 0;animation:aolsway 6s ease-in-out infinite;animation-delay:var(--d);scroll-snap-align:center}
.aol-hang img{width:100%;height:auto;filter:drop-shadow(0 22px 22px rgba(0,0,0,.55));transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.aol-hang:hover img{transform:translateY(-6px) scale(1.04)}
.aol-hang span{display:block;margin-top:10px;font:600 11px/1 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#c7cdd0;opacity:.8}
@keyframes aolsway{0%,100%{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}
.aol-scroll{position:relative;margin-top:26px;color:#f3f1ec;text-decoration:none;font:600 12px/1 system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;padding:14px 22px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(10,14,18,.6);backdrop-filter:blur(10px)}
.aol-scroll i{display:inline-block;font-style:normal;animation:aolbob 1.8s ease-in-out infinite}
@keyframes aolbob{50%{transform:translateY(4px)}}
/* index */
.aol-index{position:sticky;top:var(--aol-top,80px);z-index:20;display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:12px 4vw;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.aol-index span{font:600 11px/1 system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);margin-right:10px}
.aol-index a{flex:none;color:var(--fg);text-decoration:none;font:500 13px/1 system-ui,sans-serif;padding:9px 14px;border-radius:999px;border:1px solid transparent;white-space:nowrap}
.aol-index a:hover{border-color:var(--line)}
/* lookbook blocks */
.aol-look{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:0;min-height:min(88vh,860px);border-bottom:1px solid var(--line)}
.aol-look.aol-r{grid-template-columns:1fr 1.25fr}
.aol-look.aol-r .aol-fig{order:2}
.aol-fig{position:relative;margin:0;height:100%;min-height:560px;overflow:hidden;background:var(--tone)}
.aol-fig>img:first-child{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.aol-look:hover .aol-fig>img:first-child{transform:scale(1.03)}
.aol-fig.is-cut{background:radial-gradient(ellipse 70% 60% at 50% 40%,color-mix(in srgb,var(--tone) 60%,#fff 0%) 0%,#0b0f12 120%)}
.aol-paper .aol-fig.is-cut{background:radial-gradient(ellipse 70% 60% at 50% 40%,#fff 0%,var(--card) 90%)}
.aol-fig.is-cut>img:first-child{object-fit:contain;inset:8% 12% 4%;width:76%;height:88%;filter:drop-shadow(0 30px 30px rgba(0,0,0,.45));transform-origin:50% 0;animation:aolsway 7s ease-in-out infinite}
.aol-inset{position:absolute;right:5%;bottom:6%;width:min(22%,190px);background:rgba(8,10,12,.55);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:10px;filter:drop-shadow(0 16px 20px rgba(0,0,0,.4))}
.aol-r .aol-inset{right:auto;left:5%}
.aol-fig figcaption{position:absolute;left:24px;top:20px;font:600 11px/1 system-ui,sans-serif;letter-spacing:.2em;color:#fff;mix-blend-mode:difference}
.aol-copy{padding:clamp(32px,6vw,96px)}
.aol-copy h2{font-size:clamp(48px,6vw,92px);line-height:.95;margin:.22em 0 .3em}
.aol-copy p{max-width:44ch;color:var(--mut);font-size:17px;line-height:1.6;margin:0 0 26px}
.aol-thumbs{display:flex;gap:10px;margin-bottom:24px}
.aol-thumbs img{width:92px;height:112px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.aol-sizes{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:28px}
.aol-sizes span{font:600 11px/1 system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);margin-right:8px}
.aol-sizes b{font:600 13px/1 system-ui,sans-serif;min-width:44px;height:40px;display:inline-grid;place-items:center;padding:0 10px;border:1px solid var(--line);border-radius:999px}
.aol-sizes b.soon{font-weight:500}
.aol-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.aol-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 30px;border-radius:999px;background:var(--fg);color:var(--bg)!important;text-decoration:none;font:600 13px/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;transition:transform .25s}
.aol-btn:hover{transform:translateY(-2px)}
.aol-btn.ghost{background:transparent;color:var(--fg)!important;border:1px solid var(--line);min-height:44px;padding:0 22px}
.aol-link{color:var(--fg);text-decoration:none;font:500 14px/1 system-ui,sans-serif;border-bottom:1px solid var(--line);padding-bottom:4px}
/* coming soon + hats */
.aol-soon,.aol-hats{padding:clamp(56px,8vw,120px) 4vw}
.aol-soonhead{text-align:center;margin-bottom:40px}
.aol-soonhead h2{font-size:clamp(40px,5vw,72px);margin-top:.2em}
.aol-soonrow{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3vw;max-width:1200px;margin:0 auto;padding-top:22px}
.aol-soonrow:before{content:'';position:absolute;left:-2vw;right:-2vw;top:0;height:8px;border-radius:6px;background:linear-gradient(#e9edf0,#8b949b 55%,#4b5359)}
.aol-soonrow article{text-align:center}
.aol-hook{transform-origin:50% 0;animation:aolsway 6.5s ease-in-out infinite;margin-top:-18px}
.aol-soonrow article:nth-child(2) .aol-hook{animation-delay:.6s}.aol-soonrow article:nth-child(3) .aol-hook{animation-delay:1.2s}
.aol-hook img{width:min(100%,320px);height:auto;filter:drop-shadow(0 24px 24px rgba(0,0,0,.45))}
.aol-soonrow h3{font-size:28px;margin:14px 0 4px}
.aol-soonrow span{display:block;color:var(--mut);font-size:14px;margin-bottom:16px}
.aol-hatrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1200px;margin:0 auto}
.aol-hat{display:block;text-decoration:none;color:var(--fg);background:var(--card);border-radius:18px;overflow:hidden;border:1px solid var(--line)}
.aol-hat img{width:100%;aspect-ratio:1;object-fit:cover;display:block;transition:transform .8s}
.aol-hat:hover img{transform:scale(1.04)}
.aol-hat h3{font-size:24px;margin:18px 20px 4px}.aol-hat p{margin:0 20px;color:var(--mut);font-size:14px}.aol-hat span{display:block;margin:12px 20px 20px;font:600 11px/1 system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--mut)}
@media(prefers-reduced-motion:reduce){.aol *{animation:none!important}}
@media(max-width:900px){
 .aol-hero{min-height:0;padding:40px 0 30px}
 .aol-head p{font-size:15px}
 .aol-rail{margin-top:28px}
 .aol-hangs{justify-content:flex-start;padding:0 30vw 0 8vw;gap:14px}
 .aol-hang{width:46vw}
 .aol-index{justify-content:flex-start;padding:10px 16px;top:var(--aol-top,76px)}
 .aol-look,.aol-look.aol-r{grid-template-columns:1fr;min-height:0}
 .aol-look.aol-r .aol-fig{order:0}
 .aol-fig{min-height:0;aspect-ratio:4/5}
 .aol-inset{width:30%}
 .aol-copy{padding:28px 20px 48px}
 .aol-copy p{font-size:15px}
 .aol-soonrow{grid-template-columns:repeat(3,72vw);overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:22px 8vw 0;margin:0 -4vw;scrollbar-width:none}
 .aol-soonrow:before{left:0;right:auto;width:calc(3*72vw + 32px + 16vw)}
 .aol-soonrow article{scroll-snap-align:center}
 .aol-hatrow{grid-template-columns:1fr;gap:16px}
}
/* v2: bigger garments, hero piece in the spotlight */
.aol-hero{min-height:calc(100vh - 80px);max-height:none;padding-top:44px}
.aol-head h1{font-size:clamp(56px,8vw,116px)}
.aol-rail{margin-top:34px;flex:1}
.aol-hangs{align-items:flex-start;gap:min(1.2vw,18px)}
.aol-hang{width:clamp(150px,12.4vw,190px)}
.aol-hang.is-hero{width:clamp(220px,19vw,290px)}
.aol-hang.is-hero span{color:#fff;opacity:1}
.aol-hang span{margin-top:14px}
@media(max-width:900px){.aol-hero{min-height:0}.aol-hang{width:44vw}.aol-hang.is-hero{width:62vw}}
/* v3 · Opus crit */
.aol-head h1{font-size:clamp(48px,6.4vw,92px)}
.aol-hangs{max-width:1320px;margin-inline:auto}
.aol-bar{max-width:1360px;margin-inline:auto;width:94%}
.aol-copy h2{font-size:clamp(38px,4.6vw,68px)}
.aol-copy{display:flex;flex-direction:column;justify-content:center;align-self:stretch}
.aol-btn{min-height:52px}
.aol-btn.ghost{background:var(--fg);color:var(--bg)!important;border:0;min-height:46px}
.aol-index a[aria-current]{background:var(--fg);color:var(--bg)}
.aol-soonrow:before{height:10px;left:0;right:0}
@media(max-width:900px){.aol-fig{aspect-ratio:3/4}.aol-fig.is-cut>img:first-child{inset:6% 6% 3%;width:88%;height:91%}.aol-head h1{font-size:52px}}
@media(min-width:901px){.aol-hangs{max-width:none;overflow:visible}.aol-hang{width:clamp(130px,10.6vw,170px)}.aol-hang.is-hero{width:clamp(210px,17vw,270px)}.aol-hero{min-height:0;padding-bottom:56px}.aol-rail{flex:none}}
.aol-hangs{min-width:0;width:100%;box-sizing:border-box}.aol-rail{min-width:0;max-width:100%}