:root{--stock:#e8e3d6;--black:#10100f;--blue:#4083a3;--sans:"Space Grotesk",sans-serif;--gutter:clamp(22px,4.2vw,72px)}
html{scroll-behavior:smooth;scroll-padding-top:92px;background:var(--black)}
body{background:var(--black);color:var(--stock)}
a{text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}figure,p{margin:0}
.skip{position:fixed;top:12px;left:20px;transform:translateY(-150%);background:var(--stock);color:var(--black);padding:10px;z-index:120}.skip:focus{transform:none}
.masthead{position:absolute;inset:0 0 auto;z-index:30;display:flex;justify-content:space-between;align-items:flex-start;padding:27px var(--gutter);gap:20px}
.brand{font-size:15px;font-weight:700;letter-spacing:-.035em;text-transform:uppercase;line-height:1.3}.brand span{display:block;font-family:var(--mono);font-size:8px;font-weight:400;letter-spacing:.12em;margin-top:7px;color:#a7a499}
.masthead nav{display:flex;gap:26px;align-items:start;font:10px var(--mono);text-transform:uppercase;letter-spacing:.06em;padding-top:3px}.masthead nav a:hover{opacity:.65}
.directions{position:relative}.directions summary{cursor:pointer;list-style:none}.directions summary::-webkit-details-marker{display:none}.directions div{position:absolute;right:0;top:28px;padding:18px 24px;min-width:158px;background:var(--stock);color:var(--black);display:grid;gap:15px}
.spread{position:relative;isolation:isolate;overflow:hidden;padding:72px var(--gutter);border-bottom:1px solid #ffffff14}
.spread::after{content:"";position:absolute;inset:0;z-index:9;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.74' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23g)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.meta{font-size:9px;letter-spacing:.12em;color:inherit;line-height:1.8}
.cover{min-height:850px;height:min(940px,108svh);padding-top:122px}.edition{display:flex;gap:30px;color:#bbb7ab}.edition span{color:#77776e}
h1{position:absolute;z-index:3;left:var(--gutter);top:20%;margin:0;font-family:var(--poster);font-weight:400;font-size:clamp(120px,17.5vw,290px);line-height:.87;letter-spacing:-.025em;pointer-events:none}h1 span{padding-left:8vw}
.cover-prints{position:absolute;inset:0}.print{position:absolute;margin:0;transform:rotate(var(--rot,0deg));translate:0 var(--drift,0px);background:transparent;transition:translate .15s linear;isolation:isolate}.print button{display:block;width:100%;position:relative;overflow:hidden}.print img{width:100%;height:100%;aspect-ratio:var(--aspect);object-fit:cover;transition:transform .65s var(--ease),filter .65s var(--ease)}
.print button:hover img{transform:scale(1.035)}.print button:focus-visible{outline:2px solid currentColor;outline-offset:5px}.print figcaption{font:8px var(--mono);letter-spacing:.065em;line-height:1.5;display:flex;justify-content:space-between;padding-top:10px;gap:12px}.print figcaption span:last-child{white-space:nowrap}
.print.paper{padding:10px 10px 14px;background:var(--stock);color:#272722;box-shadow:0 5px 14px #0003}.print.taped::before{content:"";position:absolute;z-index:3;width:30%;height:27px;left:34%;top:-12px;transform:rotate(-6deg);background:#c4bb9580;backdrop-filter:blur(2px);clip-path:polygon(2% 3%,98% 0,96% 16%,100% 38%,97% 59%,100% 96%,0 100%,3% 78%,0 48%,4% 25%)}
.cover-a{left:47%;top:17%;width:41%;--rot:7deg;--aspect:1.45;z-index:2}.cover-b{left:56%;top:49%;width:27%;--rot:-7deg;--aspect:1.18;z-index:4}.cover-c{left:27%;top:59%;width:20%;--rot:-4deg;--aspect:1.5;z-index:4}
.handwritten{font-family:"Georgia",serif;font-style:italic;font-size:clamp(23px,2.4vw,38px);line-height:1.1;letter-spacing:-.06em;position:absolute;z-index:5;pointer-events:none;transform:rotate(-9deg)}.cover-note{right:7%;top:77%;font-size:26px;transform:rotate(-8deg)}
.ink{position:absolute;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;z-index:5}.cover-circle{left:23%;top:56%;width:26%;color:#b5b0a0;transform:rotate(-10deg)}
.cover-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:36px;display:flex;justify-content:space-between;align-items:end;gap:20px}.cover-bottom p{font-size:15px;line-height:1.4}.cover-bottom a{font:10px var(--mono);text-transform:uppercase}.cover-bottom a span{display:inline-block;margin-left:26px;font-size:25px}.cover-bottom>.meta{text-align:right;color:#8d8b80}
.chapter{position:relative;z-index:5;pointer-events:none}.chapter h2{font-family:var(--poster);font-size:clamp(90px,11vw,180px);font-weight:400;line-height:.88;letter-spacing:-.02em;margin:26px 0 22px}.chapter h2 em{font-style:normal}.chapter p{font:10px/1.6 var(--mono);letter-spacing:.02em}.layout{position:absolute;inset:0}
.afterhours{min-height:1000px;background:#e6e0d2;color:#20211d}.afterhours .chapter h2 em{-webkit-text-stroke:1.3px #20211d;color:transparent}.after-a{width:40%;left:48%;top:9%;--rot:3deg;--aspect:1.28}.after-b{width:28%;left:26%;top:49%;--rot:-5deg;--aspect:1.35;z-index:3}.after-c{width:28%;left:63%;top:49%;--rot:4deg;--aspect:.92}.after-d{width:16%;left:7%;top:50%;--rot:3deg;--aspect:.72}.margin-note{position:absolute;left:var(--gutter);bottom:50px;font:10px/1.7 var(--mono)}.margin-note>span{font-size:40px;letter-spacing:-.06em}.margin-note p{margin-top:12px}.after-note{left:33%;bottom:12%;font-size:27px}.after-line{left:12%;top:41%;width:39%;color:#315f76}
.motion{min-height:1180px;background:var(--blue);color:#152c36;background-image:radial-gradient(ellipse at 0 10%,#acced34a,transparent 64%),linear-gradient(112deg,transparent,#123a4c24)}.motion .chapter{padding-left:48%}.motion .chapter h2{font-size:clamp(100px,12vw,195px);color:var(--stock)}.motion .chapter p{margin-left:25%;color:#102b39}.motion-a{width:44%;left:5%;top:9%;--rot:-5deg;--aspect:1.3}.motion-b{width:30%;left:57%;top:44%;--rot:5deg;--aspect:.92;z-index:3}.motion-c{width:43%;left:10%;top:57%;--rot:2deg;--aspect:1.5}.motion-d{width:18%;left:34%;top:39%;--rot:-9deg;--aspect:1.35;z-index:4}.motion-note{left:9%;top:45%;font-size:30px}.motion-line{left:25%;top:35%;width:29%}
.spread-foot{position:absolute;left:var(--gutter);right:var(--gutter);bottom:35px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid currentColor;padding-top:14px;opacity:.68}
.road{min-height:1030px;background:#131311}.road .chapter{padding-left:4%}.road .chapter h2{font-size:clamp(110px,14vw,215px)}.road-a{width:47%;left:46%;top:8%;--rot:2deg;--aspect:1.52}.road-b{width:34%;left:57%;top:54%;--rot:-4deg;--aspect:1.38}.road-c{width:40%;left:8%;top:57%;--rot:2deg;--aspect:1.5}.road-d{width:17%;left:33%;top:37%;--rot:-6deg;--aspect:1.1;z-index:4}.road-note{right:11%;top:44%;font-size:28px}
.observations{min-height:1090px;background:#d4d1bd;color:#282e25}.observations .chapter{padding-left:47%}.observations .chapter h2{font-size:clamp(100px,11vw,180px)}.nature-a{width:37%;left:7%;top:9%;--rot:-2deg;--aspect:.86}.nature-b{width:31%;left:53%;top:51%;--rot:3deg;--aspect:1.5}.nature-c{width:25%;left:20%;top:65%;--rot:-5deg;--aspect:1.5;z-index:3}.nature-d{width:17%;left:74%;top:70%;--rot:7deg;--aspect:1.18;z-index:4}.nature-note{left:48%;top:41%;font-size:30px}
.contact-sheet{background:#171714;min-height:1100px}.contact-sheet .chapter{display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:end;gap:20px}.contact-sheet .chapter h2{font-size:clamp(80px,8vw,145px);margin:0}.contact-sheet .chapter p{text-align:right}.contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 23px;padding:60px 3vw 90px;transform:rotate(-1deg)}.contact-grid .print{position:relative;inset:auto;width:auto;transform:none;background:none}.contact-grid img{aspect-ratio:1.15}.contact-grid figcaption{color:#aaa897;font-size:8px}.contact-grid .print:nth-child(3)::after,.contact-grid .print:nth-child(10)::after{content:"";position:absolute;inset:-10px -10px 10px;border:2px solid #c1c0a4;border-radius:50%;transform:rotate(-8deg);pointer-events:none}.contact-note{top:23%;right:9%;font-size:24px;z-index:6}
.archive{padding:110px var(--gutter) 120px;background:var(--stock);color:#22241e;display:grid;grid-template-columns:1fr 1.2fr;gap:9vw}.archive-heading h2{font-size:clamp(36px,4.1vw,70px);font-weight:500;line-height:1.05;letter-spacing:-.06em;margin:35px 0 24px}.archive-heading p{font-size:13px}.roll{border-top:1px solid #26281e3b}.roll:last-child{border-bottom:1px solid #26281e3b}.roll summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:25px 1fr 44px;align-items:center;gap:15px;padding:18px 0;font-size:15px;letter-spacing:-.03em}.roll summary::-webkit-details-marker{display:none}.roll summary .meta:last-child{text-align:right}.roll[open] summary{font-weight:700}.roll-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0 0 25px}.roll-photos button{background:#c3c0b2}.roll-photos img{width:100%;aspect-ratio:1;object-fit:cover}.roll-photos button:hover img{opacity:.8}.roll .project-meta{font:9px/1.6 var(--mono);padding:0 0 16px;opacity:.7}
.colophon{padding:90px var(--gutter) 25px}.contact-title{font-family:var(--poster);font-size:clamp(70px,12vw,190px);line-height:1;display:block;letter-spacing:-.02em;position:relative;margin:45px 0 80px}.contact-title em{font-style:normal;color:#7c7b70}.contact-title>span{position:absolute;right:0;top:0;font-family:var(--sans);font-weight:400;font-size:.9em}.contact-title:hover em{color:var(--stock)}.colophon-bottom{border-top:1px solid #ffffff30;display:flex;justify-content:space-between;padding-top:23px;font:9px var(--mono);text-transform:uppercase;color:#a4a294}
.page-rail{position:fixed;right:14px;top:50%;transform:translateY(-50%);display:grid;gap:12px;z-index:20;mix-blend-mode:difference;color:white;font:8px var(--mono)}.page-rail a{min-width:24px;padding:4px;text-align:center;opacity:.45}.page-rail a[aria-current]{opacity:1}.page-rail a[aria-current]::before{content:"—";position:absolute;right:25px}
.viewer{max-width:none;max-height:none;width:100%;height:100dvh;border:0;margin:0;padding:24px var(--gutter);color:var(--stock);background:#10100ffa}.viewer::backdrop{background:#10100f}.viewer[open]{display:flex;flex-direction:column}.viewer header,.viewer footer{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:40px}.viewer header button{font:11px var(--mono);text-transform:uppercase;min-height:44px}.viewer-image{position:relative;flex:1;min-height:0;padding:24px 54px;display:flex;align-items:center;justify-content:center}.viewer-image img{max-height:100%;max-width:100%;object-fit:contain;min-height:0}.viewer-image button{position:absolute;top:50%;width:44px;height:54px;font-size:25px}.viewer-image .previous{left:0}.viewer-image .next{right:0}.viewer footer{font-size:12px}.no-script{padding:100px var(--gutter);position:fixed;inset:0;background:#10100f;z-index:99}
@media(min-width:1700px){.spread{max-width:1800px;margin:auto}.cover{height:1050px}.afterhours,.road{min-height:1240px}.motion,.observations{min-height:1430px}}
@media(max-width:820px){
 .masthead{padding-top:20px}.brand{font-size:12px}.brand span{font-size:7px}.masthead nav{gap:16px;font-size:8px}.masthead .contact{display:none}.meta{font-size:8px}.spread{padding:40px 22px}.cover{padding-top:113px;height:840px;min-height:0}.edition{gap:0;justify-content:space-between}h1{top:21%;font-size:26vw;left:22px}h1 span{padding-left:6vw}.cover-a{left:37%;top:20%;width:55%;--rot:8deg;--aspect:.86}.cover-b{left:46%;top:53%;width:43%;--rot:-7deg;--aspect:1.1}.cover-c{left:7%;top:57%;width:37%;--rot:-4deg;--aspect:1.2}.print.paper{padding:6px 6px 10px}.print figcaption{font-size:6px;gap:5px;padding-top:6px}.print.taped::before{height:20px;top:-8px}.cover-circle{left:3%;top:53%;width:46%}.cover-note{top:76%;right:9%;font-size:23px}.cover-bottom{bottom:24px;left:22px;right:22px}.cover-bottom p{font-size:12px}.cover-bottom a{font-size:8px}.cover-bottom a span{margin-left:9px;font-size:18px}.cover-bottom>.meta{display:none}.chapter h2{font-size:22vw;margin:18px 0}.chapter p{font-size:8px}.page-rail{display:none}
 .afterhours{min-height:1020px}.after-a{left:35%;top:29%;width:57%;--aspect:1.1}.after-b{left:9%;top:63%;width:52%;--aspect:1.2}.after-c{left:58%;top:74%;width:33%;--aspect:.85}.after-d{left:8%;top:36%;width:27%;--aspect:.72}.after-line{top:22%;left:37%;width:58%}.after-note{left:36%;bottom:39%;font-size:22px}.margin-note{left:22px;bottom:25px}.margin-note>span{font-size:28px}.margin-note p{font-size:8px}
 .motion{min-height:1000px}.motion .chapter{padding-left:25%}.motion .chapter h2{font-size:24vw}.motion .chapter p{margin-left:20%}.motion-a{left:7%;top:35%;width:62%;--aspect:1.3}.motion-b{left:56%;top:60%;width:36%;--aspect:.83}.motion-c{left:8%;top:73%;width:47%;--aspect:1.4}.motion-d{left:66%;top:42%;width:25%;--aspect:1.1}.motion-note{top:61%;left:8%;font-size:23px}.motion-line{top:31%;left:55%;width:36%}
 .road{min-height:950px}.road .chapter{padding-left:0}.road .chapter h2{font-size:26vw}.road-a{left:31%;top:35%;width:62%;--aspect:1.4}.road-b{left:50%;top:69%;width:43%;--aspect:1}.road-c{left:6%;top:67%;width:41%;--aspect:1.1}.road-d{left:7%;top:42%;width:29%;--aspect:.85}.road-note{top:58%;right:13%;font-size:23px}
 .observations{min-height:1000px}.observations .chapter{padding-left:12%}.observations .chapter h2{font-size:21vw}.nature-a{left:7%;top:36%;width:48%;--aspect:.8}.nature-b{left:53%;top:45%;width:39%;--aspect:1.2}.nature-c{left:15%;top:78%;width:42%;--aspect:1.5}.nature-d{left:64%;top:73%;width:28%;--aspect:1.1}.nature-note{left:51%;top:65%;font-size:24px}
 .spread-foot{left:22px;right:22px;bottom:22px;font-size:7px;gap:15px}.contact-sheet{min-height:0;padding-bottom:85px}.contact-sheet .chapter{display:block}.contact-sheet .chapter h2{font-size:22vw;margin:20px 0}.contact-sheet .chapter p{text-align:left}.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 10px;padding:45px 0 35px}.contact-grid figcaption{font-size:6px;display:block}.contact-grid figcaption span:last-child{display:none}.contact-grid .print:nth-child(3)::after,.contact-grid .print:nth-child(10)::after{inset:-5px -4px 4px;border-width:1px}.contact-note{right:10%;top:31%;font-size:22px}.archive{display:block;padding:65px 22px 70px}.archive-heading{margin-bottom:42px}.archive-heading h2{font-size:44px;margin:20px 0}.roll summary{font-size:14px;padding:16px 0}.colophon{padding:60px 22px 24px}.contact-title{font-size:16vw;margin:35px 0 60px}.colophon-bottom{font-size:7px;gap:12px}.viewer{padding:15px}.viewer-image{padding:18px 0 70px}.viewer-image button{top:auto;bottom:5px}.viewer-image .previous{left:calc(50% - 60px)}.viewer-image .next{right:calc(50% - 60px)}.viewer footer{font-size:10px;align-items:start}.viewer footer .meta{white-space:nowrap}
}
@media(max-width:380px){.masthead nav{gap:10px;font-size:7px}.brand span{font-size:6px}.cover{height:780px}.cover-note{font-size:20px}.edition{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.print{translate:none!important}}
@media(min-width:600px) and (max-width:820px){.cover{height:1100px}.afterhours{min-height:1400px}.motion{min-height:1350px}.road{min-height:1300px}.observations{min-height:1400px}.contact-note{top:29%}}
@media(min-width:600px) and (max-width:820px){.motion .chapter h2{font-size:22vw}.motion-a{top:37%}.nature-note{left:57%}.cover-note{top:87%}}