:root{--ink:#161714;--paper:#f4f1e9;--green:#173a2d;--lime:#d7ff4f;--line:#16171429;--muted:#686b62}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Avenir Next,Helvetica Neue,Arial,sans-serif}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}main{min-height:100vh;overflow:hidden}.siteHeader{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f4f1e9f0;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(22px,5vw,78px);display:flex;position:sticky;top:0}.brand{letter-spacing:-1px;font:800 25px Manrope,sans-serif}.brand span{color:#6f941a}.siteHeader nav{gap:34px;font-weight:600;display:flex}.siteHeader nav a:hover{opacity:.58}.languages{border:1px solid var(--line);border-radius:999px;gap:4px;padding:4px;display:flex}.languages button{cursor:pointer;background:0 0;border:0;border-radius:99px;padding:6px 9px;font-size:11px;font-weight:700}.languages button.active{background:var(--ink);color:#fff}.hero{background:linear-gradient(135deg,#f4f1e9 65%,#e2e5d9);grid-template-columns:1.05fr .95fr;align-items:center;gap:7vw;min-height:calc(100vh - 76px);padding:clamp(50px,8vw,120px) clamp(22px,7vw,110px);display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#718600;margin:0 0 18px;font-size:12px;font-weight:800}.hero h1,.sectionHeading h2,.why>h2,.contact h2{letter-spacing:-.07em;margin:0;font:800 clamp(52px,7vw,105px)/.92 Manrope,sans-serif}.hero h1 span{display:block}.heroIntro{max-width:650px;color:var(--muted);margin:32px 0;font-size:clamp(16px,1.5vw,21px);line-height:1.7}.heroActions{flex-wrap:wrap;gap:12px;display:flex}.primary,.secondary{border-radius:4px;justify-content:center;align-items:center;min-height:52px;padding:0 24px;font-weight:800;display:inline-flex}.primary{background:var(--ink);color:#fff}.secondary{border:1px solid var(--ink)}.facts{letter-spacing:.12em;gap:28px;margin-top:55px;font-size:11px;font-weight:800;display:flex}.facts span{border-top:1px solid var(--ink);padding-top:13px}.heroImage{cursor:pointer;background:0 0;border:0;padding:0;position:relative}.heroImage img{object-fit:cover;filter:saturate(.85);background:#e7e6df;width:100%;height:min(72vh,760px)}.heroImage span{background:var(--lime);padding:10px 13px;font-size:12px;font-weight:800;position:absolute;bottom:18px;left:18px}.sectionWrap{padding:clamp(70px,9vw,140px) clamp(22px,6vw,96px)}.collection{background:#fff}.sectionHeading{grid-template-columns:1fr .75fr;align-items:end;gap:60px;display:grid}.sectionHeading h2,.why>h2,.contact h2{font-size:clamp(42px,5.6vw,78px)}.sectionHeading>p{max-width:630px;color:var(--muted);font-size:18px;line-height:1.7}.filters{gap:8px;margin:50px 0 24px;display:flex;overflow:auto}.filters button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;flex:none;padding:10px 16px;font-weight:700}.filters button.active{background:var(--green);color:#fff}.productGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.productCard{text-align:left;cursor:pointer;background:#f3f2ed;border:0;padding:0;transition:transform .2s}.productCard:hover{transform:translateY(-5px)}.productImage{aspect-ratio:4/5;background:#e8e7e2;position:relative;overflow:hidden}.productImage img{object-fit:cover;width:100%;height:100%;transition:transform .45s}.productCard:hover img{transform:scale(1.025)}.productImage span{background:#ffffffe0;padding:7px 9px;font-size:11px;font-weight:800;position:absolute;top:10px;left:10px}.productMeta{justify-content:space-between;align-items:center;gap:10px;padding:16px;display:flex}.productMeta small{color:var(--muted)}.why{background:var(--green);color:#fff}.why .eyebrow{color:var(--lime)}.why>h2{max-width:850px}.featureGrid{background:#ffffff3b;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:64px;display:grid}.featureGrid article{background:var(--green);padding:42px}.featureGrid span{color:var(--lime);font-size:12px;font-weight:800}.featureGrid h3{margin:60px 0 12px;font:700 28px Manrope,sans-serif}.featureGrid p{color:#ffffffb8;margin:0;line-height:1.7}.contact{grid-template-columns:1fr 300px;align-items:center;gap:80px;display:grid}.contact>div>p:last-child{max-width:700px;color:var(--muted);font-size:18px;line-height:1.7}.contact figure{border:1px solid var(--line);background:#fff;margin:0;padding:18px}.contact figcaption{text-align:center;margin-top:10px;font-size:13px;font-weight:700}footer{background:var(--ink);color:#fff;letter-spacing:.12em;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;padding:30px clamp(22px,6vw,96px);font-size:11px;display:grid}footer p:last-child{text-align:right}.modal{z-index:100;background:#0e0f0dbf;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modalPanel{background:var(--paper);grid-template-columns:1.2fr .8fr;width:min(1050px,100%);max-height:92vh;display:grid;position:relative;overflow:auto}.modalClose{z-index:2;cursor:pointer;background:#fff;border:0;padding:9px 12px;font-weight:700;position:absolute;top:12px;right:12px}.modalMain{background:#e7e7e1;min-height:620px}.modalMain img{object-fit:contain;width:100%;height:100%;max-height:82vh}.modalInfo{padding:70px 40px 40px}.modalInfo h2{margin:0 0 20px;font:800 54px Manrope,sans-serif}.modalInfo>p{color:var(--muted)}.thumbs{grid-template-columns:repeat(3,1fr);gap:8px;margin:30px 0;display:grid}.thumbs button{aspect-ratio:1;cursor:pointer;background:#fff;border:2px solid #0000;padding:0}.thumbs button.active{border-color:var(--green)}.thumbs img{object-fit:cover;width:100%;height:100%}.rtl .productCard{text-align:right}.rtl footer p:last-child{text-align:left}@media (width<=900px){.siteHeader nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:68px}.heroImage{order:-1}.heroImage img{height:52vh}.facts{flex-wrap:wrap;gap:12px;margin-top:35px}.sectionHeading{grid-template-columns:1fr;gap:20px}.productGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.featureGrid{grid-template-columns:1fr}.featureGrid h3{margin-top:25px}.contact{grid-template-columns:1fr}.contact figure{max-width:260px}.modalPanel{grid-template-columns:1fr}.modalMain{min-height:45vh}.modalInfo{padding:35px 22px}footer{text-align:center;grid-template-columns:1fr}footer p:last-child,.rtl footer p:last-child{text-align:center}}@media (width<=520px){.siteHeader{height:64px;padding:0 15px}.brand{font-size:22px}.hero{padding:42px 18px 70px}.hero h1{font-size:49px}.heroImage img{height:46vh}.heroActions>a{width:100%}.facts{font-size:9px}.sectionWrap{padding:70px 18px}.sectionHeading h2,.why>h2,.contact h2{font-size:40px}.productGrid{gap:7px}.productMeta{padding:11px;display:block}.productMeta strong{font-size:14px;display:block}.productMeta small{font-size:11px}.featureGrid article{padding:28px}.contact{gap:30px}.contact figure{margin:auto}.modal{padding:0}.modalPanel{height:100vh;max-height:100vh}.modalMain{min-height:50vh}.modalClose{top:8px}.modalInfo h2{font-size:44px}}
/* JOHAA_HOODIES_ONLY_20260817 */