*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:#e1dbce}@font-face{font-family:Lineca;src:url(/fonts/Lineca-Regular.woff2) format("woff2"),url(/fonts/Lineca-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Romek;src:url(/fonts/Romek-Light.woff2) format("woff2"),url(/fonts/Romek-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Romek;src:url(/fonts/Romek-LightItalic.woff2) format("woff2"),url(/fonts/Romek-LightItalic.woff) format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Romek;src:url(/fonts/Romek-Regular.woff2) format("woff2"),url(/fonts/Romek-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Romek;src:url(/fonts/Romek-RegularItalic.woff2) format("woff2"),url(/fonts/Romek-RegularItalic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Romek;src:url(/fonts/Romek-Bold.woff2) format("woff2"),url(/fonts/Romek-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Romek;src:url(/fonts/Romek-BoldItalic.woff2) format("woff2"),url(/fonts/Romek-BoldItalic.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}.page{min-height:100vh;background:#e1dbce;color:#465a50;font-family:Lineca,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.page__inner{max-width:1512px;min-height:100vh;margin:0 auto;padding:clamp(24px,3.5vw,40px);display:flex;flex-direction:column;box-sizing:border-box}.site-header--desktop{display:flex;justify-content:space-between;align-items:flex-start;gap:48px;flex-wrap:wrap}.site-header--mobile{display:none}.brand{display:flex;gap:16px;align-items:center}.brand--mobile{gap:14px;margin-bottom:8px}.brand__logo{display:block;flex-shrink:0}.brand__logo--desktop{width:57px;height:80px}.brand__logo--mobile{width:48px;height:67px}.brand__wordmark{display:flex;flex-direction:column;line-height:.8}.brand__name{font-weight:400;letter-spacing:-.015em;color:#465a50}.brand__name--desktop{font-size:39px}.brand__name--mobile{font-size:31px}.brand__dashboard{font-weight:700;letter-spacing:-.005em;color:transparent;-webkit-text-fill-color:transparent}.brand__dashboard--desktop{font-size:42px;-webkit-text-stroke:1.1px #465A50}.brand__dashboard--mobile{font-size:33px;-webkit-text-stroke:.9px #465A50}.header-info{width:465px;max-width:100%;display:flex;flex-direction:column;gap:14px;padding-top:6px}.header-info__top{display:flex;justify-content:space-between;align-items:baseline;gap:24px;font-weight:400;font-size:16px;letter-spacing:.07em}.header-info__datetime{display:flex;gap:24px;white-space:nowrap}.divider{height:1px;background:#465a50;opacity:.85}.weather{display:flex;gap:36px;align-items:center;font-weight:400;font-size:16px;letter-spacing:.02em}.weather__city{display:inline-flex;align-items:center}.weather__city--desktop{gap:9px}.weather__city--mobile{gap:10px}.weather__detail:empty{display:none}.mobile-row--welcome{padding:14px 0 10px;font-weight:400;font-size:15px;letter-spacing:.07em}.mobile-row--datetime{padding:12px 0;font-weight:400;font-size:15px;letter-spacing:.05em}.mobile-row--weather{padding:12px 0;font-weight:400;font-size:15px;display:inline-flex;align-items:center;gap:10px}.tiles-wrap{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:center;margin-top:clamp(56px,5vw,88px)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-rows:1fr;gap:20px}.tile{position:relative;border-radius:10px;padding:24px;display:flex;flex-direction:column;min-height:clamp(440px,56vh,560px);background:#465a50;color:#e1dbce;box-shadow:2px 1px 10px #00000040;z-index:1;transition:background .32s ease,color .32s ease,transform .32s ease,box-shadow .32s ease;cursor:pointer;text-decoration:none}.tile:hover{background:#e0f54a;color:#465a50;box-shadow:inset 0 0 0 1px #465a50,2px 8px 28px #0000006b;z-index:2}.tile__title{margin:0;font-weight:400;font-size:40px;line-height:.96;letter-spacing:-.02em;white-space:pre-line;color:inherit}.tile__spacer{flex:1 1 auto;min-height:24px}.tile__list{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:3px;font-family:Romek,Georgia,serif;font-weight:400;font-size:16.5px;line-height:1.3;color:inherit}.tile__item{display:flex;gap:9px}.tile__bullet{flex-shrink:0}.pill,.footer-pill{align-self:flex-start;display:inline-flex;align-items:center;gap:16px;padding:8px 24px 8px 8px;border:1px solid currentColor;border-radius:40px;color:inherit;text-decoration:none}.pill__circle{position:relative;width:30px;height:30px;border-radius:50%;border:1px solid currentColor;flex-shrink:0}.pill__icon{position:absolute;left:-1px;top:-1px}.pill__label{font-family:Romek,Georgia,serif;font-weight:400;font-style:italic;font-size:17.5px;line-height:1;white-space:nowrap;transform:translateY(.04em)}.footer{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-top:clamp(56px,5vw,88px);padding-bottom:4px;flex-shrink:0}.footer__intro{display:flex;flex-direction:column;gap:18px;align-items:flex-start}.footer__text{margin:0;font-family:Romek,Georgia,serif;font-weight:400;font-size:18px;line-height:1.3;max-width:420px}.footer-pill{color:#465a50;transition:background .25s ease,color .25s ease,border-color .25s ease;cursor:pointer}.footer-pill:hover{background:#465a50;color:#e1dbce;border-color:#465a50}.footer__links{display:flex;gap:24px;font-weight:400;font-size:16px;letter-spacing:.07em}.footer__link{color:#465a50;text-decoration:none;transition:opacity .2s ease}.footer__link:hover{opacity:.6}@media(max-width:760px){.site-header--desktop{display:none}.site-header--mobile{display:flex;flex-direction:column}.tiles-wrap{flex:0 0 auto;flex-shrink:0;margin-top:clamp(28px,5vw,40px);display:block;min-height:auto}.tiles{grid-template-columns:1fr;gap:20px}.tile{min-height:360px}}