/* NOAM brand proposal V2: navy and cream, with a small red editorial accent. */
.noam-autumn { --au-ink:#101a5d; --au-paper:#f5f0ea; --au-accent:#9b1028; --au-x:0deg; --au-y:0deg; --au-duration:6500ms; font-family:var(--noam-font-sans,'Be Vietnam Pro',Arial,sans-serif); color:var(--au-ink); background:var(--au-paper); overflow:hidden; }
.noam-autumn[data-campaign-palette='winter'] { --au-paper:#edf1f4; --au-accent:#314b78; }
.noam-autumn[data-campaign-palette='tet'] { --au-paper:#f8f0e4; --au-accent:#9b1028; }
.noam-autumn[data-campaign-palette='tet'] h1 em { -webkit-text-stroke-color:var(--au-accent); font-size:.88em; }
.noam-autumn[data-campaign-palette='spring'] { --au-ink:#173e35; --au-paper:#fff9ed; --au-accent:#d06b4f; --au-duration:7000ms; }
.noam-autumn[data-campaign-palette='spring'] .autumn-season { border-left-color:#173e3540; }
.noam-autumn[data-campaign-palette='spring'] .autumn-photo { box-shadow:0 16px 38px #173e3522,0 1px 4px #173e3516; }
.noam-autumn[data-campaign-palette='spring'] .autumn-lookbook::before { content:''; position:absolute; inset:6% 8% 13%; border-radius:48% 52% 44% 56%; background:radial-gradient(circle at 30% 30%,#dff0c580,transparent 58%),radial-gradient(circle at 72% 66%,#f4c5a455,transparent 55%); filter:blur(2px); pointer-events:none; }
.noam-autumn[data-campaign-palette='spring'] .autumn-photo { border-radius:5px 5px 26px 5px; }
.noam-autumn[data-campaign-palette='spring'].is-entering .autumn-photo { animation-name:au-spring-bloom; animation-duration:1.1s; }
.noam-autumn[data-campaign-palette='summer'] { --au-ink:#073b4c; --au-paper:#fff7df; --au-accent:#ef6f51; --au-duration:5200ms; }
.noam-autumn[data-campaign-palette='summer'] .autumn-season { border-left-color:#073b4c40; }
.noam-autumn[data-campaign-palette='summer'] .autumn-photo { box-shadow:0 16px 38px #073b4c22,0 1px 4px #073b4c16; }
.noam-autumn[data-campaign-palette='summer'].is-entering .autumn-photo { animation-name:au-summer-deal; animation-duration:.9s; }
@keyframes au-summer-deal { from { opacity:0; transform:translate(-50%,-48%) rotate(5deg) scale(.82); } to { opacity:1; transform:translate(-50%,-50%) translate3d(var(--photo-x),var(--photo-y),0) rotate(var(--photo-rotate)) scale(var(--photo-scale)); } }
@keyframes au-spring-bloom { from { opacity:0; transform:translate(-50%,-50%) translate3d(var(--photo-x),calc(var(--photo-y) + 20px),0) rotate(calc(var(--photo-rotate) - 4deg)) scale(.9); } to { opacity:1; transform:translate(-50%,-50%) translate3d(var(--photo-x),var(--photo-y),0) rotate(var(--photo-rotate)) scale(var(--photo-scale)); } }
.noam-autumn *, .noam-autumn *::before, .noam-autumn *::after { box-sizing:border-box; }
.noam-autumn :is(h1,p,figure) { margin:0; }
.noam-autumn a { color:inherit; text-decoration:none; }
.noam-autumn :is(a,button):focus-visible { outline:3px solid var(--au-accent); outline-offset:5px; }
.noam-autumn [hidden] { display:none !important; }
.noam-autumn .autumn-stage { display:grid; grid-template-columns:44% 56%; align-items:center; min-height:680px; max-width:1600px; margin:auto; padding:40px 5vw 28px; }
.noam-autumn .autumn-copy { position:relative; z-index:4; padding:20px 0 44px; }
.noam-autumn .autumn-eyebrow { display:flex; flex-wrap:wrap; align-items:center; gap:14px 28px; margin-bottom:33px; }
.noam-autumn .autumn-kicker { font-size:10px; letter-spacing:.17em; font-weight:600; }
.noam-autumn .autumn-season { font-size:9px; font-weight:500; letter-spacing:.12em; padding-left:18px; border-left:1px solid #101a5d40; }
.noam-autumn h1 { color:var(--au-ink); font-size:clamp(58px,6.05vw,97px); letter-spacing:-.072em; line-height:1.13; text-transform:none; font-weight:600; }
.noam-autumn h1 span, .noam-autumn h1 em { display:block; }
.noam-autumn h1 em { color:transparent; -webkit-text-stroke:1.4px var(--au-ink); font-family:inherit; font-style:normal; font-weight:600; padding-bottom:.11em; }
.noam-autumn .autumn-intro { font-size:13px; line-height:1.95; color:#444b73; max-width:345px; margin-top:25px; }
.noam-autumn .autumn-actions { display:flex; flex-direction:column; align-items:flex-start; gap:10px; margin-top:26px; }
.noam-autumn .autumn-cta { min-height:50px; display:inline-flex; align-items:center; justify-content:space-between; gap:28px; padding:14px 22px; background:var(--au-ink); color:white; font-size:12px; font-weight:500; transition:background .25s; }
.noam-autumn .autumn-cta:is(:hover,:focus-visible) { background:#232d73; color:white !important; }
.noam-autumn a i { transition:transform .25s ease; font-size:12px; }
.noam-autumn a:hover i { transform:translateX(5px); }
.noam-autumn .autumn-secondary { display:flex; align-items:center; gap:20px; font-size:10px; min-height:44px; color:#444b73; }
.noam-autumn .autumn-secondary:is(:hover,:focus-visible) { color:var(--au-ink) !important; }
.noam-autumn .autumn-secondary i { font-size:9px; }
.noam-autumn .autumn-lookbook { min-width:0; position:relative; }
.noam-autumn .autumn-visual { position:relative; height:535px; perspective:1400px; touch-action:pan-y; user-select:none; }
.noam-autumn .autumn-deck { position:absolute; inset:0; transform:rotateX(var(--au-y)) rotateY(var(--au-x)); transition:transform .6s cubic-bezier(.2,.7,.3,1); transform-style:preserve-3d; }
.noam-autumn .autumn-photo { --photo-x:0%; --photo-y:0px; --photo-rotate:-3deg; --photo-scale:1; position:absolute; left:50%; top:50%; width:min(65%,350px); height:470px; padding:8px 8px 0; background:#fffdfa; box-shadow:0 15px 35px #101a5d1a,0 1px 4px #101a5d14; transform:translate(-50%,-50%) translate3d(var(--photo-x),var(--photo-y),0) rotate(var(--photo-rotate)) scale(var(--photo-scale)); transition:transform .95s cubic-bezier(.22,.78,.18,1),opacity .6s,visibility .95s; }
.noam-autumn .autumn-photo[data-slot=active] { z-index:3; }
.noam-autumn .autumn-photo[data-slot=next] { --photo-x:39%; --photo-y:-12px; --photo-rotate:11deg; --photo-scale:.82; z-index:2; }
.noam-autumn .autumn-photo[data-slot=prev] { --photo-x:-43%; --photo-y:40px; --photo-rotate:-13deg; --photo-scale:.76; z-index:1; }
.noam-autumn .autumn-photo[data-slot=hidden] { --photo-y:30px; --photo-rotate:0deg; --photo-scale:.66; opacity:0; visibility:hidden; z-index:0; }
.noam-autumn .autumn-photo picture { display:block; height:calc(100% - 30px); overflow:hidden; }
.noam-autumn .autumn-photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 18%; }
.noam-autumn .autumn-photo figcaption { height:30px; display:flex; align-items:center; justify-content:space-between; font-size:8px; font-weight:500; letter-spacing:.1em; color:var(--au-ink); }
.noam-autumn .autumn-photo-meta { display:flex; align-items:center; gap:15px; min-height:48px; max-width:480px; margin:4px auto 0; }
.noam-autumn .autumn-photo-count { display:flex; gap:6px; align-items:baseline; white-space:nowrap; }
.noam-autumn .autumn-photo-count b { font-size:19px; font-weight:500; color:var(--au-accent); font-variant-numeric:tabular-nums; }
.noam-autumn .autumn-photo-count > span { color:#606684; font-size:10px; }
.noam-autumn .autumn-photo-caption { flex:1; font-size:10px; line-height:1.5; color:#444b73; }
.noam-autumn .autumn-photo-controls { display:flex; gap:5px; }
.noam-autumn .autumn-photo-controls button { display:grid; place-items:center; border:1px solid #101a5d40; border-radius:50%; background:transparent; color:var(--au-ink); height:40px; width:40px; padding:0; cursor:pointer; font-size:12px; transition:background .2s,color .2s; }
.noam-autumn .autumn-photo-controls button:hover { color:white; background:var(--au-ink); }
.noam-autumn .autumn-photo-controls [data-photo-play] { border-color:transparent; width:34px; font-size:11px; }
.noam-autumn .autumn-pagination { max-width:480px; margin:5px auto 0; display:flex; gap:6px; }
.noam-autumn .autumn-pagination button { flex:1; position:relative; height:28px; padding:0; border:0; cursor:pointer; background:transparent; }
.noam-autumn .autumn-pagination button::before, .noam-autumn .autumn-pagination button span { position:absolute; height:2px; top:13px; left:0; width:100%; background:#101a5d26; content:''; }
.noam-autumn .autumn-pagination button span { background:var(--au-ink); transform:scaleX(0); transform-origin:left; }
.noam-autumn .autumn-pagination button[aria-current] span { transform:scaleX(1); }
.noam-autumn.is-playing .autumn-pagination button[aria-current] span { animation:au-progress var(--au-duration) linear both; }
.noam-autumn .autumn-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.noam-autumn .autumn-picks { display:flex; align-items:stretch; max-width:1600px; margin:auto; border-top:1px solid #101a5d26; padding:0 5vw; }
.noam-autumn .autumn-picks-label { display:flex; align-items:center; flex:1.12; padding:25px 24px 25px 0; font-size:9px; letter-spacing:.15em; color:#606684; }
.noam-autumn .autumn-picks a { min-height:83px; display:flex; align-items:center; justify-content:space-between; gap:24px; flex:1; border-left:1px solid #101a5d26; padding:22px 30px; font-size:18px; font-weight:500; transition:background .25s; }
.noam-autumn .autumn-picks a:is(:hover,:focus-visible) { background:#e7e9f2; color:var(--au-ink) !important; }
.noam-autumn.is-entering .autumn-photo { animation:au-deal 1.15s cubic-bezier(.22,.78,.18,1) both; }
.noam-autumn.is-entering .autumn-photo[data-slot=next] { animation-delay:.12s; }
.noam-autumn.is-entering .autumn-photo[data-slot=prev] { animation-delay:.22s; }
.noam-autumn.is-entering :is(.autumn-eyebrow,h1 span,h1 em,.autumn-intro,.autumn-actions) { animation:au-appear .95s cubic-bezier(.22,.78,.18,1) both; }
.noam-autumn.is-entering h1 span { animation-delay:.08s; }
.noam-autumn.is-entering h1 em { animation-delay:.17s; }
.noam-autumn.is-entering .autumn-intro { animation-delay:.24s; }
.noam-autumn.is-entering .autumn-actions { animation-delay:.31s; }
@keyframes au-appear { from { opacity:0; transform:translateY(28px); } to { opacity:1; transform:translateY(0); } }
@keyframes au-deal { from { opacity:0; transform:translate(-50%,-42%) rotate(0deg) scale(.87); } }
@keyframes au-progress { from { transform:scaleX(0); } to { transform:scaleX(1); } }
/* The Style Edit keeps its established composition and adopts the campaign palette. */
#section-home-category.noam-style-edit[data-campaign-layout='autumn'] { --se-blue:#101a5d; --se-ink:#101a5d; --se-paper:#f5f0ea; }
#section-home-category.noam-style-edit[data-campaign-palette='winter'] { --se-paper:#edf1f4; }
#section-home-category.noam-style-edit[data-campaign-palette='tet'] { --se-paper:#f8f0e4; }
#section-home-category.noam-style-edit[data-campaign-palette='spring'] { --se-blue:#245b4a; --se-ink:#173e35; --se-paper:#fff9ed; }
#section-home-category.noam-style-edit[data-campaign-palette='spring'] .se-guide-outfits { background:#dff0c5; }
#section-home-category.noam-style-edit[data-campaign-palette='spring'] .se-guide-size:is(:hover,:focus-visible) { background:#245b4a; }
#section-home-category.noam-style-edit[data-campaign-palette='summer'] { --se-blue:#073b4c; --se-ink:#073b4c; --se-paper:#fff7df; }
#section-home-category.noam-style-edit[data-campaign-palette='summer'] .se-guide-size:is(:hover,:focus-visible) { background:#073b4c; }
#section-home-category.noam-style-edit[data-campaign-palette='summer'] .se-guide-outfits { background:#ffdf9e; }
#section-home-category[data-campaign-layout='autumn'] .se-visual { min-height:735px; }
#section-home-category[data-campaign-layout='autumn'] .se-portrait img { object-position:50% 0%; }
#section-home-category[data-campaign-layout='autumn'] .se-detail { aspect-ratio:1; width:31%; transform:rotate(-7deg); bottom:35px; right:-20px; }
#section-home-category[data-campaign-layout='autumn'] .se-detail:hover { transform:rotate(-2deg); }
#section-home-category[data-campaign-layout='autumn'] .se-detail img { width:100%; height:100%; object-fit:cover; object-position:center; }
#section-home-category[data-campaign-layout='autumn'] .se-photo-word { bottom:42px; font-size:clamp(32px,3.4vw,52px); }
#section-home-category[data-campaign-layout='autumn'] .se-content { padding-top:44px; padding-bottom:38px; }
#section-home-category[data-campaign-layout='autumn'] :is(.se-intro,.se-product p,.se-styling p) { color:#444b73; }
#section-home-category[data-campaign-layout='autumn'] :is(.se-tabs,.se-styling) { border-color:#101a5d40; }
#section-home-category[data-campaign-layout='autumn'] .se-tabs button { flex:1; padding-left:12px; padding-right:12px; }
#section-home-category[data-campaign-layout='autumn'] .se-tabs button:hover { background:#101a5d08; }
#section-home-category[data-campaign-layout='autumn'] .se-guide-size:is(:hover,:focus-visible) { background:#232d73; color:white !important; }
#section-home-category[data-campaign-layout='autumn'] .se-guide-outfits { background:#e7e9f2; }
#section-home-category[data-campaign-layout='autumn'] .se-guide-outfits:hover { background:#dce0ef; }
#section-home-category[data-campaign-layout='autumn'] .se-guide strong { font-size:16px; }
.noam-style-edit .se-panel { scroll-margin-top:180px; }
body:has(.noam-autumn) #noam-chat-teaser { display:none; }
@media(max-width:1100px) {
    .noam-autumn .autumn-stage { min-height:585px; padding-left:4vw; padding-right:4vw; }
    .noam-autumn h1 { font-size:clamp(48px,6vw,66px); }
    .noam-autumn .autumn-intro { max-width:295px; font-size:12px; }
    .noam-autumn .autumn-visual { height:435px; }
    .noam-autumn .autumn-photo { width:65%; max-width:280px; height:370px; }
    .noam-autumn .autumn-photo-meta, .noam-autumn .autumn-pagination { max-width:390px; margin-left:18px; margin-right:5px; }
    .noam-autumn .autumn-picks a { font-size:16px; padding:20px; }
    #section-home-category[data-campaign-layout='autumn'] .se-visual { min-height:730px; }
}
@media(max-width:800px) {
    .noam-autumn .autumn-stage { grid-template-columns:1fr; padding:38px 32px 22px; }
    .noam-autumn .autumn-copy { padding:0; }
    .noam-autumn .autumn-eyebrow { margin-bottom:22px; }
    .noam-autumn h1 { font-size:clamp(56px,9.8vw,76px); }
    .noam-autumn .autumn-intro { max-width:430px; margin-top:18px; }
    .noam-autumn .autumn-actions { flex-direction:row; align-items:center; flex-wrap:wrap; gap:8px 20px; margin-top:21px; }
    .noam-autumn .autumn-lookbook { width:100%; max-width:610px; margin:14px auto 0; }
    .noam-autumn .autumn-visual { height:460px; }
    .noam-autumn .autumn-photo { width:300px; max-width:65%; height:400px; }
    .noam-autumn .autumn-photo-meta, .noam-autumn .autumn-pagination { margin-left:auto; margin-right:auto; max-width:480px; }
    .noam-autumn .autumn-picks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:0 24px 8px; }
    .noam-autumn .autumn-picks-label { grid-column:1/-1; padding:20px 4px 6px; font-size:9px; }
    .noam-autumn .autumn-picks a { padding:18px 12px; min-height:64px; font-size:15px; gap:10px; }
    .noam-autumn .autumn-picks a:nth-child(2) { border-left:0; padding-left:4px; }
    .noam-autumn .autumn-picks a i { font-size:11px; }
}
@media(max-width:767px) {
    #section-home-category[data-campaign-layout='autumn'] .se-visual { min-height:0; height:500px; }
    #section-home-category[data-campaign-layout='autumn'] .se-detail { width:128px; right:18px; bottom:-18px; }
    #section-home-category[data-campaign-layout='autumn'] .se-photo-word { bottom:30px; font-size:31px; left:18px; }
    #section-home-category[data-campaign-layout='autumn'] .se-content { padding-top:44px; padding-bottom:28px; }
    #section-home-category[data-campaign-layout='autumn'] .se-tabs button { font-size:12px; }
}
@media(max-width:480px) {
    .noam-autumn .autumn-stage { padding:30px 24px 17px; }
    .noam-autumn .autumn-eyebrow { gap:12px; }
    .noam-autumn .autumn-kicker { font-size:9px; }
    .noam-autumn .autumn-season { font-size:8px; padding-left:12px; }
    .noam-autumn h1 { font-size:clamp(50px,13.4vw,64px); }
    .noam-autumn h1 em { -webkit-text-stroke:1.1px var(--au-ink); }
    .noam-autumn .autumn-intro { font-size:11px; line-height:1.9; }
    .noam-autumn .autumn-actions { gap:3px 15px; margin-top:18px; }
    .noam-autumn .autumn-cta { padding:13px 17px; min-height:48px; font-size:11px; gap:22px; }
    .noam-autumn .autumn-secondary { font-size:9px; gap:10px; }
    .noam-autumn .autumn-lookbook { margin-top:8px; }
    .noam-autumn .autumn-visual { height:365px; }
    .noam-autumn .autumn-photo { width:226px; max-width:76%; height:310px; padding:6px 6px 0; }
    .noam-autumn .autumn-photo[data-slot=next] { --photo-x:31%; --photo-y:-8px; --photo-rotate:12deg; }
    .noam-autumn .autumn-photo[data-slot=prev] { --photo-x:-32%; --photo-y:22px; --photo-rotate:-14deg; }
    .noam-autumn .autumn-photo picture { height:calc(100% - 25px); }
    .noam-autumn .autumn-photo figcaption { height:25px; font-size:7px; }
    .noam-autumn .autumn-photo-meta { gap:10px; }
    .noam-autumn .autumn-photo-controls { gap:3px; }
    .noam-autumn .autumn-photo-controls button { width:36px; height:36px; }
    .noam-autumn .autumn-photo-controls [data-photo-play] { width:30px; }
    .noam-autumn .autumn-photo-caption { font-size:9px; }
}
@media(max-width:390px) {
    .noam-autumn .autumn-stage { padding-left:22px; padding-right:22px; }
    .noam-autumn .autumn-picks { padding-left:18px; padding-right:18px; }
    .noam-autumn .autumn-picks a { font-size:13px; padding-right:9px; padding-left:9px; }
    #section-home-category[data-campaign-layout='autumn'] .se-visual { height:440px; }
    #section-home-category[data-campaign-layout='autumn'] .se-detail { width:105px; }
    #section-home-category[data-campaign-layout='autumn'] .se-photo-word { font-size:27px; }
}
@media(max-width:350px) {
    .noam-autumn h1 { font-size:48px; }
    .noam-autumn .autumn-visual { height:335px; }
    .noam-autumn .autumn-photo { width:206px; height:285px; }
    .noam-autumn .autumn-photo-caption { max-width:98px; }
}
@media(prefers-reduced-motion:reduce) {
    .noam-autumn *, .noam-autumn *::before, .noam-autumn *::after { animation:none !important; transition:none !important; }
    .noam-autumn .autumn-deck { transform:none; }
    .noam-autumn a:hover i { transform:none; }
}