@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=JetBrains+Mono:wght@400;700&display=swap");:root{--ink:#000;--surface:#f4f4f0;--surface-alt:#fff;--surface-muted:#e0e0e0;--border:#000;--border-width:3px;--text:#000;--text-muted:#222;--text-dim:#000;--accent-primary:#f36;--accent-secondary:#00e5ff;--accent-tertiary:#39ff14;--accent-quaternary:gold;--max:1240px;--radius:0px;--shadow:6px 6px 0px 0px var(--ink);--shadow-hover:2px 2px 0px 0px var(--ink);font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}*,:after,:before{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--surface);color:var(--text);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit;transition:all .2s}a:hover{color:var(--accent-primary)}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent-primary);outline-offset:2px}img{display:block;max-width:100%;border:var(--border-width) solid var(--ink)}h1,h2,h3,h4{font-weight:700;line-height:1.1;color:var(--ink);text-transform:uppercase}h1{font-size:clamp(48px,8vw,88px);letter-spacing:-.02em}h2{font-size:clamp(32px,5vw,56px)}h3{font-size:clamp(24px,3vw,32px)}em{font-style:normal;background:var(--accent-secondary);padding:0 4px;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}.mono{font-family:JetBrains Mono,monospace;font-size:13px}.eyebrow,.mono{font-weight:700;text-transform:uppercase}.eyebrow{display:inline-block;background:var(--accent-primary);color:#fff;padding:4px 12px;border:var(--border-width) solid var(--ink);box-shadow:4px 4px 0 var(--ink);margin-bottom:24px}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--max)) / 2 + 24px));position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--accent-quaternary);border-bottom:var(--border-width) solid var(--border);box-shadow:0 4px 0 var(--ink)}.logo{font-weight:700;font-size:28px;text-transform:uppercase;background:var(--surface-alt);padding:4px 12px;border:var(--border-width) solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.logo:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.nav-links{display:flex;gap:40px;font-size:16px;font-weight:700;text-transform:uppercase}.nav-links a{position:relative}.nav-links a:hover:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:3px;background:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:700;text-transform:uppercase;border:var(--border-width) solid var(--ink);box-shadow:var(--shadow);transition:all .1s ease-in-out}.btn:active{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--ink)}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:#ff1a4d;color:#fff}.btn-secondary{background:var(--surface-alt);color:var(--ink)}.btn-secondary:hover{background:var(--surface-muted)}.hero{min-height:calc(100svh - 80px);display:grid;grid-template-columns:1fr;padding:0;border-bottom:var(--border-width) solid var(--border);background-image:linear-gradient(90deg,rgba(0,0,0,.73),rgba(0,0,0,.5) 48%,rgba(0,0,0,.28)),url(/kubo\ hero.png);background-position:50%;background-size:cover}.hero-content{padding:clamp(56px,8vw,104px) max(40px,calc((100vw - var(--max)) / 2 + 24px)) clamp(56px,8vw,104px) max(40px,calc((100vw - var(--max)) / 2 + 24px));display:flex;flex-direction:column;justify-content:center;border:none;background:transparent}.hero-kicker{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-quaternary);margin-bottom:18px}.hero-content h1{color:#fff;text-shadow:4px 4px 0 var(--ink);margin-bottom:28px}.hero-content p{font-size:19px;font-weight:600;color:#fff;margin:0 0 42px;max-width:440px;line-height:1.5}.hero-actions{display:flex;gap:24px;flex-wrap:wrap}.hero-visual{display:none}.info-strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:var(--border-width) solid var(--border);background:var(--accent-secondary)}.info-item{padding:32px 40px;border-right:var(--border-width) solid var(--border);display:flex;flex-direction:column;gap:12px}.info-item:last-child{border-right:none}.info-item .mono{display:inline-block;background:var(--ink);color:#fff;padding:4px 8px;align-self:flex-start}.info-item span:not(.mono){font-size:18px;font-weight:700;text-transform:uppercase;color:var(--ink)}.section{padding:120px max(40px,calc((100vw - var(--max)) / 2 + 24px))}.section-alt{background:var(--accent-quaternary);border-top:var(--border-width) solid var(--border);border-bottom:var(--border-width) solid var(--border)}.section-header{margin-bottom:80px;max-width:800px;padding:32px;border:var(--border-width) solid var(--ink);background:var(--surface-alt);box-shadow:8px 8px 0 var(--ink)}.section-header h2{margin-bottom:24px}.section-header p{font-size:20px;font-weight:600;color:var(--ink);line-height:1.5}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:60px;gap:60px}.product-card{display:flex;flex-direction:column;background:var(--surface-alt);border:var(--border-width) solid var(--ink);box-shadow:8px 8px 0 var(--ink);transition:all .2s ease;padding:24px}.product-card:hover{transform:translate(-4px,-4px);box-shadow:12px 12px 0 var(--ink)}.product-art{aspect-ratio:4/3;background:var(--surface-muted);border:var(--border-width) solid var(--ink);margin-bottom:24px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-card:first-child .product-art{background:var(--accent-primary)}.product-card:nth-child(2) .product-art{background:var(--accent-secondary)}.product-card:nth-child(3) .product-art{background:var(--accent-tertiary)}.product-card:nth-child(4) .product-art{background:var(--accent-quaternary)}.product-art .placeholder{font-size:48px;color:var(--ink);font-weight:700;text-transform:uppercase;background:#fff;border:3px solid #000;padding:10px 20px;box-shadow:4px 4px 0 #000}.product-gallery{position:absolute;inset:0}.product-gallery .product-image{object-fit:contain;border:0}.product-gallery-controls{position:absolute;right:14px;bottom:14px}.product-gallery-arrow{display:grid;place-items:center;width:36px;height:36px;background:hsla(0,0%,100%,.88);color:var(--ink);border:0;border-radius:50%;box-shadow:none;font-size:21px;font-weight:600;line-height:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .15s ease,background .15s ease}.product-gallery-arrow:hover{background:#fff;transform:scale(1.08)}.product-image-switch{position:absolute;right:14px;bottom:14px;padding:8px 11px;background:#fff;color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;text-transform:uppercase}.product-image-switch:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.product-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:3px solid #000;padding-bottom:16px}.product-title{font-size:28px;font-weight:700}.product-price{font-size:24px;font-weight:700;background:var(--accent-quaternary);padding:4px 12px;border:var(--border-width) solid var(--ink);box-shadow:2px 2px 0 var(--ink)}.product-materials{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.material-tag{background:var(--ink);border:var(--border-width) solid var(--ink);padding:6px 12px;font-size:12px;font-weight:700;color:#fff;text-transform:uppercase}.product-desc{font-size:16px;font-weight:600;color:var(--ink);line-height:1.5}.product-order{margin-top:28px;align-self:flex-start;padding:11px 18px;font-size:13px}.philosophy-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px}.principle{background:var(--surface-alt);border:var(--border-width) solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:32px}.principle-num{font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700;background:var(--accent-secondary);border:2px solid var(--ink);padding:4px 12px;margin-bottom:24px;display:inline-block;box-shadow:2px 2px 0 var(--ink)}.principle h3{margin-bottom:16px;font-size:32px;background:var(--accent-primary);color:#fff;display:inline-block;padding:4px 8px;border:3px solid #000;box-shadow:3px 3px 0 #000}.principle p{font-size:18px;font-weight:600;color:var(--ink);line-height:1.5;margin-top:16px}.manifesto{padding:140px max(40px,calc((100vw - var(--max)) / 2 + 24px));text-align:center}.manifesto blockquote{font-size:clamp(32px,5vw,48px);line-height:1.2;font-weight:700;text-transform:uppercase;max-width:900px;margin:0 auto;background:var(--surface-alt);border:var(--border-width) solid var(--ink);padding:60px;box-shadow:12px 12px 0 var(--ink);position:relative}.manifesto blockquote:before{content:'"';position:absolute;top:-40px;left:-20px;font-size:120px;color:var(--accent-primary);text-shadow:4px 4px 0 var(--ink)}.manifesto-author{margin-top:40px;font-size:18px;font-weight:700;color:var(--ink);text-transform:uppercase;background:var(--accent-tertiary);display:inline-block;padding:8px 16px;border:3px solid #000}.footer{background:var(--ink);color:#fff;padding:80px max(40px,calc((100vw - var(--max)) / 2 + 24px)) 40px;border-top:var(--border-width) solid var(--ink)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;grid-gap:60px;gap:60px;margin-bottom:80px}.footer-logo{font-size:32px;font-weight:700;margin-bottom:24px;display:inline-block;color:var(--ink);background:var(--accent-quaternary);padding:8px 16px;border:3px solid #fff;box-shadow:4px 4px 0 #fff}.footer-brand p{font-size:18px;font-weight:600;color:#ddd;max-width:320px;line-height:1.5}.footer h4{color:var(--accent-tertiary);font-size:18px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:24px;font-weight:700}.footer-links{display:flex;flex-direction:column;gap:16px}.footer-links a{font-size:16px;font-weight:600;color:#fff;text-transform:uppercase;transition:color .2s}.footer-links a:hover{color:var(--accent-primary);padding-left:8px}.nl-input{width:100%;background:#fff;border:3px solid #fff;padding:16px;color:var(--ink);font-size:16px;font-weight:700;margin-bottom:16px}.nl-input:focus{outline:none;border-color:var(--accent-tertiary);box-shadow:0 0 0 4px var(--accent-primary)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:40px;border-top:3px solid #333;font-size:14px;font-weight:700;color:#aaa;text-transform:uppercase}.footer-bottom-links{display:flex;gap:32px}.footer-bottom-links a:hover{color:#fff}@media (max-width:960px){.hero-content{padding:60px 24px}.info-strip{grid-template-columns:repeat(2,1fr)}.info-item{border-bottom:var(--border-width) solid var(--border)}.info-item:nth-child(2){border-right:none}.philosophy-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}}@media (max-width:640px){.nav-links{display:none}.hero-content{padding:40px 20px}.info-strip,.product-grid{grid-template-columns:1fr}.info-item{border-right:none}.section{padding:80px 20px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:24px;align-items:flex-start}}.collection-intro-area{position:relative;margin-bottom:40px;padding-bottom:40px}.collection-intro-area h2{font-size:clamp(80px,12vw,160px);font-weight:900;line-height:.8;margin-bottom:24px;text-transform:uppercase;letter-spacing:-.02em}.collection-subtitle{font-size:clamp(24px,4vw,36px);font-weight:700}.highlight-yellow{background-color:var(--accent-primary);padding:0 8px;display:inline-block}.chapter-container{display:flex;flex-direction:column;gap:40px;margin-bottom:80px}.chapter-wrapper{position:relative}.chapter{display:grid;grid-template-columns:1fr 1.5fr;border:var(--border-width) solid var(--ink);box-shadow:8px 8px 0 var(--ink);transition:all .2s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;text-decoration:none;color:var(--ink);background:var(--surface)}.chapter:hover{color:var(--ink);transform:translate(-4px,-4px);box-shadow:12px 12px 0 var(--ink)}.chapter-content{padding:60px 40px;display:flex;flex-direction:column;justify-content:flex-start;position:relative}.chapter-number{position:absolute;top:-16px;left:-16px;background:var(--ink);color:#fff;font-family:JetBrains Mono,monospace;font-size:32px;font-weight:700;padding:8px 16px;z-index:2}.chapter-title{font-size:clamp(48px,6vw,72px);line-height:.9;margin-top:20px;margin-bottom:16px;text-transform:uppercase}.chapter-desc{font-size:24px;font-weight:700;margin-bottom:60px}.chapter-explore{font-size:20px;font-weight:700;text-transform:uppercase;gap:8px;margin-top:auto}.chapter-explore,.chapter-icon{display:flex;align-items:center}.chapter-icon{position:absolute;bottom:40px;right:40px;width:60px;height:60px;border:var(--border-width) solid var(--ink);background:var(--surface);justify-content:center}.chapter-visual{border-left:var(--border-width) solid var(--ink);position:relative;min-height:400px;background-size:cover;background-position:50%}.features-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:var(--border-width) solid var(--ink);border-bottom:var(--border-width) solid var(--ink);margin-bottom:40px}.feature-item{padding:40px 24px;display:flex;flex-direction:column;gap:16px;border-right:var(--border-width) solid var(--ink)}.feature-item:last-child{border-right:none}.feature-icon{width:64px;height:64px;border:var(--border-width) solid var(--ink);display:flex;align-items:center;justify-content:center;margin-bottom:8px}.feature-item h4{font-size:18px;text-transform:uppercase;margin:0;line-height:1.2}.feature-item p{font-size:16px;color:#333;margin:0;line-height:1.4}.bottom-banner{border:var(--border-width) solid var(--ink);display:flex;justify-content:space-between;align-items:stretch;margin-bottom:80px}.banner-text{padding:24px 40px;font-size:clamp(24px,4vw,36px);font-weight:900}.banner-btn,.banner-text{text-transform:uppercase;display:flex;align-items:center}.banner-btn{background:var(--ink);color:#fff;padding:0 40px;font-size:20px;font-weight:700;text-decoration:none;-webkit-clip-path:polygon(20px 0,100% 0,100% 100%,0 100%);clip-path:polygon(20px 0,100% 0,100% 100%,0 100%);margin-left:-20px;transition:transform .2s}.banner-btn:hover{transform:translateX(8px)}@media (max-width:960px){.badge-svg{display:none}.chapter{grid-template-columns:1fr}.chapter-visual{border-left:none;border-top:var(--border-width) solid var(--ink);min-height:250px}.features-strip{grid-template-columns:1fr 1fr}.feature-item:nth-child(2){border-right:none}.feature-item:first-child,.feature-item:nth-child(2){border-bottom:var(--border-width) solid var(--ink)}.bottom-banner{flex-direction:column}.banner-btn{-webkit-clip-path:none;clip-path:none;margin-left:0;padding:24px;justify-content:center}}.collection-header{margin-bottom:60px}.collection-title{font-size:clamp(64px,10vw,120px);margin-bottom:16px;line-height:1}.collection-desc{font-size:32px;font-weight:700;max-width:800px}@media (max-width:960px){.chapter{grid-template-columns:1fr}.chapter-visual{border-left:none;border-top:var(--border-width) solid var(--ink);min-height:300px}.chapter:hover{transform:translate(-4px,-4px) rotate(0deg)}}