:root{--bone: #F1EEE6;--ink: #171717;--fox: #D96922;--blue: #86A6B0;--mute: #171717a8;--serif: "Instrument Serif", "Times New Roman", serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--hand: "Caveat", cursive;--gutter: clamp(20px, 4.5vw, 72px)}*{box-sizing:border-box;margin:0}html{background:var(--bone);color:var(--ink)}body{font-family:var(--mono);font-size:12px;letter-spacing:.04em;line-height:1.7;min-height:100vh}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .35  0 0 0 0 .3  0 0 0 0 .25  0 0 0 .22 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}a{color:inherit;text-decoration:none}:focus-visible{outline:1px solid var(--fox);outline-offset:3px}.top{position:absolute;inset:0 0 auto 0;z-index:10;display:grid;grid-template-columns:1fr auto;align-items:start;padding:28px var(--gutter)}.top:before{content:"";position:absolute;top:0;right:0;bottom:-36px;left:0;z-index:-1;pointer-events:none;background:linear-gradient(#f1eee6e6,#f1eee600)}.wordmark{font-size:15px;letter-spacing:.16em;line-height:1.15}.places{grid-column:1;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-top:12px}.nav{grid-row:1;grid-column:1 / -1;justify-self:center;display:flex;gap:clamp(20px,3vw,44px);text-transform:uppercase;font-size:10px;letter-spacing:.14em;padding-top:10px}.nav a:hover{color:var(--fox)}.plus{display:none;background:none;border:0;font:300 30px/1 var(--mono);color:inherit;cursor:pointer;padding:6px 10px;margin:-6px -10px}.hero{position:relative;height:100svh;overflow:clip}body.zooming .hero{overflow:visible}.hero-copy{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.scene{--w: max(100vw, 150svh);position:absolute;width:var(--w);aspect-ratio:1536 / 1024;left:var(--left, calc(50vw - var(--w) / 2));top:calc(50svh - var(--w) / 3);z-index:1}.plate{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.fam{position:absolute;pointer-events:none}.hand-on-lid .lidcap{visibility:hidden}.fam.fox{clip-path:var(--notch)}.hand-on-lid .fam.fox{clip-path:none}.screen-up .fam.laptop{z-index:3}.fam.walker{visibility:hidden}.away .fam.walker{visibility:visible}.away .fam.fox{opacity:0}.walker .mover{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.walker img{position:absolute;display:block;visibility:hidden;-webkit-user-select:none;user-select:none;pointer-events:none}.walker .flip img{transform:scaleX(-1)}.layer{position:absolute;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}svg.eyes{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.screen{position:absolute;overflow:hidden;opacity:0;border-radius:2px;background:var(--bone)}.screen-inner{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;background:var(--bone)}.hotspot{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);z-index:5}body.placeholders .hotspot{border:1px dashed #17171722}body.zooming{overflow:hidden}body.zooming .hotspot{pointer-events:none}body.zooming .note{transition:opacity .3s ease;opacity:0!important}.glass{position:absolute;overflow:hidden;pointer-events:none}.glint{position:absolute;left:0;top:-10%;bottom:-10%;width:60%;opacity:0;mix-blend-mode:screen;background:linear-gradient(100deg,transparent 20%,#ffffff47 46%,#ffffff14 56%,transparent 76%)}.note{position:absolute;left:0;top:-1.9em;rotate:-1.5deg;font:500 16px/1 var(--hand);letter-spacing:.02em;white-space:nowrap;pointer-events:none;background:#f6f3ecee;padding:3px 7px 4px;box-shadow:0 1px #17171714;clip-path:inset(0 100% 0 0);opacity:0;transition:clip-path .5s cubic-bezier(.3,.7,.2,1),opacity .2s ease}.hotspot:hover .note,.hotspot:focus-visible .note{clip-path:inset(0 0 0 0);opacity:1}.hotspot[data-tag] .note{clip-path:inset(0 0 0 0);opacity:1;animation:write-in .7s cubic-bezier(.3,.7,.2,1) backwards;animation-delay:calc(.6s + var(--i, 0) * .09s);transition:color .2s ease}.hotspot[data-tag]:hover .note,.hotspot[data-tag]:focus-visible .note{color:var(--fox)}@keyframes write-in{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}.hotspot:not([data-tag]):not(:hover):not(:focus-visible) .note{transition:clip-path .25s ease-in,opacity .25s ease}.hotspot[data-id=laptop] .note,.hotspot[data-id=camera] .note{top:auto;bottom:-2.1em}.doors{padding:56px var(--gutter) 88px}.doors ol{list-style:none;padding:0;border-top:1px solid #17171733}.doors li{border-bottom:1px solid #17171722}.doors a{display:grid;grid-template-columns:6ch 1fr auto;gap:24px;align-items:baseline;padding:26px 0}.d-n{font-size:10px;letter-spacing:.14em;color:var(--mute)}.d-t{font:400 clamp(40px,6vw,96px)/1 var(--serif);letter-spacing:-.03em;transition:color .2s ease,transform .3s ease}.d-m{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}.doors a:hover .d-t,.doors a:focus-visible .d-t{color:var(--fox);transform:translate(8px)}.foot{display:flex;justify-content:space-between;padding:24px var(--gutter) 32px;border-top:1px solid #17171722;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.foot{gap:16px}.foot p:last-child{white-space:nowrap}.hand{font:500 17px var(--hand);text-transform:none;letter-spacing:0;color:var(--fox)}.menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--bone);display:grid;place-items:center}.menu[hidden]{display:none}.menu nav{display:grid;gap:8px;text-align:left}.menu a{font:400 64px/1 var(--serif);letter-spacing:-.02em}body.menu-open .top{position:fixed;z-index:45}.drag-hint{display:none;position:absolute;z-index:6;left:50%;bottom:26px;translate:-50% 0;align-items:center;gap:10px;white-space:nowrap;pointer-events:none;font:500 22px/1 var(--hand);letter-spacing:.02em;text-shadow:0 0 8px var(--bone),0 0 3px var(--bone);animation:hint-in .8s ease backwards;animation-delay:2.6s;transition:opacity .5s ease}.drag-hint svg{overflow:visible;animation:hint-nudge 2.2s ease-in-out infinite alternate}.drag-hint path{fill:none;stroke:var(--fox);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}@keyframes hint-in{0%{opacity:0;translate:-50% 8px}}@keyframes hint-nudge{0%{transform:translate(-5px)}to{transform:translate(5px)}}body.hint-off .drag-hint,body.zooming .drag-hint{opacity:0}@media(max-width:767px){.nav{display:none}.plus{display:block}.places{display:none}.scene{touch-action:pan-y}.drag-hint{display:flex}.doors a{grid-template-columns:1fr;gap:6px;padding:22px 0}.d-n{display:none}.hotspot{min-width:44px;min-height:44px}.note{font-size:14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.shutter{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none}.shutter i{position:absolute;left:0;right:0;height:50.5%;background:#121212}.shutter i:first-child{top:0;transform-origin:50% 0}.shutter i:last-child{bottom:0;transform-origin:50% 100%}.page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--bone)}.page[hidden]{display:none}.page-doc{height:100%;overflow:auto;padding:28px var(--gutter) 64px;background:var(--bone)}.pd-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.pd-back{background:none;border:0;padding:6px 0;font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer}.pd-back:hover{color:var(--fox)}.pd-title{font:400 clamp(64px,11vw,176px)/.86 var(--serif);letter-spacing:-.035em;margin:8vh 0 7vh}.pd-list{list-style:none;padding:0;border-top:1px solid #17171733}.pd-list li{display:grid;grid-template-columns:22ch 1fr 1.2fr;gap:24px;align-items:baseline;padding:22px 0;border-bottom:1px solid #17171722}.pd-meta{font-size:10px;letter-spacing:.12em;color:var(--mute)}.pd-name{font:400 clamp(28px,3.6vw,56px)/1 var(--serif);letter-spacing:-.02em}.pd-list a:hover .pd-name{color:var(--fox)}.pd-blurb{color:var(--mute);max-width:44ch}@media(max-width:767px){.pd-list li{grid-template-columns:1fr;gap:6px}}.arch-group{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin:72px 0 18px;font:400 clamp(26px,3vw,40px)/1 var(--serif);letter-spacing:-.02em}.arch-group:first-of-type{margin-top:8px}.arch-group span{font:500 10px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}.arch-list{border-top:1px solid #17171733}.arch{border-bottom:1px solid #17171722}.arch summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:22ch 1fr 240px;gap:24px;align-items:center;padding:20px 0}.arch summary::-webkit-details-marker{display:none}.arch-head{display:grid;gap:6px}.arch .pd-name{transition:color .2s ease,transform .3s ease}.arch summary:hover .pd-name,.arch summary:focus-visible .pd-name,.arch[open] .pd-name{color:var(--fox)}.arch summary:hover .pd-name{transform:translate(6px)}.arch-kind{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}.print{position:relative;justify-self:end;width:220px;padding:7px;background:#fbf9f3;rotate:var(--r);transition:rotate .35s ease,translate .35s ease;box-shadow:0 1px #17171714,0 10px 18px -12px #17171766}.print img{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover}.tape{position:absolute;left:50%;top:-7px;width:46px;height:14px;translate:-50% 0;rotate:-4deg;background:#d96922b8;box-shadow:0 1px 2px #17171726}.arch summary:hover .print{rotate:0deg;translate:0 -3px}.model{justify-self:end;align-self:end;width:270px;margin-bottom:-20px;transition:translate .35s ease,scale .35s ease;transform-origin:50% 100%}.model img{display:block;width:100%;height:auto;filter:drop-shadow(0 7px 5px #17171738)}.arch summary:hover .model{translate:0 -4px;scale:1.03}.arch[open] .print,.arch[open] .model{display:none}.arch-body{display:grid;grid-template-columns:22ch 1fr;gap:24px;padding:4px 0 64px;animation:arch-in .45s ease backwards}@keyframes arch-in{0%{opacity:0;translate:0 10px}}.arch-main{min-width:0}.arch-side{display:grid;align-content:start;gap:12px}.arch-hand{font:500 24px/1.15 var(--hand);color:var(--fox);rotate:-2deg;max-width:14ch}.arch-with{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);line-height:1.8}.arch .pd-blurb{max-width:58ch;font-size:13px;line-height:1.85;color:var(--ink)}.mats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 28px;margin-top:36px;max-width:980px;align-items:start}.mat{margin:0;padding:12px 12px 10px;background:#fbf9f3;rotate:var(--r);box-shadow:0 1px #17171714,0 18px 28px -20px #17171780}.mat-cover{grid-column:1 / -1}.mat img{display:block;width:100%;height:auto}.mat figcaption{font:500 16px/1.25 var(--hand);color:var(--mute);padding:8px 2px 0}@media(max-width:767px){.arch summary{grid-template-columns:1fr;gap:10px;padding:22px 0}.print{justify-self:start;width:min(240px,72%)}.model{justify-self:start;width:min(270px,78%);margin-bottom:-22px}.arch-body{grid-template-columns:1fr;gap:14px;padding-bottom:44px}.arch-side{grid-auto-flow:column;justify-content:start;align-items:baseline;gap:18px}.mats{grid-template-columns:1fr;gap:28px}.mat,.print{rotate:calc(var(--r) * .6)}}@media(prefers-reduced-motion:reduce){.arch-body{animation:none}}.mat{position:relative}.mat img{cursor:zoom-in}.mat .tape{top:-9px;width:54px;height:15px;background:#d96922b0}.mat:nth-of-type(3n+2) .tape{background:#86a6b0b8;rotate:5deg}.mat:nth-of-type(3n) .tape{background:#e9d9a8cc;rotate:-7deg}.mat{transition:translate .3s ease,box-shadow .3s ease}.mat:hover{translate:0 -3px;box-shadow:0 1px #17171714,0 24px 32px -20px #17171790}.story{max-width:920px}.story>.mat{margin:34px 0}.story-p{max-width:62ch;margin:18px 0;font-size:13px;line-height:1.9}.mat-row{display:grid;gap:30px 24px;margin:34px 0;align-items:start}.mat-row.n2{grid-template-columns:repeat(2,minmax(0,1fr))}.mat-row.n3{grid-template-columns:repeat(3,minmax(0,1fr))}.chap{display:flex;align-items:center;gap:16px;margin:84px 0 18px;font:400 clamp(32px,4vw,52px)/1 var(--serif);letter-spacing:-.025em}.chap b{flex:none;display:grid;place-items:center;width:56px;height:56px;font:500 28px/1 var(--hand);color:var(--fox);letter-spacing:0;border:2px solid var(--fox);border-radius:52% 46% 54% 48%/48% 54% 46% 52%;rotate:-5deg}.story>.chap:first-child{margin-top:36px}.stat{position:relative;display:grid;gap:14px;justify-items:start;margin:54px 0 48px 18px;max-width:40ch}.stat b{position:relative;font:500 clamp(54px,7vw,88px)/1 var(--hand);color:var(--fox);letter-spacing:0}.stat b:before{content:"";position:absolute;top:-14px;right:-26px;bottom:-10px;left:-22px;border:2.5px solid var(--fox);border-radius:50% 46% 52% 48%/52% 50% 48%;rotate:var(--r);opacity:.85}.stat span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);line-height:1.7}.story-q{margin:34px 0;padding:4px 0 4px 22px;max-width:58ch;border-left:3px solid var(--fox);font:italic 400 21px/1.45 var(--serif)}.story-q cite{display:block;margin-top:10px;font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);font-style:normal}.note-card{position:relative;width:min(340px,100%);margin:34px 0 34px 8px;padding:26px 24px 20px;background:#fbf9f3;rotate:-1.4deg;box-shadow:0 1px #17171714,0 16px 26px -18px #17171780}.note-card h4{margin:0 0 10px;font:500 24px/1 var(--hand);color:var(--fox)}.note-card ol{margin:0;padding-left:22px;font-size:12px;line-height:2}.credits{margin:90px 0 30px;padding:26px 28px;max-width:640px;border:1.5px dashed #17171755;rotate:-.5deg}.credits h4{margin:0 0 14px;font:500 26px/1 var(--hand);color:var(--fox)}.credits dl{display:grid;grid-template-columns:12ch 1fr;gap:10px 18px;margin:0 0 18px;font-size:12px;line-height:1.7}.credits dt{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);padding-top:2px}.credits dd{margin:0}.credits a{font-size:10px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #17171740}.credits a:hover{color:var(--fox);border-color:var(--fox)}.has-story .arch-side{position:sticky;top:20px;align-self:start}.chapters{display:grid;gap:4px;margin-top:22px}.chapters button{display:flex;align-items:baseline;gap:10px;padding:5px 0;border:0;background:none;text-align:left;cursor:pointer;font:500 10px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}.chapters button b{font:500 17px/1 var(--hand);color:var(--fox);letter-spacing:0}.chapters button:hover{color:var(--ink)}.reveal{opacity:0;translate:0 22px;transition:opacity .6s ease,translate .65s cubic-bezier(.2,.7,.2,1),rotate .9s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;translate:0 0}.mat.reveal,.stat b:before{rotate:calc(var(--r) * 2.6)}.mat.reveal.in{rotate:var(--r)}.stat.reveal.in b:before{rotate:var(--r)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-content:center;justify-items:center;gap:12px;padding:4vw;background:#171717ea;cursor:zoom-out;animation:lb-in .25s ease}.lightbox img{max-width:100%;max-height:84vh;box-shadow:0 30px 60px -20px #000a}.lightbox p{margin:0;font:500 20px/1 var(--hand);color:#f1eee6;text-align:center}@keyframes lb-in{0%{opacity:0}}@media(max-width:767px){.has-story .arch-side{position:static}.chapters{display:none}.mat-row.n2,.mat-row.n3{grid-template-columns:1fr}.chap b{width:46px;height:46px;font-size:24px}.credits dl{grid-template-columns:1fr;gap:2px}.credits dt{margin-top:8px}.stat{margin-left:10px}}@media(prefers-reduced-motion:reduce){.reveal{transition:none;opacity:1;translate:0 0}.mat.reveal{rotate:var(--r)}.lightbox{animation:none}}.mat.demo{margin:34px 0;padding-bottom:14px}.mat.demo canvas{display:block;width:100%;aspect-ratio:16 / 10;touch-action:none;background:repeating-linear-gradient(0deg,transparent 0 31px,#17171708 31px 32px),repeating-linear-gradient(90deg,transparent 0 31px,#17171708 31px 32px)}.demo-ctl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto auto;gap:10px 18px;align-items:end;padding:14px 4px 4px}.demo-ctl label{display:grid;gap:4px;font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}.demo-ctl input[type=range]{width:100%;accent-color:var(--fox)}.demo-ctl button{padding:7px 12px;border:1.5px solid var(--ink);border-radius:3px;background:none;font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);cursor:pointer;transition:background .2s ease,color .2s ease}.demo-ctl button:hover,.demo-ctl button[aria-pressed=true]{background:var(--fox);border-color:var(--fox);color:#fbf9f3}@media(max-width:767px){.demo-ctl{grid-template-columns:repeat(2,minmax(0,1fr))}.mat.demo canvas{aspect-ratio:1 / 1}}.mat.demo canvas{aspect-ratio:var(--ar, 16 / 10)}.mat.demo canvas.dark{background:#0d0f16}@media(max-width:767px){.mat.demo canvas{aspect-ratio:var(--ar-m, 1 / 1)}}.kit-ctl{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:12px 18px;align-items:end;padding:14px 4px 4px}.kit-ctl label{display:grid;gap:6px;font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}.kit-ctl label span{display:flex;justify-content:space-between;gap:8px}.kit-ctl em{font-style:normal;color:var(--fox);letter-spacing:.04em}.kit-ctl input[type=range]{width:100%;accent-color:var(--fox)}.kit-bt{display:flex;flex-wrap:wrap;gap:8px;grid-column:1 / -1}.kit-bt button{padding:7px 12px;border:1.5px solid var(--ink);border-radius:3px;background:none;font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);cursor:pointer;transition:background .2s ease,color .2s ease}.kit-bt button:hover,.kit-bt button[aria-pressed=true]{background:var(--fox);border-color:var(--fox);color:#fbf9f3}body.page-open .hero,body.page-open .doors,body.page-open .foot,body.page-open .top{visibility:hidden}body.page-open:after{display:none}.arch-close-wrap{position:sticky;top:14px;z-index:8;height:0;display:flex;justify-content:flex-end;pointer-events:none}.arch-close{pointer-events:auto;display:grid;place-items:center;width:48px;height:48px;margin:4px 0 0;padding:0;border:1.5px solid var(--ink);border-radius:50%;background:#fbf9f3;color:var(--ink);font:300 32px/1 var(--mono);cursor:pointer;rotate:-5deg;box-shadow:0 8px 16px -8px #17171777;transition:background .2s ease,color .2s ease,rotate .25s ease,scale .25s ease}.arch-close:hover,.arch-close:focus-visible{background:var(--fox);border-color:var(--fox);color:#fbf9f3;rotate:0deg;scale:1.06}@media(max-width:767px){.arch-close{width:46px;height:46px;font-size:30px}}.photo-sec:first-child .chap{margin-top:36px}.chap em{margin-left:auto;align-self:flex-end;padding-bottom:6px;font:500 20px/1 var(--hand);letter-spacing:0;color:var(--mute);font-style:normal;white-space:nowrap}.photo-wall{column-width:290px;column-gap:30px;margin-top:30px}.photo-wall .mat{display:inline-block;width:100%;margin:0 0 34px;break-inside:avoid}.mat.photo img{background:#17171710}@media(max-width:767px){.photo-wall{column-width:auto;column-count:2;column-gap:14px}.photo-wall .mat{margin-bottom:20px;padding:7px 7px 6px}.photo-wall .mat figcaption{font-size:13px;padding-top:5px}.chap em{display:none}}