/* Softer monochrome streetwear catalogue. Original product photography stays intact. */
:root{--paper:#f4f4f1;--ink:#171717;--line:#d6d6d3}
html{scroll-padding-top:30px}body{background:var(--paper);color:var(--ink)}body:before{content:"";position:fixed;inset:0;z-index:30;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23noise)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.topline{background:#0b0b0b;color:#bcbcbc;padding:12px 5%;letter-spacing:1px;font-size:8px}header{position:relative;padding:16px 5%;background:#000;color:#fff;border:0;min-height:150px}.brand-logo{display:block;line-height:0}.brand-logo img{height:134px;width:auto;display:block}nav{gap:28px;font-size:10px;font-weight:400;letter-spacing:.7px}#savedCount{background:none;color:#fff;border-color:#555;border-radius:50%;padding:5px 8px}nav button{color:#fff}nav a:hover{opacity:.7}
.hero{grid-template-columns:.85fr 1.15fr;border:0;min-height:600px;background:#e5e5e2;padding:45px 5% 40px;gap:45px}.hero-copy{background:transparent;color:var(--ink);padding:35px 0;align-self:center}.hero-copy .eyebrow{font-size:8px;color:#666;letter-spacing:1.1px}.red-dot{background:#444;transform:rotate(-10deg)}.hero h1{font-size:clamp(60px,6vw,94px);font-style:italic;letter-spacing:-1.9px;line-height:1.02;margin:30px 0 20px;transform:rotate(-2deg);transform-origin:left center}.hero h1 span{color:var(--ink);-webkit-text-stroke:0}.hero-copy p{color:#666;font-size:13px;line-height:1.85}.hero .cta{background:var(--ink);color:#fff;border:0;max-width:285px;padding:18px 22px;margin-top:30px;border-radius:2px;letter-spacing:.6px}.hero .cta:hover{background:#383838}.hero-visual{background:#f0f0ed;border:0;box-shadow:0 8px 24px #0000000b;transform:rotate(1deg);padding:10px;min-width:0;border-radius:3px}.image-caption{padding:14px 12px;font-size:8px;color:#666;letter-spacing:.8px}.hero-image{max-height:465px;border-radius:2px;overflow:hidden}.hero-image img{width:100%;max-height:465px;object-fit:contain;mix-blend-mode:multiply}.hero-bottom{padding:17px 12px 10px;font-size:8px;color:#666}.roundel{font-size:45px;color:#292929;letter-spacing:-2px}.roundel span{font-size:7px;letter-spacing:3px}.ticker{background:#181818;color:#eaeae6;border:0;padding:20px 5%;font-family:'Courier New',monospace;font-size:11px;font-weight:400;letter-spacing:1px;transform:rotate(-.45deg);position:relative;margin:-1px 0 0;box-shadow:0 3px 7px #00000014}.ticker b{font-size:18px;font-weight:400}
.catalogue{padding:70px 5% 65px}.section-title .eyebrow{font-size:8px;color:#777;letter-spacing:1px}.section-title h2{font:italic 500 clamp(42px,4.5vw,65px)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-2px;transform:rotate(-1deg);margin:20px 0}.section-title h2 span{position:static;font:normal 35px Arial;float:right;opacity:.5;margin-top:7px}.section-title p{color:#777;font-size:12px;margin-bottom:30px}.toolbar{border-block:1px solid #d1d1cc;padding:10px 0}.filters button.active{background:none;color:#222;font-weight:700;text-transform:none;padding-left:0;font-size:12px}.filters small{color:#888;margin-left:5px}.search input{font-size:12px}.search>span{color:#777}.resultline{color:#888;font-size:8px;letter-spacing:.7px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 30px}.card-image{border:0;border-radius:3px;aspect-ratio:.98;box-shadow:0 3px 12px #00000005;background:#ddd}.card-open img{object-fit:cover}.card-num{background:#f4f4f1e6;border-radius:1px;left:11px;top:13px;color:#666;font-size:7px;letter-spacing:.5px}.card-save{border:0;background:#f4f4f1e6;border-radius:50%;width:31px;height:31px;font-size:19px;right:12px;top:12px}.card-save.selected{background:#222}.card h3{text-transform:none;font-size:13px;font-weight:500;letter-spacing:0}.card p{font-size:8px;color:#888}.card-info{padding:16px 2px}.view{font-size:19px;color:#666}.card:nth-child(2){transform:translateY(9px)}.card:nth-child(5){transform:translateY(9px)}
.endnote{background:transparent;border-top:1px solid #d1d1cc;border-bottom:0;padding:35px 5% 45px}.endnote>span{font:italic 29px/1.1 Georgia,serif;letter-spacing:-1px;max-width:220px}.endnote p{font-size:11px;color:#777}.endnote button{border-color:#bbb;text-transform:none;padding:16px 20px;border-radius:2px;letter-spacing:.2px}footer{background:#0b0b0b;padding:35px 5%;border:0}footer .wordmark{font-size:29px;letter-spacing:-1px}footer>div{font-size:8px;letter-spacing:.5px}footer>a:last-child{font-size:8px}.detail-image{background:#dededb}.detail-copy{background:var(--paper)}dialog{border-radius:3px}.detail-copy h2{font-size:36px}.detail-copy .cta{background:#222}.detail-copy .cta:hover{background:#444;color:#fff}.close{border:0;border-radius:50%}.saved-head h2{font-size:29px}
@media(min-width:1500px){.hero{min-height:650px}.hero-image,.hero-image img{max-height:530px}}@media(max-width:1000px){.hero{gap:25px;padding:30px 5%;min-height:490px}.hero h1{font-size:clamp(48px,6vw,68px)}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 22px}.hero .cta{font-size:10px;padding:16px}.hero-copy .eyebrow{font-size:7px}}
@media(max-width:600px){header{padding:14px 5%;min-height:128px}.brand-logo img{height:112px}nav{gap:20px;font-size:10px}.topline{font-size:7px;letter-spacing:.6px;padding:10px 5%}.hero{display:flex;flex-direction:column;padding:24px 5% 30px;gap:10px}.hero-visual{order:0;width:100%;transform:rotate(1deg);padding:7px}.hero-copy{order:1;width:100%;padding:25px 2% 3px}.hero h1{font-size:clamp(58px,14vw,78px);line-height:1;margin:24px 0 18px;letter-spacing:-1.5px;transform:rotate(-2deg)}.hero-copy .eyebrow{font-size:8px}.hero-copy p{font-size:12px}.hero .cta{max-width:none;margin-top:24px;padding:18px 20px}.hero-image,.hero-image img{height:auto;max-height:350px;object-fit:contain}.image-caption{font-size:7px;padding:10px}.hero-bottom{padding:10px;font-size:7px}.roundel{font-size:35px}.roundel span{font-size:6px;letter-spacing:2px}.ticker{font-size:8px;gap:12px;padding:16px 4%;letter-spacing:.3px;transform:rotate(-.6deg)}.ticker b{font-size:14px}.catalogue{padding:45px 5% 40px}.section-title h2{font-size:43px;letter-spacing:-1.5px;margin:18px 0}.section-title h2 span{font-size:25px;margin-top:5px}.section-title p{font-size:11px;max-width:none;margin-bottom:25px}.toolbar{padding:7px 0;gap:0}.filters{width:auto}.filters button.active{font-size:11px;min-height:35px;padding:9px 0}.search{width:auto;min-width:0;max-width:52%;border:0;padding:0;gap:8px}.search input{font-size:10px;min-width:0;padding:10px 0}.search span{font-size:22px}.resultline{font-size:7px;letter-spacing:.2px;padding:20px 0 15px}.grid{gap:28px 15px}.card-image{aspect-ratio:.93}.card h3{font-size:11px;line-height:1.35}.card p{font-size:7px}.card-num{left:6px;top:8px;font-size:6px;padding:4px}.card-save{width:26px;height:26px;right:7px;top:7px;font-size:17px}.card-info{gap:3px;padding-top:12px}.view{font-size:17px}.card:nth-child(2),.card:nth-child(5){transform:translateY(6px)}.endnote{padding:30px 5% 35px}.endnote>span{font-size:28px}.endnote p{font-size:11px}.endnote button{font-size:10px}footer{padding:30px 5%}footer .wordmark{font-size:29px}.detail-copy h2{font-size:32px}}

/* Large centred original wordmark; hide only the surrounding black image margin. */
header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:20px 3% 24px;min-height:0}
header .brand-logo{position:relative;display:block;width:100%;max-width:1000px;aspect-ratio:1536 / 1120;overflow:hidden;line-height:0;flex:none}
header .brand-logo img{position:absolute;display:block;top:-21.4286%;left:0;width:100%;height:auto;max-width:none;margin:0}
header nav{position:static;display:flex;justify-content:center;align-items:center;width:100%;gap:36px;flex-wrap:wrap}
@media(max-width:600px){header{padding:16px 3% 20px;min-height:0;gap:14px}header .brand-logo{width:100%;max-width:none}header .brand-logo img{width:100%;height:auto}header nav{gap:30px}}

/* Clothing categories and full hoodie imagery. */
.filters{gap:20px;flex-wrap:wrap}.filters button,.filters button:first-child{padding:10px 0;min-height:40px;background:none;color:#777;font-size:12px;font-weight:400;text-transform:none;border:0;border-bottom:2px solid transparent}.filters button.active{color:#171717;font-weight:700;border-bottom-color:#171717;padding:10px 0}
.card[data-type="hoodies"] .card-image{background:#ccc}.card[data-type="hoodies"] .card-open img{object-fit:contain}
@media(max-width:600px){.toolbar{gap:7px}.filters{width:100%;gap:25px}.filters button,.filters button:first-child,.filters button.active{font-size:11px;padding:9px 0}.search{width:100%;max-width:none;border-top:1px solid #e2e2de}.search input{font-size:11px}}

/* Original photographs in the dedicated art gallery. */
.art-section{border-top:1px solid #d1d1cc;background:#ecece8}.art-section .section-title p{margin-bottom:16px}.art-grid .card-image{aspect-ratio:3 / 4;background:#d2d2ce}.art-grid .card-open img{object-fit:contain}.art-grid .card-info h3{font-size:13px}.art-grid .card-info p{font-size:8px}.art-grid .card:nth-child(2),.art-grid .card:nth-child(5){transform:none}
@media(max-width:600px){.art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.art-grid .card-info h3{font-size:11px}.art-grid .card-info p{font-size:7px}header nav a:nth-child(2){display:inline}}

/* Clothing prices and fabric details */
.product-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-top:10px;color:#222;letter-spacing:0}.product-price strong{font:700 18px/1.3 Arial,sans-serif}.product-price span{font:11px/1.4 Arial,sans-serif;color:#666}#detailPrice .product-price{margin:20px 0 24px}#detailPrice strong{font-size:29px}#detailPrice span{font-size:13px}.garment-description{margin:24px 0}.garment-description h3{font:700 12px/1.4 Arial,sans-serif;letter-spacing:.5px;text-transform:uppercase;margin:22px 0 8px}.detail-copy .garment-description p{font:13px/1.75 Arial,sans-serif;color:#555;margin:0}.saved-row .product-price{margin:6px 0}.saved-row .product-price strong{font-size:15px}@media(max-width:600px){.product-price{gap:6px;margin-top:8px}.product-price strong{font-size:16px}.product-price span{font-size:10px}.detail-copy .garment-description p{font-size:13px}}
