@font-face{font-family:'DM Serif Display';src:url('./dm-serif-display.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F}
@font-face{font-family:'DM Serif Display';src:url('./dm-serif-display-ext.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+0300-036F,U+1E00-1EFF}
:root{--display:'DM Serif Display',Georgia,serif;--orange-text:#b74420;--width:1320px}
h1,h2{font-family:var(--display);font-weight:400;letter-spacing:-.025em;line-height:1.08}h3{letter-spacing:-.02em}body{font-size:15px}.site-header{border-bottom:0}.header-inner{height:100px;border-bottom:1px solid var(--line)}.logo-mark{height:62px;width:62px;font-size:28px;letter-spacing:-.04em}.logo-copy{font-size:10px;max-width:155px}.logo-copy b{color:var(--orange-text);font-size:14px}.header-inner>.btn{background:var(--accent);color:var(--ink)}.btn{font-weight:700;border-radius:7px;transition:background .2s,transform .2s}.btn svg{transition:transform .2s}.btn:hover svg{transform:translateX(3px)}.nav a{font-weight:500}.nav{gap:25px}.editorial-label{display:flex;align-items:center;gap:24px;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--orange-text);margin-bottom:25px;max-width:430px}.editorial-label::after{content:'';height:1px;flex:1;background:currentColor;opacity:.38}.studio-hero{position:relative;display:grid;grid-template-columns:.95fr 1.15fr;gap:15px;align-items:center;padding-top:68px;padding-bottom:70px;min-height:740px}.studio-intro{position:relative;z-index:2}.studio-hero h1{font-size:clamp(3.7rem,5.8vw,5.4rem);max-width:11ch;line-height:1.04;letter-spacing:-.035em}.studio-hero h1 em{font-style:normal;color:var(--orange-text)}.studio-lead{font-size:18px;line-height:1.6;margin-top:27px;max-width:40ch}.studio-hero .actions{gap:24px;margin-top:32px}.studio-hero .btn{font-size:13px;padding:15px 19px}.studio-region{display:flex;align-items:flex-start;gap:13px;color:var(--muted);font-size:10px;max-width:59ch;margin-top:88px;line-height:1.9}.studio-region svg{color:var(--orange-text);height:19px;width:19px}.hero-projects{position:relative;height:610px;min-width:0}.hero-screen{position:absolute;display:block;width:86%;border-radius:12px;overflow:hidden;background:white;box-shadow:0 18px 40px #33332230;transition:transform .3s cubic-bezier(.16,1,.3,1)}.hero-screen img{display:block;width:100%;aspect-ratio:1265/712;object-fit:cover}.screen-shop{top:8px;left:0;transform:rotate(-3deg)}.screen-salon{bottom:14px;right:0;transform:rotate(3deg)}.screen-shop:hover{transform:rotate(-1deg) translateY(-5px)}.screen-salon:hover{transform:rotate(1deg) translateY(-5px)}.hero-screen:focus-visible{outline-offset:8px}.browser-bar{height:25px;display:flex;gap:5px;align-items:center;padding:0 12px;background:#fff;color:#73786e;font-size:8px}.browser-bar i{width:5px;height:5px;border-radius:50%;background:#d1d5cb}.browser-bar i:first-child{background:#eaa08a}.browser-bar i:nth-child(2){background:#e5ce8c}.browser-bar i:nth-child(3){background:#a2bd93}.browser-bar span{margin-left:auto;margin-right:auto}.az-trail{position:absolute;width:112%;height:112%;top:-5%;left:-8%;color:#fa693b;stroke-width:2;overflow:visible}.az-trail text{font:italic 43px var(--display);fill:currentColor;stroke:none}.studio-offer{padding:54px 0 60px;background:#fff}.editorial-split{display:grid;grid-template-columns:.85fr 1.55fr;gap:70px}.editorial-split h2{font-size:clamp(2.5rem,3.9vw,3.5rem)}.studio-service{display:grid;grid-template-columns:52px 1fr 25px;gap:24px;text-decoration:none;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.studio-service:first-child{padding-top:0}.studio-service:last-child{border-bottom:0;padding-bottom:0}.service-symbol{height:48px;width:48px;border-radius:50%;background:var(--paper);display:grid;place-items:center}.studio-service h3{font-size:20px;line-height:1.35;font-weight:700}.studio-service p{font-size:13px;color:var(--muted);margin-top:5px}.studio-service>svg{transition:transform .2s}.studio-service:hover>svg{transform:translateX(5px)}.studio-service:hover h3{color:var(--orange-text)}.studio-work{background:var(--ink);color:var(--paper);padding:45px 0 38px}.studio-work .editorial-label{color:#ff9a77}.studio-work-head{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px}.studio-work h2{font-size:clamp(2.8rem,4.1vw,3.8rem)}.studio-work-head>p{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#d3d8cd;line-height:1.8}.featured-work{display:grid;grid-template-columns:1fr 1fr;gap:42px}.work-image{display:block;border-radius:12px;overflow:hidden;background:white}.work-image img{width:100%;display:block;aspect-ratio:1.95;object-fit:cover;object-position:top;transition:transform .4s cubic-bezier(.16,1,.3,1)}.work-image:hover img{transform:scale(1.025)}.work-caption{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid #657060;padding:16px 0}.work-caption h3{font:700 15px/1.4 Manrope,sans-serif;letter-spacing:0}.work-caption h3 a{text-decoration:none}.work-caption p{font-size:12px;color:#d3d8cd;margin-top:4px}.work-caption>a{display:grid;place-items:center;min-width:44px;min-height:44px}.all-work{font-size:12px;color:#d3d8cd;margin-top:18px}.studio-process{padding-top:66px;padding-bottom:70px}.studio-process .editorial-split{gap:48px;grid-template-columns:.85fr 1.65fr}.studio-process .text-link{font-size:12px;margin-top:18px}.scroll-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}.scroll-step{position:relative;min-width:0}.process-number{height:37px;width:37px;display:grid;place-items:center;border:1px solid #949c89;border-radius:50%;background:#e8ebdf;font-size:14px;position:relative;z-index:1}.scroll-step:not(:last-child)::after{content:'';position:absolute;left:52px;right:0;top:18px;height:1px;background:#a7afa0;transform-origin:left}.step-copy{margin-top:20px}.step-copy h3{font-size:15px;line-height:1.4}.step-copy p{font-size:12px;line-height:1.6;margin-top:9px;color:var(--muted)}.scroll-process[data-animated] .scroll-step{opacity:.2;transform:translateY(18px);transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1)}.scroll-process[data-animated] .scroll-step.is-visible{opacity:1;transform:none}.scroll-process[data-animated] .scroll-step::after{transform:scaleX(0);transition:transform .6s cubic-bezier(.16,1,.3,1)}.scroll-process[data-animated] .scroll-step.is-visible::after{transform:scaleX(1)}.scroll-step.is-visible .process-number{background:var(--green);border-color:#657060}.process-actions{margin-top:42px}.process-actions .text-link{margin-top:0;font-size:16px}.studio-more{padding-top:55px;border-top:1px solid var(--line)}.page-hero h1{max-width:21ch;font-size:clamp(2.8rem,5vw,4.7rem)}.page-hero .lead{max-width:65ch}.project-preview{border-radius:12px}.project-preview img{transition:transform .35s}.project-preview:hover img{transform:scale(1.02)}.project-item h2,.project-item h3{font-family:var(--display);font-weight:400}.site-footer{border-top:1px solid var(--line)}.footer-grid{padding-top:35px}.price-plan h3{font-family:Manrope,sans-serif}.studio-work a:focus-visible{outline-color:#ff9a77}
@media(min-width:1550px){.studio-hero{gap:30px}.hero-projects{height:640px}}
@media(max-width:1100px){.studio-hero{grid-template-columns:1fr 1fr;min-height:650px;padding-top:50px}.studio-hero h1{font-size:4.4rem}.hero-projects{height:490px}.hero-screen{width:95%}.studio-region{margin-top:45px}.editorial-split{gap:40px}.scroll-process{gap:15px}.nav{gap:16px}.header-inner{gap:20px}.studio-hero .actions{gap:12px}.studio-hero .text-link{font-size:12px}}
@media(max-width:800px){.header-inner{height:80px}.logo-mark{height:48px;width:48px;font-size:24px}.studio-hero{display:block;padding-top:42px;padding-bottom:45px;min-height:0}.studio-hero h1{font-size:clamp(3.7rem,9vw,5.4rem);max-width:none}.studio-intro{z-index:auto}.studio-lead{font-size:17px}.studio-region{margin-top:28px}.hero-projects{height:540px;max-width:640px;margin:38px auto 0}.hero-screen{width:82%}.editorial-split,.studio-process .editorial-split{grid-template-columns:1fr;gap:30px}.editorial-split h2 br{display:none}.editorial-split h2{max-width:20ch}.studio-offer{padding:45px 0}.studio-work{padding:40px 0}.studio-work-head>p{display:none}.featured-work{gap:28px}.studio-process{padding:45px 0}.studio-process .editorial-label{margin-bottom:18px}.scroll-process{display:block;padding-left:3px}.scroll-step{display:grid;grid-template-columns:37px 1fr;gap:22px;padding-bottom:32px;min-height:125px}.scroll-step:last-child{padding-bottom:0}.step-copy{margin-top:4px}.step-copy h3{font-size:19px}.step-copy p{font-size:14px;max-width:44ch}.scroll-step:not(:last-child)::after{left:18px;top:48px;bottom:12px;width:1px;height:auto;right:auto;transform-origin:top}.scroll-process[data-animated] .scroll-step::after{transform:scaleY(0)}.scroll-process[data-animated] .scroll-step.is-visible::after{transform:scaleY(1)}.process-actions{margin-top:30px}.studio-more{padding-top:45px}.page-hero h1{font-size:clamp(2.7rem,7vw,3.8rem)}}
@media(max-width:520px){.editorial-label{font-size:9px;gap:15px;margin-bottom:22px}.studio-hero h1{font-size:3.65rem}.studio-hero .actions{display:flex;align-items:stretch;gap:12px}.studio-hero .btn{width:100%;font-size:13px}.studio-hero .actions>.text-link{width:100%;justify-content:center}.hero-projects{height:350px;margin-top:25px}.hero-screen{width:88%}.screen-shop{top:15px;left:0}.screen-salon{bottom:12px;right:0}.browser-bar{height:19px}.studio-region{font-size:10px}.studio-service{grid-template-columns:40px 1fr 20px;gap:13px;padding:20px 0}.service-symbol{height:38px;width:38px}.service-symbol svg{width:20px}.studio-service h3{font-size:17px}.studio-service p{font-size:12px}.featured-work{grid-template-columns:1fr;gap:30px}.studio-work h2{font-size:2.7rem}.work-caption{padding-top:10px}.editorial-split h2{font-size:2.65rem}.studio-process .actions .btn{width:100%}.studio-process .actions .text-link{width:100%;justify-content:center}.studio-work .editorial-label{max-width:220px}.studio-hero{overflow:clip}.footer-grid h3{font-size:17px}.page-hero h1{font-size:2.7rem}}
@media(prefers-reduced-motion:reduce){.scroll-process[data-animated] .scroll-step{opacity:1;transform:none}.scroll-process[data-animated] .scroll-step::after{transform:none}.hero-screen:hover{transform:none}.work-image:hover img,.project-preview:hover img{transform:none}}

.studio-hero h1{max-width:none}.studio-hero h1 em{white-space:nowrap}@media(max-width:360px){.studio-hero h1{font-size:3.2rem}}

/* Domain network: a bounded decorative layer, separate from readable content. */
.domain-hero{position:relative;isolation:isolate;background:#101512;color:#f8f7f3;overflow:hidden}
.domain-canvas,.domain-fallback{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-2}
.domain-fallback{stroke:none}.network-ready .domain-fallback{display:none}
.domain-hero::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(16,21,18,.76),rgba(16,21,18,.53) 43%,rgba(16,21,18,.06) 75%)}
.domain-hero .studio-hero{padding-bottom:90px}.domain-hero .studio-intro{z-index:1}
.domain-hero h1 em,.domain-hero .editorial-label,.domain-hero .studio-region svg{color:#ff9a77}
.domain-hero .studio-lead{color:#e2e8e0}.domain-hero .studio-region{color:#c5cfc5}
.domain-hero a:focus-visible{outline-color:#ffb092}
.domain-hero .hero-screen{box-shadow:0 20px 45px #0008}.domain-hero .az-trail{opacity:.65}


@media(max-width:800px){.domain-hero::after{background:linear-gradient(180deg,rgba(16,21,18,.72),rgba(16,21,18,.58) 55%,rgba(16,21,18,.08))}.domain-hero .studio-hero{padding-bottom:80px}}


/* Slower, scroll-paced process requested 29.09.2026. */
.scroll-process[data-animated] .scroll-step{transition-duration:1s}.scroll-process[data-animated] .scroll-step::after{transition-duration:1.1s}@media(max-width:800px){.scroll-step{min-height:180px;padding-bottom:48px}.scroll-step:last-child{min-height:0;padding-bottom:0}}

.supplied-logo{display:block;position:relative;width:280px;height:66px;overflow:hidden;flex-shrink:0;mix-blend-mode:multiply}
.supplied-logo img{position:absolute;width:132%;max-width:none;height:auto;left:50%;top:50%;transform:translate(-50%,-50%)}
@media(max-width:1050px){.supplied-logo{width:220px;height:54px}}
@media(max-width:480px){.supplied-logo{width:205px;height:50px}}