@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{color-scheme:dark;--bg:#080b12;--navy:#101a2a;--navy2:#152237;--gold:#d6b477;--gold2:#f0d8a4;--text:#f3f0e9;--muted:#abb4c2;--line:rgba(218,188,130,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65;overflow-x:hidden}body::before{content:'';position:fixed;inset:-25%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 42% 38% at 24% 27%,rgba(22,43,78,.34),transparent 78%),radial-gradient(ellipse 40% 35% at 83% 72%,rgba(68,51,34,.15),transparent 75%);animation:ambient 23s ease-in-out infinite alternate}@keyframes ambient{to{transform:translate(3%,-3%) scale(1.08);filter:hue-rotate(7deg)}}
a{color:inherit;text-decoration:none}img{max-width:100%}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}::selection{background:#866c42;color:white}
.site-shell,.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(8,12,20,.86);backdrop-filter:blur(22px);border-bottom:1px solid rgba(226,193,129,.12)}.site-nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font:800 19px 'Manrope',sans-serif;letter-spacing:.12em;color:var(--gold2)}.brand img{width:35px;height:44px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(77,121,191,.13))}.brand small{display:block;color:#9eacbc;font:600 8px 'Manrope',sans-serif;letter-spacing:.23em;margin-top:1px}.site-links{display:flex;align-items:center;gap:clamp(12px,2.5vw,33px)}.site-links a{color:#bdc4ce;font-size:13px;font-weight:600;transition:color .2s}.site-links a:hover,.site-links a[aria-current=page]{color:var(--gold2)}.nav-toggle{display:none;background:transparent;border:1px solid var(--line);color:var(--gold2);border-radius:8px;padding:4px 12px;font-size:22px}
h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.18}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500}em{font-style:italic;color:var(--gold)}.overline,.eyebrow,.index,.status{font:700 11px 'Manrope',sans-serif;letter-spacing:.22em;color:var(--gold);text-transform:uppercase}.overline .dot{display:none}.site-footer{margin-top:100px;border-top:1px solid var(--line);background:rgba(6,9,15,.7)}.footer-flex{padding:45px 0;display:flex;justify-content:space-between;align-items:start;gap:28px}.footer-flex strong{color:var(--gold2);letter-spacing:.18em}.footer-flex p{color:var(--muted);font-size:13px;margin:5px 0}.footer-flex small{color:#84909d;font-size:12px}.footer-flex nav{display:flex;flex-wrap:wrap;gap:20px;font-size:13px;color:#c3cad3}.footer-flex nav a:hover{color:var(--gold)}
/* Home: no product previews, no manifesto */
body.homepage main{min-height:calc(100svh - 170px);display:flex;align-items:center;position:relative;isolation:isolate}body.homepage main::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 54% 62% at 52% 46%,rgba(24,42,73,.47),transparent 75%),radial-gradient(ellipse 35% 42% at 75% 25%,rgba(113,83,40,.12),transparent 85%);animation:homeglow 17s ease-in-out infinite alternate}@keyframes homeglow{to{opacity:.55;transform:scale(1.12) translate(-2%,2%)}}.home-hero{width:100%;text-align:center;padding:76px 0 84px}.home-flame{width:clamp(72px,9vw,106px);height:clamp(80px,11vw,118px);object-fit:contain;display:block;margin:0 auto 21px;filter:drop-shadow(0 9px 25px rgba(30,81,144,.16))}.home-hero h1{font:600 clamp(48px,8vw,105px)/1.1 'Playfair Display',Georgia,serif;letter-spacing:.075em;color:var(--gold2);margin:12px 0 10px}.home-hero .subline{font:700 11px 'Manrope',sans-serif;letter-spacing:.33em;color:#d7c49f}.home-hero .intro{font-size:clamp(16px,2vw,19px);color:#c7cbd4;max-width:590px;margin:30px auto 35px}.home-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.lux-btn{border:1px solid rgba(213,180,115,.55);padding:13px 23px;border-radius:5px;letter-spacing:.035em;font-size:13px;font-weight:700;transition:background .25s,transform .25s,border-color .25s}.lux-btn:hover{transform:translateY(-2px);background:rgba(213,180,115,.13)}.lux-btn.primary{background:var(--gold);color:#101521;border-color:var(--gold)}.lux-btn.primary:hover{background:var(--gold2)}.home-rule{height:1px;width:70px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:34px auto 0}
/* Interior */
.interior-intro{padding:76px 0 46px;border-bottom:1px solid var(--line);margin-bottom:32px}.interior-intro h1{font-size:clamp(46px,6.5vw,82px);margin:15px 0 15px;color:var(--text)}.interior-intro p{color:var(--muted);font-size:17px;max-width:680px}.section{padding:44px 0}.section-top{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:28px}.section-top h2{font-size:clamp(26px,3vw,40px);margin:8px 0 0}.section-top p{color:var(--muted);font-size:14px}.library-tools{margin:0 0 30px;display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:15px 20px;align-items:center}.search-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#book-search{width:100%;background:#111a29;border:1px solid rgba(207,180,128,.22);border-radius:6px;color:var(--text);padding:13px 17px;min-height:48px}#book-search::placeholder{color:#8895a6}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{background:#121c2b;border:1px solid rgba(207,180,128,.16);border-radius:5px;color:#b8c1cc;font-size:12px;padding:11px 14px}.filter.active,.filter:hover{border-color:var(--gold);color:var(--gold2)}.result-count{grid-column:1/-1;color:#96a1ae;font-size:12px;margin:0}
.books{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 24px}.book{min-width:0;display:flex;flex-direction:column;align-items:flex-start;border-top:1px solid var(--line);padding-top:19px}.book[hidden]{display:none!important}.cover-anchor{width:100%;height:300px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#142035,#0d1420);border:1px solid rgba(204,174,117,.1);border-radius:5px;padding:20px;transition:border-color .2s,transform .2s}.cover-anchor:hover{border-color:rgba(214,180,119,.45);transform:translateY(-3px)}.cover-anchor img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(8px 11px 11px rgba(0,0,0,.35))}.book h3{font:700 15px/1.5 'Manrope',sans-serif;margin:17px 0 6px;letter-spacing:.01em}.book>p{color:#a9b4c2;font-size:12px;line-height:1.55;margin:0 0 9px}.tag{color:var(--gold);font-size:10px;letter-spacing:.11em;text-transform:uppercase;margin-bottom:11px}.book-link,.amazon-link,.inline-link{font-size:12px;font-weight:700;color:var(--gold2);margin-top:auto}.amazon-link{margin-top:7px;color:#9aa9bb;font-weight:500}.empty-state{color:var(--muted);padding:20px}
.site-back{display:inline-block;margin:36px 0 12px;color:var(--gold2);font-size:13px}.book-detail{display:grid;grid-template-columns:minmax(240px,400px) minmax(0,1fr);align-items:center;gap:clamp(35px,7vw,110px);padding:40px 0 70px}.real-cover{padding:28px;min-height:440px;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#152238,#0a111d);border:1px solid var(--line);border-radius:7px}.real-cover img{width:auto;max-height:480px;object-fit:contain;box-shadow:11px 16px 25px rgba(0,0,0,.28)}.book-detail h1{font-size:clamp(35px,4vw,62px);color:var(--text);margin:14px 0}.book-detail>div:last-child>p{font-size:18px;color:#bec6d1}.info-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin:30px 0;color:var(--muted);font-size:14px}.info-panel p{margin:6px 0}.btn{display:inline-block;padding:12px 22px;background:var(--gold);color:#111826;border-radius:5px;font-weight:700;font-size:13px}.btn:hover{background:var(--gold2)}
.app-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;border:1px solid var(--line);border-radius:10px;background:linear-gradient(120deg,#121e31,#0b121f);padding:clamp(26px,5vw,62px)}.app-panel h2{font-size:clamp(36px,5vw,65px);margin:18px 0}.app-panel p{color:#b8c3d1;max-width:490px}.muted{color:#8998a8;font-size:13px}.app-art{min-height:250px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:9px;background:radial-gradient(ellipse at 50% 40%,rgba(54,98,139,.32),transparent 65%),#0b1828;border:1px solid rgba(165,194,220,.12);color:#a5c6df;letter-spacing:.22em;font-weight:700;font-size:12px}.app-art .globe{font-size:90px;font-weight:400;line-height:1.3;color:#91b5cc}.status{display:inline-block;border:1px solid rgba(214,180,119,.4);border-radius:3px;padding:5px 9px;font-size:10px}
/* Secondary pages and legacy content */
main .section-heading h2{font-size:clamp(28px,4vw,52px)}.section-heading p,main .section p{color:var(--muted)}.section-heading{margin-bottom:24px}.discipline-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.discipline{padding:32px;background:#101b2b;border:1px solid var(--line);border-radius:8px}.discipline h3{font-size:26px;margin:12px 0}.discipline p{color:var(--muted)}.text-link{color:var(--gold);font-size:13px}.site-footer a:hover{color:var(--gold)}
@media(max-width:900px){.books{grid-template-columns:repeat(3,minmax(0,1fr))}.cover-anchor{height:265px}.site-links{gap:13px}.brand{font-size:16px}}
@media(max-width:700px){.site-shell,.wrap{width:min(100% - 36px,1180px)}.site-nav{height:69px}.brand{font-size:15px}.brand img{width:29px;height:38px}.brand small{font-size:7px}.nav-toggle{display:block}.site-links{display:none;position:absolute;top:69px;left:0;right:0;background:#0b1220;padding:20px 24px 26px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);gap:0}.site-links.open{display:flex}.site-links a{padding:12px 6px;border-bottom:1px solid rgba(255,255,255,.05)}.home-hero{padding:70px 0}.home-hero h1{font-size:clamp(45px,11vw,69px);letter-spacing:.035em}.home-hero .subline{font-size:9px;letter-spacing:.23em}.home-hero .intro{margin:24px auto 27px}.interior-intro{padding:55px 0 35px}.section-top{display:block}.library-tools{grid-template-columns:1fr}.result-count{grid-column:auto}.books{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.cover-anchor{height:240px;padding:13px}.book h3{font-size:13px}.book>p{font-size:11px}.book-detail{grid-template-columns:1fr;gap:27px}.real-cover{min-height:330px}.real-cover img{max-height:390px}.app-panel{grid-template-columns:1fr;gap:22px}.app-art{min-height:190px}.footer-flex{display:block}.footer-flex nav{margin-top:25px}.discipline-grid{grid-template-columns:1fr}.site-footer{margin-top:60px}}
@media(max-width:380px){.books{grid-template-columns:1fr 1fr}.cover-anchor{height:205px}.home-actions{flex-direction:column}.lux-btn{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* 2026 refinement: elegant motion, not sci-fi */
body.homepage main{overflow:hidden;background:#050912}
body.homepage main::before{inset:-12%;background:radial-gradient(ellipse 46% 43% at 18% 43%,rgba(21,47,83,.47),transparent 78%),radial-gradient(ellipse 48% 40% at 84% 56%,rgba(13,39,73,.40),transparent 80%);animation:navy-drift 26s ease-in-out infinite alternate;will-change:transform;opacity:1}
body.homepage main::after{content:'';position:absolute;inset:-35%;z-index:-1;pointer-events:none;background:conic-gradient(from 115deg at 52% 48%,transparent 0deg,rgba(21,46,77,.10) 33deg,transparent 71deg,rgba(43,77,119,.14) 109deg,transparent 158deg,rgba(140,112,72,.025) 215deg,transparent 285deg);filter:blur(58px);transform:rotate(-10deg) scale(1.2);animation:silk-drift 36s ease-in-out infinite alternate;will-change:transform}
@keyframes navy-drift{0%{transform:translate(-3%,1%) scale(1)}100%{transform:translate(4%,-3%) scale(1.14)}}
@keyframes silk-drift{0%{transform:rotate(-12deg) scale(1.08) translateX(-2%)}100%{transform:rotate(9deg) scale(1.18) translateX(2%)}}
body.homepage .home-hero{position:relative;z-index:1}
.brand{letter-spacing:.11em}.brand small{letter-spacing:.16em}
.series-promo{margin-top:28px;margin-bottom:18px;padding:29px clamp(22px,4vw,46px);border:1px solid rgba(214,180,119,.2);border-radius:9px;background:linear-gradient(110deg,#101b2b,#0c1422 75%);display:flex;align-items:center;justify-content:space-between;gap:28px;overflow:hidden}
.series-promo h2{font-size:clamp(27px,3.5vw,43px);margin:8px 0 6px;color:var(--gold2)}.series-promo p{font-size:14px;color:var(--muted);margin-bottom:14px}
.series-mini-covers{display:flex;align-items:center;justify-content:center;gap:12px;flex:0 0 43%}.series-mini-covers img{height:165px;width:auto;max-width:30%;object-fit:contain;box-shadow:8px 12px 18px rgba(0,0,0,.32)}
.series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.series-card{border:1px solid var(--line);border-radius:8px;padding:21px;background:linear-gradient(155deg,#121e30,#0a111c)}.series-cover{display:flex;align-items:center;justify-content:center;height:380px;margin-bottom:23px}.series-cover img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:10px 13px 22px rgba(0,0,0,.36)}.series-card h2{font-size:25px;margin:8px 0}.series-card p{color:var(--muted);font-size:14px}.series-back{display:block;margin-top:22px;color:var(--gold2);font-size:14px}
.contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.contact-card{padding:clamp(25px,4vw,48px);border:1px solid var(--line);background:linear-gradient(145deg,#142035,#0a121e);border-radius:9px}.contact-card h2{font-size:clamp(28px,3vw,41px);margin:14px 0}.contact-card p{color:var(--muted)}.contact-address{display:inline-block;color:var(--gold2);font-size:clamp(16px,2vw,21px);overflow-wrap:anywhere;margin:8px 0 27px}.footer-email a{color:var(--gold2)}
@media(max-width:700px){.series-promo{flex-direction:column;align-items:stretch}.series-mini-covers{flex:initial}.series-mini-covers img{height:125px}.series-grid,.contact-grid{grid-template-columns:1fr}.series-cover{height:310px}.brand{font-size:15px}.site-nav{gap:10px}}
@media(prefers-reduced-motion:reduce){body.homepage main::before,body.homepage main::after{animation:none!important;will-change:auto!important}}



/* ARIN RAHN · Studio Refinement 2026.10.14 — definitive overrides */
.site-header .brand,.site-header .brand:visited{color:#e1bf82!important;font-weight:800!important;letter-spacing:.115em!important;text-shadow:0 1px 10px rgba(173,119,47,.09)}
.site-header .brand:hover{color:#f1d49c!important}
.site-header .brand small{color:#b8bdc7!important;font-weight:600!important;letter-spacing:.17em}
.site-header{background:rgba(5,8,14,.91);border-bottom:1px solid rgba(204,170,112,.16)}
body.homepage main{position:relative;isolation:isolate;overflow:hidden;background:#03050a!important;min-height:calc(100svh - 160px)}
/* Multiple low-contrast black / graphite / midnight-navy silk currents; distinct from a blue page background. */
body.homepage main::before{content:'';position:absolute;inset:-30%;z-index:0;pointer-events:none;opacity:.88!important;filter:blur(36px);background:radial-gradient(ellipse 28% 32% at 16% 40%,rgba(25,42,65,.64),transparent 78%),radial-gradient(ellipse 30% 34% at 78% 62%,rgba(20,36,60,.54),transparent 78%);animation:arin-silk-current-a 17s ease-in-out infinite alternate!important;will-change:transform}
body.homepage main::after{content:'';position:absolute;inset:-25%;z-index:0;pointer-events:none;opacity:.75!important;filter:blur(32px);background:linear-gradient(152deg,transparent 25%,rgba(27,43,66,.20) 41%,rgba(38,58,83,.31) 48%,rgba(14,25,43,.12) 55%,transparent 72%);animation:arin-silk-current-b 21s ease-in-out infinite alternate!important;will-change:transform}
body.homepage .ambient-ribbons{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;opacity:1!important}
body.homepage .ribbon{position:absolute;display:block;width:155%;height:30%;left:-24%;border-radius:50%;mix-blend-mode:screen;filter:blur(26px);will-change:transform,opacity}
body.homepage .ribbon-one{top:15%;background:linear-gradient(180deg,transparent 17%,rgba(28,45,69,.035) 33%,rgba(46,69,99,.25) 49%,rgba(16,31,53,.08) 64%,transparent 79%);animation:arin-silk-ribbon-a 14s ease-in-out infinite alternate!important}
body.homepage .ribbon-two{bottom:10%;left:-18%;background:linear-gradient(180deg,transparent 17%,rgba(22,38,62,.035) 33%,rgba(41,66,97,.22) 49%,rgba(14,29,50,.08) 64%,transparent 79%);animation:arin-silk-ribbon-b 19s ease-in-out infinite alternate!important}
body.homepage .ribbon-three{top:29%;left:18%;width:90%;height:35%;background:radial-gradient(ellipse,rgba(31,51,79,.15),transparent 71%);animation:arin-silk-ribbon-c 23s ease-in-out infinite alternate!important}
body.homepage .home-hero{position:relative;z-index:2}
@keyframes arin-silk-current-a{0%{transform:translate3d(-6%,-3%,0) rotate(-5deg) scale(.93)}100%{transform:translate3d(8%,5%,0) rotate(7deg) scale(1.11)}}
@keyframes arin-silk-current-b{0%{transform:translate3d(7%,-6%,0) rotate(-8deg) scale(.94)}100%{transform:translate3d(-8%,7%,0) rotate(8deg) scale(1.14)}}
@keyframes arin-silk-ribbon-a{0%{transform:translate3d(-8%,-12%,0) rotate(-14deg) scale(.94);opacity:.5}100%{transform:translate3d(9%,16%,0) rotate(-4deg) scale(1.13);opacity:.9}}
@keyframes arin-silk-ribbon-b{0%{transform:translate3d(8%,12%,0) rotate(14deg) scale(1.08);opacity:.85}100%{transform:translate3d(-9%,-12%,0) rotate(5deg) scale(.95);opacity:.4}}
@keyframes arin-silk-ribbon-c{0%{transform:translate3d(-10%,6%,0) scale(.89);opacity:.4}100%{transform:translate3d(8%,-9%,0) scale(1.14);opacity:.95}}
/* Readability, keyboard focus, and reliable image presentation. */
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #e1bf82;outline-offset:4px}
.book .cover-anchor img,.real-cover img,.series-cover img{object-fit:contain;max-width:100%}
.book[hidden]{display:none!important}
@media(max-width:700px){body.homepage main{min-height:calc(100svh - 130px)}body.homepage .ambient-ribbons{opacity:.82!important}.site-header .brand{font-size:15px}}
@media(prefers-reduced-motion:reduce){body.homepage main::before,body.homepage main::after,body.homepage .ribbon{animation:none!important;will-change:auto!important}}