:root{--csstools-color-scheme--light:initial;color-scheme:light dark;--color-accent-50:#f3eee7;--color-accent-100:#e2ddd7;--color-accent-200:#d2cdc7;--color-accent-300:#b2ada7;--color-accent-400:#938e89;--color-accent-500:#696160;--color-accent-600:#4d4645;--color-accent-700:#332c2b;--color-accent-800:#1a1413;--color-accent-900:#050302;--color-grey-50:#eee;--color-grey-100:#dedede;--color-grey-200:#cecece;--color-grey-300:#aeaeae;--color-grey-400:#8f8f8f;--color-grey-500:#717171;--color-grey-600:#555;--color-grey-700:#3a3a3a;--color-grey-800:#222;--color-grey-900:#0b0b0b;--color-white:#fff;--color-black:#000;--color-accent:var(--color-accent-700);--color-bg:var(--color-accent-50);--color-bg-secondary:var(--color-accent-100);--color-text:var(--color-accent-900);--color-text-secondary:var(--color-accent-800);--color-button-bg:var(--color-accent-700);--color-button-bg--hover:var(--color-accent-600);--color-button-bg--active:var(--color-accent-800);--color-button-text:var(--color-accent-50);--color-button-text--hover:var(--color-accent-50);--color-button-text--active:var(--color-accent-50);--color-onpicture:var(--color-grey-50);--color-bg-onpicture:#0f0a0833;--color-overlay:#f5ede9b3;--color-overlay-fallback:#f5ede9e6;--color-shadow:#0f0a084d;--color-picture-border:var(--color-white);--color-text-on-picture-border:var(--color-black)}@media (prefers-color-scheme:dark){:root{--csstools-color-scheme--light: ;--color-accent:var(--color-accent-300);--color-bg:var(--color-accent-900);--color-bg-secondary:var(--color-accent-800);--color-text:var(--color-accent-100);--color-text-secondary:var(--color-accent-200);--color-button-bg:var(--color-accent-300);--color-button-bg--hover:var(--color-accent-400);--color-button-bg--active:var(--color-accent-200);--color-button-text:var(--color-accent-900);--color-button-text--hover:var(--color-accent-900);--color-button-text--active:var(--color-accent-900);--color-onpicture:var(--color-grey-50);--color-bg-onpicture:#0f0a0866;--color-overlay:#0f0a08b3;--color-overlay-fallback:#0f0a08e6;--color-shadow:#00000080;--color-picture-border:var(--color-accent-800);--color-text-on-picture-border:var(--color-accent-100)}}.light-theme:root{--color-accent:var(--color-accent-700);--color-bg:var(--color-accent-50);--color-bg-secondary:var(--color-accent-100);--color-text:var(--color-accent-900);--color-text-secondary:var(--color-accent-800);--color-button-bg:var(--color-accent-700);--color-button-bg--hover:var(--color-accent-600);--color-button-bg--active:var(--color-accent-800);--color-button-text:var(--color-accent-50);--color-button-text--hover:var(--color-accent-50);--color-button-text--active:var(--color-accent-50);--color-onpicture:var(--color-grey-50);--color-bg-onpicture:#0f0a0833;--color-overlay:#f5ede9b3;--color-overlay-fallback:#f5ede9e6;--color-shadow:#0f0a084d;--color-picture-border:var(--color-white);--color-text-on-picture-border:var(--color-black)}.dark-theme:root{--color-accent:var(--color-accent-300);--color-bg:var(--color-accent-900);--color-bg-secondary:var(--color-accent-800);--color-text:var(--color-accent-100);--color-text-secondary:var(--color-accent-200);--color-button-bg:var(--color-accent-300);--color-button-bg--hover:var(--color-accent-400);--color-button-bg--active:var(--color-accent-200);--color-button-text:var(--color-accent-900);--color-button-text--hover:var(--color-accent-900);--color-button-text--active:var(--color-accent-900);--color-onpicture:var(--color-grey-50);--color-bg-onpicture:#0f0a0866;--color-overlay:#0f0a08b3;--color-overlay-fallback:#0f0a08e6;--color-shadow:#00000080;--color-picture-border:var(--color-accent-800);--color-text-on-picture-border:var(--color-accent-100)}:root{--link-color:currentcolor;--link-color--hover:currentcolor;--link-color--active:currentcolor;--lightness:.8}::backdrop{--color-overlay:#f5ede9b3;--color-overlay-fallback:#f5ede9e6}@font-face{font-display:swap;font-family:Cinzel;font-style:normal;font-weight:400;src:url(/_astro/cinzel-latin-ext-400-normal.bAKzRVOf.woff2) format("woff2"),url(/_astro/cinzel-latin-ext-400-normal.CtweoiwC.woff) format("woff");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-display:swap;font-family:Cinzel;font-style:normal;font-weight:400;src:url(/_astro/cinzel-latin-400-normal.DGLLPQbV.woff2) format("woff2"),url(/_astro/cinzel-latin-400-normal.Bjd0dli_.woff) format("woff");unicode-range:u+00??,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-display:swap;font-family:Playfair Display;font-style:normal;font-weight:400;src:url(/_astro/playfair-display-cyrillic-400-normal.Bw4gXCin.woff2) format("woff2"),url(/_astro/playfair-display-cyrillic-400-normal.DIDQ5qyx.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Playfair Display;font-style:normal;font-weight:400;src:url(/_astro/playfair-display-vietnamese-400-normal.DP5NnYLI.woff2) format("woff2"),url(/_astro/playfair-display-vietnamese-400-normal.0Xrw1F2p.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Playfair Display;font-style:normal;font-weight:400;src:url(/_astro/playfair-display-latin-ext-400-normal.CDP9IHBB.woff2) format("woff2"),url(/_astro/playfair-display-latin-ext-400-normal.BpHmUUWd.woff) format("woff");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-display:swap;font-family:Playfair Display;font-style:normal;font-weight:400;src:url(/_astro/playfair-display-latin-400-normal.B74d1IHM.woff2) format("woff2"),url(/_astro/playfair-display-latin-400-normal.DC9_0-8q.woff) format("woff");unicode-range:u+00??,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-display:swap;font-family:Raleway;font-style:normal;font-weight:400;src:url(/_astro/raleway-cyrillic-ext-400-normal.zbv6uFvq.woff2) format("woff2"),url(/_astro/raleway-cyrillic-ext-400-normal.Ce31ewm7.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:400;src:url(/_astro/raleway-cyrillic-400-normal.5e4zmbXM.woff2) format("woff2"),url(/_astro/raleway-cyrillic-400-normal._3x-kIQx.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:400;src:url(/_astro/raleway-vietnamese-400-normal.CTw6K1Xj.woff2) format("woff2"),url(/_astro/raleway-vietnamese-400-normal.Dnv8EMCX.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:400;src:url(/_astro/raleway-latin-ext-400-normal.BPsnCyNw.woff2) format("woff2"),url(/_astro/raleway-latin-ext-400-normal.Bo7RAUwH.woff) format("woff");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-display:swap;font-family:Raleway;font-style:normal;font-weight:400;src:url(/_astro/raleway-latin-400-normal.2IY77EiR.woff2) format("woff2"),url(/_astro/raleway-latin-400-normal.CCdtiDxY.woff) format("woff");unicode-range:u+00??,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-display:swap;font-family:Titillium Web;font-style:normal;font-weight:200;src:url(/_astro/titillium-web-latin-200-normal.DrEUONOV.woff2) format("woff2"),url(/_astro/titillium-web-latin-200-normal.BW8GylXC.woff) format("woff")}@font-face{font-display:swap;font-family:Titillium Web;font-style:normal;font-weight:300;src:url(/_astro/titillium-web-latin-300-normal.s-jqhHo6.woff2) format("woff2"),url(/_astro/titillium-web-latin-300-normal.DNAHS399.woff) format("woff")}@font-face{font-display:swap;font-family:Titillium Web;font-style:normal;font-weight:400;src:url(/_astro/titillium-web-latin-400-normal.CZgtkewL.woff2) format("woff2"),url(/_astro/titillium-web-latin-400-normal.Vvkd3AOK.woff) format("woff")}@font-face{font-display:swap;font-family:Titillium Web;font-style:normal;font-weight:600;src:url(/_astro/titillium-web-latin-600-normal.DHyIPOJp.woff2) format("woff2"),url(/_astro/titillium-web-latin-600-normal.Dr3U_j_N.woff) format("woff")}@font-face{font-display:swap;font-family:Titillium Web;font-style:normal;font-weight:700;src:url(/_astro/titillium-web-latin-700-normal.Di5EoujO.woff2) format("woff2"),url(/_astro/titillium-web-latin-700-normal.CI17UwKE.woff) format("woff")}@font-face{font-display:swap;font-family:Titillium Web;font-style:normal;font-weight:900;src:url(/_astro/titillium-web-latin-900-normal.DnXbrTk3.woff2) format("woff2"),url(/_astro/titillium-web-latin-900-normal.Diz1dGqE.woff) format("woff")}@font-face{ascent-override:140%;font-family:Titillium Web-fallback;size-adjust:94.88%;src:local("Arial")}@font-face{ascent-override:79%;font-family:Playfair Display;size-adjust:113.94%;src:local("Times New Roman")}:root{--font-family:"Titillium Web","Titillium Web-fallback",sans-serif;--font-family-header:"Playfair Display",serif;--font-family-header-title:"Cinzel",serif;--font-family-header-subtitle:"Raleway",sans-serif;--font-family-handwriting:cursive;--font-family-monospace:monospace}@media (prefers-reduced-data:reduce){:root{--font-family:sans-serif}}:root{--font-size-s:clamp(.75rem,min(1.5vw,1vh),1rem);--font-size-m:clamp(1rem,min(2vw,1.5vh),1.5rem);--font-size-ml:clamp(1rem,min(2vw,2vh),1.5rem);--font-size-l:clamp(1.25rem,min(2.5vw,2vh),2rem);--font-size-xl:clamp(1.5rem,min(4vw,3vh),2.5rem);--font-size-header-s:clamp(1.25rem,min(2vw,1.5vh),1.5rem);--font-size-header-m:clamp(1.5rem,min(2.5vw,2vh),2rem);--font-size-header-l:clamp(1.5rem,min(5vw,5vh),2.5rem);--font-size-header-xl:2rem;--font-size-header-xxl:3rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-semi-bold:600;--font-weight-bold:700}@media (prefers-contrast:more){:root{--font-weight-light:300;--font-weight-normal:500}}:root{--border-radius:1.5rem;--max-line-length:100ch;--spacing-xs:.25em;--spacing-s:.5em;--spacing-m:1em;--spacing-l:2em;--spacing-xl:4em;--transition-color:color .3s ease;--img-hover:opacity(.9) brightness(var(--lightness)) contrast(110%);--mix-blend-mode:darken}@media (prefers-color-scheme:light){:root{--mix-blend-mode:lighten}}*,:after,:before{box-sizing:border-box}html{line-sizing:normal}body{margin:0}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.17rem}h4{font-size:1rem}h5{font-size:.83rem}h6{font-size:.67rem}h1{margin:.67em 0}pre{white-space:pre-wrap}hr{border-style:solid;border-width:1px 0 0;color:inherit;height:0;overflow:visible}audio,canvas,embed,iframe,img,object,svg,video{display:block;max-width:100%;vertical-align:middle}canvas,img,svg,video{height:auto}audio{width:100%}img{border-style:none}svg{overflow:hidden}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}@keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family),serif;font-size:var(--font-size-m);padding-block:env(safe-area-inset-top) env(safe-area-inset-bottom);padding-inline:env(safe-area-inset-left) env(safe-area-inset-right);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;accent-color:var(--color-accent);font-weight:var(--font-weight-normal)}blockquote{font-family:var(--font-family-header),serif;margin:unset}cite{display:block;margin-block-start:.25em;text-align:end}cite:before{content:" ~ "}.overlay{background:var(--color-overlay-fallback)}@supports ((-webkit-backdrop-filter:blur(30px) saturate(125%)) or (backdrop-filter:blur(30px) saturate(125%))){.overlay{-webkit-backdrop-filter:blur(30px) saturate(125%);backdrop-filter:blur(30px) saturate(125%);background:var(--color-overlay)}}.subtitle{font-family:var(--font-family-header),serif;font-size:var(--font-size-header-m);font-weight:var(--font-weight-light);text-align:center;text-wrap:balance}.vcard{display:grid;gap:var(--spacing-m) var(--spacing-m);grid-template:"name name name name" "photo . phone-1-link phone-1" "photo . email-link email" "photo . url-link url"/auto auto auto 1fr}.vcard>:is(picture,.photo){block-size:auto;grid-area:photo;justify-self:end;max-inline-size:5em}.vcard img.photo{aspect-ratio:1;border:2px solid;border-radius:50%;max-inline-size:5em;object-fit:cover}.vcard>.fn{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);grid-area:name}.vcard>.phone-1{grid-area:phone-1}.vcard>.email{grid-area:email;overflow:hidden;word-wrap:break-word}.vcard>.url{grid-area:url}.vcard>.phone-1-link{align-self:center;grid-area:phone-1-link}.vcard>.email-link{align-self:center;grid-area:email-link}.vcard>.url-link{align-self:center;grid-area:url-link}#header{block-size:100vh;block-size:100svb;display:grid;grid-template:[image-start] "." 1fr "logo" auto [image-end] "title" auto "subtitle" auto;place-items:end stretch}#header>.logo{background:var(--color-bg-onpicture);color:var(--color-onpicture);display:flex;grid-area:logo;justify-content:center;margin:0;padding-block:var(--spacing-xs) var(--spacing-s)}:is(#header>.logo)>.logo-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-block-end:var(--spacing-s);margin-block-start:var(--spacing-m)}:is(:is(#header>.logo)>.logo-container)>.logo-title{border-block-end:1px solid;font-family:var(--font-family-header-title);font-size:var(--font-size-header-xxl);font-weight:var(--font-weight-normal)}:is(:is(#header>.logo)>.logo-container)>.logo-subtitle{font-family:var(--font-family-header-subtitle);font-size:var(--font-size-header-m)}#header>.title{color:var(--color-text);font-family:var(--font-family-header);font-size:var(--font-size-header-xl);font-weight:var(--font-weight-normal);grid-area:title;margin-block-start:var(--spacing-m)}#header>.subtitle,#header>.title{text-align:center;text-wrap:balance}#header>.subtitle{color:var(--color-text-secondary);font-size:var(--font-size-header-s);font-weight:var(--font-weight-light);grid-area:subtitle;margin-block-end:var(--spacing-m)}#header>.carousel{align-self:stretch;display:flex;grid-area:image/1;overflow:hidden;position:relative;z-index:-1}#header .pause{cursor:pointer;inset-block-start:calc(var(--font-size-m)*1.3 + 2rem + var(--spacing-l));inset-inline-end:max(1vi,1rem);position:absolute;z-index:1}:is(#header .pause)>svg{stroke:currentcolor;fill:none}:is(#header .pause):hover{color:var(--color-accent)}#header .hero{--display:5s;--delay:calc((var(--nth-child) - 1)*var(--display));flex:0 0 100%;inset:0;position:absolute}@media (prefers-reduced-motion:no-preference){#header .hero{animation:carousel calc(var(--images)*var(--display)) ease var(--delay) infinite}}:is(#header .hero):not(:first-child){opacity:0}:is(#header .hero)>img{block-size:100%;inline-size:100%;object-fit:cover}.object-top{object-position:top}.object-center{object-position:center}.object-bottom{object-position:bottom}:is(#pause-hero-carousel:checked~.pause)>svg{stroke:none;fill:currentcolor}#pause-hero-carousel:checked~.carousel>.hero{animation-play-state:paused}@keyframes carousel{10%{opacity:1;transform:translate(0)}25%{opacity:1;transform:translate(0)}35%{opacity:0;transform:translate(-100%)}to{opacity:0;transform:translate(-100%)}}a.hamburger{background-color:initial;border-color:#0000;font-size:inherit;padding:.5rem}a.hamburger:is(:hover,:focus){border:unset}.dismiss{inset-block-end:2vb;inset-inline:0;padding:.5rem;position:fixed;transform:translateY(-100vb);transform-origin:top;transition:transform .3s ease-in-out}.dismiss,nav{display:flex;justify-content:center;z-index:10}nav>.hamburger{display:none}nav>ul{display:flex;gap:2em;list-style:none;padding:unset}nav a{border-block-end:1px solid #0000;color:currentcolor;padding-block:.5em;-webkit-text-decoration:none;text-decoration:none;transition:var(--transition-color);white-space:nowrap}:is(nav a):is(:hover,:focus){color:var(--color-accent)}nav .theme-toggle{align-items:center;background:#0000;border:none;border-radius:50%;color:currentcolor;cursor:pointer;display:flex;justify-content:center;padding:0;transition:background-color .3s ease}nav .theme-toggle:hover{background-color:var(--color-accent-200)}nav .theme-toggle svg{block-size:24px;inline-size:24px}body>nav{inline-size:100%;inset-block-start:0;position:fixed}:is(body>nav)>ul{background:var(--color-overlay-fallback);flex-grow:1;justify-content:center;margin:unset;padding-block:1em}@supports ((-webkit-backdrop-filter:blur(30px) saturate(125%)) or (backdrop-filter:blur(30px) saturate(125%))){:is(body>nav)>ul{-webkit-backdrop-filter:blur(30px) saturate(125%);backdrop-filter:blur(30px) saturate(125%);background:var(--color-overlay)}}:is(body>nav) a.active{border-image-source:linear-gradient(90deg,#0000 -25%,currentcolor 25%,currentcolor 75%,#0000 125%)}:is(body>nav) a:is(:hover,:focus){border-image-slice:1;border-image-source:linear-gradient(to right,#0000 -25%,var(--color-accent) 25%,var(--color-accent) 75%,#0000 125%);color:var(--color-accent)}:is(body>nav) a:focus-visible{outline:none}@media (width < 800px){body>nav{flex-direction:column;font-size:var(--font-size-l);inset:0;justify-content:start;pointer-events:none}:is(body>nav)>a.hamburger{background:var(--color-overlay-fallback);display:block;pointer-events:all}@supports ((-webkit-backdrop-filter:blur(30px) saturate(125%)) or (backdrop-filter:blur(30px) saturate(125%))){:is(body>nav)>a.hamburger{-webkit-backdrop-filter:blur(30px) saturate(125%);backdrop-filter:blur(30px) saturate(125%);background:var(--color-overlay)}}:is(body>nav)>ul{align-items:stretch;flex-direction:column;justify-content:start;padding:1rem;transform:scaleY(0);transform-origin:top;transition:transform .3s ease-in-out}:is(:is(body>nav)>ul) a{border:unset;display:block;text-align:center}:is(:is(body>nav)>ul) .theme-toggle{margin:0 auto;pointer-events:all}:is(body>nav):focus-within{pointer-events:all}:is(body>nav):focus-within>a.hamburger{pointer-events:none}:is(body>nav):focus-within>ul{transform:scaleY(1)}:is(:is(body>nav):focus-within>ul) a{pointer-events:all}:is(body>nav):focus-within+.dismiss{transform:translateY(0) scaleY(1)}}#photos{align-content:center;display:flex;flex-wrap:wrap;gap:var(--spacing-m);min-block-size:100vb;padding-block:var(--spacing-xl);padding-inline:var(--spacing-m)}#photos>a{display:grid;flex-grow:1;grid-template:"picture";inline-size:30%;max-block-size:calc(50vb - var(--spacing-xl));min-inline-size:min(300px,100lvb);text-align:center;-webkit-text-decoration:none;text-decoration:none}.primary:is(#photos>a){inline-size:calc(50% - var(--spacing-m))}:is(#photos>a)>h3{align-self:end;color:var(--color-onpicture);font-size:var(--font-size-header-l);grid-area:picture;margin:unset;padding-block-start:var(--spacing-xs);text-transform:uppercase;transform-origin:bottom;z-index:1}@media (prefers-reduced-motion:no-preference){:is(#photos>a)>h3{transition:all .5s ease}}:is(#photos>a)>picture{flex-grow:1;grid-area:picture;max-block-size:100%;overflow:hidden}:is(#photos>a) img{block-size:100%;filter:var(--img-hover);flex-grow:1;max-block-size:100%;object-fit:cover;object-position:center;transition:all .5s ease}:is(#photos>a):is(:focus-visible,:hover)>h3{transform:scaleY(0)}:is(#photos>a):is(:focus-visible,:hover) img{filter:unset}@media (prefers-reduced-motion:no-preference){:is(#photos>a):is(:focus-visible,:hover) img{transform:scale(1.2)}}#about{display:grid;gap:var(--spacing-m) var(--spacing-l);grid-template:"picture" "title" "p1" "p2" "p3" "subtitle" "button";min-block-size:100vb;padding-block:var(--spacing-xl) var(--spacing-l);padding-inline:var(--spacing-m)}#about>h2{grid-area:title;justify-self:center}#about>.image{background-color:var(--color-picture-border);border:.75rem solid var(--color-picture-border);display:grid;filter:drop-shadow(-.25rem .5rem .75rem var(--color-shadow));grid-area:picture;grid-template-columns:min-content;place-self:center center;transform:rotate(-5deg)}:is(#about>.image) img{inline-size:auto;max-block-size:35svb;min-inline-size:50vmin;object-fit:cover;object-position:top}:is(#about>.image)>blockquote{align-self:end;color:var(--color-text-on-picture-border);font-size:var(--font-size-ml);margin-block-start:.5rem;margin-inline:.5ch;text-wrap:balance;z-index:1}#about>p{margin-block:0}#about>p:not(.subtitle){text-align:justify}#about .subtitle{align-self:end;grid-area:subtitle}:is(#about .subtitle) small{font-size:var(--font-size-m)}#about .button{grid-area:button;place-self:start center}@media (width >= 800px){#about{grid-template:"picture title" "picture p1" "picture p2" "picture p3" "picture subtitle" "picture button"/minmax(min-content,1fr) minmax(auto,var(--max-line-length)) 1fr}#about>.image{margin-inline:var(--spacing-m)}#about>.image img{max-block-size:50svb;max-inline-size:min(50vi,90%);min-inline-size:25vi}#about>p{grid-column:2}}#contact{display:grid;gap:var(--spacing-l);grid-template:"header" auto "vcard" 1fr;justify-items:center;min-block-size:100vb;padding-block:var(--spacing-xl)}#contact>header{display:flex;flex-direction:column;gap:var(--spacing-l);grid-area:header}:is(#contact>header) img{max-block-size:max(30vb,25vi);object-fit:cover}:is(#contact>header)>.subtitle{font-size:var(--font-size-header-s);font-weight:var(--font-weight-light);padding-inline:var(--spacing-m);text-align:center}#contact>.vcard{align-self:center;grid-area:vcard;margin-inline:var(--spacing-l)}#contact .fn{font-family:var(--font-family-header);font-weight:var(--font-weight-normal)}#footer{background-color:var(--color-bg-secondary);color:var(--color-text-secondary);display:grid;font-size:var(--font-size-s);gap:var(--spacing-s) var(--spacing-m);grid-template:"social" "navigation" "logo" "copyright" "version" "lang";margin-block-start:var(--spacing-xl);padding-block:var(--spacing-l);padding-inline:var(--spacing-m);place-items:center center}#footer>.copyright{grid-area:copyright}#footer>.logo{grid-area:logo}:is(#footer>.logo)>.logo-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-block:var(--spacing-l)}:is(:is(#footer>.logo)>.logo-container)>.logo-title{border-block-end:1px solid;font-family:var(--font-family-header-title);font-size:var(--font-size-header-xl);font-weight:var(--font-weight-normal)}:is(:is(#footer>.logo)>.logo-container)>.logo-subtitle{font-family:var(--font-family-header-subtitle);font-size:var(--font-size-header-s)}#footer>.version{grid-area:version}#footer>.social{display:flex;gap:var(--spacing-m);grid-area:social}:is(#footer>.social) svg{inline-size:2em}#footer>nav{grid-area:navigation;z-index:unset}#footer>.lang-selector{grid-area:lang;margin-block-start:var(--spacing-m)}@media (width >= 800px){#footer{grid-template:"social logo logo logo navigation" "lang logo logo logo ." "lang copyright copyright copyright version";place-items:end center}:is(#footer>.logo)>.logo-container{margin-block:var(--spacing-m)}#footer>:is(nav,.version){justify-self:end}#footer>:is(.social,.lang-selector){justify-self:start}}.album{display:grid;gap:var(--spacing-s);grid-template-columns:repeat(auto-fit,minmax(100px,min(350px,calc(33vw - var(--spacing-m)*2))));grid-template-rows:masonry;justify-content:center;padding-block:var(--spacing-xl);padding-inline:var(--spacing-m)}.album h1{grid-column:1/-1;text-align:center}.album>a{background-color:var(--color-bg-secondary);overflow:hidden}.portrait:is(.album>a){grid-row:span 2}:is(.album>a) img{filter:var(--img-hover);object-fit:cover;object-position:top;transition:all .5s ease}@supports (not (grid-template-rows:masonry)){:is(.album>a) img{block-size:100%;inline-size:100%}}:is(.album>a):is(:focus-visible,:hover) img{filter:unset}@media (prefers-reduced-motion:no-preference){:is(.album>a):is(:focus-visible,:hover) img{transform:scale(1.2)}}#photo-dialog{--buttons-size:2rem}#photo-dialog>:is(a,button){align-items:center;background:none;border:none;display:flex;justify-content:center;position:fixed;transition:background .3s ease,opacity .3s ease}:is(#photo-dialog>:is(a,button)) svg{block-size:auto;inline-size:var(--buttons-size)}:is(#photo-dialog>:is(a,button)):is(:hover,:focus){opacity:1}#photo-dialog img{animation:appear .2s ease-out both;max-block-size:calc(100vh - 4em)}@media (prefers-reduced-motion:no-preference){#photo-dialog img{animation:fadein .2s ease-out both}}#close-dialog{aspect-ratio:1;border-radius:50%;inset-block-start:var(--spacing-m);inset-inline-end:var(--spacing-l);opacity:.7;z-index:1}#close-dialog:is(:hover,:focus){background:var(--color-overlay-fallback)}:is(#previous-photo,#next-photo){inline-size:calc(var(--buttons-size)*2);inset-block:0;opacity:.5}:is(#previous-photo,#next-photo):is(:hover,:focus){background:radial-gradient(circle at center,var(--color-overlay-fallback) calc(var(--buttons-size)*.9),#0000 var(--buttons-size))}:is(#previous-photo,#next-photo):focus-visible{outline:none}[href=""]:is(#previous-photo,#next-photo){display:none}#previous-photo{inset-inline-start:0}#next-photo{inset-inline-end:0}.lang-selector{align-items:center}.lang-selector,.lang-selector ul{display:flex;flex-direction:row;gap:var(--spacing-m)}.lang-selector ul{list-style:none;margin:unset;padding:unset}.lang-selector a{color:var(--color-text-secondary);-webkit-text-decoration:none;text-decoration:none}a{color:var(--link-color);text-underline-offset:.25em;transition:--transition-color}a:visited{color:inherit}a:is(:hover,:focus){color:var(--color-accent)}a:focus-visible{outline-offset:.5em}button:not(:disabled){cursor:pointer}.button{background-color:var(--color-button-bg);border-radius:var(--border-radius);box-shadow:var(--color-shadow) .1rem .25rem .25rem;padding-block:var(--spacing-s);padding-inline:var(--spacing-l);text-align:center;-webkit-text-decoration:none;text-decoration:none;transition:all .3s ease}.button,.button:visited{color:var(--color-button-text)}.button:hover{background-color:var(--color-button-bg--hover);box-shadow:var(--color-shadow) .2rem .35rem .35rem;color:var(--color-button-text--hover)}.button:active{background-color:var(--color-button-bg--active);box-shadow:var(--color-overlay) inset .15rem .15rem .5rem;color:var(--color-button-text--active)}dialog{background:#0000;border:none;overscroll-behavior:contain;padding:0}dialog::backdrop{background:var(--color-overlay-fallback)}@supports ((-webkit-backdrop-filter:blur(30px) saturate(125%)) or (backdrop-filter:blur(30px) saturate(125%))){dialog::backdrop{-webkit-backdrop-filter:blur(30px) saturate(125%);backdrop-filter:blur(30px) saturate(125%);background:var(--color-overlay)}}html:has(dialog[open]){overflow:hidden}:is(h1,h2,h3,h4,h5,h6){font-family:var(--font-family-header);font-weight:var(--font-weight-normal)}h1{font-size:var(--font-size-header-xl)}h2{font-size:var(--font-size-header-l)}h3{font-size:var(--font-size-header-m)}p{font-weight:var(--font-weight-light);max-inline-size:var(--max-line-length);text-align:justify}svg{block-size:auto;inline-size:1.3em}.screen-reader-text{block-size:1px;inline-size:1px;overflow:hidden;position:absolute;clip:rect(1px,1px,1px,1px);white-space:nowrap}.hidden{display:none}
