@charset "UTF-8";
:root{--paper:#faf8f4;--ink:#232124;--red:#d92f3b;--muted:#6b6464;--line:#d8d0cb;--panel:#f1ede7;--web-opacity:.18;color-scheme:light;font-family:'Space Grotesk',sans-serif;color:var(--ink);background:var(--paper)}
:root[data-theme=dark]{--paper:#171619;--ink:#f4eee7;--red:#f44753;--muted:#bbb0ac;--line:#45393a;--panel:#252124;--web-opacity:.21;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;isolation:isolate;overflow-x:hidden;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:transparent}img{max-width:100%;display:block}p,h1,h2,h3,figure{margin:0}h1,h2,h3{font-family:'Barlow Condensed',sans-serif;font-weight:800;line-height:.9;letter-spacing:-.025em}h2{font-size:clamp(66px,7.5vw,114px)}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--red);outline-offset:7px}.red{color:var(--red)}.handwritten{font-family:'Caveat',cursive;font-size:24px}.eyebrow{font-size:12px;letter-spacing:.11em;font-weight:600;margin-bottom:25px}.line{display:block;overflow:hidden;padding-bottom:.04em}.line>span{display:block;transform-origin:left bottom}.text-link{display:inline-block;font-size:16px;border-bottom:1px solid;padding:0 0 5px}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--paper);padding:16px}.skip:focus{top:10px}
.reading-progress{position:fixed;left:0;top:0;height:3px;background:var(--red);width:0;z-index:51}.giant-web{position:fixed;inset:-42vmax;z-index:-1;pointer-events:none;background:var(--red);opacity:var(--web-opacity);mask:url('assets/web.png') center/contain no-repeat;will-change:transform;transform:rotate(-14deg)}.web-wipe{position:fixed;inset:0;pointer-events:none;z-index:40;transform:translateY(-110%);background:var(--red);mask:url('assets/web.png') center/170vmax no-repeat}.web-wipe.sweep{animation:web-sweep .8s cubic-bezier(.65,0,.25,1)}@keyframes web-sweep{0%{transform:translateY(-110%) rotate(-20deg);opacity:0}45%{transform:translateY(0) rotate(5deg);opacity:.9}100%{transform:translateY(110%) rotate(25deg);opacity:0}}
.site-header{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:22px 4.2vw;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--line) 40%,transparent)}.brand{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.05em}.brand-mark{font-size:35px;font-weight:700;line-height:1;color:var(--red);letter-spacing:-.1em}.site-header nav{display:flex;gap:32px;font-size:14px}.site-header nav a{position:relative}.site-header nav a:after{content:'';position:absolute;bottom:-5px;left:0;right:0;height:1px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .25s}.site-header nav a:hover:after{transform:scaleX(1)}.theme-toggle{font-size:27px;line-height:1;width:35px;height:35px}.chapter-rail{position:fixed;right:19px;top:50%;transform:translateY(-50%);z-index:25;display:flex;flex-direction:column;gap:20px}.chapter-rail a{font-size:12px;opacity:.45;padding:5px;position:relative}.chapter-rail a[aria-current]{opacity:1;color:var(--red)}.chapter-rail a[aria-current]:before{content:'';position:absolute;right:100%;top:50%;width:20px;height:1px;background:currentColor}
.scene{position:relative;min-height:100svh;padding:126px 8vw 65px;scroll-margin-top:0}.opening-scene{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100svh;padding:132px 6vw 32px;text-align:center}.opening-byline{font-size:12px;letter-spacing:.14em;margin:0 0 32px}.opening-scene h1{font-size:clamp(65px,11.05vw,180px);line-height:.87;letter-spacing:-.024em;width:100%}.opening-scene h1 .line{padding-bottom:.035em}.hero-signature{font:500 clamp(22px,2.25vw,32px)/1.1 'Caveat',cursive;color:var(--red);margin-top:28px;transform:rotate(-4deg)}.opening-footer{width:100%;margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;padding-top:44px;font-size:12px;line-height:1.6;letter-spacing:.06em;text-align:left}.opening-footer>span:last-child{text-align:right}.opening-footer>a{display:flex;flex-direction:column;align-items:center;gap:9px}.scroll-stroke{height:31px;width:1px;background:var(--red);display:block;transform-origin:top;animation:scroll-stroke 2.5s ease-in-out infinite}@keyframes scroll-stroke{0%,100%{transform:scaleY(.45);opacity:.3}50%{transform:scaleY(1);opacity:1}}
.intro-scene{min-height:115svh;display:flex;align-items:center;padding-top:140px;padding-bottom:140px}.intro-inner{max-width:1120px;margin:0 auto}.intro-scene h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(38px,5.25vw,78px);line-height:1.19;letter-spacing:-.05em;font-weight:500;margin:25px 0 42px;text-wrap:pretty}.intro-scene em{font:600 1.2em/1.1 'Caveat',cursive;color:var(--red)}.intro-word{transition:color .12s;display:inline}.intro-inner>.text-link{color:var(--muted)}
.identity-scene{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;min-height:110svh;padding-top:130px;padding-bottom:130px}.identity-copy h2{font-size:clamp(72px,8.4vw,128px)}.identity-lead{font-size:clamp(24px,2.2vw,33px);line-height:1.25;letter-spacing:-.04em;margin:25px 0 25px}.reveal-prompt{font-size:16px;color:var(--muted);margin:0 0 30px}.identity-name{display:flex;flex-direction:column;gap:7px;margin-bottom:25px}.identity-name strong{font-size:20px;letter-spacing:-.025em}.identity-name span{font-size:14px;color:var(--muted)}.identity-art{width:100%;max-width:530px;justify-self:end;transform:rotate(3deg);position:relative}.reveal-stage{position:relative;width:100%;aspect-ratio:.83;overflow:hidden;border:10px solid var(--paper);outline:1px solid var(--line);box-shadow:12px 18px 40px #21060614;background:#262224;touch-action:none;user-select:none;cursor:crosshair}.suit-base{width:100%;height:100%;object-fit:cover;object-position:52% center}#mask-canvas{position:absolute;inset:0;width:100%;height:100%;transition:opacity .7s ease}.reveal-stage.unmasked #mask-canvas{opacity:0}.reveal-cursor{position:absolute;left:50%;top:50%;width:75px;height:75px;border:1px solid #fff8;border-radius:50%;color:white;font-size:12px;letter-spacing:.08em;display:grid;place-items:center;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .2s}.reveal-stage:hover .reveal-cursor{opacity:1}.reveal-stage.unmasked .reveal-cursor{opacity:0}.reveal-badge{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);background:#fffef6;color:#242124;padding:9px 14px;font-size:12px;letter-spacing:.07em;white-space:nowrap;pointer-events:none;transition:opacity .3s}.reveal-stage.started .reveal-badge{opacity:0}.identity-art figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.portrait-state{font-size:12px;letter-spacing:.06em}.identity-art .handwritten{color:var(--red);font-size:22px;white-space:nowrap}.identity-scene.revealed .identity-name{animation:name-in .65s ease}@keyframes name-in{from{opacity:.3;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.work-scene{min-height:115svh;padding-top:135px;padding-bottom:80px}.work-heading{display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px}.work-heading>.eyebrow{grid-column:1/-1;margin-bottom:0}.work-heading h2{font-size:clamp(66px,7.2vw,110px)}.filters{display:flex;gap:18px;padding-bottom:10px}.filters button{padding:7px 0;font-size:14px;color:var(--muted);border-bottom:1px solid transparent}.filters button.active{color:var(--red);border-color:var(--red)}.project-gallery{margin-top:40px}.project-slide{display:grid;grid-template-columns:1.4fr 1fr;gap:5vw;align-items:center;animation:project-in .55s cubic-bezier(.2,.7,.2,1)}@keyframes project-in{from{opacity:0;transform:translateX(26px);filter:blur(4px)}to{opacity:1;transform:translateX(0);filter:blur(0)}}.project-image{padding:25px;background:var(--panel);width:100%;aspect-ratio:1.66;position:relative;border:1px solid var(--line);overflow:hidden}.project-image img{width:100%;height:100%;object-fit:contain;transition:transform .6s}.project-image:hover img{transform:scale(1.04)}.project-image:after{content:'OPEN PROJECT';position:absolute;bottom:0;right:0;font-size:12px;padding:8px 12px;color:var(--paper);background:var(--red);opacity:0;transition:opacity .25s}.project-image:hover:after{opacity:1}.project-label{font-size:12px;letter-spacing:.06em;color:var(--muted);margin-bottom:14px}.project-copy h3{font-size:clamp(42px,4.2vw,70px);line-height:1;margin-bottom:20px}.project-copy p{font-size:17px;line-height:1.65;max-width:430px;color:var(--muted)}.project-actions{display:flex;align-items:center;gap:24px;margin-top:26px}.project-actions a,.project-actions button{font-size:14px;padding:0 0 4px;border-bottom:1px solid}.project-actions a{color:var(--red)}.gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px}.project-count{font-size:14px;letter-spacing:.1em}.project-dots{display:flex;gap:12px}.project-dots button{width:28px;height:28px;display:grid;place-items:center;padding:0}.project-dots button:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--muted);opacity:.3;transition:transform .2s}.project-dots button[aria-current]:before{background:var(--red);opacity:1;transform:scale(1.5)}.gallery-paging{display:flex;gap:26px}.gallery-paging button{font-size:14px;padding:4px 0}.gallery-paging button:disabled{opacity:.3;cursor:default}.archive-note{text-align:right;color:var(--muted);font-size:14px;margin-top:35px}.archive-note a{border-bottom:1px solid}
.contact-scene{background:var(--red);color:#fff9f0;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:130px;padding-bottom:35px;isolation:isolate}.contact-scene:before{content:'';position:absolute;inset:0;z-index:-1;background:#fff9f0;opacity:.18;mask:url('assets/web.png') 120% 55%/115vmax no-repeat}.contact-inner{width:100%;max-width:1100px;margin:0 auto}.contact-scene h2{font-size:clamp(75px,10vw,156px);line-height:.87}.contact-outline{-webkit-text-stroke:1.5px #fff9f0;color:transparent}.contact-inner>p:not(.eyebrow){font-size:20px;margin:28px 0 12px}.email-link{font-size:clamp(18px,2.5vw,36px);letter-spacing:-.035em;display:inline-block;border-bottom:1px solid #fff9f080;padding-bottom:6px}.contact-links{display:flex;flex-wrap:wrap;gap:25px;font-size:14px;margin-top:28px}.contact-links button{padding:0;font-size:14px}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px;line-height:1.5;letter-spacing:.03em;margin-top:auto;padding-top:60px}.footer button{font-size:12px;letter-spacing:inherit;padding:0}.credits{display:flex;justify-content:space-between;gap:25px;padding:20px 4vw;background:var(--paper);font-size:12px;color:var(--muted)}
 dialog{color:var(--ink);background:var(--paper);border:1px solid var(--line);padding:45px;max-width:930px;width:calc(100% - 40px);max-height:88svh;overflow:auto}dialog::backdrop{background:#19131acd;backdrop-filter:blur(7px)}.dialog-close{position:sticky;top:0;float:right;font-size:34px;line-height:1;background:var(--paper);padding:0 8px;z-index:2}.project-dialog h2{font-size:64px;line-height:1;margin:0 40px 30px 0}.dialog-image{background:var(--panel);padding:20px;margin-bottom:28px}.dialog-image img{max-height:390px;width:100%;object-fit:contain}.file-notes{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:30px 0}.file-notes h3{font-family:'Space Grotesk',sans-serif;font-size:14px;letter-spacing:.03em;line-height:1.3;margin-bottom:12px}.file-notes p{font-size:16px;color:var(--muted)}.project-tags{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 25px}.project-tags li{font-size:14px;background:var(--panel);padding:6px 10px}.button{display:inline-block;padding:12px 20px;font-size:14px}.primary{background:var(--red);color:#fff9f0}.dialog-source{font-size:14px;color:var(--muted);margin-top:25px}.dialog-source a{border-bottom:1px solid}.photo-dialog-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:25px}.photo-dialog-heading h2{font-size:50px}.photo-dialog-heading .dialog-close{float:none}.viewfinder{position:relative;background:#111;padding:15px}.viewfinder img{width:100%;aspect-ratio:1.8;object-fit:cover}.viewfinder-text{position:absolute;bottom:25px;left:25px;color:#fff;font-size:12px}.viewfinder.flash:after{content:'';position:absolute;inset:0;background:#fff;animation:flash .5s ease forwards}@keyframes flash{to{opacity:0}}.photo-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:25px}.photo-controls>div{display:flex;gap:15px}.photo-controls button:not(.primary){font-size:14px;padding:5px 0}.photo-controls .active,.photo-controls [aria-pressed=true]{color:var(--red)}.photo-hint{font-size:14px;color:var(--muted);margin-top:20px}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);opacity:0;padding:13px 20px;background:var(--ink);color:var(--paper);z-index:90;font-size:14px;pointer-events:none;transition:opacity .25s,transform .25s;max-width:90vw;width:max-content}.toast.show{opacity:1;transform:translate(-50%,0)}.thwip{position:fixed;z-index:100;font:800 55px/.9 'Barlow Condensed',sans-serif;color:var(--red);transform:rotate(-15deg);pointer-events:none;animation:thwip .9s ease-out forwards}@keyframes thwip{0%{opacity:0;scale:.2}30%{opacity:1;scale:1.2}100%{opacity:0;scale:1;translate:0 -30px}}
.motion-ready .scene:not(.opening-scene) .line>span{transform:translateY(115%) rotate(4deg);transition:transform .95s cubic-bezier(.18,.7,.2,1)}.motion-ready .scene.in-view .line>span{transform:translateY(0) rotate(0)}.motion-ready .opening-scene h1 .line>span{animation:title-in 1.2s cubic-bezier(.18,.7,.2,1) both}.motion-ready .opening-scene h1 .line:nth-child(2)>span{animation-delay:.12s}.motion-ready .opening-scene h1 .line:nth-child(3)>span{animation-delay:.24s}@keyframes title-in{from{transform:translateY(110%) rotate(5deg)}to{transform:translateY(0) rotate(0)}}
@media(min-width:1600px){.scene{padding-left:max(8vw,calc((100vw - 1400px)/2));padding-right:max(8vw,calc((100vw - 1400px)/2))}.opening-scene{padding-left:6vw;padding-right:6vw}}
@media(max-width:1000px){.chapter-rail{right:9px}.scene{padding-left:6vw;padding-right:6vw}.identity-scene{gap:5vw}.identity-art .handwritten{display:none}.work-heading{grid-template-columns:1fr}.filters{padding:0}.project-slide{gap:4vw}.project-copy p{font-size:16px}.contact-scene h2{font-size:12vw}.opening-scene{padding-left:5vw;padding-right:5vw}}
@media(max-width:650px){html{scroll-padding-top:68px}.site-header{padding:17px 22px}.brand>span:last-child{display:none}.site-header nav{gap:21px;font-size:14px}.brand-mark{font-size:30px}.theme-toggle{font-size:25px;width:28px;height:28px}.chapter-rail{display:none}.scene{padding:110px 25px 70px}.opening-scene{padding:125px 20px 30px;min-height:100svh}.opening-byline{font-size:12px;letter-spacing:.09em;max-width:220px;line-height:1.7;margin-bottom:30px}.opening-scene h1{font-size:12.05vw}.hero-signature{font-size:25px;margin-top:30px}.opening-footer{padding-top:80px;gap:25px;flex-wrap:wrap;font-size:12px;line-height:1.6}.opening-footer>a{order:3;width:100%;margin-top:10px;gap:8px}.opening-footer>span:last-child{margin-left:auto}.intro-scene{min-height:100svh}.intro-scene h2{font-size:10vw;line-height:1.25;letter-spacing:-.045em;margin:25px 0 35px}.intro-scene .eyebrow{margin-bottom:0}.intro-scene .text-link{font-size:14px}.identity-scene{grid-template-columns:1fr;gap:45px;padding-top:105px;padding-bottom:90px}.identity-copy h2{font-size:21vw}.identity-lead{font-size:26px;margin:20px 0}.reveal-prompt{margin-bottom:20px}.identity-name strong{font-size:19px}.identity-name span{font-size:14px}.identity-art{max-width:430px;justify-self:center;transform:rotate(2deg);width:95%}.identity-art figcaption{margin-top:20px}.identity-art .handwritten{display:block;font-size:20px}.portrait-state{font-size:12px;max-width:145px}.reveal-stage{border-width:7px}.work-scene{padding-top:105px}.work-heading{gap:22px}.work-heading h2{font-size:17vw}.filters{gap:24px}.project-gallery{margin-top:30px}.project-slide{grid-template-columns:1fr;gap:25px}.project-image{padding:14px;aspect-ratio:1.5}.project-copy h3{font-size:44px;margin-bottom:13px}.project-copy p{font-size:16px;line-height:1.6}.project-label{margin-bottom:8px}.project-actions{margin-top:18px}.gallery-controls{flex-wrap:wrap;gap:15px;margin-top:26px}.project-dots{gap:3px;order:3;width:100%;justify-content:center}.gallery-paging{margin-left:auto}.archive-note{margin-top:15px}.contact-scene{padding:110px 25px 28px;min-height:100svh}.contact-scene h2{font-size:18vw}.contact-inner>p:not(.eyebrow){font-size:17px;margin-top:25px}.email-link{font-size:6vw}.contact-links{gap:20px;row-gap:15px;font-size:14px}.footer{flex-wrap:wrap;gap:16px;padding-top:55px;font-size:12px}.footer>.easter-egg{order:3;width:100%;text-align:left;font-size:12px}.credits{padding:18px 25px;font-size:12px;flex-direction:column;gap:10px}dialog{padding:25px;width:calc(100% - 24px)}.project-dialog h2{font-size:44px;margin-bottom:22px}.file-notes{grid-template-columns:1fr;gap:24px}.photo-dialog-heading h2{font-size:37px}.photo-dialog-heading .eyebrow{font-size:12px;margin-bottom:15px}.photo-controls{gap:15px}.viewfinder{padding:8px}.viewfinder-text{left:15px;bottom:15px;font-size:12px}.toast{font-size:14px;white-space:normal;text-align:center;bottom:18px}.giant-web{inset:-30vmax;opacity:calc(var(--web-opacity) + .03)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.giant-web{will-change:auto}.motion-ready .scene .line>span{transform:none!important}.web-wipe{display:none}}
.clean-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}.reveal-stage.ready .clean-portrait{opacity:1}.at-contact .chapter-rail a{color:#fff9f0}.at-contact .chapter-rail a[aria-current]{color:#fff9f0}.project-stage{touch-action:pan-y}
.opening-byline{margin-top:auto}#project-stage{touch-action:pan-y}