.cold-page{padding:0 5% 60px;background:#aec7d9}.cold-mast{max-width:1280px;margin:auto;display:flex;justify-content:space-between;align-items:start;color:#4e6a7f;padding:0 0 95px}.cold-mast>a{font:700 clamp(48px,7vw,92px)/1 var(--display)}.cold-mast p{font:12px/1.4 var(--mono);text-align:right;padding-top:10px}.cold-shell{max-width:1120px;margin:auto;background:#4e6a7f}.cold-nav{display:flex;justify-content:space-between;padding:28px 4%;font:11px var(--mono);border-bottom:1px solid #ffffff13}.cold-nav nav{display:flex;gap:22px}.cold-nav button{font:inherit;padding:0}.cold-intro{position:relative;padding:35px 4% 85px}.cold-meta{display:flex;justify-content:space-between;font:9px/1.4 var(--mono);color:#b9cfdb}.cold-meta span:last-child{text-align:right}.cold-intro>.barcode{width:85px;height:18px;position:absolute;top:105px;opacity:.6}.portrait-trio{display:flex;align-items:center;justify-content:center;margin:40px auto 0;width:66%}.portrait-trio img{object-fit:cover}.portrait-trio .center{width:48%;z-index:2}.portrait-trio .side{width:29%;margin-inline:-3%;height:auto;opacity:.9}.intro-statements{display:flex;justify-content:space-between;position:relative;margin-top:-75px;z-index:3}.intro-statements h1,.intro-statements h2{font-size:clamp(28px,3.5vw,46px);line-height:1;text-align:center;letter-spacing:-.03em}.intro-statements h1{width:36%}.intro-statements h2{width:39%}.cold-manifesto{max-width:600px;margin:45px auto 0;font:9px/1.6 var(--mono);text-align:center;color:#d2dfe7}.floating-section{position:relative;min-height:780px;padding:70px 4% 0;isolation:isolate}.floating-section>h2{font-size:clamp(38px,5vw,67px);line-height:1;letter-spacing:-.03em;max-width:58%}.quiet-note{position:absolute;right:4%;top:72px;text-align:right;font:10px/1.5 var(--mono);color:#c4d7e2}.floating-jacket{position:absolute;width:54%;height:660px;object-fit:contain;left:22%;top:72px;z-index:2;filter:drop-shadow(0 20px 25px #243f5260)}.floating-buy{position:absolute;right:4%;top:340px;display:flex;align-items:center;gap:18px;z-index:4;text-align:left;font:10px/1.6 var(--mono)}.floating-buy strong{font-size:20px;font-weight:400}.temperature{position:absolute;left:4%;top:480px;font:10px/1.4 var(--mono);color:#ccdde8}.cold-tag{position:absolute;left:21%;top:560px;z-index:3;font:italic 700 40px var(--display);transform:rotate(-12deg);border-bottom:4px solid white}.floating-section .less{position:absolute;bottom:40px;right:4%;text-align:right;z-index:3;max-width:65%}.cold-inventory{padding:55px 4%}.cold-inventory .section-heading h2{font-size:42px}.cold-inventory .product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.cold-inventory .product-info h3{font-size:11px}.cold-inventory .product-info p{font-size:9px}.cold-page footer{background:#314f64}.cold-page .drawer{max-height:none}.cold-page .product-count{font-size:10px}
@media(max-width:700px){.cold-page{padding:0 12px 20px}.cold-mast{padding:10px 10px 35px}.cold-mast>a{font-size:42px}.cold-mast p{font-size:8px}.cold-nav{padding:22px;gap:15px;font-size:9px}.cold-nav nav{gap:12px}.cold-intro{padding:28px 24px 40px}.cold-meta{font-size:7px}.cold-intro>.barcode{top:83px;width:42px;height:12px}.portrait-trio{width:100%;margin-top:38px}.intro-statements{margin-top:20px;gap:14px}.intro-statements h1,.intro-statements h2{font-size:25px;width:50%}.cold-manifesto{font-size:8px;margin-top:25px}.floating-section{min-height:730px;padding:35px 24px}.floating-section>h2{font-size:39px;max-width:100%}.quiet-note{position:static;margin-top:20px;font-size:8px}.floating-jacket{width:90%;height:410px;left:5%;top:180px}.floating-buy{top:555px;right:24px;font-size:8px;gap:10px}.floating-buy .octagon{width:42px;height:42px}.floating-buy strong{font-size:16px}.temperature{top:525px;left:24px;font-size:7px}.cold-tag{left:12%;top:440px;font-size:30px}.floating-section .less{font-size:35px;right:24px;bottom:25px;max-width:90%}.cold-inventory{padding:35px 24px}.cold-inventory .section-heading h2{font-size:32px}.cold-inventory .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.cold-inventory .collection-bottom{flex-wrap:wrap}}

/* Use the same site shell and navigation as the homepage. */
.cold-page{padding:0;background:var(--ice)}
.cold-shell{max-width:1500px;margin:0 auto;background:var(--slate)}
.cold-shell>.header{background:transparent}
.cold-shell>.mobile-nav{top:130px;z-index:10}
.cold-page footer{background:#243f52}
@media(min-width:1501px){.cold-page{padding:0 40px 40px}}
@media(max-width:700px){.cold-page{padding:0}.cold-shell>.mobile-nav{top:122px}}

/* Graffiti texture across the Cold Ops content. */
.cold-shell{background-color:var(--slate);background-image:linear-gradient(rgba(78,106,127,.70),rgba(78,106,127,.70)),url('assets/field-graffiti.png');background-size:auto,100% auto;background-repeat:repeat;background-position:center top}
.cold-page .cold-inventory{background:transparent}

/* Larger floating jacket for the brand story. */
.floating-jacket{transform:scale(1.15);transform-origin:center}
@media(max-width:700px){.floating-jacket{transform:scale(1.08)}}

/* Brand manifesto beside the floating jacket. */
.floating-section .cold-manifesto{position:absolute;right:4%;top:165px;width:23%;max-width:none;margin:0;text-align:left;font-size:11px;line-height:1.7;z-index:4}
@media(max-width:700px){.floating-section{min-height:930px}.floating-section .cold-manifesto{top:640px;left:24px;right:24px;width:auto;font-size:10px}.floating-section .less{bottom:25px}}

/* Left-aligned opening copy and matching lower baselines. */
.cold-opening{position:relative;width:43%;z-index:4}
.cold-opening>h2{font-size:clamp(38px,5vw,67px);line-height:1;letter-spacing:-.03em}
.floating-section .cold-opening .cold-manifesto{position:static;width:90%;max-width:none;margin:24px 0 0;text-align:left;font-size:11px;line-height:1.7}
.floating-section .temperature{top:auto;bottom:40px}
@media(max-width:700px){.cold-opening{width:100%}.cold-opening>h2{font-size:39px}.floating-section .cold-opening .cold-manifesto{width:100%;font-size:10px}.floating-section{min-height:1080px}.floating-jacket{top:340px}.floating-buy{top:745px}.floating-section .less{bottom:95px}.floating-section .temperature{bottom:25px}}

/* Align the side annotations and keep the manifesto clear of the jacket. */
@media(min-width:701px){
.floating-section .quiet-note{top:70px;line-height:1.2}
.floating-section .cold-opening .cold-manifesto{width:55%;max-width:250px;font-size:11px;line-height:1.75;margin-top:24px}
.floating-section .temperature{bottom:43px;line-height:1.2}
}

@media(min-width:701px){.floating-section .temperature{top:var(--temperature-top);bottom:auto;height:var(--temperature-height);display:flex;flex-direction:column;justify-content:flex-end;line-height:1.4}.temperature span{display:block}}

/* Optical baseline correction for the small mono annotation. */
@media(min-width:701px){.floating-section .temperature{transform:translateY(-4px)}}

/* Align small annotation to the visible capitals of the opening heading. */
@media(min-width:701px){.floating-section .quiet-note{top:calc(70px + clamp(38px,5vw,67px) * .16)}}

/* Center the description in the space between the left heading and lower annotation. */
@media(min-width:701px){.floating-section .cold-opening .cold-manifesto{margin-top:var(--manifesto-gap,24px)}}

/* Align the Icefield action with the centered manifesto. */
@media(min-width:701px){.floating-section .floating-buy{top:var(--icefield-top,340px);align-items:flex-start}}

/* Center the portrait group and give its headings their own row below. */
.cold-intro{padding-top:85px}
.cold-intro>.barcode{top:155px}
.cold-intro .portrait-trio{margin:70px auto 0}
.cold-intro .intro-statements{width:80%;margin:36px auto 0;gap:32px;align-items:flex-start;justify-content:center}
.cold-intro .intro-statements h1,.cold-intro .intro-statements h2{width:50%;margin:0;text-align:center}
@media(max-width:700px){.cold-intro{padding-top:48px}.cold-intro>.barcode{top:103px}.cold-intro .portrait-trio{margin-top:58px}.cold-intro .intro-statements{width:100%;gap:14px;margin-top:26px}}

/* Keep both side labels level with the center portrait without moving the images. */
@media(min-width:701px){
 .cold-intro .cold-meta{visibility:hidden;min-height:3.78em}
 .cold-intro .cold-meta span{visibility:visible;position:absolute;top:var(--portrait-label-top);left:4%}
 .cold-intro .cold-meta span:last-child{left:auto;right:4%}
 .cold-intro>.barcode{top:calc(var(--portrait-label-top) + 50px)}
}

/* Equal outer spacing around the complete portraits-and-headings group. */
@media(min-width:701px){
 .cold-intro{padding-top:140px;padding-bottom:140px}
 .cold-intro .cold-meta{height:0;min-height:0}
 .cold-intro .portrait-trio{margin-top:0}
}

/* Lower the portrait section content by 20% of its existing top spacing. */
@media(min-width:701px){.cold-intro{padding-top:140px;padding-bottom:140px}}
@media(max-width:700px){.cold-intro{padding-top:44px;padding-bottom:44px}}

/* Increase the space above the entire portrait group by 50%. */
@media(min-width:701px){.cold-intro{padding-top:220.5px}}
@media(max-width:700px){.cold-intro{padding-top:69.3px}.cold-intro>.barcode{top:128.3px}}