/*
Theme Name: Claudia Männer
Theme URI: https://example.invalid/
Author: Claudia Männer Website Project
Description: Canonical Gutenberg-native block theme for Claudia Männer — Wahrnehmungstrainerin. Quiet premium editorial v1.7.
Version: 1.7.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: claudia-maenner
*/

@font-face{
  font-family:"Cormorant Garamond";
  src:url("assets/fonts/cormorant-garamond-400.woff2") format("woff2");
  font-style:normal;font-weight:400;font-display:swap;
}
@font-face{
  font-family:"Cormorant Garamond";
  src:url("assets/fonts/cormorant-garamond-500.woff2") format("woff2");
  font-style:normal;font-weight:500;font-display:swap;
}
@font-face{
  font-family:"Cormorant Garamond";
  src:url("assets/fonts/cormorant-garamond-400-italic.woff2") format("woff2");
  font-style:italic;font-weight:400;font-display:swap;
}
@font-face{
  font-family:"Source Sans 3";
  src:url("assets/fonts/source-sans-3-400.woff2") format("woff2");
  font-style:normal;font-weight:400;font-display:swap;
}
@font-face{
  font-family:"Source Sans 3";
  src:url("assets/fonts/source-sans-3-500.woff2") format("woff2");
  font-style:normal;font-weight:500;font-display:swap;
}
@font-face{
  font-family:"Source Sans 3";
  src:url("assets/fonts/source-sans-3-600.woff2") format("woff2");
  font-style:normal;font-weight:600;font-display:swap;
}

:root{
  --cm-petrol:#174C52;
  --cm-turquoise:#63BFC1;
  --cm-aqua:#CDEBED;
  --cm-offwhite:#F7F4EE;
  --cm-gold:#D6C3A2;
  --cm-charcoal:#303738;
  --cm-reading:720px;
  --cm-content:760px;
  --cm-wide:1360px;
  --cm-gutter:clamp(2rem,4vw,4.5rem);
  --cm-section-large:clamp(7.5rem,8vw,8.5rem);
  --cm-section-medium:clamp(5.5rem,6.5vw,6.5rem);
  --cm-section-small:clamp(3.5rem,4.5vw,4.5rem);
}

html{scroll-behavior:smooth;}
body{margin:0;background:var(--cm-offwhite);color:var(--cm-charcoal);}
body,.editor-styles-wrapper{
  font-family:"Source Sans 3","Segoe UI",Helvetica,Arial,sans-serif;
  font-size:1.125rem;
  line-height:1.62;
}

h1,h2,h3,h4,h5,h6,
.editor-styles-wrapper h1,.editor-styles-wrapper h2,.editor-styles-wrapper h3,.editor-styles-wrapper h4{
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  color:var(--cm-petrol);
  font-weight:400;
  line-height:1.06;
  text-wrap:balance;
}
h1{font-size:clamp(3.625rem,4.4vw,4.75rem);}
h2{font-size:clamp(2.375rem,3vw,3rem);}
h3{font-size:clamp(1.5625rem,2vw,1.875rem);}
p{max-width:68ch;}
a{color:var(--cm-petrol);text-underline-offset:.16em;}
a:hover{text-decoration-thickness:2px;}

/* Wide composition frame; individual prose remains constrained. */
.cm-site-header,.cm-site-footer{padding:1rem var(--cm-gutter);background:var(--cm-offwhite);}
.cm-site-header{border-bottom:1px solid color-mix(in srgb,var(--cm-gold) 60%,transparent);}
.cm-site-footer{border-top:1px solid color-mix(in srgb,var(--cm-gold) 60%,transparent);}
.cm-site-header>.cm-header-row,
.cm-site-footer>.wp-block-columns,
.cm-hero>.wp-block-columns,
.cm-recognition>.wp-block-columns,
.cm-method>.wp-block-columns,
.cm-training-overview>.wp-block-columns,
.cm-offers>.wp-block-columns,
.cm-training-areas>.wp-block-columns,
.cm-values>.wp-block-columns{
  width:100%!important;
  max-width:var(--cm-wide)!important;
  margin-inline:auto!important;
}

.cm-header-row,.cm-brand-lockup{align-items:center;gap:clamp(.85rem,1.3vw,1.25rem);}
.cm-header-row{min-height:5.5rem;}
.cm-brand-signet img{width:58px!important;height:58px!important;object-fit:contain;}
.cm-brand-wordmark img{height:auto;max-width:220px;display:block;}
.cm-brand-mobile-name{display:none!important;white-space:nowrap;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.4rem;color:var(--cm-petrol);}
.cm-brand-mobile-name a{text-decoration:none;color:inherit;}
.cm-main-nav{font-size:.9375rem;font-weight:600;letter-spacing:.025em;}
.cm-main-nav .wp-block-navigation-item__content{padding:.5rem .4rem;}
.cm-header-cta{margin-left:.45rem;}

/* Deliberate section rhythm. */
.cm-hero{padding:var(--cm-section-large) var(--cm-gutter);}
.cm-recognition,.cm-method,.cm-training-overview,.cm-offers,.cm-training-areas,.cm-about-story,.cm-values,.cm-cta{padding:var(--cm-section-medium) var(--cm-gutter);}
.cm-about-teaser,.cm-deeper-perception,.cm-suitability,.cm-404{padding:var(--cm-section-small) var(--cm-gutter);}
.cm-hero{padding-top:clamp(6rem,7vw,7.75rem);padding-bottom:clamp(6rem,7vw,7.5rem);}
.cm-hero-grid{align-items:center;gap:clamp(3rem,5vw,5.75rem);}
.cm-home-hero .wp-block-column:first-child,.cm-about-hero .wp-block-column:first-child{flex-basis:54%;}
.cm-home-hero .wp-block-column:last-child,.cm-about-hero .wp-block-column:last-child{flex-basis:46%;}
.cm-training-hero{position:relative;overflow:hidden;}
.cm-training-hero:after{content:"";position:absolute;width:min(34vw,460px);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--cm-gold) 70%,transparent);border-left-color:color-mix(in srgb,var(--cm-turquoise) 45%,transparent);border-radius:50%;right:-10%;top:7%;pointer-events:none;opacity:.58;}

.cm-eyebrow{font-size:.875rem;font-weight:600;letter-spacing:.11em;color:var(--cm-petrol);text-transform:uppercase;margin-bottom:1rem;}
.cm-lead{font-size:clamp(1.1875rem,1.45vw,1.3125rem);max-width:42rem;}
.cm-text-link a{font-weight:600;text-decoration:none;}
.cm-text-link a:hover{text-decoration:underline;}
.cm-step-number{font-family:"Cormorant Garamond",Georgia,serif;font-size:2.3rem;line-height:1;color:color-mix(in srgb,var(--cm-gold) 88%,#9f743c);margin-bottom:.8rem;}

.cm-section-aqua{background:color-mix(in srgb,var(--cm-aqua) 54%,var(--cm-offwhite));}
.cm-recognition>h2,.cm-method>h2,.cm-training-overview>h2,.cm-offers>h2,.cm-training-areas>h2,.cm-suitability>h2,.cm-values>h2,.cm-deeper-perception>h2{text-align:center;margin-left:auto;margin-right:auto;max-width:var(--cm-content);}
.cm-recognition>.wp-block-columns,.cm-method>.wp-block-columns,.cm-training-overview>.wp-block-columns,.cm-offers>.wp-block-columns,.cm-training-areas>.wp-block-columns,.cm-values>.wp-block-columns{margin-top:clamp(2.5rem,4vw,3.75rem)!important;}
.cm-editorial-grid,.cm-method-grid,.cm-training-areas-grid,.cm-offer-grid{gap:0;}
.cm-editorial-grid>.wp-block-column,.cm-method-grid>.wp-block-column,.cm-training-areas-grid>.wp-block-column{padding-right:clamp(1.4rem,2.2vw,2.4rem);}
.cm-editorial-grid>.wp-block-column+.wp-block-column,.cm-method-grid>.wp-block-column+.wp-block-column,.cm-training-areas-grid>.wp-block-column+.wp-block-column{border-left:1px solid var(--cm-gold);padding-left:clamp(1.4rem,2.2vw,2.4rem);}
.cm-method-grid>.wp-block-column{text-align:center;}

.cm-offer-grid{gap:clamp(1.25rem,2vw,1.75rem);}
.cm-offer-grid>.wp-block-column{border:1px solid color-mix(in srgb,var(--cm-gold) 75%,transparent);padding:clamp(1.75rem,2.3vw,2.4rem);background:color-mix(in srgb,#fff 28%,var(--cm-offwhite));}
.cm-offer-grid h3{margin-top:0;}

.cm-about-teaser{max-width:var(--cm-wide);margin-inline:auto;}
.cm-about-teaser>*{max-width:var(--cm-reading);}
.cm-about-story{max-width:var(--cm-reading);margin-inline:auto;}
.cm-about-story h2{margin-top:clamp(2.5rem,4vw,4rem);}
.cm-about-story h2:first-child{margin-top:0;}
.cm-deeper-perception{max-width:var(--cm-reading);margin-inline:auto;}
.cm-deeper-perception p{margin-inline:auto;text-align:center;}
.cm-suitability>p{max-width:var(--cm-reading);margin-inline:auto;}

.cm-cta{text-align:center;}
.cm-cta h2,.cm-cta p{margin-inline:auto;}
.cm-cta .wp-block-buttons{justify-content:center;}
.cm-cta h2{font-style:italic;}

.wp-block-button__link,.wp-element-button{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:.9375rem;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease;
}
.wp-block-button__link:hover{background:color-mix(in srgb,var(--cm-petrol) 88%,#000)!important;}
.cm-button-secondary .wp-block-button__link{background:transparent!important;color:var(--cm-petrol)!important;border:1px solid var(--cm-gold);}
.cm-button-secondary .wp-block-button__link:hover{background:color-mix(in srgb,var(--cm-gold) 24%,transparent)!important;}
.wp-element-button:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--cm-petrol);outline-offset:3px;}

.cm-media-placeholder{
  min-height:30rem;
  aspect-ratio:4/5;
  display:grid;
  place-items:center;
  padding:2rem;
  border:1px solid color-mix(in srgb,var(--cm-gold) 80%,transparent);
  background:color-mix(in srgb,var(--cm-aqua) 24%,var(--cm-offwhite));
  color:color-mix(in srgb,var(--cm-charcoal) 68%,transparent);
  text-align:center;
}
.cm-media-placeholder p{max-width:18rem;}

.cm-site-footer .wp-block-columns{align-items:center;margin-bottom:0;}
.cm-footer-logo img{height:auto;max-width:195px;}
.cm-site-footer .wp-block-navigation{font-size:.875rem;}
.cm-404{min-height:55vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:var(--cm-wide);margin:auto;}

/* Standard desktop: 1024–1439. */
@media (min-width:1024px) and (max-width:1439px){
  :root{--cm-gutter:clamp(2rem,4vw,4rem);}
  .cm-header-row{min-height:5.25rem;}
}

/* Tablet: 768–1023. Method/training grids become 2×2. */
@media (min-width:768px) and (max-width:1023px){
  :root{
    --cm-gutter:clamp(2rem,4vw,2.5rem);
    --cm-section-large:clamp(5rem,8vw,6rem);
    --cm-section-medium:clamp(4.25rem,7vw,5.25rem);
    --cm-section-small:clamp(3rem,5vw,3.75rem);
  }
  .cm-method-grid,.cm-training-areas-grid{flex-wrap:wrap!important;row-gap:2.25rem!important;}
  .cm-method-grid>.wp-block-column,.cm-training-areas-grid>.wp-block-column{flex-basis:calc(50% - 1rem)!important;}
  .cm-training-hero:after{right:-22%;opacity:.42;}
}

/* Collapse navigation before crowding. */
@media (max-width:959px){
  .cm-header-cta{display:none!important;}
  .cm-main-nav{margin-left:auto;font-size:1rem;}
  .cm-main-nav .wp-block-navigation__responsive-container-open{display:flex;}
  .cm-main-nav .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important;}
}

/* Smaller tablets: stack hero and editorial grids rather than squeeze. */
@media (min-width:768px) and (max-width:879px){
  .cm-hero-grid{display:flex!important;flex-direction:column!important;align-items:stretch!important;}
  .cm-home-hero .wp-block-column:first-child,.cm-about-hero .wp-block-column:first-child,.cm-home-hero .wp-block-column:last-child,.cm-about-hero .wp-block-column:last-child{flex-basis:auto!important;}
  .cm-editorial-grid{display:flex!important;flex-direction:column!important;}
  .cm-editorial-grid>.wp-block-column{padding-right:0;}
  .cm-editorial-grid>.wp-block-column+.wp-block-column{border-left:0;border-top:1px solid var(--cm-gold);padding-left:0;padding-top:1.5rem;margin-top:1.5rem;}
  .cm-media-placeholder{max-width:38rem;width:100%;margin-inline:auto;}
}

/* Mobile: one canonical Gutenberg tree, entirely responsive through the theme. */
@media (max-width:767px){
  :root{
    --cm-gutter:clamp(1.5rem,6vw,1.75rem);
    --cm-section-large:clamp(3.75rem,12vw,5rem);
    --cm-section-medium:clamp(3.25rem,10vw,4.25rem);
    --cm-section-small:clamp(2.5rem,8vw,3.5rem);
  }
  body,.editor-styles-wrapper{font-size:1.125rem;line-height:1.62;}
  h1{font-size:clamp(2.625rem,11vw,3.25rem);}
  h2{font-size:clamp(1.875rem,8vw,2.25rem);}
  h3{font-size:clamp(1.45rem,6vw,1.7rem);}
  .cm-header-row{min-height:4rem;gap:.65rem;}
  .cm-brand-signet img{width:44px!important;height:44px!important;}
  .cm-brand-wordmark{display:none!important;}
  .cm-brand-mobile-name{display:block!important;}
  .cm-main-nav{font-size:1rem;}
  .cm-hero-grid,.cm-editorial-grid,.cm-method-grid,.cm-training-areas-grid,.cm-offer-grid{display:flex!important;flex-direction:column!important;}
  .cm-home-hero .wp-block-column:first-child,.cm-about-hero .wp-block-column:first-child,.cm-home-hero .wp-block-column:last-child,.cm-about-hero .wp-block-column:last-child{flex-basis:auto!important;}
  .cm-editorial-grid>.wp-block-column,.cm-method-grid>.wp-block-column,.cm-training-areas-grid>.wp-block-column{padding-right:0;}
  .cm-editorial-grid>.wp-block-column+.wp-block-column,.cm-method-grid>.wp-block-column+.wp-block-column,.cm-training-areas-grid>.wp-block-column+.wp-block-column{border-left:0;border-top:1px solid var(--cm-gold);padding-left:0;padding-top:1.4rem;margin-top:1.4rem;}
  .cm-method-grid>.wp-block-column,.cm-training-areas-grid>.wp-block-column{flex-basis:auto!important;}
  .cm-media-placeholder{min-height:19rem;aspect-ratio:4/5;}
  .cm-training-hero:after{width:72vw;right:-44%;top:15%;opacity:.3;}
  .cm-site-footer .wp-block-columns{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;}
  .cm-site-footer .wp-block-navigation{justify-content:flex-start!important;font-size:.875rem;}
  .wp-block-button__link,.wp-element-button{font-size:.9375rem;}
}

@media (max-width:390px){
  h1{font-size:clamp(2.45rem,10.8vw,2.9rem);}
  .cm-brand-mobile-name{font-size:1.25rem;}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}
}

/* v1.6 media sections: native Gutenberg embeds with responsive carousel behavior. */
.cm-video-reviews,.cm-training-trailer{padding:var(--cm-section-medium) var(--cm-gutter);}
.cm-video-reviews>h2,.cm-training-trailer>h2{text-align:center;margin-left:auto;margin-right:auto;max-width:var(--cm-content);}
.cm-section-intro{margin:.75rem auto 0;text-align:center;max-width:var(--cm-reading);}
.cm-video-carousel{max-width:1020px;margin:clamp(2.25rem,4vw,3.25rem) auto 0;}
.cm-video-carousel-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);margin:0;}
.cm-video-slide{min-width:0;scroll-snap-align:start;}
.cm-video-slide>.wp-block-embed,.cm-video-slide>.cm-youtube-consent,.cm-video-slide>.cm-video-slot-placeholder{margin:0!important;}
.cm-training-trailer-frame{max-width:960px;margin:clamp(2.25rem,4vw,3.25rem) auto 0;}
.cm-offer-meta{font-size:.875rem!important;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cm-petrol);margin:.15rem 0 .9rem;}

.cm-video-slot-placeholder{
  display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;
  min-height:18rem;border:1px solid color-mix(in srgb,var(--cm-gold) 82%,transparent);
  background:color-mix(in srgb,var(--cm-aqua) 24%,var(--cm-offwhite));padding:1.5rem;
}
.cm-video-slide .cm-video-slot-placeholder{aspect-ratio:9/16;min-height:0;}
.cm-training-trailer-frame .cm-video-slot-placeholder{aspect-ratio:16/9;min-height:0;}
.cm-video-slot-placeholder .cm-video-slot-label{font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cm-petrol);margin-bottom:.5rem;}

/* No YouTube request is made until the visitor activates the native embed placeholder. */
.cm-youtube-consent{position:relative;width:100%;overflow:hidden;background:var(--cm-petrol);border:1px solid color-mix(in srgb,var(--cm-gold) 80%,transparent);}
.cm-youtube-consent.cm-youtube-portrait{aspect-ratio:9/16;}
.cm-youtube-consent.cm-youtube-landscape{aspect-ratio:16/9;}
.cm-youtube-consent iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.cm-youtube-load{
  position:absolute;inset:0;width:100%;height:100%;border:0;background:linear-gradient(145deg,color-mix(in srgb,var(--cm-petrol) 92%,#000),var(--cm-petrol));
  color:var(--cm-offwhite);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;cursor:pointer;
  font:600 .9375rem/1.4 "Source Sans 3","Segoe UI",Helvetica,Arial,sans-serif;text-align:center;
}
.cm-youtube-load:hover{background:color-mix(in srgb,var(--cm-petrol) 88%,#000);}
.cm-youtube-load:focus-visible{outline:2px solid var(--cm-gold);outline-offset:-5px;}
.cm-youtube-play{display:grid;place-items:center;width:3.5rem;height:3.5rem;border:1px solid var(--cm-gold);border-radius:50%;font-size:1.2rem;color:var(--cm-gold);}
.cm-youtube-load small{font-size:.8125rem;font-weight:400;max-width:20rem;opacity:.86;}

.cm-carousel-controls{display:none;align-items:center;justify-content:center;gap:.75rem;margin-top:1.25rem;}
.cm-carousel-button{width:44px;height:44px;border:1px solid var(--cm-gold);border-radius:50%;background:transparent;color:var(--cm-petrol);font-size:1.2rem;cursor:pointer;}
.cm-carousel-button:hover{background:color-mix(in srgb,var(--cm-gold) 24%,transparent);}
.cm-carousel-button:focus-visible{outline:2px solid var(--cm-petrol);outline-offset:3px;}
.cm-carousel-dots{display:flex;align-items:center;gap:.45rem;}
.cm-carousel-dot{width:9px;height:9px;padding:0;border:1px solid var(--cm-petrol);border-radius:50%;background:transparent;cursor:pointer;}
.cm-carousel-dot[aria-current="true"]{background:var(--cm-petrol);}

@media (max-width:1023px){
  .cm-video-carousel-track{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 1rem)/2);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:.25rem;}
  .cm-video-carousel-track::-webkit-scrollbar{display:none;}
  .cm-carousel-controls{display:flex;}
}
@media (max-width:767px){
  .cm-video-carousel-track{grid-auto-columns:100%;gap:1rem;}
  .cm-video-reviews,.cm-training-trailer{padding:var(--cm-section-medium) var(--cm-gutter);}
}

/* v1.7 legal pages + minimal footer */
.cm-site-footer{padding:1.5rem var(--cm-gutter);}
.cm-site-footer>.wp-block-navigation,.cm-site-footer .cm-legal-nav{max-width:var(--cm-wide);margin-inline:auto;font-size:.875rem;}
.cm-site-footer .wp-block-navigation__container{gap:clamp(1.25rem,3vw,2.5rem);}
.cm-legal-page{max-width:760px;margin-inline:auto;padding:var(--cm-section-medium) var(--cm-gutter);}
.cm-legal-page>h1{margin-top:0;margin-bottom:clamp(2rem,4vw,3.25rem);}
.cm-legal-page>h2{margin-top:clamp(2.2rem,4vw,3.25rem);margin-bottom:.75rem;}
.cm-legal-page>p,.cm-legal-page>ul,.cm-legal-page>ol{font-size:1rem;line-height:1.7;}
@media (max-width:767px){.cm-site-footer{padding:1.25rem var(--cm-gutter);}.cm-site-footer .wp-block-navigation{font-size:.875rem;justify-content:center!important;}.cm-site-footer .wp-block-navigation__container{justify-content:center!important;}.cm-legal-page{padding:var(--cm-section-small) var(--cm-gutter);}}