@property --ground{syntax: "<color>"; inherits: true; initial-value: #08090d;}@property --ink{syntax: "<color>"; inherits: true; initial-value: #f3f5f8;}@property --muted{syntax: "<color>"; inherits: true; initial-value: #9aa1ad;}@property --link{syntax: "<color>"; inherits: true; initial-value: #8a919d;}@property --dim{syntax: "<color>"; inherits: true; initial-value: #7b8291;}@property --rule{syntax: "<color>"; inherits: true; initial-value: #161a22;}@property --gold{syntax: "<color>"; inherits: true; initial-value: #f2c200;}@property --bar{syntax: "<color>"; inherits: true; initial-value: #f2c200;}@property --unfold{syntax: "<number>"; inherits: true; initial-value: 0;}@property --peek{syntax: "<number>"; inherits: true; initial-value: 0;}:root,[data-theme=dark]{color-scheme:dark;--ground: #08090d;--ink: #f3f5f8;--muted: #9aa1ad;--link: #8a919d;--dim: #7b8291;--rule: #161a22;--gold: #f2c200;--bar: #f2c200}[data-theme=light]{color-scheme:light;--ground: #eeebe3;--ink: #141a26;--muted: #434a59;--link: #4b5261;--dim: #525968;--rule: #d9d5ca;--gold: #6b5000;--bar: #a87d00}:root{--ease-out: cubic-bezier(.23, 1, .32, 1);--pad: 1.25rem;transition:--ground .2s ease,--ink .2s ease,--muted .2s ease,--link .2s ease,--dim .2s ease,--rule .2s ease,--gold .2s ease,--bar .2s ease}*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-color:var(--dim) var(--ground);caret-color:var(--gold)}::selection{background:var(--gold);color:var(--ground);-webkit-text-fill-color:var(--ground)}body{background:var(--ground);color:var(--ink);font:400 1rem/1.65 Zen Kaku Gothic New,system-ui,sans-serif;-webkit-font-smoothing:antialiased;padding:5.25rem var(--pad) 5rem}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.col{max-width:35rem;margin-inline:auto}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:3.5rem}.top-end,.top nav,.foot nav{display:flex;align-items:center;column-gap:1.25rem}.mark{--k: max(var(--unfold), var(--peek));display:inline-flex;align-items:center;min-height:2.75rem;font-size:.9375rem;font-weight:700;letter-spacing:calc(.02em + .1em * (1 - var(--k)));white-space:nowrap;animation:fold .6s cubic-bezier(.77,0,.175,1) 2.2s both;transition:--peek .2s cubic-bezier(.77,0,.175,1)}.mark:hover,.mark:focus-visible{--peek: 1;transition-duration:.3s;transition-timing-function:var(--ease-out)}@keyframes fold{0%{--unfold: 1}to{--unfold: 0}}.mark span{--w: .7em;display:inline-block;max-width:calc(var(--w) * var(--k));overflow:hidden;vertical-align:bottom;opacity:var(--k);font-weight:400;color:var(--muted)}.mark span:first-of-type{--w: 5.3em}.mark span:last-of-type{--w: 4.2em}.link{display:inline-flex;align-items:center;padding-inline:.625rem;margin-inline:-.625rem;min-height:2.75rem;font-size:.875rem;--base: var(--link)}.link.sweep.out{display:inline;min-height:0;padding-block:.6875rem;padding-inline:0;margin-inline:0;font-size:inherit;--base: var(--ink);text-decoration:underline;text-decoration-color:var(--dim);text-underline-offset:.25em}.sweep{color:var(--base);background-image:linear-gradient(to right,var(--gold) 50%,var(--base) 50%);background-size:200% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:background-position .15s ease}.sweep:focus-visible,.row:focus-visible .sweep{background-position:0 0;transition:none}@media(hover:hover)and (pointer:fine){.sweep:hover,.row:hover .sweep{background-position:0 0;transition:background-position .24s var(--ease-out) 60ms}}.theme{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin-right:-.75rem;border:0;background:none;color:var(--link);cursor:pointer;transition:color .15s ease,scale .16s var(--ease-out)}@media(hover:hover)and (pointer:fine){.theme:hover{color:var(--ink)}}.theme:active,.still-btn:active,.lightbox-close:active,.lightbox-nav:active{scale:.97}.theme-icon{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter}[data-theme=dark] .icon-sun,[data-theme=light] .icon-moon{display:none}h1{font-size:1.375rem;font-weight:500;line-height:1.4}.role{color:var(--muted);margin-top:.125rem}.intro{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:3.5rem}.portrait{flex:none;width:5.25rem;height:5.25rem;background:url(/media/portrait.webp) center / cover;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.5 0C.9 0 1 .1 1 .5S.9 1 .5 1 0 .9 0 .5.1 0 .5 0Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.5 0C.9 0 1 .1 1 .5S.9 1 .5 1 0 .9 0 .5.1 0 .5 0Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat}main>section{margin-bottom:3.25rem}h2{font-size:.84375rem;font-weight:500;letter-spacing:.04em;color:var(--dim);margin-bottom:.875rem}main p{color:var(--muted);text-wrap:pretty}main p+p{margin-top:.75rem}.okina{font-family:Helvetica,Arial,sans-serif;line-height:0}.rows{list-style:none}.row{--row-pad: .5625rem;position:relative;display:flex;justify-content:space-between;align-items:baseline;gap:1.5rem;padding-block:var(--row-pad);scroll-margin-top:1.5rem}.row-name{--base: var(--ink);display:block;width:fit-content;font-weight:500;view-transition-class:title}.row-blurb{text-align:right;font-size:.875rem;color:var(--link)}.row:before{content:"";position:absolute;left:-1.375rem;top:calc(var(--row-pad) + .825rem - 1px);width:10px;height:2px;background:var(--bar);transform:scaleX(0);transform-origin:left;transition:transform .15s ease-out}.row:focus-visible:before{transform:scaleX(1);transition:none}@media(hover:hover)and (pointer:fine){.row:hover:before{transform:scaleX(1);transition:transform .16s ease-out}}.foot{margin-top:4rem;padding-top:.5rem;border-top:1px solid var(--rule)}.foot nav{flex-wrap:wrap}.back{margin-top:-1.25rem}.meta{margin-top:.125rem}.hero{margin-block:2.5rem}.cover,.shots img{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover}.still-btn{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;transition:scale .16s var(--ease-out)}.story{margin-bottom:3.25rem}.built+.built,.built+p{margin-top:.375rem}.decision{margin-bottom:1.5rem}.decision dt{font-weight:500;color:var(--ink);text-wrap:balance}.decision dd{margin-top:.25rem;color:var(--muted);text-wrap:pretty}.shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-block:3.25rem}.shots figure{margin:0}.shots figure:first-child:nth-last-child(odd){grid-column:1 / -1}.shots img.is-pending{opacity:0}.shots img.is-loaded{opacity:1;transition:opacity .2s var(--ease-out)}.after{display:flex;flex-wrap:wrap;column-gap:2rem;margin-top:2rem}h1{view-transition-class:title}::view-transition-group(.title){animation-duration:.42s;animation-timing-function:var(--ease-out)}::view-transition-old(root),::view-transition-new(root){animation-duration:.26s}.lightbox{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;display:none;align-items:center;justify-content:center;padding:clamp(1rem,4vw,3rem);border:0;background:color-mix(in srgb,var(--ground) 98%,transparent);color:var(--ink);opacity:0;transition:opacity .16s var(--ease-out),display .16s allow-discrete,overlay .16s allow-discrete}.lightbox[open]{display:flex;opacity:1;transition:opacity .22s var(--ease-out),display .22s allow-discrete,overlay .22s allow-discrete}@starting-style{.lightbox[open]{opacity:0}}.lightbox::backdrop{background:none}body:has(.lightbox[open]){overflow:hidden}.lightbox-figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:.75rem;max-width:100%;transition:scale .22s var(--ease-out)}@starting-style{.lightbox-figure{scale:.97}}.lightbox-figure img{display:block;max-width:100%;max-height:calc(100dvh - clamp(2rem,8vw,6rem) - 3rem);width:auto;height:auto;transition:opacity .18s var(--ease-out)}@starting-style{.lightbox-figure img{opacity:0}}.lightbox-figure figcaption{font-size:.875rem;color:var(--muted);text-align:center;text-wrap:pretty;max-width:48ch}.lightbox-close,.lightbox-nav{position:absolute;display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid var(--dim);background:var(--ground);color:var(--ink);font-size:1.125rem;cursor:pointer;transition:color .15s ease,border-color .15s ease,scale .16s var(--ease-out)}.lightbox-close:focus-visible,.lightbox-nav:focus-visible{border-color:var(--gold);color:var(--gold)}@media(hover:hover)and (pointer:fine){.lightbox-close:hover,.lightbox-nav:hover{border-color:var(--gold);color:var(--gold)}}.lightbox-close{top:clamp(.75rem,3vw,1.5rem);right:clamp(.75rem,3vw,1.5rem)}.lightbox-nav{top:50%;translate:0 -50%}.lightbox-prev{left:clamp(.5rem,2.5vw,1.5rem)}.lightbox-next{right:clamp(.5rem,2.5vw,1.5rem)}.icon{flex:none;width:1em;height:1em}@media(max-width:43.75rem){body{padding-top:2rem}}@media(max-width:38rem){.row:before{left:-1rem}.row{flex-direction:column;align-items:flex-start;gap:0}.row-blurb{text-align:left}}@media(max-width:32rem){.top{flex-direction:column;align-items:flex-start;margin-bottom:2.5rem}.top-end{align-self:stretch;justify-content:space-between}.shots{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){:root,.mark{transition:none}.mark{animation:none}.sweep,.row:before,.theme,.still-btn,.lightbox-close,.lightbox-nav,.lightbox-figure,.shots img.is-loaded,.lightbox-figure img{transition:none}.shots img.is-pending{opacity:1}::view-transition-group(*),::view-transition-old(root),::view-transition-new(root){animation:none!important}}@media(forced-colors:active){.portrait{forced-color-adjust:none}.sweep{background:none;color:LinkText;-webkit-text-fill-color:currentColor}.row-name{color:CanvasText}.row:before{background:Highlight}}