/* Gallery presentation. */
:root{--paper:#f4f2eb;--white:#fffdf8;--ink:#24362f;--muted:#526159;--soft:#e3e8dc;--accent:#dbe7b8;--line:#bac4b5;--focus:#15271e;color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;font-size:1rem;line-height:1.65}h1,h2,h3,p,ol{margin:0}h1,h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.045em;font-weight:400;line-height:1.08}h1{font-size:clamp(2.8rem,5.8vw,5.7rem)}h2{font-size:clamp(2rem,3.2vw,3.4rem)}p+p{margin-top:1rem}a{color:inherit;text-underline-offset:.24em}button,select,textarea,input{font:inherit}button,a,select{touch-action:manipulation}p,h1,h2,h3,li,label,legend,a,button{overflow-wrap:anywhere}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}button,select,textarea{max-width:100%}fieldset{border:0;padding:0;margin:0;min-width:0}legend{padding:0;font-size:1.2rem;font-weight:700;margin-bottom:1rem}label{display:block;font-size:.9rem;font-weight:650;margin:.8rem 0 .35rem}select,textarea{display:block;width:100%;min-width:0;background:var(--white);border:1px solid var(--muted);color:var(--ink);padding:.75rem;border-radius:0;min-height:48px}textarea{resize:vertical;min-height:16rem}img{display:block;width:100%;height:auto}[hidden]{display:none!important}.print-only{display:none}:focus-visible{outline:3px solid var(--focus);outline-offset:4px;box-shadow:0 0 0 7px var(--white)}.skip{position:absolute;z-index:5;top:-10rem;left:1rem;padding:1rem;background:var(--white)}.skip:focus{top:1rem}.ribbon{display:flex;justify-content:center;gap:.4rem 1.4rem;flex-wrap:wrap;background:var(--ink);color:var(--white);padding:.6rem 5vw;font-size:.8rem;font-weight:700}.ribbon span{font-weight:400}header{max-width:1520px;margin:auto;padding:1.5rem 5vw;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.2rem;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,'Times New Roman',serif;font-size:2rem;font-weight:700;letter-spacing:-.06em;text-decoration:none;line-height:1.2;max-width:100%}.brand span{font-family:system-ui,sans-serif;display:block;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;margin-top:.4rem}nav{display:flex;flex-wrap:wrap;gap:.5rem 1.6rem}nav a{font-size:.85rem;font-weight:600;padding:.6rem 0}main,footer{max-width:1520px;margin:auto}.introduction{padding:4.5rem 5vw;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:4rem;align-items:end}.eyebrow{text-transform:uppercase;font-size:.75rem;letter-spacing:.13em;font-weight:750;margin-bottom:1rem}.small{font-size:.85rem;color:var(--muted);line-height:1.6}.collection{padding:0 5vw 4.5rem}.collection-head{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:2rem;padding-top:2rem;border-top:1px solid var(--line)}.collection-head h2{font-size:2rem}.filters{display:flex;flex-wrap:wrap;gap:.5rem}.filters button{min-height:44px;padding:.6rem .9rem;border:1px solid var(--ink);background:transparent;color:var(--ink);font-size:.85rem}.filters button[aria-pressed=true]{background:var(--ink);color:var(--white)}.status{margin:1rem 0;font-size:.85rem}.design-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin-top:1.8rem}.design-card{background:var(--white);border:1px solid var(--line);min-width:0;scroll-margin-top:1rem}.art-link{display:block;overflow:hidden}.art-link img{aspect-ratio:4/3;object-fit:cover}.card-body{padding:1.6rem}.label{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--muted)}.card-body h2{font-size:2.5rem;margin:.55rem 0 1rem}.simulation{font-size:.85rem;padding:.8rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:1rem}.identity{font: .75rem/1.6 monospace;color:var(--muted)}.card-actions,.actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.2rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.75rem 1rem;background:var(--ink);color:var(--white);border:1px solid var(--ink);font-weight:650;font-size:.85rem;line-height:1.4;text-decoration:none}.button.secondary{background:transparent;color:var(--ink)}.selection{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem;padding:4.5rem 5vw;background:var(--soft)}.selection-target{position:absolute;top:0}.selected-label{font-size:1.4rem;font-weight:700;margin-top:1.5rem}.review-list{padding-left:1.3rem;margin:1.5rem 0}.review-list li{padding:.2rem 0;font-size:.9rem}.selection-panel{min-width:0;background:var(--white);border:1px solid var(--line);padding:2rem}.check{display:flex;align-items:flex-start;gap:.7rem;font-weight:400;font-size:.8rem;margin-top:1rem}.check input{width:20px;height:20px;flex:0 0 20px;margin-top:3px}fieldset>.button{margin-top:1.1rem}.selection-panel>.small{margin-top:1.5rem}footer{padding:2rem 5vw;font-size:.85rem}footer>strong{font-size:1.2rem}footer p{max-width:90ch;margin-top:.7rem}.preview-heading{padding:2rem 5vw}.preview-heading h1{font-size:clamp(2.4rem,5vw,4rem);margin-bottom:1rem}.preview-heading p{max-width:100ch}.preview-frame{display:block;width:100%;height:82vh;min-height:540px;border:1px solid var(--line);background:var(--white)}.preview-return{padding:1.5rem 5vw;display:flex;gap:1rem;flex-wrap:wrap}
@media(max-width:900px){.introduction{gap:2rem}.selection{gap:2rem}.selection-panel{padding:1.5rem}.card-body{padding:1.3rem}.card-actions>.button{flex:1 1 130px}}
@media(max-width:650px){header{padding:1.2rem 6vw}.brand{font-size:1.7rem}nav{gap:.4rem 1.2rem}.introduction{grid-template-columns:1fr;padding:3rem 6vw;gap:1.5rem}.collection{padding:0 6vw 3rem}.design-grid{grid-template-columns:1fr;gap:1.5rem}.selection{grid-template-columns:1fr;padding:3rem 6vw;gap:2rem}.selection-panel{padding:1.2rem}.actions .button{flex:1 1 120px}.filters{width:100%}.filters button{flex:1 1 120px}.preview-frame{height:80vh;min-height:420px}footer{padding:2rem 6vw}}
@media print{body{background:white;color:black}.ribbon,header,.introduction,.collection,.selection-intro,fieldset,.status,.actions,.selection-panel>.small,footer,textarea,label{display:none!important}.selection,.selection-panel{display:block;padding:0;border:0;background:white}.print-only{display:block;white-space:pre-wrap;overflow-wrap:anywhere;font:11pt/1.5 sans-serif;margin:1rem}.selection-target{display:none}}

.home-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.7rem}.how{padding:2rem 5vw 4rem}.how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:1.5rem}.how-card{padding:1.5rem;border:1px solid var(--line);background:var(--white);min-width:0}.how-card h3{font-size:1.1rem;margin-bottom:.8rem}.preview-frame{min-height:540px}.public-demo-navigation{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.7rem;padding:1rem 5vw;background:#24362f;color:#fffdf8;font:600 .85rem/1.5 system-ui,sans-serif;isolation:isolate}.public-demo-navigation a{color:#fffdf8;min-height:44px;display:inline-flex;align-items:center;max-width:100%;overflow-wrap:anywhere;padding:.3rem .5rem}.public-demo-navigation a:focus-visible{outline:3px solid #fffdf8;outline-offset:3px}.public-demo-navigation span{overflow-wrap:anywhere}.public-demo-navigation[hidden]{display:none!important}@media(max-width:650px){.how-grid{grid-template-columns:1fr}.public-demo-navigation{align-items:flex-start;flex-direction:column}.how{padding:2rem 6vw 3rem}}@media print{.public-demo-navigation,.home-actions,.how{display:none!important}}
