:root{--ink:#252824;--muted:#646860;--yellow:#f5d735;--paper:#f7f7f1}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.page{max-width:1440px;margin:auto;padding:0 64px}.header{height:126px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8dbd1}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:inherit;font-size:21px;font-weight:800;letter-spacing:-.6px}.brand svg{width:42px;height:34px;fill:none;stroke:var(--ink);stroke-width:4;stroke-linejoin:round}.brand-dot{color:#8c7911}.header-note{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:72px;align-items:center;min-height:650px;padding:66px 0 76px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin:0 0 26px}.eyebrow span{width:9px;height:9px;background:var(--yellow);border:1px solid #9b8a35}h1{font-size:clamp(50px,5.8vw,80px);line-height:1.01;letter-spacing:-.065em;font-weight:800;margin:0 0 27px}h1 span{position:relative;white-space:nowrap;z-index:0}h1 span:after{content:"";position:absolute;left:2px;right:-5px;bottom:4px;height:15px;background:var(--yellow);z-index:-1}.description{max-width:370px;font-size:17px;line-height:1.7;color:var(--muted);margin:0 0 35px}.store{border-left:3px solid var(--ink);padding:2px 0 3px 17px}.store-label{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.store strong{display:flex;align-items:center;gap:15px;font-size:20px;letter-spacing:-.5px}.store svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.visual{background:var(--yellow);aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between;padding:29px;position:relative;overflow:hidden}.visual-top{display:flex;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:.08em}.hat{width:112%;margin:0 -6%;overflow:visible}.hat-shell,.hat-rib,.hat-brim{fill:none;stroke:var(--ink);stroke-width:9;stroke-linejoin:round}.hat-rib,.hat-brim{fill:var(--yellow)}.hat-detail{fill:none;stroke:var(--ink);stroke-width:4;stroke-linecap:round}.id-badge{fill:var(--ink)}.id-lines{stroke:var(--yellow);stroke-width:3}.visual-bottom{display:flex;justify-content:space-between;align-items:end;font-size:11px;line-height:1.5}.plus{font-size:38px;font-weight:400;line-height:.8}footer{border-top:1px solid #d8dbd1;display:flex;justify-content:space-between;gap:16px;padding:27px 0 32px;color:var(--muted);font-size:11px}footer>span:first-child{font-weight:700;color:var(--ink)}a:focus-visible{outline:3px solid var(--ink);outline-offset:8px}@media(min-width:1440px){.hero{min-height:710px}}@media(max-width:900px){.page{padding:0 32px}.hero{gap:35px;min-height:580px}.header-note{font-size:10px}.visual{padding:22px}}@media(max-width:640px){.page{padding:0 24px}.header{height:88px}.brand{font-size:19px}.brand svg{width:35px}.header-note{display:none}.hero{grid-template-columns:1fr;gap:39px;padding:43px 0 40px;min-height:0}.eyebrow{font-size:9px;margin-bottom:22px;letter-spacing:.09em}h1{font-size:60px;margin-bottom:24px}.description{font-size:16px;line-height:1.65;margin-bottom:27px;max-width:330px}.visual{aspect-ratio:1.08;padding:23px}.hat{width:98%;margin:-7px 1%}.visual-top{font-size:8px}.visual-bottom{font-size:10px}footer{flex-direction:column;gap:9px;padding:22px 0 26px;font-size:10px}}@media(max-width:360px){h1{font-size:52px}.page{padding:0 20px}}

.intro,.visual{min-width:0}@media(max-width:640px){h1{font-size:52px;letter-spacing:-.065em}}

.intro,.visual{min-width:0}.visual{margin:0;background:#efeee4;border-top:5px solid var(--yellow)}.product{width:100%;height:auto;object-fit:contain;min-height:0;max-height:440px}.visual-top,.visual-bottom{flex-shrink:0}@media(max-width:640px){h1{font-size:52px;letter-spacing:-.065em}.visual{aspect-ratio:auto;gap:18px}.product{max-height:300px}}
