:root{color-scheme:light;--navy:#192c48;--cyan:#058eb6;--paper:#f6f8fa;--muted:#5c6b7b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--navy);font-family:Arial,Helvetica,sans-serif}button,input,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;min-height:42px;border:1px solid #ced8e0;border-radius:7px;background:white;padding:9px 13px}button:hover{background:#eaf3f7}button:focus-visible,input:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #0087b1;outline-offset:3px}#experience{max-width:1720px;margin:auto;padding:20px 38px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe6eb;padding-bottom:13px}.identity{display:flex;align-items:center;gap:13px;font-size:15px;font-weight:600}.logo{position:relative;width:75px;height:38px;overflow:hidden;background:#fff;flex-shrink:0}.logo img{position:absolute;width:236.3px;max-width:none;left:-80.8px;top:-31.2px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#568094;margin:0}.heading{display:flex;align-items:center;justify-content:space-between;padding:24px 0 21px;gap:20px}h1{font-size:clamp(24px,2.55vw,43px);font-weight:500;letter-spacing:-1.1px;margin:8px 0 0}h2{font-size:26px;line-height:1.1;letter-spacing:-.7px;margin:12px 0}h3{margin:0;font-size:13px}.intro{font-size:13px;line-height:1.6;color:var(--muted);margin:0}.presentation{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:26px}.scene{position:relative;min-width:0;aspect-ratio:1.58;overflow:hidden;border-radius:12px;background:radial-gradient(ellipse at 48% 40%,#e6eef0 0%,#f0f4f5 55%,#e6edef 100%)}#model{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#model:active{cursor:grabbing}.scene-top{position:absolute;left:22px;right:22px;top:20px;display:flex;justify-content:space-between;pointer-events:none;gap:10px}.stage-badge{font-size:10px;letter-spacing:1px;font-weight:700;color:#26738c}.small-tag{font-size:9px;letter-spacing:1.3px;color:#6d7f88}.orientation{position:absolute;top:48px;left:22px;font-size:10px;color:#76858c}.view-buttons{position:absolute;right:14px;bottom:43px;display:flex;gap:4px}.view-buttons button{min-height:34px;padding:4px 10px;font-size:12px}.scene-bottom{position:absolute;bottom:17px;left:22px;right:22px;display:flex;justify-content:space-between;font-size:10px;color:#657785;gap:12px}.scene-bottom #hemorrhage-caption{color:#9d2c3d;font-weight:600}.label{position:absolute;pointer-events:none;font-size:11px;white-space:nowrap;display:flex;align-items:center;gap:6px;color:#334957;text-shadow:0 1px 2px #fff;background:#f5f9fbdd;border-radius:4px;padding:4px 6px;transform:translate(0,-50%)}.label:before{content:"";display:block;width:5px;height:5px;border-radius:50%;background:var(--dot,#168da7)}aside{padding:14px 0 0;display:flex;flex-direction:column;min-width:0}.chapter-number{font-size:11px;letter-spacing:2px;color:var(--cyan);font-weight:700}#chapter-detail{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 22px;min-height:63px}.wall-panel{background:#fff;border-radius:10px;padding:17px 14px 12px}.wall-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.wall-header span{font-size:7px;letter-spacing:1px;color:#70808b}#section{width:100%;height:auto;display:block}.legend{display:grid;grid-template-columns:1fr 1fr;gap:7px 5px;font-size:9px;color:#5e6c79}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:7px;height:7px;border-radius:50%;flex-shrink:0}#wall-detail{font-size:10px;line-height:1.5;color:#536577;margin:13px 0 0;min-height:30px}.toggles{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#4b5f6b;padding:15px 0 0}.toggles label{display:flex;align-items:center;gap:7px;min-height:25px}input[type=checkbox]{accent-color:var(--cyan);width:16px;height:16px}.caption{display:flex;align-items:center;justify-content:center;text-align:center;min-height:70px;margin:12px 0;padding:11px 24px;border-top:1px solid #e0e7ec;border-bottom:1px solid #e0e7ec;font-size:16px;line-height:1.5;color:#253e53}.transport{display:flex;align-items:center;gap:8px}.transport button{font-size:12px}.primary{background:var(--navy);color:white;border-color:var(--navy)}.primary:hover{background:#2a4564}#time{font-size:12px;margin-left:auto;font-variant-numeric:tabular-nums}#fullscreen{margin-left:10px}#timeline{width:100%;accent-color:var(--cyan);margin:16px 0 11px;cursor:pointer}#chapters{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}#chapters button{background:transparent;border:0;border-top:2px solid #d4dee5;border-radius:0;text-align:left;font-size:11px;padding:9px 0;min-width:0}#chapters button span{font-size:9px;margin-right:6px;color:#5c7689}#chapters button[aria-current=true]{border-color:var(--cyan);color:#007493;font-weight:700}footer{font-size:10px;color:#70808d;line-height:1.6;margin-top:13px;display:flex;gap:20px;justify-content:space-between}footer p{margin:0}footer details{max-width:580px}summary{cursor:pointer}footer details p{margin-top:10px}a{color:#007692}#webgl-error{position:absolute;inset:30%;background:white;padding:20px;font-size:14px;line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}
@media(min-width:1500px){.presentation{grid-template-columns:minmax(0,1fr) 340px}.scene{aspect-ratio:1.8}h2{font-size:30px}.label{font-size:13px}.caption{font-size:19px}#chapter-detail{font-size:15px}.legend{font-size:11px}#wall-detail{font-size:12px}.toggles{font-size:13px}}
@media(max-width:1000px){#experience{padding:15px 20px}.presentation{grid-template-columns:minmax(0,1fr) 230px;gap:16px}h2{font-size:22px}.scene{aspect-ratio:auto;min-height:480px}.intro{display:none}.small-tag{display:none}.wall-header{display:block}.wall-header span{display:block;margin-top:6px}.label{font-size:10px}.scene-bottom{left:12px;right:12px;font-size:9px}.scene-top,.orientation{left:12px}.legend{font-size:8px}}
@media(max-width:680px){#experience{padding:12px}.identity{font-size:12px;gap:8px}header>.eyebrow{display:none}.heading{padding:20px 0 15px}h1{font-size:27px;max-width:350px}.presentation{display:flex;flex-direction:column;gap:0}.scene{min-height:0;aspect-ratio:1/1.14}.scene-top{top:15px}.orientation{top:40px;font-size:9px}.label{font-size:9px;padding:3px}.view-buttons{bottom:35px}.scene-bottom{bottom:13px}.scene-bottom>span:first-child{max-width:180px}.scene-bottom #hemorrhage-caption{max-width:120px}aside{display:grid;grid-template-columns:1fr 130px;gap:0 14px;padding-top:18px}.chapter-number{grid-column:1}h2{grid-column:1;font-size:22px;margin:8px 0}#chapter-detail{grid-column:1;font-size:12px;margin:0;min-height:0}.wall-panel{grid-column:2;grid-row:1/5;padding:8px}.wall-header h3{font-size:10px}.wall-header span{font-size:6px}.legend{display:none}#wall-detail{font-size:8px;min-height:0;margin-top:0}.toggles{grid-column:1;padding-top:10px;gap:0;font-size:10px}.caption{font-size:14px;padding:12px 5px;min-height:84px}.transport{flex-wrap:wrap;gap:6px}.transport button{font-size:10px;padding:8px}#fullscreen{margin-left:0}#time{font-size:10px}#play{min-width:140px}#chapters{gap:5px}#chapters button{font-size:9px}#chapters button span{display:block;margin-bottom:5px}footer{display:block;font-size:9px}footer details{margin-top:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
#experience:fullscreen{max-width:none;background:var(--paper);overflow:auto;width:100%;height:100%}
body.social #experience{width:1080px;max-width:none;height:1920px;padding:50px 55px;background:#f6f8fa}body.social header{padding-bottom:25px}body.social .identity{font-size:25px}body.social .logo{transform:scale(1.5);transform-origin:left center;margin-right:40px}body.social header>.eyebrow{display:none}body.social .heading{padding:40px 0 30px}body.social h1{font-size:62px;line-height:1.05;max-width:900px}body.social .heading .eyebrow{font-size:17px}body.social .intro{display:none}body.social .presentation{display:block}body.social .scene{height:1040px;aspect-ratio:auto}body.social .label{font-size:23px;padding:7px 9px}body.social .scene-top{top:25px;left:25px}body.social .stage-badge{font-size:19px}body.social .small-tag{display:none}body.social .orientation{font-size:16px;top:60px}body.social .view-buttons,body.social .scene-bottom{display:none}body.social aside{padding-top:28px;display:grid;grid-template-columns:1fr 255px;gap:0 20px}body.social .chapter-number{grid-column:1;font-size:18px}body.social h2{grid-column:1;font-size:40px;margin:10px 0}body.social #chapter-detail{grid-column:1;font-size:22px;line-height:1.45;margin-bottom:0}body.social .wall-panel{grid-column:2;grid-row:1/5;padding:15px}body.social .wall-header h3{font-size:16px}body.social .wall-header span,body.social .legend,body.social #wall-detail,body.social .toggles{display:none}body.social .caption{font-size:29px;min-height:155px;padding:22px 10px;margin:24px 0 0}body.social .playback{display:none}body.social footer{font-size:17px;padding-top:15px}body.social footer details{display:none}