@font-face{font-family:Inter;src:url(assets/Inter-Regular.ttf) format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(assets/Inter-Bold.ttf) format('truetype');font-weight:600 900;font-display:swap}
@font-face{font-family:Barlow;src:url(assets/BarlowCondensed-Bold.ttf) format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:light;--ink:#181b21;--muted:#575b62;--paper:#f8f6f0;--line:#dcdad1;--orange:#ff7546;--rust:#a43413;--dark:#15171c;--max:1200px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:26px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.62 Inter,Arial,sans-serif}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-underline-offset:4px}
button{font:inherit}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #da6038;outline-offset:4px}
button,summary{cursor:pointer}
h1,h2,h3,p{margin:0}
h1,h2{font:700 4rem/.97 Barlow,'Arial Narrow',Arial,sans-serif}
h3{font-size:1rem;line-height:1.3}
.wrap{width:min(calc(100% - 72px),var(--max));margin-inline:auto}
.skip{position:fixed;top:12px;left:12px;padding:10px;background:#fff;z-index:20;transform:translateY(-150%)}
.skip:focus{transform:translateY(0)}
.masthead{background:var(--dark);color:#f7f3ea;border-bottom:1px solid #ffffff18}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:74px}
.brand{display:inline-flex;align-items:center;text-decoration:none;font-size:1.14rem;font-weight:800;letter-spacing:-.06em;white-space:nowrap}
.brand-mark{margin-right:10px;display:grid;place-items:center;position:relative;width:31px;height:31px;border:1px solid #ff754680;border-radius:4px;color:var(--orange);font:700 1.35rem/1 Barlow,sans-serif}
.brand-mark span{position:absolute;right:2px;top:0;font:700 .61rem Inter,sans-serif}
.brand-accent{color:var(--orange)}
nav{display:flex;gap:clamp(16px,3vw,42px);font-size:.875rem}
nav a{color:#dedbd6;text-decoration:none}
nav a:hover,.head-cta:hover{color:var(--orange)}
.head-cta{font-size:.82rem;font-weight:700;text-decoration:none;border:1px solid #ffffff32;border-radius:4px;padding:8px 12px}
.head-cta span{color:var(--orange);margin-left:7px}
.hero{background:radial-gradient(ellipse at 73% 45%,#303544 0,transparent 54%),var(--dark);color:#f8f4ea;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:24px;min-height:578px;padding-block:60px}
.hero-copy{position:relative;z-index:2}
.eyebrow{font-size:.7rem;line-height:1.4;font-weight:800;letter-spacing:.14em;color:#555961}
.eyebrow span{color:var(--rust);margin-right:6px}
.hero .eyebrow,.closing .eyebrow{color:#d1d0cc}
.hero .eyebrow span,.closing .eyebrow span{color:var(--orange)}
.hero h1{font-size:clamp(4.5rem,8.1vw,8rem);letter-spacing:-.038em;margin-top:17px}
.hero h1 em{font-style:normal;color:var(--orange)}
.hero-lead{max-width:33rem;color:#e1ded8;font-size:1.15rem;line-height:1.6;margin:25px 0}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:.6em;min-height:46px;padding:10px 16px;border:1px solid transparent;border-radius:4px;font-size:.9rem;font-weight:800;line-height:1.35;text-decoration:none}
.btn-hot{background:var(--orange);color:#1d1715;box-shadow:0 3px 0 #6c240f3d}
.btn-hot:hover{background:#ff946f}
.btn-plain{background:#fffc;border-color:#9d9b93;color:var(--ink)}
.btn-plain:hover{background:#fff;border-color:#4b4b49}
.hero-note{color:#bdbec1;font-size:.82rem;margin-top:15px}
.hero-art{height:460px;position:relative;isolation:isolate}
.hero-art:before{content:"";position:absolute;inset:8% 0;background-image:linear-gradient(#ffffff10 1px,transparent 1px),linear-gradient(90deg,#ffffff10 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,#000 25%,transparent 73%)}
.hero-orbit{position:absolute;inset:13% 4% 11%;border:1px solid #ff75464d;border-radius:50%;transform:rotate(-21deg)}
.orbit-two{inset:18% -1% 17%;transform:rotate(25deg);border-color:#ffffff21}
.hero-cover{position:absolute;aspect-ratio:2/3;width:32%;border-radius:2px 4px 4px 2px;box-shadow:12px 17px 35px #08090ac9;transform:rotate(var(--angle));overflow:hidden}
.hero-cover img{width:100%;height:100%;object-fit:cover}
.hero-cover:after,.cover-open:after{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:linear-gradient(90deg,#0005,#fff2,transparent)}
.hc-0{left:32%;top:15%;width:38%;z-index:4;--angle:-5deg}
.hc-1{left:8%;top:22%;z-index:2;--angle:-14deg}
.hc-2{left:61%;top:21%;z-index:3;--angle:12deg}
.hc-3{left:69%;top:10%;z-index:1;--angle:20deg;width:25%}
.hero-art-label,.hero-index{position:absolute;font-size:.65rem;letter-spacing:.16em;color:#d4d5d5;font-weight:700;line-height:1.5}
.hero-art-label{top:3%;left:2%}
.hero-index{bottom:1%;right:1%}
.hero-index span{color:var(--orange)}
.finder{background:#f0eee5;padding:54px 0 62px;border-bottom:1px solid #d9d6cb}
.section-heading{margin-bottom:25px}
.section-heading h2{font-size:clamp(2.9rem,5.5vw,4.4rem);margin:9px 0 10px;letter-spacing:-.018em}
.section-heading>p:last-child{color:var(--muted)}
.finder-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.route{position:relative;display:grid;grid-template-columns:37px 1fr;gap:12px;align-items:center;min-height:98px;padding:20px 18px 14px 12px;background:#fcfaf4;border:1px solid #d6d2c4;border-radius:5px;text-decoration:none}
.route:hover{border-color:#b54e2f;background:#fff}
.route img{border-radius:2px;box-shadow:3px 3px 4px #181b2129}
.route-no{position:absolute;top:3px;left:12px;color:var(--rust);font-size:.58rem;font-weight:800;letter-spacing:.08em}
.route-label strong,.route-label small{display:block}
.route-label strong{font-size:.94rem;line-height:1.25;letter-spacing:-.025em}
.route-label small{font-size:.72rem;line-height:1.35;color:var(--muted);margin-top:5px}
.route-arrow{position:absolute;top:4px;right:6px;color:var(--rust);font-size:.85rem}
.book{padding:clamp(64px,8vw,112px) 0;border-bottom:1px solid #d9d6cc;background:var(--band);scroll-margin-top:10px}
.band-prototype{--band:#faf8f2;--art:#202938;--art-ink:#f8eee0}
.band-employee{--band:#eee8de;--art:#d4c4ad;--art-ink:#3f3026}
.band-evergreen{--band:#f0f1e7;--art:#222e29;--art-ink:#e8eee6}
.band-mac{--band:#eeeff3;--art:#c5cbd8;--art-ink:#253149}
.book-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.12fr);gap:clamp(34px,7.1vw,112px);align-items:start}
.book:nth-of-type(2n) .book-art{order:2}
.book-art{min-width:0;position:relative;isolation:isolate;display:grid;place-items:center;min-height:480px;overflow:hidden;border-radius:6px;background:var(--art);color:var(--art-ink)}
.folio,.art-caption{position:absolute;font-size:.67rem;font-weight:700;letter-spacing:.15em}
.folio{top:18px;left:18px}
.art-caption{bottom:16px;right:18px}
.cover-open{position:relative;display:block;width:min(53%,245px);padding:0;border:0;background:transparent;border-radius:2px;transform:rotate(-6deg);box-shadow:15px 18px 28px #12141865}
.band-employee .cover-open,.band-mac .cover-open{transform:rotate(5deg)}
.cover-open:hover{transform:rotate(0)}
.cover-open img{width:100%;border-radius:2px}
.book-copy h2{font-size:clamp(3.15rem,5.15vw,5.15rem);letter-spacing:-.025em;margin:11px 0 14px;max-width:13em}
.book-name{font-size:1.18rem;font-weight:800;line-height:1.35}
.lead{margin-top:15px;font-size:1.02rem;max-width:65ch}
.fit{font-size:.88rem;color:var(--muted);margin-top:12px}
.purchase{margin:21px 0 26px}
.buy-actions{display:flex;flex-wrap:wrap;gap:8px}
.buy-meta{margin-top:11px;color:#4c515a;font-size:.79rem}
.buy-meta a{font-weight:700}
.buy-meta span{margin-inline:3px}
.outcomes{padding-top:19px;border-top:1px solid #181b2130}
.outcomes ul{padding:0;margin:10px 0 18px;list-style:none;display:grid;gap:8px;font-size:.93rem}
.outcomes li{position:relative;padding-left:22px}
.outcomes li:before{content:"";position:absolute;left:3px;top:.65em;width:7px;height:7px;border:1px solid #aa4529;transform:rotate(45deg)}
.try{border-left:3px solid #cf6241;padding:11px 15px;background:#ffffff75;margin-bottom:16px}
.try h3{font-size:.78rem;letter-spacing:.04em;margin-bottom:5px}
.try p{font-size:.9rem}
details{border-top:1px solid #181b2130}
summary{font-weight:800;padding:13px 25px 13px 0;position:relative;list-style:none}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";position:absolute;right:5px;top:10px;font-size:1.15rem;color:var(--rust)}
details[open]>summary:after{content:"−"}
.sample>div{padding:0 0 12px}
.sample-title{font-weight:800;font-size:.92rem}
blockquote{margin:10px 0 12px;padding-left:13px;border-left:1px solid #ad9f90;color:#363a40}
blockquote p+p{margin-top:8px}
.sample-source{font-size:.8rem;color:var(--muted);margin-bottom:15px}
.author{padding:75px 0;background:#222630;color:#f8f4ea}
.author-grid{display:grid;grid-template-columns:minmax(0,.5fr) minmax(0,1fr);max-width:950px;align-items:center;gap:clamp(30px,7vw,94px)}
.author-portrait{width:min(100%,220px);justify-self:center;text-align:center}
.author-portrait img{width:100%;aspect-ratio:1;object-fit:cover;clip-path:circle(48.5%)}
.author-portrait span{display:block;font-size:.65rem;font-weight:700;letter-spacing:.12em;margin-top:8px;color:#d4d5d5}
.author .eyebrow{color:#d0d1d4}
.author .eyebrow span{color:var(--orange)}
.author h2{font-size:clamp(3rem,6vw,5rem);margin:10px 0 16px}
.author p:not(.eyebrow){color:#e3e3e3;margin:0 0 12px;max-width:60ch}
.author .btn{margin-top:7px}
.faq{padding:65px 0;background:#fbf9f2}
.faq-grid{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:40px}
.faq h2{font-size:clamp(2.75rem,4.5vw,4rem);margin-top:10px}
.faq details p{padding:0 15px 15px 0;color:var(--muted);font-size:.92rem}
.closing{background:#1d212a;color:#f9f6ef;padding:44px 0}
.closing-inner,.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}
.closing h2{font-size:clamp(2.8rem,5vw,4.5rem);margin-top:8px}
footer{background:var(--dark);color:#d8d8d5;border-top:1px solid #ffffff24;padding:21px 0;font-size:.78rem}
footer a{color:#eee9df}
dialog{border:1px solid #5b6069;border-radius:9px;background:#191d25;color:#f7f5ed;padding:0;width:min(calc(100% - 30px),550px);max-height:calc(100% - 30px)}
dialog::backdrop{background:#0a0c10bf}
.dialog-inner{padding:26px 25px 23px;position:relative;text-align:center}
.dialog-inner h2{font-size:clamp(1.8rem,5vw,2.8rem);padding-inline:22px}
.close{position:absolute;right:8px;top:8px;background:#323843;color:#fff;border:1px solid #686d75;border-radius:4px;min-width:44px;min-height:44px;font-size:1.3rem}
#cover-stage{perspective:950px;display:grid;place-items:center;padding:24px 0 20px;min-height:240px}
#cover-stage>img{width:min(220px,64%);max-height:49vh;object-fit:contain}
.wrap-model{--w:min(210px,50vw);--angle:-22deg;position:relative;width:var(--w);height:calc(var(--w) * 1.5);transform-style:preserve-3d;transform:rotateY(var(--angle));transition:transform .45s}
.wrap-face{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;backface-visibility:hidden}
.wrap-front{transform:translateZ(calc(var(--w)*var(--spine)/2))}
.wrap-back{transform:rotateY(180deg) translateZ(calc(var(--w)*var(--spine)/2))}
.wrap-spine{inset:0 auto 0 50%;width:calc(var(--w)*var(--spine));transform:translateX(-50%) rotateY(-90deg) translateZ(calc(var(--w)/2))}
#cover-controls{display:flex;justify-content:center;gap:8px}
#cover-controls button{min-height:44px;border:1px solid #747982;background:#242933;color:#fff;border-radius:4px;padding:5px 10px}
#cover-controls button[aria-pressed=true]{background:var(--orange);color:#191d25;border-color:var(--orange)}
@media(max-width:1000px){.hero-art{height:380px}.hero-grid{min-height:490px}.finder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.book-art{min-height:390px}}
@media(max-width:740px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:62px;gap:10px}.header-inner nav{gap:13px;font-size:.8rem}.head-cta{display:none}.hero-grid{grid-template-columns:1fr;padding-block:42px 26px;gap:12px}.hero h1{font-size:clamp(4rem,11vw,6rem)}.hero-lead{font-size:1rem;margin:17px 0}.hero-art{max-width:500px;width:100%;height:auto;aspect-ratio:1.48;margin-inline:auto}.hero-cover{width:25%}.hc-0{width:30%;left:33%;top:13%}.hc-1{left:15%;top:21%}.hc-2{left:58%;top:20%}.hc-3{left:67%;width:21%}.hero-art-label{display:none}.hero-index{bottom:0}.finder{padding:39px 0 44px}.book{padding:40px 0 53px}.book-grid{grid-template-columns:1fr;gap:27px}.book:nth-of-type(2n) .book-art{order:0}.book-art{min-height:0;height:clamp(265px,72vw,400px)}.cover-open{width:min(35%,170px)}.book-copy h2{font-size:clamp(2.9rem,10vw,4.3rem)}.author,.faq{padding:48px 0}.author-grid{gap:20px;grid-template-columns:1fr}.author-portrait{max-width:145px}.faq-grid{grid-template-columns:1fr;gap:18px}.closing-inner{align-items:flex-start;flex-direction:column;gap:17px}.footer-inner{flex-wrap:wrap}}
@media(max-width:380px){.wrap{width:calc(100% - 28px)}.finder-grid{gap:7px}.route{grid-template-columns:27px 1fr;gap:7px;padding-left:8px}.route-no{left:8px}.route-label strong{font-size:.82rem}.route-label small{font-size:.67rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wrap-model{transition:none}}