/*
Theme Name: Georg Stahlbauer
Theme URI: https://georgstahlbauer.de/
Author: Georg Stahlbauer
Description: A focused block theme for the Georg Stahlbauer nature photography archive.
Version: 1.0.14
Requires at least: 6.7
Requires PHP: 8.1
Text Domain: georgstahlbauer
*/

html{scroll-behavior:smooth}
body{overflow-x:hidden}
a{text-underline-offset:.18em;text-decoration-thickness:.06em}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--wp--preset--color--accent);outline-offset:3px}
.wp-site-blocks{min-height:100vh;display:flex;flex-direction:column}
.site-main{flex:1}
.site-header{position:relative;z-index:10;border-bottom:1px solid rgba(255,255,255,.12)}
.site-header__inner{min-height:5rem}
.site-brand .wp-block-site-title{font-family:var(--wp--preset--font-family--display);font-size:clamp(1.2rem,2vw,1.55rem);letter-spacing:.02em}
.site-brand .wp-block-site-title a{white-space:nowrap}
.site-brand__tagline{font-size:.68rem!important;letter-spacing:.12em;text-transform:uppercase;color:var(--wp--preset--color--muted)}
.site-header .wp-block-navigation-item__content{text-decoration:none;font-size:.88rem}
.site-header .wp-block-navigation-item__content:hover{color:var(--wp--preset--color--accent)}
@media (min-width:901px){
  .site-header .wp-block-navigation__container{flex-wrap:nowrap}
  .site-header .gs-search-nav .wp-block-navigation-item__content{position:relative;display:grid;place-items:center;width:1.8rem;height:2rem}
  .site-header .gs-search-nav .wp-block-navigation-item__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
  .site-header .gs-search-nav .wp-block-navigation-item__content::before{box-sizing:border-box;width:.82rem;height:.82rem;border:.13rem solid currentColor;border-radius:50%;content:"";transform:translate(-.08rem,-.08rem)}
  .site-header .gs-search-nav .wp-block-navigation-item__content::after{position:absolute;width:.5rem;height:.13rem;border-radius:999px;background:currentColor;content:"";transform:translate(.38rem,.38rem) rotate(45deg)}
}
.site-footer{border-top:1px solid rgba(255,255,255,.12);margin-top:auto}
.site-footer a{color:inherit}
.prose-page{padding-top:clamp(3rem,7vw,7rem);padding-bottom:clamp(4rem,9vw,9rem)}
.prose-page>.wp-block-post-title{font-size:clamp(2.8rem,6vw,6.5rem);line-height:.95;letter-spacing:-.035em;margin:0 0 .6em}
.prose-page>.wp-block-post-content{font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.75}
.prose-page>.wp-block-post-content h2{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.15;margin-top:2em}
.prose-page>.wp-block-post-content img{border-radius:.2rem}
.prose-page>.wp-block-post-content a{color:var(--wp--preset--color--accent)}
.gs-about-page .gs-about-closing{margin:clamp(2.5rem,6vw,4rem) 0 0;padding:clamp(1.25rem,3vw,1.8rem);border-left:3px solid var(--wp--preset--color--accent);background:var(--wp--preset--color--surface);font-family:var(--wp--preset--font-family--display);font-size:clamp(1.15rem,2.3vw,1.45rem);line-height:1.55}
.gs-technique-section .prose-page>.wp-block-post-title{text-wrap:balance}
.gs-technique-index .prose-page>.wp-block-post-title,.gs-technique-index .prose-page>.wp-block-post-content{box-sizing:border-box;width:100%;max-width:64rem!important}
.gs-technique-index .prose-page>.wp-block-post-title{margin-bottom:.45em}
.gs-technique-index .wp-block-post-content>p:first-child{max-width:46rem;margin:0 0 clamp(2rem,4vw,3.5rem);color:var(--wp--preset--color--muted);font-size:clamp(1.08rem,1.8vw,1.35rem);line-height:1.65;text-wrap:pretty}
.gs-technique-index .wp-block-post-content>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.75rem,2vw,1.25rem);list-style:none;margin:0;padding:0}
.gs-technique-index .wp-block-post-content>ul>li{margin:0;padding:0}
.gs-technique-index .wp-block-post-content>ul>li:last-child:nth-child(odd){grid-column:1/-1}
.gs-technique-index .wp-block-post-content>ul a{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:center;column-gap:1rem;row-gap:.55rem;min-height:10.5rem;padding:clamp(1.25rem,3vw,2rem);border:1px solid rgba(255,255,255,.12);border-radius:.3rem;background:var(--wp--preset--color--surface);text-decoration:none;transition:border-color .2s ease,transform .2s ease}
.gs-technique-card__title{grid-column:1;font-family:var(--wp--preset--font-family--display);font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.1}
.gs-technique-card__description{grid-column:1;max-width:38rem;color:var(--wp--preset--color--muted);font-family:var(--wp--preset--font-family--body);font-size:clamp(.88rem,.35vw + .82rem,1rem);line-height:1.5}
.gs-technique-index .wp-block-post-content>ul a::after{content:"→";grid-column:2;grid-row:1/3;align-self:center;color:var(--wp--preset--color--accent);font-family:var(--wp--preset--font-family--body);font-size:1.1rem}
.gs-technique-index .wp-block-post-content>ul a:hover{border-color:var(--wp--preset--color--accent);transform:translateY(-2px)}
.gs-technique-article .prose-page>.wp-block-post-title{margin-bottom:clamp(2rem,5vw,4rem)}
.gs-technique-article .prose-page>.wp-block-post-content{max-width:68ch!important;font-size:clamp(1rem,.35vw + .94rem,1.16rem);line-height:1.8}
.gs-technique-article .textprime{hyphens:auto;text-wrap:pretty}
.gs-technique-article .textprime>p{margin:0 0 1.35em}
.gs-technique-article .textprime p:empty{display:none}
.gs-technique-article .textprime p br,.gs-technique-article .textprime li br{display:none}
.gs-technique-article .textprime h2{margin:clamp(3.5rem,8vw,6rem) 0 .8em;font-size:clamp(2rem,4vw,3.3rem);line-height:1.05;text-wrap:balance}
.gs-technique-article .textprime h3{margin:2.4em 0 .75em;color:var(--wp--preset--color--contrast);font-size:clamp(1.3rem,2.5vw,1.8rem);line-height:1.2}
.gs-technique-article .textprime strong{color:#fff}
.gs-technique-article .textprime ul:not(.catnavi2):not(.tipps),.gs-technique-article .textprime ol{margin:1.6rem 0 2rem;padding-left:1.4rem}
.gs-technique-article .textprime li+li{margin-top:.55rem}
.gs-technique-article .textprime li::marker{color:var(--wp--preset--color--accent);font-weight:700}
.gs-technique-article .textprime blockquote{margin:clamp(2rem,5vw,3.5rem) 0;padding:clamp(1.2rem,3vw,2rem);border-left:3px solid var(--wp--preset--color--accent);background:var(--wp--preset--color--surface);font-family:var(--wp--preset--font-family--display);font-size:clamp(1.2rem,2.5vw,1.55rem);line-height:1.5}
.gs-technique-article .textprime blockquote p{margin:0}
.gs-technique-article .textprime blockquote p+p{margin-top:.85rem}
.gs-technique-article .textprime blockquote cite{color:var(--wp--preset--color--muted);font-family:var(--wp--preset--font-family--body);font-size:.75em}
.gs-technique-article .textprime table.examplepics{position:relative;left:50%;display:block;box-sizing:border-box;width:100vw;max-width:none;margin:1.75rem 0 2.5rem;padding-block:clamp(1.5rem,4vw,3rem);background:#080b09;border:0;border-collapse:collapse;transform:translateX(-50%)}
.gs-technique-article .textprime table.examplepics:has(td+td){padding-inline:max(1.25rem,calc((100vw - 60rem)/2))}
.gs-technique-article .textprime table.examplepics:not(:has(td+td)){padding-inline:max(1.25rem,calc((100vw - 68ch)/2))}
.gs-technique-article .textprime table.examplepics tbody{display:block}
.gs-technique-article .textprime table.examplepics tr{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:clamp(1rem,3vw,2rem);margin:0 0 2rem}
.gs-technique-article .textprime table.examplepics:has(td+td) tr{max-width:60rem;margin:0 auto}
.gs-technique-article .textprime table.examplepics:not(:has(td+td)) tr{max-width:68ch;margin:0 auto}
.gs-technique-article .textprime table.examplepics:not(:has(td+td)) tr:not(:last-child){margin-bottom:clamp(2.5rem,5vw,4rem)}
.gs-technique-article .textprime table.examplepics td{display:block;min-width:0;padding:0;border:0;vertical-align:top}
.gs-technique-article .textprime table.examplepics img{display:block;width:auto;max-width:100%;height:auto;margin-inline:auto;border-radius:.35rem;background:var(--wp--preset--color--surface)}
.gs-technique-article .textprime table.examplepics .desc{margin:.7rem .1rem 0;color:var(--wp--preset--color--muted);font-size:.82rem;line-height:1.5;text-align:center}
.gs-technique-article .textprime .example{margin-top:clamp(3rem,7vw,5rem)}
.gs-technique-article .textprime .example>h2{margin-top:0}
.gs-technique-article .textprime dl{display:grid;grid-template-columns:minmax(7rem,.35fr) 1fr;margin:2rem 0;border-top:1px solid rgba(255,255,255,.16)}
.gs-technique-article .textprime dt,.gs-technique-article .textprime dd{margin:0;padding:.8rem 0;border-bottom:1px solid rgba(255,255,255,.16)}
.gs-technique-article .textprime dd{color:var(--wp--preset--color--muted)}
.gs-technique-article .textprime .catnavi2{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:.5rem 0 3rem;padding:0}
.gs-technique-article .textprime .catnavi2 li{margin:0}
.gs-technique-article .textprime .catnavi2 a{display:inline-flex;padding:.45rem .8rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:var(--wp--preset--color--contrast);font-size:.86rem;text-decoration:none}
.gs-technique-article .textprime .catnavi2 a:hover{border-color:var(--wp--preset--color--accent);color:var(--wp--preset--color--accent)}
.gs-technique-article .textprime>p:has(+.catnavi2){margin:0;color:var(--wp--preset--color--accent);font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.gs-technique-article .textprime .tipps{counter-reset:tip;list-style:none;margin:0;padding:0}
.gs-technique-article .textprime .tipps>li{counter-increment:tip;position:relative;margin:0;padding:1.2rem 0 1.2rem 3.8rem;border-top:1px solid rgba(255,255,255,.14)}
.gs-technique-article .textprime .tipps>li:last-child{border-bottom:1px solid rgba(255,255,255,.14)}
.gs-technique-article .textprime .tipps>li::before{content:counter(tip,decimal-leading-zero);position:absolute;top:1.3rem;left:0;color:var(--wp--preset--color--accent);font-size:.74rem;font-weight:700;letter-spacing:.1em}
.gs-technique-article .textprime .tipps+p{margin:clamp(2.5rem,6vw,4rem) 0 0;padding:clamp(1.25rem,3vw,1.8rem);border-left:3px solid var(--wp--preset--color--accent);background:var(--wp--preset--color--surface);font-family:var(--wp--preset--font-family--display);font-size:clamp(1.15rem,2.3vw,1.45rem);line-height:1.55}
.gs-technique-article .textprime .tipps+p>b:first-child{display:block;margin-bottom:.4rem;color:var(--wp--preset--color--accent);font-family:var(--wp--preset--font-family--body);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase}
.not-found{min-height:60vh;display:flex;flex-direction:column;justify-content:center}
.not-found h1{font-size:clamp(3rem,8vw,8rem);margin:0}
@media (max-width:781px){.site-brand__tagline{display:none}.site-header__inner{min-height:4.2rem}}
@media (max-width:420px){.site-brand .wp-block-site-title{font-size:1.15rem}.site-header__inner{gap:.5rem}}
@media (max-width:599px){.gs-technique-index .wp-block-post-content>ul{grid-template-columns:1fr}.gs-technique-index .wp-block-post-content>ul>li:last-child:nth-child(odd){grid-column:auto}.gs-technique-index .wp-block-post-content>ul a{min-height:6.5rem}.gs-technique-article .textprime dl{grid-template-columns:1fr}.gs-technique-article .textprime dt{padding-bottom:.15rem;border-bottom:0}.gs-technique-article .textprime dd{padding-top:.15rem}.gs-technique-article .textprime .tipps>li{padding-left:2.75rem}}
@media (min-width:600px) and (max-width:900px){.site-header .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}}
@media (max-width:900px){
  .site-header .wp-block-navigation__responsive-container-open{display:flex!important;flex:0 0 auto;color:var(--wp--preset--color--contrast);position:relative;z-index:3}
  .site-header .wp-block-navigation__responsive-container.is-menu-open{box-sizing:border-box;min-height:100dvh;padding:max(1.25rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left));background:var(--wp--preset--color--base)!important;color:var(--wp--preset--color--contrast)!important}
  .site-header .wp-block-navigation__responsive-close{box-sizing:border-box;width:100%;max-width:none}
  .site-header .wp-block-navigation__responsive-container-close{display:grid;place-items:center;width:2.75rem;height:2.75rem;color:var(--wp--preset--color--accent)}
  .site-header .wp-block-navigation__responsive-container-content{align-items:stretch!important;padding-top:clamp(4.5rem,12vh,7rem)!important}
  .site-header .wp-block-navigation__container{align-items:stretch!important;width:100%;gap:0!important}
  .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{width:100%;border-top:1px solid rgba(255,255,255,.14)}
  .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:last-child{border-bottom:1px solid rgba(255,255,255,.14)}
  .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{box-sizing:border-box;width:100%;padding:.82rem 0!important;color:var(--wp--preset--color--contrast);font-family:var(--wp--preset--font-family--display);font-size:clamp(1.7rem,8vw,2.35rem);line-height:1.1;letter-spacing:-.02em;text-align:left}
  .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover{color:var(--wp--preset--color--accent)}
}