:root{--rice:#f0e5cd;--paper:#f7efdd;--wood:#b99367;--wood-dark:#7a5638;--indigo:#102f42;--indigo-2:#1c4c63;--water:#8db4bd;--seal:#c84b3d;--soot:#202321;--muted:#66706c;--line:rgba(32,35,33,.18);--soft:rgba(32,35,33,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--rice);color:var(--soot);font-family:"Courier New",monospace;line-height:1.5}button{font:inherit}a{color:inherit}
.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 clamp(18px,5vw,78px);background:var(--paper);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:9px;font-weight:700;line-height:1.2;letter-spacing:.13em;text-decoration:none}.brand strong{color:var(--seal);font-size:13px}.seal{width:42px;height:42px;display:grid;place-items:center;background:var(--seal);color:var(--paper);font:700 21px Georgia,serif}nav{display:flex;gap:30px}nav a,footer a{color:var(--muted);font-size:10px;font-weight:700;text-decoration:none}nav a:hover,footer a:hover{color:var(--seal)}.start-link{color:var(--seal);font-size:9px;font-weight:700;text-decoration:none}
.hero{min-height:710px;display:grid;grid-template-columns:40% 60%}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:70px clamp(26px,5.7vw,90px);background:var(--indigo);color:var(--paper)}.hero-art{min-height:650px;background:url("../assets/images/pressmark-studio.png") 48% center/cover no-repeat}.eyebrow{margin:0 0 18px;color:var(--seal);font-size:9px;font-weight:700;letter-spacing:.17em}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:900;letter-spacing:-.055em;line-height:.9}.hero h1{margin:0;font-size:clamp(60px,6.6vw,102px)}.hero h1 em{color:var(--water);font-style:italic}.hero-copy>p:not(.eyebrow){max-width:500px;margin:30px 0;color:#c7d5d1;font-size:13px}.paper-button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:0 24px;border:0;background:var(--seal);color:var(--paper);font-size:10px;font-weight:700;text-decoration:none;cursor:pointer;transition:.15s}.paper-button:hover{background:var(--paper);color:var(--indigo);transform:translateY(-2px)}button:focus-visible,a:focus-visible{outline:3px solid var(--water);outline-offset:3px}.registration{width:100%;display:flex;align-items:center;gap:10px;margin-top:45px;color:#8fa6a7;font-size:8px}.registration i{width:14px;height:14px;border:1px solid #8fa6a7;border-radius:50%}.registration i:last-child{margin-left:auto}
.plate-section{padding:110px clamp(8px,5.5vw,90px);background:var(--rice)}.section-title{max-width:1240px;display:grid;grid-template-columns:1fr .72fr;gap:90px;align-items:end;margin:0 auto 44px}.section-title h2,.method h2,.archive h2{margin:0;font-size:clamp(50px,6vw,86px)}.section-title>p{margin:0;color:var(--muted);font-size:12px}.studio-console{max-width:1240px;margin:auto;border:1px solid var(--soot);background:var(--paper)}.edition-strip{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--soot)}.edition-strip>div{min-height:64px;padding:11px 13px;border-right:1px solid var(--line)}.edition-strip>div:last-child{border:0}.edition-strip small,.tool small,.clerk-note small{display:block;color:var(--muted);font-size:7px;font-weight:700;letter-spacing:.11em}.edition-strip b{font-size:18px}
.plate-workspace{position:relative;min-height:720px;display:grid;grid-template-columns:1fr 220px;background:var(--wood)}.puzzle-wrap{width:min(680px,92%);aspect-ratio:1;display:grid;grid-template-columns:100px 1fr;grid-template-rows:100px 1fr;align-self:center;justify-self:center;background:var(--paper);border:1px solid var(--soot)}.corner-mark{display:grid;place-items:center;border-right:1px solid var(--soot);border-bottom:1px solid var(--soot);color:var(--seal);font-size:25px}.col-clues{display:grid;grid-template-columns:repeat(10,1fr);border-bottom:1px solid var(--soot)}.col-clues>div{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:6px 2px;border-right:1px solid var(--soft);font-size:10px;font-weight:700}.row-clues{display:grid;grid-template-rows:repeat(10,1fr);border-right:1px solid var(--soot)}.row-clues>div{display:flex;align-items:center;justify-content:flex-end;gap:5px;padding:3px 8px;border-bottom:1px solid var(--soft);font-size:10px;font-weight:700}.col-clues .done,.row-clues .done{color:rgba(32,35,33,.25);text-decoration:line-through}.nonogram{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);background:var(--paper)}.cell{position:relative;padding:0;border:0;border-right:1px solid var(--soft);border-bottom:1px solid var(--soft);background:transparent;cursor:pointer}.cell:nth-child(5n){border-right-color:rgba(32,35,33,.4)}.cell:hover{background:rgba(141,180,189,.25)}.cell.ink{background:var(--indigo)}.cell.cut:before,.cell.cut:after{content:"";position:absolute;left:18%;top:49%;width:64%;height:1px;background:var(--seal);transform:rotate(45deg)}.cell.cut:after{transform:rotate(-45deg)}.cell.wrong{animation:shake .28s}.cell.reveal{animation:print .55s both}@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes print{from{opacity:.15;transform:scale(.8)}}
.tool-rack{padding:26px 20px;background:var(--paper);border-left:1px solid var(--soot)}.tool{width:100%;min-height:95px;display:grid;grid-template-columns:42px 1fr;align-items:center;padding:12px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--soot);text-align:left;cursor:pointer}.tool>span{grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--indigo);font-size:22px}.tool:first-of-type>span{background:var(--indigo)}.tool b{font-family:Georgia,serif;font-size:17px}.tool.active{background:var(--rice)}.tool:hover{background:#eadcbe}.clerk-note{margin-top:26px;padding-top:16px;border-top:1px solid var(--line)}.clerk-note strong{display:block;margin-top:5px;font-size:9px}
.game-overlay{position:absolute;z-index:6;inset:0;display:none;place-content:center;padding:30px;text-align:center;background:rgba(16,47,66,.94);color:var(--paper)}.game-overlay.open{display:grid}.overlay-seal{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 16px;border:3px solid var(--seal);color:var(--seal);font:700 26px Georgia,serif}.game-overlay .eyebrow{color:var(--water)}.game-overlay h3{margin:0 auto;font-size:clamp(46px,6vw,80px)}.game-overlay>p:not(.eyebrow){max-width:600px;margin:20px auto;color:#c3d4d3;font-size:12px}.game-overlay .paper-button{margin:auto}
.method{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;padding:120px clamp(24px,8vw,130px);background:var(--paper)}.method ol{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none}.method li{padding:22px;border-left:1px solid var(--line)}.method li>span{color:var(--seal);font-size:20px}.method h3{margin:18px 0 7px;font-size:24px}.method li p{margin:0;color:var(--muted);font-size:11px}.archive{min-height:620px;display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center;padding:100px clamp(24px,9vw,145px);background:var(--indigo);color:var(--paper)}.archive .eyebrow{color:var(--water)}.archive>div:last-child>p:not(.eyebrow){max-width:620px;color:#bdcfcd}.archive a{color:var(--seal);font-size:10px;font-weight:700;text-decoration:none}.archive-grid{aspect-ratio:1;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(240,229,205,.3)}.archive-grid i{border-right:1px solid rgba(240,229,205,.18);border-bottom:1px solid rgba(240,229,205,.18)}.archive-grid i:nth-child(2),.archive-grid i:nth-child(4),.archive-grid i:nth-child(6),.archive-grid i:nth-child(8){background:var(--water)}.archive-grid i:nth-child(5){background:var(--seal)}
footer{min-height:132px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px clamp(18px,5vw,78px);background:var(--paper);border-top:1px solid var(--line)}footer p{color:var(--muted);font-size:9px}footer>div{display:flex;gap:20px}.toast{position:fixed;z-index:30;left:50%;bottom:24px;transform:translate(-50%,16px);padding:10px 16px;background:var(--seal);color:var(--paper);font-size:9px;font-weight:700;opacity:0;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
.legal-main{min-height:calc(100vh - 208px);padding:90px 24px}.legal-copy{max-width:760px;margin:auto}.legal-copy h1{margin:0 0 30px;font-size:clamp(56px,8vw,94px)}.legal-copy h2{margin:38px 0 10px;font-size:25px}.legal-copy p{color:var(--muted)}.back-link{display:inline-block;margin-bottom:30px;color:var(--seal);font-size:10px;font-weight:700;text-decoration:none}
@media(max-width:960px){nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{min-height:630px}.hero-art{min-height:570px}.section-title,.method,.archive{grid-template-columns:1fr}.method ol{grid-template-columns:1fr 1fr 1fr}.archive-grid{max-width:480px}.plate-workspace{grid-template-columns:1fr;min-height:900px}.tool-rack{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-left:0;border-top:1px solid var(--soot)}.tool-rack>.eyebrow,.clerk-note{grid-column:1/4}.tool{min-height:78px}}
@media(max-width:660px){.topbar{height:66px;padding:0 14px}.start-link{display:none}.seal{width:38px;height:38px}.hero-copy{min-height:590px;padding:58px 22px}.hero h1{font-size:clamp(48px,14vw,59px)}.hero-art{min-height:380px;background-position:55% center}.plate-section{padding:76px 6px}.section-title{gap:20px;padding:0 15px}.section-title h2,.method h2,.archive h2{font-size:48px}.edition-strip{grid-template-columns:repeat(3,1fr)}.edition-strip>div{min-height:56px;padding:8px}.edition-strip b{font-size:15px}.plate-workspace{min-height:690px}.puzzle-wrap{width:100%;grid-template-columns:62px 1fr;grid-template-rows:62px 1fr}.col-clues>div,.row-clues>div{font-size:8px;padding:2px}.tool-rack{padding:10px 6px}.tool{grid-template-columns:27px 1fr;padding:5px}.tool>span{width:23px;height:23px}.tool b{font-size:12px}.tool small{display:none}.method,.archive{padding:80px 22px}.method ol{grid-template-columns:1fr}.method li{border-left:0;border-top:1px solid var(--line)}footer{flex-direction:column;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}