:root {
  --ink: #25312d;
  --muted: #68736d;
  --cream: #f2eee6;
  --paper: #faf9f5;
  --green: #aabfae;
  --deep-green: #52665b;
  --yellow: #f0c877;
  --line: rgba(37, 49, 45, 0.16);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: "DM Sans", sans-serif; }
a { color: inherit; text-decoration: none; }
.site-header { align-items: center; display: flex; justify-content: space-between; padding: 25px 6vw; }
.brand { align-items: center; display: inline-flex; font-size: 1.35rem; font-weight: 700; gap: 10px; letter-spacing: -.05em; }
.brand-mark { align-items: center; background: var(--yellow); border-radius: 50%; display: inline-flex; font-family: "Playfair Display", serif; font-size: 1.15rem; height: 32px; justify-content: center; width: 32px; }
.desktop-nav { display: flex; gap: 34px; margin-left: 80px; }
.desktop-nav a { color: var(--muted); font-size: .85rem; transition: color .2s; }
.desktop-nav a:hover, .text-link:hover { color: var(--deep-green); }
.button { align-items: center; border: 0; cursor: pointer; display: inline-flex; font: inherit; font-size: .83rem; font-weight: 700; gap: 22px; justify-content: center; transition: transform .2s, background .2s; }
.button:hover { transform: translateY(-2px); }
.button-small { border-radius: 30px; gap: 12px; padding: 12px 18px; }
.button-dark { background: var(--ink); color: white; }
.button-primary { background: var(--yellow); border-radius: 28px; padding: 16px 21px; }
.hero { display: grid; gap: 6vw; grid-template-columns: .92fr 1.08fr; max-width: 1360px; min-height: 630px; padding: 75px 8vw 100px; }
.hero-copy { align-self: center; max-width: 560px; }
.eyebrow, .section-kicker { color: var(--deep-green); font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.eyebrow { align-items: center; display: flex; gap: 10px; }
.eyebrow span { background: var(--yellow); border-radius: 50%; display: inline-block; height: 8px; width: 8px; }
h1, h2 { font-family: "Playfair Display", serif; font-weight: 500; letter-spacing: -.055em; line-height: 1.03; margin: 22px 0; }
h1 { font-size: clamp(3.6rem, 6.4vw, 6.35rem); }
h2 { font-size: clamp(2.8rem, 4.6vw, 5rem); }
h1 em, h2 em, h3 em { color: var(--deep-green); font-style: italic; }
.hero-text { color: var(--muted); font-size: 1rem; line-height: 1.75; max-width: 440px; }
.hero-actions { align-items: center; display: flex; gap: 30px; margin-top: 32px; }
.text-link { border-bottom: 1px solid currentColor; color: var(--ink); font-size: .84rem; font-weight: 700; padding-bottom: 5px; transition: color .2s; }
.trust-row { align-items: center; display: flex; gap: 14px; margin-top: 60px; }
.trust-row p { color: var(--muted); font-size: .75rem; margin: 0; }
.trust-row strong { color: var(--ink); }
.avatar-stack { display: flex; }
.avatar { background-position: center; background-size: cover; border: 2px solid var(--paper); border-radius: 50%; height: 30px; margin-right: -8px; width: 30px; }
.avatar-one { background-image: url("https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&q=80"); }.avatar-two { background-image: url("https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=100&q=80"); }.avatar-three { background-image: url("https://images.unsplash.com/photo-1534528741775-53994a69daeb?w=100&q=80"); }
.hero-visual { align-self: center; position: relative; }
.hero-image-wrap { height: 555px; margin-left: auto; max-width: 570px; overflow: hidden; position: relative; }
.hero-image-wrap img { height: 100%; object-fit: cover; width: 100%; }
.image-label { align-items: center; background: rgba(250, 249, 245, .9); bottom: 20px; display: flex; font-size: .75rem; gap: 9px; left: 20px; padding: 13px 15px; position: absolute; }
.label-dot { background: var(--yellow); border-radius: 50%; height: 8px; width: 8px; }
.location-card { align-items: center; background: var(--green); bottom: -35px; display: flex; gap: 13px; left: -43px; padding: 20px 22px; position: absolute; }
.location-pin { font-size: 1.5rem; }.location-card small, .location-card strong { display: block; }.location-card small { font-size: .63rem; margin-bottom: 4px; text-transform: uppercase; }.location-card strong { font-family: "Playfair Display", serif; font-size: 1.2rem; font-weight: 500; }
.stamp { align-items: center; background: var(--yellow); border-radius: 50%; display: flex; flex-direction: column; font-family: "Playfair Display", serif; font-size: .9rem; height: 105px; justify-content: center; line-height: 1.1; position: absolute; right: -18px; text-align: center; top: -35px; transform: rotate(10deg); width: 105px; }.stamp strong { font-size: 1.3rem; font-style: italic; font-weight: 500; }
.marquee { align-items: center; background: var(--deep-green); color: #f7f6ee; display: flex; font-size: .7rem; gap: 34px; justify-content: center; letter-spacing: .11em; overflow: hidden; padding: 19px 20px; text-transform: uppercase; white-space: nowrap; }.marquee i { color: var(--yellow); font-style: normal; }
.section { margin: auto; max-width: 1200px; padding: 125px 6vw; }.intro-content { align-items: end; display: flex; justify-content: space-between; }.intro-content h2 { margin-bottom: 65px; }.intro-side { margin-bottom: 70px; max-width: 320px; }.intro-side p { color: var(--muted); font-size: .9rem; line-height: 1.7; margin-bottom: 25px; }
.feature-grid { display: grid; gap: 20px; grid-template-columns: 1fr 1fr 1fr; }.feature-card { min-height: 320px; padding: 28px; position: relative; }.feature-image-card { color: white; overflow: hidden; padding: 0; }.feature-card-image { background-position: center; background-size: cover; height: 100%; }.image-clinic { background-image: url("https://images.unsplash.com/photo-1588776814546-1ffcf47267a5?auto=format&fit=crop&w=700&q=80"); }.feature-overlay { background: linear-gradient(transparent, rgba(20,30,26,.8)); bottom: 0; display: flex; flex-direction: column; left: 0; padding: 30px; position: absolute; right: 0; }.feature-overlay span, .feature-number { font-size: .7rem; opacity: .7; }.feature-overlay strong { font-family: "Playfair Display", serif; font-size: 1.8rem; font-weight: 500; line-height: 1.08; margin-top: 60px; }.feature-cream { background: var(--cream); }.feature-green { background: var(--green); }.feature-icon { font-size: 2rem; margin-top: 70px; }.feature-card h3 { font-family: "Playfair Display", serif; font-size: 1.8rem; font-weight: 500; line-height: 1.05; margin: 18px 0; }.feature-card p { color: rgba(37,49,45,.7); font-size: .8rem; line-height: 1.6; max-width: 230px; }
.what-we-do-heading, .gallery-heading { align-items: end; display: flex; justify-content: space-between; }.what-we-do-heading h2, .gallery-heading h2 { margin-bottom: 60px; }.what-we-do-heading > p, .gallery-heading > p { color: var(--muted); font-size: .9rem; line-height: 1.7; margin-bottom: 65px; max-width: 350px; }.care-grid { display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr); }.care-card { background: var(--cream); min-height: 330px; padding: 28px; position: relative; }.care-card:nth-child(3) { background: var(--green); }.care-card > span, .care-card-image > div > span { color: var(--deep-green); font-size: .7rem; }.care-card h3 { font-family: "Playfair Display", serif; font-size: 1.75rem; font-weight: 500; margin: 92px 0 15px; }.care-card p { color: rgba(37,49,45,.72); font-size: .8rem; line-height: 1.65; max-width: 245px; }.care-card .text-link { bottom: 28px; left: 28px; position: absolute; }.care-card-image { color: #f7f6ee; overflow: hidden; padding: 0; }.care-card-image img { height: 100%; object-fit: cover; width: 100%; }.care-card-image::after { background: linear-gradient(transparent, rgba(20,30,26,.9)); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; }.care-card-image > div { bottom: 28px; left: 28px; position: absolute; right: 28px; z-index: 1; }.care-card-image > div > span { color: var(--yellow); }.care-card-image h3 { margin: 12px 0 10px; }.care-card-image p { color: rgba(247,246,238,.8); }
.smile-gallery { background: var(--cream); max-width: 1200px; }.gallery-heading h2 { margin-top: 16px; }.gallery-grid { align-items: start; display: grid; gap: 18px; grid-template-columns: 1.25fr .75fr .75fr; }.gallery-grid figure { margin: 0; }.gallery-grid img { display: block; height: 300px; object-fit: cover; width: 100%; }.gallery-grid .gallery-large img { height: 420px; }.gallery-grid figcaption { color: var(--muted); font-size: .68rem; letter-spacing: .08em; padding-top: 13px; text-transform: uppercase; }
.journey { align-items: center; display: grid; gap: 10vw; grid-template-columns: 1fr 1fr; }.journey-image { height: 570px; position: relative; }.journey-image img { height: 100%; object-fit: cover; width: 100%; }.journey-caption { background: var(--yellow); bottom: -20px; font-family: "Playfair Display", serif; font-size: 1.5rem; left: -30px; line-height: 1.05; padding: 25px; position: absolute; }.journey-caption em { color: var(--deep-green); }.journey-content h2 { margin-bottom: 55px; }.steps { border-top: 1px solid var(--line); }.step { border-bottom: 1px solid var(--line); display: grid; gap: 30px; grid-template-columns: 30px 1fr; padding: 22px 0; }.step > span { color: var(--deep-green); font-size: .7rem; padding-top: 4px; }.step h3 { font-size: .9rem; margin: 0 0 7px; }.step p { color: var(--muted); font-size: .8rem; line-height: 1.6; margin: 0; max-width: 310px; }
.contact { align-items: center; background: var(--cream); display: grid; gap: 12vw; grid-template-columns: 1fr 1fr; margin-bottom: 100px; max-width: 1200px; }.contact-copy h2 { margin-bottom: 26px; }.contact-copy > p { color: var(--muted); font-size: .9rem; line-height: 1.7; max-width: 350px; }.contact-note { align-items: center; display: flex; gap: 12px; margin-top: 35px; }.contact-note span { color: var(--deep-green); font-size: 1.3rem; }.contact-note p { font-size: .75rem; font-weight: 700; }.contact-form { display: flex; flex-direction: column; }.contact-form label { font-size: .72rem; font-weight: 700; margin: 18px 0 8px; }.contact-form input, .contact-form select { background: transparent; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; color: var(--ink); font: inherit; outline: 0; padding: 10px 0; }.contact-form input:focus, .contact-form select:focus { border-color: var(--deep-green); }.contact-form input::placeholder { color: #a4aaa5; }.form-button { align-self: start; border: 0; margin-top: 32px; }.form-status { color: var(--deep-green); font-size: .75rem; min-height: 18px; }
.contact-email, .footer-email { color: var(--deep-green); font-size: .82rem; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }.contact-email { display: inline-block; margin-top: 22px; }.contact-email:hover, .footer-email:hover { color: var(--ink); }
.numbers { background: var(--yellow); display: grid; grid-template-columns: repeat(4, 1fr); padding: 34px 8vw; }.numbers div { align-items: center; border-right: 1px solid rgba(37,49,45,.2); display: flex; gap: 14px; justify-content: center; }.numbers div:last-child { border-right: 0; }.numbers strong { font-family: "Playfair Display", serif; font-size: 2rem; font-weight: 500; }.numbers strong span { font-size: 1rem; }.numbers div > span { font-size: .68rem; line-height: 1.35; text-transform: uppercase; }
.treatments-heading { align-items: end; display: flex; justify-content: space-between; }.treatments-heading h2 { margin-bottom: 60px; }.treatments-heading p { color: var(--muted); font-size: .9rem; line-height: 1.7; margin-bottom: 65px; max-width: 330px; }.treatment-list { border-top: 1px solid var(--line); }.treatment-item { align-items: center; border-bottom: 1px solid var(--line); display: grid; gap: 30px; grid-template-columns: 45px 1fr 30px; padding: 25px 12px; transition: background .2s, padding .2s; }.treatment-item:hover { background: var(--cream); padding-left: 22px; padding-right: 22px; }.treatment-icon { color: var(--deep-green); font-size: 1.4rem; }.treatment-item h3 { font-family: "Playfair Display", serif; font-size: 1.55rem; font-weight: 500; margin: 0 0 6px; }.treatment-item p { color: var(--muted); font-size: .8rem; line-height: 1.5; margin: 0; }.treatment-arrow { font-size: 1.3rem; }
.standards { align-items: start; background: var(--deep-green); color: #f7f6ee; display: grid; gap: 10vw; grid-template-columns: .9fr 1.1fr; max-width: 1200px; }.standards .section-kicker { color: var(--yellow); }.standards h2 { margin-bottom: 28px; }.standards h2 em { color: var(--green); }.standards-copy > p { color: rgba(247,246,238,.72); font-size: .9rem; line-height: 1.7; max-width: 370px; }.standards-copy .button { margin-top: 20px; }.standards-grid { display: grid; grid-template-columns: 1fr 1fr; }.standard { border-left: 1px solid rgba(247,246,238,.22); border-top: 1px solid rgba(247,246,238,.22); min-height: 185px; padding: 23px; }.standard:nth-child(-n+2) { border-top: 0; }.standard span { color: var(--yellow); font-size: .7rem; }.standard h3 { font-size: .95rem; margin: 28px 0 9px; }.standard p { color: rgba(247,246,238,.65); font-size: .75rem; line-height: 1.55; margin: 0; }
.quote-section { max-width: 920px; text-align: center; }.quote-mark { color: var(--yellow); font-family: "Playfair Display", serif; font-size: 6rem; height: 52px; line-height: 1; }.quote-section blockquote { font-family: "Playfair Display", serif; font-size: clamp(1.9rem, 3.6vw, 3.4rem); letter-spacing: -.04em; line-height: 1.12; margin: 15px 0 35px; }.quote-author { align-items: center; display: inline-flex; gap: 12px; text-align: left; }.quote-avatar { background: url("https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&q=80") center/cover; border-radius: 50%; height: 38px; width: 38px; }.quote-author strong, .quote-author small { display: block; }.quote-author strong { font-size: .78rem; }.quote-author small { color: var(--muted); font-size: .68rem; margin-top: 3px; }
.reviews { background: var(--cream); max-width: 1200px; }.reviews-heading { align-items: end; display: flex; justify-content: space-between; }.reviews-heading h2 { margin-bottom: 60px; }.review-score { align-items: end; display: flex; flex-direction: column; margin-bottom: 65px; }.review-score strong { font-family: "Playfair Display", serif; font-size: 2.4rem; font-weight: 500; }.review-score span, .stars { color: #c78d2a; letter-spacing: .12em; }.review-score small { color: var(--muted); font-size: .68rem; margin-top: 5px; }.reviews-viewport { overflow: hidden; }.reviews-track { display: flex; gap: 18px; transition: transform .45s ease; }.review-card { background: var(--paper); display: flex; flex: 0 0 calc((100% - 36px) / 3); flex-direction: column; min-height: 340px; padding: 27px; }.review-card-dark { background: var(--deep-green); color: #f7f6ee; }.review-card-dark .review-person small { color: rgba(247,246,238,.65); }.review-card blockquote { font-family: "Playfair Display", serif; font-size: 1.25rem; line-height: 1.25; margin: 25px 0 35px; }.review-person { align-items: center; display: flex; gap: 11px; margin-top: auto; }.review-person strong, .review-person small { display: block; }.review-person strong { font-size: .78rem; }.review-person small { color: var(--muted); font-size: .68rem; margin-top: 3px; }.review-avatar { background-position: center; background-size: cover; border-radius: 50%; height: 36px; width: 36px; }.avatar-giulia { background-image: url("https://images.unsplash.com/photo-1488426862026-3ee34a7d66df?w=100&q=80"); }.avatar-marco { background-image: url("https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?w=100&q=80"); }.avatar-elisa { background-image: url("https://images.unsplash.com/photo-1534528741775-53994a69daeb?w=100&q=80"); }.avatar-chiara { background-image: url("https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&q=80"); }.avatar-andrea { background-image: url("https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=100&q=80"); }.avatar-francesca { background-image: url("https://images.unsplash.com/photo-1508214751196-bcfd4ca60f91?w=100&q=80"); }.avatar-luca { background-image: url("https://images.unsplash.com/photo-1519085360753-af0119f7cbe7?w=100&q=80"); }.avatar-sara { background-image: url("https://images.unsplash.com/photo-1551836022-d5d88e9218df?w=100&q=80"); }.review-controls { align-items: center; display: flex; justify-content: space-between; margin-top: 25px; }.slider-button { align-items: center; background: var(--ink); border: 0; border-radius: 50%; color: white; cursor: pointer; display: flex; font: inherit; height: 38px; justify-content: center; transition: background .2s, transform .2s; width: 38px; }.slider-button:hover { background: var(--deep-green); transform: translateY(-2px); }.review-dots { display: flex; gap: 8px; }.review-dot { background: rgba(37,49,45,.25); border: 0; border-radius: 50%; cursor: pointer; height: 7px; padding: 0; transition: background .2s, transform .2s; width: 7px; }.review-dot.is-active { background: var(--deep-green); transform: scale(1.5); }
.albania { align-items: center; display: grid; gap: 10vw; grid-template-columns: 1fr 1fr; }.albania-image { height: 470px; position: relative; }.albania-image img { height: 100%; object-fit: cover; width: 100%; }.albania-image span { background: var(--yellow); bottom: 20px; font-family: "Playfair Display", serif; font-size: 1.3rem; left: -20px; padding: 16px 20px; position: absolute; }.albania-copy p { color: var(--muted); font-size: .9rem; line-height: 1.7; max-width: 370px; }.albania-details { border-top: 1px solid var(--line); display: grid; grid-template-columns: 1fr 1fr; margin-top: 40px; padding-top: 20px; }.albania-details strong, .albania-details span { display: block; }.albania-details strong { font-family: "Playfair Display", serif; font-size: 1.2rem; font-weight: 500; }.albania-details span { color: var(--muted); font-size: .68rem; margin-top: 5px; }
.faq-layout { display: grid; gap: 12vw; grid-template-columns: .8fr 1.2fr; }.faq-layout h2 { margin-top: 45px; }.faq-list { border-top: 1px solid var(--line); }.faq-list details { border-bottom: 1px solid var(--line); padding: 22px 0; }.faq-list summary { cursor: pointer; font-size: .9rem; font-weight: 700; list-style: none; padding-right: 30px; position: relative; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary::after { content: "+"; font-size: 1.3rem; font-weight: 400; position: absolute; right: 0; top: -5px; }.faq-list details[open] summary::after { content: "−"; }.faq-list details p { color: var(--muted); font-size: .8rem; line-height: 1.7; margin: 15px 35px 2px 0; max-width: 510px; }
.site-footer { align-items: center; border-top: 1px solid var(--line); display: flex; justify-content: space-between; margin: 0 6vw; padding: 25px 0; }.site-footer p { color: var(--muted); font-size: .7rem; margin: 0; }
@media (max-width: 800px) { .site-header { padding: 20px 6vw; }.desktop-nav { display: none; }.site-header .button { font-size: .7rem; padding: 10px 14px; }.hero, .journey, .contact, .standards, .albania { grid-template-columns: 1fr; }.hero { gap: 60px; padding: 55px 6vw 90px; }.hero-image-wrap { height: 430px; }.location-card { bottom: -30px; left: 10px; }.stamp { right: -5px; top: -25px; }.numbers { gap: 25px 0; grid-template-columns: 1fr 1fr; }.numbers div:nth-child(2) { border-right: 0; }.numbers div:nth-child(-n+2) { border-bottom: 1px solid rgba(37,49,45,.2); padding-bottom: 20px; }.numbers div:nth-child(n+3) { padding-top: 10px; }.intro-content { align-items: start; flex-direction: column; }.intro-content h2 { margin-bottom: 20px; }.intro-side { margin-bottom: 45px; }.feature-grid { grid-template-columns: 1fr; }.feature-card { min-height: 280px; }.feature-icon { margin-top: 42px; }.treatments-heading { align-items: start; flex-direction: column; }.treatments-heading h2 { margin-bottom: 20px; }.treatments-heading p { margin-bottom: 40px; }.treatment-item { gap: 16px; grid-template-columns: 25px 1fr 20px; }.treatment-item h3 { font-size: 1.25rem; }.standards-grid { grid-template-columns: 1fr 1fr; }.standard { min-height: 220px; padding: 16px; }.standard:nth-child(2) { border-top: 0; }.standard h3 { font-size: .85rem; margin-top: 20px; }.journey { gap: 70px; }.journey-image { height: 430px; }.journey-caption { left: 10px; }.albania { gap: 60px; }.albania-image { height: 390px; }.albania-image span { left: 10px; }.faq-layout { gap: 35px; grid-template-columns: 1fr; }.faq-layout h2 { margin: 0; }.contact { gap: 45px; margin-bottom: 60px; }.section { padding: 90px 6vw; }.site-footer { align-items: start; flex-direction: column; gap: 14px; } }
@media (max-width: 430px) { h1 { font-size: 3.4rem; }.hero-actions { align-items: start; flex-direction: column; gap: 22px; }.hero-image-wrap { height: 360px; }.location-card { padding: 14px; }.location-card strong { font-size: 1rem; }.stamp { height: 84px; width: 84px; }.stamp strong { font-size: 1rem; }.marquee { justify-content: start; }.button-primary { gap: 12px; } }
@media (max-width: 800px) { .what-we-do-heading, .gallery-heading { align-items: start; flex-direction: column; }.what-we-do-heading h2, .gallery-heading h2 { margin-bottom: 20px; }.what-we-do-heading > p, .gallery-heading > p { margin-bottom: 40px; }.care-grid { grid-template-columns: 1fr; }.care-card { min-height: 280px; }.care-card h3 { margin-top: 48px; }.gallery-grid { grid-template-columns: 1fr 1fr; }.gallery-grid .gallery-large { grid-column: span 2; }.gallery-grid .gallery-large img, .gallery-grid img { height: 260px; }.gallery-grid .gallery-large img { height: 340px; } }
@media (max-width: 430px) { .gallery-grid { grid-template-columns: 1fr; }.gallery-grid .gallery-large { grid-column: auto; }.gallery-grid .gallery-large img, .gallery-grid img { height: 280px; } }
@media (max-width: 800px) { .reviews-heading { align-items: start; flex-direction: column; }.reviews-heading h2 { margin-bottom: 25px; }.review-score { align-items: start; margin-bottom: 40px; }.review-card { flex-basis: 100%; min-height: 290px; } }