@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');

:root{--ink:#151617;--cream:#e9e5dc;--paper:#f2efe8;--muted:#8e8d87;--copper:#b87a4a;--line:rgba(233,229,220,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}
.nav{height:94px;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:5}.brand{display:flex;gap:12px;align-items:center;font-size:11px;letter-spacing:.18em;font-weight:700}.brand-mark{width:23px;height:23px;position:relative;display:inline-block;transform:rotate(30deg)}.brand-mark i{display:block;position:absolute;width:4px;height:23px;background:var(--copper);border-radius:4px;transform:skew(-30deg);top:0}.brand-mark i:nth-child(1){left:2px}.brand-mark i:nth-child(2){left:9px;opacity:.65}.brand-mark i:nth-child(3){left:16px;opacity:.3}.nav-links{display:flex;align-items:center;gap:36px;font-size:12px;color:#b3b0a8}.nav-links a:hover{color:var(--cream)}.nav-cta{color:var(--cream)!important;border-bottom:1px solid var(--copper);padding-bottom:7px}.nav-cta span,.text-link span{color:var(--copper);margin-left:10px}.menu-button{display:none;background:none;border:0;color:var(--cream);font-size:22px}
.hero{min-height:790px;padding-top:190px;position:relative;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:2}.kicker,.section-label{font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.11em;color:var(--muted)}.kicker{display:flex;align-items:center;gap:10px;margin-bottom:32px}.dot{width:7px;height:7px;border-radius:50%;background:var(--copper);box-shadow:0 0 18px var(--copper)}h1{font-size:clamp(54px,7.5vw,112px);line-height:.98;letter-spacing:-.065em;font-weight:500;margin:0 0 35px}em{font-family:'Playfair Display',serif;font-weight:500;color:var(--copper)}.hero-lead{color:#a9a79f;max-width:380px;font-size:16px;line-height:1.7;margin-bottom:38px}.button{display:inline-flex;gap:42px;align-items:center;padding:16px 18px;font-size:12px;font-weight:600}.button-light{background:var(--cream);color:var(--ink)}.button-light span{font-size:18px;color:var(--copper)}.hero-art{height:570px;position:relative}.hero-art:before{content:"";position:absolute;width:500px;height:500px;border:1px solid var(--line);border-radius:50%;top:25px;left:35px}.hero-art:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(184,122,74,.38);border-radius:50%;top:96px;left:105px}.orb{position:absolute;border-radius:50%;mix-blend-mode:screen}.orb-one{width:215px;height:215px;left:140px;top:155px;background:radial-gradient(circle at 35% 35%,#ffddb0,rgba(184,122,74,.72) 20%,rgba(86,46,26,.1) 69%,transparent 70%);box-shadow:0 0 100px #9a5d34}.orb-two{width:290px;height:290px;left:220px;top:180px;background:radial-gradient(circle at 30% 25%,rgba(198,159,126,.4),rgba(42,29,22,.25) 45%,transparent 70%);border:1px solid rgba(214,176,143,.3)}.orb-three{height:1px;width:580px;left:20px;top:285px;background:linear-gradient(90deg,transparent,var(--copper),transparent);transform:rotate(-28deg);box-shadow:0 0 15px var(--copper)}.art-caption{position:absolute;bottom:15px;right:5px;display:flex;gap:35px;font:10px 'DM Mono',monospace;color:var(--muted);line-height:1.4}.scroll-note{position:absolute;bottom:23px;left:0;display:flex;align-items:center;gap:16px;color:#777;font:10px 'DM Mono',monospace;text-transform:uppercase}.scroll-line{height:1px;width:70px;background:var(--copper)}
.section{padding:145px 0}.section-label{display:flex;gap:25px;border-top:1px solid var(--line);padding-top:15px}.section-label span{color:var(--cream);font-family:Manrope;text-transform:none;letter-spacing:0}.statement{background:var(--paper);color:var(--ink);max-width:none;padding-left:max(40px,calc((100% - 1240px)/2));padding-right:max(40px,calc((100% - 1240px)/2))}.statement .section-label,.approach .section-label,.contact .section-label{border-color:rgba(21,22,23,.16)}.statement-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:75px}.statement h2,.audience h2,.approach h2,.contact h2{font-size:clamp(40px,5vw,76px);line-height:1.02;letter-spacing:-.055em;font-weight:500;margin:0}.statement h2 em{color:var(--copper)}.large-copy{font-size:23px;line-height:1.45;margin:0 0 30px;max-width:530px}.muted{font-size:13px;color:#777;max-width:350px;line-height:1.6}
.audience{background:#272827;padding-bottom:180px}.audience-head,.approach-head{display:flex;justify-content:space-between;align-items:end;margin:70px 0}.audience-head p,.approach-head p{max-width:270px;color:#91918b;font-size:13px;line-height:1.6;margin:0}.audience-layout{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.audience-tabs button{display:grid;grid-template-columns:70px 1fr 30px;text-align:left;align-items:center;width:100%;padding:26px 18px 26px 0;color:#777;background:none;border:0;border-bottom:1px solid var(--line);cursor:pointer;transition:.25s}.audience-tabs button span{font:10px 'DM Mono',monospace;color:#777}.audience-tabs button b{font-weight:500;font-size:18px;color:#aaa}.audience-tabs button i{font-style:normal;text-align:right;color:#777}.audience-tabs button.active b,.audience-tabs button.active i{color:var(--cream)}.audience-tabs button.active span{color:var(--copper)}.audience-detail{min-height:410px;background:var(--copper);color:var(--ink);padding:43px 48px;position:relative;overflow:hidden}.detail-index{font:10px 'DM Mono',monospace}.audience-detail h3{font-size:clamp(27px,3.2vw,47px);line-height:1.08;letter-spacing:-.04em;max-width:450px;font-weight:500;margin:65px 0 22px}.audience-detail p{font-size:14px;line-height:1.6;max-width:400px}.text-link{display:inline-block;margin-top:22px;border-bottom:1px solid var(--ink);padding-bottom:8px;font-size:12px;font-weight:600}.text-link span{color:var(--ink)}.detail-number{position:absolute;right:-18px;bottom:-65px;font:260px/.7 'Playfair Display',serif;color:rgba(21,22,23,.11)}
.approach{background:var(--paper);color:var(--ink);max-width:none;padding-left:max(40px,calc((100% - 1240px)/2));padding-right:max(40px,calc((100% - 1240px)/2))}.approach-head{margin-bottom:90px}.approach-head p{color:#777}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.steps>div{border-top:1px solid rgba(21,22,23,.25);padding-top:18px}.steps span{font:11px 'DM Mono',monospace;color:var(--copper)}.steps h3{font-size:23px;font-weight:500;margin:55px 0 15px}.steps p{font-size:13px;color:#777;max-width:210px;line-height:1.6}.contact{background:var(--copper);color:var(--ink);padding-bottom:115px}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact h2{margin-top:75px}.contact h2 em{color:var(--ink)}.contact>div>p{max-width:340px;font-size:14px;line-height:1.6}.contact-card{align-self:end;border-top:1px solid rgba(21,22,23,.4);padding-top:18px;display:flex;flex-direction:column;align-items:flex-start}.contact-card p,.contact-card span{font:11px 'DM Mono',monospace;margin:0 0 30px}.contact-card a{font-size:24px;letter-spacing:-.03em;border-bottom:1px solid rgba(21,22,23,.4);margin-bottom:13px}.contact-card span{margin-top:35px;margin-bottom:0}.footer{height:100px;display:flex;align-items:center;justify-content:space-between;color:#777;font-size:10px}.footer .brand{color:var(--cream);font-size:10px}.footer>span:last-child{font-family:'DM Mono',monospace}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{height:78px}.nav-links{display:none;position:absolute;right:0;top:68px;background:#272827;padding:20px;width:220px;flex-direction:column;align-items:flex-start;gap:20px;border:1px solid var(--line)}.nav-links.is-open{display:flex}.menu-button{display:block}.hero{display:block;min-height:770px;padding-top:145px}.hero-art{height:330px;margin-top:20px}.hero-art:before{width:300px;height:300px;left:50%;top:5px;transform:translateX(-50%)}.hero-art:after{width:220px;height:220px;left:50%;top:45px;transform:translateX(-50%)}.orb-one{width:145px;height:145px;left:calc(50% - 75px);top:83px}.orb-two{width:180px;height:180px;left:calc(50% - 30px);top:105px}.orb-three{width:380px;left:calc(50% - 190px);top:175px}.art-caption{bottom:0}.scroll-note{display:none}h1{font-size:clamp(48px,13vw,70px)}.hero-lead{font-size:14px}.section{padding:90px 0}.statement,.approach{padding-left:20px;padding-right:20px}.statement-grid,.audience-layout,.contact-inner{grid-template-columns:1fr;gap:45px}.statement-grid{margin-top:48px}.large-copy{font-size:20px}.audience-head,.approach-head{display:block;margin:45px 0}.audience-head p,.approach-head p{margin-top:25px}.audience{padding-bottom:90px}.audience-tabs button{grid-template-columns:51px 1fr 25px;padding:21px 0}.audience-tabs button b{font-size:14px}.audience-detail{min-height:380px;padding:32px 26px}.audience-detail h3{margin-top:65px}.steps{grid-template-columns:1fr;gap:40px}.steps h3{margin-top:28px}.contact-inner{gap:65px}.contact h2{margin-top:48px}.contact-card a{font-size:20px}.footer{height:auto;padding:30px 0;display:grid;gap:20px}.footer>span:last-child{grid-row:2}}

/* Light editorial direction: warm paper, graphite type, cobalt accents. */
:root{--ink:#1d252b;--cream:#f8f7f2;--paper:#f2eee5;--muted:#76808a;--copper:#2365d1;--line:rgba(29,37,43,.16)}
body{background:#f8f7f2;color:var(--ink)}
.nav{position:fixed;color:var(--ink)}
.brand{color:var(--ink)}
.brand-mark i{background:var(--copper)}
.nav-links{color:#64707a}.nav-links a:hover{color:var(--ink)}.nav-cta{color:var(--ink)!important}.menu-button{color:var(--ink)}
.hero{background:linear-gradient(115deg,#f8f7f2 0%,#f8f7f2 53%,#e9f0fb 100%);max-width:none;width:100%;padding-left:max(40px,calc((100% - 1240px)/2));padding-right:max(40px,calc((100% - 1240px)/2))}
.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(35,101,209,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(35,101,209,.06) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,black,transparent 75%);pointer-events:none}
.hero-copy,.hero-art,.scroll-note{z-index:1}.kicker .dot{box-shadow:0 0 18px rgba(35,101,209,.45)}
h1{color:var(--ink)}em{color:var(--copper)}.hero-lead{color:#5e6972}.button-light{background:var(--ink);color:#fff}.button-light span{color:#8db7ff}
.hero-art:before{border-color:rgba(35,101,209,.18)}.hero-art:after{border-color:rgba(35,101,209,.38)}.orb-one{background:radial-gradient(circle at 35% 35%,#fff,rgba(114,174,255,.9) 20%,rgba(35,101,209,.13) 69%,transparent 70%);box-shadow:0 0 100px rgba(35,101,209,.34)}.orb-two{background:radial-gradient(circle at 30% 25%,rgba(153,194,255,.6),rgba(35,101,209,.08) 45%,transparent 70%);border-color:rgba(35,101,209,.3)}.orb-three{background:linear-gradient(90deg,transparent,var(--copper),transparent);box-shadow:0 0 15px rgba(35,101,209,.55)}.art-caption{color:#71808e}.scroll-line{background:var(--copper)}
.statement{background:#fff;color:var(--ink)}.statement h2 em{color:var(--copper)}.muted{color:#68737b}
.audience{background:#e8eef7;color:var(--ink)}.audience-head p,.approach-head p{color:#68737b}.audience-layout{border-color:var(--line)}.audience-tabs button{color:#64707a;border-color:var(--line)}.audience-tabs button span{color:#768491}.audience-tabs button b{color:#3d4850}.audience-tabs button i{color:#77838d}.audience-tabs button.active b,.audience-tabs button.active i{color:var(--ink)}.audience-tabs button.active span{color:var(--copper)}.audience-detail{background:#2365d1;color:#fff}.audience-detail h3{color:#fff}.audience-detail p{color:#e2edff}.text-link{border-color:#fff}.text-link span{color:#fff}.detail-number{color:rgba(255,255,255,.17)}
.approach{background:#fff;color:var(--ink)}.steps>div{border-color:rgba(29,37,43,.25)}.steps span{color:var(--copper)}.steps p{color:#68737b}
.contact{background:#dce8f8;color:var(--ink)}.contact h2 em{color:var(--copper)}.contact-card{border-color:rgba(29,37,43,.35)}.contact-card a{border-color:rgba(29,37,43,.35)}.footer{color:#71808e}.footer .brand{color:var(--ink)}
@media(max-width:760px){.hero{padding-left:20px;padding-right:20px}.nav-links{background:#fff;border-color:var(--line)}.hero:after{mask-image:linear-gradient(180deg,black,transparent 75%)}.audience-detail{min-height:410px}}

/* Conversion and readability pass */
.nav{position:fixed;left:0;transform:none;width:100%;max-width:none;padding:0 max(40px,calc((100% - 1240px)/2));height:88px;background:rgba(248,247,242,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(29,37,43,.10);box-shadow:0 8px 24px rgba(29,37,43,.04)}
.nav:before{content:"";position:absolute;inset:0 -100vw;background:inherit;z-index:-1}
.hero{padding-top:220px;scroll-margin-top:88px}
.section{scroll-margin-top:88px}
.audience-head h2{font-size:clamp(38px,5vw,70px)}
.audience-detail{display:grid;grid-template-columns:1fr .82fr;gap:28px;min-height:480px}
.detail-copy{position:relative;z-index:2}
.audience-detail h3{margin-top:45px}
.audience-detail strong{display:block;font-size:15px;line-height:1.45;max-width:330px;color:#fff}
.detail-visual{position:relative;min-height:300px;overflow:hidden;background:#dce8f8;border-radius:2px;margin:-8px -10px -8px 0;color:var(--ink);isolation:isolate}
.visual-tag,.visual-caption{position:absolute;left:20px;z-index:3;font:10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}
.visual-tag{top:18px;color:#58708d}.visual-caption{bottom:18px;color:#1d252b;font-size:12px}
.visual-shape{position:absolute;display:block}.visual-shape.one{width:180px;height:180px;border-radius:50%;left:18%;top:25%;background:radial-gradient(circle at 35% 30%,#fff 0 8%,#8eb9ff 28%,#2365d1 62%,transparent 63%);box-shadow:0 12px 55px rgba(35,101,209,.35)}
.visual-shape.two{width:240px;height:1px;left:5%;top:53%;background:#2365d1;transform:rotate(-28deg);box-shadow:0 0 12px #2365d1}.visual-shape.three{width:180px;height:180px;border:1px solid rgba(35,101,209,.42);border-radius:50%;right:-30px;bottom:-36px}
.visual-public .detail-visual{background:linear-gradient(145deg,#f4efe2,#b9d3ef)}.visual-public .visual-shape.one{border-radius:4px;width:150px;height:210px;left:22%;top:25%;background:linear-gradient(135deg,#2365d1 0 25%,#f7c34b 25% 48%,#ee6f58 48% 70%,#f7f7f2 70%);transform:rotate(10deg)}
.visual-business .detail-visual{background:linear-gradient(145deg,#f1dfcb,#e7f1fb)}.visual-business .visual-shape.one{border-radius:4px;width:200px;height:135px;left:16%;top:30%;background:linear-gradient(135deg,#18212a 0 45%,#2365d1 45% 55%,#f3b16e 55%);box-shadow:18px 18px 0 rgba(255,255,255,.55)}
.visual-partners .detail-visual{background:#ece9e1}.visual-partners .visual-shape.one{width:220px;height:140px;left:15%;top:30%;border:2px solid #2365d1;transform:skewY(-15deg);background:repeating-linear-gradient(0deg,transparent 0 18px,rgba(35,101,209,.16) 19px 20px)}
.visual-residences .detail-visual{background:linear-gradient(145deg,#f6eadb,#e9f0fb)}.visual-residences .visual-shape.one{width:160px;height:160px;left:20%;top:24%;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fff3cf,#edb56f 30%,#2365d1 32% 37%,transparent 38%);box-shadow:0 0 60px rgba(237,181,111,.8)}
@media(max-width:760px){.nav{height:78px;padding:0 20px}.nav-links{top:78px}.hero{padding-top:145px}.audience-detail{min-height:650px;display:flex;flex-direction:column;padding:32px 26px}.detail-visual{order:-1;min-height:220px;margin:-8px 0 8px;width:100%}.audience-detail h3{margin-top:35px}.audience-detail strong{font-size:14px}}
/* Audience explanations stay visible directly under every group name. */
.audience-tabs button{align-items:start;padding-top:22px;padding-bottom:22px}
.audience-tabs button b{display:block;line-height:1.2}
.audience-tabs button b::after{display:block;margin-top:7px;font-size:12px;line-height:1.45;font-weight:400;color:#76818b;max-width:390px}
.audience-tabs small,.audience-tabs button b::after{display:none}
.audience-tabs button b{font-size:19px;line-height:1.25;color:#24313b}
.audience-tabs button:nth-child(1) b::after{content:"Для театров, филармоний, музеев и культурных центров"}
.audience-tabs button:nth-child(2) b::after{content:"Для регионов, городских территорий, выставок и мероприятий"}
.audience-tabs button:nth-child(3) b::after{content:"Для отелей, ресторанов, офисов и флагманских пространств"}
.audience-tabs button:nth-child(4) b::after{content:"Для авторов проектов, которым нужен сильный инженерный партнёр"}
.audience-tabs button:nth-child(5) b::after{content:"Для владельцев домов и авторов премиальных частных интерьеров"}
.audience-tabs button.active b::after{color:#566673}
@media(max-width:760px){.audience-tabs button{padding-top:18px;padding-bottom:18px}.audience-tabs button b::after{font-size:11px;line-height:1.4}}

/* Final clarity pass: remove internal labels and keep visitor-facing copy clean. */
.scroll-note,.art-caption,.detail-index,.visual-tag,.visual-caption{display:none}
.section-label{font-size:0}
.section-label span{font-size:11px}
.detail-number{display:none}
.audience-tabs button i,.nav-cta span,.button-light span,.text-link span{display:none}
.audience-tabs button{grid-template-columns:52px 1fr;padding-right:12px}
.audience-tabs button b{font-size:19px;color:#24313b}
.audience-tabs button b::after{font-size:13px;color:#5d6d79;line-height:1.5}
.audience-tabs button:nth-child(3) b::after{content:"Для застройщиков, жилых комплексов и управляющих компаний"}
.audience-tabs button:nth-child(4) b::after{content:"Для отелей, ресторанов, офисов и флагманских пространств"}
.audience-tabs button:nth-child(5) b::after{content:"Для авторов проектов, которым нужен сильный инженерный партнёр"}
.audience-tabs button:nth-child(6) b::after{content:"Для владельцев домов и авторов премиальных частных интерьеров"}
.audience-head p,.approach-head p{font-size:14px;color:#4f606c}
.hero-lead{color:#43535f;font-size:17px}
.muted,.steps p{color:#52616b;font-size:14px}
.audience-detail p{color:#edf4ff;font-size:15px}
.visual-development .detail-visual{background:linear-gradient(145deg,#dce8f8,#f2e7d4)}
.visual-development .visual-shape.one{width:190px;height:130px;left:16%;top:30%;border-radius:5px;background:linear-gradient(135deg,#2365d1 0 28%,#f6c45d 28% 51%,#f7f7f2 51% 70%,#e88568 70%);box-shadow:18px 18px 0 rgba(255,255,255,.5);transform:rotate(-8deg)}
.visual-development .visual-shape.two{background:#d08c52}
@media(max-width:760px){.audience-tabs button{grid-template-columns:40px 1fr;padding-right:0}.audience-tabs button b{font-size:15px}.audience-tabs button b::after{font-size:12px}.hero-lead{font-size:15px}}

/* Make the company block explain the service directly. */
.statement-grid h2{font-size:0;line-height:1.02}
.statement-grid h2::before{content:"От идеи до готового объекта";display:block;font-size:clamp(40px,5vw,76px);line-height:1.02;letter-spacing:-.055em;font-weight:500;color:var(--ink)}
.statement-grid h2::after{content:"Создаём целостное решение для пространства";display:block;margin-top:12px;font:500 italic clamp(35px,4.5vw,68px)/1.05 'Playfair Display',serif;color:var(--copper)}
.statement-grid .large-copy{font-size:0;line-height:1.45}
.statement-grid .large-copy::before{content:"Мы берём на себя весь путь: уточняем задачу, разрабатываем решение, организуем производство и монтаж. Вы получаете готовый объект, который соответствует замыслу и работает в пространстве.";display:block;font-size:23px;line-height:1.45;color:var(--ink);max-width:530px}
.statement-grid .muted{font-size:0}
.statement-grid .muted::before{content:"Один партнёр отвечает за идею, техническую реализацию и результат на объекте.";display:block;font-size:14px;line-height:1.6;color:#52616b;max-width:390px}
@media(max-width:760px){.statement-grid h2::before{font-size:clamp(38px,10vw,60px)}.statement-grid h2::after{font-size:clamp(34px,9vw,55px)}.statement-grid .large-copy::before{font-size:20px}}
.audience-tabs small,.audience-tabs button b::after{display:none!important}
.audience-tabs small{display:block!important;margin-top:7px;font-size:13px;line-height:1.5;color:#5d6d79;max-width:390px}
.audience-tabs button b::after{display:none!important;content:none!important}
.visual-public .detail-visual{background-image:url('./sochi-2014-city-public.webp');background-size:cover;background-position:center}
.visual-public .detail-visual .visual-shape{display:none}
.visual-public .detail-visual{background-size:contain;background-repeat:no-repeat;background-color:#170d1b}
.visual-culture .detail-visual{background-image:url('./anna-karenina-2017.webp');background-size:cover;background-position:center}
.visual-culture .detail-visual .visual-shape{display:none}
.visual-business .detail-visual{background-image:url('./kronverk-cinema.webp');background-size:cover;background-position:center}
.visual-business .detail-visual .visual-shape{display:none}
.visual-partners .detail-visual{background-image:url('./chimelong-circus.webp');background-size:cover;background-position:center}
.visual-partners .detail-visual .visual-shape{display:none}
.visual-residences .detail-visual{background-image:url('./private-residence.webp');background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#07131d}
.visual-residences .detail-visual .visual-shape{display:none}
.visual-development .detail-visual{background-image:url('./development-light-object.webp');background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#07131d}
.visual-development .detail-visual .visual-shape{display:none}

/* Real project reference: the photograph fills the complete variable card. */
.audience-detail{display:block;padding:0;min-height:560px;background:#172b4b}
.audience-detail .detail-visual{position:absolute;inset:0;margin:0;min-height:0;border-radius:0;background-position:center;background-size:cover}
.audience-detail .detail-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,20,38,.92) 0%,rgba(8,20,38,.74) 34%,rgba(8,20,38,.14) 72%,rgba(8,20,38,.03) 100%)}
.audience-detail .detail-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;min-height:560px;width:min(55%,520px);padding:54px 48px;color:#fff}
.audience-detail .detail-copy h3{margin:0 0 14px;color:#fff}
.audience-detail .detail-copy strong{color:#d9e8ff}
.audience-detail .detail-copy p{color:#f2f6fc}
.audience-detail .text-link{border-color:#fff}
.detail-open-link{display:inline-flex;align-items:center;position:absolute;left:48px;bottom:18px;padding:15px 24px;background:rgba(8,20,38,.22);backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.78);border-radius:999px;font-size:15px;font-weight:700;letter-spacing:.01em;box-shadow:0 10px 28px rgba(0,0,0,.18);transition:background .25s,border-color .25s,color .25s,transform .25s}.detail-open-link:hover{background:var(--copper);border-color:var(--copper);color:#151617;transform:translateY(-3px)}
@media(max-width:760px){.audience-detail{min-height:610px}.audience-detail .detail-copy{width:100%;min-height:610px;padding:34px 26px;justify-content:flex-end;background:linear-gradient(0deg,rgba(8,20,38,.9),rgba(8,20,38,.18) 78%)}.audience-detail .detail-visual::after{background:linear-gradient(0deg,rgba(8,20,38,.76),rgba(8,20,38,.05) 80%)}}

/* Make the left target visibly correspond to the active right-hand reference. */
.audience-tabs button.active{position:relative;background:transparent;box-shadow:none;border-bottom-color:transparent}
.audience-tabs button.active::after{content:"";display:block;position:absolute;z-index:1;inset:0 10px 0 0;border:2px solid var(--copper);border-radius:2px;pointer-events:none}
.audience-tabs button .tab-number{transform:translateX(14px)}
.audience-tabs button.active b{color:var(--ink)}
.audience-tabs button.active small{color:#40566c}
@media(max-width:760px){.audience-tabs button.active::after{inset:0 6px 0 0;border-width:1.5px}.audience-tabs button .tab-number{transform:translateX(10px)}}

/* Theme switch: the light editorial palette is the default; dark restores the earlier graphite-and-copper direction. */
.theme-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(29,37,43,.2);border-radius:999px;background:transparent;color:inherit;padding:8px 11px;font-size:11px;cursor:pointer;white-space:nowrap}
.theme-icon{font-size:16px;line-height:1}
.theme-toggle:hover{border-color:var(--copper)}
.site-shell.theme-dark{--ink:#e9e5dc;--cream:#e9e5dc;--paper:#1c1e1f;--muted:#9a9b95;--copper:#b87a4a;--line:rgba(233,229,220,.16);background:#151617;color:var(--cream)}
.site-shell.theme-dark .nav{background:rgba(21,22,23,.94);border-bottom-color:rgba(233,229,220,.12);box-shadow:0 8px 24px rgba(0,0,0,.2)}
.site-shell.theme-dark .brand,.site-shell.theme-dark .nav-cta,.site-shell.theme-dark .menu-button{color:var(--cream)!important}
.site-shell.theme-dark .nav-links{color:#aaa9a2}
.site-shell.theme-dark .theme-toggle{border-color:rgba(233,229,220,.3);color:var(--cream)}
.site-shell.theme-dark .hero{background:linear-gradient(115deg,#151617 0%,#151617 53%,#202a39 100%)}
.site-shell.theme-dark .hero:after{background-image:linear-gradient(rgba(184,122,74,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(184,122,74,.08) 1px,transparent 1px)}
.site-shell.theme-dark .hero-lead{color:#aaa9a2}
.site-shell.theme-dark .hero-art:before{border-color:rgba(233,229,220,.16)}
.site-shell.theme-dark .hero-art:after{border-color:rgba(184,122,74,.38)}
.site-shell.theme-dark .orb-one{background:radial-gradient(circle at 35% 35%,#ffddb0,rgba(184,122,74,.72) 20%,rgba(86,46,26,.1) 69%,transparent 70%);box-shadow:0 0 100px #9a5d34}
.site-shell.theme-dark .orb-two{background:radial-gradient(circle at 30% 25%,rgba(198,159,126,.4),rgba(42,29,22,.25) 45%,transparent 70%);border-color:rgba(214,176,143,.3)}
.site-shell.theme-dark .orb-three{background:linear-gradient(90deg,transparent,var(--copper),transparent);box-shadow:0 0 15px var(--copper)}
.site-shell.theme-dark .audience{background:#272827;color:var(--cream)}
.site-shell.theme-dark .audience-head p,.site-shell.theme-dark .approach-head p{color:#91918b}
.site-shell.theme-dark .audience-tabs button{color:#777;border-color:var(--line)}
.site-shell.theme-dark .audience-tabs button b{color:#aaa}
.site-shell.theme-dark .audience-tabs button.active b,.site-shell.theme-dark .audience-tabs button.active i{color:var(--cream)}
.site-shell.theme-dark .audience-tabs button.active small{color:#aaa9a2}
.site-shell.theme-dark .audience-detail{background:#b87a4a}
.site-shell.theme-dark .approach{background:#1c1e1f;color:var(--cream)}
.site-shell.theme-dark .steps>div{border-color:rgba(233,229,220,.25)}
.site-shell.theme-dark .steps p{color:#aaa9a2}
.site-shell.theme-dark .contact{background:#b87a4a;color:#151617}
.site-shell.theme-dark .contact-card{border-color:rgba(21,22,23,.4)}
.site-shell.theme-dark .contact-card a{border-color:rgba(21,22,23,.4)}
.site-shell.theme-dark .footer{color:#777}
.site-shell.theme-dark .footer .brand{color:var(--cream)}
@media(max-width:760px){.theme-toggle{width:100%;justify-content:flex-start}.site-shell.theme-dark .nav-links{background:#1c1e1f;border-color:var(--line)}}

/* Title video copied from the presentation source and used only on the site hero. */
.hero{isolation:isolate}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.78;filter:saturate(.82) contrast(1.05)}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,22,23,.9) 0%,rgba(21,22,23,.58) 48%,rgba(21,22,23,.2) 100%),linear-gradient(0deg,rgba(21,22,23,.48),transparent 48%,rgba(21,22,23,.58));z-index:-1;pointer-events:none}
.hero-copy,.hero-art,.scroll-note{z-index:2}
.hero-video~.hero-art{opacity:.2}
@media(max-width:760px){.hero-video{opacity:.68}.hero-video~.hero-art{opacity:.12}}

/* Direction landing page: the culture-and-stage template starts with a verified theatre case. */
.direction-page{min-height:100vh;background:#f8f7f2;color:var(--ink)}
.direction-hero{padding:180px 0 100px;background:linear-gradient(115deg,#f8f7f2 0%,#f8f7f2 47%,#e9f0fb 100%);overflow:hidden}
.direction-hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:70px;align-items:center}
.direction-hero-copy h1{font-size:clamp(54px,7vw,100px);margin:0 0 32px}
.direction-hero-copy .hero-lead{max-width:440px}
.direction-button{display:inline-flex;align-items:center;gap:36px;margin-top:18px;padding:15px 18px;background:var(--ink);color:#fff;font-size:12px;font-weight:600}
.direction-button span{font-size:17px;color:#8db7ff}
.direction-hero-image{min-height:590px;background-image:linear-gradient(90deg,rgba(8,20,38,.1),rgba(8,20,38,0)),url('./anna-karenina-2017.webp');background-position:center;background-size:cover;box-shadow:0 28px 70px rgba(29,37,43,.16)}
.direction-city .direction-hero-image{background-image:linear-gradient(90deg,rgba(8,20,38,.16),rgba(8,20,38,0)),url('./city-and-society-stage.webp')}
.direction-intro{background:#fff;color:var(--ink)}
.direction-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.direction-intro h2,.direction-process h2,.direction-case h2,.direction-contact h2{font-size:clamp(40px,5vw,76px);line-height:1.02;letter-spacing:-.055em;font-weight:500;margin:70px 0 0}
.direction-intro-copy{width:100%;max-width:none;padding-top:80px;font-size:19px;line-height:1.6;color:#52616b}
.direction-intro-copy p+p{margin-top:28px}
.direction-intro .value-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:0;padding-top:28px}
.direction-intro .value-points div{min-width:0}
.intro-3d-visual{position:relative;height:220px;margin:42px 0 34px;overflow:hidden;border-top:1px solid rgba(29,37,43,.22);border-bottom:1px solid rgba(29,37,43,.22);background:radial-gradient(circle at 52% 48%,rgba(184,122,74,.16),transparent 30%),linear-gradient(125deg,rgba(232,238,247,.7),rgba(255,255,255,.2));perspective:900px;isolation:isolate}
.intro-3d-grid{position:absolute;inset:0;opacity:.32;background-image:linear-gradient(rgba(29,37,43,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(29,37,43,.12) 1px,transparent 1px);background-size:34px 34px;transform:perspective(450px) rotateX(62deg) scale(1.55) translateY(42px);transform-origin:center bottom}
.intro-3d-object{position:absolute;left:52%;top:50%;width:154px;height:154px;transform-style:preserve-3d;animation:intro-object-drift 10s ease-in-out infinite}
.intro-3d-loop{position:absolute;inset:8px;display:block;border:1px solid rgba(184,122,74,.86);border-radius:50%;box-shadow:0 0 24px rgba(184,122,74,.24),inset 0 0 16px rgba(184,122,74,.08);transform-style:preserve-3d}
.intro-3d-loop.loop-a{transform:rotateX(68deg) rotateZ(18deg)}
.intro-3d-loop.loop-b{transform:rotateY(68deg) rotateZ(-18deg);border-color:rgba(35,101,209,.7);box-shadow:0 0 24px rgba(35,101,209,.2),inset 0 0 16px rgba(35,101,209,.08)}
.intro-3d-loop.loop-c{transform:rotateX(68deg) rotateY(68deg);border-color:rgba(29,37,43,.48)}
.intro-3d-core{position:absolute;left:50%;top:50%;width:42px;height:42px;display:block;border:1px solid #b87a4a;background:rgba(184,122,74,.18);box-shadow:0 0 28px rgba(184,122,74,.45);transform:translate(-50%,-50%) translateZ(30px) rotate(45deg);animation:intro-core-pulse 3.8s ease-in-out infinite}
.intro-3d-node{position:absolute;width:7px;height:7px;display:block;border-radius:50%;background:#b87a4a;box-shadow:0 0 15px rgba(184,122,74,.8);transform:translateZ(42px)}
.intro-3d-node.node-a{left:10px;top:64px}.intro-3d-node.node-b{right:10px;top:30px;background:#2365d1;box-shadow:0 0 15px rgba(35,101,209,.8)}.intro-3d-node.node-c{left:76px;bottom:3px}
.intro-3d-caption{position:absolute;right:24px;bottom:18px;font:10px 'DM Mono',monospace;letter-spacing:.12em;color:#68737b}
@keyframes intro-object-drift{0%,100%{transform:translate3d(-50%,-50%,0) rotateX(8deg) rotateY(-18deg) rotateZ(0)}50%{transform:translate3d(-50%,-50%,18px) rotateX(24deg) rotateY(162deg) rotateZ(12deg)}}
@keyframes intro-core-pulse{0%,100%{opacity:.7;box-shadow:0 0 20px rgba(184,122,74,.35)}50%{opacity:1;box-shadow:0 0 42px rgba(184,122,74,.72)}}
.site-shell.theme-dark .intro-3d-visual{border-color:rgba(233,229,220,.18);background:radial-gradient(circle at 52% 48%,rgba(184,122,74,.2),transparent 30%),linear-gradient(125deg,#252a2d,#1c1e1f)}
.site-shell.theme-dark .intro-3d-grid{background-image:linear-gradient(rgba(233,229,220,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(233,229,220,.1) 1px,transparent 1px)}
@media(prefers-reduced-motion:reduce){.intro-3d-object,.intro-3d-core{animation:none}}
.direction-process{background:#e8eef7}
.direction-process-head{display:flex;justify-content:space-between;align-items:end;margin:70px 0 90px}
.direction-process-head p{max-width:300px;color:#52616b;font-size:14px;line-height:1.6}
.direction-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.direction-steps article{border-top:1px solid var(--line);padding-top:17px}
.step-image{height:150px;margin:0 0 18px;background-position:center;background-size:cover;filter:saturate(.85);box-shadow:0 12px 30px rgba(29,37,43,.12)}
.direction-steps article>span{font:11px var(--font-geist-mono),monospace;color:var(--copper)}
.direction-steps h3{font-size:20px;font-weight:500;margin:62px 0 15px}
.direction-steps p{max-width:220px;color:#52616b;font-size:14px;line-height:1.6}
.direction-case{background:#1d252b;color:#f8f7f2;padding-top:72px}
.direction-case .section-label{border-color:rgba(248,247,242,.2)}
.direction-case-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;margin-top:70px;align-items:center}
.direction-case-image{min-height:620px;background-image:url('./anna-karenina-2017.webp');background-position:center;background-size:cover}
.direction-city .direction-case-image{background-image:url('./sochi-2014-city-public.webp')}
.direction-case-copy{max-width:470px}
.case-meta{font:11px var(--font-geist-mono),monospace;color:#a9b3bb;letter-spacing:.08em}
.direction-case-copy h2{margin:28px 0 30px;color:#fff}
.direction-case-copy h2 em{color:#b87a4a}
.direction-case-copy>p:not(.case-meta):not(.case-note){color:#d5dde4;font-size:16px;line-height:1.65}
.case-facts{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:42px 0 34px;border-top:1px solid rgba(248,247,242,.2);padding-top:18px}
.case-facts div{display:flex;flex-direction:column;gap:9px}.case-facts strong{font-size:40px;color:#b87a4a;font-weight:500}.case-facts span{color:#a9b3bb;font-size:12px;line-height:1.5}.case-note{border-left:2px solid #b87a4a;padding-left:15px;color:#c9d1d7;font-size:13px;line-height:1.6}
.business-cases-head{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end;margin-top:70px}.business-cases-head h2{font-size:clamp(40px,5vw,76px);line-height:1.02;letter-spacing:-.055em;font-weight:500;margin:0;color:#fff}.business-cases-head h2 em{color:#b87a4a}.business-cases-head p{max-width:340px;color:#c9d1d7;font-size:15px;line-height:1.6;margin:0}.business-case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:70px}.business-case-card{border-top:1px solid rgba(248,247,242,.2);padding-top:16px}.business-case-image{height:270px;background-position:center;background-size:cover;box-shadow:0 16px 34px rgba(0,0,0,.2);transition:transform .25s ease,filter .25s ease;filter:saturate(.88)}.business-case-card:hover .business-case-image{transform:translateY(-5px);filter:saturate(1)}.business-case-copy{padding-top:17px}.business-case-copy span{font:10px 'DM Mono',monospace;letter-spacing:.08em;color:#a9b3bb}.business-case-copy h3{font-size:23px;line-height:1.15;font-weight:500;color:#f8f7f2;margin:17px 0 0}
.direction-contact{background:#b87a4a;color:#151617}
.direction-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.direction-contact h2{margin-top:70px}.direction-contact h2 em{color:#151617}.direction-contact>div>div>p{max-width:360px;font-size:14px;line-height:1.6}
.direction-contact .contact-card{border-color:rgba(21,22,23,.4)}.direction-contact .contact-card a{border-color:rgba(21,22,23,.4)}
.contact-direct{margin-top:50px}.contact-direct p{margin-bottom:22px!important}.project-form{display:flex;flex-direction:column;gap:18px;padding-top:0;align-self:end}.project-form label{display:flex;flex-direction:column;gap:8px;font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.project-form input,.project-form textarea{border:0;border-bottom:1px solid rgba(21,22,23,.4);background:transparent;color:#151617;padding:10px 0;font:14px Manrope,Arial,sans-serif;outline:none;resize:vertical}.project-form input::placeholder,.project-form textarea::placeholder{color:rgba(21,22,23,.6)}.project-form input:focus,.project-form textarea:focus{border-color:#151617}.project-form button{display:inline-flex;align-items:center;justify-content:flex-start;width:max-content;min-width:210px;border:1px solid rgba(21,22,23,.6);border-radius:0;background:transparent;color:#151617;padding:14px 20px;font-size:12px;font-weight:700;cursor:pointer;margin-top:8px;position:relative;transition:.25s}.project-form button::after{content:"";width:32px;height:1px;background:#151617;margin-left:24px;transition:.25s}.project-form button:hover{background:#151617;color:#f8f7f2}.project-form button:hover::after{background:#b87a4a;width:44px}
.site-shell.theme-dark.direction-page{background:#151617;color:#e9e5dc}.theme-dark .direction-hero{background:linear-gradient(115deg,#151617 0%,#151617 47%,#202a39 100%)}.theme-dark .direction-hero-image{box-shadow:0 28px 70px rgba(0,0,0,.35)}.theme-dark .direction-button{background:#e9e5dc;color:#151617}.theme-dark .direction-button span{color:#b87a4a}.theme-dark .direction-intro{background:#1c1e1f;color:#e9e5dc}.theme-dark .direction-intro-copy,.theme-dark .direction-process-head p,.theme-dark .direction-steps p{color:#aaa9a2}.theme-dark .direction-process{background:#272827}.theme-dark .direction-case{background:#151617}.theme-dark .direction-contact{background:#b87a4a;color:#151617}
.site-shell.theme-dark .detail-open-link{background:rgba(8,20,38,.22);color:#e9e5dc;border-color:rgba(233,229,220,.78)}.site-shell.theme-dark .detail-open-link:hover{background:#b87a4a;border-color:#b87a4a;color:#151617}.site-shell.theme-dark .project-form input,.site-shell.theme-dark .project-form textarea{color:#151617}.site-shell.theme-dark .project-form button{background:transparent;color:#151617;border-color:rgba(21,22,23,.65)}.site-shell.theme-dark .project-form button:hover{background:#151617;color:#f8f7f2}
@media(max-width:760px){.direction-hero{padding:130px 0 70px}.direction-hero-grid,.direction-intro-grid,.direction-case-grid,.direction-contact-grid{grid-template-columns:1fr;gap:45px}.direction-hero-copy h1{font-size:clamp(48px,13vw,72px)}.direction-hero-image{min-height:420px}.direction-intro-copy{padding-top:0;font-size:17px}.direction-intro h2,.direction-process h2,.direction-case h2,.direction-contact h2{margin-top:45px}.direction-process-head{display:block;margin:45px 0 60px}.direction-process-head p{margin-top:25px}.direction-steps{grid-template-columns:1fr 1fr;gap:35px 20px}.direction-steps h3{margin-top:35px;font-size:17px}.step-image{height:125px}.direction-case-grid{margin-top:45px}.direction-case-image{min-height:450px}.direction-contact-grid{gap:65px}.project-form{align-self:stretch}.contact-direct{margin-top:35px}.detail-open-link{left:26px;bottom:20px;font-size:14px;padding:14px 20px}.intro-3d-visual{height:190px;margin:38px 0 28px}.intro-3d-object{left:50%;transform:scale(.82)}.intro-3d-caption{right:14px;bottom:12px;font-size:9px}.direction-intro .value-points{grid-template-columns:1fr;gap:22px}}

/* Conversion landing page: qualify, explain value, prove it, then invite contact. */
.direction-hero-copy .hero-audience{font-size:12px;line-height:1.5;color:#7a858d;max-width:400px;margin:0}
.direction-fit{background:#fff;color:var(--ink)}
.direction-fit-head,.direction-value-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end;margin-top:70px}
.direction-fit-head{grid-template-columns:1fr;gap:0}
.direction-fit h2,.direction-value h2,.direction-included h2{font-size:clamp(40px,5vw,76px);line-height:1.02;letter-spacing:-.055em;font-weight:500;margin:0}
.direction-fit-head>p,.direction-value-copy>p{max-width:440px;color:#52616b;font-size:17px;line-height:1.65;margin:0}
.direction-fit-image,.direction-value-image{width:100%;height:380px;margin-top:70px;background-position:center;background-size:cover;border:1px solid rgba(29,37,43,.18)}
.fit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:90px}
.fit-grid article{border-top:1px solid rgba(29,37,43,.22);padding-top:17px}
.fit-grid article>span,.included-list>div>span{font:11px 'DM Mono',monospace;color:var(--copper)}
.fit-grid h3{font-size:21px;font-weight:500;line-height:1.25;margin:58px 0 15px;max-width:260px}
.fit-grid p{font-size:14px;line-height:1.6;color:#68737b;max-width:280px;margin:0}
.direction-value{background:#e8eef7;color:var(--ink)}
.direction-value-copy{max-width:470px}
.direction-value-grid{align-items:start;margin-top:54px}
.direction-value-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:70px;align-items:start;margin-top:54px}
.direction-value-image{height:360px;margin-top:0}
.direction-value-results .value-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px;margin-top:0;border-top:0;padding-top:0}
.direction-value-results{height:360px}
.direction-value-results .value-points{height:100%;grid-template-rows:repeat(2,minmax(0,1fr));gap:0 32px}
.direction-value-results .value-points div{justify-content:flex-start;padding:0 0 28px;border-top:1px solid rgba(29,37,43,.22)}
.value-points{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px;border-top:1px solid rgba(29,37,43,.22);padding-top:18px}
.direction-value .value-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px}
.value-points div{display:flex;flex-direction:column;gap:10px}.value-points strong{font-size:16px;font-weight:600}.value-points span{font-size:12px;line-height:1.5;color:#68737b}
.direction-tasks{background:#1d252b;color:#f8f7f2}
.direction-tasks .section-label{border-color:rgba(248,247,242,.2)}
.direction-tasks-head{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end;margin-top:70px}
.direction-tasks h2{font-size:clamp(40px,5vw,76px);line-height:1.02;letter-spacing:-.055em;font-weight:500;margin:0}
.direction-tasks-head p{max-width:440px;color:#c9d1d7;font-size:16px;line-height:1.65;margin:0}
.direction-proof{background:#1d252b;color:#f8f7f2;padding-bottom:72px}
.direction-proof .section-label{border-color:rgba(248,247,242,.2)}
.direction-proof-head{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end;margin-top:70px}
.direction-proof h2{font-size:clamp(40px,5vw,76px);line-height:1.02;letter-spacing:-.055em;font-weight:500;margin:0}
.direction-proof-head p{max-width:440px;color:#c9d1d7;font-size:16px;line-height:1.65;margin:0}
.proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:90px;border-top:1px solid rgba(248,247,242,.2)}
.proof-grid>div{padding-top:18px;display:flex;flex-direction:column;gap:12px}
.proof-grid strong{font-size:clamp(32px,4vw,58px);font-weight:500;color:#b87a4a;letter-spacing:-.04em}
.proof-grid span{max-width:230px;color:#c9d1d7;font-size:13px;line-height:1.55}
.proof-projects{margin-top:70px;padding-top:22px;border-top:1px solid rgba(248,247,242,.2)}
.proof-projects-head{display:flex;justify-content:space-between;gap:30px;align-items:baseline}
.proof-projects span{font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:#a9b3bb}
.proof-projects strong{font-size:18px;font-weight:500;color:#f8f7f2}
.city-task-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:58px}.development-solution-grid{grid-template-columns:repeat(3,1fr)}
.city-task-grid article{border-top:1px solid rgba(248,247,242,.2);padding-top:16px}
.city-task-card-image{height:150px;margin:0 0 20px;background-position:center;background-size:cover;filter:saturate(.9);box-shadow:0 12px 30px rgba(0,0,0,.18)}
.city-task-grid article>span{font:11px 'DM Mono',monospace;color:#b87a4a}
.city-task-grid h3{font-size:18px;line-height:1.25;font-weight:500;margin:28px 0 14px;max-width:220px;color:#f8f7f2}
.city-task-grid p{font-size:13px;line-height:1.55;color:#c9d1d7;max-width:250px;margin:0}
.direction-lab{background:#f4f0e9;color:var(--ink)}
.direction-lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}
.direction-lab h2{font-size:clamp(48px,6vw,88px);line-height:.98;letter-spacing:-.06em;font-weight:500;margin:68px 0 18px}
.direction-lab h2 em{color:var(--copper)}
.direction-lab-copy>p:not(.lab-lead){max-width:500px;color:#52616b;font-size:16px;line-height:1.65;margin:0}
.lab-lead{font-size:22px;line-height:1.3;margin:0 0 28px;color:var(--ink)}
.lab-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px;border-top:1px solid rgba(29,37,43,.22)}
.lab-cases>div{padding-top:16px}
.lab-cases span{font:11px 'DM Mono',monospace;color:var(--copper)}
.lab-cases strong{display:block;font-size:15px;line-height:1.3;font-weight:600;margin:50px 0 12px}
.lab-cases p{color:#68737b;font-size:12px;line-height:1.55;margin:0}
.direction-lab-visual{position:relative;min-height:650px}
.lab-image{position:absolute;background-position:center;background-size:cover;box-shadow:0 22px 55px rgba(29,37,43,.18)}
.lab-image-main{inset:0 0 70px 70px;background-image:url('./ideas-lab-main.webp')}
.lab-image-detail{width:240px;height:190px;left:0;bottom:0;background-image:url('./process-engineering-right.webp');border:10px solid #f4f0e9}
.direction-included{background:#fff;color:var(--ink)}
.direction-included-head{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end;margin-top:70px}
.direction-included-head h2{max-width:760px}
.direction-included-head>p{max-width:440px;color:#68737b;font-size:17px;line-height:1.65;margin:0}
.included-feature{position:relative;min-height:500px;margin-top:72px;overflow:hidden;background:#1d252b;color:#f8f7f2}
.included-feature-image{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;filter:saturate(.88)}
.included-feature::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,18,20,.04) 18%,rgba(15,18,20,.9) 100%)}
.included-feature-copy{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:36px 42px 38px;display:grid;grid-template-columns:70px minmax(0,1fr);column-gap:20px;align-items:end;background:linear-gradient(90deg,rgba(10,13,15,.78),rgba(10,13,15,.15))}
.included-feature-copy>span,.included-card>span{font:11px 'DM Mono',monospace;color:#b87a4a}
.included-feature-copy>span{grid-row:span 2;align-self:start;padding-top:5px}
.included-feature-copy strong{font-size:30px;line-height:1.15;font-weight:500}
.included-feature-copy p{grid-column:2;margin:9px 0 0;color:#d2d9dd;font-size:15px;line-height:1.5}
.included-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}
.included-card{border-top:1px solid rgba(29,37,43,.22);padding-top:16px}
.included-card-image{height:250px;background-position:center;background-size:cover;background-repeat:no-repeat;filter:saturate(.88);transition:filter .25s ease}
.included-card:hover .included-card-image{filter:saturate(1)}
.included-card h3{font-size:21px;line-height:1.25;font-weight:500;margin:28px 0 12px}
.included-card p{color:#68737b;font-size:14px;line-height:1.55;margin:0;max-width:300px}
.direction-scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:72px;border-top:1px solid rgba(29,37,43,.22)}
.direction-scope-grid article{padding-top:17px}
.direction-scope-grid article>span{font:11px 'DM Mono',monospace;color:var(--copper)}
.direction-scope-grid h3{font-size:21px;line-height:1.25;font-weight:500;margin:50px 0 12px}
.direction-scope-grid p{color:#68737b;font-size:14px;line-height:1.55;margin:0;max-width:320px}
.direction-process{background:#e8eef7}
.direction-process-head p{max-width:350px}
.direction-contact p{max-width:390px!important}
.site-shell.theme-dark .direction-fit,.site-shell.theme-dark .direction-included{background:#1c1e1f;color:var(--cream)}
.site-shell.theme-dark .direction-fit-head>p,.site-shell.theme-dark .direction-value-copy>p,.site-shell.theme-dark .direction-included-head>p,.site-shell.theme-dark .fit-grid p,.site-shell.theme-dark .value-points span{color:#aaa9a2}
.site-shell.theme-dark .direction-fit,.site-shell.theme-dark .direction-included{--line:rgba(233,229,220,.16)}
.site-shell.theme-dark .fit-grid article,.site-shell.theme-dark .value-points,.site-shell.theme-dark .included-card{border-color:rgba(233,229,220,.18)}
.site-shell.theme-dark .direction-fit-image,.site-shell.theme-dark .direction-value-image{border-color:rgba(233,229,220,.18)}
.site-shell.theme-dark .direction-value-results .value-points div{border-color:rgba(233,229,220,.18)}
.site-shell.theme-dark .included-card p,.site-shell.theme-dark .direction-scope-grid p{color:#aaa9a2}
.site-shell.theme-dark .direction-scope-grid{border-color:rgba(233,229,220,.18)}
.site-shell.theme-dark .direction-value{background:#272827;color:var(--cream)}
.site-shell.theme-dark .direction-hero-copy .hero-audience{color:#aaa9a2}
.site-shell.theme-dark .direction-tasks,.site-shell.theme-dark .direction-proof{background:#151617}
.site-shell.theme-dark .city-task-grid article{border-color:rgba(233,229,220,.18)}
.site-shell.theme-dark .direction-lab{background:#252625;color:var(--cream)}
.site-shell.theme-dark .direction-lab .section-label{border-color:rgba(233,229,220,.18)}
.site-shell.theme-dark .direction-lab-copy>p:not(.lab-lead),.site-shell.theme-dark .lab-cases p{color:#aaa9a2}
.site-shell.theme-dark .lab-lead{color:var(--cream)}
.site-shell.theme-dark .lab-cases{border-color:rgba(233,229,220,.18)}
.site-shell.theme-dark .lab-image-detail{border-color:#252625}
@media(max-width:980px) and (min-width:761px){.fit-grid{grid-template-columns:repeat(2,1fr);gap:40px 24px}.fit-grid h3{margin-top:35px}}
@media(max-width:980px) and (min-width:761px){.city-task-grid{grid-template-columns:repeat(2,1fr);gap:40px 24px}}
@media(max-width:980px) and (min-width:761px){.business-case-grid{grid-template-columns:repeat(2,1fr);gap:40px 24px}}
@media(max-width:1050px){.proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}}
@media(max-width:760px){.direction-fit-image,.direction-value-image{height:280px;margin-top:45px}.direction-fit-head,.direction-value-grid,.direction-tasks-head,.direction-included-head,.direction-proof-head,.direction-lab-grid{grid-template-columns:1fr;gap:35px;margin-top:45px}.direction-value-body{grid-template-columns:1fr;gap:36px;margin-top:42px}.direction-value-image{margin-top:0}.direction-value-results .value-points{grid-template-columns:1fr;gap:22px}.fit-grid{grid-template-columns:1fr;gap:40px;margin-top:55px}.fit-grid h3{margin-top:30px}.value-points,.direction-value .value-points{grid-template-columns:1fr;gap:22px;margin-top:35px}.direction-included-head>p{max-width:100%}.direction-scope-grid{grid-template-columns:1fr;gap:38px;margin-top:48px}.direction-scope-grid h3{margin-top:28px}.included-feature{min-height:420px;margin-top:48px}.included-feature-copy{grid-template-columns:42px minmax(0,1fr);column-gap:14px;padding:26px 24px 28px}.included-feature-copy strong{font-size:24px}.included-feature-copy p{font-size:13px}.included-card-grid{grid-template-columns:1fr;gap:38px;margin-top:38px}.included-card-image{height:235px}.included-card h3{margin-top:24px}.direction-process-head p,.direction-tasks-head p{max-width:100%}.proof-grid{grid-template-columns:1fr;gap:32px;margin-top:55px}.proof-projects{margin-top:50px}.proof-projects-head{display:block}.proof-projects-head strong{display:block;margin-top:16px;line-height:1.45}.city-task-grid{grid-template-columns:1fr;gap:36px;margin-top:42px}.city-task-card-image{height:180px}.city-task-grid h3{margin-top:28px}.direction-lab h2{margin-top:45px}.lab-cases{grid-template-columns:1fr;gap:28px;margin-top:45px}.lab-cases strong{margin-top:28px}.direction-lab-visual{min-height:440px}.lab-image-main{inset:0 0 55px 35px}.lab-image-detail{width:170px;height:135px;border-width:7px}}

/* The residences hero keeps the image column as tall as the copy column. */
.direction-residences .direction-hero-grid{align-items:stretch}
.direction-residences .direction-hero-image{min-height:0;height:auto}
@media(min-width:761px){.direction-residences .direction-fit-image{height:auto;aspect-ratio:2 / 1;background-size:cover;background-position:center}}
@media(max-width:760px){.direction-residences .direction-hero-grid{align-items:initial}.direction-residences .direction-hero-image{min-height:420px;height:420px}}
@media(max-width:760px){.direction-residences .direction-fit-image{height:auto;aspect-ratio:4 / 3;background-size:contain;background-repeat:no-repeat;background-color:#101a24}}
@media(max-width:760px){.direction-value-results{height:auto}.direction-value-results .value-points{height:auto;grid-template-rows:none}.direction-value-results .value-points div{padding-bottom:22px}}
@media(max-width:760px){.business-cases-head{display:block;margin-top:45px}.business-cases-head p{margin-top:25px}.business-case-grid{grid-template-columns:1fr;gap:38px;margin-top:45px}.business-case-image{height:280px}}

/* Header navigation names the six audiences directly. */
.nav-links{gap:clamp(14px,1.5vw,24px)}
.nav-audience{white-space:nowrap;color:inherit}
.nav-audience:hover{color:var(--copper)!important}
@media(max-width:1100px) and (min-width:761px){.nav-links{gap:14px}.nav-audience{font-size:11px}}
@media(max-width:760px){.nav-links .nav-audience{width:100%;padding:9px 0;border-bottom:1px solid var(--line)}.nav-links .nav-cta{margin-top:4px}}

/* Developer attribution in the site footer. */
.footer-developer{white-space:nowrap}
.footer-developer a{color:inherit;text-decoration:underline;text-decoration-color:rgba(184,122,74,.7);text-underline-offset:4px;transition:color .25s ease}
.footer-developer a:hover{color:var(--copper)}
@media(max-width:760px){.footer{grid-template-columns:1fr auto}.footer .brand{grid-column:1 / -1}.footer>span:last-child{grid-column:1 / -1;grid-row:auto}.footer-developer{white-space:normal}}

/* Architects page: compact rhythm, aligned intro columns, and dedicated visuals. */
.architects-page .section{padding:92px 0}
.architects-page .direction-intro.section{padding-top:86px;padding-bottom:64px}
.architects-page .direction-intro-grid{align-items:stretch;gap:70px}
.architects-page .direction-intro-lead{display:flex;flex-direction:column}
.architects-page .direction-intro h2{margin-top:42px}
.architects-page .direction-intro-copy{display:flex;flex-direction:column;padding-top:42px}
.architects-page .direction-intro-copy .value-points{margin-top:auto}
.architects-page .direction-intro-lead .intro-3d-visual{margin:42px 0 0}
.architects-page .intro-3d-visual{background:radial-gradient(circle at 52% 48%,rgba(184,122,74,.12),transparent 30%),linear-gradient(125deg,rgba(37,42,45,.44),rgba(28,30,31,.2))}
.site-shell.theme-dark.architects-page .intro-3d-visual{background:radial-gradient(circle at 52% 48%,rgba(184,122,74,.13),transparent 30%),linear-gradient(125deg,rgba(37,42,45,.48),rgba(28,30,31,.24))}
.architects-page .direction-fit.section{padding-top:86px;padding-bottom:92px}
.architects-page .direction-fit-head{margin-top:42px}
.architects-page .direction-fit-image{height:auto;aspect-ratio:2 / 1;margin-top:42px;background-size:cover;background-position:center}
.architects-page .fit-grid{margin-top:56px}
@media(max-width:760px){
  .architects-page .section{padding:72px 0}
  .architects-page .direction-intro.section{padding-top:68px;padding-bottom:52px}
  .architects-page .direction-intro-grid{gap:0}
  .architects-page .direction-intro-copy{padding-top:42px}
  .architects-page .direction-intro-lead .intro-3d-visual{margin-top:35px}
  .architects-page .direction-fit.section{padding-top:68px;padding-bottom:72px}
  .architects-page .direction-fit-image{height:auto;aspect-ratio:2 / 1;margin-top:35px}
  .architects-page .fit-grid{margin-top:46px}
}