:root{color-scheme:light;--ink:#28364a;--paper:#f4f0e8;--clay:#e7af8f;--muted:#505963;--line:#cfc7ba;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.55 system-ui,sans-serif}.shell{width:min(1180px,calc(100% - 80px));margin-inline:auto}.mast{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:92px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font:1.65rem/1 var(--serif);white-space:nowrap}.brand img{display:block}.edition,.eyebrow{font-size:.72rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.edition{padding:.28rem .65rem;border:1px solid var(--line);border-radius:2rem;text-align:center}.intro{padding:clamp(2rem,5.2vw,4.1rem) 0 clamp(1.7rem,3.5vw,2.7rem)}.eyebrow{margin:0 0 .65rem}.intro h1{font:clamp(2.65rem,6.1vw,5.3rem)/1.02 var(--serif);letter-spacing:-.044em;margin:0;max-width:19ch}.lead{max-width:60ch;margin:1.15rem 0 1.35rem;color:var(--muted);font-size:clamp(1rem,1.9vw,1.19rem)}.primary{display:inline-flex;align-items:center;gap:.9rem;background:var(--ink);color:var(--paper);padding:.66rem 1rem;border-radius:.35rem;text-decoration:none;font-weight:700}.primary span{color:var(--clay)}.comparison{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(1.4rem,4vw,3.5rem);align-items:start;scroll-margin-top:18px}.photo{border-radius:.45rem;overflow:hidden;background:#e2d7c9}.photo img{width:100%;height:auto;display:block;aspect-ratio:960/680}.credit{color:var(--muted);font-size:.74rem;margin:.45rem 0 0}.choice h2,.closing h2{font:clamp(1.7rem,3vw,2.55rem)/1.12 var(--serif);margin:0 0 .85rem}.controls{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.9rem}.controls button{font:inherit;font-size:.93rem;font-weight:700;min-height:46px;cursor:pointer;border:1px solid var(--ink);background:transparent;color:var(--ink);border-radius:.32rem;padding:.45rem}.controls button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.art-note{border-left:3px solid #b77c60;padding-left:.85rem;min-height:104px}.art-note p{margin:.1rem 0 .3rem}.art-title{font-family:var(--serif);font-size:1.13rem}.effect{font-size:.84rem;font-weight:750}.art-note p:last-child,details p,.closing p{color:var(--muted);font-size:.94rem}details{border-top:1px solid var(--line);margin-top:1rem;padding-top:.75rem}summary{cursor:pointer;font-weight:750;min-height:44px}details p{margin:0 0 .6rem}.closing{border-top:1px solid var(--line);margin:clamp(2rem,5vw,4rem) 0 0;padding:clamp(1.8rem,4vw,3rem) 0}.closing p{margin:.4rem 0 0;max-width:60ch}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem;padding:1rem 0 1.4rem;font-size:.78rem}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #76502f;outline-offset:4px}@media(max-width:730px){.shell{width:calc(100% - 36px)}.mast{min-height:70px}.brand{font-size:1.35rem}.brand img{width:37px;height:37px}.edition{font-size:.6rem}.intro h1{max-width:14ch}.comparison{grid-template-columns:1fr;gap:1rem}.choice{display:grid}.art-note{min-height:0}.footer{flex-wrap:wrap}}
[hidden]{display:none!important}.pick,.result button{font:inherit;cursor:pointer;border:1px solid var(--ink)}.pick{margin-top:1rem;justify-self:start}.result{margin-top:2rem;padding:clamp(1.1rem,4vw,2.6rem);background:#faf7f1;border:1px solid var(--line);border-radius:.45rem;scroll-margin-top:18px}.result h2{font:clamp(1.6rem,4vw,2.4rem)/1.15 var(--serif);margin:.3rem 0 .75rem}.result h3{font:1.45rem/1.2 var(--serif);margin:.25rem 0 .5rem}.result p{max-width:65ch}.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.2rem 0}.specs>div{border-top:1px solid var(--line);padding:.65rem 0}.specs dt{font-weight:750}.specs dd{margin:.3rem 0 0;color:var(--muted);font-size:.92rem}.shopping{border-top:1px solid var(--line);margin-top:1.4rem;padding-top:1rem}.preview-status{font-size:.84rem;color:var(--muted)}@media(max-width:730px){.specs{grid-template-columns:1fr;gap:.25rem}}

.shopping {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 2rem;
  align-items: start;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: .45rem;
  padding: clamp(1rem, 3vw, 1.75rem);
}
.signup-intro p:last-child { margin-bottom: 0; color: var(--muted); }
.waitlist { display: grid; gap: .45rem; }
.waitlist label { font-size: .9rem; font-weight: 700; }
.waitlist label span, .signup-consent { color: var(--muted); font-weight: 400; }
.waitlist input, .waitlist select {
  width: 100%;
  min-height: 44px;
  margin-bottom: .45rem;
  padding: .55rem .65rem;
  border: 1px solid #82796d;
  border-radius: .3rem;
  background: #fffdfa;
  color: var(--ink);
  font: inherit;
}
.waitlist input:focus-visible, .waitlist select:focus-visible { outline: 3px solid #76502f; outline-offset: 2px; }
.waitlist button { justify-self: start; font-weight: 700; }
.waitlist button:disabled { opacity: .65; cursor: progress; }
.signup-consent { margin: .15rem 0 0; font-size: .8rem; }
.signup-status { grid-column: 2; margin: .6rem 0 0; font-weight: 650; }
.signup-status:empty { display: none; }
@media(max-width:730px) {
  .shopping { grid-template-columns: 1fr; gap: 1rem; }
  .signup-status { grid-column: 1; }
}

.result-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(120px, 26%);
  gap: 1rem;
  align-items: center;
}
.result-preview { border-radius: .35rem; overflow: hidden; }
.print-options, .refine {
  border-top: 1px solid var(--line);
  padding-top: 1rem;
  margin-top: 1.2rem;
}
.print-options .controls { max-width: 22rem; }
.print-options #print-copy { margin-bottom: .25rem; }
.result-actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: .85rem; }
.result .secondary {
  color: var(--ink);
  background: transparent;
  border: 1px solid #82796d;
  border-radius: .35rem;
  padding: .55rem .8rem;
  min-height: 44px;
  font-weight: 700;
}
.result .secondary:hover { background: var(--paper); }
.refine-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.refine-grid figure { margin: 0; min-width: 0; }
.refine-photo { position: relative; background: #e2d7c9; }
.refine-photo > img { display: block; width: 100%; height: auto; }
.art-overlay {
  position: absolute;
  inset: 13.67% 34.48% 54.12% 34.58%;
  display: grid;
  place-items: center;
  background: #eee6d7;
}
.art-overlay img { width: 84.5%; height: 90.4%; object-fit: contain; }
.refine-grid figcaption { display: grid; gap: .1rem; margin: .55rem 0; }
.refine-grid .eyebrow { margin: 0; }
@media(max-width:420px) {
  .result-summary { grid-template-columns: 1fr; }
  .result-preview { max-width: 12rem; }
  .refine-grid { gap: .55rem; }
  .refine-grid figcaption { font-size: .85rem; }
}

.social-links { display: flex; flex-wrap: wrap; gap: .4rem 1rem; }
.social-links a { color: inherit; text-underline-offset: .2em; }