:root{--coral:#ff6265;--ink:#292625;--cream:#f2eee8;--line:#d5cec5;--serif:"Playfair Display",serif;--sans:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-weight:300}a{color:inherit;text-decoration:none}img{display:block;width:100%}.header{height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;width:100%;color:#fff;border-bottom:1px solid #ffffff3d}.brand img{width:78px;height:48px;object-fit:cover;object-position:center 48%;filter:brightness(0) invert(1)}.nav{display:flex;gap:38px;font-size:12px;text-transform:uppercase;letter-spacing:.13em}.nav a{transition:.3s}.nav a:hover{color:var(--coral)}.header-actions,.languages{display:flex;align-items:center}.languages{gap:4px}.languages button{font:500 10px var(--sans);background:none;color:#ffffff8f;border:0;padding:8px;cursor:pointer}.languages .active{color:#fff;border-bottom:1px solid var(--coral)}.menu{display:none;background:none;border:0}.hero{height:100svh;min-height:680px;color:#fff;position:relative;overflow:hidden}.hero-media{position:absolute;inset:0;background:url("https://images.unsplash.com/photo-1515934751635-c81c6bc9a2d8?auto=format&fit=crop&w=2200&q=90") center 42%/cover}.veil{position:absolute;inset:0;background:linear-gradient(90deg,#171311a8 0%,#1914113d 55%,#17131138),linear-gradient(0deg,#17131170,transparent 55%)}.hero-copy{position:absolute;left:10vw;top:50%;transform:translateY(-46%);max-width:780px}.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:10px;font-weight:500;margin:0 0 25px}.eyebrow:before{content:"";width:36px;height:1px;background:var(--coral);display:inline-block;vertical-align:middle;margin-right:16px}.eyebrow.dark{color:#716b66}.hero h1,.section h2,.portfolio h2{font:400 clamp(62px,8.4vw,132px)/.85 var(--serif);letter-spacing:-.045em;margin:0}.hero h1 em,.section h2 em{font-weight:400}.hero-text{max-width:480px;font-size:15px;line-height:1.8;margin:35px 0}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;min-width:244px;padding:18px 22px;text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:600}.btn-light{border:1px solid #ffffff8a}.btn-dark{background:var(--ink);color:#fff}.btn b{font-size:17px;color:var(--coral)}.scroll{position:absolute;bottom:38px;left:5vw;display:flex;gap:13px;align-items:center;font-size:9px;text-transform:uppercase;letter-spacing:.2em}.scroll span:first-child{display:block;width:35px;height:1px;background:#fff}.hero-index{position:absolute;right:5vw;bottom:35px;font-size:9px;letter-spacing:.23em}.hero-index small{color:#ffffff8a;margin-left:15px}.section{padding:145px 10vw;position:relative}.section-no{position:absolute;top:150px;left:5vw;font-size:9px;color:#8e8984}.intro{display:grid;grid-template-columns:1.25fr .75fr;gap:11vw;align-items:end}.intro h2,.services h2,.contact h2{font-size:clamp(50px,6.4vw,96px)}.intro-body{border-top:1px solid var(--line);padding-top:30px;line-height:1.8;font-size:14px}.intro-body p{margin:0 0 20px}.text-link{display:inline-block;margin-top:20px;padding-bottom:6px;border-bottom:1px solid var(--ink);font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.portfolio{background:#e8e1d9;padding-bottom:120px}.portfolio-head{display:flex;justify-content:space-between;align-items:end;padding-bottom:60px}.portfolio-head h2{font-size:clamp(65px,8vw,120px)}.portfolio-head>p{font:italic 20px/1.5 var(--serif);color:#69625d}.gallery{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;padding:0 3vw}.shot{position:relative;overflow:hidden;min-height:480px}.shot-wide{grid-row:span 2;min-height:980px}.shot-tall{min-height:580px}.shot img{height:100%;object-fit:cover;transition:transform 1s}.shot:hover img{transform:scale(1.025)}.shot:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#120e0bb5)}.shot>div{position:absolute;z-index:2;bottom:38px;left:38px;color:white}.shot span{font-size:9px}.shot h3{font:italic 31px var(--serif);margin:10px 0 6px}.shot p{font-size:9px;text-transform:uppercase;letter-spacing:.16em}.services{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.services-title{align-self:start}.service-list{padding-top:40px}.service-list article{display:grid;grid-template-columns:35px 1fr 30px;gap:20px;padding:30px 0;border-top:1px solid var(--line);align-items:start}.service-list article:last-child{border-bottom:1px solid var(--line)}.service-list span,.service-list b{font-size:10px;color:#89827c}.service-list b{font-size:19px;color:var(--coral)}.service-list h3{font:italic 32px var(--serif);margin:0 0 10px}.service-list p{font-size:12px;line-height:1.7;margin:0;color:#716b66}.quote{height:720px;display:grid;grid-template-columns:1fr 1fr;background:#25211f;color:white}.quote-photo{background:url("https://images.unsplash.com/photo-1537633552985-df8429e8048b?auto=format&fit=crop&w=1400&q=90") center/cover}.quote-copy{display:flex;flex-direction:column;justify-content:center;padding:8vw}.quote-copy>span{font:100px/.5 var(--serif);color:var(--coral)}blockquote{font:italic clamp(32px,3.5vw,56px)/1.28 var(--serif);margin:35px 0}.quote-copy p{font-size:9px;letter-spacing:.3em}.contact{display:grid;grid-template-columns:1.3fr .7fr;gap:12vw}.contact-main>p:not(.eyebrow){max-width:550px;line-height:1.8;font-size:14px;margin:35px 0}.contact-aside{padding-top:100px}.contact-aside>div{border-top:1px solid var(--line);padding:22px 0 35px}.contact-aside small{display:block;font-size:8px;letter-spacing:.2em;color:#817b75;margin-bottom:13px}.contact-aside a{font:italic 24px var(--serif)}.contact-aside p{font-size:13px}footer{border-top:1px solid var(--line);margin:0 5vw;padding:30px 0;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.15em}footer img{width:65px;height:43px;object-fit:cover;object-position:center 48%}.reveal{opacity:0;transform:translateY(30px);transition:opacity .9s,transform .9s}.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:800px){.header{height:72px}.brand img{width:62px}.nav{display:none;position:absolute;top:72px;left:0;width:100%;padding:35px 5vw;background:#211d1b;flex-direction:column}.nav.open{display:flex}.menu{display:block;margin-left:8px}.menu span{display:block;width:22px;height:1px;background:#fff;margin:6px}.languages button{padding:6px}.hero-copy{left:7vw;right:7vw;top:48%}.hero h1{font-size:clamp(54px,17vw,90px)}.hero-text{font-size:13px}.hero-index{display:none}.section{padding:100px 7vw}.section-no{display:none}.intro,.services,.contact{grid-template-columns:1fr;gap:55px}.intro-body{max-width:none}.portfolio-head{align-items:start;flex-direction:column}.portfolio-head>p{margin-top:30px}.gallery{display:block;padding:0}.shot,.shot-wide,.shot-tall{min-height:570px;margin-bottom:12px}.shot-wide{min-height:670px}.shot>div{left:24px;bottom:25px}.services{gap:20px}.quote{height:auto;grid-template-columns:1fr}.quote-photo{min-height:570px}.quote-copy{min-height:500px;padding:12vw 7vw}.contact-aside{padding-top:0}footer{flex-wrap:wrap;gap:20px}.scroll{bottom:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
:root{--ink:#0d0d0d;--cream:#fff;--line:#dedede}.portfolio{background:#f4f4f4}.quote{background:#050505}.pricing{background:#fff;border-top:1px solid var(--line)}.pricing-head{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;margin-bottom:70px}.pricing-head .eyebrow{grid-column:1/-1}.pricing-head h2{font-size:clamp(52px,6vw,92px)}.pricing-head>p:last-child{font-size:14px;line-height:1.8;max-width:420px}.price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#111;border:1px solid #111}.price-card{background:#fff;padding:42px;min-height:440px}.price-card.featured{background:var(--coral);color:#fff}.price-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em}.price-top p{margin:0}.price-card h3{font:italic 42px var(--serif);margin:55px 0 15px}.price{font-size:30px;font-weight:500;border-bottom:1px solid currentColor;padding-bottom:25px}.price small{font-size:11px;letter-spacing:.15em}.price-card ul{list-style:none;padding:18px 0 0;margin:0}.price-card li{font-size:12px;line-height:1.5;padding:5px 0}.price-card li:before{content:'—';margin-right:10px}.extras{margin-top:70px;display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw}.extras ul{list-style:none;margin:0;padding:0;border-top:1px solid #111}.extras li{display:flex;justify-content:space-between;gap:25px;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px}.extras b{white-space:nowrap;color:var(--coral)}
@media(max-width:800px){.pricing-head,.extras{grid-template-columns:1fr}.price-grid{grid-template-columns:1fr}.price-card{min-height:auto;padding:30px 24px}.price-card h3{margin-top:35px}.extras{gap:25px}.extras li{align-items:start}.contact-aside a{font-size:20px}}
.hero-media{background-image:url("assets/web-hero.jpg");background-position:center 45%}
:root{--serif:"Noto Serif",Georgia,serif}.preloader{position:fixed;inset:0;z-index:9999;background:#050505;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;transition:opacity .8s cubic-bezier(.76,0,.24,1),visibility .8s}.preloader-mark{font:italic 100px/.8 var(--serif);color:var(--coral)}.preloader-line{width:160px;height:1px;background:#ffffff25;overflow:hidden}.preloader-line i{display:block;width:100%;height:100%;background:var(--coral);transform-origin:left;animation:loadline 1.2s cubic-bezier(.65,0,.35,1) both}.preloader span{font-size:8px;letter-spacing:.42em}.loaded .preloader{opacity:0;visibility:hidden}.header{transition:height .45s,background .45s}.header.scrolled{position:fixed;height:68px;background:#080808ef;backdrop-filter:blur(16px)}.hero-media{transform:scale(1.06);will-change:transform}.hero-copy>*{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.loaded .hero-copy>*{opacity:1;transform:none}.loaded .hero-copy>*:nth-child(1){transition-delay:.25s}.loaded .hero-copy>*:nth-child(2){transition-delay:.38s}.loaded .hero-copy>*:nth-child(3){transition-delay:.51s}.loaded .hero-copy>*:nth-child(4){transition-delay:.64s}.reveal{transition-timing-function:cubic-bezier(.22,1,.36,1);transition-delay:var(--delay,0ms)}.story-card{background:#080808;color:#fff;isolation:isolate}.story-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,#ff626552,transparent 45%),linear-gradient(135deg,#080808,#191313)}.story-letter{position:absolute!important;inset:auto -5% -28%!important;font:italic 430px/.8 var(--serif)!important;color:#ff62651c!important;z-index:0!important}.story-card-copy{z-index:2!important}.quote-full{display:flex;min-height:670px;height:auto;background:radial-gradient(circle at 75% 25%,#4b181a 0,#050505 42%)}.quote-full .quote-copy{width:100%;text-align:center;align-items:center}.quote-full blockquote{max-width:980px}.whatsapp-btn{transition:background .35s,transform .35s,box-shadow .35s}.whatsapp-btn span[data-i18n]{font-size:0}.whatsapp-btn span[data-i18n]:after{content:"WhatsApp";font-size:10px}.whatsapp-btn:hover{background:#ff6265;transform:translateY(-3px);box-shadow:0 18px 40px #ff626530}.whatsapp-btn:hover b{color:#fff}.wa-icon{color:#ff6265;font-size:15px}.whatsapp-btn:hover .wa-icon{color:#fff}.shot img{filter:saturate(.88);transition:transform 1.2s cubic-bezier(.22,1,.36,1),filter .8s}.shot:hover img{transform:scale(1.045);filter:saturate(1)}.price-card{transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s}.price-card:hover{transform:translateY(-8px);box-shadow:0 25px 60px #00000012;z-index:2}@keyframes loadline{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.preloader{display:none}.hero-copy>*{opacity:1;transform:none}.hero-media{transform:none!important}.price-card,.shot img{transition:none}}
.brand{width:128px;height:72px;display:flex;align-items:center}.brand img{width:128px;height:68px;object-fit:cover;object-position:center 48%}.header.scrolled .brand img{height:58px}.service-list article{position:relative;cursor:pointer;transition:padding .45s cubic-bezier(.22,1,.36,1),background .35s,transform .35s;margin:0 -22px;padding-left:22px;padding-right:22px}.service-list article:hover,.service-list article:focus-visible{background:#f5f5f5;outline:none}.service-list article.open{padding-top:38px;padding-bottom:38px;background:#0b0b0b;color:#fff;transform:translateX(-10px)}.service-list article>div p{display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-8px);transition:grid-template-rows .5s,opacity .4s,transform .5s;margin:0;overflow:hidden}.service-list article.open>div p{grid-template-rows:1fr;opacity:1;transform:none;margin-top:12px;color:#d1d1d1}.service-list article b{transition:transform .5s,color .35s}.service-list article.open b{transform:rotate(90deg);color:var(--coral)}.service-list article.open span{color:var(--coral)}footer img{width:96px;height:62px}
@media(max-width:800px){.brand{width:96px;height:64px}.brand img{width:96px;height:58px}.header.scrolled .brand img{height:52px}.service-list article{margin:0 -14px;padding-left:14px;padding-right:14px}.service-list article.open{transform:none}footer img{width:84px;height:56px}}
.service-list article>div p{display:block;max-height:0}.service-list article.open>div p{max-height:160px}
.preloader-logo{width:190px;height:190px;background:#fff;border-radius:50%;display:grid;place-items:center;overflow:hidden;transform:scale(.72);opacity:0;animation:logoReveal 1s .1s cubic-bezier(.22,1,.36,1) forwards;box-shadow:0 0 0 1px #ffffff22,0 25px 80px #ff626525}.preloader-logo img{width:165px;height:165px;object-fit:cover}.service-details{max-height:0;opacity:0;overflow:hidden;transform:translateY(-10px);transition:max-height .65s cubic-bezier(.22,1,.36,1),opacity .4s,transform .55s}.service-list article.open .service-details{max-height:520px;opacity:1;transform:none}.service-list article>div .service-details p,.service-list article.open>div .service-details p{max-height:none;opacity:1;transform:none;margin:8px 0 18px;color:#bdbdbd}.service-details ul{list-style:none;margin:0;padding:15px 0 0;border-top:1px solid #ffffff24}.service-details li{position:relative;padding:7px 0 7px 18px;font-size:11px;line-height:1.5;color:#e3e3e3}.service-details li:before{content:'+';position:absolute;left:0;color:var(--coral)}.lang-kz,.lang-en{display:none}html[lang="kz"] .lang-ru,html[lang="en"] .lang-ru{display:none}html[lang="kz"] .lang-kz,html[lang="en"] .lang-en{display:block}@keyframes logoReveal{0%{opacity:0;transform:scale(.72) rotate(-5deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@media(max-width:800px){.preloader-logo{width:155px;height:155px}.preloader-logo img{width:135px;height:135px}.service-list article.open .service-details{max-height:620px}}
.preloader{background:#fff;color:#0b0b0b}.preloader-logo{background:#fff;box-shadow:none}.preloader-line{background:#0b0b0b18}.preloader-line i{background:var(--coral)}.preloader span{color:#0b0b0b;font-weight:600}
.preloader{background:#fff;color:#0b0b0b}.preloader-logo{background:#fff;box-shadow:none}.preloader-line{background:#0b0b0b18}.preloader-line i{background:var(--coral)}.preloader span{color:#0b0b0b;font-weight:600}
.header,.header.scrolled{color:#0b0b0b;background:rgba(255,255,255,.94);border-bottom:1px solid #11111110;box-shadow:0 8px 30px #0000000a;backdrop-filter:blur(18px)}.brand img,.header.scrolled .brand img{filter:none}.nav a:hover{color:var(--coral)}.languages button{color:#0b0b0b80}.languages .active{color:#0b0b0b;border-color:var(--coral)}.menu span{background:#0b0b0b}.header .nav.open{background:#fff;color:#0b0b0b;border-top:1px solid var(--line);box-shadow:0 20px 30px #0000000d}
.header:not(.scrolled){background:transparent;color:#fff;border-bottom-color:#ffffff35;box-shadow:none;backdrop-filter:none}.header:not(.scrolled) .languages button{color:#ffffff99}.header:not(.scrolled) .languages .active{color:#fff}.header:not(.scrolled) .menu span{background:#fff}.header.scrolled{background:rgba(255,255,255,.88)}
@media(max-width:800px){.hero .scroll{display:none}.hero-copy{top:50%;transform:translateY(-43%)}.hero-copy .btn{margin-top:4px}.hero{min-height:760px}}
.brand img,.header.scrolled .brand img{object-position:center 55%;transform:translateY(-2px)}.header.scrolled .brand{height:66px;overflow:visible}
