@layer plugins,global,composition,blocks,views,utilities,exceptions;@layer global{@font-face{font-family:Rubik;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/rubik-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/rubik-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--step--2: clamp(.6944rem, .6854rem + .0384vi, .72rem);--step--1: clamp(.8333rem, .8099rem + .1002vi, .9rem);--step-0: clamp(1rem, .956rem + .1878vi, 1.125rem);--step-1: clamp(1.2rem, 1.1274rem + .3099vi, 1.4063rem);--step-2: clamp(1.44rem, 1.3281rem + .4775vi, 1.7578rem);--step-3: clamp(1.728rem, 1.5628rem + .705vi, 2.1973rem);--step-4: clamp(2.0736rem, 1.8366rem + 1.0111vi, 2.7466rem);--step-5: clamp(2.4883rem, 2.1556rem + 1.4196vi, 3.4332rem);--step-6: clamp(2.986rem, 2.5263rem + 1.9614vi, 4.2915rem);--lh-base: 1.5;--font-main: "Rubik", sans-serif;--space-3xs: clamp(.31rem, calc(.31rem + 0vw) , .31rem);--space-2xs: clamp(.56rem, calc(.54rem + .11vw) , .63rem);--space-xs: clamp(.88rem, calc(.85rem + .11vw) , .94rem);--space-s: clamp(1.13rem, calc(1.08rem + .23vw) , 1.25rem);--space-m: clamp(1.69rem, calc(1.62rem + .34vw) , 1.88rem);--space-l: clamp(2.25rem, calc(2.16rem + .45vw) , 2.5rem);--space-xl: clamp(3.38rem, calc(3.24rem + .68vw) , 3.75rem);--space-2xl: clamp(4.5rem, calc(4.32rem + .91vw) , 5rem);--space-3xl: clamp(6.75rem, calc(6.48rem + 1.36vw) , 7.5rem);--space-3xs-2xs: clamp(.31rem, calc(.2rem + .57vw) , .63rem);--space-2xs-xs: clamp(.56rem, calc(.43rem + .68vw) , .94rem);--space-xs-s: clamp(.88rem, calc(.74rem + .68vw) , 1.25rem);--space-s-m: clamp(1.13rem, calc(.85rem + 1.36vw) , 1.88rem);--space-m-l: clamp(1.69rem, calc(1.39rem + 1.48vw) , 2.5rem);--space-l-xl: clamp(2.25rem, calc(1.7rem + 2.73vw) , 3.75rem);--space-xl-2xl: clamp(3.38rem, calc(2.78rem + 2.95vw) , 5rem);--space-2xl-3xl: clamp(4.5rem, calc(3.41rem + 5.45vw) , 7.5rem);--w-sm: 45rem;--w-md: 65rem;--w-lg: 75rem;--w-xl: 85rem;--wrapper-main: max( var(--sp-md, 2rem), (100% - calc(var(--w-xl) - var(--sp-md, 2rem) * 2)) / 2 );--rad--21: .25rem;--rad--1: .5rem;--rad-1: 1rem;--rad-2: 2rem;--rad-3: 3rem;--speed-fast: .1s;--speed-main: .2s;--c-white: oklch(100% 0 0);--c-grey-l: hsl(199, 50%, 93%);--c-grey-m: hsl(227, 19.6%, 60%);--c-grey-d: hsl(225, 20.2%, 34.9%);--c-grey-xd: hsl(224, 21.6%, 10%);--c-black: hsl(224, 21.6%, 2%);--c-red: oklch(68.49% .241 24.265);--c-red-m: hsl(0, 44.3%, 50%);--c-red-d: oklch(53.82% .183 21.26);--c-yellow: hsl(47, 100%, 60%);--c-orange: oklch(61.76% .155 52.62);--c-blue: oklch(55.01% .126 240.113);--c-blue-l: oklch(78.82% .118 240.113);--c-blue-m: hsl(199, 100%, 30%);--c-blue-d: oklch(30.29% .0691 240.123);--c-primary: var(--c-blue);--c-primary-off: var(--c-blue-d);--c-secondary: var(--c-red);--c-tertiary: var(--c-yellow);--c-quaternary: var(--c-orange);--c-main-bg: hsl(45, 50%, 97%);--c-main-bg-alt: color-mix( in oklab, var(--c-blue) 100%, var(--c-black) 100% );--c-link: var(--c-blue);--c-link-hover: var(--c-blue-d);--c-link-reverse: var(--c-blue-l);--c-link-reverse-hover: var(--c-tertiary);--c-text: var(--c-blue-d);--c-text-alt: var(--c-blue-m);--c-code-bg: var(--c-grey-xd);--c-code-title: var(--c-blue-m);--c-code-title-text: var(--c-grey-l);--border-color: var(--c-grey-d);--border-1: .5rem solid var(--border-color);--border-2: .2rem solid var(--c-grey-m);--border-3: .5rem solid var(--c-black)}[data-theme=dark]{--c-main-bg: var(--c-grey-xd);--c-text: var(--c-grey-l);--c-text-alt: var(--c-blue-l);--c-link: var(--c-blue-l);--c-link-hover: color-mix( in oklab, var(--c-blue), var(--c-white) 10% );--c-code-bg: var(--c-grey-xd);--c-code-title: var(--c-blue-m);--c-code-title-text: var(--c-grey-l);--border-color: var(--c-blue);--border-1: .5rem solid var(--border-color);--border-2: .2rem solid var(--c-grey-m)}}@layer composition{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{height:100%}body{min-height:100dvh;color:var(--c-text);font:var(--step-0)/1.5 var(--ff-main);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,button,input,label{line-height:1.3}h1,h2,h3,h4{text-wrap:balance}textarea:not([rows]){min-height:10em}ul[class],ol[class]{margin:0;padding:0;list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%}img{height:auto}input,button,textarea,select{font:inherit}}@layer composition{a,a:visited{cursor:pointer;color:var(--c-link);line-height:1.8;text-decoration:underline;transition:all var(--speed-main) ease}a:hover,a:focus,a:visited:hover,a:visited:focus{color:var(--c-link-hover)}h1{color:var(--c-text-alt);font-size:var(--step-5)}h1 strong{color:var(--c-red)}h2{color:var(--c-text-alt);font-size:var(--step-4)}h3{font-size:var(--step-3)}h4{font-size:var(--step-2)}h5{font-size:var(--step-1)}hr{--el-bg: var(--c-blue);height:.5em;margin-block:var(--space-m);background:var(--el-bg);border:0;color:var(--el-bg)}.list-links li>span{display:block;font-size:85%}.list-links li+li{margin-block-start:.25em}.list-links--inline{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.list-links--inline li+li{margin-block-start:0}.list-links--breadcrumb{gap:.5rem 1.5rem}.list-links--breadcrumb li{font-size:var(--step-1)}.list-links--breadcrumb a{text-underline-offset:.2em;text-decoration-thickness:.2em}.list-links--breadcrumb a[aria-current]{color:var(--c-link-hover)}.hiking-links{display:flex}.hiking-links li{display:grid;place-items:center}.hiking-links a{text-underline-offset:.2em}.hiking-links li+li a{margin-inline-start:var(--space-2xs);padding-inline-start:var(--space-2xs);border-inline-start:2px solid color-mix(in oklab,var(--c-primary-off) 30%,transparent 100%);line-height:1}table{margin-block-start:var(--space-2xs);border-collapse:collapse;text-align:left}table th,table td{padding-inline:.5rem;border-inline-end:1px solid var(--feed-border-color, var(--border-color))}table th:first-child,table td:first-child{padding-inline-start:0}table th:last-child,table td:last-child{padding-inline-end:0;border-inline-end:0}table thead th,table thead td{padding-block-end:.25rem}table thead tr{border-block-end:1px solid var(--feed-border-color, var(--border-color))}table tbody th,table tbody td{padding-block-start:.25rem}table tbody tr+tr{border-block-start:1px solid var(--feed-border-color, var(--border-color))}}@layer composition{html,body{height:100%}body{background:var(--c-main-bg);color:var(--c-text);font:400 var(--step-0)/1.5 var(--font-main)}#maincontent{padding-inline:var(--wrapper-main);padding-block-end:var(--space-m)}.flow>*+*{margin-block-start:1em}}@layer composition{*:has(>.home-grid){container:home-grid/inline-size}.home-grid{display:grid;gap:var(--space-m) var(--space-xl)}@container (min-width: 56rem){.home-grid{grid-template-columns:1fr 2fr}}.home-grid [data-col="1"]{padding-block-end:var(--space-l);border-block-end:var(--border-1)}@container (min-width: 56rem){.home-grid [data-col="1"]{border-block-end:0}}*:has(>.content-grid){container:content-grid/inline-size}.content-grid{display:grid;gap:var(--space-m) var(--space-xl)}@container (min-width: 56rem){.content-grid{grid-template-columns:2fr 1fr}}.content-grid [data-col="1"]{padding-block-end:var(--space-l);border-block-end:var(--border-1)}@container (min-width: 56rem){.content-grid [data-col="1"]{border-block-end:0;padding-inline-end:var(--space-xl);border-inline-end:var(--border-1)}}}@layer composition{.btn,.btn:visited{padding:var(--space-2xs) var(--space-s);background:var(--c-primary);border-radius:2em;color:var(--c-white);text-decoration:none}.btn:hover,.btn:focus,.btn:visited:hover,.btn:visited:focus{background:var(--c-primary-off);color:var(--c-white)}}@layer blocks{.skip-link{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{width:auto;height:auto;padding:var(--space-xs) var(--space-m);left:0;background-color:var(--c-grey-xd);color:var(--c-blue)}#site-header{--sh-w-logo: 175px;--sh-w-nav: 300px;display:flex;flex-wrap:wrap;gap:var(--space-3xs) var(--space-m);align-items:end;justify-content:space-between;padding-inline:var(--wrapper-main);padding-block:var(--space-xs);margin-block-end:var(--space-m);border-block-end:var(--border-3);background:var(--c-main-bg-alt)}#site-header>div{display:flex;gap:var(--space-s)}#site-nav{min-inline-size:var(--sh-w-nav);flex-basis:0;flex-grow:999;display:flex;flex-wrap:wrap;gap:0 var(--space-s);padding-block-end:var(--space-2xs)}#site-nav a{font-size:var(--step-0);text-underline-offset:.2rem;text-decoration-thickness:.15rem;color:var(--c-link-reverse)}#site-nav a:hover,#site-nav a:focus{color:var(--c-link-reverse-hover)}#site-nav a[aria-current=page],#site-nav a[aria-current=page]:hover,#site-nav a[aria-current=page]:focus{color:var(--c-link-reverse-hover)}.site-logo{max-inline-size:var(--sh-w-logo);flex-basis:var(--sh-w-logo);flex-grow:1}.site-logo img{width:100%;height:auto;object-fit:contain}.site-logo svg{width:100%;height:auto;object-fit:contain}.site-logo svg path:not(.tip){color:var(--c-red)}.site-logo svg path.tip{color:var(--c-white)}.site-toggles button{border:0;background:none;cursor:pointer}[data-theme=light] .site-toggles button{color:var(--c-link-reverse)}[data-theme=light] .site-toggles button:hover,[data-theme=light] .site-toggles button:focus{color:var(--c-link-reverse-hover)}[data-theme=light] .site-toggles svg{color:currentColor}[data-theme=light] .site-toggles .light{display:none}[data-theme=dark] .site-toggles svg{color:var(--c-yellow)}[data-theme=dark] .site-toggles .dark{display:none}}@layer blocks{#site-footer{--footer-bg: var(--c-red-d);display:grid;place-items:center;gap:var(--space-s);margin-block-start:var(--space-m);padding-inline:var(--wrapper-main);padding-block:var(--space-m);background:var(--footer-bg);border-block-start:clamp(.375rem,.261rem + .48vw,.625rem) solid color-mix(in oklab,var(--c-red),var(--c-black) 50%);color:var(--c-white)}#site-footer ul{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding:0;list-style:none}#site-footer ul a{color:currentColor}#site-footer ul a:hover,#site-footer ul a:focus{color:var(--c-grey-l)}#site-footer p{display:flex;align-items:center;gap:var(--space-2xs);text-align:center}}@layer blocks{.image-gallery{--image-min: 200px;--image-max: 800px;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--image-min),1fr));gap:1rem}.image-gallery--xl{--image-min: 350px;--image-max: 1200px}.image-gallery__item img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center}.image-gallery__item .open{padding:0;margin:0;border:.2rem solid var(--c-link);background:none;overflow:hidden;cursor:pointer;transition:all .2s ease-in-out}.image-gallery__item .open:hover,.image-gallery__item .open:focus{border-color:var(--c-secondary)}.image-gallery__item .close{position:absolute;top:0;right:0;margin-block-start:2%;margin-inline-end:var(--wrapper-main);background:none;border:0;color:var(--c-grey-l);cursor:pointer}.image-gallery__item .close svg{width:2rem;height:auto;object-fit:contain}.image-gallery__item>div{display:grid;place-items:center;position:fixed;inset:0;padding:var(--space-l) var(--wrapper-main);background:#00000080}.image-gallery__item>div[hidden]{display:none}.image-gallery__item>div img{max-width:var(--image-max)}.image-gallery__item figure{background:var(--c-grey-d)}.image-gallery__item figcaption{padding:.5em 1rem;background:var(--c-code-bg);border-end-start-radius:var(--rad--2);border-end-end-radius:var(--rad--2);color:var(--c-code-title-text);line-height:1.5}}@layer blocks{.simple-gallery{--grid-size: 10rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--grid-size),1fr));grid-auto-rows:1fr;gap:var(--space-xs);transition:.3s}.simple-gallery figure{min-height:var(--grid-size);display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;overflow:hidden;transition:all .2s ease-in-out}.simple-gallery figure figcaption{display:none;padding:var(--space-3xs) var(--space-s) var(--space-2xs);background:var(--c-primary-off);border-end-start-radius:var(--rad--2);border-end-end-radius:var(--rad--2);color:var(--c-code-title-text);font-size:var(--step-0)}.simple-gallery button,.simple-gallery a{position:relative;overflow:hidden;background:none;border:.2rem solid var(--c-primary-off);border-radius:var(--rad--1);cursor:pointer}.simple-gallery button img,.simple-gallery a img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:top left}}@layer blocks{.sidebar-home-wrapper{container:sidebar-home/inline-size}.sidebar-home{--gap: 1em;display:grid;align-items:start;gap:var(--gap) var(--space-m)}.sidebar-home .rounded-image{max-width:300px}.sidebar-home h1{font-size:var(--step-3)}.sidebar-home h2{font-size:var(--step-2)}.sidebar-home h3{font-size:var(--step-1);line-height:1.3}.sidebar-home__extras{display:grid;gap:var(--gap)}@container sidebar-home (min-width: 38rem){.sidebar-home{grid-template-columns:20rem 1fr}.sidebar-home h1{grid-column:1/-1}.sidebar-home .rounded-image{max-width:100%}}}@layer blocks{.post-item a{display:block;text-decoration:none;color:var(--c-text)}.post-item a h3{text-decoration:underline;text-decoration-thickness:.1em;text-underline-offset:.2em;transition:all .1s ease-in-out}.post-item a:hover h3,.post-item a:focus h3{color:var(--c-secondary);text-decoration-thickness:.2em;text-underline-offset:.1em}.post-item a:focus{border:3px solid var(--c-secondary);outline:0}.post-item>time{color:var(--c-text);font-weight:600}.post-item p{margin-block-start:.7em}.post-item--sm h3{font-size:var(--step-1)}.post-item .tags{margin:.5rem 0 .2rem}.post-item table{margin-block-start:var(--space-2xs)}.post-item table th,.post-item table td{font-size:var(--step--1)}[data-theme=dark] .post-item h3{color:var(--c-grey-m)}}@layer blocks{.html-example{padding:var(--space-m);background:var(--c-code-bg);border:.5rem solid color-mix(in oklab,var(--c-code-bg),var(--c-white) 20%);border-radius:.2rem}[data-theme=dark] .html-example{border-color:color-mix(in oklab,var(--c-code-bg),var(--c-white) 3%)}.series-block{padding:var(--space-m);background:var(--c-grey-l);border-radius:.3rem}[data-theme=dark] .series-block{background-color:color-mix(in oklab,var(--c-grey-xd),var(--c-white) 4%)}.tags{display:flex;flex-wrap:wrap;gap:.2rem .5rem;margin:0;padding:0;list-style:none}.tags li{padding:0 1em;background-color:var(--c-grey-d);border-radius:2em;color:var(--c-white);font-size:var(--step--2);line-height:2}.tags a{color:var(--c-white)}}.movies-list{container:movie-list/inline-size;display:grid;gap:.5em}.movies-list>h3 a{line-height:1.3}.movies-list h4{font-size:var(--step-0)}.movies-list ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:.5em;margin:0;padding:0;list-style:none}.movies-list ul li{display:grid}.movies-list ul li a{display:grid;gap:.5em;grid-template-columns:75px 1fr;grid-template-rows:1fr repeat(2,auto) 1fr;align-items:center;text-decoration:none;line-height:1}.movies-list ul li .movies-list__img{grid-column:1;grid-row:1/-1;display:grid;place-items:center}.movies-list ul li .movies-list__img img{width:100%;height:100%;aspect-ratio:1;object-fit:cover;border:.3rem solid var(--border-color);border-radius:50%;overflow:hidden}.movies-list ul li .movies-list__title{grid-column:2;grid-row:2;font-weight:700}.movies-list ul li .movies-list__date{grid-column:2;grid-row:3;color:var(--c-text)}@layer blocks{.content-grid--collection{margin-block-start:var(--space-m)}@container content-grid (min-width: 56rem){.content-grid--collection{grid-template-columns:3fr 1fr}}@container content-grid (min-width: 56rem){.collection-sidebar{grid-column:2;grid-row:1}}.collection-sidebar *+h2{margin-block-start:var(--space-l)}.collection-sidebar summary{color:var(--c-text-alt);font-size:var(--step-3);font-weight:700;cursor:pointer}.collection-sidebar h2{font-size:var(--step-2)}.collection-stats{width:100%}.collection-stats th,.collection-stats td{padding-block:var(--space-2xs)}.collection-stats th{width:30%}.collection-stats td{width:70%;position:relative}.collection-stats td.graph{--border-size: .4rem;--offset: var(--border-size);padding-inline-start:calc(var(--border-size) * 2.2)}.collection-stats td.graph:before,.collection-stats td.graph:after{content:"";height:calc(100% - var(--border-size) * 2);position:absolute;z-index:-1;inset-inline-start:var(--border-size)}.collection-stats td.graph:before{width:calc(100% - var(--border-size));inset-block-start:var(--offset);background:var(--c-blue-d)}.collection-stats td.graph:after{width:calc(var(--percentage) - var(--border-size));inset-block-start:var(--offset);background:var(--c-yellow)}.collection-tops,.collection-tops th,.collection-tops td{width:100%}.collection-tops th:last-child,.collection-tops td:last-child{min-width:2.5rem}[data-theme=dark] .collection-stats td.graph{color:var(--c-blue-d)}.collection-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:var(--space-2xs)}@container content-grid (min-width: 56rem){.collection-cards{grid-column:1;grid-row:1}}.collection-cards__card{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;cursor:pointer}.collection-cards__card__image{width:100%;height:100%;aspect-ratio:2/3;grid-column:1;grid-row:1/-1;object-fit:cover;object-position:center}.collection-cards__card__date{grid-column:1;grid-row:1;align-self:start;padding:var(--space-3xs) var(--space-xs);background:var(--c-blue-d);opacity:1;transition:opacity .3s ease-in-out;color:var(--c-white);font-weight:700}.collection-cards__card__content{grid-column:1;grid-row:1/-1;display:grid;grid-template-rows:subgrid;gap:.8em;padding:var(--space-m);opacity:0;transition:opacity .3s ease-in-out;background:color-mix(in oklab,var(--c-blue-d) 100%,transparent 10%);color:var(--c-white)}.collection-cards__card__content h2,.collection-cards__card__content h3{line-height:1.2}.collection-cards__card__content h2{grid-column:1;grid-row:2;color:var(--c-yellow);font-size:var(--step-2)}.collection-cards__card__content h3{grid-column:1;grid-row:1;display:grid;gap:.5rem;font-size:var(--step-0)}.collection-cards__card__content table{grid-column:1;grid-row:4}.collection-cards__card.active .collection-cards__card__content{opacity:1}.collection-cards__card.active .collection-cards__card__date{opacity:0}}@layer views{.section:has(.post-feed) h1{margin-block-end:var(--space-s)}@media(max-width:48rem){.stats-sidebar{margin-block-start:var(--space-xl);padding-block-start:var(--space-m);border-block-start:var(--border-1)}}@media (min-width: calc(48rem + 1px)){.section:has(.post-feed--hiking){display:grid;gap:1em var(--space-m);grid-template-columns:1fr 20rem}.section:has(.post-feed--hiking) h1{grid-column:1/-1}.stats-sidebar{padding-inline-start:var(--space-m);border-inline-start:var(--border-1)}}.post-feed{--feed-gap-x: var(--space-l);--feed-gap-y: var(--space-l);--feed-border-size: .3rem;--feed-border-color: var(--border-color);display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:calc(var(--feed-gap-y) * 2) calc(var(--feed-gap-x) * 2);overflow:hidden}.post-feed .post-item{position:relative}.post-feed .post-item:before{content:"";width:150%;height:var(--feed-border-size);position:absolute;inset-block-end:calc(var(--feed-gap-y) * -1);inset-inline:0;background:var(--feed-border-color)}.post-feed .post-item:after{content:"";width:var(--feed-border-size);height:150%;position:absolute;inset-block:calc(var(--feed-gap-y) * -1);inset-inline-end:calc(var(--feed-gap-x) * -1);background:var(--feed-border-color)}.post-feed--wide-first .post-item:first-child{grid-column:1/-1;padding-block-end:var(--space-s)}.post-feed--wide-first .post-item:first-child h3{font-size:var(--step-4)}.small-feed{display:grid;grid-template-columns:100%}.small-feed .post-item+.post-item{margin-block-start:var(--space-m);padding-block-start:var(--space-m);border-block-start:var(--border-1)}}@layer views{.home-grid .post-feed{margin-block-end:var(--space-l)}.home-content h2{margin-block-end:var(--space-s)}}@layer views{.post-single{max-width:60rem;margin-inline:auto;padding-block:var(--space-m)}.post-single time{color:var(--c-text);font-weight:600}.post-single .tags{margin-block-start:.5rem}.post-single .tags+h1{margin-block-start:.2em}figure:has(blockquote){margin-block:var(--space-l);padding:var(--space-xs) var(--space-s);border-inline-start:.6rem solid var(--c-primary);background:color-mix(in oklab,var(--c-main-bg) 100%,var(--c-code-bg) 5%)}figure:has(blockquote) blockquote{font-style:italic}figure:has(blockquote) figcaption{margin-block-start:var(--space-m);text-align:right}}@layer utilities{.rounded-image{--rad-1: clamp(5rem, 4.648rem + 1.5vw, 6rem);--rad-2: clamp(3rem, 2.648rem + 1.5vw, 4rem);--rad-3: clamp(1rem, .648rem + 1.5vw, 2rem);overflow:hidden;border-radius:var(--rad-1) var(--rad-2) var(--rad-1);border:.5rem solid var(--c-blue-d)}.rounded-image img{width:100%;height:100%;object-fit:cover;object-position:center}.image-border{border-radius:1.5rem;border:.5rem solid var(--c-blue-d)}}@layer utilities{.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}@layer plugins{code[class*=language-],pre[class*=language-]{color:#ccc;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0 var(--sp-para);overflow:auto}pre[class*=language-]:before{display:block;padding:.2rem 1rem;margin:-.5rem -.5rem 1rem;background:var(--c-code-title);border-radius:.2rem;color:var(--c-code-title-text);font-size:.9rem;font-weight:700;text-transform:uppercase}pre[class*=html]:before{content:"html"}pre[class*=css]:before{content:"css"}pre[class*=js]:before{content:"js"}:not(pre)>code[class*=language-],pre[class*=language-]{background:var(--c-code-bg);border:.5rem solid color-mix(in oklab,var(--c-code-bg),var(--c-white) 20%);border-radius:.2rem}[data-theme=dark] :not(pre)>code[class*=language-],[data-theme=dark] pre[class*=language-]{border-color:color-mix(in oklab,var(--c-code-bg),var(--c-white) 8%)}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}}