@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@500;700&family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:only light;--bg: #f7f1e6;--panel: rgba(255, 252, 246, .84);--panel-strong: #fffaf0;--ink: #1c1a17;--muted: #5c574d;--border: rgba(28, 26, 23, .12);--accent: #0f766e;--accent-soft: rgba(15, 118, 110, .16);--shadow: 0 24px 60px rgba(28, 26, 23, .12);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;font-family:Space Grotesk,Avenir Next,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(255,255,255,.72),transparent 34%),radial-gradient(circle at right 15%,rgba(15,118,110,.18),transparent 25%),linear-gradient(180deg,#fcf7ef 0%,var(--bg) 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(28,26,23,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(28,26,23,.03) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}body[data-design-slug=tone-gym]{--bg: #fff3df;--panel: rgba(255, 247, 233, .88);--panel-strong: #fff1d2;--accent: #ef6c00;--accent-soft: rgba(239, 108, 0, .16)}body[data-design-slug=name-studio]{--bg: #f4ede8;--panel: rgba(252, 247, 243, .9);--panel-strong: #fff6f1;--accent: #8b5cf6;--accent-soft: rgba(139, 92, 246, .16)}body[data-design-slug=signal-reader]{--bg: #e7f0eb;--panel: rgba(243, 250, 246, .88);--panel-strong: #f5fbf7;--accent: #1d4ed8;--accent-soft: rgba(29, 78, 216, .14)}body[data-design-slug=culture-grid]{--bg: #f2e8dd;--panel: rgba(255, 247, 239, .84);--panel-strong: #fff4ea;--accent: #c2410c;--accent-soft: rgba(194, 65, 12, .16)}a{color:inherit}.shell{width:min(1120px,calc(100vw - 2rem));margin:0 auto}.topbar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 0 0}.brand{font-family:Fraunces,Georgia,serif;font-size:1.2rem;text-decoration:none}.topbar-copy{max-width:36rem;margin:0;color:var(--muted);text-align:right}.home-layout,.detail-layout{position:relative;z-index:1;padding:2rem 0 4rem}.hero-panel,.detail-hero,.detail-card,.design-card,.placeholder-note{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.hero-panel,.detail-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr);gap:1.5rem;padding:2rem;border-radius:var(--radius-xl)}.eyebrow,.callout-label,.recommendation{margin:0 0 .8rem;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem}.eyebrow,.callout-label{color:var(--accent)}.recommendation{color:var(--muted)}h1,h2,h3{margin:0;font-family:Fraunces,Georgia,serif;line-height:.95}h1{max-width:12ch;font-size:clamp(3rem,7vw,5.8rem)}h2{font-size:clamp(1.7rem,3vw,2.4rem)}h3{font-size:1.2rem}p,li,dt,dd{line-height:1.6}.hero-copy,.fit-note,.placeholder-note p,.design-card p,.detail-card p,.topbar-copy{font-size:1rem}.hero-copy{max-width:44rem;margin:1.1rem 0 0}.hero-callout,.placeholder-note{padding:1.4rem;border-radius:var(--radius-lg);background:linear-gradient(160deg,#ffffffb8,#ffffff5c),var(--accent-soft)}.hero-callout strong{display:block;font-family:Fraunces,Georgia,serif;font-size:1.8rem;margin-bottom:.8rem}.gallery-grid,.detail-grid,.module-grid{display:grid;gap:1.2rem}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.6rem}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.4rem}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem}.design-card,.detail-card{border-radius:var(--radius-lg);padding:1.4rem}.design-card{min-height:100%;display:flex;flex-direction:column;gap:1rem}.design-card h2{font-size:clamp(2rem,4vw,3rem)}.design-card--tone-gym{transform:rotate(-1deg)}.design-card--name-studio{transform:translateY(.4rem)}.design-card--culture-grid{transform:rotate(.8deg)}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:0}.metric{padding:.85rem;border-radius:var(--radius-md);background:#ffffff94;border:1px solid rgba(28,26,23,.07)}.metric dt{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.metric dd{margin:.4rem 0 0;font-weight:700}.chip-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.link-chip,.cta-link{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.7rem 1rem;border-radius:999px;border:1px solid rgba(28,26,23,.12);text-decoration:none;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.link-chip{background:#ffffffb8}.link-chip.current,.cta-link{background:var(--ink);color:#fff;border-color:var(--ink)}.cta-link:hover,.link-chip:hover{transform:translateY(-2px)}.detail-hero__frame{padding:.6rem}.module-card{padding:1rem;border-radius:var(--radius-md);background:#ffffff8a;border:1px solid rgba(28,26,23,.08)}.module-card p{margin:.7rem 0 0}.point-list{display:grid;gap:.9rem;margin:1rem 0 0;padding-left:1.2rem}.footer-note{margin-top:1.6rem}.not-found{padding:8rem 0}body[data-design-slug=tone-gym] .detail-hero__frame{background:linear-gradient(135deg,#ffffffb8,#ffffff47),repeating-linear-gradient(90deg,transparent 0 2rem,rgba(239,108,0,.08) 2rem 2.12rem);border-radius:2rem}body[data-design-slug=name-studio] .detail-hero__frame{background:linear-gradient(180deg,#ffffffd6,#ffffff6b),radial-gradient(circle at top right,rgba(139,92,246,.14),transparent 36%);border-radius:2.5rem 2.5rem 1rem 1rem}body[data-design-slug=signal-reader] .detail-hero__frame{background:linear-gradient(180deg,#ffffffd6,#ffffff70),linear-gradient(90deg,rgba(29,78,216,.08),transparent);border-left:8px solid rgba(29,78,216,.22)}body[data-design-slug=culture-grid] .detail-hero__frame{background:linear-gradient(180deg,#ffffffb3,#ffffff4d),conic-gradient(from 220deg,rgba(194,65,12,.18),transparent 20%,rgba(28,26,23,.08) 50%,transparent 70%);border-radius:1.2rem}@media(max-width:900px){.topbar,.hero-panel,.detail-hero,.detail-grid,.module-grid{grid-template-columns:1fr}.topbar,.chip-row{justify-content:flex-start}.gallery-grid{grid-template-columns:1fr}}@media(max-width:640px){body:before{background-size:20px 20px}.shell{width:min(100vw - 1rem,1120px)}.hero-panel,.detail-hero,.design-card,.detail-card,.placeholder-note{padding:1.1rem}.metric-grid,.module-grid{grid-template-columns:1fr}}