:root{--bg:#141413;--cream:#eee9de;--lime:#e9a4b1;--muted:#9f9d94}html{scroll-padding-top:22px}body{background:var(--bg)}.release-strip{display:flex;justify-content:space-between;padding:10px 4%;border-bottom:1px solid #ffffff1c;font:9px monospace;letter-spacing:1.1px;color:#b7b3aa}header{height:90px;padding:0 4%;border-bottom:0}.brand{width:145px}.bag-button span{background:transparent;border:1px solid #a39e91;color:var(--cream);border-radius:0}nav{font-size:10px}.campaign{position:relative;display:grid;grid-template-columns:1.1fr 1fr;margin:15px 4% 0;min-height:630px;background:#252720;overflow:hidden}.campaign-photo{grid-column:2;grid-row:1;position:relative;min-height:630px}.campaign-photo>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 44%}.campaign-copy{grid-column:1;grid-row:1;position:relative;padding:52px 10% 72px;align-self:center}.edition{font:10px monospace;letter-spacing:1.5px}.campaign h1{font-size:clamp(90px,10.5vw,160px);line-height:.79;margin:35px 0 32px;letter-spacing:-2px}.campaign h1 em{color:#e9a4b1}.campaign-copy>p{font-size:13px;line-height:1.9;color:#cac8bd;margin-bottom:28px}.campaign-link{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:16px 0;border-bottom:1px solid #b7b3a3;font-size:11px;letter-spacing:1px;max-width:290px}.campaign-link span{font-size:24px;transition:transform .2s}.campaign-link:hover span{transform:translate(3px,-3px)}.release-note{display:flex;gap:10px;align-items:flex-start;font:9px monospace;letter-spacing:1px;line-height:1.8;margin-top:25px}.release-dot{width:6px;height:6px;background:#e9a4b1;flex:none;margin-top:5px}.release-note small{font:10px Inter,Arial,sans-serif;color:#a3a398;letter-spacing:0}.campaign-caption{grid-column:1/-1;display:flex;justify-content:space-between;background:#e5dfd0;color:#33332b;padding:12px 18px;font:9px monospace;letter-spacing:1px}.photo-coordinate{position:absolute;top:20px;right:20px;font:9px monospace;letter-spacing:1px;background:#141413b0;padding:8px}.intro{padding:80px 4% 25px}.intro h2{font-size:clamp(42px,5vw,68px);line-height:1;margin:12px 0 0;letter-spacing:-.5px}.eyebrow{font:10px monospace;letter-spacing:1px}.rail-top{padding-left:4%;padding-right:4%;border-top:0}.filters{gap:20px}.filters button{padding:10px 0;border:0;border-radius:0;border-bottom:1px solid transparent;background:transparent;color:#a5a396}.filters button.active{background:transparent;color:var(--cream);border-color:var(--cream)}.showroom{background:radial-gradient(ellipse at 50% 8%,#414236,#27291f 48%,#191c16 95%);border-top:1px solid #525348;border-bottom:1px solid #ffffff12}.rail-arrow{border-radius:0}.room-caption{color:#aaa99c}.selected-product span:last-child{color:#e9a4b1}.bottom-bar{padding-left:4%;padding-right:4%}.drop-note span{color:#e9a4b1}.contact-sheet#story{display:block;max-width:none;margin:90px 4%;padding:0}.editorial-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.editorial-heading h2{font-size:clamp(42px,5vw,68px);margin:13px 0 0;line-height:1}.editorial-heading p{font-size:12px;line-height:1.8;color:#a9a69c}.frames{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.frame{background:transparent;color:var(--cream);text-align:left;border:0;padding:0;min-width:0}.frame-photo{aspect-ratio:3/4;overflow:hidden;background:#24261f}.frame-photo img{width:100%;height:100%;object-fit:cover;object-position:center 38%;transition:transform .55s}.frame:hover img{transform:scale(1.025)}.frame-label{display:flex;justify-content:space-between;gap:8px;padding-top:16px;font:10px monospace;letter-spacing:.5px}.frame-label b{font-weight:400}.frame-label>span{color:#c69da6}.frame p{font-size:11px;line-height:1.6;color:#a29e94;margin-top:10px}.closing{border-top:1px solid #ffffff25;margin:0 4%;padding:60px 0 70px;position:relative}.closing h2{font-size:clamp(65px,10vw,140px);line-height:.86;margin:24px 0 30px;letter-spacing:-1px}.closing>p{font-size:10px;line-height:1.8;color:#9e9b93}.closing .campaign-link{max-width:330px}.closing:after{content:'001';position:absolute;right:0;top:50px;font:clamp(100px,23vw,330px) 'Barlow Condensed',Impact,sans-serif;color:#ffffff06;pointer-events:none}footer{margin:0;padding:25px 4%;border-top:1px solid #ffffff25}dialog{background:#20221b;border:1px solid #656457}dialog .close{background:#20221b}.product-info h2{line-height:1.05}.cta{background:#e9a4b1;color:#1b1616}.small{color:#b2afa3}#toast{background:#e9a4b1}.spin-tools b{color:#e9a4b1}
@media(max-width:700px){.release-strip{font-size:7px;padding:9px 5%;letter-spacing:.5px}.release-strip span:first-child{max-width:210px}header{height:75px;padding:0 5%}.brand{width:115px}nav{gap:15px;font-size:8px}.bag-button{font-size:9px}.bag-button span{margin-left:5px;width:22px;height:22px}.campaign{margin:8px 5% 0;display:block;min-height:0}.campaign-photo{position:absolute;inset:0;min-height:0}.campaign-photo>img{object-position:55% 38%;opacity:.73}.campaign-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111610d9,#11161010 95%),linear-gradient(0deg,#111610cf,transparent 65%)}.campaign-copy{padding:35px 24px 32px;min-height:490px}.edition{font-size:8px;letter-spacing:1px}.campaign h1{font-size:clamp(76px,22vw,115px);margin:38px 0 24px;letter-spacing:-1px}.campaign-copy>p{font-size:11px;color:#e0ddd1;line-height:1.8}.campaign-link{max-width:255px;font-size:9px;padding:10px 0}.release-note{margin-top:22px;font-size:8px}.release-note small{font-size:9px;color:#c4c2b9}.campaign-caption{position:relative;font-size:7px;padding:11px 12px;gap:8px}.campaign-caption span:nth-child(2){display:none}.photo-coordinate{display:none}.intro{padding:48px 5% 15px}.intro h2{font-size:42px}.rail-top{padding:12px 5% 17px}.filters{gap:18px}.filters button{padding:7px 0;font-size:10px}.instruction{max-width:110px}.instruction:after{font-size:7px}.bottom-bar{padding:22px 5%}.contact-sheet#story{margin:55px 5%}.editorial-heading{display:block;margin-bottom:23px}.editorial-heading h2{font-size:42px}.editorial-heading p{font-size:11px;margin-top:17px}.frames{grid-template-columns:1fr 1fr;gap:25px 14px}.frame:first-child{grid-column:1/-1}.frame:first-child .frame-photo{aspect-ratio:4/3}.frame:first-child img{object-position:50% 49%}.frame-label{font-size:8px;flex-wrap:wrap;padding-top:12px}.frame p{font-size:10px}.closing{margin:0 5%;padding:40px 0 45px}.closing h2{font-size:76px}.closing:after{top:65px}footer{padding:20px 5%}footer span{font-size:7px}.photo-rail-controls{gap:8px}}
@media(prefers-reduced-motion:reduce){.frame-photo img,.campaign-link span{transition:none}}
/* After Hours: warm dusk, electric signage, cool evening shadows. */
:root{--bg:#100e1c;--cream:#fff1e5;--lime:#6ce6de;--muted:#b5a7bb}body{background:#100e1c}.release-strip{background:#21142b;color:#f5bcc6;border-color:#fa86bd38}header{background:#100e1c}.campaign{background:linear-gradient(145deg,#352343,#733c58 62%,#cc776d)}.campaign-copy{z-index:1}.campaign h1 em{color:#ff9cbb;text-shadow:3px 3px 0 #b1426e}.edition{color:#9df2e9}.campaign-copy>p{color:#ffddd3}.campaign-link{border-color:#fb91b5;color:#fff0e5}.campaign-link span{color:#79e6dc}.campaign-caption{background:#efb0aa;color:#301c39}.release-dot{background:#78e7de}.release-note small{color:#f8d5db}.photo-coordinate{color:#a1f2e9;background:#241333c9}.campaign-photo:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,#612b7045,transparent 65%);box-shadow:inset 0 0 0 1px #ff9db533}.intro .eyebrow,.editorial-heading .eyebrow{color:#7bddda}.intro h2,.editorial-heading h2{color:#fff0e3}.drop-note span,.selected-product span:last-child{color:#91eee1}.showroom{background:radial-gradient(ellipse at 7% 0%,#a94d7044,transparent 50%),radial-gradient(ellipse at 94% 16%,#238c9233,transparent 55%),linear-gradient(#30263b,#181b2b);border-color:#986b8d55}.filters button.active{color:#8eece4;border-color:#8eece4}.filters button{color:#b6a7bb}.room-caption{color:#bbafc7}.bottom-bar{border-color:#b4789b3b}.bottom-bar a,.frame-label>span{color:#ff9fbc}.bottom-bar span{color:#e9cfdc}.frame-photo{background:#262036}.frame-label{color:#f5dfd8}.frame p,.editorial-heading p{color:#beaec2}.closing{border-color:#95608455}.closing h2{color:#ff9cbb}.closing>p{color:#c7b4cb}.closing:after{color:#ed8dbb0c}footer{border-color:#95608455}dialog{background:#211b2f;border-color:#89627f}dialog .close{background:#211b2f}#productVisual{background:radial-gradient(ellipse at 20% 15%,#68415a,#292438 70%)}.cta,#toast{background:#80e5dc;color:#14252d}.spin-tools b,#productPrice{color:#83e8df}.spin-tools button{background:#34243c}.rail-arrow{background:#261d35a0;border-color:#f2a4bf55}.rail-arrow:hover{background:#7ce5dc}.small{color:#bbafc4}.product-info #sizes button{border-color:#856e8c}.bag-button span{border-color:#82d9d4}.frame:hover .frame-label{color:#8eece4}
@media(max-width:700px){.campaign-photo>img{opacity:.8}.campaign-photo:after{background:linear-gradient(90deg,#25132be8,#28142b20 95%),linear-gradient(0deg,#3c1c42ce,transparent 65%)}.release-note small{color:#f8d5db}}
.limited-drop{margin:75px 4% 90px;padding-top:32px;border-top:1px solid #e89cb64d;scroll-margin-top:24px}.limited-art{position:relative;height:510px;overflow:hidden;background:#3b2849}.limited-art>img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.limited-art-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:16px 22px;background:linear-gradient(transparent,#171526cc);font:10px monospace;letter-spacing:1px;color:#fff0e9}.limited-heading{display:flex;align-items:end;justify-content:space-between;padding:36px 0 24px}.limited-heading .eyebrow{color:#8cece0}.limited-heading h2{font-size:clamp(60px,8vw,110px);line-height:.9;letter-spacing:-1px;margin:16px 0 0;color:#f3a0b8}.limited-heading p{font-size:12px;line-height:1.8;color:#c6b7cc}.limited-products{display:grid;grid-template-columns:1fr 1fr;gap:24px}.limited-piece{color:var(--cream);background:transparent;border:0;text-align:left;padding:0}.limited-product-photo{height:450px;background:radial-gradient(ellipse at 15% 0%,#8f42664a,transparent 65%),linear-gradient(135deg,#30263b,#1b2535);display:grid;place-items:center;overflow:hidden;border:1px solid #b38ba12e}.limited-product-photo img{height:100%;max-width:100%;object-fit:contain;transition:transform .4s}.limited-piece:hover img{transform:scale(1.025)}.limited-product-caption{display:flex;justify-content:space-between;gap:12px;padding:18px 0;font-size:12px}.limited-product-caption b{font-size:15px;font-weight:500}.limited-product-caption small{display:block;margin-top:10px;font:8px monospace;letter-spacing:1px;color:#ae9eb7}.limited-product-caption>span:last-child{color:#8cece0;white-space:nowrap}.limited-preview{font-size:10px;color:#b3a0bc;margin:20px 0 0}@media(max-width:700px){header nav{gap:10px;font-size:7px}.limited-drop{margin:50px 5%}.limited-art{height:310px}.limited-art-caption{font-size:7px;padding:14px}.limited-heading{display:block;padding-top:27px}.limited-heading h2{font-size:68px}.limited-heading p{font-size:11px}.limited-products{gap:20px;grid-template-columns:1fr}.limited-product-photo{height:400px}.limited-product-caption b{font-size:14px}}@media(prefers-reduced-motion:reduce){.limited-product-photo img{transition:none}}
/* Keep the complete hanger and garment inside each fixed-height preview. */
.limited-product-photo{position:relative;min-height:0}
.limited-product-photo img{position:absolute;inset:0;width:100%;height:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain}

main>.limited-drop:first-child{margin-top:18px;padding-top:0;border-top:0}

/* Composited rail layers keep bitmap painting out of the animation loop. */
.rail-views{position:absolute;inset:0;display:block;isolation:isolate;transform:skewX(var(--hem-lag,0deg));transform-origin:50% 7.29167%;pointer-events:none}
.turn-object .rail-pose{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;transform-origin:50% 7.29167%;mix-blend-mode:plus-lighter;will-change:transform,opacity;backface-visibility:hidden}
@media(min-width:701px){#garments>.piece,#garments>.piece:hover,#garments>.piece.selected,#garments>.piece:focus-visible{flex:1 1 0;transition:none;min-width:0}.turn-object{pointer-events:none;will-change:transform}}
/* A static neon perimeter with small composited light animations. */
.limited-drop,main>.limited-drop:first-child{position:relative;border:1px solid #f39db9;padding:26px;margin-top:28px;box-shadow:-4px 0 15px #ef80b721,4px 0 15px #6de5db24,inset 0 0 15px #9b91df09}
.limited-drop:before{content:'';position:absolute;inset:-1px;border:1px solid #75e3df;box-shadow:0 0 13px #74e4e23d;pointer-events:none;opacity:.25;animation:limited-breathe 4.8s ease-in-out infinite}
.limited-drop:after{content:'';position:absolute;top:-2px;left:30%;width:18%;height:3px;background:linear-gradient(90deg,transparent,#b5fff1,#f2a6c7,transparent);box-shadow:0 0 12px #81eddd88;pointer-events:none;animation:limited-travel 7s ease-in-out infinite;will-change:transform,opacity}
.limited-outline-label{position:absolute;top:-12px;left:24px;padding:5px 12px;background:#100e1c;color:#ffb8d3;font:11px monospace;letter-spacing:2px;z-index:2;text-shadow:0 0 12px #ff80b066;white-space:nowrap}
.limited-outline-label>span{color:#83e8df;padding:0 8px}
@keyframes limited-breathe{0%,100%{opacity:.15}50%{opacity:.7}}
@keyframes limited-travel{0%,100%{transform:translateX(0);opacity:.25}50%{transform:translateX(230%);opacity:1}}
@media(max-width:700px){.limited-drop,main>.limited-drop:first-child{padding:16px;margin-top:24px}.limited-outline-label{left:12px;font-size:8px;letter-spacing:1.3px;padding:6px 9px}.limited-outline-label>span{padding:0 4px}}
@media(prefers-reduced-motion:reduce){.limited-drop:before,.limited-drop:after{animation:none}.limited-drop:before{opacity:.4}}

.limited-product-photo img:not([src]){opacity:0}

/* Offshore — an original Miami coastal motion campaign. */
.coast-scene{height:clamp(390px,43vw,640px);background:#157d83;isolation:isolate}
.coast-scene>.coast-water{position:absolute;inset:-2%;width:104%;height:104%;max-width:none;object-fit:cover;object-position:left center;animation:coast-drift 26s ease-in-out infinite alternate;will-change:transform}
#yachtScene{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.coast-title{position:absolute;left:5%;top:9%;color:#fff6df;text-shadow:0 2px 18px #15494d55;pointer-events:none}
.coast-title>span,.coast-title>small{display:block;font:9px monospace;letter-spacing:2px}
.coast-title>strong{display:block;font:clamp(50px,7vw,105px)/1.1 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;margin:10px 0 12px}
.coast-pause{position:absolute;right:20px;bottom:58px;display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #fffa;background:#103e4966;color:#fff6e9;font:10px monospace;letter-spacing:1px;cursor:pointer}
.coast-pause:hover{background:#103e49bb}.coast-pause:focus-visible{outline:2px solid #f8b2d0;outline-offset:4px}
.coast-scene .limited-art-caption{z-index:1;pointer-events:none;padding-top:35px}
.coast-still>.coast-water{animation-play-state:paused}
@keyframes coast-drift{from{transform:translateX(-.4%) scale(1)}to{transform:translateX(.4%) scale(1.012)}}
@media(max-width:700px){.coast-scene{height:390px}.coast-title{top:7%;left:6%}.coast-title>span,.coast-title>small{font-size:7px;letter-spacing:1.4px}.coast-title>strong{font-size:58px}.coast-pause{right:14px;bottom:50px;font-size:9px;padding:9px}.coast-scene>.coast-water{object-position:15% center}}
@media(prefers-reduced-motion:reduce){.coast-scene>.coast-water{animation:none}}

/* Head-only Nightshift artwork keeps its transparent silhouette and complete hair. */
.frame[data-character="1"] .frame-photo{background:radial-gradient(ellipse at 50% 45%,#30303b,#181522 75%)}
.frame[data-character="1"] .frame-photo img{object-fit:contain;object-position:center;padding:6%;box-sizing:border-box}

/* Night Swim / editorial campaign: quiet framing, natural colour, photographic scale. */
.limited-drop,main>.limited-drop:first-child{padding:18px;border-color:#c3adb14d;box-shadow:0 0 24px #87c8cb0a;scroll-margin-top:30px}
.limited-drop:before{border-color:#a2cccc65;box-shadow:0 0 14px #86cbd318;animation:limited-editorial-glow 9s ease-in-out infinite}
.limited-drop:after{height:1px;top:-1px;opacity:.3;box-shadow:none;animation-duration:18s}
.limited-outline-label{color:#d5c8c8;font-size:9px;letter-spacing:2.2px;text-shadow:none;top:-11px}
.coast-editorial{height:auto;aspect-ratio:1.78;max-height:760px;min-height:430px;background:#111b25}
.coast-editorial>.coast-water{inset:0;width:100%;height:100%;object-position:50% 52%;transform:none;animation:none;will-change:auto}
.coast-editorial #yachtScene{opacity:0;transition:opacity .8s ease}
.coast-editorial.has-coast-motion #yachtScene{opacity:1}
.coast-editorial:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#12192414,transparent 45%,#080f1a38 76%,#080f1ac7)}
.coast-edition{position:absolute;left:30px;right:30px;top:24px;z-index:1;display:flex;justify-content:space-between;color:#eee6db;font:9px monospace;letter-spacing:1.8px;text-shadow:0 1px 12px #0005}
.coast-editorial .coast-title{z-index:1;left:32px;top:auto;bottom:65px;text-shadow:none;color:#f3eee5}
.coast-editorial .coast-title>span{font-size:8px;letter-spacing:2.4px;color:#d2d9d8}
.coast-editorial .coast-title>strong{font:400 clamp(32px,4.2vw,66px)/1.05 Georgia,'Times New Roman',serif;letter-spacing:-1.6px;margin:12px 0}
.coast-editorial .coast-title>small{font-size:8px;letter-spacing:1.7px;color:#c4d0d2}
.coast-editorial .limited-art-caption{z-index:1;pointer-events:auto;background:none;padding:18px 30px;border-top:1px solid #ffffff24;font:8px monospace;letter-spacing:1.5px;color:#c3ccce}
.coast-editorial .limited-art-caption a{color:#eee8df;display:flex;gap:20px;align-items:center;text-decoration:none}
.coast-editorial .limited-art-caption a:hover{color:#eab6bd}
.coast-editorial .limited-art-caption a:focus-visible{outline:1px solid #c5e4e3;outline-offset:5px}
.coast-editorial .coast-pause{z-index:2;bottom:72px;right:30px;border:1px solid #d6e2df55;background:#0a172a33;backdrop-filter:blur(8px);color:#e3e9e6;font-size:8px;letter-spacing:1.3px;padding:10px 13px}
.coast-editorial .coast-pause:hover{background:#102537aa;border-color:#d6e2dfaa}
.limited-heading{padding:32px 10px 28px;gap:25px}.limited-heading .eyebrow{font-size:9px;letter-spacing:1.5px;color:#a8bfbd}
.limited-heading h2{font-size:clamp(48px,6vw,82px);font-weight:500;letter-spacing:.6px;color:#e6d3d2;margin-top:12px}
.limited-heading p{font-size:11px;color:#b2b4c0;line-height:1.85}
.limited-products{gap:26px}.limited-preview{padding:0 10px;color:#a6a5af}
#limitedPieces{scroll-margin-top:25px}
@keyframes limited-editorial-glow{0%,100%{opacity:.13}50%{opacity:.42}}
@media(max-width:700px){
 .limited-drop,main>.limited-drop:first-child{padding:10px;margin-left:4%;margin-right:4%}
 .limited-outline-label{left:12px;font-size:7px;letter-spacing:1.4px}
 .coast-editorial{min-height:520px;aspect-ratio:3/4;max-height:none}
 .coast-editorial>.coast-water{object-position:58% 52%}
 .coast-edition{left:18px;right:18px;top:18px;font-size:6px;letter-spacing:1px}
 .coast-edition>span:first-child{max-width:80px;line-height:1.5}
 .coast-editorial .coast-title{left:19px;bottom:86px}
 .coast-editorial .coast-title>span{font-size:7px;letter-spacing:1.5px}
 .coast-editorial .coast-title>strong{font-size:37px;letter-spacing:-1px}
 .coast-editorial .coast-title>small{font-size:7px}
 .coast-editorial .limited-art-caption{padding:16px 18px;letter-spacing:.6px;font-size:6px;gap:12px}
 .coast-editorial .limited-art-caption a{gap:8px}
 .coast-editorial .coast-pause{bottom:51px;right:18px;padding:7px 9px;font-size:6px}
 .limited-heading{padding:25px 8px 23px}.limited-heading h2{font-size:56px}
 .limited-heading .eyebrow{font-size:7px;letter-spacing:1px}.limited-heading p{font-size:10px;margin-top:16px}
 .limited-products{gap:24px}
}
@media(prefers-reduced-motion:reduce){.limited-drop:before,.limited-drop:after{animation:none}.coast-editorial #yachtScene{transition:none}}

/* Unified condensed campaign lettering and tactile shopping bag. */
.coast-editorial .coast-title>strong{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.4px;font-size:clamp(42px,5vw,76px)}
.bag-button{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #ad8b9d50;background:linear-gradient(135deg,#ffffff08,#e9a4b108);color:#f4e9e0;transition:border-color .25s,background .25s}
.bag-icon{width:23px;height:25px;stroke:currentColor;stroke-width:1.3;transition:transform .3s}.bag-button:hover{border-color:#8eece4;background:#8eece410}.bag-button:hover .bag-icon{transform:rotate(-7deg)}
.bag-button .bag-label{border:0;background:none;padding:0;font-size:10px;letter-spacing:1.5px}.bag-button #bagCount{display:grid;place-items:center;min-width:21px;height:21px;border:0;border-radius:50%;background:#93ddd31a;color:#9ae3df;font-size:10px}
@media(min-width:701px){.turn-object{translate:var(--rail-shift,0px) 0;transition:translate .72s cubic-bezier(.22,1,.36,1)}.frames{grid-template-columns:repeat(2,minmax(0,1fr))}.frame[data-character="1"]{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;background:#171421;border:1px solid #c2a0b32a;align-items:center}.frame[data-character="1"] .frame-photo{grid-row:1/3;aspect-ratio:1.3}.frame[data-character="1"] .frame-label{align-self:end;display:block;padding:0 12% 20px;font-size:12px;line-height:2}.frame[data-character="1"] .frame-label>span{display:block}.frame[data-character="1"] p{align-self:start;margin:0;padding:0 12%;font-size:15px}}
@media(max-width:700px){.bag-button{padding:9px;gap:7px}.bag-button .bag-label{display:none}.coast-editorial .coast-title>strong{font-size:44px}.frame[data-character="1"]{border-top:1px solid #a78aa53b;padding-top:22px}.frame[data-character="1"] .frame-photo{aspect-ratio:1}}
@media(prefers-reduced-motion:reduce){.turn-object{transition:none}}

#colors{display:flex;gap:12px;margin:14px 0 26px}.color-swatch{width:34px;height:34px;border-radius:50%;border:3px solid #211b2f;background:var(--swatch);outline:1px solid #ffffff35;cursor:pointer;transition:transform .2s,outline-color .2s}.color-swatch:hover{transform:translateY(-3px)}.color-swatch.active{outline:2px solid #8eece4}.color-swatch:focus-visible{outline:3px solid #f3a0b8}#colorName{color:#8eece4}

.static-product-photo{width:100%;aspect-ratio:2/3;display:grid;place-items:center}.static-product-photo img{display:block;width:100%;height:100%;object-fit:contain}
/* Vice City light: contained behind the wordmark, clean around the capsule. */
header .brand{position:relative;isolation:isolate;overflow:visible}
header .brand:before{content:'';position:absolute;z-index:-1;inset:16% -8%;background:radial-gradient(ellipse at 24% 50%,#ef78b955,transparent 65%),radial-gradient(ellipse at 78% 50%,#67dfdf55,transparent 65%);filter:blur(14px);pointer-events:none}
header .brand img{position:relative;filter:drop-shadow(-3px 0 9px #ed78b926) drop-shadow(3px 0 9px #67dfdf26)}
.limited-drop,main>.limited-drop:first-child{border:1px solid #bda0bc65;box-shadow:-7px 0 22px -15px #ee83be99,7px 0 22px -15px #71dedb99;background:transparent}
.limited-drop:before{inset:-1px;border:1px solid transparent;background:none;box-shadow:-5px 0 18px -10px #ef89be70,5px 0 18px -10px #7be0da70;opacity:.55;animation:limited-soft-light 8s ease-in-out infinite}
.limited-drop:after{display:none}
.limited-outline-label{color:#e7c8dc;text-shadow:none;background:#100e1c}
@keyframes limited-soft-light{0%,100%{opacity:.35}50%{opacity:.7}}
@media(prefers-reduced-motion:reduce){.limited-drop:before{animation:none;opacity:.5}}
/* A soft light travels continuously around the capsule perimeter. */
@property --capsule-light-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.limited-drop:before{inset:-1px;padding:1px;border:0;border-radius:0;background:conic-gradient(from var(--capsule-light-angle),transparent 0deg,transparent 270deg,#78deda18 292deg,#9eece8b3 321deg,#e3b5dfb3 340deg,#ef97c43d 352deg,transparent 360deg);box-shadow:none;opacity:.85;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;animation:capsule-running-light 22s linear infinite;pointer-events:none}
@keyframes capsule-running-light{to{--capsule-light-angle:360deg}}
@media(prefers-reduced-motion:reduce){.limited-drop:before{animation:none;--capsule-light-angle:120deg}}
/* Constrain the coastal campaign to the capsule's content box on phones. */
.frame[data-character="1"] .frame-photo img{object-fit:cover;object-position:center 58%;padding:0}
.static-product-photo{position:relative;min-height:0;flex:1;aspect-ratio:auto}
.static-product-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.product-view-tabs{display:flex;justify-content:center;gap:8px;padding:10px;flex-shrink:0}
.product-view-tabs button{font-size:9px;letter-spacing:1.3px;color:#b8b4c2;background:transparent;border:1px solid #ffffff30;padding:9px 14px}
.product-view-tabs button[aria-pressed="true"]{color:#f3eee4;border-color:#93ddd3;background:#93ddd314}
.product-view-tabs button:focus-visible{outline:2px solid #93ddd3;outline-offset:3px}
.coast-editorial{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
@media(max-width:700px){
 .limited-drop,main>.limited-drop:first-child{box-sizing:border-box;min-width:0;max-width:92%;width:92%;margin-left:4%;margin-right:4%}
 .coast-editorial{aspect-ratio:auto;height:clamp(480px,135vw,620px);min-height:0;max-height:none;min-width:0;width:100%;max-width:100%;overflow:hidden}
 .coast-editorial>.coast-water,.coast-editorial #yachtScene{inset:0;width:100%;height:100%;max-width:100%;min-width:0;box-sizing:border-box}
 .coast-editorial .limited-art-caption{min-width:0;box-sizing:border-box;gap:8px}
 .coast-editorial .limited-art-caption a{min-width:0;gap:5px}
}

/* Porsche editorial: retain the complete image on narrow screens. */
#coastScene{aspect-ratio:3/2;min-height:0;max-height:none}
#coastScene>.coast-water{object-fit:contain;object-position:center;animation:none}
@media(max-width:700px){
 #coastScene{aspect-ratio:auto;padding-top:66.6667%;padding-bottom:142px;background:#10111e}
 #coastScene>.coast-water{height:auto;aspect-ratio:3/2;object-fit:contain}
 #coastScene:after{display:none}
 #coastScene .coast-title{bottom:53px;left:18px}
 #coastScene .coast-title>strong{font-size:28px;margin:8px 0}
 #coastScene .coast-edition{top:12px}
}