/* Scene photography welcomes the reader; diagrams explain the work inside. */
.tile-visual{aspect-ratio:1.6;background:#e5e1d9;overflow:hidden}
.tile-visual>img{width:100%;height:100%;object-fit:cover;filter:none;transition:transform .35s ease}
.tile-visual:hover>img{transform:scale(1.025)}
.scene-hero .case-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:48px;align-items:center;padding:36px 0 34px}
.scene-hero .case-name{font-size:clamp(62px,6.2vw,88px);margin-bottom:13px}
.scene-hero h1{font-size:clamp(27px,2.55vw,37px);line-height:1.6}
.scene-hero .case-hero-note{margin-top:23px}
.scene-hero .case-hero-note>p{font-size:13px;line-height:1.95;margin:16px 0 23px}
.case-scene{min-width:0;margin:0}
.case-scene-image{width:100%;aspect-ratio:1.35;background:#ebe7df;overflow:hidden}
.case-scene img{width:100%;height:100%;object-fit:cover;display:block}
.case-scene figcaption{font-size:12px;color:var(--on-dark-muted);margin-top:17px;line-height:1.8;border-left:2px solid #b0beb7;padding-left:13px}
.case-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.report-shortcut{font-size:12px;color:var(--on-dark);text-underline-offset:5px}
.report-shortcut:hover{text-decoration:underline}
.report-section{background:#efeee8;border-bottom:1px solid var(--edge)}
.report-sheet{background:#fffefb;border:1px solid #c9cfca;padding:31px 35px 0;border-top:4px solid var(--navy);box-shadow:8px 8px 0 #dfe3dc;margin-bottom:48px}
.report-sheet-head{display:flex;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--edge);font-size:11px;color:var(--muted)}
.report-sheet-head>p{color:var(--navy);font-weight:650}
.report-sheet>h3{font-size:25px;line-height:1.65;max-width:830px;margin:28px 0 25px}
.report-table-wrap{overflow:auto;overscroll-behavior-inline:contain}
.report-scroll-hint{display:none;font-size:11px;line-height:1.7;color:#53666c;margin:0 0 12px}
@media(max-width:700px){.report-scroll-hint{display:block}}
.report-table-wrap:focus-visible{outline:3px solid #aa651e;outline-offset:4px}
.report-table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.85;min-width:615px;text-align:left}
.report-table thead{background:#ebefeb}
.report-table th,.report-table td{padding:16px 19px;border-bottom:1px solid #dce0d9;vertical-align:top}
.report-table thead th{font-size:11px;font-weight:600;color:#344950}
.report-table tbody th{width:26%;font-weight:650;color:var(--navy)}
.report-table tbody td:nth-child(2){width:50%;color:#465963}
.report-table tbody td:last-child{width:24%}
.report-decision{display:inline-block;padding:4px 10px;border:1px solid #acbeb1;font-size:11px;line-height:1.6;white-space:nowrap;background:#edf3eb;color:#275246}
.report-decision.is-watch{color:#795020;background:#f7eddd;border-color:#d9c3a2}
.report-decision.is-hold{color:#824738;background:#f7eae5;border-color:#d9b6a9}
.report-insight{display:grid;grid-template-columns:80px 1fr;gap:18px;padding:27px 0;font-size:14px;line-height:1.95;color:#344d57}
.report-insight>span{font-size:11px;letter-spacing:.5px;color:var(--teal-text);padding-top:3px;font-weight:650}
.report-spread{background:#faf9f5;border:1px solid #cbd1ca;padding:35px;margin-top:55px}
.report-spread-head>h3{font-size:30px;line-height:1.6;margin:12px 0 17px}
.report-spread-head>p:last-child{font-size:14px;color:var(--muted);margin-bottom:28px}
.report-before-after{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--edge)}
.report-before-after>div{padding:27px;background:#eee8df}
.report-before-after>div+div{background:#e6eee8;border-left:1px solid var(--edge)}
.report-before-after span{font-size:10px;letter-spacing:.8px;color:#5e655f}
.report-before-after h4{font-size:20px;line-height:1.6;margin:15px 0 13px}
.report-before-after p{font-size:14px;line-height:1.95;color:#435963}
.report-trace{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin:32px 0 0;padding:0;list-style:none}
.report-trace li{border-top:1px solid #aebfb3;padding-top:17px;position:relative}
.report-trace li>span{font:italic 24px var(--serif);color:#687d72}
.report-trace h4{font-size:17px;margin:12px 0 9px;line-height:1.6}
.report-trace p{font-size:12px;line-height:1.9;color:#48616a}
.report-outputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:40px}
.report-outputs article{border-top:1px solid #bcc9be;padding-top:21px}
.report-outputs small{font-size:10px;color:var(--muted)}
.report-outputs h3{font-size:20px;margin:10px 0 12px}
.report-outputs p{font-size:13px;color:#465963;line-height:1.9}
.report-footnote{font-size:11px;color:#617078;line-height:1.9;margin-top:29px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.scene-hero .case-hero-grid{gap:32px;grid-template-columns:1fr 1fr}.case-scene-image{aspect-ratio:1.1}.scene-hero .case-name{font-size:70px}.scene-hero h1{font-size:29px}}
@media(max-width:800px){.scene-hero .case-hero-grid{grid-template-columns:1fr;gap:29px}.case-scene-image{aspect-ratio:1.7}.scene-hero .case-hero-note{margin-top:19px}.scene-hero .case-name{font-size:68px}.case-scene figcaption{margin-top:13px}.report-sheet,.report-spread{padding-inline:25px}.report-trace{grid-template-columns:repeat(2,minmax(0,1fr))}.report-spread-head>h3{font-size:26px}.report-before-after>div{padding:23px}}
@media(max-width:560px){.tile-visual{aspect-ratio:1.6}.scene-hero .case-hero-grid{padding-block:28px}.scene-hero .case-name{font-size:62px}.scene-hero h1{font-size:27px}.case-scene-image{aspect-ratio:1.5}.case-scene figcaption{font-size:11px}.case-hero-actions{gap:16px}.report-sheet{padding:21px 18px 0;box-shadow:4px 4px 0 #dfe3dc}.report-sheet-head{font-size:10px;gap:12px;align-items:start}.report-sheet>h3{font-size:21px;margin-block:21px}.report-table th,.report-table td{padding:13px}.report-table{font-size:12px;min-width:580px}.report-insight{grid-template-columns:1fr;gap:8px;font-size:13px;padding-block:22px}.report-spread{padding:23px 19px;margin-top:35px}.report-spread-head>h3{font-size:23px}.report-before-after{grid-template-columns:1fr}.report-before-after>div+div{border-left:0;border-top:1px solid var(--edge)}.report-before-after>div{padding:21px}.report-before-after h4{font-size:19px}.report-before-after p{font-size:13px}.report-trace{grid-template-columns:1fr;gap:22px}.report-trace li{display:grid;grid-template-columns:32px 1fr;gap:8px 11px}.report-trace h4{margin:0}.report-trace p{grid-column:2;font-size:13px}.report-outputs{grid-template-columns:1fr;gap:24px;margin-top:30px}.report-footnote{font-size:10px}.report-sheet-head>span{text-align:right}}
@media(prefers-reduced-motion:reduce){.tile-visual>img{transition:none}}
@media print{.case-scene-image{aspect-ratio:1.6}.report-sheet,.report-spread{box-shadow:none;break-inside:avoid}.report-table{min-width:0}.report-section{print-color-adjust:exact}.report-shortcut{display:none}}