:root{color-scheme:light;font-family:DM Sans,Arial,sans-serif;background:#e9e5dc;color:#20231f}*{box-sizing:border-box}body,html{margin:0;width:100%;height:100%;overflow:hidden}body{background:radial-gradient(circle at 12% 8%,#faf7ef 0,#eee9df 43%,#e4ded2 100%)}.poster{width:100vw;height:100dvh;min-height:640px;padding:clamp(16px,2.1vh,36px) clamp(30px,3.35vw,64px) clamp(14px,1.7vh,28px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-gap:clamp(12px,1.55vh,24px);gap:clamp(12px,1.55vh,24px);overflow:hidden}.masthead{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:2px solid #22261f;padding-bottom:clamp(10px,1.3vh,18px)}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:clamp(10px,.75vw,15px);font-weight:700;margin:0 0 5px}h1{font-family:Playfair Display,Georgia,serif;font-size:clamp(38px,3.8vw,72px);line-height:.95;margin:0;letter-spacing:-.025em}time{text-align:right;text-transform:uppercase;letter-spacing:.15em;font-size:clamp(12px,.9vw,17px);font-weight:600;line-height:1.65}time span{display:block;font-family:Playfair Display,Georgia,serif;font-size:clamp(20px,1.7vw,32px);text-transform:none;letter-spacing:0}.grid{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-gap:clamp(12px,1.2vw,23px);gap:clamp(12px,1.2vw,23px)}.card,.grid{min-height:0;display:grid}.card{overflow:hidden;position:relative;grid-template-columns:minmax(300px,1fr) minmax(230px,1fr);background:rgba(255,255,255,.72);border:1px solid rgba(29,32,26,.16);border-radius:clamp(18px,1.35vw,26px);box-shadow:0 12px 34px rgba(63,55,40,.07)}.card--draw{grid-template-columns:minmax(300px,.9fr) minmax(330px,1.1fr)}.card--project{grid-template-columns:minmax(300px,.95fr) minmax(330px,1.05fr)}.card:before{content:"";position:absolute;left:0;inset-block:0;width:8px;background:var(--accent)}.card__copy{min-width:0;min-height:0;padding:clamp(18px,2.05vw,38px);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.card__number{position:absolute;right:18px;top:10px;color:var(--accent);opacity:.14;font-family:Georgia,serif;font-size:clamp(50px,5vw,92px);font-weight:700}.card__category{margin:0 0 clamp(9px,1vh,16px);color:var(--accent);text-transform:uppercase;letter-spacing:.16em;font-size:clamp(13px,.88vw,17px);font-weight:800}h2{position:relative;z-index:1;max-width:16ch;font-family:Playfair Display,Georgia,serif;font-size:clamp(31px,2.45vw,45px);line-height:1.14;margin:0 0 clamp(8px,1vh,16px);letter-spacing:0;overflow-wrap:normal}.card--draw h2,.card--project h2{max-width:15ch;font-size:clamp(29px,2.2vw,41px)}.instruction{max-width:30ch;font-size:clamp(15px,1.02vw,19px);line-height:1.3;margin:0;color:#575a53}.translation{margin:-4px 0 7px;color:var(--accent);font-size:clamp(15px,1vw,19px);font-weight:800}.phonetic{margin:-2px 0 2px;font-size:clamp(17px,1.18vw,22px);font-weight:800;letter-spacing:.035em;color:#30332e}.phonetic-label{margin:0 0 8px;color:#85877f;font-size:clamp(10px,.68vw,12px);text-transform:uppercase;letter-spacing:.1em}.safety{max-width:30ch;margin:8px 0 0;color:#74766f;font-size:clamp(12px,.78vw,15px);line-height:1.25}.duration{align-self:flex-start;margin:clamp(13px,1.5vh,22px) 0 0;padding:9px 15px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);border-radius:999px;font-size:clamp(13px,.9vw,17px);font-weight:800}.card__art{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:clamp(12px,1.3vw,24px) clamp(16px,1.7vw,32px) clamp(12px,1.3vw,24px) 0;overflow:hidden}.card__art img{position:relative;width:100%;max-width:330px;max-height:100%;aspect-ratio:16/10;object-fit:contain;border-radius:clamp(12px,.85vw,18px);filter:drop-shadow(0 10px 18px rgba(24,28,20,.06))}.card--learn .card__art img,.card--move .card__art img{max-height:min(290px,88%)}.card--project .card__art img{max-width:520px;max-height:92%;object-fit:contain}.card__art--drawing{position:relative;display:block;min-height:0;height:100%;padding:clamp(10px,1vw,18px) clamp(12px,1vw,20px) clamp(16px,1.35vw,26px) 0}.drawing-visual{position:absolute;min-width:0;margin:0}.drawing-visual--reference{z-index:1;width:76%;left:0;top:8%}.drawing-visual--activity{z-index:2;width:58%;right:3%;bottom:8%;padding:6px;background:#fffdf8;border:1px solid rgba(32,35,31,.12);border-radius:clamp(13px,1vw,19px);box-shadow:0 14px 32px rgba(45,40,31,.18)}.drawing-visual img{display:block;max-width:none;max-height:none;border-radius:clamp(11px,.8vw,16px)}.drawing-visual figcaption{margin-top:6px;color:var(--accent);text-align:center;text-transform:uppercase;letter-spacing:.12em;font-size:clamp(8px,.52vw,10px);font-weight:800}.drawing-visual--reference figcaption{position:absolute;left:10px;top:10px;margin:0;padding:6px 9px;background:rgba(255,253,248,.88);border-radius:999px;box-shadow:0 4px 12px rgba(45,40,31,.1)}.track{position:absolute;right:clamp(20px,2.2vw,42px);bottom:10px;margin:0;max-width:42%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.12em;font-size:clamp(8px,.56vw,11px);color:var(--accent);opacity:.72}.track,footer{text-transform:uppercase;font-weight:700}footer{display:flex;justify-content:space-between;letter-spacing:.18em;font-size:clamp(9px,.65vw,13px);color:#66685f}.demo-badge{position:fixed;z-index:20;left:50%;bottom:18px;transform:translateX(-50%);border-radius:999px;padding:9px 16px;background:#20231f;color:#fff;font:700 12px/1 Arial,sans-serif;letter-spacing:.06em;box-shadow:0 8px 24px rgba(0,0,0,.18)}@media (max-aspect-ratio:5/4){body,html{overflow:auto}.poster{height:auto;min-height:100vh}.grid{grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(340px,1fr))}.card__art img{max-height:240px}}@media (max-width:650px){.masthead{align-items:start}time{max-width:125px}.card,.card--draw,.card--project{grid-template-columns:1fr}.card__art{padding:0 25px 28px}.card__art img{max-height:190px}.card__art--drawing{min-height:300px;padding:0 18px 32px}.drawing-visual--reference{left:3%;width:72%}.drawing-visual--activity{right:3%;width:58%}.track{max-width:75%}}