:root{
    --bg:#FBF9F4;
    --surface:#FFFFFF;
    --surface-2:#F4EFE4;
    --ink:#14203A;
    --muted:#5E687C;
    --line:rgba(20,32,58,0.10);
    --line-gold:rgba(198,161,91,0.35);
    --gold:#C6A15B;
    --gold-light:#E6D3A3;
    --gold-dark:#8C723C;
    --gold-text:#8A6A2E;
    --navy:#0E1526;
    --navy-2:#151F38;
    --footer-muted:#A3ADC2;
    --hero-photo:url('/images/hero-dining-room-interior.jpg');
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{background:var(--bg); color:var(--ink); font-family:'Inter',sans-serif; line-height:1.6; overflow-x:hidden;}
  body.no-scroll{overflow:hidden;}
  h1,h2,h3,h4,.display{font-family:'Fraunces',serif; font-weight:500; letter-spacing:-0.012em; color:var(--ink);}
  .reveal{opacity:0; transform:translateY(14px); transition:opacity .7s ease, transform .7s ease;}
  .reveal.in{opacity:1; transform:translateY(0);}
  a{color:inherit; text-decoration:none;}
  img,svg{display:block; max-width:100%;}
  .wrap{max-width:1180px; margin:0 auto; padding:0 32px;}
  @media (max-width:600px){.wrap{padding:0 18px;}}
  .eyebrow{font-size:12.5px; letter-spacing:0.16em; text-transform:uppercase; color:var(--gold-text); font-weight:600;}
  a:focus-visible, button:focus-visible{outline:2px solid var(--gold); outline-offset:3px;}
  @media (prefers-reduced-motion: reduce){*{animation:none !important; transition:none !important;}}

  /* NAV */
  .topbar{background:var(--navy); }
  .topbar-inner{max-width:1180px; margin:0 auto; padding:9px 32px; display:flex; justify-content:flex-end; gap:32px;}
  .topbar-inner a{font-size:12.5px; color:#D9DEE8; letter-spacing:0.02em; display:flex; align-items:center; gap:7px; transition:color .2s;}
  .topbar-inner a:hover{color:var(--gold-light);}
  .topbar-inner svg{width:13px; height:13px; flex-shrink:0;}
  @media (max-width:600px){.topbar-inner{justify-content:center; gap:20px; flex-wrap:wrap; padding:9px 16px;}}

  header{position:fixed; top:0; left:0; right:0; z-index:100; background:rgba(255,255,255,0.88); backdrop-filter:blur(14px) saturate(140%); border-bottom:1px solid var(--line);}
  nav{display:flex; align-items:center; justify-content:space-between; padding:18px 32px; max-width:1180px; margin:0 auto;}
  .logo{font-family:'Fraunces',serif; font-weight:600; font-size:21px; display:flex; align-items:center; gap:10px; color:var(--ink);}
  .logo .mark{color:var(--gold); font-style:italic;}
  .nav-links{display:flex; gap:38px; font-size:14.5px; font-weight:500;}
  .nav-links a{color:var(--muted); transition:color .2s;}
  .nav-links a:hover{color:var(--gold-text);}
  .nav-cta{background:linear-gradient(135deg, var(--gold-light), var(--gold)); color:var(--navy); padding:11px 22px; border-radius:8px; font-weight:600; font-size:14px; letter-spacing:0.02em; transition:box-shadow .25s, transform .2s; box-shadow:0 6px 16px -8px rgba(140,114,60,0.45);}
  .nav-cta:hover{transform:translateY(-1px); box-shadow:0 10px 22px -8px rgba(140,114,60,0.5);}
  .nav-toggle{display:none; background:none; border:none; color:var(--ink); font-size:26px; cursor:pointer;}
  @media (max-width:860px){
    nav{padding:16px 18px;}
    .nav-links{position:absolute; top:100%; left:0; right:0; background:#fff; flex-direction:column; gap:0; border-bottom:1px solid var(--line); max-height:0; overflow:hidden; transition:max-height .3s ease;}
    .nav-links.open{max-height:320px;}
    .nav-links a{padding:16px 24px; border-top:1px solid var(--line); width:100%;}
    .nav-toggle{display:block;}
    .nav-cta{display:none;}
  }

  /* HERO */
  .hero{position:relative; padding:220px 0 140px; overflow:hidden;
    background:
      linear-gradient(90deg, rgba(251,249,244,0.96) 0%, rgba(251,249,244,0.86) 42%, rgba(251,249,244,0.25) 100%),
      var(--hero-photo) center 40%/cover no-repeat, var(--bg);}
  @media (max-width:760px){
    .hero{padding:190px 0 100px; background:linear-gradient(180deg, rgba(251,249,244,0.90), rgba(251,249,244,0.80)), var(--hero-photo) center 40%/cover no-repeat, var(--bg);}
  }
  @keyframes heroIn{from{opacity:0; transform:translateY(18px);} to{opacity:1; transform:translateY(0);}}
  .hero .eyebrow{animation:heroIn .7s ease both;}
  .hero .hero-headline{display:block; margin-top:18px; animation:heroIn .8s ease .08s both;}
  .hero .hero-eyebrow{display:block; font-family:'Inter',sans-serif; font-size:12.5px; line-height:1.6;}
  .hero p.sub{animation:heroIn .8s ease .16s both;}
  .hero-actions{animation:heroIn .8s ease .24s both;}
  .hero-badges{animation:heroIn .8s ease .32s both;}
  .hero h1{font-size:clamp(40px,6vw,74px); line-height:1.04; max-width:820px;}
  .hero h1 em{font-style:italic; color:var(--gold-text); font-weight:400;}
  .hero p.sub{margin-top:28px; max-width:520px; font-size:18px; color:var(--muted);}
  .hero-actions{display:flex; gap:16px; margin-top:42px; flex-wrap:wrap;}
  .btn-primary{background:linear-gradient(135deg, var(--gold-light), var(--gold) 55%, var(--gold-dark)); background-size:160% 160%; background-position:0% 50%; color:var(--navy); font-weight:600; padding:16px 30px; border-radius:8px; font-size:15px; letter-spacing:0.02em; transition:box-shadow .25s, transform .2s, background-position .4s; box-shadow:0 8px 20px -10px rgba(140,114,60,0.5); display:inline-block;}
  .btn-primary:hover{background-position:100% 50%; transform:translateY(-1px);}
  .btn-ghost{border:1px solid rgba(20,32,58,0.22); color:var(--ink); background:rgba(255,255,255,0.7); padding:16px 30px; border-radius:8px; font-size:15px; font-weight:500; transition:border-color .2s, background .2s;}
  .btn-ghost:hover{border-color:var(--gold); background:#fff;}
  .btn-text{display:inline-flex; align-items:center; gap:9px;}
  .hero-badges{display:flex; gap:28px; margin-top:70px; flex-wrap:wrap; padding-top:30px; border-top:1px solid var(--line); max-width:520px;}
  .hero-badges .badge{font-size:13.5px; color:var(--muted); display:flex; align-items:center;}
  .hero-badges .badge b{color:var(--ink); font-weight:600;}

  /* HEADER - original dark look restored */
  header{background:rgba(8,12,22,0.86); border-bottom-color:rgba(198,161,91,0.18);}
  .logo{color:#F2ECDD;}
  .nav-links a{color:#8F9BB5;}
  .nav-links a:hover{color:var(--gold-light);}
  .nav-toggle{color:#F2ECDD;}
  .topbar{background:#080C16; border-bottom:1px solid rgba(198,161,91,0.18);}
  .topbar-inner a{color:#8F9BB5;}
  @media (max-width:860px){.nav-links{background:#0E1526; border-bottom-color:rgba(198,161,91,0.18);} .nav-links a{border-top-color:rgba(198,161,91,0.18);}}
  /* HERO - original dark look restored */
  .hero{background:
      linear-gradient(180deg, rgba(8,12,22,0.88) 0%, rgba(8,12,22,0.80) 45%, rgba(8,12,22,0.96) 100%),
      var(--hero-photo) center 30%/cover no-repeat, #080C16 !important;
    padding:210px 0 150px;}
  @media (max-width:760px){.hero{padding:190px 0 100px;}}
  .hero h1{color:#F2ECDD;}
  .hero h1 em{color:var(--gold-light);}
  .hero p.sub{color:#8F9BB5;}
  .hero .eyebrow{color:var(--gold);}
  .hero .btn-ghost{background:transparent; border-color:rgba(198,161,91,0.18); color:#F2ECDD;}
  .hero .btn-ghost:hover{border-color:var(--gold); background:rgba(198,161,91,0.06);}
  .hero-badges{border-top-color:rgba(198,161,91,0.18); max-width:none;}
  .hero-badges .badge{color:#8F9BB5;}
  .hero-badges .badge b{color:#F2ECDD;}

  /* SECTIONS */
  section{padding:110px 0; scroll-margin-top:90px;}
  .section-head{max-width:600px; margin-bottom:56px;}
  .section-head h2{font-size:clamp(30px,4vw,44px); margin-top:14px;}
  .section-head p{color:var(--muted); margin-top:16px; font-size:16.5px;}

  /* SERVICES - photo cards that open a gallery */
  .services{background:var(--surface); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  .service-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:26px;}
  .service-card{display:flex; flex-direction:column; background:var(--surface); border:1px solid var(--line); border-radius:12px; overflow:hidden; transition:transform .3s, box-shadow .3s, border-color .3s; cursor:pointer;}
  .service-card:hover{transform:translateY(-4px); box-shadow:0 20px 40px -24px rgba(20,32,58,0.35); border-color:var(--line-gold);}
  .service-photo{aspect-ratio:16/10; background:var(--surface-2) center/cover no-repeat; position:relative; overflow:hidden;}
  .service-photo img{width:100%; height:100%; object-fit:cover; transition:transform .6s ease;}
  .service-card:hover .service-photo img{transform:scale(1.04);}
  .service-body{padding:28px 30px 30px; display:flex; flex-direction:column; flex:1;}
  .service-card h3{font-size:23px; margin-bottom:10px;}
  .service-card p{color:var(--muted); font-size:15px;}
  .service-link{margin-top:auto; padding-top:20px; font-size:14px; font-weight:600; color:var(--gold-text); display:inline-flex; align-items:center; gap:8px;}
  .service-link svg{width:16px; height:16px; transition:transform .25s;}
  .service-card:hover .service-link svg{transform:translateX(4px);}
  @media (max-width:720px){.service-grid{grid-template-columns:1fr;} .service-body{padding:22px 22px 24px;}}

  /* PORTFOLIO */
  .swatch-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
  .swatch-card{border:1px solid var(--line); border-radius:10px; overflow:hidden; background:var(--surface); transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;}
  .swatch-card:hover{transform:translateY(-5px); box-shadow:0 18px 34px -22px rgba(20,32,58,0.35); border-color:var(--line-gold);}
  .swatch-visual{height:200px; position:relative; display:flex;}
  .swatch-half{flex:1; position:relative; overflow:hidden; background:var(--surface-2);}
  .swatch-half img{width:100%; height:100%; object-fit:cover; display:block;}
  .swatch-label{position:absolute; bottom:10px; left:12px; font-size:10.5px; letter-spacing:0.12em; text-transform:uppercase; color:#fff; font-weight:600; text-shadow:0 1px 6px rgba(0,0,0,0.5);}
  .swatch-info{padding:18px 22px 22px;}
  .swatch-info h4{font-size:16px; font-weight:600; font-family:'Inter',sans-serif;}
  .swatch-info span{color:var(--muted); font-size:13.5px;}
  @media (max-width:900px){.swatch-grid{grid-template-columns:1fr 1fr;}}
  @media (max-width:600px){.swatch-grid{grid-template-columns:1fr;}}

  /* ABOUT */
  .about{background:var(--bg);}
  #testimonials{background:var(--surface); border-top:1px solid var(--line);}
  .about-inner{display:grid; grid-template-columns:1fr 1.05fr; gap:64px; align-items:center;}
  .about h2{font-size:clamp(30px,4vw,44px); margin-top:14px;}
  .about-text p{color:var(--muted); font-size:16.5px; margin-top:18px; max-width:520px;}
  .about-text p.lead{color:var(--ink); font-family:'Fraunces',serif; font-size:21px; font-style:italic; line-height:1.45;}
  .about-points{margin-top:28px; display:flex; flex-direction:column; gap:12px;}
  .about-points div{font-size:14.5px; color:var(--ink); display:flex; gap:10px; align-items:center;}
  .about-points div::before{content:''; width:6px; height:6px; background:var(--gold); border-radius:50%; flex-shrink:0;}
  .about-sign{margin-top:30px; padding-top:22px; border-top:1px solid var(--line);}
  .about-sign b{font-family:'Fraunces',serif; font-size:22px; font-weight:500; display:block;}
  .about-sign span{font-size:13px; color:var(--gold-text); font-weight:600; letter-spacing:0.08em; text-transform:uppercase;}
  .about-photos{display:grid; grid-template-columns:1.25fr 1fr; grid-template-rows:1fr 1fr; gap:16px; height:560px;}
  .about-photo{border-radius:12px; overflow:hidden; background:var(--surface-2); position:relative;}
  .about-photo:first-child{grid-row:1 / span 2;}
  .about-photo img{width:100%; height:100%; object-fit:cover;}
  .about-photo img[data-img="ABOUT1"]{object-position:62% 30%;}
  .about-photo img[data-img="ABOUT2"]{object-position:60% 20%;}
  .about-photo img[data-img="ABOUT3"]{object-position:50% 30%;}
  .about-photo.empty::after{content:attr(data-label); position:absolute; inset:0; display:flex; align-items:center; justify-content:center; text-align:center; padding:20px; font-size:13px; color:var(--muted); border:1px dashed var(--line-gold); border-radius:12px;}
  @media (max-width:900px){.about-inner{grid-template-columns:1fr; gap:40px;} .about-photos{height:440px;}}
  @media (max-width:600px){.about-photos{height:360px; gap:10px;}}

  /* PROCESS */
  .process{background:var(--surface); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  .process-list{display:flex; flex-direction:column;}
  .process-row{display:grid; grid-template-columns:90px 1fr; gap:28px; padding:36px 0; border-bottom:1px solid var(--line); align-items:baseline;}
  .process-row:last-child{border-bottom:none;}
  .process-num{font-family:'Fraunces',serif; font-size:34px; color:var(--gold); font-style:italic;}
  .process-row h3{font-size:19px; margin-bottom:8px;}
  .process-row p{color:var(--muted); font-size:15px; max-width:560px;}
  @media (max-width:600px){.process-row{grid-template-columns:56px 1fr; gap:16px;}}

  /* TESTIMONIALS */
  .testi-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:28px; align-items:start;}
  .testi-card p{margin-top:22px;}
  .testi-card{border:1px solid var(--line); padding:34px; border-radius:10px; background:var(--surface); position:relative; transition:transform .3s ease, border-color .3s ease;}
  .testi-card:hover{transform:translateY(-4px); border-color:var(--line-gold);}
  .testi-card::before{content:'\201C'; position:absolute; top:18px; right:26px; font-family:'Fraunces',serif; font-size:52px; color:var(--gold); opacity:0.5; line-height:1;}
  .testi-card p{font-size:15.5px; color:var(--ink); font-style:italic; font-family:'Fraunces',serif; font-weight:400; line-height:1.55; position:relative; z-index:1;}
  .testi-card .who{margin-top:22px; font-size:13px; color:var(--gold-text); font-weight:600; letter-spacing:0.02em; font-style:normal; font-family:'Inter',sans-serif;}
  @media (max-width:900px){.testi-grid{grid-template-columns:1fr;}}

  /* CTA / QUOTE */
  .cta{background:var(--surface-2); border-top:1px solid var(--line);}
  .cta-inner{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center;}
  .cta h2{font-size:clamp(28px,4vw,42px); margin-top:14px;}
  .cta p{color:var(--muted); margin-top:16px; font-size:16px; max-width:440px;}
  .cta-points{margin-top:28px; display:flex; flex-direction:column; gap:12px;}
  .cta-points div{font-size:14.5px; color:var(--ink); display:flex; gap:10px; align-items:center;}
  .cta-points div::before{content:''; width:6px; height:6px; background:var(--gold); border-radius:50%; flex-shrink:0;}
  form{background:var(--surface); border:1px solid var(--line); padding:38px; border-radius:12px; display:flex; flex-direction:column; gap:16px; box-shadow:0 20px 40px -30px rgba(20,32,58,0.35);}
  form label{font-size:12.5px; text-transform:uppercase; letter-spacing:0.08em; color:var(--muted); font-weight:600; margin-bottom:6px; display:block;}
  form input, form select, form textarea{width:100%; background:var(--bg); border:1px solid rgba(20,32,58,0.16); color:var(--ink); padding:13px 14px; border-radius:6px; font-size:14.5px; font-family:'Inter',sans-serif;}
  form input:focus, form select:focus, form textarea:focus{outline:none; border-color:var(--gold);}
  form textarea{resize:vertical; min-height:90px;}
  .form-row{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
  @media (max-width:900px){.cta-inner{grid-template-columns:1fr;} .form-row{grid-template-columns:1fr;}}
  @media (max-width:600px){form{padding:24px 18px;}}

  /* FOOTER (navy anchor) */
  footer{padding:70px 0 40px; background:var(--navy); color:#E9ECF2;}
  footer .logo{color:#F2ECDD;}
  .foot-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px;}
  footer .foot-title{font-family:'Inter',sans-serif; font-size:13px; text-transform:uppercase; letter-spacing:0.1em; color:var(--gold); margin-bottom:18px; font-weight:600;}
  footer ul{list-style:none;}
  footer li{margin-bottom:11px; font-size:14px; color:var(--footer-muted);}
  footer li a{color:var(--footer-muted); transition:color .2s;}
  footer li a:hover{color:var(--gold-light);}
  .foot-bottom{margin-top:60px; padding-top:26px; border-top:1px solid rgba(198,161,91,0.18); display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:12.5px; color:var(--footer-muted);}
  @media (max-width:800px){.foot-grid{grid-template-columns:1fr 1fr;}}

  /* GALLERY OVERLAY */
  .gallery{position:fixed; inset:0; z-index:200; background:var(--bg); overflow-y:auto; display:none; -webkit-overflow-scrolling:touch;}
  .gallery.open{display:block; animation:galIn .3s ease both;}
  @keyframes galIn{from{opacity:0;} to{opacity:1;}}
  .gallery-bar{position:sticky; top:0; z-index:2; background:rgba(255,255,255,0.92); backdrop-filter:blur(12px); border-bottom:1px solid var(--line);}
  .gallery-bar .wrap{display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:16px; padding-bottom:16px;}
  .gallery-back{display:inline-flex; align-items:center; gap:8px; font-size:14.5px; font-weight:600; color:var(--ink); background:none; border:none; cursor:pointer; font-family:inherit; padding:6px 0;}
  .gallery-back svg{width:18px; height:18px;}
  .gallery-head{padding:56px 0 34px;}
  .gallery-head h2{font-size:clamp(32px,5vw,52px); margin-top:12px;}
  .gallery-head p{color:var(--muted); margin-top:12px; max-width:560px;}
  .gallery-tabs{display:flex; gap:10px; flex-wrap:wrap; margin-top:26px;}
  .gallery-tabs a{font-size:13.5px; font-weight:600; padding:9px 16px; border-radius:999px; border:1px solid var(--line); color:var(--muted); background:#fff; transition:all .2s;}
  .gallery-tabs a:hover{border-color:var(--gold); color:var(--ink);}
  .gallery-tabs a.active{background:var(--ink); border-color:var(--ink); color:#fff;}
  .gallery-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:18px; padding-bottom:40px;}
  .gallery-item{aspect-ratio:4/5; border-radius:10px; overflow:hidden; background:var(--surface-2); cursor:zoom-in; position:relative; border:none; padding:0; width:100%; display:block;}
  .gallery-item img{width:100%; height:100%; object-fit:cover; transition:transform .5s ease;}
  .gallery-item:hover img{transform:scale(1.03);}
  .gallery-item .tag{position:absolute; left:12px; bottom:12px; font-size:10.5px; letter-spacing:0.12em; text-transform:uppercase; font-weight:700; color:#fff; background:rgba(14,21,38,0.55); padding:5px 9px; border-radius:4px;}
  .gallery-empty{padding:40px; border:1px dashed var(--line-gold); border-radius:12px; text-align:center; color:var(--muted); background:#fff; margin-bottom:40px;}
  .gallery-cta{border-top:1px solid var(--line); padding:44px 0 70px; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;}
  .gallery-cta h3{font-size:26px;}

  /* LIGHTBOX */
  .lightbox{position:fixed; inset:0; z-index:300; background:rgba(10,14,24,0.94); display:none; align-items:center; justify-content:center; padding:60px 70px;}
  .lightbox.open{display:flex;}
  .lightbox img{max-width:100%; max-height:100%; object-fit:contain; border-radius:6px;}
  .lb-btn{position:absolute; background:rgba(255,255,255,0.12); border:none; color:#fff; width:46px; height:46px; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .2s;}
  .lb-btn:hover{background:rgba(255,255,255,0.24);}
  .lb-btn svg{width:22px; height:22px;}
  .lb-close{top:16px; right:16px;}
  .lb-prev{left:14px; top:50%; transform:translateY(-50%);}
  .lb-next{right:14px; top:50%; transform:translateY(-50%);}
  .lb-count{position:absolute; bottom:18px; left:0; right:0; text-align:center; color:#C9CFDB; font-size:13px;}
  @media (max-width:600px){.lightbox{padding:60px 10px;} .lb-prev{left:6px;} .lb-next{right:6px;}}

  ::selection{background:var(--gold-light); color:var(--navy);}

  /* ===== SERVICE CARDS: gallery + page links ===== */
  .service-card h3 a{color:inherit;}
  .service-card h3 a:hover{color:var(--gold-text);}
  .service-links{margin-top:auto; padding-top:20px; display:flex; gap:22px; flex-wrap:wrap;}
  .service-links .service-link{margin-top:0; padding-top:0;}
  .service-photo-link{display:block;}

  /* ===== SERVICE PAGES ===== */
  .page-hero{padding:190px 0 110px !important;}
  @media (max-width:760px){.page-hero{padding:170px 0 80px !important;}}
  .page-hero h1{font-size:clamp(34px,5vw,60px); line-height:1.08; max-width:900px;}
  .page-hero .hero-headline{margin-top:16px;}
  .page-hero p.sub{max-width:640px; color:#B4BDD0;}
  nav.crumbs{font-size:13px; color:#8F9BB5; margin:0 0 26px; padding:0; max-width:none; display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; gap:8px; animation:heroIn .6s ease both;}
  .crumbs a{color:var(--gold-light);}
  .crumbs a:hover{text-decoration:underline;}
  .svc-section{background:var(--surface); border-bottom:1px solid var(--line);}
  .svc-section.alt{background:var(--bg);}
  .svc-grid{display:grid; grid-template-columns:1.25fr 1fr; gap:64px; align-items:start;}
  .svc-text h2{font-size:clamp(28px,3.6vw,40px); margin-top:14px; margin-bottom:6px;}
  .svc-text p{color:var(--muted); font-size:16.5px; margin-top:18px; max-width:620px;}
  .svc-box{background:var(--bg); border:1px solid var(--line); border-radius:12px; padding:34px;}
  .svc-box h3{font-size:21px; margin-bottom:18px;}
  .checklist{list-style:none; display:flex; flex-direction:column; gap:13px;}
  .checklist li{font-size:15px; color:var(--ink); display:flex; gap:12px; align-items:flex-start;}
  .checklist li::before{content:''; width:7px; height:7px; background:var(--gold); border-radius:50%; flex-shrink:0; margin-top:8px;}
  .svc-box .btn-primary{margin-top:28px; width:100%; text-align:center;}
  .steps{display:grid; grid-template-columns:repeat(4,1fr); gap:22px;}
  .step{background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:28px 24px;}
  .step-num{font-family:'Fraunces',serif; font-size:30px; color:var(--gold); font-style:italic; line-height:1;}
  .step h3{font-size:18px; margin:14px 0 8px;}
  .step p{color:var(--muted); font-size:14.5px;}
  .page-gallery{padding-bottom:0;}
  .areas{display:flex; flex-wrap:wrap; gap:10px; margin-top:26px;}
  .areas span{font-size:14px; font-weight:600; padding:9px 16px; border-radius:999px; border:1px solid var(--line-gold); background:#fff; color:var(--ink);}
  .svc-review{max-width:820px;}
  .svc-review .testi-card p{font-size:17px;}
  .faq{display:flex; flex-direction:column; gap:12px; max-width:860px;}
  .faq details{background:var(--surface); border:1px solid var(--line); border-radius:10px; padding:0 26px;}
  .faq details[open]{border-color:var(--line-gold);}
  .faq summary{list-style:none; cursor:pointer; padding:22px 0; display:flex; justify-content:space-between; gap:20px; align-items:center;}
  .faq summary::-webkit-details-marker{display:none;}
  .faq summary h3{font-size:18px; font-weight:500;}
  .faq summary::after{content:'+'; font-family:'Fraunces',serif; font-size:26px; color:var(--gold); line-height:1; flex-shrink:0;}
  .faq details[open] summary::after{content:'\2013';}
  .faq details p{color:var(--muted); font-size:15.5px; padding:0 0 22px; max-width:720px;}
  .other-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
  .other-card{display:flex; flex-direction:column; border:1px solid var(--line); border-radius:12px; overflow:hidden; background:var(--surface); transition:transform .3s, box-shadow .3s, border-color .3s;}
  .other-card:hover{transform:translateY(-4px); box-shadow:0 20px 40px -24px rgba(20,32,58,0.35); border-color:var(--line-gold);}
  .other-card .ph{aspect-ratio:16/10; overflow:hidden; background:var(--surface-2);}
  .other-card .ph img{width:100%; height:100%; object-fit:cover;}
  .other-card div.tx{padding:20px 22px 22px;}
  .other-card h3{font-size:19px;}
  .other-card span{display:inline-flex; gap:8px; align-items:center; margin-top:10px; font-size:14px; font-weight:600; color:var(--gold-text);}
  .other-card span svg{width:16px; height:16px;}
  @media (max-width:980px){.steps{grid-template-columns:1fr 1fr;}}
  @media (max-width:900px){.svc-grid{grid-template-columns:1fr; gap:36px;} .other-grid{grid-template-columns:1fr;}}
  @media (max-width:560px){.steps{grid-template-columns:1fr;} .svc-box{padding:26px 22px;} .faq details{padding:0 18px;}}
  .notfound{padding:200px 0 120px; text-align:left;}
  .notfound h1{font-size:clamp(34px,5vw,56px);}
  .notfound p{color:var(--muted); margin-top:16px; font-size:17px; max-width:560px;}