Crack the COLD

/* ASSOS FW26 - Shoptet-ready, scoped exclusively under #assos-fw26. Asset host: Webflow CDN for prototype. Replace asset URLs with Shoptet SFTP URLs before retiring Webflow. Original font files are NOT included. */ @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&display=swap'); #assos-fw26 { --fw26-ink:#111; --fw26-paper:#f8f8f6; --fw26-font:'NB Architekt', 'IBM Plex Mono', 'Courier New', monospace; --fw26-snow-image:url('https://s3.amazonaws.com/webflow-prod-assets/6af0ddc71ca4a8c58ec5e66c/6af0f6a410bad5e8d35060a6_Sni%CC%81mek%20obrazovky%202026-11-08%20v%C2%A023.23.09.png'); position:relative; isolation:isolate; box-sizing:border-box; width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:0; padding:0; overflow-x:clip; background:var(--fw26-paper); color:var(--fw26-ink); font-family:var(--fw26-font); font-size:14px; line-height:1.5; text-transform:none; -webkit-font-smoothing:antialiased; font-synthesis:none; } #assos-fw26, #assos-fw26 * {box-sizing:border-box} #assos-fw26 h1, #assos-fw26 h2, #assos-fw26 p {font-family:var(--fw26-font);margin:0;line-height:inherit;max-width:none} #assos-fw26 h1, #assos-fw26 h2 {color:inherit;letter-spacing:.015em;text-transform:uppercase} #assos-fw26 button, #assos-fw26 a {font-family:var(--fw26-font)} #assos-fw26 a {text-decoration:none;color:inherit} #assos-fw26 button {cursor:pointer} #assos-fw26 a:focus-visible, #assos-fw26 button:focus-visible {outline:3px solid #3a89ff;outline-offset:3px} #assos-fw26 [hidden] {display:none!important} #assos-fw26 .fw26-fixed-snow { position:fixed;inset:0;z-index:-1;pointer-events:none; background:var(--fw26-paper) var(--fw26-snow-image) center center/cover no-repeat; } #assos-fw26 > :not(.fw26-fixed-snow) {position:relative;z-index:1} #assos-fw26 .fw26-snow {background:transparent} #assos-fw26 .fw26-snow-gap {height:70px;background:transparent;pointer-events:none} #assos-fw26 .fw26-topbar {display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px;padding:10px max(20px,5vw);color:white;background:#060606} #assos-fw26 .fw26-topbar-label {font-size:clamp(12px,1vw,15px);white-space:nowrap;letter-spacing:.02em} #assos-fw26 .fw26-topbar-buttons {display:flex;gap:12px} #assos-fw26 .fw26-topbar-buttons a {display:flex;min-height:36px;align-items:center;justify-content:center;border:1px solid #fff;padding:6px 22px;min-width:78px;font-size:12px;text-align:center} #assos-fw26 .fw26-topbar-buttons a:hover {color:#111;background:white} #assos-fw26 .fw26-hero {width:100%;background:#000} #assos-fw26 .fw26-hero-video-wrap {position:relative;width:100%;max-width:100%;aspect-ratio:16/9;min-height:0;background:#000;overflow:hidden} #assos-fw26 .fw26-hero-video {display:block;width:100%;height:100%;max-width:100%;object-fit:contain;background:#000} #assos-fw26 .fw26-video-start {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:14px 26px;background:rgba(0,0,0,.82);border:1px solid #fff;color:#fff;font-size:13px;z-index:3} #assos-fw26 .fw26-video-start span {margin-left:12px} #assos-fw26 .fw26-intro {padding:78px clamp(24px,6vw,110px) 92px} #assos-fw26 .fw26-intro-inner {max-width:1150px;margin:0 auto} #assos-fw26 .fw26-eyebrow {font-size:clamp(13px,1.4vw,17px);letter-spacing:.025em;margin-bottom:30px} #assos-fw26 h1 {font-size:clamp(35px,4.5vw,66px);font-weight:600;letter-spacing:.038em;line-height:1.1;margin-bottom:33px} #assos-fw26 .fw26-intro-copy {font-size:clamp(14px,1.18vw,17px);line-height:1.82;max-width:960px;text-transform:uppercase} #assos-fw26 .fw26-actions {display:flex;gap:13px;flex-wrap:wrap;margin-top:36px} #assos-fw26 .fw26-outline, #assos-fw26 .fw26-solid {display:flex;align-items:center;justify-content:center;min-height:52px;padding:12px 22px;min-width:170px;text-align:center;font-size:12px;font-weight:500;line-height:1.35;transition:background-color .2s,color .2s;text-transform:uppercase} #assos-fw26 .fw26-outline {border:1px solid #111;color:#111;background:transparent} #assos-fw26 .fw26-outline:hover {color:#fff;background:#111} #assos-fw26 .fw26-solid {background:#fff;color:#111} #assos-fw26 .fw26-solid:hover {background:#d5d5d5} #assos-fw26 .fw26-editorial, #assos-fw26 .fw26-split {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:630px;width:100%} #assos-fw26 .fw26-editorial-photo, #assos-fw26 .fw26-split-visual {height:100%;min-height:630px;overflow:hidden;background:#151515} #assos-fw26 .fw26-image {display:block;width:100%;height:100%;object-fit:cover;object-position:center} #assos-fw26 .fw26-editorial-photo .fw26-image, #assos-fw26 .fw26-split-visual .fw26-image {height:100%;min-height:630px} #assos-fw26 .fw26-editorial-copy {display:flex;align-items:center;justify-content:center;background:#050505;color:white;padding:54px clamp(30px,5vw,92px)} #assos-fw26 .fw26-copy-inner {width:100%;max-width:540px;margin:0 auto} #assos-fw26 .fw26-copy-inner h2 {font-size:clamp(26px,3vw,43px);line-height:1.15;margin-bottom:25px;font-weight:600;color:white} #assos-fw26 .fw26-copy-inner p {font-size:clamp(13px,1.04vw,15px);line-height:1.72;text-transform:uppercase;color:white} #assos-fw26 .fw26-copy-inner p + p {margin-top:12px} #assos-fw26 .fw26-editorial-copy .fw26-actions {flex-wrap:nowrap;gap:12px;margin-top:26px} #assos-fw26 .fw26-editorial-copy .fw26-solid {min-width:0;flex:1 1 0;padding:10px;font-size:11px} #assos-fw26 .fw26-split-shop {display:flex;align-items:center;justify-content:center;padding:36px clamp(24px,3.5vw,60px) 44px;min-width:0;color:#111} #assos-fw26 .fw26-tabs {width:100%;max-width:900px;margin:0 auto} #assos-fw26 .fw26-tab-nav {display:flex;justify-content:center;align-items:center;gap:30px;margin:0 0 26px} #assos-fw26 .fw26-tab {font-size:16px;font-weight:400;color:#111;background:none;border:0;border-bottom:2px solid transparent;padding:6px 0 8px;min-width:0;border-radius:0;line-height:1.1} #assos-fw26 .fw26-tab:hover {opacity:.7} #assos-fw26 .fw26-tab.is-active {border-bottom-color:#111;font-weight:600} #assos-fw26 .fw26-product-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px} #assos-fw26 .fw26-product-grid--one {grid-template-columns:minmax(0,1fr);max-width:410px;margin:0 auto} #assos-fw26 .fw26-product {display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center;gap:9px;color:#111} #assos-fw26 .fw26-product-media {width:100%;height:290px;display:flex;align-items:center;justify-content:center;background:transparent} #assos-fw26 .fw26-product-media .fw26-image {width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center} #assos-fw26 .fw26-product-title {font-size:13px;line-height:1.42;min-height:38px;text-transform:uppercase;letter-spacing:.01em} #assos-fw26 .fw26-color {font-size:11px;line-height:1.4;text-transform:uppercase} #assos-fw26 .fw26-product-cta {display:flex;width:100%;max-width:200px;min-height:46px;align-items:center;justify-content:center;border:1px solid #111;color:#111;background:transparent;font-size:12px;margin-top:18px;text-align:center} #assos-fw26 .fw26-product-cta:hover {color:white;background:#111} #assos-fw26 .fw26-product--featured .fw26-product-media {height:400px} #assos-fw26 .fw26-product--featured .fw26-product-title {max-width:365px} #assos-fw26 .fw26-look {padding:64px clamp(18px,3.5vw,60px) 74px;text-align:center} #assos-fw26 .fw26-look-title {font-size:clamp(20px,2vw,28px);font-weight:500;line-height:1.25;margin-bottom:38px} #assos-fw26 .fw26-look-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:1450px;margin:0 auto} #assos-fw26 .fw26-look .fw26-product-media {height:310px} #assos-fw26 .fw26-look .fw26-product-title {font-size:13px;min-height:42px} #assos-fw26 .fw26-look .fw26-product-cta {max-width:190px;margin-top:14px} @media (max-width:991px) { #assos-fw26 .fw26-snow-gap {height:48px} #assos-fw26 .fw26-intro {padding:56px 32px 64px} #assos-fw26 .fw26-editorial, #assos-fw26 .fw26-split {grid-template-columns:1fr;min-height:0} #assos-fw26 .fw26-editorial-photo,#assos-fw26 .fw26-split-visual {height:auto;min-height:0;aspect-ratio:16/10} #assos-fw26 .fw26-editorial-photo .fw26-image,#assos-fw26 .fw26-split-visual .fw26-image {height:100%;min-height:0;aspect-ratio:16/10} #assos-fw26 .fw26-editorial-copy {padding:52px 44px} #assos-fw26 .fw26-split-shop {order:2;padding:42px 32px 54px} #assos-fw26 .fw26-split-visual {order:1} #assos-fw26 .fw26-product-media {height:340px} #assos-fw26 .fw26-product--featured .fw26-product-media {height:410px} #assos-fw26 .fw26-look-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} } @media (max-width:640px) { #assos-fw26 .fw26-topbar {padding:10px 14px;gap:9px;min-height:50px} #assos-fw26 .fw26-topbar-label {font-size:12px;white-space:normal} #assos-fw26 .fw26-topbar-buttons {gap:7px} #assos-fw26 .fw26-topbar-buttons a {min-width:54px;padding:8px 8px;font-size:10px;min-height:32px} #assos-fw26 .fw26-snow-gap {height:36px} #assos-fw26 .fw26-intro {padding:43px 22px 50px} #assos-fw26 .fw26-eyebrow {font-size:12px;margin-bottom:23px} #assos-fw26 h1 {font-size:clamp(29px,7.3vw,39px);line-height:1.17;margin-bottom:24px} #assos-fw26 .fw26-intro-copy {font-size:13px;line-height:1.76} #assos-fw26 .fw26-actions {gap:10px;flex-wrap:nowrap;margin-top:29px} #assos-fw26 .fw26-outline, #assos-fw26 .fw26-solid {min-width:0;flex:1 1 0;padding:10px 7px;min-height:49px;font-size:10px} #assos-fw26 .fw26-editorial-photo,#assos-fw26 .fw26-split-visual {aspect-ratio:5/4} #assos-fw26 .fw26-editorial-photo .fw26-image,#assos-fw26 .fw26-split-visual .fw26-image {aspect-ratio:5/4} #assos-fw26 .fw26-editorial-copy {padding:45px 22px 51px} #assos-fw26 .fw26-copy-inner h2 {font-size:30px} #assos-fw26 .fw26-copy-inner p {font-size:13px;line-height:1.68} #assos-fw26 .fw26-split-shop {padding:30px 18px 46px} #assos-fw26 .fw26-tab-nav {margin-bottom:23px} #assos-fw26 .fw26-product-grid {gap:13px} #assos-fw26 .fw26-product-media {height:245px} #assos-fw26 .fw26-product--featured .fw26-product-media {height:340px} #assos-fw26 .fw26-product-title {font-size:12px;min-height:40px} #assos-fw26 .fw26-product-cta {margin-top:12px;min-height:44px;font-size:11px} #assos-fw26 .fw26-look {padding:44px 16px 56px} #assos-fw26 .fw26-look-title {font-size:21px;margin-bottom:24px} #assos-fw26 .fw26-look-grid {gap:18px 12px} #assos-fw26 .fw26-look .fw26-product-media {height:205px} #assos-fw26 .fw26-look .fw26-product-title {font-size:11px;min-height:34px} #assos-fw26 .fw26-look .fw26-color {font-size:10px} #assos-fw26 .fw26-look .fw26-product-cta {font-size:10px;min-height:42px;margin-top:9px} } @media (max-width:380px) { #assos-fw26 .fw26-topbar-label {font-size:11px} #assos-fw26 .fw26-product-grid:not(.fw26-product-grid--one) {grid-template-columns:1fr;gap:36px} #assos-fw26 .fw26-product-media {height:310px} #assos-fw26 .fw26-look .fw26-product-media {height:185px} #assos-fw26 .fw26-tab {font-size:15px} } @media (prefers-reduced-motion:reduce) { #assos-fw26 .fw26-product-cta, #assos-fw26 .fw26-outline, #assos-fw26 .fw26-solid {transition:none} }