*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --gold:#C9A84C;
  --black:#0A0A0A;
  --white:#FAFAF7;
  --gray:#9A9A9A;
  --dark-gray:#1A1A1A;
  --mid-gray:#2A2A2A;
}
html{scroll-behavior:smooth;}
body{background:var(--black);color:var(--white);font-family:'Montserrat',sans-serif;font-weight:300;overflow-x:hidden;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 4rem;background:linear-gradient(to bottom,rgba(10,10,10,0.9),rgba(10,10,10,0));transition:background 0.3s;}
nav.scrolled{background:rgba(10,10,10,0.97);border-bottom:1px solid rgba(201,168,76,0.2);}
.nav-logo{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:400;letter-spacing:0.25em;color:var(--gold);text-transform:uppercase;cursor:pointer;}
.nav-links{display:flex;gap:2.5rem;list-style:none;}
.nav-links a{color:var(--white);font-size:1.1rem;letter-spacing:0.2em;text-transform:uppercase;font-weight:500;transition:color 0.3s;cursor:pointer;text-decoration:none;}
.nav-links a:hover{color:var(--gold);}

/* SECTIONS */
section{display:none;}
section.active{display:block;}

/* HERO */
#home{background:var(--black);}
#home.active{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;}
body.home-locked{overflow:hidden;height:100vh;height:100dvh;}
body.home-locked footer{display:none;}
.hero-container{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:10rem 2rem 5rem;position:relative;overflow:hidden;}
.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0.85;}
.hero-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,rgba(10,10,10,0.3) 0%,rgba(10,10,10,0.1) 50%,rgba(10,10,10,0.5) 100%);}
.hero-content{position:relative;z-index:2;}
.hero-eyebrow{font-size:0.65rem;letter-spacing:0.4em;text-transform:uppercase;color:var(--gold);margin-bottom:2rem;font-weight:500;animation:fadeUp 1s ease both;}
.hero-title{font-family:'Cormorant Garamond',serif;font-size:clamp(3.5rem,8vw,7rem);font-weight:300;line-height:1.05;color:var(--white);margin-bottom:1.5rem;animation:fadeUp 1s ease 0.15s both;}
.hero-title em{color:var(--gold);font-style:italic;}
.hero-sub{font-size:0.8rem;letter-spacing:0.12em;line-height:2;color:rgba(250,250,247,0.9);max-width:560px;margin:0 auto 3rem;animation:fadeUp 1s ease 0.3s both;}
.hero-cta{display:inline-flex;align-items:center;gap:1rem;border:1px solid var(--gold);color:var(--gold);padding:1rem 2.5rem;font-size:0.7rem;letter-spacing:0.25em;text-transform:uppercase;cursor:pointer;transition:all 0.4s;font-weight:500;background:transparent;animation:fadeUp 1s ease 0.45s both;font-family:'Montserrat',sans-serif;}
.hero-cta:hover{background:var(--gold);color:var(--black);}
.hero-stats{display:flex;border-top:1px solid rgba(201,168,76,0.2);animation:fadeUp 1s ease 0.6s both;}
.stat{flex:1;padding:2.5rem 3rem;text-align:center;border-right:1px solid rgba(201,168,76,0.15);}
.stat:last-child{border-right:none;}
.stat-num{font-family:'Cormorant Garamond',serif;font-size:2.8rem;font-weight:300;color:var(--gold);line-height:1;display:block;margin-bottom:0.5rem;}
.stat-label{font-size:0.62rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--gray);}

/* SHARED */
.section-inner{max-width:1200px;margin:0 auto;padding:8rem 4rem;}
.section-tag{font-size:0.62rem;letter-spacing:0.4em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:1.5rem;}
.section-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:300;line-height:1.1;margin-bottom:2rem;}
.gold-line{width:60px;height:1px;background:var(--gold);margin:2rem 0;}

/* PROJECTS */
#projects{background:var(--black);}
.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:rgba(201,168,76,0.15);border:1px solid rgba(201,168,76,0.15);margin-top:4rem;}
.project-card{background:var(--black);display:flex;flex-direction:column;transition:background 0.3s;overflow:hidden;}
.project-card:hover{background:var(--dark-gray);}
.project-photo-wrap{overflow:hidden;position:relative;}
.project-photo{width:100%;height:260px;object-fit:cover;display:block;filter:brightness(0.92);transition:filter 0.4s,transform 0.5s;}
.project-card:hover .project-photo{filter:brightness(1);transform:scale(1.02);}
.project-photo-badge{position:absolute;top:1rem;right:1rem;font-size:0.58rem;letter-spacing:0.25em;text-transform:uppercase;padding:0.35rem 0.8rem;font-weight:500;font-family:'Montserrat',sans-serif;}
.badge-sold{background:rgba(10,10,10,0.75);color:var(--gold);border:1px solid var(--gold);}
.project-body{padding:2rem 2.25rem;flex:1;display:flex;flex-direction:column;}
.project-year{font-size:0.58rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--gold);margin-bottom:0.6rem;}
.project-name{font-family:'Cormorant Garamond',serif;font-size:1.55rem;font-weight:400;margin-bottom:0.5rem;color:var(--white);line-height:1.2;}
.project-desc{font-size:0.72rem;color:var(--gray);line-height:1.8;margin-bottom:0.6rem;}
.project-loc{font-size:0.62rem;letter-spacing:0.18em;text-transform:uppercase;color:rgba(201,168,76,0.6);margin-bottom:1rem;}
.project-footer{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(201,168,76,0.12);display:flex;align-items:flex-end;justify-content:space-between;}
.project-price{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:300;color:var(--gold);line-height:1;}
.architect-tag{font-size:0.58rem;letter-spacing:0.15em;text-transform:uppercase;border:1px solid rgba(201,168,76,0.3);color:rgba(201,168,76,0.7);padding:0.3rem 0.65rem;}

/* INVESTORS / DECK VIEWER */
#investors{background:var(--black);}
.investor-inner{padding-bottom:6rem;}
.deck-viewer{margin-top:1rem;}
.deck-stage{position:relative;display:flex;align-items:center;justify-content:center;gap:1.5rem;}
.deck-frame{position:relative;width:100%;max-width:980px;aspect-ratio:16/9;background:#FAFAF7;border:1px solid rgba(201,168,76,0.3);box-shadow:0 30px 70px -20px rgba(0,0,0,0.65),0 0 0 1px rgba(201,168,76,0.08);overflow:hidden;}
.deck-page{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;background:#FAFAF7;opacity:0;transform:rotateY(0deg) translateX(0);transform-origin:left center;transition:opacity 0.45s ease,transform 0.5s cubic-bezier(.4,0,.2,1);backface-visibility:hidden;}
.deck-page-active{opacity:1;}
.deck-page-leaving-next{opacity:0;transform:translateX(-3%) scale(0.985);}
.deck-page-leaving-prev{opacity:0;transform:translateX(3%) scale(0.985);}
.deck-page-entering{opacity:0;}
.deck-arrow{flex:none;width:48px;height:48px;border-radius:50%;border:1px solid rgba(201,168,76,0.35);background:rgba(255,255,255,0.02);color:var(--gold);font-size:1.6rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s;}
.deck-arrow:hover{background:var(--gold);color:var(--black);border-color:var(--gold);}
.deck-arrow:disabled{opacity:0.25;cursor:not-allowed;}
.deck-arrow:disabled:hover{background:rgba(255,255,255,0.02);color:var(--gold);}
.deck-controls{display:flex;align-items:center;justify-content:center;gap:1.75rem;margin-top:2rem;flex-wrap:wrap;}
.deck-counter{font-size:0.7rem;letter-spacing:0.2em;color:var(--gray);font-variant-numeric:tabular-nums;}
.deck-dots{display:flex;gap:0.5rem;}
.deck-dot{width:7px;height:7px;border-radius:50%;background:rgba(201,168,76,0.25);border:none;cursor:pointer;padding:0;transition:background 0.3s,transform 0.3s;}
.deck-dot:hover{background:rgba(201,168,76,0.55);}
.deck-dot.active{background:var(--gold);transform:scale(1.3);}
.deck-fullscreen-btn{font-family:'Montserrat',sans-serif;font-size:0.6rem;letter-spacing:0.25em;text-transform:uppercase;font-weight:500;color:var(--gold);background:transparent;border:1px solid rgba(201,168,76,0.35);padding:0.6rem 1.25rem;cursor:pointer;transition:all 0.3s;}
.deck-fullscreen-btn:hover{background:var(--gold);color:var(--black);}
#deck-viewer.fs-mode{position:fixed;inset:0;z-index:3000;background:rgba(5,5,5,0.97);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;margin:0;}
#deck-viewer.fs-mode .deck-stage{width:100%;}
#deck-viewer.fs-mode .deck-frame{max-width:1400px;}

/* ABOUT */
#about{background:var(--dark-gray);}
.about-intro{font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-weight:300;font-style:italic;line-height:1.7;color:var(--white);max-width:800px;margin-bottom:4rem;border-left:2px solid var(--gold);padding-left:2rem;}
.team-grid{display:flex;flex-direction:column;gap:3rem;margin-top:4rem;}
.team-card{background:var(--mid-gray);border:1px solid rgba(201,168,76,0.15);padding:0;display:grid;grid-template-columns:minmax(340px,42%) 1fr;overflow:hidden;}
.team-photo-wrap{width:100%;height:100%;min-height:520px;border-radius:0;overflow:hidden;border:none;border-right:1px solid rgba(201,168,76,0.25);margin:0;background:var(--dark-gray);}
.team-photo{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;}
.team-text{padding:4.5rem;display:flex;flex-direction:column;justify-content:center;}
.team-name{font-family:'Cormorant Garamond',serif;font-size:clamp(2.6rem,4vw,3.6rem);font-weight:400;margin-bottom:0.5rem;line-height:1.05;}
.team-credential{font-size:0.72rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--gold);margin-bottom:2rem;display:block;}
.team-bio{font-size:1rem;line-height:2.05;color:var(--gray);}
.team-edu{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(201,168,76,0.18);font-size:0.85rem;color:rgba(201,168,76,0.65);font-style:italic;line-height:1.7;}

/* CONTACT */
#contact{background:var(--black);}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8rem;align-items:start;margin-top:4rem;}
.contact-lead{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:300;line-height:1.5;color:var(--white);margin-bottom:3rem;}
.contact-items{display:flex;flex-direction:column;gap:1.5rem;}
.contact-item-label{font-size:0.58rem;letter-spacing:0.35em;text-transform:uppercase;color:var(--gold);margin-bottom:0.5rem;display:block;}
.contact-item-val{font-size:0.85rem;color:var(--white);text-decoration:none;transition:color 0.3s;}
a.contact-item-val:hover{color:var(--gold);}
.contact-form{display:flex;flex-direction:column;gap:1.25rem;}
.form-field{display:flex;flex-direction:column;gap:0.5rem;}
.form-field label{font-size:0.6rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--gray);}
.form-field input,.form-field textarea{background:rgba(255,255,255,0.04);border:1px solid rgba(201,168,76,0.2);color:var(--white);padding:0.9rem 1.2rem;font-family:'Montserrat',sans-serif;font-size:0.8rem;font-weight:300;outline:none;resize:none;transition:border-color 0.3s;}
.form-field input:focus,.form-field textarea:focus{border-color:var(--gold);}
.form-field input::placeholder,.form-field textarea::placeholder{color:var(--gray);}
.submit-btn{align-self:flex-start;background:transparent;border:1px solid var(--gold);color:var(--gold);padding:1rem 2.5rem;font-family:'Montserrat',sans-serif;font-size:0.7rem;letter-spacing:0.25em;text-transform:uppercase;font-weight:500;cursor:pointer;transition:all 0.4s;}
.submit-btn:hover{background:var(--gold);color:var(--black);}
.submit-btn:disabled{opacity:0.5;cursor:not-allowed;}

/* LEAVE-SITE MODAL */
.leave-overlay{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;background:rgba(5,5,5,0.8);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:1.5rem;}
.leave-overlay.open{display:flex;animation:fadeUp 0.3s ease both;}
.leave-box{background:var(--dark-gray);border:1px solid rgba(201,168,76,0.4);max-width:440px;width:100%;padding:3rem 2.5rem;text-align:center;}
.leave-eyebrow{font-size:0.58rem;letter-spacing:0.4em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:1.25rem;}
.leave-title{font-family:'Cormorant Garamond',serif;font-size:1.7rem;font-weight:300;color:var(--white);margin-bottom:1rem;line-height:1.25;}
.leave-text{font-size:0.78rem;line-height:1.9;color:var(--gray);margin-bottom:2rem;}
.leave-text strong{color:rgba(201,168,76,0.9);font-weight:400;}
.leave-actions{display:flex;gap:1rem;justify-content:center;}
.leave-actions button{font-family:'Montserrat',sans-serif;font-size:0.65rem;letter-spacing:0.2em;text-transform:uppercase;font-weight:500;padding:0.9rem 1.5rem;cursor:pointer;transition:all 0.3s;border:1px solid var(--gold);background:transparent;}
.leave-btn-cancel{color:var(--gray);border-color:rgba(201,168,76,0.3);}
.leave-btn-cancel:hover{color:var(--white);border-color:var(--gold);}
.leave-btn-ok{color:var(--gold);}
.leave-btn-ok:hover{background:var(--gold);color:var(--black);}

/* FOOTER */
footer{background:var(--black);border-top:1px solid rgba(201,168,76,0.15);padding:2.5rem 4rem;display:flex;align-items:center;justify-content:space-between;}
.footer-logo{font-family:'Cormorant Garamond',serif;font-size:0.85rem;letter-spacing:0.25em;color:var(--gold);text-transform:uppercase;}
.footer-copy{font-size:0.6rem;letter-spacing:0.15em;color:var(--gray);}

/* ANIMATIONS */
@keyframes fadeUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
.fade-in{opacity:0;transform:translateY(20px);transition:opacity 0.7s ease,transform 0.7s ease;}
.fade-in.visible{opacity:1;transform:translateY(0);}

/* CL APP LINK */
.cl-app-link{display:flex;align-items:center;opacity:0.85;transition:opacity 0.3s,transform 0.2s;}
.cl-app-link:hover{opacity:1;transform:scale(1.08);}

/* LUNARO CABINETRY SECTION */
#lunaro{background:var(--black);}
.lunaro-hero{position:relative;text-align:center;padding:2rem 0 1rem;}
.lunaro-wordmark{height:80px;width:auto;margin:0 auto 1.75rem;display:block;border-radius:4px;}
.lunaro-eyebrow{font-size:0.6rem;letter-spacing:0.4em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:1.25rem;}
.lunaro-lead{font-family:'Cormorant Garamond',serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:300;font-style:italic;line-height:1.6;color:var(--white);max-width:760px;margin:0 auto;}
.lunaro-herowrap{margin-top:3.5rem;overflow:hidden;border:1px solid rgba(201,168,76,0.18);position:relative;}
.lunaro-herowrap img{width:100%;height:auto;display:block;filter:brightness(0.95);transition:transform 0.7s,filter 0.5s;}
.lunaro-herowrap:hover img{transform:scale(1.02);filter:brightness(1);}
.lunaro-herowrap .lunaro-photo-cap{position:absolute;bottom:0;left:0;right:0;padding:2.5rem 2rem 1.25rem;background:linear-gradient(to top,rgba(10,10,10,0.85),rgba(10,10,10,0));font-size:0.6rem;letter-spacing:0.28em;text-transform:uppercase;color:rgba(250,250,247,0.85);}

.lunaro-divider{display:flex;align-items:center;gap:1.5rem;margin:5.5rem 0 0;}
.lunaro-divider .line{flex:1;height:1px;background:rgba(201,168,76,0.2);}
.lunaro-divider span{font-size:0.6rem;letter-spacing:0.4em;text-transform:uppercase;color:var(--gold);}

/* ---- shared light tokens for the copied Lunaro Cabinetry blocks ---- */
#lunaro{--l-ink:#15140f;--l-ink-soft:#5e5a4d;--l-paper:#fbf9f4;--l-stone:#ece3d1;--l-line:rgba(21,20,15,0.13);}
.lunaro-panel{margin-top:5.5rem;}
.lunaro-panel-head{max-width:620px;margin:0 auto 3rem;text-align:center;}
.lunaro-panel-tag{font-size:0.62rem;letter-spacing:0.4em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:1.1rem;}
.lunaro-panel-head h3{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(1.9rem,3.4vw,2.7rem);color:var(--l-ink);line-height:1.15;margin-bottom:1rem;}
.lunaro-panel-head p{font-size:0.85rem;line-height:1.9;color:var(--l-ink-soft);margin:0 auto;max-width:520px;}

/* HOW WE WORK */
.lunaro-process-panel{background:var(--l-stone);padding:4rem 3.5rem;border-radius:4px;}
.lunaro-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2.25rem;margin-top:1rem;}
.lunaro-process-num{font-family:'Cormorant Garamond',serif;font-size:2.1rem;font-weight:300;color:rgba(184,146,62,0.55);display:block;margin-bottom:0.6rem;}
.lunaro-process-photo{aspect-ratio:4/5;overflow:hidden;border-radius:3px;margin-bottom:1.1rem;}
.lunaro-process-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.6s;}
.lunaro-process-item:hover .lunaro-process-photo img{transform:scale(1.05);}
.lunaro-process-item h4{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:400;color:var(--l-ink);margin-bottom:0.4rem;}
.lunaro-process-item p{font-size:0.8rem;line-height:1.7;color:var(--l-ink-soft);margin:0;}

/* COUNTERTOPS, HANDLED */
.lunaro-counter-panel{display:grid;grid-template-columns:1.1fr 0.9fr;border-radius:4px;overflow:hidden;}
.lunaro-counter-photo{position:relative;min-height:400px;}
.lunaro-counter-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.lunaro-counter-copy{background:var(--l-ink);color:#f3ede0;padding:3.75rem 3.25rem;display:flex;flex-direction:column;justify-content:center;}
.lunaro-counter-copy .lunaro-panel-tag{margin-bottom:1rem;}
.lunaro-counter-copy h3{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(1.8rem,3vw,2.4rem);color:#fbf8ef;margin-bottom:1rem;line-height:1.15;}
.lunaro-counter-copy p{color:#cfc6b3;font-size:0.85rem;line-height:1.85;margin:0 0 1.75rem;}
.lunaro-counter-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.85rem;}
.lunaro-counter-list li{display:flex;gap:0.9rem;font-size:0.8rem;color:#e7ded0;align-items:baseline;}
.lunaro-counter-list b{font-family:'Cormorant Garamond',serif;color:var(--gold);font-size:1rem;min-width:1.4em;}

/* MATERIALS */
.lunaro-materials-panel{background:var(--l-stone);padding:4rem 3.5rem;border-radius:4px;}
.lunaro-mat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1rem;}
.lunaro-mat-card{background:var(--l-paper);border:1px solid var(--l-line);border-radius:4px;overflow:hidden;text-align:left;padding:0;width:100%;cursor:pointer;font-family:inherit;transition:transform 0.3s,box-shadow 0.3s;}
.lunaro-mat-card:hover,.lunaro-mat-card:focus-visible{transform:translateY(-5px);box-shadow:0 18px 32px -22px rgba(21,20,15,0.35);outline:none;}
.lunaro-mat-photo{aspect-ratio:5/4;overflow:hidden;}
.lunaro-mat-photo img{width:100%;height:100%;object-fit:cover;display:block;}
.lunaro-mat-body{padding:1.25rem 1.4rem 1.5rem;}
.lunaro-mat-body .lunaro-mat-kicker{font-size:0.64rem;letter-spacing:0.16em;text-transform:uppercase;color:#8c6a28;font-weight:600;}
.lunaro-mat-body h4{font-family:'Cormorant Garamond',serif;font-size:1.35rem;font-weight:400;margin:0.5rem 0 0.6rem;color:var(--l-ink);}
.lunaro-mat-body p{margin:0;font-size:0.78rem;color:var(--l-ink-soft);line-height:1.6;}
.lunaro-mat-body .lunaro-open-cue{margin-top:0.85rem;font-size:0.64rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--l-ink);display:inline-flex;align-items:center;gap:0.4rem;font-weight:600;}

/* quick comparison — native table, built for the white/paper panel (not an image) */
.lunaro-table-wrap{margin-top:2.75rem;background:var(--l-paper);border-radius:4px;border:1px solid var(--l-line);overflow:hidden;}
.lunaro-table-wrap h5{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:1.05rem;text-align:center;letter-spacing:0.06em;text-transform:uppercase;color:var(--l-ink);padding:1.5rem 1rem 0.25rem;margin:0;}
.lunaro-table-scroll{overflow-x:auto;}
.lunaro-mat-table{width:100%;border-collapse:collapse;font-size:0.82rem;min-width:560px;}
.lunaro-mat-table th{background:var(--l-ink);color:#f7f3e9;text-align:left;padding:0.9rem 1.25rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;font-size:0.68rem;}
.lunaro-mat-table td{padding:0.95rem 1.25rem;border-bottom:1px solid var(--l-line);color:var(--l-ink);background:var(--l-paper);}
.lunaro-mat-table td:first-child{font-weight:600;}
.lunaro-mat-table tr:last-child td{border-bottom:none;}
.lunaro-mat-table tbody tr:nth-child(even) td{background:#f4f0e6;}

/* lightweight image modal reused for material detail cards */
.lunaro-modal{position:fixed;inset:0;z-index:2500;display:none;align-items:center;justify-content:center;padding:4vh 20px;background:rgba(12,11,8,0.85);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}
.lunaro-modal.open{display:flex;}
.lunaro-modal-panel{position:relative;max-width:540px;max-height:90vh;width:100%;background:var(--l-paper);border-radius:6px;overflow:auto;}
.lunaro-modal-panel img{width:100%;display:block;}
.lunaro-modal-close{position:fixed;top:24px;right:28px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(247,243,233,0.5);background:rgba(21,20,15,0.5);color:#f7f3e9;font-size:1.25rem;line-height:1;cursor:pointer;z-index:2501;}
.lunaro-modal-close:hover{background:var(--gold);color:#15140f;border-color:var(--gold);}

@media(max-width:980px){
  .lunaro-process-grid{grid-template-columns:repeat(2,1fr);row-gap:2.25rem;}
  .lunaro-counter-panel{grid-template-columns:1fr;}
  .lunaro-counter-photo{min-height:280px;}
  .lunaro-mat-cards{grid-template-columns:1fr 1fr;}
}
@media(max-width:680px){
  .lunaro-process-panel,.lunaro-materials-panel{padding:2.5rem 1.5rem;}
  .lunaro-process-grid{grid-template-columns:1fr;}
  .lunaro-counter-copy{padding:2.5rem 1.5rem;}
  .lunaro-mat-cards{grid-template-columns:1fr;}
}

.lunaro-close{text-align:center;padding:6rem 0 1rem;}
.lunaro-close .gold-line{margin:0 auto 2.5rem;}
.lunaro-close-quote{font-family:'Cormorant Garamond',serif;font-size:clamp(1.6rem,3.2vw,2.4rem);font-weight:300;font-style:italic;line-height:1.55;color:var(--white);max-width:780px;margin:0 auto 2.5rem;}
.lunaro-close-sign{font-size:0.62rem;letter-spacing:0.35em;text-transform:uppercase;color:var(--gold);}
.lunaro-cta{display:inline-flex;align-items:center;gap:0.9rem;border:1px solid var(--gold);color:var(--gold);padding:1rem 2.5rem;font-size:0.7rem;letter-spacing:0.25em;text-transform:uppercase;cursor:pointer;transition:all 0.4s;font-weight:500;background:transparent;margin-top:3rem;font-family:'Montserrat',sans-serif;}
.lunaro-cta:hover{background:var(--gold);color:var(--black);}

/* HAMBURGER */
.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001;}
.nav-hamburger span{display:block;width:22px;height:1.5px;background:var(--white);transition:all 0.3s;}
.nav-hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
.nav-hamburger.open span:nth-child(2){opacity:0;}
.nav-hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}

/* MOBILE */
@media(max-width:768px){
  nav{padding:1rem 1.25rem;padding-top:max(1rem, env(safe-area-inset-top));}
  .nav-logo{font-size:0.85rem;letter-spacing:0.15em;}
  .nav-hamburger{display:flex;}
  .nav-links{
    display:none;
    position:fixed;top:0;left:0;right:0;bottom:0;
    background:rgba(10,10,10,0.98);
    flex-direction:column;align-items:center;justify-content:center;
    gap:2.5rem;z-index:999;
    padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
  .nav-links.open{display:flex;}
  .nav-links a{font-size:1.1rem;letter-spacing:0.3em;padding:0.5rem 1rem;}
  .nav-links .cl-app-link svg{width:36px;height:36px;}
  .hero-container{padding:6rem 1.25rem 1.5rem;}
  .hero-title{font-size:clamp(2.4rem,10vw,3.6rem);line-height:1.08;}
  .hero-sub{font-size:0.75rem;letter-spacing:0.08em;margin-bottom:1.5rem;}
  .hero-cta{padding:0.85rem 2rem;font-size:0.68rem;width:100%;justify-content:center;}
  .hero-stats{display:grid;grid-template-columns:1fr 1fr;}
  .stat{border-right:1px solid rgba(201,168,76,0.15);border-bottom:1px solid rgba(201,168,76,0.15);padding:1rem 0.75rem;}
  .stat:nth-child(2n){border-right:none;}
  .stat:nth-child(n+3){border-bottom:none;}
  .stat:last-child{border-bottom:none;}
  .stat-num{font-size:1.9rem;margin-bottom:0.25rem;}
  .stat-label{font-size:0.55rem;}
  .section-inner{padding:4rem 1.25rem;padding-bottom:max(4rem, calc(4rem + env(safe-area-inset-bottom)));}
  .section-title{font-size:clamp(2rem,9vw,3rem);}
  .projects-grid{grid-template-columns:1fr;margin-top:2.5rem;}
  .project-photo{height:220px;}
  .project-body{padding:1.5rem 1.25rem;}
  .project-name{font-size:1.3rem;}
  .project-price{font-size:1.5rem;}
  .about-intro{font-size:1.2rem;padding-left:1.25rem;}
  .team-grid{gap:1.75rem;margin-top:2.5rem;}
  .team-card{grid-template-columns:1fr;}
  .team-photo-wrap{min-height:0;aspect-ratio:4/5;border-right:none;border-bottom:1px solid rgba(201,168,76,0.25);}
  .team-text{padding:2rem 1.5rem;}
  .team-name{font-size:2.1rem;}
  .team-credential{font-size:0.65rem;margin-bottom:1.5rem;}
  .team-bio{font-size:0.92rem;line-height:1.95;}
  .team-edu{font-size:0.8rem;margin-top:1.5rem;padding-top:1.5rem;}
  .contact-grid{grid-template-columns:1fr;gap:2.5rem;margin-top:2rem;}
  .contact-lead{font-size:1.5rem;margin-bottom:2rem;}
  .contact-item-val{font-size:1rem;}
  .form-field input,.form-field textarea{font-size:16px;padding:0.85rem 1rem;}
  .submit-btn{width:100%;text-align:center;padding:1rem;font-size:0.75rem;}
  footer{flex-direction:column;gap:0.75rem;text-align:center;padding:2rem 1.25rem;padding-bottom:max(2rem, calc(1.5rem + env(safe-area-inset-bottom)));}
  .lunaro-wordmark{height:56px;}
  .lunaro-herowrap{margin-top:2.5rem;}
  .lunaro-close{padding:4rem 0 1rem;}
  .leave-box{padding:2.25rem 1.5rem;}
  .leave-actions{flex-direction:column;}
  .leave-actions button{width:100%;}
  .deck-stage{gap:0.6rem;}
  .deck-arrow{width:38px;height:38px;font-size:1.3rem;}
  .deck-frame{aspect-ratio:4/3;}
  .deck-controls{gap:1rem;margin-top:1.5rem;}
  .deck-fullscreen-btn{padding:0.55rem 1rem;}
}

/* TABLET / IPAD */
@media(min-width:769px) and (max-width:1024px){
  nav{padding:1.25rem 2.5rem;}
  .section-inner{padding:6rem 2.5rem;}
  .hero-container{padding:9rem 2.5rem 4rem;}
  .projects-grid{grid-template-columns:1fr 1fr;}
  .project-photo{height:220px;}
  .contact-grid{gap:4rem;}
  .team-grid{gap:2rem;}
  .team-card{grid-template-columns:minmax(280px,44%) 1fr;}
  .team-photo-wrap{min-height:440px;}
  .team-text{padding:2.75rem;}
  footer{padding:2rem 2.5rem;}
}