.document-page .page-intro { background:var(--yellow); padding-bottom:64px; }
.document-page .page-intro h1 { max-width:1100px; font-size:clamp(3rem,8.5vw,8rem); line-height:1.05; overflow-wrap:normal; }
.document-page .page-intro p { max-width:48rem; }
.document-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:48px; }
.document-aside { align-self:start; }
.document-mascot { width:92px; margin:0 0 24px; transform:rotate(-9deg); }
.document-links,.document-toc { display:flex; flex-direction:column; align-items:flex-start; gap:16px; }
.document-links a,.document-toc a { font-size:1rem; line-height:1.5; text-decoration:underline; text-underline-offset:5px; }
.document-links a:hover,.document-toc a:hover { color:#6040bd; }
.document-toc { margin-top:32px; padding-top:24px; border-top:1px solid #1113; }
.document-prose { min-width:0; max-width:760px; line-height:1.85; font-size:1rem; overflow-wrap:anywhere; }
.document-prose h2,.product-next h2 { font-family:var(--display); font-weight:400; font-size:clamp(2rem,4vw,3.5rem); line-height:1.15; margin:52px 0 20px; letter-spacing:0; scroll-margin-top:110px; }
.document-prose > :first-child { margin-top:0; }
.document-prose p { margin:0 0 24px; }
.document-prose a { text-decoration:underline; text-underline-offset:4px; }
.document-prose li { margin:12px 0; }
.document-prose ul { padding-left:24px; }
.document-note { border-left:5px solid var(--purple); padding:18px 24px; background:#8066ff12; border-radius:0 22px 22px 0; }
.document-prose[id] { scroll-margin-top:110px; }
.product-document { display:grid; gap:48px; }
.product-photos { min-width:0; display:flex; flex-direction:column; gap:32px; }
.product-photos .media-tile { width:100%; background:none; border:0; overflow:visible; }
.product-photos img { width:100%; height:auto; border-radius:22px 48px 30px 48px; }
.product-photos .media-tile:nth-child(2n) { transform:rotate(2deg); width:90%; margin-inline:auto; }
.product-status { display:inline-block; padding:10px 18px; background:var(--yellow); border-radius:999px; font-weight:700; font-size:.875rem; }
.product-next { padding-top:0; }
.product-next nav { display:flex; flex-wrap:wrap; gap:16px; }
.inspiration-controls label { display:block; max-width:640px; font-weight:700; }
.inspiration-controls input { display:block; margin-top:12px; width:100%; min-height:60px; border:2px solid var(--ink); border-radius:999px; padding:16px 24px; font:inherit; background:var(--white); color:var(--ink); box-shadow:4px 4px 0 var(--yellow); }
.inspiration-section [role=status] { margin:28px 0 40px; }
.inspiration-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:44px 22px; margin-top:36px; }
.inspiration-card { min-width:0; }
.inspiration-card .media-tile { border:0; border-radius:34px 18px 42px 18px; background:transparent; width:100%; transition:transform .25s ease; }
.inspiration-card:nth-child(3n+2) .media-tile { transform:rotate(2deg); }
.inspiration-card .media-tile:hover { transform:translateY(-6px) rotate(-2deg); }
.inspiration-card img { width:100%; height:auto; object-fit:contain; }
.inspiration-card > div { padding:18px 2px; }
.inspiration-card h2 { font-family:var(--display); font-weight:400; font-size:clamp(1.6rem,2.3vw,2.5rem); line-height:1.2; margin:10px 0; overflow-wrap:anywhere; }
.inspiration-card span,.inspiration-card .text-link { font-size:.875rem; }
.inspiration-card .text-link { text-transform:none; letter-spacing:0; }
.inspiration-section .archive-note { max-width:760px; margin-top:40px; font-size:.875rem; }
.document-page :focus-visible { outline:3px solid #6040bd; outline-offset:5px; }
@media (min-width:900px) {
  .document-layout { grid-template-columns:minmax(220px,1fr) minmax(0,2.3fr); gap:80px; }
  .document-aside { position:sticky; top:105px; max-height:calc(100svh - 130px); overflow:auto; padding:6px; }
  .product-document { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:80px; }
  .inspiration-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:54px 32px; }
}
@media (max-width:390px) { .inspiration-grid { gap:32px 14px; } .inspiration-card .text-link { font-size:.8rem; } }
@media (prefers-reduced-motion:reduce) { .inspiration-card .media-tile { transition:none; } }
body.motion-paused .inspiration-card .media-tile { transition:none; }

/* Compact inspiration archive: eight drawings across on desktop. */
.inspiration-grid{gap:28px 16px}
.inspiration-card > div{padding:12px 2px}
.inspiration-card h2{font-size:clamp(1rem,1.35vw,1.4rem);line-height:1.2; margin:8px 0}
.inspiration-card span,.inspiration-card .text-link{font-size:.75rem}
.inspiration-card .text-link{min-height:44px;display:inline-flex;align-items:center}
.inspiration-card .expand-mark{width:28px;height:28px;font-size:14px}
@media(min-width:600px){.inspiration-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:900px){.inspiration-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:30px 16px}}
@media(min-width:1200px){.inspiration-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:32px 18px}}