@layer plugins{code[class*=language-],pre[class*=language-]{color:#ccc;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:4;hyphens:none;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;line-height:1.5}pre[class*=language-]{margin:.5em 0 var(--sp-para);padding:1em;overflow:auto}pre[class*=language-]:before{background:var(--c-code-title);color:var(--c-code-title-text);text-transform:uppercase;border-radius:.2rem;margin:-.5rem -.5rem 1rem;padding:.2rem 1rem;font-size:.9rem;font-weight:700;display:block}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-]{white-space:normal;border-radius:.3em;padding:.1em}.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}}@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+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,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+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,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:#e4f0f6;--c-grey-m:#858ead;--c-grey-d:#47506b;--c-grey-xd:#14171f;--c-black:#040506;--c-red:oklch(68.49% .241 24.265);--c-red-m:#b84747;--c-red-d:oklch(53.82% .183 21.26);--c-yellow:#ffd333;--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:#006999;--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:#fbf9f4;--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{max-width:100%;display:block}img{height:auto}input,button,textarea,select{font:inherit}a,a:visited{cursor:pointer;color:var(--c-link);transition:all var(--speed-main) ease;line-height:1.8;text-decoration:underline}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);color:var(--el-bg);border:0}.list-links li>span{font-size:85%;display:block}.list-links li+li{margin-block-start:.25em}.list-links--inline{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.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{place-items:center;display:grid}.hiking-links a{text-underline-offset:.2em}.hiking-links li+li a{border-inline-start:2px solid color-mix(in oklab, var(--c-primary-off) 30%, transparent 100%);margin-inline-start:var(--space-2xs);padding-inline-start:var(--space-2xs);line-height:1}table{border-collapse:collapse;text-align:left;margin-block-start:var(--space-2xs)}table th,table td{border-inline-end:1px solid var(--feed-border-color,var(--border-color));padding-inline:.5rem}table th:first-child,table td:first-child{padding-inline-start:0}table th:last-child,table td:last-child{border-inline-end:0;padding-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))}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}:has(>.home-grid){container:home-grid/inline-size}.home-grid{gap:var(--space-m) var(--space-xl);display:grid}@container (width>=56rem){.home-grid{grid-template-columns:1fr 2fr}}.home-grid [data-col="1"]{border-block-end:var(--border-1);padding-block-end:var(--space-l)}@container (width>=56rem){.home-grid [data-col="1"]{border-block-end:0}}:has(>.content-grid){container:content-grid/inline-size}.content-grid{gap:var(--space-m) var(--space-xl);display:grid}@container (width>=56rem){.content-grid{grid-template-columns:2fr 1fr}}.content-grid [data-col="1"]{border-block-end:var(--border-1);padding-block-end:var(--space-l)}@container (width>=56rem){.content-grid [data-col="1"]{border-block-end:0;border-inline-end:var(--border-1);padding-inline-end:var(--space-xl)}}.btn,.btn:visited{padding:var(--space-2xs) var(--space-s);background:var(--c-primary);color:var(--c-white);border-radius:2em;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{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}.skip-link:focus{width:auto;height:auto;padding:var(--space-xs) var(--space-m);background-color:var(--c-grey-xd);color:var(--c-blue);left:0}#site-header{--sh-w-logo:175px;--sh-w-nav:300px;gap:var(--space-3xs) var(--space-m);padding-inline:var(--wrapper-main);padding-block:var(--space-xs);border-block-end:var(--border-3);background:var(--c-main-bg-alt);flex-wrap:wrap;justify-content:space-between;align-items:end;margin-block-end:var(--space-m);display:flex}#site-header>div{gap:var(--space-s);display:flex}#site-nav{min-inline-size:var(--sh-w-nav);gap:0 var(--space-s);flex-wrap:wrap;flex-grow:999;flex-basis:0;padding-block-end:var(--space-2xs);display:flex}#site-nav a{font-size:var(--step-0);text-underline-offset:.2rem;color:var(--c-link-reverse);text-decoration-thickness:.15rem}#site-nav a:hover,#site-nav a:focus,#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,.site-logo svg{object-fit:contain;width:100%;height:auto}.site-logo svg path:not(.tip){color:var(--c-red)}.site-logo svg path.tip{color:var(--c-white)}.site-toggles button{cursor:pointer;background:0 0;border:0}[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}#site-footer{--footer-bg:var(--c-red-d);place-items:center;gap:var(--space-s);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);margin-block-start:var(--space-m);display:grid}#site-footer ul{gap:var(--space-xs);flex-wrap:wrap;padding:0;list-style:none;display:flex}#site-footer ul a{color:currentColor}#site-footer ul a:hover,#site-footer ul a:focus{color:var(--c-grey-l)}#site-footer p{align-items:center;gap:var(--space-2xs);text-align:center;display:flex}.image-gallery{--image-min:200px;--image-max:800px;grid-template-columns:repeat(auto-fit, minmax(var(--image-min), 1fr));gap:1rem;display:grid}.image-gallery--xl{--image-min:350px;--image-max:1200px}.image-gallery__item img{aspect-ratio:4/3;object-fit:cover;object-position:center;width:100%;height:auto}.image-gallery__item .open{border:.2rem solid var(--c-link);cursor:pointer;background:0 0;margin:0;padding:0;transition:all .2s ease-in-out;overflow:hidden}.image-gallery__item .open:hover,.image-gallery__item .open:focus{border-color:var(--c-secondary)}.image-gallery__item .close{color:var(--c-grey-l);cursor:pointer;background:0 0;border:0;margin-block-start:2%;margin-inline-end:var(--wrapper-main);position:absolute;top:0;right:0}.image-gallery__item .close svg{object-fit:contain;width:2rem;height:auto}.image-gallery__item>div{padding:var(--space-l) var(--wrapper-main);background:#00000080;place-items:center;display:grid;position:fixed;inset:0}.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{background:var(--c-code-bg);color:var(--c-code-title-text);border-end-end-radius:var(--rad--2);border-end-start-radius:var(--rad--2);padding:.5em 1rem;line-height:1.5}.simple-gallery{--grid-size:10rem;grid-template-columns:repeat(auto-fill, minmax(var(--grid-size), 1fr));gap:var(--space-xs);grid-auto-rows:1fr;transition:all .3s;display:grid}.simple-gallery figure{min-height:var(--grid-size);grid-template-rows:1fr auto;grid-template-columns:1fr;transition:all .2s ease-in-out;display:grid;overflow:hidden}.simple-gallery figure figcaption{padding:var(--space-3xs) var(--space-s) var(--space-2xs);background:var(--c-primary-off);color:var(--c-code-title-text);font-size:var(--step-0);border-end-end-radius:var(--rad--2);border-end-start-radius:var(--rad--2);display:none}.simple-gallery button,.simple-gallery a{border:.2rem solid var(--c-primary-off);border-radius:var(--rad--1);cursor:pointer;background:0 0;position:relative;overflow:hidden}.simple-gallery button img,.simple-gallery a img{object-fit:cover;object-position:top left;width:100%;height:100%;position:absolute;inset:0}.sidebar-home-wrapper{container:sidebar-home/inline-size}.sidebar-home{--gap:1em;align-items:start;gap:var(--gap) var(--space-m);display:grid}.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{gap:var(--gap);display:grid}@container sidebar-home (width>=38rem){.sidebar-home{grid-template-columns:20rem 1fr}.sidebar-home h1{grid-column:1/-1}.sidebar-home .rounded-image{max-width:100%}}.post-item a{color:var(--c-text);text-decoration:none;display:block}.post-item a h3{text-underline-offset:.2em;text-decoration:underline .1em;transition:all .1s ease-in-out}.post-item a:hover h3,.post-item a:focus h3{color:var(--c-secondary);text-underline-offset:.1em;text-decoration-thickness:.2em}.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)}.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{flex-wrap:wrap;gap:.2rem .5rem;margin:0;padding:0;list-style:none;display:flex}.tags li{background-color:var(--c-grey-d);color:var(--c-white);font-size:var(--step--2);border-radius:2em;padding:0 1em;line-height:2}.tags a{color:var(--c-white)}.content-grid--collection{margin-block-start:var(--space-m)}@container content-grid (width>=56rem){.content-grid--collection{grid-template-columns:3fr 1fr}.collection-sidebar{grid-area:1/2}}.collection-sidebar *+h2{margin-block-start:var(--space-l)}.collection-sidebar summary{color:var(--c-text-alt);font-size:var(--step-3);cursor:pointer;font-weight:700}.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);z-index:-1;position:absolute;inset-inline-start:var(--border-size)}.collection-stats td.graph:before{width:calc(100% - var(--border-size));background:var(--c-blue-d);inset-block-start:var(--offset)}.collection-stats td.graph:after{width:calc(var(--percentage) - var(--border-size));background:var(--c-yellow);inset-block-start:var(--offset)}.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{gap:var(--space-2xs);grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));display:grid}@container content-grid (width>=56rem){.collection-cards{grid-area:1/1}}.collection-cards__card{cursor:pointer;grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr;display:grid}.collection-cards__card__image{aspect-ratio:2/3;object-fit:cover;object-position:center;grid-area:1/1/-1;width:100%;height:100%}.collection-cards__card__date{padding:var(--space-3xs) var(--space-xs);background:var(--c-blue-d);opacity:1;color:var(--c-white);grid-area:1/1;align-self:start;font-weight:700;transition:opacity .3s ease-in-out}.collection-cards__card__content{grid-area:1/1/-1;grid-template-rows:subgrid;padding:var(--space-m);opacity:0;background:color-mix(in oklab, var(--c-blue-d) 100%, transparent 10%);color:var(--c-white);gap:.8em;transition:opacity .3s ease-in-out;display:grid}.collection-cards__card__content h2,.collection-cards__card__content h3{line-height:1.2}.collection-cards__card__content h2{color:var(--c-yellow);font-size:var(--step-2);grid-area:2/1}.collection-cards__card__content h3{font-size:var(--step-0);grid-area:1/1;gap:.5rem;display:grid}.collection-cards__card__content table{grid-area:4/1}.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 (width<=48rem){.stats-sidebar{border-block-start:var(--border-1);margin-block-start:var(--space-xl);padding-block-start:var(--space-m)}}@media (width>=calc(48rem + 1px)){.section:has(.post-feed--hiking){gap:1em var(--space-m);grid-template-columns:1fr 20rem;display:grid}.section:has(.post-feed--hiking) h1{grid-column:1/-1}.stats-sidebar{border-inline-start:var(--border-1);padding-inline-start:var(--space-m)}}.post-feed{--feed-gap-x:var(--space-l);--feed-gap-y:var(--space-l);--feed-border-size:.3rem;--feed-border-color:var(--border-color);gap:calc(var(--feed-gap-y) * 2) calc(var(--feed-gap-x) * 2);grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));display:grid;overflow:hidden}.post-feed .post-item{position:relative}.post-feed .post-item:before{content:"";width:150%;height:var(--feed-border-size);background:var(--feed-border-color);position:absolute;inset-block-end:calc(var(--feed-gap-y) * -1);inset-inline:0}.post-feed .post-item:after{content:"";width:var(--feed-border-size);height:150%;inset-block:calc(var(--feed-gap-y) * -1);background:var(--feed-border-color);position:absolute;inset-inline-end:calc(var(--feed-gap-x) * -1)}.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{grid-template-columns:100%;display:grid}.small-feed .post-item+.post-item{border-block-start:var(--border-1);margin-block-start:var(--space-m);padding-block-start:var(--space-m)}.home-grid .post-feed{margin-block-end:var(--space-l)}.home-content h2{margin-block-end:var(--space-s)}.post-single{max-width:60rem;padding-block:var(--space-m);margin-inline:auto}.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{text-align:right;margin-block-start:var(--space-m)}}@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);border-radius:var(--rad-1) var(--rad-2) var(--rad-1);border:.5rem solid var(--c-blue-d);overflow:hidden}.rounded-image img{object-fit:cover;object-position:center;width:100%;height:100%}.image-border{border:.5rem solid var(--c-blue-d);border-radius:1.5rem}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@layer exceptions;.movies-list{gap:.5em;display:grid;container:movie-list/inline-size}.movies-list>h3 a{line-height:1.3}.movies-list h4{font-size:var(--step-0)}.movies-list ul{grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:.5em;margin:0;padding:0;list-style:none;display:grid}.movies-list ul li{display:grid}.movies-list ul li a{grid-template-rows:1fr repeat(2,auto) 1fr;grid-template-columns:75px 1fr;align-items:center;gap:.5em;line-height:1;text-decoration:none;display:grid}.movies-list ul li .movies-list__img{grid-area:1/1/-1;place-items:center;display:grid}.movies-list ul li .movies-list__img img{aspect-ratio:1;object-fit:cover;border:.3rem solid var(--border-color);border-radius:50%;width:100%;height:100%;overflow:hidden}.movies-list ul li .movies-list__title{grid-area:2/2;font-weight:700}.movies-list ul li .movies-list__date{color:var(--c-text);grid-area:3/2}