@font-face{font-family:Studio;src:url('/assets/body.ttf');font-display:swap}
:root{--ink:#11110f;--paper:#faf8f4;--stone:#8e7c60;--muted:#b5b1a7}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;background:var(--ink);color:var(--paper);font-family:Studio,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,summary{font:inherit}a:focus-visible,summary:focus-visible{outline:2px solid #ccb58d;outline-offset:7px}::selection{background:#8e7c60;color:white}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Helvetica Neue',Arial,sans-serif;font-weight:400;letter-spacing:-.065em}h2{font-size:clamp(48px,7.5vw,120px);line-height:1.02}p{line-height:1.65}img{display:block;max-width:100%}.skip{position:fixed;left:20px;top:-100px;padding:15px;z-index:100;background:var(--paper);color:var(--ink)}.skip:focus{top:15px}header{position:absolute;left:3.5vw;right:3.5vw;top:25px;display:flex;justify-content:space-between;align-items:center;z-index:10}.logo-crop{display:block;position:relative;overflow:hidden;width:210px;aspect-ratio:4.85;mix-blend-mode:screen}.logo-crop img{position:absolute;width:200%;max-width:none;left:-8%;top:-103%;filter:grayscale(1) invert(1);mix-blend-mode:screen}.language{font-size:12px;letter-spacing:.03em;padding:12px 0}.hero{height:155svh}.hero-stage{height:100svh;min-height:640px;position:sticky;top:0;overflow:hidden;isolation:isolate}.hero-visual{position:absolute;inset:0;z-index:-2;overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;filter:brightness(.52) saturate(.7);will-change:transform}.hero-stage:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#11110f55,transparent 30%,#11110f16 65%,#11110f80)}h1{font-size:clamp(100px,23vw,380px);line-height:.78;letter-spacing:-.085em}h1 span{position:absolute;display:block;will-change:transform}.single{top:17%;left:3vw}.web{bottom:9%;right:4vw}.hero-nav{position:absolute;left:3.5vw;right:3.5vw;top:51%;border-top:1px solid #faf8f466;padding-top:15px;display:flex;justify-content:center;gap:55px;font-size:13px}.hero-nav a{position:relative;padding:5px 0}.hero-nav a:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--paper);transform:scaleX(0);transform-origin:left;transition:transform .25s}.hero-nav a:hover:after{transform:scaleX(1)}.hero-caption{position:absolute;top:calc(51% + 20px);left:3.5vw;font-size:12px}.hero-note{position:absolute;bottom:20%;left:3.5vw;font-size:15px;line-height:1.5}.scroll-hint{position:absolute;bottom:4%;left:3.5vw;font-size:12px;display:flex;gap:25px}.intro{padding:100px 4vw 100px;display:grid;grid-template-columns:1.4fr 1fr;gap:60px 8vw;overflow:hidden}.intro-copy{padding-top:8px;max-width:410px;justify-self:end}.intro-copy p{font-size:18px}.text-link{display:inline-flex;align-items:center;gap:35px;border-bottom:1px solid #faf8f455;padding:15px 0 9px;font-size:13px}.text-link span{transition:transform .25s}.text-link:hover span{transform:translate(3px,-3px)}.triptych{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;align-items:center;padding:80px 4vw 20px}.triptych img{width:100%;height:400px;object-fit:cover;will-change:transform}.triptych img:nth-child(2){height:500px}.work{position:relative;padding:60px 0 120px;overflow:hidden}.section-head{position:relative;z-index:2;display:flex;align-items:end;justify-content:space-between;padding:0 4vw 100px;background:var(--ink)}.section-head h2{font-size:clamp(42px,6vw,96px);max-width:65%}.section-head p{font-size:12px;max-width:220px;color:var(--muted)}.project-axis{position:absolute;width:1px;left:50%;top:240px;bottom:0;background:#faf8f420}.project-axis span{display:block;width:100%;height:100%;background:#b7a489;transform:scaleY(0);transform-origin:top}.project{position:relative;min-height:900px;height:120svh;padding-top:100px}.project-index{position:relative;z-index:3;display:flex;justify-content:center;font-size:14px;letter-spacing:.06em}.project-index span{background:var(--ink);padding:12px}.project-image{position:absolute;left:8%;top:22%;width:57%;overflow:hidden;display:block;background:#292720;will-change:transform;isolation:isolate}.project-image img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:filter .5s;will-change:transform}.project-image:hover img{filter:brightness(.82)}.visit-float{position:absolute;bottom:20px;right:20px;font-size:12px;background:var(--paper);color:var(--ink);padding:12px 18px;opacity:0;transform:translateY(10px);transition:opacity .25s,transform .25s}.project-image:hover .visit-float,.project-image:focus-visible .visit-float{opacity:1;transform:none}.project-copy{position:absolute;left:62%;right:4%;top:43%;z-index:4;will-change:transform}.project-copy>p:first-child{font-size:12px;color:var(--muted);margin-bottom:16px}.project-copy h3{font-size:clamp(45px,6vw,96px);line-height:1;max-width:450px;margin-left:-15%;text-shadow:0 1px 20px #11110f80}.project-copy h3 a{display:inline-block}.project-copy h3+p{font-size:15px;max-width:330px;margin-top:30px}.project-copy small{display:block;font-size:11px;color:var(--muted);margin-top:22px}.project-fragment{position:absolute;left:17%;bottom:0;width:20%;height:200px;object-fit:cover;will-change:transform}.project-adrian .project-image{left:35%;top:20%}.project-adrian .project-copy{left:5%;right:63%;top:42%}.project-adrian .project-copy h3{margin-left:0;margin-right:-35%}.project-adrian .project-fragment{left:auto;right:13%}.studio{padding:120px 4vw 0;display:grid;grid-template-columns:1.1fr 1fr;gap:70px 10vw;overflow:hidden}.studio h2{font-size:clamp(50px,7vw,110px)}.studio-statement{font-size:22px;line-height:1.5;margin-bottom:65px}.services{border-top:1px solid #faf8f433}.service{border-bottom:1px solid #faf8f433}.service summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;font-size:20px;padding:24px 0;list-style:none}.service summary::-webkit-details-marker{display:none}.service summary span{font-size:25px;font-weight:200;transition:transform .25s}.service[open] summary span{transform:rotate(45deg)}.service p{font-size:15px;max-width:420px;padding-bottom:24px;color:var(--muted)}.studio-photo{position:relative;grid-column:1/-1;height:65svh;min-height:380px;overflow:hidden;margin-top:30px}.studio-photo img{width:100%;height:120%;object-fit:cover;position:absolute;top:-10%}.studio-photo span{position:absolute;bottom:30px;left:30px;font-size:12px;color:white;text-shadow:0 1px 12px #000}.approach{padding:160px 4vw 130px}.approach>h2{max-width:1000px}.steps{margin:100px 0 110px 32%;}.step{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:35px 0;border-top:1px solid #faf8f433}.step>span{font-size:12px;color:var(--stone);padding-top:8px}.step h3{font-size:40px;line-height:1.1;margin-bottom:18px}.step p{font-size:16px;max-width:570px;color:var(--muted)}.offer{display:grid;grid-template-columns:1fr 1fr;gap:15vw;border-top:1px solid #faf8f455;padding-top:55px}.offer h3{font-size:45px;line-height:1.1;margin-bottom:25px}.offer>div>p{font-size:14px;color:var(--muted);max-width:350px}.price>span{font-size:14px}.price strong{display:block;font-family:'Helvetica Neue',Arial,sans-serif;font-size:120px;font-weight:400;letter-spacing:-.06em;margin:12px 0;line-height:1}.price>p{margin-bottom:35px}.price>div{display:flex;justify-content:space-between;gap:25px;padding:17px 0;border-top:1px solid #faf8f433;font-size:14px}.price b{font-weight:400;white-space:nowrap}.contact{padding:110px 4vw 100px;display:grid;grid-template-columns:1.3fr 1fr;gap:9vw;background:var(--paper);color:var(--ink);overflow:hidden}.contact h2{font-size:clamp(55px,9vw,140px)}.contact>div{align-self:end}.contact p{font-size:17px;max-width:400px;margin-bottom:40px}.contact-link{font-size:clamp(22px,3vw,45px);letter-spacing:-.04em;display:flex;justify-content:space-between;border-bottom:1px solid #2c261d77;padding-bottom:15px}.contact-note{display:block;font-size:12px;margin-top:15px;color:#655e52}footer{padding:40px 4vw 25px;overflow:hidden}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:30px;font-size:12px}.footer-word{font-family:'Helvetica Neue',Arial,sans-serif;font-weight:500;font-size:17.4vw;line-height:1.2;letter-spacing:-.09em;margin:35px 0;color:var(--stone)}.footer-bottom{font-size:11px;color:var(--muted);align-items:end}.footer-bottom p{max-width:600px}.footer-bottom span{white-space:nowrap}.scroll-progress{position:fixed;left:0;top:0;height:2px;width:100%;background:#b7a489;transform:scaleX(0);transform-origin:left;z-index:20;pointer-events:none}[data-reveal]{will-change:transform,opacity}.js [data-reveal]{opacity:.2}.hero-nav a.active{color:#dac4a3}
@media(min-width:1700px){.project{min-height:1100px}.project-fragment{height:280px}}
@media(max-width:750px){header{left:6vw;right:6vw;top:20px}.logo-crop{width:165px}.hero{height:130svh}.hero-stage{min-height:620px}h1{font-size:29vw}.single{top:26%;left:5vw}.web{bottom:19%;right:6vw}.hero-nav{left:6vw;right:6vw;top:49%;gap:0;justify-content:space-between;font-size:12px}.hero-caption{top:calc(49% + 65px);left:6vw;font-size:10px}.hero-note{bottom:13%;left:6vw;font-size:12px}.scroll-hint{bottom:4%;left:6vw}.intro{display:block;padding:75px 6vw}.intro h2{font-size:12vw}.intro-copy{margin-top:40px;max-width:100%}.intro-copy p{font-size:16px}.triptych{padding:70px 0 10px;gap:8px}.triptych img{height:190px}.triptych img:nth-child(2){height:260px}.section-head{display:block;padding:0 6vw 60px}.section-head h2{max-width:none;font-size:12vw;margin-bottom:25px}.section-head p{max-width:280px}.project-axis{left:6vw;top:220px}.project{height:auto;min-height:0;padding:30px 6vw 100px 12vw;display:flex;flex-direction:column}.project-index{position:absolute;left:calc(6vw - 20px);top:25px;font-size:11px}.project-index span{padding:9px}.project-image,.project-adrian .project-image{position:relative;left:auto;top:auto;width:100%;margin-top:25px;overflow:visible}.project-image img{border:1px solid #faf8f422}.visit-float{display:none}.project-copy,.project-adrian .project-copy{position:relative;left:auto;right:auto;top:auto;margin-top:35px}.project-copy h3,.project-adrian .project-copy h3{font-size:13vw;margin:0}.project-copy h3+p{font-size:15px;margin-top:20px}.project-copy small{margin-top:18px}.project-fragment{display:none}.work{padding-bottom:0}.studio{padding:65px 6vw 0;display:block}.studio h2{font-size:12vw;margin-bottom:45px}.studio-statement{font-size:19px;margin-bottom:40px}.service summary{font-size:18px}.studio-photo{margin-top:65px;height:380px;min-height:0}.studio-photo span{font-size:10px;left:15px;bottom:20px}.approach{padding:90px 6vw}.approach>h2{font-size:12vw}.steps{margin:55px 0 70px}.step{grid-template-columns:30px 1fr;gap:10px}.step h3{font-size:31px}.step p{font-size:15px}.offer{display:block;padding-top:40px}.offer h3{font-size:38px}.price{margin-top:45px}.price strong{font-size:100px}.contact{display:block;padding:75px 6vw}.contact h2{font-size:15vw;margin-bottom:50px}.contact p{font-size:16px}.contact-link{font-size:30px}footer{padding:30px 6vw}.footer-top{font-size:10px}.footer-word{font-size:16.5vw;margin:45px 0 35px}.footer-bottom{display:block;font-size:10px}.footer-bottom p{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero{height:100svh;min-height:640px}.hero-stage{position:relative}.js [data-reveal]{opacity:1!important}*{animation:none!important;transition:none!important}.hero-visual img,h1 span,.project-image,.project-image img,.project-copy,.project-fragment,.triptych img,.studio-photo img,[data-reveal]{transform:none!important}}
/* Keep navigation clear of the oversized descender and blend the approved lockup. */
header{mix-blend-mode:screen}.single{top:12%}.hero-nav,.hero-caption{z-index:2}
@media(max-width:750px){.single{top:26%}}
@media(min-width:751px){.project-image{width:52%}.project-adrian .project-image{left:40%}.project-copy h3{margin-left:-8%}.project-adrian .project-copy{right:65%}.project-adrian .project-copy h3{margin-left:0}}
@media(min-width:751px){.contact h2{font-size:clamp(55px,7.8vw,125px)}}
/* Optional, user-initiated sound. */
.sound-toggle{margin-left:auto;margin-right:28px;border:0;border-bottom:1px solid #faf8f455;background:none;color:var(--paper);font:inherit;font-size:11px;padding:10px 0;cursor:pointer;min-height:40px}.sound-toggle:focus-visible{outline:2px solid var(--paper);outline-offset:5px}.sound-toggle[aria-pressed=true]{color:#dbc5a2}
.footer-word{margin:65px 0}.footer-word .logo-crop{width:100%;aspect-ratio:4.85}.footer-word img{filter:grayscale(1) invert(1) sepia(.5) brightness(.62)}
.offer{display:block}.offer-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:10vw;align-items:end}.offer-intro h3{font-size:clamp(35px,4.8vw,75px)}.offer-intro>p{max-width:430px!important;font-size:17px!important}.packages{display:grid;grid-template-columns:1fr 1fr;gap:6vw;margin:65px 0}.package{border-top:1px solid #faf8f444;padding-top:28px}.package h4,.offer-details h4{font-size:19px;font-weight:400;margin:0 0 20px;line-height:1.4}.package strong{display:block;font-family:'Helvetica Neue',Arial,sans-serif;font-size:95px;font-weight:400;letter-spacing:-.06em;margin:20px 0}.package p{max-width:480px;font-size:16px;color:var(--muted)}.offer-details{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding:35px 0;border-top:1px solid #faf8f444}.offer-details p,.offer-details li{font-size:15px;line-height:1.7;color:var(--muted)}.offer-details ul{padding-left:19px;margin:0}.offer-details li{padding-bottom:12px}.offer-extras{margin-top:30px}.offer-extras p{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid #faf8f433}.offer-extras b{color:var(--paper);font-weight:400;white-space:nowrap}.offer-note{font-size:12px;color:var(--muted);max-width:800px;margin:15px 0 20px}.offer>.text-link{margin-bottom:0}
@media(max-width:750px){.sound-toggle{margin-right:15px;font-size:10px}.logo-crop{width:140px}.language{font-size:11px}.offer-intro,.packages,.offer-details{display:block}.offer-intro>p{margin-top:25px}.packages{margin:45px 0}.package+.package{margin-top:45px}.package strong{font-size:78px}.offer-details>div+div{margin-top:35px}.footer-word{margin:50px 0}.offer-intro h3{font-size:38px}}
.footer-word img{filter:grayscale(1) invert(1) contrast(4) sepia(.65) brightness(.55)}
.footer-word .logo-crop,.footer-word img{mix-blend-mode:normal}.footer-word img{filter:url(#brand-ink)}
/* C — Into the screen. A continuous push into a separately rendered screen. */
.hero{height:310svh}.hero-stage{min-height:0;--scene-shade:.24}.hero-visual{background:#29241e}.desk-scene{position:absolute;left:50%;top:50%;width:max(100vw,177.7778svh);aspect-ratio:16/9;will-change:transform}.hero-visual .desk-photo{width:100%;height:100%;object-fit:fill;filter:none;transform:none!important}.monitor-screen{position:absolute;left:31%;top:27%;width:38%;height:38%;overflow:hidden;background:#eaece6;border-radius:2px;isolation:isolate}.hero-visual .monitor-screen img{width:100%;height:100%;object-fit:fill;filter:none;transform:none!important;will-change:auto}.screen-glint{position:absolute;inset:0;background:linear-gradient(120deg,#ffffff0a,transparent 55%,#0000000a);pointer-events:none}.screen-exit{position:absolute;inset:0;background:var(--ink);opacity:0}.hero-stage:after{background:rgba(17,17,15,var(--scene-shade));pointer-events:none}.hero-stage h1,.hero-note,.hero-caption,.hero-nav,.scroll-hint{will-change:opacity,transform}.hero-stage h1{position:absolute;inset:0;margin:0;pointer-events:none}.intro{position:relative;background:var(--ink)}
@media(max-width:750px){.hero{height:240svh}.desk-scene{width:max(150vw,177.7778svh)}.hero-stage{min-height:0}}
@media(prefers-reduced-motion:reduce){.hero{height:100svh;min-height:620px}.hero-stage{height:100%;position:relative}.desk-scene{will-change:auto}.screen-exit{display:none}}
.monitor-screen{left:31.58%;top:27.84%;width:36.84%;height:35.28%}
.intro{margin-top:-100svh;z-index:2}.hero-nav a{text-shadow:0 1px 5px #111,0 0 15px #111}.hero-nav{border-top-color:#faf8f488}
@media(prefers-reduced-motion:reduce){.intro{margin-top:0}}
@media(max-width:750px){.desk-scene{width:250vw}.hero-visual:before{content:'';position:absolute;inset:-25px;background:url('/assets/desk-hero.jpg') center/cover;filter:blur(20px) brightness(.55)}.hero-visual .desk-photo{mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}.single{top:17%}.web{bottom:13%}.hero-note{bottom:5%;font-size:11px}.scroll-hint{display:none}.hero-caption{top:calc(49% + 60px)}.hero-nav{top:47%}}
@media(max-width:750px){.hero-nav{top:70%;padding-top:8px}.hero-caption{top:11%;font-size:10px}}
/* Eight languages, with native names and readable long labels. */
header{mix-blend-mode:normal}.identity .logo-crop,.identity img{mix-blend-mode:normal}.identity img{filter:url(#brand-white)}
.language-picker{position:relative;font-size:12px;flex:none}.language-picker summary{cursor:pointer;list-style:none;padding:12px 0 12px 15px;display:flex;gap:9px}.language-picker summary::-webkit-details-marker{display:none}.language-picker nav{position:absolute;right:0;top:100%;min-width:190px;padding:8px;background:#171714f5;border:1px solid #8e7c6055;box-shadow:0 15px 45px #0005}.language-picker a{display:block;padding:10px 12px;color:var(--paper);font-size:13px}.language-picker a:hover,.language-picker a:focus-visible{background:#8e7c6033}.language-picker a[aria-current=page]{color:#d1b98e}.sound-toggle{max-width:155px;text-align:right}.hero-nav{gap:clamp(20px,4vw,55px)}
:lang(ru) h2,:lang(de) h2{font-size:clamp(40px,6.2vw,98px)}:lang(zh) h2,:lang(zh) h3{letter-spacing:-.025em;line-height:1.2;font-family:'PingFang SC','Microsoft YaHei',sans-serif}:lang(zh) p{line-height:1.85}
@media(max-width:750px){.sound-toggle{max-width:125px;margin-right:12px;line-height:1.3}.hero-nav{gap:8px}.hero-nav a{font-size:11px}:lang(ru) h2,:lang(de) h2{font-size:10.5vw}.language-picker nav{min-width:175px}.language-picker summary{padding-left:3px}.intro h2{overflow-wrap:break-word}.offer-intro h3{overflow-wrap:break-word}}
.hero-visual .monitor-screen img{object-fit:cover;object-position:center}
/* Publication audit: keyboard, safe areas and long translations. */
button:focus-visible{outline:2px solid #ccb58d;outline-offset:6px}a,button,summary{touch-action:manipulation}h2,h3{text-wrap:balance}.project-copy,.intro-copy{min-width:0}main section[id]{scroll-margin-top:20px}.language-picker nav{max-height:75svh;overflow:auto;overscroll-behavior:contain}

/* Vector controls retain the same appearance on iOS and desktop. */
.ui-arrow{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.12em;overflow:visible}button .ui-arrow{pointer-events:none}

.delivery-timing{border-top:1px solid currentColor;padding-top:1.6rem;margin-top:2rem;max-width:72ch}.delivery-timing h4{margin-bottom:1rem}.delivery-timing p{line-height:1.6;margin-bottom:1rem}
