/* Startseite – visueller Abgleich mit der ursprünglichen von-Conrady-Fassung. */
.site-header .mobile-nav{display:none}
.site-header .brand img{width:310px}

.hero{
  min-height:min(80vh,790px);
  background-position:59% 46%;
}
.hero__shade{
  background:
    linear-gradient(90deg,rgba(7,8,7,.80) 0%,rgba(7,8,7,.62) 35%,rgba(7,8,7,.12) 72%,rgba(7,8,7,.06) 100%),
    linear-gradient(0deg,rgba(7,8,7,.34),transparent 58%);
}
.hero__copy>p:not(.eyebrow){color:#f0ece3;text-shadow:0 1px 12px rgba(0,0,0,.32)}
.hero h1{text-shadow:0 2px 20px rgba(0,0,0,.28)}

.section{padding-top:92px;padding-bottom:92px}
.collection{padding-top:88px;padding-bottom:110px}
.brand-navigation{justify-content:flex-start}
.brand-navigation div{margin-left:clamp(24px,4vw,64px)}
.section-head{
  display:grid;
  grid-template-columns:minmax(360px,.95fr) minmax(320px,1.05fr);
  justify-content:initial;
  align-items:end;
  gap:clamp(36px,5vw,78px);
  margin-bottom:38px;
}
.collection .section-head>p,.process .section-head>p{
  max-width:570px;
  margin:0 0 7px;
}

.watch-grid{gap:clamp(18px,2vw,28px)}
.watch-card{display:grid;grid-template-rows:auto 1fr}
.watch-card__body{display:grid;grid-template-rows:auto minmax(92px,auto) auto auto;align-content:start}
.watch-title{min-height:92px}
.card-facts{margin-top:0}
.watch-card__image{
  aspect-ratio:auto;
  padding:36px 9px 9px;
  background:#e9e2d5;
  overflow:hidden;
}
.watch-card__image>a{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1;
  overflow:hidden;
  background:#e9e2d5;
}
.watch-card__image img{width:100%;height:100%;object-fit:contain}
.status{
  top:8px;
  left:9px;
  z-index:2;
  padding:4px 9px;
  font-size:11px;
  line-height:1.35;
  letter-spacing:.06em;
  text-transform:uppercase;
  background:transparent;
}
.status--sold{background:#111;color:#fff}
.status--reserved{background:#d5c3a3;color:#171713}

.inspection{padding-top:92px;padding-bottom:92px}
.inspection-intro{min-height:600px}
.inspection-intro>img{opacity:.46}
.process{padding-top:105px;padding-bottom:92px}

.handover{
  min-height:clamp(560px,48vw,700px);
  margin-top:15px;
  margin-bottom:140px;
}
.handover>img{object-position:center 44%;filter:brightness(1.08) saturate(.96)}
.handover:after{
  background:linear-gradient(90deg,rgba(10,10,9,.78) 0%,rgba(10,10,9,.68) 31%,rgba(10,10,9,.20) 47%,rgba(10,10,9,.08) 100%);
}
.handover>div{max-width:690px}

.buyback-story>img{opacity:.43}
.buyback{margin-bottom:0}

.marketing-service{
  display:grid;
  grid-template-columns:minmax(300px,.82fr) minmax(440px,1.18fr);
  gap:clamp(55px,9vw,145px);
  align-items:center;
  background:#fbfaf6;
  padding-top:140px;
  padding-bottom:140px;
}
.marketing-mark{
  position:relative;
  overflow:hidden;
  min-height:470px;
  background:#2a2118;
}
.marketing-photo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 58%;
  filter:brightness(.88) saturate(.88) contrast(1.04);
}
.marketing-mark:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(18,14,10,.08) 25%,rgba(18,14,10,.38) 100%);
}
.marketing-emblem{
  position:absolute;
  z-index:2;
  top:28px;
  right:28px;
  width:min(270px,52%);
  padding:24px 26px 18px;
  text-align:center;
  background:rgba(248,245,237,.91);
  border:1px solid rgba(177,146,91,.50);
  box-shadow:0 15px 35px rgba(18,14,10,.16);
  backdrop-filter:blur(5px);
}
.marketing-emblem img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.marketing-emblem span{display:block;margin-top:12px;color:#987641;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.marketing-copy h2{
  font:500 clamp(44px,5vw,68px)/1.02 'Cormorant Garamond';
  margin:0 0 26px;
}
.marketing-copy>p:not(.eyebrow){max-width:690px;color:var(--muted);font-size:16px;line-height:1.8}
.marketing-steps{margin:34px 0 28px;border-top:1px solid var(--line)}
.marketing-steps article{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:17px 0;border-bottom:1px solid var(--line)}
.marketing-steps article>span{font:500 23px 'Cormorant Garamond';color:var(--gold)}
.marketing-steps strong{font-size:14px}
.marketing-steps p{margin:3px 0 0;color:var(--muted);font-size:13px}

.atelier{
  grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr);
  padding-top:140px;
  padding-bottom:140px;
}
.atelier-image{width:100%;max-width:390px;justify-self:center}
.atelier-image img{display:block}
.faq{padding-top:130px;padding-bottom:130px}
.contact-strip{padding-top:105px;padding-bottom:105px}

.contact-privacy{margin:2px 0 14px;font-size:11px;color:#c9c8c2}
.contact-privacy a{color:#fff;border-bottom:1px solid #ffffff70}
.contact-strip input,.contact-strip textarea{
  background:#fff;
  border-color:#d8d1c5;
  color:var(--ink);
}
.contact-strip input:focus,.contact-strip textarea:focus{border-color:var(--gold);outline:1px solid var(--gold)}
.full-footer{
  background:#eee8dc;
  color:var(--ink);
  border-top:1px solid #d8cfbf;
}
.full-footer img{width:250px;mix-blend-mode:multiply}
.full-footer p{color:#57544e}
.full-footer a{color:#3e3c37}
.full-footer a:hover{color:var(--gold)}
.full-footer strong{color:var(--ink)}
.footer-brand .footer-admin{display:inline-block;margin-top:12px;padding-bottom:4px;border-bottom:1px solid #9b8a6e;font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.footer-contact p{margin:0 0 8px}
.footer-collection{grid-column:1/-1;display:flex;align-items:center;gap:28px;padding:22px 0;border-top:1px solid #cfc5b4;border-bottom:1px solid #cfc5b4}
.footer-collection strong{margin:0 18px 0 0;text-transform:uppercase;font-size:10px;letter-spacing:.14em}
.footer-bottom{border-top-color:#cfc5b4}

@media(max-width:1050px){
  .section-head,.marketing-service{grid-template-columns:1fr}
  .section-head{align-items:start;gap:18px}
  .marketing-mark{min-height:370px}
}
@media(max-width:700px){
  .site-header{height:86px}
  .site-header .brand img{width:220px;max-height:72px}
  .mobile-nav{top:86px}
  .hero{min-height:640px;background-position:64% 50%}
  .hero__shade{background:linear-gradient(90deg,rgba(7,8,7,.82),rgba(7,8,7,.45) 72%,rgba(7,8,7,.18))}
  .section{padding-top:72px;padding-bottom:72px}
  .section-head{display:block}
  .section-head>p{display:block!important;margin-top:18px!important}
  .brand-navigation div{margin-left:0}
  .watch-card__image{padding:34px 8px 8px}
  .watch-card__body{display:block}
  .watch-title{min-height:0}
  .handover{display:block;min-height:0;margin-bottom:96px;background:#141713}
  .handover>img{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover;object-position:center;filter:brightness(1.02) saturate(.96)}
  .handover:after{display:none}
  .handover>div{max-width:none;padding:42px 26px 48px}
  .marketing-service{padding-top:88px;padding-bottom:88px;gap:48px}
  .marketing-mark{min-height:430px}
  .marketing-emblem{top:16px;right:auto;left:16px;width:min(170px,42%);padding:13px 15px 10px}
  .marketing-emblem span{margin-top:7px;font-size:7px;letter-spacing:.14em}
  .atelier,.faq{grid-template-columns:1fr;padding-top:88px;padding-bottom:88px}
  .atelier-image{max-width:330px}
  .contact-strip{padding-top:78px;padding-bottom:78px}
  .footer-collection{align-items:flex-start;flex-wrap:wrap;gap:16px 24px}
  .footer-collection strong{width:100%}
}
