:root{--color-bg:white;--color-bg-light:#f5f5f5;--color-border:#e7e7e7;--color-red:#f37c14;--color-orange:#ffb33d;--color-teal:#229fa3;--color-blue:#548feb;--color-text:#1a1a1a;--color-text-light:#333;--color-bg-red:color-mix(in oklab, var(--color-red) 10%, transparent);--color-bg-orange:color-mix(in oklab, var(--color-orange) 10%, transparent);--color-bg-teal:color-mix(in oklab, var(--color-teal) 10%, transparent);--color-bg-blue:color-mix(in oklab, var(--color-blue) 10%, transparent);--brand-dim:1.875rem;--content-inline-padding:max(1.5rem, calc(50% - 40rem));--medium-gap:1rem;--wide-gap:calc(var(--medium-gap) * 3 / 2);--big-gap:calc(var(--medium-gap) * 2);--tight-gap:calc(var(--medium-gap) * 3 / 4);--separator-gap:calc(var(--medium-gap) / 2);--noise-filter:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.2' numOctaves='1' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")}html{font-family:hanken grotesk,sans-serif;height:100%}body{margin:0;min-width:360px;min-height:100%;display:flex;flex-direction:column;& > main { flex: 1; border-block-start: thin solid var(--color-teal); & > .intro { padding-block: 3rem; } & > h1.intro { margin-block-start: 0; font-size: 3em; } & > header.intro { font-size: 1.5em; } }}menu{margin-block:unset;a { display: block; text-decoration: none; }}menu,.cards,.buttons,ul.entities,ul.pagination,ul#funding,ul#logos{list-style-type:none;padding-inline-start:unset}menu,ul#attachments,ul.pagination{a { color: var(--color-text); }}img,picture,video,svg{max-width:100%;display:block}address{font-style:normal}dd{margin-inline-start:0}iframe{max-width:100%;border:none}section>header>h2{font-size:2em}h1,h2,h3,h4{font-weight:400;a { color: var(--color-text); }}h3{font-size:1.25em}div.icon{border-radius:50%;padding:var(--medium-gap);svg { background-color: revert; }}div.icon>svg,svg.icon{width:1.25rem}div.icon,svg.socials,#involvement svg.icon,#footer-contacts svg,#values svg.icon{color:var(--block-color);background-color:color-mix(in srgb,var(--block-color) 10%,transparent)}svg.socials,#involvement svg.icon,#values svg.icon{width:var(--brand-dim);height:var(--brand-dim);padding:calc(var(--big-gap) - var(--brand-dim)/2);border-radius:.75rem}#options svg.icon{width:2rem}:is(#attachments,#funding) svg.icon{width:1.5rem}#hero,img.rounded{border-radius:1.25rem}#error{--block-color:var(--color-red);padding-inline:var(--content-inline-padding);padding-block:clamp(3rem,6vw,6rem);display:grid;place-items:center;text-align:center;& > .card { width: fit-content; padding: clamp(1.5rem, 5vw, 3.5rem); border-radius: 2rem; border-color: var(--block-color); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); } .code { margin: 0; letter-spacing: 0.06em; font-size: clamp(3.25rem, 12vw, 6rem); font-weight: 700; color: var(--block-color); } h1 { margin: var(--medium-gap) 0 0; font-size: clamp(1.75rem, 4vw, 2.75rem); } .message { font-size: 1.25rem; color: var(--color-text-light); } p.button { margin: var(--big-gap) 0 0; }}#gallery{display:grid;gap:var(--separator-gap);grid-template-columns:repeat(3,1fr);img { aspect-ratio: 3/2; object-fit: cover; }}.status-tag{padding:var(--separator-gap)1.25rem;border:thin solid var(--color-teal);border-radius:2.5rem;display:none;&.active { background-color: var(--color-bg); display: revert; } &.archived { color: var(--color-bg); background-color: var(--color-teal); display: revert; }}#site-header>#nav-panel a.active{text-decoration:underline;color:var(--color-teal)}ul.buttons{display:flex;flex-direction:column;justify-content:center;gap:var(--separator-gap);align-items:center}section>p.button>a{margin:auto}ul.buttons a,p.button>a{display:block;width:fit-content;padding:var(--medium-gap)var(--big-gap);text-decoration:none;border-radius:999px;border:2px solid var(--color-border);background:var(--color-bg);color:var(--color-text);transition:transform 140ms ease,box-shadow 140ms ease}@media(hover:hover) and (pointer:fine){:is(ul.buttons,p.button,#footer-socials,#footer-links) a:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.12)}:is(ul.buttons,p.button,#footer-socials,#footer-links) a:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,.1)}}:is(ul.buttons,p.button).hidden{display:none}.column{display:flex;flex-direction:column;gap:var(--medium-gap)}.column>:where(p,h1,h2,h3,h4,h5,h6,ul,ol,header,footer){margin:0}.scroll-row{display:grid;grid-auto-flow:column;grid-auto-columns:85%;gap:var(--medium-gap);overflow-x:auto;scroll-snap-type:x mandatory;padding-inline:var(--content-inline-padding);scroll-padding-inline:var(--content-inline-padding);& > li { min-width: 0; scroll-snap-align: start; }}ul.pagination{display:flex;justify-content:center;gap:var(--big-gap);margin:var(--big-gap)}img.split-support{display:none}:is(ul.buttons,p.button) a:has(svg),a:has(svg){display:flex;gap:var(--separator-gap);align-items:center}a>svg{flex:none}#site-header,#site-footer,ul.entities,#home>section,main>.intro,main.page>section,main.detail,main.section>div.content,address#contacts{padding-inline:var(--content-inline-padding)}:where(#home,.page)>section{padding-block:var(--big-gap)}main>section:last-child{padding-block-end:3rem}#site-header,#site-footer{border-top:6px solid;border-image:linear-gradient( to right,var(--color-red) 0 25%,var(--color-orange) 25% 50%,var(--color-teal) 50% 75%,var(--color-blue) 75% 100% )1}#site-header{position:sticky;top:0;background:var(--color-bg);z-index:10;padding-block:1.25rem;display:flex;justify-content:space-between;align-items:center;.logo { height: 2.5rem; } & > #menu-toggle { & > input { display: none; } svg line { stroke: var(--color-text); stroke-width: 3; transition: transform 0.3s; transform-origin: center; } & > input:checked { & ~ svg .top { transform: rotate(45deg) translateY(10px); } & ~ svg .mid { opacity: 0; } & ~ svg .bot { transform: rotate(-45deg) translateY(-10px); } } &:has(input:checked) ~ #nav-panel { height: 100vh; } } & > #nav-panel { position: absolute; top: calc(100% + 1px); left: 0; right: 0; background: var(--color-bg); z-index: 1; height: 0; transition: height 0.5s ease-out; overflow-y: auto; display: flex; flex-direction: column; gap: var(--medium-gap); a { padding: var(--separator-gap) var(--medium-gap); color: var(--color-text); } & > #site-nav { padding: 0 var(--medium-gap); a { border-bottom: 1px solid var(--color-text); svg { display: none; } } li > menu { padding-inline-start: revert; } } & > #lang-switcher { --radius: 50px; margin-inline: auto; padding: 0; width: fit-content; border-radius: var(--radius); border: thin solid var(--color-teal); display: flex; justify-content: center; align-items: center; a { border-radius: var(--radius); color: var(--color-teal); font-weight: 700; &.active, &:hover { background: var(--color-teal); color: var(--color-bg); } } } }}#site-footer{padding-block-start:5rem;display:flex;flex-direction:column;gap:var(--wide-gap);color:var(--color-text);h2 { font-size: 1rem; margin-block: 0 var(--wide-gap); font-weight: bold; } .logo { height: 4rem; } #footer-socials { display: flex; gap: var(--tight-gap); svg.socials { color: var(--color-text-light); background: var(--color-bg-light); } } #footer-links { menu { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: var(--medium-gap); } a { background-color: var(--color-bg-light); padding: var(--medium-gap); border-radius: 1rem; flex-direction: column; justify-content: center; align-items: start; } } #footer-contacts { li:nth-child(3n + 1) { --block-color: var(--color-teal); } li:nth-child(3n + 2) { --block-color: var(--color-blue); } li:nth-child(3n + 3) { --block-color: var(--color-red); } a { color: var(--color-text-light); gap: var(--tight-gap); svg { padding: var(--separator-gap); border-radius: 35%; } } } #footer-copyright { text-align: center; border-top: 1px solid var(--color-text-light); font-size: 0.5rem; color: var(--color-text-light); margin-block-end: 0; a { color: inherit; } }}#home{line-height:1.625;p { margin-block: 0; color: var(--color-text-light); } & > section { &:has(.scroll-row) { padding-inline: 0; & > header { padding-inline: var(--content-inline-padding); } } & > header { text-align: center; margin-block-end: 3rem; h2 { margin-block: 0; } } }}#about{padding:4rem var(--separator-gap);display:grid;gap:var(--wide-gap); #featured { color: var(--color-text); font-size: 1.375rem; } #hero { grid-row: 2; height: 25rem; object-fit: cover; }}#activities{ul#activitylist { & > li { position: relative; padding: unset; border-radius: 2rem; overflow: hidden; .content { padding: var(--big-gap); h3 { margin-block: 0 var(--medium-gap); color: var(--color-text); } } div.icon { position: absolute; top: 1rem; right: 1rem; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); color: var(--color-bg); } &:nth-child(1) > .icon { background-color: var(--color-red); } &:nth-child(2) > .icon { background-color: var(--color-teal); } &:nth-child(3) > .icon { background-color: var(--color-blue); } &:nth-child(4) > .icon { background-color: var(--color-orange); } } }}.cards>li,.card{padding:var(--medium-gap);border:thin solid var(--color-border);border-radius:1rem;background:var(--color-bg);h3 { margin: 0; }}ul.elevated-cards>li,#join-donate{box-shadow:0 2px 4px rgba(0,0,0,.1)}#involvement{ #donate { --block-color: var(--color-red); iframe { margin-block: var(--medium-gap); border: thin solid var(--block-color); border-radius: 1rem; } svg { margin-inline: auto; } } .card, ul.cards > li { & > h3 { font-size: 1.5em; } } li { background: radial-gradient( circle at top right, color-mix(in srgb, var(--block-color) 10%, var(--color-bg)) 0 25%, var(--color-bg) 5.1% ); } li:nth-child(3n + 1) { --block-color: var(--color-teal); } li:nth-child(3n + 2) { --block-color: var(--color-blue); } li:nth-child(3n + 3) { --block-color: var(--color-orange); }}#stay-connected{ #socials-newsletter { --block-color: var(--color-orange); a { margin: var(--medium-gap) auto 0; } } li, .card { border-color: var(--block-color); } li:nth-child(3n + 1) { --block-color: var(--color-red); } li:nth-child(3n + 2) { --block-color: var(--color-teal); } li:nth-child(3n + 3) { --block-color: var(--color-blue); } li a { color: var(--block-color); }}#home :is(#involvement,#stay-connected)>ul.cards{display:grid;grid-auto-flow:row;gap:var(--medium-gap);& > li { display: grid; grid-template-columns: auto 1fr; grid-template-areas: "icon term" "icon def" "icon link"; column-gap: var(--medium-gap); align-items: center; svg { grid-area: icon; } h3 { grid-area: term; } p { grid-area: def; } a { grid-area: link; } }}#contacts>dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--wide-gap);padding:0;margin-block-end:var(--big-gap);& > .dl-item { border: thin solid var(--block-color); border-radius: 2em; padding: 5rem; text-align: center; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); font-size: 1.5em; dd, a { color: var(--block-color); } svg { width: 2.5em; height: 2.5em; margin-inline: auto; margin-bottom: var(--separator-gap); color: var(--block-color); } &:nth-child(4n + 1) { --block-color: var(--color-red); } &:nth-child(4n + 2) { --block-color: var(--color-orange); } &:nth-child(4n + 3) { --block-color: var(--color-blue); } &:nth-child(4n + 4) { --block-color: var(--color-teal); } }}ul.entities{display:grid;gap:var(--big-gap);grid-template-columns:1fr;margin-block-end:var(--big-gap);article { box-sizing: border-box; height: 100%; padding: var(--wide-gap); border-radius: 2rem; background-color: var(--color-bg); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); h2 > a { color: var(--color-text); } .timeline { display: flex; flex-direction: column; } }}#projects{article { border: thin solid var(--color-teal); header { display: flex; gap: var(--medium-gap); align-items: center; } h2 { flex: 1; } }}#project{section.timeline { font-size: 1.25em; } section#project-partners { padding: var(--wide-gap) var(--big-gap); margin-block: var(--medium-gap); height: fit-content; border: thin solid var(--color-teal); border-radius: 1rem; h2 { font-weight: normal; margin-block: 0; color: var(--color-text-light); } #logos { display: flex; flex-direction: column; gap: var(--separator-gap); } img.partner-logo { aspect-ratio: 1 / 1; object-fit: scale-down; background-color: var(--color-bg); } } #linked-events { --block-color: var(--color-teal); } #linked-news { --block-color: var(--color-blue); } .cards li { padding: var(--medium-gap); article { gap: var(--tight-gap); } time { display: flex; gap: var(--separator-gap); align-items: center; color: var(--block-color); } a { color: var(--color-text); } } & > p { font-size: 1.125rem; }}.news{border:thin solid var(--block-color);& > header { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: var(--medium-gap); .news-tag { background-color: var(--block-color); padding: var(--separator-gap) 1.25rem; border-radius: 2.5rem; } } & > section a { color: var(--block-color); }}.news-resource{--block-color:var(--color-orange)}.news-news{--block-color:var(--color-blue)}.news-report{--block-color:var(--color-red)}ul#attachments{display:flex;flex-wrap:wrap;a { border-radius: 1rem; display: flex; justify-content: center; align-items: center; gap: var(--separator-gap); }}#events,#join-events{--block-color:var(--color-teal);article { header { display: flex; justify-content: space-between; align-items: center; } & > div { flex: 1; } footer { display: flex; gap: var(--medium-gap); .location, .language { display: flex; align-items: center; gap: var(--separator-gap); } } }}#join-events>ul.entities{padding-inline:0; :is(p, h2) { font-size: revert; }}main.detail{padding-block:var(--big-gap)}#info{--block-color:var(--color-teal);padding:var(--wide-gap)var(--big-gap);margin-block:var(--medium-gap);height:fit-content;border:1px solid var(--color-teal);border-radius:1rem;dt { color: var(--color-text-light); } hr { width: 100%; } ul.buttons { flex-direction: column; gap: var(--separator-gap); &>li { width: 100%; } } :is(ul.buttons, p.button) a { box-sizing: border-box; width: 100%; justify-content: center; text-align: center; }}#join-donate #funding>li,#info>.attributes>.dl-item{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon term" "icon def";column-gap:var(--medium-gap);align-items:start;div.icon { grid-area: icon; } & > h3, & > dt { grid-area: term; } & > p, & > dd { grid-area: def; margin-block: 0; }}#partners{img { aspect-ratio: 1 / 1; width: 100%; height: auto; object-fit: scale-down; }}#team{display:grid;grid-template-columns:1fr;article { position: relative; height: 640px; cursor: pointer; padding: unset; h2 { font-size: 2.25em; } h2, h3 { margin: unset; } .front, .back { position: absolute; backface-visibility: hidden; transition: ease-in-out 0.4s; } .front { inset: 0; } .back { transform: rotateY(-180deg); inset: var(--big-gap); display: flex; flex-direction: column; p { margin-block-end: auto; } } .overlay { position: absolute; bottom: 0; margin: var(--big-gap); color: var(--color-bg); } img { object-fit: cover; height: 100%; border-radius: 2rem; } a { display: flex; gap: var(--separator-gap); color: inherit; } &.flipped { border: 1px solid var(--color-teal); .front { transform: rotateY(180deg); } .back { transform: rotateY(0deg); } } }}main.section>div.content{--block-color:var(--color-teal);align-items:center;margin-block:4rem;font-size:1.5rem;text-align:center;gap:var(--wide-gap);p { color: var(--color-text-light); }}.page{h2 { font-size: 3em; } p { color: var(--color-text-light); } section p { font-size: 1.25em; }}#about-us h3{font-size:2em}#join-us p.button{font-size:revert}#about ul.buttons>li:first-child>a,#vision p.button>a{--gradient-color:linear-gradient(
    90deg,
    var(--color-orange) 0%,
    var(--color-red) 100%
  );background:var(--gradient-color);color:var(--color-bg)}#documents ul.buttons a,p.button.emphasized>a,ul.buttons.emphasized li:first-child:not(:only-child)>a{background-color:var(--block-color);color:var(--color-bg)}ul.buttons.emphasized li:nth-child(2)>a{border-color:var(--block-color);color:var(--block-color)}:is(#join-partners,#introduction) :is(ul.buttons,p.button) a{--gradient-target:color-mix(in srgb, var(--block-color) 80%, black);--gradient-color:linear-gradient(
    90deg,
    var(--block-color),
    var(--gradient-target)
  );background:var(--gradient-color);color:var(--color-bg)}.intro,#story,#introduction>h2,#donate,#socials-newsletter,#featured{text-align:center}#join-volunteer{--block-color:var(--color-orange); #tags { display: flex; flex-wrap: wrap; list-style-type: none; gap: var(--separator-gap); padding-inline-start: 0; li { padding: var(--separator-gap) var(--tight-gap); border-radius: 3rem; border: thin solid var(--block-color); color: var(--block-color); } }}#join-partners{--block-color:var(--color-blue);& > ul#options { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: clamp(var(--tight-gap), calc(100vw * 3 / 128 - 6px), var(--wide-gap)); & > li { display: flex; flex-direction: column; gap: var(--separator-gap); align-items: center; p { margin-block: 0; text-align: center; font-size: revert; } } }}#join-donate{--block-color:var(--color-red);& > div.card { border-radius: 3.5rem; h2 { text-align: center; } ul#funding { margin-block: revert; } iframe { margin: var(--big-gap) auto; border: thin solid var(--block-color); border-radius: 1rem; } }}ul#values{display:grid;gap:var(--medium-gap);& > li { display: flex; gap: var(--medium-gap); align-items: center; &:nth-child(3n + 1) { --block-color: var(--color-red); } &:nth-child(3n + 2) { --block-color: var(--color-teal); } &:nth-child(3n + 3) { --block-color: var(--color-blue); } }}ul#introductionlist{display:grid;gap:var(--big-gap);& > li { &:first-child { --block-color: var(--color-teal); } &:last-child { --block-color: var(--color-blue); } p { font-size: 1.25em; } }}#documents{.buttons a { font-size: 1.75rem; } li:nth-child(3n + 1) { --block-color: var(--color-red); } li:nth-child(3n + 2) { --block-color: var(--color-teal); } li:nth-child(3n + 3) { --block-color: var(--color-blue); }}main>.intro{background-image:url(/bg-top.svg);background-size:cover;background-position:50%;background-repeat:no-repeat}#home>:is(#about,#stay-connected){background-size:cover;background-position:50%;background-repeat:no-repeat}#home{ #about { background-image: url("/bg-top.svg"); } #activities { background: radial-gradient( ellipse closest-side at 90% 30%, var(--color-bg-red), transparent ), radial-gradient( ellipse 100% 50% at bottom left, color-mix(in srgb, var(--color-blue) 15%, transparent), transparent ); } #involvement { background: radial-gradient( ellipse closest-side at 80% 30%, var(--color-bg-orange), transparent ), radial-gradient( ellipse farthest-side at top left, color-mix(in srgb, var(--color-blue) 15%, transparent), transparent ); } #stay-connected { background-image: url("/bg-bot.svg"); }}#about-us{ #vision { background: linear-gradient(var(--color-bg) 30%, var(--color-bg-red)); } #story { background: linear-gradient(var(--color-bg-red), var(--color-bg-orange)); } #introduction { background: linear-gradient(var(--color-bg-orange), var(--color-bg-teal)); } #theory { background: linear-gradient(var(--color-bg-teal), var(--color-bg-blue)); } #documents { background: var(--color-bg-blue); }}#join-us{ #join-volunteer { background: radial-gradient( farthest-side at bottom right, var(--color-bg-orange), transparent ), var(--noise-filter); } #join-events { background: radial-gradient( farthest-side at top right, var(--color-bg-orange), transparent ), radial-gradient( farthest-side at bottom left, var(--color-bg-teal), transparent ), var(--noise-filter); } #join-partners { background: radial-gradient( farthest-side at top left, var(--color-bg-teal), transparent ), radial-gradient( farthest-side at bottom right, var(--color-bg-blue), transparent ), var(--noise-filter); } #join-donate { background: radial-gradient( farthest-side at top right, var(--color-bg-blue), transparent ), radial-gradient( farthest-side at bottom left, var(--color-bg-red), transparent ), var(--noise-filter); }}@media(min-width:768px){main>section:last-child{padding-block-end:8rem}.cards>li,.card{padding:var(--big-gap)}.split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;& > img { object-fit: cover; }}img.split-support{display:block;height:100%}#home{line-height:2; #involvement, #stay-connected { padding-inline: calc(var(--content-inline-padding) * 1.3); & > ul.cards { grid-auto-flow: unset; grid-template-columns: repeat(3, 1fr); & > li { display: list-item; } } ul.cards > li, .card { h3 { margin-block: var(--medium-gap) 0; } } }}#story,header.intro,main.section>div.content,#site-footer,#join-donate{padding-inline:calc(var(--content-inline-padding) * 1.2)}section#about{padding-block:7.5rem;gap:var(--tight-gap)5rem;grid-template-rows:auto auto 1fr;grid-template-columns:1fr 1fr;grid-template-areas:"featured image" "text image" "links image";align-items:center; #hero { grid-area: image; height: 40rem; } p { font-size: 1.25rem; } #featured { text-align: revert; font-size: 2rem; line-height: initial; }}#donate,#socials-newsletter{background-image:url(/pattern-side.svg);padding-inline:130px}#stay-connected li{line-height:1.6}#activitylist .content>h3{font-size:2rem}ul.buttons{flex-direction:row;justify-content:unset;gap:var(--big-gap)}ul#values{grid-auto-flow:unset;grid-template-columns:repeat(3,1fr);& > li { flex-direction: column; }}ul#introductionlist{grid-auto-flow:unset;grid-template-columns:repeat(2,1fr)}#join-donate{& > div.card { padding: 4rem; h2 { text-align: revert; } } iframe { width: 80%; }}#join-events,#theory{text-align:center;& > p { padding-inline: 20%; }}#gallery{grid-template-columns:repeat(6,1fr)}main.detail:has(.side-panel){display:flex;gap:var(--big-gap);.side-panel { position: sticky; top: var(--big-gap); } #info { flex: 0 0 25%; } #project-partners { flex: 0 0 15%; }}#site-footer{display:grid;gap:var(--wide-gap)clamp(2rem,calc((100vw/8) - 64px),6rem);grid-template-columns:auto 1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"logo links contact" "copyright copyright copyright"; #footer-content { grid-area: logo; } #footer-links { grid-area: links; } #footer-contacts { grid-area: contact; } #footer-copyright { grid-area: copyright; text-align: revert; display: flex; justify-content: space-between; }}ul.entities{gap:var(--big-gap);article .timeline { flex-direction: row; time + time::before { content: "-"; margin-inline: var(--separator-gap); } }}#partners.entities{grid-template-columns:repeat(4,1fr)}#team.entities,#events.entities,#join-events .entities{grid-template-columns:repeat(3,1fr)}#contacts>dl{grid-template-columns:repeat(2,1fr)}#projects.entities{grid-template-columns:1fr 1fr}}@media(min-width:1024px){ul#activitylist{gap:var(--big-gap);grid-auto-flow:unset;grid-template-columns:1fr 1fr;& > li > img { height: 15rem; width: 100%; object-fit: cover; }}#menu-toggle{display:none}#site-header>#nav-panel{position:revert;background:revert;height:revert;flex-direction:row;gap:8.75rem;font-size:revert;& > #site-nav { padding: 0; display: flex; gap: var(--tight-gap); li > menu { display: none; position: absolute; background-color: var(--color-bg); box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); padding: 0px; } a { border: revert; svg { display: revert; } } & > li:has(menu):hover { & > menu { display: block; } svg { transform: rotate(90deg); } } }}main>.intro{background-size:100%}#home>:is(#about,#stay-connected){background-size:100% 100%}}