:root{color-scheme:light;--ink:#101719;--paper:#f5f7f7;--mist:#d6e3e5;--muted:#556164;--line:#ccd3d4;--gutter:clamp(22px,5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.55}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #3979bb;outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.02;letter-spacing:-.055em;font-weight:800}h2{font-size:clamp(40px,5.3vw,84px)}p{max-width:65ch}.wrap{padding-left:var(--gutter);padding-right:var(--gutter)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;left:20px;top:-80px;z-index:30;background:white;padding:12px 20px;color:var(--ink)}.skip:focus{top:15px}
.header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:25px var(--gutter);color:#fff}.wordmark{font-size:29px;font-weight:800;letter-spacing:-1.6px;line-height:1.1}.header nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:600}.header nav a{padding:10px 0}.header nav .nav-contact{border:1px solid #ffffff6b;border-radius:30px;padding:10px 22px}
.hero{position:relative;isolation:isolate;height:min(100svh,1000px);min-height:700px;color:#fff;background:#1e2927;overflow:hidden}.hero-media,.hero-shade{position:absolute;inset:0;z-index:-2}.hero-media{pointer-events:none;user-select:none}.hero-media img,.hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-media video{opacity:0}.hero-media.video-ready video{opacity:1}.hero-media.video-ready img{opacity:0}.hero-shade{z-index:-1;background:linear-gradient(180deg,#040c0c66,#040c0c0a 26%,#040c0c99 78%,#040c0cb8)}.hero-content{position:absolute;inset:24% var(--gutter) 125px;display:flex;flex-direction:column;justify-content:flex-end}.hero-intro{font-size:15px;line-height:1.5;margin-bottom:28px;text-shadow:0 1px 16px #000}.hero h1{font-size:clamp(72px,9.9vw,164px);letter-spacing:-.07em;line-height:.91;margin-left:-.065em}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:35px}.hero-bottom p{font-size:16px;line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:100px;min-height:54px;padding:15px 28px;font-size:15px;font-weight:700;text-align:center;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px)}.button-white{color:var(--ink);background:#fff}.button-white:hover{background:var(--mist)}.button-dark{color:#fff;background:var(--ink)}.button-dark:hover{background:#34484d}.film-caption{position:absolute;bottom:29px;left:var(--gutter);right:var(--gutter);font-size:12px}
.intro{padding-top:125px;padding-bottom:130px}.section-kicker{font-size:14px;font-weight:600;margin-bottom:26px}.intro-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:8vw}.intro-copy{padding-top:4px;font-size:18px;max-width:480px}.intro-copy p+p{margin-top:25px;color:var(--muted);font-size:16px}.text-link{display:inline-block;border:0;background:none;padding:0 0 5px;border-bottom:1px solid currentColor;font-size:15px;font-weight:700;line-height:1.5}.intro-copy .text-link{margin-top:28px}
.perspective{height:180svh;position:relative;background:var(--ink);color:white}.perspective-sticky{position:sticky;top:0;height:100svh;min-height:570px;overflow:hidden;isolation:isolate}.perspective-image{position:absolute;width:100%;height:100%;object-fit:cover;transform:scale(1.17);will-change:transform;z-index:-2}.perspective-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071310a8,#07131008 85%),linear-gradient(0deg,#071310b0,transparent 50%);z-index:-1}.perspective-copy{position:absolute;left:var(--gutter);top:17%;will-change:transform}.perspective-copy p{font-size:15px;margin-bottom:30px}.perspective-copy h2{font-size:clamp(64px,8.5vw,138px);line-height:.95}.perspective-note{position:absolute;right:var(--gutter);bottom:65px;font-size:15px;line-height:1.65}.perspective-note span{display:block;font-size:12px;margin-bottom:20px}.scene-track{position:absolute;left:var(--gutter);bottom:65px;width:130px;height:2px;background:#ffffff50}.scene-track span{display:block;height:100%;width:100%;background:white;transform:scaleX(0);transform-origin:left}
.books{padding-top:120px;padding-bottom:105px}.books-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:65px}.books-heading>p{font-size:16px;line-height:1.8;color:var(--muted);padding-right:4vw}.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.book-stage{position:relative;isolation:isolate;height:clamp(330px,32vw,500px);display:grid;place-items:center;perspective:1000px;overflow:hidden;border-radius:3px;background:#25322b}.book-landscape{position:absolute;inset:0;z-index:-2;object-fit:cover;width:100%;height:100%;filter:brightness(.69);transition:transform .6s}.book-stage:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0004,transparent 60%)}.book-object{width:51%;max-width:220px;position:relative;transform-style:preserve-3d;transform:rotateY(-18deg) rotateZ(-5deg);transition:transform .5s;box-shadow:18px 27px 32px #0005}.book-object img{width:100%;height:auto;position:relative;z-index:2}.book-object:before{content:"";position:absolute;left:100%;top:2%;height:96%;width:20px;transform:rotateY(90deg);transform-origin:left;background:repeating-linear-gradient(to right,#dce0da 0px,#fff 1px,#cbd0c7 2px)}.book-object:after{content:"";position:absolute;top:0;right:0;height:100%;width:100%;transform:translateZ(-20px);background:#203d36}.stage-two .book-object{transform:rotateY(-18deg) rotateZ(3deg)}.stage-three .book-object{transform:rotateY(-18deg) rotateZ(-3deg)}.book-stage:hover .book-landscape{transform:scale(1.035)}.stage-caption{position:absolute;left:24px;bottom:21px;color:white;font-size:13px}.book-meta{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);margin:25px 0 18px}.book-card h3{font-size:clamp(27px,3vw,45px);line-height:1.04}.book-card>p{font-size:16px;color:var(--muted);margin:20px 0 23px;max-width:31ch;min-height:75px}.book-contact{display:block;font-size:14px;color:var(--muted);margin-top:16px;padding:9px 0;width:max-content;max-width:100%}.book-contact:hover{text-decoration:underline}.release-note{margin-top:65px;border-top:1px solid var(--line);padding-top:24px;max-width:none;font-size:13px;color:var(--muted)}.release-note strong{color:var(--ink)}
.sample-section{background:var(--mist);display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding:100px 10vw;overflow:hidden}.sample-copy{padding-top:45px;align-self:center}.sample-copy h2{font-size:clamp(40px,5vw,72px)}.sample-copy>p:not(.section-kicker){font-size:16px;margin-top:26px;max-width:39ch;color:#33464b}.sample-select{display:flex;flex-wrap:wrap;gap:6px;margin-top:32px}.sample-select button{border:1px solid #71858a;border-radius:30px;background:transparent;padding:9px 16px;font-size:14px;min-height:44px}.sample-select button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.sample-copy>p.sample-description{font-size:13px;margin-top:20px;margin-bottom:20px}.sample-copy>p.sample-caveat{font-size:12px;line-height:1.6;margin-top:23px}.sample-sheet{position:relative;padding:0;border:0;background:#fff;align-self:center;transform:rotate(4deg);box-shadow:0 30px 70px #243b4233;transition:transform .4s;max-width:490px;width:100%}.sample-sheet:hover{transform:rotate(0deg) translateY(-5px)}.sample-sheet img{width:100%;height:auto}.sample-sheet>span{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:10px 20px;border-radius:30px;font-size:13px}
.questions{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding-top:120px;padding-bottom:120px}.questions h2{font-size:clamp(35px,4vw,58px)}.question-list details{border-top:1px solid var(--line);padding:21px 0}.question-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.question-list summary{font-size:16px;line-height:1.5;font-weight:600;position:relative;padding-right:30px}.question-list summary:after{content:"+";position:absolute;right:2px;top:-4px;font-size:25px;font-weight:400}.question-list details[open] summary:after{content:"−"}.question-list details p{margin-top:20px;font-size:16px;color:var(--muted);line-height:1.7}
.closing{position:relative;min-height:620px;isolation:isolate;overflow:hidden;color:white;display:flex;align-items:center;padding:90px var(--gutter)}.closing>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;z-index:-2}.closing-shade{position:absolute;inset:0;background:linear-gradient(90deg,#15201ae0,#15201a20);z-index:-1}.closing-content>p{font-size:14px;margin-bottom:27px}.closing h2{font-size:clamp(60px,9vw,134px);line-height:.94}.closing .button{margin-top:35px}.footer{padding-top:60px;padding-bottom:30px;background:var(--ink);color:#c6d0d2}.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:start}.footer-main .wordmark{color:white;font-size:32px}.footer-main p,.footer-main>a:last-child{font-size:14px}.footer-main>a:last-child{justify-self:end}.footer-bottom{display:flex;gap:28px;flex-wrap:wrap;font-size:12px;margin-top:60px;padding-top:24px;border-top:1px solid #ffffff25}.footer-bottom>span{margin-right:auto}.credits{font-size:12px;line-height:1.8;margin-top:20px}.credits summary{width:max-content;padding:4px 0}.credits p{margin-top:15px;max-width:110ch}.credits a{text-decoration:underline}.credits:not([open]){opacity:.7}
dialog{border:0;padding:0 30px 28px;background:var(--paper);color:var(--ink);width:min(90vw,840px);max-height:90svh;border-radius:5px;overscroll-behavior:contain}dialog::backdrop{background:#051014d9;backdrop-filter:blur(7px)}.dialog-bar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:15px;background:var(--paper);padding:20px 0;z-index:2}.dialog-bar h2{font-size:23px;letter-spacing:-.025em}.dialog-bar button{border:0;background:none;font-size:14px;padding:8px;min-height:44px}.dialog-bar button span{font-size:24px;vertical-align:middle;margin-left:6px}#dialog-description{font-size:14px;margin-bottom:10px}#sample-original{display:inline-block;font-size:13px;text-decoration:underline;margin-bottom:20px}#dialog-image{width:100%;height:auto;background:white}.dialog-note{font-size:12px;color:var(--muted);margin-top:20px}body.dialog-open{overflow:hidden}
@media(min-width:1800px){.book-grid{max-width:1600px;margin:auto}}
@media(max-width:1000px){.header nav{gap:22px}.hero{min-height:670px}.hero-content{bottom:135px;top:160px}.hero h1{font-size:12vw}.intro-grid{gap:50px}.book-grid{gap:18px}.book-stage{height:330px}.book-meta{flex-direction:column;gap:2px}.book-card>p{min-height:100px}.sample-section{padding:75px var(--gutter);gap:6vw}.questions{gap:6vw}.footer-main{grid-template-columns:1fr 1fr}.footer-main>a:last-child{justify-self:start}}
@media(max-width:680px){html{scroll-padding-top:25px}.header{padding-top:24px}.wordmark{font-size:25px}.header nav{gap:19px;font-size:13px}.header nav>a:first-child,.header .nav-contact{display:none}.hero{min-height:660px;max-height:920px;height:100svh}.hero-content{inset:150px var(--gutter) 112px}.hero-intro{font-size:13px;margin-bottom:27px}.hero h1{font-size:clamp(44px,12vw,78px);letter-spacing:-.065em;line-height:.97}.hero-bottom{display:block;margin-top:28px}.hero-bottom p{font-size:14px;max-width:29ch;line-height:1.6}.hero-bottom p br{display:none}.hero-bottom .button{margin-top:25px}.button{font-size:14px;min-height:50px;padding:14px 24px}.film-caption{bottom:24px;max-width:210px}.intro{padding-top:75px;padding-bottom:80px}.section-kicker{font-size:13px;max-width:30ch;margin-bottom:22px}.intro-grid{grid-template-columns:1fr;gap:32px}.intro h2{font-size:clamp(36px,10vw,48px)}.intro-copy{font-size:18px}.intro-copy p+p{font-size:16px;margin-top:18px}.perspective{height:135svh}.perspective-sticky{min-height:610px}.perspective-image{object-position:58% center}.perspective-copy{top:15%}.perspective-copy p{font-size:13px;margin-bottom:27px}.perspective-copy h2{font-size:clamp(42px,11vw,72px);line-height:1}.perspective-note{left:var(--gutter);right:auto;bottom:65px;font-size:15px}.perspective-note span{font-size:12px;margin-bottom:16px}.scene-track{bottom:32px;width:80px}.books{padding-top:80px;padding-bottom:75px}.books-heading{display:block;margin-bottom:37px}.books-heading h2{font-size:clamp(38px,11vw,49px)}.books-heading>p{margin-top:25px;font-size:14px;line-height:1.7}.book-grid{grid-template-columns:1fr;gap:48px}.book-stage{height:min(118vw,540px)}.book-object{width:49%;max-width:230px}.book-meta{flex-direction:row;gap:10px;margin:23px 0 15px}.book-card h3{font-size:37px;line-height:1.05}.book-card h3 br{display:none}.book-card>p{min-height:0;max-width:40ch;margin:15px 0 22px;font-size:16px}.book-contact{margin-top:15px;font-size:14px}.text-link{font-size:15px;min-height:44px;padding-top:8px}.release-note{font-size:13px;margin-top:45px;line-height:1.7}.sample-section{grid-template-columns:1fr;padding:65px var(--gutter) 75px;gap:45px}.sample-copy{padding:0}.sample-copy h2{font-size:clamp(35px,10vw,46px)}.sample-copy>p:not(.section-kicker){max-width:38ch}.sample-sheet{width:84%;justify-self:center;transform:rotate(3deg)}.questions{padding-top:75px;padding-bottom:75px;grid-template-columns:1fr;gap:40px}.questions h2{font-size:clamp(34px,9.4vw,43px)}.question-list summary{font-size:16px}.closing{min-height:570px;padding-top:65px;padding-bottom:65px}.closing>img{object-position:62%}.closing h2{font-size:clamp(56px,14vw,94px)}.closing-content>p{max-width:25ch;line-height:1.65}.footer{padding-top:45px}.footer-main{grid-template-columns:1fr;gap:24px}.footer-main .wordmark{font-size:32px}.footer-main p{max-width:25ch}.footer-bottom{margin-top:40px;gap:17px 23px;font-size:12px}.footer-bottom>span{width:100%}dialog{width:calc(100vw - 20px);padding:0 16px 22px;max-height:94svh}.dialog-bar h2{font-size:20px}.dialog-bar button{padding-right:0}}
.hero-media video::-webkit-media-controls{display:none!important}