:root{--yellow:#ffdc32;--black:#171714;--paper:#fff9df}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--yellow);color:var(--black);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b32a58;outline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;padding:26px 4%;border-bottom:2px solid var(--black);gap:20px}.brand{font-size:30px;font-weight:950;letter-spacing:-2px;line-height:1}.brand span{font-size:10px;display:block;letter-spacing:2px;margin-top:5px}nav{display:flex;gap:32px;font-size:13px;font-weight:bold}.wallet{background:none;border:2px solid;padding:13px 18px;font-size:12px;font-weight:bold;max-width:220px}.hero{padding:50px 4% 0}.eyebrow{font:700 11px/1.6 'Courier New',monospace;letter-spacing:1.6px}.dot{display:inline-block;width:8px;height:8px;background:var(--black);margin-right:8px}h1{font-size:clamp(60px,9.4vw,150px);line-height:.86;letter-spacing:-.075em;margin:28px 0 26px;font-weight:950}h1 span{font-size:25%;vertical-align:top;letter-spacing:0;display:inline-block;margin:8px 0 0 10px}.intro{display:flex;justify-content:space-between;align-items:center;gap:25px}.intro p{max-width:380px;font-size:17px;line-height:1.5}.button{display:flex;justify-content:space-between;align-items:center;gap:50px;padding:22px 24px;font-size:14px;font-weight:bold;border:0}.black{background:var(--black);color:var(--yellow)}.button span{font-size:24px}.family-hero{margin-top:30px;overflow:hidden}.family-hero img{width:100%;height:auto;display:block;image-rendering:pixelated;mix-blend-mode:multiply}.tape{margin:20px -4.35% 0;background:var(--black);color:var(--yellow);padding:21px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px;font:700 12px 'Courier New',monospace;letter-spacing:1px}.tape b{font-size:24px}.mint-section{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:100px 8%;border-bottom:2px solid}.section-intro{align-self:center}h2{font-size:clamp(42px,5.2vw,80px);line-height:.96;letter-spacing:-.06em;margin:22px 0 28px}.section-intro p,.section-heading p{max-width:390px;font-size:17px;line-height:1.6}.tiny{font-size:11px;line-height:1.7;opacity:.7}.mint-card{background:var(--paper);border:2px solid;padding:32px;box-shadow:9px 9px 0 var(--black)}.card-top{display:flex;justify-content:space-between;align-items:center;font:700 10px 'Courier New',monospace;gap:12px}.pill{background:var(--yellow);border:1px solid;padding:8px}h3{font-size:32px;letter-spacing:-1.2px;line-height:1.05;margin:28px 0 12px}.muted{font-size:13px;opacity:.65}.quantity{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ccc3a0;border-bottom:1px solid #ccc3a0;margin-top:28px;padding:20px 0;font-size:13px}.quantity>div{display:flex;align-items:center;gap:24px}.quantity button{height:34px;width:34px;background:none;border:1px solid;font-size:20px}.quantity button:disabled{opacity:.3}.quantity output{font-size:20px;font-weight:bold;width:16px;text-align:center}.total{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-top:24px}.total strong{font-size:31px;letter-spacing:-1px}.gas{font-size:10px;opacity:.6;margin-bottom:22px}.mint-card .button{width:100%;font-size:12px}.disabled{opacity:.6}.notice{font-size:11px;line-height:1.7;margin:18px 0 0}.family-section{padding:90px 4%}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end}.section-heading p{padding-bottom:20px}.filters{display:flex;gap:10px;margin:25px 0}.filters button{border:1px solid;background:none;padding:10px 20px;font-size:12px}.filters .active{background:var(--black);color:var(--yellow)}.gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.portrait{border:2px solid var(--black);position:relative;overflow:hidden;background:var(--yellow)}.sprite{width:100%;aspect-ratio:1/1.55;background-image:url('assets/ronin-family.png');background-size:600% 200%;image-rendering:pixelated;mix-blend-mode:multiply}.portrait figcaption{border-top:2px solid;padding:12px 10px;display:flex;justify-content:space-between;font:700 9px 'Courier New',monospace;gap:6px}.portrait{margin:0}.rules{background:var(--black);color:var(--yellow);padding:85px 8%}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:50px 0}.rule-grid article{border-top:1px solid #777344;padding-top:18px}.rule-grid article>span{font:12px 'Courier New',monospace}.rule-grid h3{font-size:26px}.rule-grid p{font-size:13px;line-height:1.8;max-width:300px;color:#dbd4ac}.price-table{margin-top:60px}.price-table>div{display:grid;grid-template-columns:1.2fr 1fr 1fr;border-bottom:1px solid #666341;padding:20px 0;gap:12px;font:12px 'Courier New',monospace}.price-table>div:first-child{font-size:10px;opacity:.6}.price-table>div>:last-child{text-align:right}.rules>.tiny{margin-top:18px;max-width:650px}.faq{padding:90px 8%;max-width:1200px;margin:auto}.faq h2{margin-bottom:50px}details{border-top:1px solid;padding:23px 0}details:last-child{border-bottom:1px solid}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:16px;font-weight:bold}summary::-webkit-details-marker{display:none}summary>span{font-size:22px}details p{font-size:14px;line-height:1.8;max-width:650px}details[open] summary>span{transform:rotate(45deg)}footer{display:flex;justify-content:space-between;align-items:center;border-top:2px solid;padding:35px 4%;gap:20px}footer p{font-size:12px}footer>a:last-child{font-size:12px;font-weight:bold}@media(min-width:1600px){main,header,footer{max-width:1800px;margin:auto}}@media(max-width:900px){nav{gap:16px}.mint-section{gap:7%;padding:70px 5%}.gallery{grid-template-columns:repeat(3,1fr)}.tape{flex-wrap:wrap;font-size:10px}.tape b:last-of-type{display:none}.section-heading{gap:20px}.rule-grid{gap:25px}.brand{font-size:25px}}@media(max-width:600px){header{padding:18px 5%}nav{display:none}.wallet{font-size:10px;padding:11px}.hero{padding:40px 5% 0}h1{font-size:17vw;margin-bottom:24px}.intro{align-items:start;flex-direction:column;gap:8px}.intro p{font-size:15px}.intro .button{width:100%}.family-hero{margin-top:25px}.tape{margin-left:-5.55%;margin-right:-5.55%;padding:17px 5%;justify-content:center;gap:15px}.tape span:last-child,.tape b{display:none}.mint-section{grid-template-columns:1fr;padding:60px 6%;gap:25px}.mint-card{padding:23px;box-shadow:6px 6px 0}.section-heading{display:block}.family-section{padding:60px 5%}.section-heading p{font-size:15px}.gallery{grid-template-columns:repeat(2,1fr);gap:12px}.portrait figcaption{font-size:9px}.rules{padding:60px 6%}.rule-grid{grid-template-columns:1fr;gap:20px;margin:30px 0}.rule-grid h3{margin:14px 0}.rule-grid p{max-width:none}.price-table>div{font-size:10px;grid-template-columns:1.1fr 1fr 1fr;padding:18px 0}.price-table>div:first-child{font-size:9px}.faq{padding:60px 6%}summary{font-size:14px}footer{flex-wrap:wrap;padding:28px 5%}footer p{width:100%;order:3}.tiny{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
