@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Manrope:wght@400;500;600&display=swap";:root{--black:#0a0a0a;--char:#161616;--ivory:#ece7dc;--sand:#c4a36b;--earth:#7b4a32;--sea:#081a24;--rust:#9a533c;--progress:0%;--serif:"Cormorant Garamond",serif;--sans:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black);color:var(--ivory)}body{font-family:var(--sans);background:var(--black);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.progress{z-index:100;height:2px;width:var(--progress);background:linear-gradient(90deg,var(--sand),#315f70);transition:width .1s linear;position:fixed;top:0;left:0}.eyebrow{letter-spacing:.26em;color:var(--sand);font-size:.68rem;font-weight:600}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:500}h2{letter-spacing:-.04em;font-size:clamp(3rem,7vw,7rem);line-height:.84}header{z-index:50;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;width:100%;height:84px;padding:0 5vw;display:flex;position:absolute;top:0;left:0}.brand{font-family:var(--serif);font-size:1.55rem}.brand span{color:var(--sand);font-style:italic}nav{letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:2rem;font-size:.7rem;display:flex}nav>a:not(.button){opacity:.75}nav>a:hover{opacity:1}.menu{color:inherit;background:0 0;border:0;display:none}.button{background:var(--sand);color:#111;text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--sand);justify-content:center;align-items:center;gap:.7rem;padding:.95rem 1.25rem;font-size:.7rem;font-weight:600;transition:all .2s;display:inline-flex}.button:hover{background:var(--ivory);border-color:var(--ivory);transform:translateY(-2px)}.text-link{text-transform:uppercase;letter-spacing:.13em;border-bottom:1px solid #fff5;align-items:center;gap:.5rem;padding-bottom:.4rem;font-size:.7rem;display:inline-flex}.text-link:hover{border-color:var(--sand)}.section-pad{padding:10rem 8vw}.hero{isolation:isolate;grid-template-columns:1.1fr .9fr;align-items:center;min-height:100svh;padding:8rem 8vw 4rem;display:grid;position:relative;overflow:hidden}.desert:before{content:"";z-index:-2;background:linear-gradient(170deg,#0000 18%,#8c765533 19%,#332d2333 42%,#0000 43%),repeating-linear-gradient(176deg,#57472f22 0 2px,#0000 2px 45px);position:absolute;inset:55% -10% -20%;transform:perspective(600px)rotateX(50deg)}.dust{z-index:-1;opacity:.18;background-image:radial-gradient(circle,#dec89a 0 1px,#0000 1.2px);background-size:41px 41px;animation:20s linear infinite drift;position:absolute;inset:0}.road{z-index:-1;clip-path:polygon(47% 0,53% 0,100% 100%,0 100%);filter:drop-shadow(0 0 20px #000);background:linear-gradient(90deg,#0000,#171716dd 15% 85%,#0000);width:13%;height:80%;position:absolute;bottom:-18%;left:57%}.shoe{background:#090909;border-radius:70% 20% 50% 40%;width:26px;height:12px;position:absolute;bottom:15%;left:58%;transform:rotate(-21deg);box-shadow:8px 2px 0 -3px #4a3d2d}.hero-copy{z-index:2;max-width:680px}.hero h1{letter-spacing:-.06em;margin:2rem 0 1.6rem;font-size:clamp(4.2rem,8vw,8.8rem);line-height:.72}.hero h1 em{color:var(--sand);font-weight:500}.author{letter-spacing:.28em;margin-bottom:3rem;font-size:.72rem}.hero blockquote{font-family:var(--serif);border-left:1px solid var(--sand);color:#cfc8bb;margin:0 0 2.2rem;padding-left:1.3rem;font-size:clamp(1.15rem,1.7vw,1.55rem);line-height:1.4}.hero blockquote b{color:#fff;font-weight:500}.actions{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.scroll-note{letter-spacing:.23em;opacity:.5;font-size:.56rem;position:absolute;bottom:2rem;left:8vw}.book-stage{perspective:1500px;place-items:center;height:620px;display:grid}.book{--rx:0deg;--ry:0deg;width:320px;height:500px;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(calc(-12deg + var(--ry))) translateY(-5px);filter:drop-shadow(36px 45px 35px #000b);transition:transform .35s;animation:6s ease-in-out infinite float;position:relative}.book-cover{background:linear-gradient(170deg,#2a2a28,#080909 48%,#14242a);border:1px solid #ffffff24;flex-direction:column;justify-content:space-between;padding:30px 26px;display:flex;position:absolute;inset:0;overflow:hidden;transform:translateZ(17px)}.book-cover:after{content:"";z-index:-1;background:linear-gradient(175deg,#0000 15%,#ad91605c 16% 18%,#050505 19% 35%,#244451aa 36% 43%,#0000 44%);width:230%;height:35%;position:absolute;top:32%;left:-60%;transform:rotate(-7deg)}.cover-kicker,.cover-author{font:500 9px/1.4 var(--sans);letter-spacing:.19em}.book-cover strong{font:500 44px/.78 var(--serif);letter-spacing:-.05em}.book-cover strong i{color:var(--sand);font-weight:500}.book-spine{writing-mode:vertical-rl;width:34px;height:100%;font:500 10px var(--serif);letter-spacing:.15em;background:#111;justify-content:center;align-items:center;display:flex;position:absolute;left:-17px;transform:rotateY(-90deg)}.premise{background:var(--ivory);color:#161616;grid-template-columns:1.15fr .85fr;align-items:end;gap:8vw;display:grid}.premise h2 span{color:var(--rust)}.premise-copy{max-width:580px;font-size:1rem;line-height:1.9}.pull{font:italic 1.7rem/1.3 var(--serif);margin-top:3rem}.counter{text-align:center;background:#090909;grid-template-columns:1fr 1px 1fr;align-items:center;min-height:100vh;padding:8vw;display:grid;position:relative}.counter>div{flex-direction:column;display:flex}.counter strong{font:500 clamp(11rem,25vw,28rem)/.7 var(--serif);color:var(--ivory)}.counter span{letter-spacing:.25em;margin-top:3rem;font-size:.65rem}.counter-line{background:linear-gradient(transparent,var(--sand),transparent);width:1px;height:45vh}.counter>p{width:100%;font:italic 1.3rem var(--serif);color:#a49d91;position:absolute;bottom:3rem;left:50%;transform:translate(-50%)}.section-head{justify-content:space-between;align-items:start;gap:2rem;margin-bottom:7rem;display:flex}.section-head h2{max-width:850px}.people{border-top:1px solid #ffffff2a}.people article{border-bottom:1px solid #ffffff2a;grid-template-columns:80px minmax(190px,1fr) 1.3fr;align-items:center;gap:2rem;min-height:135px;transition:all .25s;display:grid}.people article:hover{background:#ffffff05;padding-left:1rem}.people article>span{color:var(--sand);font-size:.65rem}.people h3{margin:0;font-size:2.8rem}.people p{color:#aaa49b;max-width:520px;margin:0;line-height:1.6}.stages{background:linear-gradient(#19140f,var(--sea));padding:11rem 8vw}.stages>div{border-top:1px solid #ffffff26;align-items:center;gap:5vw;height:25vh;display:flex}.stages span{color:var(--sand);font-size:.65rem}.stages h2{margin:0;font-size:clamp(3rem,8vw,8rem);transition:all .3s}.stages div:hover h2{color:var(--sand);transform:translate(2vw)}.salt{background:#111;grid-template-columns:.9fr 1.1fr;align-items:center;gap:10vw;display:grid}.salt h2{font-size:clamp(3.2rem,6vw,6rem)}.salt>div:last-child>p:last-child{color:#aaa49b;max-width:580px;line-height:1.8}.envelope{aspect-ratio:1.45;background:linear-gradient(135deg,#d8ccb4,#9f9279);width:min(100%,520px);position:relative;overflow:hidden;transform:rotate(-4deg);box-shadow:0 30px 60px #000}.envelope:before,.envelope:after{content:"";background:#beb198;border-bottom:1px solid #796d58;width:75%;height:80%;position:absolute;top:-27%}.envelope:before{left:-26%;transform:rotate(35deg)}.envelope:after{right:-26%;transform:rotate(-35deg)}.hidden-ink{font:600 12px/1.8 var(--sans);letter-spacing:.2em;color:#46352655;position:absolute;bottom:12%;right:12%}.crystal{z-index:2;background:#fff;width:6px;height:6px;position:absolute;transform:rotate(45deg);box-shadow:20px 30px #fff9,55px 5px #fff8,-20px 50px #fff7}.c1{bottom:25%;left:15%}.c2{top:25%;right:20%}.sea{background:radial-gradient(circle at 70% 15%,#afc8d21f,#0000 25%),linear-gradient(#07151d,#02070a);place-items:center;min-height:110vh;display:grid;position:relative;overflow:hidden}.waves{background:repeating-radial-gradient(at 50% 0,#45667822 0 3px,#0000 4px 24px);animation:10s ease-in-out infinite waves;position:absolute;inset:55% -20% -10%;transform:perspective(800px)rotateX(60deg)}.sea-copy{text-align:center;z-index:1}.sea h2{font-size:clamp(4rem,9vw,9rem)}.sea-copy>p:not(.eyebrow){font:italic 1.5rem var(--serif);margin:2rem}.names{text-align:center;background:#030607;min-height:100vh;padding-top:12rem}.names>p{font:italic clamp(1.2rem,2.2vw,2rem) var(--serif);color:#98948d;margin:0 2.2vw 5rem;display:inline-block}.names h2{font-size:clamp(3rem,6vw,6rem)}.names h2 span{color:var(--sand)}.book-info{background:var(--ivory);color:#131313;grid-template-columns:.8fr 1.2fr;align-items:center;gap:9vw;display:grid}.book-stage.small{height:550px}.small .book{width:280px;height:440px;transform:rotateY(12deg)}.book-info h2{font-size:clamp(3rem,5.5vw,5.8rem)}.book-info>div:last-child>p{max-width:650px;line-height:1.8}.book-info dl{border-top:1px solid #0002;gap:4rem;margin:2.5rem 0;padding-top:1.5rem;display:flex}.book-info dl div{gap:.5rem;display:grid}.book-info dt{letter-spacing:.18em;font-size:.6rem}.book-info dd{font-family:var(--serif);margin:0;font-size:1.3rem}.author-section{background:#17130f;grid-template-columns:.8fr 1.2fr;align-items:center;gap:10vw;display:grid}.author-mark{aspect-ratio:1;font:italic clamp(6rem,15vw,14rem) var(--serif);color:var(--sand);background:radial-gradient(circle,#c4a36b19,#0000 60%);border:1px solid #c4a36b55;border-radius:50%;place-items:center;display:grid}.author-section h2{font-size:clamp(4rem,7vw,7rem)}.author-section>div:last-child>p:not(.eyebrow){color:#aaa49b;max-width:600px;line-height:1.8}.more{background:#0b0c0c}.book-list{border-top:1px solid #ffffff2a;margin-bottom:3rem}.other-book{border-bottom:1px solid #ffffff2a;grid-template-columns:70px 1.2fr 1fr 30px;align-items:center;gap:2rem;padding:2.5rem 1rem;transition:all .25s;display:grid}.other-book:hover{background:var(--hover);color:var(--ink);padding-left:2rem}.other-book.ochre{--hover:#8d6644;--ink:#fff}.other-book.blue{--hover:#173746;--ink:#fff}.other-book.ivory{--hover:#e3ddd1;--ink:#151515}.other-book>span{font-size:.65rem}.other-book h3{text-transform:uppercase;margin:0;font-size:2.4rem}.other-book p{color:#a6a19a;margin:0;line-height:1.5}.other-book:hover p{color:inherit}.final{text-align:center;place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.final .road{width:12%;height:65%;bottom:-20%;left:44%}.final-copy{z-index:2;max-width:900px}.final-copy>p:first-child{letter-spacing:.2em;color:var(--sand);font-size:.65rem}.final h2{font-size:clamp(4rem,8vw,8rem)}.final h2 span{color:var(--sand)}.final-copy>p:not(:first-child){font:italic 1.3rem/1.5 var(--serif);max-width:620px;margin:0 auto 2rem}.final .actions{justify-content:center}footer{color:#aaa49b;background:#050505;border-top:1px solid #ffffff1c;grid-template-columns:1fr 1fr 1fr;gap:3rem;padding:5rem 8vw 8rem;font-size:.75rem;line-height:1.7;display:grid}footer div{gap:.5rem;display:grid}footer small{border-top:1px solid #ffffff1c;grid-column:1/-1;padding-top:1.5rem}.mobile-buy{z-index:90;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141414e8;border:1px solid #ffffff20;align-items:center;gap:1.5rem;padding:.65rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 10px 40px #000}.mobile-buy>span{letter-spacing:.12em;flex-direction:column;font-size:.6rem;display:flex}.mobile-buy small{color:var(--sand);margin-top:.2rem}@keyframes float{50%{transform:rotateX(var(--rx)) rotateY(calc(-12deg + var(--ry))) translateY(10px)}}@keyframes drift{to{background-position:82px 41px}}@keyframes waves{50%{transform:perspective(800px)rotateX(60deg)translateY(20px)}}@media (width<=900px){header{height:70px;padding:0 1.2rem}.menu{display:block}nav{background:#0a0a0af5;flex-direction:column;align-items:stretch;width:100%;padding:2rem;display:none;position:absolute;top:70px;left:0}nav.open{display:flex}.hero{text-align:center;grid-template-columns:1fr;padding:7rem 1.3rem 4rem}.hero-copy{margin:auto}.hero h1{font-size:clamp(3.8rem,17vw,6rem)}.hero blockquote{text-align:left;display:inline-block}.hero .actions{justify-content:center}.book-stage{height:420px}.book{width:210px;height:330px}.book-cover{padding:20px 17px}.book-cover strong{font-size:29px}.scroll-note{display:none}.road{width:22%;left:42%}.section-pad{padding:7rem 1.3rem}.premise,.salt,.book-info,.author-section{grid-template-columns:1fr}.premise{gap:3rem}.counter{min-height:80vh;padding:4rem 1rem}.counter strong{font-size:36vw}.counter span{letter-spacing:.12em}.section-head{margin-bottom:4rem;display:block}.people article{grid-template-columns:40px 1fr;gap:1rem;padding:1.4rem 0}.people article p{grid-column:2}.people h3{font-size:2.2rem}.stages{padding:7rem 1.3rem}.stages>div{height:18vh}.stages h2{font-size:clamp(2.5rem,12vw,5rem)}.salt{gap:5rem}.envelope{margin:auto}.book-info .small{order:2;height:470px}.small .book{width:230px;height:360px}.book-info dl{flex-direction:column;gap:1.5rem}.author-mark{width:min(82vw,480px);margin:auto}.other-book{grid-template-columns:35px 1fr 24px;gap:1rem}.other-book p{grid-column:2}.other-book h3{font-size:1.8rem}.other-book svg{grid-area:1/3}.final{padding:6rem 1.3rem}.final .road{width:24%;left:38%}footer{grid-template-columns:1fr;padding:4rem 1.3rem 8rem}footer small{grid-column:auto}.mobile-buy{justify-content:space-between;padding:.55rem .8rem;bottom:0;left:0;right:0}.mobile-buy .button{padding:.85rem 1rem}}@media (width<=420px){.hero h1{font-size:3.55rem}.hero .eyebrow{font-size:.55rem}.hero{align-content:start;min-height:1080px}.book-stage{height:390px}.counter>p{font-size:1.1rem}.names>p{margin-bottom:2rem;display:block}.names h2{margin-top:5rem}.mobile-buy>span{display:none}.mobile-buy .button{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.dust{display:none}.book{transform:rotateY(-10deg)}}:focus-visible{outline:2px solid var(--sand);outline-offset:4px}.brand-logo-shell{background:#f4f0e8f2;border:1px solid #ffffff38;border-radius:5px;align-items:center;padding:.28rem .5rem;display:inline-flex;box-shadow:0 8px 24px #0005}.brand-logo-shell img{width:clamp(8.2rem,11vw,10.5rem);height:auto;display:block}footer .brand-logo-shell{align-self:start;width:max-content}@media (width<=900px){.brand-logo-shell img{width:8.2rem}}.counter span{color:#f1d28f;text-shadow:0 2px 16px #000,0 0 22px #d4ae7455;font-weight:700}.counter>div:not(.counter-line){flex-direction:column;justify-content:center;align-items:center;display:flex}.counter>div:not(.counter-line)>strong{display:block}.counter>div:not(.counter-line)>span{text-align:center;width:100%;margin-top:2.25rem;display:block;position:static}:root{--black:#05090c;--char:#101820;--ivory:#ede8dd;--sand:#d4ae74;--earth:#6d4126;--sea:#071923;--rust:#97603d;--storm:#263746}.desert{background:radial-gradient(circle at 76% 16%,#d4ae7424,#0000 18%),linear-gradient(#07131c 0%,#102532 47%,#14191c 63%,#24190f 100%)}.cover-theme:after{content:"";z-index:-3;filter:saturate(.74)contrast(1.08);background:linear-gradient(90deg,#03090df2 0%,#06101ae8 38%,#07131b8a 67%,#07131bd9 100%),url(/assets/salt-road-front.png) 50%/cover no-repeat;position:absolute;inset:0;transform:scale(1.02)}.book{height:512px}.book-cover{background:#06121a;border-color:#ffffff30;padding:0}.book-cover:after{content:"";z-index:1;background:linear-gradient(115deg,#0000 38%,#ffffff2b 48%,#0000 58%);width:auto;height:auto;animation:7s ease-in-out infinite coverShine;position:absolute;inset:0;transform:translate(-130%)}.book-cover img{object-fit:cover;width:100%;height:100%;display:block}.book-info{background:linear-gradient(135deg,#eee7db,#cbb99e)}.cover-pair{min-height:590px;position:relative}.back-cover{aspect-ratio:992/1586;object-fit:cover;filter:saturate(.86);width:255px;position:absolute;top:12%;left:2%;transform:rotate(-6deg);box-shadow:0 28px 55px #37281866}.cover-pair .book-stage{z-index:2;position:relative}.characters{background:linear-gradient(#101820,#17130f)}.salt{background:linear-gradient(145deg,#09141c,#111)}.author-section{background:linear-gradient(145deg,#0b1922,#17130f)}.final.desert{background:linear-gradient(#071923,#1c140d)}@keyframes coverShine{0%,55%{transform:translate(-130%)}75%,to{transform:translate(130%)}}@media (width<=900px){.book-cover{padding:0}.cover-theme:after{background-position:63%}.cover-pair{min-height:520px}.back-cover{width:210px;top:18%;left:4%}.cover-pair .book-stage.small{position:absolute;top:0;right:0}.book-info .cover-pair{order:2}.book-info .small{order:initial}.book{height:336px}.small .book{height:368px}}@media (width<=420px){.cover-pair{min-height:470px}.back-cover{width:175px}.cover-pair .book-stage.small{right:-12px}.small .book{width:205px;height:328px}}
