@import url('/assets/fonts.css');
:root{--ink:#191b1a;--paper:#f5f5f0;--line:#d8dad2;--muted:#686c65;--accent:#d5f377}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,input:focus-visible{outline:3px solid #86aa26;outline-offset:5px}img{max-width:100%;display:block}header{height:108px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.home header{position:absolute;z-index:3;top:0;left:0;width:100%;color:#fff;border-color:#ffffff30}.wordmark{font-weight:800;font-size:19px;letter-spacing:-.6px;line-height:1.4}.wordmark span{display:block;font-size:12px;font-weight:500;letter-spacing:.06em;opacity:.65}nav{display:flex;gap:32px;font-size:13px}.header-tg{font-size:13px;border:1px solid #ffffff55;padding:12px 19px;border-radius:30px}.inner .header-tg{border-color:var(--line)}.skip{position:fixed;top:-80px;left:20px;z-index:99;background:#fff;padding:15px}.skip:focus{top:10px}.hero{min-height:850px;height:100svh;max-height:1150px;position:relative;color:#fff;background:#101619 url('/assets/city-night-2026.jpg') center/cover no-repeat;display:flex;align-items:center;padding:150px 5% 155px}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,13,16,.94),rgba(7,13,16,.64) 42%,rgba(7,13,16,.05) 80%),linear-gradient(0deg,rgba(6,12,15,.8),transparent 40%)}.hero-copy,.hero-bottom{position:relative;z-index:1}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.17em;font-weight:700;margin:0 0 28px}.hero h1{font-size:clamp(68px,7.6vw,118px);line-height:1.02;letter-spacing:-.075em;font-weight:600;margin:0 0 32px}.hero h1 span{color:#e3e9e7}.hero-lead{font-size:16px;line-height:1.75;color:#d1d9da;margin:0 0 30px;max-width:440px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--accent);color:#191b1a;padding:16px 24px;border-radius:3px;font-weight:700;font-size:13px;transition:background .2s,transform .2s}.button:hover{background:#e2ffa0;transform:translateY(-2px)}.button.dark{background:#191b1a;color:white}.hero-bottom{position:absolute;bottom:35px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:end;font-size:13px}.hero-bottom>span small{color:#9ba6a8}.hero-bottom>a{border-top:1px solid #ffffff60;padding-top:15px;max-width:280px}.hero-bottom>a small{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:9px;opacity:.6;margin-bottom:8px}.section{padding:110px 8%;}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:0 50px;margin-bottom:45px}.section-head .eyebrow{padding-top:16px}.section-head h2{margin:0}.section-head>p:last-child:not(.eyebrow){grid-column:2;max-width:550px;color:var(--muted);margin-top:22px}h2{font-size:clamp(36px,4.1vw,62px);font-weight:600;line-height:1.1;letter-spacing:-.055em;margin:0 0 30px}h3{font-size:26px;font-weight:600;letter-spacing:-.035em;line-height:1.25;margin:10px 0}.resource{display:grid;grid-template-columns:1fr 2fr 40px;gap:20px;align-items:start;border-top:1px solid var(--line);padding:32px 0;transition:padding .2s}.resource:last-child{border-bottom:1px solid var(--line)}.resource:hover{padding-left:12px}.resource small{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.resource p{color:var(--muted);max-width:560px;margin:12px 0 0;font-size:14px}.number{font-size:12px;color:var(--muted);padding-top:6px}.arrow{font-size:30px}.text-link{display:inline-block;font-size:13px;border-bottom:1px solid;padding-bottom:6px;margin-top:30px}.tool{background:#e5e8df;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.tool>div>p{max-width:400px;color:#565d50}.tool form{background:#191d19;color:#fff;padding:36px;border-radius:4px}label{display:block;font-size:11px;color:#c6cdc3;letter-spacing:.02em;margin-bottom:18px}input[type=number]{display:block;width:100%;margin-top:7px;background:transparent;border:0;border-bottom:1px solid #697260;padding:8px 0;color:#fff;font-size:25px;border-radius:0}.results{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:20px}.results small{display:block;font-size:10px;color:#abb5a5}.results strong{display:block;font-size:35px;font-weight:500;color:var(--accent)}.fine,#calc-error{font-size:11px;line-height:1.6;color:#aab4a6}.videos{background:#181c1e;color:#fff}.videos .section-head{margin-bottom:60px}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.video-image{aspect-ratio:16/9;position:relative;overflow:hidden;background:#303735}.video-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.video-image span{position:absolute;bottom:15px;right:15px;background:#ffffffeb;color:#191b1a;padding:7px 13px;font-size:11px}.video-grid a:hover img{transform:scale(1.03)}.video-grid h3{font-size:25px;max-width:440px;margin-top:25px}.video-grid p{font-size:13px;color:#a9b2b4}.author{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.author>img{width:100%;height:570px;object-fit:cover;object-position:45% 55%}.author p{max-width:460px;color:var(--muted)}.author .eyebrow{color:var(--ink)}.handle{font-size:12px;letter-spacing:.02em}.author h2{font-size:76px}.author a:not(.text-link){text-decoration:underline}footer{background:#d5f377;padding:75px 8% 25px}.footer-title{font-size:clamp(36px,5vw,74px);line-height:1.15;letter-spacing:-.055em;font-weight:600}footer>p{max-width:510px;font-size:14px;margin:25px 0}footer .button{background:#191d19;color:white}.footer-bottom{border-top:1px solid #191b1a30;margin-top:70px;padding-top:24px;display:flex;justify-content:space-between;font-size:11px;gap:20px}.page-top{padding-top:85px;min-height:65vh}.page-top h1,.about-top h1{font-size:clamp(48px,6.5vw,92px);font-weight:600;line-height:1.08;letter-spacing:-.065em;margin:0 0 35px}.intro{font-size:20px;color:var(--muted);max-width:750px;margin-bottom:50px}.page-top .resource:first-of-type{margin-top:70px}.download{margin-top:65px}.download h2{font-size:30px}.download a{display:block;text-decoration:underline;margin:15px 0}.profiles{max-width:1100px;margin:auto}.profile-link{display:flex;justify-content:space-between;padding:22px 0;border-top:1px solid var(--line);font-size:21px}.profile-link:hover{color:#637c2c}.profile-link:last-child{border-bottom:1px solid var(--line)}.article{max-width:810px;margin:auto;padding:80px 28px 110px}.breadcrumb{font-size:12px;display:inline-block;margin-bottom:55px;text-decoration:underline}.article h1{font-size:clamp(40px,5vw,68px);line-height:1.1;letter-spacing:-.055em;font-weight:600;margin:0 0 30px}.article .intro{margin-bottom:25px}.byline{font-size:12px;border-bottom:1px solid var(--line);padding-bottom:30px;margin-bottom:50px;color:var(--muted)}.article h2{font-size:29px;line-height:1.25;letter-spacing:-.03em;margin-top:50px;margin-bottom:20px}.article p,.article li{line-height:1.9}.article a:not(.button){text-decoration:underline}.callout{padding:25px;background:#e5e8df;border-left:3px solid #a5bc6f;margin:25px 0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}td,th{padding:15px;text-align:left;border:1px solid var(--line);min-width:130px}.checklist{padding:0;list-style:none}.checklist label{color:var(--ink);font-size:15px;padding:15px;border:1px solid var(--line);display:flex;align-items:start;gap:13px}.checklist input{margin-top:6px;accent-color:#536a30}.end-note{border-top:1px solid var(--line);margin-top:45px;padding-top:20px;font-size:12px;color:var(--muted)}.standalone{padding:40px;gap:60px;margin-top:55px}
@media(min-width:1700px){.section,footer{padding-left:max(8%,calc((100vw - 1440px)/2));padding-right:max(8%,calc((100vw - 1440px)/2))}}
@media(max-width:800px){header{height:86px;padding:0 6%;gap:10px}nav{gap:16px;font-size:11px}nav a:nth-child(2){display:none}.header-tg{display:none}.wordmark{font-size:15px}.wordmark span{font-size:10px}.hero{min-height:850px;height:100svh;padding:150px 6% 190px;background-position:62% center}.hero-shade{background:linear-gradient(90deg,#0b1319e8,#0b131988),linear-gradient(0deg,#0b1319ee,transparent 65%)}.hero h1{font-size:clamp(54px,12vw,84px);letter-spacing:-.065em}.hero-lead{font-size:14px;max-width:340px}.hero-bottom{left:6%;right:6%;bottom:27px;align-items:start;gap:25px;flex-direction:column;font-size:11px}.hero-bottom>a{padding-top:10px;max-width:none;width:100%}.hero-bottom>a small{display:inline;margin-right:15px}.section{padding:70px 6%}.section-head{display:block;margin-bottom:35px}.section-head>p:last-child:not(.eyebrow){font-size:14px}.eyebrow{font-size:9px;margin-bottom:24px}h2{font-size:40px}.resource{grid-template-columns:30px 1fr 25px;gap:12px;padding:25px 0}.resource h3{font-size:23px}.resource p{font-size:13px}.resource small{font-size:9px}.tool{grid-template-columns:1fr;gap:35px}.tool form{padding:25px}.tool>div>p{font-size:14px}.video-grid{grid-template-columns:1fr;gap:35px}.video-grid h3{font-size:24px}.author{grid-template-columns:1fr;gap:40px}.author>img{height:470px}.author h2{font-size:60px}.author p{font-size:14px}.author.about-top>img{height:430px}.about-top h1{font-size:60px}.footer-bottom{flex-direction:column;gap:12px;margin-top:50px}footer{padding:60px 6% 25px}.footer-title{font-size:42px}.page-top h1{font-size:48px}.intro{font-size:17px}.standalone{padding:25px;gap:30px}.profile-link{font-size:18px}.article{padding-top:50px}.article h1{font-size:42px}.article h2{font-size:26px}.article p,.article li{font-size:15px}.breadcrumb{margin-bottom:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}