@font-face{font-family:Atelier;src:url('assets/avenir-light.woff2') format('woff2');font-weight:300 500;font-display:swap}@font-face{font-family:AtelierTitle;src:url('assets/brandon-light.woff2') format('woff2');font-weight:300 500;font-display:swap}
:root{color-scheme:dark;--ink:#f3eee9;--paper:#26282d;--accent:#dbc8be;--muted:#b5b3b2;--line:#ffffff26}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Atelier,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{color:inherit}a:hover{text-decoration:underline;text-underline-offset:5px}[hidden]{display:none!important}img{max-width:100%}h1,h2,p,figure{margin:0}h1,h2{font-weight:300}h1{font-family:AtelierTitle,Atelier,sans-serif;font-size:clamp(42px,5.3vw,84px);line-height:1.04;letter-spacing:.012em}h2{font-family:AtelierTitle,Atelier,sans-serif;font-size:clamp(29px,3.4vw,48px);line-height:1.2}.eyebrow{font-size:11px;letter-spacing:.17em;line-height:1.8;color:var(--accent)}.skip-link{position:absolute;left:20px;top:-100px;padding:12px;background:var(--paper);z-index:10}.skip-link:focus{top:12px}
.range-header{padding:22px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.range-brand{display:flex;align-items:center;gap:18px;text-decoration:none!important}.range-brand img{width:72px;height:66px;object-fit:contain}.range-brand span{font-size:16px;letter-spacing:.09em}.range-brand small{display:block;font-size:11px;letter-spacing:.025em;color:var(--muted);margin-top:2px}.range-header nav{display:flex;align-items:center;gap:30px;font-size:13px}.range-header .contact-link{border:1px solid var(--line);padding:8px 14px}.range-intro{max-width:1440px;margin:0 auto;padding:45px 5% 34px}.breadcrumb{font-size:12px;color:var(--muted)}.range-title{display:grid;grid-template-columns:1.2fr .65fr;gap:10%;align-items:end;margin:44px 0 46px}.range-title .eyebrow{margin-bottom:18px}.range-title>p{font-size:16px;color:#d0cdca;max-width:36em}.project-index{border-top:1px solid var(--line);padding-top:18px;display:flex;flex-wrap:wrap;column-gap:36px;row-gap:10px;font-size:12px;color:var(--accent)}.project-index a{display:flex;gap:12px}.project-index a span{color:var(--ink)}.project{max-width:1440px;padding:34px 5% 70px;margin:auto}.project+.project{border-top:1px solid var(--line)}.project-heading{display:flex;gap:24px;align-items:center;margin-bottom:24px}.project-number{align-self:flex-start;margin-top:3px;font-size:12px;color:var(--accent)}.project-heading h2{font-size:clamp(25px,3vw,42px)}.project-heading p{font-size:12px;color:var(--muted);margin-top:6px;max-width:55em}.project-count{margin-left:auto;white-space:nowrap;font-size:11px;color:var(--muted)}.project-photo{min-width:0}.open-photo{display:block;width:100%;position:relative;background:transparent;padding:0;border:0;text-align:left}.open-photo img{display:block;width:100%;height:auto}.main-photo{max-width:100%;margin:0 auto}.zoom-mark{position:absolute;bottom:16px;right:16px;width:34px;height:34px;border-radius:50%;background:#26282dc9;color:#fff;text-align:center;line-height:30px;font-size:24px;opacity:0;transition:opacity .2s}.open-photo:hover .zoom-mark,.open-photo:focus-visible .zoom-mark{opacity:1}.project-details{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:start;margin-top:28px}.project-details:empty{display:none}.project-details>.project-photo:only-child{max-width:76%;grid-column:1/-1;margin:0 auto}.project-details .project-photo:nth-child(2n){padding-top:10%}.other-ranges{max-width:1440px;margin:15px auto 0;padding:60px 5% 90px;border-top:1px solid var(--line)}.other-ranges h2{margin-top:16px;margin-bottom:28px}.other-ranges>div{display:grid;grid-template-columns:1fr 1fr;gap:0 60px}.other-ranges a{border-bottom:1px solid var(--line);padding:14px 0;display:flex;justify-content:space-between;font-size:16px}.other-ranges a span{color:var(--accent)}.range-footer{background:#1e2025;display:flex;justify-content:space-between;gap:50px;padding:64px 7%;border-top:1px solid var(--line)}.range-footer h2{margin:14px 0 18px}.range-footer address{font-style:normal;font-size:13px;line-height:1.9;color:#d0cdca}.line-link{font-size:17px;border-bottom:1px solid var(--accent);padding-bottom:6px}.line-link span{margin-left:32px}#selection-preview{background:var(--accent);color:#222;padding:10px 5%;display:flex;gap:20px;justify-content:space-between;font-size:13px}#selection-preview a{text-decoration:underline}.empty-selection{padding:50px 5%;text-align:center}.empty-selection a{text-decoration:underline}
#photo-dialog{padding:0;border:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:#181a1df7;color:#fff;margin:0;overflow:hidden}#photo-dialog::backdrop{background:#181a1d}.lightbox-top{height:70px;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.lightbox-top p{font-size:14px}.lightbox-top button{background:none;border:1px solid #ffffff55;padding:8px 16px;color:#fff}.lightbox-image{height:calc(100dvh - 120px);position:relative;display:flex;align-items:center;justify-content:center;padding:0 65px}.lightbox-image img{width:100%;height:100%;object-fit:contain}.lightbox-image button{position:absolute;top:50%;transform:translateY(-50%);background:#181a1d;border:1px solid #ffffff55;width:44px;height:44px;color:#fff;font-size:23px}#previous-photo{left:12px}#next-photo{right:12px}.lightbox-help{height:50px;text-align:center;padding:14px;font-size:11px;color:#c0c0c0}body:has(dialog[open]){overflow:hidden}
@media(max-width:800px){.range-header{padding:18px 5%;flex-wrap:wrap}.range-brand img{width:58px;height:54px}.range-brand span{font-size:14px}.range-header nav{width:100%;justify-content:space-between;gap:12px;font-size:12px}.range-header .contact-link{border:0;padding:0}.range-intro{padding-top:26px}.range-title{grid-template-columns:1fr;gap:24px;margin:28px 0}.range-title>p{font-size:15px}.project-index{display:block}.project-index a{margin:10px 0}.project{padding-top:22px;padding-bottom:38px}.project-heading{gap:12px;flex-wrap:wrap}.project-count{display:none}.project-heading>div{flex:1}.project-details{gap:14px;margin-top:14px}.project-details .project-photo:nth-child(2n){padding-top:0}.other-ranges{padding-top:35px;padding-bottom:44px}.other-ranges>div{grid-template-columns:1fr}.range-footer{padding:40px 5%;display:block}.range-footer address{margin-top:32px}#selection-preview{display:block}#selection-preview a{display:block}.lightbox-top{padding:12px}.lightbox-top p{font-size:12px;line-height:1.3}.lightbox-top button{white-space:nowrap;padding:6px 10px}.lightbox-image{padding:0 8px}.lightbox-image button{top:auto;bottom:2px;transform:none}.project-details>.project-photo:only-child{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.zoom-mark{transition:none}}
.main-photo.portrait-photo{max-width:780px}.archive-link{max-width:1440px;padding:0 5% 36px;margin:auto;font-size:12px;color:var(--muted)}.archive-link a{text-decoration:underline;text-underline-offset:4px}

.project>.portrait-photo{max-width:780px;margin-inline:auto}
@media(min-width:801px){.range-intro{padding-top:26px;padding-bottom:20px}.range-title{margin:26px 0 28px}.range-title h1{font-size:clamp(42px,4.5vw,72px)}.project{padding-top:24px}.range-title .eyebrow{margin-bottom:12px}}

.project-directory{border-top:1px solid var(--line);padding-top:15px}.project-directory summary{cursor:pointer;font-size:12px;color:var(--accent);width:fit-content}.project-directory summary::marker{color:var(--accent)}.project-directory summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.project-directory .project-index{border-top:0;padding-top:14px}

/* Same Brandon lettering and warm beige as the approved homepage title. */
.range-page h1,.range-page h2{font-family:AtelierTitle,Atelier,sans-serif;color:#dbc8be;font-weight:400}
.range-page .range-title h1{font-size:clamp(32px,4vw,60px)}
