/* Scoped to the new right column and its native top-layer image viewer. */
.tb-hero .tb-portfolio{height:590px;min-width:0;position:relative;display:flex;flex-direction:column;justify-content:center;color:var(--tb-ink);padding-inline:8px}
.tb-portfolio__rail{display:grid;grid-template-columns:.88fr 1.12fr .88fr;align-items:center;gap:14px;width:100%;max-width:520px;margin-inline:auto;padding:20px 8px 28px}
.tb-portfolio__paper{position:relative;display:block;min-width:0;width:100%;max-width:150px;justify-self:center;border:1px solid var(--tb-line);background:#fff;box-shadow:0 12px 32px #17243c16;transform:translateY(10px) rotate(-4deg);transition:transform .3s ease,box-shadow .3s ease;cursor:zoom-in;text-decoration:none!important}
.tb-portfolio__paper:nth-child(2){max-width:174px;transform:translateY(-10px);z-index:1}.tb-portfolio__paper:nth-child(3){transform:translateY(22px) rotate(4deg)}
.tb-portfolio__paper img{display:block;width:100%;height:auto;aspect-ratio:1/2.88;object-fit:contain;object-position:top;background:#fff}
.tb-portfolio__paper>span{position:absolute;inset:auto 0 0;padding:7px 3px;background:#fff;color:var(--tb-ink);border-top:1px solid var(--tb-line);font:500 10px/1.6 var(--tb-sans);text-align:center}
.tb-portfolio__paper:hover,.tb-portfolio__paper:focus-visible{transform:translateY(-14px) rotate(0) scale(1.035);z-index:2;box-shadow:0 20px 42px #17243c25}
.tb-portfolio__choices{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;max-width:540px;margin:3px auto 0}.tb-portfolio__choices[hidden]{display:none}
.tb-portfolio__choices button{appearance:none;min-height:36px;padding:6px 10px;border:1px solid var(--tb-line);background:#fff;color:var(--tb-muted);font:500 10px/1.6 var(--tb-sans);cursor:pointer;white-space:nowrap}
.tb-portfolio__choices button[aria-pressed=true]{border-color:var(--tb-brand);background:var(--tb-tint);color:var(--tb-brand)}
.tb-portfolio__note{margin:12px 0 0!important;text-align:center;font:400 10px/1.7 var(--tb-sans)!important;color:var(--tb-muted)!important}.tb-portfolio__fallback{font-size:11px;display:flex;gap:8px;flex-wrap:wrap}.tb-portfolio__fallback a{color:var(--tb-brand);text-decoration:underline}
.tb-portfolio a:focus-visible,.tb-portfolio button:focus-visible{outline:2px solid var(--tb-brand);outline-offset:3px}
.tb-portfolio-viewer{margin:auto;padding:0;width:min(1100px,95vw);max-width:95vw;max-height:94vh;max-height:94dvh;border:1px solid var(--tb-line);background:#fff;color:var(--tb-ink);box-shadow:0 20px 80px #17243c40;overscroll-behavior:contain}
.tb-portfolio-viewer::backdrop{background:#17243cbb}.tb-portfolio-viewer>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 22px;border-bottom:1px solid var(--tb-line)}
.tb-portfolio-viewer>header small{font:400 10px/1.6 var(--tb-sans);color:var(--tb-muted)}.takumi-blue .tb-portfolio-viewer h2{margin:0;font:500 19px/1.6 var(--tb-sans);color:var(--tb-ink)}
.tb-portfolio-viewer button{appearance:none;min-height:44px;border:1px solid var(--tb-line);background:#fff;color:var(--tb-brand);padding:8px 13px;font:500 12px/1.6 var(--tb-sans);cursor:pointer}
.tb-portfolio-viewer>nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 22px}.tb-portfolio-viewer>nav a{color:var(--tb-brand);font:500 12px/1.6 var(--tb-sans);text-decoration:underline;text-underline-offset:3px}
.tb-portfolio-viewer>[data-portfolio-load]{font:400 11px/1.6 var(--tb-sans);margin:0;padding:0 22px 9px;color:var(--tb-muted)}
.tb-portfolio-viewer__scroll{max-height:calc(94vh - 210px);max-height:calc(94dvh - 210px);overflow:auto;overscroll-behavior:contain;background:var(--tb-surface);-webkit-overflow-scrolling:touch}
.tb-portfolio-viewer__scroll>img{display:block;width:100%;height:auto;margin:auto}.tb-portfolio-viewer__note{margin:0!important;padding:10px 22px;font:400 10px/1.7 var(--tb-sans)!important;color:var(--tb-muted)!important}
@media(max-width:1200px) and (min-width:1001px){.tb-hero .tb-portfolio{height:545px}.tb-portfolio__rail{gap:10px;padding:14px 6px 22px}.tb-portfolio__paper{max-width:130px}.tb-portfolio__paper:nth-child(2){max-width:150px}.tb-portfolio__choices button{padding-inline:8px}}
@media(max-width:1000px){.tb-hero .tb-portfolio{height:auto;max-width:580px;width:100%;margin:25px auto 20px;padding-inline:0}.tb-portfolio__rail{max-width:510px}.tb-portfolio__choices{max-width:510px}}
@media(max-width:640px){.tb-hero .tb-portfolio{margin:20px auto 12px}.tb-portfolio__rail{gap:8px;padding:18px 5px 24px}.tb-portfolio__paper{max-width:130px}.tb-portfolio__paper:nth-child(2){max-width:150px}.tb-portfolio__paper>span{font-size:9px;padding:6px 1px}.tb-portfolio__choices{gap:5px}.tb-portfolio__choices button{min-height:40px;font-size:10px;padding:6px 9px}.tb-portfolio__note{font-size:9px!important}.tb-portfolio-viewer>header{padding:10px 12px;gap:10px}.takumi-blue .tb-portfolio-viewer h2{font-size:15px}.tb-portfolio-viewer>nav{padding:8px 10px;gap:5px}.tb-portfolio-viewer button{font-size:10px;padding:7px 9px}.tb-portfolio-viewer>nav a{font-size:10px}.tb-portfolio-viewer>[data-portfolio-load]{padding-inline:12px;font-size:10px}.tb-portfolio-viewer__note{padding:9px 12px;font-size:9px!important}}
@media(prefers-reduced-motion:reduce){.tb-portfolio__paper{transition:none}.tb-portfolio__paper:hover,.tb-portfolio__paper:focus-visible{transform:none}}
@media(max-width:640px){.tb-portfolio__choices button{min-height:44px}}