:root{
  --navy:#061b34;--navy2:#0a2948;--ink:#0b2038;--gold:#bf8d37;--gold2:#e1bd72;
  --cream:#f8f4ec;--paper:#fffdfa;--line:#d9bf8c;--muted:#6f6a62;--shadow:0 20px 60px rgba(3,18,34,.18);
  --serif:"Bodoni 72","Didot","Times New Roman",serif;--sans:Inter,Arial,Helvetica,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--navy)}body{margin:0;color:var(--ink);font-family:var(--sans);background:var(--navy);min-height:100vh}body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}
.ocean-stage{position:fixed;inset:0;z-index:-3;overflow:hidden;background:#04192e}.ocean-stage video{width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.68)}.ocean-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(3,19,36,.08),rgba(3,19,36,.38))}
.site-header{position:sticky;top:0;z-index:80;background:rgba(5,25,47,.98);color:white;border-bottom:1px solid rgba(210,169,91,.5);box-shadow:0 8px 30px rgba(0,0,0,.22)}
.topbar{height:32px;display:flex;align-items:center;justify-content:center;gap:18px;padding:0 16px;font-size:11px;letter-spacing:.16em;color:#e8bd6b;border-bottom:1px solid rgba(210,169,91,.25);white-space:nowrap}.topbar i{width:1px;height:13px;background:#a77931}
.nav-row{height:72px;max-width:1500px;margin:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:0 22px}.brand{display:flex;align-items:center;gap:11px;color:#e3b65f}.brand img{width:42px;height:42px;object-fit:contain}.brand b{display:block;font-family:var(--serif);font-size:23px;font-weight:500;line-height:1}.brand small{display:block;font-size:9px;letter-spacing:.28em;margin-top:5px}.desktop-nav{display:flex;justify-content:center;align-items:center;gap:24px}.desktop-nav a,.private-link{position:relative;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#fff}.desktop-nav a:after,.private-link:after{content:"";position:absolute;left:0;right:100%;bottom:-12px;height:2px;background:var(--gold);transition:.25s}.desktop-nav a:hover:after,.desktop-nav a.active:after,.private-link:hover:after{right:0}.header-actions{display:flex;align-items:center;gap:11px}.icon-button,.menu-button{width:43px;height:43px;border-radius:50%;border:1px solid #be8c3a;background:transparent;color:#e5b65e;display:grid;place-items:center;cursor:pointer}.icon-button:hover{background:#bd8c37;color:#061b34}.bag-count{position:absolute;transform:translate(12px,-13px);min-width:18px;height:18px;border-radius:20px;background:#d4a348;color:#07192c;font-size:10px;display:grid;place-items:center;font-weight:700}.menu-button{display:none;border-radius:8px}.menu-button span,.menu-button:before,.menu-button:after{content:"";display:block;width:20px;height:2px;background:#e5b65e;margin:3px auto}.mobile-nav{display:none}
.page-main{background:rgba(248,244,236,.97);max-width:1540px;margin:0 auto;box-shadow:var(--shadow)}
.section{padding:54px 28px}.section-inner{max-width:1420px;margin:auto}.marble{background:radial-gradient(circle at 10% 20%,rgba(211,194,168,.25),transparent 28%),radial-gradient(circle at 86% 16%,rgba(194,180,158,.2),transparent 30%),linear-gradient(115deg,#faf7f1,#fff,#f5efe6)}
.navy-section{background:linear-gradient(135deg,#041a31,#0a2948);color:white}.eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#a97427;font-weight:700}.display{font-family:var(--serif);font-weight:400;letter-spacing:.05em;text-transform:uppercase}.section-title{text-align:center;margin-bottom:32px}.section-title h2{font:400 clamp(28px,4vw,52px)/1.05 var(--serif);letter-spacing:.1em;text-transform:uppercase;margin:8px 0;color:var(--navy)}.section-title p{max-width:760px;margin:10px auto;color:#4c5360;line-height:1.65}.section-title.light h2,.section-title.light p{color:#fff}.gold-rule{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--gold);margin:10px 0}.gold-rule:before,.gold-rule:after{content:"";width:90px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.gold-rule:after{background:linear-gradient(90deg,var(--gold),transparent)}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;border:1px solid var(--gold);background:var(--navy);color:#e7bd6d;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:700;cursor:pointer;transition:.2s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(6,27,52,.18)}.button.gold{background:linear-gradient(#dfba70,#b97e26);color:#fff;border-color:#e2c083}.button.light{background:#fff;color:var(--navy)}.button.outline{background:transparent;color:var(--navy)}.button.outline-light{background:rgba(5,24,44,.3);color:white;border-color:#e4bd73}.button-row{display:flex;gap:14px;flex-wrap:wrap}
.hero-home{position:relative;min-height:680px;overflow:hidden;background:#04182c}.hero-home>img{width:100%;height:680px;object-fit:cover;object-position:center}.hero-home:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,15,29,.97) 0%,rgba(2,15,29,.82) 34%,rgba(2,15,29,.22) 62%,rgba(2,15,29,.05) 100%)}.hero-copy{position:absolute;z-index:2;left:7%;top:50%;transform:translateY(-50%);color:#fff;max-width:520px}.hero-brand-mark{display:flex;align-items:center;gap:18px;margin-bottom:16px;color:#e6bb66}.hero-brand-mark>img{width:86px;height:86px;object-fit:contain;filter:drop-shadow(0 3px 10px rgba(0,0,0,.35))}.hero-brand-mark strong{display:block;font:400 clamp(48px,5vw,76px)/.9 var(--serif);letter-spacing:.02em}.hero-brand-mark span{display:block;text-align:center;font:600 12px/1 var(--sans);letter-spacing:.55em;margin-top:14px;color:#f2d89e}.hero-copy h1{font:400 clamp(42px,6vw,80px)/.95 var(--serif);letter-spacing:.02em;margin:0;color:#e6bb66}.hero-copy h1 small{display:block;font:500 14px/1.2 var(--sans);letter-spacing:.5em;margin:14px 0 20px;color:#f6e2b5}.hero-copy .tagline{font:400 clamp(19px,2vw,28px)/1.2 var(--serif);margin:0 0 25px}.sound-pill{position:absolute;z-index:3;left:24px;bottom:26px;border:1px solid #d9a854;color:#fff;background:rgba(4,21,39,.74);border-radius:30px;padding:12px 18px;display:flex;align-items:center;gap:10px;backdrop-filter:blur(10px);cursor:pointer}.sound-dot{width:28px;height:28px;border-radius:50%;background:#d9a854;box-shadow:inset 0 0 0 5px rgba(255,255,255,.3)}
.torn{position:relative}.torn:before{content:"";position:absolute;left:0;right:0;top:-22px;height:44px;background:linear-gradient(135deg,transparent 13px,#f8f4ec 0) 0 0/28px 100%,linear-gradient(225deg,transparent 13px,#f8f4ec 0) 14px 0/28px 100%;z-index:4}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-card{background:rgba(255,255,255,.9);border:1px solid #d9c39c;border-radius:14px;padding:18px;box-shadow:0 10px 30px rgba(27,36,46,.08);display:flex;flex-direction:column}.product-card h3{text-align:center;font:400 28px/1.1 var(--serif);letter-spacing:.08em;text-transform:uppercase;margin:5px 0}.product-card .subtitle{text-align:center;color:#616975;margin:0 0 12px;font-family:var(--serif)}.product-image{height:360px;border-radius:10px;overflow:hidden;background:#f4efe7;display:grid;place-items:center}.product-image img{width:100%;height:100%;object-fit:contain;transition:.3s}.product-image:hover img{transform:scale(1.025)}.swatch-row{display:flex;gap:16px;justify-content:center;margin:16px 0 10px}.swatch{width:29px;height:29px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #b98a3d;cursor:pointer}.swatch.active{box-shadow:0 0 0 3px #061b34}.swatch.white{background:#faf8f2}.swatch.black{background:#121212}.swatch.navy{background:#10284b}.swatch.blue{background:#8fbce2}.swatch-label{text-align:center;min-height:20px;color:#4d5661;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.price-row{display:flex;align-items:center;justify-content:space-between;margin:13px 0}.price{font:400 27px/1 var(--serif);color:var(--navy)}.size-select{border:1px solid #c9ac78;background:white;padding:9px 26px 9px 10px}.card-actions{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:auto}.view-link{display:grid;place-items:center;border:1px solid #c9ac78;padding:0 14px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.quick360{margin-top:10px;background:transparent;border:0;color:#98691e;text-transform:uppercase;letter-spacing:.1em;font-size:11px;cursor:pointer}
.editorial-grid{display:grid;grid-template-columns:1.05fr .8fr 1fr 1fr;border:1px solid #c9aa70}.editorial-copy{padding:34px;background:white;text-align:center;display:flex;flex-direction:column;justify-content:center}.editorial-copy h2{font:400 34px/1.1 var(--serif);letter-spacing:.05em;text-transform:uppercase;margin:0 0 16px}.editorial-copy p{line-height:1.65;color:#4d5560}.editorial-grid img{width:100%;height:360px;object-fit:cover}.accessory-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.accessory-card{background:white;border:1px solid #d9c39c;border-radius:12px;overflow:hidden;text-align:center}.accessory-card img{height:180px;width:100%;object-fit:cover}.accessory-card h3{font:400 18px/1.1 var(--serif);margin:12px 8px 4px}.accessory-card p{margin:0 0 10px;color:#5e6570}.accessory-card button{margin-bottom:13px;border:1px solid #bd8c37;background:#fff;padding:7px 12px;color:#5c421b;font-size:11px;text-transform:uppercase}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.world-card{height:230px;position:relative;overflow:hidden;border:1px solid #c59a50;border-radius:12px}.world-card img{width:100%;height:100%;object-fit:cover}.world-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,16,30,.72),transparent)}.world-copy{position:absolute;z-index:2;left:24px;bottom:22px;color:white}.world-copy h3{font:400 28px/1 var(--serif);text-transform:uppercase;margin:0 0 6px}.world-copy p{margin:0 0 14px}.world-copy a{display:inline-flex;background:#fff;color:#17324d;padding:8px 18px;font-size:11px;text-transform:uppercase}
.page-hero{min-height:470px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.page-hero.copy-left .page-hero-copy{order:1}.page-hero.copy-left .page-hero-media{order:2}.page-hero-copy{padding:60px max(36px,8vw);display:flex;flex-direction:column;justify-content:center;background:rgba(255,253,249,.96)}.page-hero-copy h1{font:400 clamp(45px,6vw,78px)/.95 var(--serif);letter-spacing:.07em;text-transform:uppercase;margin:12px 0;color:var(--navy)}.page-hero-copy .lead{font:italic 400 26px/1.25 var(--serif);color:#9a6923;margin:5px 0 16px}.page-hero-copy p{line-height:1.65;font-size:17px;max-width:600px}.page-hero-media{position:relative;min-height:470px}.page-hero-media img{width:100%;height:100%;object-fit:cover}.page-hero-media .floating-box{position:absolute;right:7%;top:16%;width:220px;filter:drop-shadow(0 20px 25px rgba(0,0,0,.25))}
.collection-banner{min-height:560px;position:relative;display:grid;place-items:center;text-align:center;background-size:cover;background-position:center;overflow:hidden}.collection-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.9),rgba(255,255,255,.26),rgba(255,255,255,.78))}.collection-banner .banner-copy{position:relative;z-index:2;max-width:760px;padding:30px}.collection-banner h1{font:400 clamp(55px,8vw,100px)/.85 var(--serif);letter-spacing:.12em;text-transform:uppercase;color:var(--navy);margin:0}.collection-banner h1 span{font-size:.52em;display:block}.collection-banner p{font:400 21px/1.4 var(--serif);max-width:600px;margin:20px auto}
.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #d2b579;background:#fff}.feature{padding:25px;text-align:center;border-right:1px solid #ddc9a2}.feature:last-child{border-right:0}.feature .icon{font-size:32px;color:var(--gold)}.feature h3{font:400 18px/1.1 var(--serif);letter-spacing:.08em;text-transform:uppercase;margin:10px 0 5px}.feature p{font-size:13px;line-height:1.45;color:#59616d;margin:0}
.design-top{display:grid;grid-template-columns:.85fr 1.15fr;min-height:520px}.design-copy{padding:60px;display:flex;flex-direction:column;justify-content:center}.design-copy h1{font:400 62px/1 var(--serif);text-transform:uppercase;letter-spacing:.09em;margin:10px 0}.design-visual{background:#f1ebe2;display:grid;place-items:center;padding:25px}.design-visual img{width:100%;height:100%;object-fit:contain}.design-product-stage{position:relative;width:100%;height:100%;min-height:460px;background:radial-gradient(circle at 50% 10%,#fff 0,#f4eee5 58%,#e8dfd3 100%);overflow:hidden}.design-product-stage>img{position:absolute;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(19,30,43,.14))}.stage-boxer{left:4%;bottom:7%;width:48%;height:72%}.stage-jock{right:15%;top:5%;width:38%;height:46%}.stage-thong{right:2%;bottom:8%;width:32%;height:38%}.stage-monogram{position:absolute;left:49%;bottom:8%;width:135px;height:135px;background:linear-gradient(145deg,#eee7de,#fff);border:1px solid #d4b77e;display:grid;place-items:center;transform:translateX(-50%);box-shadow:0 12px 28px rgba(17,30,45,.12)}.stage-monogram img{width:80%;height:80%;object-fit:contain}.design-showcase{background:var(--navy);padding:25px;border-radius:16px;color:white}.design-three{display:grid;grid-template-columns:repeat(3,1fr)}.design-item{text-align:center;padding:22px;border-right:1px solid rgba(219,178,97,.6)}.design-item:last-child{border-right:0}.design-item h3{font:400 25px/1 var(--serif);letter-spacing:.08em;text-transform:uppercase;color:#dfb666}.design-main-image{height:300px;display:grid;place-items:center}.design-main-image img{height:100%;width:100%;object-fit:contain}.thumb-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.thumb-row img{height:70px;width:100%;object-fit:cover;border:1px solid #b98a3d;background:#fff}.detail-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.detail-card{background:white;border:1px solid #d5bb87;padding:14px}.detail-card img{height:210px;width:100%;object-fit:cover}.detail-card h3{font:400 18px/1.1 var(--serif);text-transform:uppercase;letter-spacing:.05em}.detail-card p{font-size:13px;line-height:1.5;color:#525b67}
.collection-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.preview-card{background:white;border:1px solid #d3b77e;border-radius:14px;overflow:hidden;text-align:center}.preview-card img{width:100%;height:365px;object-fit:cover}.preview-card .copy{padding:18px}.preview-card .status{font-size:10px;letter-spacing:.18em;text-transform:uppercase}.preview-card h3{font:400 30px/1 var(--serif);letter-spacing:.05em;text-transform:uppercase;color:var(--navy);margin:12px 0}.preview-card p{line-height:1.5;color:#59616d}.preview-card a{color:#9a6923;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.private-band{background:var(--navy);color:white;border:1px solid #c79542;padding:34px;display:grid;grid-template-columns:1fr 1.2fr;gap:30px;align-items:center}.private-band h2{font:400 38px/1 var(--serif);color:#dfb666;margin:8px 0}.inline-form{display:grid;grid-template-columns:1fr auto}.inline-form input{height:54px;border:0;padding:0 18px}.inline-form button{height:54px;border:1px solid #c79542;background:transparent;color:#e6bb66;padding:0 28px;text-transform:uppercase;letter-spacing:.08em}.form-note{font-size:11px;color:#bfc9d3;margin-top:10px}
.story-collage{display:grid;grid-template-columns:.75fr 1fr .78fr 1fr}.story-collage .story-copy{background:var(--navy);color:white;padding:45px;display:flex;flex-direction:column;justify-content:center;text-align:center}.story-collage img{height:440px;width:100%;object-fit:cover}.story-copy h2{font:400 30px/1.15 var(--serif);text-transform:uppercase;letter-spacing:.08em}.story-copy p{line-height:1.7}.principles{display:grid;grid-template-columns:repeat(5,1fr)}.principle{text-align:center;padding:24px;border-right:1px solid rgba(226,184,103,.5)}.principle:last-child{border-right:0}.principle .icon{font-size:32px;color:#d7a64e}.principle h3{font:400 17px/1.1 var(--serif);letter-spacing:.08em;text-transform:uppercase}.principle p{font-size:13px;line-height:1.5;color:#d6dbe1}.journey{display:grid;grid-template-columns:1fr repeat(4,1fr);gap:20px;align-items:start}.journey-intro h2{font:400 38px/1 var(--serif);text-transform:uppercase}.journey-step{text-align:center}.journey-step img{width:130px;height:130px;border-radius:50%;object-fit:cover;margin:0 auto;border:3px solid #e3c27d}.journey-step h3{font:400 18px/1.1 var(--serif);text-transform:uppercase}.journey-step p{font-size:13px;line-height:1.5}
.contact-wrap{display:grid;grid-template-columns:1.25fr .95fr;gap:18px;background:white;border:1px solid #d3b77e;border-radius:16px;padding:18px}.contact-form{padding:20px}.contact-form h2,.contact-side h2{font:400 30px/1 var(--serif);letter-spacing:.08em;text-transform:uppercase;text-align:center}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#535e6b}.field input,.field select,.field textarea{border:1px solid #d6d7d8;background:#fff;padding:13px}.field textarea{min-height:150px;resize:vertical}.contact-side{display:grid;gap:12px}.contact-card{border:1px solid #dfd2bc;border-radius:12px;padding:18px;background:#fff}.contact-card h3{font:400 20px/1 var(--serif);text-transform:uppercase;margin:0 0 8px}.contact-card a{font-weight:700;color:#153a63}.contact-card p{font-size:13px;line-height:1.5;color:#59616d;margin:8px 0}.form-status{min-height:22px;margin-top:10px;font-size:13px;color:#2e6749}
.faq-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.faq h3{font-size:12px;text-transform:uppercase}.faq p{font-size:13px;line-height:1.6;color:#59616d}
.private-hero{min-height:620px;position:relative;overflow:hidden}.private-hero>img{width:100%;height:620px;object-fit:cover}.private-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,253,248,1) 0 50%,rgba(255,253,248,.82) 59%,rgba(255,255,255,.05) 76%)}.private-copy{position:absolute;z-index:2;left:7%;top:50%;transform:translateY(-50%);max-width:520px}.private-product-display{position:absolute;z-index:2;right:6%;top:50%;transform:translateY(-50%);width:min(42%,540px);padding:18px;background:rgba(255,253,248,.9);border:1px solid #c99a4b;box-shadow:0 25px 60px rgba(2,16,30,.28)}.private-product{width:100%;height:350px;object-fit:contain}.private-product-mark{position:absolute;right:22px;top:18px;width:74px;height:74px;object-fit:contain}.private-copy h1{font:400 70px/.9 var(--serif);letter-spacing:.08em;text-transform:uppercase;margin:15px 0}.private-copy .lead{font:italic 400 28px/1.3 var(--serif);color:#8d6224}.benefit-band{display:grid;grid-template-columns:repeat(4,1fr);background:var(--navy);color:white;border:1px solid #d5a650;border-radius:14px}.benefit{padding:28px;text-align:center;border-right:1px solid rgba(213,166,80,.55)}.benefit:last-child{border-right:0}.benefit .icon{font-size:34px;color:#dfb55f}.benefit h3{font:400 17px/1 var(--serif);text-transform:uppercase;color:#e2b866}.benefit p{font-size:13px;line-height:1.5}.member-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.member{text-align:center;padding:18px}.member .icon{font-size:34px;color:#c49035}.member h3{font-size:13px;text-transform:uppercase}.member p{font-size:13px;line-height:1.5;color:#59616d}
.product-page{display:grid;grid-template-columns:1.1fr .9fr;gap:35px}.product-gallery{background:white;border:1px solid #d3b77e;padding:20px}.product-gallery .main-product{height:620px;display:grid;place-items:center;background:#f5f0e8}.product-gallery .main-product img{width:100%;height:100%;object-fit:contain}.product-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.product-thumbs img{height:110px;width:100%;object-fit:cover;border:1px solid #d0b27a;cursor:pointer}.product-info{padding:30px 10px}.product-info h1{font:400 55px/1 var(--serif);text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px}.product-info .product-price{font:400 34px/1 var(--serif);color:#966522;margin:16px 0}.product-info .desc{line-height:1.7;color:#4f5864}.option-group{margin:22px 0}.option-group h3{font-size:12px;letter-spacing:.12em;text-transform:uppercase}.size-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.size-button{border:1px solid #cbb07b;background:white;padding:12px;cursor:pointer}.size-button.active{background:var(--navy);color:white}.product-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.point{border-top:1px solid #d6bf91;padding:13px 0;font-size:13px}.point b{display:block;text-transform:uppercase;font-size:11px;letter-spacing:.08em;color:#8d6224}
.site-footer{background:#03172c;color:white;padding:48px 28px 20px}.footer-grid{max-width:1420px;margin:auto;display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:35px}.footer-brand .brand{margin-bottom:15px}.footer-brand p{font-size:13px;line-height:1.6;color:#c4ccd4}.footer-col h3{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#d8a852}.footer-col a{display:block;font-size:13px;color:#d4d9df;margin:10px 0}.footer-bottom{max-width:1420px;margin:30px auto 0;border-top:1px solid rgba(213,166,80,.35);padding-top:18px;display:flex;justify-content:space-between;font-size:11px;color:#aeb8c3}
.cart-drawer{position:fixed;right:0;top:0;bottom:0;width:min(440px,100%);z-index:120;background:#fff;transform:translateX(105%);transition:.3s;box-shadow:-20px 0 50px rgba(0,0,0,.3);display:flex;flex-direction:column}.cart-drawer.open{transform:none}.cart-header{padding:22px;background:var(--navy);color:white;display:flex;justify-content:space-between;align-items:center}.cart-header h2{font:400 28px/1 var(--serif);margin:0}.cart-header button{border:0;background:transparent;color:white;font-size:28px}.cart-items{padding:20px;overflow:auto;flex:1}.cart-item{display:grid;grid-template-columns:85px 1fr auto;gap:12px;border-bottom:1px solid #ddd;padding:12px 0}.cart-item img{width:85px;height:85px;object-fit:contain;background:#f5f0e8}.cart-item h3{font:400 18px/1.1 var(--serif);margin:5px 0}.cart-item p{font-size:12px;color:#66707c}.cart-item button{border:0;background:transparent;color:#9b661d}.cart-footer{padding:20px;border-top:1px solid #ddd}.cart-total{display:flex;justify-content:space-between;font:400 24px/1 var(--serif);margin-bottom:15px}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:110;opacity:0;pointer-events:none;transition:.25s}.overlay.open{opacity:1;pointer-events:auto}.modal{position:fixed;inset:5%;z-index:130;background:#051c34;color:white;display:none;grid-template-rows:auto 1fr;box-shadow:0 25px 80px rgba(0,0,0,.5)}.modal.open{display:grid}.modal-head{display:flex;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(213,166,80,.4)}.modal-head button{background:transparent;border:0;color:white;font-size:28px}.modal-body{display:grid;place-items:center;overflow:hidden}.modal video{max-width:100%;max-height:100%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1180px){.desktop-nav{gap:13px}.desktop-nav a,.private-link{font-size:10px}.accessory-grid{grid-template-columns:repeat(3,1fr)}.collection-preview-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:repeat(3,1fr)}.story-collage{grid-template-columns:1fr 1fr}.journey{grid-template-columns:1fr 1fr 1fr}.journey-intro{grid-column:1/-1}.footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}}
@media(max-width:900px){.topbar{font-size:9px;gap:8px}.topbar span:first-child,.topbar i:first-of-type{display:none}.nav-row{grid-template-columns:auto 1fr auto}.menu-button{display:block}.brand{justify-self:center}.brand span{display:none}.desktop-nav,.private-link{display:none}.mobile-nav{position:fixed;left:0;right:0;top:104px;bottom:0;background:#041a31;padding:35px;display:flex;flex-direction:column;gap:22px;transform:translateX(-105%);transition:.3s;z-index:90}.mobile-nav.open{transform:none}.mobile-nav a{color:white;font:400 24px/1 var(--serif);text-transform:uppercase;border-bottom:1px solid rgba(213,166,80,.25);padding-bottom:14px}.hero-home,.hero-home>img{height:620px;min-height:620px}.hero-home>img{object-position:62% center}.hero-copy{left:7%;right:7%;top:auto;bottom:75px;transform:none;max-width:440px}.hero-copy h1{font-size:52px}.product-grid{grid-template-columns:1fr}.product-image{height:430px}.editorial-grid{grid-template-columns:1fr 1fr}.editorial-copy{grid-column:1/-1}.world-grid{grid-template-columns:1fr}.page-hero{grid-template-columns:1fr}.page-hero-media{min-height:400px}.page-hero-copy{padding:50px 28px}.collection-banner{min-height:480px}.feature-strip{grid-template-columns:1fr 1fr}.feature:nth-child(2){border-right:0}.feature:nth-child(-n+2){border-bottom:1px solid #ddc9a2}.design-top{grid-template-columns:1fr}.design-copy{padding:45px 28px}.design-three{grid-template-columns:1fr}.design-item{border-right:0;border-bottom:1px solid rgba(219,178,97,.6)}.detail-grid{grid-template-columns:1fr 1fr}.private-band{grid-template-columns:1fr}.story-collage{grid-template-columns:1fr}.story-collage img{height:370px}.principles{grid-template-columns:1fr 1fr}.principle:nth-child(2n){border-right:0}.journey{grid-template-columns:1fr 1fr}.contact-wrap{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr 1fr}.private-overlay{background:linear-gradient(180deg,rgba(255,253,248,.97),rgba(255,253,248,.68) 58%,rgba(255,255,255,.02))}.private-copy{left:7%;right:7%;top:37%;max-width:520px}.private-product-display{right:7%;top:auto;bottom:35px;transform:none;width:45%;padding:10px}.private-product{height:220px}.private-product-mark{width:52px;height:52px}.benefit-band,.member-grid{grid-template-columns:1fr 1fr}.benefit:nth-child(2){border-right:0}.product-page{grid-template-columns:1fr}.product-gallery .main-product{height:500px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:600px){.topbar span:nth-of-type(2){display:none}.nav-row{height:64px;padding:0 12px}.mobile-nav{top:96px}.brand img{width:38px;height:38px}.icon-button{width:38px;height:38px}.header-actions{gap:6px}.hero-home,.hero-home>img{height:560px;min-height:560px}.hero-copy{bottom:62px}.hero-copy h1{font-size:44px}.hero-brand-mark>img{width:64px;height:64px}.hero-brand-mark strong{font-size:46px}.hero-brand-mark span{font-size:9px}.hero-copy .button-row{gap:8px}.hero-copy .button{min-height:42px;padding:0 13px;font-size:10px}.sound-pill{left:14px;bottom:14px;font-size:12px}.section{padding:42px 14px}.product-card{padding:12px}.product-image{height:330px}.card-actions{grid-template-columns:1fr}.editorial-grid{grid-template-columns:1fr}.editorial-grid img{height:300px}.accessory-grid{grid-template-columns:1fr 1fr}.accessory-card img{height:150px}.page-hero-copy h1{font-size:44px}.page-hero-media{min-height:320px}.collection-banner h1{font-size:48px}.feature-strip{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid #ddc9a2}.feature:last-child{border-bottom:0}.collection-preview-grid{grid-template-columns:1fr}.preview-card img{height:320px}.inline-form{grid-template-columns:1fr}.inline-form button{width:100%}.detail-grid{grid-template-columns:1fr}.story-collage img{height:330px}.principles{grid-template-columns:1fr}.principle{border-right:0;border-bottom:1px solid rgba(226,184,103,.5)}.journey{grid-template-columns:1fr}.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.faq-grid{grid-template-columns:1fr}.private-hero,.private-hero>img{height:650px;min-height:650px}.private-copy h1{font-size:52px}.private-product-display{display:none}.benefit-band,.member-grid{grid-template-columns:1fr}.benefit{border-right:0;border-bottom:1px solid rgba(213,166,80,.55)}.product-gallery .main-product{height:390px}.product-info h1{font-size:43px}.product-points{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{display:block;line-height:1.8}.modal{inset:2%}}


/* V36 refinement overrides */
.section.marble{position:relative;overflow:hidden;background:linear-gradient(rgba(250,247,241,.95),rgba(255,255,255,.96)),radial-gradient(circle at 10% 20%,rgba(211,194,168,.18),transparent 28%),radial-gradient(circle at 86% 16%,rgba(194,180,158,.14),transparent 30%),url("../images/ocean-fallback-v23.webp") center bottom/cover no-repeat;}
.section.marble::after{content:"";position:absolute;left:0;right:0;bottom:0;height:96px;background:url("../images/ocean-fallback-v23.webp") center bottom/cover no-repeat;opacity:.16;-webkit-mask-image:linear-gradient(to top,#000 18%,transparent 100%);mask-image:linear-gradient(to top,#000 18%,transparent 100%);pointer-events:none;}
.section.marble>.section-inner,.section.marble>.design-copy,.section.marble>.design-visual{position:relative;z-index:1}
.design-page .product-grid{align-items:stretch}
.design-page .product-image{height:390px;padding:16px;background:linear-gradient(180deg,#f8f4ed,#f2ece3)}
.design-page .product-image img{max-width:100%;max-height:100%;object-position:center center}
.design-page .product-card:nth-child(2) .product-image img{transform:scale(1.12);filter:brightness(1.08) contrast(1.05)}
.design-page .product-card:nth-child(3) .product-image img{transform:scale(1.10)}
.design-page .product-card:nth-child(2) .product-image,.design-page .product-card:nth-child(3) .product-image{background:linear-gradient(180deg,#f6f1ea,#f0e9df)}
.world-card img,.preview-card img,.accessory-card img,.editorial-grid img,.detail-card img{object-position:center center}
.private-product-display{display:none !important}
.private-overlay{background:linear-gradient(90deg,rgba(255,253,248,.96) 0 44%,rgba(255,253,248,.62) 57%,rgba(255,255,255,.06) 76%)}
.private-copy{max-width:560px}
.private-hero>img{object-position:center center}
@media(max-width:900px){.private-copy{top:42%}.private-overlay{background:linear-gradient(180deg,rgba(255,253,248,.95),rgba(255,253,248,.66) 54%,rgba(255,255,255,.03))}}


/* V36 Suite Collection ocean refinement */
.collection-page .collection-banner{
  isolation:isolate;
  background-image:none !important;
  background-color:#d8edf3;
}
.collection-page .collection-banner::before{
  content:"";
  position:absolute;inset:0;z-index:0;
  background:
    linear-gradient(180deg,rgba(246,249,248,.60),rgba(227,242,246,.38)),
    url("../images/ocean-fallback-v23.webp") center 52%/cover no-repeat;
  filter:saturate(.95) contrast(1.03);
  animation:ppSuiteWaveDrift 18s ease-in-out infinite alternate;
}
.collection-page .collection-banner::after{
  z-index:1;
  background:linear-gradient(90deg,rgba(255,255,255,.66),rgba(255,255,255,.28),rgba(255,255,255,.60));
}
.collection-page .collection-banner .banner-copy{z-index:2;background:rgba(255,255,255,.52);border:1px solid rgba(205,165,91,.36);box-shadow:0 18px 48px rgba(6,27,52,.10);backdrop-filter:blur(2px)}
.collection-page .section.marble{
  background:
    linear-gradient(180deg,rgba(249,248,244,.76),rgba(242,248,248,.76)),
    url("../images/ocean-fallback-v23.webp") center 60%/cover no-repeat;
}
.collection-page .section.marble::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(65,156,183,.10));
}
.collection-page .section.marble::after{
  height:150px;opacity:.34;background-position:center 75%;
}
.collection-page .product-card{background:rgba(255,255,255,.94);box-shadow:0 18px 42px rgba(3,35,63,.13)}
.collection-page .feature-strip{background:rgba(255,255,255,.90);box-shadow:0 14px 34px rgba(3,35,63,.09)}
@keyframes ppSuiteWaveDrift{from{background-position:center 48%}to{background-position:center 58%}}

/* V37 homepage ocean-background refinement */
.home-page .page-main > .section.marble{
  position:relative;
  isolation:isolate;
  background:
    linear-gradient(180deg,rgba(236,247,250,.72),rgba(244,239,231,.72)),
    url("../images/ocean-fallback-v23.webp") center/cover no-repeat;
}
.home-page .page-main > .section.marble::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.12),rgba(3,83,119,.12)),
    url("../images/ocean-fallback-v23.webp") center/cover no-repeat;
  opacity:.42;
}
.home-page .page-main > .section.marble::after{
  height:150px;
  opacity:.34;
}
.home-page .page-main > .section.marble > .section-inner{
  position:relative;
  z-index:1;
}
.home-page .page-main > .section.marble:nth-of-type(2){background-position:center 28%;}
.home-page .page-main > .section.marble:nth-of-type(3){background-position:center 48%;}
.home-page .page-main > .section.marble:nth-of-type(4){background-position:center 68%;}
.home-page .page-main > .section.marble:nth-of-type(5){background-position:center 82%;}
.home-page .product-card,
.home-page .accessory-card,
.home-page .editorial-copy{
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(2px);
}
.home-page .editorial-grid,
.home-page .world-card,
.home-page .product-card,
.home-page .accessory-card{
  box-shadow:0 14px 34px rgba(2,36,61,.13);
}
.home-page .section-title h2,
.home-page .section-title p{
  text-shadow:0 1px 0 rgba(255,255,255,.7);
}


/* V38 APPROVAL REFINEMENTS: MOVING OCEAN WORLD */
@keyframes ppOceanFlow{
  0%{background-position:48% 46%;}
  50%{background-position:53% 52%;}
  100%{background-position:46% 58%;}
}
@keyframes ppOceanShimmer{
  0%,100%{opacity:.30;transform:scale(1.02) translate3d(-1%,0,0)}
  50%{opacity:.43;transform:scale(1.06) translate3d(1%,1%,0)}
}

/* Allow the actual V25 ocean video to remain visible behind translucent page panels. */
.home-page .page-main,.collection-page .page-main,.sailing-page .page-main,
.accessories-page .page-main,.story-page .page-main,.design-page .page-main,
.private-page .page-main,.contact-page .page-main,.next-page .page-main{
  background:transparent;
}

/* Shared moving blue-ocean treatment behind white and cream content. */
.home-page .section.marble,.collection-page .section.marble,.sailing-page .section.marble,
.accessories-page .section.marble,.story-page .section.marble,.design-page .section.marble,
.private-page .section.marble,.contact-page .section.marble,.next-page .section.marble,
.accessories-page .page-hero-copy{
  position:relative;isolation:isolate;overflow:hidden;
  background:rgba(248,246,240,.73)!important;
  backdrop-filter:blur(1.5px);
}
.home-page .section.marble::before,.collection-page .section.marble::before,.sailing-page .section.marble::before,
.accessories-page .section.marble::before,.story-page .section.marble::before,.design-page .section.marble::before,
.private-page .section.marble::before,.contact-page .section.marble::before,.next-page .section.marble::before,
.accessories-page .page-hero-copy::before{
  content:"";position:absolute;inset:-10%;z-index:-1;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(250,248,243,.58),rgba(206,235,242,.48)),
    url("../images/ocean-fallback-v23.webp") center/cover no-repeat;
  animation:ppOceanFlow 16s ease-in-out infinite alternate,ppOceanShimmer 11s ease-in-out infinite;
}
.home-page .section.marble::after,.collection-page .section.marble::after,.sailing-page .section.marble::after,
.accessories-page .section.marble::after,.story-page .section.marble::after,.design-page .section.marble::after,
.private-page .section.marble::after,.contact-page .section.marble::after,.next-page .section.marble::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:135px;z-index:0;pointer-events:none;
  background:url("../images/ocean-fallback-v23.webp") center 70%/cover no-repeat;
  opacity:.34;mask-image:linear-gradient(to top,#000,transparent);-webkit-mask-image:linear-gradient(to top,#000,transparent);
  animation:ppOceanFlow 13s ease-in-out infinite alternate;
}
.home-page .section-inner,.collection-page .section-inner,.sailing-page .section-inner,
.accessories-page .section-inner,.story-page .section-inner,.design-page .section-inner,
.private-page .section-inner,.contact-page .section-inner,.next-page .section-inner{
  position:relative;z-index:1;
}

/* Homepage: moving ocean from Signature Styles through the final collection tiles. */
.home-page .page-main>.section.marble{background:rgba(244,246,241,.68)!important}
.home-page .product-card,.home-page .accessory-card,.home-page .editorial-copy,
.home-page .world-card{box-shadow:0 18px 42px rgba(2,38,66,.16)}

/* Suite Collection: waves behind hero and every pale sales section. */
.collection-page .collection-banner{
  background-image:none!important;background-color:rgba(218,239,245,.62);isolation:isolate;
}
.collection-page .collection-banner::before{
  content:"";position:absolute;inset:-8%;z-index:0;
  background:linear-gradient(rgba(245,248,246,.52),rgba(210,237,244,.44)),url("../images/ocean-fallback-v23.webp") center/cover no-repeat;
  animation:ppOceanFlow 15s ease-in-out infinite alternate,ppOceanShimmer 12s ease-in-out infinite;
}
.collection-page .collection-banner::after{z-index:1;background:linear-gradient(90deg,rgba(255,255,255,.58),rgba(255,255,255,.18),rgba(255,255,255,.50))}
.collection-page .collection-banner .banner-copy{z-index:2;background:rgba(255,255,255,.58);backdrop-filter:blur(3px);border:1px solid rgba(196,151,69,.36)}
.collection-page .product-card{background:rgba(255,255,255,.94)}

/* Sailing Luxe: remove the flat white look while preserving the luxury banner. */
.sailing-page .collection-banner{isolation:isolate;background-position:center;background-size:cover}
.sailing-page .collection-banner::before{
  content:"";position:absolute;inset:-6%;z-index:0;
  background:linear-gradient(rgba(214,239,246,.28),rgba(230,246,249,.22)),url("../images/ocean-fallback-v23.webp") center/cover no-repeat;
  mix-blend-mode:multiply;opacity:.48;animation:ppOceanFlow 16s ease-in-out infinite alternate;
}
.sailing-page .collection-banner::after{z-index:1;background:linear-gradient(90deg,rgba(255,255,255,.62),rgba(255,255,255,.18),rgba(255,255,255,.40))}
.sailing-page .collection-banner .banner-copy{z-index:2;background:rgba(255,255,255,.55)!important;backdrop-filter:blur(3px);border:1px solid rgba(196,151,69,.32)}
.sailing-page .product-card{background:rgba(255,255,255,.94)}

/* Accessories: blue ocean around the title and a real model wearing the robe. */
.accessories-page .page-hero{position:relative;isolation:isolate;background:rgba(231,245,248,.52)}
.accessories-page .page-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:url("../images/ocean-fallback-v23.webp") center/cover no-repeat;animation:ppOceanFlow 15s ease-in-out infinite alternate}
.accessories-page .page-hero-copy{background:rgba(247,247,242,.60)!important}
.accessories-page .page-hero-media img{object-fit:cover;object-position:center}
.accessories-page .accessory-card img{height:260px;object-fit:cover;object-position:center}
.accessories-page .accessory-card:nth-child(2) img{object-position:35% 42%}

/* Our Story: moving sea in all open areas; model/business-card gallery now fills the former blank gap. */
.story-page .collection-banner{background-image:none!important;background-color:rgba(218,239,245,.60);isolation:isolate}
.story-page .collection-banner::before{content:"";position:absolute;inset:-8%;z-index:0;background:linear-gradient(rgba(245,248,246,.54),rgba(199,231,240,.44)),url("../images/ocean-fallback-v23.webp") center/cover no-repeat;animation:ppOceanFlow 16s ease-in-out infinite alternate,ppOceanShimmer 12s ease-in-out infinite}
.story-page .collection-banner::after{z-index:1;background:linear-gradient(90deg,rgba(255,255,255,.52),rgba(255,255,255,.18),rgba(255,255,255,.46))}
.story-page .collection-banner .banner-copy{z-index:2;background:rgba(255,255,255,.56)!important;backdrop-filter:blur(3px);border:1px solid rgba(196,151,69,.30)}
.story-page .story-collage{align-items:stretch;background:rgba(214,238,244,.42)}
.story-page .story-collage>*{min-height:620px}
.story-page .story-collage img{height:620px;object-fit:cover;object-position:center}
.story-page .story-collage img:nth-of-type(2){object-position:center 48%}
.story-page .story-copy{padding:52px 38px}
.story-page .journey-step img{box-shadow:0 12px 28px rgba(2,44,72,.18)}

/* Design System: one image per card; equal visual scale; no duplicate black overlay. */
.design-page .product-grid{align-items:stretch}
.design-page .product-card{background:rgba(255,255,255,.95)}
.design-page .product-image{height:390px;padding:14px;background:rgba(246,241,233,.96)}
.design-page .product-image img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center!important;transform:none!important;filter:none!important}
.design-page .product-card:nth-child(2) .product-image img{transform:scale(1.08)!important}
.design-page .product-card:nth-child(3) .product-image img{transform:scale(1.08)!important}

/* Private List: keep only the yacht model/ocean image—no boxer product floating over him. */
.private-page .private-product-display{display:none!important}
.private-page .private-overlay{background:linear-gradient(90deg,rgba(255,253,248,.96) 0 42%,rgba(255,253,248,.52) 58%,rgba(255,255,255,.02) 78%)}
.private-page .private-hero>img{object-position:center}

/* Product/sales image boxes: never crop the garments. */
.product-card .product-image img,.product-gallery .main-product img{object-fit:contain!important;object-position:center!important}
.product-card .product-image{overflow:hidden}

/* Subtle ocean continuity on Contact and Next Collections. */
.contact-page .page-hero,.next-page .collection-banner{position:relative;isolation:isolate}
.contact-page .page-hero::before,.next-page .collection-banner::before{content:"";position:absolute;inset:-6%;z-index:0;background:url("../images/ocean-fallback-v23.webp") center/cover no-repeat;opacity:.36;animation:ppOceanFlow 17s ease-in-out infinite alternate}
.contact-page .page-hero>*,.next-page .collection-banner>*{position:relative;z-index:2}

@media(max-width:900px){
  .story-page .story-collage>*{min-height:auto}
  .story-page .story-collage img{height:430px}
  .accessories-page .accessory-card img{height:230px}
  .design-page .product-image{height:420px}
}
@media(max-width:600px){
  .story-page .story-collage img{height:360px}
  .accessories-page .accessory-card img{height:190px}
  .design-page .product-image{height:340px}
}

/* ============================================================
   V39 REAL HTML OCEAN MOCKUP MATCH
   Static deep-navy wave treatment from the approved mockup direction.
   ============================================================ */
:root{--v39-wave:url("../images/v39/ocean-waves-deep.jpg");--v39-wave-light:url("../images/v39/ocean-waves-light.jpg");--v39-gold:#d3a24d;--v39-navy:#031a31}
.home-page .page-main,.collection-page .page-main,.sailing-page .page-main,.design-page .page-main,.story-page .page-main,.accessories-page .page-main,.private-page .page-main,.contact-page .page-main,.next-page .page-main{background:#041a31;color:#fff;max-width:1540px}
.home-page .section.marble,.collection-page .section.marble,.sailing-page .section.marble,.design-page .section.marble,.story-page .section.marble,.private-page .section.marble,.contact-page .section.marble,.next-page .section.marble{background:linear-gradient(rgba(1,21,39,.12),rgba(1,21,39,.28)),var(--v39-wave) center/cover fixed!important;color:#fff;position:relative;overflow:hidden}
.home-page .section.marble::before,.collection-page .section.marble::before,.sailing-page .section.marble::before,.design-page .section.marble::before,.story-page .section.marble::before,.private-page .section.marble::before,.contact-page .section.marble::before,.next-page .section.marble::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,24,44,.18),rgba(2,24,44,.38));pointer-events:none;z-index:0}
.home-page .section.marble::after,.collection-page .section.marble::after,.sailing-page .section.marble::after,.design-page .section.marble::after,.story-page .section.marble::after,.private-page .section.marble::after,.contact-page .section.marble::after,.next-page .section.marble::after{content:"";position:absolute;inset:auto 0 0;height:130px;background:url("../images/v39/ocean-wave-crest.jpg") center bottom/cover no-repeat;opacity:.65;pointer-events:none;z-index:0}
.home-page .section-inner,.collection-page .section-inner,.sailing-page .section-inner,.design-page .section-inner,.story-page .section-inner,.private-page .section-inner,.contact-page .section-inner,.next-page .section-inner{position:relative;z-index:1}
.section-title h2,.section-title p,.section-title .subtitle{color:#fff!important}.section-title .gold-rule{color:var(--v39-gold)}

/* Real Sailing Luxe homepage hero */
.v39-home-hero,.v39-home-hero>img{height:min(76vw,820px);min-height:680px}.v39-home-hero>img{object-fit:cover;object-position:center}.v39-home-hero:after{background:linear-gradient(90deg,rgba(2,17,32,.88) 0,rgba(2,17,32,.56) 38%,rgba(2,17,32,.10) 68%,rgba(2,17,32,.02))}.v39-home-hero .hero-copy{max-width:600px}.v39-home-hero .hero-copy h1{font:400 clamp(58px,7vw,104px)/.82 var(--serif);letter-spacing:.06em;color:#d9a84f;text-transform:uppercase;text-shadow:0 2px 14px rgba(0,0,0,.35)}.v39-home-hero .hero-copy h1 small,.v39-home-hero .hero-copy h1 span{display:block;font-size:.42em;letter-spacing:.18em;color:#f3e5c7;margin:0 0 10px}.v39-home-hero .hero-copy h1 span{font-size:.46em;margin:12px 0 0}.v39-home-hero .hero-copy .tagline{font-size:22px;line-height:1.45;max-width:520px}.v39-home-hero .eyebrow{color:#e0ad50}.torn:before{display:none}

/* Dark luxury product cards used on Home, Suite, and Sailing pages */
.home-page .product-card,.collection-page .product-card,.sailing-page .product-card{background:linear-gradient(180deg,rgba(3,27,49,.90),rgba(2,22,41,.96));border:1px solid rgba(211,162,77,.9);color:#fff;box-shadow:0 18px 44px rgba(0,0,0,.32)}
.home-page .product-card h3,.collection-page .product-card h3,.sailing-page .product-card h3{color:#e0b36a}.home-page .product-card .subtitle,.collection-page .product-card .subtitle,.sailing-page .product-card .subtitle,.home-page .swatch-label,.collection-page .swatch-label,.sailing-page .swatch-label{color:#fff}.home-page .product-image,.collection-page .product-image,.sailing-page .product-image{background:rgba(241,237,229,.96);border:1px solid rgba(211,162,77,.35)}.home-page .price,.collection-page .price,.sailing-page .price{color:#fff}.home-page .size-select,.collection-page .size-select,.sailing-page .size-select{background:#041a31;color:#fff;border-color:#d3a24d}.home-page .view-link,.collection-page .view-link,.sailing-page .view-link{color:#fff;border-color:#d3a24d}.home-page .quick360,.collection-page .quick360,.sailing-page .quick360{color:#e0b36a}.home-page .button[data-add-cart],.collection-page .button[data-add-cart],.sailing-page .button[data-add-cart]{background:linear-gradient(#ddb462,#b57b26);color:#061b34}

/* Home editorial/accessories/world sections */
.home-page .editorial-grid,.home-page .world-card,.home-page .accessory-card{border-color:#d3a24d}.home-page .editorial-copy{background:rgba(3,27,49,.88);color:#fff}.home-page .editorial-copy h2,.home-page .editorial-copy p{color:#fff}.home-page .accessory-card{background:rgba(2,25,46,.88);color:#fff}.home-page .accessory-card p,.home-page .accessory-card h3{color:#fff}.home-page .accessory-card button{background:#071f39;color:#e0b36a;border-color:#d3a24d}.home-page .world-card{box-shadow:0 18px 44px rgba(0,0,0,.32)}

/* Suite Collection: dramatic ocean hero and waves through sales area */
.collection-page .collection-banner{min-height:560px;background:linear-gradient(rgba(2,24,44,.20),rgba(2,24,44,.28)),var(--v39-wave) center/cover no-repeat!important;color:#fff;display:grid;place-items:center}.collection-page .collection-banner::before{background:none!important;animation:none!important}.collection-page .collection-banner::after{background:linear-gradient(180deg,rgba(2,20,38,.08),rgba(2,20,38,.38))!important}.collection-page .collection-banner .banner-copy{position:relative;z-index:2;background:rgba(2,24,44,.32)!important;color:#fff;border:1px solid rgba(211,162,77,.45);padding:42px 70px!important;backdrop-filter:blur(2px)}.collection-page .collection-banner h1,.collection-page .collection-banner p{color:#fff}.collection-page .navy-section{background:linear-gradient(rgba(2,24,44,.74),rgba(2,24,44,.78)),var(--v39-wave) center/cover no-repeat}

/* Sailing Luxe interior page mirrors the homepage ocean look */
.sailing-page .collection-banner{min-height:680px;background-image:linear-gradient(90deg,rgba(2,19,36,.70),rgba(2,19,36,.10)),url("../images/v39/home-sailing-hero.jpg")!important;background-size:cover!important;background-position:center!important}.sailing-page .collection-banner::before{background:none!important;animation:none!important}.sailing-page .collection-banner::after{background:linear-gradient(90deg,rgba(2,20,38,.62),rgba(2,20,38,.04))!important}.sailing-page .collection-banner .banner-copy{background:rgba(2,24,44,.26)!important;color:#fff!important;border:1px solid rgba(211,162,77,.5)}.sailing-page .collection-banner h1{color:#d9a84f!important}.sailing-page .collection-banner p{color:#fff}

/* Design System: deep wave foundation, clean equal-size light product panels */
.design-page .design-top{background:linear-gradient(rgba(2,23,43,.25),rgba(2,23,43,.45)),var(--v39-wave) center/cover no-repeat!important;color:#fff}.design-page .design-copy h1,.design-page .design-copy p{color:#fff}.design-page .design-visual{background:rgba(3,25,47,.60)}.design-page .design-showcase{background:rgba(2,22,41,.92);border:1px solid rgba(211,162,77,.55)}.design-page .product-card{background:rgba(250,248,244,.97);color:#09223d}.design-page .product-card h3,.design-page .product-card .subtitle,.design-page .swatch-label,.design-page .price{color:#09223d}.design-page .product-image{height:390px;background:#f6f0e7!important;padding:14px}.design-page .product-image img{width:100%;height:100%;object-fit:contain!important;transform:none!important;filter:none!important}.design-page .product-card:nth-child(2) .product-image img,.design-page .product-card:nth-child(3) .product-image img{transform:scale(1.05)!important}.design-page .detail-card{background:rgba(250,248,244,.96)}

/* Story: no empty cream areas; waves and photos fill the whole page */
.story-page .collection-banner{min-height:540px;background:linear-gradient(90deg,rgba(2,20,38,.65),rgba(2,20,38,.06)),url("../images/v26-approved/story-approved.jpg") center/cover no-repeat!important;color:#fff}.story-page .collection-banner::before{background:none!important;animation:none!important}.story-page .collection-banner::after{background:linear-gradient(90deg,rgba(2,20,38,.65),rgba(2,20,38,.08))!important}.story-page .collection-banner .banner-copy{background:rgba(2,24,44,.28)!important;color:#fff;border:1px solid rgba(211,162,77,.45)}.story-page .collection-banner h1,.story-page .collection-banner p{color:#fff}.story-page .story-collage{background:transparent;grid-template-columns:.72fr 1.1fr 1.1fr 1.1fr}.story-page .story-collage>*{min-height:570px}.story-page .story-collage img{height:570px;object-fit:cover}.story-page .story-copy{background:rgba(3,25,47,.92);color:#fff}.story-page .feature-strip,.story-page .journey{background:rgba(3,25,47,.52);border:1px solid rgba(211,162,77,.45)}.story-page .principles{background:rgba(2,22,41,.86)}

/* Accessories: ocean left title, approved collage right, pale frothy wave cards */
.accessories-page .page-hero{background:var(--v39-wave) center/cover no-repeat!important;color:#fff;min-height:620px}.accessories-page .page-hero::before{background:none!important;animation:none!important}.accessories-page .page-hero-copy{background:rgba(2,24,44,.58)!important;color:#fff;display:flex;flex-direction:column;justify-content:center}.accessories-page .page-hero-copy h1,.accessories-page .page-hero-copy p{color:#fff}.accessories-page .page-hero-media img{height:100%;object-fit:cover}.accessories-page .section.marble{background:linear-gradient(rgba(235,246,248,.70),rgba(225,242,246,.80)),var(--v39-wave-light) center/cover no-repeat!important;color:#09223d}.accessories-page .accessory-card{background:rgba(255,255,255,.93);border:1px solid #d3a24d}.accessories-page .accessory-card img{height:270px}.accessories-page .accessory-card:nth-child(2) img{object-position:center 30%}

/* Private List: yacht model stays unobstructed; ocean continues below */
.private-page .private-hero{background:#041a31}.private-page .private-product-display{display:none!important}.private-page .private-overlay{background:linear-gradient(90deg,rgba(2,22,41,.88) 0 42%,rgba(2,22,41,.30) 58%,rgba(2,22,41,.02) 78%)}.private-page .private-copy,.private-page .private-copy h1,.private-page .private-copy p{color:#fff}.private-page .private-copy .lead{color:#e0b36a}.private-page .benefit-band{background:rgba(2,22,41,.90)}.private-page .member{color:#fff}.private-page .member p{color:#d8e4ec}

/* Contact and Next Collections */
.contact-page .page-hero,.next-page .collection-banner{background:linear-gradient(rgba(2,23,43,.32),rgba(2,23,43,.45)),var(--v39-wave) center/cover no-repeat!important;color:#fff}.contact-page .page-hero::before,.next-page .collection-banner::before{display:none!important}.contact-page .page-hero-copy h1,.contact-page .page-hero-copy p,.next-page .collection-banner h1,.next-page .collection-banner p{color:#fff}.contact-page .contact-wrap{background:rgba(250,248,244,.96);color:#09223d}.next-page .preview-card{background:rgba(250,248,244,.96)}

/* Footer and common ocean-page typography */
.home-page .site-footer,.collection-page .site-footer,.sailing-page .site-footer,.design-page .site-footer,.story-page .site-footer,.accessories-page .site-footer,.private-page .site-footer,.contact-page .site-footer,.next-page .site-footer{background:#03172b}.home-page .feature-strip,.collection-page .feature-strip,.sailing-page .feature-strip{background:rgba(3,25,47,.72);border:1px solid rgba(211,162,77,.58);color:#fff}.home-page .feature,.collection-page .feature,.sailing-page .feature{border-color:rgba(211,162,77,.42)}

@media(max-width:900px){
 .v39-home-hero,.v39-home-hero>img{height:720px;min-height:720px}.v39-home-hero>img{object-position:65% center}.v39-home-hero .hero-copy{left:7%;right:7%;bottom:68px;top:auto;transform:none}.v39-home-hero .hero-copy h1{font-size:58px}.story-page .story-collage{grid-template-columns:1fr}.story-page .story-collage>*{min-height:auto}.story-page .story-collage img{height:440px}.accessories-page .page-hero{min-height:auto}
}
@media(max-width:600px){
 .v39-home-hero,.v39-home-hero>img{height:670px;min-height:670px}.v39-home-hero .hero-copy h1{font-size:45px}.v39-home-hero .hero-copy .tagline{font-size:18px}.home-page .section.marble,.collection-page .section.marble,.sailing-page .section.marble,.design-page .section.marble,.story-page .section.marble,.private-page .section.marble,.contact-page .section.marble,.next-page .section.marble{background-attachment:scroll!important}.accessories-page .accessory-card img{height:210px}
}
/* V39 specificity corrections: remove all older pale-wave overlays. */
body.home-page .page-main > .section.marble,
body.collection-page .page-main > .section.marble,
body.sailing-page .page-main > .section.marble,
body.design-page .page-main > .section.marble,
body.story-page .page-main > .section.marble,
body.private-page .page-main > .section.marble,
body.contact-page .page-main > .section.marble,
body.next-page .page-main > .section.marble{
  background:linear-gradient(rgba(1,18,34,.05),rgba(1,18,34,.28)),var(--v39-wave) center/cover no-repeat!important;
  color:#fff!important;
}
body.home-page .page-main > .section.marble::before,
body.collection-page .page-main > .section.marble::before,
body.sailing-page .page-main > .section.marble::before,
body.design-page .page-main > .section.marble::before,
body.story-page .page-main > .section.marble::before,
body.private-page .page-main > .section.marble::before,
body.contact-page .page-main > .section.marble::before,
body.next-page .page-main > .section.marble::before{
  background:linear-gradient(180deg,rgba(1,18,34,.08),rgba(1,18,34,.30))!important;
  opacity:1!important;animation:none!important;
}
body.home-page .page-main > .section.marble::after,
body.collection-page .page-main > .section.marble::after,
body.sailing-page .page-main > .section.marble::after,
body.design-page .page-main > .section.marble::after,
body.story-page .page-main > .section.marble::after,
body.private-page .page-main > .section.marble::after,
body.contact-page .page-main > .section.marble::after,
body.next-page .page-main > .section.marble::after{
  background:url("../images/v39/ocean-wave-crest.jpg") center bottom/cover no-repeat!important;
  opacity:.72!important;height:125px!important;animation:none!important;
}
body.home-page .section-title h2,body.home-page .section-title p,
body.collection-page .section-title h2,body.collection-page .section-title p,
body.sailing-page .section-title h2,body.sailing-page .section-title p,
body.design-page .section-title h2,body.design-page .section-title p,
body.story-page .section-title h2,body.story-page .section-title p{color:#fff!important}
.v39-home-hero .hero-copy h1 small{font-size:.27em;margin-bottom:8px}.v39-home-hero .hero-copy h1 span{font-size:.36em;letter-spacing:.16em;margin-top:10px}.v39-home-hero .hero-copy{top:46%}
/* V39 final hero corrections */
body.sailing-page .collection-banner{
 background-image:linear-gradient(90deg,rgba(2,19,36,.72),rgba(2,19,36,.08)),url("../images/v39/home-sailing-hero-clean.jpg")!important;
}
body.story-page .collection-banner{
 background:linear-gradient(rgba(2,22,41,.28),rgba(2,22,41,.42)),var(--v39-wave) center/cover no-repeat!important;
 display:grid;place-items:center;text-align:center;
}
body.story-page .collection-banner .banner-copy{max-width:780px;background:rgba(2,24,44,.42)!important}
body.story-page .collection-banner .banner-copy h1{font-size:clamp(58px,8vw,110px);letter-spacing:.10em}

/* ============================================================
   V40 CONTACT + NEXT COLLECTIONS REFINEMENTS
   Requested 2026-07-12: gold contact hero copy over real blue waves,
   plus a restrained wave rise at the bottom of Next Collections hero.
   ============================================================ */
body.contact-page .page-hero{
  background:#031a31!important;
  color:#e7b866;
}
body.contact-page .page-hero-copy{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(2,20,38,.78),rgba(2,20,38,.58)),
    var(--v39-wave) center/cover no-repeat!important;
  color:#e7b866!important;
}
body.contact-page .page-hero-copy::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:auto -8% -12% -8%;
  height:62%;
  background:url("../images/v39/ocean-wave-crest.jpg") center bottom/cover no-repeat;
  opacity:.82;
  pointer-events:none;
  -webkit-mask-image:linear-gradient(to top,#000 40%,rgba(0,0,0,.72) 72%,transparent 100%);
  mask-image:linear-gradient(to top,#000 40%,rgba(0,0,0,.72) 72%,transparent 100%);
}
body.contact-page .page-hero-copy .eyebrow,
body.contact-page .page-hero-copy h1,
body.contact-page .page-hero-copy .lead,
body.contact-page .page-hero-copy p,
body.contact-page .page-hero-copy .gold-rule{
  color:#e7b866!important;
  text-shadow:0 2px 12px rgba(0,0,0,.32);
}
body.contact-page .page-hero-media{
  border-left:1px solid rgba(211,162,77,.55);
}

body.next-page .page-hero{
  background:#fbf8f2!important;
  color:#09223d;
}
body.next-page .page-hero-copy{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:linear-gradient(180deg,#fbf8f2 0%,#fbf8f2 58%,rgba(240,247,249,.94) 100%)!important;
}
body.next-page .page-hero-copy::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:-5%;
  right:-5%;
  bottom:-8%;
  height:43%;
  background:var(--v39-wave) center 72%/cover no-repeat;
  opacity:.62;
  pointer-events:none;
  -webkit-mask-image:linear-gradient(to top,#000 38%,rgba(0,0,0,.72) 68%,transparent 100%);
  mask-image:linear-gradient(to top,#000 38%,rgba(0,0,0,.72) 68%,transparent 100%);
}
body.next-page .page-hero-copy > *{position:relative;z-index:1}
body.next-page .page-hero-copy h1{color:#09223d!important}
body.next-page .page-hero-copy .lead{color:#9a6923!important}
body.next-page .page-hero-copy p{color:#24384e!important}
body.next-page .page-hero-copy .button-row{margin-top:18px}

@media(max-width:900px){
  body.contact-page .page-hero-copy::after{height:48%;opacity:.72}
  body.next-page .page-hero-copy::after{height:38%;bottom:-5%}
}
@media(max-width:600px){
  body.contact-page .page-hero-copy{min-height:420px}
  body.next-page .page-hero-copy{min-height:430px}
  body.next-page .page-hero-copy::after{height:36%;opacity:.58}
}

/* ============================================================
   V41 REAL HTML REFINEMENTS — Design System + Sailing Luxe
   Requested: large/equal garments, no flat white product wells,
   meaningful Design System copy, and deep approved ocean waves.
   ============================================================ */

/* Design System hero: remove the three pale feature boxes and use meaningful transparent content. */
body.design-page .v41-design-hero{
  min-height:660px;
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  background:
    linear-gradient(100deg,rgba(2,18,34,.90) 0 38%,rgba(2,18,34,.38) 65%,rgba(2,18,34,.20)),
    var(--v39-wave) center/cover no-repeat!important;
  border-bottom:1px solid rgba(211,162,77,.55);
  color:#fff;
}
body.design-page .v41-design-hero .design-copy{
  padding:58px 48px;
  background:linear-gradient(90deg,rgba(2,20,38,.76),rgba(2,20,38,.24));
}
body.design-page .v41-design-hero .design-copy h1,
body.design-page .v41-design-hero .design-copy .design-lead{color:#fff!important}
body.design-page .v41-design-hero .design-lead{font:400 22px/1.5 var(--serif);max-width:580px}
body.design-page .design-meaning-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  margin-top:30px;
  max-width:640px;
  border-top:1px solid rgba(214,167,85,.55);
}
body.design-page .design-meaning-grid>div{
  display:grid;
  grid-template-columns:48px 1fr;
  column-gap:15px;
  padding:17px 0;
  border-bottom:1px solid rgba(214,167,85,.34);
  background:transparent;
}
body.design-page .design-meaning-grid span{
  grid-row:1/3;
  display:grid;
  place-items:center;
  width:40px;height:40px;
  border:1px solid #d3a24d;
  border-radius:50%;
  color:#e0b36a;
  font-size:11px;
  letter-spacing:.12em;
}
body.design-page .design-meaning-grid h3{
  margin:1px 0 5px;
  color:#e5bd77;
  font:400 18px/1.2 var(--serif);
  letter-spacing:.07em;
  text-transform:uppercase;
}
body.design-page .design-meaning-grid p{margin:0;color:#dce7ee;line-height:1.5;font-size:13px}
body.design-page .design-ocean-stage{
  position:relative;
  align-self:stretch;
  min-height:660px;
  display:grid;
  grid-template-columns:1.08fr .96fr .96fr;
  align-items:center;
  gap:16px;
  padding:42px 34px;
  background:linear-gradient(rgba(1,18,34,.12),rgba(1,18,34,.36));
  overflow:hidden;
}
body.design-page .design-ocean-stage::after{
  content:"";
  position:absolute;inset:auto -5% -7% -5%;height:38%;
  background:url("../images/v39/ocean-wave-crest.jpg") center bottom/cover no-repeat;
  opacity:.68;
  pointer-events:none;
}
body.design-page .stage-product{
  position:relative;z-index:1;
  margin:0;
  min-width:0;
  height:430px;
  display:grid;
  grid-template-rows:1fr auto;
  align-items:center;
  padding:12px;
  border:1px solid rgba(211,162,77,.60);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(3,26,48,.32),rgba(3,26,48,.72));
  box-shadow:0 20px 50px rgba(0,0,0,.25);
  overflow:hidden;
}
body.design-page .stage-product img{
  width:100%;height:360px;
  object-fit:contain;
  object-position:center;
  -webkit-mask-image:radial-gradient(ellipse 80% 76% at center,#000 54%,rgba(0,0,0,.96) 68%,transparent 100%);
  mask-image:radial-gradient(ellipse 80% 76% at center,#000 54%,rgba(0,0,0,.96) 68%,transparent 100%);
  filter:drop-shadow(0 16px 20px rgba(0,0,0,.30));
}
body.design-page .stage-product.stage-jock img{transform:scale(1.15)}
body.design-page .stage-product.stage-thong img{transform:scale(1.22)}
body.design-page .stage-product figcaption{
  color:#e2b667;
  text-align:center;
  font:400 18px/1.2 var(--serif);
  letter-spacing:.12em;
  text-transform:uppercase;
  padding:8px 0 2px;
}

/* Ocean-backed product cards used by the homepage, Sailing Luxe and Design System. */
body .v41-ocean-products{
  background:linear-gradient(rgba(1,18,34,.10),rgba(1,18,34,.28)),var(--v39-wave) center/cover no-repeat!important;
  color:#fff!important;
}
body .v41-ocean-products .section-title h2,
body .v41-ocean-products .section-title p{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.38)}
body .v41-ocean-products .product-grid{align-items:stretch;gap:20px}
body .v41-ocean-products .product-card{
  background:linear-gradient(180deg,rgba(2,24,44,.88),rgba(2,19,36,.95))!important;
  border:1px solid rgba(211,162,77,.80)!important;
  color:#fff!important;
  box-shadow:0 18px 46px rgba(0,0,0,.32);
}
body .v41-ocean-products .product-card h3{color:#e3ba70!important}
body .v41-ocean-products .product-card .subtitle,
body .v41-ocean-products .swatch-label,
body .v41-ocean-products .price{color:#fff!important}
body .v41-ocean-products .product-image{
  position:relative;
  height:370px!important;
  padding:10px!important;
  overflow:hidden;
  background:
    linear-gradient(rgba(2,24,44,.14),rgba(2,24,44,.30)),
    var(--v39-wave) center/cover no-repeat!important;
  border:1px solid rgba(211,162,77,.38);
  border-radius:12px;
}
body .v41-ocean-products .product-image::after{
  content:"";position:absolute;inset:0;
  box-shadow:inset 0 0 46px rgba(1,17,33,.72);
  pointer-events:none;
}
body .v41-ocean-products .product-image img{
  width:100%!important;height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  filter:drop-shadow(0 14px 18px rgba(0,0,0,.35))!important;
  -webkit-mask-image:radial-gradient(ellipse 82% 78% at center,#000 58%,rgba(0,0,0,.98) 72%,transparent 100%);
  mask-image:radial-gradient(ellipse 82% 78% at center,#000 58%,rgba(0,0,0,.98) 72%,transparent 100%);
}
body .v41-ocean-products .product-card[data-name="Jockstrap"] .product-image img{transform:scale(1.13)!important}
body .v41-ocean-products .product-card[data-name="Thong"] .product-image img{transform:scale(1.20)!important}
body .v41-ocean-products .product-card[data-name="Boxer Brief"] .product-image img{transform:scale(1.04)!important}
body .v41-ocean-products .size-select{background:#061b34;color:#fff;border-color:#d3a24d}
body .v41-ocean-products .view-link{color:#fff;border-color:#d3a24d}
body .v41-ocean-products .quick360{color:#e0b36a}
body .v41-ocean-products .button{background:linear-gradient(180deg,#e2b762,#b97a20);color:#071a2d}
body .v41-ocean-products .swatch{border-color:#071a2d}

/* Available Colorways: specifically keep equal visual scale and correct black jockstrap. */
body.design-page .v41-colorways .product-image{height:390px!important}
body.design-page .v41-colorways .product-card[data-name="Jockstrap"] .product-image img{transform:scale(1.08)!important}
body.design-page .v41-colorways .product-card[data-name="Thong"] .product-image img{transform:scale(1.24)!important}

/* Sailing Luxe hero and merchandise section merge naturally into one ocean world. */
body.sailing-page .collection-banner{border-bottom:0}
body.sailing-page .collection-banner + .v41-ocean-products{padding-top:52px}
body.sailing-page .v41-ocean-products::before{background:linear-gradient(180deg,rgba(1,18,34,.10),rgba(1,18,34,.32))!important}

@media(max-width:1000px){
  body.design-page .v41-design-hero{grid-template-columns:1fr}
  body.design-page .design-ocean-stage{min-height:560px;padding:25px 18px}
  body.design-page .stage-product{height:360px}
  body.design-page .stage-product img{height:290px}
}
@media(max-width:700px){
  body.design-page .v41-design-hero .design-copy{padding:42px 22px}
  body.design-page .design-ocean-stage{grid-template-columns:1fr;min-height:auto}
  body.design-page .stage-product{height:350px}
  body .v41-ocean-products .product-image{height:330px!important}
}
/* V41 product cutout corrections */
body.design-page .stage-product.v41-stage-jock img{transform:scale(1.16)}
body.design-page .stage-product.v41-stage-thong img{transform:scale(1.22)}
body.design-page .stage-product.v41-stage-boxer img{transform:scale(1.12)}
body .v41-ocean-products .product-image img[src$="-cut.png"]{
  -webkit-mask-image:none!important;
  mask-image:none!important;
  object-fit:contain!important;
}
body .v41-ocean-products .product-card[data-name="Jockstrap"] .product-image img[src$="-cut.png"]{transform:scale(1.18)!important}
body .v41-ocean-products .product-card[data-name="Thong"] .product-image img[src$="-cut.png"]{transform:scale(1.26)!important}


/* ============================================================
   V42 REAL HTML BUILD — approved deep-ocean product presentation
   Actual HTML/CSS/JS pages rendered for cPanel preview.
   ============================================================ */
:root{--v42-wave:url("../images/v39/ocean-waves-deep.jpg")}

/* Real product photography pre-composited over the approved wave world. */
body .v41-ocean-products .product-image{
  height:390px!important;
  padding:0!important;
  background:var(--v42-wave) center/cover no-repeat!important;
  border:1px solid rgba(213,166,80,.58)!important;
  overflow:hidden;
}
body .v41-ocean-products .product-image img[src*="/v42cards/"]{
  width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center!important;
  transform:none!important;filter:none!important;
  -webkit-mask-image:none!important;mask-image:none!important;
}
body .v41-ocean-products .product-image::after{box-shadow:inset 0 0 55px rgba(1,17,33,.28)!important}
body .v41-ocean-products .product-card[data-name="Boxer Brief"] .product-image img,
body .v41-ocean-products .product-card[data-name="Jockstrap"] .product-image img,
body .v41-ocean-products .product-card[data-name="Thong"] .product-image img{transform:none!important}

/* Design System hero: equal Coastal Blue garment scale and no cream wells. */
body.design-page .design-ocean-stage{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:38px 26px}
body.design-page .stage-product{height:455px;padding:0;background:rgba(1,20,38,.50)}
body.design-page .stage-product img[src*="/v42cards/"]{
  width:100%;height:390px;object-fit:cover;object-position:center;
  transform:none!important;filter:none!important;
  -webkit-mask-image:none!important;mask-image:none!important;
}
body.design-page .stage-product figcaption{background:rgba(2,20,38,.84);margin:0;padding:13px 8px;width:100%}

/* Design System 360 showcase now lives on the same ocean background. */
body.design-page .section:has(.design-showcase){background:linear-gradient(rgba(1,18,34,.10),rgba(1,18,34,.30)),var(--v42-wave) center/cover no-repeat!important}
body.design-page .design-showcase{background:linear-gradient(180deg,rgba(2,24,44,.92),rgba(2,18,35,.96)),var(--v42-wave) center/cover no-repeat!important;border:1px solid rgba(213,166,80,.58)}
body.design-page .design-main-image{height:330px;background:var(--v42-wave) center/cover no-repeat;border:1px solid rgba(213,166,80,.38);overflow:hidden}
body.design-page .design-main-image img[src*="/v42cards/"]{width:100%;height:100%;object-fit:cover;filter:none!important;transform:none!important}
body.design-page .thumb-row img{background:#061b34;border-color:#d3a24d}

/* Available Colorways cards: equal wells, full waves, corrected scale. */
body.design-page .v41-colorways .product-image{height:410px!important}
body.design-page .v41-colorways .product-card{min-height:690px}
body.design-page .v41-colorways .product-image img[src*="/v42cards/"]{object-fit:cover!important}

/* Real product-detail pages also use the wave-backed images. */
body:has([data-product-detail]) .section.marble{background:linear-gradient(rgba(2,20,38,.10),rgba(2,20,38,.26)),var(--v42-wave) center/cover no-repeat!important}
body:has([data-product-detail]) .product-gallery{background:rgba(2,20,38,.90);border-color:#d3a24d}
body:has([data-product-detail]) .product-gallery .main-product{height:620px;background:var(--v42-wave) center/cover no-repeat}
body:has([data-product-detail]) .product-gallery .main-product img[src*="/v42cards/"]{width:100%;height:100%;object-fit:cover!important}
body:has([data-product-detail]) .product-thumbs img[src*="/v42cards/"]{height:110px;object-fit:cover;background:#061b34}
body:has([data-product-detail]) .product-info{background:rgba(255,253,248,.94);border:1px solid rgba(211,162,77,.55);padding:32px;border-radius:14px}

@media(max-width:1000px){
  body.design-page .design-ocean-stage{grid-template-columns:repeat(3,minmax(0,1fr));min-height:460px}
  body.design-page .stage-product{height:390px}
  body.design-page .stage-product img[src*="/v42cards/"]{height:330px}
}
@media(max-width:700px){
  body.design-page .design-ocean-stage{grid-template-columns:1fr;gap:14px}
  body.design-page .stage-product{height:380px}
  body.design-page .stage-product img[src*="/v42cards/"]{height:320px}
  body .v41-ocean-products .product-image{height:340px!important}
  body.design-page .v41-colorways .product-image{height:350px!important}
  body:has([data-product-detail]) .product-gallery .main-product{height:420px}
}

/* V44 — TRUE GOLD + APPROVED POCKET SYSTEM LOCK */
:root{
  --gold:#d4af37;
  --gold2:#f0d77a;
  --v39-gold:#d4af37;
  --logo-gold:#d4af37;
  --logo-gold-light:#f0d77a;
  --logo-gold-dark:#a98222;
}
.brand,.brand b,.brand small,.eyebrow,.gold-rule,.quick360,.footer-col h3,
.home-page .product-card h3,.collection-page .product-card h3,.sailing-page .product-card h3,
.world-copy h3,.design-item h3,.detail-card h3,.price-row .price,
.pocket-page h1,.pocket-page h2,.pocket-page h3,.pocket-page .pocket-kicker,
.pocket-page .pocket-number,.pocket-page .pocket-cta-label{
  color:var(--logo-gold)!important;
}
.topbar,.topbar span,.desktop-nav a.active,.desktop-nav a:hover,.private-link:hover,
.button,.button.gold,.home-page .quick360,.collection-page .quick360,.sailing-page .quick360,
.home-page .accessory-card button,.v41-ocean-products .quick360,.detail-link{
  color:var(--logo-gold-light)!important;
}
.button.gold,.home-page .button[data-add-cart],.collection-page .button[data-add-cart],
.sailing-page .button[data-add-cart],body .v41-ocean-products .button{
  background:linear-gradient(180deg,#f0d77a 0%,#d4af37 54%,#a98222 100%)!important;
  border-color:#f0d77a!important;
  color:#071a2d!important;
}
.icon-button,.menu-button,.product-card,.accessory-card,.world-card,.view-link,.size-select,
.design-item,.detail-card,.pocket-card,.pocket-hero-panel,.pocket-system-panel{
  border-color:rgba(212,175,55,.78)!important;
}
.icon-button,.menu-button,.sound-dot,.bag-count{color:var(--logo-gold-light)!important}
.desktop-nav a:after,.private-link:after,.gold-rule:before,.gold-rule:after{background:var(--logo-gold)!important}
.swatch,.swatch.active{box-shadow:0 0 0 1px var(--logo-gold)!important}
.swatch.active{box-shadow:0 0 0 3px var(--logo-gold)!important}
.footer-brand p[style]{color:var(--logo-gold)!important}
.detail-card{color:inherit;text-decoration:none}.detail-link{display:block;margin-top:10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}

/* Dedicated Pocket System page — actual HTML/CSS */
.pocket-page{background:#031a31;color:#fff}
.pocket-main{position:relative;background:linear-gradient(rgba(2,18,35,.35),rgba(2,18,35,.35)),var(--v39-wave) center/cover fixed;padding-bottom:40px}
.pocket-hero{min-height:690px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:34px;max-width:1500px;margin:auto;padding:60px 32px}
.pocket-hero-copy{padding:24px}.pocket-kicker{text-transform:uppercase;letter-spacing:.22em;font-weight:700;font-size:13px}
.pocket-hero h1{font:400 clamp(58px,7vw,108px)/.83 var(--serif);letter-spacing:.05em;text-transform:uppercase;margin:18px 0 26px;color:#fff!important}
.pocket-hero-copy>p{font:400 22px/1.5 var(--serif);max-width:620px}
.pocket-hero-points{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0}.pocket-hero-point{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start}.pocket-hero-point b{color:var(--logo-gold-light);text-transform:uppercase;letter-spacing:.08em}.pocket-hero-point span{display:block;color:#d9e4ec;line-height:1.45;font-size:14px}.pocket-icon{width:38px;height:38px;border:1px solid var(--logo-gold);border-radius:50%;display:grid;place-items:center;color:var(--logo-gold)}
.pocket-hero-visual{display:grid;place-items:center}.pocket-hero-panel{background:rgba(2,20,38,.67);border:1px solid var(--logo-gold);border-radius:18px;padding:20px;width:100%;max-width:720px}.pocket-hero-panel img{width:100%;height:560px;object-fit:contain;border-radius:12px;background:#f8f5ef}
.pocket-section{max-width:1500px;margin:0 auto 22px;padding:0 28px}.pocket-system-panel{background:rgba(2,20,38,.92);border:1px solid var(--logo-gold);border-radius:18px;padding:30px}.pocket-system-panel h2{font:400 clamp(34px,4vw,62px)/1 var(--serif);letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px;color:#fff!important}.pocket-system-panel>p{color:#d7e2ea;max-width:900px;line-height:1.6}
.pocket-front-view{display:grid;grid-template-columns:.72fr 1.28fr;gap:26px;align-items:center}.pocket-front-copy ol{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:18px}.pocket-front-copy li{display:grid;grid-template-columns:42px 1fr;gap:14px}.pocket-number{width:34px;height:34px;border:1px solid var(--logo-gold);border-radius:50%;display:grid;place-items:center;font-weight:700}.pocket-front-copy strong{display:block;text-transform:uppercase;letter-spacing:.09em;color:#fff}.pocket-front-copy span{color:#d8e3eb;line-height:1.5}.pocket-front-view img{width:100%;height:500px;object-fit:contain;background:#f8f5ef;border-radius:14px}
.pocket-essentials{display:grid;grid-template-columns:2fr .85fr;gap:22px}.pocket-card{background:rgba(2,20,38,.92);border:1px solid var(--logo-gold);border-radius:16px;padding:24px}.pocket-card h2{font:400 34px/1.1 var(--serif);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;color:#fff!important}.pocket-card>p{color:#d8e3eb}.essential-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.essential-item{border-right:1px solid rgba(212,175,55,.55);padding-right:14px}.essential-item:last-child{border-right:0}.essential-item h3{font:400 20px/1 var(--serif);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px}.essential-item p{font-size:13px;line-height:1.45;color:#dce6ed;min-height:58px}.essential-window{height:210px;background:#f8f5ef;border-radius:10px;overflow:hidden;display:grid;place-items:center}.essential-window img{width:100%;height:100%;object-fit:cover}.essential-window.crop-left img{object-position:17% 50%;transform:scale(1.55)}.essential-window.crop-center img{object-position:50% 50%;transform:scale(1.55)}.essential-card-css{width:120px;height:170px;border-radius:10px;background:#071d38;border:1px solid var(--logo-gold);display:grid;place-items:center;color:var(--logo-gold);font:400 38px var(--serif);box-shadow:0 12px 28px rgba(0,0,0,.25)}.essential-card-css.light{background:#f7f3ea;color:var(--logo-gold)}
.phone-panel img{width:100%;height:430px;object-fit:cover;object-position:center;background:#f8f5ef;border-radius:10px}.phone-panel p{margin-bottom:16px}
.pocket-styles{display:grid;grid-template-columns:2.2fr .8fr;gap:22px}.styles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.style-tile{text-align:center;border-right:1px solid rgba(212,175,55,.55);padding:8px 18px}.style-tile:last-child{border-right:0}.style-tile img{width:100%;height:300px;object-fit:contain;background:#f8f5ef;border-radius:10px}.style-tile h3{font:400 24px var(--serif);text-transform:uppercase}.style-tile .button{margin-top:10px}.prepared-panel{display:flex;flex-direction:column;justify-content:center;text-align:center}.prepared-panel h2{color:var(--logo-gold)!important}.prepared-panel p{font-size:18px;line-height:1.55;color:#fff}.prepared-panel strong{color:var(--logo-gold-light);letter-spacing:.18em;text-transform:uppercase}
@media(max-width:900px){.pocket-hero,.pocket-front-view,.pocket-essentials,.pocket-styles{grid-template-columns:1fr}.pocket-hero{padding:40px 18px}.pocket-hero-panel img{height:430px}.essential-grid{grid-template-columns:1fr 1fr}.styles-grid{grid-template-columns:1fr}.style-tile{border-right:0;border-bottom:1px solid rgba(212,175,55,.55)}}
@media(max-width:600px){.pocket-hero h1{font-size:56px}.pocket-hero-points,.essential-grid{grid-template-columns:1fr}.pocket-section{padding:0 12px}.pocket-system-panel,.pocket-card{padding:18px}.pocket-front-view img{height:330px}.phone-panel img{height:340px}}


/* ============================================================
   V45 — CRISP REAL GARMENT LINEUPS
   Restores the approved full, clean original underwear images.
   Keeps the true PressPair gold palette and ocean page world.
   ============================================================ */
:root{
  --pp-true-gold:#d4af37;
  --pp-true-gold-light:#f0d77a;
  --pp-card-cream:#f8f7f2;
}

/* Clean product wells: no wave overlay, vignette, mask, or corner shadow. */
body .v41-ocean-products .product-image,
body.design-page .v41-colorways .product-image,
body.design-page .design-main-image,
body.design-page .stage-product,
body:has([data-product-detail]) .product-gallery .main-product{
  background:var(--pp-card-cream)!important;
  box-shadow:none!important;
}
body .v41-ocean-products .product-image::after{display:none!important;content:none!important}
body .v41-ocean-products .product-image img,
body.design-page .product-image img,
body.design-page .design-main-image img,
body.design-page .stage-product img,
body:has([data-product-detail]) .product-gallery .main-product img,
body:has([data-product-detail]) .product-thumbs img{
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
body .v41-ocean-products .product-image img[src*="/v45/cards/"],
body.design-page .product-image img[src*="/v45/cards/"],
body.design-page .design-main-image img[src*="/v45/cards/"],
body.design-page .stage-product img[src*="/v45/cards/"],
body:has([data-product-detail]) img[src*="/v45/cards/"]{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  transform:none!important;
  filter:none!important;
}

/* Keep every three-style lineup equal and fully visible. */
body .v41-ocean-products .product-image{height:390px!important;padding:8px!important}
body.design-page .v41-colorways .product-image{height:410px!important;padding:8px!important}
body.design-page .design-main-image{height:330px!important;padding:8px!important}
body.design-page .stage-product{padding:10px!important;overflow:hidden}
body.design-page .stage-product img[src*="/v45/cards/"]{height:390px!important}
body.design-page .stage-product figcaption{margin-top:0}
body:has([data-product-detail]) .product-gallery .main-product{padding:12px!important}

/* Preserve true traditional logo gold throughout the real pages. */
body .product-card h3,
body .design-item h3,
body .stage-product figcaption,
body .quick360,
body .detail-link,
body .eyebrow,
body .gold-rule,
body .footer-col h3,
body .world-copy h3,
body .pocket-page h1,
body .pocket-page h2,
body .pocket-page h3,
body .pocket-page .pocket-kicker,
body .pocket-page .pocket-number,
body .pocket-page .pocket-cta-label{
  color:var(--pp-true-gold)!important;
}
body .button.gold,
body .button[data-add-cart],
body .v41-ocean-products .button{
  background:linear-gradient(180deg,var(--pp-true-gold-light) 0%,var(--pp-true-gold) 54%,#a98222 100%)!important;
  border-color:var(--pp-true-gold-light)!important;
}

@media(max-width:700px){
  body .v41-ocean-products .product-image{height:335px!important;padding:6px!important}
  body.design-page .v41-colorways .product-image{height:350px!important}
  body.design-page .design-main-image{height:300px!important}
  body.design-page .stage-product img[src*="/v45/cards/"]{height:300px!important}
}

/* V45 final sizing lock for the Design System top trio. */
body.design-page .stage-product.v41-stage-boxer img[src*="/v45/cards/"]{transform:scale(1.32)!important}
body.design-page .stage-product.v41-stage-jock img[src*="/v45/cards/"]{transform:scale(1.34)!important}
body.design-page .stage-product.v41-stage-thong img[src*="/v45/cards/"]{transform:scale(1.36)!important}
@media(max-width:700px){
  body.design-page .stage-product.v41-stage-boxer img[src*="/v45/cards/"]{transform:scale(1.24)!important}
  body.design-page .stage-product.v41-stage-jock img[src*="/v45/cards/"]{transform:scale(1.26)!important}
  body.design-page .stage-product.v41-stage-thong img[src*="/v45/cards/"]{transform:scale(1.28)!important}
}
/* V45 top-stage close crop: only enlarges neutral margins, never recolors garments. */
body.design-page .stage-product.v41-stage-boxer img[src*="/v45/cards/"]{transform:scale(1.62)!important}
body.design-page .stage-product.v41-stage-jock img[src*="/v45/cards/"]{transform:scale(1.72)!important}
body.design-page .stage-product.v41-stage-thong img[src*="/v45/cards/"]{transform:scale(1.86)!important}
@media(max-width:700px){
  body.design-page .stage-product.v41-stage-boxer img[src*="/v45/cards/"]{transform:scale(1.48)!important}
  body.design-page .stage-product.v41-stage-jock img[src*="/v45/cards/"]{transform:scale(1.56)!important}
  body.design-page .stage-product.v41-stage-thong img[src*="/v45/cards/"]{transform:scale(1.68)!important}
}
/* Class-only selectors keep the preview and live cPanel render identical. */
body.design-page .stage-product.v41-stage-boxer img{transform:scale(1.62)!important}
body.design-page .stage-product.v41-stage-jock img{transform:scale(1.72)!important}
body.design-page .stage-product.v41-stage-thong img{transform:scale(1.86)!important}
@media(max-width:700px){
  body.design-page .stage-product.v41-stage-boxer img{transform:scale(1.48)!important}
  body.design-page .stage-product.v41-stage-jock img{transform:scale(1.56)!important}
  body.design-page .stage-product.v41-stage-thong img{transform:scale(1.68)!important}
}
/* Final no-clipping scale for Design System top cards. */
body.design-page .stage-product.v41-stage-boxer img{transform:scale(1.36)!important}
body.design-page .stage-product.v41-stage-jock img{transform:scale(1.42)!important}
body.design-page .stage-product.v41-stage-thong img{transform:scale(1.48)!important}
@media(max-width:700px){
  body.design-page .stage-product.v41-stage-boxer img{transform:scale(1.28)!important}
  body.design-page .stage-product.v41-stage-jock img{transform:scale(1.32)!important}
  body.design-page .stage-product.v41-stage-thong img{transform:scale(1.38)!important}
}

/* V46 Noir Collection review — real HTML/CSS */
:root{--noir-gold:#d8ad63;--noir-gold-deep:#9b6b2d;--noir-ink:#050505;--noir-panel:#0c0c0d;--noir-soft:#171719}
body.noir-page{background:#050505;color:#f5f1e8}
.noir-page .ocean-stage{display:none}
.noir-page .page-main{background:radial-gradient(circle at 50% 0,#202023 0,#0b0b0c 34%,#050505 70%)}
.noir-page .site-header,.noir-page .site-footer{background:#05080c}
.noir-hero{position:relative;min-height:720px;display:grid;grid-template-columns:.85fr 1.35fr;align-items:center;overflow:hidden;border-bottom:1px solid rgba(216,173,99,.45);background:linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.84) 44%,rgba(0,0,0,.12) 75%),url('../images/v46-noir/noir-trio-hero.jpg') 68% center/cover no-repeat}
.noir-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.35));pointer-events:none}
.noir-hero-copy{position:relative;z-index:1;max-width:630px;padding:88px 7vw}
.noir-kicker{display:block;color:var(--noir-gold);font-size:13px;letter-spacing:.28em;text-transform:uppercase;margin-bottom:14px}
.noir-hero h1,.noir-section-title h2{font:400 clamp(54px,6vw,104px)/.92 var(--serif);letter-spacing:.08em;text-transform:uppercase;margin:0;color:#f8f3ea}
.noir-hero h1 span{display:block;color:var(--noir-gold);font-size:.46em;letter-spacing:.24em;margin-top:12px}
.noir-hero p{font:400 22px/1.55 var(--serif);max-width:560px;color:#f5f1e8}
.noir-button{display:inline-grid;place-items:center;min-height:54px;padding:0 28px;border:1px solid var(--noir-gold);color:var(--noir-gold);text-transform:uppercase;letter-spacing:.14em;font-size:12px;background:rgba(0,0,0,.42);cursor:pointer}
.noir-button.gold{background:linear-gradient(180deg,#e4c17f,#b57b29);color:#080808;border-color:#e4c17f;font-weight:700}
.noir-button:hover{filter:brightness(1.12)}
.noir-section{padding:74px 28px;background:linear-gradient(180deg,#0b0b0c,#050505)}
.noir-inner{max-width:1380px;margin:auto}
.noir-section-title{text-align:center;margin-bottom:34px}.noir-section-title h2{font-size:52px;color:#f7f2e9}.noir-section-title p{color:#c8c1b7;font-size:17px}.noir-section-title .noir-kicker{margin-bottom:8px}
.noir-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.noir-product-card{background:linear-gradient(180deg,#151517,#080809);border:1px solid rgba(216,173,99,.7);border-radius:16px;padding:18px;box-shadow:0 22px 60px rgba(0,0,0,.46);display:flex;flex-direction:column;min-height:690px}
.noir-product-card h3{text-align:center;color:var(--noir-gold);font:400 30px/1 var(--serif);letter-spacing:.1em;text-transform:uppercase;margin:8px 0 4px}.noir-product-card .subtitle{text-align:center;color:#ded7cc;font-family:var(--serif);margin:0 0 14px}
.noir-product-image{height:390px;border-radius:10px;overflow:hidden;background:radial-gradient(circle,#2b2b2f,#111);border:1px solid rgba(216,173,99,.25);display:grid;place-items:center}
.noir-product-image img{width:100%;height:100%;object-fit:contain}
.noir-price-row{display:flex;align-items:center;justify-content:space-between;margin:18px 0 12px}.noir-price{font:400 29px/1 var(--serif);color:#fff}.noir-product-card .size-select{background:#0d0f13;color:#fff;border-color:var(--noir-gold)}
.noir-card-actions{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:auto}.noir-card-actions .view-link{color:#f5f1e8;border-color:var(--noir-gold)}
.noir-card-note{text-align:center;color:#a89e91;font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin:13px 0}
.noir-model-band{display:grid;grid-template-columns:1.2fr .8fr;min-height:430px;border:1px solid rgba(216,173,99,.65);border-radius:18px;overflow:hidden;background:#090909;margin-top:30px}.noir-model-band img{width:100%;height:100%;object-fit:cover}.noir-model-copy{padding:54px;display:flex;flex-direction:column;justify-content:center}.noir-model-copy h2{font:400 48px/1.05 var(--serif);color:#fff;margin:0 0 16px}.noir-model-copy p{color:#d7d0c5;font-size:18px;line-height:1.6}
.noir-essentials{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.noir-essential{border:1px solid rgba(216,173,99,.55);background:#0d0d0f;border-radius:14px;overflow:hidden}.noir-essential img{width:100%;height:260px;object-fit:cover}.noir-essential .copy{padding:22px}.noir-essential h3{color:var(--noir-gold);font:400 27px/1.1 var(--serif);margin:0 0 10px}.noir-essential p{color:#cfc7bc;line-height:1.55}
.noir-360-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.noir-360-card{border:1px solid rgba(216,173,99,.55);border-radius:14px;overflow:hidden;background:#0a0a0b}.noir-360-card img{width:100%;height:300px;object-fit:cover}.noir-360-card .copy{display:flex;align-items:center;justify-content:space-between;padding:18px}.noir-360-card h3{margin:0;color:#fff;font:400 26px/1 var(--serif)}
.noir-page .footer-col h3,.noir-page .footer-brand p[style]{color:var(--noir-gold)!important}
.noir-next-feature{margin-top:28px;background:linear-gradient(135deg,#090909,#161618);border:1px solid rgba(216,173,99,.65);border-radius:18px;overflow:hidden;color:#fff}
.noir-next-head{display:grid;grid-template-columns:1.1fr .9fr;align-items:stretch}.noir-next-head img{width:100%;height:100%;min-height:420px;object-fit:cover}.noir-next-copy{padding:48px;display:flex;flex-direction:column;justify-content:center}.noir-next-copy h2{font:400 52px/1 var(--serif);margin:0 0 16px;color:#fff}.noir-next-copy p{color:#d6cec2;font-size:18px;line-height:1.55}.noir-next-copy .noir-kicker{margin-bottom:12px}
.noir-next-products{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(216,173,99,.45)}.noir-next-item{padding:22px;border-right:1px solid rgba(216,173,99,.35);display:grid;grid-template-columns:130px 1fr;gap:18px;align-items:center}.noir-next-item:last-child{border-right:0}.noir-next-item img{width:130px;height:115px;object-fit:contain;background:#161619;border-radius:8px}.noir-next-item h3{color:var(--noir-gold);font:400 24px/1 var(--serif);margin:0 0 8px}.noir-next-item p{color:#d3ccc1;margin:0 0 12px;font-size:13px}.noir-next-item .button{min-height:38px;padding:0 16px;font-size:10px}
.next-page .preview-card.noir-preview img{object-position:center 47%}.next-page .preview-card.noir-preview{background:#080808;color:#fff}.next-page .preview-card.noir-preview h3{color:var(--noir-gold)}.next-page .preview-card.noir-preview p{color:#ded6c9}.next-page .preview-card.noir-preview a{color:var(--noir-gold)}
@media(max-width:980px){.noir-hero{grid-template-columns:1fr;min-height:680px;background-position:62% center}.noir-hero-copy{padding:70px 6vw;max-width:560px}.noir-products,.noir-essentials,.noir-360-grid{grid-template-columns:1fr}.noir-model-band,.noir-next-head{grid-template-columns:1fr}.noir-model-band img{height:420px}.noir-next-products{grid-template-columns:1fr}.noir-next-item{border-right:0;border-bottom:1px solid rgba(216,173,99,.35)}.noir-next-item:last-child{border-bottom:0}}
@media(max-width:600px){.noir-hero{min-height:650px;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.92)),url('../images/v46-noir/noir-trio-hero.jpg') center/cover no-repeat;align-items:end}.noir-hero-copy{padding:44px 22px}.noir-hero h1{font-size:54px}.noir-hero p{font-size:17px}.noir-section{padding:46px 14px}.noir-section-title h2{font-size:40px}.noir-product-card{min-height:auto}.noir-product-image{height:330px}.noir-card-actions{grid-template-columns:1fr}.noir-model-copy{padding:30px}.noir-model-copy h2{font-size:38px}.noir-next-copy{padding:30px}.noir-next-copy h2{font-size:42px}.noir-next-item{grid-template-columns:100px 1fr}.noir-next-item img{width:100px;height:95px}.noir-360-card img{height:230px}}