@import "https://unpkg.com/open-props/colors.min.css"; @import "https://unpkg.com/open-props/colors-hsl.min.css"; :root{  --bg: hsl(216, 33%, 97%); --main:hsl(200, 100%, 40%); --dark:hsl(200, 100%, 30%); --darker:hsl(200, 100%, 17%); --light:hsl(216, 100%, 93%); --lighter:hsl(216, 100%, 96%); --accent:hsl(0, 54%, 55%); --text: hsl(0, 0%, 10%); --text-light: hsl(0, 0%, 20%); --black: hsl(0, 0%, 0%); --shade-9: hsl(0, 0%, 20%); --shade-8: hsl(0, 0%, 30%); --shade-7: hsl(0, 0%, 40%); --shade-6: hsl(0, 0%, 50%); --shade-5: hsl(0, 0%, 65%); --shade-4: hsl(0, 0%, 80%); --shade-3: hsl(0, 0%, 90%); --shade-2: hsl(0, 0%, 95%); --shade-1: hsl(0, 0%, 98%); --white: hsl(0, 0%, 100%);   --text-xs: clamp(1.26rem, -0.01vw + 1.27rem, 1.25rem); --text-s: clamp(1.45rem, 0.08vw + 1.4rem, 1.6rem); --text-m: clamp(1.7rem, 0.19vw + 1.64rem, 1.8rem); --text-l: clamp(1.8rem, 0.37vw + 1.68rem, 2.16rem); --text-xl: clamp(2.02rem, 0.59vw + 1.84rem, 2.59rem);    --h6: clamp(1.28rem, -0.04vw + 1.29rem, 1.24rem); --h5: clamp(1.6rem, 0.05vw + 1.58rem, 1.65rem); --h4: clamp(2rem, 0.21vw + 1.93rem, 2.2rem); --h3: clamp(2.5rem, 0.45vw + 2.36rem, 2.93rem); --h2: clamp(3.13rem, 0.82vw + 2.86rem, 3.91rem); --h1: clamp(3.91rem, 1.36vw + 3.47rem, 5.21rem); --h-title: clamp(4.88rem, 2.15vw + 4.2rem, 6.95rem);  --space-xs: clamp(0.6rem, 0.50920rem + 0.22698vw, 0.8rem); --space-sm: clamp(0.9rem, 0.71800rem + 0.455vw, 1.3rem); --space-md: clamp(1.3rem, 0.98200rem + 0.795vw, 2rem); --space-lg: clamp(1.8rem, 1.30000rem + 1.25vw, 2.9rem); --space-xl: clamp(2.4rem, 1.67280rem + 1.818vw, 4rem); --space-2xl: clamp(3.1rem, 2.10000rem + 2.5vw, 5.3rem); --space-3xl: clamp(3.8rem, 2.43640rem + 3.403vw, 6.8rem); --space-4xl: clamp(4.6rem, 2.82720rem + 4.4315vw, 8.5rem); --space-5xl: clamp(5.6rem, 3.41800rem + 5.455vw, 10.4rem); --space-6xl: clamp(7rem, 3.36360rem + 9.0911vw, 15rem); --space-7xl: clamp(12rem, 3.00000rem + 12.5vw, 19rem); --section-padding: clamp(6rem, 15vh, 18rem);  --shape-height: min(3rem, 5vw); --shape-padding: calc(var(--space-4xl) + var(--shape-height));  --min-col-width: 38rem; }  html { font-family: system-ui, sans-serif; font-weight: normal; line-height:1.7; font-size:62.5%; } img { object-fit: cover; } h1, h2, h3, h4 { text-wrap: balance; }   .text-xl { font-size: var(--text-xl); line-height: 1.4; } .text-l { font-size: var(--text-l); line-height: 1.5; } .text-m { font-size: var(--text-m); line-height: 1.5; } .text-s { font-size: var(--text-s); line-height: 1.6; } .text-xs { font-size: var(--text-xs); line-height: 1.7; }   h1,h2,h3,h4,h5,h6 { font-weight: 600; text-wrap:unset; text-wrap:pretty; } .h-title { font-size: var(--h-title); line-height: 1.05; } h1, .h1 { font-size: var(--h1); line-height: 1.1; } h2, .h2 { font-size: var(--h2); line-height: 1.2; } h3, .h3 { font-size: var(--h3); line-height: 1.3; } h4, .h4 { font-size: var(--h4); line-height: 1.4; } h5, .h5 { font-size: var(--h5); line-height: 1.5; } h6, .h6 { font-size: var(--h6); line-height: 1.6; } .happyfiles-gallery > ul.crop[data-col], .happyfiles-gallery > ul.no-crop[data-col] { grid-template-columns: repeat(auto-fill, minmax(var(--happy-cols), 1fr)); grid-template-columns: repeaet(2, 1fr); } .branch-teachers {--happy-cols: 15rem;} @view-transition { navigation: auto; } @media (prefers-reduced-motion: no-preference) {@property --plvt-view-transition-animation-wipe-angle{syntax:"<angle>";initial-value:270deg;inherits:false}@property --plvt-view-transition-animation-wipe-progress{syntax:"<number>";initial-value:0;inherits:false}@property --plvt-view-transition-animation-duration{syntax:"<time>";initial-value:0.8s;inherits:false}@keyframes plvt-view-transition-animation-wipe-new{0%{--plvt-view-transition-animation-wipe-progress:0}to{--plvt-view-transition-animation-wipe-progress:1}}::view-transition-new(*),::view-transition-old(*){backface-visibility:hidden;mix-blend-mode:normal}::view-transition-old(root){animation:none var(--plvt-view-transition-animation-duration) cubic-bezier(.45,0,.35,1);animation-delay:0s;animation-fill-mode:both;opacity:1;transform:none}::view-transition-new(root){animation:plvt-view-transition-animation-wipe-new var(--plvt-view-transition-animation-duration) cubic-bezier(.45,0,.35,1);animation-fill-mode:both;-webkit-mask-image:linear-gradient(var(--plvt-view-transition-animation-wipe-angle),#000 calc(-70% + 170%*var(--plvt-view-transition-animation-wipe-progress, 0)),transparent calc(170%*var(--plvt-view-transition-animation-wipe-progress, 0)));mask-image:linear-gradient(var(--plvt-view-transition-animation-wipe-angle),#000 calc(-70% + 170%*var(--plvt-view-transition-animation-wipe-progress, 0)),transparent calc(170%*var(--plvt-view-transition-animation-wipe-progress, 0)));opacity:1;transform:none}::view-transition-new(root) { --plvt-view-transition-animation-wipe-angle: 180deg; }::view-transition-group(*) { --plvt-view-transition-animation-duration: 0.4s; }}