/*!
Theme Name: Tom
Author: Andreas Kamm
Version: 1.0
*/html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.hidden{display:none;visibility:hidden}.show{display:block;visibility:visible}:root{--font-family: 'Lato';--primary: hsl(0, 0%, 20%);--primary-dark: hsl(0, 0%, 12%);--primary-ultra-dark: hsl(0, 0%, 7%);--secondary: hsl(0, 0%, 95%);--secondary-dark: hsl(0, 0%, 72%);--secondary-transparent: hsl(0, 0%, 12%, 80%);--maxwidth: 1600px;--radius-xs: 16px;--radius-s: 24px;--radius-m: 32px;--radius-l: 40px;--radius-xl: 50px;--radius-2xl: 60px;--radius-3xl: 80px;--border-width-s: 2px;--border-width-m: 3px;--border-width-l: 4px;--shadow: 0 0px 8px rgb(255 255 255 / 45%);--font-weight-regular: 400;--font-weight-semibold: 700;--font-weight-bold: 900;--font-size-h1: 3rem;--font-weight-h1: var(--font-weight-bold);--font-size-h2: 2.25rem;--font-weight-h2: var(--font-weight-semibold);--font-size-h3: 1.75rem;--font-weight-h3: var(--font-weight-semibold);--font-size-h4: 1.375rem;--font-weight-h4: var(--font-weight-semibold);--font-size-p: 1rem;--font-weight-p: var(--font-weight-regular);--line-height-s: 1.2;--line-height-m: 1.4;--line-height-l: 1.6;--line-height-xl: 1.8;--space-xs: 0.5rem;--space-s: 1rem;--space-m: 1.5rem;--space-l: 2rem;--space-xl: 2.5rem;--space-2xl: 3rem;--space-3xl: 4rem;--transition-short: 0.2s;--transition-medium: 0.3s;--transition-long: 0.4s}:root{--stf: 1rem;--fss: 1.375rem;--stp: 1rem;--bp: 4.5rem 2rem}@media(min-width: 50rem){:root{--stf: 1.25rem;--fss: 2.125rem;--stp: 2.5rem;--bp: 2.5rem 1rem}}@font-face{font-display:swap;font-family:"Lato";font-style:normal;font-weight:400;src:url("./fonts/lato-v25-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Lato";font-style:italic;font-weight:400;src:url("./fonts/lato-v25-latin-italic.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Lato";font-style:normal;font-weight:700;src:url("./fonts/lato-v25-latin-700.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Lato";font-style:normal;font-weight:900;src:url("./fonts/lato-v25-latin-900.woff2") format("woff2")}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-family);font-size:var(--root-font-size);color:var(--secondary)}body{background:linear-gradient(var(--primary-ultra-dark), var(--primary-dark))}body .maxwidth-container{margin-inline:auto;max-width:var(--maxwidth)}body p{line-height:var(--line-height-l);color:var(--secondary);text-wrap:pretty}body a{text-decoration:none;color:var(--secondary)}h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-h1)}h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-h2)}h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-h3)}h4{font-size:var(--font-size-h4);font-weight:var(--font-weight-h4)}h1,h2,h3,h4{text-wrap:balance}main{display:flex;flex-direction:column;align-items:end}main h2+section{margin-bottom:var(--space-s)}main section{width:100%;display:flex;flex-direction:column}main section .home-block{border-color:var(--secondary);border-style:solid;width:100%}main section .button-all{background-color:var(--primary);border-inline-width:6px;border-block-width:3px;border-color:var(--secondary);width:fit-content;border-style:solid}main section .button-all:hover{background-color:var(--primary-dark);transition:var(--transition-medium)}main section .button-more{background-color:var(--secondary);color:var(--primary-ultra-dark);width:fit-content}main section .button-more:hover{background-color:var(--secondary-dark);transition:var(--transition-medium)}@media(min-width: 0rem)and (max-width: 49.9375rem){main{padding-block:3rem;padding-left:2.5rem;row-gap:var(--space-l)}main h3{font-size:var(--font-size-h4)}main h4{font-size:var(--font-size-p)}main h2{font-size:var(--font-size-h4);padding:var(--space-m);border-block:solid 5px var(--secondary);border-left:solid 3px var(--secondary);border-bottom-left-radius:var(--radius-s);border-top-left-radius:var(--radius-s)}main section{row-gap:var(--space-l);padding-right:2.5rem}main section .home-block{padding:var(--space-l);border-radius:var(--radius-xl);border-block-width:7px;border-inline-width:4px}main section .button-all{font-size:var(--font-size-p);padding-inline:var(--space-m);padding-block:var(--space-s);border-radius:var(--space-s);border-inline-width:4px;border-block-width:2px}main section .button-more{padding-block:var(--space-s);padding-inline:var(--space-m);border-radius:var(--radius-xs)}}@media(min-width: 50rem){main{padding-block:6rem;padding-left:5rem;row-gap:var(--space-2xl)}main h2{padding:var(--space-l);border-block:solid 8px var(--secondary);border-left:solid 5px var(--secondary);border-bottom-left-radius:var(--radius-m);border-top-left-radius:var(--radius-m)}main section{row-gap:var(--space-xl);padding-right:5rem}main section .home-block{padding:var(--space-3xl);border-radius:var(--radius-3xl);border-block-width:9px;border-inline-width:6px}main section .button-all{font-size:var(--font-size-h4);padding-inline:var(--space-l);padding-block:var(--space-m);border-radius:var(--space-m)}main section .button-more{padding-block:var(--space-m);padding-inline:var(--space-l);border-radius:var(--radius-s)}}@media(min-width: 0rem)and (max-width: 59.9375rem){#hamburger{all:unset;display:flex;flex-direction:column;z-index:3;inset-block-start:0;inset-inline-end:0;padding:var(--space-s);height:1em;justify-content:center;align-items:center;row-gap:var(--space-xs)}#hamburger:hover{cursor:pointer}#hamburger [class^=line-]{background:var(--secondary);transition:all .3s ease-out}#hamburger .line-1,#hamburger .line-3{border:4px solid var(--secondary)}#hamburger .line-2{border:2px solid var(--secondary)}#hamburger span{width:60px}#hamburger.mobile-menu-open [class^=line-]{margin-block-start:4px;transform-origin:center}#hamburger.mobile-menu-open .line-1{transform:translateY(16px) rotate(-45deg)}#hamburger.mobile-menu-open .line-2{opacity:0}#hamburger.mobile-menu-open .line-3{transform:translateY(-20px) rotate(45deg)}}@media(min-width: 0rem)and (max-width: 59.9375rem){#mainnav ul{position:absolute;z-index:2;inset-block-start:0;inset-inline-end:0;visibility:hidden;transform:translateX(100%);transition:all .25s ease-out;background-color:var(--primary);width:50vw;height:100vh}#mainnav ul a{text-decoration:none;color:#fff}#mainnav #hamburger.mobile-menu-open+ul{visibility:visible;transform:translateX(0);padding-top:8rem}}header{position:relative;display:flex;flex-direction:column;background-size:cover;background-repeat:no-repeat;max-height:90vh;min-height:60vh;height:100vw;background-position-x:center;background-position-y:top}header .heading-container{height:100%;width:100%;display:flex;justify-content:center;container-type:inline-size;container-name:heading}header .heading-container h1{font-size:4rem;background-color:var(--secondary-transparent);width:fit-content;height:fit-content;padding:var(--space-m);border-radius:var(--radius-m);border:solid var(--primary) 6px;box-shadow:var(--shadow)}@container heading (max-width: 1000px){header .heading-container h1{font-size:3rem}}@container heading (max-width: 700px){header .heading-container h1{font-size:2rem}}@container heading (max-width: 500px){header .heading-container h1{font-size:1.5rem;border-radius:var(--radius-s)}}header .nav-area{display:flex;flex-direction:row;justify-content:space-between;container-name:nav;container-type:inline-size}header .nav-area ul{display:flex;gap:var(--space-m)}header .nav-area ul a{display:flex;font-size:var(--font-size-h3)}header .nav-area ul li:has(a:hover),header .nav-area ul .current-menu-item{background-color:var(--primary-dark);transition:var(--transition-short)}#nav-heading{font-size:var(--font-size-h1)}@media(min-width: 0rem)and (max-width: 59.9375rem){header h1{margin-top:7rem}header .nav-area{position:relative;background-color:rgba(0,0,0,0)}header .nav-area ul{display:none;flex-direction:column;align-items:end;border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl);box-shadow:var(--shadow)}header .nav-area ul li{border-block:solid 6px var(--secondary);border-left:solid 3px var(--secondary);border-top-left-radius:var(--radius-s);border-bottom-left-radius:var(--radius-s)}header .nav-area ul li a{margin:var(--space-m)}@container nav (max-width: 500px){header .nav-area ul li a{font-size:var(--font-size-h4)}}header .nav-area img{width:70px}header .nav-area .logo-tom-container,header .nav-area nav{padding-inline:var(--space-xl);padding-block:var(--space-s);border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);background-color:var(--primary);box-shadow:var(--shadow)}header .nav-area nav{display:flex;justify-content:center;box-shadow:var(--shadow)}#nav-heading{display:none}}@media(min-width: 60rem){header h1{margin-top:10rem}header #hamburger{display:none}header .nav-area{padding-inline:var(--space-3xl);background-color:var(--primary);border-bottom-left-radius:var(--radius-3xl);border-bottom-right-radius:var(--radius-3xl);box-shadow:var(--shadow)}header .nav-area .logo-tom-container{display:flex;flex-direction:row;align-items:center;column-gap:var(--space-2xl);padding-block:var(--space-m)}header .nav-area .logo-tom-container img{width:100px}@container nav (max-width: 1000px){header .nav-area .logo-tom-container{column-gap:var(--space-l)}header .nav-area .logo-tom-container img{width:90px}header .nav-area .logo-tom-container #nav-heading{font-size:var(--font-size-h2)}}@container nav (max-width: 1050px){header .nav-area .logo-tom-container #nav-heading{display:none}}header .nav-area ul{flex-direction:row}header .nav-area ul li{border-inline:solid 6px var(--secondary);border-bottom:solid 3px var(--secondary);border-bottom-left-radius:var(--radius-s);border-bottom-right-radius:var(--radius-s)}header .nav-area ul li a{margin-block:var(--space-m);margin-inline:var(--space-s)}@container nav (max-width: 1150px){header .nav-area ul li a{font-size:var(--font-size-h4)}}}@media(min-width: 0rem)and (max-width: 45.5625rem){header{background-image:url("./images/hero-730.webp")}}@media(min-width: 45.625rem)and (max-width: 57.4375rem){header{background-image:url("./images/hero-920.webp")}}@media(min-width: 57.5rem)and (max-width: 99.3125rem){header{background-image:url("./images/hero-1590.webp")}}@media(min-width: 99.375rem){header{background-image:url("./images/hero.webp")}}@media only screen and (max-width: 349px)and (min-resolution: 192dpi){header{background-image:url("./images/hero-730.webp")}}@media only screen and (min-width: 350px)and (max-width: 749px)and (min-resolution: 192dpi){header{background-image:url("./images/hero-920.webp")}}@media only screen and (min-width: 750px)and (min-resolution: 192dpi){header{background-image:url("./images/hero-1590.webp")}}@media only screen and (min-width: 950px)and (min-resolution: 192dpi){header{background-image:url("./images/hero.webp")}}footer{background-color:var(--primary);box-shadow:var(--shadow);display:flex;flex-direction:column}footer summary{font-weight:700;padding-block:var(--space-xs);cursor:pointer}footer p,footer a{font-size:var(--font-size-p)}footer a{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:2px}footer a:hover{color:var(--secondary-dark);transition:var(--transition-medium)}footer ul:not(.menu){line-height:var(--line-height-l)}footer ul:not(.menu) a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:inline-block}@media(min-width: 0rem)and (max-width: 49.9375rem){footer{row-gap:var(--space-xs);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);padding-inline:var(--space-xl);padding-block:var(--space-l)}footer ul+h4,footer p+h4{margin-top:var(--space-s)}}@media(min-width: 50rem){footer{row-gap:var(--space-s);border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl);padding-inline:var(--space-3xl);padding-block:var(--space-xl)}footer ul+h4,footer p+h4{margin-top:var(--space-m)}}.about-block h3{text-align:center}.about-block .home-block{display:flex;flex-direction:column}.about-block .about-container{display:flex;flex-direction:row;column-gap:var(--space-2xl);justify-content:center;align-items:stretch;position:relative}.about-block .about-container>p{font-size:var(--font-size-h4);text-align:center;align-self:center}.about-block .about-img-container{position:relative}.about-block .about-img-container img{object-fit:cover;inset:0;width:100%;height:100%;border-radius:var(--radius-l);box-shadow:var(--shadow)}.about-block .about-img-container p{position:absolute;bottom:var(--space-m);left:var(--space-m);font-size:var(--font-size-h4);background-color:var(--secondary-transparent);width:fit-content;height:fit-content;padding-block:var(--space-s);padding-inline:var(--space-l);border-radius:var(--radius-s);border:solid var(--primary) 6px;box-shadow:var(--shadow)}@media(min-width: 0rem)and (max-width: 49.9375rem){.about-block .about-img-container p{display:none}.about-block .about-container>p{font-size:var(--font-size-p)}}@media(min-width: 0rem)and (max-width: 79.9375rem){.about-block .home-block{row-gap:var(--space-l)}.about-block .about-img-container{width:100%}.about-block .about-container{align-items:center;flex-direction:column;row-gap:var(--space-m)}}@media(min-width: 80rem){.about-block .home-block{row-gap:var(--space-2xl)}.about-block .about-container{align-items:stretch}.about-block .about-container>p{width:25vw}.about-block .about-container .about-img-container{width:55vw;max-width:53rem}.about-block .about-container .about-img-container img{object-fit:cover;min-height:30rem}}.portfolio-block .home-block{display:flex}.portfolio-block article{display:flex;flex-direction:column;row-gap:var(--space-l);background-color:var(--primary);box-shadow:var(--shadow)}.portfolio-block article img{width:100%;object-fit:cover}.portfolio-block article .portfolio-content{display:flex;flex-direction:column;row-gap:var(--space-l);align-items:center}.portfolio-block article .portfolio-content p{text-align:center}@media(min-width: 0rem)and (max-width: 49.9375rem){.portfolio-block article img{min-height:10rem}.portfolio-block article .portfolio-content p{font-size:var(--font-size-p)}.portfolio-block .home-block{row-gap:var(--space-l)}}@media(min-width: 0rem)and (max-width: 79.9375rem){.portfolio-block article{height:fit-content;border-radius:var(--radius-l)}.portfolio-block article img{border-top-left-radius:var(--radius-l);border-top-right-radius:var(--radius-l)}.portfolio-block article .portfolio-content{padding:0 var(--space-m) var(--space-m) var(--space-m)}.portfolio-block .home-block{flex-direction:column}}@media(min-width: 50rem)and (max-width: 79.9375rem){.portfolio-block article img{height:20rem}.portfolio-block .home-block{row-gap:var(--space-3xl)}}@media(min-width: 80rem){.portfolio-block article{border-radius:var(--radius-xl);width:33%}.portfolio-block article img{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);height:45%}.portfolio-block article .portfolio-content{padding:0 var(--space-l) var(--space-l) var(--space-l)}.portfolio-block article .portfolio-content p{font-size:var(--font-size-h4)}.portfolio-block .home-block{flex-direction:row;column-gap:var(--space-xl)}}.stories-block .home-block{display:flex}.stories-block article{display:flex;flex-direction:column;align-items:center}.stories-block article>p{font-weight:var(--font-weight-semibold);border-style:solid;background-color:var(--primary)}.stories-block article .story-content{background-color:var(--primary);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center}.stories-block article .story-content p,.stories-block article .story-content h3{text-align:center}@media(min-width: 0rem)and (max-width: 49.9375rem){.stories-block article{row-gap:var(--space-m)}.stories-block article>p{font-size:var(--font-size-h4);border-block-width:4px;border-inline-width:2px;border-radius:var(--radius-s);padding:var(--space-s)}.stories-block article .story-content{padding:var(--space-m);row-gap:var(--space-m);border-radius:var(--radius-l)}.stories-block article .story-content p{font-size:var(--font-size-p)}.stories-block .home-block{row-gap:var(--space-l)}}@media(min-width: 0rem)and (max-width: 79.9375rem){.stories-block article .story-content{order:2}.stories-block .home-block{flex-direction:column}}@media(min-width: 50rem)and (max-width: 79.9375rem){.stories-block article{row-gap:var(--space-l)}.stories-block article .story-content{padding:var(--space-xl);row-gap:var(--space-l);border-radius:var(--radius-xl)}.stories-block article>p{font-size:var(--font-size-h3);border-block-width:5px;border-inline-width:3px;border-radius:var(--radius-m);padding-inline:var(--space-m);padding-block:var(--space-s)}.stories-block .home-block{row-gap:var(--space-3xl);padding-bottom:var(--space-3xl)}}@media(min-width: 80rem){.stories-block .home-block{flex-direction:row;column-gap:var(--space-xl);padding:var(--space-3xl) var(--space-3xl) 0 var(--space-3xl)}.stories-block article{row-gap:var(--space-3xl);justify-content:space-between;width:33%}.stories-block article>p{font-size:var(--font-size-h2);border-top-width:5px;border-inline-width:8px;border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);padding-inline:var(--space-l);padding-block:var(--space-m)}.stories-block article .story-content{padding:var(--space-xl);row-gap:var(--space-l);height:100%;border-radius:var(--radius-xl)}.stories-block article .story-content p{font-size:var(--font-size-h4)}}.prints-block .home-block{display:flex}.prints-block article{position:relative}.prints-block article img{width:100%;aspect-ratio:1/1;box-shadow:var(--shadow);object-fit:cover}.prints-block article .absolute-container{width:100%;position:relative}.prints-block article h3,.prints-block article p{background-color:var(--secondary-transparent);width:fit-content;height:fit-content;border-style:solid;border-color:var(--primary);box-shadow:var(--shadow);text-align:center;border-width:6px}.prints-block article p{position:absolute}@media(min-width: 0rem)and (max-width: 79.9375rem){.prints-block article{flex-direction:column;align-items:center;row-gap:var(--space-m);display:flex;width:100%}.prints-block article h3,.prints-block article p{border-radius:var(--radius-xs);border-width:3px}.prints-block article h3{padding-block:var(--space-s);padding-inline:var(--space-m)}.prints-block article p{padding-block:var(--space-xs);padding-inline:var(--space-s);bottom:var(--space-m);left:var(--space-m)}.prints-block article img{border-radius:var(--radius-l);position:relative}.prints-block .home-block{row-gap:var(--space-xl);flex-direction:column;align-items:center}}@media(min-width: 80rem){.prints-block article{width:calc(50% - var(--space-3xl)/2)}.prints-block article h3,.prints-block article p{left:var(--space-l);font-size:var(--font-size-h4);border-radius:var(--radius-s)}.prints-block article h3{position:absolute;top:var(--space-l);padding-block:var(--space-m);padding-inline:var(--space-l);z-index:1}.prints-block article p{bottom:var(--space-l);padding-block:var(--space-s);padding-inline:var(--space-m)}.prints-block article a{position:absolute;bottom:var(--space-l);right:var(--space-l)}.prints-block article img{border-radius:var(--space-2xl)}.prints-block .home-block{flex-wrap:wrap;flex-basis:50%;gap:var(--space-3xl)}}body.single-post header,body.page:not(.home) header{max-height:50vh;min-height:40vh;background-position-y:center}body.single-post header h1,body.page:not(.home) header h1{display:none}body.single-post section,body.page:not(.home) section{display:flex;flex-direction:column;align-items:center}body.single-post section img,body.page:not(.home) section img{box-shadow:var(--shadow)}body.single-post section p,body.single-post section h3,body.single-post section h4,body.page:not(.home) section p,body.page:not(.home) section h3,body.page:not(.home) section h4{text-align:center}body.single-post section p,body.page:not(.home) section p{line-height:var(--line-height-l)}body.single-post section ul,body.page:not(.home) section ul{text-align:center;display:flex;flex-direction:column;margin:0}body.single-post section ul li,body.page:not(.home) section ul li{display:flex;flex-direction:column}body.single-post section ul li>div,body.page:not(.home) section ul li>div{line-height:var(--line-height-l)}body.single-post section ul a,body.page:not(.home) section ul a{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:2px;line-height:var(--line-height-m)}body.single-post section ul a:hover,body.page:not(.home) section ul a:hover{color:var(--secondary-dark);transition:var(--transition-medium)}@media(min-width: 0rem)and (max-width: 49.9375rem){body.single section ul,body.page:not(.home) section ul{row-gap:var(--space-xl)}body.single section ul li,body.page:not(.home) section ul li{row-gap:var(--space-s)}body.single section ul a,body.page:not(.home) section ul a{font-size:var(--font-size-h4);line-height:var(--line-height-s)}body.single main img,body.page:not(.home) main img{border-radius:var(--radius-l);width:100%}}@media(min-width: 50rem){body.single section ul,body.page:not(.home) section ul{row-gap:var(--space-3xl)}body.single section ul li,body.page:not(.home) section ul li{row-gap:var(--space-m)}body.single section ul a,body.page:not(.home) section ul a{font-size:var(--font-size-h3)}body.single main img,body.page:not(.home) main img{border-radius:var(--radius-xl);max-width:50vw;min-width:40rem}}/*# sourceMappingURL=style.css.map */