@charset "UTF-8";
:root{--paper:#faf8f4;--ink:#171717;--coral:#f26f50;--muted:#686762;--line:#dedbd5;--ease:cubic-bezier(.2,.7,.2,1);--gutter:clamp(24px,5.4vw,92px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;z-index:8;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23978c7c' opacity='.22' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,video:focus-visible{outline:3px solid var(--coral);outline-offset:5px}img{display:block;width:100%;height:auto}figure,p{margin:0}h1,h2,h3{margin:0;font-weight:800}.wrap{width:min(100%,1512px);margin-inline:auto;padding-inline:var(--gutter)}.icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.eyebrow{font:10px/1.5 "Courier New",monospace;letter-spacing:.055em;color:var(--muted)}.handwritten{font-family:Caveat,"Segoe Print",cursive;font-size:30px;line-height:.98;font-weight:400}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:50;background:var(--ink);color:white;padding:16px}.skip-link:focus{top:20px}
.site-header{height:102px;display:flex;align-items:center;justify-content:space-between;gap:28px}.wordmark{font-size:18px;font-weight:800;letter-spacing:-.07em;white-space:nowrap}.site-header nav{display:flex;gap:36px;transform:translateX(-17px)}.nav-link{font-size:12px;font-weight:600;position:relative;padding-block:10px}.nav-link::after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:2px;background:var(--coral);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.nav-link:hover::after,.nav-link[aria-current]::after{transform:scaleX(1)}.header-location{font:11px "Courier New",monospace;display:flex;align-items:center;gap:7px}.location-dot{width:5px;height:5px;border-radius:50%;background:var(--coral)}
.hero{position:relative;display:grid;grid-template-columns:49% 51%;min-height:690px;padding-top:63px;padding-bottom:88px}.hero-copy{position:relative;z-index:2}.hero .eyebrow{margin-bottom:21px;font-size:10px;letter-spacing:.02em}.hero h1{font-size:clamp(68px,7.3vw,108px);letter-spacing:-.078em;line-height:.94;position:relative;width:max-content;max-width:100%;padding-bottom:18px}.hero h1 .line{display:block;overflow:hidden;padding-right:10px;padding-bottom:7px;margin-bottom:-7px}.hero h1 em{font-weight:650;font-style:italic;letter-spacing:-.079em}.scribble{position:absolute;bottom:0;left:-14px;width:105%;height:26px;overflow:visible}.scribble path,.underlined path,.thanks path{fill:none;stroke:var(--coral);stroke-width:2;stroke-linecap:round}.hero-intro{font-size:17px;line-height:1.5;letter-spacing:-.025em;max-width:360px;margin-top:27px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:40px;padding:16px 24px;font-size:11px;font-weight:650;white-space:nowrap;transition:background .3s,color .3s,transform .3s;min-height:50px}.primary{background:var(--ink);color:white;box-shadow:inset 0 0 0 1px var(--ink)}.primary:hover{background:var(--coral);box-shadow:none;color:var(--ink);transform:translateY(-2px)}.button .icon{width:18px;height:18px;transition:transform .3s}.button:hover .icon{transform:translateX(3px)}.explore-link{display:inline-flex;align-items:center;gap:11px;font:10px "Courier New",monospace}.circle-arrow{width:40px;height:40px;border:1px solid #a29f98;border-radius:50%;display:grid;place-items:center;transition:background .3s,border-color .3s}.circle-arrow .icon{width:17px;transform:rotate(90deg)}.explore-link:hover .circle-arrow{background:var(--coral);border-color:var(--coral)}
.hero-collage{position:relative;min-height:500px;margin-top:-33px;margin-left:-15px}.portrait-position{position:absolute;width:72%;left:9%;top:0;z-index:2;transform:rotate(-6deg)}.portrait-print{position:relative;background:#f3efe6;padding:10px 10px 13px;box-shadow:1px 6px 22px #33261417;will-change:transform}.portrait-print img{height:452px;object-fit:cover;object-position:50% 49%;aspect-ratio:4/5}.portrait-print figcaption{display:flex;justify-content:space-between;align-items:center;gap:8px;font:19px Caveat,cursive;padding:13px 5px 0}.print-index{font:8px "Courier New",monospace;color:#827b6e}.paper-back{position:absolute;left:2%;top:34px;width:77%;height:443px;background:linear-gradient(110deg,#efebe3cc,#e4e0d677);transform:rotate(-12deg);clip-path:polygon(3% 0,96% 3%,99% 95%,0 99%)}.tape{position:absolute;width:144px;height:38px;background:repeating-linear-gradient(92deg,#d7c6ad52 0 3px,#e9dbca67 3px 6px),linear-gradient(20deg,#e1d3bfab,#f3e9d7b3);box-shadow:0 1px 1px #58442b09;z-index:5;transform:rotate(3deg);clip-path:polygon(0 3%,98% 0,100% 90%,4% 100%);opacity:.92}.tape-top{top:-20px;right:27px;transform:rotate(2deg)}.place-note{position:absolute;right:-2%;top:24px;z-index:3;transform:rotate(8deg);font-size:27px}.place-note span{padding-left:10px;font-size:23px}.place-note svg{display:block;width:72px;height:44px;transform:rotate(13deg);margin-left:19px;fill:none;stroke:var(--ink);stroke-width:1.1}.still-position{position:absolute;width:51%;right:-3%;top:318px;z-index:4;transform:rotate(8deg)}.still-print{padding:9px 9px 11px;background:#f5f1e8;box-shadow:2px 4px 13px #20190e24;position:relative}.still-print::after{content:"";position:absolute;right:-5px;bottom:20px;width:12px;height:90%;z-index:-1;background:repeating-linear-gradient(0deg,#171717 0 8px,#ddd4c4 8px 14px,#171717 14px 21px);transform:rotate(2deg)}.still-print img{height:171px;object-fit:cover;filter:saturate(.78)}.still-print figcaption{font:20px Caveat,cursive;text-align:center;padding-top:8px}.tape-small{width:83px;height:25px;right:23px;bottom:-9px;background-color:#f26f5066;transform:rotate(-4deg)}.story-note{position:absolute;left:7%;top:499px;transform:rotate(-8deg);font-size:28px}.frame-mark{position:absolute;right:2%;top:559px;font:8px "Courier New",monospace;letter-spacing:.06em;color:var(--muted)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;position:absolute;bottom:23px;left:var(--gutter);right:var(--gutter);font:9px "Courier New",monospace;letter-spacing:.06em;color:var(--muted)}.hero-bottom a{display:flex;align-items:center;gap:18px}.hero-bottom a span{font-size:17px;color:var(--ink)}
.work-section{padding-top:87px;padding-bottom:72px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:42px}.section-heading .eyebrow{margin-bottom:12px}h2{font-size:clamp(38px,4.3vw,62px);line-height:1.07;letter-spacing:-.065em}.underlined{position:relative;display:inline-block}.underlined svg{position:absolute;left:-2%;bottom:-9px;width:104%;height:15px}.filters{display:flex;align-items:center;gap:25px;padding-bottom:6px}.filter{background:transparent;font:11px "Courier New",monospace;padding:12px 2px;position:relative;white-space:nowrap}.filter::after{content:"";position:absolute;left:-4px;right:-4px;height:2px;bottom:3px;background:var(--coral);transform:scaleX(0) rotate(-3deg);transition:transform .3s}.filter.active::after,.filter:hover::after{transform:scaleX(1) rotate(-3deg)}.filter-count{font-size:8px;vertical-align:super;margin-left:5px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}.project[hidden]{display:none}.project-media{display:block;width:100%;padding:0;background:#e9e5dc;border-radius:3px;position:relative;aspect-ratio:16/10;overflow:hidden;text-align:left}.project-media>img,.project-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease),filter .6s,opacity .45s;background:#e9e5dc}.project-media>img{object-position:var(--crop,50% 50%)}.project-media>video{object-position:var(--crop,50% 50%);opacity:0;pointer-events:none}.project-media.is-playing>video{opacity:1}.project-media::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 65%,#0003);pointer-events:none;transition:opacity .4s}.project-media:hover>img,.project-media:hover>video{transform:scale(1.035)}.project-media:hover>img{filter:saturate(.85)}.project-num{position:absolute;left:16px;top:14px;color:white;font:10px "Courier New",monospace;text-shadow:0 1px 5px #0005;z-index:2}.play-button{position:absolute;bottom:17px;right:17px;width:44px;height:44px;border:1px solid #fff9;border-radius:50%;background:#171717d9;display:flex;align-items:center;justify-content:center;z-index:2;color:white;transition:transform .35s,background .35s,color .35s}.play-button .icon{width:21px;height:21px;margin-left:-2px}.project-media:hover .play-button{background:var(--paper);color:var(--ink);transform:scale(1.09)}.duration{font:9px "Courier New",monospace;color:white;position:absolute;bottom:30px;left:17px;z-index:2}.project-caption{display:flex;justify-content:space-between;gap:20px;align-items:start;padding:15px 2px 0}.project-caption h3{font-size:17px;font-weight:650;letter-spacing:-.025em}.project-caption p{font:10px/1.5 "Courier New",monospace;color:var(--muted);margin-top:5px;text-transform:uppercase;letter-spacing:.02em}.project-caption>.icon{width:16px;height:16px;margin-top:3px;color:#827d74;transition:transform .3s}.project:hover .project-caption>.icon{transform:translate(3px,-3px);color:var(--coral)}.work-end{display:flex;align-items:center;justify-content:space-between;margin-top:43px}.work-end .handwritten{font-size:28px;transform:rotate(-5deg)}.text-link{font-size:12px;font-weight:600;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:8px 0}.text-link:hover{border-color:var(--coral)}.text-link .icon{width:17px;height:17px}
.contact-section{position:relative;display:grid;grid-template-columns:57% 43%;padding-top:113px;padding-bottom:90px;border-top:1px solid var(--line);overflow:hidden}.contact-copy{position:relative;z-index:3}.contact-copy .eyebrow{margin-bottom:20px}.contact-copy h2{font-size:clamp(39px,4.2vw,62px)}.contact-intro{font-size:16px;line-height:1.55;letter-spacing:-.02em;margin-top:29px}.email-link{font-size:clamp(17px,1.9vw,27px);font-weight:550;display:inline-flex;align-items:center;gap:16px;letter-spacing:-.03em;border-bottom:1px solid #aca69b;padding-bottom:7px;margin-top:28px;transition:border-color .3s}.email-link:hover{border-color:var(--coral)}.email-link .icon{width:20px}.contact-actions{display:flex;align-items:center;gap:27px;margin-top:28px}.cv-link{font-size:11px;display:inline-flex;align-items:center;gap:6px}.cv-link span{color:var(--muted);font:9px "Courier New",monospace}.cv-link .icon{width:16px;margin-left:6px}.cv-link:hover{color:#af412b}.contact-meta{margin-top:35px;font:10px "Courier New",monospace;display:flex;flex-direction:column;gap:20px}.contact-meta>span{display:flex;gap:10px;align-items:center}.contact-meta .icon{width:15px;height:15px}.contact-meta>div{display:flex;gap:26px}.contact-meta a span{color:var(--coral);margin-left:5px}.contact-meta a:hover{text-decoration:underline;text-underline-offset:5px}.contact-collage{position:relative;min-height:410px;margin-top:43px}.contact-photo{position:absolute;padding:9px;background:#eee9df;box-shadow:1px 4px 16px #39301a15}.contact-photo img{height:230px;object-fit:cover;filter:saturate(.65)}.photo-back{right:7%;top:0;width:60%;transform:rotate(-7deg)}.photo-back .tape{top:-15px;left:-8px;width:90px;height:29px;transform:rotate(-6deg)}.photo-front{left:0;top:124px;width:61%;transform:rotate(-8deg);z-index:1}.photo-front img{height:197px;filter:grayscale(1)}.photo-front figcaption{font:21px Caveat,cursive;text-align:center;padding:9px 0 2px}.paper-note{width:154px;height:207px;right:0;top:235px;position:absolute;z-index:2;padding:25px 25px 15px;background:linear-gradient(120deg,#eee5d5,#e6d8c1);transform:rotate(7deg);box-shadow:2px 2px 6px #41311e0d;clip-path:polygon(1% 0,98% 2%,100% 97%,2% 100%,0 60%)}.paper-note .handwritten{font-size:34px}.paper-note .tape{width:70px;height:27px;top:-9px;left:40px}.note-star{position:absolute;bottom:20px;right:14px;font-size:28px;color:var(--coral)}
.site-footer{border-top:1px solid var(--line);min-height:136px;display:flex;align-items:center;justify-content:space-between;gap:28px}.site-footer .wordmark{font-size:15px}.site-footer p{font:9px/1.65 "Courier New",monospace;color:#5b5852}.thanks{position:relative;font-size:30px;transform:rotate(-7deg);white-space:nowrap}.thanks svg{position:absolute;left:0;bottom:-9px;width:100%;height:12px}.back-top{font:10px "Courier New",monospace;white-space:nowrap}.back-top span{margin-left:14px;font-size:20px}.copyright{font:9px "Courier New",monospace;color:var(--muted);white-space:nowrap}
.film-dialog{border:0;padding:0;background:#f7f4ee;color:var(--ink);width:min(1050px,calc(100% - 56px));max-height:calc(100dvh - 46px);overflow:auto;box-shadow:0 25px 120px #0005;opacity:0;transform:translateY(25px) scale(.98);transition:opacity .28s,transform .4s var(--ease)}.film-dialog::backdrop{background:#181713d9;backdrop-filter:blur(8px)}.film-dialog.is-open{opacity:1;transform:none}.viewer-shell{padding:20px 25px 25px}.viewer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px}.viewer-kicker{font:10px "Courier New",monospace;letter-spacing:.05em}.close-viewer{display:flex;gap:9px;align-items:center;background:none;font-size:11px;padding:4px 0 4px 20px;min-height:32px}.close-viewer:hover{color:#b6452c}.close-viewer .icon{width:21px}.player-stage{background:#111;position:relative;width:100%;height:min(59dvh,580px);display:flex;align-items:center;justify-content:center}.player-stage>video{width:100%;height:100%;object-fit:contain}.viewer-details{display:flex;justify-content:space-between;gap:25px;margin-top:20px}.viewer-details h2{font-size:28px;letter-spacing:-.045em;margin:4px 0 8px}.viewer-details p:last-child{font-size:12px;line-height:1.5;max-width:590px;color:#666159}.viewer-navigation{display:flex;align-items:center;gap:17px;align-self:center}.viewer-navigation button{background:none;border:1px solid #c6c0b7;border-radius:50%;width:38px;height:38px;display:grid;place-items:center}.viewer-navigation button:hover{background:var(--coral);border-color:var(--coral)}.viewer-navigation .icon{width:17px}.viewer-navigation button:first-child .icon{transform:rotate(180deg)}#film-count{white-space:nowrap;font:10px "Courier New",monospace}.player-error{position:absolute;inset:0;background:#171717;color:#faf8f4;padding:30px;align-content:center;text-align:center}.player-error p{margin-bottom:20px}.player-error .button{margin-right:15px}.player-error a{text-decoration:underline}
.js-motion .hero h1 .line>span{display:block;animation:headline-in 1.1s var(--ease) both}.js-motion .hero h1 .line:nth-child(2)>span{animation-delay:.13s}.js-motion .hero h1 .line:nth-child(3)>span{animation-delay:.26s}.js-motion .intro-in{animation:fade-up .9s var(--ease) both;animation-delay:.36s}.js-motion .hero-intro{animation-delay:.55s}.js-motion .hero-actions{animation-delay:.7s}.js-motion .collage-in{animation:collage-in 1.25s var(--ease) both;animation-delay:.2s}.js-motion .portrait-position{animation-delay:.35s}.js-motion .still-position{animation-delay:.6s}.js-motion .place-note{animation-delay:.8s}.js-motion .story-note{animation-delay:.95s}.js-motion .frame-mark{animation-delay:1.1s}.js-motion .scribble path{stroke-dasharray:500;stroke-dashoffset:500;animation:draw 1.15s var(--ease) .7s forwards}.js-motion .reveal{opacity:0;translate:0 32px;transition:opacity .85s var(--ease),translate 1s var(--ease);transition-delay:var(--delay,0s)}.js-motion .reveal.is-visible{opacity:1;translate:0 0}.js-motion .project.reveal .project-media{clip-path:inset(0 0 12% 0);transition:clip-path 1.05s var(--ease);transition-delay:var(--delay,0s)}.js-motion .project.reveal.is-visible .project-media{clip-path:inset(0)}.js-motion .underlined svg path{stroke-dasharray:300;stroke-dashoffset:300;transition:stroke-dashoffset 1.3s var(--ease) .3s}.js-motion .is-visible .underlined path{stroke-dashoffset:0}@keyframes headline-in{from{transform:translateY(115%) rotate(3deg)}to{transform:translateY(0)}}@keyframes fade-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes collage-in{from{opacity:0;translate:0 36px;scale:.96}to{opacity:1;translate:0 0;scale:1}}@keyframes draw{to{stroke-dashoffset:0}}
@media(min-width:1440px){.hero{min-height:780px;padding-top:85px}.hero-collage{margin-top:-35px}.portrait-print img{height:510px}.paper-back{height:510px}.still-position{top:365px}.still-print img{height:190px}.story-note{top:565px}.frame-mark{top:615px}.hero-intro{margin-top:36px}.hero-actions{margin-top:35px}}
@media(max-width:1100px){.hero{min-height:645px;padding-top:57px}.hero h1{font-size:clamp(68px,7.8vw,85px)}.hero .eyebrow{font-size:8px}.hero-intro{font-size:15px}.hero-actions{gap:16px}.button{padding:15px 20px;gap:15px}.explore-link{font-size:9px;gap:8px}.circle-arrow{width:34px;height:34px}.portrait-print img{height:380px}.portrait-print figcaption{font-size:16px}.paper-back{height:375px}.still-position{top:285px;right:-1%}.still-print img{height:142px}.story-note{top:443px;font-size:26px}.frame-mark{top:500px}.place-note{font-size:24px;right:-4%}.place-note span{font-size:19px}.section-heading{gap:20px}.filters{gap:17px}.contact-section{grid-template-columns:59% 41%}.contact-photo img{height:200px}.photo-front img{height:160px}.paper-note{width:135px;height:187px;top:220px;padding:23px}.paper-note .handwritten{font-size:30px}.site-footer{gap:20px}.site-footer p{display:none}.thanks{font-size:26px}}
@media(max-width:760px){:root{--gutter:24px}html{scroll-padding-top:24px}.site-header{height:82px;gap:18px}.wordmark{font-size:16px}.site-header nav{gap:23px;transform:none}.nav-link{font-size:11px}.header-location{display:none}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:66px;min-height:0}.hero .eyebrow{font-size:8px;margin-bottom:20px;letter-spacing:.01em}.hero h1{font-size:clamp(65px,12.5vw,92px);line-height:.94;letter-spacing:-.075em}.hero h1 .line:first-child,.hero h1 .line:nth-child(2){display:inline-block}.hero h1 .line:first-child{padding-right:.17em}.hero h1 .line:nth-child(2){margin-left:-.065em}.hero h1 .last{display:block}.scribble{width:87%;height:22px;left:-7px;bottom:-1px}.hero-intro{font-size:16px;max-width:300px;margin-top:26px}.desktop-break{display:none}.hero-actions{gap:23px;margin-top:25px}.button{padding:15px 22px;font-size:10px;gap:18px}.explore-link{font-size:9px;gap:9px}.circle-arrow{width:35px;height:35px}.hero-collage{margin:48px 0 0;min-height:485px;width:100%;max-width:470px;justify-self:center}.portrait-position{left:8%;width:70%;top:0}.portrait-print img{height:337px;object-position:50% 46%}.portrait-print{padding:8px 8px 9px}.portrait-print figcaption{font-size:17px;padding-top:9px}.paper-back{height:333px;left:2%;top:30px;width:77%}.tape-top{width:114px;height:31px;right:15px;top:-16px}.place-note{right:0;top:15px;font-size:24px}.place-note span{font-size:20px}.place-note svg{width:57px;height:37px}.still-position{right:0;top:253px;width:48%}.still-print{padding:7px}.still-print img{height:130px}.still-print figcaption{font-size:18px;line-height:1.05}.story-note{top:395px;left:5%;font-size:25px}.frame-mark{top:459px;right:3%;font-size:7px}.hero-bottom{font-size:7px;bottom:15px}.hero-bottom>a{gap:8px}.work-section{padding-top:60px;padding-bottom:54px}.section-heading{display:block;margin-bottom:25px}.section-heading .eyebrow{font-size:8px;margin-bottom:10px}h2{font-size:43px}.underlined svg{bottom:-7px;height:12px}.filters{gap:24px;margin-top:22px;padding-bottom:0;justify-content:flex-start}.filter{font-size:10px;min-height:42px}.project-grid{grid-template-columns:1fr;gap:30px}.project-media{aspect-ratio:16/10}.project-caption{padding-top:12px}.project-caption h3{font-size:16px}.project-caption p{font-size:9px;margin-top:4px}.play-button{width:44px;height:44px;right:14px;bottom:14px}.project-num{font-size:9px}.duration{font-size:9px;bottom:28px}.work-end{margin-top:29px;gap:10px}.work-end .handwritten{font-size:23px}.text-link{font-size:10px;gap:8px}.contact-section{display:block;padding-top:59px;padding-bottom:49px}.contact-copy .eyebrow{font-size:9px;margin-bottom:17px}.contact-copy h2{font-size:clamp(34px,8.7vw,52px)}.contact-intro{font-size:15px;margin-top:26px}.email-link{font-size:clamp(17px,4.55vw,25px);gap:11px;margin-top:22px}.email-link .icon{width:17px}.contact-actions{gap:22px;margin-top:23px}.cv-link{font-size:10px;gap:4px}.contact-meta{font-size:10px;margin-top:29px;gap:19px}.contact-collage{width:310px;max-width:100%;min-height:365px;margin:55px auto 0}.photo-back{width:64%;right:7%}.contact-photo img{height:190px}.photo-front{top:111px;width:66%;left:-1%}.photo-front img{height:149px}.photo-front figcaption{font-size:18px}.paper-note{width:119px;height:171px;right:0;top:189px;padding:23px}.paper-note .handwritten{font-size:27px}.note-star{font-size:22px;right:11px;bottom:16px}.site-footer{padding-top:29px;padding-bottom:25px;min-height:0;display:grid;grid-template-columns:1fr auto;gap:25px 12px}.site-footer .wordmark{font-size:14px}.thanks{font-size:23px;grid-column:2;grid-row:1;text-align:right}.copyright{font-size:8px;grid-column:1;grid-row:2}.back-top{font-size:8px;grid-column:2;grid-row:2;text-align:right}.back-top span{font-size:17px}.film-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.viewer-shell{padding:12px 12px 20px}.viewer-top{padding-bottom:10px}.viewer-kicker{font-size:8px;max-width:220px}.close-viewer{font-size:10px;gap:4px}.player-stage{height:57dvh;min-height:240px}.viewer-details{display:block;margin-top:15px}.viewer-details h2{font-size:25px}.viewer-details p:last-child{font-size:11px}.viewer-navigation{justify-content:flex-end;margin-top:17px;gap:15px}.viewer-navigation button{width:42px;height:42px}.js-motion .project.reveal{transition-delay:0s!important}}
@media(max-width:360px){:root{--gutter:19px}.site-header nav{gap:17px}.hero .eyebrow{font-size:7px}.hero h1{font-size:58px}.hero-actions{gap:13px}.hero-collage{min-height:441px}.portrait-print img{height:303px}.paper-back{height:300px}.still-position{top:230px}.still-print img{height:111px}.story-note{top:365px;font-size:23px}.frame-mark{top:416px}.filters{gap:20px}.contact-actions{gap:14px}.button{padding-inline:18px}.thanks{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;translate:none}.js-motion .hero h1 .line>span{transform:none}.js-motion .scribble path,.js-motion .underlined path{stroke-dashoffset:0}.js-motion .project.reveal .project-media{clip-path:none}[data-parallax]{translate:none!important}.project-media:hover>img{transform:none}}
.story-note{z-index:5;top:522px}.hero-collage .tape{background-size:auto;filter:contrast(.9)}
@media(min-width:1440px){.story-note{top:605px}}
@media(min-width:761px) and (max-width:1100px){.story-note{top:471px}}
@media(max-width:760px){.hero h1{font-size:clamp(62px,17vw,96px)}.hero h1 .line:first-child,.hero h1 .line:nth-child(2){display:block;padding-right:10px;margin-left:0}.hero .scribble{width:102%}.hero-collage{min-height:455px;margin-top:56px}.portrait-position{width:85%;left:7%;transform:rotate(-4deg)}.portrait-print img{height:342px}.hero-collage .still-position,.hero-collage .place-note,.hero-collage .paper-back,.hero-collage .frame-mark{display:none}.story-note{top:408px;left:12%;font-size:27px;transform:rotate(-4deg)}.story-note br{display:none}.contact-collage{display:none}.contact-section{padding-bottom:65px}}
@media(max-width:360px){.hero h1{font-size:59px}.hero-collage{min-height:420px}.portrait-print img{height:310px}.story-note{top:376px;font-size:25px}}