/* PANCHAL FURNIWORKS — Midnight Black × Champagne Gold Edition */
:root {
  --ink:#f8f0dc; --deep:#080808; --dark:#0c0b09;
  --cream:#090909; --white:#151310; --pearl:#1e1a14;
  --sand:#d7b778; --gold:#ecc477; --forest:#aa8651;
  --muted:#aa9e89; --border:rgba(233,189,111,.20);
}
body{background:#070707;color:#f3ecde}
::selection{background:#ecc477;color:#100d08}
.notice-bar{background:#120e0a;color:#d7bd88;border-bottom:1px solid rgba(232,184,94,.16)}
.notice-inner,.notice-inner a,.notice-star{color:#dec78e}
.site-header{background:rgba(8,8,8,.92);border-bottom:1px solid rgba(233,189,111,.16)}
.brand-icon{background:linear-gradient(140deg,#20180c,#0e0d0b);border-color:#ac7c32;border-radius:9px}
.brand-icon svg{stroke:#ecc477}
.brand-text b{color:#f2e0b5;letter-spacing:1.9px}
.brand-text small{color:#e7b964}
.nav-links a,.nav-links a:hover{color:#e9ddc9}
.nav-links a:hover{color:#ecc477}
.lang-btn{color:#e4c58d}
.menu-btn span{background:#edd5a3}
.btn-solid{background:linear-gradient(115deg,#f9d996,#c58b35);color:#1b1207;border-color:#f1c67a;box-shadow:0 9px 36px rgba(222,168,73,.12)}
.btn-solid:hover{background:linear-gradient(110deg,#ffe5b0,#e1a34d);color:#120b02;transform:translateY(-2px)}
.btn-text{color:#f5e3ba}
.btn-outline-light{border-color:#d3aa67;color:#eec789}
.btn-outline-light:hover{background:#d7ac63;color:#120e08}
.section-kicker,.section-kicker.dark,.sparkle-icon{color:#d3aa64}
.section-head h2,.approach-content h2,.contact-intro h2,.faq-grid h2{color:#f9f0df}
.section-head h2 em,.hero h1 em,.approach-content h2 em,.contact-intro h2 em,.faq-grid h2 em{color:#e7b864;font-style:italic}
.section-head p,.hero-paragraph{color:#b8aa92}
.hero{background:radial-gradient(ellipse at 56% 22%,#20180f 0%,#0c0b0a 55%,#070707 100%)}
.hero-copy{position:relative;isolation:isolate}
.hero-copy:before{content:'';position:absolute;width:220px;height:220px;left:-90px;top:25%;border-radius:50%;background:#a57630;filter:blur(100px);opacity:.11;z-index:-1;pointer-events:none}
.hero h1{color:#fff9e9;letter-spacing:-2.1px;text-wrap:balance}
.hero h1 em{background:linear-gradient(92deg,#fff2cf,#ecc477 45%,#b98431);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-scene{background:#100e0b;border-left:1px solid rgba(242,187,104,.17)}
.hero-scene:before{background:radial-gradient(ellipse at 60% 35%,rgba(187,117,41,.27),transparent 57%),linear-gradient(140deg,#20190e,#100f0c 62%,#080808)}
.hero-scene:after{border-color:rgba(230,172,88,.24)}
.scene-badge{background:rgba(15,11,7,.85);color:#f8d89e;border:1px solid rgba(232,183,101,.30)}
.scene-year-tag{color:#a78243}
.hero-scene-bottom,.hero-scene-bottom strong{color:#f9f0df}
.hero-scene-bottom small{color:#ceb584}
.round-arrow{background:#d8ab62;color:#151009}
.hero-proof strong{color:#f3ead7}
.hero-proof span{color:#aa9d87}
.hero-proof .proof-icon{color:#d6a75e}
.hero-bottom{color:#a99879}
.hero-bottom .tiny-line{background:#ba934f}
.marquee{background:#c1934f;color:#201507;border-color:#d7a357}
.marquee-track{color:#261909}
.marquee-star{color:#fff4d8}
.studio-section{background:linear-gradient(180deg,#100f0e,#090909)}
.studio-layout{background:#11100e;border:1px solid rgba(232,180,99,.21);box-shadow:0 22px 85px rgba(0,0,0,.47);border-radius:16px;overflow:hidden}
.studio-viewer{background:radial-gradient(ellipse at 56% 35%,#30271b 0,#15130f 52%,#0b0b0a 100%)}
.studio-viewer:before{background-image:linear-gradient(90deg,rgba(212,165,92,.075) 1px,transparent 1px),linear-gradient(rgba(212,165,92,.075) 1px,transparent 1px)}
.viewer-bar{color:#f5e8c8}
.live-indicator{color:#e0c492}
.live-dot{background:#e7b76b;box-shadow:0 0 18px #e7b76b}
.beta-pill{background:#3d2b13;color:#efca89}
.viewer-angle{color:#c0a170}
.viewer-watermark{color:rgba(255,228,176,.25)}
.viewer-bottom{color:#e4ceb0}
.viewer-tip{color:#d6c2a5}
.viewer-controls button{border:1px solid rgba(228,174,87,.35);background:#1b1814;color:#ead2aa}
.viewer-controls button:hover{background:#2d2114;color:#f3d395}
.studio-sidebar{background:#141210;border-left:1px solid rgba(225,178,99,.21)}
.studio-side-heading{color:#d0ba96}
.step-decoration,.side-sep{color:#d7a95f}
.model-btn{background:#1a1713;border:1px solid rgba(225,179,103,.13);border-radius:10px;color:#e8dcc5}
.model-btn:hover{background:#282014}
.model-btn.active{background:linear-gradient(120deg,#392715,#231b11);border-color:#d6a85f}
.model-btn strong{color:#fff1d2}
.model-btn small{color:#ac9b83}
.model-icon{color:#d6af71}
.model-indicator{color:#d5b171}
.studio-divider{background:rgba(230,183,106,.22)}
.selected-finish{color:#f0cd93}
.finish-btn{color:#e2d1b6}
.finish-btn.active{color:#f9d692}
.finish-swatch{outline-color:#ae874a}
.doors-toggle{color:#f4e0b6}
.doors-toggle .toggle-track{background:#322719}
.doors-toggle[aria-pressed=true] .toggle-track{background:#a5773a}
.studio-extra p,.studio-footnote{color:#b9a484}
.studio-footnote{background:transparent}
.work-section{background:#090909}
.work-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.work-card{min-width:0;transition:transform .3s}
.work-card:hover{transform:translateY(-5px)}
.work-card.feature-work{grid-column:auto}
.work-image,.work-card.feature-work .work-image{aspect-ratio:4/4.5;background:#15110c;border:1px solid #342816;border-radius:12px;overflow:hidden}
.work-image img{width:100%;height:100%;object-fit:cover}
.work-tag{background:rgba(14,11,6,.86);color:#efd09b;border-color:#87632f;backdrop-filter:blur(8px)}
.work-caption{color:#f3e8d2}
.work-caption small{color:#a88a58}
.work-caption h3{color:#f8edd7}
.work-arrow{color:#e5bb76;border-color:#7c582a}
.work-bottom{border-color:#3b2b19}
.work-bottom span{color:#ae9975}
.link-arrow{color:#e3b872}
.services-section{background:#11100e}
.service-grid{grid-template-columns:repeat(5,minmax(0,1fr));border-color:rgba(232,178,93,.22);border-radius:12px;overflow:hidden}
.service-card{background:#17140f;border-color:rgba(232,178,93,.18)}
.service-card:hover{background:#241c12}
.service-card h3{color:#f5e7c8}
.service-card p{color:#b0a28e}
.service-symbol{color:#d9ac65}
.service-card a{color:#e6b871}
.service-num{color:#937852}
.approach-section{background:#0b0c0b}
.approach-visual:before{background:radial-gradient(ellipse at 50% 55%,#584226 0%,#241b12 46%,#0e0d0b 90%)}
.about-arch{background:linear-gradient(150deg,#9d7542,#d4b385,#4b3119)}
.approach-content{color:#f4e7d2}
.approach-content p{color:#bfb39f}
.about-location{color:#e8c68e}
.approach-sticker{background:#d4ad6c;color:#20150a}
.process-section{background:#10100f}
.process-step{border-color:rgba(229,182,104,.3)}
.process-step h3{color:#f6e9d6}
.process-step p{color:#b5a68f}
.process-step>span{color:#cf9f52}
.quote-section{background:linear-gradient(120deg,#171109,#0b0b0a 70%);color:#f4e6cd}
.contact-intro .section-kicker{color:#d8aa62}
.contact-intro h2 em{color:#e6bc75}
.contact-intro>p{color:#bba990}
.contact-card{background:#171410;border:1px solid rgba(227,182,106,.17);padding:15px;border-radius:10px}
.contact-card-icon{color:#dab26e}
.contact-card small{color:#c3a06b}
.contact-card b{color:#f4e1bf}
.contact-card a,.contact-card div>span{color:#d3c1a4}
.quote-form-wrap{background:#19150f;border:1px solid rgba(237,186,105,.26);box-shadow:0 24px 60px rgba(0,0,0,.3);border-radius:13px}
.form-header{border-color:rgba(235,188,117,.22)}
.form-header h3{color:#f9e9c9}
.form-header>div>span,.form-header>span{color:#dbb06a}
.quote-form-wrap label{color:#dfc29a}
.quote-form-wrap input:not([type=checkbox]),.quote-form-wrap select,.quote-form-wrap textarea{background:#11100e;border:1px solid rgba(230,189,122,.24);color:#fff2dc;border-radius:7px}
.quote-form-wrap input::placeholder,.quote-form-wrap textarea::placeholder{color:#877c6a}
.quote-form-wrap .privacy-check{color:#b7a78c}
.privacy-check input{accent-color:#bd8e45}
.form-footnote{color:#c1b093}
.faq-section{background:#0b0b0a}
.faq-items details,.faq-items details:first-child{border-color:#3c3020}
.faq-items summary{color:#eadbc3}
.faq-items details p{color:#b7a58a}
.footer{background:#050505;color:#e9dbc6}
.footer-main>div:first-child>p{color:#b1a28e}
.footer-links small{color:#dfb775}
.footer-links a,.footer-links span{color:#c9bba4}
.footer-bottom{border-color:#332719;color:#a58b68}
.floating-wa{background:#20a959;color:#fff;border-color:#94d6a7}
/* smooth reveal: elements stay visible unless JS explicitly opts into animation */
.js-animate .reveal-on-scroll{opacity:0;transform:translateY(23px);transition:opacity .7s ease, transform .7s cubic-bezier(.15,.78,.2,1)}
.js-animate .reveal-on-scroll.in-view{opacity:1;transform:translateY(0)}
@keyframes intro-rise{0%{opacity:0;transform:translateY(26px)}100%{opacity:1;transform:translateY(0)}}
@keyframes halo-breathe{0%,100%{opacity:.1;transform:scale(.98)}50%{opacity:.24;transform:scale(1.12)}}
@media (prefers-reduced-motion:no-preference){
  .hero-copy h1{animation:intro-rise .95s .1s both}
  .hero-copy .hero-paragraph{animation:intro-rise .95s .23s both}
  .hero-ctas{animation:intro-rise .95s .38s both}
  .hero-scene:before{animation:halo-breathe 7s ease-in-out infinite}
}
@media(max-width:1150px){.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card:nth-child(3){border-right:0}.service-card:nth-child(-n+3){border-bottom:1px solid rgba(232,178,93,.18)}}
@media(max-width:900px){
  .nav-links{background:#12100e;border-color:#382a19;box-shadow:0 20px 45px rgba(0,0,0,.45)}
  .nav-links a{color:#f3dfba;border-color:#352817}
  .studio-sidebar{border-top-color:#46331a}
  .model-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
  .work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-card{border-bottom:1px solid rgba(232,178,93,.18)}
}
@media(max-width:610px){
  .hero h1{font-size:clamp(42px,10.5vw,72px);letter-spacing:-2px}
  .hero-scene{margin:0 -18px}
  .hero-scene:after{inset:13px}
  .model-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .model-btn{min-height:76px;flex-direction:row;align-items:center;gap:10px;padding:10px}
  .model-btn strong{font-size:12px}
  .model-btn small{display:block;font-size:9px}
  .studio-viewer{min-height:370px}
  .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
  .work-image,.work-card.feature-work .work-image{aspect-ratio:.84!important}
  .work-caption h3{font-size:17px}
  .service-grid{grid-template-columns:1fr 1fr}
  .service-card{min-height:285px;padding:21px 15px}
  .quote-form-wrap{margin:0 -4px}
  .form-header h3{font-size:26px}
}
@media(prefers-reduced-motion:reduce){.js-animate .reveal-on-scroll{opacity:1;transform:none;transition:none}.hero-copy *{animation:none!important}}