/*!
Theme Name: Studio Karst
Theme URI: https://rocketruby.ch
Description: Custom theme
Author: Lorenz Peter (Rocket Ruby)
Version: 1.0
Text Domain: studiokarst
Domain Path: /languages
License: custom
Bitbucket Theme URI: https://bitbucket.org/lorenzRR/studiokarst
*/
*,:before,:after{box-sizing:border-box}body{margin:0}button{color:inherit;font:inherit;cursor:pointer;outline:inherit;text-align:center;vertical-align:middle;-webkit-user-select:none;user-select:none;-webkit-appearance:none;background:0 0;border:none;border-radius:0;padding:0;text-decoration:none;display:inline-block}input,button,textarea,select{font:inherit}img,picture,svg,video,canvas{font-style:italic}img{width:100%;height:auto}h1,h2,h3,h4,h5,p,ul,ol{margin-block-start:0}ul,ol{padding-inline-start:1em}a{color:currentColor}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:before,:after{transition:none;scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--fs-base:1.25rem;--fs-small:calc(var(--fs-base)*.8);--fs-tiny:calc(var(--fs-base)*.7);--fs-lead:calc(var(--fs-base)*1.25);--fs-heading:calc(var(--fs-base)*1.5);--fs-nav:calc(var(--fs-base)*1.25);--lh-base:1.4;--lh-heading:1.2;--fw-base:200;--fw-bold:700;--gutter-x:var(--fs-base);--gutter-y:var(--fs-base);--site-gutter-x:var(--fs-base);--site-gutter-y:var(--fs-base);--max-width:calc(var(--fs-base)*48);--color-text:#000;--color-accent:#da0000;--color-muted:#cbcbcb;--lightbox-bg:#fffffff2;--navbar-height:calc(var(--fs-nav)*2);--text-content-offset-default:calc(var(--navbar-height) + var(--gutter-y) + var(--wp-admin--admin-bar--height,0px));--nav-btn-stroke-width:5px;--nav-btn-stroke-gap:15px;--tagline-height:2em;--slides-height:calc(100svh - var(--navbar-height) - (var(--gutter-y)*3) - var(--wp-admin--admin-bar--height,0px) - var(--tagline-height))}@media only screen and (min-width:768px){:root{--fs-nav:var(--fs-base);--navbar-height:calc(var(--fs-nav)*3)}}::selection{background:#ededed}body{min-height:100svh;padding:0 var(--gutter-x)var(--gutter-y)var(--gutter-x);font-family:avenir-lt-pro,sans-serif;font-size:var(--fs-base);line-height:var(--lh-base);font-weight:var(--fw-base);color:var(--color-text);flex-direction:column;display:flex}.tagline{height:var(--tagline-height);text-align:center;justify-content:center;align-items:center;margin-block:0;display:flex}h1,h2,h3,h4{font-size:var(--fs-heading);line-height:var(--lh-heading);font-weight:var(--fw-bold)}.subheading{font-size:var(--fs-heading)}.lead{font-size:var(--fs-lead)}@media only screen and (min-width:768px){.has-featured-image{gap:var(--gutter-y)var(--gutter-x);grid-template-columns:repeat(2,1fr);display:grid}}.has-featured-image>img{top:calc(var(--navbar-height) + var(--gutter-y) + var(--wp-admin--admin-bar--height,0px));position:sticky}.has-featured-image .full-width{grid-column:1/-1}.body-text{font-size:var(--fs-base);font-weight:400;line-height:var(--lh-base)}.fs-s{font-size:var(--fs-small)}.fs-l{font-size:var(--fs-lead)}.menu{gap:var(--gutter-x);margin:0;padding:0;list-style:none;display:flex}.menu a{font-size:var(--fs-nav);color:currentColor;text-decoration:none}@media only screen and (min-width:768px){.nav-main .nav-toggle{display:none}}.nav-main .menu{--offset-top:calc(var(--navbar-height) + var(--wp-admin--admin-bar--height,0px));top:var(--offset-top);height:calc(100% - var(--offset-top));min-width:50%;padding:var(--gutter-y)var(--gutter-x);will-change:transform;background:#fff;border-inline-start:1px solid;flex-direction:column;margin:0;transition:transform .25s;position:fixed;right:0;overflow:auto;transform:translate(calc(100% + 1px))}@media only screen and (min-width:768px){.nav-main .menu{will-change:auto;border:none;flex-direction:row;min-width:0;height:auto;margin:0;padding:0;position:relative;top:0;transform:none}}.nav-main [aria-expanded=true]+.menu{transform:translate(0)}#menu:has(li.current-menu-item) .menu-item:not(.current-menu-item){opacity:.55}.single-project #menu:has(li.current_page_parent) .menu-item:not(.current_page_parent){opacity:.55}body:has(#navToggle[aria-expanded=true]){overflow:hidden}.menu-item-language{margin-block-start:2em}@media only screen and (min-width:768px){.menu-item-language{margin-block-start:0;margin-inline-start:1.5em}}.lang-switcher{padding:0;list-style:none;display:flex}.lang-switcher li{opacity:.55}.lang-switcher li:first-child:after{content:"/";margin-inline:.125em;display:inline-block}.lang-switcher li.active{opacity:1}.lang-switcher li.active:after{opacity:.55}.header{top:var(--wp-admin--admin-bar--height,0px);left:var(--gutter-x);height:var(--navbar-height);width:calc(100svw - var(--gutter-x)*2);z-index:1;background:#fff;border-bottom:1px solid;align-items:center;display:flex;position:sticky}.header .home-link{color:currentColor;margin-inline-end:auto;font-weight:700;text-decoration:none}.main{width:100%;max-width:var(--max-width);padding-block:var(--gutter-y);margin-inline:auto}.footer{--fs-nav:var(--fs-small,.8em);font-size:var(--fs-small,.8em);border-top:1px solid;flex-direction:column;gap:.75em 1em;margin-block-start:auto;margin-block-end:calc(var(--fs-small,.8em)*-.5);padding-block-start:var(--fs-small,.8em);display:flex}.footer small{font-size:1em}@media only screen and (min-width:768px){.footer{flex-direction:row}.footer .menu{margin-inline-start:auto}}.block{margin-block-end:var(--gutter-y)}.visually-hidden{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);word-break:normal;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;word-wrap:normal!important;position:absolute!important}.lightbox{color:#000;background:0 0;border:none;width:100svw;height:100svh}body:has(.lightbox[open]){overflow:hidden}body:has(.lightbox[open]) .nav-toggle{opacity:.1}.lightbox-gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;display:grid}.lightbox-gallery a{width:100%;display:block}.lightbox-gallery img{width:100%;height:auto}.lightbox::backdrop{background:var(--lightbox-bg,#fffffff2)}.lightbox-images{scroll-snap-type:x mandatory;-moz-column-gap:var(--lightbox-img-gap,0);column-gap:var(--lightbox-img-gap,0);-ms-overflow-style:none;scrollbar-width:none;width:100%;margin:0;padding:0;list-style:none;display:flex;position:fixed;top:0;left:0;overflow:auto}.lightbox-images::-webkit-scrollbar{display:none}.lightbox-image{width:100svw;height:100svh;padding:var(--lightbox-img-gap,0);scroll-snap-align:start;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;container:lightbox-image/inline-size}.lightbox-image figure{width:calc(100% - var(--gutter-x)*4);height:calc(100% - var(--gutter-y)*4)}.lightbox-image img{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;max-width:100%;max-height:100%}dialog[open] .lightbox-image img{opacity:1;transition:transform .5s,opacity .5s;transform:scale(1)}@starting-style{dialog[open] .lightbox-image img{opacity:0;transform:scale(.1)}}.lightbox figure{margin:0;display:flex}.lightbox figcaption{font-size:var(--fs-small);width:100%;padding:calc(var(--gutter-y,1em)/2)var(--gutter-x,1em);text-align:center;position:absolute;bottom:0;left:0}.lightbox-nav{width:max(5em,20%);height:100%;padding-inline:var(--gutter-x);align-items:center;display:flex;position:fixed;top:0}.lightbox-nav b{border-top:1px solid;border-left:1px solid;width:1em;height:1em;display:block;transform:rotate(-45deg)}.lightbox-nav[data-action=prev]{left:0}.lightbox-nav[data-action=next]{justify-content:flex-end;right:0}.lightbox-nav[data-action=next] b{transform:rotate(135deg)}.lightbox-close{padding:var(--gutter-y,1em)var(--gutter-x,1em);width:calc(1.5em + var(--gutter-x)*2);height:calc(1.5em + var(--gutter-x)*2);position:fixed;top:0;right:0}.lightbox-close b{width:1.5em;height:1.5em;display:block;position:relative}.lightbox-close b:before,.lightbox-close b:after{content:"";background:#000;width:1px;height:100%;position:absolute;transform:rotate(45deg)}.lightbox-close b:after{transform:rotate(-45deg)}@media only screen and (min-width:768px){#projectImages img{cursor:zoom-in}}.block-slider{margin-inline:calc(50% - 50svw + var(--gutter-x));position:relative}.block-slider .slider{scroll-snap-type:x mandatory;-moz-column-gap:var(--lightbox-img-gap,0);column-gap:var(--lightbox-img-gap,0);-ms-overflow-style:none;scrollbar-width:none;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.block-slider .slider::-webkit-scrollbar{display:none}.block-slider .slide{width:100%;height:var(--slides-height,100svh);padding:var(--lightbox-img-gap,0);scroll-snap-align:start;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;container:lightbox-image/inline-size}.block-slider .slide img{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:100%;height:100%}.block-slider figure{margin:0;display:flex}.block-slider figcaption{width:100%;padding:var(--gutter-y,1em)var(--gutter-x,1em);text-align:center;background:#ffffffe6;position:absolute;bottom:0;left:0}.block-slider .slider-nav{align-items:center;width:max(5em,20%);height:100%;display:flex;position:absolute;top:0}.block-slider .slider-nav b{border-top:1px solid;border-left:1px solid;width:1em;height:1em;display:block;transform:rotate(-45deg)}.block-slider .slider-nav[data-action=prev]{left:0}.block-slider .slider-nav[data-action=next]{justify-content:flex-end;right:0}.block-slider .slider-nav[data-action=next] b{transform:rotate(135deg)}.block-collapsible summary{font-size:var(--fs-heading);border-bottom:calc(var(--fs-base)/4)solid var(--color-muted);cursor:pointer;justify-content:space-between;align-items:flex-end;display:flex}.block-collapsible summary::-webkit-details-marker{content:none;display:none}.block-collapsible summary::marker{content:none;display:none}.block-collapsible summary:after{content:"+";color:var(--color-accent)}.block-collapsible details[open] summary:after{content:"–"}.block-collapsible__content{padding-block:var(--gutter-y);border-bottom:calc(var(--fs-base)/4)solid #0000}details[open] .block-collapsible__content{border-bottom-color:var(--color-muted)}.block-news h3{font-size:var(--fs-lead);margin-block-end:0}.project-grid{gap:var(--gutter-y)var(--gutter-x);display:grid}@media only screen and (min-width:360px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:768px){.project-grid{grid-template-columns:repeat(3,1fr)}}.project-grid .project-teaser{width:100%}.project-grid a{color:currentColor;text-decoration:none}.project-grid .tile{aspect-ratio:1;background:var(--bg);justify-content:center;align-items:center;width:100%;margin-block-end:.25em;transition:background .25s;display:flex;overflow:hidden;container-type:inline-size}@media (hover:hover){.project-grid .tile:hover{background:color-mix(in srgb,var(--bg),#fff 15%)}}.project-grid .tile h2{font-size:var(--fs-base);font-size:clamp(var(--fs-base),15cqw,var(--fs-heading));font-weight:var(--fs-base);text-align:center;width:min-content;margin:0;line-height:1.3}.project-grid p{text-align:center;width:100%;margin:0;font-size:.7em}.project{gap:var(--gutter-y)var(--gutter-x);display:grid;position:relative}@media only screen and (min-width:768px){.project{grid-template-columns:repeat(2,1fr)}.project-text-content{top:var(--text-content-offset,var(--text-content-offset-default,auto));height:fit-content;position:sticky}}.project+h2{margin-block-start:calc(var(--gutter-y)*3)}.project h1:has(+.subheading){margin-block-end:0}.project img{max-width:100%;height:auto;display:block}.project figcaption,.project dl{font-size:var(--fs-small)}.project dd{margin:0 0 1em}.project-nav{gap:var(--gutter-y)var(--gutter-x);grid-template-columns:1fr;justify-content:center;align-items:center;display:grid}@media only screen and (min-width:768px){.project-nav{grid-template-columns:repeat(2,1fr)}}.project-nav a{width:100%;height:100%;padding:var(--gutter-x)var(--gutter-y);background:var(--bg);grid-template-columns:max-content 1fr;align-items:center;text-decoration:none;display:grid}.project-nav a:hover{background:color-mix(in srgb,var(--bg),#fff 15%)}.project-nav [rel=prev]{--bg:var(--bg-prev);text-align:right;grid-template-columns:1fr max-content;justify-self:end}@media only screen and (min-width:768px){.project-nav [rel=prev]{grid-column:2}}.project-nav [rel=prev]:after{content:"";border-top:1px solid;border-left:1px solid;width:1em;height:1em;margin-inline:1em .5em;display:inline-block;transform:rotate(135deg)}.project-nav [rel=next]{--bg:var(--bg-next)}.project-nav [rel=next]:before{content:"";border-top:1px solid;border-left:1px solid;width:1em;height:1em;margin-inline:.5em 1em;display:inline-block;transform:rotate(-45deg)}