/* Drawing-sheet details stay in the margins; evidence and body text stay clear. */
[data-craft-surface=portfolio],[data-craft-surface=article],[data-craft-surface=colophon],[data-craft-surface=recovery]{--line:#d9dfd2;--muted:#5d6958}
[data-craft-surface=portfolio] header,[data-craft-surface=article] header,[data-craft-surface=colophon] header,[data-craft-surface=recovery] header{border-bottom-style:solid;background:#fffefaed;backdrop-filter:blur(12px)}
[data-craft-surface=article] .detail-intro{position:relative;padding-top:20px;border-top:1px solid var(--line);margin-top:10px}

[data-craft-surface=article] .detail-intro h1,[data-craft-surface=article]:lang(ja) .detail-intro h1,html[lang=ja] [data-craft-surface=article] .detail-intro h1{font-family:Inter,system-ui,sans-serif;font-weight:350;letter-spacing:.035em;font-size:clamp(38px,6.6vw,82px);line-height:1.2}
[data-craft-surface=article] .detail-intro .eyebrow{letter-spacing:.09em;color:#65715c}
.evidence-figure,.ci-figure,.replay-lab{position:relative;border-radius:1px;background-color:#fcfdf8;box-shadow:4px 5px 0 -3px #e5eade}

.article-chapter:before{background:repeating-linear-gradient(to bottom,#d2dace 0 1px,transparent 1px 18px);width:7px}
.article-chapter:after{width:1px}
.work-tech>dl>div{padding-left:0}
.work-tech[open]{background:linear-gradient(110deg,#fafbf5,transparent 65%)}
.work-tech dt{letter-spacing:.02em}.work-tech>summary:hover{color:#426038}
.work-view-control{display:flex;justify-content:flex-end;margin:-12px 0 20px;min-height:0}.work-view-control button{min-height:40px;background:none;border:1px solid #c4ceba;border-radius:2px;padding:8px 14px;font:inherit;font-size:.8125rem;cursor:pointer;color:#526347;display:flex;align-items:center;gap:12px}
.work-view-control button:before{content:'';display:block;width:12px;height:10px;border:1px solid currentColor;box-shadow:3px -3px 0 -1px #fff,3px -3px 0 0 currentColor}.work-view-control button[aria-pressed=true]{background:#e9efdf;border-color:#758966}.work-view-control button[hidden]{display:none}
.card-visual.drawing-visual{min-width:0;position:relative;display:block;isolation:isolate;background:#fcfcf7;aspect-ratio:600/370;overflow:visible;border:1px solid #e0e5d8;border-radius:1px;color:#34402f;box-shadow:4px 6px 0 -3px #e7ebdf}
.card-visual.drawing-visual:after{display:none}.drawing-visual>.project-sketch{display:block;position:relative;width:100%;height:100%;overflow:visible;transition:opacity .3s;pointer-events:none}
.drawing-visual .plate-back,.drawing-visual .plate-front,.drawing-visual .plate-middle,.drawing-visual .plate-top{transition:translate .65s cubic-bezier(.2,.8,.2,1);transform-box:view-box}
.work-card:is(:hover,:focus-within) .card-kamiwaza .plate-front{translate:-5px -5px}.work-card:is(:hover,:focus-within) .card-kamiwaza .plate-back{translate:3px 3px}
.mochi-body{transform-origin:310px 290px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.work-card:is(:hover,:focus-within) .mochi-body{transform:scale(1.018,.96)}
.work-card:is(:hover,:focus-within) .mochi-touch{translate:0 4px}
.drawing-visual>.actual-screen{position:absolute;inset:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;background:#ecf0e5;border:1px solid #e0e5d8}
.drawing-visual.card-irodori>.actual-screen{background:#0b1220}.drawing-visual>.actual-screen>img{width:100%;height:100%;object-fit:cover;transform:none!important}.drawing-visual.card-irodori>.actual-screen>img{object-fit:contain}.actual-screen>.visual-label{font-size:10px}
.work-index[data-show-screens] .drawing-visual>.actual-screen{opacity:1;visibility:visible}.work-index[data-show-screens] .drawing-visual>.project-sketch{opacity:0}
.drawing-corner{position:absolute;right:12px;bottom:10px;font-size:18px;line-height:1;opacity:0;translate:-3px 3px;transition:opacity .2s,translate .3s;color:#44633a;pointer-events:none}.work-card:is(:hover,:focus-within) .drawing-corner{opacity:1;translate:0 0}
.work-index[data-show-screens] .drawing-corner{background:#fffefa;padding:5px;right:8px;bottom:8px}
[data-craft-surface=portfolio] .in-progress h2{font-size:clamp(27px,3vw,38px)}
[data-craft-surface=portfolio] .in-progress-list>article{border-left:1px solid #c5d1ba;padding-left:22px;position:relative}.in-progress-list>article:before{content:'';position:absolute;left:-4px;top:4px;width:7px;height:7px;border:1px solid #7c8f6e;background:white;rotate:45deg}
[data-craft-surface=colophon] .credits>h2{border-bottom:1px solid #dbe3d3;padding-bottom:18px}
[data-craft-surface=forest] .trail-tools button,[data-craft-surface=forest] #interact{border-radius:3px;border-color:#b6c5a9;box-shadow:3px 3px 0 #263b2918}
@media(min-width:601px) and (max-width:800px){.work-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.work-card>.card-copy{min-width:0;overflow-wrap:anywhere}}
@media(max-width:600px){.work-view-control{margin:0 0 22px;justify-content:flex-start}.drawing-visual>.actual-screen{inset:5px}.plate-labels{font-size:12px}.detail-intro .work-tech>dl>div{padding-left:28px}.work-grid{gap:38px}}
@media(prefers-reduced-motion:reduce){.drawing-visual .plate-front,.drawing-visual .plate-back,.drawing-visual .plate-middle,.drawing-visual .plate-top{translate:0!important;transform:none!important}}
html[data-craft-quiet] .drawing-visual :is(.plate-front,.plate-back,.plate-middle,.plate-top){translate:0!important;transform:none!important}
@media print{.work-view-control{display:none}.evidence-figure,.card-visual.drawing-visual{box-shadow:none}}