.ex-bauhaus{--g-hw:800;--g-ht:-.04em;--g-hl:.92;--g-r:0;--g-btn-r:0;--g-bw:0px;--g-card:var(--gp2);--kr-y:color-mix(in srgb,var(--gb) 0%,#f2c230);--kr-r:var(--ga);--kr-b:var(--gb)}.g-bauhaus .g-head{border-bottom:3px solid var(--gk)}.kr-mark{display:inline-flex;gap:3px;margin-right:10px;vertical-align:-2px}.kr-mark b{width:16px;height:16px;background:var(--kr-r)}.kr-mark b:first-child{border-radius:50%;background:var(--kr-y)}.kr-mark b:nth-child(3){background:var(--kr-b);clip-path:polygon(50% 0,100% 100%,0 100%)}.kr-hero{padding:64px 0 80px}.kr-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}.kr-hero h1{font-size:clamp(64px,9vw,140px);text-transform:lowercase}.kr-hero h1 em{font-style:normal;color:var(--gat)}.kr-shapes{position:relative;aspect-ratio:1;background:var(--gp2)}.kr-shapes i{position:absolute;display:block}.kr-shapes .c{left:8%;top:8%;width:52%;aspect-ratio:1;border-radius:50%;background:var(--kr-y)}.kr-shapes .s{right:8%;top:30%;width:40%;aspect-ratio:1;background:var(--kr-r);mix-blend-mode:multiply}.kr-shapes .t{left:18%;bottom:6%;width:48%;aspect-ratio:1.1;background:var(--kr-b);clip-path:polygon(50% 0,100% 100%,0 100%)}.kr-shapes .bar{left:0;right:0;top:62%;height:4%;background:var(--gk)}.ex-bauhaus:has(.ex-dark:checked) .kr-shapes .s{mix-blend-mode:normal;opacity:.92}@media (prefers-reduced-motion:no-preference){.kr-shapes .c{animation:kr-roll 9s ease-in-out infinite alternate}.kr-shapes .t{animation:kr-tip 7s ease-in-out infinite alternate;transform-origin:50% 100%}}@keyframes kr-roll{to{translate:18% 6%}}@keyframes kr-tip{to{rotate:8deg}}.kr-prim{border-block:3px solid var(--gk)}.kr-prim-in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.kr-p{display:grid;gap:4px;padding:32px 28px;border-left:3px solid var(--gk)}.kr-p:first-child{border-left:0}.kr-p i{width:64px;height:64px;margin-bottom:18px;background:var(--kr-r)}.kr-p.y i{border-radius:50%;background:var(--kr-y)}.kr-p.b i{background:var(--kr-b);clip-path:polygon(50% 0,100% 100%,0 100%)}.kr-p b{font:800 28px var(--g-head);letter-spacing:-.03em;text-transform:lowercase}.kr-p span{color:var(--gk2)}.g-bauhaus .g-list li{border-bottom:3px solid var(--gk)}.g-bauhaus .g-list-v{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--kr-y);color:#111;font-size:15px}.g-bauhaus .g-list li:nth-child(3n+2) .g-list-v{border-radius:0;background:var(--kr-r);color:var(--ga-on)}.g-bauhaus .g-list li:nth-child(3n) .g-list-v{background:var(--kr-b);color:var(--gb-on);clip-path:polygon(50% 0,100% 100%,0 100%);padding-top:18px}.g-pic-kr-t1,.g-pic-kr-t2,.g-pic-kr-t3{--g-pic-bg:var(--gp2)}.g-pic-kr-t1 i:first-child,.g-pic-kr-t2 i:first-child,.g-pic-kr-t3 i:first-child{left:34%;top:18%;width:32%;aspect-ratio:1;border-radius:50%;background:var(--gk)}.g-pic-kr-t1 i:nth-child(2),.g-pic-kr-t2 i:nth-child(2),.g-pic-kr-t3 i:nth-child(2){left:20%;top:56%;width:60%;height:50%;background:var(--kr-r)}.g-pic-kr-t2 i:nth-child(2){background:var(--kr-b);clip-path:polygon(50% 0,100% 100%,0 100%)}.g-pic-kr-t3 i:nth-child(2){background:var(--kr-y);border-radius:50% 50% 0 0}.g-pic-kr-t1 i:nth-child(3),.g-pic-kr-t2 i:nth-child(3),.g-pic-kr-t3 i:nth-child(3){right:10%;top:10%;width:14%;aspect-ratio:1;background:var(--kr-y);border-radius:50%}.kr-show h2{font-size:clamp(34px,4.6vw,62px);margin-bottom:36px!important}.kr-poster{position:relative;aspect-ratio:21/8;background:var(--gk);overflow:hidden}.kr-poster i{position:absolute;display:block}.kr-poster i:first-child{left:6%;top:-30%;width:30%;aspect-ratio:1;border-radius:50%;background:var(--kr-y)}.kr-poster i:nth-child(2){left:30%;bottom:0;width:18%;height:70%;background:var(--kr-r)}.kr-poster i:nth-child(3){left:52%;bottom:0;width:22%;height:90%;background:var(--kr-b);clip-path:polygon(50% 0,100% 100%,0 100%)}.kr-poster i:nth-child(4){left:0;right:0;top:50%;height:3%;background:var(--gp)}.kr-poster b{position:absolute;right:4%;bottom:10%;color:var(--gp);font:800 clamp(30px,6vw,90px)/1 var(--g-head);letter-spacing:-.05em}@media (max-width:1000px){.kr-hero-in{grid-template-columns:minmax(0,1fr)}.kr-shapes{max-width:480px;order:2}}@media (max-width:640px){.kr-prim-in{grid-template-columns:minmax(0,1fr)}.kr-p{border-left:0;border-top:3px solid var(--gk)}.kr-p:first-child{border-top:0}.kr-poster{aspect-ratio:4/3}}