:root{
  --green:#0b3b33;
  --green-dark:#072c27;
  --gold:#b58a45;
  --cream:#f7f3ed;
  --text:#102b27;
  --muted:#5c625f;
  --white:#fff;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  color:var(--text);
  background:#ece8e1;
  font-family:"Montserrat",Arial,sans-serif;
}
a{color:inherit}
svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

.page-shell{
  width:min(1600px,100%);
  min-height:100vh;
  margin:0 auto;
  background:var(--cream);
  overflow:hidden;
}

.hero{
  min-height:760px;
  display:grid;
  grid-template-columns:46% 54%;
  position:relative;
  background:linear-gradient(135deg,#fbf9f6 0%,#f4eee5 100%);
}

.hero__content{
  position:relative;
  z-index:4;
  padding:54px 42px 36px 70px;
}

.brand{width:max-content;text-align:center;margin:0 auto 28px 26px}
.brand__mark{
  height:34px;
  color:var(--gold);
  font-family:"Cormorant Garamond",serif;
  font-size:70px;
  font-style:italic;
  line-height:.35;
  transform:rotate(-9deg);
}
.brand__name{
  font-family:"Cormorant Garamond",serif;
  font-size:76px;
  line-height:.85;
  font-weight:600;
  letter-spacing:-2px;
}
.brand__type{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:12px;font-size:20px;letter-spacing:8px}
.brand__type span{width:42px;height:1px;background:var(--gold)}
.brand__stars{color:var(--gold);font-size:16px;letter-spacing:4px;margin-top:8px}

.eyebrow{display:flex;align-items:center;gap:18px;color:var(--gold);font-family:"Cormorant Garamond",serif;font-size:23px;font-weight:700;letter-spacing:1px}
.eyebrow span{width:70px;height:1px;background:var(--gold)}

h1{margin:20px 0 0;font-family:"Cormorant Garamond",serif;font-size:76px;line-height:.92;font-weight:600;letter-spacing:-1px}
h1 strong{color:var(--gold);font-weight:600}
.title-line{display:flex;align-items:center;gap:13px;width:380px;margin:26px 0}
.title-line span{height:1px;background:var(--gold);flex:1}
.title-line i{width:10px;height:10px;background:var(--gold);border-radius:50%}

.intro{max-width:520px;margin:0 0 12px;font-size:19px;line-height:1.55;color:#282d2b}
.thanks{margin:0 0 24px;font-size:19px;font-weight:700}

.contact-row{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.contact-item{display:flex;align-items:center;gap:14px;text-decoration:none}
.contact-item + .contact-item{padding-left:28px;border-left:1px solid rgba(181,138,69,.65)}
.contact-item .icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#e5b768;flex:0 0 auto}
.contact-item .icon svg{width:25px;height:25px}
.contact-item span{display:block;font-size:14px;font-weight:600;margin-bottom:5px}
.contact-item strong{display:block;color:var(--gold);font-size:17px;font-weight:500}
.contact-item--link:hover strong{text-decoration:underline}

.designer-card{max-width:590px;display:flex;align-items:center;gap:20px;margin-top:28px;padding:14px 22px;border:1px solid rgba(181,138,69,.7);border-radius:20px;background:rgba(255,255,255,.45)}
.lunor-logo{width:100px;height:100px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 25%,#174d43,#082d28 70%);color:#e4b761;font-family:"Cormorant Garamond",serif;font-size:23px;letter-spacing:2px;box-shadow:inset 0 0 22px rgba(0,0,0,.25)}
.lunor-logo small{font-family:"Montserrat",sans-serif;font-size:7px;letter-spacing:5px;margin-left:5px}
.designer-card__line{width:1px;height:70px;background:rgba(181,138,69,.65)}
.designer-card span{display:block;margin-bottom:7px;font-size:15px}
.designer-card strong{font-size:24px}

.hero__visual{position:relative;min-height:760px;overflow:hidden;background:#d9c7ad}
.hero__visual::before{content:"";position:absolute;z-index:2;left:-190px;top:-70px;width:340px;height:900px;background:var(--cream);border-radius:50%;box-shadow:50px 0 80px rgba(247,243,237,.5)}
.hero__photo{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(247,243,237,.1),rgba(0,0,0,.03)),url("img/moselina-construction.png");background-size:auto 100%;background-position:72% center;background-repeat:no-repeat;transform:scale(1.07)}

.status-badge{position:absolute;z-index:5;left:4%;top:44%;width:250px;height:250px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--green);color:white;border:4px solid #d6a95e;box-shadow:0 14px 32px rgba(0,0,0,.2)}
.status-badge svg{width:62px;height:48px;color:#e7b65f;margin-bottom:8px}
.status-badge strong{font-family:"Cormorant Garamond",serif;font-size:32px;line-height:.9}
.status-badge span{font-size:18px;line-height:1.25;margin-top:10px}
.status-badge::after{content:"";width:40px;height:3px;background:#d6a95e;margin-top:12px}

.work-sign{position:absolute;z-index:5;right:7%;bottom:13%;padding:28px 34px;border:15px solid transparent;border-image:repeating-linear-gradient(135deg,#fff 0 15px,#c69d5e 15px 30px) 15;background:#f8f6f1;color:var(--green);font-size:29px;font-weight:800;line-height:1.15;text-align:center;transform:rotate(1deg);box-shadow:0 12px 28px rgba(0,0,0,.18)}

.features{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(90deg,var(--green),var(--green-dark));color:white;padding:20px 40px}
.feature{display:flex;align-items:center;gap:18px;min-height:92px;padding:0 28px;border-right:1px solid rgba(221,177,100,.75)}
.feature:last-child{border-right:0}
.feature__icon{width:56px;height:56px;display:grid;place-items:center;border:1.5px solid #d9a957;border-radius:50%;color:#e5b45f;flex:0 0 auto}
.feature__icon svg{width:30px;height:30px}
.feature p{margin:0;font-size:16px;line-height:1.55}

.footer{padding:22px 44px 18px;text-align:center;background:#f5f1ea}
.footer{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}
.footer__line{height:1px;background:rgba(181,138,69,.65);flex:1;min-width:100px}
.footer p{margin:0;font-family:"Cormorant Garamond",serif;font-size:20px;letter-spacing:4px}
.footer small{width:100%;color:#5d625f;letter-spacing:.4px}

@media (max-width:1100px){
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero__content{padding:42px 36px}
  .brand{margin-left:0}
  .hero__visual{min-height:620px}
  .hero__visual::before{display:none}
  .hero__photo{background-size:cover;background-position:68% center;transform:none}
  .features{grid-template-columns:repeat(2,1fr)}
  .feature:nth-child(2){border-right:0}
  .feature:nth-child(-n+2){border-bottom:1px solid rgba(221,177,100,.4)}
}

@media (max-width:700px){
  .hero__content{padding:28px 20px 32px;text-align:center}
  .brand{margin:0 auto 24px}
  .brand__name{font-size:58px}
  .brand__type{font-size:15px;letter-spacing:6px}
  .eyebrow{justify-content:center;font-size:18px;gap:10px}
  .eyebrow span{width:36px}
  h1{font-size:50px;line-height:.96}
  .title-line{width:75%;margin:22px auto}
  .intro{font-size:16px;margin-left:auto;margin-right:auto}
  .thanks{font-size:16px}
  .contact-row{display:grid;grid-template-columns:1fr;gap:16px;text-align:left}
  .contact-item + .contact-item{padding-left:0;border-left:0}
  .contact-item{justify-content:flex-start}
  .designer-card{padding:12px 14px;text-align:left;gap:14px}
  .lunor-logo{width:78px;height:78px;font-size:18px}
  .designer-card__line{height:58px}
  .designer-card strong{font-size:18px}
  .hero__visual{min-height:500px}
  .hero__photo{background-position:72% center}
  .status-badge{width:180px;height:180px;left:5%;top:7%}
  .status-badge svg{width:43px;height:35px}
  .status-badge strong{font-size:23px}
  .status-badge span{font-size:14px}
  .work-sign{right:5%;bottom:6%;padding:19px 18px;border-width:10px;font-size:20px}
  .features{grid-template-columns:1fr;padding:8px 18px}
  .feature{border-right:0;border-bottom:1px solid rgba(221,177,100,.4)!important;padding:16px 4px;min-height:82px}
  .feature:last-child{border-bottom:0!important}
  .footer{padding:22px 20px}
  .footer__line{display:none}
  .footer p{font-size:17px;letter-spacing:2px}
}

@media (max-width:420px){
  h1{font-size:42px}
  .hero__visual{min-height:440px}
  .status-badge{width:155px;height:155px}
  .status-badge strong{font-size:20px}
  .work-sign{font-size:17px}
}