*{box-sizing:border-box}body{margin:0;background:#122a32;color:#193c46;font-family:Arial,Helvetica,sans-serif;height:100vh;display:grid;place-items:center}#stage{width:1280px;height:720px;position:relative;overflow:hidden;background:#f6f2e8;transform-origin:center}article{height:656px;position:relative}.copy{padding:54px 54px 30px;width:61%;position:relative;z-index:2}.eyebrow{font-size:15px;letter-spacing:3px;text-transform:uppercase;color:#54766f;font-weight:700;margin-bottom:22px}h1{font-family:Georgia,serif;font-size:47px;font-weight:400;line-height:1.08;margin:0 0 26px;letter-spacing:-1px}ul{padding:0;list-style:none;margin:0}li.point{font-size:29px;line-height:1.25;margin:0 0 20px;padding-left:20px;border-left:3px solid #b99b57}.art{position:absolute;right:0;top:0;width:39%;height:100%;object-fit:cover}.seal{width:112px;height:112px;object-fit:contain;float:right;margin:0 0 15px 20px}.hero .art{width:100%;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,31,39,.9),rgba(9,31,39,.58) 45%,transparent 85%)}.hero .copy{width:68%;padding-top:86px;color:#fff}.hero h1{font-size:65px}.hero .eyebrow{color:#e8ca8c}.hero .point{font-size:31px;border:0;padding:0;max-width:630px}.hero .copy:after{content:'';display:block;width:72px;height:3px;background:#d7b875;margin-top:32px}nav{position:absolute;bottom:4px;height:60px;left:0;right:0;display:flex;align-items:center;gap:14px;padding:0 26px;background:#f6f2e8;z-index:5}button{font:inherit;color:inherit;border:1px solid #c8cec5;background:transparent;border-radius:4px;cursor:pointer;padding:9px 13px}button:hover,button:focus-visible{background:#dfe7df;outline:2px solid #52776d}button:disabled{opacity:.35;cursor:default}#chapter{font-size:12px;letter-spacing:2px}.spacer{flex:1}#count{font-size:15px;min-width:58px;text-align:center}#progress{position:absolute;bottom:0;height:4px;background:#b5934e;transition:width .2s}dialog{max-width:800px;width:85vw;max-height:85vh;background:#f6f2e8;color:#193c46;border:0;padding:32px;border-radius:8px}dialog::backdrop{background:#061c29bb}dialog p{font-size:22px;line-height:1.65}.close{float:right}#list li{margin:8px 0}#list button{text-align:left;width:95%;font-size:18px}.diagram .copy{width:100%;padding-bottom:10px}.layers{margin:0 54px;display:grid;gap:12px}.layer{display:flex;align-items:center;gap:22px;border-top:1px solid #b7c3ba;padding:14px 0}.layer b{width:245px;font:25px Georgia;flex-shrink:0}.layer span{font-size:24px;line-height:1.35}.diagram h1{margin-bottom:12px}

.office-slide .copy{padding-top:36px;padding-bottom:0;height:656px}.office-slide .eyebrow{margin-bottom:14px}.office-slide h1{font-size:44px;margin-bottom:20px}.office-slide li.point{font-size:28px;margin-bottom:15px;line-height:1.2}.office-slide .bottom-seal{position:absolute;bottom:16px;left:calc(50% - 69px);width:138px;height:138px;float:none;margin:0;mix-blend-mode:multiply}

.office-slide .copy{background:#f6f2e8}

body{overflow:hidden}
#stage{position:absolute;left:50%;top:50%}
/* Groups comparison: exact text table, readable in the original 1280 x 720 stage. */
.groups .copy{width:100%;padding:22px 44px 0}
.groups .eyebrow{margin-bottom:10px}
.groups h1{font-size:43px;margin-bottom:9px}
.groups .group-intro{font-size:23px;line-height:1.25;margin:0 0 12px}
.group-table{width:100%;border-collapse:collapse;table-layout:fixed}
.group-table th{font-size:16px;line-height:1.2;text-align:left;letter-spacing:.3px;padding:8px 14px;color:#f6f2e8;background:#214b55}
.group-table th:nth-child(1){width:9%}.group-table th:nth-child(2){width:18%}
.group-table th:nth-child(3){width:22%}.group-table th:nth-child(4){width:15%}
.group-table th:nth-child(5){width:36%}
.group-table td{font-size:23px;line-height:1.2;padding:7px 14px;border-bottom:1px solid #bdc8bf;vertical-align:middle}
.group-table tbody tr:nth-child(odd){background:#e9ede4}
.group-table tbody th{font-size:27px;font-family:Georgia,serif;text-align:center;background:transparent;color:#193c46;border-bottom:1px solid #bdc8bf}
.group-table .scope th{border-left:5px solid #b5934e}
.group-table .example{display:block;font-size:18px;line-height:1.3;margin-top:4px;color:#3f605e}
.group-foot{margin:12px 0 0;font-size:19px;line-height:1.25}
.group-foot strong{color:#193c46}
.group-legend{margin:7px 0 0;font-size:16px;line-height:1.3;color:#466760}
.group-source{margin:6px 0 0;font-size:14px;color:#54766f}
.hero.welcome-opening .copy{padding-top:70px}
.hero.welcome-opening .point:last-child{font-size:29px;color:#f1ddb6;margin-top:30px;max-width:660px}
dialog p{white-space:pre-line}
@media (prefers-reduced-motion:reduce){#progress{transition:none}}

/* Reviewed office seals: same visible height, without transparent image margins. */
.office-slide .copy{padding:30px 48px 0;height:656px}
.office-slide .eyebrow{margin-bottom:12px}
.office-slide h1{font-size:42px;margin-bottom:16px}
.office-slide li.point{font-size:27px;line-height:1.2;margin-bottom:12px}
.office-slide .seal-frame{position:absolute;bottom:16px;left:calc(50% - 102px);width:204px;height:204px;overflow:hidden;margin:0;float:none;mix-blend-mode:multiply}
.seal-frame img{position:absolute;max-width:none;object-fit:fill}

/* Unfiltered daylight images, with text on separate white panels. */
.opening,.closing{background:#fff}
.opening:before,.opening:after,.closing:before,.closing:after{content:none;background:none}
.opening .art,.closing .art{filter:none;opacity:1;mix-blend-mode:normal}
.opening .copy{width:47%;padding:60px 44px 28px;color:#193c46}
.opening .art{width:53%;height:100%;object-fit:cover}
.opening h1{font-size:58px;line-height:1.07;margin-bottom:30px}
.opening .point{font-size:28px;line-height:1.3;border:0;padding:0;margin-bottom:23px}
.closing .copy{width:100%;padding:30px 48px 0;color:#193c46}
.closing .eyebrow{margin-bottom:12px}
.closing h1{font-size:50px;line-height:1.08;margin-bottom:22px}
.closing .point{font-size:30px;line-height:1.25;margin-bottom:14px;white-space:nowrap}
.closing .art{width:100%;height:330px;top:auto;bottom:0;object-fit:cover}

/* Ambient artwork only; the original image remains the accessible fallback. */
.scene-motion{pointer-events:none}
.scene-motion[hidden]{display:none}