
/* ===== DEMA multi-page shell — 2026-09-10 ===== */
.global-nav{position:sticky;top:0;z-index:9999;background:rgba(238,233,221,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(17,17,17,.22);font-family:Arial,sans-serif;color:#111}
.global-nav *{box-sizing:border-box}.global-nav-inner{max-width:1600px;margin:0 auto;padding:0 4%;min-height:72px;display:flex;align-items:center;gap:28px}.global-brand{display:flex;align-items:center;gap:10px;color:#111;text-decoration:none;font:700 20px/1 Georgia,'Times New Roman',serif;white-space:nowrap;letter-spacing:.3px}.global-brand-mark{width:11px;height:11px;border-radius:50%;background:#3444f5;display:inline-block;box-shadow:0 0 0 4px rgba(52,68,245,.11)}
.global-tabs{display:flex;align-items:center;gap:22px;margin-left:auto}.global-tabs a{color:#111;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:1.6px;white-space:nowrap;padding:29px 0 25px;border-bottom:3px solid transparent}.global-tabs a:hover,.global-tabs a.active{color:#3444f5;border-bottom-color:#3444f5}.global-curators{border:1px solid #111!important;padding:10px 12px!important;margin-left:4px}.global-curators:hover,.global-curators.active{background:#111;color:#eee!important;border-color:#111!important}
.global-tools{display:flex;align-items:center;gap:8px}.global-tools select,.global-tools button{font:800 10px/1 Arial,sans-serif;letter-spacing:1px;border:1px solid #999;background:transparent;color:#111;padding:9px 8px;cursor:pointer}.global-menu-toggle{display:none!important}.global-menu-label{display:none}.goog-te-banner-frame.skiptranslate{display:none!important}body{top:0!important}.goog-logo-link,.goog-te-gadget span{display:none!important}.goog-te-gadget{font-size:0!important}
.global-footer{background:#111;color:#eee;font-family:Arial,sans-serif;padding:40px 4%;border-top:1px solid #333}.global-footer-inner{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:end}.global-footer-brand{font:normal clamp(30px,4vw,54px)/1 Georgia,'Times New Roman',serif}.global-footer p{margin:8px 0;color:#aaa;font-size:11px;letter-spacing:1px;line-height:1.7}.global-footer-links{display:flex;justify-content:flex-end;gap:18px;flex-wrap:wrap}.global-footer a{color:#eee;text-decoration:none;font:700 10px Arial,sans-serif;letter-spacing:1.5px}.global-footer a:hover{color:#c4ff39}
@media(max-width:1050px){.global-nav-inner{min-height:64px}.global-menu-toggle{display:inline-flex!important;margin-left:auto;border:1px solid #111!important;align-items:center;justify-content:center}.global-menu-label{display:inline}.global-tabs{display:none;position:absolute;left:0;right:0;top:64px;background:#eee9dd;border-bottom:1px solid #999;padding:8px 4% 22px;flex-direction:column;align-items:stretch;gap:0}.global-nav.open .global-tabs{display:flex}.global-tabs a{padding:15px 0;border-bottom:1px solid #c9c4ba}.global-tabs a.active{border-bottom-color:#3444f5}.global-curators{margin:12px 0 0!important;text-align:center}.global-tools{margin-left:0}.global-tools .listen-btn{display:none}}
@media(max-width:700px){.global-nav-inner{padding:0 18px;gap:10px}.global-brand{font-size:17px}.global-tools select{padding:8px 5px}.global-footer-inner{grid-template-columns:1fr}.global-footer-links{justify-content:flex-start}}

.page-breadcrumb{font:800 10px/1 Arial,sans-serif;letter-spacing:1.8px;text-transform:uppercase;padding:18px 4%;border-bottom:1px solid rgba(17,17,17,.18);background:#eee9dd;color:#555}.page-breadcrumb a{color:#111;text-decoration:none}.page-breadcrumb a:hover{color:#3444f5}


/* ===== DEMA support page — 2026-09-10 ===== */
.global-support{color:#3444f5!important}
.global-support.active{border-bottom-color:#3444f5!important}
.support-hero{padding:clamp(78px,10vw,150px) 4%;min-height:auto;background:#eee9dd;border-bottom:1px solid #aaa}
.support-hero-inner{max-width:1450px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(36px,7vw,110px);align-items:end}
.support-hero .page-kicker,.support-index{color:#3444f5;font:800 10px/1 Arial,sans-serif;letter-spacing:3px;text-transform:uppercase}
.support-hero h1{font:normal clamp(68px,11vw,165px)/.76 Georgia,'Times New Roman',serif;margin:25px 0 0;letter-spacing:-4px}
.support-hero h1 em{font-weight:normal;color:#3444f5}
.support-intro p{font:normal clamp(21px,2.25vw,34px)/1.35 Georgia,'Times New Roman',serif;margin:0 0 24px}
.support-intro .support-intro-el{font-size:clamp(17px,1.55vw,23px);color:#666;line-height:1.55}
.support-payment{padding:clamp(76px,9vw,140px) 4%;background:#111;color:#eee;min-height:auto}
.support-payment-inner{max-width:1450px;margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(45px,7vw,110px);align-items:start}
.support-payment .support-index{color:#c4ff39}.support-copy h2{font:normal clamp(48px,6.5vw,96px)/.9 Georgia,'Times New Roman',serif;margin:22px 0 30px}
.support-copy>p{font:normal 19px/1.7 Georgia,'Times New Roman',serif;color:#cfcfcf;max-width:610px}
.support-copy .support-note{font:700 10px/1.8 Arial,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:#888;margin-top:38px;max-width:540px}
.support-panel{border:1px solid #555;padding:clamp(24px,4vw,55px);background:#171717}
.support-panel-label{font:800 10px/1 Arial,sans-serif;letter-spacing:2.6px;color:#aaa;margin-bottom:20px}.support-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.support-amount-form{margin:0}.support-amount-form button{width:100%;border:1px solid #777;background:transparent;color:#eee;padding:23px 10px;font:normal 28px/1 Georgia,'Times New Roman',serif;cursor:pointer;transition:.18s}.support-amount-form button:hover{background:#c4ff39;color:#111;border-color:#c4ff39;transform:translateY(-2px)}
.support-divider{display:flex;align-items:center;gap:16px;margin:34px 0;color:#777;font:800 9px Arial,sans-serif;letter-spacing:2px}.support-divider:before,.support-divider:after{content:'';height:1px;background:#444;flex:1}
.support-custom-form label{display:block;font:800 10px Arial,sans-serif;letter-spacing:2px;color:#aaa;margin-bottom:12px}.support-custom-row{display:grid;grid-template-columns:auto 1fr auto;align-items:stretch;border:1px solid #777}.support-custom-row>span{padding:18px;font:normal 26px Georgia;border-right:1px solid #555}.support-custom-row input{min-width:0;background:transparent;border:0;color:#fff;padding:16px 18px;font:normal 22px Georgia;outline:0}.support-custom-row input::placeholder{color:#666}.support-custom-row button{border:0;border-left:1px solid #777;background:#c4ff39;color:#111;padding:16px 20px;font:900 10px Arial,sans-serif;letter-spacing:1.5px;cursor:pointer}.support-custom-row button:hover{background:#fff}
.support-paypal-note{text-align:right;color:#777;font:800 9px Arial,sans-serif;letter-spacing:1.7px;margin-top:13px}.support-quote{padding:clamp(78px,10vw,150px) 4%;background:#3444f5;color:#eee;min-height:auto}.support-quote-inner{max-width:1200px;margin:auto}.support-quote .support-index{color:#c4ff39}.support-quote blockquote{font:normal clamp(39px,5.2vw,77px)/1.02 Georgia,'Times New Roman',serif;margin:30px 0 45px}.support-quote a{display:inline-block;background:#c4ff39;color:#111;text-decoration:none;padding:14px 18px;font:900 10px Arial,sans-serif;letter-spacing:2px}.home-support-strip{padding:clamp(65px,8vw,115px) 4%;background:#3444f5;color:#eee}.home-support-strip-inner{max-width:1450px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end}.home-support-strip .eyebrow{color:#c4ff39}.home-support-strip h2{margin:18px 0 0;color:#fff}.home-support-strip p{font:normal clamp(20px,2vw,29px)/1.45 Georgia;max-width:600px}.home-support-strip a{display:inline-block;margin-top:15px;background:#c4ff39;color:#111;text-decoration:none;padding:14px 18px;font:900 10px Arial,sans-serif;letter-spacing:2px}
@media(max-width:900px){.support-hero-inner,.support-payment-inner,.home-support-strip-inner{grid-template-columns:1fr}.support-hero h1{letter-spacing:-2px}.support-amounts{grid-template-columns:repeat(2,1fr)}.support-custom-row{grid-template-columns:auto 1fr}.support-custom-row button{grid-column:1/-1;border-left:0;border-top:1px solid #777;padding:18px}.support-payment,.support-hero,.support-quote,.home-support-strip{padding-left:22px;padding-right:22px}}

.support-amount-choice{border:1px solid #bbb;background:#fff;color:#111;padding:16px 22px;cursor:pointer;font:900 13px Arial,sans-serif;min-width:78px}.support-amount-choice.active{outline:2px solid #111;outline-offset:2px}.support-selected{margin:18px 0 12px;font:700 12px Arial,sans-serif;letter-spacing:1px}.support-fallback-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.support-fallback-actions button,.support-fallback-actions a{border:0;background:#111;color:#fff;text-decoration:none;padding:15px 18px;cursor:pointer;font:900 10px Arial,sans-serif;letter-spacing:1.5px}.support-fallback-actions a{background:#3444f5}.support-paypal-help{font:12px/1.6 Arial,sans-serif;color:#666;margin-top:16px}.support-custom-row input{flex:1}.support-custom-row{display:flex;align-items:center;gap:10px}


/* ===== DEMA visual polish / editorial system — 2026-09-10 ===== */
:root{--font-display:'Cormorant Garamond','Times New Roman',serif;--font-sans:'Inter',Arial,sans-serif;--hairline:rgba(17,17,17,.18);--paper-soft:#f3efe5}
html{font-synthesis:none}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,blockquote,.global-brand,.global-footer-brand,.hero p,.page-intro p,.home-feature p,.directory-card p,.support-intro p,.support-copy>p,.book-desc,.book-subtitle,.research-article p,.flow-state-copy p{font-family:var(--font-display)!important}
.eyebrow,.page-kicker,.directory-no,.directory-arrow,.global-tabs a,.global-footer a,.global-tools select,.global-tools button,.button,.share-btn,.buy-button{font-family:var(--font-sans)!important}
::selection{background:#111;color:#c4ff39}
a,button{transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease,opacity .18s ease}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:4px}

.global-nav{font-family:var(--font-sans);background:rgba(243,239,229,.94);border-bottom:1px solid var(--hairline)}
.global-nav-inner{max-width:1540px;min-height:76px;padding:0 3.2%;gap:24px}
.global-brand{font-family:var(--font-display)!important;font-weight:600;font-size:24px;letter-spacing:.02em;gap:12px}
.global-brand-mark{width:18px;height:18px;border:1px solid #111;background:transparent;border-radius:50%;box-shadow:none;position:relative;display:inline-grid;place-items:center}
.global-brand-mark:before{content:'D';font:600 10px/1 var(--font-display);transform:translateY(-.5px)}
.global-tabs{gap:19px}.global-tabs a{font-size:9px;font-weight:700;letter-spacing:.16em;padding:31px 0 27px;border-bottom-width:2px}.global-curators{padding:10px 12px!important}
.global-tools{gap:10px}.global-tools select,.global-tools button{font-size:9px;font-weight:700;letter-spacing:.14em;border-color:rgba(17,17,17,.35);padding:9px 10px}
.global-menu-toggle{gap:9px}.menu-glyph{width:16px;height:12px;display:grid;align-content:center;gap:4px}.menu-glyph i{display:block;width:16px;height:1px;background:currentColor;transition:transform .2s ease}.global-nav.open .menu-glyph i:first-child{transform:translateY(2.5px) rotate(45deg)}.global-nav.open .menu-glyph i:last-child{transform:translateY(-2.5px) rotate(-45deg)}.menu-word{font:700 9px/1 var(--font-sans);letter-spacing:.14em}
.listen-btn{display:inline-flex;align-items:center;gap:7px}.listen-btn:before{content:'';width:12px;height:12px;display:inline-block;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M11 5 6 9H3v6h3l5 4V5Zm4 5c1 1 1 3 0 4m3-7c3 3 3 7 0 10'/%3E%3C/svg%3E") center/contain no-repeat}.listen-btn.is-speaking:before{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='6' y='6' width='12' height='12' rx='1'/%3E%3C/svg%3E") center/contain no-repeat}
.global-footer{padding:54px 4%;border-top:0}.global-footer-inner{max-width:1450px}.global-footer-brand{font-weight:500;letter-spacing:-.02em}.global-footer p{font-family:var(--font-sans);font-size:10px;letter-spacing:.08em}.global-footer a{font-size:9px;letter-spacing:.14em}
.page-breadcrumb{font-family:var(--font-sans);font-weight:700;letter-spacing:.16em;background:var(--paper-soft)}

.page-intro{background:var(--paper-soft)!important;border-bottom:1px solid var(--hairline)!important}.page-intro-inner{max-width:1450px;grid-template-columns:.72fr 1.28fr}.page-intro h1{font-family:var(--font-display)!important;font-weight:500!important;letter-spacing:-.055em;line-height:.76!important}.page-intro p{font-weight:400;font-size:clamp(20px,2vw,30px)!important;line-height:1.42!important}
.eyebrow,.page-intro .page-kicker{font-size:10px!important;font-weight:700!important;letter-spacing:.22em!important}
.hero h1,h2{font-weight:500!important;letter-spacing:-.045em}.hero h1{line-height:.76!important}.hero p{font-weight:400}.statement blockquote{font-weight:400}

/* Directory icons + cleaner cards */
.directory-grid{gap:0;border-color:rgba(17,17,17,.25);background:rgba(17,17,17,.25)}.directory-card{padding:32px;min-height:320px;position:relative;overflow:hidden}.directory-card:after{content:'';position:absolute;inset:auto 24px 24px auto;width:42px;height:42px;border:1px solid currentColor;border-radius:50%;opacity:0;transform:translate(-8px,8px);transition:.22s}.directory-card:hover:after{opacity:.5;transform:none}.directory-icon{width:38px;height:38px;display:block;margin-bottom:42px}.directory-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.directory-card h3{font-weight:500!important;letter-spacing:-.035em;margin:14px 0 18px}.directory-card p{font-size:17px!important;line-height:1.55!important}.directory-arrow{display:inline-flex;align-items:center;gap:10px}.directory-arrow:after,.home-feature a:after,.home-support-strip a:after,.support-quote a:after,.residual-link:after,.buy-button:after,.support-fallback-actions a:after{content:'';width:13px;height:13px;display:inline-block;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M5 12h14m-6-6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .18s}.directory-card:hover .directory-arrow:after,.home-feature a:hover:after,.home-support-strip a:hover:after,.support-quote a:hover:after,.residual-link:hover:after,.buy-button:hover:after,.support-fallback-actions a:hover:after{transform:translateX(4px)}

/* Share icon system */
.share-btn{display:inline-flex!important;align-items:center;gap:9px;font-size:9px!important;font-weight:700!important;letter-spacing:.15em!important}.share-btn:before{content:'';width:13px;height:13px;display:inline-block;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M12 16V4m-4 4 4-4 4 4M5 13v6h14v-6'/%3E%3C/svg%3E") center/contain no-repeat}
.button,.buy-button{font-size:9px!important;font-weight:800!important;letter-spacing:.15em!important}

/* ===== Publication page ===== */
.writings-intro{padding-bottom:clamp(60px,7vw,95px)!important}.book-editorial{background:#101317!important;color:#f2efe7!important;padding:clamp(78px,9vw,135px) 4%!important;border:0!important;min-height:auto!important}.book-editorial-grid{max-width:1450px!important;grid-template-columns:.82fr 1.18fr!important;gap:clamp(55px,7vw,115px)!important;align-items:center!important}.book-visual-column{min-width:0}.book-stage{position:relative;padding:24px 48px 52px 16px;perspective:1400px;max-width:590px;margin:auto}.book-object{position:relative;transform:rotateY(-8deg) rotateX(1.5deg);transform-origin:left center;filter:drop-shadow(28px 34px 28px rgba(0,0,0,.42));transition:transform .35s ease}.book-stage:hover .book-object{transform:rotateY(-3deg) rotateX(0)}.book-object img{display:block;width:100%;height:auto;border:1px solid rgba(255,255,255,.28);box-shadow:none!important}.book-object:before{content:'';position:absolute;left:-12px;top:6px;bottom:7px;width:12px;background:linear-gradient(90deg,#8d8a83,#d8d3c9);transform-origin:right;transform:skewY(-28deg);border-left:1px solid rgba(255,255,255,.25)}.book-object:after{content:'';position:absolute;left:9px;right:-14px;bottom:-14px;height:14px;background:linear-gradient(#ddd8cf,#8a8884);transform:skewX(-47deg);transform-origin:left top}.book-edition-stamp{position:absolute;right:0;bottom:8px;width:126px;height:126px;border-radius:50%;background:var(--acid);color:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 10px 28px rgba(0,0,0,.28)}.book-edition-stamp span,.book-edition-stamp small{font:800 8px/1.2 var(--font-sans);letter-spacing:.15em}.book-edition-stamp strong{font:500 43px/.9 var(--font-display);margin:5px 0}.book-visual-caption{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.2);padding-top:13px;color:#8d939b;font:700 9px/1 var(--font-sans);letter-spacing:.16em;max-width:545px;margin:8px auto 0}.book-topline{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(255,255,255,.22);padding-bottom:13px;margin-bottom:30px;color:#959ca5;font:700 9px/1 var(--font-sans);letter-spacing:.16em}.book-topline span:last-child{color:var(--acid)}.book-editorial-copy .eyebrow{color:var(--acid)!important}.book-editorial-copy h2{font-family:var(--font-display)!important;font-size:clamp(54px,6.3vw,98px)!important;line-height:.86!important;font-weight:500!important;letter-spacing:-.055em!important;margin:18px 0 24px!important}.book-editorial-copy h2 em{font-weight:400;color:var(--acid)}.book-subtitle{font-family:var(--font-display)!important;font-size:clamp(22px,2vw,29px)!important;line-height:1.35!important;color:#c8cdd2!important;margin-bottom:28px!important}.book-desc{font-size:clamp(18px,1.55vw,22px)!important;line-height:1.6!important;color:#e5e1d9!important;max-width:760px!important}.book-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);margin:35px 0 30px}.book-fact{display:flex;align-items:center;gap:13px;padding:20px 17px;border-right:1px solid rgba(255,255,255,.2)}.book-fact:last-child{border-right:0}.fact-icon{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;color:var(--acid)}.fact-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.book-fact b{display:block;font:500 25px/1 var(--font-display);color:#fff}.book-fact small{display:block;margin-top:5px;font:700 8px/1.35 var(--font-sans);letter-spacing:.12em;color:#8f969f}.book-purchase-row{display:flex;align-items:end;justify-content:space-between;gap:28px}.price-label{font:700 8px/1 var(--font-sans);letter-spacing:.16em;color:#8f969f}.book-price{font-family:var(--font-display)!important;font-size:58px!important;font-weight:500;margin:6px 0 0!important;color:var(--acid)!important;letter-spacing:-.04em}.book-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.buy-button{margin:0!important;display:inline-flex!important;align-items:center;gap:10px;padding:17px 20px!important;background:var(--acid)!important}.book-share{margin:0!important;padding:16px 18px!important}.purchase-note{border-top:1px solid rgba(255,255,255,.18);padding-top:16px;margin-top:25px!important;color:#8f969f!important;font:400 11px/1.65 var(--font-sans)!important;max-width:760px!important}

.book-inside{padding:clamp(80px,9vw,135px) 4%;background:var(--paper-soft);min-height:auto!important}.book-inside-inner{max-width:1450px;margin:auto}.book-inside-head{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,100px);align-items:end;margin-bottom:55px}.book-inside-head h2{margin:18px 0 0!important}.book-inside-head>p{font:400 clamp(19px,1.7vw,25px)/1.55 var(--font-display);margin:0;max-width:650px}.book-topic-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(17,17,17,.25)}.book-topic{padding:34px;min-height:330px;border-right:1px solid rgba(17,17,17,.25);position:relative}.book-topic:last-child{border-right:0}.book-topic .topic-no{font:700 9px/1 var(--font-sans);letter-spacing:.16em;color:var(--blue)}.book-topic>svg{width:44px;height:44px;fill:none;stroke:#111;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;display:block;margin:42px 0 42px}.book-topic h3{font-size:clamp(38px,4vw,58px);font-weight:500!important;letter-spacing:-.035em;margin:0 0 18px}.book-topic p{font:400 17px/1.55 var(--font-display);margin:0;max-width:340px}

@media(max-width:1050px){.global-tabs{top:76px}.global-menu-toggle{display:inline-flex!important}.global-tools{margin-left:0}.book-editorial-grid{grid-template-columns:1fr!important}.book-stage{max-width:520px}.book-editorial-copy{max-width:840px;margin:auto}.book-inside-head{grid-template-columns:1fr}.book-topic-grid{grid-template-columns:1fr}.book-topic{min-height:auto;border-right:0;border-bottom:1px solid rgba(17,17,17,.25)}.book-topic:last-child{border-bottom:0}.book-topic>svg{margin:28px 0}}
@media(max-width:700px){.global-nav-inner{min-height:66px}.global-tabs{top:66px}.global-tools select{font-size:8px}.global-tools .listen-btn{display:none}.global-brand{font-size:20px}.global-brand-mark{width:16px;height:16px}.directory-card{min-height:275px;padding:27px}.directory-icon{margin-bottom:30px}.book-editorial{padding-left:22px!important;padding-right:22px!important}.book-stage{padding:10px 35px 38px 8px}.book-edition-stamp{width:98px;height:98px}.book-edition-stamp strong{font-size:34px}.book-facts{grid-template-columns:1fr}.book-fact{border-right:0;border-bottom:1px solid rgba(255,255,255,.18);padding:15px 0}.book-fact:last-child{border-bottom:0}.book-purchase-row{align-items:flex-start;flex-direction:column}.book-actions{width:100%}.buy-button,.book-share{width:100%;justify-content:center}.book-inside{padding-left:22px;padding-right:22px}.book-topic{padding:28px}.book-topline{font-size:8px}.book-visual-caption{font-size:8px}}


/* ===== DEMA usability & artwork browser — 2026-09-28 ===== */
:root{--ui-shadow:0 24px 70px rgba(0,0,0,.18);--ui-radius:0}
html{scroll-padding-top:92px}
body.modal-open{overflow:hidden}
button,a,select{outline-offset:4px}
button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--blue,#3444f5)}
.global-nav{box-shadow:0 1px 0 rgba(255,255,255,.45)}
.global-tabs a,.global-tools button,.global-tools select,.directory-card,.button,.share-btn,.cta,.residual-link{transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease,opacity .18s ease}
.global-tabs a:hover{transform:translateY(-1px)}
.button:hover,.cta:hover,.residual-link:hover{transform:translateY(-2px)}
.share-btn:hover{transform:translateY(-1px)}

/* Artwork browser */
.portfolio-browser{min-height:auto!important;padding:clamp(58px,7vw,105px) 4%!important;background:#f5f1e8;border-bottom:1px solid rgba(17,17,17,.28)}
.portfolio-browser-inner{max-width:1500px;margin:0 auto}
.portfolio-browser-head{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,6vw,90px);align-items:end;margin-bottom:34px}
.portfolio-browser-head h2{margin:14px 0 0!important;font-size:clamp(52px,7vw,100px)!important;line-height:.88!important}
.portfolio-browser-head>p{margin:0;max-width:650px;font:400 clamp(18px,1.7vw,24px)/1.55 var(--font-display,Georgia,serif);color:#555}
.artworks-subnav{position:sticky;top:72px;z-index:30;display:flex;gap:0;overflow-x:auto;background:#111;border:1px solid #111;margin:0 0 22px;scrollbar-width:none}
.artworks-subnav::-webkit-scrollbar{display:none}.artworks-subnav a{flex:0 0 auto;color:#eee;text-decoration:none;padding:13px 16px;border-right:1px solid #393939;font:700 9px/1 var(--font-sans,Arial,sans-serif);letter-spacing:.14em;white-space:nowrap}.artworks-subnav a:hover{background:var(--acid,#c4ff39);color:#111}
.portfolio-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.portfolio-filter{appearance:none;border:1px solid #aaa;background:transparent;color:#111;padding:11px 14px;cursor:pointer;font:750 9px/1 var(--font-sans,Arial,sans-serif);letter-spacing:.14em}.portfolio-filter span{opacity:.55;margin-left:5px}.portfolio-filter:hover,.portfolio-filter.active{background:#111;color:#fff;border-color:#111}.portfolio-filter.active{box-shadow:inset 0 -3px 0 var(--acid,#c4ff39)}
.portfolio-index{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));border-top:1px solid rgba(17,17,17,.3);border-left:1px solid rgba(17,17,17,.3)}
.portfolio-card{grid-column:span 4;appearance:none;text-align:left;border:0;border-right:1px solid rgba(17,17,17,.3);border-bottom:1px solid rgba(17,17,17,.3);background:transparent;color:#111;padding:0;cursor:pointer;min-width:0;transition:background .2s ease,color .2s ease,opacity .2s ease,transform .2s ease}.portfolio-card.featured{grid-column:span 8}.portfolio-card[hidden]{display:none!important}.portfolio-card:hover{background:#111;color:#eee}.portfolio-card:active{transform:scale(.995)}
.portfolio-card-image{display:block;position:relative;overflow:hidden;background:#d9d4ca;aspect-ratio:4/3;border-bottom:1px solid rgba(17,17,17,.22)}.portfolio-card.featured .portfolio-card-image{aspect-ratio:16/9}.portfolio-card-image img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92);transition:transform .42s cubic-bezier(.2,.7,.2,1),filter .25s}.portfolio-card:hover img{transform:scale(1.025);filter:saturate(1)}
.portfolio-open{position:absolute;right:12px;bottom:12px;background:var(--acid,#c4ff39);color:#111;padding:9px 11px;font:800 8px/1 var(--font-sans,Arial,sans-serif);letter-spacing:.14em;transform:translateY(5px);opacity:0;transition:.2s}.portfolio-card:hover .portfolio-open,.portfolio-card:focus-visible .portfolio-open{opacity:1;transform:none}
.portfolio-card-copy{display:flex;min-height:170px;flex-direction:column;padding:22px}.portfolio-no{font:750 8px/1 var(--font-sans,Arial,sans-serif);letter-spacing:.14em;color:var(--blue,#3444f5);margin-bottom:30px}.portfolio-card:hover .portfolio-no{color:var(--acid,#c4ff39)}.portfolio-card-copy strong{font:500 clamp(27px,2.7vw,42px)/.97 var(--font-display,Georgia,serif);letter-spacing:-.035em}.portfolio-card-copy em{font:400 15px/1.35 var(--font-display,Georgia,serif);margin-top:8px;opacity:.7}
.portfolio-archive-label{display:flex;justify-content:space-between;gap:20px;padding-top:22px;font:750 8px/1 var(--font-sans,Arial,sans-serif);letter-spacing:.16em;color:#777}

/* Artwork dialog / image lightbox */
.art-modal{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(10,10,10,.96);color:#eee;z-index:10050;overflow:auto}.art-modal::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}.art-modal:not([open]){display:none}.art-modal-shell{min-height:100%;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr)}.art-modal-media{display:grid;place-items:center;min-height:70vh;padding:clamp(58px,7vw,100px);background:#090909;position:relative}.art-modal-media img{display:block;max-width:100%;max-height:78vh;object-fit:contain;box-shadow:0 20px 75px rgba(0,0,0,.38)}.art-modal-panel{padding:clamp(38px,5vw,72px) clamp(25px,4vw,58px);display:flex;flex-direction:column;border-left:1px solid #363636;background:#141414}.art-modal-kicker{font:750 8px/1 var(--font-sans,Arial,sans-serif);letter-spacing:.16em;color:var(--acid,#c4ff39);margin-top:auto}.art-modal-panel h2{font:500 clamp(42px,5vw,76px)/.9 var(--font-display,Georgia,serif)!important;letter-spacing:-.045em!important;margin:18px 0 10px!important;color:#fff}.art-modal-subtitle{font:400 20px/1.35 var(--font-display,Georgia,serif);color:#aaa;margin:0 0 24px}.art-modal-description{font:400 17px/1.65 var(--font-display,Georgia,serif);color:#d4d0c7;margin:0;max-width:560px}.art-modal-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.art-modal-link,.art-modal-share,.art-modal-nav button{border:1px solid #666;background:transparent;color:#eee;text-decoration:none;padding:13px 15px;cursor:pointer;font:750 8px/1 var(--font-sans,Arial,sans-serif);letter-spacing:.14em}.art-modal-link{background:var(--acid,#c4ff39);border-color:var(--acid,#c4ff39);color:#111}.art-modal-link:hover{background:#fff;border-color:#fff}.art-modal-share:hover,.art-modal-nav button:hover{border-color:#fff}.art-modal-nav{display:flex;gap:8px;margin-top:35px;padding-top:22px;border-top:1px solid #333}.art-modal-close{position:fixed;top:18px;right:18px;z-index:10060;width:46px;height:46px;border:1px solid #666;background:#111;color:#fff;cursor:pointer;font:300 30px/1 Arial}.art-modal-close:hover{background:var(--acid,#c4ff39);color:#111;border-color:var(--acid,#c4ff39)}
.zoomable-art{cursor:zoom-in}.zoomable-art:hover{filter:brightness(.97)}

/* Toast and back-to-top */
.ui-toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,18px);z-index:11000;background:#111;color:#fff;border:1px solid #444;padding:11px 15px;font:700 9px/1.2 var(--font-sans,Arial,sans-serif);letter-spacing:.12em;opacity:0;pointer-events:none;transition:.22s}.ui-toast.show{opacity:1;transform:translate(-50%,0)}
.back-to-top{position:fixed;right:18px;bottom:18px;z-index:90;width:44px;height:44px;border:1px solid #111;background:var(--paper,#eee9dd);color:#111;display:grid;place-items:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;font:800 15px/1 Arial}.back-to-top.show{opacity:1;visibility:visible;transform:none}.back-to-top:hover{background:#111;color:#fff}

/* Existing galleries feel interactive and consistent */
.artwork-gallery .artwork-frame img,.gallery img,.transit-visuals img,.flow-state-visual img,.black-data-feature img,.residual-visual img{transition:transform .25s ease,filter .25s ease}.artwork-gallery .artwork-frame:hover img,.gallery img:hover,.transit-visuals figure:hover img{filter:brightness(.97)}
.artwork-frame figcaption{align-items:flex-start}.artwork-frame figcaption span:first-child{max-width:70%}

@media(max-width:1050px){.artworks-subnav{top:76px}.portfolio-card,.portfolio-card.featured{grid-column:span 6}.art-modal-shell{grid-template-columns:1fr}.art-modal-panel{border-left:0;border-top:1px solid #363636;min-height:420px}.art-modal-kicker{margin-top:0}.art-modal-media{padding:70px 24px 35px}.art-modal-media img{max-height:68vh}}
@media(max-width:700px){html{scroll-padding-top:78px}.portfolio-browser{padding-left:18px!important;padding-right:18px!important}.portfolio-browser-head{grid-template-columns:1fr}.portfolio-browser-head h2{font-size:clamp(48px,15vw,78px)!important}.artworks-subnav{top:66px;margin-left:-18px;margin-right:-18px;padding-left:18px}.portfolio-controls{gap:6px}.portfolio-filter{padding:10px 11px}.portfolio-index{grid-template-columns:1fr}.portfolio-card,.portfolio-card.featured{grid-column:auto}.portfolio-card-image,.portfolio-card.featured .portfolio-card-image{aspect-ratio:1/1}.portfolio-card-copy{min-height:145px}.portfolio-open{opacity:1;transform:none}.art-modal-media{min-height:58vh;padding:70px 15px 28px}.art-modal-media img{max-height:61vh}.art-modal-panel{padding:30px 20px 38px}.art-modal-panel h2{font-size:clamp(40px,12vw,62px)!important}.art-modal-actions{display:grid;grid-template-columns:1fr}.art-modal-link,.art-modal-share{text-align:center}.art-modal-close{top:10px;right:10px}.back-to-top{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Mobile hierarchy correction: shell editorial rule appears after legacy responsive rule. */
@media(max-width:900px){
  .page-intro-inner{grid-template-columns:1fr!important;gap:26px!important;align-items:start!important}
  .page-intro p{max-width:720px!important}
}
@media(max-width:700px){
  .page-intro{padding-top:64px!important;padding-bottom:58px!important}
  .page-intro-inner{gap:22px!important}
  .page-intro h1{font-size:clamp(58px,21vw,92px)!important;line-height:.82!important}
  .page-intro p{font-size:20px!important;line-height:1.4!important}
}


/* Print Archive — added 2026-09-28 */
.print-archive{min-height:auto!important;padding:clamp(72px,9vw,138px) 4%!important;background:#0c0d10;color:#f1eee7;border-bottom:1px solid #2d2f35}
.print-archive-inner{max-width:1500px;margin:0 auto}
.print-archive-head{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,6vw,92px);align-items:end;margin-bottom:clamp(40px,6vw,76px)}
.print-archive .eyebrow{color:var(--acid,#c4ff39)}
.print-archive h2{color:#fff;margin:14px 0 0!important;font-size:clamp(58px,8vw,116px)!important;line-height:.88!important}
.print-archive-copy p{font:400 clamp(18px,1.65vw,24px)/1.55 var(--font-display,Georgia,serif);color:#d2cec5;margin:0;max-width:680px}
.print-archive-copy .print-archive-note{margin-top:22px;font:750 9px/1.5 var(--font-sans,Arial,sans-serif);letter-spacing:.16em;text-transform:uppercase;color:#8f918f}
.print-archive-grid{columns:4 280px;column-gap:18px}
.print-archive-item{break-inside:avoid;margin:0 0 18px;background:#14161b;border:1px solid #303239;display:inline-block;width:100%;vertical-align:top}
.print-archive-item img{display:block;width:100%;height:auto;background:#fff;transition:transform .28s ease,filter .28s ease;cursor:zoom-in}
.print-archive-item:hover img{filter:brightness(1.03) saturate(1.03)}
.print-archive-item figcaption{display:flex;justify-content:space-between;gap:14px;padding:13px 14px;border-top:1px solid #303239;color:#8d9096;font:750 8px/1.35 var(--font-sans,Arial,sans-serif);letter-spacing:.14em}
.print-archive-item figcaption span:first-child{color:var(--acid,#c4ff39)}
@media(max-width:900px){.print-archive-head{grid-template-columns:1fr}.print-archive-grid{columns:2 240px}}
@media(max-width:560px){.print-archive{padding-left:18px!important;padding-right:18px!important}.print-archive-grid{columns:1}.print-archive-item{margin-bottom:16px}}
