/* =====================================================================
   STAR BURGER — Ana sayfa v4
   İlke: Kemer (taş fırın ağzı) sitenin tek kavisli imza öğesidir.
   Geri kalan her şey keskin, ölçülü ve kurumsaldır. İtalik kullanılmaz.
   Özgün görseller ve metinler Star Burger yönetim panelinden düzenlenir.
   ===================================================================== */
:root{
  --night:#0F1F33;
  --night-2:#16293F;
  --navy:#1F3A57;
  --gold:#C6A15B;
  --gold-hi:#E3C98F;
  --gold-lo:#856224;
  --ivory:#F6F2EA;
  --stone:#ECE4D5;
  --paper:#FFFFFF;
  --ink:#17212D;
  --muted:#605C55;
  --muted-d:rgba(246,242,234,.7);
  --hair:rgba(198,161,90,.45);
  --hair-d:rgba(246,242,234,.12);
  --line:rgba(23,33,45,.12);
  --serif:"Newsreader", Georgia, "Times New Roman", serif;
  --sans:"Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --r:4px;
  --ease:cubic-bezier(.22,1,.36,1);
  --ease-io:cubic-bezier(.77,0,.18,1);
  --wrap:1320px;
  --focus:var(--navy);
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:100px}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-stopped{overflow:clip}
@media (prefers-reduced-motion:no-preference){html:not(.lenis){scroll-behavior:smooth}}
body{margin:0;overflow-x:clip;font-family:var(--sans);font-size:1.03rem;line-height:1.75;color:var(--ink);background:var(--ivory);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
h1,h2,h3,h4{margin:0;font-family:var(--serif);font-optical-sizing:auto;font-weight:500;line-height:1.04;letter-spacing:-.018em;text-wrap:balance;font-variant-numeric:lining-nums}
em,i{font-style:normal}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
figure{margin:0}
button{font:inherit;color:inherit}
::selection{background:var(--gold);color:var(--night)}
.wrap{width:min(100% - 64px, var(--wrap));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:16px;top:-80px;z-index:400;background:var(--gold);color:var(--night);padding:10px 16px;font-weight:700;text-decoration:none}
.skip:focus{top:12px}
:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
.dark{--focus:var(--gold-hi);color:var(--ivory);background:radial-gradient(80% 55% at 50% 0%,rgba(42,74,110,.42) 0%,rgba(15,31,51,0) 70%),radial-gradient(60% 50% at 100% 100%,rgba(198,161,90,.07) 0%,rgba(198,161,90,0) 70%),linear-gradient(180deg,#0E1D30 0%,#0F1F33 45%,#0B1828 100%)}
.paper{position:relative;isolation:isolate;background:radial-gradient(90% 70% at 12% 0%,rgba(255,255,255,.8) 0%,rgba(255,255,255,0) 60%),radial-gradient(70% 60% at 100% 100%,rgba(198,161,90,.13) 0%,rgba(198,161,90,0) 65%),var(--ivory)}
.paper.bg-stone{background:radial-gradient(90% 70% at 88% 0%,rgba(255,255,255,.55) 0%,rgba(255,255,255,0) 60%),radial-gradient(70% 60% at 0% 100%,rgba(133,98,36,.12) 0%,rgba(133,98,36,0) 65%),var(--stone)}
.paper::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--grain);opacity:.07;mix-blend-mode:multiply}
.rosette{position:absolute;display:block;pointer-events:none;aspect-ratio:1;-webkit-mask-image:radial-gradient(closest-side,#000 62%,transparent 100%);mask-image:radial-gradient(closest-side,#000 62%,transparent 100%)}
.ico{width:18px;height:18px;flex:none}
.grain{position:relative;isolation:isolate}
.grain::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background-image:var(--grain);opacity:.06;mix-blend-mode:overlay}
.grain::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;box-shadow:inset 0 0 220px rgba(2,8,16,.55)}
.ph img{filter:saturate(.9) contrast(1.04)}

/* ---------- tipografi ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:14px;font-size:.7rem;font-weight:800;letter-spacing:.26em;text-transform:uppercase;color:var(--gold-lo)}
.eyebrow::before{content:"";width:44px;height:10px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='10' viewBox='0 0 44 10'%3E%3Crect x='0' y='4.6' width='31' height='.9' fill='white'/%3E%3Cpolygon points='39.0,0.5 40.1,3.7 43.6,3.8 40.9,5.9 41.8,9.2 39.0,7.2 36.2,9.2 37.1,5.9 34.4,3.8 37.9,3.7' fill='white'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='10' viewBox='0 0 44 10'%3E%3Crect x='0' y='4.6' width='31' height='.9' fill='white'/%3E%3Cpolygon points='39.0,0.5 40.1,3.7 43.6,3.8 40.9,5.9 41.8,9.2 39.0,7.2 36.2,9.2 37.1,5.9 34.4,3.8 37.9,3.7' fill='white'/%3E%3C/svg%3E") center/contain no-repeat}
.dark .eyebrow{color:var(--gold)}
.h-lg{font-size:clamp(2.4rem,1.35rem + 2.7vw,4.35rem);color:var(--ink)}
.dark .h-lg{color:var(--ivory)}
.lead{font-size:1.0625rem;line-height:1.8;color:var(--muted);max-width:34em}
.dark .lead{color:var(--muted-d)}
.head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px 80px;align-items:end;margin-bottom:76px}
.head > div{display:grid;gap:24px;justify-items:start}
.head-c{display:grid;justify-items:center;text-align:center;gap:24px;margin-bottom:72px}

/* ---------- butonlar ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:56px;padding:0 30px;border-radius:var(--r);border:1px solid transparent;font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .35s var(--ease),border-color .35s var(--ease),color .35s var(--ease)}
.btn .arr{width:16px;height:16px;transition:transform .45s var(--ease)}
.btn:hover .arr{transform:translateX(4px)}
.btn-sm{height:46px;padding:0 22px;font-size:.7rem}
.btn-gold{background:var(--gold);color:var(--night)}
.btn-gold:hover{background:var(--gold-hi)}
.btn-ghost{border-color:rgba(246,242,234,.32);color:var(--ivory)}
.btn-ghost:hover{border-color:var(--gold-hi);color:var(--gold-hi)}
.btn-ink{background:var(--night);color:var(--ivory)}
.btn-ink:hover{background:var(--navy)}
.btn-line{border-color:rgba(23,33,45,.25);color:var(--ink)}
.btn-line:hover{border-color:var(--ink);background:var(--ink);color:var(--ivory)}
.link{display:inline-flex;align-items:center;gap:10px;padding-bottom:6px;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--ink);background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;background-size:24px 1px;transition:background-size .5s var(--ease)}
.link:hover{background-size:100% 1px}
.link svg{width:15px;height:15px;transition:transform .45s var(--ease)}
.link:hover svg{transform:translateX(4px)}
.dark .link{color:var(--gold-hi)}

/* ---------- menü ---------- */
.masthead,.drawer{--focus:var(--gold-hi)}
.mega .link{color:var(--gold-hi)}
.mega .eyebrow{color:var(--gold)}
.masthead{position:fixed;top:0;left:0;right:0;z-index:80;color:var(--ivory);transition:background-color .5s var(--ease),box-shadow .5s var(--ease)}
.masthead::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,rgba(198,161,90,0) 0%,rgba(198,161,90,.45) 22%,rgba(198,161,90,.45) 78%,rgba(198,161,90,0) 100%);pointer-events:none}
.navbar{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;height:104px;transition:height .5s var(--ease)}
.nb-side{display:flex;align-items:center;justify-content:space-between;gap:28px;min-width:0}
.nb-left{padding-right:60px}
.nb-right{padding-left:60px}
.nav{display:flex;align-items:center;gap:44px}
.nav-item{position:relative}
.nav-link{position:relative;display:inline-flex;align-items:center;gap:9px;padding:12px 0;border:0;background:none;font-size:.72rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:rgba(246,242,234,.86);cursor:pointer;transition:color .3s}
.nav-link::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .5s var(--ease)}
.nav-link:hover,.nav-link[aria-expanded="true"],.nav-link.is-current{color:var(--gold-hi)}
.nav-link:hover::after,.nav-link[aria-expanded="true"]::after{transform:scaleX(1)}
.nav-link.is-current::before{content:"";position:absolute;left:50%;top:-4px;width:8px;height:8px;transform:translateX(-50%);background:var(--gold);clip-path:polygon(50.0% 4.0%,61.8% 37.8%,97.6% 38.5%,69.0% 60.2%,79.4% 94.5%,50.0% 74.0%,20.6% 94.5%,31.0% 60.2%,2.4% 38.5%,38.2% 37.8%)}
.chev{width:10px;height:10px;transition:transform .45s var(--ease)}
.nav-link[aria-expanded="true"] .chev{transform:rotate(180deg)}
.nb-call{display:flex;align-items:center;gap:13px;text-decoration:none;white-space:nowrap}
.nb-ico{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid var(--hair);border-radius:50%;color:var(--gold);transition:background-color .35s,color .35s,border-color .35s}
.nb-ico .ico{width:16px;height:16px}
.nb-call:hover .nb-ico{background:var(--gold);border-color:var(--gold);color:var(--night)}
.nb-call small{display:block;font-size:.58rem;font-weight:800;letter-spacing:.26em;text-transform:uppercase;line-height:1.4;color:rgba(246,242,234,.55)}
.nb-call b{display:block;font-family:var(--serif);font-size:1.15rem;font-weight:500;line-height:1.15;font-variant-numeric:lining-nums;transition:color .3s}
.nb-call:hover b{color:var(--gold-hi)}
.nb-cta{height:46px;padding:0 22px}
.brand{position:relative;z-index:2;display:block;width:94px;height:94px;margin-top:48px;border-radius:50%;transition:width .55s var(--ease),height .55s var(--ease),margin .55s var(--ease)}
.brand::before{content:"";position:absolute;inset:-17px;z-index:-1;border-radius:50%;background:radial-gradient(circle at 50% 30%,#1E3A5A 0%,#0F1F33 72%);border:1px solid var(--hair);box-shadow:0 26px 50px -18px rgba(2,8,16,.85);transition:opacity .4s,transform .55s var(--ease)}
.brand::after{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px solid rgba(198,161,90,.28);pointer-events:none;transition:opacity .4s,transform .55s var(--ease)}
.seal{display:block;width:100%;height:100%;aspect-ratio:1;border-radius:50%;background:transparent url(../images/star-burger-round.svg) center/contain no-repeat;overflow:hidden}
.menu-btn,.m-call{display:none}
.masthead.is-solid,.masthead.mega-open{background:rgba(12,25,42,.92);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 24px 50px -36px rgba(0,0,0,.9)}
.masthead.is-solid .navbar{height:82px}
.masthead.is-solid .brand{width:60px;height:60px;margin-top:0}
.masthead.is-solid .brand::before,.masthead.is-solid .brand::after{opacity:0;transform:scale(.7)}
.progress{position:absolute;left:0;right:0;bottom:0;z-index:3;height:1px;opacity:0;pointer-events:none;transition:opacity .4s}
.progress i{display:block;height:100%;background:var(--gold-hi);transform-origin:left;transform:scaleX(var(--p,0))}
.masthead.is-solid .progress{opacity:1}

/* mega menü */
.mega{position:absolute;left:0;right:0;top:100%;opacity:0;visibility:hidden;transform:translateY(-10px);background:radial-gradient(60% 120% at 50% 0%,#17304C 0%,rgba(23,48,76,0) 70%),linear-gradient(180deg,#0C192A,#0F1F33);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--hair);box-shadow:0 50px 90px -40px rgba(0,0,0,.9);transition:opacity .35s var(--ease),transform .55s var(--ease),visibility 0s linear .35s}
.mega.is-open{opacity:1;visibility:visible;transform:none;transition:opacity .35s var(--ease),transform .55s var(--ease)}
.mega-in{display:grid;grid-template-columns:290px minmax(0,1fr);gap:56px;padding:76px 0 34px;transition:padding .5s var(--ease)}
.masthead.is-solid .mega-in{padding-top:44px}
.mega-intro{display:grid;gap:16px;align-content:start;justify-items:start;padding-right:48px;border-right:1px solid var(--hair-d)}
.mega-intro h3{font-size:1.95rem;color:var(--ivory)}
.mega-intro p{font-size:.9rem;line-height:1.65;color:var(--muted-d)}
.mega-intro .links{display:grid;gap:12px;margin-top:6px}
.mega-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.mega-grid a{display:grid;grid-template-rows:auto auto auto;gap:12px;justify-items:center;align-content:start;text-align:center;text-decoration:none}
.mega-arch{position:relative;display:block;width:100%;aspect-ratio:4/5;padding:5px}
.mega-arch::before{content:"";position:absolute;inset:0;border:1px solid var(--hair-d);border-radius:999px 999px 4px 4px;transition:border-color .45s}
.mega-arch span{display:block;width:100%;height:100%;overflow:hidden;border-radius:999px 999px 3px 3px}
.mega-arch img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.mega-grid a:hover .mega-arch::before{border-color:var(--gold)}
.mega-grid a:hover img{transform:scale(1.07)}
.mega-grid b{min-height:2.3em;font-family:var(--serif);font-size:1.12rem;font-weight:500;line-height:1.15;color:var(--ivory);transition:color .3s}
.mega-grid a:hover b{color:var(--gold-hi)}
.mega-grid small{margin-top:-6px;font-size:.6rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.mega-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0 22px;border-top:1px solid var(--hair-d);font-size:.84rem;color:var(--muted-d)}
.mega-foot a{display:inline-flex;align-items:center;gap:10px;color:var(--gold-hi);font-weight:700;text-decoration:none}
.mega-foot a:hover{color:var(--ivory)}

/* kurumsal açılır menü */
.dd{position:absolute;left:-30px;top:calc(100% + 22px);width:320px;padding:10px;background:linear-gradient(180deg,#0C192A,#0F1F33);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--hair-d);border-top:1px solid var(--gold);box-shadow:0 40px 80px -30px rgba(0,0,0,.9);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s var(--ease),transform .5s var(--ease),visibility 0s linear .3s}
.dd::before{content:"";position:absolute;left:0;right:0;top:-24px;height:24px}
.dd.is-open{opacity:1;visibility:visible;transform:none;transition:opacity .3s var(--ease),transform .5s var(--ease)}
.dd a{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 14px;padding:14px 16px;text-decoration:none;transition:background-color .25s}
.dd a + a{border-top:1px solid var(--hair-d)}
.dd a b{font-family:var(--serif);font-size:1.2rem;font-weight:500;line-height:1.2;color:var(--ivory);transition:color .25s}
.dd a span{grid-column:1;font-size:.8rem;line-height:1.45;color:var(--muted-d)}
.dd a svg{grid-row:1 / span 2;grid-column:2;width:15px;height:15px;color:var(--gold);opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .4s var(--ease)}
.dd a:hover{background:rgba(246,242,234,.04)}
.dd a:hover b{color:var(--gold-hi)}
.dd a:hover svg{opacity:1;transform:none}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:max(800px,100svh);padding-top:150px;color:var(--ivory);background:radial-gradient(46% 62% at 74% 50%,rgba(48,86,128,.55) 0%,rgba(15,31,51,0) 70%),radial-gradient(26% 34% at 74% 48%,rgba(198,161,90,.12) 0%,rgba(198,161,90,0) 70%),radial-gradient(60% 50% at 0% 100%,rgba(3,10,20,.6) 0%,rgba(3,10,20,0) 70%),linear-gradient(180deg,#0A1626 0%,#0F1F33 42%,#0C1A2C 100%)}
.hero-grid{position:relative;z-index:2;flex:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:80px;align-items:center;padding-bottom:56px}
.hero-copy{display:grid;gap:30px;justify-items:start}
.hero h1{font-size:clamp(3.2rem,1.1rem + 4.7vw,6.1rem);font-weight:500;line-height:.98;letter-spacing:-.028em;color:var(--ivory)}
.line{display:block;overflow:hidden;padding:.12em 0 .1em;margin:-.12em 0 -.1em}
.line > span{display:inline-block}
.hero-lead{max-width:32em;font-size:1.125rem;line-height:1.8;color:var(--muted-d)}
.cta-row{display:flex;flex-wrap:wrap;gap:12px}
.hero-call{display:flex;align-items:center;gap:16px;margin-top:6px;padding-top:28px;border-top:1px solid var(--hair-d);text-decoration:none}
.hero-call .ico{width:44px;height:44px;padding:12px;border:1px solid var(--hair);border-radius:50%;color:var(--gold)}
.hero-call small{display:block;font-size:.66rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:rgba(246,242,234,.55)}
.hero-call b{font-family:var(--serif);font-size:1.75rem;font-weight:500;letter-spacing:-.01em;font-variant-numeric:lining-nums;transition:color .3s}
.hero-call:hover b{color:var(--gold-hi)}
.hero-visual{position:relative;justify-self:end;width:min(100%,420px);margin-right:20px}
.hero-figure{position:relative}
.hero-figure .rosette{left:50%;top:50%;z-index:-1;width:min(205%,900px);transform:translate(-50%,-50%)}
.arch-frame{position:absolute;left:20px;right:-20px;top:-20px;bottom:20px;border:1px solid var(--hair);border-radius:999px 999px 6px 6px;pointer-events:none}
.hero-arch{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:999px 999px 4px 4px;background:var(--night-2)}
.hero-arch .slide{position:absolute;inset:0;opacity:0;transition:opacity 1.6s var(--ease)}
.hero-arch .slide.is-active{opacity:1}
.hero-arch img{width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform 8s linear}
.hero-arch .slide.is-active img{transform:scale(1)}
.ring{position:absolute;display:grid;place-items:center;border-radius:50%;background:var(--night);border:1px solid var(--hair)}
.ring svg{position:absolute;inset:0;width:100%;height:100%}
.ring text{font-family:var(--sans);font-size:10.5px;font-weight:800;letter-spacing:.3em;fill:var(--gold-hi)}
.ring .seal{box-shadow:0 0 0 2px #fff}
.hero-visual .ring{left:-60px;bottom:40px;width:156px;height:156px;box-shadow:0 26px 50px -24px rgba(0,0,0,.8)}
.hero-visual .ring .seal{width:74px;height:74px}
.slide-nav{display:flex;align-items:center;gap:18px;margin-top:22px;padding-left:20px}
.slide-cap{min-width:150px;font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--ivory)}
.slide-dots{display:flex;gap:8px;flex:1}
.sd{position:relative;flex:1;height:22px;padding:0;border:0;background:none;cursor:pointer}
.sd::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(246,242,234,.22)}
.sd i{position:absolute;left:0;right:0;top:50%;height:1px;background:var(--gold-hi);transform:scaleX(0);transform-origin:left}
.sd.is-done i{transform:scaleX(1)}
.is-ready .sd.is-active i{animation:fill var(--dur,6.5s) linear forwards}
@keyframes fill{to{transform:scaleX(1)}}
.facts{position:relative;z-index:2;background:linear-gradient(180deg,rgba(8,18,31,.35),rgba(8,18,31,.7));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.facts::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(198,161,90,0),rgba(198,161,90,.5) 50%,rgba(198,161,90,0))}
.facts ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.facts li{display:flex;align-items:center;gap:16px;padding:30px 28px;border-left:1px solid var(--hair-d)}
.facts li:first-child{border-left:0;padding-left:0}
.facts .ico{width:26px;height:26px;color:var(--gold)}
.facts strong{display:block;font-size:.9375rem;font-weight:700;line-height:1.3}
.facts span{display:block;font-size:.8125rem;line-height:1.4;color:rgba(246,242,234,.58)}
/* açılış koreografisi */
@media (prefers-reduced-motion:no-preference){
  .js .hero .line > span{transform:translateY(104%)}
  .js .hero [data-in]{opacity:0;transform:translateY(16px)}
  .js .hero-arch{clip-path:inset(100% 0 0 0 round 999px 999px 4px 4px)}
  .js .arch-frame{opacity:0;transform:translate(-10px,10px)}
  .js .hero-visual .ring{opacity:0;transform:scale(.85)}
  .is-ready .hero .line > span{transform:none;transition:transform 1.2s var(--ease)}
  .is-ready .hero .line:nth-child(2) > span{transition-delay:.08s}
  .is-ready .hero .line:nth-child(3) > span{transition-delay:.16s}
  .is-ready .hero [data-in]{opacity:1;transform:none;transition:opacity 1s var(--ease) calc(.35s + var(--i,0) * .1s),transform 1s var(--ease) calc(.35s + var(--i,0) * .1s)}
  .is-ready .hero-arch{clip-path:inset(0 0 0 0 round 999px 999px 4px 4px);transition:clip-path 1.5s var(--ease-io) .1s}
  .is-ready .arch-frame{opacity:1;transform:none;transition:opacity 1s var(--ease) .9s,transform 1.2s var(--ease) .9s}
  .is-ready .hero-visual .ring{opacity:1;transform:none;transition:opacity .8s var(--ease) 1.1s,transform 1s var(--ease) 1.1s}
}

/* ---------- bölüm ---------- */
.section{padding:clamp(104px,10vw,164px) 0;overflow-x:clip}
.bg-stone{background:var(--stone)}

/* kurumsal */
.about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:104px;align-items:center}
.about-visual{position:relative;padding:20px 20px 92px 72px}
.about-visual .arch-frame{left:92px;right:0;top:0;bottom:112px}
.arch{position:relative;overflow:hidden;border-radius:999px 999px 4px 4px}
.arch img{width:100%;height:100%;object-fit:cover}
.about-visual .arch{aspect-ratio:4/5}
.round{position:absolute;left:0;bottom:0;width:42%;aspect-ratio:1;overflow:hidden;border-radius:50%;border:10px solid var(--ivory)}
.round img{width:100%;height:100%;object-fit:cover}
.about-visual .ring{right:-24px;bottom:132px;width:168px;height:168px;box-shadow:0 26px 50px -24px rgba(15,31,51,.75)}
.about-visual .ring .seal{width:80px;height:80px}
.about-copy{display:grid;gap:26px;justify-items:start}
.feats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;width:100%;margin-top:8px}
.feat{display:grid;grid-template-columns:28px 1fr;gap:16px;padding:24px 0;border-top:1px solid var(--line)}
.feat .ico{width:26px;height:26px;margin-top:2px;color:var(--gold-lo)}
.feat h3{font-size:1.4rem}
.feat p{margin-top:4px;font-size:.9375rem;line-height:1.6;color:var(--muted)}
.sign{display:flex;flex-wrap:wrap;align-items:center;gap:30px;margin-top:6px}
.sign a.tel{display:flex;align-items:center;gap:14px;text-decoration:none}
.sign a.tel .ico{width:48px;height:48px;padding:14px;border:1px solid var(--hair);border-radius:50%;color:var(--gold-lo)}
.sign small{display:block;font-size:.66rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.sign b{font-family:var(--serif);font-size:1.55rem;font-weight:500;font-variant-numeric:lining-nums}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:120px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat{display:grid;justify-items:center;gap:10px;padding:48px 20px;border-left:1px solid var(--line);text-align:center}
.stat:first-child{border-left:0}
.stat b{font-family:var(--serif);font-size:clamp(3.8rem,2.4rem + 3vw,6rem);font-weight:500;line-height:1;letter-spacing:-.03em;color:var(--navy);font-variant-numeric:lining-nums tabular-nums}
.stat span{font-size:.68rem;font-weight:800;letter-spacing:.26em;text-transform:uppercase;color:var(--gold-lo)}

/* ürünler */
.filters{display:flex;flex-wrap:wrap;gap:8px 30px;margin-top:4px}
.filters button{position:relative;padding:8px 0;border:0;background:none;font-size:.7rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-d);cursor:pointer;transition:color .3s}
.filters button::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.filters button:hover,.filters button[aria-pressed="true"]{color:var(--gold-hi)}
.filters button[aria-pressed="true"]::after{transform:scaleX(1)}
.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:88px 52px}
.p-card[hidden]{display:none}
.p-media{position:relative;padding:12px}
.p-media::after{content:"";position:absolute;left:-22%;right:-22%;top:-18%;height:70%;z-index:-1;background:radial-gradient(50% 50% at 50% 40%,rgba(227,201,143,.16) 0%,rgba(227,201,143,0) 72%);pointer-events:none}
.p-media::before{content:"";position:absolute;inset:0;border:1px solid var(--hair-d);border-radius:999px 999px 6px 6px;transition:border-color .6s var(--ease)}
.p-card:hover .p-media::before{border-color:var(--hair)}
.p-media .arch{aspect-ratio:4/5}
.p-media img{transition:transform 1.4s var(--ease)}
.p-card:hover .p-media img{transform:scale(1.05)}
.p-badge{position:absolute;left:50%;bottom:30px;z-index:2;transform:translateX(-50%);padding:7px 14px;background:var(--night);border:1px solid var(--hair);font-size:.66rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-hi);white-space:nowrap}
.p-body{display:grid;gap:12px;padding:34px 8px 0;text-align:center;justify-items:center}
.p-num{font-size:.68rem;font-weight:800;letter-spacing:.26em;color:var(--gold)}
.p-body h3{font-size:2.1rem;color:var(--ivory)}
.p-body p{max-width:24em;font-size:.9375rem;line-height:1.7;color:var(--muted-d)}
.tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:2px}
.tags li{padding:4px 11px;border:1px solid var(--hair-d);border-radius:2px;font-size:.7rem;font-weight:700;letter-spacing:.06em;color:rgba(246,242,234,.82)}
.p-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 24px;margin-top:12px}
.products-cta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px 40px;margin-top:110px;padding:40px 48px;border:1px solid var(--hair-d);border-radius:var(--r)}
.products-cta p{font-family:var(--serif);font-size:1.9rem;font-weight:500;line-height:1.2;color:var(--ivory)}
.products-cta small{display:block;margin-top:6px;font-family:var(--sans);font-size:.9375rem;font-weight:400;color:var(--muted-d)}

/* gramaj rehberi */
.guide-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px;align-items:center}
.guide-visual{position:relative;isolation:isolate}
.guide-visual .rosette{left:50%;top:50%;z-index:-1;width:118%;transform:translate(-50%,-50%)}
.guide-visual::before{content:"";position:absolute;inset:-3% 3%;border:1px solid var(--hair);border-radius:50%}
.bun-svg{position:relative;width:100%;max-width:600px;margin-inline:auto;overflow:visible}
.bun-svg text{font-family:var(--sans);font-size:15px;font-weight:800;letter-spacing:.08em;fill:var(--gold-hi)}
.bun-scale{transform-box:view-box;transform-origin:260px 300px;transition:transform .9s var(--ease)}
.caliper{transform-box:view-box;transform-origin:260px 348px;transition:transform .9s var(--ease)}
.crown-brioche{opacity:0;transition:opacity .5s}
.is-brioche .crown-brioche{opacity:1}
.seeds{transition:opacity .35s}
.is-sade .seeds{opacity:0}
@media (prefers-reduced-motion:no-preference){
  .js .guide:not(.is-sprinkling):not(.is-sade) .drop{opacity:0}
  .is-sprinkling .drop{animation:seedDrop .65s cubic-bezier(.34,1.32,.55,1) both;animation-delay:calc(var(--d,0ms) + 150ms)}
}
@keyframes seedDrop{from{transform:translateY(-80px);opacity:0}45%{opacity:1}to{transform:none;opacity:1}}
.guide-copy{display:grid;gap:24px;justify-items:start}
.controls{display:grid;gap:16px;width:100%;margin-top:6px;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.seg{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.seg-label{width:88px;font-size:.66rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.chip{position:relative}
.chip input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.chip span{display:inline-flex;align-items:center;height:44px;padding:0 18px;border:1px solid rgba(23,33,45,.2);border-radius:var(--r);font-size:.875rem;font-weight:700;color:var(--ink);transition:background-color .3s,border-color .3s,color .3s}
.chip:hover span{border-color:var(--ink)}
.chip input:checked + span{background:var(--night);border-color:var(--night);color:var(--gold-hi)}
.chip input:focus-visible + span{outline:2px solid var(--navy);outline-offset:3px}
.readout{display:grid;gap:8px;width:100%}
.readout-title{font-family:var(--serif);font-size:2.1rem;font-weight:500;line-height:1.1;letter-spacing:-.015em;font-variant-numeric:lining-nums}
.readout-use{font-size:.96875rem;color:var(--muted)}
.readout .btn{justify-self:start;margin-top:14px}
.note{font-size:.8125rem;color:var(--muted)}

/* sektörler */
.acc{display:flex;gap:12px;height:620px}
.acc-item{position:relative;flex:1;min-width:0;overflow:hidden;border-radius:var(--r);cursor:pointer;isolation:isolate;transition:flex-grow 1s var(--ease)}
.acc-item.is-active{flex-grow:4.4;cursor:default}
.acc-item > img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;filter:saturate(.75) brightness(.72);transform:scale(1.08);transition:filter .8s var(--ease),transform 1.4s var(--ease)}
.acc-item.is-active > img{filter:saturate(.9) contrast(1.04);transform:none}
.acc-item::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,31,51,.1) 0%,rgba(15,31,51,.3) 45%,rgba(15,31,51,.92) 100%)}
.acc-item::after{content:"";position:absolute;inset:12px;border:1px solid rgba(227,201,143,0);border-radius:2px;pointer-events:none;transition:border-color .8s var(--ease)}
.acc-item.is-active::after{border-color:rgba(227,201,143,.35)}
.acc-tab{position:absolute;left:0;right:0;bottom:32px;display:grid;justify-items:center;gap:18px;transition:opacity .4s}
.acc-tab span{font-size:.66rem;font-weight:800;letter-spacing:.2em;color:var(--gold-hi)}
.acc-tab b{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--serif);font-size:1.6rem;font-weight:500;letter-spacing:-.01em;white-space:nowrap;color:var(--ivory)}
.acc-item.is-active .acc-tab{opacity:0}
.acc-body{position:absolute;left:44px;right:44px;bottom:44px;display:grid;gap:14px;justify-items:start;opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease),transform .7s var(--ease);pointer-events:none}
.acc-item.is-active .acc-body{opacity:1;transform:none;transition-delay:.35s;pointer-events:auto}
.acc-body .p-num{color:var(--gold-hi)}
.acc-body h3{font-size:clamp(2.2rem,1.4rem + 1.6vw,3.1rem);color:var(--ivory)}
.acc-body p{max-width:30em;color:rgba(246,242,234,.82)}
.acc-body small{font-size:.64rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-hi)}
.acc-body .tags{justify-content:flex-start}
.acc-body .tags li{background:rgba(15,31,51,.55);backdrop-filter:blur(6px);border-color:var(--hair)}

/* avantajlar */
.bento{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:330px 330px;gap:20px}
.tile{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:38px;border-radius:var(--r);text-decoration:none;color:var(--ivory)}
.tile > img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.tile::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,31,51,0) 22%,rgba(15,31,51,.9) 100%)}
.tile::after{content:"";position:absolute;inset:14px;border:1px solid rgba(227,201,143,0);border-radius:2px;transition:border-color .6s var(--ease);pointer-events:none}
.tile:hover::after{border-color:rgba(227,201,143,.45)}
.tile:hover > img{transform:scale(1.05)}
.tile-a{grid-row:span 2}
.tile-b{grid-column:span 2}
.tile .eyebrow{color:var(--gold-hi);font-size:.64rem}
.tile .eyebrow::before{width:36px}
.tile h3{font-size:clamp(1.9rem,1.3rem + 1.1vw,2.6rem);color:var(--ivory)}
.tile p{max-width:28em;font-size:.9375rem;line-height:1.6;color:rgba(246,242,234,.8)}
.tile .link{margin-top:10px;color:var(--gold-hi)}

/* süreç */
.process{position:relative;isolation:isolate;overflow:hidden;padding:clamp(110px,11vw,170px) 0}
.process > img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:saturate(.8)}
.process::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,25,42,.97) 0%,rgba(12,25,42,.9) 46%,rgba(12,25,42,.68) 100%);box-shadow:inset 0 0 220px rgba(2,8,16,.55)}
.process-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:104px;align-items:center}
.process-copy{display:grid;gap:24px;justify-items:start}
.steps li{display:grid;grid-template-columns:104px 1fr;gap:28px;align-items:baseline;padding:34px 0;border-top:1px solid var(--hair-d)}
.steps li:last-child{border-bottom:1px solid var(--hair-d)}
.step-num{font-family:var(--serif);font-size:4rem;font-weight:400;line-height:.8;letter-spacing:-.03em;color:var(--gold);font-variant-numeric:lining-nums}
.steps h3{font-size:1.9rem;color:var(--ivory)}
.steps p{margin-top:8px;color:var(--muted-d)}

/* sss */
.faq-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:104px;align-items:start}
.faq-aside{position:sticky;top:130px;display:grid;gap:24px;justify-items:start}
.help{width:100%;margin-top:14px;padding:36px;border-radius:var(--r);background:var(--night);color:var(--ivory)}
.help h3{font-size:1.9rem;color:var(--ivory)}
.help p{margin-top:8px;font-size:.96875rem;color:var(--muted-d)}
.help .cta-row{margin-top:24px;gap:10px}
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-child{border-top:1px solid var(--line)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 0;font-family:var(--serif);font-size:1.6rem;font-weight:500;line-height:1.25;letter-spacing:-.01em;color:var(--ink);cursor:pointer;list-style:none;transition:color .3s}
.faq summary:hover{color:var(--gold-lo)}
.faq summary::-webkit-details-marker{display:none}
.pm{position:relative;flex:none;width:20px;height:20px;transition:transform .5s var(--ease)}
.pm::before,.pm::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:1.5px;background:var(--gold-lo);transform:translate(-50%,-50%)}
.pm::after{transform:translate(-50%,-50%) rotate(90deg)}
details[open] .pm{transform:rotate(135deg)}
.answer{max-width:44em;padding:0 64px 32px 0;color:var(--muted)}

/* rehber */
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px}
.post{display:grid;gap:20px;align-content:start;text-decoration:none}
.post-media{overflow:hidden;aspect-ratio:4/3.1;border-radius:var(--r)}
.post-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.post:hover .post-media img{transform:scale(1.05)}
.post-cat{font-size:.64rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-lo)}
.post h3{font-size:1.85rem;transition:color .3s}
.post:hover h3{color:var(--gold-lo)}
.post .link{justify-self:start}

/* iletişim */
.contact-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:24px}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.card{display:flex;flex-direction:column;gap:12px;padding:38px;background:var(--paper)}
.card .ico{width:26px;height:26px;color:var(--gold-lo)}
.card h3{margin-top:10px;font-size:1.6rem}
.card p{font-size:.9375rem;line-height:1.65;color:var(--muted)}
.card .link{margin-top:auto;align-self:flex-start}
.card.is-night{background:var(--night);color:var(--ivory)}
.card.is-night .ico{color:var(--gold)}
.card.is-night h3{color:var(--ivory)}
.card.is-night p{color:var(--muted-d)}
.card .big{font-family:var(--serif);font-size:2.2rem;font-weight:500;line-height:1;letter-spacing:-.01em;text-decoration:none;color:var(--gold-hi);font-variant-numeric:lining-nums}
.map{position:relative;min-height:480px;overflow:hidden;border-radius:var(--r);background:var(--stone);border:1px solid var(--line)}
.map-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-weight:700;color:var(--ink);text-decoration:none}
.map-fallback svg{width:28px;height:28px;color:var(--gold)}
.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(.3) sepia(.06)}

/* footer */
.footer{position:relative;overflow:hidden;color:var(--muted-d)}
.footer .rosette{right:-12%;top:-18%;z-index:-1;width:min(80vw,980px)}
.f-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px 80px;align-items:end;padding:150px 0 90px;border-bottom:1px solid var(--hair-d)}
.f-cta > div{display:grid;gap:24px;justify-items:start}
.hotline{display:block;font-family:var(--serif);font-size:clamp(3.2rem,1.5rem + 4.8vw,7rem);font-weight:400;line-height:.95;letter-spacing:-.03em;text-decoration:none;white-space:nowrap;color:var(--gold-hi);font-variant-numeric:lining-nums;transition:color .3s}
.hotline:hover{color:var(--ivory)}
.f-cta .cta-row{margin-top:26px;justify-content:flex-end}
.f-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:48px;padding:80px 0 60px}
.f-brand{display:grid;gap:22px;justify-items:start}
.f-brand .seal{width:92px;height:92px}
.f-brand p{max-width:23em;font-size:.9375rem}
.footer h3{margin-bottom:20px;font-family:var(--sans);font-size:.66rem;font-weight:800;letter-spacing:.26em;text-transform:uppercase;color:var(--gold)}
.footer ul{display:grid;gap:12px;font-size:.9375rem}
.footer ul a{text-decoration:none;transition:color .3s}
.footer ul a:hover{color:var(--gold-hi)}
.f-contact li{display:flex;gap:12px}
.f-contact .ico{margin-top:5px;color:var(--gold)}
.wordmark{display:block;margin:20px 0 22px;font-family:var(--serif);font-size:clamp(5rem,18.5vw,19rem);font-weight:400;line-height:.8;letter-spacing:-.04em;text-align:center;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(227,201,143,.28);user-select:none}
.f-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;padding:26px 110px 34px 0;border-top:1px solid var(--hair-d);font-size:.8125rem;color:rgba(246,242,234,.48)}
.f-bottom a{text-decoration:none}
.f-bottom a:hover{color:var(--gold-hi)}
.f-seo{max-width:60em}

/* yüzen + mobil */
.wa-float{position:fixed;right:28px;bottom:28px;z-index:70;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--night);border:1px solid var(--hair);color:var(--gold-hi);box-shadow:0 20px 40px -18px rgba(3,10,20,.8);opacity:0;visibility:hidden;transform:translateY(16px);transition:transform .5s var(--ease),opacity .5s var(--ease),visibility 0s linear .5s,background-color .3s,color .3s}
.show-float .wa-float{opacity:1;visibility:visible;transform:none;transition:transform .5s var(--ease),opacity .5s var(--ease),background-color .3s,color .3s}
.show-float .wa-float:hover{background:var(--gold);color:var(--night)}
.wa-float .ico{width:26px;height:26px}
.mobile-bar,.drawer{display:none}

/* kaydırınca açılma */
@media (prefers-reduced-motion:no-preference){
  .js [data-r]{opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease),transform 1.1s var(--ease);transition-delay:calc(var(--i,0) * 100ms)}
  .js [data-r="img"]{opacity:1;transform:none;clip-path:none;transition:none}
  .js [data-r].is-in{opacity:1;transform:none}
}

/* ---------- duyarlı ---------- */
@media (max-width:1320px){
  .nb-call small,.nb-call b{display:none}
  .nb-left{padding-right:48px}.nb-right{padding-left:48px}
  .mega-grid{gap:16px}
}
@media (max-width:1260px){
  .nav{gap:32px}
  .about-grid,.guide-grid,.process-grid,.faq-grid{gap:64px}
  .hero-grid{gap:56px}
  .f-grid{grid-template-columns:1fr 1fr;gap:44px}
}
@media (max-width:1024px){
  .navbar{grid-template-columns:auto 1fr auto auto;gap:10px;height:80px}
  .nb-side,.mega,.dd{display:none}
  .brand,.masthead.is-solid .brand{width:58px;height:58px;margin-top:0}
  .brand::before,.brand::after{display:none}
  .m-call{display:grid;place-items:center;grid-column:3;width:46px;height:46px;border:1px solid var(--hair);border-radius:50%;color:var(--gold)}
  .m-call .ico{width:17px;height:17px}
  .menu-btn{grid-column:4;display:inline-flex;align-items:center;gap:12px;height:46px;padding:0 18px;border:1px solid var(--hair);border-radius:var(--r);background:rgba(15,31,51,.4);color:var(--ivory);font-size:.7rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;cursor:pointer}
  .burger{position:relative;width:20px;height:10px}
  .burger::before,.burger::after{content:"";position:absolute;left:0;right:0;height:1.5px;background:currentColor;transition:transform .4s var(--ease),top .4s var(--ease)}
  .burger::before{top:0}.burger::after{top:8.5px}
  .menu-btn[aria-expanded="true"] .burger::before{top:4.25px;transform:rotate(45deg)}
  .menu-btn[aria-expanded="true"] .burger::after{top:4.25px;transform:rotate(-45deg)}
  .masthead.menu-open{background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  .masthead.menu-open::after{opacity:0}
  .drawer{position:fixed;inset:0;z-index:79;display:block;overflow:auto;overscroll-behavior:contain;background:radial-gradient(80% 50% at 100% 100%,rgba(198,161,90,.1),rgba(198,161,90,0) 70%),linear-gradient(180deg,#0A1626 0%,#0F1F33 60%,#0C1A2C 100%);clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .8s var(--ease-io),visibility 0s linear .8s}
  .drawer.is-open{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .8s var(--ease-io)}
  .drawer .rosette{right:-45%;bottom:-25%;width:max(120vw,640px);opacity:.9}
  .drawer-in{position:relative;z-index:1;min-height:100%;display:flex;flex-direction:column;gap:44px;padding:116px 28px calc(36px + env(safe-area-inset-bottom))}
  .d-nav{display:grid}
  .d-link{display:flex;align-items:baseline;gap:18px;padding:13px 0;font-family:var(--serif);font-size:2.2rem;font-weight:500;line-height:1.1;letter-spacing:-.015em;color:var(--ivory);text-decoration:none;border-bottom:1px solid var(--hair-d)}
  .d-link span{font-family:var(--sans);font-size:.66rem;font-weight:800;letter-spacing:.2em;color:var(--gold)}
  .d-sub small,.d-contact small{display:block;margin-bottom:14px;font-size:.62rem;font-weight:800;letter-spacing:.26em;text-transform:uppercase;color:var(--gold)}
  .d-sub ul{display:flex;flex-wrap:wrap;gap:8px}
  .d-sub a{display:inline-flex;align-items:center;height:38px;padding:0 14px;border:1px solid var(--hair-d);border-radius:2px;font-size:.82rem;font-weight:600;color:rgba(246,242,234,.86);text-decoration:none}
  .d-contact{margin-top:auto;padding-top:28px;border-top:1px solid var(--hair)}
  .d-phone{display:block;font-family:var(--serif);font-size:2.3rem;font-weight:500;line-height:1;color:var(--gold-hi);text-decoration:none;font-variant-numeric:lining-nums}
  .d-contact p{margin-top:12px;font-size:.88rem;color:var(--muted-d)}
  .d-contact .cta-row{margin-top:22px}
  .d-contact .cta-row .btn{flex:1 1 140px}
  @media (prefers-reduced-motion:no-preference){
    .drawer .d-link,.drawer .d-sub,.drawer .d-contact{opacity:0;transform:translateY(18px);transition:opacity .5s var(--ease),transform .7s var(--ease)}
    .drawer.is-open .d-link,.drawer.is-open .d-sub,.drawer.is-open .d-contact{opacity:1;transform:none;transition-delay:calc(.3s + var(--i,0) * 60ms)}
  }
  .hero{padding-top:120px}
  .hero-grid{grid-template-columns:1fr;gap:72px;padding-bottom:64px}
  .hero-visual{justify-self:center;width:min(78%,440px);margin-right:0}
  .facts ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .facts li:nth-child(3){border-left:0;padding-left:0}
  .facts li:nth-child(n+3){border-top:1px solid var(--hair-d)}
  .about-grid,.guide-grid,.process-grid,.faq-grid,.contact-grid{grid-template-columns:1fr}
  .about-visual{max-width:620px;margin-inline:auto;width:100%}
  .head{grid-template-columns:1fr}
  .products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .posts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .acc{flex-direction:column;height:auto}
  .acc-item,.acc-item.is-active{flex:none;height:420px}
  .acc-item > img{filter:saturate(.9) contrast(1.04);transform:none}
  .acc-tab{display:none}
  .acc-body{opacity:1;transform:none;pointer-events:auto}
  .bento{grid-template-columns:1fr 1fr;grid-template-rows:300px 300px 300px}
  .tile-a{grid-row:span 1;grid-column:span 2}
  .tile-b{grid-column:span 2}
  .faq-aside{position:static}
  .f-cta{grid-template-columns:1fr}
  .f-cta .cta-row{justify-content:flex-start}
}
@media (max-width:760px){
  .wa-float{display:none}
  .mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:70;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(15,31,51,.97);backdrop-filter:blur(10px);border-top:1px solid var(--hair-d)}
  .mobile-bar .btn{height:50px;padding:0 14px}
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  .wrap{width:min(100% - 40px, var(--wrap))}
  .hero-visual{width:min(84%,400px)}
  .hero-visual .ring{left:-26px;bottom:40px;width:118px;height:118px}
  .hero-visual .ring .seal{width:54px;height:54px}
  .ring text{font-size:12.5px}
  .slide-cap{min-width:0}
  .facts li{padding:22px 14px;gap:12px}
  .facts li:nth-child(odd){padding-left:0;border-left:0}
  .facts span{display:none}
  .products,.posts,.cards{grid-template-columns:1fr}
  .products{gap:76px}
  .feats{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr;margin-top:84px}
  .stat{border-left:0;border-top:1px solid var(--line);padding:34px 16px}
  .stat:first-child{border-top:0}
  .bento{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:300px}
  .tile-a,.tile-b{grid-column:auto}
  .about-visual{padding:14px 12px 70px 34px}
  .about-visual .arch-frame{left:48px;top:0;bottom:84px}
  .about-visual .ring{right:-4px;bottom:100px;width:124px;height:124px}
  .about-visual .ring .seal{width:58px;height:58px}
  .acc-item,.acc-item.is-active{height:380px}
  .acc-body{left:28px;right:28px;bottom:30px}
  .steps li{grid-template-columns:64px 1fr;gap:18px}
  .step-num{font-size:3rem}
  .faq summary{font-size:1.3rem;padding:24px 0}
  .answer{padding-right:0}
  .products-cta{padding:30px 26px}
  .map{min-height:340px}
  .f-grid{grid-template-columns:1fr}
  .f-cta{padding:110px 0 70px}
  .f-bottom{padding-right:0}
}
@media (max-width:480px){
  .hero h1{font-size:clamp(2.9rem,14vw,3.9rem)}
  .cta-row .btn{flex:1 1 100%}
  .seg-label{width:100%}
  .card{padding:28px}
  .help{padding:28px}
  .p-body h3{font-size:1.9rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important}
}

[data-r]{scroll-margin-top:120px}.hero-arch .slide:not(.is-active){visibility:hidden}.p-card[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Approved artwork, fitted in circular containers without cropping the logo. */
.brand{width:108px;height:108px;margin-top:26px;border-radius:50%}
.brand::before,.brand::after{display:none}
.masthead.is-solid .brand{width:72px;height:72px;margin-top:0}
.hero-visual .ring .seal,.about-visual .ring .seal{width:62%;height:62%;border-radius:50%;background-color:transparent;box-shadow:none}
.f-brand .seal{width:144px;height:144px;border-radius:50%}
@media(max-width:1024px){.brand,.masthead.is-solid .brand{width:68px;height:68px;margin-top:0}.navbar{gap:10px}}
@media(max-width:360px){.brand,.masthead.is-solid .brand{width:64px;height:64px}.navbar{gap:8px}.menu-btn{padding:0 12px;gap:8px}.m-call{width:40px;height:40px}}