:root{--ink:#08151a;--paper:#fff;--gutter:4.1666667vw;font-family:Manrope,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}
.contact-heading{position:relative}.contact-heading h2{max-width:calc(100% - 280px)}.floating-talk{--talk-safe-bottom:env(safe-area-inset-bottom,0px);position:fixed;right:max(var(--gutter),env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;justify-content:center;width:250px;height:46px;background:#08151A;color:#fff;font-size:20px;font-weight:600;white-space:nowrap}.floating-talk.is-docked{position:absolute;top:50%;bottom:auto;transform:translateY(-50%)}body.detail-open .floating-talk{visibility:hidden}@media(max-width:700px){.contact-heading h2{max-width:100%}.contact-heading{padding-bottom:110px!important}.floating-talk{width:170px;height:44px;font-size:14px;bottom:calc(16px + env(safe-area-inset-bottom))}.floating-talk.is-docked{top:auto;bottom:32px;transform:none}}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a[href]{cursor:pointer}a:hover,a:focus,a:active{text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #5b8fff;outline-offset:5px}h1,h2,p{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:20px;top:-80px;z-index:20;padding:16px;background:white}.skip:focus{top:15px}.topbar{height:clamp(64px,4.27vw,82px);padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:white;font-size:clamp(14px,1.04vw,20px);font-weight:500}.headline{padding:clamp(38px,3.3vw,63px) var(--gutter) clamp(38px,2.92vw,56px)}h1,h2{font-size:clamp(28px,3.125vw,60px);font-weight:800;line-height:1.2;letter-spacing:-.04em}.hero-gallery{position:relative;background:#14191c;aspect-ratio:1920/1282;overflow:hidden}.hero-images,.hero-image{position:absolute;inset:0;width:100%;height:100%}.hero-image{object-fit:cover;opacity:0;transition:opacity 900ms ease}.hero-image.active{opacity:1}.logo-slide{position:relative;overflow:hidden;background:#08151a;height:clamp(110px,13.020833vw,250px);touch-action:pan-y;cursor:ew-resize}.logo-track{display:flex;width:max-content;height:100%;will-change:transform}.logo-track img{height:100%;width:auto;max-width:none;flex:none;user-select:none;pointer-events:none}.contact-heading{padding:80px var(--gutter)}.footer-body{background:var(--ink);color:white;padding:60px var(--gutter) 45px;display:flex;align-items:flex-start;flex-direction:column;gap:34px;font-size:14px}.talk{font-size:clamp(26px,3.125vw,60px);font-weight:600;letter-spacing:-.035em}.footer-bottom{margin-top:45px;width:100%;display:flex;justify-content:space-between;align-items:flex-end;color:#929a9d;font-size:13px}.footer-bottom span:last-child{text-align:right;line-height:1.8}@media(min-width:1921px){:root{--gutter:max(80px,calc((100vw - 1760px)/2))}}@media(max-width:600px){:root{--gutter:6vw}.headline{padding-top:38px;padding-bottom:38px}h1{font-size:clamp(24px,5.7vw,34px);line-height:1.28;letter-spacing:-.04em}.hero-gallery{aspect-ratio:1.6}.contact-heading{padding:55px var(--gutter)}.footer-body{padding:40px var(--gutter);gap:26px}.footer-bottom{gap:20px;align-items:flex-start;font-size:12px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.hero-image{transition:none}}
.about{padding:clamp(55px,3.2vw,62px) var(--gutter) clamp(55px,4.2vw,80px);display:grid;grid-template-columns:1fr 1fr;gap:5.15vw}.salutation{font-family:Amiri,serif;font-style:italic;font-size:clamp(26px,2.5vw,48px);line-height:1.1;margin-bottom:10px}.portrait{display:block;width:55.2%;height:auto;margin:3.15vw 0 0 24%}.about-description{padding-top:3.25vw}.bio{font-size:clamp(17px,1.5625vw,30px);line-height:1.25;letter-spacing:-.025em}.stats{display:flex;gap:2.75vw;border-top:1px solid var(--ink);border-bottom:2px solid var(--ink);padding:2.3vw 0;margin:4.4vw 0 4.2vw}.stats>div{display:flex;align-items:center;gap:1.3vw}.number{font-size:clamp(38px,4.17vw,80px);font-weight:600;line-height:1}.stat-caption{font:italic clamp(14px,1.25vw,24px)/1.3 Amiri,serif}.services{list-style:none;margin:0;padding:0;font-size:clamp(17px,1.4583vw,28px);line-height:1.25;letter-spacing:-.04em}.selected-works{padding:clamp(48px,4.2vw,80px) var(--gutter) 40px}.selected-works h2{text-align:center}.works-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.66vw;margin-top:3.6vw}figure{margin:0}.work-placeholder{background:#ddd;aspect-ratio:16/9}figcaption{display:flex;justify-content:space-between;gap:12px;font-size:clamp(12px,.94vw,18px);margin-top:20px}figcaption strong{font-weight:800}.testimonials{overflow:hidden;padding:3.3vw 0}.testimonial-title{font:italic 10.4vw/1.2 Amiri,serif;white-space:nowrap;color:#ddd;text-align:center;width:max-content;position:relative;left:50%;transform:translateX(-50%)}.contact-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-row>div{display:flex;flex-direction:column;gap:10px}.footer-label{color:#929a9d}.social-labels{display:flex;gap:14px;flex-wrap:wrap}.back-top{background:#929a9d;color:white;padding:8px 15px;font-size:20px}.footer-body .talk{margin-top:85px}.footer-name{color:white;display:inline-block;margin-bottom:20px}.footer-body{gap:0}.contact-heading{padding-top:4.6vw;padding-bottom:4.2vw}.contact-row{font-size:clamp(12px,1.04vw,20px)}
@media(max-width:900px){.contact-row{flex-wrap:wrap;align-items:flex-start}.contact-row>span{flex-basis:65%}.stats{gap:18px}.stats>div{gap:10px}.stat-caption{font-size:14px}.number{font-size:40px}.bio{font-size:18px}}
@media(max-width:600px){.about{grid-template-columns:1fr;gap:35px;padding-top:45px}.about h2{font-size:36px}.portrait{width:65%;margin:28px auto 0}.about-description{padding-top:0}.bio{font-size:18px;line-height:1.5}.stats{margin:30px 0;padding:25px 0;justify-content:space-between}.services{font-size:17px;line-height:1.45}.works-grid{grid-template-columns:1fr;gap:30px;margin-top:28px}.selected-works{padding-top:40px}.selected-works h2{font-size:30px}figcaption{margin-top:12px;font-size:13px}.testimonials{padding:30px 0}.testimonial-title{font-size:20vw}.contact-heading{padding:40px var(--gutter)}.contact-heading h2{font-size:27px}.contact-row{gap:25px;font-size:12px}.social-labels{gap:12px}.footer-body .talk{margin-top:60px;font-size:30px}.footer-bottom{flex-direction:column;gap:35px}.footer-bottom span:last-child{text-align:left}.footer-name{margin-bottom:10px}}

.hero-images{cursor:pointer;touch-action:pan-y}.hero-image{pointer-events:none;user-select:none}
.hero-images:focus-visible{outline:3px solid white;outline-offset:-6px}
.contact-row{align-items:flex-end}.worldwide{white-space:nowrap;line-height:normal}
.talk{display:grid;max-width:100%;line-height:1.3;cursor:text}.talk-sizer,.talk-typed{grid-area:1/1}.talk-sizer{visibility:hidden}.talk-typed::after{content:'|';font-weight:400;animation:caret-blink .8s steps(1) infinite}
@keyframes caret-blink{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.talk-typed::after{display:none}}
html.fonts-loading body{visibility:hidden}
html.fonts-ready body{visibility:visible}
.site-loader{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#fff;opacity:1;transition:opacity .35s ease}.site-loader.is-done{opacity:0;pointer-events:none}.loader-frame{width:min(31vw,420px);display:flex;flex-direction:column;gap:16px;align-items:center}.loader-frame img{display:block;width:100%;aspect-ratio:1.6;object-fit:cover}.loader-frame span{font-size:12px;letter-spacing:.18em;font-weight:700}.site-loader.is-done{visibility:hidden}
@media(max-width:900px){.contact-row{align-items:flex-end}.contact-row>.worldwide{flex-basis:auto}}

.hero-indicators{position:absolute;z-index:2;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;max-width:calc(100% - 32px)}
.hero-indicators[hidden]{display:none}
.hero-indicators button{position:relative;flex:0 1 28px;width:28px;height:28px;padding:0;border:0;background:transparent;cursor:pointer}
.hero-indicators button::after{content:'';position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.42);box-shadow:0 1px 4px #0008;transition:background .2s,width .2s,height .2s}
.hero-indicators button.active::after{background:#fff;width:11px;height:11px}
.hero-indicators button:hover::after{background:rgba(255,255,255,.8)}
.hero-indicators button.active:hover::after{background:#fff}
.hero-indicators button:focus-visible{outline:2px solid white;outline-offset:0;border-radius:3px}
@media(max-width:600px){.hero-indicators{bottom:8px;gap:3px}.hero-indicators button{width:24px;flex-basis:24px}}
@media(prefers-reduced-motion:reduce){.hero-indicators button::after{transition:none}}
.hero-image{transform:scale(1.06);transform-origin:center;will-change:transform}
.hero-image.active{animation:hero-pan 5.5s ease-in-out both}
@keyframes hero-pan{0%{transform:scale(1.06) translate3d(-1.5%,0,0)}50%{transform:scale(1.1) translate3d(1.5%,-.5%,0)}100%{transform:scale(1.06) translate3d(-1.5%,0,0)}}
@media(prefers-reduced-motion:reduce){.hero-image{animation:none;transform:none}}
.testimonials{background:#08151a;color:#fff;padding-bottom:5vw}.testimonials .testimonial-title{color:#526065}.feedback-viewport{overflow:hidden;margin-top:2vw}.feedback-track{display:flex;width:max-content;gap:1.2vw;animation:feedback-loop 24s linear infinite}.feedback-card{width:clamp(260px,31vw,595px);aspect-ratio:1.6;background:#243238;color:#aeb8bb;display:grid;place-items:center;font-size:clamp(13px,1vw,19px);letter-spacing:.12em;flex:none}@keyframes feedback-loop{from{transform:translateX(0)}to{transform:translateX(calc(-50% - .6vw))}}@media(max-width:600px){.feedback-track{gap:12px}.feedback-card{width:72vw}}
.hero-image{animation:none!important;transform:none!important}
.feedback-track{padding-inline:0;gap:2vw;animation-duration:36s}
.feedback-card{display:block;object-fit:cover}
@keyframes feedback-loop-smooth{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - 1vw),0,0)}}
.feedback-track{animation-name:feedback-loop-smooth;animation-timing-function:linear}
.testimonials{height:400px;padding:0;display:flex;align-items:center}
.feedback-viewport{width:100%;margin-top:0}.feedback-track{gap:3vw;animation-duration:50s}
.testimonials{height:300px}
.feedback-track{gap:5vw;animation-duration:70s}
@keyframes feedback-loop-final{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - 2.5vw),0,0)}}
.feedback-track{animation-name:feedback-loop-final}
.testimonials{background:var(--paper);color:var(--ink)}
.loader-frame span{position:relative;width:100%;padding-bottom:14px;text-align:center}.loader-frame span::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#08151a;transform-origin:left;animation:loading-line 2s linear both}@keyframes loading-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.feedback-viewport{cursor:default}.logo-slide{cursor:default}
.logo-slide,.logo-slide *, .feedback-viewport,.feedback-viewport *{cursor:default!important}


.works-stack{display:none}.works-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.66vw;margin-top:3.6vw}.project-card{position:relative;margin:0;overflow:hidden;background:#ddd}.project-image{display:block;width:100%;aspect-ratio:1.5;border:0;background-size:cover;background-position:center;cursor:pointer}.project-hover{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:14px 20px;background:#fff;transform:translateY(100%);transition:transform .25s ease;font-size:clamp(12px,.94vw,18px)}.project-hover span{color:#687277}.project-card:hover .project-hover,.project-card:focus-within .project-hover{transform:translateY(0)}
@media(max-width:600px){.works-grid{grid-template-columns:1fr;gap:24px}.project-hover{min-height:58px;padding:10px 13px;font-size:11px}}
.works-stack{position:relative;margin-top:3.6vw;padding-bottom:4vw}.project-window{position:sticky;top:0;min-height:min(41.6667vw,800px);margin-bottom:12vw;background:#fff}.project-image{height:min(41.6667vw,800px);background:#ddd;background-size:cover;background-position:center}.project-one{background:#d9d9d9}.project-two{background:#c7c7c7}.project-three{background:#b6b6b6}.project-meta{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding:18px 0;font-size:clamp(12px,.94vw,18px);background:#fff}.project-meta span{text-align:right}.project-meta span:nth-child(2){text-align:center}
@media(max-width:600px){.project-window{min-height:66vw;margin-bottom:20vw}.project-image{height:66vw}.project-meta{font-size:11px;gap:8px;padding:12px 0}.project-meta span{text-align:right}.project-meta span:nth-child(2){text-align:center}}
.feedback-viewport{cursor:grab}.feedback-viewport:active{cursor:grabbing}.feedback-track{animation-play-state:running}
.testimonials{height:400px;border-top:1px solid #0B1B21;border-bottom:1px solid #0B1B21}
.selected-works .works-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,1740px);margin-left:auto;margin-right:auto;gap:40px}
.selected-works .project-hover{width:100%;height:clamp(40px,calc(25px + 2.14vw),70px);min-height:0;background:#08151A;color:#fff;backdrop-filter:none;padding:6px clamp(10px,1.4vw,24px);font-size:clamp(10px,calc(6px + .57vw),18px);line-height:1.2;gap:clamp(8px,1vw,16px);pointer-events:none}.selected-works .project-hover span{color:#fff}

@media(max-width:600px){.loader-frame{width:62vw;gap:12px}.loader-frame span{font-size:11px}}

body.detail-open{overflow:hidden}.project-detail{position:fixed;inset:0;z-index:40;overflow-y:auto;overscroll-behavior:contain;background:#000;color:#fff;padding:0 var(--gutter) 70px}.project-detail[hidden]{display:none}.detail-close{position:fixed;top:18px;right:20px;z-index:41;border:0;background:#fff;color:#000;border-radius:50%;width:44px;height:44px;font-size:30px}.detail-cover{width:min(1200px,100%);margin:auto;aspect-ratio:1.2;background:#222 center/cover}.detail-copy{max-width:800px;padding:50px 0;margin:auto}.detail-copy h2{margin:12px 0}.detail-kicker{font-size:12px;letter-spacing:.15em;color:#aaa}.detail-description{font-size:clamp(17px,1.4vw,27px);line-height:1.6;white-space:pre-wrap}.detail-gallery{display:flex;flex-direction:column;gap:0;max-width:1200px;margin:auto}.detail-gallery img{display:block;width:100%;height:auto}


.selected-works .project-image{height:auto;aspect-ratio:850/1000;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--paper)}@media(max-width:700px){.selected-works .works-grid{grid-template-columns:1fr;gap:24px}}









.header-contact{display:inline-flex;align-items:center;gap:.4em}.header-contact-arrow{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}