/* Hotel Sufardi: one physical collectible comic, 17 October 2026. */
.th-listing{--th-ink:#28242b;--th-paper:#f5eddf;--th-purple:#4e365f;--th-gold:#c2a26a;color:var(--th-ink);background:var(--th-paper);font-family:Georgia,'Times New Roman',serif;margin:0;line-height:1.6}
.th-listing *{box-sizing:border-box}.th-listing a{color:inherit;text-underline-offset:.22em}.th-listing a:focus-visible,.th-door a:focus-visible{outline:3px solid #986cad;outline-offset:5px}
.th-wrap{width:min(1160px,calc(100% - 48px));margin:auto}.th-nav{display:flex;gap:24px;flex-wrap:wrap;padding:25px 0;border-bottom:1px solid #cdbda3;font:14px/1.5 system-ui,sans-serif}.th-nav a{text-decoration:none}
.th-kicker{font:11px/1.6 system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#65526d;margin:0 0 16px}.th-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(32px,6vw,80px);align-items:start;padding:64px 0}
.th-hero h1{font-size:clamp(38px,5.4vw,68px);line-height:1.05;letter-spacing:-.035em;font-weight:400;margin:0 0 22px}.th-hero h1 em{color:var(--th-purple)}.th-sub{font-size:19px;margin:0 0 24px;max-width:34ch}.th-price{font-size:38px;line-height:1.2;margin:26px 0 7px;letter-spacing:-.02em}.th-stock{font:13px/1.6 system-ui,sans-serif;color:#5c525c;margin:0 0 28px}
.th-cta{display:inline-block;background:var(--th-purple);color:#fff!important;padding:15px 23px;border-radius:2px;font:600 14px/1.5 system-ui,sans-serif;text-decoration:none}.th-note{font:13px/1.7 system-ui,sans-serif;color:#625762;max-width:45ch;margin-top:18px}
.th-main-photo{margin:0;background:#e4d9ca;border:1px solid #baaa90;padding:10px;box-shadow:0 20px 45px #2f1c3a18}.th-main-photo img{display:block;width:100%;height:auto}.th-main-photo figcaption{font:12px/1.6 system-ui,sans-serif;padding:10px 5px 0;color:#5d525d}
.th-facts{margin:36px 0 0;border-top:1px solid #cdbda3;font:14px/1.6 system-ui,sans-serif}.th-facts div{padding:13px 0;border-bottom:1px solid #cdbda3;display:grid;grid-template-columns:110px 1fr;gap:15px}.th-facts dt{color:#766577}.th-facts dd{margin:0}
.th-back{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:56px;align-items:center;border-top:1px solid #cdbda3;padding:56px 0 72px}.th-back figure{margin:0}.th-back img{display:block;width:100%;height:auto;border:1px solid #baaa90}.th-back h2{font-size:34px;line-height:1.15;font-weight:400;margin:0 0 20px}.th-back p{max-width:52ch}.th-footer{border-top:1px solid #cdbda3;padding:25px 0 40px;font:12px/1.7 system-ui,sans-serif;color:#655965}.th-footer nav{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:16px}
.th-door{max-width:1100px;margin:36px auto 60px;padding:32px;background:#eee3d4;border:1px solid #b7a183;color:#28242b;display:grid;grid-template-columns:150px minmax(0,1fr);gap:30px;align-items:center}.th-door img{display:block;width:150px;height:210px;object-fit:contain;background:#ded4c6}.th-door .th-kicker{color:#65526d;margin-bottom:8px}.th-door h2{font-size:clamp(28px,3vw,40px);font-weight:400;line-height:1.15;margin:0 0 10px}.th-door p{margin:0 0 12px;max-width:55ch}.th-door .th-door-price{font-size:24px}.th-vault-entry{display:block;border:1px solid #b7a183;background:#eee3d4;color:#28242b;padding:22px 26px;margin:25px 0;text-decoration:none}.th-vault-entry strong{display:block;font-size:22px}.th-vault-entry span{display:block;margin-top:6px}
@media(max-width:700px){.th-wrap{width:calc(100% - 32px)}.th-nav{gap:16px}.th-hero{grid-template-columns:1fr;padding:35px 0;gap:32px}.th-hero-copy{order:0}.th-main-photo{order:1}.th-back{grid-template-columns:1fr;gap:28px;padding:36px 0}.th-back figure{max-width:450px}.th-door{margin:28px 16px;padding:22px;grid-template-columns:1fr;gap:20px}.th-door img{width:100%;height:230px}.th-facts div{grid-template-columns:90px 1fr}}