.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}.sidebar nav{gap:16px}.sidebar .side-bottom{display:none}.topline{height:64px;min-height:64px;justify-content:flex-end}.intro{position:relative;padding:0;min-height:calc(100svh - 64px)}.folder-stage,.folder-stage:has(.is-open){height:calc(100svh - 122px);min-height:580px;max-height:1050px;margin:0}.folder-viewer{inset:0 0 64px}.hero-caption{position:absolute;top:46%;z-index:2;font-size:16px;line-height:1.6;margin:0;pointer-events:none;color:var(--blue)}.caption-left{left:0}.caption-right{right:0}.folder-3d-toolbar{bottom:10px}.folder-3d-toolbar p{font-size:12px}.folder-3d-toolbar button{font-size:13px}.scroll-invitation{display:block;text-align:center;font-size:14px;padding:12px 0 20px}.cases{height:470svh}.cases .section-title{padding:90px 0 32px;display:flex;justify-content:space-between;align-items:flex-end}.section-title h2{font-size:44px}.section-title>p{font-size:14px}.case-pin{top:20px;height:calc(100svh - 40px)}.file-tabs{display:flex;overflow:visible;padding:0;gap:0;height:60px;position:relative;z-index:8}.file-tabs button{flex:1;position:relative;display:block;border:0;padding:17px 23px 14px 18px;min-height:60px;text-align:left;background:#e6e9e6;color:var(--blue);font-size:15px;border-radius:10px 0 0 0;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 100%,0 100%);transform:none!important;cursor:pointer}.file-tabs button[aria-selected="true"]{background:var(--tab);font-weight:600}.file-tabs button:hover{filter:brightness(.97)}.file-tabs button:focus-visible{outline:3px solid var(--blue);outline-offset:-5px}.deck-wrap{height:calc(100% - 112px);perspective:none;padding:0;overflow:hidden}#caseDeck{height:100%;transform-style:flat}.file-card{height:100%;position:absolute;inset:0;min-height:0;padding:30px 34px 28px;border-radius:0 0 12px 12px;display:flex;flex-direction:column;transform-origin:center top;will-change:transform;overflow:hidden;color:var(--blue)}.folder-case-header{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:start;flex-shrink:0;margin-bottom:30px}.folder-case-header h3{font-size:clamp(32px,3.5vw,52px);line-height:1.25;margin:0 0 12px;max-width:none}.folder-case-header>div>p{font-size:16px;margin:0;line-height:1.7}.folder-case-meta{padding:4px 0 0}.folder-case-meta p{font-size:13px!important;line-height:1.7;margin:0 0 10px!important}.folder-case-body{display:grid;grid-template-columns:minmax(160px,.85fr) minmax(0,1.25fr) minmax(0,.85fr);gap:28px;flex:1;min-height:0}.case-summary{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:18px}.case-summary>p{font-size:15px;line-height:1.8;margin:0}.case-key-result{margin-top:auto}.case-key-result strong{font-size:40px;line-height:1.2;font-weight:500;letter-spacing:-.035em}.case-key-result p{font-size:12px;line-height:1.7;margin:9px 0 0}.case-summary .file-link{position:static;margin:0;min-height:44px;padding:12px 14px;font-size:14px;display:inline-flex;align-items:center;text-align:left;border-radius:0;background:var(--blue);color:var(--paper)}.case-main-art{height:100%;min-height:0;min-width:0;margin:0;display:grid;place-items:center;overflow:hidden}.case-main-art img{display:block;width:100%;height:100%;max-height:48svh;object-fit:contain;object-position:center}.case-extra-art{min-height:0;min-width:0;display:flex;flex-direction:column;gap:16px;overflow:hidden}.case-extra-art figure{margin:0;min-height:0;flex:1;display:grid;place-items:center;overflow:hidden}.case-extra-art img{display:block;width:100%;height:100%;max-height:23svh;object-fit:contain}.deck-controls{height:48px;margin:7px 0 0;align-items:center;justify-content:flex-end;font-size:13px;gap:14px}.deck-controls button{height:40px;min-height:40px}.case-pin .control-line{display:none}.rcc-file-art{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:32px;background:var(--paper);color:var(--blue)}.rcc-file-art h4{font-size:36px;font-family:"Portfolio Serif",serif;font-weight:900;line-height:1.4;margin:0 0 24px}.rcc-file-art p{font-size:16px;margin:0 0 35px}.rcc-file-art strong{font-size:21px;line-height:1.9}.rcc-proof-note{padding:25px;background:#e9f2ed;justify-content:center;gap:18px}.rcc-proof-note p{font-size:14px;line-height:1.7;margin:0}.rcc-proof-note strong{font-size:48px;font-weight:500}.archive{padding-top:90px}
@media(max-width:1050px) and (min-width:651px){.folder-case-body{grid-template-columns:minmax(150px,.9fr) minmax(0,1.1fr);gap:24px}.case-extra-art{display:none}.folder-case-header{grid-template-columns:1.2fr .8fr;gap:20px;margin-bottom:24px}.file-card{padding:27px}.folder-case-header h3{font-size:35px}.case-summary>p{font-size:14px}.case-key-result strong{font-size:35px}.file-tabs button{font-size:12px;padding:18px 16px 14px 12px}.hero-caption{font-size:13px}.folder-3d-toolbar p{max-width:none}.cases .section-title{display:block}.section-title h2{margin-bottom:20px}}
@media(max-width:650px){.topline{margin-top:66px;height:50px;min-height:50px}.intro{min-height:calc(100svh - 116px)}.folder-stage,.folder-stage:has(.is-open){height:calc(100svh - 160px);min-height:490px;max-height:none}.folder-viewer{inset:0 0 98px}.hero-caption{font-size:11px;top:42%;max-width:56px;line-height:1.6}.caption-left{left:-3px}.caption-right{right:-3px}.folder-3d-toolbar p{font-size:11px}.folder-3d-toolbar button{font-size:12px;padding:10px 12px}.folder-3d-toolbar{gap:8px}.scroll-invitation{font-size:12px;padding-top:4px}.sidebar nav{gap:5px}.sidebar nav a{height:50px;flex:1}.cases{height:440svh}.cases .section-title{display:block;padding-top:65px;padding-bottom:25px}.section-title h2{font-size:31px;margin-bottom:18px}.section-title>p{font-size:13px;line-height:1.7}.case-pin{top:77px;height:calc(100svh - 91px)}.file-tabs{height:48px}.file-tabs button{height:48px;min-height:48px;font-size:10px;padding:12px 10px 10px 7px;line-height:1.5;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 100%,0 100%)}.deck-wrap{height:calc(100% - 100px)}.file-card{padding:23px 20px 20px;border-radius:0 0 10px 10px}.folder-case-header{display:block;margin-bottom:18px}.folder-case-header h3{font-size:28px;line-height:1.3;margin-bottom:8px}.folder-case-header>div>p{font-size:13px}.folder-case-meta{display:none}.folder-case-body{display:flex;flex-direction:column;gap:20px}.case-summary{display:grid;grid-template-columns:1fr auto;gap:14px 12px}.case-summary>p{grid-column:1/-1;font-size:13px;line-height:1.7}.case-key-result{margin:0}.case-key-result strong{font-size:31px}.case-key-result p{font-size:10px;max-width:160px;margin-top:7px}.case-summary .file-link{font-size:11px;padding:11px 12px;align-self:end;min-height:42px;white-space:nowrap}.case-main-art{flex:1;min-height:100px;display:block}.case-main-art img{height:100%;max-height:27svh;width:100%;object-fit:contain;object-position:center top}.case-extra-art{display:none}.deck-controls{margin-top:5px;height:45px}.rcc-file-art{display:flex;padding:22px;min-height:130px}.rcc-file-art h4{font-size:27px;margin-bottom:15px}.rcc-file-art p{font-size:13px;margin-bottom:14px}.rcc-file-art strong{font-size:15px;line-height:1.6}.archive{padding-top:65px}}
@media(max-height:740px) and (min-width:651px){.case-summary>p{font-size:13px}.file-card{padding:23px}.folder-case-header{margin-bottom:20px}.folder-case-header h3{font-size:34px}.case-key-result strong{font-size:33px}}
@media(prefers-reduced-motion:reduce){.cases{height:auto}.case-pin{position:static;height:auto}.deck-wrap,#caseDeck{height:auto;overflow:visible}.file-card{position:relative;height:auto;min-height:600px;margin-bottom:24px;transform:none!important}.file-tabs{display:none}.deck-controls{display:none}.case-main-art img{max-height:450px}.case-main-art{min-height:260px}.case-extra-art img{max-height:220px}}
@media(max-width:650px){.hero-caption{top:5%;max-width:none;white-space:nowrap}.caption-left{left:0}.caption-right{right:0}.case-main-art img{max-height:none;height:100%;object-fit:contain}}

/* Approved motion: active file tabs and bounded artwork feedback. */
@media(prefers-reduced-motion:no-preference){.file-tabs button{transition:background-color 180ms cubic-bezier(.16,1,.3,1),color 180ms cubic-bezier(.16,1,.3,1)}.work-picture img{transition:transform 240ms cubic-bezier(.16,1,.3,1)}.work-picture:has(img){overflow:hidden}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.work-picture:hover img,.work-picture:focus-visible img{transform:scale(1.02)}}
@media(prefers-reduced-motion:reduce){.file-tabs button,.work-picture img{transition:none!important}.work-picture:hover img,.work-picture:focus-visible img{transform:none!important}}
/* GSAP owns approved feedback when loaded; existing CSS remains the fallback. */
.gsap-motion .file-tabs button,.gsap-motion .work-picture img{transition:none!important}.gsap-motion .work-picture:hover img,.gsap-motion .work-picture:focus-visible img{transform:none}

.folder-stage:has([data-phase="spread"]) .hero-caption{visibility:hidden}

/* Shared editable desktop case artwork; semantic mobile flow remains readable. */
.linked-case-board{display:none}.file-card.has-linked-case{background:var(--card)}
@media(min-width:901px){.has-linked-case>.folder-case-header,.has-linked-case>.folder-case-body{visibility:hidden}.has-linked-case>.linked-case-board{display:block}.has-linked-case{padding:0}.linked-case-board a:hover{text-decoration:underline!important;text-underline-offset:7px}.linked-case-board a:focus-visible{outline:3px solid currentColor;outline-offset:6px}}