/* Object Semantics — editorial redesign over the original site. */
:root{--os-ink:#0b1421;--os-paper:#eeeee9;--os-gold:#e0a63e;--os-muted:#a3b1c2;--os-line:rgba(157,179,204,.22)}
html{scroll-padding-top:92px}
body{font-weight:400!important}
.micro{font:400 .75rem/1.5 'IBM Plex Mono',monospace;letter-spacing:.16em;text-transform:uppercase}
.gold{color:var(--os-gold)!important}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--os-gold);outline-offset:6px}
button{font:inherit}
/* A real, click-to-enter threshold. */
#gate{position:fixed;inset:0;z-index:9300;display:flex;flex-direction:column;justify-content:space-between;background:#080f19;overflow-y:auto;overscroll-behavior:contain;padding:34px clamp(24px,5vw,88px) 28px;transition:clip-path 1.1s cubic-bezier(.7,0,.3,1),opacity .9s ease}
.gate-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#53657b15 1px,transparent 1px),linear-gradient(90deg,#53657b15 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(90deg,#000,transparent 78%);opacity:.8}
.gate-brand{position:relative;display:flex;align-items:center;gap:15px;text-transform:uppercase;font:500 .8rem 'IBM Plex Mono';letter-spacing:.18em;padding-bottom:20px;border:0}
#gate{justify-content:center;gap:clamp(24px,5vh,60px)}
#gate .gate-brand{width:100%;max-width:1500px;margin:0 auto}
#gate .welcome-symbol{display:block;position:relative;overflow:hidden;width:116px;height:76px;flex:none;animation:welcome-logo 1.5s ease both}
#gate .welcome-symbol img{position:absolute;width:500px;max-width:none;height:auto;left:-98px;top:-122px}
#gate .welcome-name{font:500 clamp(1.15rem,2vw,1.6rem)/1.2 'Space Grotesk',sans-serif;letter-spacing:.12em;animation:welcome-logo 1.3s ease 1.4s both}
@keyframes welcome-logo{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.gate-brand-note{margin-left:auto;font-size:.75rem;letter-spacing:.06em;color:#8b9bb0}
.gate-layout{position:relative;width:100%;max-width:1500px;margin:20px auto;display:block}
.gate-copy{max-width:1050px}
.brand-symbol{display:block;width:48px;height:48px;object-fit:contain;flex:none}
.brand-lockup{display:block;position:relative;overflow:hidden;width:260px;height:62px;flex:none}
.brand-lockup img{position:absolute;width:163%;max-width:none;height:auto;left:50%;top:50%;transform:translate(-50%,-48%)}
#nav .brand-lockup{width:205px;height:48px}
@media(max-width:760px){.brand-lockup{width:220px;height:52px}#nav .brand-lockup{width:170px;height:40px}}
#nav .brand-symbol{width:38px;height:38px}
.gate-copy{min-width:0}
.gate-copy>.micro{margin-bottom:20px}
#gate h1{font:500 clamp(3rem,6.25vw,6.7rem)/.97 'Space Grotesk',sans-serif;letter-spacing:-.06em;color:#f3f4f4;text-transform:none}
#gate h1 em{font:400 1.17em/.95 'Instrument Serif',Georgia,serif;color:var(--os-gold);letter-spacing:-.035em}
.gate-line{display:block;overflow:hidden;padding-bottom:.13em}
.gate-line>[data-gline]{display:block}
.gate-action-row{display:flex;align-items:center;gap:35px;margin-top:22px}
#gate #enter{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;min-width:200px;min-height:62px;background:var(--os-gold);border:1px solid var(--os-gold);color:#0b1421;padding:16px 23px;cursor:pointer;text-transform:uppercase;font:500 .875rem 'IBM Plex Mono';letter-spacing:.15em;transition:background .25s,transform .25s}
#enter>span{font-size:1.35rem}
#gate #enter:hover{background:#f1bb57;transform:translateY(-2px)!important}
.gate-action-row>p{font-size:.875rem;line-height:1.5;color:#9eacbf}
.gate-cover{position:relative;isolation:isolate;margin:0;padding:30px 35px 24px;background:linear-gradient(145deg,#1c2b3e,#102032 65%,#1a2c40);border:1px solid #35485f;box-shadow:0 28px 90px #0004;transform:rotate(2deg)}
/* Let the welcome screen dissolve as the book settles into view. */
#gate{opacity:1;transition:opacity 1.3s cubic-bezier(.4,0,.2,1)}
#gate .gate-layout{transition:opacity .75s ease,transform 1s cubic-bezier(.2,.7,.2,1),filter .9s ease}
#gate .gate-brand,#gate .gate-bottom{transition:opacity .65s ease}
#gate.is-leaving{opacity:0}
#gate.is-leaving .gate-layout{opacity:0;transform:translateY(-12px);filter:blur(5px)}
#gate.is-leaving .gate-brand,#gate.is-leaving .gate-bottom{opacity:0}
#seq.is-arriving .reader-layout{animation:book-arrival 1.4s cubic-bezier(.2,.7,.2,1) both}
@keyframes book-arrival{0%,15%{opacity:0;transform:translateY(20px);filter:blur(5px)}100%{opacity:1;transform:none;filter:blur(0)}}
@media(prefers-reduced-motion:reduce){#seq.is-arriving .reader-layout{animation:none!important}}
.gate-cover img{display:block;width:100%;height:min(49svh,500px);object-fit:contain;filter:blur(1.5px) drop-shadow(12px 18px 12px #0008);margin:25px auto;transform:scale(.997)}
.gate-cover-label,.gate-cover figcaption{display:flex;justify-content:space-between;gap:12px;font:400 .65rem/1.5 'IBM Plex Mono';letter-spacing:.08em;color:#aebdce}
.gate-cover-label{color:#d2aa65}.gate-cover figcaption{border-top:1px solid #3b4e65;padding-top:16px}
.gate-bottom{position:relative;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--os-line);padding-top:19px;font:400 .75rem/1.5 'IBM Plex Mono';color:#9babc0}
.gate-bottom i{font-style:normal;color:#665837;padding:0 10px}
/* Clear navigation and an expansive book stage. */
.paper-front,.paper-back{position:absolute;inset:0;backface-visibility:hidden;background:#f2ece0;overflow:hidden;border-radius:0 var(--edge-bend,0px) var(--edge-bend,0px) 0}
.paper-front img{width:100%;height:100%;object-fit:fill;display:block;user-select:none;mix-blend-mode:multiply}
.paper-back{transform:rotateY(180deg);background:linear-gradient(90deg,#f2ece0 85%,#d9d1c2)}
.paper-front::after,.paper-back::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(34,27,19,.16),transparent 9%,rgba(0,0,0,var(--turn-shade,0)) 65%,rgba(255,255,255,var(--turn-highlight,0)) 94%)}
.paper-sheet{border:0;top:2px!important;width:calc(50% - 2px)!important;height:calc(100% - 4px)!important}
#nav{background:rgba(8,15,25,.94)!important}
#nav>div{max-width:1500px!important;padding:18px clamp(24px,4vw,64px)!important}
#nav a{font-size:.75rem!important;color:#b8c6d7!important}
#nav a[href="#book"]{color:#0b1421!important}
#seq{background:radial-gradient(ellipse at 25% 20%,#15283c,#0b1421 62%)!important}
#seq #top{opacity:.6}
.reader-layout{max-width:1500px!important;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr)!important;gap:5vw!important;padding:0 clamp(24px,4vw,64px)!important}
.reader-column{height:100svh!important;gap:26px!important;padding:108px 0 26px!important;min-width:0}
#titleblock h1{font-size:clamp(1.3rem,2vw,2rem)!important;line-height:1.15!important}
#titleblock>div{font-size:.75rem!important;color:#a0afc0!important;letter-spacing:.1em!important}
#bookroot{height:auto!important;width:min(100%,calc((100svh - 230px)*1.298));aspect-ratio:1910/1471!important;flex:none;filter:drop-shadow(0 25px 28px #0008)}
.reader-column>div:last-child{font-size:.75rem!important;color:#93a3b8!important;letter-spacing:.08em!important}
.reader-intro{height:72svh!important;display:flex!important;flex-direction:column;justify-content:center;align-items:flex-start!important;padding-top:120px!important;padding-bottom:0!important;gap:38px}
.reader-intro-copy h2{font:500 clamp(2.2rem,3.7vw,4rem)/1.05 'Space Grotesk';letter-spacing:-.045em;margin:20px 0;color:#f3f4f5}
.reader-intro-copy>p:last-child{font-size:1.05rem;line-height:1.7;color:#a6b5c7;max-width:35ch}
.reader-intro>div:last-child{font-size:.75rem!important;letter-spacing:.12em!important;color:#d9ac59!important}
[data-panel]{min-height:110svh!important}
[data-pcard]{max-width:550px!important;border-top:1px solid #4b3f2c;padding-top:36px}
[data-pcard]>div:first-child{font-size:.75rem!important}
[data-pcard]>div:nth-child(2){font-size:clamp(2rem,3.3vw,3.4rem)!important;font-weight:500!important}
[data-pcard]>p{color:#b2bfd0!important;line-height:1.8!important;font-size:1.05rem!important}
[data-pcard]>div:last-child{max-height:48svh!important}
[data-pcard]>div:last-child span:nth-child(2){font-size:1rem!important}
[data-pcard]>div:last-child span:first-child,[data-pcard]>div:last-child span:last-child{font-size:.75rem!important;color:#bca475!important}
/* A light editorial interlude makes the book's structure easy to scan. */
.editorial-section{position:relative;z-index:5}
.section-shell{max-width:1400px;margin:auto;padding:130px clamp(24px,5vw,72px)}
.editorial-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:end;margin-bottom:65px}
.editorial-heading h2{font:500 clamp(2.5rem,4.4vw,4.8rem)/1.04 'Space Grotesk';letter-spacing:-.045em;margin-top:22px}
.editorial-heading>p{font-size:1.05rem;line-height:1.75;max-width:40ch}
#contents{background:var(--os-paper);color:#172331}
#contents .micro{color:#8d6524}
#contents .editorial-heading>p{color:#5b6775}
.toc-part{border-bottom:1px solid #bcc3c9}
.toc-part summary{list-style:none;display:grid;grid-template-columns:72px 1fr 180px 28px;gap:20px;align-items:center;padding:33px 0;cursor:pointer}
.toc-part summary::-webkit-details-marker{display:none}
.part-number{font:400 1.9rem 'Instrument Serif';color:#9a722e}
.toc-part strong{font:500 clamp(1.2rem,2vw,1.7rem) 'Space Grotesk';letter-spacing:-.025em}
.part-meta{font:400 .75rem 'IBM Plex Mono';color:#697584}
.part-toggle{font:300 1.8rem 'IBM Plex Sans';transition:transform .2s}
.toc-part[open] .part-toggle{transform:rotate(45deg)}
.toc-rows{padding:0 0 30px 92px}
.toc-row{display:grid;grid-template-columns:40px 1fr 40px;gap:20px;align-items:baseline;padding:13px 0;border-top:1px solid #d1d5d6}
.toc-row>span:nth-child(2){font-size:1rem;line-height:1.45}
.toc-row>span:first-child,.toc-row>span:last-child{font:400 .75rem 'IBM Plex Mono';color:#7c653e}
.toc-row>span:last-child{text-align:right}
.toc-preface{color:#677383}.toc-preface .toc-row{border-top:0}
#stats{border-color:var(--os-line)!important}
#stats>div{padding:45px 30px!important}
#stats>div>div:first-child{font:400 clamp(3rem,5vw,5rem)/1 'Space Grotesk'!important;letter-spacing:-.06em!important}
#stats>div>div:last-child{font-size:.75rem!important;color:#a4b2c5!important}
/* The supplied UAF grid, rendered as selectable, readable HTML. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.uaf-toolbar{display:flex;justify-content:space-between;gap:20px;padding:18px 0;color:#a5b6c9;border-top:1px solid var(--os-line);font-size:.875rem}
.uaf-toolbar .micro{color:#e0a63e}
.uaf-scroll{overflow-x:auto;border:1px solid #304054;scrollbar-color:#b59151 #101f30;scrollbar-width:thin}
.uaf-table{width:100%;min-width:1150px;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:.875rem;background:#080f19}
.uaf-table th,.uaf-table td{border-right:1px solid #29384a;border-bottom:1px solid #29384a;padding:0;text-align:center;vertical-align:middle}
.uaf-table th:first-child{width:160px;position:sticky;left:0;z-index:2;background:#102033;text-align:left;padding:14px 16px;box-shadow:4px 0 12px #0002}
.uaf-table thead th{height:92px;background:#102033;padding:10px 4px;font-weight:400}
.uaf-table thead th strong{display:block;color:#dcb263;font:400 1.15rem 'IBM Plex Mono';margin-bottom:9px}
.uaf-table thead th span{font-size:.875rem;color:#c0ccda;writing-mode:initial}
.uaf-table tbody th strong{display:block;color:var(--row-accent,#dcb263);font:500 1.1rem 'IBM Plex Mono';margin-bottom:5px}
.uaf-table tbody th span{display:block;color:#bdcad8;font-size:.875rem;line-height:1.3;font-weight:400}
.uaf-cell{display:flex;align-items:center;justify-content:center;width:100%;min-height:62px;height:100%;padding:12px 5px;border:0;background:color-mix(in srgb,var(--row-accent,#aab6c4) 12%,#0b1421);color:var(--row-accent,#c8d5e3);font:500 .875rem/1.4 'IBM Plex Mono';cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}
.uaf-cell:hover{background:#25394f;color:#fff;box-shadow:inset 0 0 0 1px #a7b9cc}
.uaf-cell.is-selected{background:#dfad52;color:#08111c;box-shadow:inset 0 0 0 2px #f4d592}
.uaf-cell:focus-visible{outline:2px solid #fff;outline-offset:-4px;position:relative;z-index:3}
.uaf-empty{background:#080f19;color:#344254}
.uaf-shared{background:#142c41}
.uaf-shared .uaf-cell{background:transparent;color:#a9d3eb;min-height:110px}
.uaf-shared .uaf-cell.is-selected{background:#dfad52;color:#08111c}
.uaf-parameters>div{display:flex;flex-direction:column;justify-content:center;gap:16px}
.uaf-parameters .uaf-cell{min-height:90px}
.uaf-band .uaf-cell{min-height:42px;background:#192a3d;color:#becbda;letter-spacing:.06em}
.uaf-band .uaf-cell.is-selected{background:#dfad52;color:#08111c}
.uaf-band th{color:#b7c7da;font:400 .875rem 'IBM Plex Mono'}
.uaf-detail{display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:30px;padding:30px;background:#15253a;border:1px solid #39495c;border-top:3px solid #d6a34d;min-height:160px}
.uaf-detail .micro{color:#a9bbd0;font-size:.75rem;letter-spacing:.08em}
#uaf-code{display:block;font:400 clamp(1.5rem,2.8vw,2.6rem)/1.25 'Space Grotesk';color:#e0b15d;overflow-wrap:anywhere;margin-top:10px}
.uaf-detail h3{font:500 clamp(1.3rem,2vw,1.7rem)/1.35 'Space Grotesk';margin-bottom:8px}
.uaf-detail p:not(.micro){font-size:1rem;color:#b6c4d5;line-height:1.5}
.uaf-detail>a{font-size:.875rem;color:#e2b666;white-space:nowrap}
.uaf-legend{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:20px;color:#a6b7cc;font-size:.875rem;line-height:1.5}
.uaf-legend>span{display:flex;align-items:center;gap:9px}
.uaf-legend i{display:inline-block;width:12px;height:12px;border:1px solid #5d7188}
.legend-domain{background:#4b5143}.legend-shared{background:#27536d}.legend-empty{background:#080f19}
.uaf-legend>a{margin-left:auto;color:#d2b079}
@media(max-width:760px){.uaf-toolbar{flex-direction:column;gap:7px}.uaf-detail{grid-template-columns:1fr;padding:24px;gap:18px}.uaf-legend{gap:12px}.uaf-legend>a{margin-left:0}.uaf-table th:first-child{width:135px;padding:12px}.uaf-table{min-width:1125px}}
@media(prefers-reduced-motion:reduce){.uaf-cell{transition:none}}
#viewpoints{background:#0b1421;color:#eef1f5}
#viewpoints .editorial-heading>p{color:#a6b5c8}
.viewpoint-workspace{display:grid;grid-template-columns:1.5fr .7fr;gap:28px}
.viewpoint-matrix{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--os-line);border-left:1px solid var(--os-line)}
.viewpoint-tile{position:relative;display:flex;flex-direction:column;gap:10px;align-items:flex-start;justify-content:flex-end;min-height:148px;padding:24px;background:transparent;border:0;border-right:1px solid var(--os-line);border-bottom:1px solid var(--os-line);color:#c2cddd;text-align:left;cursor:pointer;transition:background .2s,color .2s}
.viewpoint-tile .tile-index{position:absolute;right:18px;top:16px;color:#73859d;font:400 .75rem 'IBM Plex Mono'}
.viewpoint-tile strong{font:400 2.6rem/1 'Space Grotesk';letter-spacing:-.04em}
.viewpoint-tile>span:last-child{font-size:.875rem}
.viewpoint-tile:hover{background:#182a3e}
.viewpoint-tile.selected{background:#d4a451;color:#0b1421}
.viewpoint-tile.selected .tile-index{color:#615035}
.viewpoint-focus{background:#13243a;border:1px solid #2e445e;padding:35px;display:flex;flex-direction:column}
.viewpoint-focus .micro{color:#9baec7}
.focus-code{font:400 clamp(5rem,8vw,8rem)/1 'Space Grotesk';letter-spacing:-.06em;color:#e0a63e;margin:40px 0 25px}
.viewpoint-focus h3{font:500 1.8rem/1.2 'Space Grotesk';margin-bottom:18px}
.viewpoint-focus>p:not(.micro){color:#b0bfd1;font-size:1.05rem;line-height:1.75}
.viewpoint-focus>a{margin-top:auto;padding-top:35px;font-size:.875rem}
/* A flagship reference and two supporting preparation products. */
#materials{max-width:1400px!important;padding:20px clamp(24px,5vw,72px) 130px!important}
#materials>h2,#resources>h2,#book h2{font-size:clamp(2.5rem,4.4vw,4.6rem)!important;line-height:1.04!important;letter-spacing:-.045em!important;font-weight:500!important;max-width:22ch!important}
#materials>div:first-child,#resources>div:first-child{font-size:.75rem!important}
#materials .product-grid{grid-template-columns:1fr 1fr!important;gap:22px;border:0!important;margin-top:60px!important}
.product-grid>div{border:1px solid var(--os-line)!important;padding:36px!important;background:#0f1c2c}
.product-grid>div:first-child{grid-column:1/-1;display:grid!important;grid-template-columns:1fr 1fr 260px;gap:16px 40px;background:#e9eae5!important;color:#182331;padding:48px!important}
.product-grid>div:first-child>span{display:none}
.product-grid>div:first-child>div:first-of-type{grid-column:1/3;margin-bottom:5px!important}
.product-grid>div:first-child h3{grid-column:1/3;font-size:2.4rem!important;color:#182331!important;max-width:24ch}
.product-grid>div:first-child>p{grid-column:1/3;color:#536271!important;max-width:60ch;font-size:1.05rem!important}
.product-grid>div:first-child>div:nth-last-child(2){grid-column:1}
.product-grid>div:first-child>div:last-child{grid-column:2;align-self:end}
.product-grid>div:first-child>div:last-child>div{color:#182331!important;font-size:3rem!important}
.product-grid>div:first-child a{display:inline-flex!important;padding:16px 20px;background:#182331!important;color:#f3f2ec!important;font-size:.875rem!important;letter-spacing:.05em!important}
.product-grid>div:first-child>div>span,.product-grid>div:first-child>div>div{color:#687177!important;font-size:.875rem!important}
.product-grid>div:first-child>div>span:last-child{color:#855b18!important}
.product-cover{grid-column:3;grid-row:1/6;width:100%;max-height:350px;object-fit:contain;align-self:center;filter:drop-shadow(12px 16px 14px #0005)}
.product-grid>div:not(:first-child) h3{font-size:1.8rem!important;line-height:1.2!important}
.product-grid>div:not(:first-child)>p{font-size:1rem!important;color:#a9b9cc!important}
.product-grid>div:not(:first-child)>div>div{font-size:.875rem!important;color:#a1b2c9!important}
.product-grid>div:not(:first-child)>div:last-child>div:first-child{font-size:2.3rem!important;color:#fff!important}
.product-grid a{font-size:.875rem!important}
#materials>div:last-child{margin-top:22px;background:#162a40!important;border:1px solid #42516a!important;padding:35px!important}
#materials>div:last-child>div>div:nth-child(2){font-size:1.5rem!important}
#materials>div:last-child>div>div:last-child{font-size:1rem!important;color:#a5b7ce!important}
#materials>div:last-child>a{font-size:.875rem!important;border-bottom:1px solid #8e6b34;padding-bottom:8px}
/* Resources and closing reference. */
#resources{max-width:none!important;background:#e9eae5!important;padding:120px max(24px,calc((100vw - 1256px)/2))!important;color:#172331}
#resources>div:first-child,#resources>div:first-child b{color:#855b18!important}
#resources h2{color:#172331!important}
#resources>div:last-child{background:transparent!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0 36px!important;border:0!important}
#resources a{background:transparent!important;border-top:1px solid #aab4be;padding:30px 0!important}
#resources a:hover{background:#dde1df!important}
#resources a>div{font-size:.75rem!important;color:#885e1e!important}
#resources a h4{font-size:1.45rem!important;color:#1a2736!important;line-height:1.2}
#resources a p{font-size:1rem!important;color:#5c6c7e!important}
#book{padding:145px 0!important;background:#0c1929!important}
#book>div{max-width:1400px!important;grid-template-columns:.65fr 1fr!important;gap:10vw!important;padding:0 clamp(24px,5vw,72px)!important}
#book [data-tilt]{max-width:330px;justify-self:center}
#book p{font-size:1.1rem!important;color:#b3c1d1!important}
#book a{font-size:.875rem!important;letter-spacing:.08em!important}
.author-band{position:relative;z-index:5;display:grid;grid-template-columns:1fr .7fr;gap:10vw;max-width:1256px;padding:75px 0;margin:0 auto;border-top:1px solid var(--os-line)}
.author-band h2{font:500 2.7rem/1.15 'Space Grotesk';letter-spacing:-.035em;margin:22px 0}
.author-band>div>p:last-child{font-size:1rem;line-height:1.9;color:#aab9cd}
.author-credentials{border-left:1px solid var(--os-line);padding-left:50px}
.author-credentials h3{font:500 1.5rem/1.25 'Space Grotesk';margin:22px 0}
.meaning-close{position:relative;z-index:5;background:#080f19;text-align:center;padding:135px 24px;border-top:1px solid var(--os-line)}
.meaning-close h2{font:400 clamp(2.3rem,5.3vw,5.2rem)/1.05 'Space Grotesk';letter-spacing:-.045em;margin:32px 0 40px;color:#8e9caf}
.meaning-close h2 em{display:inline-block;margin-top:12px;font:400 1.3em/.95 'Instrument Serif';letter-spacing:-.015em;color:#f2f1e9}
.solid-link{display:inline-block;padding:18px 25px;background:#e0a63e;color:#0b1421;font:500 .875rem 'IBM Plex Mono'}
footer>div{max-width:1400px!important}
footer>div>div:first-child{font-size:clamp(2rem,9.6vw,9rem)!important;color:#101b2c!important}
footer p,footer a{font-size:.75rem!important}
@media(max-width:1050px){
.gate-layout{grid-template-columns:1.25fr .75fr;gap:4vw}#gate h1{font-size:6vw}.gate-cover{padding:20px}.gate-cover img{height:42svh}.gate-cover-label,.gate-cover figcaption{font-size:.65rem}
.reader-layout{grid-template-columns:1.1fr .9fr!important;gap:30px!important}.reader-intro-copy h2{font-size:2.7rem}
.viewpoint-workspace{grid-template-columns:1.5fr .8fr}.viewpoint-tile{padding:20px;min-height:135px}.viewpoint-focus{padding:25px}
.product-grid>div:first-child{grid-template-columns:1fr 1fr 200px;gap:16px 24px}
.author-band{margin:0 40px}
}
@media(max-width:760px){
#gate{padding:23px 24px;justify-content:flex-start}
.gate-brand{font-size:.75rem}.gate-brand-note{display:none}
.gate-layout{flex:1;grid-template-columns:1fr;gap:18px;align-content:center;margin:25px 0}
#gate h1{font-size:clamp(2.5rem,10vw,4rem)}
.gate-cover{display:none}
.gate-copy>.micro{margin-bottom:20px}
.gate-action-row{gap:25px;margin-top:25px}
#gate #enter{min-width:160px;min-height:56px}
.gate-bottom>span:last-child{display:none}.gate-bottom{font-size:.75rem}.gate-bottom i{padding:0 3px}
#nav>div{flex-wrap:wrap;gap:10px!important;padding:14px 22px!important}
#nav>div>div{max-width:100%;overflow-x:auto;gap:23px!important;padding:5px 0}
#nav a{white-space:nowrap}
.reader-layout{grid-template-columns:1fr!important;padding:0 24px!important;gap:0!important}
.reader-column{z-index:4;top:110px!important;height:42svh!important;padding:12px 0 15px!important;gap:12px!important;background:#0c1827;box-shadow:0 20px 20px #0b1421}
#titleblock h1{font-size:1.15rem!important}
#titleblock>div{display:none}
#bookroot{width:min(100%,calc((42svh - 80px)*1.298))!important}
.reader-column>div:last-child{font-size:.75rem!important}
.reader-layout>div:last-child{position:relative;z-index:2}
.reader-intro{height:62svh!important;padding-top:50px!important;padding-bottom:20px!important;gap:20px}
.reader-intro-copy h2{font-size:2.2rem}
[data-panel]{min-height:115svh!important;align-items:flex-end!important;padding-bottom:40px;padding-top:48svh}
[data-pcard]{padding-top:25px;width:100%}
[data-pcard]>div:nth-child(2){font-size:2rem!important}
[data-pcard]>div:last-child{max-height:32svh!important}
.section-shell{padding:85px 24px}
.editorial-heading{grid-template-columns:1fr;gap:25px;margin-bottom:42px}
.editorial-heading h2{font-size:2.6rem}
.toc-part summary{grid-template-columns:40px 1fr 24px;gap:12px;padding:25px 0}
.part-meta{display:none}.toc-rows{padding-left:0}.toc-row{gap:12px;grid-template-columns:30px 1fr 32px}
#stats>div{padding:30px 20px!important}
.viewpoint-workspace{grid-template-columns:1fr}
.viewpoint-matrix{grid-template-columns:repeat(3,1fr)}
.viewpoint-tile{min-height:120px;padding:18px 12px}
.viewpoint-tile>span:last-child{font-size:.875rem;line-height:1.2}
.viewpoint-tile strong{font-size:2.1rem}
.viewpoint-focus{display:grid;grid-template-columns:95px 1fr;gap:10px 20px;padding:25px}
.viewpoint-focus>.micro{grid-column:1/-1}.focus-code{grid-column:1;grid-row:2/4;font-size:4.5rem;margin:10px 0}
.viewpoint-focus>h3{grid-column:2;margin:10px 0 0;font-size:1.5rem}
.viewpoint-focus>p:not(.micro){grid-column:2;font-size:1rem}
.viewpoint-focus>a{grid-column:2;padding-top:15px}
#materials{padding:0 24px 85px!important}
#materials .product-grid{grid-template-columns:1fr!important}
.product-grid>div:first-child{display:flex!important;padding:30px!important}
.product-cover{width:150px;margin:10px auto 25px}
.product-grid>div:first-child h3{font-size:2rem!important}
.product-grid>div:first-child>div:last-child{align-self:start}
.product-grid>div:first-child>div>div{font-size:.875rem!important}
#resources{padding:85px 24px!important}
#resources>div:last-child{grid-template-columns:1fr!important}
#book{padding:85px 0!important}
#book>div{grid-template-columns:1fr!important;padding:0 24px!important;gap:55px!important}
#book [data-tilt]{max-width:240px}
.author-band{grid-template-columns:1fr;gap:40px;margin:0 24px;padding:55px 0}
.author-band h2{font-size:2.1rem}
.author-credentials{border-left:0;border-top:1px solid var(--os-line);padding:30px 0 0}
.meaning-close{padding:90px 24px}
.meaning-close h2{font-size:2.2rem}
footer>div{padding:45px 24px!important}
}
@media(max-height:670px) and (min-width:761px){#gate{padding-top:20px;padding-bottom:20px}.gate-layout{margin:15px auto}#gate h1{font-size:clamp(2.4rem,9vh,4.2rem)}.gate-cover img{height:40svh}.gate-cover{padding:16px 24px}.gate-copy>.micro{margin-bottom:12px}.gate-action-row{margin-top:8px}.reader-column{padding-top:100px!important}#bookroot{width:min(100%,calc((100svh - 210px)*1.298))}}
@media(prefers-reduced-motion:reduce){#gate,#gate *,.viewpoint-tile{animation:none!important;transition:none!important}}