@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Instrument+Serif:ital@0;1&display=swap";:root{color:#111;font-synthesis:none;--blue:#c8ddff;--ink:#111;--paper:#f7f7f3;background:#f7f7f3;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{min-width:320px;margin:0;overflow-x:hidden}body.intro-active{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell{min-height:100vh}.cursor-field{z-index:2000;pointer-events:none;position:fixed;inset:0}@media (pointer:fine) and (width>=700px){body,a,button{cursor:none}}.intro-sequence{z-index:1000;color:#fff;pointer-events:none;background:#000;animation:.85s cubic-bezier(.76,0,.24,1) 3.05s forwards introExit;position:fixed;inset:0;overflow:hidden}.intro-rule{transform-origin:50%;background:#ffffff38;position:absolute}.intro-rule-horizontal{height:1px;animation:.8s .25s forwards ruleAcross;top:50%;left:0;right:0;transform:scaleX(0)}.intro-rule-vertical{width:1px;animation:.8s .25s forwards ruleDown;top:0;bottom:0;left:50%;transform:scaleY(0)}.intro-name{z-index:2;white-space:nowrap;align-items:baseline;line-height:.74;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro-initial{letter-spacing:-.11em;font-size:clamp(10rem,31vw,34rem);font-weight:400;animation:1.9s cubic-bezier(.76,0,.24,1) .35s forwards initialShift;display:inline-block}.intro-letters{letter-spacing:-.075em;text-transform:uppercase;max-width:0;font-size:clamp(3.1rem,10vw,10.5rem);font-weight:400;animation:1.25s cubic-bezier(.76,0,.24,1) 1.15s forwards lettersOpen;display:flex;overflow:hidden}.intro-letters i{opacity:0;animation:introLetter .55s calc(1.22s + var(--letter) * 45ms) cubic-bezier(.2,.8,.2,1) forwards;font-style:normal;display:inline-block;transform:translateY(1em)rotate(7deg)}.intro-role,.intro-index{letter-spacing:.14em;text-transform:uppercase;opacity:0;margin:0;font-size:.65rem;animation:.55s 1.8s forwards smallCopyIn;position:absolute;bottom:2.3rem}.intro-role{left:2.5rem}.intro-index{right:2.5rem}.intro-thumb{z-index:1;aspect-ratio:4/5;opacity:0;width:clamp(62px,9vw,145px);transform:translateY(35px) rotate(var(--tilt));animation:thumbArrive .7s calc(1.35s + var(--delay)) cubic-bezier(.2,.8,.2,1) forwards;margin:0;position:absolute;overflow:hidden}.intro-thumb img{object-fit:cover;width:100%;height:100%;display:block}.intro-thumb-1{--tilt:-7deg;--delay:0s;top:11%;left:6%}.intro-thumb-2{--tilt:5deg;--delay:90ms;top:13%;right:8%}.intro-thumb-3{--tilt:8deg;--delay:.18s;bottom:10%;left:14%}.intro-thumb-4{--tilt:-5deg;--delay:.27s;bottom:8%;right:15%}.intro-thumb-5{--tilt:3deg;--delay:.36s;width:clamp(48px,6vw,95px);top:5%;left:44%}.intro-thumb-6{--tilt:-9deg;--delay:.45s;width:clamp(48px,6vw,95px);bottom:5%;right:32%}.intro-curtain{z-index:10;pointer-events:none;border:0 solid #fff;animation:.38s 2.66s both framePulse;position:absolute;inset:0}@keyframes ruleAcross{to{transform:scaleX(1)}}@keyframes ruleDown{to{transform:scaleY(1)}}@keyframes initialShift{55%{font-size:clamp(10rem,31vw,34rem)}to{letter-spacing:-.075em;font-size:clamp(3.1rem,10vw,10.5rem)}}@keyframes lettersOpen{to{max-width:9em}}@keyframes introLetter{to{opacity:1;transform:none}}@keyframes smallCopyIn{to{opacity:.72}}@keyframes thumbArrive{to{opacity:.88;transform:translateY(0) rotate(var(--tilt))}}@keyframes framePulse{50%{border-width:7px}}@keyframes introExit{to{opacity:0;clip-path:inset(0 0 100%);visibility:hidden}}.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f7f3d1;border-bottom:1px solid #1111111f;justify-content:space-between;align-items:center;height:84px;padding:0 3.2vw;display:flex;position:relative}.wordmark{place-items:center;width:48px;height:48px;display:inline-grid;position:relative}.olivia-logo{width:44px;height:44px;transition:transform .45s cubic-bezier(.2,.8,.2,1);display:block;overflow:visible}.olivia-logo-ring{fill:#fff}.olivia-logo-spark{fill:#050505;transform-origin:60px 60px;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.wordmark:hover .olivia-logo{transform:rotate(-8deg)scale(1.08)}.wordmark:hover .olivia-logo-spark{transform:translate(14px,7px)scale(.36)rotate(45deg)}.wordmark-label{color:#fff;letter-spacing:.12em;text-transform:uppercase;opacity:0;pointer-events:none;font-size:.68rem;font-weight:500;transition:opacity .3s,transform .3s;position:absolute;top:50%;left:calc(100% + .55rem);transform:translate(-8px,-50%)}.wordmark:hover .wordmark-label{opacity:.72;transform:translateY(-50%)}.nav{text-transform:uppercase;letter-spacing:.07em;gap:2.4rem;font-size:.82rem;display:flex}.nav a{position:relative}.nav a:after{content:"";background:currentColor;height:1px;transition:right .3s;position:absolute;bottom:-5px;left:0;right:100%}.nav a:hover:after,.nav a.active:after{right:0}.nav a:focus-visible,.wordmark:focus-visible,.menu-button:focus-visible,.pill-link:focus-visible,.contact-email:focus-visible{outline-offset:7px;outline:1px solid #ffffffd9}.menu-button{text-transform:uppercase;letter-spacing:.08em;background:0 0;border:0;display:none}.page-transition{animation:.65s cubic-bezier(.2,.8,.2,1) pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}}.eyebrow{letter-spacing:.13em;text-transform:uppercase;font-size:.72rem;line-height:1.5}.hero{flex-direction:column;justify-content:space-between;min-height:calc(100vh - 84px);padding:5vw 3.2vw 2.5vw;display:flex;position:relative;overflow:hidden}.hero>.eyebrow{margin:0}.hero h1{letter-spacing:-.085em;text-transform:uppercase;margin:auto 0;font-size:clamp(7.5rem,20vw,20rem);font-weight:400;line-height:.72}.hero h1 span{display:block}.hero-word{overflow:hidden}.hero-word i{font-style:inherit;opacity:0;transform:translateY(115%)rotate(5deg);translate:var(--title-x,0) var(--title-y,0);rotate:var(--title-r,0deg);scale:var(--title-sx,1) var(--title-sy,1);will-change:translate, rotate, scale;animation:heroLetterIn .75s calc(3.15s + var(--letter) * 45ms) cubic-bezier(.2,.8,.2,1) forwards;transition:translate .24s cubic-bezier(.2,.8,.2,1),rotate .3s,scale .3s;display:inline-block}@keyframes heroLetterIn{to{opacity:1;transform:none}}.hero h1 span:last-child{text-align:right;text-transform:none;padding-right:.1em;font-family:Instrument Serif,serif;font-style:italic;font-weight:400}.hero h1 sup{color:#fff;vertical-align:top;margin-left:.08em;font-size:.14em}.hero-bottom{justify-content:space-between;align-items:flex-end;display:flex}.hero-bottom p{max-width:430px;margin:0;font-size:1.1rem;line-height:1.45}.round-link{text-transform:uppercase;letter-spacing:.08em;border:1px solid #111;border-radius:50%;place-items:center;width:58px;height:58px;font-size:.65rem;transition:all .3s;display:grid}.round-link:hover{color:#fff;background:#111;transform:rotate(-20deg)}.float-note{background:var(--blue);text-align:center;border-radius:50%;padding:12px 16px;font-family:Instrument Serif,serif;font-style:italic;animation:5s ease-in-out infinite float;position:absolute;transform:rotate(-7deg)}.note-one{top:18%;right:7%}.note-two{background:#fff;border:1px solid #111;animation-delay:-2s;bottom:24%;left:3%;transform:rotate(8deg)}@keyframes float{50%{translate:0 -9px;rotate:3deg}}.marquee{white-space:nowrap;border-block:1px solid #111;padding:.8rem 0;font-family:Instrument Serif,serif;font-size:2rem;font-style:italic;overflow:hidden}.marquee div{width:max-content;animation:28s linear infinite marquee}@keyframes marquee{to{transform:translate(-50%)}}.selected{padding:9vw 3.2vw}.section-heading{grid-template-columns:1fr 2fr 1fr;align-items:end;margin-bottom:6vw;display:grid}.section-heading h2{letter-spacing:-.06em;margin:0;font-size:clamp(3.6rem,7vw,7.5rem);font-weight:400;line-height:.87}.section-heading>p:last-child{text-align:right}.project-grid{grid-template-columns:repeat(12,1fr);gap:6vw 1.5vw;display:grid}.project-card,.project-card:nth-child(n){grid-column:span 6;transition:transform .55s cubic-bezier(.2,.8,.2,1);display:block;position:relative}.project-card:hover{transform:translateY(-6px)}.project-visual{aspect-ratio:1.2;background:var(--accent);isolation:isolate;place-items:center;display:grid;position:relative;overflow:hidden}.project-visual.project-image{background:#111}.project-visual.project-image:after{display:none}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .5s}.project-motion video{object-fit:cover;width:100%;height:100%}.motion-label{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:.1em;background:#f7f7f3e0;border-radius:100px;padding:.55rem .75rem;font-size:.65rem;position:absolute;bottom:1rem;right:1rem}.project-card:hover .project-image img{filter:saturate(1.08);transform:scale(1.025)}.project-visual:after{content:"";mix-blend-mode:overlay;background:radial-gradient(circle at 30% 20%,#ffffff73,#0000 40%);position:absolute;inset:0}.visual-word{letter-spacing:-.08em;text-transform:uppercase;z-index:2;font-size:clamp(3rem,7vw,8rem);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.project-card:hover .visual-word{transform:scale(1.15)rotate(-3deg)}.project-visual i{aspect-ratio:1;border:1px solid #111;border-radius:50%;width:32%;transition:transform .6s;position:absolute}.project-visual i:first-of-type{translate:-60% -45%}.project-visual i:nth-of-type(2){translate:58% 45%}.project-visual i:nth-of-type(3){border-radius:0;width:22%;rotate:45deg}.project-card:hover .project-visual i:first-of-type{transform:translate(-20px,30px)scale(1.5)}.project-card:hover .project-visual i:nth-of-type(2){transform:translate(20px,-30px)scale(.7)}.visual-frame .visual-word{font-family:Instrument Serif,serif;font-style:italic}.visual-signal{background:linear-gradient(145deg, var(--accent), #f7f7f3 52%, #a8c6f2)}.editorial-cover{aspect-ratio:1.18;isolation:isolate;background:#161616;border:1px solid #ffffff2e;position:relative;overflow:hidden}.cover-media{position:absolute;overflow:hidden}.cover-media img,.cover-media video{object-fit:cover;filter:none;width:100%;height:100%;display:block}.cover-media-primary{inset:0}.cover-media-primary img,.cover-media-primary video{animation:9s ease-in-out infinite alternate coverBreathe}.cover-media-secondary{opacity:0;animation:8s ease-in-out infinite coverSwap;inset:0}.cover-view{z-index:4;color:#050505;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.12em;text-transform:uppercase;opacity:0;background:#ffffffeb;padding:.55rem .72rem;font-size:.58rem;transition:all .35s;position:absolute;bottom:1rem;right:1rem;transform:translateY(8px)}.project-card:hover .cover-view{opacity:1;transform:none}.project-card:hover .cover-media-primary img,.project-card:hover .cover-media-primary video{transition:transform .8s cubic-bezier(.2,.8,.2,1);animation-play-state:paused;transform:scale(1.055)}@keyframes coverBreathe{0%{transform:scale(1.01)}to{transform:scale(1.07)translate(-1%,1%)}}@keyframes coverSwap{0%,38%{opacity:0;transform:scale(1.08)}48%,84%{opacity:1;transform:scale(1)}94%,to{opacity:0;transform:scale(1.03)}}.cover-01{background:var(--accent)}.cover-01 .cover-media-primary{inset:6% 22% 6% 4%;transform:rotate(-1deg)}.cover-01 .cover-media-secondary{opacity:1;border:3px solid #101010;animation:7s ease-in-out infinite alternate coverFloatRight;inset:10% 4% 10% 60%}@keyframes coverFloatRight{to{transform:translateY(-4%)rotate(2deg)}}.cover-02{background:#ecece8}.cover-02 .cover-media-primary{inset:7% 7% 25%}.cover-02 .cover-media-secondary{opacity:1;border:1px solid #050505;animation:6s ease-in-out infinite alternate coverSlideUp;inset:57% 7% 5% 58%}@keyframes coverSlideUp{to{transform:translate(-8%,-12%)rotate(-3deg)}}.cover-03{background:#d5b7b0}.cover-03 .cover-media-primary{inset:0 42% 0 0}.cover-03 .cover-media-secondary{opacity:1;animation:8s ease-in-out infinite alternate coverSplit;inset:0 0 0 60%}.cover-03:after{content:"";z-index:2;background:#d5b7b0;width:2%;position:absolute;top:0;bottom:0;left:58%}@keyframes coverSplit{to{transform:translate(-8%)}}.cover-04{background:#e9e9e3}.cover-04 .cover-media-primary{inset:5% 5% 5% 29%}.cover-04 .cover-media-secondary{aspect-ratio:1;opacity:1;border:4px solid #e9e9e3;border-radius:50%;width:31%;animation:7s ease-in-out infinite alternate coverOrbit;top:8%;left:4%}@keyframes coverOrbit{to{transform:translate(12%,85%)rotate(8deg)}}.cover-05{background:#7e100c}.cover-05 .cover-media-primary{inset:0}.cover-05 .cover-media-secondary{opacity:.8;mix-blend-mode:screen;border:1px solid #ffffffb3;animation:5s ease-in-out infinite alternate coverPulse;inset:12% 5% 10% 64%}@keyframes coverPulse{to{opacity:1;transform:scale(1.12)translate(-18%)}}.cover-06{background:#f2f2ee}.cover-06 .cover-media-primary{border:1px solid #050505;inset:9% 6%}.cover-06:before{content:"FRAME / FRAME / FRAME / FRAME / FRAME";z-index:3;white-space:nowrap;color:#050505;letter-spacing:.18em;font-size:.58rem;position:absolute;top:2%;left:0;right:0;overflow:hidden}.cover-07{background:#111}.cover-07 .cover-media-primary{inset:4% 48% 4% 4%}.cover-07 .cover-media-secondary{opacity:1;animation:7s ease-in-out infinite alternate coverPosterShift;inset:4% 4% 4% 56%}@keyframes coverPosterShift{to{transform:translate(-7%)rotate(2deg)}}.project-meta{grid-template-columns:40px 1fr auto;align-items:baseline;gap:.7rem;margin-top:1rem;display:grid}.project-meta h3{letter-spacing:-.04em;margin:0;font-size:1.5rem;font-weight:500}.project-meta span,.project-card>p{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.project-card>p{color:#666;margin-left:40px}.project-reveal{display:none}.project-reveal b{text-transform:uppercase;letter-spacing:.08em;margin-top:.8rem;font-size:.75rem;display:block}.project-card:hover .project-reveal{opacity:1;transform:none}.text-link{text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #111;justify-content:space-between;margin-top:7vw;padding:1.5rem 0;font-size:.78rem;display:flex}.home-about{background:var(--blue);text-align:center;margin-top:2vw;padding:8vw 3.2vw}.statement{letter-spacing:-.055em;max-width:1100px;margin:5vw auto;font-size:clamp(3rem,6.5vw,7rem);line-height:.95}.statement em,.page-intro em,.contact-page em{font-family:Instrument Serif,serif;font-weight:400}.pill-link{text-transform:uppercase;letter-spacing:.08em;border:1px solid #111;border-radius:100px;align-items:center;gap:2rem;padding:.9rem 1.2rem;font-size:.75rem;transition:all .3s;display:inline-flex}.pill-link:hover{color:#fff;background:#111}footer{color:#f7f7f3;background:#111;grid-template-columns:1fr 1fr 1fr;padding:3rem 3.2vw;font-size:.78rem;line-height:1.6;display:grid}footer p:last-child{text-align:right}.footer-center{text-align:center}.page-main{padding:0 3.2vw 10vw}.page-intro{grid-template-columns:1fr 3fr;align-content:space-between;min-height:70vh;padding:7vw 0;display:grid}.page-intro h1{letter-spacing:-.07em;grid-column:1/-1;margin:5vw 0 2vw;font-size:clamp(4.5rem,10vw,11rem);font-weight:400;line-height:.83}.page-intro>p:last-child{grid-column:2;max-width:460px;font-size:1.1rem;line-height:1.5}.work-list{border-top:1px solid #111}.work-row{border-bottom:1px solid #111;grid-template-columns:5vw 2fr 1fr auto;align-items:center;gap:2rem;padding:2rem .5rem;transition:background .3s,padding .3s;display:grid}.work-row:hover{background:var(--blue);padding-inline:1.5rem}.work-row h2{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,4vw,4.5rem);font-weight:400}.work-row span,.work-row p{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.project-page{padding:0 3.2vw 8vw}.project-hero{flex-direction:column;justify-content:space-between;min-height:65vh;padding:7vw 0 4vw;display:flex}.project-hero h1{letter-spacing:-.075em;margin:3vw 0;font-size:clamp(5rem,13vw,14rem);font-weight:400;line-height:.75}.project-summary{border-top:1px solid #111;grid-template-columns:2fr 1fr;gap:5vw;padding-top:1.2rem;display:grid}.project-summary>p{max-width:600px;margin:0;font-size:1.25rem;line-height:1.45}.project-summary span{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;line-height:1.7}.project-visual.large{aspect-ratio:1.75}.project-visual.large .visual-word{font-size:clamp(7rem,18vw,20rem)}.project-details{grid-template-columns:1fr 2fr 1fr;gap:4vw;padding:9vw 0;display:grid}.large-copy{letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,3vw,3.2rem);line-height:1.18}.project-details>div p:not(.eyebrow){border-bottom:1px solid #aaa;padding-bottom:.6rem}.project-external{text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #111;margin-top:1.5rem;padding-bottom:.35rem;font-size:.72rem;display:inline-block}.project-gallery{grid-template-columns:repeat(12,1fr);gap:1.5vw;display:grid}.project-gallery img{background:#111;grid-column:span 7;width:100%;height:auto;display:block}.project-gallery img:nth-child(3n+2){grid-column:span 5}.project-gallery img:nth-child(3n){grid-column:span 12}.project-video{margin:8vw 0 0}.project-video iframe,.project-video video{aspect-ratio:16/9;background:#111;border:0;width:100%;display:block}.project-video figcaption{text-transform:uppercase;letter-spacing:.1em;margin-top:.8rem;font-size:.72rem}.next-project{border-block:1px solid #111;grid-template-columns:1fr auto auto;align-items:center;gap:3vw;margin-top:8vw;padding:3vw 0;display:grid}.next-project strong{letter-spacing:-.06em;font-size:clamp(3rem,7vw,8rem);font-weight:400}.about-intro h1{max-width:1300px}.about-body{grid-template-columns:1fr 1.2fr;align-items:start;gap:8vw;padding-bottom:10vw;display:grid}.portrait-placeholder{background:var(--blue);color:#56759d;text-transform:uppercase;letter-spacing:.1em;place-items:center;min-height:70vh;font-size:.72rem;display:grid;position:relative;overflow:hidden}.portrait-placeholder i{color:#f7f7f3;opacity:.55;font-size:18rem;font-style:normal;position:absolute}.portrait-image{aspect-ratio:3/4;isolation:isolate;border-radius:0 8rem 0 0;min-height:0;margin:0;display:block}.portrait-image:after{content:"";z-index:1;pointer-events:none;mix-blend-mode:difference;border:1px solid #ffffff3d;position:absolute;inset:0}.portrait-image img{object-fit:cover;object-position:52% 50%;filter:grayscale()contrast(1.08)brightness(.96);width:100%;height:100%;transition:filter .45s,transform .8s cubic-bezier(.2,.8,.2,1);display:block;transform:scale(1.01)}.portrait-image:hover img{filter:grayscale()contrast(1.18)brightness(1.04);transform:scale(1.045)}.portrait-image figcaption{z-index:2;color:#050505;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.14em;text-transform:uppercase;background:#ffffffe0;justify-content:space-between;padding:.7rem .85rem;font-size:.62rem;display:flex;position:absolute;bottom:1rem;left:1rem;right:1rem}.about-copy>p:not(.large-copy){max-width:580px;margin:2rem 0;line-height:1.6}.services{border-top:1px solid #111;grid-template-columns:1fr 3fr;padding-top:2rem;display:grid}.services div p{letter-spacing:-.05em;border-bottom:1px solid #aaa;margin:0;padding:.6rem 0;font-size:clamp(2rem,5vw,5.5rem)}.services span{letter-spacing:.08em;width:4rem;font-size:.7rem;display:inline-block}.cv-intro{position:relative}.cv-intro .pill-link{position:absolute;bottom:7vw;right:0}.cv-grid{border-top:1px solid #111;grid-template-columns:1fr 3fr;display:grid}.cv-grid>h2,.cv-items{border-bottom:1px solid #aaa;padding:3rem 0}.cv-grid h2{text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:.85rem;font-weight:400}.cv-items{grid-template-columns:repeat(2,1fr);gap:4vw;display:grid}.cv-items article span{text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.cv-items h3{font-size:1.5rem;font-weight:400;line-height:1.2}.cv-items p{color:#666;line-height:1.5}.edit-note{background:var(--blue);max-width:700px;margin:5vw 0 0 auto;padding:1.3rem;line-height:1.5}.contact-page{background:var(--blue);flex-direction:column;min-height:calc(100vh - 84px);padding:7vw 3.2vw 3vw;display:flex}.contact-page h1{letter-spacing:-.07em;margin:auto 0 6vw;font-size:clamp(5rem,12vw,13rem);font-weight:400;line-height:.77}.contact-email{border-bottom:1px solid #111;justify-content:space-between;padding:1rem 0;font-size:clamp(1.2rem,2vw,2rem);display:flex}.contact-bottom{justify-content:space-between;align-items:end;margin-top:3vw;font-size:.8rem;line-height:1.5;display:flex}.contact-bottom div{gap:2rem;display:flex}.not-found{min-height:70vh;padding:10vw 3.2vw}.not-found h1{letter-spacing:-.06em;font-size:clamp(4rem,10vw,10rem);font-weight:400}:root{color:#f5f5f2;--blue:#111;--ink:#f5f5f2;--paper:#050505;--klein:#fff;background:#050505}body{color:var(--ink);background:var(--paper)}.site-header{background:#050505d6;border-bottom-color:#ffffff2e}.menu-button{color:inherit}.wordmark span,.hero h1 sup{color:#fff}.round-link{border-color:#fff}.round-link:hover{color:#050505;background:var(--klein);border-color:var(--klein)}.float-note{color:#050505;background:#fff}.note-two{color:#fff;background:#050505;border-color:#fff}.marquee,.text-link,.work-list,.work-row,.project-summary,.project-external,.next-project,.services,.cv-grid,.contact-email{border-color:#ffffff6b}.project-visual:not(.project-image){color:#fff;background:#111}.project-visual i{border-color:#fff}.visual-lines{background:repeating-linear-gradient(90deg,#111 0 12%,#f7f7f3 12% 12.3%)}.visual-signal{color:#050505;background:linear-gradient(145deg,#050505,#f7f7f3 52%,#444)}.project-image img,.project-gallery img{filter:none}.project-card:hover .project-image img{filter:saturate(1.06)contrast(1.03)}.project-motion video,.project-video video{filter:none}.motion-label{color:#050505;background:#ffffffe6}.project-card>p,.cv-items p{color:#aaa}.project-reveal{color:#fff;background:#050505e6}.home-about{background:#0d0d0d;border-top:1px solid #ffffff40}.pill-link{border-color:#fff}.pill-link:hover{color:#050505;background:var(--klein);border-color:var(--klein)}footer{color:#f5f5f2;background:#050505;border-top:1px solid #ffffff47}.work-row:hover{color:#050505;background:var(--klein)}.nav a:hover,.nav a.active,.text-link:hover,.contact-email:hover,.project-card:hover .project-meta h3{color:var(--klein)}.project-details>div p:not(.eyebrow),.services div p,.cv-grid>h2,.cv-items{border-color:#ffffff52}.portrait-placeholder{color:#aaa;background:#0d0d0d;border:1px solid #ffffff4d}.portrait-placeholder i{color:#fff}.portrait-image{background:#050505;border-color:#ffffff38}.edit-note{color:#050505;background:#fff}.contact-page{background:#050505}@media (width<=760px){.intro-name{justify-content:center;width:100%}.intro-initial{font-size:44vw}.intro-letters{font-size:11.5vw}.intro-role,.intro-index{font-size:.55rem;bottom:1.25rem}.intro-role{left:1rem}.intro-index{right:1rem}.intro-thumb-3,.intro-thumb-6{display:none}.site-header{height:66px;padding:0 5vw}.menu-button{display:block}.nav{background:var(--blue);flex-direction:column;gap:1.5rem;height:calc(100vh - 66px);padding:10vw 5vw;font-size:2.3rem;transition:transform .4s;display:flex;position:fixed;inset:66px 0 auto;transform:translate(100%)}.nav.open{transform:none}.hero{min-height:calc(90vh - 66px);padding:8vw 5vw 5vw}.hero h1{font-size:27vw;line-height:.78}.hero h1 span:last-child{text-align:left}.float-note{font-size:.8rem}.note-one{top:18%;right:3%}.note-two{display:none}.hero-bottom p{max-width:75%;font-size:.9rem}.selected,.home-about,.page-main,.project-page{padding-inline:5vw}.section-heading{grid-template-columns:1fr;gap:1.4rem}.section-heading h2{font-size:16vw}.section-heading>p:last-child{text-align:left}.project-grid{display:block}.project-card{margin-bottom:4rem}.project-reveal{display:none}.project-meta{grid-template-columns:30px 1fr auto}.project-card>p{margin-left:30px}.statement{font-size:12vw}footer{grid-template-columns:1fr 1fr;padding-inline:5vw}.footer-center{display:none}.page-intro{grid-template-columns:1fr;min-height:65vh;padding:15vw 0}.page-intro h1{font-size:18vw}.page-intro>p:last-child{grid-column:1}.work-row{grid-template-columns:30px 1fr auto;gap:.5rem}.work-row p{grid-column:2;margin:0}.work-row h2{font-size:8vw}.project-hero{min-height:60vh;padding:14vw 0 8vw}.project-hero h1{font-size:22vw;line-height:.82}.project-summary{grid-template-columns:1fr}.project-visual.large{aspect-ratio:.9}.project-details,.about-body,.services{grid-template-columns:1fr}.project-details{gap:2rem}.project-gallery{display:block}.project-gallery img{margin-bottom:3vw}.project-video{margin-top:14vw}.next-project{grid-template-columns:1fr auto}.next-project strong{grid-area:2/1/auto/-1}.portrait-placeholder{min-height:55vh}.portrait-image{aspect-ratio:4/5;border-radius:0 4rem 0 0}.portrait-image figcaption{bottom:.8rem;left:.8rem;right:.8rem}.services{gap:2rem}.services div p{font-size:8vw}.cv-intro .pill-link{width:max-content;position:static}.cv-grid{grid-template-columns:1fr}.cv-grid>h2{border:0;padding:2rem 0 0}.cv-items{grid-template-columns:1fr;padding-top:1rem}.contact-page{min-height:calc(100vh - 66px);padding:14vw 5vw 7vw}.contact-page h1{font-size:19vw}.contact-bottom{align-items:start;gap:2rem}.contact-bottom div{text-align:right;flex-direction:column;gap:.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.intro-sequence{display:none}.hero-word i{opacity:1;transform:none}}