:root{--c:#f3f0e7;--k:#080808;--m:"Courier New",monospace}*{box-sizing:border-box}body{margin:0;background:var(--c);color:var(--k);font-family:Helvetica,"Helvetica Neue",Arial,sans-serif}button,a,input{font:inherit;color:inherit}button,a{cursor:pointer}header{position:fixed;z-index:10;top:0;width:100%;height:82px;background:rgba(243,240,231,.96);border-bottom:1px solid;display:flex;align-items:center;justify-content:space-between;padding:9px 22px}.logo{width:64px;height:64px;border:0;background:none;padding:0}.logo img{width:100%;height:100%;object-fit:contain;filter:invert(1)}nav{display:flex;gap:22px;align-items:center}nav button,nav a,.menub,.viewall{border:0;background:none;text-decoration:none;font-size:13px}.menub{display:none}.page{display:none;min-height:100vh;padding-top:82px}.page.active{display:block;animation:fade .5s}@keyframes fade{from{opacity:0}.home h1{opacity:0}to{opacity:1}}.home{overflow:hidden;position:relative}.home h1{font-size:clamp(6rem,15.5vw,15rem);line-height:.73;letter-spacing:-.085em;margin:58px 20px 0}.field{height:1040px;position:relative;margin-top:55px}.float{position:absolute;border:0;background:none;padding:0;text-align:left}.float img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1);transition:.45s}.float:hover img{filter:none;transform:scale(1.01)}.float span{display:block;margin-top:8px;font:11px/1.25 var(--m)}.f1{left:4%;width:31%;height:300px}.f2{left:44%;width:22%;height:360px}.f3{right:3%;top:170px;width:23%;height:210px}.f4{left:12%;top:480px;width:22%;height:260px}.f5{left:42%;top:500px;width:18%;height:340px}.f6{right:8%;top:500px;width:20%;height:310px}.viewall{position:absolute;right:22px;bottom:22px;border-bottom:1px solid;font-family:var(--m)}.head{min-height:145px;border-bottom:1px solid;padding:30px 22px 18px;display:flex;align-items:end;justify-content:space-between}.head h2{font-size:clamp(4.8rem,10vw,9rem);line-height:.7;letter-spacing:-.075em;margin:0}.head span,.head a{font:12px var(--m);text-decoration:none}.grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 18px;padding:36px 22px 100px}.card{border:0;background:none;padding:0;text-align:left}.card>img{width:100%;aspect-ratio:1;object-fit:cover;filter:grayscale(1);transition:.4s}.card:hover>img{filter:none}.meta{border-top:1px solid;margin-top:7px;padding-top:8px;display:grid;grid-template-columns:1fr 1.2fr;gap:15px}.meta h3{font-size:19px;line-height:1;margin:0}.meta p{font:11px/1.35 var(--m);margin:0;text-align:right}.pdf{width:100%;height:calc(100vh - 227px);border:0}.about{display:grid;grid-template-columns:40% 1fr;gap:8vw;padding:50px 22px}.about>img{width:100%;filter:grayscale(1)}.about>div{align-self:end}.about p{font-size:clamp(1.4rem,2.4vw,2.55rem);line-height:1.03;letter-spacing:-.035em}.about a{font:12px var(--m)}.lock{min-height:calc(100vh - 82px);display:flex;flex-direction:column;justify-content:center;padding:40px 8vw}.lock>span,.lock label,.lock p{font:11px var(--m)}.lock h2{font-size:clamp(7rem,21vw,20rem);letter-spacing:-.09em;line-height:.7;margin:50px 0 80px}.lock form{max-width:580px}.lock form>div{display:flex;border-bottom:1px solid}.lock input{flex:1;border:0;background:none;outline:0;padding:12px 0;font-family:var(--m)}.lock form button{border:0;background:none;font:11px var(--m)}.deck{display:none}.moods{height:1500px;position:relative;overflow:hidden}.moods img{position:absolute;object-fit:cover;filter:grayscale(1);box-shadow:0 4px 12px #0002}.moods img:nth-child(1){width:42%;left:3%;top:7%}.moods img:nth-child(2){width:26%;left:53%;top:3%;transform:rotate(2deg)}.moods img:nth-child(3){width:23%;right:3%;top:28%;transform:rotate(-3deg)}.moods img:nth-child(4){width:31%;left:12%;top:39%}.moods img:nth-child(5){width:25%;left:47%;top:52%;transform:rotate(3deg)}.moods img:nth-child(6){width:28%;right:4%;top:68%}.moods img:nth-child(7){width:24%;left:8%;top:75%;transform:rotate(-2deg)}dialog{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;border:0;background:var(--c);padding:86px 22px 15px}dialog::backdrop{background:var(--c)}.close{position:fixed;right:20px;top:12px;border:0;background:none;font-size:44px}.vhead{display:flex;justify-content:space-between;border-bottom:1px solid}.vhead h2{font-size:clamp(2rem,5vw,5rem);line-height:.8;margin:0}.vhead p,.count{font:11px/1.3 var(--m)}.media{height:calc(100vh - 235px);margin-top:12px;background:#000;display:flex;justify-content:center}.media img,.media iframe{width:100%;height:100%;object-fit:contain;border:0}.controls{display:flex;justify-content:space-between;padding-top:10px}.controls button{border:0;background:none;font:11px var(--m)}
@media(max-width:760px){header{height:66px;padding:8px 12px}.logo{width:50px;height:50px}.menub{display:block}nav{display:none;position:fixed;top:66px;left:0;right:0;background:var(--c);padding:24px;flex-direction:column;align-items:start;border-bottom:1px solid}nav.open{display:flex}.page{padding-top:66px}.home h1{font-size:27vw;margin:40px 10px 0}.field{height:1160px}.f1{left:4%;width:48%;height:220px}.f2{left:auto;right:3%;top:150px;width:38%;height:270px}.f3{left:7%;right:auto;top:365px;width:57%;height:180px}.f4{left:auto;right:7%;top:600px;width:46%;height:205px}.f5{left:6%;top:790px;width:38%;height:260px}.f6{right:5%;top:900px;width:35%;height:220px}.head{min-height:105px;padding:22px 12px 14px}.head h2{font-size:18vw}.grid{gap:32px 8px;padding:22px 8px}.meta{display:block}.meta h3{font-size:13px}.meta p{text-align:left;font-size:9px}.about{display:block;padding:25px 12px}.about>div{margin-top:45px}.about p{font-size:1.4rem}.lock{padding:30px 14px}.lock h2{font-size:25vw}.moods{height:1000px}dialog{padding:72px 10px 10px}.media{height:calc(100vh - 260px)}}

/* Full-color media and gallery navigation */
.float img,.about>img,.moods img{filter:none}
.card-cover{width:100%;aspect-ratio:1;overflow:hidden;background:#000}
.card-cover img,.card-cover iframe{width:100%;height:100%;object-fit:cover;border:0;display:block}
.card-cover iframe{pointer-events:none;transform:scale(1.01)}
.controls button{position:fixed;z-index:3;top:50%;transform:translateY(-50%);width:48px;height:48px;border:1px solid;background:var(--c);border-radius:50%;font-size:0}
.controls .prev{left:18px}.controls .next{right:18px}
.controls .prev:after,.controls .next:after{font:24px Helvetica,Arial,sans-serif}
.controls .prev:after{content:'←'}.controls .next:after{content:'→'}
@media(max-width:760px){.controls button{width:42px;height:42px}.controls .prev{left:8px}.controls .next{right:8px}}

/* Cropped video covers and clean single-image resume */
.card-cover{position:relative}
.card-cover iframe{position:absolute;top:0;left:50%;width:177.78%;height:100%;max-width:none;transform:translateX(-50%);pointer-events:none}
.media.video{aspect-ratio:16/9;height:auto;max-height:calc(100vh - 235px);margin-left:auto;margin-right:auto}
.resume-image{height:calc(100vh - 227px);min-height:420px;padding:18px 24px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.resume-image img{display:block;width:auto;height:100%;max-width:100%;object-fit:contain;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
@media(max-width:760px){.resume-image{height:calc(100vh - 171px);min-height:350px;padding:10px}.media.video{max-height:calc(100vh - 260px)}}

/* AMENDS floating deck carousel */
.amends-carousel{position:relative;height:calc(100vh - 227px);min-height:430px;overflow:hidden;background:var(--c);display:flex;align-items:center}
.amends-track{display:flex;align-items:center;height:100%;transition:transform .8s cubic-bezier(.22,1,.36,1);will-change:transform}
.amends-slide{flex:0 0 100vw;height:100%;padding:4vh 9vw;display:flex;align-items:center;justify-content:center}
.amends-slide img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;box-shadow:0 10px 35px rgba(0,0,0,.12)}
.amends-prev,.amends-next{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:48px;height:48px;border:1px solid;border-radius:50%;background:var(--c);font-size:22px}
.amends-prev{left:22px}.amends-next{right:22px}
@media(max-width:760px){.amends-carousel{height:calc(100vh - 171px);min-height:360px}.amends-slide{padding:3vh 12vw}.amends-prev,.amends-next{width:42px;height:42px}.amends-prev{left:8px}.amends-next{right:8px}}

/* Single-line responsive name */
.home h1{font-size:clamp(3rem,10.8vw,10.5rem);line-height:.86;white-space:nowrap;word-spacing:.24em}
@media(max-width:760px){.home h1{font-size:10.9vw;line-height:.9;margin-top:44px;word-spacing:.28em}}

/* Cooler paper, stronger typewriter text, intentional credit lines */
:root{--c:#f8f8f4;--k:#050505}
header{background:rgba(248,248,244,.97)}
.float span,.head span,.head a,.meta p,.lock>span,.lock label,.lock p,.lock form button,.about a,.count{color:#000;font-weight:700}
.meta{grid-template-columns:minmax(0,1fr) auto}
.meta h3{font-size:clamp(.68rem,1.02vw,1rem);white-space:nowrap;letter-spacing:-.025em}
.meta p{font-size:clamp(8px,.66vw,10.5px);white-space:nowrap}
@media(max-width:760px){.grid{grid-template-columns:1fr;gap:42px}.meta{display:grid;grid-template-columns:minmax(0,1fr) auto}.meta h3{font-size:clamp(.68rem,2.8vw,.9rem)}.meta p{font-size:clamp(8px,2.1vw,10px);text-align:right;margin-top:0}}

/* More compact Work page with wider editorial margins */
#work .grid{width:min(72vw,1080px);margin:0 auto;padding:34px 0 90px;gap:46px 20px}
#work .meta h3{font-size:clamp(.78rem,1.22vw,1.18rem)}
@media(max-width:900px){#work .grid{width:82vw}}
@media(max-width:760px){#work .grid{width:82vw;grid-template-columns:1fr;gap:38px;padding-top:26px}#work .meta h3{font-size:clamp(.82rem,3.2vw,1rem)}}

/* About alignment and larger full-view resume */
.about>div{align-self:start}
#resume .head{min-height:52px;padding-top:10px;padding-bottom:10px}
#resume .head h2{font-size:clamp(2rem,3.8vw,3.8rem);line-height:.8}
#resume .resume-image{height:calc(100vh - 134px);padding-top:12px;padding-bottom:12px}
@media(max-width:760px){#resume .head{min-height:48px}#resume .head h2{font-size:2rem}#resume .resume-image{height:calc(100vh - 114px);padding:8px}.about>div{margin-top:0;padding-top:22px}}

/* Quieter page titles */
.head{min-height:108px;padding-top:22px}
.head{border-bottom:0}
.head h2{font-size:clamp(2.8rem,6.2vw,6rem);line-height:.78}
@media(max-width:760px){.head{min-height:82px}.head h2{font-size:11vw}}

/* Slightly larger corner stamp */
.logo{width:72px;height:72px}
@media(max-width:760px){.logo{width:56px;height:56px}}

/* Warmer white and more intentional rules */
:root{--c:#f8f6f0}
header{background:rgba(248,246,240,.97);border-bottom-width:1.25px}
.meta{border-top-width:1.25px}
.lock form>div{border-bottom-width:1.25px}
.controls button,.amends-prev,.amends-next{border-width:1.25px}

/* Compact homepage identity */
.home h1{font-size:clamp(2.8rem,8.9vw,8.8rem);word-spacing:.28em;margin-bottom:0}
.home-role{margin:22px 20px 0;font:700 13px/1.3 var(--m);letter-spacing:.015em}
.home .field{margin-top:42px}
@media(max-width:760px){.home h1{font-size:9vw;word-spacing:.3em}.home-role{margin:16px 10px 0;font-size:10px;white-space:nowrap}.home .field{margin-top:34px}}

/* Give the long Solana title its own line */
.card[data-project="legend"] .meta,.card[data-project="gold"] .meta{display:block}
.card[data-project="legend"] .meta p,.card[data-project="gold"] .meta p{text-align:left;margin-top:11px}

/* Near full-height resume */
#resume{position:relative;overflow:hidden}
#resume .head{position:absolute;z-index:2;top:82px;left:0;min-height:0;padding:14px 22px}
#resume .head h2{font-size:1.35rem}
#resume .resume-image{height:calc(100vh - 82px);padding:10px 24px}
@media(max-width:760px){#resume .head{top:66px;padding:10px 12px}#resume .head h2{font-size:1rem}#resume .resume-image{height:calc(100vh - 66px);padding:7px 10px}}

.about>div p:first-child{margin-top:0}

/* Three-column compact Work grid */
#work .grid{width:min(84vw,1260px);grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 18px}
#work .meta{display:block}
#work .meta h3{font-size:clamp(.62rem,.82vw,.82rem)}
#work .meta p{font-size:clamp(7.5px,.54vw,9px);text-align:left;margin-top:8px}
@media(max-width:980px){#work .grid{width:86vw;grid-template-columns:repeat(2,minmax(0,1fr))}#work .meta h3{font-size:clamp(.7rem,1.45vw,.9rem)}#work .meta p{font-size:clamp(8px,1vw,10px)}}
@media(max-width:600px){#work .grid{width:78vw;grid-template-columns:1fr;gap:38px}#work .meta h3{font-size:clamp(.78rem,3.2vw,1rem)}#work .meta p{font-size:clamp(8px,2.2vw,10px)}}

/* New project media: remove baked-in letterbox bars from Friendsgiving stills */
.media.crop-still{aspect-ratio:16/9;height:auto;max-height:calc(100vh - 235px);overflow:hidden;background:transparent}
.media.crop-still img{width:100%;height:100%;object-fit:cover}
@media(max-width:760px){.media.crop-still{max-height:calc(100vh - 260px)}}

/* Expanded multidisciplinary homepage and clean graphic-art presentation */
.home .field{height:1340px}
.f7{left:8%;top:900px;width:27%;height:300px}.f8{right:10%;top:900px;width:25%;height:300px}
.card[data-project="amazon"] .card-cover,.media.white-art{background:#fff}
.card[data-project="amazon"] .card-cover img,.media.white-art img{object-fit:contain}
.project-description{max-width:720px;margin:8px 0 10px;font:700 11px/1.4 var(--m)}
@media(max-width:760px){.home .field{height:1450px}.f7{left:6%;top:1120px;width:42%;height:235px}.f8{left:auto;right:5%;top:1190px;width:38%;height:220px}.project-description{font-size:10px;max-width:78vw}}

/* Editorial homepage collage */
.home{min-height:2300px}.home-identity{margin:58px 20px 0}.home-identity h1{margin:0}.home-role{width:46%;margin:18px 0 0;text-align:justify;text-align-last:justify;font-size:clamp(8px,.78vw,12px);white-space:nowrap}.editorial-field{height:1940px;position:relative;margin-top:48px;overflow:hidden}.home-project{position:absolute;margin:0;z-index:1}.home-project h2{width:max-content;max-width:100%;margin:8px 0 0;font:700 clamp(11px,.9vw,14px)/1 var(--m);letter-spacing:-.025em}.home-media{position:relative;width:100%;height:100%;overflow:hidden;background:#0a0a0a;box-shadow:0 0 0 1px rgba(0,0,0,.1)}.home-media img,.home-media iframe{display:block;width:100%;height:100%;border:0;object-fit:cover}.home-media iframe{position:absolute;left:50%;top:0;width:177.78%;max-width:none;transform:translateX(-50%);pointer-events:none}.home-media.white{background:#fff}.home-media.white img{object-fit:contain}.hp1{left:4%;top:2%;width:34%;height:330px;transform:rotate(-1.2deg)}.hp2{right:5%;top:5%;width:25%;height:390px;transform:rotate(1.4deg)}.hp3{left:27%;top:24%;width:41%;height:345px;transform:rotate(.6deg);z-index:2}.hp4{right:3%;top:42%;width:30%;height:330px;transform:rotate(-1.5deg)}.hp5{left:5%;top:41%;width:25%;height:400px;transform:rotate(1deg)}.hp6{left:29%;top:61%;width:34%;height:350px;transform:rotate(-.7deg);z-index:2}.hp7{right:4%;top:69%;width:26%;height:360px;transform:rotate(1.8deg)}.hp8{left:7%;top:78%;width:34%;height:350px;transform:rotate(-1.4deg)}.hp2 h2,.hp5 h2,.hp7 h2{margin-left:auto;text-align:right}.hp3 h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.hp6 h2{border:1px solid;border-radius:50%;padding:7px 13px;transform:rotate(-2deg)}.doodle{position:absolute;z-index:3;font:400 54px/1 Georgia,serif}.d1{left:73%;top:29%;transform:rotate(18deg)}.d2{left:17%;top:67%;font-size:82px;transform:rotate(-12deg)}.d3{right:38%;top:88%;font-size:74px;transform:rotate(9deg)}.home .viewall{bottom:35px}
@media(max-width:760px){.home{min-height:2440px}.home-identity{margin:44px 10px 0}.home-role{width:49%;margin-top:12px;font-size:clamp(5.5px,1.55vw,8px)}.editorial-field{height:2150px;margin-top:34px}.home-project h2{font-size:10px}.hp1{left:3%;top:1%;width:58%;height:250px}.hp2{right:2%;top:10%;width:43%;height:285px}.hp3{left:8%;top:23%;width:75%;height:250px}.hp4{right:3%;top:37%;width:60%;height:250px}.hp5{left:2%;top:47%;width:43%;height:300px}.hp6{left:22%;top:61%;width:69%;height:250px}.hp7{right:4%;top:74%;width:54%;height:270px}.hp8{left:4%;top:85%;width:63%;height:250px}.d1{top:18%;left:8%;font-size:42px}.d2{top:57%;left:4%;font-size:58px}.d3{top:81%;right:8%;font-size:48px}}

/* Reference-led cascading spread */
.home{min-height:2460px}.home-identity{display:grid;grid-template-columns:max-content max-content;grid-template-rows:auto auto;column-gap:clamp(18px,2.5vw,48px);width:max-content}.home-identity h1{display:contents}.home-identity .first-name,.home-identity .last-name{font-size:clamp(2.8rem,8.9vw,8.8rem);font-weight:700;line-height:.86;letter-spacing:-.085em;white-space:nowrap}.first-name{grid-column:1;grid-row:1}.last-name{grid-column:2;grid-row:1}.home-identity .home-role{grid-column:1;grid-row:2;width:100%;margin:16px 0 0;text-align:justify;text-align-last:justify}.editorial-field{height:2080px;background:linear-gradient(#111,#111) 50% 1%/1px 95% no-repeat}.editorial-field:before,.editorial-field:after{content:"";position:absolute;z-index:0;border-top:1px solid #111;width:16vw}.editorial-field:before{left:3%;top:17%}.editorial-field:after{right:3%;top:58%}.hp1{left:13%;top:2%;width:31%;height:325px}.hp2{left:43%;right:auto;top:8%;width:25%;height:385px}.hp3{left:27%;top:23%;width:43%;height:345px}.hp4{left:51%;right:auto;top:39%;width:31%;height:330px}.hp5{left:13%;top:43%;width:27%;height:400px}.hp6{left:29%;top:59%;width:39%;height:350px}.hp7{left:54%;right:auto;top:71%;width:27%;height:360px}.hp8{left:16%;top:80%;width:36%;height:355px}.hp1 h2,.hp4 h2,.hp8 h2{font-family:"Bradley Hand","Comic Sans MS",cursive;font-size:clamp(14px,1.35vw,21px);font-weight:700;transform:rotate(-2deg)}.hp2 h2{border:1px solid;border-radius:50%;padding:6px 13px}.hp5 h2{text-decoration:underline wavy;text-underline-offset:5px}.hp7 h2{border-bottom:1px solid;padding-bottom:5px}.d4{left:72%;top:25%;font:700 28px/1 var(--m);transform:rotate(-18deg)}.d5{left:7%;top:68%;font:400 74px/1 Georgia,serif;transform:rotate(11deg)}.d6{right:9%;top:90%;font:400 76px/1 Georgia,serif;transform:rotate(-8deg)}
@media(max-width:760px){.home{min-height:2590px}.home-identity{margin-top:44px;column-gap:10px}.home-identity .first-name,.home-identity .last-name{font-size:9vw}.home-identity .home-role{font-size:clamp(5px,1.48vw,7.5px);margin-top:10px}.editorial-field{height:2270px;background-position:50% 1%;margin-top:42px}.hp1{left:5%;top:1%;width:62%;height:250px}.hp2{left:53%;top:10%;width:43%;height:285px}.hp3{left:12%;top:23%;width:77%;height:250px}.hp4{left:37%;top:37%;width:60%;height:250px}.hp5{left:3%;top:46%;width:45%;height:300px}.hp6{left:18%;top:60%;width:73%;height:250px}.hp7{left:44%;top:73%;width:53%;height:270px}.hp8{left:4%;top:84%;width:65%;height:255px}.home-project h2{font-size:9px}.hp1 h2,.hp4 h2,.hp8 h2{font-size:12px}.d4{top:31%;left:3%;font-size:18px}.d5{top:69%;font-size:54px}.d6{top:94%;right:3%;font-size:52px}}

/* Airier, hand-marked homepage spread */
.home{min-height:3260px}
.editorial-field{height:2850px;margin-top:76px;background-size:1px 96%}
.editorial-field:before{left:4%;top:20%;width:20vw}
.editorial-field:after{right:4%;top:62%;width:22vw}
.editorial-field{--scribble-font:"Bradley Hand","Comic Sans MS",cursive}
.editorial-field>.home-project:nth-of-type(3):before{content:"~~~~";position:absolute;right:-30%;top:-22%;font:700 clamp(25px,3vw,48px)/1 var(--scribble-font);letter-spacing:-.18em;transform:rotate(12deg)}
.editorial-field>.home-project:nth-of-type(5):after{content:"◎";position:absolute;right:-42%;bottom:4%;font:400 clamp(52px,6vw,92px)/1 Georgia,serif;transform:rotate(-9deg)}
.editorial-field>.home-project:nth-of-type(6):before{content:"*  *  *";position:absolute;left:-34%;top:-22%;font:700 clamp(17px,2vw,30px)/1 var(--scribble-font);transform:rotate(-14deg)}
.editorial-field>.home-project:nth-of-type(8):after{content:"←";position:absolute;right:-25%;top:32%;font:400 clamp(45px,5vw,76px)/1 var(--scribble-font);transform:rotate(8deg)}
.hp1{left:14%;top:1%;width:23%;height:300px;transform:rotate(-2deg)}
.hp2{left:49%;top:11%;width:34%;height:470px;transform:rotate(1.8deg)}
.hp3{left:22%;top:29%;width:49%;height:430px;transform:rotate(-.8deg)}
.hp4{left:61%;top:47%;width:24%;height:305px;transform:rotate(2.3deg)}
.hp5{left:10%;top:50%;width:22%;height:445px;transform:rotate(-1.8deg)}
.hp6{left:28%;top:66%;width:43%;height:400px;transform:rotate(1deg)}
.hp7{left:63%;top:81%;width:21%;height:295px;transform:rotate(-2.5deg)}
.hp8{left:12%;top:88%;width:38%;height:350px;transform:rotate(1.5deg)}
.d1{left:78%;top:27%;font-size:72px;transform:rotate(23deg)}
.d2{left:7%;top:38%;font-size:92px;transform:rotate(-18deg)}
.d3{right:12%;top:69%;font-size:96px;transform:rotate(10deg)}
.d4{left:8%;top:16%;font-size:34px}
.d5{left:10%;top:73%;font-size:90px}
.d6{right:10%;top:95%;font-size:82px}

@media(max-width:760px){
  .home{min-height:3210px}
  .editorial-field{height:2810px;margin-top:58px;background-size:1px 97%}
  .editorial-field:before{top:19%;width:24vw}.editorial-field:after{top:63%;width:25vw}
  .hp1{left:5%;top:1%;width:48%;height:225px}
  .hp2{left:53%;top:10%;width:43%;height:310px}
  .hp3{left:8%;top:25%;width:84%;height:285px}
  .hp4{left:50%;top:40%;width:46%;height:235px}
  .hp5{left:3%;top:47%;width:38%;height:330px}
  .hp6{left:13%;top:62%;width:79%;height:285px}
  .hp7{left:58%;top:76%;width:38%;height:250px}
  .hp8{left:4%;top:87%;width:67%;height:285px}
  .d1{left:78%;top:21%;font-size:48px}.d2{left:2%;top:35%;font-size:58px}.d3{right:3%;top:70%;font-size:60px}
  .d4{left:3%;top:17%;font-size:19px}.d5{left:4%;top:74%;font-size:55px}.d6{right:2%;top:96%;font-size:52px}
}

/* Homepage identity: match the Helvetica display type used across the portfolio. */
.home-identity .first-name,
.home-identity .last-name{
  font-family:Helvetica,"Helvetica Neue",Arial,sans-serif!important;
}

#about .about>img{
  aspect-ratio:4/5;
  object-fit:cover;
  object-position:center center;
}

/* Mobile composition: preserve the desktop density on narrow screens. */
@media(max-width:600px){
  #work .head{min-height:118px;padding:28px 14px 16px}
  #work .head h2{font-size:15vw}
  #work .head span{font-size:9px}
  #work .grid{
    width:92vw;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:34px 12px;
    padding:24px 0 72px;
  }
  #work .meta{margin-top:5px;padding-top:6px}
  #work .meta h3{font-size:10px;line-height:1.05}
  #work .meta p{font-size:7px;line-height:1.25;margin-top:6px}

  #mood .moods{height:2080px}
  #mood .moods img{box-shadow:0 5px 15px #0002}
  #mood .moods img:nth-child(8){width:46%;left:3%;top:36px}
  #mood .moods img:nth-child(14){width:42%;right:3%;left:auto;top:68px}
  #mood .moods img:nth-child(3){width:44%;left:4%;top:292px}
  #mood .moods img:nth-child(1){width:45%;right:3%;left:auto;top:270px}
  #mood .moods img:nth-child(10){width:47%;left:3%;top:518px}
  #mood .moods img:nth-child(5){width:42%;right:4%;left:auto;top:548px}
  #mood .moods img:nth-child(13){width:44%;left:3%;top:764px}
  #mood .moods img:nth-child(6){width:45%;right:2%;left:auto;top:800px}
  #mood .moods img:nth-child(11){width:43%;left:4%;top:1022px}
  #mood .moods img:nth-child(4){width:45%;right:3%;left:auto;top:1058px}
  #mood .moods img:nth-child(15){width:46%;left:3%;top:1280px}
  #mood .moods img:nth-child(2){width:42%;right:3%;left:auto;top:1318px}
  #mood .moods img:nth-child(12){width:46%;left:4%;top:1535px}
  #mood .moods img:nth-child(9){width:42%;right:3%;left:auto;top:1572px}
  #mood .moods img:nth-child(7){width:44%;left:28%;top:1810px}
}

/* The Shards: stable poster first, then reveal the lazy-loaded video. */
.shards-media .shards-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:opacity .25s ease}
.shards-media iframe{z-index:2;opacity:0;transition:opacity .25s ease}
.shards-media.video-ready iframe{opacity:1}
.shards-media.video-ready .shards-poster{opacity:0}

/* Expanded mood-board field */
#mood .moods{height:2380px;overflow:hidden}
#mood .moods img{box-shadow:0 8px 24px #0002}
#mood .moods img:nth-child(1){width:36%;left:3%;top:3%}
#mood .moods img:nth-child(2){width:24%;left:48%;top:1%;transform:rotate(2deg)}
#mood .moods img:nth-child(3){width:22%;right:3%;top:14%;transform:rotate(-3deg)}
#mood .moods img:nth-child(4){width:29%;left:12%;top:22%;transform:rotate(-1deg)}
#mood .moods img:nth-child(5){width:24%;left:47%;top:27%;transform:rotate(3deg)}
#mood .moods img:nth-child(6){width:27%;right:4%;top:35%;transform:rotate(1deg)}
#mood .moods img:nth-child(7){width:23%;left:7%;top:39%;transform:rotate(-2deg)}
#mood .moods img:nth-child(8){width:27%;left:34%;top:48%;transform:rotate(1.5deg)}
#mood .moods img:nth-child(9){width:25%;right:5%;top:51%;transform:rotate(-1.5deg)}
#mood .moods img:nth-child(10){width:31%;left:5%;top:64%;transform:rotate(-2deg)}
#mood .moods img:nth-child(11){width:26%;left:43%;top:69%;transform:rotate(2.5deg)}
#mood .moods img:nth-child(12){width:29%;right:4%;top:78%;transform:rotate(-1deg)}
@media(max-width:760px){
  #mood .moods{height:1900px}
  #mood .moods img:nth-child(1){width:55%;left:3%;top:2%}
  #mood .moods img:nth-child(2){width:38%;left:58%;top:5%}
  #mood .moods img:nth-child(3){width:42%;right:3%;top:17%}
  #mood .moods img:nth-child(4){width:48%;left:4%;top:21%}
  #mood .moods img:nth-child(5){width:39%;left:55%;top:31%}
  #mood .moods img:nth-child(6){width:47%;right:4%;top:40%}
  #mood .moods img:nth-child(7){width:39%;left:3%;top:43%}
  #mood .moods img:nth-child(8){width:43%;left:30%;top:53%}
  #mood .moods img:nth-child(9){width:38%;right:3%;top:58%}
  #mood .moods img:nth-child(10){width:46%;left:3%;top:69%}
  #mood .moods img:nth-child(11){width:42%;left:45%;top:75%}
  #mood .moods img:nth-child(12){width:48%;right:3%;top:84%}
}

/* Keep every project title clear of the hand-drawn marks */
.editorial-field .doodle{z-index:0;opacity:.82}
.home-project{z-index:2}
.home-project h2{position:relative;z-index:4;display:table;max-width:min(100%,680px);padding:5px 7px 4px;background:var(--c);line-height:1.18}
.home-project:before,.home-project:after{z-index:1;pointer-events:none}
.hp2 h2,.hp5 h2,.hp7 h2{margin-left:auto}
.hp3,.hp6{z-index:3}
@media(max-width:760px){.home-project h2{max-width:100%;padding:4px 5px 3px;line-height:1.25}.editorial-field .doodle{opacity:.7}}

/* Denser two-up homepage collage */
.home,.home *{font-family:var(--m)!important}
.home{min-height:2110px}
.editorial-field{height:1720px;margin-top:42px;background-size:1px 98%;overflow:visible}
.editorial-field:before{top:26%;width:27vw}.editorial-field:after{top:72%;width:29vw}
.home-project h2{font-size:clamp(12px,1vw,16px);font-weight:700;line-height:1.2;letter-spacing:-.035em}
.hp1{left:5%;top:1%;width:42%;height:355px;transform:rotate(-2.2deg)}
.hp2{left:49%;top:4%;width:45%;height:405px;transform:rotate(1.7deg)}
.hp3{left:12%;top:24%;width:52%;height:395px;transform:rotate(.8deg);z-index:3}
.hp4{left:58%;top:27%;width:37%;height:360px;transform:rotate(-2.1deg)}
.hp5{left:4%;top:48%;width:38%;height:405px;transform:rotate(1.8deg)}
.hp6{left:36%;top:46%;width:55%;height:420px;transform:rotate(-.9deg);z-index:3}
.hp7{left:54%;top:71%;width:42%;height:370px;transform:rotate(2.4deg)}
.hp8{left:7%;top:69%;width:50%;height:405px;transform:rotate(-1.6deg);z-index:3}
.d1{left:46%;top:2%;font-size:66px}.d2{left:2%;top:33%;font-size:76px}.d3{right:1%;top:53%;font-size:82px}
.d4{left:46%;top:22%;font-size:29px}.d5{left:45%;top:67%;font-size:78px}.d6{right:3%;top:94%;font-size:70px}
.editorial-field>.home-project:nth-of-type(1):after{content:"// // //";position:absolute;left:-5%;bottom:-20%;font:700 clamp(18px,2vw,30px)/1 var(--m);transform:rotate(-10deg)}
.editorial-field>.home-project:nth-of-type(2):before{content:"+ + +";position:absolute;right:2%;top:-13%;font:700 clamp(16px,1.8vw,28px)/1 var(--m);transform:rotate(7deg)}
.editorial-field>.home-project:nth-of-type(4):after{content:"( ( (";position:absolute;right:-8%;bottom:-17%;font:700 clamp(22px,2.8vw,42px)/1 var(--m);transform:rotate(15deg)}
.editorial-field>.home-project:nth-of-type(7):before{content:"~~~~~~";position:absolute;left:-19%;top:-18%;font:700 clamp(20px,2.5vw,38px)/1 var(--m);letter-spacing:-.18em;transform:rotate(-8deg)}

@media(max-width:760px){
  .home{min-height:2440px}
  .editorial-field{height:2110px;margin-top:32px;background-size:1px 99%}
  .home-project h2{font-size:10px;line-height:1.22}
  .hp1{left:2%;top:1%;width:58%;height:245px}.hp2{left:48%;top:5%;width:50%;height:290px}
  .hp3{left:5%;top:24%;width:72%;height:270px}.hp4{left:55%;top:28%;width:43%;height:245px}
  .hp5{left:1%;top:48%;width:47%;height:295px}.hp6{left:31%;top:46%;width:67%;height:290px}
  .hp7{left:55%;top:72%;width:43%;height:255px}.hp8{left:2%;top:69%;width:61%;height:280px}
  .d1{left:70%;top:1%;font-size:42px}.d2{left:1%;top:36%;font-size:50px}.d3{right:1%;top:61%;font-size:54px}
  .d4{left:42%;top:21%;font-size:18px}.d5{left:43%;top:66%;font-size:48px}.d6{right:1%;top:94%;font-size:48px}
}

/* Mood-board-inspired homepage: open spacing, imagery and credits only */
.home{min-height:2630px}
.editorial-field{height:2240px;margin-top:58px;background:none;overflow:hidden}
.editorial-field:before,.editorial-field:after,.editorial-field .doodle,.editorial-field>.home-project:before,.editorial-field>.home-project:after{display:none!important;content:none!important}
.home-project{z-index:1}
.home-project h2{margin:8px 0 0;padding:4px 6px 2px;background:var(--c);font:700 clamp(12px,.95vw,15px)/1.2 var(--m)!important;transform:none;text-decoration:none;border:0;border-radius:0}
.home-credit{display:table;max-width:100%;margin:0;padding:2px 6px 4px;background:var(--c);font:700 clamp(9px,.68vw,11px)/1.25 var(--m);letter-spacing:.01em}
.hp2 h2,.hp5 h2,.hp7 h2,.hp2 .home-credit,.hp5 .home-credit,.hp7 .home-credit{margin-left:auto;text-align:right}
.hp1{left:4%;top:2%;width:41%;height:390px;transform:rotate(-1.5deg)}
.hp2{left:53%;top:5%;width:35%;height:455px;transform:rotate(2deg)}
.hp3{left:17%;top:27%;width:51%;height:410px;transform:rotate(.7deg);z-index:2}
.hp4{left:62%;top:31%;width:32%;height:375px;transform:rotate(-2.1deg)}
.hp5{left:4%;top:50%;width:34%;height:430px;transform:rotate(1.6deg)}
.hp6{left:40%;top:53%;width:50%;height:420px;transform:rotate(-.8deg);z-index:2}
.hp7{left:58%;top:77%;width:34%;height:390px;transform:rotate(1.9deg)}
.hp8{left:8%;top:74%;width:47%;height:420px;transform:rotate(-1.4deg);z-index:2}
@media(max-width:760px){
  .home{min-height:2750px}
  .editorial-field{height:2380px;margin-top:38px}
  .home-project h2{font-size:10px;padding:4px 5px 2px}.home-credit{font-size:8px;padding:2px 5px 4px}
  .hp1{left:3%;top:1%;width:61%;height:270px}.hp2{left:55%;top:8%;width:42%;height:315px}
  .hp3{left:7%;top:27%;width:76%;height:285px}.hp4{left:58%;top:34%;width:39%;height:255px}
  .hp5{left:2%;top:50%;width:43%;height:310px}.hp6{left:32%;top:55%;width:65%;height:300px}
  .hp7{left:57%;top:79%;width:40%;height:270px}.hp8{left:3%;top:74%;width:60%;height:295px}
}

/* Documentary additions to the mood board */
#mood .moods{height:2920px}
#mood .moods img:nth-child(13){width:26%;left:6%;top:79%;transform:rotate(-1.8deg)}
#mood .moods img:nth-child(14){width:27%;left:38%;top:76%;transform:rotate(2.2deg)}
#mood .moods img:nth-child(15){width:25%;right:5%;top:82%;transform:rotate(-1deg)}
@media(max-width:760px){
  #mood .moods{height:2700px}
  #mood .moods img:nth-child(13){width:47%;left:3%;top:77%}
  #mood .moods img:nth-child(14){width:43%;right:3%;left:auto;top:75%}
  #mood .moods img:nth-child(15){width:46%;right:6%;top:85%}
}

/* Homepage spacing refinements */
.home{min-height:2710px}
.editorial-field{height:2320px}
.hp3{left:8%;top:30%}
.hp4{top:35%}
.hp5{top:52%}
.hp6{top:55%}
.hp7{top:81%}
.hp8{top:80%}
@media(max-width:760px){
  .home{min-height:2860px}
  .editorial-field{height:2480px}
  .hp3{left:2%;top:29%}
  .hp4{top:38%}
  .hp5{top:53%}
  .hp6{top:57%}
  .hp7{top:83%}
  .hp8{top:81%}
}

/* Final homepage and resume refinements */
.home .editorial-field{margin-top:30px}
#resume .resume-image{padding:0 10px}
.resume-sheet{position:relative;height:100%;aspect-ratio:1;overflow:hidden;background:#fff}
.resume-sheet img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;transform:scale(1.1)}
.resume-sheet:after{content:"";position:absolute;z-index:2;right:0;top:3.5%;width:7%;height:3.2%;background:#fff}
@media(max-width:760px){.home .editorial-field{margin-top:22px}#resume .resume-image{padding:0}.resume-sheet{width:100%;height:auto}.resume-sheet:after{top:3.5%;width:7.5%;height:3.4%}}

/* Tighter, shuffled mood-board composition */
#mood .moods{height:2200px}
#mood .moods img:nth-child(1){width:23%;left:5%;top:20%;transform:rotate(-1deg)}
#mood .moods img:nth-child(2){width:22%;right:5%;left:auto;top:61%;transform:rotate(1.4deg)}
#mood .moods img:nth-child(3){width:24%;left:38%;top:2%;transform:rotate(-1.5deg)}
#mood .moods img:nth-child(4){width:24%;left:7%;top:60%;transform:rotate(1deg)}
#mood .moods img:nth-child(5){width:22%;right:7%;left:auto;top:23%;transform:rotate(-1.2deg)}
#mood .moods img:nth-child(6){width:25%;left:37%;top:41%;transform:rotate(1.6deg)}
#mood .moods img:nth-child(7){width:22%;left:37%;top:80%;transform:rotate(-1deg)}
#mood .moods img:nth-child(8){width:23%;left:6%;top:1%;transform:rotate(1.2deg)}
#mood .moods img:nth-child(9){width:22%;right:4%;left:auto;top:79%;transform:rotate(-1.4deg)}
#mood .moods img:nth-child(10){width:25%;left:37%;top:20%;transform:rotate(1deg)}
#mood .moods img:nth-child(11){width:24%;right:5%;left:auto;top:40%;transform:rotate(-1.5deg)}
#mood .moods img:nth-child(12){width:25%;left:5%;top:78%;transform:rotate(1.3deg)}
#mood .moods img:nth-child(13){width:22%;left:7%;top:40%;transform:rotate(-1.2deg)}
#mood .moods img:nth-child(14){width:24%;right:6%;left:auto;top:3%;transform:rotate(1.5deg)}
#mood .moods img:nth-child(15){width:23%;left:39%;top:60%;transform:rotate(-1deg)}
@media(max-width:760px){
  #mood .moods{height:3300px}
  #mood .moods img:nth-child(8){width:44%;left:3%;top:1%}
  #mood .moods img:nth-child(14){width:43%;right:3%;left:auto;top:2%}
  #mood .moods img:nth-child(3){width:45%;left:4%;top:14%}
  #mood .moods img:nth-child(1){width:42%;right:4%;left:auto;top:15%}
  #mood .moods img:nth-child(10){width:46%;left:3%;top:27%}
  #mood .moods img:nth-child(5){width:42%;right:4%;left:auto;top:28%}
  #mood .moods img:nth-child(13){width:43%;left:4%;top:40%}
  #mood .moods img:nth-child(6){width:45%;right:3%;left:auto;top:41%}
  #mood .moods img:nth-child(11){width:44%;left:3%;top:53%}
  #mood .moods img:nth-child(4){width:43%;right:4%;left:auto;top:54%}
  #mood .moods img:nth-child(15){width:44%;left:4%;top:66%}
  #mood .moods img:nth-child(2){width:42%;right:3%;left:auto;top:67%}
  #mood .moods img:nth-child(12){width:45%;left:3%;top:79%}
  #mood .moods img:nth-child(9){width:43%;right:3%;left:auto;top:80%}
  #mood .moods img:nth-child(7){width:44%;left:28%;top:90%}
}

/* Final phone layout overrides */
@media(max-width:600px){
  #work .head{min-height:118px;padding:28px 14px 16px}
  #work .head h2{font-size:15vw}
  #work .head span{font-size:9px}
  #work .grid{width:92vw;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 12px;padding:24px 0 72px}
  #work .meta{margin-top:5px;padding-top:6px}
  #work .meta h3{font-size:10px;line-height:1.05}
  #work .meta p{font-size:7px;line-height:1.25;margin-top:6px}

  #mood .moods{height:2080px}
  #mood .moods img{box-shadow:0 5px 15px #0002}
  #mood .moods img:nth-child(8){width:46%;left:3%;top:36px}
  #mood .moods img:nth-child(14){width:42%;right:3%;left:auto;top:68px}
  #mood .moods img:nth-child(3){width:44%;left:4%;right:auto;top:292px}
  #mood .moods img:nth-child(1){width:45%;right:3%;left:auto;top:270px}
  #mood .moods img:nth-child(10){width:47%;left:3%;top:518px}
  #mood .moods img:nth-child(5){width:42%;right:4%;left:auto;top:548px}
  #mood .moods img:nth-child(13){width:44%;left:3%;top:764px}
  #mood .moods img:nth-child(6){width:45%;right:2%;left:auto;top:800px}
  #mood .moods img:nth-child(11){width:43%;left:4%;top:1022px}
  #mood .moods img:nth-child(4){width:45%;right:3%;left:auto;top:1058px}
  #mood .moods img:nth-child(15){width:46%;left:3%;top:1280px}
  #mood .moods img:nth-child(2){width:42%;right:3%;left:auto;top:1318px}
  #mood .moods img:nth-child(12){width:46%;left:4%;top:1535px}
  #mood .moods img:nth-child(9){width:42%;right:3%;left:auto;top:1572px}
  #mood .moods img:nth-child(7){width:44%;left:28%;top:1810px}
}