:root{--paper:#f2eadc;--ink:#443126;--muted:#796655;--line:#d6c9b7;--cream:#f0d9ad;--tabby:#be915f}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;background:var(--paper);color:var(--ink);font-family:Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--ink);outline-offset:6px}header{height:120px;display:flex;align-items:center;gap:46px;margin:0 5%;border-bottom:1px solid var(--line)}.brand img{width:210px;height:auto}.header-note{font:11px/1.7 monospace;letter-spacing:.03em}.nav-link{margin-left:auto;font-size:12px}.nav-link span{margin-left:22px}.hero{position:relative;margin:0 5%;min-height:720px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.intro{z-index:1;padding:68px 0 90px;pointer-events:none}.intro a{pointer-events:auto}.eyebrow{font:11px/1.6 monospace;letter-spacing:.17em;margin:0 0 30px}h1{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(34px,3.7vw,62px);font-weight:500;line-height:1.65;letter-spacing:.02em;white-space:nowrap;margin:0 0 26px}.period{color:var(--tabby)}.description{font-size:14px;line-height:2.2;margin:0 0 42px}.text-link{font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:12px;display:inline-flex;gap:35px}.playground{height:600px;position:relative;min-width:0}#scene{position:absolute;inset:0 -5% 25px -15%}#scene canvas{display:block;width:100%;height:100%;touch-action:pan-y}.cat-note{position:absolute;right:4%;top:7%;font-size:12px;writing-mode:vertical-rl;letter-spacing:.15em}.cat-tools{position:absolute;bottom:6px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.hint{width:100%;text-align:center;font-size:11px;color:var(--muted);margin-bottom:3px}button{border:1px solid var(--line);background:transparent;padding:11px 16px;font-size:11px;border-radius:24px;min-height:44px}button:hover{background:var(--ink);color:var(--paper)}#fallback{position:absolute;top:40%;padding:24px;line-height:1.8}.hero-bottom{position:absolute;bottom:24px;left:0;right:0;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em;color:var(--muted)}.design{border-top:1px solid var(--line);margin:0 5%;padding:75px 0 65px;display:grid;grid-template-columns:.9fr 1.2fr 1fr;gap:50px}h2{font-family:Yu Mincho,serif;font-size:28px;font-weight:500;line-height:1.7;margin:0 0 24px}.section-heading>p:last-child,.character>p{font-size:12px;line-height:2.1}.logo-preview{background:#e9dfcf;height:190px;display:grid;place-items:center}.logo-preview img{width:80%;height:auto}.identity-caption{display:flex;align-items:baseline;gap:12px;margin-top:15px}.identity-caption a{white-space:nowrap;font-size:10px}.identity h3,.character h3{font-size:14px;font-weight:500}.identity p{font-size:11px;line-height:1.9}.character{padding-top:12px}.character .eyebrow{font-size:10px}.swatches{display:flex;gap:15px;margin:23px 0}.swatches span{font:10px monospace;display:flex;align-items:center;gap:6px}.swatches span:before{content:"";width:14px;height:14px;background:var(--swatch);border-radius:50%}footer{margin:0 5%;border-top:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;font-size:10px}#export-status{font-size:11px;min-height:20px}@media(min-width:1600px){header,.hero,.design,footer{max-width:1440px;margin-left:auto;margin-right:auto}}@media(max-width:900px){header{height:90px}.header-note{display:none}.hero{min-height:650px}h1{font-size:35px}.description{font-size:12px}.playground{height:500px}.design{grid-template-columns:1fr 1fr;gap:30px}.section-heading{grid-column:1/-1}.section-heading br{display:none}}@media(max-width:600px){header{margin:0 6%;height:84px}.brand img{width:170px}.nav-link{font-size:10px}.nav-link span{margin-left:5px}.hero{display:flex;flex-direction:column;align-items:stretch;margin:0 6%;padding-bottom:70px}.intro{padding:45px 0 0}.eyebrow{margin-bottom:18px;font-size:10px}h1{font-size:32px;line-height:1.65;margin-bottom:18px}.description{line-height:2.1;margin-bottom:25px}.playground{height:400px;margin-top:0}#scene{inset:-10px -6% 30px}.cat-note{right:0;font-size:10px}.hero-bottom{bottom:15px;gap:15px;flex-direction:column;font-size:8px}.design{display:block;margin:0 6%;padding-top:45px}.identity,.character{margin-top:36px}.logo-preview{height:200px}.logo-preview img{max-width:300px}footer{gap:20px;font-size:9px}.text-link{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(max-width:600px){.section-heading br{display:initial}.playground{margin-top:22px}}.contact{margin:0 5%;padding:55px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:32px}.contact .eyebrow{margin-bottom:14px}.contact h2{margin:0}.contact address{font-style:normal;display:grid;gap:10px}.contact address a{display:flex;align-items:center;gap:24px;min-height:44px;font-size:20px}.contact address a:hover{text-decoration:underline;text-underline-offset:5px}.contact address span{font-size:12px;min-width:3em;color:var(--muted)}@media(min-width:1600px){.contact{max-width:1440px;margin-left:auto;margin-right:auto}}@media(max-width:600px){.contact{margin:0 6%;align-items:flex-start;flex-direction:column}.contact h2{font-size:24px}.contact address a{font-size:18px}}.hero{overflow:hidden;isolation:isolate}.playground{position:static;pointer-events:none}#scene{position:absolute;inset:0;pointer-events:none;z-index:2}.cat-note{top:15%;right:2%}.hero-bottom{pointer-events:none}#fallback{right:5%;max-width:320px;z-index:3}@media(max-width:600px){#scene{inset:0}.cat-note{top:55%;right:0}}.contact{padding:18px 0;justify-content:flex-start;gap:28px}.contact-label{font-size:11px;color:var(--muted)}.contact address{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px}.contact address a{font-size:12px;min-height:32px}.contact address a:hover{text-underline-offset:3px}@media(max-width:600px){.contact{flex-direction:row;align-items:center;gap:20px;padding:14px 0}.contact address{gap:0 16px}.contact address a{font-size:11px}}.cat-shadow{position:absolute;pointer-events:none;height:22px;border-radius:50%;background:var(--ink);filter:blur(5px);z-index:0;opacity:0}body>#scene{position:fixed;inset:0;z-index:20;pointer-events:none}body>.cat-shadow{position:fixed;z-index:19;pointer-events:none}.site-footer{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:12px 32px;padding:20px 0;font-size:11px}.site-footer a{display:inline-flex;align-items:center;min-height:32px}.site-footer a:hover{text-decoration:underline;text-underline-offset:4px}.site-footer .footer-copy{margin-left:auto}@media(max-width:600px){.site-footer{gap:6px 20px;font-size:10px}.site-footer>span:first-child{flex-basis:100%}.site-footer .footer-copy{flex-basis:100%;margin-left:0;margin-top:6px}}body{background-image:url(/fur-pattern.svg);background-repeat:repeat;background-size:360px 300px}
