/* KŌBŌ VI — A living byōbu. Scoped art direction, progressive enhancement, no third-party animation runtime. */
:root{--v6-paper:#e5d3b5;--v6-ink:#1c302d;--v6-red:#a83e31;--v6-gold:#c8a479;--v6-ease:cubic-bezier(.22,1,.36,1)}
.v6-nav-find{border:1px solid rgba(202,174,134,.58);background:rgba(24,38,33,.78);color:#f4e6c9;padding:10px 12px;display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:13px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.v6-nav-find:hover{background:#aa4c37;border-color:#edc895;transform:translateY(-2px)}.v6-nav-find kbd{color:#dcc7a2;border:1px solid #b7a17c75;border-radius:3px;padding:3px 5px;font:10px monospace}.v6-nav-find:focus-visible,.byobu-trigger:focus-visible,.byobu-copy button:focus-visible,.v6-view-btn:focus-visible,.v6-museum-nav button:focus-visible,.v6-command button:focus-visible,.v6-command input:focus-visible{outline:3px solid #ecbe74;outline-offset:3px}
.byobu-exhibition{background:#162c2d;color:#f0dfbf;position:relative;z-index:1;overflow:hidden;border-block:9px solid #7b392e;isolation:isolate}.byobu-exhibition:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#e2c09008 4px 5px),radial-gradient(circle at 15% 0%,#b46c4919,transparent 46%);z-index:-1}.byobu-mast{display:flex;justify-content:space-between;align-items:end;gap:48px;padding:85px 0 49px}.byobu-eyebrow{font:11px var(--font-mono,monospace);letter-spacing:.21em;color:#d5b184;display:flex;gap:16px;align-items:center;margin:0 0 18px}.byobu-eyebrow span{font:22px var(--font-jp,serif);color:#d18c67}.byobu-mast h2{font-family:var(--font-jp,Georgia,serif);font-weight:500;font-size:clamp(44px,6.4vw,92px);letter-spacing:-.055em;line-height:1.06;margin:0;max-width:800px}.byobu-mast h2 em{color:#e1a377;font-weight:400}.byobu-intro{max-width:285px;display:flex;align-items:flex-start;gap:20px}.byobu-intro p{font-size:12px;line-height:1.9;color:#d7c8a9;letter-spacing:.01em}.byobu-crestof{border:2px solid #ba5745;color:#d5a575;font:29px var(--font-jp,serif);width:55px;height:55px;flex:none;display:grid;place-items:center;transform:rotate(-9deg)}
.byobu-stage{display:grid;grid-template-columns:2.15fr 1fr 1fr 1fr;gap:8px;min-height:590px;margin:0 clamp(16px,3.6vw,74px);align-items:stretch;transition:grid-template-columns .9s var(--v6-ease);background:#071a1b;padding:8px;border:1px solid #7e6752;box-shadow:0 40px 85px #040f1180}.byobu-panel{min-width:0;min-height:585px;position:relative;isolation:isolate;overflow:hidden;background:#172724}.byobu-panel:after{content:'';pointer-events:none;position:absolute;inset:10px;border:1px solid #f5dca44d;z-index:4}.byobu-panel:before{content:'';pointer-events:none;position:absolute;inset:0 0 auto;height:8px;background:linear-gradient(90deg,#251710,#c9a269,#251710);z-index:5}.byobu-trigger{position:absolute;inset:0;width:100%;height:100%;color:white;cursor:pointer;border:0;background:#264443;padding:0;text-align:left}.byobu-trigger>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.06);transition:transform 1.2s var(--v6-ease),filter .8s ease}.byobu-panel:hover .byobu-trigger>img{transform:scale(1.06);filter:saturate(1.2)}.byobu-tint{position:absolute;inset:0;background:linear-gradient(0deg,#061316ee,#0716194d 43%,#1228272d),linear-gradient(90deg,transparent,#15191559)}.byobu-panel.is-selected .byobu-tint{background:linear-gradient(0deg,#071313f2,#15242555 53%,#16202010)}.byobu-side-number{position:absolute;top:28px;left:21px;font:45px var(--font-jp,serif);opacity:.82;color:#fff0c8}.byobu-vertical{writing-mode:vertical-rl;font:14px var(--font-jp,Georgia,serif);letter-spacing:.35em;position:absolute;right:18px;top:42px;opacity:.91}.byobu-trigger-bottom{position:absolute;left:22px;bottom:35px;display:grid;gap:6px;transition:bottom .7s var(--v6-ease)}.byobu-trigger-bottom small{font:9px var(--font-mono,monospace);letter-spacing:.18em;color:#e0c5a1}.byobu-trigger-bottom strong{font:clamp(17px,2.2vw,27px) var(--font-jp,serif)}.byobu-panel.is-selected .byobu-trigger-bottom{bottom:245px}.byobu-copy{position:absolute;bottom:42px;left:28px;right:35px;z-index:2;pointer-events:none;opacity:0;transform:translateY(18px);transition:transform .6s var(--v6-ease),opacity .55s ease}.byobu-panel.is-selected .byobu-copy{opacity:1;transform:none;pointer-events:auto}.byobu-copy[hidden]{display:none}.byobu-copy>span{font:10px var(--font-mono,monospace);color:#eec18c;letter-spacing:.18em}.byobu-copy h3{font:clamp(27px,3.1vw,44px)/1.12 var(--font-jp,Georgia,serif);margin:13px 0 12px;letter-spacing:-.03em}.byobu-copy h3 em{color:#f0af8c;font-weight:400}.byobu-copy p{font-size:12px;line-height:1.7;max-width:390px;color:#f4e5ca}.byobu-copy button{border:0;border-bottom:1px solid #f6d4b3;color:#f3dbad;background:transparent;padding:12px 0;font:11px var(--font-mono,monospace);letter-spacing:.05em;cursor:pointer}.byobu-copy button b{margin-left:15px;color:#f6a67f}.byobu-bottom{padding:18px clamp(16px,3.6vw,74px) 21px;display:flex;justify-content:space-between;gap:12px;color:#ccb18e;font:9px var(--font-mono,monospace);letter-spacing:.15em}
/* Exhibition printwall enhancements */
.v6-museum-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:10px 0 24px;border-block:1px solid #876b5390;padding:15px 0;font:10px var(--font-mono,monospace);letter-spacing:.13em;color:var(--ink,#243530)}.v6-museum-toolbar>div{display:flex;align-items:center;gap:5px;background:#ded0b64a;border:1px solid #a08466;padding:4px}.v6-view-btn{border:0;background:transparent;color:inherit;font:11px var(--font-mono,monospace);cursor:pointer;padding:10px 15px;transition:color .2s,background .2s}.v6-view-btn.is-active{background:#a14535;color:#f8ead0}.v6-view-btn:hover:not(.is-active){background:#cdb79477}.art-museum-grid.v6-cinema{display:flex!important;gap:22px!important;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#a24738 #e5cba6;padding:8px 0 18px;align-items:stretch}.art-museum-grid.v6-cinema .museum-piece{flex:0 0 min(68vw,820px)!important;min-height:clamp(360px,57vw,615px)!important;grid-column:auto!important;scroll-snap-align:center;transform:none;position:relative}.art-museum-grid.v6-cinema .museum-piece img{width:100%;height:100%;object-fit:cover}.v6-museum-nav:not([hidden]){display:flex;align-items:center;justify-content:space-between;margin:20px 0 30px;gap:15px;font:10px var(--font-mono,monospace);letter-spacing:.12em;color:var(--ink,#263a33)}.v6-museum-nav button{font:12px var(--font-mono,monospace);padding:12px 15px;border:1px solid #bda17e;background:#e1d0b5;color:#392d22;cursor:pointer;transition:background .2s}.v6-museum-nav button:hover{background:#a74736;color:#fff}
/* Command interface: tactile Japanese book-jacket aesthetic */
.v6-command{border:1px solid #ad845b;padding:0;width:min(92vw,790px);max-height:min(87dvh,860px);background:#e9d9bd;color:#1a342f;box-shadow:0 30px 120px #030e14b8;overflow:auto}.v6-command::backdrop{background:#041012d9;backdrop-filter:blur(8px)}.v6-command-inner{border:8px solid #283e35;min-height:430px;padding:clamp(17px,4vw,38px);background:repeating-linear-gradient(90deg,transparent 0 5px,#ab8b6f09 6px),#e6d6b7;position:relative}.v6-command-inner:before{content:'';position:absolute;inset:13px;border:1px solid #a88464;pointer-events:none}.v6-command-top{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#804735;font:10px var(--font-mono,monospace);letter-spacing:.13em}.v6-command-top button{background:#244138;color:#fff2db;border:0;padding:8px 12px;font:10px var(--font-mono,monospace);cursor:pointer}.v6-command h2{font:clamp(34px,5vw,60px)/1.11 var(--font-jp,Georgia,serif);letter-spacing:-.04em;font-weight:400;margin:27px 0}.v6-command h2 em{color:#ac4d39}.v6-command-input{display:flex;align-items:center;gap:14px;padding:15px 19px;background:#f5ead5;border:1px solid #b79a75;box-shadow:5px 5px 0 #ab906e31}.v6-command-input>span{font-size:32px;color:#b64f3d}.v6-command-input input{min-width:0;width:100%;font:16px sans-serif;background:none;border:0;outline:0;color:#1c332c}.v6-command-count{font:10px var(--font-mono,monospace);color:#85684e;letter-spacing:.13em;margin:24px 0 12px}.v6-command-results{display:grid;gap:7px;max-height:40dvh;overflow:auto;position:relative}.v6-command-option{display:flex;align-items:center;gap:15px;width:100%;padding:10px;background:#f4e8d3;border:1px solid #c2aa87;text-align:left;cursor:pointer;color:#253e36}.v6-command-option[data-active="true"],.v6-command-option:hover{border-color:#ad4938;background:#e8cbad}.v6-command-option>img{width:65px;height:58px;object-fit:cover;flex:none}.v6-command-option>span{display:grid;gap:5px;min-width:0}.v6-command-option strong{font:16px var(--font-jp,serif)}.v6-command-option small{font:9px var(--font-mono,monospace);letter-spacing:.1em;color:#835b48}.v6-command-option>i{margin-left:auto;font-size:20px;color:#a64432}.v6-command-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:26px;font:9px var(--font-mono,monospace);letter-spacing:.08em;color:#6a5c48}.v6-command-empty{padding:30px;border:1px dashed #bb936b;text-align:center;color:#7f664b}
/* Small typography and rhythm refinements */
.cinema-copy h1 span{text-shadow:0 8px 26px #0005}.cinema-primary,.cinema-secondary,.nav-link-button{transition:transform .32s var(--v6-ease),background .25s,box-shadow .25s}.cinema-primary:hover,.cinema-secondary:hover,.nav-link-button:hover{transform:translateY(-4px);box-shadow:0 14px 25px #0a1e1f5e}.footer .footer-cta{transition:letter-spacing .35s var(--v6-ease)}.footer .footer-cta:hover{letter-spacing:.09em}
/* Mobile museum + tactile bottom dock */
.v6-mobile-dock{display:none}
@media(min-width:961px){.byobu-mast{width:min(1320px,calc(100% - 200px));margin-left:max(140px,calc((100% - 1290px)/2 + 100px));margin-right:auto}.byobu-exhibition{padding-left:100px}.byobu-stage{margin-right:3vw;margin-left:3vw}.byobu-bottom{padding-inline:3vw}}
@media(max-width:1100px){.v6-nav-find kbd{display:none}.byobu-stage{min-height:485px}.byobu-panel{min-height:485px}.byobu-panel.is-selected .byobu-trigger-bottom{bottom:245px}.byobu-mast{padding-top:65px}.byobu-mast h2{font-size:clamp(46px,6vw,68px)}}
@media(max-width:960px){.byobu-mast{padding:60px 0 35px}.byobu-stage{margin:0 18px}.byobu-exhibition{padding-left:0}}
@media(max-width:700px){.v6-nav-find{padding:10px}.v6-nav-find span,.v6-nav-find kbd{display:none}.byobu-mast{display:block;padding:60px 0 30px}.byobu-mast h2{font-size:clamp(45px,11vw,69px)}.byobu-intro{max-width:100%;margin-top:25px}.byobu-stage{grid-template-columns:repeat(2,minmax(0,1fr))!important;min-height:auto;gap:8px;box-shadow:0 20px 35px #07101250}.byobu-panel{min-height:305px;transition:min-height .5s var(--v6-ease)}.byobu-panel.is-selected{min-height:445px}.byobu-panel:not(.is-selected) .byobu-copy{display:none}.byobu-panel.is-selected .byobu-trigger-bottom{bottom:235px}.byobu-side-number{font-size:30px;top:14px;left:13px}.byobu-vertical{font-size:10px;right:11px;top:24px}.byobu-trigger-bottom{left:12px;bottom:22px}.byobu-trigger-bottom strong{font-size:17px}.byobu-trigger-bottom small{font-size:8px}.byobu-copy{left:16px;right:16px;bottom:25px}.byobu-copy h3{font-size:25px}.byobu-copy p{font-size:11px}.byobu-bottom{padding:15px 22px;font-size:8px}.byobu-bottom span:nth-child(2){display:none}.v6-museum-toolbar{flex-wrap:wrap;font-size:9px}.v6-museum-toolbar>span:last-child{display:none}.v6-view-btn{font-size:10px;padding:9px}.art-museum-grid.v6-cinema .museum-piece{flex-basis:82vw!important;min-height:390px!important}.v6-mobile-dock{display:flex;position:fixed;bottom:calc(10px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:200;align-items:center;justify-content:space-around;gap:4px;padding:8px 10px;border:1px solid #d1b88c;outline:1px solid #24382d;background:#1c332df2;backdrop-filter:blur(14px);box-shadow:0 10px 25px #030f1a7d;width:min(93vw,420px)}.v6-mobile-dock a,.v6-mobile-dock button{display:flex;min-width:60px;min-height:46px;align-items:center;justify-content:center;flex-direction:column;gap:3px;color:#edd0a7;text-decoration:none;background:none;border:0;font:20px var(--font-jp,serif);cursor:pointer}.v6-mobile-dock span{font:9px var(--font-mono,monospace);letter-spacing:.05em}.v6-mobile-dock :is(a,button):active{color:#e87d65}.footer{padding-bottom:85px}.v6-command h2{margin:20px 0}.v6-command-option>img{width:48px;height:46px}.v6-command-bottom span:last-child{display:none}}
@media(max-width:380px){.byobu-stage{grid-template-columns:1fr!important}.byobu-panel{min-height:205px}.byobu-panel.is-selected{min-height:400px}.byobu-panel.is-selected .byobu-trigger-bottom{bottom:205px}}
@media(prefers-reduced-motion:reduce){.byobu-stage,.byobu-panel,.byobu-trigger>img,.byobu-copy,.v6-nav-find,.cinema-primary,.cinema-secondary,.nav-link-button{transition:none!important;animation:none!important}}html[data-kobo-motion="off"] .byobu-stage,html[data-kobo-motion="off"] .byobu-panel,html[data-kobo-motion="off"] .byobu-trigger>img,html[data-kobo-motion="off"] .byobu-copy{transition:none!important;animation:none!important}
/* Mobile layout: an accordion of full-width print screens prevents microscopic captions. */
@media(max-width:700px){.byobu-stage{grid-template-columns:1fr!important}.byobu-panel{min-height:166px}.byobu-panel.is-selected{min-height:410px}.byobu-panel.is-selected .byobu-trigger-bottom{bottom:228px}.byobu-trigger-bottom strong{font-size:22px}.byobu-copy h3{font-size:30px}.byobu-copy p{max-width:310px}.byobu-panel .byobu-vertical{font-size:12px}.byobu-stage .byobu-panel:not(.is-selected) .byobu-tint{background:linear-gradient(0deg,#061316ea,transparent 75%)}}

@media(max-width:700px){html{scroll-padding-bottom:125px}.byobu-copy button{scroll-margin:130px 0}.v6-mobile-dock{pointer-events:auto}}