@charset "UTF-8";
:root{color-scheme:dark;--paper:#101312;--ink:#f4f1e9;--muted:#b4bab3;--line:#ffffff24;--rust:#e9a77e;--wash:#191e1b;--cta:#efb28b;--cta-ink:#172019;--radius:4px;--max:1360px}
.dark-studio .contact{color:var(--ink)}
html{scroll-padding-top:34px}body{background:var(--paper);font-family:"Segoe UI",Arial,sans-serif}body:before{content:"";position:absolute;top:0;inset-inline:0;height:950px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 78% 35%,#a66a3a16,transparent 55%)}::selection{background:#efb28b;color:#101312}.wrap{width:min(var(--max),calc(100% - 112px))}.section{padding-block:104px}.btn{border-radius:3px}.btn-primary,.inquiry .btn{border:1px solid var(--cta);box-shadow:0 6px 32px #e9a77e12}.btn-primary:hover,.inquiry .btn:hover{background:#ffcaab;border-color:#ffcaab;box-shadow:0 8px 38px #e9a77e25}.text-link{border-color:#707970}.btn-outline:hover{background:#ffffff09}.eyebrow{color:#c3c8c0;font-size:11px;letter-spacing:2px}.section-head h2{font-size:clamp(32px,3.7vw,52px);font-weight:500;letter-spacing:-1.8px}.section-head>p{color:var(--muted);font-size:14px}.header{height:106px;border-color:var(--line);position:relative;z-index:8}.brand-icon{width:30px;height:36px}.brand strong{font-size:26px;letter-spacing:-.8px}.brand small{font-size:8px;color:#c5cbc2;letter-spacing:2px}.header .nav{gap:26px}.nav a{font-size:12px;font-weight:500;color:#e1e5dc}.header-contact{font-size:11px}.header-contact bdi{color:var(--muted)}.languages a{font-size:11px}.languages a[aria-current=page]{color:var(--rust)}
.hero-studio{display:grid;grid-template-columns:1.12fr 1fr;column-gap:56px;row-gap:0;align-items:center;padding-block:53px 0;position:relative}.hero-studio .hero-copy{padding:0 0 24px;position:relative;z-index:2}.hero-studio .location{color:#c9d0c5;font-size:10px;letter-spacing:1.8px;gap:10px;margin-bottom:27px}.location i{box-shadow:0 0 18px #e9a77e55}.location-rule{width:32px;height:1px;background:#758071;opacity:.5}.hero-studio .location-code{font-size:9px;color:#a1aa9c;letter-spacing:1px;direction:ltr}.hero-studio h1{font-size:clamp(49px,5.3vw,80px);font-weight:500;line-height:1.04;letter-spacing:-3.7px;max-width:690px}.hero-studio h1 em{color:var(--rust);font-weight:450}.hero-studio .hero-place{display:block;font-size:clamp(19px,1.8vw,27px);line-height:1.3;letter-spacing:-.3px;margin-top:16px;color:#cbd2c6;font-weight:400}.hero-studio .hero-copy .hero-promise{font-size:15px;font-weight:500;line-height:1.75;margin-top:23px;max-width:460px;color:#f0f2e9}.hero-studio .hero-copy .hero-audience{font-size:13px;line-height:1.7;color:#b4beb0;margin-top:10px;max-width:420px}.hero-studio .hero-actions{display:flex;flex-wrap:wrap;gap:25px;max-width:none;margin-top:27px}.hero-studio .hero-actions .btn-primary{width:auto;flex:none;font-size:13px;padding:17px 23px;min-height:54px;gap:24px}.hero-watch{display:flex;gap:15px;align-items:center;font-size:12px;color:#e8ece2;min-height:44px}.hero-watch .arrow{color:var(--rust);transition:transform .25s}.hero-watch:hover .arrow{transform:translate(3px,-3px)}.hero-contact-row{display:flex;align-items:center;gap:18px;margin-top:12px}.hero-contact-row a{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#bfc7b9;min-height:40px}.hero-contact-row .arrow{font-size:14px}.hero-contact-row>span{width:1px;height:12px;background:var(--line)}.hero-omar{display:flex;align-items:center;gap:13px;width:max-content;max-width:100%;margin-top:22px;border-top:1px solid var(--line);padding-top:20px}.hero-omar img{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:50% 18%;border:1px solid #b39a8060}.hero-omar strong{font-size:12px;display:block;font-weight:650;direction:ltr}.hero-omar small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.owner-small-arrow{font-size:20px;color:var(--rust);margin-inline-start:15px}
.hero-media{position:relative;min-width:0;height:635px;direction:ltr;margin-top:0;padding-right:23px;align-self:center}.blueprint{position:absolute;width:110%;height:110%;top:-6%;left:-12%;pointer-events:none;overflow:visible}.blueprint path{stroke:#ad987a;stroke-width:.6;opacity:.21}.blueprint .blueprint-trace{stroke:#eeb58e;opacity:.5;stroke-width:1;stroke-dasharray:2400;stroke-dashoffset:2400;animation:draw-room 3.5s .4s ease-out forwards}.film-frame{height:600px;max-width:338px;width:77%;position:relative;margin:0 0 0 auto;background:#242921;border-radius:3px;isolation:isolate}.film-frame>video{display:block;width:100%;height:100%;object-fit:cover;border-radius:3px}.film-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#08110955,transparent 27%,transparent 50%,#07100dc9 100%)}.film-top{position:absolute;top:15px;left:16px;right:13px;display:flex;align-items:center;justify-content:space-between;gap:8px;z-index:2}.film-top>span{font-size:8px;font-weight:650;letter-spacing:1.7px;color:white;display:flex;align-items:center;gap:8px;text-shadow:0 1px 8px #000}.film-top i{width:5px;height:5px;border-radius:50%;background:#efb28b;box-shadow:0 0 0 4px #efb28b20}.film-toggle{width:38px;height:38px;flex:none;border:1px solid #ffffff55;border-radius:50%;background:#0f171d45;color:white;font-size:14px;display:grid;place-items:center;backdrop-filter:blur(6px)}.film-frame figcaption{position:absolute;left:25px;right:20px;bottom:31px;color:white;z-index:2}.film-kicker{font-size:8px;letter-spacing:2px;color:#edc1a4}.film-frame h2{font-size:34px;line-height:1.1;letter-spacing:-1.2px;font-weight:500;margin:11px 0 20px;max-width:220px}.film-open{display:flex;gap:11px;align-items:center;font-size:10px;width:100%;text-align:left;padding:0;min-height:43px}.film-open>.arrow{font-size:18px;margin-left:auto}.play-circle{width:40px;height:40px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center;flex:none;background:#ffffff0d;transition:background .25s}.play-circle svg{width:16px;height:16px;margin-left:-2px}.film-open:hover .play-circle{background:var(--rust);border-color:var(--rust);color:#102118}.film-progress{position:absolute;height:2px;background:#ffffff30;left:25px;right:25px;bottom:18px;overflow:hidden}.film-progress span{display:block;width:100%;height:100%;background:#efb28b;transform:scaleX(0);transform-origin:left}.frame-corner{position:absolute;width:24px;height:24px;border-color:var(--rust);border-style:solid;pointer-events:none}.corner-tl{top:-7px;left:-7px;border-width:1px 0 0 1px}.corner-br{bottom:-7px;right:-7px;border-width:0 1px 1px 0}.detail-inset{position:absolute;left:-10px;bottom:24px;width:40%;max-width:187px;aspect-ratio:3/4;border:5px solid #101312;box-shadow:0 20px 45px #0007;transform:rotate(-5deg);border-radius:3px;background:#101312;z-index:3;overflow:hidden;transition:transform .5s}.detail-inset:hover{transform:rotate(0) translateY(-5px)}.detail-inset img{height:100%;object-fit:cover}.detail-inset span{position:absolute;bottom:0;left:0;right:0;font-size:7px;letter-spacing:1px;color:white;background:#101312c9;padding:12px 8px}.vertical-caption{position:absolute;right:0;top:24px;writing-mode:vertical-rl;color:#aeb6a8;font-size:8px;letter-spacing:2px}.hero-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:26px}.hero-bottom>span{font-size:10px;letter-spacing:1.3px;color:#b9c1b2}.hero-bottom a{display:flex;gap:20px;align-items:center;color:#d3d9cd;font-size:8px;letter-spacing:1.7px}.hero-bottom a>span:last-child{font-size:20px;color:var(--rust)}
.service-strip{width:100%;max-width:none;margin:0;background:#1a211b;padding:23px max(56px,calc((100% - 1360px)/2));border-color:#354032;gap:28px}.service-strip span{font-size:11px;color:#d1d7cb;font-weight:400;line-height:1.65}.service-strip span i{font-size:15px;color:var(--rust)}
.work{padding-top:90px}.work .section-head{margin-bottom:38px}.filters{gap:9px;margin-bottom:31px}.filter{border-color:#475044;color:#c9d1c3;border-radius:30px;padding:10px 17px;font-size:11px;min-height:42px}.filter:hover{background:#ffffff08;border-color:#c4b099}.filter[aria-pressed=true]{background:var(--cta);border-color:var(--cta);color:var(--cta-ink);font-weight:650}.work-grid{gap:43px 24px}.work-card{position:relative}.work-image{border-radius:5px;background:#21291f;isolation:isolate}.work-image img{aspect-ratio:4/5;filter:brightness(.97);transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .6s}.work-image:hover img{transform:scale(1.035);filter:brightness(1.04)}.project-index{position:absolute;top:15px;left:15px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #ffffff65;color:#fff;background:#0c1b1780;backdrop-filter:blur(7px);font-size:10px;direction:ltr}.work-image .image-open{background:#12251bcf;color:white;backdrop-filter:blur(8px);border:1px solid #ffffff50;width:42px;height:42px}.work-image:hover .image-open{background:var(--cta);color:var(--cta-ink)}.work-category{font-size:9px;color:#d1aa89;letter-spacing:1.6px}.work-text{padding-top:19px;gap:10px}.work-text h3{color:#f0f3e8;font-size:19px;font-weight:500}.work-text .project-result{color:#b8c2b0;font-size:11px;font-weight:400;border-color:#ffffff22;padding-top:12px;line-height:1.8}
.owner-section{display:grid;grid-template-columns:.8fr 1fr;gap:90px;align-items:center;border-block:1px solid var(--line);padding-block:80px;margin-bottom:0}.owner-portrait{max-width:460px;height:440px;position:relative;overflow:hidden;background:#1c241c;border-radius:4px}.owner-portrait>img{height:100%;object-fit:cover;object-position:50% 17%}.owner-portrait:after{content:"";position:absolute;inset:70% 0 0;background:linear-gradient(transparent,#101312e8)}.owner-portrait-label{position:absolute;bottom:24px;left:25px;right:25px;display:flex;justify-content:space-between;gap:12px;color:white;letter-spacing:2px;font-size:9px;z-index:1;direction:ltr}.owner-story h2{font-size:clamp(35px,4vw,57px);line-height:1.13;letter-spacing:-1.8px;font-weight:500;margin:23px 0}.owner-story p{font-size:13px;color:var(--muted);line-height:1.85;max-width:470px}.owner-story .owner-lead{font-size:19px;color:#e2e8d9;line-height:1.8;margin-bottom:17px}.owner-proof{display:flex;align-items:center;gap:28px;padding:25px 0;border-block:1px solid var(--line);margin:28px 0}.experience-number{font-size:66px;line-height:1;color:var(--rust);font-weight:350;letter-spacing:-3px;direction:ltr;flex:none}.experience-number span{display:block;font-size:9px;letter-spacing:1px;color:#c9cfc2;text-transform:uppercase;margin-top:8px}.experience-description{font-size:12px;color:#d6dfcd;line-height:1.9;max-width:265px}.experience-description small{display:block;margin-top:8px;color:var(--muted);font-size:11px}.owner-story .text-link{font-size:12px;gap:25px}
.services{background:#171c18;border-top:0;border-bottom:1px solid var(--line)}.services-layout{grid-template-columns:.85fr 1.15fr;gap:100px}.services-intro h2{font-size:44px;font-weight:500;line-height:1.15}.services-intro p{font-size:14px}.services-intro .text-link{font-size:12px}.service-row,.service-row:first-child{border-color:#ffffff26}.service-row summary{padding-block:27px}.service-row h3{font-size:25px;font-weight:450}.service-row p{font-size:14px;line-height:1.9;max-width:620px}.service-row[open]{background:linear-gradient(90deg,transparent,#d39f6a06)}.service-row[open] h3{color:var(--rust)}.room-diagram{margin:35px 0 0;max-width:340px;position:relative}.room-diagram svg{display:block;width:100%;height:auto;overflow:visible}.room-diagram path{stroke:#819274;stroke-width:1;opacity:.55}.room-diagram .diagram-detail{stroke:#e9a77e;opacity:.9}.room-diagram .diagram-dimension{stroke-dasharray:3 4;opacity:.3}.room-diagram circle{fill:#e9a77e}.room-diagram span{font-size:8px;letter-spacing:2.2px;color:#b0bca5;display:block;margin:10px 0 0 20px}.services-intro.is-visible .diagram-room{stroke-dasharray:2000;animation:line-in 2.6s ease-out both}
.audiences{padding-bottom:70px;gap:24px}.audience-card{border:1px solid #404a3c;padding:40px;border-radius:5px}.private-client{background:#171e18}.business-client{background:linear-gradient(125deg,#263025,#19211a);border-color:#59664c;color:var(--ink);position:relative;overflow:hidden}.business-client:after{content:"";position:absolute;width:180px;height:180px;border:1px solid #e9a77e18;right:-70px;top:-70px;transform:rotate(45deg);pointer-events:none}.business-client p,.business-client li{color:#d0dac7}.audience-card h2{font-weight:500;font-size:clamp(25px,2.6vw,37px);line-height:1.25}.audience-card p,.audience-card li{font-size:13px}.audience-card .btn{font-size:12px}.why{padding-top:30px}.why-grid{gap:24px}.why-card{padding:23px 0 0;border-color:#4a5542}.why-card h3{font-weight:500;font-size:16px}.why-card p{font-size:12px;color:#b8c3ae}.benefit-index{color:#efb28b;font-size:11px}.process{background:#181e19;border-color:#394432}.process-grid{gap:25px}.process-grid .step-num{color:var(--rust);border-color:#69735f;background:#1c251d}.process-grid h3{font-weight:500;font-size:18px}.process-grid p{font-size:12px}.faq-list details,.faq-list details:last-child{border-color:#424d3c}.faq-list summary{font-weight:500;font-size:16px}.faq-list p{color:#bdc8b3}.contact{background:#202a20;border-top:1px solid #55644c;padding-block:100px}.contact-layout{grid-template-columns:.8fr 1.2fr;gap:90px}.contact h2{font-weight:500;font-size:clamp(39px,4.5vw,63px);letter-spacing:-1.8px;line-height:1.12}.contact-copy>p{font-size:14px}.contact-copy .phone{color:#efb28b;font-size:31px}.contact-links a:not(.phone){font-size:14px;color:#e2e8d8}.contact-city{font-size:11px}.inquiry h3{font-size:23px;font-weight:500}.inquiry .field input,.inquiry .field textarea,.inquiry .field select{background:#151e16;color:#f0f4e8;border:1px solid #637057;border-radius:3px}.choice{background:#18221a;border-color:#637057;color:#e7eedd}.choice:has(input:checked){background:#414735;border-color:var(--cta)}.inquiry .form-help{font-size:11px;color:#d0d9c5}.form-preview-notice{padding:16px;background:#172018;border:1px solid #c69b72;font-size:13px;line-height:1.8;margin-top:20px}.footer{padding-block:38px;border:0}.footer-note{color:#b5c0a8}.footer-links{color:#c7d0bb}.preview-note{text-align:center;padding:12px 20px;color:#a6b29b;font-size:10px;border-top:1px solid #ffffff15}.gallery-dialog{background:#101712;border:1px solid #5a6750;color:var(--ink)}.gallery-stage{background:#090f0b}.gallery-prev,.gallery-next{background:#1d2c20;color:#fff;border:1px solid #829274}.gallery-toolbar{border-bottom:1px solid #35452f}.gallery-caption p{color:#c3d0b8}.gallery-close:hover{color:var(--rust)}.film-dialog{padding:0;background:#101712;border:1px solid #5b6a50;border-radius:5px;max-width:calc(100% - 30px);max-height:calc(100dvh - 30px);width:500px;overflow:auto;color:var(--ink)}.film-dialog::backdrop{background:#070d09eb;backdrop-filter:blur(9px)}.film-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;gap:15px}.film-dialog-head h2{font-size:13px;font-weight:500;line-height:1.6}.film-dialog-head small{font-size:10px;color:#bac9ae}.film-close{font-size:27px;width:40px;height:40px;flex:none}.film-dialog video{display:block;width:100%;height:min(75dvh,760px);object-fit:contain;background:#080f0a}.mobile-contact{background:#111912ef;border-color:#56644a}.mobile-contact .mobile-wa,.mobile-contact .mobile-phone{color:#e5efda;border-color:#5b6a50}
.studio-ready .hero-copy>.location,.studio-ready .hero-copy>h1,.studio-ready .hero-copy>.hero-promise,.studio-ready .hero-copy>.hero-audience,.studio-ready .hero-copy>.hero-actions,.studio-ready .hero-omar{animation:rise-in .8s cubic-bezier(.2,.65,.2,1) both}.studio-ready .hero-copy>h1{animation-delay:.08s}.studio-ready .hero-copy>.hero-promise{animation-delay:.16s}.studio-ready .hero-copy>.hero-audience{animation-delay:.2s}.studio-ready .hero-copy>.hero-actions{animation-delay:.24s}.studio-ready .hero-omar{animation-delay:.3s}.studio-ready .film-frame{animation:film-in 1s .1s ease-out both}.will-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.2,1)}.will-reveal.is-visible{opacity:1;transform:translateY(0)}.work-card:nth-child(3n+2){transition-delay:.07s}.work-card:nth-child(3n+3){transition-delay:.14s}@keyframes rise-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes film-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes draw-room{to{stroke-dashoffset:0}}@keyframes line-in{from{stroke-dashoffset:2000}to{stroke-dashoffset:0}}
[dir=rtl] .hero-studio h1{font-size:clamp(39px,4.6vw,67px);letter-spacing:-1.6px;line-height:1.37;max-width:650px}[dir=rtl] .hero-studio .hero-place{font-size:25px;margin-top:15px;letter-spacing:0}[dir=rtl] .location{letter-spacing:0;font-size:12px}[dir=rtl] .hero-copy .hero-promise{font-size:16px}[dir=rtl] .hero-copy .hero-audience{font-size:14px}[dir=rtl] .hero-media{margin-inline:0;direction:ltr}[dir=rtl] .hero-omar>span{text-align:right}[dir=rtl] .hero-omar strong{direction:ltr;text-align:right}[dir=rtl] .hero-bottom>span{letter-spacing:0;font-size:12px}[dir=rtl] .film-frame figcaption{text-align:right;direction:rtl}[dir=rtl] .film-frame h2{font-size:32px;line-height:1.4;letter-spacing:0}[dir=rtl] .film-open{text-align:right;font-size:12px}[dir=rtl] .film-open>.arrow{margin-left:0;margin-right:auto}[dir=rtl] .film-top>span{letter-spacing:0;font-size:11px}[dir=rtl] .vertical-caption{letter-spacing:0;font-size:11px}[dir=rtl] .owner-story h2{line-height:1.5;letter-spacing:-.6px}[dir=rtl] .owner-proof .experience-number span{letter-spacing:0;font-size:11px}[dir=rtl] .services-intro h2{line-height:1.4}[dir=rtl] .work-category{letter-spacing:0;font-size:11px}[dir=rtl] .work-text h3{font-size:21px}[dir=rtl] .hero-watch{font-size:13px}
@media(min-width:1600px){.hero-studio{column-gap:90px}.hero-media{height:690px}.film-frame{height:655px;max-width:368px}.hero-studio h1{font-size:86px}.detail-inset{left:18px;bottom:36px;max-width:210px}}
@media(max-width:1200px){.wrap{width:calc(100% - 72px)}.hero-studio{gap:30px;padding-top:42px}.hero-studio h1{font-size:clamp(48px,5.6vw,68px);letter-spacing:-2.7px}.hero-media{height:580px;padding-right:16px}.film-frame{height:550px;max-width:309px;width:79%}.detail-inset{left:-6px;bottom:24px;width:39%}.hero-studio .location-code{display:none}.hero-bottom{margin-top:22px}.service-strip{width:100%;padding-inline:36px}.owner-section{gap:55px}.services-layout{gap:65px}.contact-layout{gap:55px}.hero-studio .hero-actions{gap:17px}.hero-studio .hero-actions .btn-primary{padding-inline:18px;gap:18px}.hero-watch{font-size:11px}}
@media(max-width:950px) and (min-width:801px){.header .nav{gap:17px}.header .nav a{font-size:11px}.hero-studio{column-gap:20px;grid-template-columns:1.1fr 1fr}.hero-studio h1{font-size:50px;letter-spacing:-2.5px}.hero-media{height:560px}.film-frame{width:88%;height:525px}.detail-inset{width:40%;bottom:12px;left:-4px}.hero-studio .hero-actions{gap:10px;flex-direction:column;align-items:flex-start}.hero-watch{min-height:32px}.hero-omar{margin-top:10px}.hero-copy .hero-promise{font-size:14px!important}.hero-studio .hero-copy .hero-audience{font-size:12px}.hero-omar small{font-size:10px}.owner-small-arrow{display:none}[dir=rtl] .hero-studio h1{font-size:44px}}
@media(max-width:800px){.wrap{width:calc(100% - 44px)}.header{height:84px}.header .nav{background:#182219;top:83px;border-color:#58664c}.nav a{font-size:14px!important}.menu-toggle{border-color:#59654f}.menu-toggle span{background:#efb28b}.hero-studio{grid-template-columns:1fr;gap:32px;padding-top:33px}.hero-studio .hero-copy{max-width:650px;padding-bottom:0}.hero-studio h1{font-size:clamp(49px,8vw,69px);letter-spacing:-2.5px}.hero-studio .hero-copy .hero-promise{font-size:16px;max-width:580px}.hero-studio .hero-copy .hero-audience{max-width:550px;font-size:14px}.hero-studio .hero-actions{gap:26px}.hero-studio .location-code{display:inline}.hero-media{height:565px;max-width:520px;width:100%;margin-inline:auto!important;padding-right:25px}.film-frame{height:540px;width:68%;max-width:304px}.detail-inset{left:25px;bottom:20px;width:39%;max-width:190px}.hero-omar{margin-top:14px}.hero-bottom{margin-top:0;padding-block:19px;gap:20px}.hero-bottom>span{font-size:9px;letter-spacing:.5px}.hero-bottom a span:first-child{display:none}.hero-bottom a{min-width:35px;min-height:35px;justify-content:center}.service-strip{width:100%;padding-inline:22px;grid-template-columns:1fr 1fr}.section{padding-block:65px}.work .section-head{margin-bottom:25px}.section-head h2{font-size:37px;letter-spacing:-1px}.owner-section{grid-template-columns:1fr 1.1fr;gap:28px;padding-block:60px}.owner-portrait{height:350px}.owner-story h2{font-size:33px;letter-spacing:-1px;margin:16px 0}.owner-story .owner-lead{font-size:15px}.owner-story p{font-size:12px}.owner-proof{gap:16px;padding:19px 0;margin:20px 0}.experience-number{font-size:52px}.experience-description{font-size:10px}.experience-description small{font-size:10px}.owner-portrait-label{font-size:8px;left:17px;right:17px;flex-wrap:wrap}.owner-story .eyebrow{font-size:9px;line-height:1.8;letter-spacing:1px}.services-layout{grid-template-columns:1fr;gap:25px}.services-intro{display:grid;grid-template-columns:1fr .8fr;column-gap:30px}.services-intro .eyebrow,.services-intro h2,.services-intro p,.services-intro>.text-link{grid-column:1}.services-intro .room-diagram{grid-column:2;grid-row:1/5;align-self:center;margin:0}.services-intro h2{font-size:34px}.services-intro .text-link{width:max-content}.audiences{gap:18px}.audience-card h2{font-size:32px}.contact-layout{grid-template-columns:1fr;gap:40px}.contact h2{font-size:48px}.mobile-contact{background:#111912ef;border-color:#56644a}.mobile-contact .mobile-wa,.mobile-contact .mobile-phone{color:#e5efda;border-color:#5b6a50}.footer{padding-block:35px}.preview-note{font-size:10px}.hero-studio .hero-actions .btn-primary{min-height:52px;font-size:13px}.hero-watch{font-size:12px}[dir=rtl] .hero-studio h1{font-size:clamp(40px,7.2vw,60px)}[dir=rtl] .hero-studio .hero-place{font-size:25px}}
@media(max-width:600px){.hero-studio .hero-copy .hero-promise{max-width:390px}.work-grid{grid-template-columns:1fr;gap:35px}.work-image img{aspect-ratio:4/5}.work-text h3{font-size:22px}.work-text .project-result{font-size:13px}.work-category{font-size:10px}.project-index{width:33px;height:33px}.owner-section{grid-template-columns:1fr;gap:32px}.owner-portrait{height:400px;width:100%;max-width:none}.owner-story h2{font-size:40px}.owner-story .owner-lead{font-size:18px}.owner-story p{font-size:14px}.owner-story .eyebrow{font-size:10px}.experience-number{font-size:65px}.experience-description{font-size:12px;max-width:220px}.experience-description small{font-size:12px}.owner-proof{gap:27px}.owner-story .text-link{font-size:13px}.services-intro{display:block}.room-diagram{width:230px;margin-top:24px!important}.services-intro h2{font-size:37px}.audience-card{padding:30px 25px}.audience-card p,.audience-card li{font-size:14px}.why-grid{gap:25px 20px}.why-card h3{font-size:18px}.why-card p{font-size:13px}.process-grid p{font-size:13px}.service-row h3{font-size:23px}.contact h2{font-size:44px}.contact-copy .phone{font-size:29px}.film-dialog-head{padding:12px 15px}.film-dialog video{height:min(75dvh,760px)}}
@media(max-width:480px){.wrap{width:calc(100% - 36px)}.header{height:78px;gap:10px}.header .brand strong{font-size:22px}.header .brand small{font-size:7px;letter-spacing:1.5px}.header .brand-icon{width:26px}.header-end{gap:13px}.header .nav{top:77px}.header .languages{gap:7px}.menu-toggle{width:37px;height:37px}.hero-studio{padding-top:29px;gap:29px}.hero-studio .location{font-size:9px;margin-bottom:21px;letter-spacing:1.4px}.hero-studio .location-code{font-size:8px;letter-spacing:.3px}.location-rule{width:16px}.hero-studio h1{font-size:clamp(42px,12.3vw,58px);line-height:1.08;letter-spacing:-2.5px}.hero-studio .hero-place{font-size:22px;margin-top:15px}.hero-studio .hero-copy .hero-promise{font-size:14px;line-height:1.7;margin-top:20px}.hero-studio .hero-copy .hero-audience{font-size:12px;line-height:1.8}.hero-studio .hero-actions{gap:15px;margin-top:23px;display:flex;flex-wrap:wrap}.hero-studio .hero-actions .btn-primary{width:auto;font-size:12px;min-height:51px;padding:15px 17px;gap:15px}.hero-watch{font-size:11px;gap:8px}.hero-watch .arrow{font-size:17px}.hero-contact-row{margin-top:9px;gap:15px}.hero-contact-row a{font-size:11px}.hero-omar{padding-top:15px;margin-top:12px;gap:11px}.hero-omar img{width:42px;height:42px}.hero-omar strong{font-size:12px}.hero-omar small{font-size:10px}.owner-small-arrow{font-size:18px;margin-inline-start:6px}.hero-media{height:492px;padding-right:17px;max-width:360px}.film-frame{height:464px;width:74%;max-width:262px}.film-frame figcaption{left:20px;bottom:29px}.film-frame h2{font-size:29px;margin-block:10px 18px;max-width:190px}.film-top{top:12px;left:13px;right:11px}.film-top>span{font-size:7px;letter-spacing:1.2px}.film-toggle{width:36px;height:36px}.film-kicker{font-size:7px;letter-spacing:1.7px}.film-open{font-size:9px;gap:9px}.play-circle{width:36px;height:36px}.film-open>.arrow{font-size:16px}.detail-inset{left:0;bottom:6px;max-width:145px;width:40%;border-width:4px}.detail-inset span{font-size:6px;padding:10px 5px;letter-spacing:.7px}.vertical-caption{font-size:7px;letter-spacing:1.6px;right:0}.hero-bottom{padding-block:15px;gap:12px}.hero-bottom>span{font-size:9px;line-height:1.8;max-width:280px}.service-strip{width:100%;padding:20px 18px;gap:16px}.service-strip span{font-size:10px;gap:9px}.service-strip span i{font-size:13px}.section{padding-block:53px}.section-head h2{font-size:34px}.section-head>p{font-size:13px;line-height:1.8}.filter{font-size:10px;padding:8px 13px;min-height:40px}.filters{gap:7px}.work-text h3{font-size:21px}.work-text .project-result{font-size:12px}.owner-portrait{height:370px}.owner-story h2{font-size:37px}.owner-story .owner-lead{font-size:17px}.services-intro h2{font-size:34px}.service-row summary{padding-block:23px;gap:17px}.service-row h3{font-size:22px}.service-row p{font-size:13px;padding-inline:29px}.audience-card{padding:27px 23px}.audience-card h2{font-size:28px;line-height:1.35}.audience-card p,.audience-card li{font-size:13px}.why-grid{gap:22px 17px}.why-card h3{font-size:16px}.why-card p{font-size:12px}.faq-list summary{font-size:15px}.contact{padding-block:55px}.contact h2{font-size:41px}.contact-links .phone{font-size:27px}.choice{font-size:12px}.contact .inquiry h3{font-size:24px}.footer .brand small{display:block}.mobile-contact a{font-size:11px;padding:11px 8px}.mobile-contact .mobile-offer{color:#172019}.film-dialog-head h2{font-size:12px}[dir=rtl] .hero-studio h1{font-size:clamp(34px,9.8vw,43px);letter-spacing:-.9px;line-height:1.5}[dir=rtl] .hero-studio .hero-place{font-size:23px;margin-top:10px}[dir=rtl] .hero-studio .location{font-size:10px;gap:8px}[dir=rtl] .hero-studio .location-code{font-size:8px}[dir=rtl] .hero-copy .hero-promise{font-size:15px}[dir=rtl] .hero-copy .hero-audience{font-size:13px}[dir=rtl] .hero-studio .hero-actions .btn-primary{font-size:13px;padding-inline:17px}[dir=rtl] .hero-watch{font-size:12px}[dir=rtl] .film-top>span{font-size:10px}[dir=rtl] .vertical-caption{font-size:9px}[dir=rtl] .film-frame h2{font-size:25px}[dir=rtl] .hero-bottom>span{font-size:11px;max-width:270px}[dir=rtl] .hero-omar small{font-size:11px}}
@media(max-width:800px){.hero-media .blueprint{left:0;width:100%;max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.will-reveal{opacity:1!important;transform:none!important}.blueprint .blueprint-trace{stroke-dashoffset:0}.services-intro .diagram-room{stroke-dashoffset:0}.detail-inset{transform:none}}

/* Before/after update: completed work in the hero, documented montage in work. */
.hero-finished-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:3px}
.film-top .hero-photo-tag{font-size:7px;letter-spacing:.7px;background:#102118c9;padding:7px 8px;border:1px solid #ffffff4a}
.hero-film-link{color:#fff}.project-story{border:1px solid #526048;border-radius:5px;background:#19211a;margin:0 0 48px;overflow:hidden;scroll-margin-top:24px}
.story-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 32px}.story-heading h3{font-size:30px;line-height:1.3;font-weight:500;margin:11px 0 8px;letter-spacing:-.7px}.story-heading p{font-size:13px;color:#c2ceba;line-height:1.8}.story-open{width:auto;flex-shrink:0;font-size:12px;color:#f0f4e8;gap:12px}
.story-stage{position:relative;background:#101713}.story-stage video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.story-controls{display:flex;align-items:center;justify-content:space-between;padding:10px 24px 17px;gap:20px}.story-controls>span{font-size:11px;color:#c7d2bd}.story-controls .film-toggle{width:42px;height:42px;border-color:#9eac90}.story-stage .film-progress{left:0;right:0;bottom:0;height:3px}
.story-chapters{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #4d5942}.story-chapters button{padding:18px 24px;color:#edf2e6;font-size:13px;text-align:start;display:flex;gap:16px;align-items:center;min-height:52px}.story-chapters button+button{border-inline-start:1px solid #4d5942}.story-chapters span{color:#efb28b;font-size:11px;direction:ltr}.story-chapters button:hover{background:#efb28b12}.story-description{font-size:11px;line-height:1.8;color:#c7d2bd;padding:15px 24px;margin:0}.film-dialog{width:1040px}.film-dialog video{height:auto;max-height:70dvh;aspect-ratio:16/9}
[dir=rtl] .story-heading h3{letter-spacing:0;font-size:31px}[dir=rtl] .story-heading .eyebrow{letter-spacing:0}[dir=rtl] .story-controls>span{font-size:12px}
@media(max-width:800px){.story-heading{padding:24px;gap:18px}.story-heading h3{font-size:26px}.story-open{font-size:11px}.story-chapters button{padding:16px;font-size:12px;gap:11px}}
@media(max-width:600px){.project-story{margin-bottom:33px}.story-heading{display:block;padding:22px 18px}.story-heading h3{font-size:27px}.story-heading .eyebrow{font-size:9px}.story-heading p{font-size:12px}.story-open{margin-top:14px;min-height:44px;font-size:12px}.story-controls{padding:10px 13px 14px;gap:12px}.story-controls>span{font-size:10px;line-height:1.7}.story-chapters button{padding:15px 10px;font-size:11px;gap:7px}.story-description{padding:13px;font-size:10px;line-height:1.8}[dir=rtl] .story-heading h3{font-size:28px}[dir=rtl] .story-chapters button{font-size:12px}}
.hero-media .blueprint{left:0;width:100%;max-width:100%}

/* Original project footage: click to load, full portrait frame and source marks. */
.project-tour{display:grid;grid-template-columns:1fr minmax(250px,330px);gap:70px;align-items:center;padding:36px 48px;margin:0 0 48px;background:linear-gradient(130deg,#20291f,#151b16);border:1px solid #526048;border-radius:5px;scroll-margin-top:24px}
.tour-copy{max-width:580px}.tour-copy h3{font-size:clamp(28px,3.2vw,44px);font-weight:500;line-height:1.2;letter-spacing:-1px;margin:18px 0}.tour-copy>p{font-size:15px;line-height:1.85;color:#c7d2bd}.tour-facts{display:flex;flex-wrap:wrap;gap:10px 20px;margin:24px 0 30px;color:#dcb390;font-size:12px}.tour-facts span+span{border-inline-start:1px solid #6b765e;padding-inline-start:20px}.tour-toggle{display:flex;gap:22px;width:max-content;max-width:100%;min-height:48px;border-color:#aeac91;color:#f4f1e9}.tour-toggle svg{width:18px;height:18px;flex:none}.tour-copy>.text-link{display:flex;width:max-content;max-width:100%;margin-top:24px;font-size:13px}.tour-media{margin:0;min-width:0;width:100%}.tour-media video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;border-radius:3px;background:#0a100d}.tour-media figcaption{font-size:11px;line-height:1.7;color:#c7d2bd;margin-top:12px;text-align:center}
[dir=rtl] .tour-copy h3{letter-spacing:0;line-height:1.45}[dir=rtl] .tour-copy .eyebrow{letter-spacing:0}
@media(max-width:950px){.project-tour{gap:32px;padding:30px;grid-template-columns:1fr minmax(230px,290px)}.tour-copy>p{font-size:14px}}
@media(max-width:650px){.project-tour{grid-template-columns:1fr;gap:28px;padding:24px 18px;margin-bottom:33px}.tour-copy h3{font-size:31px}.tour-copy .eyebrow{font-size:10px}.tour-facts{font-size:11px;gap:10px 14px;margin-block:20px}.tour-facts span+span{padding-inline-start:14px}.tour-media{max-width:330px;justify-self:center}.tour-toggle{font-size:13px}.tour-copy>.text-link{font-size:12px}}