:root{--canvas: #e3ded2;--chalk: #f5f2eb;--tile-line: #dcd6c6;--ink: #1b1812;--body: #57503f;--muted: #8c8577;--accent: #c8502a;--accent-dark: #a83f1e}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--canvas);color:var(--ink);font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}h1{margin:2px 0 0;font-size:20px;font-weight:600;letter-spacing:-.01em;line-height:1.15}p{font-size:10px;text-transform:uppercase;font-weight:600;letter-spacing:.1em;color:var(--muted)}img{width:100%;object-fit:contain}.box img,.product-img img,.suggestions .img{height:80%}ion-icon{position:relative;top:1.5px;font-size:18px}.brand-bar{position:fixed;top:0;left:0;right:0;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:18px 24px;pointer-events:none}.brand-bar .wordmark{font-size:22px;font-weight:800;letter-spacing:-.03em;color:var(--ink);background:#f5f2ebe6;border:1px solid rgba(27,24,18,.08);border-radius:999px;padding:8px 18px;line-height:1}.brand-bar .wordmark sup{font-size:9px;font-weight:600;vertical-align:super}.brand-bar .hint{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--body);background:#f5f2ebe6;border:1px solid rgba(27,24,18,.08);border-radius:999px;padding:10px 16px;line-height:1}#container{width:2080px;height:2880px;background-color:var(--canvas);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.box{width:240px;height:240px;background-color:var(--chalk);border:1px solid var(--tile-line);float:left;margin:0;padding:14px}.box .content p{margin:8px 0 0}.box:hover{background-color:#faf8f1}.modal{position:fixed;width:100vw;height:100vh;top:0;left:0;background:var(--chalk);z-index:2;display:none}.col{height:100%;padding:2em}.close-btn{position:fixed;top:1.5em;right:1.5em;width:40px;height:40px;display:flex;justify-content:center;align-items:center;background:var(--ink);color:var(--chalk);border-radius:100%;cursor:pointer}.product-view{position:relative;flex:3;display:flex;flex-direction:column}.product-info{flex:2;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:5em}.product-img{flex:5;padding-top:60px}.product-name{width:100%;height:100%;flex:3;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.product-name h1{font-size:60px;font-weight:700;letter-spacing:-.02em}.product-name p{margin:10px 0 0;font-size:13px;letter-spacing:.12em}.cart-btn button{background:var(--accent);color:#fff;border:none;outline:none;padding:16px 34px;border-radius:999px;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .2s ease}.cart-btn button:hover{background:var(--accent-dark)}.product-copy{max-width:44ch;padding-top:84px}.product-info .product-copy p{margin:0 0 18px;font-size:16px;text-transform:none;letter-spacing:0;color:var(--body);line-height:1.6;font-weight:400}.suggestions{display:flow-root}.suggestions>p{font-size:11px;margin-bottom:12px}.suggestions .box{width:210px;height:210px;margin-right:14px}.suggestions .box p{margin:8px 0 0}.suggestions .box h1{font-size:18px}@media(max-width:768px){#container{top:0;left:0;transform:none;width:100vw!important;height:auto;padding-top:72px}.brand-bar{padding:12px 14px}.brand-bar .wordmark{font-size:17px;padding:7px 14px}.brand-bar .hint{font-size:9px;padding:8px 12px}.box{width:33.333vw;height:33.333vw;padding:6px}.box .content h1{font-size:12px;letter-spacing:0}.box .content p,.box p{font-size:8px;margin-top:2px}.box img{height:68%}.modal{flex-direction:column;overflow-y:auto}.col{padding:1.25em;height:auto}.product-img{padding-top:48px}.product-name{flex-direction:column;align-items:flex-start;gap:16px;padding:0 4px}.product-name h1{font-size:clamp(28px,9vw,48px);letter-spacing:-.02em}.close-btn{top:.75em;right:.75em}.product-info{padding-bottom:2em}.product-copy{padding-top:8px}.product-info .product-copy p{font-size:15px}.suggestions .box{width:44%;height:auto;aspect-ratio:1;margin-right:10px;padding:10px}.suggestions .box h1{font-size:13px}}