/* Future Skin Science — Ana sayfaya özel bileşenler */
.hero{min-height:88vh;display:flex;align-items:center;background:
  radial-gradient(1000px 560px at 88% 8%,var(--sage-faint),transparent 60%),
  radial-gradient(800px 480px at 8% 92%,var(--gold-faint),transparent 60%),
  var(--paper);padding:4.5rem 0 4rem}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:5rem;align-items:center}
.hero .lead{margin:1.8rem 0 2.6rem}
.hero-ctas{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.8rem}
.hero-visual{position:relative;height:520px}
.hv-frame{position:absolute;overflow:hidden;background:var(--white);border:1px solid var(--line);display:flex;align-items:flex-end;box-shadow:0 30px 60px -38px rgba(43,42,38,.28)}
.hv-frame .cap{width:100%;padding:.75rem 1rem;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);background:linear-gradient(transparent,rgba(255,255,255,.94))}
.hv-a{top:0;right:0;width:62%;height:64%}
.hv-b{bottom:0;left:0;width:52%;height:52%;z-index:2}
.hv-c{top:12%;left:6%;width:30%;height:34%}
.hv-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.hv-frame .cap{position:relative;z-index:2}
.hv-ring{position:absolute;border-radius:50%;border:1px solid var(--sage-line);pointer-events:none}
.hv-ring.r1{width:220px;height:220px;bottom:-40px;right:6%}
.hv-ring.r2{width:120px;height:120px;bottom:10px;right:20%;border-color:var(--gold-faint)}

.brands{background:var(--white);padding:6.5rem 0}
.brands .sec-head{max-width:720px;margin-bottom:3.8rem}
.brand-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}
.bcard{min-width:0}
.bcard .btn{white-space:normal;text-align:center;justify-content:center}
.bcard{background:var(--paper);border:1px solid var(--line);padding:2.4rem 2.1rem 2.2rem;display:flex;flex-direction:column;transition:transform .4s ease,box-shadow .4s ease,border-color .4s}
.bcard:hover{transform:translateY(-8px);box-shadow:0 30px 60px -34px rgba(43,42,38,.22);border-color:rgba(200,169,110,.4)}
.bcard .mark{min-height:64px;display:flex;flex-direction:column;justify-content:center;margin-bottom:1.2rem}
.bcard .mark .name{font-family:var(--serif);font-size:1.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.bcard .mark .sub{font-size:.6rem;letter-spacing:.4em;text-transform:uppercase;color:var(--gold-deep);margin-top:.3rem}
.bcard .desc{font-size:.92rem;color:var(--ink-mute);min-height:4.6em;margin-bottom:1.5rem}
.bcard .shots{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1.8rem}
.shot{aspect-ratio:3/4;background:var(--paper-3);border:1px solid var(--line);position:relative;overflow:hidden;display:block}
.shot img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.shot:hover img{transform:scale(1.06)}
.shot.noimg img{display:none}
.shot.noimg{display:flex;align-items:center;justify-content:center;padding:.4rem;text-align:center}
.shot.noimg::before{content:attr(title);font-size:.52rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);line-height:1.4}
.bcard .cta-row{margin-top:auto;display:flex;flex-direction:column;gap:.6rem}
.bcard .cta-row .btn{width:100%;justify-content:center}
.bcard .note{font-size:.78rem;color:var(--ink-faint);margin-top:.9rem;line-height:1.5}
.bcard .note a{color:var(--sage-deep);border-bottom:1px solid var(--sage-line)}

.production{background:linear-gradient(180deg,var(--paper-2) 0%,var(--paper) 100%);padding:6.5rem 0}
.prod-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:4.5rem;align-items:center}
.prod-chips{display:flex;flex-wrap:wrap;gap:.6rem;margin:2rem 0 2.4rem}
.prod-shots{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.pshot{aspect-ratio:4/3;background:var(--white);border:1px solid var(--line);position:relative;display:flex;align-items:flex-end;overflow:hidden;box-shadow:0 22px 44px -30px rgba(43,42,38,.2)}
.pshot:nth-child(2){transform:translateY(2rem)}
.pshot:nth-child(4){transform:translateY(2rem)}
.pshot .cap{width:100%;padding:.65rem .85rem;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);background:linear-gradient(transparent,rgba(255,255,255,.94));position:relative;z-index:2}
.pshot>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:transform .6s ease}
.pshot:hover>img{transform:scale(1.05)}

.own-brand{background:radial-gradient(900px 500px at 50% 0%,var(--sage-faint),transparent 65%),var(--paper-2);padding:6.5rem 0;text-align:center;border-top:1px solid var(--line)}
.own-brand .inner{max-width:800px;margin:0 auto}
.own-brand .lead{margin:1.8rem auto 2.2rem}
.pull{font-family:var(--serif);font-size:clamp(1.25rem,2.2vw,1.65rem);font-style:italic;color:var(--gold-deep);margin-bottom:2.6rem}

.founder{background:var(--white);padding:6.5rem 0}
.founder-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:4.5rem;align-items:center}
.portrait{aspect-ratio:4/5;background:var(--paper-2);border:1px solid var(--line);position:relative;overflow:hidden}
.portrait img{width:100%;height:100%;object-fit:cover}
.founder .name-line{margin-top:1.6rem;font-size:.76rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-deep);font-weight:600}
.founder .title-line{font-size:.8rem;color:var(--ink-mute);letter-spacing:.04em;margin-top:.35rem}

.blogteaser{background:var(--paper);padding:6.5rem 0}
.blogteaser .sec-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1.2rem;margin-bottom:3rem}

.final{background:var(--paper-2);padding:6.5rem 0 5.5rem;text-align:center;border-top:1px solid var(--line)}
.final .lead{margin:1.6rem auto 2.6rem;max-width:52ch}
.final-ctas{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}

@media(max-width:1024px){
  .hero-grid{grid-template-columns:1fr;gap:3.2rem}
  .hero-visual{height:420px;max-width:560px}
  .brand-cards{grid-template-columns:1fr;max-width:520px;margin:0 auto}
  .prod-grid,.founder-grid{grid-template-columns:1fr;gap:2.6rem}
  .portrait{max-width:380px}
}
@media(max-width:640px){
  .hero{padding-top:2.5rem}
  .hero-ctas .btn{width:100%;justify-content:center}
  .hero-visual{height:340px}
  .hv-ring.r1{width:130px;height:130px}
  .prod-shots{grid-template-columns:1fr}
  .pshot:nth-child(2),.pshot:nth-child(4){transform:none}
  .final-ctas .btn{width:100%;justify-content:center}
}

/* PROMO — ana sayfa duyuru slaytı */
.promo{position:relative;overflow:hidden;background:var(--paper)}
.promo-track{display:grid}
.slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s;display:flex;align-items:center;min-height:min(86vh,760px);padding:4rem 0 5.5rem;position:relative}
.slide.is-active{opacity:1;visibility:visible;z-index:1}
.slide::before,.slide::after{content:"";position:absolute;border-radius:50%;pointer-events:none;opacity:.55}
.slide::before{width:520px;height:520px;right:-120px;top:-160px;background:radial-gradient(circle,rgba(255,255,255,.7),transparent 70%)}
.slide::after{width:340px;height:340px;left:-120px;bottom:-140px;border:1px solid rgba(255,255,255,.8)}
.s-blush{background:linear-gradient(120deg,#fbefec 0%,#f5dcd6 55%,#eec9c0 100%)}
.s-lilac{background:linear-gradient(120deg,#f4f0f8 0%,#e6dcf0 55%,#d6c6e6 100%)}
.s-champagne{background:linear-gradient(120deg,#faf4ea 0%,#f1e3cb 55%,#e6cfa6 100%)}
.s-sage{background:linear-gradient(120deg,#f1f5f0 0%,#dfeade 55%,#c9dccb 100%)}
.slide-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:4rem;align-items:center;width:100%;position:relative;z-index:1}
.slide-tag{display:inline-block;font-size:.66rem;letter-spacing:.32em;font-weight:600;text-transform:uppercase;color:#7a4b43;background:rgba(255,255,255,.65);border:1px solid rgba(122,75,67,.2);padding:.5rem .95rem;margin-bottom:1.6rem}
.s-lilac .slide-tag{color:#5b4a73;border-color:rgba(91,74,115,.2)}
.s-champagne .slide-tag{color:#7a5f2c;border-color:rgba(122,95,44,.22)}
.s-sage .slide-tag{color:var(--sage-deep);border-color:var(--sage-line)}
.slide-title{font-family:var(--serif);font-weight:400;font-size:clamp(2.3rem,5vw,4.1rem);line-height:1.08;color:var(--ink)}
.slide-title em{font-style:italic;color:#9a5a4f}
.s-lilac .slide-title em{color:#6d5690}
.s-champagne .slide-title em{color:var(--gold-deep)}
.s-sage .slide-title em{color:var(--sage-deep)}
.slide-text{font-size:clamp(1rem,1.3vw,1.12rem);color:#5d5a52;max-width:48ch;margin:1.5rem 0 2.2rem}
.slide-ctas{display:flex;flex-wrap:wrap;gap:.9rem}
.slide-ctas .btn-line{background:rgba(255,255,255,.55)}
.slide-media{position:relative;height:540px}
.arch{position:absolute;right:6%;top:0;width:66%;height:100%;border-radius:999px 999px 28px 28px;overflow:hidden;background:#fff;box-shadow:0 40px 80px -40px rgba(80,50,40,.45);border:6px solid rgba(255,255,255,.85)}
.arch img{width:100%;height:100%;object-fit:cover}
.arch.product img{object-fit:contain;padding:1.8rem;background:#fff}
.bubble{position:absolute;width:168px;height:168px;border-radius:50%;overflow:hidden;background:#fff;border:5px solid rgba(255,255,255,.9);box-shadow:0 24px 50px -28px rgba(80,50,40,.5)}
.bubble img{width:100%;height:100%;object-fit:cover}
.bubble.product img{object-fit:contain;padding:.9rem}
.bubble.b1{left:0;bottom:12%}
.bubble.b2{left:14%;top:6%;width:120px;height:120px}
.slide-badge{position:absolute;right:0;bottom:8%;background:#fff;padding:.8rem 1.1rem;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--ink);box-shadow:0 18px 40px -24px rgba(0,0,0,.35)}
.slide-badge b{display:block;font-family:var(--serif);font-size:1.5rem;letter-spacing:0;text-transform:none;color:#9a5a4f;font-weight:500}
.promo-ui{position:absolute;left:0;right:0;bottom:1.6rem;z-index:5;display:flex;align-items:center;justify-content:center;gap:1.2rem}
.promo-dots{display:flex;gap:.55rem}
.promo-dots button{width:10px;height:10px;border-radius:50%;border:1px solid rgba(43,42,38,.45);background:transparent;cursor:pointer;padding:0;transition:all .3s}
.promo-dots button.on{background:var(--ink);width:28px;border-radius:6px}
.promo-prev,.promo-next{width:42px;height:42px;border-radius:50%;border:1px solid rgba(43,42,38,.25);background:rgba(255,255,255,.7);cursor:pointer;font-size:1.1rem;color:var(--ink);transition:all .3s}
.promo-prev:hover,.promo-next:hover{background:#fff;border-color:var(--gold)}
.promo-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.5);z-index:5}
.promo-progress span{display:block;height:100%;width:0;background:var(--gold)}
.promo.single .promo-ui,.promo.single .promo-progress{display:none}
@media(max-width:1024px){
  .slide-grid{grid-template-columns:minmax(0,1fr);gap:2rem}
  .slide-grid>*{min-width:0}
  .slide{overflow-x:hidden}
  .slide-media{height:360px;order:-1;max-width:520px;width:100%;margin:0 auto}
  .slide{padding:2.2rem 0 5.5rem;min-height:0;align-items:flex-start}
}
@media(max-width:640px){
  .slide-media{height:290px}
  .arch{width:72%;right:4%}
  .bubble.b1{width:118px;height:118px}
  .bubble.b2{width:86px;height:86px}
  .slide-badge{font-size:.6rem;padding:.6rem .8rem}
  .slide-badge b{font-size:1.2rem}
  .slide-ctas .btn{width:100%;justify-content:center;white-space:normal;text-align:center;letter-spacing:.14em;padding:1rem 1.2rem}
  .promo-prev,.promo-next{display:none}
}
@media(prefers-reduced-motion:reduce){.slide{transition:none}}