@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#edf5fc;--ink:#07120e;--line:#cedce8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #385aeb;outline-offset:6px}header{height:110px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;position:absolute;top:0;width:100%;z-index:20}.wordmark{font-size:42px;letter-spacing:-3px;font-weight:600}.header-actions{display:flex;gap:34px;align-items:center}.contact-pill,#menu-button{border:0;display:flex;align-items:center;gap:18px;border-radius:50px;padding:9px 10px 9px 23px;font-size:14px;font-weight:600}.contact-pill{background:#e0ecf6}#menu-button{background:#000;color:#fff;min-width:136px;justify-content:space-between}.header-actions span{width:37px;height:37px;display:grid;place-items:center;background:#ffffffa1;border-radius:50%;font-size:22px}#menu-button span{background:#202020;font-size:17px;letter-spacing:2px}#menu{position:fixed;right:4.5%;top:100px;z-index:30;background:#07120e;color:white;padding:35px;border-radius:20px;width:min(480px,91%);box-shadow:0 20px 80px #0002}#menu[hidden]{display:none}#menu a{display:flex;justify-content:space-between;font-size:40px;padding:20px 0;border-bottom:1px solid #46504a;letter-spacing:-2px}#menu a span{font-size:13px;letter-spacing:0}.hero{height:100svh;min-height:700px;max-height:1100px;position:relative;display:flex;align-items:center;justify-content:flex-end;padding:110px 4.5% 100px;overflow:hidden}.hero h1{font-size:clamp(100px,16.7vw,280px);letter-spacing:-.085em;font-weight:500;line-height:1;white-space:nowrap;transform:translateY(30px)}.hero-bottom{position:absolute;left:4.5%;right:4.5%;bottom:60px;display:flex;align-items:end;justify-content:space-between}.hero-bottom p{padding-left:45px;position:relative;font-size:17px;line-height:1.6}.hero-bottom p:before{content:'';height:60px;width:1px;background:#c7cbc9;position:absolute;left:0;top:0}.hero-bottom p:after{content:'';width:5px;height:5px;border-radius:50%;background:#8a918e;position:absolute;left:-2px;bottom:5px}.scroll-link{font-size:28px;display:grid;place-items:center;width:60px;height:60px;border:1px solid var(--line);border-radius:50%}.intro{padding:145px 9% 150px;display:grid;grid-template-columns:1.6fr 1fr;gap:100px;align-items:end}.intro h2{font-size:clamp(38px,4.4vw,72px);font-weight:500;line-height:1.13;letter-spacing:-.055em}.intro p{font-size:17px;line-height:1.75;max-width:340px}.work{padding:0 4.5%}.section-title{display:flex;justify-content:space-between;align-items:end;padding:25px 0 60px;border-top:1px solid var(--line)}.section-title h2{font-size:clamp(50px,7vw,110px);font-weight:500;letter-spacing:-.07em}.section-title h2 span{font-size:15px;letter-spacing:0;display:inline-block;vertical-align:top;margin:18px 0 0 18px}.section-title p{font-size:15px;line-height:1.6;padding-bottom:10px}.project{margin-bottom:115px}.project-art{height:min(620px,49vw);min-height:320px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:4px;transition:border-radius .5s}.project-art:hover{border-radius:30px}.art-action{position:absolute;bottom:30px;right:30px;border-radius:50%;background:white;color:#111;width:60px;height:60px;display:grid;place-items:center;font-size:27px;transition:transform .3s}.project-art:hover .art-action{transform:rotate(45deg)}.africalli{background:#e2efed}.africalli-logo{width:48%;max-width:600px;object-fit:contain;position:relative;z-index:2}.brand-rings{position:absolute;width:620px;height:620px;border:1px solid #75a39a;border-radius:50%;right:-250px;bottom:-290px;box-shadow:0 0 0 35px #d1e5df,0 0 0 36px #a2c2b9,0 0 0 75px #d6e7e2,0 0 0 76px #adcac2}.can{background:#e9deec}.can-logo{width:38%;max-height:300px;object-fit:contain}.maverick{background:#d8d1c8}.maverick-title{font-size:clamp(32px,7vw,110px);letter-spacing:-.06em;color:#29261f;font-weight:500}.maverick-title span{display:block;text-align:center;font-size:12px;letter-spacing:10px;margin-top:18px}.legal{background:#292435;color:#e8e1d1}.legal-title{font-size:clamp(28px,5vw,80px);line-height:1.04;font-weight:500;letter-spacing:-.045em}.legal-title span{font-size:11px;display:block;letter-spacing:3px;margin-top:30px}.morii-photo{width:100%;height:100%;object-fit:cover;filter:brightness(.7);transition:transform .7s}.morii:hover .morii-photo{transform:scale(1.035)}.morii-name{position:absolute;font-size:140px;color:#fff;font-weight:500;letter-spacing:-10px}.project-info{display:grid;grid-template-columns:1fr 1fr;padding-top:30px;gap:40px}.project-heading h3{font-size:clamp(26px,3vw,46px);font-weight:500;letter-spacing:-.05em;line-height:1.15}.project-heading h3 span{font-size:24px;margin-left:10px}.tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.tools span{border:1px solid #cbd0cc;padding:6px 12px;border-radius:30px;font-size:12px}.project-description{padding-left:10%}.project-description>p{font-size:19px;line-height:1.5;max-width:500px}.project-description ul{padding:0;margin:20px 0;display:flex;gap:8px 20px;flex-wrap:wrap;list-style:none}.project-description li{font-size:13px;line-height:1.6;position:relative;padding-left:12px}.project-description li:before{content:'';width:4px;height:4px;border-radius:50%;background:#607368;position:absolute;left:0;top:8px}.project-description .contribution{font-size:14px;line-height:1.7;color:#58635d;max-width:460px}.skills{margin:0 4.5%;padding:60px 0 130px;display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line)}.skills h2{font-size:clamp(40px,5vw,75px);font-weight:500;letter-spacing:-.06em}.skill-rows details{border-bottom:1px solid var(--line);padding:25px 0}.skill-rows details:first-child{padding-top:0}.skill-rows summary{display:flex;justify-content:space-between;cursor:pointer;font-size:30px;letter-spacing:-1px;list-style:none}.skill-rows summary::-webkit-details-marker{display:none}.skill-rows p{font-size:15px;line-height:1.75;max-width:420px;margin-top:17px;color:#536059}.skill-rows details[open] summary span{transform:rotate(90deg)}.contact{background:#07120e;color:#f2f3f5;padding:90px 4.5% 0;overflow:hidden}.contact h2{font-size:clamp(55px,7.3vw,115px);line-height:1.05;font-weight:400;letter-spacing:-.06em}.email{display:inline-flex;gap:70px;margin-top:45px;font-size:clamp(18px,2.5vw,38px);letter-spacing:-.04em;border-bottom:1px solid #727c76;padding-bottom:12px}.footer-line{display:flex;justify-content:space-between;margin-top:100px;font-size:13px;color:#bac3bd}.footer-wordmark{font-size:18.4vw;white-space:nowrap;letter-spacing:-.085em;line-height:1.2;margin-left:-.012em;margin-top:55px;font-weight:500}::selection{background:#c5d8ce;color:#07120e}@media(max-width:800px){header{height:90px}.wordmark{font-size:33px}.header-actions{gap:10px}.contact-pill{display:none}#menu-button{min-width:116px;padding-left:20px;font-size:12px}.hero{min-height:600px;max-height:850px;padding-top:90px}.hero h1{font-size:16.5vw;transform:translateY(0)}.hero-bottom{bottom:35px;gap:15px}.hero-bottom p{font-size:13px;padding-left:24px}.hero-bottom p:before{height:48px}.scroll-link{width:42px;height:42px;flex:none;font-size:20px}.intro{padding:80px 6%;grid-template-columns:1fr;gap:30px}.intro h2{font-size:42px;max-width:600px}.intro p{max-width:500px;font-size:16px}.section-title{padding-bottom:35px;align-items:start;gap:20px;flex-direction:column}.section-title h2{font-size:58px}.section-title p br{display:none}.section-title h2 span{margin-top:8px}.project{margin-bottom:70px}.project-art{min-height:260px;height:66vw}.africalli-logo{width:65%}.can-logo{width:58%;max-height:180px}.brand-rings{width:300px;height:300px;right:-130px;bottom:-180px}.art-action{width:45px;height:45px;bottom:18px;right:18px;font-size:23px}.project-info{grid-template-columns:1fr;gap:24px;padding-top:23px}.project-heading h3{font-size:32px}.project-description{padding-left:0}.project-description>p{font-size:18px}.project-description ul{margin:14px 0}.morii-name{font-size:100px}.skills{grid-template-columns:1fr;gap:40px;padding-bottom:80px}.skills h2{font-size:48px}.skill-rows summary{font-size:26px}.contact{padding-top:65px}.contact h2{font-size:54px}.email{gap:20px;margin-top:35px;font-size:clamp(17px,4.9vw,28px)}.footer-line{margin-top:70px;font-size:11px;gap:20px}.footer-wordmark{font-size:18vw;margin-top:35px}.legal-title span{font-size:8px;letter-spacing:2px}.maverick-title{font-size:10vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.skills-intro{font-size:16px;line-height:1.75;max-width:355px;margin-top:25px;color:#536059}.skill-rows summary{font-size:27px}.contact .availability{font-size:16px;line-height:1.7;margin-top:30px;color:#bac3bd;max-width:540px}@media(max-width:800px){.skill-rows summary{font-size:24px}.skills-intro{max-width:500px}}

.name-mask{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}.name-word{display:inline-block;animation:name-arrive 1.25s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.12s + var(--word)*.14s)}
@keyframes name-arrive{from{transform:translateY(115%) rotate(4deg)}to{transform:translateY(0) rotate(0)}}
header{animation:header-arrive .9s .15s both}@keyframes header-arrive{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}
.hero-bottom{animation:hero-copy 1s .7s both}@keyframes hero-copy{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.reveal{opacity:0;transform:translateY(42px);transition:opacity .85s ease,transform 1.05s cubic-bezier(.16,1,.3,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}
.project-info.reveal{transition-delay:.09s}.intro>p.reveal{transition-delay:.12s}
.project-art{isolation:isolate}.project-art:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),#ffffff48,transparent 55%);opacity:0;transition:opacity .5s;pointer-events:none;z-index:1}.project-art:hover:after{opacity:1}.art-action{z-index:3}.project-art>img:not(.morii-photo),.project-art>.legal-title,.project-art>.maverick-title{transition:transform .8s cubic-bezier(.16,1,.3,1)}.project-art:hover>img:not(.morii-photo),.project-art:hover>.legal-title,.project-art:hover>.maverick-title{transform:scale(1.045)}
.brand-rings{animation:rings-breathe 9s ease-in-out infinite alternate}@keyframes rings-breathe{from{transform:scale(.94) translateY(6px)}to{transform:scale(1.08) translateY(-8px)}}
.scroll-link{transition:background .3s,color .3s}.scroll-link:hover{background:var(--ink);color:var(--bg);animation:none}.scroll-link{animation:scroll-cue 3s 2s ease-in-out infinite}@keyframes scroll-cue{0%,70%,100%{transform:translateY(0)}80%{transform:translateY(7px)}90%{transform:translateY(0)}}
.contact-pill,#menu-button{transition:transform .3s,background .3s}.contact-pill:hover,#menu-button:hover{transform:translateY(-3px)}#menu:not([hidden]){animation:menu-arrive .35s cubic-bezier(.16,1,.3,1) both;transform-origin:top right}@keyframes menu-arrive{from{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}#menu a{transition:padding .3s,color .3s}#menu a:hover{padding-left:12px;color:#c8e1f6}.email span{display:inline-block;transition:transform .3s}.email:hover span{transform:translate(6px,-6px)}.skill-rows summary span{transition:transform .35s}.tools span{transition:background .25s}.tools span:hover{background:#dceaf6}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.name-word{transform:none}}

/* A short curtain entrance, followed by scroll-driven typography. */
.site-loader{position:fixed;inset:0;z-index:100;background:#07120e;color:#edf5fc;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:loader-safety 0s 3.5s forwards}.loader-name{display:flex;gap:.18em;font-size:clamp(55px,13vw,190px);letter-spacing:-.075em;overflow:hidden}.loader-name span{animation:loader-type 1.2s cubic-bezier(.16,1,.3,1) both}.loader-name span:nth-child(2){animation-delay:.15s}.loader-line{position:absolute;left:5%;bottom:10%;height:1px;width:90%;background:#edf5fc;transform-origin:left;animation:loader-line 1.4s ease both}.loader-mark{position:absolute;right:5%;top:5%;font-size:45px}.site-loader.finished{transform:translateY(-102%);transition:transform .9s cubic-bezier(.76,0,.24,1)}@keyframes loader-type{from{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes loader-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes loader-safety{to{visibility:hidden}}
.name-word{animation:none;transform:translateY(0)}body:has(.site-loader):not(.loaded) .name-word{transform:translateY(115%)}.loaded .name-word{animation:name-arrive 1.3s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--word)*.13s)}header,.hero-bottom{animation-delay:1.7s}.hero h1{transform:translateY(calc(30px + var(--hero-scroll,0)*80px));opacity:calc(1 - var(--hero-scroll,0)*.65);letter-spacing:calc(-.085em + var(--hero-scroll,0)*.025em)}
.light-word{color:#acbdcc;transition:color .22s}.light-word.lit{color:var(--ink)}.intro h2.reveal{opacity:1;transform:none}.project-art>img:not(.morii-photo),.project-art>.legal-title,.project-art>.maverick-title{translate:0 var(--art-shift,0px)}.morii-photo{height:115%;min-height:115%;translate:0 var(--art-shift,0px)}
.about-section{padding:80px 7% 150px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%;overflow:hidden}.portrait-stage{position:relative;aspect-ratio:1;display:grid;place-items:center}.portrait-disc{width:82%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#fff;position:relative;z-index:2;transform:rotate(var(--portrait-turn,0deg));transition:transform .15s linear}.portrait-disc img{display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.portrait-orbit{position:absolute;border:1px solid #8aa5ba;border-radius:50%;width:98%;height:98%;transform:rotate(var(--portrait-turn,0deg))}.orbit-two{width:89%;height:89%;border-style:dashed;animation:portrait-orbit 90s linear infinite}.orbit-one:after{content:'';width:13px;height:13px;background:#38668b;position:absolute;left:12%;top:14%;border-radius:50%}.sketch-flourish{position:absolute;width:35%;bottom:0;right:-8%;z-index:3;overflow:visible}.sketch-flourish path{fill:none;stroke:#355e7d;stroke-width:2;stroke-dasharray:280;stroke-dashoffset:280}.portrait-stage.in-view .sketch-flourish path{animation:draw-line 1.5s .3s ease forwards}.portrait-stage.in-view .portrait-disc{animation:portrait-open 1.3s cubic-bezier(.16,1,.3,1) both}@keyframes portrait-open{from{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes portrait-orbit{to{rotate:360deg}}@keyframes draw-line{to{stroke-dashoffset:0}}.about-copy h2{font-size:clamp(45px,5vw,80px);font-weight:500;letter-spacing:-.06em;line-height:1.05;margin-bottom:35px}.about-copy .light-text{font-size:clamp(24px,2.7vw,40px);line-height:1.3;letter-spacing:-.035em;margin-bottom:25px}.about-copy>p:not(.light-text){font-size:16px;line-height:1.8;margin-top:18px;max-width:500px;color:#536059}.about-link{display:inline-flex;gap:50px;border-bottom:1px solid #90a6b6;margin-top:30px;padding-bottom:8px}.about-link span{transition:transform .3s}.about-link:hover span{transform:translate(5px,-5px)}.legal-title{max-width:88%;font-size:clamp(28px,5vw,80px)}
@media(max-width:800px){html,body{max-width:100%;overflow-x:clip}.hero{min-height:650px;height:90svh;justify-content:flex-start;align-items:center}.hero h1{white-space:normal;font-size:clamp(78px,22vw,160px);line-height:.98;letter-spacing:-.075em;width:100%;transform:translateY(calc(var(--hero-scroll,0)*40px))}.hero .name-mask{display:block;width:100%;overflow:hidden;padding-right:.08em}.hero .name-mask:nth-child(2){text-align:right}.hero-bottom p{max-width:calc(100% - 60px)}.hero-bottom p br{display:none}.hero-bottom{bottom:35px}.footer-wordmark{font-size:17.3vw}.intro{gap:30px}.intro h2{font-size:clamp(32px,8.5vw,48px)}.about-section{padding:15px 6% 85px;grid-template-columns:1fr;gap:60px}.portrait-stage{width:min(100%,430px);justify-self:center}.about-copy h2{font-size:48px}.about-copy .light-text{font-size:30px}.about-copy>p:not(.light-text){font-size:15px}.section-title h2{font-size:clamp(40px,11.5vw,58px)}.project-heading h3{overflow-wrap:anywhere}.project-description>p,.project-description .contribution{overflow-wrap:anywhere}.legal-title{font-size:8vw}.legal-title span{font-size:7px;letter-spacing:1px}.email{max-width:100%;overflow-wrap:anywhere}.site-loader .loader-name{flex-direction:column;line-height:.95;font-size:25vw}.contact h2{font-size:clamp(39px,12vw,60px)}#menu a{font-size:32px}.skills h2{font-size:clamp(36px,10vw,48px)}}
@media(prefers-reduced-motion:reduce){.site-loader{display:none}.light-word{color:var(--ink)}.hero h1{opacity:1;transform:none}.portrait-disc,.portrait-orbit{transform:none!important}.sketch-flourish path{stroke-dashoffset:0}.project-art>img,.project-art>.legal-title,.project-art>.maverick-title{translate:none}}

/* Leave actual glyph bounds visible instead of clipping them to line boxes. */
.hero h1{line-height:1.18;padding-block:.08em;max-width:100%;letter-spacing:-.075em}
.hero .name-mask{overflow:visible;padding:0;margin:0;line-height:inherit;vertical-align:baseline}
.hero .name-word{line-height:inherit}
@keyframes name-arrive{from{opacity:0;transform:translateY(.22em);clip-path:inset(100% -.15em -.25em)}to{opacity:1;transform:translateY(0);clip-path:inset(-.25em -.15em -.25em)}}
body:has(.site-loader):not(.loaded) .name-word{transform:translateY(.22em);opacity:0}
.sketch-flourish{display:none}
@media(max-width:800px){.hero h1{font-size:clamp(72px,21vw,150px);line-height:1.14;padding-block:.1em}.hero .name-mask{overflow:visible;width:100%;padding:0;margin:0}.hero .name-mask:nth-child(2){text-align:right}}
@media(prefers-reduced-motion:reduce){.hero .name-word{clip-path:none;opacity:1;transform:none}}

/* Keep the portrait stable while the surrounding orbit provides motion. */
.portrait-disc,.portrait-stage.in-view .portrait-disc{animation:none;clip-path:none;transform:none;transition:none;aspect-ratio:1 / 1;isolation:isolate}.portrait-disc img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:normal;transform:none;translate:none}.portrait-orbit{transform:none}
/* Persistent navigation with a readable glass surface after scrolling. */
#app>header{position:fixed;inset:0 0 auto;z-index:40;background:transparent;border-bottom:1px solid transparent;transition:background .3s,border-color .3s,box-shadow .3s;isolation:isolate}
#app>header.is-scrolled{background:rgba(237,245,252,.84);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);border-bottom-color:rgba(136,165,188,.22);box-shadow:0 6px 30px rgba(19,48,70,.05)}
#menu{z-index:45;max-height:calc(100dvh - 115px);overflow-y:auto}
@supports not (backdrop-filter:blur(1px)){#app>header.is-scrolled{background:rgba(237,245,252,.97)}}
@media(max-width:800px){#menu{top:86px;max-height:calc(100dvh - 100px)}}
/* Soft brand-toned colour wash follows the pointer. */
.project-art.africalli{--hover-tint:97,164,150}.project-art.can{--hover-tint:169,125,184}.project-art.maverick{--hover-tint:188,158,125}
.project-art.africalli:after,.project-art.can:after,.project-art.maverick:after{background:radial-gradient(ellipse 520px 420px at var(--pointer-x,50%) var(--pointer-y,50%),rgba(var(--hover-tint),.19) 0%,rgba(var(--hover-tint),.08) 43%,rgba(var(--hover-tint),0) 80%);mix-blend-mode:normal}

/* Deeper brand surfaces give the light pointer glow room to show. */
.project-art.africalli{background:#123c35;--hover-light:157,225,195}.project-art.can{background:#0a2945;--hover-light:139,207,250}.project-art.maverick{background:#29251f;color:#efe8db;--hover-light:237,215,178}
.africalli-logo{width:48%;max-width:600px;filter:none}.can-logo{filter:brightness(1.8) saturate(.85);width:38%}.maverick-title{color:#efe8db}
.africalli .brand-rings{border-color:#47796b;box-shadow:0 0 0 35px #17483e,0 0 0 36px #3a6a5c,0 0 0 75px #164239,0 0 0 76px #345f52}
.project-art.africalli:after,.project-art.can:after,.project-art.maverick:after{background:radial-gradient(ellipse 430px 350px at var(--pointer-x,50%) var(--pointer-y,50%),rgba(var(--hover-light),.34) 0%,rgba(var(--hover-light),.16) 32%,rgba(var(--hover-light),0) 76%);mix-blend-mode:screen}
@media(max-width:800px){.africalli-logo{width:65%}.can-logo{width:58%}}

/* Original client-site imagery with a light editorial overlay. */
.project-art .site-photo{position:absolute;inset:-5% 0;width:100%;height:110%;max-width:none;object-fit:cover;filter:brightness(.68);translate:0 var(--art-shift,0px);transition:transform .9s cubic-bezier(.16,1,.3,1),filter .6s;z-index:0}.project-art:hover .site-photo{transform:scale(1.035);filter:brightness(.78)}
.photo-project-name{position:relative;z-index:2;color:#fff;font-size:clamp(40px,6.5vw,100px);line-height:1.05;font-weight:500;letter-spacing:-.055em;text-align:center;max-width:85%;text-shadow:0 2px 25px #0004}.project-art.can .photo-project-name{max-width:760px}.project-art.maverick .site-photo{object-position:center}.project-art.legal .site-photo{object-position:center}
.project-art.africalli:after,.project-art.can:after,.project-art.maverick:after,.project-art.legal:after,.project-art.morii:after{background:radial-gradient(ellipse 430px 350px at var(--pointer-x,50%) var(--pointer-y,50%),rgba(255,255,255,.32),rgba(255,255,255,.1) 38%,transparent 76%);mix-blend-mode:screen}
@media(max-width:800px){.photo-project-name{font-size:clamp(30px,8vw,58px);max-width:83%}.project-art.can .photo-project-name{font-size:clamp(29px,7.5vw,52px)}}
@media(prefers-reduced-motion:reduce){.project-art .site-photo{translate:none!important;transform:none!important}}