:root{color-scheme:dark;--accent:#ffffff;--line:#414141;--muted:#ffffff}*{box-sizing:border-box}body{margin:0;background:#000;color:var(--accent);font:12px/1.4 Arial,Helvetica,sans-serif}main{max-width:1600px;margin:36px auto;background:#000;padding:32px 36px 24px}p,h1,h2{margin:0}.editorial-header{display:grid;grid-template-columns:2fr 1fr 1.35fr .65fr;gap:24px;align-items:start;padding-bottom:40px}h1{font-size:clamp(48px,7.6vw,118px);letter-spacing:-.065em;line-height:.86;font-weight:700;grid-column:1/3}.edition{grid-column:3;font-size:11px}.intro{grid-column:1/3;font-size:clamp(18px,2.1vw,30px);line-height:1.12;letter-spacing:-.03em}.issue{grid-column:3;grid-row:2;font-size:clamp(42px,5.3vw,80px);line-height:.9;letter-spacing:-.06em}.header-note{grid-column:4;grid-row:1/3;font-size:10px}.artwork{position:relative;border-top:1px solid var(--line)}.artwork-meta{display:flex;justify-content:space-between;gap:20px;padding:12px 0;font-size:10px}#viewport{position:relative;height:clamp(440px,68vh,850px);width:100%;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none}.artwork-caption{position:absolute;left:0;bottom:36px;font-size:clamp(17px,2vw,27px);line-height:1.15;letter-spacing:-.04em;pointer-events:none}.artwork-index{position:absolute;right:0;bottom:36px;font-size:10px;writing-mode:vertical-rl;letter-spacing:.12em;pointer-events:none}.participation{display:grid;grid-template-columns:1fr 1.4fr 2fr;gap:32px;border-top:1px solid var(--line);padding:30px 0 56px}.section-label{font-size:10px}.section-label span{display:block;margin-top:8px;color:var(--muted)}h2{font-size:clamp(30px,3.4vw,50px);line-height:1;letter-spacing:-.055em;font-weight:500}.invitation p{margin-top:16px;font-size:12px}textarea{display:block;width:100%;resize:vertical;min-height:110px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:#000;color:var(--accent);font:14px/1.7 Arial,sans-serif;padding:0 0 16px}textarea::placeholder{color:var(--muted)}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}.form-bottom p{color:var(--muted);font-size:10px}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:#000;color:var(--accent);padding:9px 14px;border-radius:0}form button{background:#000;border-color:var(--accent);color:#fff;min-width:112px;display:flex;justify-content:space-between;gap:24px;padding:12px 16px}button:hover,form button:hover{background:#292929}button:focus-visible,textarea:focus-visible{outline:2px solid #fff;outline-offset:4px}footer{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px}nav{display:flex;gap:6px}#status{color:var(--muted);text-align:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}::selection{background:#292929;color:var(--accent)}@media(max-width:760px){main{margin:0;padding:24px 20px}.editorial-header{grid-template-columns:1fr 1fr;gap:24px;padding-bottom:28px}h1{grid-column:1/-1;font-size:17vw}.edition{grid-column:1;grid-row:2}.header-note{grid-column:2;grid-row:2}.intro{grid-column:1;grid-row:3;font-size:18px}.issue{grid-column:2;grid-row:3;font-size:52px}.artwork-meta span:last-child{display:none}#viewport{height:58vh;min-height:380px}.artwork-caption{font-size:16px;bottom:22px}.participation{grid-template-columns:1fr;gap:24px;padding-bottom:32px}.invitation h2 br{display:none}.invitation p{margin-top:8px}.section-label span{display:inline;margin-left:12px}footer{flex-wrap:wrap}#status{order:3;width:100%;text-align:left}}.artwork-subtitle{display:block;margin-bottom:12px;font-size:10px;line-height:1.4;letter-spacing:.2em}html,body{height:100%;margin:0}main{height:100vh;max-height:100vh;height:100dvh;max-height:100dvh;margin:0 auto;padding:20px 28px 14px;display:flex;flex-direction:column;gap:0}.editorial-header{flex:none;padding-bottom:18px;gap:12px 24px}h1{font-size:clamp(40px,6vw,86px)}.intro{font-size:clamp(15px,1.65vw,23px)}.issue{font-size:clamp(32px,3.5vw,48px)}.artwork{flex:1;min-height:0;display:flex;flex-direction:column}.artwork-meta{flex:none;padding:8px 0}#viewport{flex:1;min-height:0;height:auto}.artwork-caption{bottom:18px;font-size:clamp(13px,1.5vw,20px)}.artwork-index{bottom:18px}.artwork-subtitle{margin-bottom:7px}.participation{flex:none;padding:14px 0;gap:24px}h2{font-size:clamp(24px,2.7vw,38px)}.invitation p{margin-top:8px}textarea{min-height:58px;height:58px;resize:none;padding-bottom:8px;font-size:16px;line-height:1.4}.form-bottom{margin-top:8px}form button{padding:8px 14px}footer{flex:none;padding-top:10px}@media(max-width:760px){main{padding:14px 16px max(10px,env(safe-area-inset-bottom))}.editorial-header{grid-template-columns:1fr auto;gap:8px 16px;padding-bottom:12px}h1{grid-column:1;grid-row:1;font-size:clamp(34px,10vw,64px)}.edition,.header-note{display:none}.intro{grid-column:1;grid-row:2;font-size:14px}.issue{grid-column:2;grid-row:1/3;align-self:end;font-size:36px}.artwork-meta{font-size:8px;padding:7px 0;gap:8px}#viewport{min-height:0;height:auto}.artwork-caption{font-size:12px;bottom:10px;line-height:1.2}.artwork-subtitle{font-size:8px;margin-bottom:5px}.artwork-index{font-size:8px;bottom:10px}.participation{grid-template-columns:1fr;gap:8px;padding:10px 0}.section-label{display:none}.invitation{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.invitation h2{font-size:22px}.invitation p{font-size:9px;margin:0}textarea{height:48px;min-height:48px;font-size:16px}.form-bottom{margin-top:6px}.form-bottom p{font-size:8px}form button{padding:7px 12px;min-width:100px}footer{gap:6px 12px;padding-top:8px;font-size:8px}footer>span{max-width:48%}nav{margin-left:auto;gap:4px}nav button{padding:5px 8px;font-size:10px}#status{font-size:8px;line-height:1.1}}@media(max-height:540px){main{padding-top:8px;padding-bottom:8px}.editorial-header{padding-bottom:6px;gap:4px 16px}h1{font-size:32px}.intro{font-size:12px}.issue{font-size:26px}.participation{grid-template-columns:1fr 2fr;padding:6px 0;gap:10px}.section-label{display:none}.invitation{display:block}.invitation h2{font-size:20px}.invitation p{font-size:9px}footer>span{display:none}footer{padding-top:4px}#status{width:auto;order:0;text-align:left}}textarea::placeholder{opacity:1}#viewport{width:100vw;margin-left:calc(50% - 50vw);max-width:none}#reset{font-size:10px;padding:5px 8px;background:transparent;border-color:transparent;color:#aaa}#reset:hover{color:#fff;border-color:var(--line)}
