:root{--ink:#151515;--paper:#eeeae0;--cyan:#19b6cd;--magenta:#dd347e;--yellow:#f6db28;--line:#9c9991}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;line-height:1.65}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--magenta);outline-offset:3px}.skip{position:absolute;top:-80px;left:10px;background:white;padding:8px;z-index:20}.skip:focus{top:8px}.notice{padding:7px 20px;background:var(--yellow);font-size:10px;font-weight:800;text-align:center;letter-spacing:.06em}.site-head{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--paper);padding:13px clamp(20px,4vw,70px);border-bottom:3px solid var(--ink)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:22px;font-weight:900;letter-spacing:-.08em}.brand-symbol{width:45px;height:45px;display:grid;place-items:center;background:var(--ink);color:var(--yellow);border-radius:50%;font-family:"Yu Mincho",serif;font-size:27px}.brand small{display:block;font:800 9px/1.4 Arial,sans-serif;letter-spacing:.16em;margin-top:3px}.site-head nav{display:flex;gap:28px;font-size:12px;font-weight:800}.site-head nav a{text-decoration:none;border-bottom:1px solid transparent}.site-head nav a:hover{border-color:currentColor}
.hero{position:relative;min-height:680px;background:var(--ink);color:var(--paper);overflow:hidden;display:grid;grid-template-columns:53% 47%}.press-field{position:relative;min-height:680px;overflow:hidden;background:radial-gradient(circle at 40% 45%,#393939,transparent 55%),#161616;background-size:100% 100%}.press-field:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff24 .7px,transparent .7px);background-size:5px 5px;opacity:.45}.press-field:after{content:"";position:absolute;inset:30px;border:1px solid #ffffff65;pointer-events:none}.registration{position:absolute;color:var(--paper);font:50px Georgia,serif;z-index:3}.r1{top:5px;left:5px}.r2{right:4px;bottom:-7px}.plate-art{position:absolute;inset:0;display:grid;place-items:center;font-family:"Arial Black","Hiragino Kaku Gothic ProN",sans-serif;font-weight:900;font-size:clamp(330px,46vw,730px);line-height:1}.plate-art span{position:absolute;mix-blend-mode:screen;filter:blur(1px);animation:plate-arrive 1.8s ease-out both}.plate-art .plate-c{color:var(--cyan);transform:translate(-20px,-17px);animation-delay:.1s}.plate-art .plate-m{color:var(--magenta);transform:translate(16px,-10px);animation-delay:.35s}.plate-art .plate-y{color:var(--yellow);transform:translate(0,17px);animation-delay:.6s}.plate-art .plate-k{color:#101010;mix-blend-mode:multiply;filter:none;transform:translate(6px,6px);-webkit-text-stroke:5px white;animation-delay:.85s}.press-mark{position:absolute;bottom:40px;left:45px;font-size:18px;font-weight:900;letter-spacing:.55em;color:white;z-index:3}.hero-copy{position:relative;z-index:2;padding:65px clamp(25px,5vw,85px) 60px 20px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid #ffffff66}.hero-copy>span{font-size:11px;letter-spacing:.18em;font-weight:900;color:var(--yellow)}.hero h1{font-size:clamp(85px,11vw,180px);line-height:.98;letter-spacing:-.13em;margin:45px 0 30px;font-weight:900;white-space:nowrap}.hero-copy>p{font-size:15px;max-width:390px;font-weight:600}.hero-copy>a{align-self:flex-start;display:flex;justify-content:space-between;gap:80px;background:var(--yellow);color:var(--ink);text-decoration:none;font-weight:900;padding:14px 20px;margin-top:35px;min-width:255px}.hero-copy b{font-size:22px}.hero-side{position:absolute;z-index:2;right:13px;bottom:24px;font:800 10px Arial,sans-serif;letter-spacing:.13em;writing-mode:vertical-rl;color:#d7d7d2}
.plate-room{display:grid;grid-template-columns:40% 60%;background:#dcd9d0;border-top:12px solid var(--yellow)}.plate-intro{padding:clamp(50px,6vw,100px);border-right:2px solid var(--ink)}.plate-intro>span,.workshop-head>span,.colophon-copy>span{font-size:11px;font-weight:900;letter-spacing:.15em}.plate-intro h2,.workshop h2,.colophon h2{font-size:clamp(50px,6vw,95px);font-weight:900;letter-spacing:-.1em;line-height:1.14;margin:25px 0}.plate-intro p{font-size:14px;max-width:370px}.plate-demo{padding:45px clamp(25px,5vw,80px);min-width:0}.plate-demo-art{height:clamp(340px,40vw,560px);background:var(--paper);border:1px solid var(--ink);position:relative;overflow:hidden;display:grid;place-items:center;box-shadow:15px 15px 0 #bcb9b0}.plate-demo-art:before,.plate-demo-art:after{content:"";position:absolute;inset:25px;border:1px solid #9a9894;pointer-events:none}.plate-demo-art:after{inset:45px;border-style:dashed;opacity:.5}.plate-demo-art span{position:absolute;font-family:"Arial Black","Hiragino Kaku Gothic ProN",sans-serif;font-size:clamp(210px,29vw,500px);font-weight:900;line-height:1;mix-blend-mode:multiply;transition:opacity .25s,transform .3s}.plate-demo-art .c{color:var(--cyan);transform:translate(-19px,-11px)}.plate-demo-art .m{color:var(--magenta);transform:translate(16px,-7px)}.plate-demo-art .y{color:var(--yellow);transform:translate(1px,16px)}.plate-demo-art .k{color:#161616;transform:translate(5px,3px)}.plate-demo-art:not(.show-c) .c,.plate-demo-art:not(.show-m) .m,.plate-demo-art:not(.show-y) .y,.plate-demo-art:not(.show-k) .k{opacity:0;transform:translate(0,0)}.reg{position:absolute;font:40px Georgia,serif;color:#333;z-index:2;font-style:normal}.reg.tl{top:2px;left:6px}.reg.br{right:5px;bottom:-8px}.plate-switch{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:28px}.plate-switch button{display:flex;align-items:center;justify-content:center;gap:7px;border:2px solid var(--ink);background:transparent;padding:9px 5px;font:800 11px Arial,sans-serif;cursor:pointer;white-space:nowrap}.plate-switch button[aria-pressed=false]{opacity:.35}.plate-switch i{width:13px;height:13px;border-radius:50%;background:var(--dot)}.plate-switch [data-plate=c]{--dot:var(--cyan)}.plate-switch [data-plate=m]{--dot:var(--magenta)}.plate-switch [data-plate=y]{--dot:var(--yellow)}.plate-switch [data-plate=k]{--dot:var(--ink)}
.workshop{background:var(--ink);color:var(--paper);padding:100px clamp(20px,5vw,90px)}.workshop-head{display:grid;grid-template-columns:150px 1fr .8fr;gap:30px;align-items:end;margin-bottom:55px}.workshop-head>span{color:var(--yellow);align-self:start}.workshop-head h2{margin:0}.workshop-head>p{font-size:14px;max-width:370px}.workbench{display:grid;grid-template-columns:36% 64%;border:1px solid #a9a9a1}.controls{padding:28px;background:#272727;border-right:1px solid #a9a9a1}.control-set{border-bottom:1px solid #757575;padding:10px 0 23px;margin-bottom:15px}.control-set h3{font-size:19px;margin:0 0 15px}.control-set h3 span{display:block;color:var(--yellow);font:900 10px Arial,sans-serif;letter-spacing:.13em;margin-bottom:6px}.choices{display:grid;grid-template-columns:1fr;gap:7px}.choices.two{grid-template-columns:repeat(2,1fr)}.choices button,.swatches button{border:1px solid #979797;background:transparent;color:white;text-align:left;padding:9px 12px;font:800 13px Arial,sans-serif;cursor:pointer}.choices button small{display:block;font-size:10px;font-weight:500;color:#bcbcb8}.choices button[aria-pressed=true],.swatches button[aria-pressed=true]{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.choices button[aria-pressed=true] small{color:var(--ink)}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.swatches button{display:flex;align-items:center;gap:7px;justify-content:center;padding:9px 4px}.swatches i{width:13px;height:13px;border-radius:50%;background:var(--swatch)}.swatches [data-ink=clay]{--swatch:#b96855}.swatches [data-ink=blue]{--swatch:#416475}.swatches [data-ink=green]{--swatch:#687657}.controls #reset{border:0;border-bottom:1px solid currentColor;background:none;color:white;padding:8px 0;font:700 12px Arial,sans-serif;cursor:pointer}.preview-area{min-width:0;background:#3a3a38}.preview-label{display:flex;justify-content:space-between;gap:20px;padding:14px 20px;border-bottom:1px solid #888;font:800 10px Arial,sans-serif;letter-spacing:.15em}.preview-stage{position:relative;min-height:620px;display:grid;place-items:center;padding:50px 30px;background:repeating-linear-gradient(90deg,#333 0 60px,#454543 60px 120px)}.print-tracks{position:absolute;left:0;right:0;top:0;bottom:0;background:repeating-linear-gradient(0deg,transparent 0 70px,#ffffff19 70px 74px,transparent 74px 145px);animation:feed 3s linear infinite;pointer-events:none}.print-preview{position:relative;z-index:1;width:min(480px,100%);min-height:370px;padding:30px 34px;background:var(--sheet,#f5eee0);color:var(--accent,#a85a4e);box-shadow:18px 24px 0 #141414aa,0 0 0 1px #d6ccbd;transform:rotate(-4deg);display:flex;flex-direction:column;transition:background .3s,color .3s,transform .4s}.print-preview:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 15%,#00000009 1px,transparent 1px);background-size:5px 5px;pointer-events:none}.print-preview:after{content:"";position:absolute;inset:8px;border:1px solid currentColor;opacity:.4;pointer-events:none}.print-preview.paper-crisp{--sheet:#f8f8ee;transform:rotate(3deg)}.print-preview.ink-clay{--accent:#aa5b48}.print-preview.ink-blue{--accent:#315f73}.print-preview.ink-green{--accent:#51694c}.print-preview.purpose-flyer{min-height:480px;max-width:380px}.print-preview.purpose-name{min-height:240px;max-width:420px}.preview-emblem{font-size:90px;line-height:.7;align-self:flex-end}.print-preview small{font:800 10px Arial,sans-serif;letter-spacing:.15em;margin-top:20px}.print-preview strong{font-family:Georgia,"Yu Mincho",serif;font-size:clamp(35px,4vw,65px);line-height:1.28;font-weight:600;letter-spacing:.05em;margin:15px 0}.print-preview p{font-size:12px;font-weight:700}.preview-rule{border-top:5px solid;max-width:75%;margin:auto 0 10px}.print-preview>span{font:800 9px Arial,sans-serif;letter-spacing:.12em}.preview-note{font-size:11px;color:#d4d4cf;padding:0 25px}.summary{border:1px solid #8b8b85;border-top:0;padding:23px 30px;display:grid;grid-template-columns:180px 1fr;gap:5px 25px}.summary span{font-size:10px;color:var(--yellow);font-weight:900;letter-spacing:.14em}.summary p{margin:0;font-size:18px;font-weight:800}.summary p span{display:block;color:var(--paper);font-size:inherit;letter-spacing:0;line-height:1.55}.summary small{grid-column:2;font-size:11px;color:#c5c5c0}
.colophon{display:grid;grid-template-columns:1fr 1fr;background:var(--yellow);color:var(--ink)}.colophon-image{min-height:510px}.colophon-image img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.2)}.colophon-copy{padding:clamp(50px,7vw,110px);align-self:center}.colophon-copy h2{margin:25px 0}.colophon-copy p{font-size:14px;max-width:420px}.colophon-copy a{display:inline-block;text-decoration:none;border-bottom:2px solid;font-size:13px;font-weight:900;margin-top:25px}footer{display:flex;justify-content:space-between;gap:20px;background:var(--ink);color:white;padding:28px clamp(20px,5vw,90px);font-size:12px}footer a{text-decoration:none;border-bottom:1px solid}
@keyframes plate-arrive{from{opacity:0;translate:-70px 0}to{opacity:1;translate:0 0}}@keyframes feed{to{transform:translateY(145px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.plate-art span,.print-tracks{animation:none}.plate-demo-art span,.print-preview{transition:none}}
@media(max-width:1100px){.hero h1{font-size:clamp(65px,10vw,120px)}.workshop-head{grid-template-columns:120px 1fr}.workshop-head>p{grid-column:2}.plate-intro{padding:55px 30px}.controls{padding:20px}}
@media(max-width:750px){.site-head nav a:not(:last-child){display:none}.site-head nav{gap:0}.site-head nav a{font-size:10px}.brand{font-size:17px}.brand small{font-size:7px}.brand-symbol{width:39px;height:39px;font-size:22px}.hero{display:block;min-height:0}.press-field{min-height:370px}.plate-art{font-size:350px}.hero-copy{padding:30px 22px 65px;border-left:0}.hero h1{font-size:clamp(65px,14vw,105px);margin:30px 0 15px}.hero-copy>p{font-size:13px}.hero-side{display:none}.plate-room{display:block}.plate-intro{padding:60px 23px 20px;border-right:0}.plate-intro h2,.workshop h2,.colophon h2{font-size:clamp(47px,11vw,75px)}.plate-demo{padding:30px 23px 65px}.plate-demo-art{height:360px}.plate-demo-art span{font-size:270px}.plate-switch{grid-template-columns:repeat(2,1fr)}.workshop{padding:70px 18px}.workshop-head{display:block;margin-bottom:35px}.workshop-head h2{margin:18px 0}.workshop-head>p{font-size:12px}.workbench{display:block}.controls{border-right:0;border-bottom:1px solid #999}.preview-stage{min-height:450px;padding:40px 20px}.print-preview{min-height:300px;padding:25px}.print-preview strong{font-size:42px}.print-preview.purpose-flyer{min-height:390px}.print-preview.purpose-name{min-height:220px}.summary{display:block}.summary p{font-size:15px;margin:10px 0}.colophon{display:block}.colophon-image{height:290px;min-height:0}.colophon-copy{padding:60px 24px}footer{display:block}footer a{display:inline-block;margin-top:10px}}
@media(max-width:390px){.hero h1{font-size:59px}.press-field{min-height:330px}.plate-art{font-size:310px}.plate-demo-art{height:320px}.plate-demo-art span{font-size:230px}.choices.two{grid-template-columns:1fr}.print-preview strong{font-size:35px}}

/* 2026-10-31: real work scene beside a printed yellow title sheet. */
.hero{grid-template-columns:minmax(0,58%) minmax(0,42%);min-height:670px;background:var(--yellow);color:var(--ink)}.press-field{min-height:670px;background:#352d27}.press-field:before,.press-field:after{display:none}.press-field img{display:block;width:100%;height:100%;object-fit:cover;object-position:69% center}.press-mark{bottom:22px;left:25px;right:25px;width:max-content;max-width:calc(100% - 50px);padding:6px 9px;background:#151515d9;color:white;font-size:10px;letter-spacing:.16em;white-space:normal}.hero-copy{background:var(--yellow);color:var(--ink);border-left:0;padding:clamp(35px,4.5vw,74px) clamp(28px,4vw,62px);justify-content:flex-end}.hero-copy>span{color:var(--ink);font-size:10px}.hero h1{font-size:clamp(88px,10vw,158px);letter-spacing:-.13em;line-height:1.05;margin:32px 0 8px;white-space:nowrap}.hero-copy>p.hero-tagline{font-size:clamp(25px,3vw,42px);line-height:1.2;margin:10px 0 14px;letter-spacing:-.08em;font-weight:900}.hero-copy>p:not(.hero-tagline){max-width:420px;font-size:14px;font-weight:700;margin:0}.ink-strip{display:flex;gap:5px;margin-top:24px}.ink-strip i{width:25px;height:25px;background:var(--cyan)}.ink-strip i:nth-child(2){background:var(--magenta)}.ink-strip i:nth-child(3){background:#edc700}.ink-strip i:nth-child(4){background:var(--ink)}.hero-copy>a{background:var(--ink);color:var(--yellow);gap:20px;min-width:0;width:100%;max-width:420px;margin-top:28px}.hero-side{display:none}.colophon-image img{object-position:75% center}
@media(max-width:1100px) and (min-width:751px){.hero h1{font-size:clamp(70px,9vw,104px)}.hero-copy{padding:36px 26px}.hero-copy>p.hero-tagline{font-size:27px}}
@media(max-width:750px){.hero{display:flex;flex-direction:column;min-height:0}.press-field{min-height:0;height:clamp(290px,57vw,420px)}.press-field img{height:100%;object-position:71% center}.hero-copy{padding:28px 22px 40px}.hero h1{font-size:clamp(75px,16vw,120px);margin:22px 0 0}.hero-copy>p.hero-tagline{font-size:30px}.hero-copy>p:not(.hero-tagline){font-size:13px}.hero-copy>a{margin-top:24px}.press-mark{font-size:8px;left:14px;bottom:13px}}
@media(max-width:390px){.press-field{height:285px}.hero h1{font-size:76px}.hero-copy{padding-bottom:34px}}