
:root{--bg:#080b10;--panel:#10131a;--panel-2:#141821;--line:#252a34;--text:#edf0f5;--muted:#9299aa;--gold:#d99b16;--gold-2:#f0ad21;--gold-bg:#211a10;--serif:"Cormorant Garamond",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--mono:"DM Mono",monospace;--max:1218px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer} .section{width:min(var(--max),calc(100% - 64px));margin:auto;padding-top:108px}.glass-card{border:1px solid #292e37;border-radius:22px;background:linear-gradient(145deg,#151820,#11141b);box-shadow:0 14px 35px rgba(0,0,0,.22)}.section-label{display:flex;align-items:center;gap:12px;color:#747d8d;font:500 10px var(--mono);letter-spacing:.22em}.section-label b{color:var(--gold);font-weight:500}.section-label i{height:1px;background:#2b3039;flex:1}.site-header{position:fixed;z-index:50;top:16px;left:50%;transform:translateX(-50%);width:min(1218px,calc(100% - 48px));height:64px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(11,13,17,.82);backdrop-filter:blur(18px);display:flex;align-items:center;padding:0 17px;gap:24px;box-shadow:0 18px 40px rgba(0,0,0,.25)}.header-brand{display:flex;align-items:center;gap:9px;min-width:195px}.header-brand img{width:92px;height:auto}.brand-sub{font:500 7px var(--mono);letter-spacing:.17em;color:#858d9d}.desktop-nav{display:flex;gap:22px;align-items:center;flex:1;justify-content:center}.desktop-nav a,.budget-top{font-size:12px;color:#aeb4c1}.budget-top{border:1px solid #6c4d12;border-radius:18px;padding:10px 14px;color:var(--gold);white-space:nowrap}.mobile-menu{display:none;margin-left:auto;background:none;border:0;padding:9px}.mobile-menu span{display:block;width:22px;height:1px;background:#ddd;margin:5px}.mobile-drawer{display:none}.hero{height:100svh;min-height:720px;position:relative;display:grid;place-items:center;overflow:hidden}.hero-slides,.hero-slide{position:absolute;inset:0}.hero-slide{background-size:cover;background-position:center;opacity:0;transform:scale(1.02);transition:opacity 1.2s ease,transform 8s ease}.hero-slide.active{opacity:1;transform:scale(1.06)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.64) 0%,rgba(3,5,8,.77) 55%,rgba(3,5,8,.98) 100%),linear-gradient(90deg,rgba(0,0,0,.50),transparent 65%)}.hero-copy{position:relative;z-index:2;text-align:center;width:min(900px,90%);margin-top:95px}.eyebrow-pill{display:inline-block;border:1px solid #555b65;border-radius:20px;padding:8px 16px;color:#d0d4dc;font:500 9px var(--mono);letter-spacing:.18em}.hero h1{font:400 clamp(58px,6.1vw,91px)/.93 var(--serif);letter-spacing:-.045em;margin:25px 0 39px}.hero h1 em,.philosophy-copy h2 em{color:var(--gold);font-style:italic}.hero-actions{display:flex;justify-content:center;gap:14px}.pill-btn{height:40px;padding:0 18px;border:1px solid #3b3e44;border-radius:22px;display:inline-flex;align-items:center;justify-content:center;gap:13px;font-size:13px;font-weight:600;background:rgba(28,30,34,.8)}.pill-btn span{font-size:17px;line-height:1}.pill-btn.gold{color:var(--gold);border-color:#6e4d11;background:rgba(34,29,20,.82)}.hero-dots{display:flex;gap:7px;justify-content:center;margin-top:37px}.hero-dots i{display:block;width:16px;height:3px;border-radius:2px;background:#747a85}.hero-dots i.active{width:38px;background:var(--gold)}.philosophy-copy{max-width:955px;margin:38px auto 45px 10.5%}.philosophy-copy h2,.studio-copy h2,.estimator-heading h2,.contact-card h2{font:400 clamp(45px,4.2vw,66px)/1.03 var(--serif);letter-spacing:-.035em;margin:0 0 28px}.philosophy-copy p{max-width:760px;color:var(--muted);font-size:17px;line-height:1.6}.principle-grid,.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.glass-card{padding:28px 27px;min-height:205px}.card-num{color:var(--gold);font:500 10px var(--mono);letter-spacing:.1em;display:block;margin-bottom:42px}.glass-card h3{font:400 27px var(--serif);margin:0 0 9px}.glass-card p{color:#8f97a7;font-size:15px;line-height:1.55;margin:0}.projects-section{padding-top:104px}.project-shell{border:1px solid #292e36;border-radius:23px;overflow:hidden;background:#0e1015;box-shadow:0 18px 50px rgba(0,0,0,.28);margin-top:48px}.project-image-wrap{height:412px;overflow:hidden;background:#10131a}.project-image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.project-details{display:flex;justify-content:space-between;min-height:145px;padding:29px 33px 20px;background:linear-gradient(180deg,rgba(17,18,23,.93),rgba(12,13,17,.98))}.project-details h2{font:400 32px var(--serif);margin:0 0 7px}.project-details p{color:#8991a1;margin:0 0 17px;font-size:14px}.tags{display:flex;gap:9px;flex-wrap:wrap}.tags span{border:1px solid #2c3037;border-radius:15px;padding:5px 12px;font:500 9px var(--mono);letter-spacing:.13em;color:#7f8795}.tags .gold-tag{color:var(--gold);border-color:#5a4214}.project-open{border:0;background:none;color:var(--gold);font-size:20px}.project-bottom{display:flex;justify-content:space-between;align-items:center;padding:0 24px 20px;color:var(--gold);font:500 10px var(--mono)}.slider-buttons{display:flex;gap:10px}.slider-buttons button,.testimonial-nav button{width:36px;height:36px;border-radius:10px;border:1px solid #292d35;background:#11141a;color:#d8dce4;font-size:21px}.studio-section{padding-top:105px}.studio-grid{display:grid;grid-template-columns:520px 1fr;gap:78px;align-items:center;margin-top:48px}.studio-photo-link{display:block}.studio-photo-frame{padding:12px;border:1px solid #303540;border-radius:29px;background:#11141a;box-shadow:0 16px 42px rgba(0,0,0,.3)}.studio-photo-frame img{width:100%;aspect-ratio:1/1.23;object-fit:cover;object-position:center;border-radius:20px;display:block}.studio-copy p{max-width:610px;color:#9098a8;font-size:17px;line-height:1.6}.signature{font:italic 500 29px var(--serif);color:var(--gold);margin-top:33px}.signature-sub{font:500 9px var(--mono);letter-spacing:.23em;color:#818898;margin-top:4px}.process-section{padding-bottom:20px}.process-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:43px}.process-grid .glass-card{min-height:190px;padding:21px 17px}.process-grid .card-num{margin-bottom:25px}.process-grid h3{font-size:22px}.quote-card{border:1px solid #2b3038;border-radius:22px;background:#11141a;padding:30px 35px;margin-top:19px}.quote-mark{font-size:30px;color:#8b93a2}.quote-card p{font:italic 400 22px var(--serif);color:#bfc4cd}.estimator-section{padding-top:115px;padding-bottom:40px}.estimator-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:36px;margin-bottom:27px}.estimator-heading h2{margin-bottom:21px}.estimator-heading p{color:#8f97a8;line-height:1.6;font-size:16px;margin:0}.gst-badge{white-space:nowrap;border:1px solid #5c4519;border-radius:16px;color:var(--gold);font:500 9px var(--mono);letter-spacing:.16em;padding:8px 12px}.estimator-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:23px}.estimator-controls label{display:flex;flex-direction:column;gap:7px;color:#858d9c;font:500 9px var(--mono);letter-spacing:.12em}.estimator-controls select{height:42px;min-width:155px;border:1px solid #2a2f38;background:#080b11;color:#d8dce3;border-radius:12px;padding:0 12px}.secondary-btn{height:42px;border:1px solid #30343d;background:#171a21;color:#cdd2dc;border-radius:12px;padding:0 14px;font-size:12px}.estimator-layout{display:grid;grid-template-columns:minmax(0,1fr) 354px;gap:30px;align-items:start}.rooms-column{min-width:0}.room-card{border:1px solid #2b3039;border-radius:22px;background:linear-gradient(145deg,#151820,#11141b);padding:24px;margin-bottom:20px;box-shadow:0 14px 35px rgba(0,0,0,.22)}.room-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.room-title{display:flex;align-items:center;gap:12px}.room-title strong{font-size:14px}.room-title select{height:36px;border:1px solid #2a2f38;background:#080b11;color:#8e96a5;border-radius:12px;padding:0 34px 0 13px;outline:0}.icon-btn{border:0;background:transparent;color:#818998;cursor:pointer;font-size:17px}.item-head,.item-row{display:grid;grid-template-columns:minmax(170px,1.7fr) 118px 78px 78px 96px 125px 28px;gap:8px;align-items:center}.item-head{padding:0 7px 9px;color:#727b8c;font:500 9px var(--mono);letter-spacing:.12em}.item-row{border-top:1px solid #282d36;padding:12px 7px;height:62px;min-height:62px}.item-row select,.item-row input{width:100%;height:38px;border:1px solid #2a2f38;border-radius:11px;background:#070a0f;color:#d8dce3;outline:none;padding:0 9px;font-size:12px;appearance:none;-webkit-appearance:none}.item-rate{color:var(--gold)!important}.line-total{font-size:12px;text-align:right;white-space:nowrap}.room-footer{border-top:1px solid #282d36;margin-top:4px;padding-top:14px;display:flex;justify-content:space-between;align-items:center;color:#818998;font-size:13px}.room-footer b{color:var(--gold);font-weight:500}.add-item-btn,.add-room-btn{border:1px solid #30343d;background:#171a21;color:#cdd2dc;border-radius:10px;padding:9px 13px;cursor:pointer}.add-room-btn{display:block;width:100%;height:46px;border-style:dashed;background:transparent;color:#8991a0;margin-top:-5px;margin-bottom:45px}.live-estimate{position:sticky;top:94px;border:1px solid #60460f;border-radius:23px;background:linear-gradient(145deg,#151820,#10131a);padding:29px 27px;box-shadow:0 20px 45px rgba(0,0,0,.28);align-self:start}.estimate-row{display:flex;justify-content:space-between;gap:15px;padding:8px 0;color:#8f97a7;font-size:14px}.estimate-row b{color:#dfe2e8;font-weight:500;text-align:right}.live-label{color:var(--gold);font:500 10px var(--mono);letter-spacing:.25em;margin-bottom:22px}.grand-total{background:#080b10;border:1px solid #252a32;border-radius:16px;padding:16px 15px;margin-top:13px}.grand-total span{display:block;color:#777f8f;font:500 9px var(--mono);letter-spacing:.2em;margin-bottom:7px}.grand-total strong{display:block;color:var(--gold);font:400 25px var(--serif)}.quote-btn{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;height:42px;margin-top:19px;border:1px solid #7a5611;border-radius:19px;background:linear-gradient(#3a2b17,#2e2418);color:#e3a31b;font-weight:600;font-size:12px}.live-estimate small{display:block;text-align:center;color:#777f8f;font-size:10px;margin-top:11px}.testimonial{text-align:center;padding-top:104px;padding-bottom:100px}.testimonial .quote-mark{font-size:38px}.testimonial blockquote{max-width:800px;margin:24px auto 36px;font:italic 400 31px/1.25 var(--serif)}.testimonial-by{color:var(--gold);font:500 10px var(--mono);letter-spacing:.2em}.testimonial-nav{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:30px}.contact-section{padding-bottom:70px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact-card{padding:31px 32px}.contact-label{color:var(--gold);font:500 10px var(--mono);letter-spacing:.25em;margin-bottom:24px}.contact-card h2{font-size:43px;margin-bottom:15px}.contact-card>p{color:#8c94a4}.contact-actions{display:flex;gap:10px;margin:24px 0;flex-wrap:wrap}.action-icon{font-size:16px;line-height:1}.map-frame{height:245px;border:1px solid #2a2e36;border-radius:17px;overflow:hidden;background:#15181e}.map-frame iframe{width:100%;height:100%;border:0;display:block}.contact-card input,.contact-card textarea,.modal input,.modal textarea,.settings-content input,.settings-content select,.settings-content textarea{width:100%;border:1px solid #292e37;background:#080b10;color:#e6e9ef;border-radius:13px;height:46px;padding:0 15px;outline:none;margin-bottom:14px}.contact-card textarea,.modal textarea,.settings-content textarea{height:122px;padding-top:14px;resize:vertical}.form-note{color:var(--gold);font-size:12px;margin:8px 0 0}.site-footer{border-top:1px solid #20242c;min-height:83px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 max(32px,calc((100% - 1218px)/2));gap:25px}.footer-logo{display:flex;align-items:center;gap:8px}.footer-logo img{width:95px}.footer-logo span{font:500 10px var(--mono);color:#858d9d;letter-spacing:.12em}.footer-links{display:flex;gap:24px;color:#858d9d;font-size:12px}.footer-admin{justify-self:end}.footer-admin button{width:36px;height:36px;border-radius:50%;border:1px solid #333843;background:#11141a;color:#9da5b4;font-size:17px}.copyright{grid-column:1/-1;justify-self:center;color:#858d9d;font-size:11px;padding-bottom:17px}.mobile-estimate-bar,.mobile-estimate-drawer{display:none}.modal-backdrop{position:fixed;z-index:100;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(9px);display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal{position:relative;width:min(940px,100%);max-height:90vh;overflow:auto;border:1px solid #343943;border-radius:24px;background:linear-gradient(145deg,#151820,#0e1117);box-shadow:0 35px 100px rgba(0,0,0,.65);padding:34px}.small-modal{width:min(520px,100%)}.modal-close{position:absolute;right:17px;top:14px;border:0;background:none;color:#8f97a6;font-size:27px}.modal-kicker{color:var(--gold);font:500 9px var(--mono);letter-spacing:.22em}.modal h2{font:400 42px var(--serif);margin:11px 0 12px}.modal p{color:#929aaa;line-height:1.55}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:23px}.gallery-grid img{width:100%;height:240px;object-fit:cover;border-radius:15px;border:1px solid #2c3139}.settings-modal{width:min(1180px,100%);padding:30px}.settings-top{display:flex;justify-content:space-between;gap:20px;align-items:end}.settings-actions{display:flex;gap:8px}.settings-tabs{display:flex;gap:7px;overflow:auto;border-bottom:1px solid #292e37;margin:23px 0 18px;padding-bottom:10px}.settings-tabs button{white-space:nowrap;border:1px solid #2b3039;background:#12151b;color:#8f97a7;border-radius:12px;padding:9px 12px;font-size:11px}.settings-tabs button.active{color:var(--gold);border-color:#6b4b11;background:#211a10}.settings-table{width:100%;border-collapse:collapse}.settings-table th,.settings-table td{border-bottom:1px solid #292e37;padding:10px 7px;text-align:left;vertical-align:top;font-size:12px}.settings-table th{color:#737c8c;font:500 9px var(--mono);letter-spacing:.1em}.settings-table input,.settings-table select{margin:0;height:38px}.row-actions{display:flex;gap:6px}.danger-btn{border:1px solid #53333a;background:#211317;color:#d78d9b;border-radius:10px;padding:7px 10px}.add-config{margin:12px 0}.settings-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #292e37;padding-top:18px;margin-top:20px;color:#7e8797;font-size:11px}.settings-list{display:grid;gap:12px}.settings-card{border:1px solid #292e37;border-radius:16px;padding:15px}.settings-card .inline-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.image-inputs{display:grid;gap:8px}.muted-note{font-size:11px;color:#737c8c}
@media(max-width:1050px){.site-header{width:calc(100% - 36px)}.desktop-nav{gap:17px}.header-brand{min-width:170px}.section{width:calc(100% - 44px)}.studio-grid{grid-template-columns:430px 1fr;gap:45px}.process-grid{grid-template-columns:repeat(3,1fr)}.estimator-layout{grid-template-columns:minmax(0,1fr) 320px}.item-head,.item-row{grid-template-columns:minmax(145px,1.6fr) 100px 72px 72px 84px 110px 24px}}
@media(max-width:760px){body{padding-bottom:72px}.site-header{top:9px;width:calc(100% - 24px);height:57px;border-radius:18px;padding:0 13px}.header-brand{min-width:0}.header-brand img{width:74px}.brand-sub{font-size:6px;letter-spacing:.14em}.desktop-nav,.budget-top{display:none}.mobile-menu{display:block}.mobile-drawer{position:fixed;z-index:45;top:76px;left:12px;right:12px;background:rgba(10,12,16,.96);border:1px solid #2b2f37;border-radius:18px;padding:10px;box-shadow:0 20px 50px rgba(0,0,0,.45)}.mobile-drawer.open{display:flex;flex-direction:column}.mobile-drawer a{padding:15px;border-bottom:1px solid #232730;color:#aeb4c1;font-size:14px}.mobile-drawer a:last-child{border-bottom:0}.hero{min-height:690px;height:100svh}.hero-copy{margin-top:70px}.eyebrow-pill{font-size:9px;padding:7px 14px}.hero h1{font-size:47px;line-height:1.01;margin:23px 0 33px}.desktop-only{display:none}.hero-actions{flex-direction:column;align-items:center;gap:9px}.pill-btn{min-width:190px;justify-content:center;font-size:13px}.hero-dots{margin-top:25px}.section{width:calc(100% - 28px);padding-top:78px}.section-label{font-size:9px;letter-spacing:.19em}.philosophy-copy{margin:30px 0 33px}.philosophy-copy h2,.studio-copy h2,.estimator-heading h2,.contact-card h2{font-size:40px}.philosophy-copy p{font-size:14px}.principle-grid,.service-grid{grid-template-columns:1fr}.principle-grid .glass-card,.service-grid .glass-card{min-height:auto;padding:23px 20px}.card-num{margin-bottom:18px}.glass-card h3{font-size:23px}.glass-card p{font-size:13px}.projects-section{padding-top:76px}.project-shell{margin-top:34px;border-radius:18px}.project-image-wrap{height:250px}.project-details{padding:22px 19px 17px;min-height:148px}.project-details h2{font-size:28px}.project-details p{font-size:13px}.project-bottom{padding:0 19px 17px}.studio-section{padding-top:77px}.studio-grid{grid-template-columns:1fr;gap:30px;margin-top:34px}.studio-photo-frame{padding:8px;border-radius:22px}.studio-photo-frame img{border-radius:15px;aspect-ratio:1/1.14;object-position:center}.studio-copy p{font-size:14px}.signature{font-size:27px}.process-section{padding-top:76px}.process-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:32px}.process-grid .glass-card{min-height:153px;padding:18px 12px}.quote-card{padding:26px 18px 29px;margin-top:31px}.quote-card p{font-size:23px}.estimator-section{padding-top:78px}.estimator-heading{display:block;margin-top:30px;margin-bottom:20px}.estimator-heading h2{font-size:39px}.estimator-heading p{font-size:13px}.gst-badge{margin-top:16px;font-size:9px;padding:7px 12px}.estimator-controls{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.estimator-controls label{font-size:9px}.estimator-controls select,.secondary-btn{min-width:0;width:100%;height:42px}.estimator-layout{display:block}.live-estimate{display:none}.room-card{padding:18px;border-radius:18px;margin-bottom:14px}.room-header{margin-bottom:20px}.room-title{gap:8px;min-width:0}.room-title select{height:36px;font-size:12px;min-width:0;max-width:190px}.item-head{display:none}.item-row{grid-template-columns:minmax(0,1fr) 72px 54px 54px 65px 70px 18px;gap:5px;padding:10px 0}.item-row select,.item-row input{height:35px;padding:0 6px;font-size:10px}.item-product{min-width:0}.item-tier{font-size:9px!important}.line-total{font-size:10px}.room-footer{font-size:11px}.add-room-btn{margin-bottom:20px}.testimonial{padding-top:74px;padding-bottom:74px}.testimonial blockquote{font-size:25px}.contact-section{padding-top:78px}.contact-grid{grid-template-columns:1fr;gap:14px}.contact-card{padding:25px 20px}.contact-card h2{font-size:38px}.contact-actions{flex-wrap:wrap}.map-frame{height:200px}.site-footer{grid-template-columns:1fr;justify-items:center;text-align:center;padding:25px 18px 20px;gap:18px}.footer-logo img{width:78px}.footer-links{gap:17px;flex-wrap:wrap;justify-content:center}.footer-admin{justify-self:center}.copyright{grid-column:auto;justify-self:center}.mobile-estimate-bar{position:fixed;z-index:60;left:10px;right:10px;bottom:10px;height:58px;border:1px solid #6b4b11;border-radius:18px;background:rgba(19,17,13,.96);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;padding:0 9px 0 16px;box-shadow:0 12px 35px rgba(0,0,0,.5)}.mobile-estimate-bar small{display:block;color:#828999;font:500 9px var(--mono);letter-spacing:.16em}.mobile-estimate-bar strong{display:block;color:var(--gold);font:400 21px var(--serif);line-height:1.05}.mobile-estimate-bar button{height:40px;padding:0 14px;border-radius:15px;border:1px solid #735315;background:#2a2115;color:#e5a51b;font-size:11px;font-weight:600}.mobile-estimate-drawer{position:fixed;z-index:59;left:10px;right:10px;bottom:78px;background:rgba(16,19,25,.98);border:1px solid #2b3039;border-radius:20px;padding:19px;box-shadow:0 20px 55px rgba(0,0,0,.6)}.mobile-estimate-drawer.open{display:block}.drawer-head{display:flex;justify-content:space-between;color:var(--gold);font:500 10px var(--mono);letter-spacing:.2em;margin-bottom:13px}.drawer-head button{border:0;background:none;color:#8d95a3;font-size:20px}.gallery-grid{grid-template-columns:1fr}.gallery-grid img{height:210px}.modal{padding:25px;border-radius:20px}.modal h2{font-size:34px}.settings-top{display:block}.settings-actions{margin-top:15px}.settings-tabs{margin-top:18px}.settings-table{min-width:820px}.settings-content{overflow:auto}.settings-card .inline-grid{grid-template-columns:1fr}.settings-bottom{align-items:stretch;flex-direction:column}.settings-bottom .quote-btn{margin-top:0}.estimator-controls .secondary-btn:nth-last-child(-n+2){grid-column:span 1}}
@media(max-width:390px){.header-brand img{width:68px}.section{width:calc(100% - 24px)}.hero h1{font-size:42px}.item-row{grid-template-columns:minmax(0,1fr) 65px 48px 48px 58px 63px 16px}.item-row select,.item-row input{font-size:9px}.room-title strong{font-size:12px}.room-title select{max-width:140px}}
@media print{body{background:#fff;color:#111;padding:0}.site-header,.mobile-drawer,.hero,.section:not(#estimator),.site-footer,.mobile-estimate-bar,.mobile-estimate-drawer,.estimator-controls,.add-room-btn,.live-estimate,.modal-backdrop{display:none!important}.estimator-section{display:block;padding:20px;width:100%}.room-card{break-inside:avoid;background:#fff;border:1px solid #ccc;color:#111}.item-row{color:#111}.item-row select,.item-row input{background:#fff;color:#111;border-color:#ccc}.room-footer{color:#333}.room-footer b,.line-total{color:#111}.estimator-heading p{color:#333}}
/* DESAINA V3 refinements */
.header-brand img{width:106px}
.header-brand .brand-sub{display:none}
.hero-actions .pill-btn span,.quote-btn span{display:none}
.estimator-heading .gst-badge{display:none}
.estimator-controls>label{display:none}
.estimator-controls>#houseType,.estimator-controls>#masterTier{height:44px;border:1px solid #2a2f38;border-radius:12px;background:#0a0d12;color:#d8dce3;padding:0 13px;font:500 12px var(--sans);min-width:170px}
.estimator-controls>#houseType::placeholder,.estimator-controls>#masterTier::placeholder{color:#a5acb8}
.estimator-layout{align-items:start}
.live-estimate{position:sticky;top:94px;align-self:start;max-height:max-content}
.mobile-estimate-wrap{display:none}
.cinematic-gallery{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;gap:14px;align-items:center;margin-top:24px}
.cinematic-frame{height:min(66vh,560px);min-height:300px;background:#090c11;border:1px solid #303640;border-radius:18px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.cinematic-frame img{width:100%;height:100%;object-fit:cover;display:block}
.gallery-arrow{width:46px;height:46px;border:1px solid #4a4f58;border-radius:50%;background:#11151c;color:#e7e9ed;font:400 30px var(--serif);cursor:pointer}
.gallery-meta{text-align:center;margin-top:12px;color:#7f8795;font:500 11px var(--mono);letter-spacing:.12em}
.gallery-grid{display:none}
#adminSettings svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
#adminSettings{display:grid;place-items:center;width:42px;height:42px;padding:0}
.settings-tabs{overflow-x:auto;white-space:nowrap}
.settings-tabs button{flex:0 0 auto}
.master-entry{display:grid;gap:16px}.master-entry label,.settings-card label{display:grid;gap:7px;color:#aeb5c2;font-size:12px}.master-entry textarea{min-height:74px}.settings-subtitle{margin:15px 0 8px;color:#d5d9e0;font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.check-grid label{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid #292e37;border-radius:10px;background:#0d1117;color:#c8cdd5;font-size:11px}.check-grid input{accent-color:#d9a328}
.settings-card{padding:17px;border:1px solid #292e37;border-radius:16px;background:#0e1218;margin-bottom:12px}.settings-list{display:grid;gap:12px}.settings-card .danger-btn{margin-top:12px}.settings-table-wrap{overflow:auto}.item-settings{min-width:900px}.mini-checks .check-grid{grid-template-columns:repeat(2,minmax(110px,1fr))}
.muted-note{color:#7f8795;font-size:12px;line-height:1.6}.settings-actions{display:flex;gap:8px;flex-wrap:wrap}
.item-row select,.item-row input{font-size:12px}
.item-row .item-length,.item-row .item-height{text-align:center}
@media(max-width:900px){
 .header-brand img{width:106px}
 .estimator-controls>#houseType,.estimator-controls>#masterTier{min-width:0;flex:1;font-size:13px}
 .estimator-layout{display:block}
 .live-estimate{display:none}
 .mobile-estimate-wrap{display:block;position:sticky;bottom:10px;z-index:45;margin:18px 0 0}
 .mobile-estimate-bar{position:relative;left:auto;right:auto;bottom:auto;height:58px;border:1px solid #6b4b11;border-radius:18px;background:rgba(19,17,13,.98);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;padding:0 9px 0 16px;box-shadow:0 12px 35px rgba(0,0,0,.5)}
 .mobile-estimate-drawer{position:absolute;left:0;right:0;bottom:68px;background:rgba(16,19,25,.99);border:1px solid #2b3039;border-radius:20px;padding:19px;box-shadow:0 20px 55px rgba(0,0,0,.6);display:none}
 .mobile-estimate-drawer.open{display:block}
 .cinematic-gallery{grid-template-columns:38px minmax(0,1fr) 38px;gap:8px}
 .cinematic-frame{height:58vh;min-height:250px}
 .gallery-arrow{width:38px;height:38px;font-size:25px}
 .check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
 .header-brand img{width:106px}
 .estimator-controls{grid-template-columns:1fr 1fr}
 .estimator-controls>#houseType,.estimator-controls>#masterTier{width:100%;font-size:13px}
 .item-head{grid-template-columns:minmax(0,1fr) 10ch 2ch 2ch 5ch 7ch 16px!important;font-size:8px}
 .item-row{grid-template-columns:minmax(0,1fr) 10ch 2ch 2ch 5ch 7ch 16px!important;gap:3px;padding:8px 0}
 .item-row select,.item-row input{min-width:0;width:100%;height:34px;padding:0 3px;font-size:9px;border-radius:7px}
 .item-row .item-length,.item-row .item-height{font-size:10px}
 .line-total{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:clip}
 .check-grid{grid-template-columns:1fr}
 .settings-modal{width:calc(100vw - 18px);max-height:92vh}
 .settings-top{gap:10px}
 .settings-actions .secondary-btn{font-size:10px;padding:9px 10px}
}
/* typography and mobile fixes */
.glass-card p,.studio-copy p,.philosophy-copy p,.estimator-heading p,.project-details p,.contact-card p{font-size:calc(1em * 1.10)}
.section-label{font-size:11px}
@media(max-width:390px){.header-brand img{width:106px}}
/* DESAINA V4 refinement layer */
.header-brand img{width:106px}
.eyebrow-pill{border-color:var(--gold)}
.hero-actions .pill-btn span,.quote-btn span{display:none!important}
.project-image-wrap{cursor:pointer}
.project-image-wrap img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.project-image-wrap:hover img{transform:scale(1.10)}
.gallery-meta{display:flex;justify-content:center;gap:14px;align-items:center}
.gallery-meta #galleryRoomName{color:#d8dce4;font-family:var(--sans);font-size:13px;letter-spacing:.04em}
.cinematic-frame{aspect-ratio:16/9;height:auto;min-height:0;max-height:68vh}
.cinematic-frame img{object-fit:cover}
.estimator-layout{align-items:stretch}
.live-estimate{height:max-content;position:sticky;top:94px}
.mobile-estimate-wrap{position:sticky;bottom:10px;z-index:45}
.quote-card{box-shadow:0 16px 42px rgba(0,0,0,.30)}
.process-grid .glass-card,.estimator-section .room-card,.estimator-section .live-estimate,.contact-card{box-shadow:0 16px 42px rgba(0,0,0,.30)}
.glass-card p,.studio-copy p,.philosophy-copy p,.estimator-heading p,.project-details p,.contact-card p{font-size:initial}
.what-we-do .service-grid{margin-top:34px}
#services .service-grid{margin-top:34px}
.settings-inline-btn{width:44px;height:44px;padding:0;display:grid;place-items:center;border:1px solid #30343d;background:#171a21;color:#cdd2dc;border-radius:12px}
.settings-inline-btn svg,#adminSettings svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.footer-admin{display:flex;align-items:center;gap:12px}
.footer-signin a{font:500 9px var(--mono);letter-spacing:.14em;color:#8c94a2;text-transform:uppercase}
.item-head,.item-row{grid-template-columns:minmax(0,1fr) 5ch 2ch 2ch 3ch 7ch 16px}
.item-row select,.item-row input{min-width:0}
.item-row .item-length,.item-row .item-height{font-size:10px;padding-left:2px;padding-right:2px}
.check-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px}
.check-grid label{padding:6px 8px;min-height:34px;font-size:10px;gap:6px}
.check-grid input{width:14px;height:14px;margin:0;flex:0 0 auto}
.settings-room-group{border:1px solid #292e37;border-radius:18px;background:#0d1117;padding:14px;margin-bottom:14px;box-shadow:0 12px 30px rgba(0,0,0,.20)}
.settings-room-group h3{font:400 25px var(--serif);margin:0 0 12px;color:#edf0f5}
.item-settings{min-width:0;width:100%}
.item-settings th,.item-settings td{padding:7px 6px}
.item-settings th{font-size:8px;white-space:nowrap}
.item-settings td:first-child{min-width:145px}
.item-settings input{width:100%;height:34px;min-width:0;border:1px solid #2a2f38;border-radius:8px;background:#070a0f;color:#d8dce3;padding:0 7px;font-size:10px}
.settings-tabs{scrollbar-width:thin}
.settings-bottom{justify-content:flex-start}
.settings-status{font-size:11px}
@media(min-width:901px){
  .estimator-layout{align-items:stretch}
  .rooms-column{padding-bottom:0}
  .live-estimate{align-self:start}
}
@media(max-width:900px){
  .mobile-estimate-wrap{position:sticky;bottom:10px;margin-top:18px}
  .estimator-layout{display:block}
  .live-estimate{display:none}
  .cinematic-frame{aspect-ratio:4/3;height:auto;min-height:0;max-height:none}
  .cinematic-frame img{object-fit:cover}
  .settings-room-group{padding:10px}
  .item-settings{font-size:9px}
  .item-settings th,.item-settings td{padding:5px 4px}
  .item-settings td:first-child{min-width:120px}
  .item-settings input{height:32px;font-size:9px;padding:0 5px}
  .check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  .check-grid label{min-height:32px;padding:5px 6px;font-size:9px}
  .settings-inline-btn{width:42px;height:42px}
}
@media(max-width:520px){
  .item-head,.item-row{grid-template-columns:minmax(0,1fr) 5ch 2ch 2ch 3ch 7ch 16px!important;gap:3px}
  .item-row select,.item-row input{height:34px;padding:0 3px;font-size:9px}
  .item-row .item-length::placeholder,.item-row .item-height::placeholder{font-size:0}
  .item-row .item-length::after,.item-row .item-height::after{content:''}
  .item-row .item-length,.item-row .item-height{font-size:0}
  .item-row .item-length::placeholder,.item-row .item-height::placeholder{font-size:10px}
  .line-total{font-size:9px}
  .settings-room-group h3{font-size:22px}
  .settings-tabs button{font-size:10px;padding:8px 10px}
  .footer-admin{gap:10px}
}
/* paragraph scale restored toward V2 */
.philosophy-copy p,.studio-copy p,.estimator-heading p,.contact-card p{font-size:15px;line-height:1.6}
.glass-card p{font-size:14px}
.project-details p{font-size:13px}
@media(max-width:760px){.philosophy-copy p,.studio-copy p,.estimator-heading p,.contact-card p{font-size:14px}.glass-card p{font-size:13px}.project-details p{font-size:13px}}

/* DESAINA V5 visual and interaction refinements */
.section-label{font:500 10px/1 var(--mono);letter-spacing:.30em;color:#7d8594;gap:13px}
.section-label b{font-weight:500;letter-spacing:.08em}
.section-label i{background:#272c35}

/* Philosophy — match reference composition */
#philosophy .philosophy-copy{max-width:1110px;margin:43px auto 51px}
#philosophy .philosophy-copy h2{font-size:clamp(52px,4.5vw,76px);line-height:1.02;margin-bottom:31px}
#philosophy .philosophy-copy p{max-width:760px;font-size:16px;line-height:1.65}
#philosophy .principle-grid{gap:18px}
#philosophy .glass-card{min-height:238px;padding:34px 28px;box-shadow:0 16px 38px rgba(0,0,0,.28)}
#philosophy .glass-card .card-num{margin-bottom:36px}
#philosophy .glass-card h3{font-size:29px;margin-bottom:13px}
#philosophy .glass-card p{font-size:15px;line-height:1.6}

/* What We Do */
#services .service-grid{margin-top:80px;gap:18px}
#services .service-grid .glass-card{min-height:330px;padding:68px 49px 42px;box-shadow:0 18px 42px rgba(0,0,0,.30)}
#services .service-grid .card-num{font:400 27px var(--serif);letter-spacing:0;margin-bottom:39px}
#services .service-grid h3{font-size:31px;margin-bottom:26px}
#services .service-grid p{font-size:16px;line-height:1.55}

/* How We Work */
.process-grid .glass-card{text-align:center;min-height:203px;padding:28px 16px;box-shadow:0 16px 38px rgba(0,0,0,.30)}
.process-grid .card-num{font:500 18px var(--sans);letter-spacing:0;margin-bottom:23px}
.process-grid h3{font:600 20px var(--sans);margin-bottom:13px}
.process-grid p{font-size:15px;line-height:1.55}
.quote-card{margin-top:64px;padding:57px 50px 61px;border-color:#5b4210;background:#1a150f;box-shadow:0 18px 48px rgba(0,0,0,.38);text-align:center}
.quote-card .quote-mark{color:var(--gold);font-size:34px;line-height:1;margin-bottom:35px}
.quote-card p{margin:0 auto;max-width:1200px;font:italic 400 clamp(27px,2.4vw,43px)/1.22 var(--serif);color:#edf0f5}
.quote-card p em{color:var(--gold);font-style:italic}

/* Studio */
.studio-photo-frame{box-shadow:0 22px 58px rgba(0,0,0,.38);border-color:#343945;background:#11141a}
.studio-copy .signature{margin-top:33px}

/* Reviews — fixed composition */
.testimonial{min-height:535px;height:535px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:70px;padding-bottom:70px;overflow:hidden}
.testimonial .quote-mark.large{width:128px;height:128px;border:2px solid #5a4110;border-radius:50%;display:grid;place-items:center;color:var(--gold);font:400 58px/1 var(--serif);margin:0 0 58px;background:#080b10;box-shadow:0 14px 38px rgba(0,0,0,.28)}
.testimonial blockquote{width:min(1420px,92%);height:116px;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:italic 400 clamp(32px,3.2vw,57px)/1.25 var(--serif);color:#edf0f5}
.testimonial-by{margin-top:44px;color:var(--gold);font:500 13px/1 var(--mono);letter-spacing:.26em;text-transform:uppercase}
.testimonial-nav{display:flex;align-items:center;gap:65px;margin-top:70px;color:#8b93a2;font-size:14px}
.testimonial-nav button{width:72px;height:72px;border-radius:18px;background:#15181e;border-color:#30343d;font-size:36px;box-shadow:0 10px 28px rgba(0,0,0,.24)}

/* Contact — match reference card treatment */
.contact-card{box-shadow:0 20px 50px rgba(0,0,0,.34)}
.contact-card input,.contact-card textarea{box-shadow:inset 0 1px 0 rgba(255,255,255,.015),0 8px 20px rgba(0,0,0,.15)}
.contact-card input::placeholder,.contact-card textarea::placeholder{font-size:15px;color:#7f8795;opacity:.78;font-weight:400}

/* Project gallery reference */
.cinematic-gallery{grid-template-columns:46px minmax(0,1fr) 46px;gap:14px}
.cinematic-frame{aspect-ratio:16/9;height:auto;max-height:68vh;min-height:0;background:#0a0d12;border-radius:18px;position:relative;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.cinematic-frame img{object-fit:contain;background:#0a0d12}
.gallery-arrow{width:36px;height:36px;border-radius:11px;background:#0e1218;border-color:#30343d;font-size:25px;z-index:2}
.gallery-meta{margin-top:12px;flex-direction:column;gap:5px}
.gallery-meta #galleryRoomName{font:400 14px var(--serif);color:#edf0f5}
.gallery-meta #galleryCounter{font:500 10px var(--mono);color:#7f8795;letter-spacing:.12em}

/* Estimator table — allow horizontal scroll on narrow screens */
.estimator-items-scroll{overflow-x:auto;overflow-y:visible;scrollbar-width:thin;padding-bottom:3px}
.estimator-items-scroll .item-head,.estimator-items-scroll .items{min-width:700px}
.item-head,.item-row{grid-template-columns:minmax(260px,1fr) 110px 76px 76px 92px 118px 28px;gap:8px}
.item-row select,.item-row input{height:40px;font-size:12px}
@media(min-width:901px){.estimator-items-scroll .item-head,.estimator-items-scroll .items{min-width:0}.estimator-items-scroll{overflow:visible}}

/* Footer */
.site-footer{grid-template-columns:auto 1fr auto;align-items:center;column-gap:28px;row-gap:0}
.footer-links{justify-self:center;align-items:center}
.footer-links a{white-space:nowrap}
.footer-signin{display:inline-flex}
.copyright{grid-column:auto;justify-self:end;padding:0;color:#858d9d;font-size:11px}

/* Admin text button */
#adminSettings{font:500 12px var(--sans);letter-spacing:0;color:#858d9d;text-transform:none;border:0;background:none;width:auto;height:auto;border-radius:0;padding:0}
#adminSettings:hover{color:#d8dce4}

/* Settings checkboxes */
.check-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:7px}
.check-grid label{padding:7px 9px;min-height:34px;font-size:11px}
.check-grid input{width:14px;height:14px}
.settings-room-group{box-shadow:0 14px 34px rgba(0,0,0,.25)}

/* Remove visual emphasis from settings PIN copy */
#pinModal .modal-kicker{margin-bottom:5px}
#pinModal h2{margin-top:0}

/* Better config persistence indication */
.settings-status{min-height:16px}

@media(max-width:900px){
  #philosophy .philosophy-copy{margin:30px 0 34px}
  #philosophy .principle-grid .glass-card{min-height:0;padding:25px 21px}
  #services .service-grid{margin-top:34px}
  #services .service-grid .glass-card{min-height:0;padding:30px 22px}
  #services .service-grid .card-num{font-size:21px;margin-bottom:22px}
  #services .service-grid h3{font-size:25px;margin-bottom:14px}
  #services .service-grid p{font-size:14px}
  .process-grid .glass-card{min-height:170px;padding:21px 13px}
  .quote-card{margin-top:34px;padding:38px 22px 42px}
  .quote-card .quote-mark{margin-bottom:24px}
  .quote-card p{font-size:28px}
  .testimonial{height:500px;min-height:500px;padding-top:55px;padding-bottom:55px}
  .testimonial .quote-mark.large{width:88px;height:88px;font-size:43px;margin-bottom:34px}
  .testimonial blockquote{height:130px;width:94%;font-size:31px;line-height:1.25;-webkit-line-clamp:4}
  .testimonial-by{margin-top:27px;font-size:11px;letter-spacing:.2em}
  .testimonial-nav{margin-top:35px;gap:30px}
  .testimonial-nav button{width:52px;height:52px;font-size:29px}
  .cinematic-gallery{grid-template-columns:1fr;position:relative;display:block}
  .cinematic-frame{aspect-ratio:3/4;max-height:none;width:100%;border-radius:18px}
  .gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:13px;background:rgba(10,13,18,.88)}
  #galleryPrev{left:16px}
  #galleryNext{right:16px}
  .gallery-meta{margin-top:15px}
  .estimator-items-scroll{margin-right:-2px}
  .estimator-items-scroll .item-head,.estimator-items-scroll .items{min-width:842px}
  .item-head,.item-row{grid-template-columns:120px 130px 128px 128px 156px 110px 28px!important;gap:7px!important}
  .item-row select,.item-row input{height:38px;font-size:11px}
  .site-footer{grid-template-columns:1fr;justify-items:center;text-align:center;gap:16px}
  .footer-links{justify-self:center;flex-wrap:wrap;justify-content:center}
  .copyright{grid-column:auto;justify-self:center}
}
@media(max-width:520px){
  .section-label{font-size:9px;letter-spacing:.23em}
  #philosophy .philosophy-copy h2{font-size:42px}
  #services .service-grid .glass-card{padding:27px 20px}
  .process-grid{gap:10px}
  .process-grid .glass-card{min-height:160px}
  .quote-card p{font-size:25px}
  .testimonial{height:480px;min-height:480px}
  .testimonial blockquote{font-size:27px;height:126px}
  .contact-card input::placeholder,.contact-card textarea::placeholder{font-size:14px}
  .settings-modal{width:calc(100vw - 14px);padding:20px}
  .check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .check-grid label{font-size:9px;padding:6px 7px}
  .estimator-items-scroll .item-head,.estimator-items-scroll .items{min-width:842px}
  .item-head,.item-row{grid-template-columns:120px 130px 128px 128px 156px 110px 28px!important;gap:7px!important}
  .item-row select,.item-row input{height:38px;font-size:11px;padding:0 7px}
}


/* V6 final refinements */
.glass-card p,.studio-copy p,.philosophy-copy p,.estimator-heading p,.project-details p,.contact-card p{font-size:calc(14px - 1px)}
@media(max-width:760px){.philosophy-copy p,.studio-copy p,.estimator-heading p,.contact-card p{font-size:13px}.glass-card p{font-size:12px}.project-details p{font-size:12px}}

#philosophy .glass-card,#services .service-grid .glass-card{box-shadow:0 16px 38px rgba(0,0,0,.30)}
#philosophy .glass-card{min-height:218px;padding:28px 25px}
#services .service-grid .glass-card{min-height:305px;padding:54px 43px 34px}

.item-row .line-total,.item-row .remove-item{transform:translateX(-10px)}
@media(min-width:901px){
  .item-head,.item-row{grid-template-columns:minmax(0,1fr) 118px 78px 78px 96px 105px 38px}
  .item-row .remove-item{justify-self:start}
}
@media(max-width:900px){
  .estimator-items-scroll .item-head,.estimator-items-scroll .items{min-width:640px}
  .item-head,.item-row{grid-template-columns:130px 130px 60px 60px 100px 110px 28px;gap:7px}
  .item-row .line-total,.item-row .remove-item{transform:none}
}
@media(max-width:390px){
  .estimator-items-scroll .item-head,.estimator-items-scroll .items{min-width:640px}
  .item-head,.item-row{grid-template-columns:120px 125px 58px 58px 98px 108px 28px;gap:6px}
}

.testimonial .quote-mark.large{
  width:auto;height:auto;border:0;border-radius:0;background:none;box-shadow:none;
  display:block;color:var(--gold);font:400 52px/1 var(--serif);margin:0 0 32px;
}
.testimonial blockquote{
  height:132px;max-height:132px;-webkit-line-clamp:unset;
  overflow:hidden;font-size:clamp(22px,2.4vw,42px);
}
.testimonial-nav{margin-top:34px;gap:30px}
.testimonial-nav button{width:36px;height:36px;border-radius:10px;font-size:21px}
@media(max-width:900px){
  .testimonial .quote-mark.large{font-size:43px;margin-bottom:24px}
  .testimonial blockquote{height:145px;max-height:145px;font-size:24px}
  .testimonial-nav button{width:36px;height:36px;font-size:21px}
}

.footer-links a,.footer-signin a,#adminSettings{font:500 12px var(--sans);letter-spacing:0;color:#858d9d}
.footer-signin a{color:var(--gold)}


/* V7 refinements */
.master-entry label{display:block;margin-bottom:14px}
.master-entry textarea{min-height:74px}
.settings-table select{color:#d8dce3;background:#080b10}
.settings-table select option{background:#10131a;color:#e6e9ef}
#services .service-grid .glass-card,#philosophy .glass-card{box-shadow:0 18px 42px rgba(0,0,0,.34)}
#services .service-grid .glass-card,#philosophy .glass-card{min-height:0}
#services .service-grid .card-head,#philosophy .glass-card .card-head{display:flex;align-items:baseline;gap:14px;margin-bottom:20px}
#services .service-grid .card-head .card-num,#philosophy .glass-card .card-head .card-num{margin:0;flex:0 0 auto}
#services .service-grid .card-head h3,#philosophy .glass-card .card-head h3{margin:0}
#services .service-grid .card-num,#philosophy .glass-card .card-num{font:500 18px var(--sans);letter-spacing:0;color:var(--gold)}
@media(max-width:900px){
  #services .service-grid .glass-card,#philosophy .glass-card{padding:22px 20px}
  #services .service-grid .card-head,#philosophy .glass-card .card-head{gap:10px;margin-bottom:13px}
  #services .service-grid .card-num,#philosophy .glass-card .card-num{font-size:18px}
  #services .service-grid h3,#philosophy .glass-card h3{font-size:23px}
  #services .service-grid p,#philosophy .glass-card p{margin:0}
}
@media(max-width:600px) and (orientation:portrait){
  .estimator-items-scroll .item-head,.estimator-items-scroll .items{min-width:890px}
  .item-head,.item-row{grid-template-columns:52px 170px 116px 116px 150px 110px 28px;gap:7px}
  .item-row select,.item-row input{height:40px;font-size:12px;padding:0 7px}
}
/* FAQ/privacy remain on the established inner-page styling */

/* DESAINA V8 — FAQ / Privacy reference layout */
.inner-page{min-height:100vh;background:#080b10;color:#edf0f5}
.inner-page .site-header{width:min(1240px,calc(100% - 64px));height:60px;top:15px;border-radius:21px;padding:0 18px}
.inner-page .header-brand{min-width:170px}
.inner-page .header-brand img{width:100px}
.inner-page .desktop-nav{gap:26px}
.inner-page .desktop-nav a{font-size:12px;color:#aeb4c1}
.inner-page .budget-top{font-size:12px;padding:10px 21px;border-radius:21px;color:#d9dde5;border-color:#343943;background:#15171c}
.legal-page{width:min(894px,calc(100% - 48px));margin:0 auto;padding:168px 0 90px}
.legal-page .section-label{height:16px;gap:15px}
.legal-page .section-label b{font-size:10px;letter-spacing:.28em;color:var(--gold)}
.legal-page .section-label span{font-size:10px;letter-spacing:.24em;color:#7d8594}
.legal-page .section-label i{height:1px;background:#282d36}
.legal-page h1{font:400 clamp(56px,4.35vw,73px)/1.02 var(--serif);letter-spacing:-.035em;margin:31px 0 57px;color:#edf0f5}
.faq-list,.privacy-list{border-top:1px solid #282d36}
.faq-list details{border-bottom:1px solid #282d36}
.faq-list summary{position:relative;list-style:none;cursor:pointer;padding:24px 45px 24px 0;font:400 27px/1.15 var(--serif);color:#edf0f5}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:'+';position:absolute;right:3px;top:50%;transform:translateY(-50%);font:500 20px/1 var(--sans);color:var(--gold)}
.faq-list details[open] summary::after{content:'−'}
.faq-list details p{margin:0;padding:0 0 25px;color:#9aa2b1;font:400 15px/1.7 var(--sans);max-width:820px}
.privacy-list section{border-bottom:1px solid #282d36;padding:26px 0 28px}
.privacy-list section h2{font:400 29px/1.15 var(--serif);margin:0 0 15px;color:#edf0f5}
.privacy-list section p{margin:0;color:#9aa2b1;font:400 15px/1.72 var(--sans);max-width:865px}
.back-link{display:inline-block;margin-top:32px;color:#d99b16;font:500 10px var(--mono);letter-spacing:.15em;text-transform:uppercase}
.inner-page .site-footer{margin-top:0}
@media(max-width:900px){
  .inner-page .site-header{width:calc(100% - 28px);height:58px;top:10px;border-radius:19px}
  .inner-page .desktop-nav,.inner-page .budget-top{display:none}
  .inner-page .header-brand{min-width:0}
  .inner-page .header-brand img{width:92px}
  .legal-page{width:min(894px,calc(100% - 36px));padding-top:124px;padding-bottom:60px}
  .legal-page h1{font-size:clamp(48px,10vw,64px);margin:27px 0 42px}
  .faq-list summary{font-size:24px;padding:21px 38px 21px 0}
  .faq-list details p{font-size:14px;padding-bottom:22px}
  .privacy-list section{padding:23px 0 25px}
  .privacy-list section h2{font-size:26px;margin-bottom:12px}
  .privacy-list section p{font-size:14px;line-height:1.68}
}
@media(max-width:520px){
  .inner-page .header-brand img{width:84px}
  .legal-page{width:calc(100% - 28px);padding-top:102px}
  .legal-page .section-label{gap:10px}
  .legal-page .section-label b,.legal-page .section-label span{font-size:8px}
  .legal-page h1{font-size:46px;line-height:1.03;margin:23px 0 34px}
  .faq-list summary{font-size:21px;padding:19px 34px 19px 0}
  .faq-list summary::after{right:0;font-size:18px}
  .faq-list details p{font-size:13px;line-height:1.65}
  .privacy-list section{padding:20px 0 22px}
  .privacy-list section h2{font-size:23px}
  .privacy-list section p{font-size:13px;line-height:1.65}
}

/* V8 — compact Philosophy / What We Do cards on mobile */
@media(max-width:760px){
  #philosophy .principle-grid,#services .service-grid{gap:12px}
  #philosophy .glass-card{min-height:0;padding:21px 20px 20px}
  #services .service-grid .glass-card{min-height:0;padding:21px 20px 20px}
  #philosophy .glass-card .card-head,#services .service-grid .card-head{margin-bottom:11px}
  #philosophy .glass-card h3,#services .service-grid h3{margin:0;font-size:22px}
  #philosophy .glass-card p,#services .service-grid p{font-size:13px;line-height:1.5}
  #philosophy .glass-card .card-num,#services .service-grid .card-num{font-size:18px;margin:0}
}

/* FINAL: mobile portrait estimator proportions */
@media(max-width:900px) and (orientation:portrait){
  .estimator-items-scroll .item-head,.estimator-items-scroll .items{min-width:820px}
  .item-head,.item-row{grid-template-columns:52px 170px 116px 116px 150px 110px 28px!important;gap:7px!important}
  .item-row{height:58px;min-height:58px;padding:9px 7px!important}
  .item-row select,.item-row input{height:40px!important;font-size:12px!important;padding:0 7px!important}
  .item-row .line-total{font-size:11px}
}
@media(max-width:600px) and (orientation:portrait){
  .estimator-items-scroll .item-head,.estimator-items-scroll .items{min-width:820px}
  .item-head,.item-row{grid-template-columns:52px 170px 116px 116px 150px 110px 28px!important}
}
/* Keep every estimator item row exactly the same height, including the first row. */
.item-row{box-sizing:border-box;min-height:62px}
@media(max-width:900px){.item-row{min-height:58px}}

/* Content management helpers */
.settings-large-textarea{min-height:145px!important}
.hero-upload-row{display:flex;gap:10px;align-items:center;margin:12px 0 18px}
.hero-upload-row input[type=file]{flex:1;min-width:0;color:#8f97a7;font-size:11px}
.hero-image-list{margin-top:8px}
.hero-image-card{display:flex;justify-content:space-between;align-items:center;gap:15px}
.hero-image-card .hero-url{word-break:break-all;margin-top:4px}
@media(max-width:600px){.hero-upload-row{flex-direction:column;align-items:stretch}.hero-image-card{align-items:flex-start}}


/* V11 FINAL ESTIMATOR REFINEMENT — keep these rules last so they are authoritative. */
.item-row select,.item-row input{
  background:#070a0f!important;
  color:#d8dce3!important;
  border-color:#2a2f38!important;
  -webkit-appearance:none;
  appearance:none;
}
.item-row .item-rate{color:var(--gold)!important}

/* Landscape: restore the previous mobile/tablet proportions. */
@media (max-width:900px) and (orientation:landscape){
  .estimator-items-scroll .item-head,.estimator-items-scroll .items{min-width:640px!important}
  .item-head,.item-row{grid-template-columns:130px 130px 60px 60px 100px 110px 28px!important;gap:7px!important}
  .item-row{height:58px;min-height:58px;padding:9px 7px!important}
  .item-row select,.item-row input{height:38px!important;font-size:11px!important;padding:0 7px!important}
  .item-row .line-total,.item-row .remove-item{transform:none!important}
}

/* Portrait: exact 6:3:1:1:2 ratio for Item, Tier, Length, Height and Rate. */
@media (max-width:900px) and (orientation:portrait){
  .estimator-items-scroll .item-head,.estimator-items-scroll .items{min-width:820px!important}
  .item-head,.item-row{
    grid-template-columns:6fr 3fr 1fr 1fr 2fr 1.5fr 28px!important;
    gap:7px!important;
  }
  .item-row{height:58px;min-height:58px;padding:9px 7px!important}
  .item-row select,.item-row input{height:40px!important;font-size:12px!important;padding:0 7px!important}
  .item-row .line-total{font-size:11px}
}
@media (max-width:390px) and (orientation:portrait){
  .estimator-items-scroll .item-head,.estimator-items-scroll .items{min-width:820px!important}
  .item-head,.item-row{grid-template-columns:6fr 3fr 1fr 1fr 2fr 1.5fr 28px!important}
}


/* V12 FINAL ESTIMATOR WIDTH REFINEMENT — portrait only. */
@media (max-width:900px) and (orientation:portrait){
  .item-head,.item-row{
    grid-template-columns:176px 1.8fr 1fr 1fr 1.2fr 1.5fr 28px!important;
  }
  .item-row .item-rate{
    text-align:center!important;
  }
}

/* Reversible room deletion */
.undo-toast{position:fixed;z-index:120;left:50%;bottom:28px;transform:translate(-50%,18px);display:flex;align-items:center;gap:14px;padding:10px 12px 10px 16px;border:1px solid #5d4719;border-radius:13px;background:rgba(20,18,14,.98);box-shadow:0 16px 40px rgba(0,0,0,.45);color:#d9dde5;font:500 12px var(--sans);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}
.undo-toast.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.undo-toast button{border:1px solid #765515;border-radius:9px;background:#2a2115;color:var(--gold);padding:7px 12px;font:600 11px var(--sans)}
@media(max-width:760px){.undo-toast{left:14px;right:14px;bottom:82px;transform:translateY(18px);justify-content:space-between}.undo-toast.show{transform:translateY(0)}}

/* V15 — drag handles, master-list chips and reversible multi-step history */
.drag-handle{display:inline-flex;align-items:center;justify-content:center;color:#8e95a1;cursor:grab;user-select:none;font-weight:700;letter-spacing:-2px;min-width:18px;opacity:.75;touch-action:none}
.drag-handle:active{cursor:grabbing}.is-dragging{opacity:.45}.drag-over{outline:1px dashed var(--gold);outline-offset:3px}
.item-row{position:relative}.item-drag-handle{position:absolute;left:-24px;top:50%;transform:translateY(-50%);z-index:2}.room-header .room-drag-handle{margin-right:4px}
.master-chip-section{margin:0 0 24px}.master-chips{display:flex;flex-wrap:wrap;gap:8px;min-height:42px;padding:8px;border:1px solid #2a2f38;border-radius:14px;background:#0b0f14}.master-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 9px 7px 6px;border:1px solid #343b46;border-radius:10px;background:#151a21;color:#e9edf2;box-shadow:0 7px 18px rgba(0,0,0,.18)}.master-chip .drag-handle{min-width:14px}.chip-remove{border:0;background:none;color:#9aa1ac;font-size:17px;line-height:1;cursor:pointer;padding:0 2px}.chip-remove:hover{color:var(--gold)}.master-add-row{display:flex;gap:8px;margin-top:8px}.master-add-row input{flex:1;min-width:0;height:40px;border:1px solid #2b3039;border-radius:10px;background:#10151b;color:#eef1f5;padding:0 11px}.check-actions{display:flex;gap:7px;margin:0 0 9px}.mini-btn{border:1px solid #333943;background:#151a21;color:#b9c0ca;border-radius:8px;padding:5px 9px;font:600 10px var(--sans);cursor:pointer}.mini-btn:hover{border-color:#735315;color:var(--gold)}
.settings-table.item-settings td:first-child{white-space:nowrap}.settings-table.item-settings td:first-child .drag-handle{margin-right:7px}
@media(max-width:900px){.item-drag-handle{left:-20px}.master-chip-section{margin-bottom:18px}}

/* V16 Settings: accordion + reliable drag handles */
.settings-accordion{position:relative}
.accordion-head{display:flex;align-items:center;gap:10px;min-width:0}
.accordion-toggle{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;background:none;color:#edf0f5;text-align:left;padding:2px 0;cursor:pointer;font:400 20px var(--serif)}
.accordion-chevron{color:#858d9b;font:400 18px var(--sans);transition:transform .18s ease}
.settings-accordion.open .accordion-chevron{transform:rotate(180deg);color:var(--gold)}
.accordion-body{display:none;padding-top:15px}
.settings-accordion.open .accordion-body{display:block}
.settings-drag-handle{flex:0 0 auto}
.master-chip .chip-label{outline:none;cursor:text;min-width:12px}
.master-chip .chip-label:focus{border-bottom:1px solid var(--gold);padding-bottom:1px}
@media(max-width:760px){.accordion-toggle{font-size:18px}.accordion-body{padding-top:12px}.settings-drag-handle{min-width:20px}}
body.dragging-active{user-select:none;cursor:grabbing}
.drag-handle{touch-action:none;cursor:grab}
.master-chip.is-dragging,.settings-card.is-dragging,.settings-room-group.is-dragging,.item-row.is-dragging,.room-card.is-dragging{position:relative;z-index:20;opacity:.65;box-shadow:0 18px 40px rgba(0,0,0,.35);outline:1px solid var(--gold)}
.override-badge,.inherit-badge{display:inline-block;font:600 9px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:4px 6px;border-radius:6px;margin-right:5px}.override-badge{color:#e3b14a;border:1px solid #6d501d;background:#211b0f}.inherit-badge{color:#8d97a6;border:1px solid #343b46;background:#151a21}.item-source-cell{white-space:nowrap}
.item-defaults-list .accordion-head{min-height:48px}.item-defaults-list .accordion-toggle{width:100%;text-align:left}

/* V20 estimator clone/drag refinements */
.room-actions{display:flex;align-items:center;gap:4px}.room-actions .icon-btn,.clone-item{font-size:14px}.is-dragging{opacity:.55;outline:1px dashed var(--gold);position:relative;z-index:20}.drag-over{box-shadow:inset 0 0 0 1px var(--gold)!important}.dragging-active{cursor:grabbing!important}.drag-handle,.settings-drag-handle{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none}.dragging-active .drag-handle{cursor:grabbing}

/* V22 — estimator actions: keep clone + delete on the same row. */
.item-head,.item-row{grid-template-columns:minmax(0,1fr) 106px 70px 70px 84px 92px 30px 30px!important;gap:6px!important}
.item-row .clone-item,.item-row .remove-item{width:30px!important;min-width:30px!important;height:30px!important;padding:0!important;display:flex!important;align-items:center;justify-content:center;transform:none!important}
.item-row .line-total{white-space:nowrap;min-width:0}
@media(max-width:900px) and (orientation:landscape){
  .estimator-items-scroll .item-head,.estimator-items-scroll .items{min-width:700px!important}
  .item-head,.item-row{grid-template-columns:minmax(120px,1fr) 105px 56px 56px 82px 90px 28px 28px!important;gap:5px!important}
  .item-row .clone-item,.item-row .remove-item{width:28px!important;min-width:28px!important;height:30px!important}
}
@media(max-width:900px) and (orientation:portrait){
  .estimator-items-scroll .item-head,.estimator-items-scroll .items{min-width:900px!important}
  .item-head,.item-row{grid-template-columns:minmax(145px,1.8fr) 1.4fr .9fr .9fr 1.1fr 1.3fr 28px 28px!important;gap:5px!important}
  .item-row .clone-item,.item-row .remove-item{width:28px!important;min-width:28px!important;height:30px!important}
}
@media(max-width:390px) and (orientation:portrait){
  .estimator-items-scroll .item-head,.estimator-items-scroll .items{min-width:860px!important}
  .item-head,.item-row{grid-template-columns:minmax(135px,1.7fr) 1.35fr .85fr .85fr 1.05fr 1.2fr 27px 27px!important;gap:4px!important}
}
/* V22 — Item Defaults are row-based, not accordions. */
.item-defaults-list{overflow-x:auto}
.item-defaults-list .settings-table{min-width:760px}
.item-defaults-list .drag-handle{display:inline-block;margin-right:7px;cursor:grab}


/* V24 — settings action controls + mobile master-list entry sizing. */
.settings-actions{display:flex;align-items:center;gap:8px}
.master-add-row{display:flex;align-items:center;gap:7px}
@media(max-width:600px){
  .master-add-row{gap:6px}
  .master-add-row input{flex:1 1 auto;width:auto;min-width:0}
  .master-add-row .add-master-chip{flex:0 0 auto;width:auto;min-width:52px;padding:0 11px;height:36px;font-size:11px}
}

/* V24 — estimator item actions live immediately before the item name. */
.item-head,.item-row{grid-template-columns:30px 30px 30px minmax(220px,1fr) 106px 70px 70px 84px 92px!important;gap:6px!important}
.item-row .item-drag-handle{position:static;transform:none;min-width:30px;width:30px;height:30px}
.item-row .clone-item,.item-row .remove-item{width:30px!important;min-width:30px!important;height:30px!important;padding:0!important;display:flex!important;align-items:center;justify-content:center;transform:none!important}
.item-row .item-product{min-width:0}
@media(max-width:900px) and (orientation:landscape){
  .estimator-items-scroll .item-head,.estimator-items-scroll .items{min-width:700px!important}
  .item-head,.item-row{grid-template-columns:28px 28px 28px minmax(130px,1fr) 105px 56px 56px 82px 90px!important;gap:5px!important}
  .item-row .item-drag-handle,.item-row .clone-item,.item-row .remove-item{width:28px!important;min-width:28px!important;height:30px!important}
}
@media(max-width:900px) and (orientation:portrait){
  .estimator-items-scroll .item-head,.estimator-items-scroll .items{min-width:900px!important}
  .item-head,.item-row{grid-template-columns:28px 28px 28px minmax(145px,1.8fr) 1.4fr .9fr .9fr 1.1fr 1.3fr!important;gap:5px!important}
  .item-row .item-drag-handle,.item-row .clone-item,.item-row .remove-item{width:28px!important;min-width:28px!important;height:30px!important}
}
@media(max-width:390px) and (orientation:portrait){
  .estimator-items-scroll .item-head,.estimator-items-scroll .items{min-width:860px!important}
  .item-head,.item-row{grid-template-columns:27px 27px 27px minmax(135px,1.7fr) 1.35fr .85fr .85fr 1.05fr 1.2fr!important;gap:4px!important}
  .item-row .item-drag-handle,.item-row .clone-item,.item-row .remove-item{width:27px!important;min-width:27px!important}
}
