/* Lokale Fonts – kein Google-Kontakt */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300 500;
  font-display: swap;
  src: url('../fonts/montserrat-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300 500;
  font-display: swap;
  src: url('../fonts/montserrat-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Noto Serif Display';
  font-style: normal;
  font-weight: 300 400;
  font-display: swap;
  src: url('../fonts/noto-serif-display-normal-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Noto Serif Display';
  font-style: normal;
  font-weight: 300 400;
  font-display: swap;
  src: url('../fonts/noto-serif-display-normal-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Noto Serif Display';
  font-style: italic;
  font-weight: 300 400;
  font-display: swap;
  src: url('../fonts/noto-serif-display-italic-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Noto Serif Display';
  font-style: italic;
  font-weight: 300 400;
  font-display: swap;
  src: url('../fonts/noto-serif-display-italic-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --espresso:      #2B1F1A;
  --dark-roast:    #3E2723;
  --medium-brown:  #5D4037;
  --light-mocha:   #8D6E63;
  --cappuccino:    #A1887F;
  --latte:         #BCAAA4;
  --cream:         #D7CCC8;
  --off-white:     #EFEBE9;
  --paper:         #F5F5F5;
  --font-heading:  'Noto Serif Display', serif;
  --font-body:     'Montserrat', sans-serif;
  --background:    #F5F5F5;
  --foreground:    #2B1F1A;
  --primary:       #5D4037;
  --primary-foreground: #F5F5F5;
  --accent:        #8D6E63;
  --border:        rgba(93,64,55,0.15);
  --nav-height:    72px;
  --banner-h:      0px;
  --top-offset:    var(--nav-height);
  --max-width:     1200px;
}
body.has-promo-banner{--banner-h:36px;--top-offset:calc(var(--nav-height) + var(--banner-h))}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--background);color:var(--foreground);font-family:var(--font-body);font-weight:300;font-size:16px;line-height:1.7;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}

h1,h2,h3,h4{font-family:var(--font-heading);font-weight:400;line-height:1.2;color:var(--foreground)}
h1{font-size:clamp(2.4rem,5vw,4rem)}
h2{font-size:clamp(1.8rem,3.5vw,2.8rem)}
h3{font-size:clamp(1.3rem,2.5vw,1.8rem)}

.label{font-family:var(--font-body);font-size:.7rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--cappuccino)}
.amp-deco{display:block;color:var(--cream);line-height:1}
.amp-svg{display:block;height:var(--amp-h,3.5rem);width:auto}
.gallery-page-hero .amp-deco,.faq-hero .amp-deco,.contact-hero .amp-deco,.testimonials__header .amp-deco,.gallery-teaser__header .amp-deco,.instagram-section__header .amp-deco,.pricing-hero .amp-deco{display:flex;justify-content:center}
.amp-deco__text{display:block;font-family:var(--font-heading);font-style:italic;color:var(--cream);margin-top:.35rem}
.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}
.section{padding:6rem 2rem}

/* BUTTONS */
.btn{display:inline-block;font-family:var(--font-body);font-size:.72rem;font-weight:400;letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--primary);color:var(--primary);padding:.9rem 2.25rem;transition:background .3s,color .3s;cursor:pointer;background:transparent}
.btn:hover{background:var(--primary);color:var(--primary-foreground)}
.btn--filled{background:var(--primary);color:var(--primary-foreground)}
.btn--filled:hover{background:var(--dark-roast);border-color:var(--dark-roast)}
.btn--light{border-color:var(--off-white);color:var(--off-white)}
.btn--light:hover{background:var(--off-white);color:var(--dark-roast)}

/* NAV */
#site-header{position:fixed;top:var(--banner-h);left:0;right:0;z-index:1000;height:var(--nav-height);display:flex;align-items:center;transition:background .4s,box-shadow .4s,top .3s}
#site-header.scrolled{background:rgba(245,245,245,.97);backdrop-filter:blur(8px);box-shadow:0 1px 0 var(--border)}
.nav-inner{max-width:var(--max-width);margin:0 auto;padding:0 2rem;width:100%;display:flex;align-items:center;gap:2rem}
.site-logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:400;color:var(--foreground);letter-spacing:.04em;flex-shrink:0}
.site-logo .amp{color:var(--accent);font-style:italic}

/* Desktop nav – links: toggle (hidden), center: menu, right: cta + logo */
.nav-inner{justify-content:space-between}
.nav-menu{display:flex;align-items:center;gap:1.5rem;flex:1;justify-content:center}
.nav-link{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--light-mocha);transition:color .25s;font-weight:400;white-space:nowrap;position:relative}
.nav-link:hover{color:var(--foreground)}
.nav-link[aria-current="page"]{color:var(--foreground)}
.nav-link[aria-current="page"]::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:1px;background:var(--accent)}

/* "Ricarda&" Brand-Link im Nav */
.nav-link--brand{color:var(--foreground)}
.nav-link--brand .nav-amp{color:var(--accent)}
.nav-link--brand:hover{color:var(--foreground)}

/* Gruppen-Separator */
.nav-sep{display:block;width:1px;height:1.1em;background:var(--border);flex-shrink:0}

/* CTA rechts */
.nav-cta{font-size:.68rem;letter-spacing:.16em;padding:.75rem 1.6rem;flex-shrink:0}

/* Logo oben links */
.nav-logo{display:flex;align-items:center;flex-shrink:0;text-decoration:none;order:-1;opacity:1;transition:opacity .25s}
.nav-logo:hover{opacity:.75}
.nav-logo img{height:42px;width:auto;display:block}

.nav-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px;flex-shrink:0}
.nav-toggle span{display:block;width:24px;height:1.5px;background:var(--foreground);transition:transform .35s ease,opacity .25s ease}
.nav-toggle.is-open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.nav-toggle.is-open span:nth-child(2){opacity:0;transform:scaleX(0)}
.nav-toggle.is-open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

/* Mobile overlay */
.nav-overlay{display:flex;position:fixed;inset:0;background:var(--paper);z-index:999;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s}
.nav-overlay.open{opacity:1;visibility:visible;pointer-events:auto}
.nav-overlay-links{display:flex;flex-direction:column;align-items:center;gap:1.5rem;transform:translateY(12px);opacity:0;transition:transform .4s ease .1s,opacity .35s ease .1s}
.nav-overlay.open .nav-overlay-links{transform:translateY(0);opacity:1}
.nav-overlay-links a{font-family:var(--font-heading);font-size:2rem;font-style:normal;color:var(--foreground);transition:color .2s}
.nav-overlay-links a:hover{color:var(--accent)}
.nav-overlay-links a .nav-amp{color:var(--accent)}
.nav-overlay-divider{display:block;width:2rem;height:1px;background:var(--border);margin:.1rem 0}

@media(max-width:768px){
  :root{--nav-height:88px}
  body.has-promo-banner{--banner-h:52px}
  .nav-overlay{top:var(--top-offset)}
  .nav-overlay-links{gap:clamp(.5rem,2vh,1.25rem)}
  .nav-overlay-links a{font-size:clamp(1.1rem,5vh,1.8rem)}
  .nav-menu,.nav-cta{display:none}
  .nav-toggle{display:flex}
}

/* HERO */
.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;padding-top:var(--top-offset);overflow:hidden}
.hero__text{display:flex;flex-direction:column;justify-content:center;padding:4rem 3rem 4rem 4rem;position:relative}
.hero__amp{font-size:clamp(6rem,14vw,12rem);line-height:.9;margin-bottom:1rem}
.hero__title{font-size:clamp(2.2rem,4vw,3.4rem);margin-bottom:1rem}
.hero__subtitle{font-family:var(--font-heading);font-style:italic;font-size:clamp(1rem,2vw,1.25rem);color:var(--cappuccino);margin-bottom:2rem}
.hero__desc{font-size:.9rem;line-height:1.9;color:var(--light-mocha);max-width:380px;margin-bottom:2.5rem}
.hero__image{position:relative;overflow:hidden}
.hero__image img,.hero__image-placeholder{width:100%;height:100%;object-fit:cover}
.hero__image-placeholder{min-height:600px;background:var(--cream);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;color:var(--cappuccino);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto}.hero__image{min-height:50vw;order:-1}.hero__text{padding:3rem 2rem}}

/* INTRO SPLIT */
.intro-split{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:var(--max-width);margin:0 auto}
.intro-split__image{position:relative;overflow:hidden;min-height:500px}
.intro-split__image img{width:100%;height:100%;object-fit:cover}
.intro-split__image-placeholder{width:100%;height:100%;background:var(--off-white);display:flex;align-items:center;justify-content:center;color:var(--cappuccino);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}
.intro-split__text{padding:5rem 4rem;display:flex;flex-direction:column;justify-content:center;background:var(--paper)}
.intro-split__text .amp-deco{--amp-h:4rem;margin-bottom:.5rem}
.intro-split__text h2{margin-bottom:1.25rem}
.intro-split__text p{font-size:.9rem;line-height:1.9;color:var(--light-mocha);margin-bottom:2rem}
@media(max-width:768px){.intro-split{grid-template-columns:1fr}.intro-split__text{padding:3rem 2rem}}

/* GALLERY TEASER */
.gallery-teaser{background:var(--off-white)}
.gallery-teaser__header{text-align:center;margin-bottom:3rem}
.gallery-teaser__header .amp-deco{--amp-h:3.5rem;margin-bottom:.5rem}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:var(--max-width);margin:0 auto}
.gallery-card{position:relative;overflow:hidden;aspect-ratio:3/4;cursor:pointer}
.gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.gallery-card:hover img{transform:scale(1.04)}
.gallery-card__placeholder{width:100%;height:100%;background:var(--cream);display:flex;align-items:center;justify-content:center;color:var(--cappuccino)}
.gallery-card__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(43,31,26,.7) 0%,transparent 50%);display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;opacity:0;transition:opacity .4s}
.gallery-card:hover .gallery-card__overlay{opacity:1}
.gallery-card__title{font-family:var(--font-heading);font-style:italic;font-size:1.5rem;color:var(--paper);margin-bottom:.5rem}
.gallery-card__link{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--latte)}
@media(max-width:768px){.gallery-grid{grid-template-columns:1fr;gap:1rem}}

/* PRICING TEASER */
.pricing-teaser{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:var(--max-width);margin:0 auto}
.pricing-teaser__text{padding:5rem 4rem;display:flex;flex-direction:column;justify-content:center}
.pricing-teaser__text .amp-deco{--amp-h:4rem;margin-bottom:.5rem}
.pricing-teaser__text h2{margin-bottom:1rem}
.pricing-teaser__text p{font-size:.9rem;line-height:1.9;color:var(--light-mocha);margin-bottom:2rem}
.pricing-teaser__preview{background:var(--dark-roast);padding:5rem 3rem;display:flex;flex-direction:column;justify-content:center;gap:2rem}
.pricing-teaser__item{border-bottom:1px solid rgba(188,170,164,.15);padding-bottom:1.5rem}
.pricing-teaser__item:last-child{border-bottom:none;padding-bottom:0}
.pricing-teaser__name{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--latte);margin-bottom:.4rem;font-weight:500}
.pricing-teaser__price{font-family:var(--font-heading);font-size:1.8rem;color:var(--paper)}
.pricing-teaser__price > span:not([class]){font-size:.8rem;font-family:var(--font-body);color:var(--cappuccino);margin-left:.5rem}
.pricing-teaser__price--sale{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}
.teaser-new{font-family:var(--font-heading);font-size:1.8rem;color:var(--paper);line-height:1}
.teaser-original{font-family:var(--font-body);font-size:.78rem;color:rgba(188,170,164,.5);text-decoration:line-through;font-weight:400;line-height:1}
.teaser-label{font-size:.75rem;font-family:var(--font-body);color:var(--cappuccino);font-weight:400;margin-left:.25rem}
@media(max-width:768px){.pricing-teaser{grid-template-columns:1fr}.pricing-teaser__text,.pricing-teaser__preview{padding:3rem 2rem}}

/* TESTIMONIALS */
.testimonials{background:var(--off-white)}
.testimonials__header{text-align:center;margin-bottom:3.5rem}
.testimonials__header .amp-deco{--amp-h:3.5rem;margin-bottom:.5rem}
.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:var(--max-width);margin:0 auto}
.testimonial{background:var(--paper);border:1px solid var(--border);padding:2.5rem 2rem}
.testimonial__quote-mark{font-family:var(--font-heading);font-size:4rem;line-height:1;color:var(--cream);margin-bottom:.5rem}
.testimonial__text{font-family:var(--font-heading);font-style:italic;font-size:1rem;line-height:1.7;color:var(--medium-brown);margin-bottom:1.5rem}
.testimonial__author{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cappuccino)}

/* INSTAGRAM */
.instagram-section{background:var(--paper)}
.instagram-section__header{text-align:center;margin-bottom:2.5rem}
.instagram-section__header .amp-deco{--amp-h:3rem;margin-bottom:.5rem}
.instagram-section__handle{font-size:.8rem;letter-spacing:.12em;color:var(--cappuccino)}
.instagram-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;max-width:var(--max-width);margin:0 auto}
.instagram-item{aspect-ratio:1;background:var(--cream);overflow:hidden}
.instagram-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.instagram-item:hover img{transform:scale(1.06)}
@media(max-width:768px){.instagram-grid{grid-template-columns:repeat(3,1fr)}}

/* ABOUT PAGE */
.about-page{padding-top:var(--top-offset)}

/* Hero */
.about-hero{display:grid;grid-template-columns:1fr 1fr;min-height:75vh;overflow:hidden}
.about-hero__image{position:relative;overflow:hidden;min-height:500px}
.about-hero__image img{width:100%;height:100%;object-fit:cover;object-position:center top}
.about-hero__image-placeholder{width:100%;height:100%;min-height:500px;background:var(--cream);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;color:var(--cappuccino);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}
.about-hero__text{display:flex;flex-direction:column;justify-content:center;padding:5rem 4rem;background:var(--off-white)}
.about-hero__text .amp-deco{--amp-h:5rem;margin-bottom:.5rem}
.about-hero__text .amp-deco__text{font-size:2rem;margin-bottom:.75rem}
.about-hero__text h1{font-family:var(--font-heading);font-weight:400;font-size:clamp(2.2rem,4vw,3.2rem);color:var(--foreground);margin-bottom:1.25rem}
.about-hero__text p{font-family:var(--font-heading);font-style:italic;font-size:clamp(.95rem,1.8vw,1.15rem);color:var(--cappuccino);line-height:1.7}

/* Story (dunkel, zentriert) */
.about-story{background:var(--espresso);padding:7rem 2rem;text-align:center}
.about-story__inner{max-width:640px;margin:0 auto}
.about-story__inner h2{font-family:var(--font-heading);font-weight:400;font-size:clamp(2rem,4vw,3rem);color:var(--off-white);line-height:1.2;margin-bottom:2rem}
.about-story__inner h2 em{font-style:italic;color:var(--latte)}
.about-story__inner p{font-family:var(--font-heading);font-style:italic;font-size:clamp(1rem,2vw,1.2rem);line-height:1.85;color:var(--cappuccino);margin-bottom:1.25rem}
.about-story__inner p:last-child{margin-bottom:0}

/* Split: So arbeite ich (hell) */
.about-split{display:grid;grid-template-columns:1fr 1fr;min-height:60vh;background:var(--cream)}
.about-split__text{display:flex;flex-direction:column;justify-content:center;padding:5rem 4rem}
.about-split__text h2{font-family:var(--font-heading);font-weight:400;font-size:clamp(1.8rem,3.5vw,2.8rem);color:var(--foreground);line-height:1.2;margin-bottom:1.5rem}
.about-split__text h2 em{font-style:italic;color:var(--accent)}
.about-split__text p{font-size:.92rem;line-height:1.9;color:var(--light-mocha);max-width:400px}
.about-split__image{overflow:hidden}
.about-split__image img{width:100%;height:100%;object-fit:cover;display:block}
.about-split__placeholder{width:100%;height:100%;min-height:400px;background:var(--cream)}

/* Values */
.about-values-section{background:var(--dark-roast)}
.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:5rem 3rem;max-width:var(--max-width);margin:0 auto}
.about-value__amp{--amp-h:2.5rem;margin-bottom:.5rem}
.about-value h3{font-size:1.05rem;margin-bottom:.75rem;color:var(--foreground)}
.about-value p{font-size:.85rem;color:var(--cappuccino);line-height:1.75}
.about-values-section .about-value h3{color:var(--off-white)}
.about-values-section .about-value p{color:var(--latte)}

/* Mama (dunkel) */
.about-mama{display:grid;grid-template-columns:2fr 3fr;background:var(--dark-roast)}
.about-mama__image{overflow:hidden;aspect-ratio:2/3}
.about-mama__image img{width:100%;height:100%;object-fit:cover;display:block}
.about-mama__placeholder{width:100%;height:100%;aspect-ratio:2/3;background:var(--espresso)}
.about-mama__text{display:flex;flex-direction:column;justify-content:center;padding:5rem 4rem}
.about-mama__text .aw-chapter{color:var(--latte)}
.about-mama__text h2{font-family:var(--font-heading);font-weight:400;font-size:clamp(1.8rem,3.5vw,2.6rem);color:var(--off-white);line-height:1.2;margin-bottom:1.5rem}
.about-mama__text h2 em{font-style:italic;color:var(--latte)}
.about-mama__text p{font-size:.92rem;line-height:1.9;color:var(--cappuccino);max-width:380px;margin-bottom:2.5rem}

@media(max-width:768px){
  .about-hero{grid-template-columns:1fr}
  .about-hero__text{padding:3rem 2rem}
  .about-split{grid-template-columns:1fr}
  .about-split__text{padding:3.5rem 1.75rem}
  .about-split__image{min-height:60vw}
  .about-values{grid-template-columns:1fr;gap:1.5rem;padding:3.5rem 1.75rem}
  .about-mama{grid-template-columns:1fr}
  .about-mama__text{padding:3.5rem 1.75rem}
  .about-mama__image{min-height:60vw}
}

/* GALLERY PAGE */
.gallery-page-hero{padding-top:calc(var(--top-offset) + 4rem);text-align:center;padding-bottom:3rem;background:var(--paper)}
.gallery-page-hero .amp-deco{--amp-h:5rem}
.gallery-masonry{columns:3;column-gap:1rem;max-width:var(--max-width);margin:0 auto;padding:0 2rem}
.gallery-masonry-item{break-inside:avoid;margin-bottom:1rem;overflow:hidden;cursor:pointer;position:relative}
.gallery-masonry-item img{width:100%;transition:transform .5s ease}
.gallery-masonry-item:hover img{transform:scale(1.03)}
.gallery-placeholder{background:var(--cream);display:flex;align-items:center;justify-content:center;color:var(--cappuccino);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:900px){.gallery-masonry{columns:2}}
@media(max-width:560px){.gallery-masonry{columns:1}}
.lightbox{display:none;position:fixed;inset:0;background:rgba(43,31,26,.95);z-index:2000;align-items:center;justify-content:center}
.lightbox.open{display:flex}
.lightbox img{max-width:90vw;max-height:90vh;object-fit:contain}
.lightbox-close{position:absolute;top:2rem;right:2rem;font-size:1.5rem;color:var(--latte);cursor:pointer;background:none;border:none;font-family:var(--font-heading)}

/* PRICING PAGE */
.pricing-page{padding-top:var(--top-offset)}
.pricing-hero .amp-deco{--amp-h:5rem;margin-bottom:.5rem}
.pricing-hero{text-align:center;padding:7rem 2rem 5rem;position:relative;overflow:hidden}
.pricing-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(93,64,55,.07) 0%,transparent 70%);pointer-events:none}
.pricing-hero__inner{position:relative;max-width:640px;margin:0 auto}
.amp{font-family:var(--font-heading);font-style:italic;font-size:clamp(5rem,12vw,9rem);line-height:1;color:var(--cream);display:block;margin-bottom:.25rem;letter-spacing:-.02em}
.pricing-hero h1{font-family:var(--font-heading);font-weight:400;font-size:clamp(2rem,5vw,3.2rem);letter-spacing:.04em;color:var(--foreground);margin-bottom:.75rem}
.pricing-hero__sub{font-family:var(--font-heading);font-style:italic;font-weight:300;font-size:clamp(1rem,2.5vw,1.3rem);color:var(--light-mocha);margin-bottom:1.5rem}
.pricing-hero p:last-child{font-size:.95rem;line-height:1.85;color:var(--cappuccino);max-width:480px;margin:0 auto}

/* Pakete – Mobile first: gestapelt */
.pricing-grid{display:flex;flex-direction:column;gap:1.5rem;max-width:1100px;margin:0 auto 5rem;padding:0 1.5rem}

.package{background:var(--background);padding:3rem 2.25rem;position:relative;display:flex;flex-direction:column;border:1px solid var(--border);transition:background .3s}
.package:hover{background:var(--off-white)}
.package.highlight{background:var(--dark-roast);color:var(--primary-foreground);border-color:var(--dark-roast);box-shadow:0 8px 40px rgba(43,31,26,.18)}
.package.highlight:hover{background:var(--espresso)}
.badge{display:inline-block;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;font-weight:500;border:1px solid var(--latte);padding:.3rem .8rem;margin-bottom:1.5rem;align-self:flex-start;color:var(--latte)}
.package h2{font-family:var(--font-body);font-size:.7rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;margin-bottom:1.25rem;color:var(--foreground)}
.package.highlight h2{color:var(--latte)}
.divider{display:block;width:2.5rem;height:1px;background:var(--cream);margin-bottom:1.5rem}
.package.highlight .divider{background:var(--cappuccino)}
.pkg-duration{font-family:var(--font-heading);font-style:italic;font-size:1rem;color:var(--cappuccino);margin-bottom:.5rem}
.package.highlight .pkg-duration{color:var(--latte)}
.price{font-family:var(--font-heading);font-weight:400;font-size:clamp(2.4rem,5vw,3rem);letter-spacing:-.01em;line-height:1;margin-bottom:.4rem;color:var(--foreground)}
.package.highlight .price{color:var(--primary-foreground)}
.package em{font-family:var(--font-heading);font-style:italic;font-size:.9rem;color:var(--cappuccino);display:block;margin-bottom:1.5rem}
.package.highlight em{color:var(--latte)}
.desc{font-size:.85rem;line-height:1.8;color:var(--light-mocha);margin-bottom:2rem}
.package.highlight .desc{color:rgba(239,235,233,.65)}
.package ul{list-style:none;display:flex;flex-direction:column;gap:.85rem;margin-top:auto}
.package ul li{font-size:.82rem;letter-spacing:.03em;padding-left:1.2rem;position:relative;color:var(--foreground);opacity:.85}
.package ul li::before{content:'–';position:absolute;left:0;color:var(--cappuccino)}
.package.highlight ul li{opacity:1;color:rgba(239,235,233,.85)}
.package.highlight ul li::before{color:var(--latte)}
.pkg-cta{display:block;text-align:center;margin-top:2.5rem;padding:.85rem 1.5rem;font-size:.7rem;letter-spacing:.15em}

/* Pakete – Desktop: 3 Spalten nebeneinander */
@media(min-width:900px){
  .pricing-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;padding:0 2rem;align-items:start}
  .package{border-right:none}
  .package:last-child{border-right:1px solid var(--border)}
  .package.highlight{border-color:transparent;margin-top:-1.5rem;padding-top:4.5rem;padding-bottom:4.5rem}
}
@media(min-width:1140px){.pricing-grid{padding:0}}

/* Add-ons */
.addons-section{max-width:900px;margin:0 auto 5rem;padding:0 1.5rem}
.addons-section .section-title{text-align:center;font-family:var(--font-heading);font-style:italic;font-weight:400;font-size:clamp(1.5rem,3vw,2rem);margin-bottom:.5rem;color:var(--foreground)}
.addons-section .section-sub{text-align:center;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cappuccino);margin-bottom:3rem}
.addons-grid{display:grid;grid-template-columns:1fr;gap:1px;background:var(--border);border:1px solid var(--border)}
@media(min-width:600px){.addons-grid{grid-template-columns:1fr 1fr}}
.addon{background:var(--background);padding:1.5rem 1.75rem;display:flex;justify-content:space-between;align-items:baseline;gap:1rem;transition:background .25s}
.addon:hover{background:var(--off-white)}
.addon-name{font-size:.82rem;letter-spacing:.04em;color:var(--foreground)}
.addon-price{font-family:var(--font-heading);font-size:1.15rem;white-space:nowrap;color:var(--accent)}

/* CTA */
.pricing-cta{text-align:center;padding:1rem 2rem 6rem}
.pricing-cta__hint{font-family:var(--font-heading);font-style:italic;font-size:1rem;color:var(--cappuccino);margin-bottom:1.5rem}
.pricing-cta-sticky{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--dark-roast);padding:1rem 1.5rem;z-index:100;text-align:center}
@media(max-width:640px){.pricing-cta-sticky{display:block}}

/* AFTER WEDDING PAGE */
.aw-page{padding-top:var(--top-offset)}
img{display:block;max-width:100%;height:auto}

/* Gemeinsame Hilfselemente */
.aw-label{font-family:var(--font-body);font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:var(--latte);display:block;margin-bottom:1.25rem}
.aw-chapter{font-family:var(--font-body);font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:var(--cappuccino);display:block;margin-bottom:1rem}
.aw-split--dark .aw-chapter{color:var(--latte)}
.aw-placeholder{background:var(--cream);display:flex;align-items:center;justify-content:center;width:100%}

/* 1. HERO */
.aw-hero{position:relative;height:100vh;min-height:560px;overflow:hidden}
.aw-hero__img{width:100%;height:100%;object-fit:cover;object-position:center}
.aw-hero__placeholder{width:100%;height:100%;background:var(--dark-roast)}
.aw-hero__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(43,31,26,.75) 0%,rgba(43,31,26,.2) 50%,transparent 100%)}
.aw-hero__content{position:absolute;bottom:12%;left:0;right:0;text-align:center;padding:0 2rem;z-index:1}
.aw-hero__title{font-family:var(--font-heading);font-weight:400;font-size:clamp(3.5rem,10vw,8rem);line-height:1;color:var(--paper);letter-spacing:-.01em;margin-bottom:1.25rem}
.aw-hero__title em{display:block;font-style:italic;color:var(--cream)}
.aw-hero__sub{font-family:var(--font-heading);font-style:italic;font-size:clamp(1rem,2.5vw,1.4rem);color:var(--latte);max-width:480px;margin:0 auto}
.aw-scroll-hint{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);z-index:1}
.aw-scroll-hint span{display:block;width:1px;height:48px;background:linear-gradient(to bottom,transparent,var(--latte));animation:aw-scroll 2s ease-in-out infinite}
@keyframes aw-scroll{0%,100%{opacity:0;transform:scaleY(0);transform-origin:top}50%{opacity:1;transform:scaleY(1);transform-origin:top}}

/* 2. INTRO */
.aw-intro{background:var(--espresso);padding:6rem 2rem}
.aw-intro__inner{max-width:600px;margin:0 auto;text-align:center}
.aw-intro__inner .aw-chapter{color:var(--cappuccino);margin-bottom:2rem}
.aw-intro__inner p{font-family:var(--font-heading);font-style:italic;font-size:clamp(1.1rem,2.5vw,1.4rem);line-height:1.75;color:var(--latte);margin-bottom:1.25rem}
.aw-intro__inner p:last-child{font-size:clamp(.9rem,2vw,1.1rem);color:var(--cappuccino);margin-bottom:0}

/* 3. STRIP: 3 Landscape-Fotos */
.aw-strip3{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:var(--dark-roast)}
.aw-strip3__item{overflow:hidden}
.aw-strip3__item img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.aw-strip3__placeholder{width:100%;aspect-ratio:3/2;background:var(--espresso)}
@media(max-width:680px){.aw-strip3{grid-template-columns:1fr}}

/* 4 + 6. SPLIT */
.aw-split{display:grid;grid-template-columns:1fr 1fr;min-height:70vh}
.aw-split--light{background:var(--off-white)}
.aw-split--dark{background:var(--dark-roast)}
.aw-split__text{display:flex;flex-direction:column;justify-content:center;padding:5rem 4rem}
.aw-split--light .aw-split__text h2{color:var(--foreground)}
.aw-split--dark .aw-split__text h2{color:var(--off-white)}
.aw-split__text h2{font-family:var(--font-heading);font-weight:400;font-size:clamp(1.8rem,3.5vw,2.8rem);line-height:1.2;margin-bottom:1.5rem}
.aw-split__text h2 em{font-style:italic;color:var(--accent)}
.aw-split--dark .aw-split__text h2 em{color:var(--latte)}
.aw-split__text p{font-size:.92rem;line-height:1.9;color:var(--light-mocha);max-width:400px}
.aw-split--dark .aw-split__text p{color:var(--cappuccino)}
.aw-split__image{overflow:hidden;position:relative}
.aw-split__image img{width:100%;height:100%;object-fit:cover;display:block}
/* Dark split: Bild ist links */
.aw-split--dark .aw-split__image{order:-1}
@media(max-width:768px){
  .aw-split{grid-template-columns:1fr;min-height:auto}
  .aw-split__text{padding:3.5rem 1.75rem}
  .aw-split__image{min-height:56vw;order:-1 !important}
}

/* 5. FULLWIDTH BILD */
.aw-full{position:relative;overflow:hidden}
.aw-full__img{width:100%;aspect-ratio:21/9;object-fit:cover;display:block}
@media(max-width:640px){.aw-full__img{aspect-ratio:4/3}}
.aw-full__quote{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:3rem 2rem;background:linear-gradient(to top,rgba(43,31,26,.65) 0%,transparent 50%)}
.aw-full__quote blockquote{font-family:var(--font-heading);font-style:italic;font-size:clamp(1rem,2.5vw,1.5rem);color:var(--paper);text-align:center;max-width:640px;line-height:1.6}

/* 6. GRID: 4 kompakte Landscape-Fotos */
.aw-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;background:var(--off-white)}
.aw-grid4__item{overflow:hidden}
.aw-grid4__item img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.aw-grid4__placeholder{width:100%;aspect-ratio:4/3;background:var(--cream)}
@media(max-width:768px){.aw-grid4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.aw-grid4{grid-template-columns:1fr}}

/* 8. ROW: 2 breite Landscape-Fotos */
.aw-row2{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;background:var(--paper)}
.aw-row2__item{overflow:hidden}
.aw-row2__item img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.aw-row2__placeholder{width:100%;aspect-ratio:16/9;background:var(--cream)}
@media(max-width:640px){.aw-row2{grid-template-columns:1fr}}
.aw-row2--portrait .aw-row2__item img{aspect-ratio:2/3}
.aw-row2--portrait .aw-row2__placeholder{aspect-ratio:2/3}

/* 8. CTA */
.aw-cta{background:var(--espresso);padding:8rem 2rem}
.aw-cta__inner{max-width:580px;margin:0 auto;text-align:center}
.aw-cta__inner .amp-deco{--amp-h:4rem;color:rgba(188,170,164,.3);margin-bottom:.5rem;display:flex;justify-content:center}
.aw-cta__inner h2{font-family:var(--font-heading);font-weight:400;font-size:clamp(1.8rem,4vw,2.8rem);color:var(--off-white);line-height:1.25;margin-bottom:1.5rem}
.aw-cta__inner p{font-size:.9rem;line-height:1.85;color:var(--cappuccino);margin-bottom:2.5rem}

/* FAQ PAGE */
.faq-page{padding-top:calc(var(--top-offset) + 4rem);background:var(--paper)}
.faq-hero{text-align:center;margin-bottom:4rem}
.faq-hero .amp-deco{--amp-h:5rem}
.faq-sections{max-width:720px;margin:0 auto;padding:0 2rem}
.faq-section{margin-bottom:4rem}
.faq-section-title{font-family:var(--font-body);font-size:.68rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--cappuccino);margin:0 0 0;padding-bottom:1rem;border-bottom:2px solid var(--cream)}
.faq-list{margin-top:0}
.faq-item{border-bottom:1px solid var(--border)}
.faq-question{width:100%;background:none;border:none;padding:1.5rem 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left;font-family:var(--font-heading);font-size:1.05rem;color:var(--foreground)}
.faq-question::after{content:'&';font-family:var(--font-heading);font-style:italic;font-size:1.25rem;color:var(--cappuccino);transition:transform .3s;flex-shrink:0;margin-left:1rem}
.faq-item.open .faq-question::after{transform:rotate(45deg);color:var(--accent)}
.faq-answer{display:none;padding:0 0 1.5rem;font-size:.9rem;line-height:1.9;color:var(--light-mocha)}
.faq-item.open .faq-answer{display:block}
.faq-link{display:inline-block;margin-top:.75rem;font-size:.8rem;color:var(--accent);letter-spacing:.05em;transition:color .2s}
.faq-link:hover{color:var(--primary)}
.faq-cta{text-align:center;padding:2rem 2rem 6rem}
.faq-cta p{color:var(--cappuccino);margin-bottom:1.5rem;font-size:.9rem}

/* CONTACT PAGE */
.contact-page{padding-top:calc(var(--top-offset) + 4rem);background:var(--paper)}
.contact-hero{text-align:center;margin-bottom:4.5rem}
.contact-hero .amp-deco{--amp-h:5rem;margin-bottom:.5rem}
.contact-hero .label{display:block;margin-bottom:.6rem}
.contact-hero h1{margin-bottom:0}
.contact-hero__sub{font-size:.95rem;color:var(--light-mocha);line-height:1.8;max-width:480px;margin:1rem auto 0}

/* Form area */
.contact-main{max-width:640px;margin:0 auto;padding:0 2rem 5rem}
.contact-success{text-align:center;padding:3rem 0}
.contact-success .amp-deco{--amp-h:3rem;margin:0 auto .75rem}
.contact-success h3{margin-bottom:.5rem}
.contact-success p{color:var(--cappuccino)}
.contact-form{display:flex;flex-direction:column;gap:2rem}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.form-group{display:flex;flex-direction:column;gap:.4rem}
.form-group label{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--cappuccino);font-weight:500}
.form-optional{text-transform:none;letter-spacing:0;font-weight:400;font-size:.65rem;color:var(--cream)}
.form-group input,.form-group textarea{background:transparent;border:none;border-bottom:1px solid var(--cream);padding:.75rem 0;font-family:var(--font-body);font-size:.9rem;color:var(--foreground);outline:none;transition:border-color .25s;resize:none;font-weight:300}
.form-group input:focus,.form-group textarea:focus{border-bottom-color:var(--accent)}
.form-group textarea{min-height:130px}
.form-error{display:none;font-size:.7rem;color:#b07070;letter-spacing:.03em;margin-top:.1rem}
.form-group--error .form-error{display:block}
.form-group--error input,.form-group--error textarea{border-bottom-color:#b07070}

/* Shooting type button group */
.shooting-type-group{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.4rem}
.shooting-type-btn{cursor:pointer}
.shooting-type-btn input{position:absolute;opacity:0;width:0;height:0}
.shooting-type-btn span{display:block;padding:.55rem 1.25rem;border:1px solid var(--cream);font-family:var(--font-body);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cappuccino);transition:border-color .2s,color .2s,background .2s}
.shooting-type-btn span:hover{border-color:var(--accent);color:var(--foreground)}
.shooting-type-btn input:checked + span{border-color:var(--accent);color:var(--foreground);background:var(--off-white)}

/* Form footer: trust + submit */
.contact-form__footer{display:flex;flex-direction:column;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--border)}
.contact-trust{font-family:var(--font-heading);font-style:italic;font-size:.9rem;color:var(--cappuccino)}
.contact-submit{display:inline-flex;align-items:center;gap:.65rem;align-self:flex-start}
.contact-submit:disabled{opacity:.4;cursor:not-allowed}
.contact-submit svg{width:13px;height:13px;flex-shrink:0}

/* Contact strip (below form) */
.contact-strip{background:var(--off-white);padding:5rem 2rem}
.contact-strip__inner{max-width:640px;margin:0 auto}
.contact-strip__header{margin-bottom:2.5rem}
.contact-strip__header .label{display:block;margin-bottom:.6rem}
.contact-strip__header h2{font-family:var(--font-heading);font-weight:400;font-size:clamp(1.4rem,3vw,2rem);color:var(--foreground);margin:0}
.contact-details{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 3rem}
.contact-details li{color:var(--light-mocha)}
.contact-details__info{font-size:.85rem;color:var(--medium-brown)}
.contact-details__first.contact-details__info{align-items:flex-start}
.contact-details__first.contact-details__info svg{margin-top:.4em}
.contact-details__link{display:flex;flex-direction:column;gap:.2rem;transition:color .2s}
.contact-details__link:hover .contact-details__label{color:var(--accent)}
.contact-details__link:hover .contact-details__sub{color:var(--accent)}
.contact-details__first{display:flex;align-items:center;gap:.65rem}
.contact-details__first svg{width:15px;height:15px;flex-shrink:0;color:var(--cappuccino)}
.contact-details__label{font-size:.88rem;color:var(--foreground)}
.contact-details__sub{font-size:.75rem;color:var(--cappuccino);letter-spacing:.02em;padding-left:calc(15px + .65rem)}
@media(max-width:768px){.form-row{grid-template-columns:1fr}.contact-details{grid-template-columns:1fr}}

/* LEGAL PAGES (Impressum, Datenschutz) */
.legal-page{padding-top:var(--top-offset);background:var(--paper)}
.legal-hero{text-align:center;padding:5rem 2rem 3rem}
.legal-hero .amp-deco{--amp-h:4rem;margin-bottom:.5rem}
.legal-hero h1{font-family:var(--font-heading);font-weight:400;font-size:clamp(2rem,4vw,3rem);color:var(--foreground)}
.legal-content{max-width:720px;padding:0 2rem 6rem}
.legal-section{margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid var(--border)}
.legal-section:last-of-type{border-bottom:none}
.legal-section h2{font-family:var(--font-body);font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--cappuccino);margin-bottom:1rem}
.legal-section p{font-size:.9rem;line-height:1.9;color:var(--light-mocha);margin-bottom:.75rem}
.legal-section p:last-child{margin-bottom:0}
.legal-section li{font-size:.9rem;line-height:1.9;color:var(--light-mocha);margin-bottom:.4rem}
.legal-section p strong,.legal-section li strong{color:var(--medium-brown);font-size:inherit}
.legal-section a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.legal-section a:hover{color:var(--primary)}
.legal-note{font-size:.8rem;color:var(--cappuccino);font-style:italic}
.legal-placeholder-notice{background:var(--off-white);border-left:3px solid var(--accent);padding:1.25rem 1.5rem;font-size:.82rem;color:var(--medium-brown);line-height:1.7;margin-top:3rem}

/* PROMO BANNER */
.promo-banner{position:fixed;top:0;left:0;right:0;z-index:1001;background:var(--espresso);color:var(--latte);text-align:center;padding:0 1.5rem;height:var(--banner-h);display:flex;align-items:center;justify-content:center;font-size:.78rem;letter-spacing:.06em;text-decoration:none;transition:background .2s}
.promo-banner:hover{background:var(--dark-roast)}
.promo-banner p{margin:0}

/* SALE PRICES */
.price--sale{display:flex;flex-direction:row;align-items:baseline;gap:.5rem;margin-bottom:.4rem;flex-wrap:wrap}
.price__new{font-family:var(--font-heading);font-weight:400;font-size:clamp(2.4rem,5vw,3rem);letter-spacing:-.01em;line-height:1;color:var(--foreground)}
.price__original{font-size:.9rem;color:var(--cappuccino);text-decoration:line-through;font-family:var(--font-body);font-weight:400;letter-spacing:.02em;line-height:1}
.highlight .price__new{color:var(--primary-foreground)}
.highlight .price__original{color:rgba(239,235,233,.4)}

/* FOOTER */
#site-footer{background:var(--dark-roast);color:var(--latte);padding:4rem 2rem 2rem}
.footer-inner{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(188,170,164,.15)}
.footer-brand__name{display:block;font-family:var(--font-heading);font-size:1.5rem;font-weight:400;letter-spacing:.04em;color:var(--off-white);text-decoration:none;line-height:1.1;transition:color .25s}
.footer-brand__name:hover{color:var(--latte)}
.footer-brand .footer-tagline{margin-top:.1rem;font-family:var(--font-heading);font-size:.95rem;font-style:italic;font-weight:300;color:var(--latte);line-height:1.1}
.footer-brand .footer-region{margin-top:1.5rem;font-size:.72rem;letter-spacing:.1em;color:var(--cappuccino)}
.footer-nav h4{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cappuccino);margin-bottom:1.25rem;font-family:var(--font-body);font-weight:500}
.footer-nav ul{display:flex;flex-direction:column;gap:.75rem}
.footer-nav a{font-size:.82rem;color:var(--latte);transition:color .25s}
.footer-nav a:hover{color:var(--off-white)}
.footer-social{max-width:var(--max-width);margin:0 auto;padding:2rem 2rem 0;display:flex;gap:2rem;align-items:center;border-top:1px solid rgba(188,170,164,.15)}
.footer-social__link{display:flex;align-items:center;gap:.6rem;color:var(--cappuccino);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;transition:color .25s}
.footer-social__link:hover{color:var(--off-white)}
.footer-social__link svg{width:18px;height:18px;flex-shrink:0}
.footer-seo{max-width:var(--max-width);margin:2rem auto 0;padding:0 2rem;text-align:center;font-size:.72rem;line-height:1.8;color:var(--cappuccino);opacity:.65}
.footer-bottom{display:block;width:100%;margin:1.5rem 0 0;padding:0;text-align:center;font-size:.75rem;color:var(--cappuccino)}
@media(max-width:768px){.footer-inner{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}

/* ANIMATIONS */
.fade-up{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}
.fade-up.visible{opacity:1;transform:translateY(0)}
.fade-up:nth-child(2){transition-delay:.1s}
.fade-up:nth-child(3){transition-delay:.2s}
.fade-up:nth-child(4){transition-delay:.3s}

/* WP HELPERS */
.aligncenter{margin-left:auto;margin-right:auto;display:block}
.alignleft{float:left;margin-right:1.5rem;margin-bottom:1rem}
.alignright{float:right;margin-left:1.5rem;margin-bottom:1rem}
.wp-caption-text{font-size:.8rem;color:var(--cappuccino);margin-top:.5rem}