@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#161713;--paper:#fff;--lime:#c1ff00;--pink:#ff2882;--line:#d9d9d3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #fa0080;outline-offset:5px}.skip{position:fixed;top:-60px;left:20px;background:white;color:black;z-index:100;padding:15px}.skip:focus{top:10px}.header{height:76px;position:absolute;top:0;left:0;width:100%;z-index:5;color:white;padding:0 2.8%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff38}.menu-button{display:flex;align-items:center;gap:12px;border:0;color:inherit;background:none;font-size:14px;padding:12px 0}.bars{width:21px;height:9px;border-top:1px solid;border-bottom:1px solid}.small-brand{font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px;font-weight:800;letter-spacing:-.04em;position:absolute;left:50%;transform:translateX(-50%)}.small-brand span{font-family:Arial;font-size:11px;vertical-align:top;display:inline-block;margin:5px 0 0 3px}.header-collection{font-size:14px}.hero{min-height:760px;height:100svh;max-height:1250px;position:relative;background:#76a600;color:white;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-image{object-position:58% 50%}.hero-shade{background:linear-gradient(90deg,#10190088 0%,#10200028 46%,transparent 68%),linear-gradient(0deg,#11160077,transparent 25%)}.hero-meta{position:absolute;top:106px;left:2.8%;right:2.8%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.07em}.hero-copy{position:absolute;left:7%;top:24%;}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.08em}.hero h1{font-size:clamp(74px,8.7vw,152px);line-height:.88;letter-spacing:-.072em;font-weight:600;margin:27px 0 35px}.hero h1 span{font-style:italic}.outline-link{display:inline-block;font-size:14px;border:1px solid currentColor;padding:14px 24px;transition:background .2s,color .2s}.outline-link:hover{background:white;color:var(--ink)}.hero-bottom{position:absolute;left:2.8%;right:2.8%;bottom:28px;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.07em}.tape{background:var(--lime);display:flex;justify-content:space-around;align-items:center;gap:20px;padding:17px 3%;font-size:12px;letter-spacing:.08em}.tape span:nth-child(even){font-size:23px;line-height:1}.identity{padding:55px 3% 110px}.section-meta{font-size:12px;letter-spacing:.05em;display:flex;justify-content:space-between;gap:20px}.wordmark{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-weight:900;font-size:clamp(48px,18.05vw,330px);letter-spacing:-.025em;line-height:.9;white-space:nowrap;margin:45px 0 58px}.island-o{display:inline-flex;position:relative;vertical-align:baseline;width:.43em;height:.68em;background:currentColor;border-radius:44%;margin:0 .007em 0 .012em}.island-o>span{position:absolute;inset:29% 12%;background:var(--paper);mask:url('assets/isle-of-wight.svg') center/contain no-repeat;-webkit-mask:url('assets/isle-of-wight.svg') center/contain no-repeat}.star{font:normal .64em Arial;display:inline-block;vertical-align:top;color:var(--pink);margin-left:.06em;line-height:1}.identity-copy{display:grid;grid-template-columns:1.1fr 1fr;gap:15%;padding:0 4%}.identity-lead{font-size:clamp(34px,4.1vw,65px);line-height:1.02;letter-spacing:-.055em;margin:0}.identity-copy>div{max-width:440px}.identity-copy>div p{font-size:17px;line-height:1.65;margin:0 0 18px}.text-link{display:inline-block;margin-top:10px;border-bottom:1px solid;padding-bottom:6px;font-size:14px}.campaign{position:relative;height:800px;min-height:600px;max-height:95svh;overflow:hidden;background:#dc075c;color:white}.campaign>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:50%}.campaign:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#7b002957,transparent 60%);pointer-events:none}.campaign-top{position:absolute;z-index:1;top:30px;left:3%;right:3%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.06em}.campaign-copy{position:absolute;z-index:1;top:24%;left:6%}.campaign h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:clamp(65px,9.3vw,155px);line-height:.86;letter-spacing:-.025em;margin:24px 0 34px}.campaign h2 span{font-size:.64em}.campaign-foot{position:absolute;bottom:28px;right:3%;z-index:1;font-size:12px;letter-spacing:.08em}.collection{padding:70px 3% 90px}.collection-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:55px 0 50px}.collection-intro h2{font-size:clamp(34px,4vw,65px);line-height:1.04;letter-spacing:-.055em;font-weight:500;margin:0}.collection-intro p{font-size:16px;line-height:1.6;max-width:355px;margin:0}.colour-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.colour{position:relative;border:0;background:none;padding:0 0 13px;color:inherit;text-align:left;border-bottom:1px solid #d5d5ce;font-size:14px}.colour.active{border-bottom:2px solid}.colour-block{height:180px;display:block;margin-bottom:17px;position:relative;overflow:hidden;transition:height .2s}.colour:hover .colour-block{filter:brightness(1.08)}.colour-block i{position:absolute;left:15px;bottom:10px;font-family:'Barlow Condensed',Impact,sans-serif;font-style:normal;font-size:65px;line-height:1;color:#fff8}.charcoal{background:#343637}.navy{background:#243b50}.rose{background:#bc808b}.yellow{background:#edd278}.yellow i{color:#1117}.colour-plus{float:right;font-size:19px;line-height:1}.colour-detail{padding:25px 0;display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:30px;align-items:start}.colour-detail>span{font-size:11px;letter-spacing:.05em}.colour-detail>span:last-child{text-align:right}.colour-detail p{font-size:15px;line-height:1.6;margin:0}.island-notes{background:#f3f3ed;padding:90px 6%;display:grid;grid-template-columns:1fr 1fr;gap:10%}.notes-title h2{font-weight:500;font-size:clamp(34px,4vw,62px);letter-spacing:-.055em;line-height:1.07;margin:28px 0}.notes-title p{font-size:16px;line-height:1.6}.notes-title img{width:125px;margin-top:30px;transform:rotate(-8deg)}details{border-top:1px solid #acafa5;padding:25px 0}.notes details:last-child{border-bottom:1px solid #acafa5}summary{display:flex;align-items:center;gap:23px;list-style:none;cursor:pointer;font-size:26px;letter-spacing:-.04em}summary::-webkit-details-marker{display:none}summary>span:first-child{font-size:12px;letter-spacing:0}.sign{margin-left:auto}.sign:before{content:'+';font-size:25px}details[open] .sign:before{content:'−'}details p{font-size:16px;line-height:1.7;margin:27px 35px 22px 39px}.note-location{display:block;font-size:11px;letter-spacing:.05em;margin-left:39px}.end-card{background:var(--lime);text-align:center;padding:100px 3%}.end-card h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(38px,6vw,98px);letter-spacing:-.02em;line-height:1.02;margin:30px 0 37px}.end-card h2>span{font-style:italic}.end-card .outline-link:hover{background:var(--ink);color:var(--lime)}footer{--paper:var(--ink);background:var(--ink);color:white;padding:42px 3% 25px}.footer-row,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:11px;letter-spacing:.04em}.footer-row nav{display:flex;gap:25px;font-size:14px;letter-spacing:0}.footer-row>p{margin:0}.footer-row>span{color:var(--lime)}footer .wordmark{margin:55px 0}.footer-bottom{border-top:1px solid #ffffff40;padding-top:22px;color:#b5b7ad}dialog{border:0;background:var(--lime);color:var(--ink);width:min(850px,100%);max-width:100%;max-height:100svh;margin:0 auto 0 0;height:100svh;padding:35px 5%;}dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}.menu-top{display:flex;justify-content:space-between;font-size:16px}.close-menu{border:0;background:none;font-size:14px}.close-menu span{font-size:25px;vertical-align:middle;margin-left:8px}dialog nav{display:flex;flex-direction:column;margin:90px 0 60px}dialog nav a{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(38px,5vw,72px);font-weight:700;line-height:1.5;border-bottom:1px solid #15151560}dialog nav a>span{font:12px 'DM Sans',sans-serif;display:inline-block;width:30px;vertical-align:middle}dialog>p{font-size:12px;letter-spacing:.08em}body.menu-open{overflow:hidden}@media(min-width:1800px){.hero-copy{top:26%}.hero h1{font-size:170px}.wordmark{font-size:18.1vw}}@media(max-width:750px){.header{height:66px;padding:0 5%}.header-collection{display:none}.small-brand{left:auto;right:5%;transform:none;font-size:26px}.hero{min-height:710px;max-height:950px}.hero-image{object-position:57% center}.hero-shade{background:linear-gradient(90deg,#091800aa,#07160030),linear-gradient(0deg,#07140099,transparent 50%)}.hero-meta{top:92px;left:5%;right:5%;font-size:10px}.hero-meta span:last-child{display:none}.hero-copy{left:7%;top:28%}.hero h1{font-size:clamp(82px,18vw,128px)}.hero-bottom{font-size:10px;left:5%;right:5%}.hero-bottom span:nth-child(2){display:none}.tape{justify-content:space-between;font-size:10px;gap:12px;padding:16px 5%}.tape span:nth-child(4),.tape span:nth-child(5){display:none}.identity{padding:37px 4% 65px}.section-meta{font-size:10px;line-height:1.5}.wordmark{font-size:17.5vw;margin:40px 0}.identity-copy{padding:0 2%;grid-template-columns:1fr;gap:30px}.identity-lead{font-size:42px}.identity-copy>div p{font-size:16px}.campaign{height:750px;max-height:none;min-height:0}.campaign>img{object-position:57%}.campaign:after{background:linear-gradient(0deg,#5b002acc,transparent 75%)}.campaign-copy{top:auto;bottom:62px;left:6%}.campaign h2{font-size:85px;line-height:.88}.campaign-top{left:5%;right:5%;font-size:10px}.campaign-foot{right:5%;font-size:10px}.collection{padding:50px 5%}.collection-intro{display:block;margin:35px 0}.collection-intro h2{font-size:42px}.collection-intro p{margin-top:25px;font-size:16px}.colour-list{grid-template-columns:1fr 1fr;gap:25px 15px}.colour-block{height:130px}.colour{font-size:13px}.colour-detail{display:block}.colour-detail p{margin:14px 0}.colour-detail>span:last-child{display:none}.island-notes{padding:60px 6%;grid-template-columns:1fr;gap:35px}.notes-title h2{font-size:42px}.notes-title img{width:90px;margin-top:15px}.notes details{padding:22px 0}summary{font-size:24px}.end-card{padding:75px 4%}.end-card h2{font-size:10vw}.footer-row{flex-wrap:wrap;gap:25px}.footer-row>span{display:none}.footer-row nav{font-size:13px;gap:23px}footer .wordmark{font-size:17.5vw;margin:40px 0}.footer-bottom{font-size:9px;align-items:start;line-height:1.5}.footer-bottom span:last-child{text-align:right}dialog{padding:30px 6%}dialog nav{margin-top:70px}dialog nav a{font-size:46px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}} 

/* Modelled garment views */
.campaign-photo[hidden]{display:none}.garment-views{position:absolute;z-index:3;right:3%;top:70px;display:flex;background:#fff;padding:4px;border-radius:40px;box-shadow:0 2px 16px #35001920}.garment-views button{border:0;border-radius:32px;background:transparent;color:#161713;min-width:76px;min-height:44px;padding:10px 20px;font-size:14px}.garment-views button[aria-pressed="true"]{background:#161713;color:#fff}.garment-views button:focus-visible{outline:3px solid #c1ff00;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:750px){.campaign{height:auto;max-height:none;min-height:0}.campaign>.campaign-photo{position:relative;inset:auto;width:100%;height:560px;max-height:72svh;object-fit:cover;object-position:56% center}.campaign:after{display:none}.campaign .campaign-copy{position:relative;top:auto;bottom:auto;left:auto;padding:30px 6% 60px;background:#d9095a}.campaign .campaign-copy h2{font-size:72px;margin-top:20px}.campaign .campaign-foot{bottom:20px}.garment-views{top:59px;right:5%}.garment-views button{min-width:65px;padding:8px 14px}.campaign-top{z-index:3;text-shadow:0 1px 8px #35001970}}

/* Exact supplied script mark, coloured as a neon sign. */
:root{--neon:#bdff36;--lime:var(--neon);--pink:var(--neon)}
.small-brand{display:flex;align-items:center;height:62px}.small-brand .script-logo{display:block;width:108px;height:56px;color:white}
.header-links{display:flex;align-items:center;gap:25px}.neon-jump{font-size:14px;display:flex;gap:8px;align-items:center}.neon-jump>span{color:var(--neon);font-size:23px;line-height:1;filter:drop-shadow(0 0 6px var(--neon))}
.neon-studio{background:#101210;color:white;padding:42px 5% 70px}.neon-studio-meta{display:flex;justify-content:space-between;gap:20px}.neon-studio-meta .eyebrow{margin:0;color:#b9bdb6}.neon-sign{padding:68px 0 45px;overflow:visible}.neon-script{display:block;width:min(560px,75vw);height:auto;margin:auto;color:var(--neon);filter:drop-shadow(0 0 2px var(--neon)) drop-shadow(0 0 9px var(--neon)) drop-shadow(0 0 34px var(--neon));transition:color 1.8s ease,filter 1.8s ease}.neon-controls{display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap}.neon-label{font-size:12px;letter-spacing:.07em;color:#b9bdb6}.neon-swatches{display:flex;gap:10px}.neon-swatches button{display:flex;align-items:center;gap:9px;min-height:44px;padding:9px 12px;border:1px solid #555c53;background:transparent;color:white;font-size:14px}.neon-swatches button>span{width:12px;height:12px;border-radius:50%;background:var(--swatch)}.neon-swatches button[aria-pressed="true"]{border-color:var(--swatch);box-shadow:0 0 10px color-mix(in srgb,var(--swatch) 22%,transparent);color:var(--swatch)}.neon-cycle{background:none;color:#d8ddd4;min-height:44px;border:0;border-bottom:1px solid #70796b;padding:8px 2px;font-size:14px}.neon-cycle[aria-pressed="true"]{color:var(--neon);border-color:var(--neon)}.neon-studio h2{font-size:clamp(32px,4vw,65px);margin-top:65px}.neon-studio .outline-link:hover{background:var(--neon);color:#161713}.tape,.end-card:not(.neon-studio),dialog{transition:background-color 1.8s ease}.star,.footer-row>span,.neon-jump>span{transition:color 1.8s ease}.neon-studio:target{scroll-margin-top:0}
@media(max-width:750px){.small-brand{left:50%;right:auto;transform:translateX(-50%)}.small-brand .script-logo{width:88px;height:48px}.neon-jump{font-size:12px;gap:5px}.neon-jump>span{font-size:18px}.header-links{gap:0}.neon-studio{padding:35px 5% 55px}.neon-studio-meta{display:block;text-align:center}.neon-studio-meta span:last-child{display:none}.neon-sign{padding:65px 0 45px}.neon-script{width:75vw}.neon-controls{gap:18px}.neon-label{width:100%}.neon-swatches{gap:6px;width:100%;justify-content:center}.neon-swatches button{padding:9px 8px;gap:6px;font-size:14px}.neon-studio h2{font-size:9vw;margin-top:45px}}

/* Hero lighting follows the shared neon controls. */
.hero-neon-layer{opacity:0;transition:opacity 1.8s ease;pointer-events:none}
.hero-neon-layer[data-hero-colour="green"]{opacity:1}
:root[data-hero-colour] .hero-neon-layer{opacity:0}
:root[data-hero-colour="green"] [data-hero-colour="green"],:root[data-hero-colour="pink"] [data-hero-colour="pink"],:root[data-hero-colour="blue"] [data-hero-colour="blue"],:root[data-hero-colour="violet"] [data-hero-colour="violet"]{opacity:1}
.hero-shade{background:linear-gradient(90deg,#080a1088 0%,#080a1028 46%,transparent 68%),linear-gradient(0deg,#080a1077,transparent 25%)}
.hero-neon-controls{position:absolute;right:3%;bottom:76px;display:flex;align-items:center;gap:14px;padding:10px 16px;background:#0c100cc9;border:1px solid #ffffff45;backdrop-filter:blur(12px);color:white}
.hero-neon-label{font-size:11px;letter-spacing:.06em}.hero-neon-options{display:flex;gap:3px}.hero-neon-options button{width:40px;height:44px;padding:8px;border:1px solid transparent;background:none;display:grid;place-items:center}.hero-neon-options button>span{display:block;width:17px;height:17px;border-radius:50%;background:var(--swatch);box-shadow:0 0 10px color-mix(in srgb,var(--swatch) 45%,transparent)}.hero-neon-options button[aria-pressed="true"]{border-color:var(--swatch)}.hero-cycle{font-size:12px;min-width:84px}.hero-neon-controls button:focus-visible{outline:2px solid white;outline-offset:2px}
@media(max-width:750px){.hero-copy{top:22%}.hero-neon-controls{right:5%;left:5%;bottom:59px;justify-content:space-between;gap:8px;padding:7px 10px}.hero-neon-label{display:none}.hero-neon-options button{width:38px}.hero-shade{background:linear-gradient(90deg,#080a10aa,#080a1030),linear-gradient(0deg,#080a1099,transparent 50%)}}
@media(prefers-reduced-motion:reduce){.hero-neon-layer{transition:none}}

.view-selected-garment{justify-self:end;font-size:14px;text-decoration:underline;text-underline-offset:5px}.campaign-foot{text-transform:uppercase}.campaign[aria-busy="true"] .campaign-foot{color:white}@media(max-width:750px){.view-selected-garment{display:inline-block;margin-top:8px}.campaign-foot{font-size:10px}}

/* The late-eighties shell jacket edit. */
.shell-edit{background:#291638;color:#fff;padding:38px 3% 60px;scroll-margin-top:0}
.shell-meta{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.07em;padding-bottom:30px;border-bottom:1px solid #ffffff35}
.shell-layout{display:grid;grid-template-columns:.85fr 1.3fr;gap:5%;align-items:center;padding-top:46px}
.shell-copy{padding:12px 0 0 5%}.shell-copy>.eyebrow{color:#d2ff59}.shell-copy h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(58px,6.7vw,110px);font-weight:800;line-height:.94;letter-spacing:-.025em;margin:26px 0}.shell-copy h2 em{color:#d2ff59;font-style:italic}
.shell-intro{font-size:clamp(18px,1.5vw,23px);line-height:1.4;max-width:430px;letter-spacing:-.02em}.shell-story{font-size:15px;line-height:1.7;max-width:425px;color:#d4cbd9}.shell-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}.shell-options button{display:flex;align-items:center;gap:10px;border:1px solid #ffffff55;padding:13px 12px;min-height:58px;background:transparent;color:#fff;text-align:left;font-size:13px}.shell-options button>span:last-child{margin-left:auto;font-size:10px;opacity:.65}.shell-options button[aria-pressed="true"]{background:#d2ff59;border-color:#d2ff59;color:#20132a}.shell-options button:hover{border-color:#d2ff59}.shell-options button:focus-visible{outline:2px solid white;outline-offset:4px}.shell-chip{flex:none;width:23px;height:23px;border-radius:50%;border:1px solid #ffffff55}.shell-chip.wave{background:linear-gradient(135deg,#713abd 33%,#e839aa 33% 66%,#24bfbd 66%)}.shell-chip.check{background:conic-gradient(#eee7d7 25%,#1b304f 0 50%,#eee7d7 0 75%,#1b304f 0);background-size:12px 12px}.shell-chip.piping{background:linear-gradient(100deg,#1b304f 42%,#eee7d7 42% 54%,#1b304f 54%)}.shell-chip.orchid{background:linear-gradient(135deg,#9752b8 50%,#ede8d7 50% 65%,#45c7bf 65%)}.shell-signoff{font-size:11px;letter-spacing:.12em;margin-top:30px;color:#d2ff59}
.shell-figure{margin:0;min-width:0}.shell-image-wrap{aspect-ratio:1.28;background:#908e87;display:grid;place-items:center;overflow:hidden}.shell-image-wrap img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.shell-figure figcaption{display:flex;justify-content:space-between;gap:25px;padding:23px 0 0}.shell-figure .eyebrow{font-size:9px;color:#c8bccf}.shell-figure h3{font-size:27px;font-weight:500;letter-spacing:-.035em;margin:10px 0 0}.shell-figure figcaption p{max-width:260px;font-size:14px;line-height:1.6;margin:0;color:#ded6e3}
@media(max-width:1000px){.shell-layout{grid-template-columns:1fr 1.2fr;gap:3%}.shell-copy{padding-left:0}.shell-options{grid-template-columns:1fr}.shell-figure figcaption{display:block}.shell-figure figcaption p{margin-top:15px;max-width:none}}
@media(max-width:750px){.shell-edit{padding:30px 5% 45px}.shell-meta{font-size:9px;line-height:1.5;gap:30px}.shell-meta>span:last-child{text-align:right}.shell-layout{grid-template-columns:1fr;gap:30px;padding-top:25px}.shell-copy h2{font-size:20vw;margin:22px 0}.shell-intro{font-size:21px}.shell-options{grid-template-columns:1fr 1fr}.shell-options button{font-size:12px;padding:12px 8px;gap:7px}.shell-chip{width:20px;height:20px}.shell-figure figcaption{display:flex;gap:20px}.shell-figure h3{font-size:24px}.shell-figure figcaption p{font-size:13px;max-width:45%;margin:0}.shell-signoff{margin-bottom:0}.footer-row nav{flex-wrap:wrap}}

/* Interactive clothes rail — paired front/back product photographs. */
.wardrobe{background:#f5f4ef;padding:42px 3% 24px;overflow:hidden;color:#20221e}.rail-heading{display:flex;justify-content:space-between;align-items:flex-end;padding:48px 3% 0;gap:30px}.rail-heading .eyebrow{font-size:10px;letter-spacing:.08em}.rail-heading h2{font-size:clamp(40px,5.5vw,84px);line-height:1.04;font-weight:500;letter-spacing:-.065em;margin:15px 0 0}.rail-heading>p{font-size:15px;line-height:1.7;margin:0}.rail-stage{position:relative;padding:45px 3% 0}.rail-metal{position:absolute;top:70px;left:3%;right:3%;height:8px;border-radius:20px;background:linear-gradient(#b4b7b2,#fefefe 32%,#b8b9b5 65%,#858983);box-shadow:0 2px 3px #17201712}.rail-metal:before,.rail-metal:after{content:'';position:absolute;width:12px;height:24px;top:-8px;border-radius:50%;background:linear-gradient(90deg,#999e95,#fdfdf8,#a7ada1);box-shadow:1px 1px 2px #17201722}.rail-metal:before{left:0}.rail-metal:after{right:0}.rail-track{display:flex;justify-content:center;align-items:flex-start;gap:1.5%;perspective:1400px;min-height:490px}.rail-piece{--piece-height:clamp(290px,31vw,475px);position:relative;background:transparent;border:0;color:inherit;padding:0;width:23%;min-width:0;flex:none;text-align:center;touch-action:pan-y;user-select:none;-webkit-user-select:none}.rail-garment{display:block;position:relative;height:var(--piece-height);width:calc(var(--piece-height) * var(--piece-ratio));max-width:125%;margin:0 auto;transform:rotateY(-52deg);transform-style:preserve-3d;transform-origin:50% 7%;transition:transform .75s cubic-bezier(.2,.7,.2,1);pointer-events:none}.rail-face{position:absolute;inset:0;background-image:var(--rail-sheet);background-repeat:no-repeat;background-size:200% 100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.rail-front{background-position:left center}.rail-back{background-position:right center;transform:rotateY(180deg)}.rail-piece.is-selected{z-index:2}.rail-piece.is-selected .rail-garment{transform:rotateY(0deg)}.rail-piece.is-selected.is-back .rail-garment{transform:rotateY(180deg)}.rail-piece.is-dragging .rail-garment{transition:none}.rail-piece:not(.is-selected):hover .rail-garment{transform:rotateY(-24deg)}.rail-piece:focus-visible{outline-offset:6px;border-radius:2px}.rail-tag{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;min-height:50px;opacity:.55;transition:opacity .3s}.rail-tag i{width:8px;height:8px;border-radius:50%;display:block}.rail-tag small{font-size:9px;margin-left:9px}.rail-piece.is-selected .rail-tag{opacity:1}.rail-piece.is-selected .rail-tag:after{content:'';position:absolute;bottom:0;left:35%;right:35%;height:2px;background:#20221e}.rail-toolbar{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:38px 3%;border-top:1px solid #d1d3cb;margin-top:15px}.rail-product{max-width:520px}.rail-product .eyebrow{font-size:10px;letter-spacing:.075em}.rail-product h3{font-size:32px;letter-spacing:-.045em;font-weight:500;margin:12px 0}.rail-product p{font-size:14px;line-height:1.6;margin:0;max-width:420px}.rail-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:20px 28px}.rail-browse{display:flex;align-items:center;gap:14px}.rail-browse>span{font-size:9px;letter-spacing:.08em}.rail-browse button{background:transparent;border:1px solid #a6aaa0;border-radius:50%;width:44px;height:44px;font-size:20px}.rail-browse button:hover{background:#d2ff59;border-color:#20221e}.rail-sides{display:flex;border:1px solid #b6bbaf;border-radius:30px;padding:3px}.rail-sides button{background:transparent;border:0;border-radius:25px;min-height:40px;min-width:65px;font-size:13px}.rail-sides button[aria-pressed="true"]{background:#20221e;color:#fff}#rail-model-link{font-size:14px;white-space:nowrap;border-bottom:1px solid;padding:8px 0}#rail-model-link span{padding-left:15px}.rail-bottom{display:flex;justify-content:space-between;border-top:1px solid #d1d3cb;padding-top:22px;font-size:9px;letter-spacing:.1em;gap:25px}.rail-status-error{color:#9e2346}
@media(min-width:1700px){.rail-track{gap:3%}.rail-piece{width:21%}.rail-garment{--piece-height:475px}}
@media(max-width:1000px){.rail-toolbar{align-items:flex-start}.rail-actions{max-width:290px;justify-content:flex-start}.rail-track{min-height:390px}.rail-garment{max-width:115%}.rail-tag{font-size:10px}}
@media(max-width:750px){.wardrobe{padding:30px 5% 23px}.rail-heading{display:block;padding:28px 0 0}.rail-heading h2{font-size:49px}.rail-heading>p{margin-top:20px;font-size:14px}.rail-heading .eyebrow{font-size:9px;max-width:220px;line-height:1.5}.rail-stage{padding:28px 0 0;margin:0 -5.56%}.rail-metal{top:51px;left:0;right:0}.rail-track{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 16% 16px;gap:25px;min-height:410px;scrollbar-width:thin;scrollbar-color:#999e91 #e8e9e1}.rail-piece{width:66vw;scroll-snap-align:center;flex:none}.rail-garment{--piece-height:350px;max-width:110%;transform:rotateY(-48deg)}.rail-tag{font-size:12px}.rail-toolbar{display:block;padding:26px 0;margin-top:20px}.rail-product h3{font-size:30px}.rail-actions{max-width:none;justify-content:space-between;gap:18px;margin-top:24px}.rail-browse{gap:8px}.rail-browse>span{font-size:8px}.rail-sides button{min-width:55px}.rail-bottom{font-size:8px;line-height:1.6}.rail-bottom>span:last-child{text-align:right}dialog nav{margin-top:45px;margin-bottom:35px}dialog nav a{font-size:42px}}
@media(prefers-reduced-motion:reduce){.rail-garment,.rail-tag{transition:none}}

/* Both collections share the same horizontally browsable rail. */
.rail-quick-links{display:flex;align-items:center;gap:22px;padding:28px 3% 0;font-size:11px}.rail-quick-links>span{letter-spacing:.07em;color:#606657;margin-right:auto}.rail-quick-links button{padding:10px 0;background:none;border:0;border-bottom:1px solid #929886;font-size:13px}.rail-quick-links button span{margin-left:14px}.rail-track{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;padding:0 2% 18px;scrollbar-width:thin;scrollbar-color:#93998a #e5e6df}.rail-piece{scroll-snap-align:center;width:23%;min-width:210px}.rail-garment{max-width:100%}
@media(min-width:1700px){.rail-track{gap:3%}.rail-piece{width:23%}}
@media(max-width:1000px) and (min-width:751px){.rail-piece{width:30%;min-width:210px}.rail-garment{--piece-height:330px}.rail-track{min-height:400px}}
@media(max-width:750px){.rail-quick-links{padding:24px 0 0;gap:16px;flex-wrap:wrap}.rail-quick-links>span{width:100%;font-size:9px}.rail-quick-links button{font-size:12px}.rail-track{padding:0 16% 16px;scroll-snap-type:x mandatory}.rail-piece{width:66vw;min-width:0}.rail-garment{max-width:110%}}

/* Real side-profile photographs keep resting garments fully side-on. */
.rail-track{gap:12px;min-height:0;scroll-snap-type:x proximity;perspective:none;padding:0 2% 18px}
.rail-piece{--piece-height:clamp(300px,31vw,475px);width:clamp(80px,8vw,150px);min-width:80px;transition:width .65s cubic-bezier(.2,.7,.2,1)}
.rail-piece.is-selected{width:calc(var(--piece-height) * .96)}
.rail-visual{display:block;position:relative;height:var(--piece-height);perspective:1400px;pointer-events:none}
.rail-garment{position:absolute;left:50%;top:0;margin:0 0 0 calc(var(--piece-height) * var(--piece-ratio) * -.5);height:var(--piece-height);width:calc(var(--piece-height) * var(--piece-ratio));max-width:none;transform:rotateY(-90deg);opacity:0;transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .35s ease}
.rail-piece:not(.is-selected):hover .rail-garment{transform:rotateY(-90deg)}
.rail-piece.is-selected .rail-garment{opacity:1;transform:rotateY(0)}
.rail-piece.is-selected.is-back .rail-garment{transform:rotateY(180deg)}
.rail-profile{position:absolute;top:0;left:50%;height:100%;width:calc(var(--piece-height) * 2 / 3);margin-left:calc(var(--piece-height) / -3);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:1;transform:rotateY(0);transform-origin:center 7%;transition:opacity .35s ease,transform .65s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.rail-piece.is-selected .rail-profile{opacity:0;transform:rotateY(90deg)}
.rail-tag{font-size:11px;line-height:1.4;gap:5px;min-height:62px;padding:8px 3px;overflow-wrap:anywhere}
.rail-tag i{flex:none;width:6px;height:6px}.rail-tag small{display:none}
.rail-piece:not(.is-selected):hover .rail-tag{opacity:1}
@media(max-width:1000px) and (min-width:751px){.rail-piece{--piece-height:330px}.rail-garment{--piece-height:330px}}
@media(max-width:750px){.rail-track{gap:12px;padding:0 9% 16px;scroll-snap-type:x proximity}.rail-piece{--piece-height:350px;width:84px;min-width:84px}.rail-piece.is-selected{width:74vw}.rail-garment{--piece-height:350px;max-width:74vw}.rail-tag{font-size:10px}.rail-bottom>span:last-child{max-width:160px}}
@media(prefers-reduced-motion:reduce){.rail-piece,.rail-garment,.rail-profile{transition:none}}

/* Trouser sheets contain front, back and a separate true side profile. */
.rail-trousers .rail-face{background-size:266.666667% 100%}
.rail-trousers .rail-front{background-position:0 center}
.rail-trousers .rail-back{background-position:60% center}
.rail-trousers .rail-profile{width:calc(var(--piece-height)*.375);margin-left:calc(var(--piece-height)*-.1875);background-image:var(--rail-sheet);background-size:400% 100%;background-position:right center}

/* Four product looks, photographed as one neon campaign. */
.hero-looks{height:min(100svh,900px);min-height:700px;background:#151c12}
.hero-looks .hero-image{object-position:67% center}
.hero-looks .hero-shade{background:linear-gradient(90deg,#0b101055 0%,#0b101018 42%,transparent 58%),linear-gradient(0deg,#080a1070,transparent 23%)}
.hero-looks .hero-copy{top:24%;left:6%;max-width:46%}
.hero-looks h1{font-size:clamp(72px,8.1vw,142px);margin-bottom:25px}
.hero-look-name{font-size:11px;letter-spacing:.07em;line-height:1.6;max-width:310px;margin:0 0 18px}
.hero-looks .hero-neon-controls{bottom:70px;right:3%;padding:7px 12px}
.hero-looks .hero-bottom{bottom:25px}
@media(max-width:750px){
 .hero-looks{height:auto;min-height:960px;max-height:none;background:#111714;padding-bottom:130px}
 .hero-looks .hero-image{height:580px;top:66px;object-position:85% center}
 .hero-looks .hero-shade{height:650px;background:linear-gradient(0deg,#111714 0%,transparent 20%)}
 .hero-looks .hero-meta{top:83px;font-size:9px;text-shadow:0 1px 5px #0009}
 .hero-looks .hero-copy{position:relative;top:auto;left:auto;padding:665px 6% 0;max-width:none}
 .hero-looks .hero-copy .eyebrow{font-size:10px;margin-top:0}
 .hero-looks h1{font-size:clamp(48px,12.5vw,82px);margin:15px 0 18px;line-height:.95;letter-spacing:-.06em}
 .hero-looks h1 br{display:none}
 .hero-looks h1 br:after{content:' '}
 .hero-looks h1 span{margin-left:.18em}
 .hero-look-name{font-size:10px;max-width:none}
 .hero-looks .hero-neon-controls{bottom:52px;left:6%;right:6%;background:#111714;border-color:#ffffff40}
 .hero-looks .hero-bottom{bottom:20px;font-size:9px;left:6%;right:6%}
 .hero-looks .hero-bottom span:last-child{display:none}
}
@media(min-width:751px){.hero-looks{height:max(700px,56.25vw);max-height:1250px}}
.hero-looks .hero-neon-layer{transition:opacity .65s ease}
@media(prefers-reduced-motion:reduce){.hero-looks .hero-neon-layer{transition:none}}

.hero-looks h1 b{font-weight:inherit}
@media(max-width:750px){.hero-looks .hero-image{object-position:77% center}.hero-looks h1{display:flex;flex-wrap:wrap;column-gap:.2em}.hero-looks h1 span{margin-left:0}}