@font-face{font-family:'Cormorant';font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/cormorant-garamond-latin-wght-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant';font-style:italic;font-weight:300 700;font-display:swap;src:url(fonts/cormorant-garamond-latin-wght-italic.woff2) format('woff2')}
@font-face{font-family:'Hanken';font-weight:100 900;font-display:swap;src:url(fonts/hanken-grotesk-latin-wght-normal.woff2) format('woff2')}
:root{--wall:#fff;--ink:#111;--grey:#6e6e6e;--line:#e2e2e2;--panel:#f5f5f5;--dot:#D7261E;
  --serif:'Cormorant','Cormorant Garamond',Garamond,Georgia,serif;--sans:'Hanken','Helvetica Neue',Helvetica,Arial,sans-serif}
*{box-sizing:border-box;border-radius:0}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--wall);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
button,input,textarea{font:inherit;color:inherit}
a{color:inherit;text-underline-offset:3px}
.wrap{max-width:1120px;margin:0 auto;padding:0 32px}
.caps,.eyebrow,.k,.fine,.ribbon,th,.chip,.soon,label.f,.margin h6,.st{font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--grey);font-weight:500}
.ribbon{text-align:center;padding:9px 16px;border-bottom:1px solid var(--line)}
nav{display:flex;justify-content:space-between;align-items:center;padding:34px 0 0}
.wm{background:none;border:0;padding:0;cursor:pointer;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.7em}
.wm b{font-weight:600}
.wm::after{content:'';width:8px;height:8px;border-radius:50%;background:var(--dot)}
h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.015em;line-height:1.02;margin:0;text-wrap:balance}
h1{font-size:clamp(44px,7vw,92px)} h2{font-size:clamp(32px,4.2vw,52px)}
h1 em,h2 em,.hi{font-style:italic}
.eyebrow{margin:0 0 22px}
.lead{font-size:19px;max-width:32em;color:#333;margin:28px 0 0;line-height:1.5}
.btn{display:inline-block;background:var(--ink);color:#fff;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:15px 24px;border:1px solid var(--ink);cursor:pointer;text-decoration:none}
.btn:hover{background:#fff;color:var(--ink)}
.btn.ghost{background:#fff;color:var(--ink)} .btn.ghost:hover{background:var(--ink);color:#fff}
.btn:disabled{opacity:.35;cursor:not-allowed;background:#fff;color:var(--ink)}
.btn.small{padding:10px 14px;font-size:11px}
main{padding:88px 0 120px}
.doors{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:88px}
.door{background:none;border:0;border-top:1px solid var(--ink);padding:22px 0 0;text-align:left;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%}
.door span{font-size:11px;letter-spacing:.14em;color:var(--grey)}
.door h3{font-family:var(--serif);font-size:44px;font-weight:400;letter-spacing:-.01em;margin:10px 0 10px;line-height:1}
.door h3::after{content:' →';font-family:var(--sans);font-size:.5em;vertical-align:.25em;opacity:0;transition:opacity .2s}
.door:hover h3{font-style:italic} .door:hover h3::after{opacity:1}
.door p{margin:0;color:#444;max-width:26em}
.fine{letter-spacing:.08em;text-transform:none;font-size:12.5px;font-weight:400}
.card{padding:0}
label.f{display:block;margin:34px 0 10px}
textarea,input[type=text],input[type=password]{width:100%;border:0;border-bottom:1px solid var(--ink);padding:10px 0;background:#fff;font-size:17px;outline-offset:6px}
textarea{min-height:96px;resize:vertical;border:1px solid var(--line);padding:14px}
.drop{border:1px solid var(--ink);padding:54px 26px;text-align:center;background:var(--panel);cursor:pointer;font-family:var(--serif);font-size:24px;line-height:1.25}
.drop .fine{display:block;margin-top:10px;font-family:var(--sans)}
.drop.over{background:#e9e9e9}
.thumbs{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}
.thumbs div{width:92px;height:92px;background-color:var(--panel);background-size:cover;background-position:center;position:relative;font-size:10px;display:grid;place-items:center;text-align:center;padding:6px;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.14)}
.thumbs button{position:absolute;top:0;right:0;background:var(--ink);color:#fff;border:0;width:20px;height:20px;font-size:12px;line-height:1;cursor:pointer}
.seg{display:flex;border:1px solid var(--ink);width:max-content;max-width:100%}
.seg button{background:#fff;border:0;padding:10px 16px;cursor:pointer;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;border-left:1px solid var(--ink)}
.seg button:first-child{border-left:0}
.seg button.on{background:var(--ink);color:#fff}
.err{font-weight:600;margin-top:14px}
.err:not(:empty)::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--dot);margin-right:8px}
.bar{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:40px}
/* running */
.run{display:grid;grid-template-columns:300px 1fr;gap:64px;margin-top:64px}
.stages{list-style:none;margin:0;padding:0;counter-reset:s}
.stages li{padding:16px 0;border-top:1px solid var(--line);color:#b5b5b5;font-family:var(--serif);font-size:22px;line-height:1.2}
.stages li.now{color:var(--ink);font-style:italic} .stages li.done{color:var(--ink)}
.stages li.now::after{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--dot);margin-left:10px;vertical-align:middle;animation:pulse 1.2s infinite}
@keyframes pulse{50%{opacity:.2}}
@media(prefers-reduced-motion:reduce){.stages li.now::after{animation:none}}
.feed{border-top:1px solid var(--ink);padding:16px 0;font-size:13.5px;line-height:1.9;color:var(--grey);min-height:280px;max-height:58vh;overflow:auto}
.feed div{overflow-wrap:anywhere;border-bottom:1px solid var(--line)}
.feed b{color:var(--ink);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:11px}
/* the wall */
.hang{background:var(--panel);padding:72px 24px 56px;margin-top:48px;display:grid;justify-items:center}
.hang .frame{background:#fff;padding:14px;box-shadow:0 22px 44px rgba(0,0,0,.18),0 2px 5px rgba(0,0,0,.12)}
.hang .frame img{display:block;max-height:440px;max-width:min(100%,560px)}
.hang .frame .blank{width:270px;height:360px;background:#fafafa;border:1px solid var(--line);display:grid;place-items:center;text-align:center}
/* the evidence line */
.chart{margin:8px 0 26px}
.axis{position:relative;height:54px;margin:0 6px}
.axis::before{content:'';position:absolute;left:-6px;right:-6px;top:20px;height:1px;background:var(--ink)}
.axis .est{position:absolute;top:16px;height:9px;background:var(--ink);opacity:.9}
.axis .pt{position:absolute;top:20px;width:13px;height:13px;border-radius:50%;transform:translate(-50%,-50%);border:1px solid var(--ink);background:var(--ink);padding:0;cursor:pointer}
.axis .pt.r{background:var(--dot);border-color:var(--dot)} .axis .pt.g{background:#b5b5b5;border-color:#b5b5b5} .axis .pt.o{background:#fff}
.axis .pt:hover{transform:translate(-50%,-50%) scale(1.5)}
.axis .lo,.axis .hi2{position:absolute;top:34px;font-size:12px;color:var(--grey);font-variant-numeric:tabular-nums} .axis .hi2{right:0}
.srcgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px;margin-top:10px}
.src{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px;color:#a3a3a3}
.src b{font-weight:500} .src span{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.src.hit{color:var(--ink)} .src.hit b::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ink);margin-right:7px}
.src.blk span{text-decoration:line-through}
/* report */
.sheet{margin-top:56px;display:grid;grid-template-columns:minmax(0,1fr) 250px;column-gap:72px}
.sheet>header{display:none}
.body{min-width:0}
.margin{border-left:1px solid var(--line);padding-left:28px;align-self:start;position:sticky;top:24px}
.margin h6{margin:0 0 14px}
.margin h6+.note{margin-top:0}
.note{font-family:var(--serif);font-style:italic;font-size:18px;line-height:1.3;margin:0 0 18px;color:var(--ink)}
.label{border:1px solid var(--ink);padding:12px 14px;margin-bottom:36px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;line-height:1.6}
.sheet h1{font-size:clamp(38px,5.6vw,72px);font-style:italic}
.sub{font-size:16px;color:var(--ink);margin:14px 0 0;letter-spacing:.02em}
.value{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:26px 0 28px;margin:44px 0 10px}
.value strong{font-family:var(--serif);font-weight:400;font-size:clamp(40px,6.4vw,84px);line-height:1;letter-spacing:-.02em;display:block;margin-top:10px}
.value p{margin:16px 0 0;max-width:36em;font-size:17px}
.sheet h2{font-size:30px;margin:72px 0 18px;display:block;padding-top:18px;border-top:1px solid var(--ink)}
.sheet h2 span{display:block;font-family:var(--sans);font-size:11px;letter-spacing:.14em;color:var(--grey);margin-bottom:10px}
table{width:100%;border-collapse:collapse;font-size:15px}
td,th{text-align:left;padding:11px 14px 11px 0;border-bottom:1px solid var(--line);vertical-align:top}
th{border-bottom:1px solid var(--ink);padding-bottom:8px}
.kv td:first-child{width:170px;color:var(--grey)}
.chip{display:inline-block;white-space:nowrap;font-size:10px}
.chip.ok::before,.sold::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ink);margin-right:6px}
.sold::before{background:var(--dot)}
.chip.red{color:var(--ink);font-weight:700}
.price{font-variant-numeric:tabular-nums;white-space:nowrap;background:none;border:0;border-bottom:1px solid var(--ink);padding:0 0 1px;cursor:pointer;font-size:15px}
.price:hover{background:var(--panel)}
tr.aside td{color:#a3a3a3} tr.aside .price{text-decoration:line-through;border-bottom-color:#a3a3a3}
tr.src td{background:var(--panel);padding:20px 22px}
tr.src q{font-family:var(--serif);font-style:italic;font-size:21px;line-height:1.3;display:block;margin:8px 0 12px}
.small{font-size:14px;color:#444}
ul.plain{margin:0;padding:0;list-style:none} ul.plain li{padding:11px 0;border-bottom:1px solid var(--line)}
.checkbox{background:var(--panel);padding:26px 28px}
.checkbox table td{border-bottom-color:#dcdcdc}
.st{white-space:nowrap} .st.ok{color:var(--ink)} .st.missing,.st.differs,.st.stale{color:var(--ink);font-weight:700}
.st.missing::before,.st.differs::before,.st.stale::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--dot);margin-right:6px}
.next{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:110px}
.next .card{border-top:1px solid var(--ink);padding-top:18px}
.next .card h3{font-family:var(--serif);font-size:30px;font-weight:400;margin:10px 0 10px;line-height:1.05}
.next .card p{margin:0 0 18px;font-size:14.5px;color:#444}
@media(max-width:860px){.wrap{padding:0 20px}main{padding:56px 0 80px}.doors,.run,.next{grid-template-columns:1fr;gap:36px}.doors{margin-top:56px}.sheet{grid-template-columns:1fr}.margin{border-left:0;border-top:1px solid var(--ink);padding:24px 0 0;margin-top:56px;position:static}.tw{overflow-x:auto}.tw table{min-width:560px}.tw table.kv{min-width:0}.srcgrid{grid-template-columns:1fr}.kv td:first-child{width:104px}.hang{padding:44px 16px 36px}.hang .frame .blank{width:200px;height:266px}.seg{flex-wrap:wrap;width:100%}.seg button{flex:1}}
@media print{.ribbon,nav,.bar,.next,.noprint{display:none!important}main{padding:0}.wrap{max-width:none;padding:0}.margin{position:static}tr.src{display:table-row!important}.hang{padding:30px}@page{size:Letter;margin:.7in}}
