@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url('/assets/barlow-condensed-700.ttf') format('truetype')}
 .portfolio-hero,.site-header{width:calc(100% - 56px);max-width:1744px;margin-inline:auto}.portfolio-hero{overflow:hidden;background:#170f21;border-radius:24px}.hero-scene{position:relative;height:clamp(450px,calc(100svh - 104px),850px);isolation:isolate;overflow:hidden;background:#170f21}.parallax-backdrop{position:absolute;inset:-80px;z-index:0;transform:translate3d(var(--bg-x,0px),var(--bg-y,0px),0);pointer-events:none}.parallax-backdrop img{width:100%;height:100%;object-fit:cover;filter:brightness(.38) saturate(.35)}.parallax-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#282156,#0b0816a1 50%,#270a4c),linear-gradient(0deg,#000000,#00000040 65%)}.parallax-subject{position:absolute;left:20%;bottom:0;width:60%;height:92%;z-index:3;pointer-events:none;transform:translate3d(var(--subject-x,0px),0,0)}.parallax-subject img{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:auto;height:100%;max-width:none}.hero-left{position:absolute;left:5%;top:50%;transform:translateY(-50%);width:29%;z-index:4}.hero-greeting{position:relative;font-size:12px;line-height:1.7}.hero-greeting>span{color:#c3a0e4}.hero-greeting p{font-size:11px;color:#f2eee6;margin-top:5px}.hero-message{position:relative;margin-top:28px;z-index:2;pointer-events:none;transform:translate3d(var(--type-x,0px),var(--type-y,0px),0)}.hero-message h1{font-family:"Nebulica","Instrument Sans",sans-serif;font-weight:500;font-size:clamp(44px,4.4vw,64px);line-height:1.14;letter-spacing:-.025em;color:#f2eee6}.hero-word-one,.hero-word-two{position:static;display:block}.hero-summary{text-align:right;position:absolute;right:4%;top:34%;width:23%;max-width:310px;z-index:4}.hero-note{font-size:17px;line-height:1.6;color:#f2eee6}.hero-summary p{font-size:15px;line-height:1.65;color:#d3c9de;margin:16px 0}.hero-project-actions{position:relative;margin-top:30px;z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.hero-project-actions>a:first-child{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;min-height:52px;min-width:200px;width:auto;height:auto;padding:14px 20px;border-radius:9px;background:#7631aa;border:1px solid #9d61c4}.hero-project-actions>a:first-child>span:first-child{font-size:13px;line-height:1.5;text-align:left}.round-arrow .px-icon{width:25px;height:25px}.hero-work-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:11px;border-bottom:1px solid #725486;padding:10px 0}.hero-location{position:absolute;right:4%;top:8%;z-index:4;font-size:11px;line-height:1.7;text-align:right;color:#f2eee6}.hero-location span{font-size:10px;color:#c2b6ce}.hero-location i{display:inline-block;width:5px;height:5px;background:#43d59c;border-radius:50%;margin-right:5px}

@media(min-width:1100px) and (max-height:650px){.hero-scene{height:calc(100svh - 104px);min-height:400px}.hero-message h1{font-size:48px}.hero-summary{top:27%}.hero-summary p{font-size:13px}.hero-project-actions{margin-top:22px}.hero-project-actions>a:first-child{min-height:48px;padding:12px 18px}.parallax-subject{height:80%}}
@media(max-width:1099px){.hero-left{display:contents}.hero-message,.hero-project-actions{margin-top:0}.parallax-backdrop,.hero-message,.parallax-subject{transform:none!important}.portfolio-hero,.site-header{width:calc(100% - 32px)}.hero-scene{height:auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"hello location" "title title" "portrait summary" "portrait action" ;padding:30px 28px 0;gap:25px}.hero-greeting{position:relative;grid-area:hello;inset:auto}.hero-location{position:relative;grid-area:location;inset:auto}.hero-message{position:relative;grid-area:title;inset:auto}.hero-message h1{font-size:clamp(36px,6vw,64px);display:flex;flex-wrap:wrap;gap:0 20px;justify-content:center}.hero-word-one,.hero-word-two{position:static}.parallax-subject{position:relative;grid-area:portrait;inset:auto;width:100%;height:clamp(300px,48vw,390px);align-self:end;margin-bottom:0}.hero-summary{position:relative;grid-area:summary;inset:auto;width:100%;max-width:450px;align-self:end}.hero-summary p{font-size:15px}.hero-project-actions{position:relative;grid-area:action;inset:auto;align-self:start;flex-wrap:wrap;gap:12px}.hero-project-actions>a:first-child{width:auto;height:auto;min-height:50px;padding:13px 18px;border-radius:10px;flex-direction:row;gap:12px}.hero-project-actions>a:first-child>span:first-child br{display:none}.hero-work-link{font-size:11px}}
@media(max-width:699px){.hero-scene{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"hello location" "title title" "summary summary" "action action" "portrait portrait";padding:24px 18px 0;gap:22px 12px}.hero-greeting{font-size:11px}.hero-greeting p{font-size:10px}.hero-location{font-size:10px}.hero-location span{font-size:10px}.hero-message h1{font-size:clamp(36px,9vw,62px);gap:5px 14px}.hero-project-actions{flex-direction:row;justify-content:center;align-items:center}.hero-work-link{font-size:12px}.hero-project-actions>a:first-child>span:first-child{font-size:12px}.parallax-subject{height:clamp(270px,77vw,370px);width:100%}.hero-summary{text-align:center;max-width:500px;margin:0 auto;align-self:start}.hero-summary p{margin:12px 0 0}.parallax-subject{align-self:end;line-height:0}.parallax-subject img{bottom:0}.hero-summary p{font-size:15px}.hero-note br{display:none}.parallax-backdrop{inset:-40px}.parallax-backdrop img{filter:brightness(.3) saturate(.35)}}
@media(prefers-reduced-motion:reduce){.parallax-backdrop,.hero-message,.parallax-subject{transform:none!important}}

/* Invert/dither is contained in the backdrop stacking context, below portrait and copy. */
.hero-scene .parallax-backdrop:after{z-index:1}.hero-dither-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.hero-dither-canvas{display:none}}