@font-face{font-family:Imperial;src:url(assets/script.woff2);font-display:swap}html{scroll-padding-top:55px}body{background:#dddcd0;color:#25291d}header{position:fixed;top:0;height:50px;padding:8px 14px;gap:34px;color:#fff;mix-blend-mode:normal;transition:color .2s,background .2s}header.light{color:#25291d;background:#dddcd0f5}.brand{font:14px Montreal;gap:8px;white-space:nowrap}.brand img{width:18px;height:25px}.brand span{opacity:.6;font-size:14px}.light .brand img{filter:brightness(.2)}header .pill{margin-left:0;background:#fff;color:#131910;font-size:13px;padding:10px 16px}.light .pill{background:#141b12;color:#fff}#menu-button{display:flex;width:auto;align-items:center;height:auto;font:13px Montreal;gap:9px}#menu-button span{height:auto;width:auto;background:none;font-size:16px}.header-search,.header-channel{font:13px Montreal}.header-channel{margin-left:auto}#menu{top:50px;right:auto;left:240px;width:300px}#menu a{font-size:25px}.rail{position:fixed;left:12px;top:60px;bottom:14px;width:145px;z-index:15;color:#fff;opacity:0;pointer-events:none;transition:color .3s}.rail.light{color:#25291d}.rail-title{font:22px/.83 Montreal;letter-spacing:-.055em;display:block}.rail nav{position:absolute;bottom:64px;width:100%}.rail nav a,.edition-lower nav a{display:flex;align-items:baseline;font:17px/.98 Montreal;letter-spacing:-.035em;padding:2px 0;gap:3px}.rail nav a{opacity:.55}.rail nav a.active,.rail nav a:hover{opacity:1}.rail nav a i{flex:1;border-bottom:1px dotted;opacity:0}.rail nav a.active i{opacity:.7}.rail nav small,.edition-lower nav small{font:12px Georgia;margin-left:auto}.rail-bottom{position:absolute;bottom:0;font:10px/1.15 Arial}.rail-bottom button{font:10px Arial;border:0;background:none;color:inherit;padding:7px 0}.journey{height:340svh;position:relative;background:#17231a}.journey.second{height:230svh}.stage{position:sticky;top:0;height:100svh;min-height:0;overflow:hidden;isolation:isolate;background:#17231a;color:#f8f8e9;perspective:1100px}.paint{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform,opacity}.paint-from{z-index:-4}.paint-to{z-index:-3;opacity:0}.stage:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(0deg,#030c1133,#05150f15)}.particles{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}.engraving{position:absolute;inset:0;pointer-events:none;opacity:.11;background-image:linear-gradient(90deg,transparent calc(50% - .5px),#ffffcc calc(50% - .5px),transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),#ffffcc calc(50% - .5px),transparent calc(50% + .5px));background-size:180px 180px;z-index:0}.engraving:after{content:'';position:absolute;width:110vw;height:110vw;border:1px solid #fff9;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);background:linear-gradient(45deg,transparent 49.98%,#fff 50%,transparent 50.02%),linear-gradient(-45deg,transparent 49.98%,#fff 50%,transparent 50.02%)}.edition-panel{top:17.5%;left:50%;width:336px;min-height:0;height:65%;max-height:600px;padding:20px;background:#c3c7b214;box-shadow:none;transform:translateX(-50%);transform-origin:top left;border:1px solid #fff9;will-change:transform,opacity}.edition-panel h1{font:29px/.87 Montreal;letter-spacing:-.055em;margin:0}.edition-lower p{font:19px/.92 Cigars,Georgia;letter-spacing:-.04em;margin-bottom:20px}.edition-lower nav a{font-size:19px;padding:5px 0}.edition-lower nav a:hover{color:#d8edac}.edition-lower nav i{display:none}.scroll-note{position:absolute;bottom:20px;right:25px;font:9px Arial;letter-spacing:.12em;display:flex;gap:20px;align-items:center}.scroll-note span{font-size:25px}.chapter-copy{position:absolute;left:20%;top:25%;right:5%;opacity:0;pointer-events:none;will-change:transform,opacity}.chapter-copy h2{font:clamp(80px,13.6vw,220px)/.85 Montreal;letter-spacing:-.065em;margin:0 0 65px}.chapter-copy p{font:clamp(25px,3.6vw,56px)/.98 Cigars,Georgia;letter-spacing:-.065em;max-width:1000px;text-wrap:balance}.dropcap{font:1.8em/.3 Imperial,Georgia;letter-spacing:-.14em}.scene-link{display:inline-block;background:#f7f4e8;color:#283224;border:0;border-radius:0;padding:7px 10px;font:12px Arial;margin-top:27px}.paper{background:#dddcd0;color:#272c1d}.editorial{padding:110px 6% 110px 20%}.editorial-inner{max-width:1300px;margin:auto}.editorial h3{font:clamp(34px,3.8vw,62px)/1.05 Cigars,Georgia;letter-spacing:-.06em;margin:0 0 60px}.editorial h4,.story h4{font:17px Montreal;letter-spacing:-.03em;margin:0 0 10px}.editorial-copy{max-width:500px}.editorial-copy>p{font:29px/.96 Cigars,Georgia;letter-spacing:-.05em}.small-link{font:12px Arial;background:#f7f5ea;border:0;color:#252d1d;border-radius:0;padding:4px 7px;margin-top:16px;display:inline-block}.featured-site{display:block;margin:90px 7% 65px 12%;perspective:1200px}.featured-site img{width:100%;display:block;border-radius:5px 5px 0 0;box-shadow:0 25px 45px #34452618;transform-origin:top;transition:transform .8s}.featured-site:hover img{transform:rotateX(3deg) translateY(-8px)}.featured-site>span{display:flex;justify-content:space-between;font:16px Montreal;margin-top:12px}.featured-site small{font:11px Arial}.editorial-pair{display:grid;grid-template-columns:1fr 1fr;gap:70px}.editorial-pair p{font:23px/1.05 Cigars;letter-spacing:-.04em}.flying-projects{position:absolute;inset:0;pointer-events:none;perspective:1000px;z-index:1}.flying-page{position:absolute;width:28vw;max-width:450px;aspect-ratio:1.4;overflow:hidden;box-shadow:0 15px 20px #0004;border:7px solid #e8e4d6;backface-visibility:hidden}.flying-page img{width:100%;height:100%;object-fit:cover;object-position:top}.page-one{right:9%;top:40%}.page-two{right:1%;top:54%}.page-three{right:17%;top:67%}.second .chapter-copy{z-index:2;top:25%}.second .chapter-copy p{max-width:780px}.software-examples{margin-top:65px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.software-examples a{padding:35px;border-top:1px solid #a3a795;min-height:220px}.software-examples a>span{font:10px Arial;letter-spacing:.1em}.software-examples strong{font:40px Montreal;display:block;margin:30px 0 15px;letter-spacing:-.05em}.software-examples p{font:22px Cigars}.software-examples small{font:11px Arial;display:block;margin-top:25px}.work{padding:80px 6% 100px 20%}.work-heading h2{font:clamp(50px,8vw,120px)/.9 Montreal;letter-spacing:-.06em}.work-heading h2 em{font:inherit}.work-heading p{max-width:290px;font:23px/.98 Cigars;letter-spacing:-.04em}.work-heading{gap:25px;align-items:flex-end}.filters button{border-radius:0;border:0;padding:9px;background:transparent}.filters button[aria-pressed=true]{background:#f6f4e6;color:#252d1d}.project-grid{gap:55px 30px}.project-visual{background:transparent;aspect-ratio:1.4}.project-visual img{object-fit:cover;object-position:top}.project-meta{align-items:flex-start}.project-meta h3{font:18px Montreal;letter-spacing:-.03em}.project-meta small{font:10px Arial}.project:has(.type-preview){grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #a4a894;padding:20px 0}.project:has(.type-preview) .project-visual{display:none}.project:has(.type-preview) .project-meta{width:100%;padding:0}.project:has(.type-preview) .project-meta h3{font-size:28px}.outline{border-radius:0;border:0;background:#f7f4e7;color:#293122;margin-left:0;gap:35px;padding:10px 14px}.story{display:block;padding:110px 6% 110px 20%}.story h2{font:clamp(65px,11vw,165px)/1 Montreal;margin:0 0 50px}.large-serif{font:clamp(30px,4vw,60px)/.99 Cigars!important;letter-spacing:-.055em;margin-bottom:55px!important;max-width:none!important}.story-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center}.story-columns img{width:100%;height:auto}.story-columns p{font:24px/1.1 Cigars;letter-spacing:-.035em;margin-top:20px}.contact{padding:0;position:relative;height:100svh;min-height:640px;text-align:left;background:#19291b}.contact>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:brightness(.6)}.contact-copy{position:absolute;left:20%;right:5%;top:20%}.contact h2{font:clamp(70px,12vw,180px)/.85 Montreal;letter-spacing:-.065em;margin:0 0 45px}.contact p{font:35px/1 Cigars;letter-spacing:-.04em;color:#fff}.contact .pill{border-radius:0;padding:10px 15px;display:inline-flex}.contact-copy>a{font:12px Arial;margin-left:25px}.contact,footer{color:#f7f5e6}footer{padding-left:20%;background:#1a271b}.motion-off .particles{visibility:hidden}#loader{background:#dddcd0;color:#293123;gap:20px}#loader img{width:70px}#loader>span{font:25px Montreal;letter-spacing:-.045em}#loader small{font:9px Arial;letter-spacing:.14em}.loading-line{background:#a9b29b}.loading-line:after{background:#2c3b26}dialog{background:#dddcd0;border-radius:0}dialog h2{font:58px/.9 Montreal}dialog h2 em{font:inherit}dialog .pill{border-radius:0}.header-search:focus-visible{outline-color:currentColor}
@media(max-width:900px){header{gap:20px}.header-search{display:none}.brand span{display:none}.rail{width:115px}.rail nav a{font-size:14px}.chapter-copy{left:18%}.chapter-copy h2{font-size:15vw}.editorial,.work,.story{padding-left:18%}.work-heading{display:block}.work-heading p{margin-top:30px}.contact-copy{left:18%}.flying-page{width:34vw}.story-columns{grid-template-columns:1fr}.software-examples{gap:10px}.software-examples a{padding:20px 5px}}
@media(max-width:600px){header{height:58px;padding:12px 15px;gap:15px}.brand{font-size:13px}.brand img{width:20px}.header-channel{display:none}header .pill{font-size:11px;padding:10px 13px;margin-left:auto}#menu-button{font-size:11px}#menu-button span{width:auto}.rail{display:none}#menu{left:15px;right:15px;top:62px;width:auto}.edition-panel{top:17%;width:270px;height:65%;min-height:0;padding:20px;max-height:590px}.edition-panel h1{font-size:31px;margin:0}.edition-lower p{font-size:22px;line-height:1;margin-bottom:25px}.edition-lower nav a{font-size:21px;padding:6px 0}.journey{height:310svh}.journey.second{height:230svh}.chapter-copy{left:7%;right:4%;top:30%}.chapter-copy h2{font-size:21vw;margin-bottom:50px}.chapter-copy p{font-size:32px;line-height:1.02;letter-spacing:-.045em}.desktop{display:none}.scroll-note{font-size:8px;bottom:17px}.editorial,.work,.story{padding:65px 7%}.editorial h3{font-size:34px;margin-bottom:40px}.editorial-copy>p{font-size:26px}.featured-site{margin:55px 0 40px}.editorial-pair{gap:30px;grid-template-columns:1fr}.editorial-pair p{font-size:23px}.second .chapter-copy{top:27%}.second .chapter-copy p{max-width:320px}.flying-page{width:52vw;border-width:4px}.page-one{top:55%;right:19%}.page-two{top:65%;right:0}.page-three{top:75%;right:30%}.software-examples{grid-template-columns:1fr;gap:10px}.software-examples a{min-height:180px;padding:20px 0}.software-examples strong{font-size:38px}.project-grid{grid-template-columns:1fr;gap:35px}.project:has(.type-preview) .project-meta h3{font-size:24px}.project-meta small{max-width:100px;text-align:right}.work-heading h2{font-size:64px}.work-heading p{font-size:24px}.work .section-top a{font-size:10px}.story h2{font-size:70px;margin-bottom:40px}.large-serif{font-size:33px!important}.story-columns{gap:30px}.story-columns p{font-size:24px}.contact-copy{left:7%;top:25%;right:5%}.contact h2{font-size:82px}.contact p{font-size:29px}.contact-copy>a{display:block;margin:22px 0 0}footer{padding:25px 7%;font-size:9px}.stage .paint{object-position:center}.second .paint-to{object-position:47% center}}
@media(prefers-reduced-motion:reduce){.journey{height:170svh}.journey.second{height:170svh}.particles{display:none}.paint,.chapter-copy,.edition-panel{will-change:auto}}
@media(max-width:600px){.rail{display:block;left:12px;top:auto;bottom:12px;width:auto;height:30px}.rail-title,.rail nav{display:none}.rail-bottom{font-size:0;position:static}.rail-bottom button{font-size:9px;background:#16231ccc;color:#fff;padding:9px 11px;border:1px solid #ffffff44;border-radius:20px}.rail.light .rail-bottom button{background:#dddcd0;color:#252d1d;border-color:#aaa}}