/* The same drawing-set identity as the portfolio, with a compact product layout. */
.air-project { --shell:1040px; }
.air-hero { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:2.5rem; padding:2.5rem 0; }
.air-intro .eyebrow { color:var(--ink-soft); font-size:.75rem; }
.air-intro h1 { font-family:var(--display); font-size:clamp(3.5rem,7vw,5.5rem); line-height:.95; text-transform:uppercase; letter-spacing:.015em; margin:1rem 0; }
.air-intro p { font-size:1.125rem; color:var(--ink-soft); max-width:38ch; }
.project-actions { display:flex; flex-wrap:wrap; align-items:center; gap:1rem; margin-top:1.5rem; }
.project-actions .btn { font-size:.8125rem; border-radius:8px; }
.air-link { width:fit-content; display:inline-flex; align-items:center; font-size:.9375rem; font-weight:600; color:var(--ink); text-decoration:none; border-bottom:2px solid var(--accent); padding:.5rem 0; }
.air-link:hover { color:#a84b00; }
.board-stage { background:var(--bg-raised); border:1px solid var(--line-soft); border-radius:12px; overflow:hidden; box-shadow:4px 4px 0 #1111110c; }
.stage-label { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem; font:.75rem var(--mono); color:var(--ink-soft); border-bottom:1px solid var(--line-soft); }
.stage-label span:last-child { color:#a64a00; }
model-viewer { width:100%; height:270px; --poster-color:transparent; background:radial-gradient(ellipse,#eeeeE8,white 70%); }
.stage-bottom { display:grid; justify-items:center; gap:.7rem; padding:.8rem; font:.75rem var(--mono); color:var(--ink-soft); }
.viewer-controls { display:flex; gap:.3rem; }
.control-btn { border:1px solid transparent; border-radius:18px; padding:.6rem .9rem; background:transparent; color:var(--ink-soft); font:.8125rem var(--sans); cursor:pointer; min-height:44px; }
.control-btn.active { background:#fff0df; color:#873b00; border-color:#edcbaa; }
.air-facts { display:grid; grid-template-columns:repeat(3,1fr); padding:1.5rem 0; border-block:1px solid var(--line-soft); gap:1rem; color:var(--ink-soft); font-size:.875rem; }
.air-facts strong { display:block; color:var(--ink); font:700 1.8rem var(--display); }
.air-story { display:grid; grid-template-columns:.9fr 1.1fr; gap:3rem; padding:3.5rem 0 2rem; }
.air-story .eyebrow,.build-notes>.eyebrow { color:#a64a00; }
.air-story h2 { font-size:clamp(2rem,3.5vw,2.8rem); margin-top:.8rem; line-height:1.05; }
.story-copy { color:var(--ink-soft); font-size:1rem; }.story-copy p + p { margin-top:1rem; }
.light-story { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; background:var(--bg-raised); border:1px solid var(--line-soft); border-radius:12px; padding:2rem 1.5rem 1rem; text-align:center; }
.light-orb { display:block; width:40px; height:40px; margin:0 auto 1.2rem; border-radius:50%; background:var(--light); box-shadow:0 0 24px color-mix(in srgb,var(--light) 18%,transparent),inset 0 2px 6px #ffffff65; }
.light-green { --light:#369b59; }.light-amber { --light:#eca329; }.light-red { --light:#d85946; }
.light-story h3 { font:600 1rem var(--sans); text-transform:none; margin-bottom:.5rem; }
.light-example p { max-width:25ch; margin:auto; color:var(--ink-soft); font-size:.875rem; }
.light-caption { grid-column:1/-1; border-top:1px solid var(--line-soft); padding-top:1rem; margin-top:.5rem; font-size:.8125rem; color:var(--ink-soft); }
.build-notes { padding:2rem 0; border-top:1px solid var(--line-soft); }.build-notes>h2{font-size:2.5rem;margin:.7rem 0 1.5rem;}
.notes-grid { display:grid; grid-template-columns:1fr 1.2fr; gap:2rem; align-items:start; }.notes-grid h3 { font:600 1rem var(--sans); text-transform:none; margin:1.5rem 0 .5rem; }.notes-grid h3:first-child{margin-top:0;}.notes-grid p { color:var(--ink-soft); }.notes-grid figure{background:white;border:1px solid var(--line-soft);border-radius:10px;padding:1rem;}.notes-grid figcaption{font-size:.75rem;}.build-notes>.air-link{margin-top:1rem;}
.air-outro { border-top:1px solid var(--line-soft); padding:2.5rem 0 0; }.air-outro h2 { font-size:2.5rem;margin:.6rem 0; }.air-outro p { color:var(--ink-soft); }.air-outro .air-link { margin-top:1rem; }
.air-project button:focus-visible,.air-project a:focus-visible{outline:2px solid #a64a00;outline-offset:4px;}
@media(max-width:740px) { .air-hero,.air-story,.notes-grid{grid-template-columns:1fr;gap:1.5rem;}.air-hero{padding-top:1.5rem;}.board-stage{width:100%;max-width:520px;margin:auto;}model-viewer{height:240px;}.air-story{padding-top:2.5rem;}.air-facts{font-size:.8125rem;}.light-story{gap:1rem;}.light-story h3{font-size:.9375rem;} }
@media(max-width:450px){.light-story{grid-template-columns:1fr;text-align:left;}.light-example{display:grid;grid-template-columns:40px 1fr;gap:.3rem 1rem;}.light-orb{grid-row:1/3;margin:0;}.light-example p{margin:0;max-width:none;}.light-caption{grid-column:auto;}.air-facts{gap:.5rem;} }