@import url('assets/fonts.css');
:root{--black:#101010;--white:#f4f4f4;--ink:#282828;--paper:#efede7;--pink:#efcad3;--blue:#b8c9e8;--green:#beceaa;--muted:#bababa;--line:#5a5a55;--margin:clamp(20px,3vw,48px);--display:'Cormorant Garamond',Georgia,serif;--body:'Golos Text',Arial,sans-serif;--grain:url('assets/paper.svg')}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--black);color:var(--white);font:15px/1.5 var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,summary{font:inherit}button{cursor:pointer}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1;letter-spacing:-.04em}h2{font-size:clamp(48px,6.1vw,88px)}h3{font-size:clamp(32px,3.8vw,56px)}em{font-weight:400}p+p{margin-top:20px}.wrap{max-width:1440px;width:calc(100% - var(--margin)*2);margin-inline:auto}.section{padding-block:88px;border-top:1px solid #30302d}.paper,.polaroid{background-image:var(--grain)}.label{font:13px/1.3 var(--body);letter-spacing:0;text-transform:uppercase;margin-bottom:25px}.skip{position:fixed;top:-90px;left:20px;padding:12px;background:var(--white);color:var(--black);z-index:60}.skip:focus{top:15px}a:focus-visible,button:focus-visible,summary:focus-visible,.video-track:focus-visible{outline:2px solid var(--pink);outline-offset:6px}::selection{background:var(--pink);color:var(--black)}.header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:78px;padding:12px var(--margin);background:var(--black);border-bottom:1px solid #252523;font-size:13px}.brand{display:flex;align-items:center;gap:10px;line-height:1.35}.brand-initial{display:grid;place-items:center;background:var(--paper);color:var(--ink);width:45px;height:48px;font:36px/1 var(--display)}nav{display:flex;gap:35px}.header a:not(.brand){text-transform:uppercase}.header a:hover{color:var(--pink)}.header-contact{white-space:nowrap}.hero{min-height:790px;padding:35px 0 55px;display:flex;align-items:center;flex-direction:column;justify-content:center}.hero-collage{position:relative;width:580px;max-width:100%;height:480px}.hero-paper{position:absolute;width:325px;height:330px;top:75px;left:105px;background-color:var(--pink);background-image:var(--grain);transform:rotate(-13deg);clip-path:polygon(0 2%,10% 0,13% 3%,24% 1%,38% 3%,52% 0,66% 2%,84% 0,100% 2%,98% 17%,100% 31%,99% 50%,100% 75%,98% 99%,80% 97%,64% 100%,45% 97%,22% 100%,0 98%)}.hero-grid{position:absolute;top:60px;left:125px;width:270px;height:340px;background:var(--paper);transform:rotate(-8deg);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 95%,6% 95%,6% 91%,0 91%,0 85%,6% 85%,6% 81%,0 81%,0 75%,6% 75%,6% 71%,0 71%,0 65%,6% 65%,6% 61%,0 61%,0 55%,6% 55%,6% 51%,0 51%,0 45%,6% 45%,6% 41%,0 41%,0 35%,6% 35%,6% 31%,0 31%,0 25%,6% 25%,6% 21%,0 21%,0 15%,6% 15%,6% 11%,0 11%)}.polaroid{padding:12px 12px 14px;background-color:var(--paper);color:var(--ink)}.hero-photo{position:absolute;left:180px;top:60px;width:245px;transform:rotate(4deg)}.photo-slot{background-color:#d7d8d2;background-image:var(--grain);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;text-align:center;color:#3e443b}.initial{font:150px/.9 var(--display);color:#7b8178}.placeholder-label{font:13px/1.4 var(--body);padding:15px;max-width:100%}.hero-photo .photo-slot{height:265px}.hero-photo .initial{font-size:170px}.polaroid figcaption{font:20px/1.1 var(--display);text-align:center;padding-top:17px}.hero-memo{position:absolute;left:42px;top:135px;width:157px;height:180px;padding:28px 17px;background-color:var(--pink);transform:rotate(-20deg);font:26px/1.1 var(--display)}.tape{position:absolute;width:100px;height:36px;background-color:#d5c9b1;background-image:var(--grain);opacity:.85;clip-path:polygon(3% 0,97% 2%,100% 15%,97% 28%,100% 42%,97% 55%,100% 73%,98% 98%,2% 100%,4% 85%,0 70%,3% 53%,0 38%,4% 20%)}.hero-tape{left:235px;top:45px;transform:rotate(-9deg)}.hero-stamp{position:absolute;right:8px;top:155px;width:157px;padding:17px 12px;background-color:var(--paper);background-image:var(--grain);color:var(--ink);transform:rotate(13deg);outline:2px dashed #6c7768;outline-offset:-9px}.hero-stamp strong{display:block;font:35px/1.1 var(--display);margin-block:8px}.hero-stamp span{display:block;font-size:10px;line-height:1.4}.hero-role{font:25px/1.2 var(--display);margin-top:-15px;text-align:center}.hero h1{font-size:clamp(75px,8.8vw,132px);margin-top:10px;letter-spacing:-.04em;line-height:1}.underlink{text-transform:uppercase;font-size:13px;border-bottom:1px solid currentColor;margin-top:25px;line-height:1.2;padding-bottom:2px}.manifesto{font-size:clamp(27px,3.45vw,49px);line-height:1.2;letter-spacing:-.04em}.manifesto em{font-family:var(--display);font-size:1.18em;line-height:1.08}.values{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:65px}.values p{font-size:13px;line-height:1.5}.values strong{font-weight:600}.about{border-top:0;padding-top:25px;padding-bottom:125px}.scrapbook{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:32px;background-color:#b99c7a;background-image:var(--grain);border-radius:14px;padding:35px;max-width:1200px;margin:auto;min-height:640px}.scrapbook:after{content:'';position:absolute;inset:20px 49% 20px 20px;background-color:#d9c5a9;background-image:var(--grain);z-index:0}.scrapbook-left{position:relative;z-index:1;min-height:540px}.bio-paper{position:relative;z-index:1;background-color:var(--blue);color:var(--ink);padding:35px 30px 60px;transform:rotate(1.5deg)}.bio-paper h2{font-size:clamp(45px,4.6vw,68px);margin-bottom:34px}.bio-paper p{font-size:14px}.bio-skills{padding-top:15px;font-size:12px!important}.id-card{position:absolute;z-index:3;top:-5px;left:0;width:95%;padding:25px 20px;background-color:var(--paper);color:var(--ink);transform:rotate(-8deg)}.id-card .label{font-size:10px;margin-bottom:18px}.id-body{display:grid;grid-template-columns:95px 1fr;gap:20px;align-items:center}.id-photo{height:120px}.id-photo .initial{font-size:70px}.id-photo .placeholder-label{font-size:10px;padding:6px}.id-body h3{font-size:31px;margin-bottom:10px}.id-body p{font-size:11px}.id-signature{display:block;margin-top:18px;font:21px/1 var(--display);font-style:italic}.binder{position:absolute;z-index:4;top:-55px;left:59%;width:42px;height:66px;border:6px solid #b3b5af;border-radius:50% 50% 4px 4px;transform:rotate(-8deg)}.binder:after{content:'';position:absolute;left:-15px;right:-15px;height:12px;bottom:-10px;background:#b3b5af}.memory{position:absolute;color:var(--ink)}.ticket-memory{right:-1px;top:240px;padding:20px;width:175px;transform:rotate(8deg);background-color:var(--green)}.memory>span{font-size:11px;display:block}.ticket-memory strong{font:54px/1 var(--display);display:block;margin:8px 0}.memory-photo{position:absolute;left:-20px;top:260px;width:215px;transform:rotate(-12deg);z-index:2}.memory-photo .photo-slot{height:170px;background-color:#c7cbba}.memory-photo figcaption{font-size:17px}.education-memory{background-color:var(--paper);padding:20px;right:4px;top:407px;width:210px;transform:rotate(5deg);z-index:3}.education-memory p{font:30px/1 var(--display);margin:13px 0}.travel-memory{position:absolute;left:13px;bottom:-45px;background-color:var(--pink);padding:20px;transform:rotate(-4deg);color:var(--ink);z-index:4}.travel-memory span{font-size:11px}.travel-memory p{font:35px/1 var(--display);margin:8px 0}.proof-note{position:absolute;bottom:-50px;right:-15px;width:225px;z-index:5;padding:20px 24px;background-color:var(--paper);color:var(--ink);transform:rotate(-7deg)}.proof-note strong{display:block;font:68px/1 var(--display)}.proof-note span{font:24px/1.1 var(--display)}.display-title{text-align:center;font-size:clamp(76px,12vw,180px);margin-bottom:65px}.service-card{position:relative;border:1px solid #aaa9a3;border-radius:12px;display:grid;grid-template-columns:1.05fr 1fr;gap:10%;padding:32px;margin-bottom:18px;min-height:405px;align-items:end}.service-copy{align-self:start}.service-copy .label{margin-bottom:22px}.service-copy h3{font-size:clamp(36px,4vw,58px);margin-bottom:26px}.service-copy>p:not(.label){max-width:520px;font-size:14px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.tags span{font:20px/1.1 var(--display);padding:4px 8px;border:1px solid #9f9e97;border-radius:4px}.service-number{position:absolute;top:32px;right:32px;font:42px/1 var(--display)}.service-visual{height:280px;background-color:#c0c4b9;max-width:100%;border-radius:6px}.business-visual{background-color:#c9bbb4}.service-copy details{margin-top:25px;font-size:13px}.service-copy summary{cursor:pointer;display:flex;gap:20px;align-items:center;width:max-content;max-width:100%;list-style:none}.service-copy summary::-webkit-details-marker{display:none}.service-copy summary>span{font-size:22px}.service-copy details[open] summary>span{transform:rotate(45deg)}details p{margin-top:18px;max-width:500px}.work-heading{position:relative;text-align:center;padding:60px 0 85px}.work-heading h2{font-size:clamp(46px,6.2vw,94px)}.work-label{background-color:var(--pink);color:var(--ink);font-size:12px;transform:rotate(-4deg);padding:17px;position:absolute;top:-10px;left:12%}.work-manifesto{margin-bottom:80px}.gallery-header{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:45px}.gallery-header .label{font-size:13px;margin-bottom:20px}.gallery-header p{font-size:14px;max-width:300px}.gallery-controls{display:flex;gap:20px}.gallery-controls button{padding:10px 0;background:none;border:0;color:var(--white);font-size:13px;text-decoration:underline;text-underline-offset:4px;min-width:65px;min-height:44px}.gallery-controls button:disabled{opacity:.3;cursor:default}.video-track{display:flex;gap:clamp(25px,7vw,112px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:5px 0 15px;overscroll-behavior-x:contain}.video-track::-webkit-scrollbar{display:none}.video-card{flex:0 0 calc((100% - clamp(25px,7vw,112px)*3)/4);min-width:0;scroll-snap-align:start}.video-media{aspect-ratio:9/16;background-color:#d5c8bc;background-image:var(--grain);border-radius:6px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;color:var(--ink)}.video-card:nth-child(4n+2) .video-media{background-color:var(--pink)}.video-card:nth-child(4n+3) .video-media{background-color:var(--blue)}.video-card:nth-child(4n+4) .video-media{background-color:var(--green)}.video-media video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.video-placeholder-number{position:absolute;top:14px;left:14px;font-size:11px}.play-outline{width:46px;height:46px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;padding-left:3px;font-size:15px}.video-media .placeholder-label{font-size:12px;margin-top:10px}.video-card h4{font:26px/1.1 var(--display);margin:15px 0 8px;letter-spacing:-.025em}.video-card .project-note{font-size:12px;color:var(--muted);margin:0}.video-role{border-top:1px solid #74746c;padding-top:12px;font-size:11px;text-transform:uppercase;margin-top:14px;min-height:50px}.gallery-status{color:var(--muted);font-size:12px;margin-top:14px}.campaigns{margin-top:100px}.campaign-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.campaign-slot{aspect-ratio:4/3;background-color:#c4c7b7}.campaign-grid figure:nth-child(2) .photo-slot{background-color:#d9bfc6}.campaign-grid figcaption{font:29px/1.2 var(--display);margin-top:18px}.campaign-grid figcaption span{font:13px/1.5 var(--body);display:block;margin-top:8px;color:var(--muted)}.personal-heading h2{font-size:clamp(50px,6vw,88px);text-align:center;margin-bottom:70px}.personal-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12%;max-width:1100px;margin:auto}.personal-photo{transform:rotate(-7deg);max-width:390px;width:100%;margin:auto}.personal-photo .photo-slot{height:360px;background-color:#c4c9b8}.personal-text p{font-size:15px}.education{margin-top:35px;padding:25px;background-color:var(--blue);background-image:var(--grain);color:var(--ink);transform:rotate(2deg)}.education h3{font-size:30px;margin-bottom:15px}.education p{font-size:13px}.contact h2{text-align:center;font-size:clamp(45px,6vw,88px);margin-bottom:80px}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.contact-content>div>p{max-width:540px;font-size:16px}.contact-services{display:grid;gap:8px;margin-top:30px;font-size:14px}.contact-invitation{margin-top:45px;text-transform:uppercase;font-size:13px!important}.socials{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.socials :is(button,a){border:1px solid #aba99f;background:none;color:var(--white);font:26px/1 var(--display);border-radius:6px;padding:12px 16px;transition:background .2s,color .2s,transform .2s;min-height:48px}.socials :is(button,a):hover{background:var(--pink);color:var(--black);transform:rotate(-3deg)}.contact-collage{position:relative;width:350px;max-width:100%;height:350px;margin:auto}.contact-envelope{position:absolute;left:0;top:80px;width:290px;height:205px;transform:rotate(-12deg);background-color:var(--paper);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.contact-envelope:after{content:'';position:absolute;inset:0;background-color:#dedacf;clip-path:polygon(0 0,50% 60%,100% 0)}.contact-collage .polaroid{position:absolute;width:210px;top:20px;left:95px;transform:rotate(8deg)}.contact-collage .photo-slot{height:230px;background-color:var(--green)}.contact-collage .initial{font-size:110px}.contact-collage .tape{left:145px;top:15px;transform:rotate(-8deg)}footer{margin-top:100px;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:12px}footer>a{font:36px/1 var(--display)}footer>span:nth-child(2){color:var(--muted)}.contact{padding-bottom:35px}dialog{position:fixed;border:0;border-radius:0;background:var(--paper);color:var(--ink);padding:45px;width:min(480px,calc(100% - 36px))}dialog::backdrop{background:rgb(0 0 0 / 75%)}.dialog-title{font:44px/1 var(--display);margin-bottom:25px}.dialog-close{position:absolute;right:10px;top:5px;border:0;background:none;font-size:30px;color:inherit;width:44px;height:44px}.dialog-done{margin-top:25px;background:var(--black);color:var(--white);padding:14px 22px;border:0}@keyframes reveal{from{opacity:.5;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-photo{animation:photo-in 1s both}.hero-memo{animation:paper-in .9s .1s both}.hero-stamp{animation:stamp-in 1s .2s both}.hero-role,.hero h1,.hero .underlink{animation:fade-in .9s .2s both}@keyframes photo-in{from{opacity:0;transform:rotate(10deg) translateY(20px)}to{opacity:1;transform:rotate(4deg) translateY(0)}}@keyframes paper-in{from{opacity:0;transform:rotate(-28deg) translateX(-20px)}to{opacity:1;transform:rotate(-20deg) translateX(0)}}@keyframes stamp-in{from{opacity:0;transform:rotate(20deg) translateY(20px)}to{opacity:1;transform:rotate(13deg) translateY(0)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}
@media(max-width:1000px){.header nav{gap:24px}.header{font-size:11px}.hero{min-height:720px;padding-top:10px}.hero-collage{height:440px;transform:scale(.9)}.hero-role{font-size:23px}.hero h1{font-size:95px}.section{padding-block:70px}.values{gap:25px}.scrapbook{gap:25px;padding:25px;min-height:670px}.bio-paper{padding:30px 24px 80px}.bio-paper h2{font-size:44px}.bio-paper p{font-size:13px}.scrapbook-left{min-height:570px}.id-card{padding:20px 15px}.id-body{grid-template-columns:70px 1fr;gap:12px}.id-body h3{font-size:27px}.id-body p{font-size:10px}.id-signature{font-size:17px}.memory-photo{width:180px;top:245px}.memory-photo .photo-slot{height:150px}.ticket-memory{width:140px;right:-7px;top:265px;padding:15px}.ticket-memory strong{font-size:45px}.education-memory{width:175px;top:435px}.travel-memory{bottom:-35px;left:-5px;padding:17px}.travel-memory p{font-size:29px}.proof-note{right:-5px;bottom:-35px;width:190px}.service-card{gap:7%;padding:28px;min-height:390px}.service-number{font-size:35px;right:25px;top:25px}.service-visual{height:250px}.service-copy>p:not(.label){font-size:13px}.tags span{font-size:18px}.service-copy h3{font-size:40px}.gallery-header p{font-size:13px}.video-track{gap:35px}.video-card{flex-basis:calc((100% - 105px)/4)}.video-card h4{font-size:23px}.video-role{font-size:10px}.video-media .placeholder-label{font-size:11px}.work-heading{padding-bottom:70px}.work-label{left:4%;top:-20px}.work-heading h2{font-size:60px}.personal-photo .photo-slot{height:300px}.personal-content{gap:9%}.contact-content{gap:6%}.contact h2{font-size:64px}.contact-collage{transform:scale(.9)}.socials :is(button,a){font-size:23px;padding:10px 12px}}
@media(max-width:700px){:root{--margin:20px}.header{min-height:74px;gap:8px;padding:10px 16px;font-size:10px}.brand{gap:7px;max-width:175px}.brand span:last-child{font-size:10px}.brand-initial{width:34px;height:42px;font-size:30px;flex-shrink:0}.header nav{gap:12px}.header nav a:not([href="#work"]){display:none}.header-contact{font-size:10px}.hero{min-height:660px;padding:15px 0 45px}.hero-collage{width:350px;max-width:none;height:385px;transform:scale(.92);transform-origin:center center}.hero-paper{left:40px;top:65px;width:250px;height:255px}.hero-grid{left:60px;top:52px;width:220px;height:270px}.hero-photo{left:100px;top:62px;width:185px}.hero-photo .photo-slot{height:210px}.hero-photo .initial{font-size:130px}.hero-photo figcaption{font-size:15px;padding-top:12px}.hero-memo{left:2px;top:125px;width:120px;height:145px;padding:23px 13px;font-size:24px}.hero-stamp{width:113px;right:-3px;top:235px;padding:15px 12px}.hero-stamp strong{font-size:29px}.hero-stamp span{font-size:8px}.hero-tape{left:145px;top:45px;width:82px;height:30px}.hero-role{font-size:20px;max-width:300px;line-height:1.2;margin-top:0}.hero h1{font-size:83px;margin-top:17px}.hero .underlink{font-size:12px;margin-top:25px}.section{padding-block:55px}.label{font-size:11px;margin-bottom:22px}.manifesto{font-size:27px;line-height:1.3;letter-spacing:-.035em}.manifesto em{font-size:1.1em}.values{grid-template-columns:1fr 1fr;gap:25px 23px;margin-top:35px}.values p{font-size:12px}.about{padding-top:20px;padding-bottom:85px}.scrapbook{display:flex;flex-direction:column;gap:25px;padding:17px 15px;min-height:0;border-radius:9px}.scrapbook:after{inset:15px 15px auto;height:445px}.scrapbook-left{height:440px;min-height:440px}.id-card{left:8px;top:12px;width:90%;padding:18px;transform:rotate(-6deg)}.id-card .label{margin-bottom:12px}.id-body{grid-template-columns:80px 1fr;gap:15px}.id-body h3{font-size:29px}.id-body p{font-size:10px}.id-signature{margin-top:10px;font-size:18px}.id-photo{height:112px}.binder{top:-17px;left:60%;width:32px;height:49px;border-width:5px}.binder:after{height:9px;bottom:-7px}.memory-photo{width:160px;left:0;top:205px;padding:9px;transform:rotate(-8deg)}.memory-photo .photo-slot{height:137px}.memory-photo figcaption{font-size:15px}.memory-photo .placeholder-label{font-size:11px;padding:10px}.ticket-memory{top:228px;right:0;width:135px;padding:16px}.ticket-memory strong{font-size:42px}.memory>span{font-size:10px}.education-memory{right:-4px;top:345px;width:155px;padding:15px;transform:rotate(6deg)}.education-memory p{font-size:25px;margin:8px 0}.travel-memory{bottom:0;left:0;z-index:4;padding:12px;width:165px}.travel-memory p{font-size:27px}.travel-memory span{font-size:9px}.bio-paper{padding:28px 23px 65px;transform:rotate(1deg)}.bio-paper h2{font-size:46px;margin-bottom:25px}.bio-paper p{font-size:13px}.bio-skills{font-size:11px!important}.proof-note{right:-3px;bottom:-40px;width:155px;padding:15px 19px}.proof-note strong{font-size:48px}.proof-note span{font-size:19px}.display-title{font-size:73px;margin-bottom:40px}.service-card{grid-template-columns:1fr;gap:30px;padding:22px 20px;min-height:0;align-items:start}.service-copy .label{font-size:10px;margin-bottom:20px;padding-right:40px}.service-number{font-size:28px;top:20px;right:20px}.service-copy h3{font-size:40px;margin-bottom:20px}.service-copy>p:not(.label){font-size:13px}.tags{gap:6px;margin-top:23px}.tags span{font-size:18px;padding:4px 7px}.service-visual{height:215px}.service-copy details{font-size:12px}.work-heading{padding:35px 0 55px}.work-label{top:-5px;left:0;max-width:90%;font-size:10px;padding:12px}.work-heading h2{font-size:39px;line-height:1.05;letter-spacing:-.045em}.work-heading h2 em{font-size:44px}.work-manifesto{margin-bottom:50px}.gallery-header{gap:12px;margin-bottom:28px;align-items:start}.gallery-header .label{font-size:11px;margin-bottom:16px}.gallery-header p{font-size:12px;max-width:190px}.gallery-controls{gap:10px;margin-top:25px}.gallery-controls button{font-size:11px;min-width:48px;padding:8px 0}.video-track{gap:24px;margin-right:calc(var(--margin)*-1);padding-right:var(--margin);scroll-padding-left:0}.video-card{flex-basis:66%;scroll-snap-align:start}.video-card h4{font-size:29px}.video-media .placeholder-label{font-size:13px}.video-role{font-size:11px}.video-card .project-note{font-size:12px}.gallery-status{font-size:11px}.campaigns{margin-top:60px}.campaign-grid{gap:30px;grid-template-columns:1fr}.campaign-grid figcaption{font-size:27px}.campaign-grid figcaption span{font-size:12px}.personal-heading h2{font-size:47px;line-height:1.02;margin-bottom:45px}.personal-content{display:flex;flex-direction:column;gap:45px}.personal-photo{width:83%;max-width:300px;transform:rotate(-6deg)}.personal-photo .photo-slot{height:275px}.personal-text p{font-size:14px}.education{margin-top:30px;padding:23px}.education h3{font-size:29px}.education p{font-size:12px}.contact h2{font-size:41px;margin-bottom:45px;line-height:1.05}.contact-content{grid-template-columns:1fr;gap:40px}.contact-content>div>p{font-size:14px}.contact-services{font-size:13px;margin-top:25px;gap:7px}.contact-invitation{font-size:11px!important;margin-top:35px}.socials{gap:9px}.socials :is(button,a){font-size:23px;padding:11px 12px}.contact-collage{width:310px;height:310px;transform:scale(.85);margin-top:-5px;margin-bottom:-25px}.contact-collage .polaroid{left:85px}footer{margin-top:55px;display:grid;grid-template-columns:1fr auto;gap:20px;font-size:11px}footer>a{font-size:32px}footer>span:nth-child(2){grid-column:1;grid-row:2;max-width:240px;font-size:11px}footer>span:last-child{grid-column:2;grid-row:2}.contact{padding-bottom:25px}dialog{padding:40px 28px}.dialog-title{font-size:40px}}
@media(max-width:370px){.hero-collage{transform:scale(.8);height:345px}.hero{min-height:610px}.hero-role{font-size:18px}.header nav{display:none}.work-heading h2{font-size:33px}.work-heading h2 em{font-size:38px}.manifesto{font-size:24px}.gallery-header{display:block}.gallery-controls{margin-top:14px;justify-content:flex-end}.service-copy h3{font-size:35px}.scrapbook{padding-inline:12px}.id-body{grid-template-columns:65px 1fr;gap:10px}.id-card{padding:15px}.id-body p{font-size:9px}.memory-photo{width:140px}.ticket-memory{width:115px}.education-memory{width:145px}.travel-memory{width:145px}.travel-memory p{font-size:23px}.bio-paper h2{font-size:39px}.personal-heading h2{font-size:40px}.contact h2{font-size:35px}.contact-collage{left:-12px}.socials :is(button,a){font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Keep the scrapbook detail, with readable copy on every screen. */
.hero-memo{color:var(--ink)}.values p,.bio-paper p,.service-copy>p:not(.label),.service-copy details p,.personal-text p,.contact-content>div>p{font-size:16px}.bio-paper{padding-bottom:120px}.bio-skills{font-size:12px!important}.service-copy h3{font-size:clamp(36px,3.8vw,55px)}
@media(max-width:1000px){.values{grid-template-columns:1fr 1fr}.service-copy h3{font-size:36px}.bio-paper p{font-size:15px}.bio-paper{padding-bottom:125px}.video-track{gap:35px}.video-card{flex-basis:calc((100% - 35px)/2)}.service-card{align-items:center}.service-visual{height:300px}.work-heading h2{font-size:64px}}
@media(max-width:700px){.values p{font-size:14px}.bio-paper p{font-size:15px}.service-copy>p:not(.label),.service-copy details p,.personal-text p,.contact-content>div>p{font-size:16px}.bio-paper{padding-bottom:115px}.service-copy h3{font-size:39px}.video-card{flex-basis:66%}.video-track{gap:24px}.work-heading h2{font-size:48px}.work-heading h2 em{font-size:48px}.contact h2{font-size:35px}.contact h2 em{font-size:37px}.service-visual{height:215px}.work-manifesto{font-size:25px}.gallery-header{margin-bottom:32px}}
@media(max-width:370px){.service-copy h3{font-size:34px}.contact h2{font-size:29px}.contact h2 em{font-size:32px}.work-heading h2,.work-heading h2 em{font-size:42px}}

/* Photographic craft materials replace the CSS-only hero paper shapes. */
.hero .photoreal-collage{position:relative;isolation:isolate;flex:none;width:min(680px,100%);height:auto;aspect-ratio:4/3;margin:0 auto 22px;transform:none;max-width:100%}
.hero-scrapbook-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:2;animation:collage-arrive .9s ease both}
.hero-portrait{position:absolute;left:27.4%;top:19.1%;width:40.5%;height:60.6%;z-index:1;background-color:#d1d4cb;overflow:hidden}
.hero-portrait .initial{font-size:clamp(90px,12vw,180px)}
.hero-portrait .placeholder-label{font-size:13px;padding:18px 8px;color:#394036}
.hero-portrait>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero{min-height:810px;padding-top:26px;padding-bottom:45px}
.hero-role{margin-top:0}
@keyframes collage-arrive{from{opacity:0;transform:translateY(15px) rotate(-2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@media(max-width:1000px){.hero .photoreal-collage{width:min(630px,100%);height:auto;margin-bottom:26px;transform:none}.hero{min-height:760px}.hero-portrait .initial{font-size:150px}}
@media(max-width:700px){.hero{min-height:620px;padding:30px 0 45px}.hero .photoreal-collage{width:100%;max-width:440px;height:auto;transform:none;margin-bottom:28px}.hero-portrait .initial{font-size:100px}.hero-portrait .placeholder-label{font-size:10px;padding:12px 5px}.hero-role{margin-top:0}.hero h1{font-size:83px}}
@media(max-width:370px){.hero{min-height:560px}.hero .photoreal-collage{height:auto;transform:none}.hero-portrait .initial{font-size:80px}.hero-portrait .placeholder-label{font-size:9px}.hero h1{font-size:75px}}
@media(prefers-reduced-motion:reduce){.hero-scrapbook-image{animation:none}}