.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}.nm-i{position:relative;display:inline-block}.nm-i:after{content:"´";position:absolute;left:50%;top:.2em;font-size:.62em;line-height:1;transform:translate(-50%)}@font-face{font-family:PP Mori;src:url(/fonts/PPMori-Book.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:PP Mori;src:url(/fonts/PPMori-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:PP Mori;src:url(/fonts/PPMori-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:PP Supply Sans;src:url(/fonts/PPSupplySans-Ultralight.woff2) format("woff2");font-weight:200;font-display:swap}@font-face{font-family:PP Supply Sans;src:url(/fonts/PPSupplySans-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:PP Supply Mono;src:url(/fonts/PPSupplyMono-Regular.woff2) format("woff2");font-weight:400;font-display:swap}:root{--paper: #ffffff;--ink: #0a0a0a;--muted: #6b6b6b;--faint: #b3b3b3;--pill: #fafafa;--pill-hover: #f2f2f2;--panel: #f7f7f7;--line: rgba(0, 0, 0, .1);--tile: #f4f4f4;--glass: rgb(255 255 255 / .58);--glass-hover: rgb(255 255 255 / .86);--glass-line: rgb(0 0 0 / .06);--glass-line-hover: rgb(0 0 0 / .1);--glass-blur: blur(18px) saturate(1.4);--sans: "PP Mori", "Helvetica Neue", Helvetica, Arial, sans-serif;--fs-s: 13px;--fs-m: 15px;--fs-l: clamp(17px, 1.25vw, 19px);--fs-xl: clamp(30px, 3.6vw, 54px);--fs-xxl: clamp(46px, 8vw, 132px);--m: clamp(16px, 2.2vw, 32px);--g: clamp(12px, 1.4vw, 20px);--top: clamp(84px, 11vh, 120px);--space: clamp(64px, 7vw, 112px);--space-s: clamp(32px, 3.5vw, 56px);--r: 5px;--ease: cubic-bezier(.2, .7, .1, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--fs-m)/1.3 var(--sans);letter-spacing:-.006em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01" 0}img,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;letter-spacing:inherit;background:none;border:0;padding:0;cursor:pointer}::selection{background:var(--ink);color:var(--paper)}:focus-visible{outline:1px solid currentColor;outline-offset:3px;border-radius:2px}[hidden]{display:none!important}.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--g);padding-inline:var(--m)}.muted{color:var(--muted)}.site-header{position:fixed;inset:0 0 auto;z-index:40;pointer-events:none;transition:transform .7s var(--ease-out, cubic-bezier(.22,1,.36,1)),opacity .5s ease;display:flex;justify-content:space-between;align-items:flex-start;padding:calc(var(--m) * .75 + env(safe-area-inset-top,0px)) var(--m) 0}.pill{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-radius:999px;background:var(--glass);font-size:var(--fs-s);line-height:1;white-space:nowrap;box-shadow:inset 0 0 0 1px var(--glass-line);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:background-color .25s var(--ease),box-shadow .25s var(--ease),transform .15s var(--ease)}a.pill:hover,button.pill:hover,.pill[aria-expanded=true]{background:var(--glass-hover);box-shadow:inset 0 0 0 1px var(--glass-line-hover)}.pill:active{transform:translateY(1px)}.pill:focus-visible{outline-offset:2px;border-radius:999px}.pill[aria-current=page],a.pill[aria-current=page]:hover{color:#fff;background:#1e1e1e;box-shadow:none}.site-nav{display:flex;gap:4px;position:relative}.pill .caret{display:inline-block;transition:transform .3s var(--ease)}@media (max-width: 420px){.pill{padding:0 9px}.site-nav{gap:3px}}.pill[aria-expanded=true] .caret{transform:rotate(180deg)}.contact-panel{position:absolute;right:0;top:38px;min-width:232px;padding:12px;border-radius:12px;font-size:var(--fs-s);background:linear-gradient(180deg,#ffffff80,#ffffff57);box-shadow:inset 0 1px #fffffff2,inset 0 0 0 1px #ffffff80,0 0 0 .5px #00000014,0 16px 40px -14px #0003;-webkit-backdrop-filter:blur(4px) saturate(1.6);backdrop-filter:blur(4px) saturate(1.6);display:grid;gap:10px;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .25s var(--ease),transform .35s var(--ease)}.contact-panel.open{opacity:1;transform:none;pointer-events:auto}.contact-panel a:hover{color:var(--muted)}.contact-panel .todo{margin:0}main:not(.home):not(.nf){padding-bottom:var(--space)}.media{position:relative;overflow:hidden;background:var(--tile);border-radius:var(--r)}.media img,.media video{width:100%;height:100%;object-fit:cover}.media.natural img,.media.natural video{height:auto}.sound-btn{position:absolute;left:12px;bottom:12px;z-index:2;height:28px;padding:0 11px;border-radius:var(--r);font-size:12px;color:var(--ink)}.js .reveal{clip-path:inset(5% 0 0 0 round var(--r));opacity:0}.js .reveal>*{transform:scale(1.035)}.js .reveal.is-in{clip-path:inset(0 round var(--r));opacity:1;transition:clip-path 1.1s var(--ease-out),opacity .7s var(--ease)}.js .reveal.is-in>*{transform:none;transition:transform 1.4s var(--ease-out)}.js .rise{opacity:0;transform:translateY(10px);animation:rise .9s var(--ease-out) .05s forwards}@keyframes rise{to{opacity:1;transform:none}}.todo{display:inline-block;padding:2px 6px;border:1px dashed #c58a00;color:#8a5f00;font-size:12px;border-radius:3px;background:#fff8e6}.home{min-height:100dvh;display:flex;flex-direction:column}.intro{padding-top:var(--top)}.intro p{grid-column:1 / span 5;margin:0;font-size:var(--fs-l);line-height:1.2;letter-spacing:-.02em;text-wrap:balance}.sound-btn{background:#ffffffd1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.sound-toggle{position:fixed;right:var(--m);bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:20;width:36px;height:36px;display:flex;align-items:center;justify-content:flex-end;gap:2px;color:#fff;mix-blend-mode:difference}.sound-toggle span{width:2px;height:12px;border-radius:1px;background:currentColor;transform-origin:50% 100%;transform:scaleY(.18);opacity:.45;transition:transform .35s var(--ease),opacity .25s var(--ease)}.sound-toggle[aria-pressed=true] span{opacity:1;animation:level 1s var(--ease) infinite alternate}.sound-toggle[aria-pressed=true] span:nth-child(1){animation-duration:.9s}.sound-toggle[aria-pressed=true] span:nth-child(2){animation-duration:1.3s;animation-delay:-.4s}.sound-toggle[aria-pressed=true] span:nth-child(3){animation-duration:1.1s;animation-delay:-.8s}.sound-toggle[aria-pressed=true] span:nth-child(4){animation-duration:1.5s;animation-delay:-.2s}@keyframes level{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.sound-toggle:hover span{opacity:1}.cap{display:flex;justify-content:space-between;gap:12px;margin-top:9px;font-size:var(--fs-s);line-height:1.3}.cap-title{color:var(--ink)}.cap-line{color:var(--muted);text-align:right}.index-view{padding:var(--top) var(--m) 0}.idx-head{padding:0 0 10px;font-size:var(--fs-s);color:var(--muted)}.idx{margin:0;padding:0;list-style:none;border-bottom:1px solid var(--line)}.idx li{border-top:1px solid var(--line)}.idx-row{padding-inline:0;padding-block:clamp(14px,1.4vw,20px);align-items:baseline;font-size:var(--fs-s);transition:opacity .35s var(--ease)}.idx-n{grid-column:1;color:var(--muted);font-variant-numeric:tabular-nums}.idx-t{grid-column:2 / span 6;font-size:clamp(24px,2.7vw,40px);letter-spacing:-.03em;line-height:1.05}.idx-l{grid-column:8 / span 4;color:var(--muted)}.idx-y{grid-column:12;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.idx-head .idx-t{font-size:var(--fs-s);letter-spacing:0;line-height:inherit}.idx:has(.idx-row:hover) .idx-row:not(:hover){opacity:.28}.idx-row:hover .idx-l,.idx-row:hover .idx-y,.idx-row:hover .idx-n{color:var(--ink)}.js .index-view .idx li{animation:rowIn .7s var(--ease-out) both;animation-delay:calc(var(--i) * 55ms)}@keyframes rowIn{0%{opacity:0;transform:translateY(12px)}}.index-view .index-preview{width:clamp(220px,20vw,300px)}.index-preview{position:fixed;left:0;top:0;z-index:15;width:clamp(180px,16vw,260px);aspect-ratio:4 / 5;pointer-events:none;will-change:transform}.ip-inner{position:absolute;inset:0;border-radius:var(--r);overflow:hidden;background:var(--tile);opacity:0;transform:scale(.94);transition:opacity .35s var(--ease),transform .5s var(--ease-out)}.index-preview.on .ip-inner{opacity:1;transform:none}.index-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s var(--ease)}.index-preview img.front{opacity:1}@media (hover: none){.index-preview{display:none}}.p-head{padding-top:var(--top);align-items:baseline}.p-intro{grid-column:1 / span 8;display:grid;gap:4px}.p-title{margin:0;font-size:var(--fs-l);font-weight:400;line-height:1.2;letter-spacing:-.02em;text-wrap:balance}.p-summary{margin:0;font-size:var(--fs-m);line-height:1.3;color:var(--muted);text-wrap:pretty;max-width:60ch}.p-about{margin:12px 0 0;font-size:var(--fs-m);line-height:1.3;color:var(--muted);text-wrap:pretty;max-width:84ch}.p-facts{grid-column:10 / span 3;margin:0;display:grid;grid-template-columns:auto 1fr;gap:4px 16px;font-size:var(--fs-s)}.p-facts dt{color:var(--muted)}.p-facts dd{margin:0}.p-hero{margin-top:var(--space-s);padding-inline:var(--m)}.p-hero .media,.b-full .media{width:100%;max-height:calc(100dvh - var(--m) * 2)}.p-hero .media img,.p-hero .media video,.b-full .media img,.b-full .media video{height:100%}.p-body{row-gap:var(--g);margin-top:var(--g);align-items:start}.b-full{grid-column:1 / -1}.b-stack{grid-column:1 / -1;margin-bottom:calc(var(--space-s) - var(--g))}.b-half{grid-column:4 / span 6}.b-left{grid-column:1 / span 6}.p-tiles .p-hero .media,.p-tiles .b-full .media,.p-tiles .b-half .media,.p-tiles .b-left .media,.p-tiles .b-right .media{aspect-ratio:3 / 2!important;max-height:none}.p-tiles .b-pair .media{aspect-ratio:3 / 4!important}.p-tiles .b-pair.is-wide .media{aspect-ratio:16 / 9!important}.p-tiles .media{background:#f5f5f5}.p-tiles .media img{width:100%;height:100%;object-fit:cover}.p-hero.is-bleed{padding-inline:0}.p-tiles .p-hero.is-bleed .media{aspect-ratio:auto!important;height:min(100svh,56.25vw);max-height:none;border-radius:0}.b-media.b-bleed{grid-column:1 / -1;margin-inline:calc(-1 * var(--m))}.p-tiles .b-bleed .media{aspect-ratio:16 / 9!important;max-height:none;border-radius:0}@media (max-width: 760px){.p-tiles .p-hero.is-bleed .media{height:auto;aspect-ratio:4 / 5!important}.p-tiles .b-bleed .media{aspect-ratio:4 / 3!important}}.b-band{grid-column:1 / -1;margin-inline:calc(-1 * var(--m));margin-top:calc(var(--space-s) - var(--g));padding-block:var(--space-s)}.b-band>.grid{row-gap:var(--g);align-items:start}.b-band.is-dark{--ink: #f2f2f2;--muted: rgb(255 255 255 / .5);background:#141414;color:var(--ink)}.p-tiles .b-band .b-full .media{aspect-ratio:16 / 9!important}.b-band .b-stack:last-child{margin-bottom:0}.p-tiles .media.fit-contain img{object-fit:contain;padding:7%}.p-tiles .b-full .media:has(>bento-showcase){aspect-ratio:16 / 9!important}.p-tiles .media:has(>photo-stack){background:transparent}.p-tiles .media>:is(color-study,type-study,type-reel,story-stack,logo-reveal,landing-reel,sunwink-brand,oona-piece){aspect-ratio:auto!important;width:100%;height:100%;max-height:none;border-radius:0}.b-right{grid-column:7 / span 6}.p-hero.grid{padding-inline:var(--m)}.b-pair{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:var(--g);align-items:start}.b-row{grid-column:1 / -1;margin:0}.b-row-items{display:flex;gap:var(--g);align-items:flex-start}.b-row-item{min-width:0}.p-tiles .b-row .media{aspect-ratio:auto}.b-row.has-ground .b-row-items{align-items:center;gap:clamp(10px,1.6vw,24px);padding:clamp(28px,6vw,96px) clamp(18px,5vw,80px);border-radius:var(--r);background:var(--ground)}.p-tiles .b-row.has-ground .media{background:transparent}.b-caption,.b-media figcaption{margin:8px 0 calc(var(--space-s) - var(--g));font-size:var(--fs-s);color:var(--muted)}.b-media{margin:0}.b-text{grid-column:1 / span 6;display:grid;gap:4px;padding-block:8px}.b-text h2{margin:0;font-size:var(--fs-s);font-weight:400;color:var(--muted)}.b-cols{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;padding-block:var(--space-s);row-gap:var(--space-s)}.b-cols>div{grid-column:span 6}.b-cols h2{margin:0 0 10px;font-size:var(--fs-s);font-weight:400;color:var(--muted)}.b-cols p{margin:0;font-size:clamp(20px,2.4vw,34px);line-height:1.2;letter-spacing:-.02em;text-wrap:pretty;max-width:24ch}.b-text p{margin:0;font-size:var(--fs-m);line-height:1.3;text-wrap:pretty;max-width:60ch}.p-credits{margin-top:clamp(40px,4.5vw,72px);padding-top:14px;border-top:1px solid var(--line);margin-inline:var(--m);padding-inline:0}.p-credits dl{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;row-gap:20px;margin:0;font-size:var(--fs-s)}.p-credits dt{color:var(--muted);margin-bottom:4px}.p-credits dd{margin:0}.p-credits .c-role{grid-column:1 / span 6}.p-credits .c-type{grid-column:7 / span 3}.p-credits .c-year{grid-column:10 / span 3}.p-outcome{grid-column:1 / span 6;margin:20px 0 0;font-size:var(--fs-s);max-width:60ch}.p-next{display:flex;justify-content:space-between;align-items:baseline;gap:var(--g);margin-top:clamp(48px,5vw,80px);padding-top:14px;border-top:1px solid var(--line);margin-inline:var(--m);padding-inline:0}.p-next .label{font-size:var(--fs-s);color:var(--muted)}.p-next .t{text-align:right;font-size:var(--fs-l);letter-spacing:-.02em;line-height:1.2;transition:color .25s var(--ease)}.p-next .arrow{display:inline-block;margin-left:4px;transition:transform .35s var(--ease-out)}.p-next:hover .t{color:var(--muted)}.p-next:hover .arrow{transform:translate(4px)}.info-open{padding-top:var(--top);padding-bottom:var(--space);row-gap:.6em;font-size:var(--fs-l)}.info-lead{grid-column:1 / span 5;margin:0;font-size:var(--fs-l);font-weight:400;line-height:1.2;letter-spacing:-.02em;text-wrap:pretty}.info-bio{grid-column:1 / span 5;margin:0;font-size:var(--fs-l);line-height:1.2;letter-spacing:-.02em;color:var(--muted);text-wrap:pretty}.info-sec{margin-inline:var(--m);padding-inline:0;padding-block:14px var(--space-s);border-top:1px solid var(--line);align-items:baseline}.info-sec>h2{grid-column:1 / span 3;margin:0;font-size:var(--fs-s);font-weight:400;line-height:1.3;color:var(--muted)}.info-sec .sub{grid-column:4 / -1;display:grid;grid-template-columns:subgrid;row-gap:6px;margin:0;padding:0;list-style:none;min-width:0}.info-sec .rows>li,.info-sec .rows>.row{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;margin:0}.info-sec .c1{grid-column:1 / span 3}.info-sec .c2{grid-column:4 / span 3}.info-sec .c3{grid-column:7 / span 3;font-variant-numeric:tabular-nums}.info-sec .c-all{grid-column:1 / -1;margin:0;max-width:62ch}.info-sec .row.note{margin-top:10px}.info-sec .caps{row-gap:2px}.info-sec .caps li{grid-column:span 3}.info-sec a{text-decoration:underline;text-decoration-color:var(--faint);text-decoration-thickness:1px;text-underline-offset:3px;transition:text-decoration-color .2s var(--ease)}.info-sec a:hover{text-decoration-color:currentColor}.nf{min-height:100dvh;display:grid;place-content:center;text-align:center;gap:16px;padding:var(--m)}.nf p{margin:0;font-size:var(--fs-l);letter-spacing:-.02em}@media (max-width: 760px){.intro p{grid-column:1 / -1}.cap-line,.idx-head{display:none}.idx-n{grid-column:1 / span 2}.idx-t{grid-column:3 / span 8}.idx-y{grid-column:11 / span 2;text-align:right}.idx-l{grid-column:3 / -1;grid-row:2;margin-top:6px}.p-intro,.p-facts{grid-column:1 / -1}.p-facts{margin-top:20px}.p-facts{align-self:start}.b-text{grid-column:1 / -1}.b-cols>div{grid-column:1 / -1}.b-half,.b-left,.b-right{grid-column:1 / -1}.b-pair{grid-template-columns:1fr}.b-row-items{display:grid;grid-template-columns:1fr 1fr}.p-outcome,.info-lead,.info-bio{grid-column:1 / -1}.p-credits dl{grid-template-columns:1fr 1fr;gap:16px var(--g)}.p-credits .c-role{grid-column:1 / -1}.p-credits .c-type{grid-column:1}.p-credits .c-year{grid-column:2}.info-sec>h2{grid-column:1 / -1;margin-bottom:10px}.info-sec .sub{grid-column:1 / -1;grid-template-columns:minmax(0,1fr) auto;row-gap:12px}.info-sec .rows>li,.info-sec .rows>.row{grid-template-columns:minmax(0,1fr) auto;column-gap:var(--g)}.info-sec .c1{grid-column:1}.info-sec .c2{grid-column:1 / -1;grid-row:2}.info-sec .c3{grid-column:2;text-align:right}.info-sec .caps{row-gap:4px}.info-sec .caps li{grid-column:1 / -1}}@media (prefers-reduced-motion: reduce){.js .index-view .idx li{animation:none}.sound-toggle[aria-pressed=true] span{animation:none;transform:scaleY(.7)}.js .reveal,.js .reveal>*,.js .rise{clip-path:none;opacity:1;transform:none;animation:none;transition:none}*{scroll-behavior:auto!important}}::view-transition-old(root),::view-transition-new(root){animation-duration:.35s}::view-transition-image-pair(*){isolation:auto}::view-transition-old(*),::view-transition-new(*){height:100%;object-fit:cover;overflow:clip}::view-transition-group(*){animation-duration:.6s;animation-timing-function:cubic-bezier(.2,.7,.1,1)}.site-header>*{pointer-events:auto}.site-header.away{transform:translateY(calc(-100% - 12px));opacity:0}@media (prefers-reduced-motion: reduce){.site-header{transition:opacity .2s}.site-header.away{transform:none}}.site-header .pill:not([aria-current=page]),nav.cbar.cbar{background:#ffffff4d;-webkit-backdrop-filter:blur(24px) saturate(1.8);backdrop-filter:blur(24px) saturate(1.8);box-shadow:inset 0 1px #ffffffbf,inset 0 0 0 1px #ffffff52,0 8px 24px -14px #0000004d;transition:background-color .4s var(--ease),color .4s var(--ease),box-shadow .4s var(--ease)}.site-header a.pill:not([aria-current=page]):hover,.site-header .pill[aria-expanded=true]{background:#fff9}.site-header.on-dark .pill:not([aria-current=page]),nav.cbar.cbar.on-dark{background:#ffffff1a;color:#fff;box-shadow:inset 0 1px #ffffff47,inset 0 0 0 1px #ffffff29,0 8px 24px -14px #00000080}.site-header.on-dark a.pill:not([aria-current=page]):hover,.site-header.on-dark .pill[aria-expanded=true]{background:#fff3}.site-header.on-dark .pill[aria-current=page]{background:#fff;color:#0a0a0a}nav.cbar.on-dark button{color:#fff}nav.cbar.on-dark button[aria-current]{background:#fff;color:#0a0a0a}