@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Syne:wght@500;600;700;800&display=swap";
:root{--ink:#242323;--paper:#fdf5e6;--blue:#87ceeb;--lime:#1abc9c;--orange:#ff6f61;--pink:#e0cdd7;--lavender:#ffe082;--line:#2423232e;--muted:#686767;--serif:"Syne","Arial Black",sans-serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;font-size:16px;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{background:var(--blue);color:#fff}main{min-height:100vh;margin-left:190px}.side-nav{width:190px;color:var(--ink);border-right:1px solid var(--ink);z-index:20;background:#ebe7dc;flex-direction:column;padding:22px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0;overflow:visible}.monogram{background:var(--ink);color:#fff;width:66px;height:66px;font-family:var(--serif);letter-spacing:-2px;border-radius:50%;justify-content:center;align-items:center;gap:2px;font-size:28px;transition:all .3s;display:flex;transform:rotate(-7deg)}.monogram span:last-child{color:var(--lime);font-style:italic}.monogram:hover{transform:rotate(4deg)scale(1.05)}.nav-note{font-family:var(--serif);margin:18px 0 0;font-size:15px;font-style:italic;line-height:1.05}.side-nav nav{gap:4px;margin:auto -17px auto 6px;display:grid}.side-nav nav a{--tab:#fff;border:1px solid var(--ink);background:var(--tab);min-height:45px;color:var(--ink);font-family:var(--serif);transform-origin:100%;border-radius:30px 0 0 30px;align-items:center;gap:13px;padding:9px 16px;font-size:20px;line-height:1;transition:transform .22s,background .22s;display:flex;position:relative}.side-nav nav a.active{background:var(--ink);color:#fff;transform:translate(11px)}.side-nav nav a.active:after{content:"↗";font-family:var(--sans);color:var(--lime);margin-left:auto;font-size:11px}.nav-foot{text-transform:uppercase;letter-spacing:.13em;justify-content:space-between;font-size:8px;display:flex}.eyebrow{letter-spacing:.15em;text-transform:uppercase;font-size:11px;font-weight:600}.text-link{border-bottom:1px solid;padding-bottom:5px;font-size:13px;font-weight:600;transition:all .2s;display:inline-block}.text-link:hover{color:var(--blue)}.hero{grid-template-rows:auto 1fr;grid-template-columns:1.1fr .9fr;gap:30px;height:100vh;min-height:700px;max-height:880px;padding:38px 5vw;display:grid;position:relative;overflow:hidden}.hero:before{content:"";border:1px solid var(--ink);opacity:.45;pointer-events:none;border-radius:50%;width:34vw;height:34vw;position:absolute;top:-17vw;right:-17vw}.hero-copy{z-index:2;grid-column:1/-1}.hero-copy h1{max-width:1100px;font-family:var(--serif);letter-spacing:-.055em;margin:8vh 0 0;font-size:clamp(82px,10vw,154px);font-weight:400;line-height:.8}.hero-copy h1 em{width:max-content;color:var(--blue);margin-left:19vw;font-weight:400;display:block;position:relative}.hero-copy h1 em:after{content:"";background:var(--lime);z-index:-1;height:12px;position:absolute;bottom:4px;left:-10px;right:-18px;transform:rotate(-1deg)}.hero-side{z-index:2;align-self:end;max-width:380px;padding-bottom:12px}.hero-kicker{border:1px solid var(--ink);background:var(--pink);text-transform:uppercase;letter-spacing:.08em;border-radius:20px;padding:7px 11px;font-size:10px;display:inline-block;transform:rotate(-2deg)}.hero-side p{font-family:var(--serif);letter-spacing:-.02em;margin:17px 0 25px;font-size:clamp(21px,2vw,29px);line-height:1.15}.hero-side .text-link span{transition:all .2s;display:inline-block}.hero-side .text-link:hover span{transform:translate(3px,-3px)}.hero-visual{width:min(31vw,420px);height:41vh;min-height:300px;filter:drop-shadow(10px 12px 0 var(--orange));z-index:1;position:absolute;bottom:5vh;right:7vw;transform:rotate(3deg)}.hero-visual .placeholder{background:var(--blue);border-radius:47% 47% 4px 4px}.placeholder{background:var(--blue);color:#fff;text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;width:100%;height:100%;min-height:220px;padding:18px;font-size:11px;display:flex;position:relative;overflow:hidden}.placeholder:before,.placeholder:after{content:"";aspect-ratio:1;border:1px solid #ffffff73;border-radius:50%;width:70%;position:absolute;top:15%;left:15%}.placeholder:after{width:36%;top:32%;left:32%}.placeholder-mark{background:var(--lime);width:80px;height:80px;position:absolute;bottom:-20px;right:-20px;transform:rotate(45deg)}.hero-stamp{border:1px solid var(--ink);background:var(--lime);text-align:center;text-transform:uppercase;letter-spacing:.1em;z-index:2;border-radius:50%;place-content:center;width:78px;height:78px;font-size:9px;display:grid;position:absolute;top:3vw;right:3vw;transform:rotate(9deg)}.hero-doodle{font-family:var(--serif);color:var(--orange);font-size:80px;position:absolute;bottom:17%;left:46%;transform:rotate(15deg)}.section-pad{padding:100px 5vw}.home-featured{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:#ebe7dc}.section-heading{grid-template-columns:.8fr 2fr .8fr;align-items:start;gap:40px;margin-bottom:50px;display:grid}.section-heading h2{font-family:var(--serif);letter-spacing:-.035em;margin:0;font-size:clamp(43px,5vw,72px);font-weight:400;line-height:.9}.section-heading h2 em{color:var(--blue);font-weight:400}.section-heading a{border-bottom:1px solid;justify-self:end;padding-bottom:5px;font-size:12px}.home-work-list{border-top:1px solid var(--ink)}.home-work-item{border-bottom:1px solid var(--line);grid-template-columns:55px 1.6fr 1fr 30px;align-items:center;gap:18px;padding:22px 0;transition:all .25s;display:grid}.home-work-item:hover{background:var(--lime);padding-left:13px}.work-dot{background:var(--pink);border-radius:50%;place-items:center;width:32px;height:32px;font-size:9px;display:grid}.home-work-item:nth-child(2) .work-dot{background:var(--lavender)}.home-work-item:nth-child(3) .work-dot{background:var(--orange)}.home-work-item h3{font-family:var(--serif);margin:0;font-size:clamp(27px,3vw,42px);font-weight:400}.home-work-item p,.home-work-item time{color:var(--muted);margin:3px 0 0;font-size:11px}.home-work-item b{font-weight:400}.home-note{background:var(--pink);border-bottom:1px solid var(--ink);grid-template-columns:1fr 2fr 1fr;gap:40px;display:grid}.home-note span{text-transform:uppercase;font-size:11px}.home-note p{font-family:var(--serif);margin:0;font-size:clamp(34px,4vw,56px);line-height:1.01}.home-note p em{color:var(--blue);font-weight:400}.home-note a{border-bottom:1px solid;place-self:end;padding-bottom:4px;font-size:12px}.hover-showcase{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:#ebe7dc}.showcase-heading{grid-template-columns:.8fr 2fr .8fr;align-items:start;gap:40px;margin-bottom:55px;display:grid}.showcase-heading h2{font-family:var(--serif);letter-spacing:-.035em;margin:0;font-size:clamp(44px,5vw,74px);font-weight:400;line-height:.9}.showcase-heading h2 em{color:var(--blue);font-weight:400}.showcase-heading>p:last-child{justify-self:end;max-width:180px;margin:0;font-size:12px;line-height:1.4}.showcase-stage{grid-template-columns:minmax(210px,.7fr) minmax(450px,1.5fr);align-items:stretch;gap:34px;display:grid}.showcase-tabs{flex-direction:column;justify-content:center;display:flex}.showcase-tabs button{appearance:none;border:0;border-top:1px solid var(--ink);width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;grid-template-columns:32px 1fr 20px;align-items:center;padding:20px 4px;transition:all .25s;display:grid}.showcase-tabs button:last-child{border-bottom:1px solid var(--ink)}.showcase-tabs button span{font-size:9px}.showcase-tabs button b{font-family:var(--serif);font-size:clamp(25px,2.5vw,39px);font-weight:400}.showcase-tabs button i{opacity:0;font-style:normal;transition:all .2s;transform:translate(-6px,6px)}.showcase-tabs button:hover,.showcase-tabs button[aria-selected=true]{background:var(--lime);padding-left:13px}.showcase-tabs button[aria-selected=true] i{opacity:1;transform:none}.showcase-visual{color:#fff;background:var(--blue);isolation:isolate;min-height:570px;padding:22px;transition:background .5s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.scene-top{text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;font-size:9px;display:flex}.scene-shape{z-index:-1;position:absolute;inset:0}.scene-shape:before,.scene-shape:after,.scene-shape span{content:"";transition:all .65s cubic-bezier(.2,.8,.2,1);position:absolute}.scene-shape:before{aspect-ratio:1;border:1px solid #ffffffa6;border-radius:50%;width:48%;top:15%;left:26%}.scene-shape:after{aspect-ratio:1;background:var(--lime);border-radius:50%;width:24%;top:12%;right:9%}.scene-shape span:first-child{border:1px solid #fff9;border-radius:50% 50% 0 0;width:66%;height:36%;bottom:15%;left:16%}.scene-shape span:last-child{background:var(--orange);width:100px;height:100px;top:16%;left:8%;transform:rotate(12deg)}.scene-caption{justify-content:space-between;align-items:end;gap:25px;display:flex;position:absolute;bottom:22px;left:22px;right:22px}.scene-caption small{text-transform:uppercase;letter-spacing:.1em;font-size:9px}.scene-caption h3{font-family:var(--serif);margin:8px 0;font-size:clamp(38px,4.5vw,68px);font-weight:400;line-height:.85}.scene-caption p{margin:0;font-size:12px}.scene-caption>b{color:var(--ink);background:var(--lime);white-space:nowrap;border-radius:20px;padding:10px 14px;font-size:10px}.showcase-visual:hover .scene-shape:before{transform:scale(1.08)rotate(8deg)}.showcase-visual:hover .scene-shape:after{transform:translate(-16px,20px)scale(.8)}.showcase-visual:hover .scene-shape span:last-child{transform:rotate(24deg)scale(1.08)}.showcase-visual.scene-1{background:#e65f40}.scene-1 .scene-shape:before{border-radius:0;width:36%;top:15%;left:12%;transform:rotate(25deg)}.scene-1 .scene-shape:after{background:var(--lavender);width:36%;top:19%;right:8%}.scene-1 .scene-shape span:first-child{border-radius:50%;width:76%;height:52%;bottom:10%;left:12%}.scene-1 .scene-shape span:last-child{background:var(--ink);width:65px;height:210px;top:4%;left:48%;transform:rotate(-12deg)}.showcase-visual.scene-2{background:#171713}.scene-2 .scene-shape:before{border-radius:50% 50% 4px 4px;width:68%;top:8%;left:16%}.scene-2 .scene-shape:after{background:var(--pink);width:30%;top:24%;right:13%}.scene-2 .scene-shape span:first-child{background:var(--blue);border-radius:50% 50% 0 0;width:45%;height:72%;bottom:0;left:8%}.scene-2 .scene-shape span:last-child{background:var(--lime);top:12%;left:62%;transform:rotate(45deg)}.showcase-visual.scene-3{color:var(--ink);background:#8ccfe5}.scene-3 .scene-shape:before{border-color:var(--ink);border-radius:0;width:55%;top:9%;left:24%;transform:rotate(-5deg)}.scene-3 .scene-shape:after{background:var(--orange);border-radius:4px;width:19%;top:12%;right:6%}.scene-3 .scene-shape span:first-child{border-color:var(--ink);border-radius:50%;width:84%;height:45%;bottom:12%;left:8%}.scene-3 .scene-shape span:last-child{background:var(--lime);border-radius:50%;top:22%;left:10%;transform:none}.scene-3 .scene-caption>b{background:var(--ink);color:#fff}.image-showcase{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:#ebe7dc;padding:100px 18px 24px}.image-showcase-heading{grid-template-columns:.75fr 2fr .75fr;align-items:start;gap:35px;margin-bottom:55px;padding:0 calc(5vw - 18px);display:grid}.image-showcase-heading h2{font-family:var(--serif);letter-spacing:-.04em;margin:0;font-size:clamp(48px,6vw,90px);font-weight:400;line-height:.85}.image-showcase-heading h2 em{color:var(--blue);font-weight:400}.image-showcase-heading>p:last-child{justify-self:end;max-width:170px;margin:0;font-size:12px;line-height:1.4}.image-wall{grid-template-columns:repeat(12,1fr);gap:10px;display:grid}.image-frame{color:#fff;isolation:isolate;background:#222;min-height:68vh;position:relative;overflow:hidden}.image-frame:first-child,.image-frame:nth-child(4){grid-column:span 7}.image-frame:nth-child(2),.image-frame:nth-child(3){grid-column:span 5}.image-frame:before{content:"";z-index:-2;background-image:url(/images/editorial-portfolio-grid.jpg);background-repeat:no-repeat;background-size:200% 200%;transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .5s;position:absolute;inset:-1px}.image-frame.frame-0:before{background-position:0 0}.image-frame.frame-1:before{background-position:100% 0}.image-frame.frame-2:before{background-position:0 100%}.image-frame.frame-3:before{background-position:100% 100%}.image-frame:after{content:"";z-index:-1;opacity:0;background:linear-gradient(#0000000a 35%,#000000c7);transition:all .4s;position:absolute;inset:0}.image-frame-number{background:var(--paper);width:34px;height:34px;color:var(--ink);z-index:2;border-radius:50%;place-items:center;font-size:9px;display:grid;position:absolute;top:17px;left:17px}.image-frame-overlay{opacity:0;transition:all .4s;position:absolute;bottom:24px;left:25px;right:25px;transform:translateY(18px)}.image-frame-overlay small{text-transform:uppercase;letter-spacing:.14em;font-size:9px}.image-frame-overlay h3{font-family:var(--serif);letter-spacing:-.025em;margin:10px 0;font-size:clamp(43px,5vw,78px);font-weight:400;line-height:.83}.image-frame-overlay p{margin:0;font-size:12px}.image-frame-overlay b{background:var(--lime);color:var(--ink);border-radius:20px;padding:10px 14px;font-size:9px;position:absolute;bottom:0;right:0}.image-frame:hover:after,.image-frame:focus-visible:after{opacity:1}.image-frame:hover .image-frame-overlay,.image-frame:focus-visible .image-frame-overlay{opacity:1;transform:none}.image-showcase-foot{text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;gap:20px;padding:18px 2px 0;font-size:9px;display:flex}.image-showcase-foot a{border-bottom:1px solid}.page-shell{min-height:90vh;padding:70px 5vw 120px}.page-header{grid-template-columns:1fr 3fr;margin-bottom:100px;display:grid}.page-header .eyebrow{grid-row:1/3}.page-header h1{font-family:var(--serif);letter-spacing:-.045em;max-width:1000px;margin:0;font-size:clamp(56px,8vw,124px);font-weight:400;line-height:.88}.page-intro{color:#45453f;grid-column:2;max-width:640px;margin:35px 0 0;font-size:19px;line-height:1.45}.about-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:6vw;display:grid}.about-grid>.placeholder{aspect-ratio:4/5;background:#d14c33}.prose>p{font-family:var(--serif);margin:0 0 30px;font-size:clamp(26px,3vw,42px);line-height:1.1}.prose>p:nth-child(2){font-family:var(--sans);color:var(--muted);max-width:550px;font-size:16px;line-height:1.6}.facts{border-top:1px solid var(--line);margin-top:55px}.facts div{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.5fr;padding:16px 0;font-size:12px;display:grid}.facts span{color:var(--muted)}.timeline{border-top:1px solid var(--ink)}.experience-row{border-bottom:1px solid var(--line);grid-template-columns:55px 1.8fr 1fr 30px;align-items:center;gap:18px;padding:25px 0;transition:all .25s;display:grid}.experience-row:hover{background:var(--lime);padding-left:12px}.row-number{color:var(--muted);font-size:10px}.experience-row p{color:var(--muted);margin:0 0 5px;font-size:12px}.experience-row h2{font-family:var(--serif);margin:0;font-size:clamp(24px,3vw,39px);font-weight:400}.experience-row time{font-size:12px}.location{color:var(--muted);font-size:11px}.row-arrow{text-align:right}.education-list{grid-template-columns:1fr 1fr;gap:20px;display:grid}.education-card{background:var(--blue);color:#fff;flex-direction:column;min-height:400px;padding:28px;display:flex}.education-card:nth-child(2){background:#292a25}.education-card>span{font-size:10px}.education-card>p{margin-top:auto;font-size:11px}.education-card h2{font-family:var(--serif);margin:12px 0;font-size:clamp(35px,4vw,58px);font-weight:400;line-height:1}.education-card h3{margin:0 0 25px;font-size:14px;font-weight:400}.skills-grid{border-top:1px solid var(--ink);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.skill-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;min-height:350px;padding:24px;display:flex}.skill-card>span{font-size:10px}.skill-card h2{font-family:var(--serif);margin:20px 0 auto;font-size:45px;font-weight:400}.skill-card p{border-top:1px solid var(--line);margin:0;padding:12px 0;font-size:13px}.source-note{color:var(--muted);max-width:520px;margin-top:18px;font-size:11px}.contact-page{min-height:calc(100vh - 100px)}.contact-links{border-top:1px solid var(--ink)}.contact-links a{border-bottom:1px solid var(--line);grid-template-columns:1fr 2fr 30px;align-items:center;padding:28px 0;transition:all .25s;display:grid}.contact-links a:hover{background:var(--lime);padding-left:15px}.contact-links span{text-transform:uppercase;font-size:11px}.contact-links b{font-family:var(--serif);font-size:clamp(25px,4vw,52px);font-weight:400}.contact-links i{font-style:normal}.contact-location{color:var(--muted);margin-top:50px;font-size:12px}.detail-page{padding:55px 5vw 100px}.back-link{font-size:12px}.detail-page header{margin:80px 0 55px}.detail-page header h1{font-family:var(--serif);letter-spacing:-.05em;margin:15px 0 25px;font-size:clamp(65px,10vw,150px);font-weight:400;line-height:.85}.detail-page header>p:last-child{font-size:22px}.detail-page>.placeholder{height:60vh;min-height:480px}.detail-meta{border-top:1px solid var(--ink);grid-template-columns:repeat(3,1fr);margin-top:20px;display:grid}.detail-meta div{border-bottom:1px solid var(--line);padding:17px 10px 17px 0}.detail-meta span,.detail-meta b{font-size:11px;display:block}.detail-meta span{color:var(--muted);margin-bottom:6px}.detail-copy{grid-template-columns:1fr 1.4fr;gap:6vw;margin:100px 0;display:grid}.detail-copy h2{font-family:var(--serif);margin:0;font-size:48px;font-weight:400}.detail-copy>p{margin:0;font-size:22px;line-height:1.4}.detail-copy aside{border-left:3px solid var(--blue);grid-column:2;margin-top:35px;padding-left:18px}.detail-copy aside span{text-transform:uppercase;font-size:10px}.detail-copy aside p{color:var(--muted);font-size:13px;line-height:1.5}.next-project{border-top:1px solid var(--ink);justify-content:space-between;align-items:end;padding:25px 0;display:flex}.next-project span{text-transform:uppercase;font-size:10px}.next-project b{font-family:var(--serif);font-size:35px;font-weight:400}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:end;min-height:100px;padding:35px 4.5vw;font-size:11px;display:flex}footer a{border-bottom:1px solid;padding-bottom:4px;font-size:13px}.not-found{min-height:100vh;padding:12vh 6vw}.not-found h1{font-family:var(--serif);font-size:10vw;font-weight:400}.reveal{animation:.7s cubic-bezier(.2,.75,.2,1) both reveal}@keyframes reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (max-width:900px){main{margin-left:0}.menu-button{z-index:30;background:var(--ink);color:#fff;text-transform:uppercase;letter-spacing:.1em;border:0;justify-content:space-between;align-items:center;height:58px;padding:0 18px;display:flex;position:fixed;top:0;left:0;right:0}.side-nav{background:#ebe7dc;width:100%;padding:85px 22px 24px;transition:all .4s;transform:translateY(-105%)}.side-nav.open{transform:none}.side-nav .monogram,.side-nav .nav-note{display:none}.side-nav nav{gap:7px;margin:auto 0}.side-nav nav a{font-family:var(--serif);border-radius:30px;padding:10px 18px;font-size:28px}.side-nav nav a:hover,.side-nav nav a.active{transform:translate(5px)}main{padding-top:58px}.hero{grid-template-columns:1fr;height:auto;min-height:850px;padding:40px 22px}.hero:before{display:none}.hero-copy{grid-column:1}.hero-copy h1{margin-top:48px;font-size:21vw}.hero-copy h1 em{margin-left:8vw}.hero-side{align-self:start}.hero-visual{width:58vw;height:300px;bottom:50px;right:28px}.hero-doodle{font-size:65px;bottom:15%;left:20px}.hero-stamp{display:none}.section-pad,.page-shell,.detail-page{padding-left:22px;padding-right:22px}.section-heading,.showcase-heading,.home-note{grid-template-columns:1fr}.section-heading a,.home-note a{justify-self:start}.showcase-heading>p:last-child{justify-self:start;max-width:320px}.showcase-stage{grid-template-columns:1fr}.showcase-tabs{grid-template-columns:1fr 1fr;display:grid}.showcase-tabs button:nth-child(2){border-top:1px solid var(--ink)}.showcase-visual{min-height:520px}.project-grid,.project-grid.full{grid-template-columns:1fr 1fr}.project-card:nth-child(3n+2){margin-top:0}.page-header{grid-template-columns:1fr;margin-bottom:65px}.page-header .eyebrow,.page-header .page-intro{grid-area:auto/1}.page-header h1{font-size:16vw}.about-grid{grid-template-columns:1fr}.about-grid>.placeholder{height:auto}.skills-grid{grid-template-columns:1fr}.skill-card{min-height:280px}.detail-page>.placeholder{height:50vh;min-height:350px}}@media (max-width:620px){.hero{min-height:790px}.hero-copy h1{font-size:19vw}.hero-copy h1 em{margin-left:5vw}.hero-side p{max-width:330px;font-size:20px}.hero-visual{width:68vw;height:265px;right:24px}.hero-doodle{bottom:13%}.showcase-heading{margin-bottom:35px}.showcase-heading h2{font-size:14vw}.showcase-tabs{grid-template-columns:1fr}.showcase-tabs button{padding:13px 4px}.showcase-tabs button:nth-child(n){border-top:1px solid var(--ink);border-bottom:0}.showcase-tabs button:last-child{border-bottom:1px solid var(--ink)}.showcase-tabs button b{font-size:27px}.showcase-visual{min-height:440px}.scene-caption{display:block}.scene-caption>b{margin-top:18px;display:inline-block}.scene-caption h3{font-size:44px}.project-grid,.project-grid.full,.education-list{grid-template-columns:1fr}.project-card .placeholder{aspect-ratio:4/3}.project-overlay{display:none}.project-caption{font-size:11px}.page-shell{padding-top:48px}.page-header h1{font-size:18vw}.page-intro{font-size:16px}.home-work-item{grid-template-columns:42px 1fr 24px}.home-work-item time{grid-column:2}.home-work-item b{grid-area:1/3/3}.experience-row{grid-template-columns:30px 1fr}.experience-row time{grid-column:2}.row-arrow{display:none}.contact-links a{grid-template-columns:1fr 25px}.contact-links b{overflow-wrap:anywhere;grid-column:1;margin-top:8px;font-size:25px}.contact-links i{grid-area:1/2/3}.detail-meta,.detail-copy{grid-template-columns:1fr}.detail-copy>p,.detail-copy aside{grid-column:1}.next-project b{font-size:25px}.home-note{padding-top:75px;padding-bottom:75px}footer{gap:20px;padding:28px 22px}.education-card{min-height:330px}}@media (max-width:900px){.image-showcase-heading{grid-template-columns:1fr;padding:0 4px}.image-showcase-heading>p:last-child{justify-self:start;max-width:280px}.image-frame{min-height:56vh}.image-frame:nth-child(n){grid-column:span 6}.image-frame-overlay{opacity:1;transform:none}.image-frame:after{opacity:.72}.image-frame-overlay h3{font-size:52px}.image-frame-overlay b{margin-top:18px;display:inline-block;position:static}}@media (max-width:620px){.image-showcase{padding:75px 10px 18px}.image-showcase-heading{margin-bottom:35px}.image-showcase-heading h2{font-size:15vw}.image-wall{grid-template-columns:1fr;gap:8px}.image-frame:nth-child(n){grid-column:1;min-height:72vh}.image-frame-overlay{bottom:18px;left:18px;right:18px}.image-frame-overlay h3{font-size:14vw}.image-showcase-foot{line-height:1.5;display:grid}}.side-nav{background:#f0ede4;width:208px;padding:18px 14px 16px;overflow:hidden}.monogram{width:58px;height:58px;box-shadow:6px 6px 0 var(--lime);border-radius:2px;transform:rotate(-4deg)}.nav-note{margin-top:20px;font-size:16px}.nav-scrap{letter-spacing:.12em;border-bottom:1px solid;padding-bottom:3px;font-size:8px;line-height:1.1;position:absolute;top:20px;right:13px;transform:rotate(7deg)}.side-nav nav{width:100%;height:390px;margin:auto 0;position:relative}.side-nav nav a{background:0 0;border:0;border-radius:0;grid-template-columns:25px 1fr;gap:2px;min-height:0;padding:8px 10px;font-size:24px;display:grid;position:absolute;overflow:visible;transform:none}.side-nav nav a:before{content:"";z-index:-1;background:var(--tab);border:1px solid var(--ink);transition:all .25s;position:absolute;inset:0}.side-nav nav a:first-child{width:128px;top:0;left:3px;transform:rotate(-2deg)}.side-nav nav a:first-child:before{clip-path:polygon(0 0,100% 0,91% 100%,0 100%)}.side-nav nav a:nth-child(2){width:145px;top:53px;right:1px;transform:rotate(1.5deg)}.side-nav nav a:nth-child(2):before{clip-path:polygon(8% 0,100% 0,100% 78%,0 100%)}.side-nav nav a:nth-child(3){width:106px;top:112px;left:13px;transform:rotate(-4deg)}.side-nav nav a:nth-child(3):before{border-radius:50%;inset:-4px 0}.side-nav nav a:nth-child(4){width:168px;top:164px;right:-12px;transform:rotate(2deg)}.side-nav nav a:nth-child(4):before{clip-path:polygon(0 8%,91% 0,100% 100%,7% 86%)}.side-nav nav a:nth-child(5){width:127px;top:225px;left:-4px;transform:rotate(3deg)}.side-nav nav a:nth-child(5):before{height:12px;inset:auto 0 0}.side-nav nav a:nth-child(6){width:139px;top:272px;right:4px;transform:rotate(-2deg)}.side-nav nav a:nth-child(6):before{clip-path:polygon(4% 0,100% 11%,94% 100%,0 87%)}.side-nav nav a:nth-child(7){width:143px;top:330px;left:9px;transform:rotate(1deg)}.side-nav nav a:nth-child(7):before{border-radius:50% 2px}.side-nav nav a:hover:before{box-shadow:5px 5px 0 var(--ink)}.side-nav nav a.active:before{background:var(--ink);clip-path:none;border-radius:0}.side-nav nav a.active:after{position:absolute;right:8px}.nav-mark{color:var(--orange);font-size:34px;position:absolute;bottom:50px;right:18px;transform:rotate(14deg)}.hero-visual{filter:drop-shadow(14px 14px 0 var(--orange));transform:rotate(1deg)}.hero-visual .placeholder{border-radius:2px}.image-showcase{padding-left:6px;padding-right:6px}.image-showcase-heading{grid-template-columns:.55fr 2fr .6fr;padding-left:5vw;padding-right:5vw}.image-wall{gap:4px}.image-frame:first-child{transform:translateY(12px)}.image-frame:nth-child(2){min-height:61vh}.image-frame:nth-child(3){min-height:61vh;transform:translateY(-8px)}.image-frame-number{border:1px solid var(--ink);border-radius:0;transform:rotate(-3deg)}.image-showcase-foot{padding-left:8px;padding-right:8px}@media (max-width:900px){main{margin-left:0}.side-nav{width:100%;padding:78px 18px 20px;overflow:hidden}.side-nav nav{height:480px;margin:auto}.side-nav nav a{font-size:30px}.side-nav nav a:first-child{width:47%;top:0;left:2%}.side-nav nav a:nth-child(2){width:55%;top:58px;right:3%}.side-nav nav a:nth-child(3){width:43%;top:122px;left:8%}.side-nav nav a:nth-child(4){width:59%;top:187px;right:-1%}.side-nav nav a:nth-child(5){width:48%;top:256px;left:1%}.side-nav nav a:nth-child(6){width:52%;top:319px;right:5%}.side-nav nav a:nth-child(7){width:53%;top:390px;left:12%}.nav-scrap{display:block;top:73px;right:20px}.nav-mark{bottom:58px}.image-showcase-heading{grid-template-columns:1fr}.image-frame:nth-child(n){transform:none}}@media (max-width:620px){.side-nav nav{height:455px}.side-nav nav a{font-size:27px}.image-showcase{padding-left:4px;padding-right:4px}.image-wall{gap:4px}.image-frame:nth-child(n){min-height:70vh}.image-showcase-foot{padding-left:4px}}.hero-copy h1,.page-header h1,.detail-page header h1,.image-showcase-heading h2,.section-heading h2,.home-note p{font-family:var(--serif);letter-spacing:-.075em;font-weight:800;line-height:.78}.hero-copy h1 em,.image-showcase-heading h2 em,.section-heading h2 em,.home-note p em{font-family:var(--serif);letter-spacing:-.07em;font-style:normal;font-weight:800}.hero-copy h1 em{line-height:.82}.hero-copy h1 em:after{height:16px;bottom:0}.side-nav nav a,.showcase-tabs button b{font-family:var(--serif);letter-spacing:-.055em;font-weight:700}.nav-note{font-family:var(--sans);text-transform:uppercase;letter-spacing:-.02em;font-size:11px;font-style:normal;font-weight:700;line-height:1.05}.hero-side p,.prose>p,.experience-row h2,.education-card h2,.skill-card h2,.detail-copy h2,.next-project b,.contact-links b{font-family:var(--serif);letter-spacing:-.045em;font-weight:600}.image-frame-overlay h3{font-family:var(--serif);letter-spacing:-.065em;font-weight:800;line-height:.78}.image-frame-overlay small,.eyebrow{font-weight:700}.monogram{font-family:var(--serif);letter-spacing:-.08em;font-weight:800}.hero-kicker{font-weight:700}@media (max-width:620px){.hero-copy h1{font-size:18vw}.image-showcase-heading h2{font-size:14vw}.image-frame-overlay h3{font-size:12vw}}.side-nav,.hover-showcase,.image-showcase{background:var(--paper)}.hero-visual{filter:drop-shadow(14px 14px 0 var(--orange))}.side-nav nav a:first-child{--tab:var(--paper)}.side-nav nav a:nth-child(2){--tab:var(--pink)}.side-nav nav a:nth-child(3){--tab:var(--lavender)}.side-nav nav a:nth-child(4){--tab:var(--lime)}.side-nav nav a:nth-child(5){--tab:#d6c7cf}.side-nav nav a:nth-child(6){--tab:var(--orange)}.side-nav nav a:nth-child(7){--tab:var(--blue)}.image-frame:before{background-image:url(/images/editorial-portfolio-grid-yandhi.jpg)}.hero-stamp,.hero-kicker,.work-dot,.scene-caption>b,.image-frame-overlay b{color:var(--ink)}.monogram{width:44px;height:44px;box-shadow:none;background:var(--ink);font-size:18px}.nav-note{letter-spacing:.02em;max-width:100px;margin-top:18px;font-size:8px}.nav-scrap,.nav-mark{display:none}.side-nav nav{height:420px;margin:auto 0}.side-nav nav a{font-family:var(--sans);letter-spacing:-.02em;min-width:92px;padding:7px 8px;font-size:13px;font-weight:700;width:auto!important;right:auto!important;transform:none!important}.side-nav nav a:before{background:0 0;border:0;inset:0;clip-path:none!important;box-shadow:none!important;border-radius:0!important}.side-nav nav a:first-child{top:0;left:0}.side-nav nav a:nth-child(2){top:58px;left:23px}.side-nav nav a:nth-child(3){top:120px;left:2px}.side-nav nav a:nth-child(4){top:183px;left:32px}.side-nav nav a:nth-child(5){top:248px;left:8px}.side-nav nav a:nth-child(6){top:311px;left:27px}.side-nav nav a:nth-child(7){top:376px;left:0}.side-nav nav a:nth-child(2):before{background:var(--pink);inset:3px -7px;transform:rotate(-3deg)}.side-nav nav a:nth-child(4):before{background:var(--lime);inset:2px -8px;clip-path:polygon(0 16%,100% 0,90% 100%,5% 84%)!important}.side-nav nav a:nth-child(6):before{background:var(--blue);height:6px;top:auto;bottom:4px;transform:rotate(1deg)}.side-nav nav a:hover{transform:translate(5px)!important}.side-nav nav a.active{color:var(--paper);transform:none!important}.side-nav nav a.active:before{background:var(--ink);border:0;inset:0}.side-nav nav a.active:after{color:var(--paper);right:6px}.hero{height:92vh;min-height:760px;max-height:850px;padding:34px 7vw}.hero:before,.hero-stamp,.hero-doodle{display:none}.hero-copy h1{max-width:900px;margin-top:7vh;font-size:clamp(70px,8vw,124px);line-height:.78}.hero-copy h1 em{margin-left:9vw}.hero-copy h1 em:after{background:var(--lime);height:8px}.hero-side{max-width:330px;padding-bottom:4vh}.hero-side p{font-family:var(--sans);letter-spacing:-.025em;font-size:17px;font-weight:600;line-height:1.25}.hero-kicker{background:0 0;border:0;border-bottom:1px solid;border-radius:0;padding:4px 0;transform:none}.hero-visual .placeholder{background:var(--pink)}.placeholder-mark{background:var(--lime)}.image-showcase{border-top:1px solid var(--ink);padding:150px 0 100px}.image-showcase-heading{grid-template-columns:.6fr 1.5fr .7fr;max-width:1100px;margin-bottom:110px;padding:0 7vw}.image-showcase-heading h2{font-size:clamp(42px,4.5vw,68px);line-height:.82}.image-showcase-heading h2 em{color:var(--ink)}.image-wall{grid-template-columns:repeat(12,1fr);gap:18vh 8px;padding:0 5vw}.image-frame{min-height:52vh}.image-frame:first-child{grid-column:1/8;transform:none}.image-frame:nth-child(2){grid-column:9/13;min-height:42vh;transform:translateY(18vh)}.image-frame:nth-child(3){grid-column:2/6;min-height:44vh;transform:none}.image-frame:nth-child(4){grid-column:7/13;min-height:56vh;transform:translateY(-5vh)}.image-frame-number{background:var(--paper);border:0;width:auto;height:auto;padding:3px 5px;font-size:8px;top:10px;left:10px}.image-showcase-foot{margin-top:90px;padding:0 5vw}.image-frame-overlay h3{font-size:clamp(32px,4vw,60px)}.home-note{background:var(--paper);padding-top:150px;padding-bottom:150px}.home-note p{font-size:clamp(30px,3.5vw,48px);line-height:.88}.home-note p em{color:var(--ink)}.education-card,.education-card:nth-child(2){color:var(--ink);border:1px solid var(--ink);background:0 0}.education-card small{color:var(--ink)}.project-card:nth-child(3n+2) .placeholder{background:var(--pink)}.project-card:nth-child(3n+3) .placeholder{background:#b3b8b8}@media (max-width:900px){main{margin-left:0}.side-nav{width:100%;padding:80px 22px 20px}.side-nav nav{height:500px}.side-nav nav a{min-width:125px;font-size:20px}.side-nav nav a:first-child{top:0;left:3%}.side-nav nav a:nth-child(2){top:70px;left:45%}.side-nav nav a:nth-child(3){top:140px;left:9%}.side-nav nav a:nth-child(4){top:215px;left:49%}.side-nav nav a:nth-child(5){top:290px;left:3%}.side-nav nav a:nth-child(6){top:365px;left:43%}.side-nav nav a:nth-child(7){top:440px;left:11%}.hero{height:auto;min-height:760px}.hero-copy h1{font-size:17vw}.hero-visual{width:52vw;height:260px}.image-showcase-heading{grid-template-columns:1fr;margin-bottom:75px}.image-wall{row-gap:12vh;padding:0 18px}.image-frame:first-child{grid-column:1/9}.image-frame:nth-child(2){grid-column:9/13;transform:translateY(14vh)}.image-frame:nth-child(3){grid-column:1/6}.image-frame:nth-child(4){grid-column:6/13}.image-showcase-foot{padding:0 18px}}@media (max-width:620px){.hero{min-height:790px;padding-left:22px;padding-right:22px}.hero-copy h1{font-size:17vw}.hero-copy h1 em{margin-left:4vw}.hero-side{padding-bottom:300px}.hero-visual{width:63vw;height:245px;bottom:42px;right:22px}.image-showcase{padding-top:110px}.image-showcase-heading{padding:0 22px}.image-showcase-heading h2{font-size:12vw}.image-wall{grid-template-columns:1fr;row-gap:11vh;padding:0 10px}.image-frame:nth-child(n){grid-column:1;min-height:62vh;transform:none}.image-frame:nth-child(2),.image-frame:nth-child(3){width:78%}.image-frame:nth-child(2){margin-left:auto}.image-frame:nth-child(3){margin-right:auto}.image-showcase-foot{margin-top:70px;padding:0 10px}.home-note{padding-top:110px;padding-bottom:110px}}.hero-visual{filter:none;border:0;width:min(38vw,560px);height:55vh;min-height:390px;bottom:4vh;right:4vw}.hero-visual .placeholder{color:#0000;background-image:url(/images/editorial-portfolio-grid-yandhi.jpg);background-position:0 0;background-repeat:no-repeat;background-size:200% 200%;border:0}.hero-visual .placeholder:before,.hero-visual .placeholder:after,.hero-visual .placeholder-mark{display:none}.hero-visual:after{content:"ABSTRACT STUDY / 01";color:var(--ink);letter-spacing:.12em;font-size:8px;position:absolute;bottom:-20px;right:-1px}@media (max-width:900px){.hero-visual{width:60vw;height:390px;min-height:0;bottom:38px;right:24px}}@media (max-width:620px){.hero{min-height:900px}.hero-side{padding-bottom:410px}.hero-visual{width:82vw;height:370px;bottom:42px;right:18px}}.side-nav{background:var(--paper);width:176px;padding:22px 16px}.side-nav nav{flex-direction:column;gap:4px;width:100%;height:auto;margin:auto 0;display:flex;position:static}.side-nav nav a:nth-child(n){border:0;border-bottom:1px solid var(--line);min-width:0;font-family:var(--sans);letter-spacing:-.02em;color:var(--ink);background:0 0;grid-template-columns:26px 1fr 16px;align-items:center;padding:11px 8px;font-size:13px;font-weight:700;display:grid;position:relative;top:auto;left:auto;right:auto;width:100%!important;transform:none!important}.side-nav nav a:before{content:"";background:var(--marker,var(--pink));border:1px solid var(--ink);z-index:auto;grid-column:3;justify-self:end;width:9px;height:9px;position:static;transform:none;clip-path:none!important;box-shadow:none!important}.side-nav nav a:nth-child(2):before{--marker:var(--pink);border-radius:50%}.side-nav nav a:nth-child(3):before{--marker:var(--blue);transform:rotate(45deg)}.side-nav nav a:nth-child(4):before{--marker:var(--lime);border:0;clip-path:polygon(50% 0,100% 100%,0 100%)!important}.side-nav nav a:nth-child(5):before{--marker:var(--lavender);width:13px;height:5px}.side-nav nav a:nth-child(6):before{--marker:var(--orange);border-radius:50% 0}.side-nav nav a:nth-child(7):before{--marker:var(--blue);width:5px;height:13px}.side-nav nav a:hover{background:#2423230b;padding-left:13px;transform:none!important}.side-nav nav a.active{background:var(--ink);color:var(--paper);padding-left:10px;transform:none!important}.side-nav nav a.active:before{background:var(--lime);border-color:var(--paper);border-radius:50%;position:static;inset:auto;clip-path:none!important}.side-nav nav a.active:after{display:none}.monogram{border-radius:0;transform:none}.nav-note{max-width:112px;font-size:8px}.nav-foot{border-top:1px solid var(--line);padding-top:10px}.image-frame:after{display:none}.image-frame.frame-4:before,.image-frame.frame-5:before,.image-frame.frame-6:before,.image-frame.frame-7:before{background-image:url(/images/editorial-portfolio-grid-02.jpg)}.image-frame.frame-4:before{background-position:0 0}.image-frame.frame-5:before{background-position:100% 0}.image-frame.frame-6:before{background-position:0 100%}.image-frame.frame-7:before{background-position:100% 100%}.image-frame:first-child{grid-column:1/8}.image-frame:nth-child(2){grid-column:9/13}.image-frame:nth-child(3){grid-column:2/6}.image-frame:nth-child(4){grid-column:7/13}.image-frame:nth-child(5){grid-column:1/7;min-height:56vh}.image-frame:nth-child(6){grid-column:8/13;min-height:48vh;transform:translateY(10vh)}.image-frame:nth-child(7){grid-column:2/8;min-height:55vh}.image-frame:nth-child(8){grid-column:9/13;min-height:45vh;transform:translateY(-4vh)}.image-frame-overlay{background:var(--hover-card,var(--lavender));color:var(--ink);text-align:center;opacity:0;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;inset:0;transform:none}.image-frame:first-child,.image-frame:nth-child(6){--hover-card:var(--lavender)}.image-frame:nth-child(2),.image-frame:nth-child(7){--hover-card:var(--lime)}.image-frame:nth-child(3),.image-frame:nth-child(8){--hover-card:var(--orange)}.image-frame:nth-child(4){--hover-card:var(--blue)}.image-frame:nth-child(5){--hover-card:var(--pink)}.image-frame-overlay h3{max-width:90%;margin:12px 0;font-size:clamp(34px,4vw,62px);line-height:.85}.image-frame-overlay p{font-weight:600}.image-frame-overlay b{background:0 0;border-bottom:1px solid;border-radius:0;margin-top:24px;padding:0 0 3px;font-size:9px;position:static}.image-frame:hover:before,.image-frame:focus-visible:before{filter:none;transform:none}.image-frame:hover .image-frame-overlay,.image-frame:focus-visible .image-frame-overlay{opacity:1}.image-frame-number{z-index:3}@media (max-width:900px){main{margin-left:0}.side-nav{width:100%;padding:78px 22px 22px}.side-nav nav{gap:3px;height:auto;margin:auto 0}.side-nav nav a:nth-child(n){padding:11px 10px;font-size:18px;position:relative;top:auto;left:auto;right:auto;width:100%!important}.image-frame:nth-child(5){grid-column:1/7}.image-frame:nth-child(6){grid-column:8/13}.image-frame:nth-child(7){grid-column:1/8}.image-frame:nth-child(8){grid-column:9/13}.image-frame-overlay{background:var(--paper);border-top:1px solid var(--ink);opacity:1;min-height:145px;padding:20px;top:auto}.image-frame-overlay small,.image-frame-overlay p{display:none}.image-frame-overlay h3{margin:0;font-size:28px}.image-frame-overlay b{margin-top:12px}.image-frame-number{background:var(--paper)}}@media (max-width:620px){.image-frame:nth-child(n){grid-column:1;width:100%;min-height:68vh;margin:0;transform:none}.image-frame:nth-child(2n){width:84%;margin-left:auto}.image-frame:nth-child(3n){width:88%;margin-right:auto}.image-frame-overlay{min-height:135px}.image-frame-overlay h3{font-size:26px}}.side-nav{width:232px;padding:24px 18px 18px}main{margin-left:232px}.monogram{width:58px;height:58px;font-size:22px}.nav-note{max-width:150px;margin-top:22px;font-size:9px}.side-nav nav{gap:0;margin:8vh 0 auto}.side-nav nav a:nth-child(n){border-bottom:1px solid var(--ink);min-height:62px;font-family:var(--serif);letter-spacing:-.055em;grid-template-columns:30px 1fr 24px;padding:15px 12px;font-size:20px;font-weight:700}.side-nav nav a:first-child{border-top:1px solid var(--ink)}.side-nav nav a span{font-family:var(--sans);letter-spacing:.06em;font-size:8px}.side-nav nav a:before{width:14px;height:14px}.side-nav nav a:nth-child(5):before{width:19px;height:8px}.side-nav nav a:nth-child(7):before{width:8px;height:19px}.side-nav nav a:hover{background:var(--pink);padding-left:18px}.side-nav nav a.active{padding-left:14px}.hero{padding-left:5vw;padding-right:5vw}@media (max-width:1100px) and (min-width:901px){.side-nav{width:205px}main{margin-left:205px}.side-nav nav a:nth-child(n){min-height:58px;font-size:17px}.hero-copy h1{font-size:7.4vw}}@media (max-width:900px){main{margin-left:0}.side-nav{width:100%;padding:78px 22px 22px}.side-nav nav{gap:0;margin:auto 0}.side-nav nav a:nth-child(n){min-height:56px;padding:12px 14px;font-size:19px}.side-nav nav a:hover{padding-left:18px}}.pop-showcase{border-top:1px solid var(--ink);background:var(--paper)}.pop-intro{background:var(--paper);grid-template-columns:1fr 2.2fr 1fr;align-items:end;gap:4vw;min-height:76vh;padding:11vh 7vw 8vh;display:grid}.pop-intro>span{letter-spacing:.12em;text-transform:uppercase;align-self:start;font-size:9px;font-weight:800}.pop-intro h2{font-family:var(--serif);letter-spacing:-.075em;margin:0;font-size:clamp(62px,7.4vw,118px);line-height:.78}.pop-intro h2 em{color:var(--orange);font-style:normal}.pop-intro p{max-width:240px;margin:0;font-size:13px;font-weight:600;line-height:1.3}.pop-project{--stage:var(--pink);--card:var(--lavender);min-height:100vh;color:var(--ink);background:var(--stage);border-top:1px solid var(--ink);flex-direction:column;padding:30px 4vw 25px;display:flex;position:relative;overflow:hidden}.pop-project:nth-child(2){--stage:var(--lavender);--card:var(--orange)}.pop-project:nth-child(3){--stage:var(--lime);--card:var(--blue)}.pop-project:nth-child(4){--stage:var(--orange);--card:var(--paper)}.pop-project:nth-child(5){--stage:var(--blue);--card:var(--pink)}.pop-project:nth-child(6){--stage:#c88dc8;--card:var(--lime)}.pop-project:nth-child(7){--stage:#f2eee9;--card:var(--orange)}.pop-project:nth-child(8){--stage:#b3b8b8;--card:var(--lavender)}.pop-meta,.pop-caption{z-index:3;letter-spacing:.1em;text-transform:uppercase;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:9px;font-weight:800;display:grid;position:relative}.pop-meta b{text-align:center}.pop-meta span:last-child,.pop-caption b{text-align:right}.pop-image{border:1px solid var(--ink);background:#ddd;width:min(57vw,780px);height:72vh;min-height:510px;margin:auto;position:relative;overflow:hidden}.pop-image:before{content:"";background-image:url(/images/editorial-portfolio-grid-yandhi.jpg);background-repeat:no-repeat;background-size:200% 200%;transition:opacity .28s,transform .7s cubic-bezier(.2,.75,.2,1);position:absolute;inset:0}.pop-project:hover .pop-image:before,.pop-project:focus-visible .pop-image:before{opacity:0;transform:scale(1.025)}.pop-0 .pop-image:before{background-position:0 0}.pop-1 .pop-image:before{background-position:100% 0}.pop-2 .pop-image:before{background-position:0 100%}.pop-3 .pop-image:before{background-position:100% 100%}.pop-4 .pop-image:before,.pop-5 .pop-image:before,.pop-6 .pop-image:before,.pop-7 .pop-image:before{background-image:url(/images/editorial-portfolio-grid-02.jpg)}.pop-4 .pop-image:before{background-position:0 0}.pop-5 .pop-image:before{background-position:100% 0}.pop-6 .pop-image:before{background-position:0 100%}.pop-7 .pop-image:before{background-position:100% 100%}.pop-1 .pop-image,.pop-4 .pop-image,.pop-6 .pop-image{width:min(45vw,620px)}.pop-2 .pop-image,.pop-5 .pop-image{width:min(65vw,900px);height:64vh}.pop-3 .pop-image,.pop-7 .pop-image{margin-left:9vw}.pop-reveal{z-index:2;text-align:center;background:var(--card);opacity:0;flex-direction:column;justify-content:center;align-items:center;padding:7%;transition:opacity .28s;display:flex;position:absolute;inset:0}.pop-project:hover .pop-reveal,.pop-project:focus-visible .pop-reveal{opacity:1}.pop-reveal small{letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.pop-reveal h3{max-width:850px;font-family:var(--serif);letter-spacing:-.075em;margin:15px 0 12px;font-size:clamp(48px,6.8vw,112px);line-height:.76}.pop-reveal p{margin:0;font-size:13px;font-weight:700}.pop-caption{margin-top:18px}.pop-caption span{letter-spacing:0;text-transform:none;font-size:10px}.pop-caption b{grid-column:3}.pop-outro{text-align:center;background:var(--ink);min-height:65vh;color:var(--paper);flex-direction:column;justify-content:center;align-items:center;padding:9vh 7vw;display:flex}.pop-outro p{letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px;font-size:10px;font-weight:800}.pop-outro a{font-family:var(--serif);letter-spacing:-.07em;border-bottom:4px solid var(--orange);font-size:clamp(52px,8vw,120px);line-height:.8}@media (max-width:900px){.pop-intro{grid-template-columns:1fr 1fr;min-height:68vh;padding:12vh 30px 7vh}.pop-intro h2{grid-column:1/-1;font-size:clamp(58px,11vw,90px)}.pop-intro p{grid-column:2}.pop-project{min-height:820px;padding:24px 25px}.pop-image{width:min(76vw,650px);height:65vh;min-height:490px}.pop-1 .pop-image,.pop-4 .pop-image,.pop-6 .pop-image{width:min(62vw,540px)}.pop-2 .pop-image,.pop-5 .pop-image{width:min(82vw,700px);height:58vh}.pop-3 .pop-image,.pop-7 .pop-image{margin-left:auto}.pop-reveal{opacity:0}.pop-caption span{font-size:9px}}@media (max-width:620px){.pop-intro{flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:640px;padding:100px 22px 55px;display:flex}.pop-intro h2{font-size:15vw}.pop-intro p{max-width:250px;margin-left:27%}.pop-project{min-height:720px;padding:20px 16px}.pop-meta{grid-template-columns:1fr auto}.pop-meta span:last-child{display:none}.pop-meta b{text-align:right}.pop-image,.pop-1 .pop-image,.pop-2 .pop-image,.pop-3 .pop-image,.pop-4 .pop-image,.pop-5 .pop-image,.pop-6 .pop-image,.pop-7 .pop-image{width:100%;height:67vh;min-height:470px;margin:auto}.pop-1 .pop-image,.pop-4 .pop-image,.pop-6 .pop-image{width:82%}.pop-2 .pop-image,.pop-5 .pop-image{height:56vh}.pop-reveal h3{font-size:15vw}.pop-caption{grid-template-columns:1fr auto}.pop-caption b{grid-column:2}.pop-outro{min-height:520px;padding:60px 22px}.pop-outro a{font-size:15vw}}.hero{color:#fff;border-bottom:1px solid var(--ink);background:#174fc8}.hero-copy .eyebrow,.hero-side,.hero-side a{color:#fff}.hero-kicker{border-color:#fff}.hero-copy h1 em:after{background:#ffe100}.hero-visual{border:1px solid #0a0a0a;width:min(31vw,470px);height:62vh;min-height:460px;box-shadow:20px 20px #ffe100}.hero-visual .placeholder{color:#0000;background-image:url(/images/muhammad-sohail-portrait-cyan.png);background-position:50%;background-size:cover}.hero-visual:after{content:"IN MOTION / 2026";color:#fff;bottom:-25px;left:0;right:auto}.pop-3 .pop-image:before{background-image:url(/images/placeholder-football.png);background-position:50%;background-size:cover}.pop-0{--stage:#174fc8;--card:#ffe100}.pop-1{--stage:#e694d4;--card:#ffe100}.pop-2{--stage:#d7e7ea;--card:#174fc8}.pop-3{--stage:#ffe100;--card:#ff6659}.pop-4{--stage:#f04274;--card:#efe8df}.pop-0,.pop-2{color:#fff}.pop-0 .pop-image{width:min(48vw,660px)}.pop-3 .pop-image{width:min(70vw,980px);height:58vh;margin:auto}.pop-4 .pop-image{width:min(66vw,920px)}.pop-meta,.pop-caption{font-size:10px}.pop-image{box-shadow:12px 12px #000000eb}.pop-reveal{border:0}.pop-reveal h3{text-transform:uppercase}.pop-image{transition:transform .25s}.side-nav nav a:nth-child(n){min-height:68px;font-size:22px}.side-nav nav a span{font-size:9px}.side-nav nav a:hover{color:#111;background:#ffe100}.side-nav nav a:nth-child(3):hover{background:#87ceeb}.side-nav nav a:nth-child(4):hover{background:#ff6f61}.side-nav nav a:nth-child(5):hover{background:#e694d4}.side-nav nav a:nth-child(6):hover{background:#1abc9c}.side-nav nav a.active{color:#fff;background:#174fc8}@media (max-width:900px){.hero{min-height:900px}.hero-visual{width:55vw;height:440px;min-height:0;box-shadow:12px 12px #ffe100}.side-nav nav a:nth-child(n){min-height:58px;font-size:20px}.pop-0,.pop-2{color:var(--ink)}}@media (max-width:620px){.hero-visual{width:78vw;height:400px}.pop-image{box-shadow:7px 7px #000000eb}.pop-0 .pop-image,.pop-3 .pop-image,.pop-4 .pop-image{width:100%;height:59vh}}@media (max-width:900px){.hero-visual .placeholder{background-position:50% 55%}}.pop-project:nth-child(n){background:var(--stage);border:1px solid var(--ink);min-height:0;box-shadow:8px 8px 0 var(--ink);padding:14px;display:flex;overflow:visible}.pop-project:first-child{grid-column:1/8}.pop-project:nth-child(2){grid-column:9/13;margin-top:14vw}.pop-project:nth-child(3){grid-column:2/6;margin-top:5vw}.pop-project:nth-child(4){grid-column:6/13;margin-top:-3vw}.pop-project:nth-child(5){grid-column:1/7;margin-top:7vw}.pop-project:nth-child(6){grid-column:8/13;margin-top:15vw}.pop-project:nth-child(7){grid-column:2/9;margin-top:3vw}.pop-project:nth-child(8){grid-column:9/13;margin-top:10vw}.pop-project .pop-image,.pop-project:nth-child(n) .pop-image{aspect-ratio:4/3;width:100%;height:auto;min-height:0;box-shadow:none;margin:14px 0 0}.pop-project:nth-child(2) .pop-image,.pop-project:nth-child(3) .pop-image,.pop-project:nth-child(6) .pop-image,.pop-project:nth-child(8) .pop-image{aspect-ratio:3/4}.pop-project:nth-child(4) .pop-image,.pop-project:nth-child(7) .pop-image{aspect-ratio:16/9}.pop-project .pop-caption{padding-top:12px}.pop-project .pop-meta span:last-child{display:none}.pop-project .pop-meta{grid-template-columns:1fr auto}.pop-project .pop-meta b{text-align:right}.pop-project:hover{z-index:4;transform:translateY(-5px)rotate(-.3deg)}.pop-project{transition:transform .22s}.pop-project:hover .pop-image{transform:none}.detail-page{--detail-bg:#174fc8;--detail-fg:#fff;--detail-accent:#ffe100;background:var(--detail-bg);color:var(--detail-fg);padding-top:38px}.detail-theme-1{--detail-bg:#ffe100;--detail-fg:#171717;--detail-accent:#174fc8}.detail-theme-2{--detail-bg:#e694d4;--detail-fg:#171717;--detail-accent:#ffe100}.detail-theme-3{--detail-bg:#ff6659;--detail-fg:#171717;--detail-accent:#fdf5e6}.detail-theme-4{--detail-bg:#1abc9c;--detail-fg:#171717;--detail-accent:#174fc8}.detail-page .back-link,.detail-page header,.detail-page .eyebrow{color:var(--detail-fg)}.detail-page header{grid-template-columns:1fr 3fr;align-items:end;margin:12vh 0 7vh;display:grid}.detail-page header .eyebrow{align-self:start}.detail-page header h1{grid-column:1/-1;font-size:clamp(68px,10vw,150px);font-weight:800}.detail-page header>p:last-child{grid-column:2;font-size:clamp(20px,2.3vw,34px);font-weight:700}.detail-lead{margin:0}.detail-lead img{object-fit:cover;border:1px solid var(--detail-fg);width:100%;height:76vh;min-height:540px;display:block}.detail-lead figcaption,.detail-gallery figcaption{letter-spacing:.1em;text-transform:uppercase;padding-top:9px;font-size:8px;font-weight:800}.detail-page .detail-meta{border-color:var(--detail-fg)}.detail-page .detail-meta div{border-color:color-mix(in srgb,var(--detail-fg) 35%,transparent)}.detail-page .detail-meta span,.detail-page .detail-copy aside p{color:var(--detail-fg)}.detail-page .detail-copy aside{border-color:var(--detail-accent)}.detail-gallery{grid-template-columns:repeat(12,1fr);gap:6vw 18px;margin:12vh 0 18vh;display:grid}.detail-gallery figure{margin:0}.detail-gallery figure:first-child{grid-column:1/8}.detail-gallery figure:nth-child(2){grid-column:9/13;margin-top:16vh}.detail-gallery figure:nth-child(3){grid-column:2/6}.detail-gallery figure:nth-child(4){grid-column:6/13;margin-top:-7vh}.detail-gallery img{object-fit:cover;border:1px solid var(--detail-fg);width:100%;height:100%;min-height:320px;display:block}.detail-gallery figure:first-child img{aspect-ratio:4/3}.detail-gallery figure:nth-child(2) img,.detail-gallery figure:nth-child(3) img{aspect-ratio:3/4}.detail-gallery figure:nth-child(4) img{aspect-ratio:16/10}.detail-page .next-project{border-color:var(--detail-fg);color:var(--detail-fg)}@media (max-width:900px){.pop-stream{gap:12px;padding:55px 20px 100px}.pop-project:first-child{grid-column:1/9}.pop-project:nth-child(2){grid-column:9/13}.pop-project:nth-child(3){grid-column:1/6}.pop-project:nth-child(4){grid-column:6/13}.pop-project:nth-child(5){grid-column:1/8}.pop-project:nth-child(6){grid-column:8/13}.pop-project:nth-child(7){grid-column:1/9}.pop-project:nth-child(8){grid-column:9/13}.detail-page header{grid-template-columns:1fr}.detail-page header>p:last-child{grid-column:1}.detail-lead img{height:60vh;min-height:450px}}@media (max-width:620px){.pop-stream{grid-template-columns:repeat(6,1fr);gap:10px;padding:40px 12px 80px}.pop-project:nth-child(odd){grid-column:1/6;margin:20px 0}.pop-project:nth-child(2n){grid-column:2/7;margin:20px 0}.pop-project:nth-child(3n){grid-column:1/7}.pop-project:nth-child(n){box-shadow:5px 5px 0 var(--ink);padding:10px}.pop-project .pop-image,.pop-project:nth-child(n) .pop-image{aspect-ratio:4/3;height:auto;min-height:0}.pop-project:nth-child(2n) .pop-image{aspect-ratio:3/4}.detail-lead img{height:58vh;min-height:420px}.detail-gallery{scroll-snap-type:x mandatory;gap:14px;margin:90px -22px 120px;padding:0 22px;display:flex;overflow-x:auto}.detail-gallery figure:nth-child(n){scroll-snap-align:center;flex:0 0 82vw;margin:0}.detail-gallery figure:nth-child(n) img{aspect-ratio:auto;height:62vh;min-height:430px}.detail-page header h1{font-size:17vw}}.project-viewer{border-top:1px solid var(--detail-fg);border-bottom:1px solid var(--detail-fg);min-height:92vh;padding:20px 0 28px}.viewer-bar{letter-spacing:.1em;text-transform:uppercase;grid-template-columns:1fr 1fr 1fr;align-items:center;padding-bottom:18px;font-size:9px;font-weight:800;display:grid}.viewer-bar b{text-align:center}.viewer-bar span:last-child{text-align:right}.viewer-layout{grid-template-columns:45px minmax(420px,1.55fr) 45px minmax(220px,.65fr);align-items:center;gap:18px;min-height:72vh;display:grid}.viewer-image{border:1px solid var(--detail-fg);cursor:e-resize;background:0 0;width:100%;height:70vh;min-height:520px;padding:0;display:block;overflow:hidden}.viewer-image img{object-fit:cover;width:100%;height:100%;display:block}.viewer-arrow{width:45px;height:45px;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:50%;padding:0;font-size:23px;transition:all .2s}.viewer-arrow:hover{background:var(--detail-fg);color:var(--detail-bg)}.viewer-copy{align-self:end;padding:0 0 4vh 1vw}.viewer-copy>span{letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:800}.viewer-copy h2{font-family:var(--serif);letter-spacing:-.065em;margin:14px 0 18px;font-size:clamp(32px,3.7vw,58px);line-height:.82}.viewer-copy p{max-width:320px;margin:0;font-size:13px;font-weight:600;line-height:1.4}.viewer-dots{justify-content:center;gap:5px;margin-top:20px;display:flex}.viewer-dots button{min-width:38px;color:inherit;cursor:pointer;background:0 0;border:1px solid;padding:7px;font-size:8px;font-weight:800}.viewer-dots button.active,.viewer-dots button:hover{background:var(--detail-fg);color:var(--detail-bg)}.detail-page .detail-meta{margin-top:8vh}.detail-page .detail-copy{margin-top:12vh}@media (max-width:1100px){.viewer-layout{grid-template-columns:38px minmax(360px,1.5fr) 38px minmax(190px,.65fr);gap:10px}.viewer-arrow{width:38px;height:38px}.viewer-image{height:63vh}}@media (max-width:760px){.project-viewer{min-height:0}.viewer-bar{grid-template-columns:1fr auto}.viewer-bar span:last-child{display:none}.viewer-bar b{text-align:right}.viewer-layout{grid-template-columns:38px 1fr 38px;gap:7px;min-height:0}.viewer-image{height:58vh;min-height:430px}.viewer-copy{grid-column:2/4;padding:24px 0 5px}.viewer-copy h2{font-size:40px}.viewer-copy p{max-width:420px}.viewer-dots{justify-content:flex-start;margin-left:45px}}@media (max-width:480px){.viewer-layout{grid-template-columns:1fr 1fr}.viewer-image{grid-area:1/1/auto/-1;height:56vh;min-height:400px}.viewer-previous,.viewer-next{grid-row:2}.viewer-previous{justify-self:start}.viewer-next{justify-self:end}.viewer-copy{grid-area:3/1/auto/-1;padding-top:16px}.viewer-dots{margin-left:0}.viewer-dots button{flex:1}.project-viewer{padding-top:14px}}.hero-visual{box-shadow:none;isolation:isolate;animation:none}.hero-visual .placeholder{z-index:2;position:relative}.hero-visual:before{content:"";z-index:1;border:8px solid var(--blue);position:absolute;inset:-12px;transform:translate(13px,13px)}.hero-visual .placeholder:after{content:"";z-index:5;clip-path:polygon(24% 0,76% 0,92% 9%,72% 100%,50% 98%,28% 100%,8% 9%);background-color:var(--blue);transform-origin:50% 0;filter:drop-shadow(3px 3px #111);pointer-events:none;background-image:radial-gradient(circle,#111 0 1.25px,#0000 1.5px),linear-gradient(135deg,#0000 0 44%,#ffffffd9 45% 50%,#0000 51% 100%);background-size:8px 8px,24px 24px;border:2px solid #111;width:6.8%;height:32%;animation:1.15s step-end infinite website-tie-pop;display:block;position:absolute;top:66.5%;left:46.8%}@keyframes website-tie-pop{0%,to{background-color:var(--blue);background-position:0 0,0 0;transform:translate(0)skew(0)}20%{background-color:var(--blue);background-position:3px 2px,8px 0;transform:translate(1px)skew(-1deg)}40%{background-color:#b8f1ff;background-position:-2px 4px,-8px 2px;transform:translate(-1px,1px)skew(1deg)}60%{background-color:var(--blue);filter:drop-shadow(-3px 3px #ff6f61);background-position:5px -2px,4px -5px;transform:translateY(-1px)skew(-1deg)}80%{filter:drop-shadow(3px 3px 0 var(--blue));background-color:#fff;background-position:0 3px,10px 1px;transform:translate(1px)skew(1deg)}}@media (prefers-reduced-motion:reduce){.hero-visual .placeholder:after{animation:none}}@media (max-width:900px){.hero-visual .placeholder:after{width:7%;height:32.5%;top:66%;left:46.6%}}@media (max-width:620px){.hero-visual:before{border-width:5px;inset:-7px;transform:translate(8px,8px)}.hero-visual .placeholder:after{border-width:1.5px;width:7.3%;left:46.5%}}.hero-visual{border:6px solid var(--blue);box-shadow:none;animation:none}.hero-visual:before{display:none}.hero-visual .placeholder{background-image:url(/images/muhammad-sohail-portrait-cutout-tie.png)}.hero-visual .placeholder:after{animation:none;display:none}.hero-copy h1 em{color:var(--blue);text-shadow:none;animation:none}@media (max-width:620px){.hero-visual{border-width:4px}}:root{--ink:#0b0b0b;--paper:#fff;--line:#0b0b0b;--muted:#565656;--acid:#8ee000;--blue:#4778da;--lime:#8ee000;--orange:#d77732;--pink:#d48bd1;--lavender:#f0df5a}html{background:#fff}body{color:var(--ink);background:#fff}main{margin-left:0;padding-top:52px}.side-nav{z-index:50;background:var(--blue);border:1px solid var(--ink);grid-template-columns:110px 1fr 110px;align-items:center;width:100%;height:52px;padding:0 20px;display:grid;position:fixed;top:0;left:0;right:0;transform:none}.monogram{width:auto;height:auto;font-family:var(--sans);letter-spacing:-.04em;background:0 0;border:0;font-size:15px;display:block}.monogram span{display:inline}.monogram span:last-child{margin-left:1px}.side-nav .nav-note,.side-nav .nav-scrap,.side-nav .nav-mark{display:none}.side-nav nav{flex-direction:row;justify-content:center;align-items:stretch;gap:0;height:50px;margin:0;display:flex}.side-nav nav a:nth-child(n){min-width:94px;min-height:0;font-family:var(--sans);letter-spacing:-.035em;text-transform:uppercase;color:var(--ink);background:0 0;border:0;border-left:1px solid #0000;border-right:1px solid #0000;justify-content:center;align-items:center;padding:0 13px;font-size:14px;font-weight:900;display:flex;position:relative;width:auto!important}.side-nav nav a span,.side-nav nav a:before{display:none}.side-nav nav a:hover{background:var(--acid);border-color:var(--ink);color:var(--ink);padding-left:13px}.side-nav nav a.active{border-color:var(--ink);color:var(--ink);background:#fff;padding-left:13px}.nav-foot{text-transform:uppercase;border:0;justify-content:flex-end;gap:9px;padding:0;font-size:9px;font-weight:800;display:flex}.menu-button{display:none}.hero{height:auto;min-height:calc(100vh - 52px);max-height:none;color:var(--ink);border-bottom:1px solid var(--ink);background:#fff;grid-template-rows:auto 1fr;grid-template-columns:1.2fr .8fr;padding:40px 3vw 46px;display:grid;overflow:hidden}.hero:before{content:"";background:var(--acid);opacity:1;border:0;border-radius:50%;width:35vw;height:35vw;display:block;position:absolute;inset:auto -8vw -10vw auto}.hero-copy{grid-column:1/-1}.hero-copy .eyebrow{color:var(--ink);font-size:10px;font-weight:900}.hero-copy h1{letter-spacing:-.085em;max-width:none;color:var(--ink);margin:5vh 0 0;font-size:clamp(92px,11.8vw,184px);font-weight:900;line-height:.73}.hero-copy h1 em{width:max-content;color:inherit;text-shadow:7px 9px 0 var(--ink);margin-left:16vw;font-style:normal;line-height:.76;display:flex}.hero-copy h1 em:after{display:none}.hero-copy h1 em span:first-child{color:#d77732}.hero-copy h1 em span:nth-child(2){color:#519e49}.hero-copy h1 em span:nth-child(3){color:#f0df5a}.hero-copy h1 em span:nth-child(4){color:#d48bd1}.hero-copy h1 em span:nth-child(5){color:#b55645}.hero-copy h1 em span:nth-child(6){color:#4778da}.hero-side{max-width:430px;color:var(--ink);align-self:end;padding:0 0 3vh}.hero-side p{font-family:var(--sans);letter-spacing:-.05em;text-transform:uppercase;font-size:clamp(18px,1.7vw,27px);font-weight:900;line-height:1.02}.hero-side a{color:var(--ink)}.hero-kicker{border:0;border-bottom:3px solid var(--acid);background:0 0;border-radius:0;padding:0 0 5px;font-weight:900;transform:none}.hero-visual{border:2px solid var(--ink);width:min(35vw,540px);height:50vh;min-height:380px;box-shadow:14px 14px 0 var(--acid);bottom:4vh;right:4vw;transform:none}.hero-visual .placeholder{background-image:url(/images/muhammad-sohail-portrait.jpg);background-position:50%;background-size:cover;border:0}.hero-visual:before,.hero-visual .placeholder:after{display:none}.hero-visual:after{content:"PORTRAIT / 2026";color:var(--ink);font-weight:900;bottom:-23px;left:0}.pop-intro{background:var(--acid);border-bottom:1px solid var(--ink);grid-template-columns:.65fr 2.4fr .7fr;min-height:70vh;padding:11vh 4vw 8vh}.pop-intro h2{text-transform:uppercase;font-size:clamp(68px,8.6vw,136px);line-height:.72}.pop-intro>span,.pop-intro p{text-transform:uppercase;font-weight:900}.pop-stream{background:#fff;gap:25px;padding:8vw 4vw 13vw}.pop-project:nth-child(n){border:2px solid var(--ink);box-shadow:10px 10px 0 var(--ink);background:#fff;padding:10px}.pop-project:first-child,.pop-project:nth-child(6){background:var(--acid)}.pop-project:nth-child(2),.pop-project:nth-child(7){background:var(--pink)}.pop-project:nth-child(3){background:var(--lavender)}.pop-project:nth-child(4){background:var(--orange)}.pop-project:nth-child(5),.pop-project:nth-child(8){background:var(--blue)}.pop-project .pop-meta,.pop-project .pop-caption{font-family:var(--sans);color:var(--ink);font-weight:900}.pop-project .pop-image{border:2px solid var(--ink)}.pop-reveal{background:var(--acid);color:var(--ink)}.pop-reveal h3{text-transform:uppercase;text-shadow:4px 4px #fff;font-size:clamp(44px,6vw,96px)}.pop-project:hover{box-shadow:15px 15px 0 var(--ink);transform:translate(-4px,-4px)}.pop-outro{background:var(--blue);color:var(--ink);border-top:1px solid var(--ink)}.pop-outro a{color:var(--ink);border-color:var(--acid);text-transform:uppercase;text-shadow:5px 5px #fff}.home-note{background:var(--acid);border-top:1px solid var(--ink)}.home-note p{text-transform:uppercase}.home-note p em{color:var(--blue);text-shadow:3px 3px 0 var(--ink)}.page-shell{background:#fff}.page-header{border-bottom:10px solid var(--acid);padding-bottom:40px}.page-header h1{text-transform:uppercase;text-shadow:6px 6px 0 var(--acid);font-weight:900}.project-card,.education-card,.skill-card{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);border-radius:0}@media (max-width:1050px) and (min-width:901px){.side-nav{grid-template-columns:70px 1fr 70px}.side-nav nav a:nth-child(n){min-width:80px;padding:0 8px;font-size:12px}.side-nav nav a:hover,.side-nav nav a.active{padding-left:8px}}@media (max-width:900px){main{padding-top:58px}.menu-button{background:var(--blue);height:58px;color:var(--ink);border-bottom:1px solid var(--ink);font-weight:900;display:flex}.side-nav{background:var(--acid);height:calc(100vh - 58px);padding:20px;display:block;top:58px;transform:translateY(-120%)}.side-nav.open{transform:none}.side-nav nav{flex-direction:column;align-items:stretch;height:auto;display:flex}.side-nav nav a:nth-child(n){border-bottom:2px solid var(--ink);justify-content:flex-start;min-height:62px;padding:0 14px;font-size:28px;width:100%!important}.side-nav nav a:first-child{border-top:2px solid var(--ink)}.side-nav nav a:hover,.side-nav nav a.active{background:#fff;border-left:0;border-right:0;padding-left:14px}.nav-foot{margin-top:25px}.hero{min-height:900px;padding:30px 24px 45px}.hero-copy h1{font-size:15vw}.hero-copy h1 em{margin-left:8vw}.hero-visual{width:53vw;height:42vh;min-height:350px}.pop-intro{min-height:620px;padding:90px 25px 60px}}@media (max-width:620px){.hero{min-height:820px}.hero-copy h1{margin-top:45px;font-size:18vw}.hero-copy h1 em{text-shadow:4px 5px 0 var(--ink);margin-left:0}.hero-side{padding-bottom:310px}.hero-side p{font-size:17px}.hero-visual{width:78vw;height:300px;min-height:0;box-shadow:9px 9px 0 var(--acid);border-width:2px;bottom:46px;right:20px}.pop-intro h2{font-size:14vw}.pop-intro h2 em{text-shadow:4px 4px #fff}.pop-stream{padding-left:12px;padding-right:12px}.pop-project:nth-child(n){box-shadow:5px 5px 0 var(--ink)}.page-header h1{text-shadow:3px 3px 0 var(--acid)}}.digital-hero{background:var(--acid);border-bottom:2px solid var(--ink);grid-template-rows:auto 1fr auto;grid-template-columns:.65fr 2.2fr .8fr;gap:30px;min-height:calc(100vh - 52px);padding:6vh 4vw 4vh;display:grid}.digital-hero>span{text-transform:uppercase;font-size:10px;font-weight:900}.digital-hero h1{font-family:var(--serif);letter-spacing:-.09em;text-transform:uppercase;grid-column:1/-1;align-self:center;margin:0;font-size:clamp(100px,15vw,230px);font-weight:900;line-height:.65}.digital-hero h1 em{color:var(--blue);text-shadow:8px 9px 0 var(--ink);margin-left:18vw;font-style:normal;display:block}.digital-hero>p{text-transform:uppercase;max-width:300px;margin:0;font-size:14px;font-weight:800;line-height:1.25}.digital-hero nav{border:2px solid var(--ink);grid-column:2/-1;grid-template-columns:repeat(4,1fr);align-self:end;display:grid}.digital-hero nav a{border-right:1px solid var(--ink);text-align:center;text-transform:uppercase;background:#fff;padding:15px 12px;font-size:10px;font-weight:900}.digital-hero nav a:last-child{border:0}.digital-hero nav a:hover{background:var(--blue)}.digital-section{border-bottom:2px solid var(--ink);padding:9vw 4vw 12vw;scroll-margin-top:52px}.digital-section>header{grid-template-columns:.35fr 1.4fr .7fr;align-items:start;gap:30px;margin-bottom:8vw;display:grid}.digital-section>header>span{font-size:12px;font-weight:900}.digital-section>header h2{font-family:var(--serif);letter-spacing:-.075em;text-transform:uppercase;margin:0;font-size:clamp(62px,7.5vw,118px);font-weight:900;line-height:.72}.digital-section>header p{max-width:280px;margin:0;font-size:13px;font-weight:700;line-height:1.35}.digital-image{margin:0;overflow:hidden}.digital-image img{object-fit:cover;border:2px solid var(--ink);filter:saturate(1.08);width:100%;height:100%;display:block}.digital-image figcaption{text-transform:uppercase;justify-content:space-between;gap:10px;padding:9px 2px 0;font-size:8px;display:flex}.digital-image figcaption b{font-weight:900}.social-section{background:#fff}.social-grid{grid-template-columns:repeat(12,1fr);gap:22px;display:grid}.social-grid .digital-image:first-child{grid-column:1/6}.social-grid .digital-image:nth-child(2){grid-column:7/11;margin-top:9vw}.social-grid .digital-image:nth-child(3){grid-column:10/13;margin-top:-5vw}.social-grid .digital-image:nth-child(4){grid-column:2/5;margin-top:5vw}.social-grid .digital-image:nth-child(5){grid-column:5/10;margin-top:1vw}.social-grid .digital-image:nth-child(6){grid-column:9/13;margin-top:8vw}.social-grid img{aspect-ratio:1}.reels-section{background:var(--blue)}.reel-strip{scroll-snap-type:x mandatory;gap:18px;margin:0 -4vw;padding:0 4vw 35px;display:flex;overflow-x:auto}.reel-strip .digital-image{scroll-snap-align:center;flex:0 0 min(27vw,390px)}.reel-strip img{aspect-ratio:9/16}.reel-strip .digital-image:nth-child(2n){margin-top:7vw}.slides-section{background:#fff}.slide-stack{flex-direction:column;gap:7vw;display:flex}.slide-stack .digital-image{width:82%}.slide-stack .digital-image:nth-child(2n){align-self:flex-end}.slide-stack img{aspect-ratio:16/9}.slide-stack figcaption{font-size:10px}.posters-section{background:var(--acid)}.poster-wall{grid-template-columns:repeat(12,1fr);gap:2vw;display:grid}.poster-wall .digital-image:first-child{grid-column:1/7}.poster-wall .digital-image:nth-child(2){grid-column:8/13;margin-top:11vw}.poster-wall .digital-image:nth-child(3){grid-column:2/5;margin-top:4vw}.poster-wall .digital-image:nth-child(4){grid-column:5/10}.poster-wall .digital-image:nth-child(5){grid-column:10/13;margin-top:8vw}.poster-wall .digital-image:nth-child(6){grid-column:3/9;margin-top:5vw}.poster-wall img{aspect-ratio:3/4}@media (max-width:1150px) and (min-width:901px){.side-nav nav a:nth-child(n){min-width:72px;font-size:11px}.digital-hero nav{grid-column:1/-1}}@media (max-width:900px){.digital-hero{grid-template-columns:1fr;min-height:800px;padding:70px 24px 35px}.digital-hero h1,.digital-hero>p,.digital-hero nav{grid-column:1}.digital-hero h1{font-size:18vw}.digital-hero h1 em{margin-left:8vw}.digital-hero nav{grid-template-columns:1fr 1fr}.digital-hero nav a:nth-child(2){border-right:0}.digital-hero nav a:nth-child(-n+2){border-bottom:1px solid}.digital-section{padding:90px 24px 110px}.digital-section>header{grid-template-columns:45px 1fr}.digital-section>header p{grid-column:2}.reel-strip{margin:0 -24px;padding:0 24px 30px}.reel-strip .digital-image{flex-basis:42vw}}@media (max-width:620px){.digital-hero{min-height:730px}.digital-hero h1{font-size:20vw}.digital-hero h1 em{text-shadow:4px 5px 0 var(--ink)}.digital-section{padding:75px 14px 90px}.digital-section>header{grid-template-columns:30px 1fr;margin-bottom:70px}.digital-section>header h2{font-size:13vw}.social-grid{grid-template-columns:repeat(6,1fr);gap:11px}.social-grid .digital-image:nth-child(odd){grid-column:1/5;margin:18px 0}.social-grid .digital-image:nth-child(2n){grid-column:3/7;margin:18px 0}.social-grid .digital-image:nth-child(3n){grid-column:1/7}.reel-strip{margin:0 -14px;padding:0 14px 25px}.reel-strip .digital-image{flex-basis:68vw}.slide-stack .digital-image{width:100%}.poster-wall{grid-template-columns:repeat(6,1fr);gap:14px}.poster-wall .digital-image:nth-child(odd){grid-column:1/5;margin:15px 0}.poster-wall .digital-image:nth-child(2n){grid-column:3/7;margin:15px 0}.poster-wall .digital-image:nth-child(4){grid-column:1/7}}.digital-hero nav a{letter-spacing:-.025em;justify-content:center;align-items:center;min-height:84px;padding:20px 16px;font-size:16px;display:flex}@media (max-width:900px){.digital-hero nav a{min-height:72px;font-size:14px}}@media (max-width:620px){.digital-hero nav a{min-height:68px;padding:14px 8px;font-size:12px}}.eyebrow,.pop-meta,.pop-caption,.digital-hero>span,.digital-image figcaption,.detail-lead figcaption,.detail-gallery figcaption{letter-spacing:.04em;font-size:11px}.pop-project .pop-meta{font-size:10px}.pop-project .pop-caption{font-size:11px}.nav-foot{font-size:10px}.hero-visual:after{letter-spacing:.05em;font-size:10px}.digital-section>header p,.pop-intro p{font-size:15px;line-height:1.35}.digital-hero>p{font-size:15px;line-height:1.3}.hero-visual{border:3px solid var(--ink);width:min(32vw,500px);height:52vh;min-height:360px;box-shadow:10px 10px 0 var(--acid),18px 18px 0 var(--blue);border-radius:48% 48% 3px 3px;bottom:5vh;right:5vw;overflow:visible;transform:rotate(1.5deg)}.hero-visual .placeholder{background-position:50%;border-radius:47% 47% 0 0;overflow:hidden}.hero-visual:after{content:"MUHAMMAD / TORONTO / 2026";z-index:4;background:var(--acid);color:var(--ink);border:2px solid var(--ink);padding:10px 12px;font-weight:900;position:absolute;bottom:20px;left:auto;right:-18px;transform:rotate(-3deg)}@media (min-width:901px) and (max-height:950px){.hero{height:calc(100vh - 52px);min-height:690px;padding-top:28px;padding-bottom:32px}.hero-copy h1{margin-top:3vh;font-size:clamp(82px,10vw,145px)}.hero-side p{font-size:clamp(17px,1.45vw,22px)}.hero-visual{height:46vh;min-height:330px;max-height:430px;bottom:5vh}.pop-intro{min-height:520px;margin:0;padding-top:8vh;padding-bottom:7vh}.pop-intro h2{font-size:clamp(60px,7vw,105px)}.pop-stream{padding-top:6vw;padding-bottom:9vw}.pop-project:nth-child(2),.pop-project:nth-child(6),.pop-project:nth-child(8){margin-top:7vw}.digital-hero{min-height:660px;padding-top:4vh;padding-bottom:3vh}.digital-hero h1{font-size:clamp(92px,12vw,170px)}.digital-hero nav a{min-height:68px;font-size:14px}.digital-section{padding-top:7vw;padding-bottom:9vw}.digital-section>header{margin-bottom:5vw}.digital-section>header h2{font-size:clamp(54px,6.2vw,90px)}.page-shell{padding-top:60px}.page-header{margin-bottom:55px}}@media (max-width:900px){.hero-visual{box-shadow:7px 7px 0 var(--acid),13px 13px 0 var(--blue);border-radius:46% 46% 3px 3px;transform:none}.hero-visual .placeholder{border-radius:45% 45% 0 0}.hero-visual:after{padding:8px;font-size:8px;bottom:14px;right:-10px}}.interest-item:nth-child(6){grid-column:1/6;margin-top:5vw}.interest-item:nth-child(7){grid-column:7/13;margin-top:12vw}.interest-item:nth-child(6) img{aspect-ratio:3/4}.interest-item:nth-child(7) img{aspect-ratio:16/10}@media (max-width:900px){.interest-item:nth-child(6){grid-column:7/13;margin:0}.interest-item:nth-child(7){grid-column:2/10;margin:0}}@media (max-width:620px){.interest-item:nth-child(6),.interest-item:nth-child(7){width:90%;margin:0}.interest-item:nth-child(6){align-self:flex-end}.interest-item:nth-child(7){align-self:flex-start}}.side-nav{background:#f4efe9;border-width:0 0 1px;grid-template-columns:100px 1fr 100px;height:64px;padding:0 28px}.side-nav nav{height:64px}.side-nav nav a:nth-child(n){border:0;min-width:104px;padding:0 12px;font-size:13px}.side-nav nav a:hover{color:var(--blue);background:0 0;padding-left:12px}.side-nav nav a.active{color:var(--ink);box-shadow:inset 0 -5px 0 var(--blue);background:0 0;padding-left:12px}.hero{background:#f4efe9;height:calc(100vh - 64px);min-height:650px;max-height:780px;padding:42px 5vw}.hero:before{width:28vw;height:28vw;bottom:-9vw;right:-11vw}.hero-copy h1{margin-top:4vh;font-size:clamp(78px,9.7vw,148px)}.hero-side p{text-transform:none;font-size:clamp(18px,1.6vw,24px);line-height:1.12}.hero-visual{width:min(29vw,440px);height:48vh;min-height:340px;box-shadow:8px 8px 0 var(--acid),13px 13px 0 var(--blue)}.pop-intro{background:#fff;grid-template-columns:.55fr 1.7fr .7fr;min-height:440px;padding:85px 5vw 70px}.pop-intro h2{font-size:clamp(64px,7vw,104px);line-height:.76}.pop-intro h2 em{color:var(--blue);-webkit-text-stroke:0;text-shadow:none}.pop-intro>span,.pop-intro p{text-transform:none}.pop-intro>span{text-transform:uppercase}.pop-stream{background:#fff;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px 28px;padding:70px 5vw 120px;display:grid}.pop-project:nth-child(n){border:1px solid var(--ink);box-shadow:none;background:#fff;grid-column:auto;margin:0;padding:0;transform:none}.pop-project:nth-child(n):hover{box-shadow:none;transform:none}.pop-project .pop-meta{padding:14px 15px 0;font-size:10px}.pop-project .pop-image,.pop-project:nth-child(n) .pop-image{aspect-ratio:4/3;border-width:1px 0;width:100%;height:auto;margin:14px 0 0}.pop-project:nth-child(n) .pop-caption{padding:15px}.pop-project:nth-child(n) .pop-caption span{font-size:12px}.pop-project:nth-child(n) .pop-caption b{font-size:10px}.pop-project:nth-child(n) .pop-reveal{background:var(--blue)}.pop-reveal h3{text-shadow:none;text-transform:none;font-size:clamp(38px,4.6vw,70px)}.pop-outro{min-height:430px;color:var(--ink);background:#f4efe9}.pop-outro a{text-transform:none;text-shadow:none}.page-shell{padding-top:75px}.page-header{border-bottom:1px solid var(--ink);margin-bottom:70px;padding-bottom:32px}.page-header h1{text-transform:none;text-shadow:none}.project-card,.education-card,.skill-card{border:1px solid var(--ink);box-shadow:none}.project-card:hover{box-shadow:none;transform:none}.digital-hero,.interests-header{min-height:600px}.digital-hero h1,.interests-header h1,.digital-section>header h2{text-transform:none}.interests-header h1 em{text-shadow:none}.interest-item{border:1px solid var(--ink);box-shadow:none}.interest-item img{border-width:1px}.detail-page header h1{text-transform:none;text-shadow:none}@media (max-width:1150px) and (min-width:901px){.side-nav{grid-template-columns:70px 1fr 70px;padding:0 18px}.side-nav nav a:nth-child(n){min-width:86px;font-size:11px}}@media (max-width:900px){main{padding-top:58px}.side-nav{background:#f4efe9;height:calc(100vh - 58px)}.side-nav nav{height:auto}.side-nav nav a:nth-child(n){min-height:62px;font-size:26px}.side-nav nav a.active{box-shadow:inset 5px 0 0 var(--blue)}.hero{height:auto;min-height:820px}.pop-intro{grid-template-columns:1fr;min-height:500px}.pop-intro h2,.pop-intro p{grid-column:1}.pop-stream{gap:45px 18px;padding-left:24px;padding-right:24px}}@media (max-width:620px){.pop-stream{grid-template-columns:1fr;padding:45px 14px 80px}.pop-project:nth-child(n){width:100%;margin:0}.pop-intro{min-height:430px;padding:70px 20px 55px}.pop-intro h2{font-size:15vw}.hero{min-height:780px}.hero-copy h1{font-size:17vw}.hero-visual{width:76vw}}.pop-0 .pop-image:before{background-image:url(/images/apex-conference-team.png);background-position:50% 36%;background-size:cover}.project-card-apex-conference .placeholder{color:#0000;background-image:url(/images/apex-conference-team.png);background-position:50% 36%;background-size:cover}.project-card-apex-conference .placeholder:before,.project-card-apex-conference .placeholder:after,.project-card-apex-conference .placeholder-mark{display:none}.pop-4 .pop-image:before{background-image:url(/images/spp-team.png);background-position:50%;background-size:cover}.project-card-schulich-protege-director .placeholder,.project-card-schulich-protege-representative .placeholder{color:#0000;background-image:url(/images/spp-team.png);background-position:50%;background-size:cover}.project-card-schulich-protege-director .placeholder:before,.project-card-schulich-protege-director .placeholder:after,.project-card-schulich-protege-director .placeholder-mark,.project-card-schulich-protege-representative .placeholder:before,.project-card-schulich-protege-representative .placeholder:after,.project-card-schulich-protege-representative .placeholder-mark{display:none}.pop-1 .pop-image:before{background-image:url(/images/project-luminosity-cover.jpg);background-position:50%;background-size:cover}.project-card-project-luminosity .placeholder{color:#0000;background-image:url(/images/project-luminosity-cover.jpg);background-position:50%;background-size:cover}.project-card-project-luminosity .placeholder:before,.project-card-project-luminosity .placeholder:after,.project-card-project-luminosity .placeholder-mark{display:none}.pop-project.pop-0 .pop-reveal{color:#fff;background:#168fb5}.pop-project.pop-1 .pop-reveal{color:#111;background:#f47a22}.pop-project.pop-0 .pop-reveal:before,.pop-project.pop-1 .pop-reveal:before{content:"";background-position:50%;background-repeat:no-repeat;flex:none;margin-bottom:14px;display:block}.pop-project.pop-0 .pop-reveal:before{background-image:url(/images/apex-logo-white.png);background-position:50%;background-size:contain;width:145px;height:72px}.pop-project.pop-1 .pop-reveal:before{background-color:#fff;background-image:url(/images/project-luminosity-logo.png);background-size:contain;border-radius:50%;width:118px;height:124px}.pop-project.pop-0 .pop-reveal h3,.pop-project.pop-1 .pop-reveal h3{margin-top:4px}.pop-2 .pop-image:before{background-image:url(/images/islamic-relief-cover.png);background-position:50%;background-size:cover}.project-card-islamic-relief-canada .placeholder{color:#0000;background-image:url(/images/islamic-relief-cover.png);background-position:50%;background-size:cover}.project-card-islamic-relief-canada .placeholder:before,.project-card-islamic-relief-canada .placeholder:after,.project-card-islamic-relief-canada .placeholder-mark{display:none}@media (max-width:620px){.pop-project.pop-0 .pop-reveal:before{background-size:110px 110px;width:110px;height:55px}.pop-project.pop-1 .pop-reveal:before{width:86px;height:90px}}.side-nav{border-bottom:2px solid var(--ink);background:#fff;grid-template-columns:90px 1fr 90px;height:76px;padding:0 22px}.side-nav nav a:nth-child(n){border:2px solid var(--ink);background:var(--tab-color,#fff);min-width:120px;height:64px;box-shadow:3px 3px 0 var(--ink);grid-template-columns:22px 1fr;justify-content:start;align-items:center;padding:7px 14px;font-size:15px;line-height:1;transition:transform .16s,box-shadow .16s,background .16s;display:grid}.side-nav nav a span{font-family:var(--sans);opacity:.65;font-size:8px;font-weight:900;display:inline-block}.side-nav nav a:before{display:none}.side-nav nav a:first-child{--tab-color:#f4efe9}.side-nav nav a:nth-child(2){--tab-color:var(--blue)}.side-nav nav a:nth-child(3){--tab-color:var(--acid)}.side-nav nav a:nth-child(4){--tab-color:var(--pink)}.side-nav nav a:nth-child(5){--tab-color:var(--lavender)}.side-nav nav a:nth-child(6){--tab-color:var(--orange)}.side-nav nav a:hover{color:var(--ink);background:var(--tab-color);box-shadow:5px 5px 0 var(--ink);padding-left:14px;transform:translate(-2px,-2px)}.side-nav nav a.active{color:var(--ink);background:var(--tab-color);box-shadow:inset 0 -7px 0 #ffffffbf,4px 4px 0 var(--ink);padding-left:14px;transform:translateY(-2px)}.monogram{font-size:19px;font-weight:900}.nav-foot{font-weight:900}@media (max-width:1150px) and (min-width:901px){.side-nav{grid-template-columns:60px 1fr 60px;padding:0 12px}.side-nav nav a:nth-child(n){grid-template-columns:18px 1fr;min-width:100px;padding-left:9px;padding-right:9px;font-size:13px}.side-nav nav a:hover,.side-nav nav a.active{padding-left:9px}}@media (max-width:900px){main{padding-top:58px}.side-nav{background:#fff;height:calc(100vh - 58px);padding:18px}.side-nav nav{gap:8px;height:auto;padding:0}.side-nav nav a:nth-child(n){height:auto;min-height:64px;box-shadow:4px 4px 0 var(--ink);grid-template-columns:35px 1fr;padding:10px 15px;font-size:25px;width:100%!important}.side-nav nav a span{font-size:10px;display:inline-block}.side-nav nav a:hover,.side-nav nav a.active{box-shadow:4px 4px 0 var(--ink);padding-left:15px;transform:none}.side-nav nav a.active{background:var(--tab-color)}}@media (pointer:fine){html,body,*{cursor:url(/cursor-glove.svg) 14 6,auto}a,button,[role=button],.project-card,.pop-project,.viewer-image,.viewer-dots button{cursor:url(/cursor-pointer.svg) 15 5,pointer}html,body,*,a,button,[role=button],.project-card,.pop-project,.viewer-image,.viewer-dots button{cursor:url(/cursor-retro.svg) 2 1,auto}input,textarea,[contenteditable=true]{cursor:text}}main{padding-top:66px}.side-nav{height:66px;padding-left:20px;padding-right:20px}.side-nav nav{gap:4px;height:66px;padding:5px 0}.side-nav nav a:nth-child(n){min-width:108px;height:54px;box-shadow:2px 2px 0 var(--ink);grid-template-columns:19px 1fr;padding:6px 11px;font-size:13px}.side-nav nav a:hover{box-shadow:4px 4px 0 var(--ink);padding-left:11px}.side-nav nav a.active{box-shadow:inset 0 -5px 0 #ffffffbf,3px 3px 0 var(--ink);padding-left:11px}@media (max-width:1150px) and (min-width:901px){.side-nav nav a:nth-child(n){min-width:94px;height:54px;font-size:12px}}@media (max-width:900px){main{padding-top:58px}.side-nav{height:calc(100vh - 58px)}.side-nav nav{height:auto}.side-nav nav a:nth-child(n){height:auto;min-height:58px;font-size:23px}}.interests-page{background:#fff}.interests-header{background:var(--blue);border-bottom:2px solid var(--ink);grid-template-columns:.6fr 2.2fr .75fr;align-items:end;gap:30px;min-height:72vh;padding:9vh 4vw 7vh;display:grid}.interests-header>span{text-transform:uppercase;align-self:start;font-size:11px;font-weight:900}.interests-header h1{font-family:var(--serif);letter-spacing:-.08em;text-transform:uppercase;margin:0;font-size:clamp(72px,9vw,140px);font-weight:900;line-height:.72}.interests-header h1 em{color:var(--acid);text-shadow:6px 7px 0 var(--ink);font-style:normal}.interests-header p{text-transform:uppercase;max-width:270px;margin:0;font-size:15px;font-weight:800;line-height:1.3}.interest-list{grid-template-columns:repeat(12,1fr);gap:7vw 22px;padding:8vw 4vw 12vw;display:grid}.interest-item{border:2px solid var(--ink);box-shadow:9px 9px 0 var(--ink);background:var(--interest-color,#fff);margin:0;padding:10px}.interest-item:first-child{grid-column:1/7}.interest-item:nth-child(2){grid-column:8/13;margin-top:11vw}.interest-item:nth-child(3){grid-column:2/6}.interest-item:nth-child(4){grid-column:6/13;margin-top:-4vw}.interest-item:nth-child(5){grid-column:3/10}.interest-pink{--interest-color:var(--pink)}.interest-blue{--interest-color:var(--blue)}.interest-acid{--interest-color:var(--acid)}.interest-orange{--interest-color:var(--orange)}.interest-yellow{--interest-color:var(--lavender)}.interest-item img{aspect-ratio:4/3;object-fit:cover;border:2px solid var(--ink);width:100%;display:block}.interest-item:nth-child(2) img,.interest-item:nth-child(3) img{aspect-ratio:3/4}.interest-meta{text-transform:uppercase;justify-content:space-between;padding:3px 2px 10px;font-size:11px;font-weight:900;display:flex}.interest-item p{max-width:460px;margin:12px 2px 4px;font-size:14px;font-weight:700;line-height:1.3}@media (max-width:900px){.interests-header{grid-template-columns:1fr;min-height:650px;padding:80px 24px 55px}.interests-header h1,.interests-header p{grid-column:1}.interests-header h1{font-size:14vw}.interest-list{gap:70px 14px;padding:70px 24px 100px}.interest-item:nth-child(odd){grid-column:1/8;margin:0}.interest-item:nth-child(2n){grid-column:7/13;margin:0}.interest-item:nth-child(5){grid-column:2/10}}@media (max-width:620px){.interests-header{min-height:590px;padding:65px 18px 45px}.interests-header h1{font-size:16vw}.interests-header h1 em{text-shadow:4px 4px 0 var(--ink)}.interest-list{flex-direction:column;gap:55px;padding:55px 13px 80px;display:flex}.interest-item:nth-child(n){width:90%;margin:0}.interest-item:nth-child(2n){align-self:flex-end}.interest-item{box-shadow:6px 6px 0 var(--ink)}}