@font-face{font-family:Funnel Display;font-style:normal;font-weight:300 800;font-display:swap;src:url(../media/0c5dbc8cc99ee77f-s.0ogxg322i472y.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Funnel Display;font-style:normal;font-weight:300 800;font-display:swap;src:url(../media/43b1f09180d16790-s.p.23zh95iq-x3nr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Funnel Display Fallback;src:local(Arial);ascent-override:93.85%;descent-override:23.46%;line-gap-override:0.0%;size-adjust:106.55%}._4imdOa_className{font-family:Funnel Display,Funnel Display Fallback;font-style:normal}._4imdOa_variable{--font-display:"Funnel Display", "Funnel Display Fallback"}
@font-face{font-family:Funnel Sans;font-style:normal;font-weight:300 800;font-display:swap;src:url(../media/3b494936e59842b0-s.1go0d5nq_-w5a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Funnel Sans;font-style:normal;font-weight:300 800;font-display:swap;src:url(../media/95c109acf44fb1dc-s.p.3sn1m8e9yfo1w.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Funnel Sans Fallback;src:local(Arial);ascent-override:98.88%;descent-override:24.72%;line-gap-override:0.0%;size-adjust:101.13%}.yCI-RW_className{font-family:Funnel Sans,Funnel Sans Fallback;font-style:normal}.yCI-RW_variable{--font-sans:"Funnel Sans", "Funnel Sans Fallback"}
@font-face{font-family:Caveat;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a925085458ef6d49-s.04zcam1iel9wu.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-weight:500;font-display:swap;src:url(../media/089759a55bd8cb5e-s.034_md61ci_hx.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-weight:500;font-display:swap;src:url(../media/909022845d45f745-s.2-gvzunjwzw93.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-weight:500;font-display:swap;src:url(../media/901ab3db5ace4563-s.p.3r6si8l984dsl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat Fallback;src:local(Arial);ascent-override:124.77%;descent-override:38.99%;line-gap-override:0.0%;size-adjust:76.94%}.zZvmwq_className{font-family:Caveat,Caveat Fallback;font-style:normal;font-weight:500}.zZvmwq_variable{--font-hand:"Caveat", "Caveat Fallback"}
:root{--cobalt:#2342e8;--abyss:#0b1650;--foam:#f2f4ff;--mist:#b4c0ff;--buoy:#ffd447;--film:#000;--paper:#f7f7f2;--ink:#0b1650;--gutter:clamp(1rem, 4vw, 3.5rem);--measure:38rem;--step--1:.875rem;--step-0:1.125rem;--step-1:1.375rem;--step-2:clamp(1.5rem, 1.2rem + 1.2vw, 2.125rem);--step-3:clamp(2rem, 1.4rem + 2.6vw, 3.5rem);--step-hero:clamp(3.5rem, 1rem + 9vw, 11rem)}*,:before,:after{box-sizing:border-box}html{background:var(--cobalt);color:var(--foam);-webkit-text-size-adjust:100%}body{font-family:var(--font-sans), system-ui, sans-serif;font-size:var(--step-0);background:var(--cobalt);margin:0;font-weight:300;line-height:1.55;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display), system-ui, sans-serif;margin:0;font-weight:400;line-height:1.05}p{margin:0}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px;transition:text-decoration-color .16s}a:hover{-webkit-text-decoration-color:var(--buoy);text-decoration-color:var(--buoy)}:focus-visible{outline:3px solid var(--buoy);outline-offset:3px;border-radius:2px}::selection{background:var(--buoy);color:var(--abyss)}.hero{padding:var(--gutter) var(--gutter) clamp(3rem, 8vw, 7rem)}.hero-stage{margin-inline:calc(var(--gutter) * -.5);position:relative;container-type:inline-size}.hero h1{font-size:var(--step-hero);letter-spacing:-.035em;margin-bottom:1.5rem;font-weight:300;line-height:.9}.horizon{width:100%;height:70cqw;display:block}.horizon-line,.horizon-hill{stroke:var(--foam);stroke-width:2.5px}.horizon-hill{fill:var(--cobalt)}.horizon-sea{fill:none;stroke:var(--mist);stroke-width:1.5px;stroke-linecap:round;opacity:.7}.horizon-sculpture{fill:var(--foam)}.horizon-sunrise{animation:2.4s cubic-bezier(.2,.7,.3,1) .3s both sunrise}.horizon-sun{fill:var(--buoy);transform:translate(calc(var(--drift-x) * var(--sunset,0)), calc(var(--drift-y) * var(--sunset,0)))}.horizon-glare{fill:none;stroke:var(--buoy);stroke-width:3px;stroke-linecap:round;opacity:clamp(0, calc((var(--sunset,0) - .45) * 2.5), 1)}@keyframes sunrise{0%{transform:translateY(260px)}}.hero-intro{gap:1.5rem;margin-top:clamp(2rem,5vw,4rem);display:grid}.lede{font-family:var(--font-display), sans-serif;font-size:var(--step-3);letter-spacing:-.015em;max-width:22ch;line-height:1.1}.hero-sub{font-size:var(--step-1);color:var(--mist);max-width:34ch;margin-top:1.25rem}.hero-caption{color:var(--mist);font-size:var(--step--1);max-width:30ch}@media (min-width:700px) and (orientation:landscape){.horizon{height:40cqw}.hero-stage h1{pointer-events:none;margin:0;font-size:min(7vw,9rem);position:absolute;inset:0}.hero-stage h1 span{position:absolute;bottom:calc(26.5625% + .06em)}.hero-stage h1 span:first-child{left:4%}.hero-stage h1 span:last-child{right:4%}}@media (min-width:700px){.hero-intro{grid-template-columns:2fr 1fr;align-items:end}.hero-caption{justify-self:end}}main{padding-inline:var(--gutter)}.band{border-top:1px solid color-mix(in srgb, var(--mist) 45%, transparent);gap:1.5rem;padding-block:clamp(3rem,7vw,6rem);display:grid}.band>h2{font-size:var(--step-1);color:var(--mist)}.band-body{align-content:start;gap:1.25rem;display:grid}.band-body>p{max-width:var(--measure)}.statement{font-family:var(--font-display), sans-serif;font-size:var(--step-2);letter-spacing:-.01em;line-height:1.2}.band-body>p.statement{max-width:30ch}.previously{color:var(--mist)}@media (min-width:900px){.band{grid-template-columns:1fr 2fr;gap:2rem}}.projects,.strip-frames,.contact-links{margin:0;padding:0;list-style:none}.projects{gap:2.5rem}.projects h3{font-size:var(--step-2);letter-spacing:-.01em;margin-bottom:.6rem}.projects p{max-width:var(--measure)}.project-links{flex-wrap:wrap;gap:.25rem 1.5rem;margin-top:.6rem;display:flex}.reel{height:calc(var(--frames) * 28vh + 100svh);background:var(--abyss)}.reel-stage{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.reel-text{padding:clamp(1.25rem, 4vw, 3rem) var(--gutter) 0;gap:.6rem;display:grid}.reel-text h2{font-size:var(--step-3);letter-spacing:-.02em}.reel-text p{color:var(--mist);font-size:var(--step--1);max-width:44ch}.reel-text p:first-of-type{color:var(--foam);font-size:var(--step-0)}.polaroids{min-height:0;position:relative}.polaroid{--size:min(64vw, 30svh);width:var(--size);padding:calc(var(--size) * .045) calc(var(--size) * .045) 0;transform:translate(-50%, -50%) translate(calc(var(--depth) * -10px), calc(var(--depth) * 6px)) rotate(calc(var(--tilt) + var(--depth) * -2deg));background:#fff;margin:0;transition:transform .5s cubic-bezier(.2,.7,.3,1),filter .5s;position:absolute;top:50%;left:50%;box-shadow:0 1px 2px #0000004d,0 18px 40px #0006}.polaroid[data-depth="0"]{z-index:4;animation:.52s cubic-bezier(.2,.7,.3,1) drop}.polaroid[data-depth="1"]{z-index:3;filter:brightness(.9)}.polaroid[data-depth="2"]{z-index:2;filter:brightness(.8)}.polaroid[data-depth="3"]{z-index:1;filter:brightness(.7)}.polaroid-photo{aspect-ratio:1;background:#222;position:relative;overflow:hidden}.polaroid-photo img{object-fit:cover}.polaroid[data-depth="0"] .polaroid-photo img{animation:1.6s ease-out develop}.polaroid figcaption{font-family:var(--font-hand), cursive;font-size:calc(var(--size) * .075);color:var(--ink);padding:.9em .2em 1em;line-height:1}@keyframes drop{0%{opacity:0;transform:translate(-50%, -58%) rotate(calc(var(--tilt) - 8deg)) scale(1.05)}}@keyframes develop{0%{filter:grayscale()brightness(1.7)contrast(.5)}}.film{--frame:clamp(8rem, 17vw, 15rem);--gap:6px;background:var(--film);margin-bottom:clamp(1rem,3vw,2rem);padding-block:34px;position:relative}.film:before,.film:after{content:"";background:linear-gradient(90deg, var(--abyss) 0 9px, transparent 9px 19px) 0 0 / 19px 7px repeat-x;background-position-x:calc(var(--position,0) * (var(--frame) + var(--gap)) * -1);height:7px;position:absolute;left:0;right:0}.film:before{top:16px}.film:after{bottom:16px}.film-track{gap:var(--gap);width:max-content;transform:translateX(calc(50vw - var(--frame) / 2 - var(--position,0) * (var(--frame) + var(--gap))));will-change:transform;margin:0;padding:0;list-style:none;display:flex}.film-track li{width:var(--frame);position:relative}.film-print,.frame-number{font-family:var(--font-sans), sans-serif;letter-spacing:.08em;color:#c8c8c0;white-space:nowrap;font-size:.625rem;font-weight:500;position:absolute;left:2px}.film-print{top:-32px}.frame-number{bottom:-32px}.frame{aspect-ratio:3/2;cursor:pointer;background:#0d0d0d;border:0;width:100%;padding:0;display:block;position:relative}.frame img{object-fit:cover;filter:grayscale()contrast(1.15)brightness(.8);width:100%;height:100%;transition:filter .2s;display:block}.frame:hover img,.is-current .frame img{filter:grayscale()contrast(1.15)}.frame:focus-visible{outline-offset:2px}.film-viewfinder{z-index:1;width:calc(var(--frame) + 14px);aspect-ratio:3/2;border:3px solid var(--buoy);pointer-events:none;border-radius:46% 54% 42% 58%/38% 44% 56% 62%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-1.5deg)}@media (min-width:900px){.reel-stage{grid-template-rows:1fr auto;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.reel-text{align-self:center;padding-bottom:2rem}.reel-text p:first-of-type{font-size:var(--step-1)}.polaroid{--size:min(30vw, 42svh)}.film{grid-column:1/-1}}@media (orientation:portrait) and (min-width:700px){.reel-stage{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr)}.reel-text{align-self:start;padding-bottom:0}.polaroid{--size:min(62vw, 44svh)}.film{--frame:clamp(8rem, 24vw, 18rem)}}.contact{padding:clamp(4rem, 10vw, 9rem) var(--gutter) 2rem}.contact h2{font-size:var(--step-1);color:var(--mist);margin-bottom:1rem}.contact-intro{max-width:var(--measure);margin-bottom:2rem}.contact-email{font-family:var(--font-display), sans-serif;letter-spacing:-.035em;overflow-wrap:anywhere;border-bottom:2px solid var(--buoy);padding-bottom:.1em;font-size:clamp(1.75rem,.5rem + 5vw,6rem);font-weight:300;line-height:1;text-decoration:none;display:inline-block}.contact-links{font-size:var(--step-1);flex-wrap:wrap;gap:.5rem 2rem;margin-top:2.5rem;display:flex}.colophon{color:var(--mist);font-size:var(--step--1);margin-top:clamp(4rem,10vw,8rem)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
