:root{color-scheme:dark;--ink:#101821;--ink2:#1c2b35;--paper:#f3f0e6;--paper2:#e7e3d7;--cream:#fff9eb;--gold:#f6c86c;--coral:#f39d87;--lime:#cde18d;--violet:#a9a0e5;--muted:#aeb8bf;--line:rgba(238,236,220,.25);--outline:#f4e08a;--display:Georgia,'Times New Roman',serif;--mono:ui-monospace,'SFMono-Regular',Consolas,monospace;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-padding-top:105px}body{overflow-x:clip}::selection{background:var(--coral);color:var(--ink)}a,button,select,textarea,input{font:inherit}button{cursor:pointer}a:hover{text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--outline);outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.6}h1,h2,h3,h4,p{margin-top:0}h2{font-size:clamp(2.7rem,6.1vw,6.65rem);line-height:.97;letter-spacing:-.075em;font-weight:850;margin-bottom:1.45rem}h2 em,h1 em{font-family:var(--display);font-weight:400;font-style:italic;letter-spacing:-.09em}h3{font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.13;letter-spacing:-.04em}p{line-height:1.69}.muted{color:#677079}.wrap{max-width:1310px;padding-left:clamp(18px,4vw,64px);padding-right:clamp(18px,4vw,64px);margin:auto}.eyebrow,.section-num,.case-meta,.pill,.case-switch,.case-stage,.principle span,.case-link,.lab-heading .eyebrow,.form-top,.field-note,.test-status,.micro,.privacy-note,.revision-wall>li>span,.related-grid span,.related-grid em,.related-note,.essay-index,.footer,.hero-mini,.hero-subtitle,.hero-utility,.museum-plaque,.frame,.frame-badge,.fracture-note,.art-stamp,.art-before,.art-after,.split-mark,.beacon{font-family:var(--mono)}.eyebrow{font-size:.75rem;letter-spacing:.16em;font-weight:750;text-transform:uppercase;color:var(--gold)}
.site-header{position:sticky;top:0;z-index:100;min-height:76px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:rgba(16,24,33,.96);box-shadow:0 1px 0 rgba(255,255,255,.13);flex-wrap:wrap;transition:background .35s}.site-header a,.site-header button{font-size:.77rem;text-transform:uppercase;letter-spacing:.065em;font-weight:750}.brand{white-space:nowrap;font-family:var(--mono)}.brand-suffix{color:var(--muted);font-size:.65rem;font-weight:500}.top-nav a{padding:10px 0;border-bottom:1px solid transparent}.top-nav a:hover,.top-nav a:focus-visible{border-color:var(--gold)}.header-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.quiet-button{border:1px solid #72828d;background:transparent;color:var(--cream);border-radius:25px;padding:8px 12px;min-height:44px;white-space:nowrap}.quiet-button[aria-pressed=true]{color:var(--ink);background:var(--gold);border-color:var(--gold)}.quiet-button:hover,.quiet-button:focus-visible{box-shadow:0 0 0 2px rgba(246,200,108,.2)}
.hero{position:relative;min-height:700px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(290px,.9fr);align-items:center;gap:clamp(10px,4vw,70px);max-width:1440px;margin:auto;padding:clamp(60px,6vw,115px) clamp(18px,4vw,64px) 110px;background-image:radial-gradient(circle at 83% 40%,rgba(246,200,108,.065),transparent 30%)}.hero-copy{position:relative;z-index:4}.hero .eyebrow{display:flex;align-items:center;gap:10px}.beacon{width:8px;height:8px;background:var(--gold);border-radius:50%;box-shadow:0 0 10px rgba(246,200,108,.35)}.hero-utility{max-width:57ch;margin:1.1rem 0 2.2rem;color:#d9ded8;font-size:.82rem}.hero h1{position:relative;z-index:2;font-size:clamp(4.2rem,8.9vw,9.5rem);white-space:nowrap}.hero h1 em{color:var(--coral);font-size:1.04em}.hero-subtitle{color:var(--gold);font-weight:750;font-size:clamp(.8rem,1.2vw,1rem);letter-spacing:.065em;margin:2rem 0 1.4rem}.hero-subtitle span{display:block;color:var(--cream)}.hero .lede{color:#cfd7d5;max-width:59ch;font-size:1.06rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:2rem}.hero-actions .button{box-shadow:5px 5px 0 rgba(246,200,108,.22)}.button{gap:1rem;transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s}.button:hover{transform:translate(-2px,-3px);box-shadow:6px 7px 0 var(--coral);background:#ffdd8e}.button:active{transform:translate(0,0);box-shadow:0 0 0 var(--coral)}.button-ghost{min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:6px;color:var(--cream);font-size:.86rem}.button-ghost:hover{color:var(--gold)}.hero-mini{display:flex;flex-wrap:wrap;gap:12px 24px;margin:3rem 0 0;color:#adbac0;font-size:.65rem;letter-spacing:.055em}
.museum-stage{width:100%;aspect-ratio:.93;max-height:590px;position:relative;display:grid;grid-template:repeat(2,1fr)/repeat(3,1fr);padding:12%;gap:2.2%;transform:perspective(1200px) rotateY(-7deg) rotateX(3deg);filter:drop-shadow(18px 20px 14px rgba(0,0,0,.33));transition:transform .95s var(--ease),filter .8s;contain:layout style}.museum-stage::before{content:"";position:absolute;inset:0;border:24px ridge #a8a28e;box-shadow:inset 0 0 0 7px #181d1e,0 0 0 2px #8c8d80;background:repeating-linear-gradient(90deg,rgba(248,220,171,.03) 0 1px,transparent 1px 7px),radial-gradient(ellipse at 50% 50%,#253c44,#101821 72%)}.museum-stage::after{content:"";position:absolute;inset:4%;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(246,200,108,.4)}.frame{position:relative;z-index:2;border:1px solid rgba(252,240,208,.6);color:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:17% 4% 11%;background:#25363c;transform:translate3d(0,0,0);transition:transform 1.2s var(--ease),background .75s,opacity .65s;box-shadow:inset 0 0 25px rgba(0,0,0,.3);min-width:0}.frame:nth-child(2n){background:#324147}.frame:nth-child(3n){background:#38433c}.frame span{font-size:.65rem;align-self:flex-start;padding-left:10%}.frame b{font:italic clamp(1rem,2.25vw,2.6rem)/1 var(--display);font-weight:400;letter-spacing:-.06em}.frame small{font-size:.5rem;letter-spacing:.09em}.museum-plaque{position:absolute;z-index:5;inset:42% 15% auto;background:var(--paper);color:var(--ink);padding:3%;text-align:center;border:7px double #9d9786;box-shadow:0 14px 25px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:4px;transform:rotate(-4deg);transition:transform 1.1s var(--ease),opacity .4s}.museum-plaque span{font-size:.55rem;letter-spacing:.15em}.museum-plaque strong{font-size:clamp(.85rem,1.3vw,1.4rem)}.museum-plaque small{font-size:.48rem}.frame-badge{position:absolute;z-index:6;right:0;bottom:4%;padding:8px 10px;background:var(--coral);color:#131d21;font-size:.6rem;letter-spacing:.08em;transform:rotate(-6deg)}.fracture-note{position:absolute;bottom:2.3rem;right:4rem;width:min(44ch,40%);font-size:.7rem;color:#bbc5c7;line-height:1.6;z-index:3}.museum-stage.is-fractured .frame{background:#332c3d}.museum-stage.is-fractured .top-left{transform:translate(-18%,-23%) rotate(-16deg)}.museum-stage.is-fractured .top-mid{transform:translate(5%,-37%) rotate(11deg)}.museum-stage.is-fractured .top-right{transform:translate(20%,-8%) rotate(16deg)}.museum-stage.is-fractured .bot-left{transform:translate(-22%,19%) rotate(10deg)}.museum-stage.is-fractured .bot-mid{transform:translate(1%,31%) rotate(-15deg)}.museum-stage.is-fractured .bot-right{transform:translate(20%,18%) rotate(17deg)}.museum-stage.is-fractured .museum-plaque{transform:translateY(-170%) rotate(11deg) scale(.8);opacity:.03}.museum-stage.is-fractured{transform:perspective(1200px) rotateY(0) rotateX(0) scale(.97)}.museum-stage.is-fractured .frame:nth-child(odd){color:var(--gold)}.museum-stage.is-fractured .frame:nth-child(even){color:var(--coral)}.museum-stage.is-fractured .frame-badge{transform:rotate(2deg)}
.marquee{border-block:1px solid #ab9a75;background:var(--gold);color:var(--ink);overflow:hidden;white-space:nowrap;font:800 .81rem/1.5 var(--mono);letter-spacing:.08em}.marquee>div{width:max-content;padding:12px 0;animation:marquee 45s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}body[data-paused=true] .marquee>div{animation:none}
.block{display:grid;grid-template-columns:minmax(150px,.35fr) minmax(0,1fr);gap:3rem;padding-top:clamp(65px,9vw,140px);padding-bottom:clamp(70px,9vw,130px)}.section-num{font-size:.73rem;color:var(--gold);letter-spacing:.1em}.intro>div:last-child{max-width:760px}.intro p{font-size:1rem;color:#cdd7d8}.intro .large-text{font-family:var(--display);font-size:clamp(1.35rem,3vw,2rem);line-height:1.3;color:var(--cream)}
.gallery-section{padding-top:clamp(75px,8vw,125px);padding-bottom:100px}.section-top{display:flex;gap:3rem;justify-content:space-between;align-items:end;margin-bottom:3rem}.section-top h2{margin:.5rem 0 0}.section-side{max-width:35ch;color:var(--muted);font-size:.93rem}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.case-card{background:var(--paper);color:var(--ink);border:1px solid #85877f;display:flex;flex-direction:column;min-width:0;transition:transform .35s var(--ease),box-shadow .35s var(--ease);box-shadow:0 8px 0 rgba(0,0,0,.12)}.case-card:hover{transform:translateY(-5px);box-shadow:0 13px 0 rgba(0,0,0,.15)}.case-meta{display:flex;justify-content:space-between;align-items:center;padding:13px 17px;gap:5px;background:#dad8cd;font-size:.65rem;letter-spacing:.04em}.pill{display:inline-block;padding:5px 8px;border:1px solid currentColor;border-radius:30px;font-size:.58rem;line-height:1.2;letter-spacing:.025em;text-transform:uppercase}.case-art{height:205px;position:relative;display:grid;place-items:center;overflow:hidden;background:#1a2e3c;color:#f6e9bd;isolation:isolate;border-bottom:2px solid #242e33;transition:background .45s}.case-art::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(0,0,0,.12) 5px 6px);opacity:.3;z-index:1;pointer-events:none}.case-art::after{content:"";position:absolute;width:75%;height:78%;border:1px solid #918d74;transform:rotate(-6deg);transition:transform .65s var(--ease),border-color .55s}.case-art .art-grid{position:absolute;width:85%;height:70%;border:1px dashed rgba(255,255,255,.15);transform:rotate(7deg);transition:transform .65s}.art-sigil{font:italic 6rem/1 var(--display);z-index:2;filter:drop-shadow(4px 6px 0 rgba(0,0,0,.3));transition:transform .6s var(--ease),color .5s}.art-before,.art-after{position:absolute;bottom:15px;left:16px;z-index:2;font-size:.65rem;letter-spacing:.12em}.art-after{display:none}.art-stamp{position:absolute;top:13px;right:12px;z-index:2;font-size:.54rem;max-width:125px;text-align:right;opacity:.8}.case-card[data-state=after] .art-before{display:none}.case-card[data-state=after] .art-after{display:block}.case-card[data-state=after] .case-art{background:#30493b;color:#d8f3b0}.case-card[data-state=after] .case-art::after{transform:rotate(0);border-color:#b6e7a1}.case-card[data-state=after] .art-grid{transform:rotate(0)}.case-card[data-state=after] .art-sigil{transform:scale(.84) rotate(-8deg)}.case-art.kind-motion{background:#45303d}.case-art.kind-essay{background:#3e342c}.case-art.kind-laptop{background:#183e40}.case-art.kind-button{background:#493831}.case-art.kind-source{background:#31314a}.case-content{padding:25px 23px 28px;flex:1;display:flex;flex-direction:column}.case-content h3{font-size:clamp(1.5rem,2vw,2.2rem);margin-bottom:15px}.case-diagnosis{font-size:.89rem;line-height:1.58;color:#36414a}.case-switch{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:3px 0 16px}.case-switch button{border:1px solid #4c585f;background:transparent;color:#1f2b33;padding:8px 10px;min-height:44px;min-width:77px;font:bold .68rem var(--mono);letter-spacing:.09em;transition:transform .28s var(--ease),background .25s}.case-switch button:hover{transform:translateY(-2px)}.case-switch button.is-active{background:var(--ink);color:white}.case-stage{font-size:.62rem;color:#53616b;margin-left:3px;max-width:130px}.case-live{min-height:75px}.case-live p{font-size:.87rem;line-height:1.5}.case-live .case-after-message{display:none}.case-card[data-state=after] .case-live .case-before-message{display:none}.case-card[data-state=after] .case-live .case-after-message{display:block}.principle{border-top:2px solid #313a37;padding-top:14px;font-weight:650;font-size:.9rem}.principle span{display:block;color:#6a5a36;font-size:.65rem;letter-spacing:.09em;margin-bottom:8px}.lesson{font-size:.83rem;color:#465658}.case-details{margin-top:auto;font-size:.82rem;border-top:1px solid #b3b6ab;padding-top:12px}.case-details summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:700;color:#172a33}.case-details summary:hover{text-decoration:underline}.snippet-grid{display:grid;grid-template-columns:1fr;gap:14px}.snippet-grid h4{font-size:.8rem;margin:0 0 8px}.snippet-grid pre{background:#18252b;color:#e2f2de;white-space:pre-wrap;overflow-wrap:anywhere;padding:13px;font-size:.7rem;line-height:1.5;max-width:100%;max-height:180px;overflow:auto}.case-link{border-top:1px solid #b3b6ab;margin-top:13px;padding-top:15px;font-size:.72rem;font-weight:800;letter-spacing:-.01em;text-decoration:none}.case-link:hover{text-decoration:underline}
.essay-section{background:var(--paper);color:var(--ink);padding:clamp(80px,9vw,140px) 0}.essay-section.alt{background:#dbe4db}.two-columns{display:grid;grid-template-columns:minmax(150px,.37fr) minmax(0,1fr);gap:3rem}.essay-aside .eyebrow{color:#684e28}.essay-index{font-size:.7rem;color:#59656b;margin-top:1.4rem}.essay-body{max-width:810px}.essay-body h2{margin:0 0 2.8rem}.essay-body p{font:1.08rem/1.8 Georgia,serif;letter-spacing:.005em;color:#303d40}.essay-body p:first-of-type:first-letter{float:left;font:6rem/.83 var(--display);padding-right:9px;color:#a25146}
.lab-section{padding-top:clamp(85px,10vw,140px);padding-bottom:clamp(80px,9vw,130px)}.lab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.lab-card{min-width:0;background:#20303a;border:1px solid #586b72;padding:24px}.lab-heading h3{color:#f9f4e8;font-size:clamp(1.3rem,2.4vw,2.15rem);max-width:24ch;min-height:2.2em;margin:9px 0 22px}.split-viewport{height:250px;position:relative;overflow:hidden;background:#5e3344;border:2px solid #b69b9e;isolation:isolate}.split-base,.split-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;padding:20px;text-align:center}.split-base{background:repeating-linear-gradient(135deg,#50313a 0 16px,#643e47 16px 18px)}.split-overlay{background:radial-gradient(circle at 80% 40%,#405a4e,#1f443e);clip-path:inset(0 calc(100% - var(--split)) 0 0);color:#e9ffce;transition:clip-path .25s ease-out}.split-mark{align-self:flex-start;margin-right:auto;font-size:.66rem;letter-spacing:.13em}.demo-word{font:italic clamp(1.3rem,2.7vw,2.2rem)/1.2 var(--display)}.demo-sub{max-width:34ch;font-size:.83rem}.split-divider{position:absolute;z-index:4;left:var(--split);top:0;bottom:0;width:3px;background:var(--gold);box-shadow:0 0 0 4px rgba(16,24,33,.33);transform:translateX(-1.5px);pointer-events:none}.split-divider::after{content:'↔';position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid var(--ink);background:var(--gold);color:var(--ink);width:37px;height:37px;display:grid;place-items:center;font-size:1.2rem}.split-controls{margin-top:18px}.split-controls label{font-size:.82rem;display:flex;justify-content:space-between;font-weight:700}.split-controls input{width:100%;accent-color:var(--gold);margin:17px 0;height:30px;cursor:pointer}.split-buttons{display:flex;flex-wrap:wrap;gap:7px}.split-buttons button,.result-actions button,.small-button,.text-button{border:1px solid #9db4b6;border-radius:2px;background:#22343b;color:#fff9eb;font-weight:700;min-height:44px;padding:9px 12px;font-size:.8rem}.split-buttons button:not(.action-btn):hover,.result-actions button:hover{background:#3d5961}.split-buttons .action-btn{background:var(--gold);color:var(--ink);border-color:var(--gold)}.split-description{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;font-size:.82rem}.split-description p{border-left:3px solid var(--coral);padding-left:12px}.split-description p+ p{border-color:var(--lime)}.test-status{padding:12px 15px;border:1px solid #667e81;background:#15242d;min-height:74px;font-size:.8rem;color:#e4f2d8;line-height:1.6}.lab-card details{font-size:.82rem;color:#d3dedb}.lab-card summary{cursor:pointer;min-height:44px;padding-top:8px}.lab-outro{max-width:86ch;color:#bdcacc;padding-top:1.6rem;font-size:.91rem}
.report-section{background:#e1dfd3;color:var(--ink);padding:clamp(85px,9vw,145px) 0}.report-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,6vw,100px)}.report-intro .eyebrow{color:#774e27}.report-intro h2{font-size:clamp(2.9rem,5.4vw,6.15rem)}.report-intro>p{max-width:52ch}.privacy-note{font-size:.75rem;font-weight:700;border-block:1px solid #989a90;padding:14px 0;margin-top:2rem}.report-hints{padding:23px;background:#f7f5eb;border-left:5px solid #b17457;margin-top:2rem}.report-hints p{font-size:.87rem;margin:.5rem 0 0}.report-form-wrap{background:#f6f3e9;border:1px solid #a3a29a;box-shadow:12px 12px 0 #c7c0ad;padding:clamp(18px,3vw,35px);min-width:0}.form-top{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #bbb9ae;padding-bottom:17px;margin-bottom:19px;font-size:.74rem;font-weight:700}.small-button{background:var(--ink);font-size:.74rem}.report-form-wrap label{display:block;font-weight:780;font-size:.83rem;margin:20px 0 9px}.field-note{display:block;font-weight:400;color:#566565;font-size:.65rem}.report-form-wrap textarea,.report-form-wrap select{width:100%;border:1px solid #7f8782;background:#fffdf8;color:#18262b;border-radius:2px;font-size:1rem;line-height:1.5;padding:12px;min-height:48px}.report-form-wrap textarea{resize:vertical}.report-form-wrap textarea::placeholder{color:#596667}.form-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin:23px 0 12px}.text-button{background:transparent;color:var(--ink);border-color:var(--ink)}.form-feedback{font-size:.83rem;color:#4f5d61}.report-result{margin-top:28px;border-top:4px solid var(--ink);padding-top:27px}.report-result .eyebrow{color:#654a28}.report-result h3{margin:10px 0}.report-result pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#10212b;color:#f1f4e8;padding:22px;max-height:600px;overflow:auto;font-size:.84rem;line-height:1.75}.result-actions{display:flex;gap:8px;flex-wrap:wrap}.report-result #reportStatus{font-size:.78rem;color:#344e44;padding-top:10px}
.wall-section{padding-top:clamp(80px,8vw,140px);padding-bottom:clamp(80px,9vw,150px)}.revision-wall{list-style:none;counter-reset:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.revision-wall li{padding:26px;background:#1e3139;border-top:6px solid var(--gold);min-width:0;position:relative}.revision-wall li:nth-child(2){border-color:var(--coral)}.revision-wall li:nth-child(3){border-color:var(--lime)}.revision-wall li:nth-child(4){border-color:var(--violet)}.revision-wall>li>span{font-size:.67rem;color:var(--gold)}.revision-wall h3{margin:2rem 0 1rem}.revision-wall p{color:#bfcfd0;font-size:.86rem}.takeaway{padding-top:clamp(80px,9vw,140px);padding-bottom:clamp(85px,8vw,140px)}.takeaway-head p{max-width:70ch;color:#c0d0d2}.catalog-card{display:grid;grid-template-columns:.8fr 1.2fr;max-width:1030px;margin-top:50px;background:var(--paper);color:var(--ink);box-shadow:14px 14px 0 #54646c}.catalog-art{background:#28343c;color:var(--paper);padding:clamp(27px,4vw,55px);min-height:400px;display:flex;flex-direction:column;justify-content:space-between;transform:perspective(1200px) rotateY(0);transition:background .4s}.catalog-art strong{font:bold clamp(3rem,5vw,5.5rem)/.91 Georgia,serif;letter-spacing:-.09em;color:var(--gold)}.catalog-art span,.catalog-art small{font-family:var(--mono);font-size:.73rem;letter-spacing:.12em}.catalog-description{padding:clamp(25px,5vw,65px);display:flex;flex-direction:column;align-items:start;justify-content:center}.catalog-description h3{font-size:clamp(1.8rem,3vw,3rem);margin:18px 0}.catalog-description p{max-width:45ch}.catalog-description .micro{font-size:.69rem;color:#526063;margin-top:20px}.pill.dark{color:var(--ink);font-weight:700}.related{padding-bottom:125px}.related h2{font-size:clamp(2.2rem,4vw,4rem);margin:12px 0 30px}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.related-grid a{padding:30px;display:flex;flex-direction:column;min-height:230px;background:#233640;text-decoration:none;border:1px solid #819192;transition:transform .3s var(--ease),background .3s}.related-grid a:hover{transform:translateY(-5px) rotate(-.5deg);background:#35505a}.related-grid span{font-size:.7rem;color:var(--gold)}.related-grid strong{font-size:1.6rem;margin:13px 0}.related-grid p{color:#d2dfdd;font-size:.88rem;max-width:39ch}.related-grid em{font-size:.75rem;font-style:normal;color:var(--gold);margin-top:auto}.related-note{font-size:.72rem;color:#b9c8c7;margin:20px 0}.footer{padding:45px max(18px,calc((100vw - 1280px)/2));border-top:1px solid #667e84;display:flex;justify-content:space-between;gap:2rem;color:#c0cbd1}.footer a{color:#fff4dd}.footer-brand{font-size:1.45rem;font-weight:700;text-decoration:none}.footer p{max-width:54ch;font-size:.75rem;margin-top:16px}.footer>div:last-child{display:flex;flex-direction:column;gap:13px;align-items:start;font-size:.78rem}
.print-only{display:none}
body.focus-mode{color-scheme:light;background:#faf9f4;color:#18252a}body.focus-mode .site-header{background:#fff;color:#17232b;border-bottom:1px solid #8a8f89}body.focus-mode .site-header a,body.focus-mode .quiet-button{color:#17232b}body.focus-mode .brand-suffix{color:#576668}body.focus-mode .top-nav a{color:#17232b}body.focus-mode .quiet-button{border-color:#56696b}body.focus-mode .quiet-button[aria-pressed=true]{background:var(--gold)}body.focus-mode .hero{background:transparent}body.focus-mode .hero-subtitle,body.focus-mode .hero .eyebrow,body.focus-mode .eyebrow{color:#6c512e}body.focus-mode .hero .lede,body.focus-mode .hero-utility,body.focus-mode .hero-mini,body.focus-mode .section-side,body.focus-mode .intro p,body.focus-mode .fracture-note{color:#35484b}body.focus-mode .hero-subtitle span{color:#17232b}body.focus-mode .hero h1 em{color:#915345}body.focus-mode .marquee{display:none}body.focus-mode .museum-stage{transform:none!important;filter:none}body.focus-mode .museum-stage::before{border-color:#988e77}body.focus-mode .case-card:hover,body.focus-mode .related-grid a:hover{transform:none;box-shadow:none}body.focus-mode .gallery-section,body.focus-mode .intro,body.focus-mode .lab-section,body.focus-mode .wall-section,body.focus-mode .takeaway,body.focus-mode .related{color:var(--ink)}body.focus-mode .lab-card{background:#e5eae6;color:var(--ink)}body.focus-mode .lab-heading h3,body.focus-mode .lab-card details,body.focus-mode .lab-outro{color:var(--ink)}body.focus-mode .test-status{color:#f6f3e4}body.focus-mode .related-grid a{background:#e8ebe6;color:var(--ink)}body.focus-mode .related-grid strong,body.focus-mode .related-grid p,body.focus-mode .related-grid em{color:var(--ink)}body.focus-mode .revision-wall{color:var(--cream)}body.focus-mode .footer{background:var(--ink);color:#e3eced}body.focus-mode .hero h1{font-weight:850}
body.focus-mode *,body[data-paused=true] *,body.focus-mode *::before,body.focus-mode *::after,body[data-paused=true] *::before,body[data-paused=true] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.focus-mode .case-art::before{display:none}body.focus-mode .museum-stage .frame{transform:none!important}body.focus-mode .museum-stage .museum-plaque{opacity:1;transform:none}body.focus-mode .museum-stage.is-fractured .museum-plaque{display:none}body.focus-mode .museum-stage.is-fractured .frame{color:var(--gold)}
@media(max-width:1120px){.hero{grid-template-columns:1fr 340px}.hero h1{font-size:clamp(4rem,8.4vw,7rem)}.site-header{gap:10px}.top-nav{gap:10px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.revision-wall{grid-template-columns:repeat(2,1fr)}.case-content{padding:20px}.hero-mini{gap:12px}}
@media(max-width:780px){.hero{grid-template-columns:1fr;padding-bottom:95px}.hero h1{font-size:clamp(3.3rem,14vw,7rem)}.museum-stage{max-width:460px;width:min(95%,460px);margin:0 auto}.fracture-note{position:static;width:auto;grid-row:3;text-align:center;margin:-15px 0 10px}.block,.two-columns{grid-template-columns:1fr;gap:16px}.section-top{display:block}.section-side{max-width:65ch;margin-top:20px}.lab-grid{grid-template-columns:1fr}.report-layout{grid-template-columns:1fr}.report-intro h2{max-width:14ch}.top-nav{order:3;width:100%;justify-content:space-between}.site-header{position:relative}.hero-mini{font-size:.58rem}}
@media(max-width:560px){.site-header{padding:11px 17px}.brand{font-size:.74rem}.brand-suffix{display:none}.top-nav{gap:8px}.top-nav a{font-size:.69rem}.header-actions{gap:6px}.quiet-button{padding:7px 11px;font-size:.67rem!important}.hero{min-height:0;padding-top:65px}.hero h1{white-space:normal;font-size:clamp(3.05rem,14vw,4.7rem)}.hero-utility{font-size:.75rem}.hero-subtitle{font-size:.74rem}.hero-actions{gap:13px}.hero-actions .button{font-size:.8rem}.hero-mini{margin-top:25px}.museum-stage{max-width:310px;padding:12%;aspect-ratio:1}.museum-stage::before{border-width:15px}.frame{padding:17% 3%}.frame span,.frame small{font-size:.4rem}.frame b{font-size:1rem}.museum-plaque{border-width:4px}.museum-plaque strong{font-size:.65rem}.museum-plaque small{font-size:.36rem}.frame-badge{font-size:.42rem}.fracture-note{text-align:left}.gallery-grid{grid-template-columns:1fr}.case-art{height:185px}.lab-card{padding:15px}.split-viewport{height:225px}.demo-word{font-size:1.3rem}.demo-sub{font-size:.7rem}.split-description{grid-template-columns:1fr}.revision-wall{grid-template-columns:1fr}.catalog-card{grid-template-columns:1fr}.catalog-art{min-height:310px}.related-grid{grid-template-columns:1fr}.report-form-wrap{padding:18px;box-shadow:5px 5px 0 #c7c0ad}.form-top{align-items:start;flex-direction:column}.footer{flex-direction:column}.essay-body p{font-size:1rem}.essay-body p:first-of-type:first-letter{font-size:4.8rem}.catalog-description h3{font-size:1.85rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.museum-stage,.museum-stage.is-fractured{transform:none!important}.marquee>div{animation:none!important}}
@media print{*,*::before,*::after{animation:none!important;transition:none!important;box-shadow:none!important;text-shadow:none!important}body{background:#fff!important;color:#111!important;font:11pt/1.5 Georgia,serif!important}body.printing-report .site-header,body.printing-report main,body.printing-report .footer{display:none!important}body.printing-report #printSheet{display:block!important;color:#111!important;margin:2cm auto!important;max-width:17cm}#printSheet h1{font-size:23pt;line-height:1.2}#printSheet pre{font:10pt/1.65 monospace!important;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}#printSheet small{display:block;margin-top:30px}body:not(.printing-report) .site-header,body:not(.printing-report) .hero-actions,body:not(.printing-report) .marquee,body:not(.printing-report) .requires-js,body:not(.printing-report) .museum-stage,body:not(.printing-report) .fracture-note,body:not(.printing-report) .report-form-wrap,body:not(.printing-report) .related-grid{display:none!important}body:not(.printing-report) .hero,body:not(.printing-report) .wrap,body:not(.printing-report) .essay-section,body:not(.printing-report) .report-section{padding:12pt!important;background:#fff!important;color:#111!important}body:not(.printing-report) .hero h1,body:not(.printing-report) h2{font-size:28pt!important;color:#111!important}body:not(.printing-report) .case-card,body:not(.printing-report) .lab-card{break-inside:avoid;page-break-inside:avoid;background:#fff!important;color:#111!important;border:1px solid #aaa!important}body:not(.printing-report) .case-art,.split-viewport{display:none!important}body:not(.printing-report) .case-after-message,body:not(.printing-report) .case-before-message{display:block!important}body:not(.printing-report) .gallery-grid{display:block}body:not(.printing-report) .case-card{margin:14pt 0}body:not(.printing-report) .lab-grid{display:block}body:not(.printing-report) a{color:#111!important}}
.is-offscreen>div{animation-play-state:paused!important}.lab-card[data-lab=motion] .split-overlay .demo-word{animation:sample-drift 4s ease-in-out infinite alternate}@keyframes sample-drift{to{transform:translateY(-13px)}}.lab-card[data-demo-paused=true] .split-overlay .demo-word{animation:none!important}.noscript-notice{background:#f6c86c;color:#101821;padding:20px;max-width:70ch;margin:30px auto}button[hidden],[hidden]{display:none!important}
/* In reading-first Focus mode the ornamental museum frame is removed, never its explanatory content. */
body.focus-mode .hero{display:block;max-width:960px;min-height:0;padding-bottom:70px}
body.focus-mode .hero h1{font-size:clamp(3rem,8vw,6.2rem);white-space:normal}
body.focus-mode .museum-stage,body.focus-mode .fracture-note,body.focus-mode #resetFrame{display:none!important}