/* KARLOS v3 · Architectural Minimalism × Dark Showroom
   Bespoke, photo-first, Arabic / RTL, with deliberately restrained motion. */
:root{
 --paper:#F7F5F0;--bone:#EEEAE3;--white:#FFFFFF;--ink:#43332C;--chocolate:#322720;
 --charcoal:#202523;--charcoal2:#2B2E2A;--bronze:#B88A60;--bronze-light:#D7B492;
 --sand:#D9D0C3;--muted:#746D64;--subtle:#9B9288;--line:#DCD5CB;
 --main-font:"IBM Plex Sans Arabic", "Noto Sans Arabic", "Noto Kufi Arabic", Tahoma, Arial, sans-serif;
 --latin:"Manrope", sans-serif;
 --ease:cubic-bezier(.22,1,.36,1);--shadow:0 24px 70px -40px rgb(44 31 22 / .25);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--main-font);font-size:16px;line-height:1.8;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--bronze);outline-offset:4px}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}svg.icon{width:21px;height:21px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.shell{width:min(1200px,calc(100% - 72px));margin-inline:auto}.section-spacing{padding-block:118px}.skip-link{position:absolute;top:-70px;right:12px;padding:10px 18px;background:var(--ink);color:white;z-index:100}.skip-link:focus{top:12px}#scroll-progress{position:fixed;z-index:99;inset:0 0 auto auto;height:2px;width:0;background:var(--bronze);transition:width .1s linear}
/* NAVIGATION */
.site-header{position:sticky;top:0;z-index:40;background:rgb(247 245 240 / .93);border-bottom:1px solid rgb(67 51 44 / .10);backdrop-filter:saturate(125%) blur(16px);-webkit-backdrop-filter:saturate(125%) blur(16px);transition:box-shadow .35s ease}.site-header.scrolled{box-shadow:0 12px 30px rgb(42 27 17 / .05)}.header-inner{height:91px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;align-items:center;flex-shrink:0;gap:12px;line-height:1.2}.brand__mark{width:54px;height:54px;object-fit:contain}.brand__text{display:grid;gap:6px}.brand__text strong{font-size:29px;font-weight:700;letter-spacing:-.04em;line-height:1}.brand__text small{font-size:10px;letter-spacing:-.015em;font-weight:600;color:var(--muted);white-space:nowrap}.site-nav{display:flex;align-items:center;gap:31px;margin-inline:auto}.site-nav a{position:relative;white-space:nowrap;font-weight:600;font-size:13px;color:#5E5750;transition:color .25s ease}.site-nav a::after{content:"";position:absolute;right:0;bottom:-8px;height:1px;width:0;background:var(--bronze);transition:width .3s var(--ease)}.site-nav a:hover{color:var(--ink)}.site-nav a:hover::after{width:100%}.header-end{display:flex;align-items:center;gap:12px}.menu-toggle{display:none;width:43px;height:43px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:50%;align-items:center;justify-content:center}.menu-toggle .icon{width:23px;height:23px}
/* BUTTONS / LABELS */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:49px;padding:13px 25px;border-radius:6px;border:1px solid transparent;line-height:1.35;white-space:nowrap;letter-spacing:0;font-weight:600;font-size:14px;transition:background .35s ease,color .3s ease,box-shadow .4s var(--ease),transform .4s var(--ease),border-color .3s ease}.btn .icon{width:17px;height:17px;transition:transform .35s var(--ease)}.btn:hover .icon{transform:translateX(-3px)}.btn:active{transform:scale(.985)}.btn--small{min-height:42px;font-size:12px;padding:10px 17px}.btn--big{min-height:55px;padding:17px 28px}.btn--ink{background:var(--ink);color:#FFF9F0;box-shadow:0 8px 23px rgb(67 51 44 / .09)}.btn--ink:hover{background:#5B4638;box-shadow:0 10px 28px rgb(67 51 44 / .15);transform:translateY(-2px)}.btn--line{border-color:var(--line);background:transparent;color:var(--ink)}.btn--line:hover{border-color:var(--bronze);background:#EFE9DF;transform:translateY(-2px)}.btn--gold{background:#C29870;color:#281E16}.btn--gold:hover{background:#D8B48E;transform:translateY(-2px)}.btn--outline-cream{border-color:#73675B;background:transparent;color:#F5F0E8}.btn--outline-cream:hover{background:#F5F0E8;color:var(--chocolate);border-color:#F5F0E8;transform:translateY(-2px)}.kicker{display:flex;align-items:center;gap:12px;color:#8C6B50;font-weight:600;font-size:12px;letter-spacing:.015em;margin-bottom:24px}.kicker--bronze{color:var(--bronze-light)}.kicker-line{display:inline-block;height:1px;width:25px;background:currentColor;opacity:.75}.tiny-dot{width:5px;height:5px;background:var(--bronze);border-radius:50%}h1,h2,h3{letter-spacing:-.048em}h2{font-size:clamp(35px,4.25vw,61px);line-height:1.28;font-weight:700}h2 em{font-style:normal;color:#A57959}
/* HERO */
.hero{position:relative;background:var(--paper);overflow:hidden}.hero::before{content:"";position:absolute;top:9%;left:-210px;width:440px;height:440px;border-radius:50%;border:1px solid #e2dcd3;opacity:.33;pointer-events:none}.hero-grid{min-height:690px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:85px;padding-top:48px;padding-bottom:67px}.hero-copy{position:relative;z-index:1;padding-top:4px}.hero-kicker{margin-bottom:31px}.hero h1{font-size:clamp(52px,5.5vw,78px);line-height:1.34;font-weight:700;margin-bottom:22px;letter-spacing:-.058em;max-width:710px}.hero h1 span{color:#A37855}.hero-desc{color:#756C62;font-size:17px;line-height:2.03;max-width:530px;margin-bottom:35px}.hero-desc strong{color:#4A3E34;font-weight:600}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-footnote{display:flex;align-items:center;gap:11px;color:#93897E;font-size:12px;margin-top:44px}.footnote-line{width:26px;height:1px;background:var(--bronze)}.hero-photo-wrap{position:relative;max-width:520px;margin-inline-start:auto;min-width:0;width:100%}.hero-photo-shape{height:592px;position:relative;border-radius:180px 6px 6px 6px;overflow:hidden;background:#D5C6B4;box-shadow:0 36px 70px -48px #453327;transform:translateZ(0)}.hero-photo-shape>img{width:100%;height:100%;object-fit:cover;object-position:50% 48%;transition:transform 1s var(--ease);will-change:transform}.hero-photo-shape:hover>img{transform:translate3d(var(--par-x, 0px),var(--par-y, 0px),0) scale(1.045)}.photo-grain{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 74%,rgb(16 14 12 / .5) 100%)}.hero-photo-label{position:absolute;bottom:22px;right:23px;left:22px;display:flex;align-items:center;justify-content:space-between;gap:6px;color:#FFF;letter-spacing:.01em;font-size:12px}.photo-label-index{font:700 11px var(--latin);letter-spacing:.04em;direction:ltr}.photo-label-index span{font-weight:500;letter-spacing:.13em}.hero-photo-label i{display:inline-block;height:5px;width:5px;background:#E2BE95;border-radius:50%;margin-right:5px}.hero-photo-caption{position:absolute;bottom:36px;left:-46px;padding:15px 22px;border:1px solid rgb(67 51 44 / .14);background:rgb(247 245 240 / .95);backdrop-filter:blur(6px);box-shadow:var(--shadow);font-size:13px;line-height:1.2;display:flex;align-items:center;gap:24px;transform:rotate(-2deg)}.hero-photo-caption strong{color:#B88A60}.photo-caption-squiggle{font-size:27px;color:#C29972}
/* BENEFITS */
.promise-strip{background:#EDE8DF;border-top:1px solid #E1DACE;border-bottom:1px solid #E1DACE}.promise-inner{min-height:108px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.promise-item{display:flex;align-items:center;justify-content:center;gap:18px;padding:17px 20px;min-width:0}.promise-item+.promise-item{border-right:1px solid #CEC3B5}.promise-item>.icon{height:30px;width:30px;color:#A07857;stroke-width:1.25}.promise-item span{display:grid;gap:1px}.promise-item b{font-size:16px;font-weight:700;line-height:1.4}.promise-item small{font-size:11px;color:#776C61}
/* COUNT-UP METRICS */
.numbers-section{background:var(--chocolate);color:#F8F2EA;position:relative;overflow:hidden}.numbers-section::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 40%,rgb(184 138 96 / .09),transparent 48%);pointer-events:none}.numbers-layout{position:relative;padding-block:84px 90px;display:grid;grid-template-columns:.9fr 2.1fr;gap:65px;align-items:center}.numbers-heading{padding-inline-start:8px}.numbers-heading h2{font-size:clamp(29px,3vw,44px);line-height:1.42;margin:0}.numbers-heading em{color:#CEA681}.numbers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.number-stat{border-right:1px solid #6F5C4A;padding-inline:25px 15px;display:flex;flex-direction:column;gap:2px;min-width:0}.number-stat:first-child{border-right:0}.number-stat>.icon{color:#C49C77;height:26px;width:26px;stroke-width:1.4;margin-bottom:10px}.number-large{font-family:var(--latin),var(--main-font);display:flex;justify-content:flex-end;direction:ltr;align-items:baseline;gap:1px;text-align:right;font-weight:700;letter-spacing:-.075em;line-height:1.2;font-size:clamp(32px,3.5vw,53px);color:#E9C299;font-variant-numeric:tabular-nums}.counter{font-variant-numeric:tabular-nums}.plus{font-size:.68em;vertical-align:top;color:#BD8F67}.number-stat strong{font-size:14px;font-weight:600}.number-stat small{color:#C5B6A7;font-size:11px;margin-top:5px;line-height:1.8}
/* AUTHENTIC LED PHOTO COMPARISON */
.lighting-section{background:var(--paper)}.lighting-grid{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:100px}.lighting-copy h2{margin-bottom:21px}.lighting-copy p{font-size:16px;line-height:2;color:#746B62;max-width:410px}.lighting-info{display:flex;gap:15px;align-items:center;padding:21px 0;border-block:1px solid var(--line);margin-top:26px;max-width:430px}.light-info-icon{width:44px;height:44px;border-radius:50%;border:1px solid #CDB69F;display:grid;place-items:center;color:#9F7655;flex-shrink:0}.lighting-info strong,.lighting-info small{display:block}.lighting-info strong{font-size:14px}.lighting-info small{font-size:12px;line-height:1.8;color:#8C8278}.light-controls{display:flex;align-items:center;gap:22px;margin-top:26px}.light-toggle{min-width:160px}.power-indicator{display:inline-block;width:7px;height:7px;border-radius:50%;background:#E4B77D;box-shadow:0 0 0 4px rgb(221 174 111 / .14);transition:.4s}.light-toggle[aria-pressed="false"] .power-indicator{background:#BEB9B3;box-shadow:none}.light-state{color:#8A7D71;font-size:12px}.lighting-stage{position:relative;aspect-ratio:1.25;background:#3A3B3B;border-radius:7px;overflow:hidden;box-shadow:0 35px 60px -45px #302116;transform:translateZ(0)}.lighting-img{position:absolute;inset:0}.lighting-img img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity 1.25s cubic-bezier(.2,.7,.2,1),filter 1.25s ease,transform 2s var(--ease)}.lighting-img .light-photo-off{opacity:1}.lighting-img .light-photo-on{opacity:0;filter:brightness(.83) saturate(.65)}.lighting-stage[data-on="true"] .light-photo-on{opacity:1;filter:brightness(1) saturate(1)}.lighting-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 15% 28%,rgb(235 174 94 / .11),transparent 40%);opacity:0;transition:opacity 1.4s ease}.lighting-stage[data-on="true"]::after{opacity:1}.lighting-stage__badge{position:absolute;top:20px;left:20px;color:#F8F0E7;display:flex;align-items:center;gap:10px;background:rgb(28 26 23 / .63);border:1px solid rgb(255 255 255 / .15);padding:9px 13px;backdrop-filter:blur(8px);border-radius:3px;font:600 10px var(--latin);letter-spacing:.14em;direction:ltr}.lit-dot{width:7px;height:7px;border-radius:50%;background:#E0B173;box-shadow:0 0 12px 3px rgb(245 182 105 / .45);transition:background .5s,box-shadow .5s}.lighting-stage[data-on="false"] .lit-dot{background:#898986;box-shadow:none}.lighting-stage__bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:28px 25px 18px;color:#F8EEE2;background:linear-gradient(transparent,rgb(22 22 21 / .65));font-size:12px}.lighting-stage__bottom span+span{direction:ltr;letter-spacing:.17em;font:600 10px var(--latin)}
/* DARK SHOWROOM */
.showroom{background:var(--charcoal);color:#F3F0E8;position:relative}.showroom::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 90% 2%,rgb(167 137 102 / .075),transparent 28%);pointer-events:none}.showroom>.shell{position:relative}.showroom-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:44px}.showroom-heading h2{margin:0}.showroom-heading em{color:#D3AB82}.showroom-heading p{max-width:360px;margin-bottom:7px;color:#ACA9A0;font-size:14px;line-height:2}.gallery-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.gallery-tabs{display:flex;flex-wrap:wrap;gap:8px}.gallery-filter{font-size:12px;min-height:37px;border:1px solid #51534E;border-radius:3px;padding:6px 15px;background:transparent;color:#C6C4BC;transition:background .25s,color .25s,border-color .25s}.gallery-filter:hover{border-color:#B59776;color:white}.gallery-filter.active{color:#2A2925;background:#ECE3D6;border-color:#ECE3D6}.gallery-count{font:500 10px var(--main-font);color:#A4A59F;white-space:nowrap}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;direction:rtl}.project-card{height:310px;position:relative;border:0;border-radius:4px;background:#373C38;padding:0;overflow:hidden;text-align:right;color:white;display:block;isolation:isolate;transition:box-shadow .4s ease,transform .5s var(--ease)}.project-card[hidden]{display:none!important}.project-card--wide{grid-column:span 2}.project-card>img{height:100%;width:100%;object-fit:cover;object-position:center;transition:transform .8s var(--ease),filter .6s ease;will-change:transform}.project-card[data-id="22"]>img{object-position:50% 37%}.project-card[data-id="35"]>img{object-position:50% 52%}.project-card[data-id="50"]>img{object-position:50% 46%}.project-card__gradient{position:absolute;inset:0;background:linear-gradient(0deg,rgb(11 14 13 / .82),rgb(11 14 13 / .0) 60%);transition:background .4s}.project-card__info{position:absolute;right:24px;left:55px;bottom:21px;display:grid;gap:4px}.project-card__info small{font-size:11px;color:#DECAB6}.project-card__info strong{font-size:17px;line-height:1.5}.project-card__view{position:absolute;left:19px;bottom:21px;width:30px;height:30px;border:1px solid rgb(255 255 255 / .55);border-radius:50%;display:grid;place-items:center;transition:background .3s,color .3s,transform .3s}.project-card__view .icon{width:15px;height:15px}.project-card:hover{box-shadow:0 12px 35px rgb(0 0 0 / .16);transform:translateY(-3px)}.project-card:hover>img{transform:scale(1.05);filter:saturate(1.05)}.project-card:hover .project-card__view{background:var(--paper);color:var(--ink);transform:scale(1.06)}.gallery-more{text-align:center;margin-top:39px}.gallery-more .btn{min-width:225px}.gallery-more [hidden]{display:none!important}
/* HOME VISIT */
.visit-section{background:var(--bone);overflow:hidden}.visit-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:100px;align-items:center}.visit-photos{position:relative;min-height:490px;max-width:600px}.visit-photo{overflow:hidden;border-radius:5px;box-shadow:var(--shadow);background:#CCBEB2}.visit-photo img{height:100%;width:100%;object-fit:cover;transition:transform 1s var(--ease)}.visit-photo:hover img{transform:scale(1.045)}.visit-photo--main{width:88%;height:405px;margin-inline-start:auto}.visit-photo--inset{position:absolute;left:0;bottom:0;width:48%;height:225px;border:7px solid var(--bone)}.visit-photo-sticker{position:absolute;right:-15px;bottom:2px;font-size:15px;line-height:1.4;background:#FCF9F2;padding:17px 23px;border:1px solid #DFD7CC;transform:rotate(3deg);box-shadow:var(--shadow)}.visit-photo-sticker strong{color:var(--bronze)}.visit-content h2{margin-bottom:20px}.visit-content p{color:#756D63;line-height:2.1;font-size:16px}.check-list{list-style:none;padding:0;margin:24px 0 30px;display:grid;gap:14px}.check-list li{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600}.check-list .icon{width:16px;height:16px;color:#A77E59;stroke-width:2}
/* STEPS */
.process-section{background:var(--paper)}.process-heading{text-align:center;max-width:700px;margin-inline:auto;margin-bottom:56px}.process-heading .kicker{justify-content:center}.process-heading h2{margin:0 0 15px}.process-heading>p{color:#7F756C;margin:0;font-size:15px}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.process-card{position:relative;padding:31px 26px 32px;min-height:237px;border:1px solid #DFD7CE;background:#F9F7F3;transition:background .3s,border-color .3s,transform .5s var(--ease)}.process-card:hover{background:#FFF;border-color:#C6B29F;transform:translateY(-5px)}.process-num{float:left;color:#B49A81;font:600 12px var(--latin);letter-spacing:.07em}.process-card>.icon{width:34px;height:34px;color:#B38964;stroke-width:1.3;margin-bottom:24px}.process-card h3{font-size:18px;margin-bottom:9px;line-height:1.6}.process-card p{color:#7C746B;font-size:12px;line-height:2;margin-bottom:0}.timeline-disclaimer{margin:29px auto 0;text-align:center;color:#94897D;font-size:11px;line-height:1.8;max-width:730px}
/* FAQ */
.faq-section{background:#EDE9E2}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}.faq-grid>div:first-child p{color:#867B70;max-width:370px;font-size:14px;line-height:2}.faq-items{border-top:1px solid #D1C6B8}.faq-items details{border-bottom:1px solid #D1C6B8}.faq-items summary{cursor:pointer;list-style:none;position:relative;padding:22px 0 21px 35px;font-size:16px;font-weight:600;line-height:1.6}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary span{float:left;font-family:var(--latin);font-size:20px;color:#9B7655;line-height:1.2;transition:transform .3s}.faq-items details[open] summary span{transform:rotate(45deg)}.faq-items details p{font-size:13px;color:#796F65;line-height:2;margin:0 0 22px;max-width:620px}.faq-grid h2{margin:0 0 20px}
/* CONVERSION */
.contact-section{background:var(--charcoal);padding-block:97px;color:#F9F4ED;position:relative;overflow:hidden}.contact-section::before{content:"";position:absolute;right:-200px;bottom:-260px;width:640px;height:640px;border-radius:50%;border:1px solid #504C42;opacity:.35}.contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:85px;align-items:center;position:relative}.contact-copy h2{margin-bottom:20px}.contact-copy em{color:#D7B08C}.contact-copy p{max-width:480px;color:#C6C3BA;font-size:15px;line-height:2.15}.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.contact-number{display:inline-block;font-family:var(--latin);font-size:14px;letter-spacing:.05em;margin-top:29px;color:#BEA384;direction:ltr}.contact-panel{padding:34px 36px;background:#F6F2EC;color:var(--ink);border-radius:4px;box-shadow:0 30px 70px rgb(0 0 0 / .1)}.contact-panel__headline{font-size:22px;font-weight:700;line-height:1.3;margin-bottom:23px}.inquiry-form{display:grid;gap:8px}.inquiry-form label{font-size:12px;font-weight:600;margin-top:6px}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{border:1px solid #DCD4C8;background:#FFFCF8;color:var(--ink);padding:12px 13px;border-radius:3px;width:100%;outline:none;min-height:44px;transition:border-color .2s}.inquiry-form textarea{min-height:77px;resize:vertical}.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{border-color:#B88A60;outline:2px solid rgb(184 138 96 / .12)}.inquiry-form input::placeholder,.inquiry-form textarea::placeholder{color:#A19B91}.submit-inquiry{margin-top:15px;width:100%;justify-content:space-between}.inquiry-form>small{font-size:10px;color:#918579;text-align:center;margin-top:4px}
/* FOOTER */
.footer{background:#191F1D;color:#F2EBE1}.footer-main{display:grid;grid-template-columns:1.35fr .7fr .9fr;gap:90px;padding-block:58px 49px}.brand--footer .brand__text strong{font-size:28px}.brand--footer .brand__text small{color:#C7AD96}.footer-brand p{color:#AAA79F;font-size:12px;line-height:2;max-width:320px;margin:21px 0 0}.footer-col h3{font-size:14px;margin:0 0 19px}.footer-col a,.footer-col>span{display:block;width:fit-content;color:#BAB7AE;font-size:12px;margin-bottom:11px;transition:color .2s}.footer-col a:hover{color:#ECC399}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #373C37;padding-block:22px;font-size:11px;color:#A3A29A}.mobile-dock{display:none}
/* IMAGE VIEWER */
.lightbox{border:none;padding:16px 30px 20px;border-radius:5px;background:#171C19;color:#F3F1E9;width:min(95vw,1100px);max-height:95dvh;overflow:hidden;box-shadow:0 24px 70px rgb(0 0 0 / .35)}.lightbox::backdrop{background:rgb(12 14 13 / .91);backdrop-filter:blur(5px)}.lightbox-top,.lightbox-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:45px}.lightbox-top{direction:ltr}.lightbox-top>span{font:500 12px var(--latin);color:#C6BCAD}.lightbox-top button{background:transparent;color:white;border:0;width:42px;height:42px;display:grid;place-items:center}.lightbox-frame{position:relative;min-height:150px;height:min(71dvh,680px);display:flex;align-items:center;justify-content:center}.lightbox-frame>img{width:100%;height:100%;object-fit:contain;min-width:0}.lightbox-nav{position:absolute;top:50%;right:8px;transform:translateY(-50%);border:1px solid rgb(255 255 255 / .4);background:rgb(0 0 0 / .35);color:white;width:42px;height:42px;display:grid;place-items:center;border-radius:50%}.lightbox-nav--other{right:auto;left:8px;transform:translateY(-50%) rotate(180deg)}.lightbox-bottom{font-size:12px;color:#D6CCBE}.lightbox-bottom span+span{color:#9A9C94;font-size:11px}
/* BASE MOTION: only hide after JS confirms observer functionality */
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .85s var(--ease),transform 1s var(--ease)}.js .reveal.in-view{opacity:1;transform:none}.js .reveal:nth-child(2){transition-delay:.06s}.js .reveal:nth-child(3){transition-delay:.12s}.js .reveal:nth-child(4){transition-delay:.18s}
/* TABLET */
@media(max-width:1100px){.shell{width:min(100% - 50px,1100px)}.header-inner{gap:15px}.site-nav{gap:17px}.site-nav a{font-size:12px}.brand__text strong{font-size:25px}.brand__mark{width:47px;height:47px}.brand__text small{font-size:9px}.hero-grid{gap:45px}.hero h1{font-size:clamp(49px,5.4vw,72px)}.hero-photo-shape{height:535px}.lighting-grid{gap:55px}.visit-grid{gap:55px}.contact-grid{gap:50px}.numbers-layout{gap:25px}.number-stat{padding-inline:13px}.number-large{font-size:clamp(30px,3.7vw,48px)}}
@media(max-width:850px){.site-nav{position:absolute;top:calc(100% + 1px);right:0;left:0;background:#F7F5F0;border-bottom:1px solid var(--line);box-shadow:var(--shadow);padding:18px 28px;display:none;flex-direction:column;align-items:stretch;gap:0}.site-nav.open{display:flex}.site-nav a{padding:13px 0;border-bottom:1px solid #E9E2D9;font-size:14px}.menu-toggle{display:inline-flex}.nav-whatsapp{min-height:39px}.header-inner{height:78px}.hero-grid{min-height:0;gap:32px;padding-top:56px;padding-bottom:65px}.hero-photo-shape{height:475px}.hero h1{font-size:clamp(43px,5.3vw,58px)}.hero-desc{font-size:14px}.hero-actions .btn{padding:15px 18px;font-size:12px}.hero-photo-caption{left:-17px}.promise-item{gap:12px;padding:14px 8px}.promise-item b{font-size:13px}.promise-item>.icon{width:24px;height:24px}.promise-item small{font-size:10px}.numbers-layout{display:block}.numbers-heading{margin-bottom:32px}.numbers-heading h2{font-size:37px}.number-stat{padding-inline:20px}.lighting-grid,.visit-grid,.contact-grid{gap:45px}.section-spacing{padding-block:87px}.process-grid{grid-template-columns:repeat(2,1fr)}.faq-grid{gap:35px}.footer-main{gap:40px}}
/* MOBILE */
@media(max-width:650px){html{scroll-padding-top:84px}.shell{width:calc(100% - 36px)}.header-inner{height:69px;gap:8px}.brand{gap:9px}.brand__mark{width:42px;height:42px}.brand__text strong{font-size:25px}.brand__text small{font-size:9px}.nav-whatsapp{display:none}.menu-toggle{height:41px;width:41px}.section-spacing{padding-block:77px}.hero-grid{grid-template-columns:1fr;gap:29px;padding-top:45px;padding-bottom:47px}.hero-copy{order:0}.hero-photo-wrap{order:1;max-width:none;width:100%}.hero-kicker{margin-bottom:18px}.hero h1{font-size:clamp(44px,11.4vw,61px);line-height:1.28;margin-bottom:13px}.hero-desc{font-size:14px;line-height:2;margin-bottom:24px}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hero-actions .btn{font-size:12px;white-space:normal;padding:12px 8px;min-height:50px;gap:7px}.hero-footnote{font-size:11px;margin-top:23px}.hero-photo-shape{height:385px;border-radius:105px 5px 5px 5px}.hero-photo-shape>img{object-position:50% 45%}.hero-photo-label{right:18px;left:18px;bottom:17px;font-size:10px}.photo-label-index{font-size:9px}.hero-photo-caption{left:-4px;bottom:40px;gap:8px;font-size:11px;padding:11px 12px}.photo-caption-squiggle{font-size:19px}.promise-inner{min-height:0;grid-template-columns:1fr;padding-block:4px}.promise-item{justify-content:flex-start;gap:14px;padding:12px 14px}.promise-item+.promise-item{border-right:none;border-top:1px solid #DCD3C7}.promise-item>.icon{width:25px;height:25px}.promise-item span{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.promise-item b{font-size:13px}.promise-item small{font-size:11px}.numbers-layout{padding-block:64px}.numbers-heading{margin-bottom:30px}.numbers-heading h2{font-size:35px}.numbers-grid{grid-template-columns:repeat(2,1fr);gap:0;row-gap:32px}.number-stat{padding:0 16px}.number-stat:first-child{border-right:0;padding-right:0}.number-stat:nth-child(2){border-right:1px solid #6F5C4A;padding-left:5px}.number-stat:nth-child(3){grid-column:span 2;border-right:0;border-top:1px solid #6F5C4A;padding:23px 0 0}.number-large{justify-content:flex-end;font-size:39px}.number-stat strong{font-size:12px}.number-stat small{font-size:10px}.number-stat>.icon{width:22px;height:22px}.lighting-grid,.visit-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.lighting-copy h2,.visit-content h2,.process-heading h2,.faq-grid h2,.contact-copy h2{font-size:clamp(36px,8.5vw,48px)}.lighting-copy p,.visit-content p{font-size:14px}.lighting-info{margin-top:18px}.light-controls{margin-top:19px}.lighting-stage{aspect-ratio:1.28}.lighting-stage__bottom{padding:20px 13px 12px;font-size:10px}.lighting-stage__badge{top:12px;left:12px}.showroom-heading{display:block;margin-bottom:29px}.showroom-heading h2{font-size:43px;margin-bottom:13px}.showroom-heading p{font-size:12px;max-width:100%}.gallery-topline{display:block;margin-bottom:17px}.gallery-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;white-space:nowrap;direction:rtl;padding:1px 0 8px;mask-image:linear-gradient(to left,black 90%,transparent)}.gallery-tabs::-webkit-scrollbar{display:none}.gallery-filter{flex:0 0 auto;font-size:11px;min-height:35px}.gallery-count{display:block;margin-top:3px;font-size:10px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.project-card{height:220px;border-radius:3px}.project-card--wide{height:280px}.project-card__info{right:12px;left:10px;bottom:12px;gap:1px}.project-card__info strong{font-size:12px;line-height:1.5}.project-card__info small{font-size:10px}.project-card__view{display:none}.gallery-more{margin-top:26px}.visit-grid{gap:40px}.visit-photos{min-height:300px}.visit-photo--main{height:280px;width:90%}.visit-photo--inset{height:154px;bottom:-8px;width:49%;border-width:5px}.visit-photo-sticker{right:3px;bottom:-9px;font-size:12px;padding:13px}.visit-content{padding-top:10px}.check-list li{font-size:12px}.process-heading{margin-bottom:29px}.process-heading .kicker{margin-bottom:16px}.process-heading>p{font-size:13px}.process-grid{gap:10px}.process-card{padding:22px 16px;min-height:217px}.process-card>.icon{width:27px;height:27px;margin-bottom:19px}.process-card h3{font-size:15px;margin-bottom:5px}.process-card p{font-size:11px;line-height:1.85}.process-num{font-size:10px}.timeline-disclaimer{text-align:right;font-size:10px;margin-top:23px}.faq-grid{gap:21px}.faq-items summary{font-size:14px;padding-block:19px}.faq-items details p{font-size:12px}.contact-section{padding-block:76px 88px}.contact-grid{gap:35px}.contact-copy p{font-size:13px}.contact-actions{gap:10px}.contact-actions .btn{flex:1;padding:12px 13px;font-size:11px;min-height:46px}.contact-number{margin-top:21px}.contact-panel{padding:24px 21px}.contact-panel__headline{font-size:20px}.footer-main{padding-block:45px 28px;grid-template-columns:1fr 1fr;gap:31px 20px}.footer-brand{grid-column:1/-1}.footer-brand p{max-width:90%}.footer-col a,.footer-col>span{font-size:11px}.footer-bottom{padding-block:18px 95px;font-size:10px;display:block}.footer-bottom span{display:block;margin-bottom:6px}.mobile-dock{display:flex;align-items:center;gap:10px;position:fixed;bottom:0;left:0;right:0;z-index:45;padding:11px 18px calc(11px + env(safe-area-inset-bottom));background:rgb(247 245 240 / .96);backdrop-filter:blur(16px);border-top:1px solid #DBD4CA;box-shadow:0 -10px 40px rgb(41 29 21 / .08)}.mobile-dock>a{display:flex;justify-content:center;align-items:center;gap:10px;min-height:49px;border-radius:5px;font-size:14px;font-weight:600}.mobile-dock__wa{flex:1;background:var(--ink);color:white}.mobile-dock__call{width:52px;color:var(--ink);border:1px solid #D1C8BD}.mobile-dock .icon{width:20px;height:20px}.lightbox{padding:6px 9px 14px;width:97vw;max-height:95dvh}.lightbox-frame{height:min(68dvh,640px)}.lightbox-bottom{font-size:11px}.lightbox-bottom span+span{display:none}.lightbox-nav{width:35px;height:35px}.lightbox-nav .icon{width:17px;height:17px}}
@media(max-width:370px){.shell{width:calc(100% - 28px)}.hero h1{font-size:42px}.hero-actions .btn{font-size:11px}.project-card{height:190px}.project-card--wide{height:245px}.promise-item span{gap:5px}.number-large{font-size:34px}.brand__text small{font-size:8px}.footer-main{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.js .reveal{opacity:1;transform:none}}
