@font-face{font-family:PrimaDruck;src:url("assets/Primae-Regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:PrimaDruck;src:url("assets/Primae-Semibold.otf") format("opentype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:PrimaDruck;src:url("assets/Primae-Bold.otf") format("opentype");font-weight:700 900;font-style:normal;font-display:swap}
@font-face{font-family:PrimaText;src:url("assets/PrimaeText-Regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:PrimaText;src:url("assets/PrimaeText-Bold.otf") format("opentype");font-weight:700 900;font-style:normal;font-display:swap}

*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#fffdf6}body{color:#0b305f;font-family:PrimaDruck,Arial,sans-serif}.board{position:absolute;left:50%;top:50%;width:1920px;height:1080px;transform:translate(-50%,-50%);transform-origin:center;background:#fffdf6;overflow:hidden}.decoration{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}header{height:371px;position:relative}.logo-crop{position:absolute;left:64px;top:63px;width:278px;height:288px;overflow:hidden;border:3px solid #183859;background:white}.logo-crop img{position:absolute;width:1920px;max-width:none;height:auto;left:-65px;top:-66px}.title{position:absolute;left:440px;top:25px;text-align:center;transform:rotate(-2deg)}.title>span{display:block;text-align:left;font-size:76px;line-height:1.1;font-weight:900;padding-left:10px}.title h1{font-size:119px;line-height:1;margin:0;letter-spacing:-5px;font-weight:900}.title p{font-size:36px;line-height:1.08;margin:13px 0 0}.underline{height:12px;width:470px;background:#ffce20;border-radius:50%;margin:10px auto;transform:rotate(-2deg)}.clock{position:absolute;left:1210px;top:65px;width:490px;height:206px;background:#e4f3fc;border-radius:54% 18% 24% 20% / 18% 24% 30% 30%;display:flex;flex-direction:column;align-items:center;justify-content:center}.clock>span{font-size:30px}.clock>b{font-size:91px;line-height:1.08}.clock small{font-size:25px}.mountains{position:absolute;left:1097px;top:266px;width:820px;height:119px}.main-row{position:absolute;left:38px;right:38px;top:386px;display:grid;grid-template-columns:1.82fr .7fr .68fr;gap:24px;height:346px}article h2{font-size:42px;margin:0;font-weight:900;line-height:1.2}.main-row>article{border-radius:40px;position:relative;overflow:hidden;padding:15px 34px}.current{background:#fff2a6}.current h2{font-size:57px}.icon{width:120px;height:120px;display:block}.hero-sun{position:absolute;width:270px;height:270px;left:45px;top:75px}.temperature{position:absolute;left:395px;top:55px;font-size:172px;font-weight:900;letter-spacing:-7px;white-space:nowrap;line-height:1.22}.temperature small{font-size:.73em}.temp-line{position:absolute;left:390px;right:77px;top:246px;height:12px;background:#ffd42a;border-radius:50%;transform:rotate(-2deg)}#feels{position:absolute;left:360px;right:20px;top:253px;text-align:center;font-size:32px;margin:10px 0;line-height:1.1}.station{position:absolute;left:40px;bottom:13px;font-size:18px}.today{background:#fdebed}.today h2,.tomorrow h2{font-size:43px}.thermometer{position:absolute;width:72px;height:195px;left:36px;top:90px}.extreme{position:absolute;left:127px;display:flex;align-items:center;gap:10px}.extreme>span{font-size:76px;font-family:Arial,sans-serif;font-weight:bold}.extreme b{font-size:38px;white-space:nowrap}.extreme small{font-size:24px;display:block}.high{top:90px}.high>span{color:#f2303b}.low{top:194px}.low>span{color:#149ee3}#range-note{position:absolute;left:20px;right:20px;bottom:5px;font-size:17px;line-height:1.15;text-align:center;margin:0 0 5px}.tomorrow{background:#e8f5dd;text-align:center}.tomorrow h2{text-align:left}.forecast-icon{font-size:125px;line-height:1.05;height:132px;color:#3ba6df}.forecast-range{font-size:37px;font-weight:900;white-space:nowrap}.tomorrow h3{font-size:26px;margin:4px 0;line-height:1.05}.tomorrow p{font-size:19px;margin:5px 0}.tomorrow>small{font-size:15px;line-height:1.1;display:block}.metrics{position:absolute;left:38px;right:280px;top:750px;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;height:224px}.metrics article{border-radius:25px;background:#fff;box-shadow:0 1px 8px #143b6412;padding:8px 7px;text-align:center;overflow:hidden}.metrics h2{font-size:29px;margin:0;white-space:nowrap}.metrics .icon{height:98px;width:112px;margin:0 auto}.metrics article>div{font-size:31px;font-weight:900;line-height:1.2;white-space:nowrap}.metrics article>p{font-size:20px;line-height:1.1;margin:3px 2px 0}.metrics article:nth-child(3) h2{font-size:25px}#uvtip{font-size:17px;line-height:1.05}.metrics article:nth-child(4)>div{font-size:29px}.motto{position:absolute;right:25px;bottom:30px;color:white;transform:rotate(-15deg);font-size:52px;line-height:1.12;text-align:center}.motto span{display:block;font-size:76px;line-height:.8}.sparks{position:absolute;left:48px;bottom:30px;font-size:70px;color:#ffe126;font-weight:bold;transform:rotate(18deg)}footer{position:absolute;left:240px;right:290px;top:992px;text-align:center;font-family:PrimaText,Arial,sans-serif;font-size:20px;line-height:1.45;color:#08305e;background:#fffdf6ed;border-radius:18px;padding:6px 12px}.data-status{font-size:22px}.credits{font-size:17px}a{color:inherit}.dot{display:inline-block;width:13px;height:13px;border-radius:50%;margin-right:10px;background:#b66c00}

.motto{right:65px;bottom:40px;font-size:46px}

.logo-crop{border:0;background:transparent}.logo-crop img{position:static;display:block;width:100%;height:100%;object-fit:contain;object-position:center;max-width:100%}

footer{left:35px;right:auto;top:auto;bottom:16px;width:690px;padding:0;background:transparent;border-radius:0;color:white;text-align:left;font-size:16px;line-height:1.35}.data-status{font-size:18px;white-space:normal;line-height:1.25}.credits{font-size:15px;white-space:nowrap;margin-top:4px}.dot{width:9px;height:9px;margin-right:7px}.sparks{display:none}

.motto{left:1670px;right:auto;top:880px;bottom:auto;width:220px;transform:rotate(-15deg);font-size:40px;line-height:1.08;text-align:center}.motto span{font-size:62px;line-height:.85;margin-top:8px}

.motto{top:906px}

.motto{left:1648px;top:889px;width:260px;font-size:53px;line-height:1.08}

.school-logos{position:absolute;left:40px;top:60px;width:520px;height:280px;display:flex;align-items:center;justify-content:space-between;gap:25px}.school-logos img{display:block;object-fit:contain;width:247px;height:280px}.city-logo{position:absolute;right:40px;top:52px;width:182px;height:210px;object-fit:contain}.title{left:590px;top:24px;width:740px;transform:none;text-align:center}.title>span{text-align:center;font-size:69px;padding:0;line-height:1.05}.title h1{font-size:109px;letter-spacing:-4px;line-height:1.08}.title p{font-size:35px;margin-top:11px;line-height:1.13}.title .underline{margin:16px auto 0;width:490px}.clock{left:1360px;top:70px;width:300px;height:190px}.clock>span{font-size:22px;white-space:nowrap}.clock>b{font-size:78px}.clock small{font-size:19px}.mountains{left:1220px;top:270px;width:680px;height:110px}

.title{top:102px}.title>span{font-size:51px;line-height:1}.title h1{font-size:88px;line-height:1.04}.title p{font-size:31px;margin-top:8px;line-height:1.1}.title .underline{margin-top:10px;height:9px}.city-logo{padding:7px;background:white}

.city-logo{height:202px}

.title{top:101px;left:580px;width:760px}.title>span{font-size:65px;font-weight:900;line-height:1}.title h1{font-size:116px;font-weight:900;line-height:1.02;letter-spacing:-4px}.title p{font-size:30px;margin-top:4px;line-height:1.08}.title .underline{margin-top:9px;height:9px}

.title{top:88px}

.title>span,.title h1{text-align:left;margin-left:110px;padding-left:0}

.school-logos img:nth-child(2){transform:scale(1.12);transform-origin:center}

.title{top:72px}

.school-logos{left:45px;top:75px;width:450px;height:250px;gap:20px}.school-logos img{width:210px;height:245px}.school-logos img:nth-child(2){transform:scale(1.08)}.title{left:480px;top:68px;width:850px}.title>span,.title h1{margin-left:60px}.title>span{font-size:76px}.title h1{font-size:140px;line-height:1.01;letter-spacing:-5px}.title p{font-size:33px;margin-top:3px;line-height:1.06}.title .underline{width:560px;margin-top:8px}

.title{left:503px;width:857px}.title-words{width:max-content;margin:0 auto;text-align:left}.title .title-words>span{display:block;font-size:76px;font-weight:900;line-height:1;text-align:left;margin:0;padding:0}.title .title-words h1{margin:0;text-align:left}

.title{top:32px}

.mountains{overflow:visible}

.school-logos img:nth-child(2){transform:scale(1.18)}

.temperature{top:75px}

.temperature{top:75px}.temp-line{top:266px}#feels{top:273px}

.current h2{position:absolute;left:395px;top:15px;font-size:57px;white-space:nowrap}

.current h2{left:395px;right:35px;text-align:center}.hero-sun{left:55px;top:65px;width:240px;height:240px}#current-weather-label{position:absolute;left:25px;top:305px;width:300px;text-align:center;font:16px/1.2 PrimaText,Arial,sans-serif;color:#33566a}.forecast-icon .icon{width:130px;height:130px;margin:auto}

.current h2{text-align:left}

.current{background:#fff5d6}

body{font-family:PrimaDruck,Arial,sans-serif}

body{font-family:PrimaDruck,Arial,sans-serif}.credits{font-family:PrimaText,Arial,sans-serif}

.temperature small{font-size:1em}