/* ===== Aurora theme ===== Soft UI Evolution: calm, organic, gentle depth. Colors via semantic vars. ===== */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --maxw:1180px;
  --r:22px;--r-sm:14px;--r-pill:999px;
  /* Evolved soft shadows: softer than flat, clearer than neumorphism */
  --shadow:0 24px 60px -28px color-mix(in srgb,var(--brand) 30%,rgba(20,28,38,.55));
  --shadow-sm:0 10px 30px -16px color-mix(in srgb,var(--brand) 22%,rgba(20,28,38,.42));
  --shadow-xs:0 4px 14px -8px color-mix(in srgb,var(--brand) 18%,rgba(20,28,38,.32));
  --ring-soft:0 0 0 4px color-mix(in srgb,var(--ring) 60%,transparent);
  --font:'Raleway',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --serif:'Lora',Georgia,'Times New Roman',serif;
  --space:clamp(4.5rem,8vw,7rem);
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.7;font-size:17px;font-weight:400;letter-spacing:.005em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,iframe{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--serif);line-height:1.18;letter-spacing:-.01em;font-weight:600;color:var(--text)}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 1.6rem}
.ic{width:24px;height:24px}.ic-sm{width:17px;height:17px}.ic-xl{width:60px;height:60px;opacity:.9}

/* shared focus ring — accessibility */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[data-acc-q]:focus-visible{
  outline:none;box-shadow:var(--ring-soft);border-radius:var(--r-sm)}

.eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-weight:600;font-size:13px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--brand);margin-bottom:1rem}
.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--brand);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 18%,transparent);flex:0 0 auto}

.btn{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font);font-weight:600;font-size:15.5px;
  padding:.95rem 1.55rem;border-radius:var(--r-pill);text-decoration:none;border:0;cursor:pointer;
  transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease,background .25s ease,color .25s ease,border-color .25s ease;white-space:nowrap}
.btn .ic-sm{transition:transform .25s cubic-bezier(.22,1,.36,1)}
.btn-pri{background:var(--brand);color:var(--on-brand);box-shadow:0 14px 30px -12px color-mix(in srgb,var(--brand) 75%,transparent)}
.btn-pri:hover{transform:translateY(-2px);box-shadow:0 20px 40px -14px color-mix(in srgb,var(--brand) 80%,transparent)}
.btn-pri:hover .ic-sm{transform:translateX(3px)}
.btn-ghost{background:var(--surface);color:var(--text);border:1.5px solid var(--border);box-shadow:var(--shadow-xs)}
.btn-ghost:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px)}
.btn-light{background:var(--surface);color:var(--brand);box-shadow:var(--shadow-sm)}
.btn-light:hover{transform:translateY(-2px)}
.btn-light:hover .ic-sm{transform:translateX(3px)}
.btn.full{width:100%;justify-content:center}

/* reveal */
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--d,0ms)}
[data-reveal].in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
  [data-reveal]{opacity:1;transform:none;transition:none}
  .btn,.card,.feat,.tst-card,.gal-item,.ft-social a,.wa-fab,.btn .ic-sm{transition:none!important}
  .btn:hover,.card:hover,.feat:hover,.tst-card:hover,.wa-fab:hover{transform:none!important}
}

/* header */
.hdr{position:sticky;top:0;z-index:100;transition:background .3s ease,box-shadow .3s ease,backdrop-filter .3s ease}
.hdr.is-scrolled{background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 1px 0 color-mix(in srgb,var(--border) 70%,transparent),var(--shadow-xs)}
.hdr-in{display:flex;align-items:center;justify-content:space-between;height:78px;gap:1rem}
.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font-family:var(--serif);font-weight:600;font-size:19px;letter-spacing:-.01em}
.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--brand);color:var(--on-brand);
  font-family:var(--serif);font-weight:600;font-size:19px;flex:0 0 auto;box-shadow:var(--shadow-xs)}
.nav{display:flex;align-items:center;gap:.3rem}
.nav a{text-decoration:none;color:var(--muted);font-weight:500;font-size:15.5px;padding:.55rem .9rem;border-radius:10px;transition:color .2s ease,background .2s ease}
.nav a:hover{color:var(--text);background:color-mix(in srgb,var(--brand) 9%,transparent)}
.nav .nav-cta{background:var(--brand);color:var(--on-brand);margin-left:.5rem;font-weight:600;border-radius:var(--r-pill);padding:.6rem 1.2rem;box-shadow:0 10px 22px -12px color-mix(in srgb,var(--brand) 75%,transparent)}
.nav .nav-cta:hover{background:var(--brand);color:var(--on-brand);transform:translateY(-1px);box-shadow:0 14px 28px -12px color-mix(in srgb,var(--brand) 80%,transparent)}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.nav-toggle span{width:24px;height:2px;background:var(--text);border-radius:2px;transition:transform .25s ease,opacity .25s ease}

/* hero */
.hero{position:relative;overflow:hidden;padding:clamp(2.5rem,5vw,4rem) 0 var(--space)}
.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero-bg span{position:absolute;border-radius:50%;filter:blur(72px)}
.hero-bg span:nth-child(1){width:520px;height:520px;background:var(--brand);top:-180px;right:-90px;opacity:.16}
.hero-bg span:nth-child(2){width:460px;height:460px;background:var(--accent);bottom:-200px;left:-130px;opacity:.14}
.hero-bg span:nth-child(3){width:320px;height:320px;background:var(--brand-2);top:38%;left:42%;opacity:.1}
.hero-in{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2.5rem,5vw,4rem);align-items:center}
.hero-copy h1{font-size:clamp(2.4rem,5.2vw,3.9rem);font-weight:600;margin:.2rem 0 1.2rem;letter-spacing:-.015em}
.hero-copy .lead{font-size:1.2rem;line-height:1.65;color:var(--muted);max-width:36ch;margin-bottom:2rem;font-weight:400}
.hero-cta{display:flex;gap:.85rem;flex-wrap:wrap}
.hero-stats{display:flex;gap:clamp(1.6rem,4vw,2.8rem);margin-top:2.8rem;flex-wrap:wrap}
.stat strong{display:block;font-family:var(--serif);font-size:2.15rem;color:var(--brand);font-weight:600;line-height:1}
.stat span{font-size:.92rem;color:var(--muted);font-weight:500;margin-top:.35rem;display:block}
.hero-art{position:relative}
.hero-card{aspect-ratio:4/4.5;border-radius:32px;background:var(--surface-2) center/cover no-repeat;box-shadow:var(--shadow);
  display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);position:relative;overflow:hidden}
.hero-card::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 50%,transparent);pointer-events:none}
.hero-ph{color:var(--brand);opacity:.5}
.hero-badge{position:absolute;left:-14px;bottom:34px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(10px);
  border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:18px;
  padding:.85rem 1.1rem;display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-sm)}
.hero-badge svg{color:var(--brand);width:30px;height:30px;flex:0 0 auto}
.hero-badge strong{display:block;font-family:var(--font);font-weight:600;font-size:.95rem}
.hero-badge span{font-size:.8rem;color:var(--muted)}

/* sections */
.sec{padding:var(--space) 0}
.sec-head{max-width:660px;margin:0 auto clamp(2.5rem,5vw,3.5rem);text-align:center}
.sec-head .eyebrow{margin-bottom:.9rem}
.sec-head h2{font-size:clamp(1.9rem,3.6vw,2.8rem);font-weight:600;letter-spacing:-.012em}
.sec-sub{color:var(--muted);font-size:1.12rem;line-height:1.65;margin-top:1rem}

/* services cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.card{position:relative;background:var(--surface);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);
  border-radius:var(--r);padding:2rem 1.9rem;box-shadow:var(--shadow-xs);
  transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,border-color .3s ease}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--brand) 35%,var(--border))}
.card-ic{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;
  background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--brand);margin-bottom:1.3rem;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 14%,transparent);transition:background .3s ease,transform .3s ease}
.card:hover .card-ic{background:var(--brand);color:var(--on-brand);transform:scale(1.04)}
.card h3{font-size:1.3rem;font-weight:600;margin-bottom:.55rem}
.card p{color:var(--muted);font-size:1rem;line-height:1.65}

/* about */
.about-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2.5rem,5vw,3.6rem);align-items:center}
.about .sec-head{text-align:left;margin:0 0 1.6rem;max-width:none}
.about .sec-head .eyebrow{margin-bottom:.8rem}
.about-img{aspect-ratio:1/1.08;border-radius:28px;background:var(--surface-2) center/cover no-repeat;
  border:1px solid color-mix(in srgb,var(--border) 80%,transparent);box-shadow:var(--shadow);display:grid;place-items:center;position:relative;overflow:hidden}
.about-img::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 45%,transparent);pointer-events:none}
.about-p{color:var(--muted);margin-bottom:1.1rem;font-size:1.05rem;line-height:1.7}
.ticks{list-style:none;display:grid;gap:.85rem;margin:1.6rem 0}
.ticks li{display:flex;gap:.7rem;align-items:flex-start;font-weight:500;line-height:1.55}
.ticks svg{color:var(--brand);margin-top:4px;flex:0 0 auto;background:color-mix(in srgb,var(--brand) 12%,transparent);border-radius:50%;padding:3px;width:23px;height:23px;box-sizing:content-box}
.sign{margin-top:1.8rem;padding-top:1.3rem;border-top:1px solid var(--border)}
.sign strong{font-family:var(--serif);font-size:1.4rem;font-weight:600;display:block}
.sign span{color:var(--muted);font-size:.92rem}

/* features */
.features{background:var(--surface-2)}
.feat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem 2.6rem;max-width:940px;margin:0 auto}
.feat{display:flex;gap:1.1rem;align-items:flex-start;padding:.4rem;border-radius:var(--r-sm);transition:transform .3s cubic-bezier(.22,1,.36,1)}
.feat:hover{transform:translateY(-3px)}
.feat-ic{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--surface);color:var(--brand);
  border:1px solid color-mix(in srgb,var(--border) 80%,transparent);box-shadow:var(--shadow-xs);flex:0 0 auto;transition:color .3s ease,background .3s ease}
.feat:hover .feat-ic{background:var(--brand);color:var(--on-brand)}
.feat h3{font-size:1.18rem;font-weight:600;margin-bottom:.35rem}
.feat p{color:var(--muted);font-size:1rem;line-height:1.6}

/* testimonials */
.tst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.tst-card{position:relative;background:var(--surface);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);
  border-radius:var(--r);padding:2rem 1.9rem;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-xs);
  transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}
.tst-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm)}
.tst-quote{position:absolute;top:1.5rem;right:1.6rem;color:var(--brand);opacity:.16}
.tst-quote svg{width:40px;height:40px}
.stars{display:flex;gap:3px;color:var(--accent)}.stars svg{fill:var(--accent)}
.tst-card blockquote{font-family:var(--serif);font-size:1.1rem;line-height:1.6;color:var(--text);font-style:italic;font-weight:500;position:relative;z-index:1}
.tst-card figcaption{margin-top:auto;padding-top:.4rem}
.tst-card figcaption strong{display:block;font-family:var(--font);font-weight:600;font-size:1rem}
.tst-card figcaption span{color:var(--muted);font-size:.88rem}

/* gallery */
.gal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}
.gal-item{aspect-ratio:1;border-radius:var(--r-sm);background:var(--surface-2) center/cover no-repeat;
  border:1px solid color-mix(in srgb,var(--border) 80%,transparent);box-shadow:var(--shadow-xs);
  position:relative;display:flex;align-items:flex-end;overflow:hidden;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}
.gal-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}
.gal-item figcaption{padding:.7rem .9rem;font-size:.85rem;font-weight:600;color:#fff;width:100%;
  background:linear-gradient(transparent,rgba(0,0,0,.62))}

/* faq */
.faq-in{max-width:800px;margin:0 auto}
.acc{display:grid;gap:.9rem}
.acc-item{background:var(--surface);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:var(--r-sm);
  overflow:hidden;box-shadow:var(--shadow-xs);transition:border-color .25s ease,box-shadow .25s ease}
.acc-item.is-open{border-color:color-mix(in srgb,var(--brand) 32%,var(--border));box-shadow:var(--shadow-sm)}
.acc-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:none;border:0;cursor:pointer;
  padding:1.25rem 1.4rem;font:600 1.08rem var(--font);color:var(--text);text-align:left;line-height:1.45}
.acc-chev{transition:transform .3s ease;color:var(--brand);transform:rotate(90deg);flex:0 0 auto}
.acc-item.is-open .acc-chev{transform:rotate(-90deg)}
.acc-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.acc-item.is-open .acc-a{max-height:340px}
.acc-a p{padding:0 1.4rem 1.35rem;color:var(--muted);line-height:1.7}

/* cta band */
.ctaband-in{position:relative;overflow:hidden;background:linear-gradient(125deg,var(--brand),var(--brand-2));color:var(--on-brand);
  border-radius:30px;padding:clamp(2.4rem,4vw,3.2rem) clamp(2rem,4vw,3.4rem);display:flex;align-items:center;justify-content:space-between;
  gap:2rem;flex-wrap:wrap;box-shadow:var(--shadow)}
.ctaband-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:color-mix(in srgb,#fff 26%,transparent);
  filter:blur(60px);top:-220px;right:-120px;pointer-events:none}
.ctaband-in>div,.ctaband-in>.btn{position:relative;z-index:1}
.ctaband-in h2{color:var(--on-brand);font-size:clamp(1.6rem,3vw,2.3rem);font-weight:600}
.ctaband-in p{opacity:.92;margin-top:.55rem;font-size:1.08rem;max-width:46ch}

/* contact */
.contact-in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,5vw,3.4rem);align-items:start}
.contact .sec-head{text-align:left;margin:0 0 1.8rem;max-width:none}
.cinfo{list-style:none;display:grid;gap:1.2rem;margin-bottom:1.8rem}
.cinfo li{display:flex;gap:1rem;align-items:flex-start}
.cinfo>li>svg{color:var(--brand);flex:0 0 auto;margin-top:2px;width:26px;height:26px;
  background:color-mix(in srgb,var(--brand) 12%,transparent);border-radius:11px;padding:5px;box-sizing:content-box}
.cinfo span{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600;display:block;margin-bottom:.15rem}
.cinfo a,.cinfo p{text-decoration:none;color:var(--text);font-weight:600;display:block;font-size:1.02rem}
.cinfo a{transition:color .2s ease}.cinfo a:hover{color:var(--brand)}
.map{border-radius:var(--r);overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);height:240px;box-shadow:var(--shadow-xs)}
.map iframe{width:100%;height:100%;border:0;filter:grayscale(.12)}
.contact-form{background:var(--surface);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:var(--r);
  padding:2rem;box-shadow:var(--shadow-sm)}
.frow{margin-bottom:1.1rem}.frow.two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.contact-form label{display:block;font-weight:600;font-size:.92rem;margin-bottom:.45rem}
.contact-form input,.contact-form textarea{width:100%;padding:.9rem 1rem;border:1.5px solid var(--border);border-radius:12px;
  background:var(--bg);color:var(--text);font:inherit;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:color-mix(in srgb,var(--muted) 70%,transparent)}
.contact-form input:focus,.contact-form textarea:focus{outline:0;border-color:var(--brand);box-shadow:var(--ring-soft)}
.contact-form textarea{resize:vertical}
.contact-form .full{margin-top:.4rem}
.form-note{display:flex;align-items:center;gap:.45rem;font-size:.84rem;color:var(--muted);margin-top:1rem}
.form-note svg{color:var(--brand);flex:0 0 auto}

/* footer */
.ft{background:var(--surface-2);border-top:1px solid var(--border);padding:clamp(3rem,5vw,4rem) 0 0}
.ft-in{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2.6rem;padding-bottom:2.8rem}
.ft-brand{display:flex;gap:.85rem;align-items:flex-start}
.ft-brand strong{font-family:var(--serif);font-size:1.2rem;font-weight:600}
.ft-brand p{color:var(--muted);font-size:.94rem;margin-top:.25rem;line-height:1.55}
.ft-col h4{font-family:var(--font);font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:1.1rem;font-weight:600}
.ft-col a,.ft-col p{display:flex;align-items:center;gap:.6rem;color:var(--text);text-decoration:none;margin-bottom:.7rem;font-size:.98rem;font-weight:500}
.ft-col a{transition:color .2s ease}.ft-col a:hover{color:var(--brand)}
.ft-col svg{color:var(--brand);width:18px;height:18px;flex:0 0 auto}
.ft-social{display:flex;gap:.55rem;margin-top:1rem}
.ft-social a{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--surface);
  border:1px solid color-mix(in srgb,var(--border) 80%,transparent);box-shadow:var(--shadow-xs);
  transition:color .25s ease,border-color .25s ease,transform .25s ease}
.ft-social a:hover{color:var(--brand);border-color:var(--brand);transform:translateY(-2px)}
.ft-bottom{display:flex;align-items:center;justify-content:space-between;padding:1.4rem 1.6rem;border-top:1px solid var(--border);
  font-size:.88rem;color:var(--muted)}
.ft-admin{color:var(--muted);text-decoration:none;font-size:.82rem;opacity:.7;transition:color .2s ease,opacity .2s ease}
.ft-admin:hover{color:var(--brand);opacity:1}

/* whatsapp fab */
.wa-fab{position:fixed;right:20px;bottom:72px;z-index:80;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;
  background:#25d366;color:#fff;box-shadow:0 12px 30px -8px rgba(37,211,102,.7);transition:transform .25s cubic-bezier(.22,1,.36,1)}
.wa-fab:hover{transform:scale(1.08)}.wa-fab svg{width:28px;height:28px}
body.has-ribbon .wa-fab{bottom:120px}

/* responsive */
@media(max-width:920px){
  .hero-in,.about-in,.contact-in{grid-template-columns:1fr;gap:2.6rem}
  .hero-art{order:-1;max-width:440px}
  .cards,.tst-grid{grid-template-columns:repeat(2,1fr)}
  .gal-grid{grid-template-columns:repeat(3,1fr)}
  .feat-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  body{font-size:16px}
  .nav{position:fixed;inset:78px 0 auto 0;flex-direction:column;align-items:stretch;background:var(--surface);
    padding:1rem 1.6rem 1.5rem;gap:.2rem;box-shadow:var(--shadow);transform:translateY(-130%);transition:transform .3s cubic-bezier(.22,1,.36,1);border-top:1px solid var(--border)}
  .nav.is-open{transform:none}
  .nav a{padding:.85rem .6rem}.nav .nav-cta{margin:.5rem 0 0;text-align:center;justify-content:center}
  .nav-toggle{display:flex}
  .cards,.tst-grid,.gal-grid{grid-template-columns:1fr}
  .ft-in{grid-template-columns:1fr;gap:2rem}
  .ctaband-in{padding:2rem 1.7rem}
  .contact-form{padding:1.5rem}
}

/* ===== media additions: avatars, pricing, hero pattern ===== */
.tst-card figcaption{display:flex;align-items:center;gap:.75rem}
.tst-ava{width:46px;height:46px;border-radius:50%;flex:0 0 auto;background:var(--surface-2);border:1px solid var(--border);object-fit:cover}
.tst-who{display:flex;flex-direction:column}

.pricing .price-list{max-width:780px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-sm);overflow:hidden}
.price-row{display:flex;align-items:center;gap:1.3rem;padding:1.15rem 1.6rem;border-top:1px solid var(--border);transition:background .2s ease}
.price-row:first-child{border-top:0}
.price-row:hover{background:color-mix(in srgb,var(--brand) 5%,transparent)}
.price-main{flex:1 1 auto}
.price-main h3{font-size:1.12rem;margin-bottom:.1rem}
.price-main p{color:var(--muted);font-size:.92rem;font-family:var(--font);font-weight:400}
.price-dur{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);font-weight:600;font-size:.9rem;white-space:nowrap;font-family:var(--font)}
.price-dur svg{color:var(--brand)}
.price-amt{font-family:var(--serif);font-weight:600;font-size:1.4rem;color:var(--brand);white-space:nowrap;min-width:96px;text-align:right}
@media(max-width:560px){.price-row{flex-wrap:wrap;gap:.35rem 1rem}.price-main{flex-basis:100%}.price-amt{min-width:0}}

/* subtle dot pattern so large empty areas are never flat (Boş Zemin Yasağı) */
.hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.6;
  background-image:radial-gradient(color-mix(in srgb,var(--text) 9%,transparent) 1px,transparent 1px);background-size:26px 26px;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 72%);mask-image:linear-gradient(180deg,#000,transparent 72%)}
.hero-card,.about-img{background-color:var(--surface-2);background-size:cover;background-position:center}
.gal-item{background-size:cover;background-position:center}