.fw-page { background:#fbf7f3; }
.fw-page .site-header { z-index:30; }
.fw-hero { max-width:1600px; margin:0 auto; display:grid; grid-template-columns:54% 46%; min-height:620px; background:#fffdfa; }
.fw-hero-copy { padding:96px 8% 76px max(6vw,42px); display:flex; flex-direction:column; align-items:flex-start; }
.fw-hero h1 { font-size:clamp(60px,6.4vw,100px); line-height:1.025; letter-spacing:-.065em; margin:22px 0 28px; white-space:normal; }
.fw-hero h1 em { color:#b37b82; }
.fw-hero-copy>p { font-size:15px; line-height:1.88; color:#756461; max-width:510px; }
.fw-hero-copy .hero-actions { margin-top:9px; }
.fw-disclosure { border-top:1px solid #e9dad2; margin-top:39px; padding-top:17px; font-size:11px!important; line-height:1.75!important; color:#8b7773!important; max-width:520px; }
.fw-hero-visual { background:linear-gradient(120deg,#f3e2db,#c99e91); position:relative; overflow:hidden; isolation:isolate; min-height:620px; }
.fw-hero-visual img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 42%; filter:saturate(.7); }
.fw-hero-sticker { position:absolute; right:6%; top:7%; width:145px; height:145px; background:#fff7f0ee; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; color:#9d686e; font:italic 36px/1.01 var(--serif); box-shadow:0 10px 40px #6b4c4739; transform:rotate(9deg); }
.fw-hero-sticker small { display:block; font:700 9px var(--sans); letter-spacing:.2em; margin-bottom:7px; }
.fw-hero-caption { position:absolute; bottom:17px; left:17px; background:#fffbf3e6; font-size:9px; letter-spacing:.11em; color:#795f5d; padding:9px 13px; }
.fw-stripe { display:flex; justify-content:space-evenly; gap:20px; padding:24px max(6vw,26px); background:#f0e1db; color:#8c696a; letter-spacing:.12em; font-size:10px; font-weight:700; text-align:center; }
.fw-intro { text-align:center; padding-top:106px; padding-bottom:43px; }
.fw-intro .eyebrow { justify-content:center; }
.fw-intro h2 { margin:13px 0 18px; }
.fw-intro p { max-width:700px; margin:0 auto; font-size:14px; line-height:1.85; color:#80706b; }
.fw-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:23px; padding-bottom:103px; }
.fw-card { background:#fffdfa; box-shadow:0 12px 28px #5b48410b; border:1px solid #eaded6; overflow:hidden; display:flex; flex-direction:column; }
.fw-art { min-height:380px; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; overflow:hidden; isolation:isolate; }
.fw-art-photo { min-height:0; aspect-ratio:4 / 5; display:block; color:inherit; }
.fw-art-photo img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.fw-art-photo:hover img { transform:scale(1.035); }
.fw-shopping-bag { position:absolute; right:0; top:0; height:42px; width:42px; display:grid; place-items:center; background:#f8eeebeb; color:#513b3b; }
.fw-shopping-bag::before { content:""; width:16px; height:16px; border:1.6px solid currentColor; border-radius:2px; margin-top:5px; }
.fw-shopping-bag::after { content:""; position:absolute; width:7px; height:6px; border:1.6px solid currentColor; border-bottom:0; border-radius:7px 7px 0 0; top:9px; left:16px; }
.fw-art:before { content:""; position:absolute; width:470px; height:470px; border:1px solid #fffaf170; border-radius:50%; left:-45%; top:-30%; z-index:-1; }
.fw-art-hoodie { background:#ddd4cd url('./images/black-hoodie-street.jpg') center 32%/cover no-repeat; }
.fw-art-sweater { background:radial-gradient(circle at 79% 20%,#c59b87,transparent 44%),linear-gradient(145deg,#61473f,#967064 58%,#c4a397); }
.fw-art-coat { background:radial-gradient(circle at 20% 15%,#f7e7d3,transparent 38%),linear-gradient(145deg,#ab7a55,#dfb78e 58%,#f2d9bb); }
.fw-art-quarterzip { background:radial-gradient(circle at 80% 25%,#fffdf3,transparent 42%),linear-gradient(155deg,#ddcfc0,#f3e7d7 61%,#d3bdaa); }
.fw-art-quarterzip .fw-art-index,.fw-art-quarterzip .fw-art-words { color:#866d62; text-shadow:none; }
.fw-art-quarterzip .fw-art-label { background:#7d665b; }
.fw-art-words { text-align:center; font:54px/1 var(--serif); letter-spacing:-.065em; color:#fff6ed; text-shadow:0 4px 35px #45302921; }
.fw-art-words em { font:italic 33px var(--serif); letter-spacing:-.03em; }
.fw-art-index { position:absolute; top:21px; left:22px; font:italic 36px var(--serif); color:#fffbf5c9; }
.fw-art-photo .fw-art-index { top:12px; left:14px; font-size:25px; color:#fffdfa; text-shadow:0 1px 8px #4b342d99; }
.fw-art-label { position:absolute; left:18px; bottom:16px; font-size:9px; letter-spacing:.16em; font-weight:700; color:#fff7f0; background:#3e333477; padding:8px 11px; }
.fw-art-photo .fw-art-label { left:0; bottom:0; max-width:100%; font-size:8px; letter-spacing:.1em; background:#fff9f2ed; color:#65534e; padding:8px 10px; }
.fw-art-hoodie .fw-art-label { background:#fff8f0e8; color:#6c5151; }
.fw-card-body { padding:23px 17px 26px; flex:1; display:flex; align-items:flex-start; flex-direction:column; }
.fw-kicker { font-size:10px; letter-spacing:.19em; font-weight:700; color:#b27c84; }
.fw-card h3 { font:clamp(25px,2.5vw,33px)/1.08 var(--serif); letter-spacing:-.04em; margin:11px 0; }
.fw-card p { font-size:13px; line-height:1.8; color:#806d6a; flex:1; margin-bottom:25px; }
.fw-card .button { margin-top:auto; font-size:10px; width:100%; padding-inline:11px; }
.fw-card small { color:#95807b; font-size:10px; line-height:1.65; padding-top:13px; }
.fw-note { background:#f1e2db; padding:87px 0; }
.fw-note-wrap { display:grid; grid-template-columns:38% minmax(0,1fr); gap:8%; align-items:center; }
.fw-note-tile { min-height:370px; background:linear-gradient(155deg,#654a45,#aa7f78); color:#fffbf3; padding:45px; display:flex; flex-direction:column; justify-content:space-between; font:italic 59px/1.04 var(--serif); letter-spacing:-.06em; box-shadow:16px 16px 0 #e1c9c1; }
.fw-note-tile small { font:700 10px var(--sans); letter-spacing:.2em; }
.fw-note-copy h2 { margin:11px 0 22px; }
.fw-note-copy p,.fw-note-copy li { color:#75645f; font-size:14px; line-height:1.9; }
.fw-note-copy ul { padding-left:19px; }
.fw-note-copy .button { margin-top:14px; }
.fw-coming { padding-top:99px; padding-bottom:110px; text-align:center; }
.fw-coming .eyebrow { justify-content:center; }
.fw-coming p { max-width:590px; margin:19px auto 25px; font-size:14px; color:#806e69; line-height:1.85; }
.fw-coming-tags { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; margin:25px auto 40px; }
.fw-coming-tags span { border:1px solid #d9bcb5; color:#8b6567; font:700 10px var(--sans); letter-spacing:.13em; padding:12px 18px; border-radius:99px; }
@media(max-width:950px){.fw-hero{grid-template-columns:1fr}.fw-hero-visual{min-height:450px}.fw-hero-copy{padding:70px 7% 48px}.fw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fw-note-wrap{grid-template-columns:1fr;gap:45px}}
@media(max-width:650px){.fw-hero h1{font-size:60px}.fw-hero-copy{padding:47px 7% 35px}.fw-hero-visual{min-height:390px}.fw-hero-sticker{width:115px;height:115px;font-size:28px}.fw-stripe{font-size:9px;flex-wrap:wrap}.fw-intro{padding-top:76px}.fw-grid{grid-template-columns:1fr;padding-bottom:80px}.fw-art{min-height:350px}.fw-note{padding:64px 0}.fw-note-tile{min-height:260px;font-size:50px;padding:30px}.fw-coming{padding-top:80px;padding-bottom:85px}}
