
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');

:root {
  --ink:#12110f;
  --paper:#f5f1e9;
  --soft:#e9e2d6;
  --gold:#9b7745;
  --muted:#6d685f;
  --line:rgba(18,17,15,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:100%;object-fit:cover}
.wrap{width:min(1500px,92vw);margin:auto}
.micro{font-size:clamp(12px,1vw,15px);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#4f4b45}
.display{font-family:"Playfair Display",serif;font-weight:500;letter-spacing:-.045em;line-height:.92}
.reveal{opacity:0;transform:translateY(26px);transition:.85s ease}
.reveal.show{opacity:1;transform:none}

header{
 position:fixed;inset:0 0 auto;z-index:20;padding:24px 4vw;display:flex;align-items:center;justify-content:space-between;
 color:#fff;mix-blend-mode:difference
}
.brand{font-family:"Playfair Display",serif;font-size:24px;letter-spacing:.03em}
nav{display:flex;gap:28px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.hero{min-height:100svh;position:relative;color:#fff;display:grid;align-items:end;overflow:hidden}
.hero img{position:absolute;inset:0;filter:brightness(.46)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.55))}
.hero-copy{position:relative;z-index:2;padding:0 4vw 7vh;max-width:1300px}
.hero h1{font-size:clamp(50px,8.6vw,138px);max-width:12ch;margin:18px 0 0}
.hero p{max-width:590px;font-size:clamp(17px,1.4vw,23px);line-height:1.55;margin-top:28px;color:rgba(255,255,255,.88)}

.intro{padding:130px 0 150px}
.intro-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;align-items:start}
.intro h2{font-size:clamp(48px,6.8vw,108px);margin:0;max-width:11ch}
.intro p{font-size:clamp(18px,1.45vw,24px);line-height:1.65;color:#47433e;max-width:720px}

.services{padding:110px 0;background:#151411;color:#f7f2e8}
.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:70px}
.section-head h2{font-size:clamp(48px,7vw,110px);margin:10px 0 0}
.section-head p{max-width:520px;line-height:1.7;color:rgba(255,255,255,.68)}
.service-list{border-top:1px solid rgba(255,255,255,.18)}
.service{display:grid;grid-template-columns:80px 1fr 1.1fr;gap:28px;padding:34px 0;border-bottom:1px solid rgba(255,255,255,.18);align-items:center}
.service .num{font-family:"Playfair Display",serif;font-size:22px;color:#c8a66d}
.service h3{font-size:clamp(24px,2.5vw,42px);font-weight:500;margin:0}
.service p{margin:0;color:rgba(255,255,255,.68);line-height:1.65}

.discovery{display:grid;grid-template-columns:1fr 1fr;min-height:800px}
.discovery-media{min-height:760px}
.discovery-copy{padding:10vw 8vw;display:flex;flex-direction:column;justify-content:center}
.discovery h2{font-size:clamp(48px,6.2vw,96px);margin:16px 0 26px}
.discovery p{font-size:19px;line-height:1.75;color:#4e4942}
.text-link{display:inline-flex;gap:12px;align-items:center;margin-top:28px;font-weight:600;border-bottom:1px solid;padding-bottom:8px;width:max-content}

.collections{padding:120px 0 150px}
.collections .section-head{color:var(--ink)}
.collections .section-head p{color:var(--muted)}
.collection-stack{display:grid;gap:26px}
.collection-card{position:relative;min-height:min(78vh,850px);overflow:hidden;background:#111;color:#fff}
.collection-card img{position:absolute;inset:0;transition:transform 1.2s ease;filter:brightness(.72)}
.collection-card:hover img{transform:scale(1.035)}
.collection-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.08) 68%)}
.collection-info{position:absolute;z-index:2;left:5vw;bottom:5vw;max-width:650px}
.collection-info h3{font-size:clamp(50px,7.8vw,126px);margin:10px 0 12px}
.collection-info p{font-size:18px;line-height:1.6;color:rgba(255,255,255,.82);max-width:520px}
.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.collection-grid .collection-card{min-height:680px}
.collection-grid .collection-info h3{font-size:clamp(40px,5vw,78px)}

.process{padding:130px 0;background:#ebe5da}
.process h2{font-size:clamp(50px,7vw,110px);margin:12px 0 70px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.step{border-top:1px solid var(--ink);padding-top:24px}
.step b{font-family:"Playfair Display",serif;font-size:26px;color:var(--gold)}
.step h3{font-size:23px;margin:20px 0 12px}
.step p{line-height:1.65;color:#5c574f}

.cta{min-height:78vh;background:#111;color:#fff;display:grid;place-items:center;text-align:center;padding:80px 5vw}
.cta h2{font-size:clamp(54px,8vw,130px);max-width:11ch;margin:16px auto 34px}
.cta a{display:inline-block;border:1px solid rgba(255,255,255,.55);padding:16px 28px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:13px}

footer{padding:50px 4vw;background:#111;color:rgba(255,255,255,.68);border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;gap:30px;font-size:13px}

@media(max-width:900px){
 nav{display:none}
 .intro-grid,.discovery{grid-template-columns:1fr}
 .discovery-media{min-height:70vh}
 .service{grid-template-columns:48px 1fr}
 .service p{grid-column:2}
 .collection-grid,.steps{grid-template-columns:1fr}
 .collection-card,.collection-grid .collection-card{min-height:68vh}
 .section-head{display:block}
 .hero h1{font-size:clamp(46px,13vw,76px)}
 .intro h2,.services h2,.collections h2,.process h2{line-height:.98}
 footer{flex-direction:column}
}

.collection-cta{
  margin-top:22px;
  font-size:13px;
  font-weight:600;
  letter-spacing:.09em;
  text-transform:uppercase;
  border-bottom:1px solid rgba(255,255,255,.72);
  width:max-content;
  padding-bottom:7px;
}
.collection-details{
  padding:135px 0 150px;
  background:#f6f1e8;
}
.detail-intro{
  display:grid;
  grid-template-columns:.65fr 1.35fr;
  gap:6vw;
  margin-bottom:100px;
}
.detail-intro h2{
  font-size:clamp(50px,7vw,110px);
  margin:10px 0 24px;
  max-width:10ch;
}
.detail-intro p{
  grid-column:2;
  max-width:700px;
  font-size:19px;
  line-height:1.75;
  color:#5b554d;
}
.detail-case{
  scroll-margin-top:80px;
  padding:0 0 130px;
  margin-bottom:130px;
  border-bottom:1px solid rgba(18,17,15,.18);
}
.detail-hero{
  height:min(82vh,880px);
  overflow:hidden;
  background:#161513;
}
.detail-hero img{
  object-position:center;
}
.detail-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:8vw;
  padding-top:54px;
}
.detail-grid h3{
  font-size:clamp(52px,7vw,112px);
  margin:14px 0 0;
}
.detail-copy>p{
  font-size:clamp(18px,1.5vw,23px);
  line-height:1.7;
  margin:0 0 44px;
  color:#48433d;
}
.detail-facts{
  border-top:1px solid rgba(18,17,15,.22);
}
.detail-facts div{
  display:grid;
  grid-template-columns:145px 1fr;
  gap:25px;
  padding:20px 0;
  border-bottom:1px solid rgba(18,17,15,.16);
}
.detail-facts span{
  font-size:12px;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#6b655d;
}
.detail-facts b{
  font-weight:500;
  line-height:1.5;
}
@media(max-width:900px){
  .detail-intro,.detail-grid{grid-template-columns:1fr}
  .detail-intro p{grid-column:auto}
  .detail-hero{height:66vh}
  .detail-facts div{grid-template-columns:1fr;gap:8px}
}

/* V2.3 — Orijinal tasarım korunarak yalnızca görsel kadrajları düzeltildi */
.collection-card img,
.detail-hero img,
.discovery-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.collection-card,
.collection-grid .collection-card,
.detail-hero,
.discovery-media{
  overflow:hidden;
}

/* Portofino Giorno kartı — görsel içi yazılar çıkarıldı, ürün odağı güçlendirildi */
.collection-card:has(h3:nth-of-type(1)) {}

/* Monte Carlo Noir — özel proje düzeni */
.monte-carlo-special{
  padding-bottom:140px;
}
.mc-hero{
  position:relative;
  min-height:min(88vh,920px);
  overflow:hidden;
  background:#050505;
}
.mc-hero img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 40%;
  filter:brightness(.62);
}
.mc-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.78));
}
.mc-hero-overlay{
  position:absolute;
  z-index:2;
  left:5vw;
  bottom:5vw;
  color:#fff;
  max-width:850px;
}
.mc-hero-overlay h3{
  font-size:clamp(58px,8vw,126px);
  line-height:.9;
  margin:12px 0 20px;
}
.mc-hero-overlay p{
  font-size:clamp(18px,1.6vw,25px);
  line-height:1.55;
  max-width:620px;
}
.mc-intro{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:8vw;
  padding:70px 0 80px;
}
.mc-intro h4{
  font-size:clamp(48px,6vw,94px);
  line-height:.96;
  margin:16px 0 0;
}
.mc-intro p{
  font-size:clamp(18px,1.5vw,23px);
  line-height:1.75;
  color:#4d4740;
  margin:0 0 32px;
}
.mc-tags{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.mc-tags span{
  border:1px solid rgba(18,17,15,.24);
  padding:12px 16px;
  font-size:12px;
  font-weight:600;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.mc-gallery{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:24px;
  margin-bottom:70px;
}
.mc-gallery figure{
  margin:0;
  min-height:520px;
  overflow:hidden;
  background:#090909;
}
.mc-gallery .mc-large{
  grid-row:span 2;
  min-height:1064px;
}
.mc-gallery img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.mc-gallery .mc-large img{
  object-position:center 42%;
}
.mc-facts{
  border-top:1px solid rgba(18,17,15,.22);
  margin-bottom:80px;
}
.mc-facts div{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:30px;
  padding:22px 0;
  border-bottom:1px solid rgba(18,17,15,.16);
}
.mc-facts span{
  font-size:12px;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#6b655d;
}
.mc-facts b{
  font-weight:500;
}
.mc-video-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.mc-video-grid video{
  width:100%;
  aspect-ratio:9/16;
  object-fit:cover;
  background:#000;
}
@media(max-width:900px){
  .mc-intro,
  .mc-gallery,
  .mc-video-grid{
    grid-template-columns:1fr;
  }
  .mc-gallery .mc-large{
    grid-row:auto;
    min-height:70vh;
  }
  .mc-gallery figure{
    min-height:62vh;
  }
  .mc-facts div{
    grid-template-columns:1fr;
    gap:8px;
  }
  .mc-hero{
    min-height:78vh;
  }
}

/* Monte Carlo kolye — ürünün tamamını göster */
.mc-gallery .mc-large{
  background:#020202;
}
.mc-gallery .mc-large img.mc-necklace-full{
  object-fit:contain !important;
  object-position:center center !important;
  padding:34px;
  background:#020202;
}
@media(max-width:900px){
  .mc-gallery .mc-large img.mc-necklace-full{
    padding:18px;
  }
}

/* Carlotta — özgün koleksiyon düzeni */
.collection-card img.carlotta-card-image{
  object-position:center 44%;
}
.carlotta-special{
  padding-bottom:140px;
}
.carlotta-hero{
  position:relative;
  min-height:min(86vh,900px);
  overflow:hidden;
  background:#17140f;
}
.carlotta-hero img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 48%;
  filter:brightness(.68);
}
.carlotta-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.68));
}
.carlotta-hero-overlay{
  position:absolute;
  z-index:2;
  left:5vw;
  bottom:5vw;
  color:#fff;
  max-width:760px;
}
.carlotta-hero-overlay h3{
  font-size:clamp(58px,8vw,122px);
  line-height:.9;
  margin:12px 0 18px;
}
.carlotta-hero-overlay p{
  font-size:clamp(18px,1.5vw,24px);
  line-height:1.55;
  max-width:650px;
}
.carlotta-intro{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:8vw;
  padding:72px 0 82px;
}
.carlotta-intro h4{
  font-size:clamp(48px,6vw,92px);
  line-height:.96;
  margin:16px 0 0;
}
.carlotta-intro p{
  font-size:clamp(18px,1.45vw,23px);
  line-height:1.75;
  color:#4d4740;
  margin:0 0 32px;
}
.carlotta-tags{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.carlotta-tags span{
  border:1px solid rgba(18,17,15,.22);
  padding:12px 16px;
  font-size:12px;
  font-weight:600;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.carlotta-gallery{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:24px;
  margin-bottom:74px;
}
.carlotta-gallery figure{
  margin:0;
  min-height:520px;
  overflow:hidden;
  background:#e8dfd1;
}
.carlotta-gallery .carlotta-product-main{
  grid-row:span 2;
  min-height:1064px;
}
.carlotta-gallery img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.carlotta-gallery .carlotta-product-main img{
  object-position:center 45%;
}
.carlotta-facts{
  border-top:1px solid rgba(18,17,15,.22);
}
.carlotta-facts div{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:30px;
  padding:22px 0;
  border-bottom:1px solid rgba(18,17,15,.16);
}
.carlotta-facts span{
  font-size:12px;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#6b655d;
}
.carlotta-facts b{
  font-weight:500;
}
@media(max-width:900px){
  .carlotta-intro,
  .carlotta-gallery{
    grid-template-columns:1fr;
  }
  .carlotta-gallery .carlotta-product-main{
    grid-row:auto;
    min-height:70vh;
  }
  .carlotta-gallery figure{
    min-height:62vh;
  }
  .carlotta-facts div{
    grid-template-columns:1fr;
    gap:8px;
  }
}

/* Rose de Verre — özel proje düzeni */
.collection-card img.rose-card-image{
  object-position:center 46%;
}
.rose-special{
  padding-bottom:140px;
}
.rose-hero{
  position:relative;
  min-height:min(88vh,920px);
  overflow:hidden;
  background:#5a3518;
}
.rose-hero img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 46%;
  filter:brightness(.72);
}
.rose-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.62));
}
.rose-hero-overlay{
  position:absolute;
  z-index:2;
  left:5vw;
  bottom:5vw;
  color:#fff;
  max-width:780px;
}
.rose-hero-overlay h3{
  font-size:clamp(58px,8vw,124px);
  line-height:.9;
  margin:12px 0 18px;
}
.rose-hero-overlay p{
  font-size:clamp(18px,1.5vw,24px);
  line-height:1.55;
  max-width:650px;
}
.rose-intro{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:8vw;
  padding:72px 0 82px;
}
.rose-intro h4{
  font-size:clamp(48px,6vw,92px);
  line-height:.96;
  margin:16px 0 0;
}
.rose-intro p{
  font-size:clamp(18px,1.45vw,23px);
  line-height:1.75;
  color:#4d4740;
  margin:0 0 32px;
}
.rose-tags{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.rose-tags span{
  border:1px solid rgba(18,17,15,.22);
  padding:12px 16px;
  font-size:12px;
  font-weight:600;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.rose-story-panel{
  margin-bottom:26px;
  min-height:640px;
  overflow:hidden;
  background:#6b3d1c;
}
.rose-story-panel img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.rose-gallery{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:24px;
  margin-bottom:74px;
}
.rose-gallery figure{
  margin:0;
  min-height:520px;
  overflow:hidden;
  background:#6d3f1f;
}
.rose-gallery .rose-large{
  grid-row:span 2;
  min-height:1064px;
}
.rose-gallery img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.rose-gallery .rose-large img{
  object-position:center 44%;
}
.rose-facts{
  border-top:1px solid rgba(18,17,15,.22);
  margin-bottom:80px;
}
.rose-facts div{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:30px;
  padding:22px 0;
  border-bottom:1px solid rgba(18,17,15,.16);
}
.rose-facts span{
  font-size:12px;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#6b655d;
}
.rose-facts b{
  font-weight:500;
}
.rose-video-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.rose-video-grid video{
  width:100%;
  aspect-ratio:9/16;
  object-fit:cover;
  background:#000;
}
@media(max-width:900px){
  .rose-intro,
  .rose-gallery,
  .rose-video-grid{
    grid-template-columns:1fr;
  }
  .rose-gallery .rose-large{
    grid-row:auto;
    min-height:70vh;
  }
  .rose-gallery figure,
  .rose-story-panel{
    min-height:62vh;
  }
  .rose-facts div{
    grid-template-columns:1fr;
    gap:8px;
  }
}

/* Portofino Viva — özel koleksiyon düzeni */
.collection-card img.portofino-viva-card{
  object-position:center 46%;
}
.portofino-viva-special{
  padding-bottom:140px;
}
.pv-hero{
  position:relative;
  min-height:min(88vh,920px);
  overflow:hidden;
  background:#d9eee9;
}
.pv-hero img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 47%;
  filter:brightness(.83);
}
.pv-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.55));
}
.pv-hero-overlay{
  position:absolute;
  z-index:2;
  left:5vw;
  bottom:5vw;
  color:#fff;
  max-width:780px;
}
.pv-hero-overlay h3{
  font-size:clamp(58px,8vw,124px);
  line-height:.9;
  margin:12px 0 18px;
}
.pv-hero-overlay p{
  font-size:clamp(18px,1.5vw,24px);
  line-height:1.55;
  max-width:650px;
}
.pv-intro{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:8vw;
  padding:72px 0 82px;
}
.pv-intro h4{
  font-size:clamp(48px,6vw,92px);
  line-height:.96;
  margin:16px 0 0;
}
.pv-intro p{
  font-size:clamp(18px,1.45vw,23px);
  line-height:1.75;
  color:#4d4740;
  margin:0 0 32px;
}
.pv-tags{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.pv-tags span{
  border:1px solid rgba(18,17,15,.22);
  padding:12px 16px;
  font-size:12px;
  font-weight:600;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.pv-banner{
  margin-bottom:26px;
  min-height:610px;
  overflow:hidden;
  background:#d9eee9;
}
.pv-banner img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.pv-gallery{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:24px;
  margin-bottom:74px;
}
.pv-gallery figure{
  margin:0;
  min-height:520px;
  overflow:hidden;
  background:#d7ece7;
}
.pv-gallery .pv-large{
  grid-row:span 2;
  min-height:1064px;
}
.pv-gallery img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.pv-gallery .pv-large img{
  object-position:center 44%;
}
.pv-facts{
  border-top:1px solid rgba(18,17,15,.22);
}
.pv-facts div{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:30px;
  padding:22px 0;
  border-bottom:1px solid rgba(18,17,15,.16);
}
.pv-facts span{
  font-size:12px;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#6b655d;
}
.pv-facts b{
  font-weight:500;
}
@media(max-width:900px){
  .pv-intro,
  .pv-gallery{
    grid-template-columns:1fr;
  }
  .pv-gallery .pv-large{
    grid-row:auto;
    min-height:70vh;
  }
  .pv-gallery figure,
  .pv-banner{
    min-height:62vh;
  }
  .pv-facts div{
    grid-template-columns:1fr;
    gap:8px;
  }
}

/* RIBON D’OR — özel koleksiyon düzeni */
.collection-card img.ribon-card-image{
  object-position:center 38%;
}
.ribon-special{
  padding-bottom:145px;
}
.ribon-hero{
  position:relative;
  min-height:min(90vh,940px);
  overflow:hidden;
  background:#b89068;
}
.ribon-hero img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 42%;
  filter:brightness(.78);
}
.ribon-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.58));
}
.ribon-hero-overlay{
  position:absolute;
  z-index:2;
  left:5vw;
  bottom:5vw;
  color:#fff;
  max-width:820px;
}
.ribon-hero-overlay h3{
  font-size:clamp(54px,7.5vw,118px);
  line-height:.92;
  margin:12px 0 20px;
}
.ribon-hero-overlay p{
  font-size:clamp(18px,1.5vw,24px);
  line-height:1.58;
  max-width:690px;
}
.ribon-intro{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:8vw;
  padding:74px 0 84px;
}
.ribon-intro h4{
  font-size:clamp(48px,6vw,92px);
  line-height:.96;
  margin:16px 0 0;
}
.ribon-intro p{
  font-size:clamp(18px,1.45vw,23px);
  line-height:1.75;
  color:#4d4740;
  margin:0 0 32px;
}
.ribon-tags{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.ribon-tags span{
  border:1px solid rgba(18,17,15,.22);
  padding:12px 16px;
  font-size:12px;
  font-weight:600;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.ribon-editorial{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:24px;
  margin-bottom:26px;
}
.ribon-editorial figure{
  margin:0;
  min-height:520px;
  overflow:hidden;
  background:#c8ab8e;
}
.ribon-editorial-main{
  grid-row:span 2;
  min-height:1064px !important;
}
.ribon-editorial img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.ribon-editorial-main img{
  object-position:center 42%;
}
.ribon-product-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin-bottom:76px;
}
.ribon-product-grid figure{
  margin:0;
  aspect-ratio:4/5;
  overflow:hidden;
  background:#d2b28f;
}
.ribon-product-grid img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 45%;
}
.ribon-facts{
  border-top:1px solid rgba(18,17,15,.22);
  margin-bottom:82px;
}
.ribon-facts div{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:30px;
  padding:22px 0;
  border-bottom:1px solid rgba(18,17,15,.16);
}
.ribon-facts span{
  font-size:12px;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#6b655d;
}
.ribon-facts b{
  font-weight:500;
}
.ribon-video-wrap{
  max-width:980px;
  margin:0 auto;
  background:#b99673;
}
.ribon-video-wrap video{
  display:block;
  width:100%;
  max-height:82vh;
  object-fit:cover;
  background:#000;
}
@media(max-width:900px){
  .ribon-intro,
  .ribon-editorial,
  .ribon-product-grid{
    grid-template-columns:1fr;
  }
  .ribon-editorial-main{
    grid-row:auto;
    min-height:70vh !important;
  }
  .ribon-editorial figure{
    min-height:62vh;
  }
  .ribon-product-grid figure{
    aspect-ratio:4/5;
  }
  .ribon-facts div{
    grid-template-columns:1fr;
    gap:8px;
  }
  .ribon-hero{
    min-height:78vh;
  }
}

/* Monte Carlo Noir — luxury editorial experience */
.collection-card img.mc-editorial-card{
  object-position:center 36%;
}
.mc-editorial-special{
  padding-bottom:150px;
}
.mce-hero{
  position:relative;
  min-height:100vh;
  overflow:hidden;
  background:#080706;
}
.mce-hero img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 38%;
  filter:brightness(.66);
}
.mce-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.72));
}
.mce-hero-overlay{
  position:absolute;
  z-index:2;
  left:5vw;
  bottom:6vw;
  max-width:850px;
  color:#fff;
}
.mce-hero-overlay h3{
  font-size:clamp(58px,8.4vw,132px);
  line-height:.88;
  margin:12px 0 22px;
}
.mce-hero-overlay p{
  font-size:clamp(18px,1.55vw,25px);
  line-height:1.6;
  max-width:660px;
}
.mce-spread{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:28px;
  padding:110px 0 40px;
}
.mce-spread figure{
  margin:0;
  overflow:hidden;
}
.mce-spread-main{
  min-height:980px;
}
.mce-spread-main img,
.mce-spread-side figure img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.mce-spread-main img{
  object-position:center 38%;
}
.mce-spread-side{
  display:grid;
  grid-template-rows:1.15fr .85fr;
  gap:28px;
}
.mce-spread-side figure{
  min-height:570px;
}
.mce-spread-copy{
  align-self:center;
  padding:30px 4vw 30px 1vw;
}
.mce-spread-copy h4,
.mce-story h4,
.mce-signature h4,
.mce-closing h4{
  font-size:clamp(46px,5.8vw,90px);
  line-height:.96;
  margin:14px 0 22px;
}
.mce-spread-copy p,
.mce-story p,
.mce-signature p{
  font-size:clamp(18px,1.35vw,22px);
  line-height:1.75;
  color:#4d4740;
}
.mce-story{
  max-width:980px;
  margin:110px auto 120px;
  text-align:center;
  padding:0 5vw;
}
.mce-product-hero{
  min-height:86vh;
  background:#151311;
  overflow:hidden;
  margin-bottom:28px;
}
.mce-product-hero img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 50%;
}
.mce-product-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin-bottom:120px;
}
.mce-product-grid figure{
  margin:0;
  aspect-ratio:4/5;
  background:#ece8e2;
  overflow:hidden;
}
.mce-product-grid img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 44%;
}
.mce-lifestyle{
  display:grid;
  grid-template-columns:1fr .82fr 1fr;
  gap:24px;
  align-items:start;
  margin-bottom:130px;
}
.mce-lifestyle figure{
  margin:0;
  overflow:hidden;
}
.mce-life-a,
.mce-life-c{
  min-height:760px;
}
.mce-life-b{
  min-height:620px;
  margin-top:110px !important;
}
.mce-lifestyle img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 38%;
}
.mce-signature{
  display:grid;
  grid-template-columns:.7fr 1.3fr;
  gap:7vw;
  align-items:center;
  background:#0e0d0c;
  color:#fff;
  padding:90px 6vw;
  margin-bottom:120px;
}
.mce-signature-copy p{
  color:rgba(255,255,255,.72);
}
.mce-signature figure{
  margin:0;
  min-height:720px;
  overflow:hidden;
}
.mce-signature img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.mce-closing{
  position:relative;
  min-height:88vh;
  overflow:hidden;
  background:#100f0d;
}
.mce-closing img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 34%;
  filter:brightness(.52);
}
.mce-closing:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.68));
}
.mce-closing-copy{
  position:absolute;
  z-index:2;
  left:5vw;
  bottom:5vw;
  color:#fff;
  max-width:780px;
}
@media(max-width:900px){
  .mce-spread,
  .mce-product-grid,
  .mce-lifestyle,
  .mce-signature{
    grid-template-columns:1fr;
  }
  .mce-spread-main,
  .mce-spread-side figure,
  .mce-life-a,
  .mce-life-b,
  .mce-life-c,
  .mce-signature figure{
    min-height:68vh;
  }
  .mce-life-b{
    margin-top:0 !important;
  }
  .mce-product-grid figure{
    aspect-ratio:4/5;
  }
  .mce-signature{
    padding:70px 6vw;
  }
  .mce-hero{
    min-height:82vh;
  }
}

/* RENE — corrected Florence / Renaissance editorial section */
.rene-correct{background:#f4f0e9;color:#15130f;padding-bottom:0}
.rene-hero-correct{position:relative;min-height:96vh;overflow:hidden;background:#17110c}
.rene-hero-correct>img{width:100%;height:96vh;object-fit:cover;object-position:center 38%;display:block}
.rene-hero-correct:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.68))}
.rene-hero-copy-correct{position:absolute;z-index:2;left:6vw;bottom:7vh;color:#fff;max-width:760px}
.rene-hero-copy-correct h3{font-size:clamp(78px,13vw,210px);line-height:.78;margin:18px 0 30px;font-weight:400}
.rene-hero-copy-correct p{max-width:650px;font-size:clamp(17px,1.5vw,24px);line-height:1.65}
.rene-story-correct{padding:11vw 7vw 12vw}
.rene-story-grid-correct{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:45px;align-items:start}
.rene-story-grid-correct h4{font-size:clamp(48px,7vw,112px);line-height:.94;margin:0;font-weight:400}
.rene-story-copy-correct p{font-size:clamp(17px,1.35vw,22px);line-height:1.85;margin:0 0 24px;color:#514b43}
.rene-editorial-correct{display:grid;grid-template-columns:1fr .72fr 1fr;min-height:92vh;background:#100d0a;color:#f7f1e8}
.rene-editorial-correct figure{margin:0;min-height:92vh;overflow:hidden}
.rene-editorial-correct img{width:100%;height:100%;object-fit:cover;display:block}
.rene-portrait-correct img{object-position:center center}.rene-jewel-correct img{object-position:center center}
.rene-code-correct{padding:7vw 4vw;display:flex;flex-direction:column;justify-content:center}
.rene-code-correct h4{font-size:clamp(48px,6vw,96px);line-height:.92;margin:28px 0 38px;font-weight:400}
.rene-code-correct p{font-size:18px;line-height:1.8;color:#c8bfb3}
.rene-closing-correct{min-height:72vh;padding:9vw 7vw;display:flex;flex-direction:column;justify-content:center;background:#d7c3a8}
.rene-closing-correct h4{font-size:clamp(60px,9vw,148px);line-height:.88;margin:30px 0 0;font-weight:400}
@media(max-width:900px){.rene-story-grid-correct{grid-template-columns:1fr}.rene-editorial-correct{grid-template-columns:1fr}.rene-editorial-correct figure{min-height:70vh}.rene-code-correct{min-height:62vh}.rene-hero-correct,.rene-hero-correct>img{min-height:82vh;height:82vh}}


/* Rose de Verre — görsel ölçüsü ve tam kadraj */
.rose-story-panel.rose-story-image-fixed{
  width:100%;
  min-height:0;
  height:auto;
  margin-bottom:26px;
  overflow:hidden;
  background:#b26d30;
}
.rose-story-panel.rose-story-image-fixed img{
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  object-position:center;
}
@media(max-width:900px){
  .rose-story-panel.rose-story-image-fixed{
    min-height:0;
    height:auto;
  }
  .rose-story-panel.rose-story-image-fixed img{
    width:100%;
    height:auto;
    object-fit:contain;
  }
}


/* Monte Carlo Noir — yeni yatay kapak görseli */
.monte-carlo-cover-fixed{
  min-height:clamp(560px,72vw,820px);
}
.monte-carlo-cover-fixed > img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
@media (max-width:900px){
  .monte-carlo-cover-fixed{
    min-height:680px;
  }
  .monte-carlo-cover-fixed > img{
    object-position:62% center;
  }
}

/* Monte Carlo Noir — görselin içindeki yazıyla çakışan HTML metnini kaldır */
.monte-carlo-cover-fixed .collection-info{
  display:none !important;
}
.monte-carlo-cover-fixed::after{
  display:none !important;
}


#portofino-viva .portofino-detail-hero-img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
@media(max-width:900px){
  #portofino-viva .portofino-detail-hero-img{
    object-position:60% center;
  }
}

/* Portofino Viva detay bannerı — yalnızca görsel */
#portofino-viva .portofino-banner-only-image{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
}
#portofino-viva .collection-info,
#portofino-viva .hero-content,
#portofino-viva .collection-overlay{
  display:none !important;
}
#portofino-viva::after{
  display:none !important;
}
@media(max-width:900px){
  #portofino-viva .portofino-banner-only-image{
    object-position:58% center;
  }
}

/* Çok sayfalı site ek düzenlemeleri */
.collection-page-nav{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  padding:42px max(24px,5vw);
  border-top:1px solid rgba(255,255,255,.14);
  border-bottom:1px solid rgba(255,255,255,.14);
  background:#111;
}
.collection-page-nav a{
  color:#f2eee5;
  text-decoration:none;
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.collection-page-nav a:hover{opacity:.65}
.collection-detail-page #koleksiyon-detaylari{
  padding-top:0;
}
@media(max-width:760px){
  .collection-page-nav{
    flex-direction:column;
    text-align:center;
  }
}
/* Görselleri görünür alana gelene kadar ertele */
img[loading="lazy"]{
  content-visibility:auto;
}
