/* Hallmark · macrostructure: Photographic · genre: atmospheric · theme: custom
 * vibe: city night image archive · paper: oklch(16.5% .014 278) · accent: oklch(65% .27 355)
 * display: Barlow Condensed · body: Noto Sans SC · axes: dark / display-condensed / cyan-pink
 * nav: N12 · footer: Ft1 · context: user-directed · enrichment: source photography
 * Hallmark · pre-emit critique: P4 H5 E4 S4 R5 V4 */
@import url('tokens.css');
@font-face{font-family:'Noto Sans SC';src:url('../fonts/noto-sans-sc.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('../fonts/barlow-condensed.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:125px}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:16px;line-height:1.85}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:var(--color-soft-shade)}button{border:1px solid var(--color-rule);background:var(--color-panel)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--color-cyan);outline-offset:5px}a:hover{color:var(--color-cyan)}button:hover{background:var(--color-elevated)}button:active,.btn:active{transform:translateY(1px)}button:disabled,[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}[data-state=loading]{cursor:progress;opacity:.65}[data-state=error]{color:var(--color-error)}[data-state=success]{border-color:var(--color-cyan)}button,a.btn{transition:transform var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}img{display:block;width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.25;font-style:normal;overflow-wrap:anywhere;min-width:0}h2{font-size:clamp(26px,3vw,40px);font-weight:700;letter-spacing:-.04em}h3{font-size:20px}p{color:var(--color-muted)}small{font-size:12px}strong{color:var(--color-ink)}[hidden]{display:none!important}.wrap{width:min(1248px,calc(100% - 96px));margin-inline:auto}.section{padding-block:var(--space-3xl)}.skip{position:fixed;top:-90px;left:20px;z-index:100;background:var(--color-cyan);color:var(--color-paper);padding:12px}.skip:focus{top:12px}.header{position:fixed;inset:0 0 auto;z-index:40;background:var(--color-paper);transition:transform var(--dur-fast) var(--ease-out)}.header.compact{transform:translateY(-30px)}.notice{height:30px;border-bottom:1px solid var(--color-rule);font-size:11px;color:var(--color-muted);letter-spacing:.1em}.notice .wrap{display:flex;justify-content:space-between;align-items:center;height:100%}.notice span{color:var(--color-cyan)}.nav{height:78px;display:flex;gap:32px;align-items:center}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:19px;line-height:1.25;font-weight:700}.brand-symbol{font-size:25px;color:var(--color-cyan);border:1px solid var(--color-cyan);height:40px;width:40px;display:grid;place-items:center}.brand small{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.18em;display:block;margin-top:5px}.nav nav{margin-left:auto;display:flex;gap:28px;align-items:center}.nav nav a{font-size:14px;white-space:nowrap;padding-block:18px;position:relative}.nav nav a[aria-current=page]{color:var(--color-cyan)}.nav nav a[aria-current=page]:after{position:absolute;content:'';bottom:8px;left:0;width:22px;height:2px;background:var(--color-cyan)}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:54px;padding:12px 24px;white-space:nowrap;background:var(--color-accent);color:var(--color-accent-ink);font-weight:700;font-size:16px;border:1px solid var(--color-accent);border-radius:var(--radius-sm)}.btn:hover{color:var(--color-paper);background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.nav-cta .btn{min-height:42px;padding:8px 18px;font-size:14px;gap:22px}.btn.secondary{background:var(--color-shade);color:var(--color-ink);border-color:var(--color-rule)}.btn.secondary:hover{border-color:var(--color-cyan);color:var(--color-cyan)}.menu-toggle{display:none}.hero{position:relative;margin-top:108px;min-height:680px;height:calc(100svh - 108px);max-height:950px;display:flex;align-items:center}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:54% center;filter:saturate(.78)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--color-shade),var(--color-soft-shade)),linear-gradient(0deg,var(--color-paper),var(--color-clear) 45%)}.hero-content{position:relative;z-index:1;padding-block:60px 94px}.hero-meta{display:flex;gap:18px;font-size:12px;color:var(--color-cyan);letter-spacing:.08em;align-items:center;margin-bottom:26px}.hero-meta span+span{border-left:1px solid var(--color-rule);padding-left:18px}.hero h1{font-size:var(--text-display);font-weight:900;letter-spacing:-.065em}.hero h1 small{display:block;font-family:var(--font-display);font-size:clamp(34px,4vw,60px);letter-spacing:.16em;font-weight:700;line-height:1.1;margin-top:6px;color:var(--color-cyan)}.hero-lede{color:var(--color-ink);font-size:clamp(22px,2.8vw,34px);font-weight:500;line-height:1.55;margin-top:32px}.hero-summary{font-size:15px;margin-top:16px;color:var(--color-ink);max-width:470px}.actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:30px}.hero-bottom{position:absolute;bottom:22px;left:0;right:0;display:flex;justify-content:space-between;gap:20px;color:var(--color-muted);font-size:12px;letter-spacing:.08em}.hero-bottom a{white-space:nowrap}.facts{border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule)}.facts dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding-block:24px}.facts dl div{padding-left:24px;border-left:1px solid var(--color-rule)}.facts dl div:first-child{padding-left:0;border:0}.facts dt{font-size:12px;color:var(--color-muted);margin-bottom:4px}.facts dd{font-size:16px;margin:0}.overview{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:80px}.overview .lede{margin:24px 0}.text-link{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;color:var(--color-cyan);font-size:14px}.text-link:hover{text-decoration:underline;text-underline-offset:6px}.overview-copy>p+p{margin-top:20px}.mechanics{margin-top:28px}.mechanics article{padding:22px 0;border-top:1px solid var(--color-rule)}.mechanics h3{font-size:18px;margin-bottom:8px}.mechanics p{font-size:14px}.gallery-section{background:var(--color-panel)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.section-head p{font-size:14px;margin-top:12px}.home-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.home-gallery .gallery-item:last-child{grid-column:1/-1}.home-gallery .gallery-item:last-child img{aspect-ratio:3.3;object-position:center}.gallery-item a{display:block;position:relative;overflow:clip;background:var(--color-elevated)}.gallery-item img{aspect-ratio:16/10;object-fit:cover;transition:transform var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.gallery-item a:hover img{opacity:.88}.gallery-item figcaption{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-top:12px;font-size:14px}.gallery-item figcaption small{color:var(--color-muted)}.expand{position:absolute;bottom:14px;right:14px;background:var(--color-paper);color:var(--color-cyan);width:32px;height:32px;display:grid;place-items:center;line-height:1}.reading-row{display:grid;grid-template-columns:110px minmax(0,1fr) 24px;align-items:center;gap:22px;border-top:1px solid var(--color-rule);padding:28px 0}.reading-row:last-child{border-bottom:1px solid var(--color-rule)}.reading-kind{font-size:12px;color:var(--color-muted)}.reading-row h3{font-size:22px;font-weight:500}.reading-row>span:last-child{color:var(--color-cyan);font-size:24px}.fit{background:var(--color-panel);padding:40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:50px}.fit h2{font-size:28px}.fit p+p{margin-top:18px}.faq-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:60px}.faq-layout>div>p{margin-top:12px;font-size:14px}details{border-top:1px solid var(--color-rule)}details:last-child{border-bottom:1px solid var(--color-rule)}summary{list-style:none;cursor:pointer;position:relative;padding:22px 38px 22px 0;font-size:16px;line-height:1.65}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;top:19px;color:var(--color-cyan);font-size:24px}details[open] summary:after{content:'−'}details[open] summary{color:var(--color-cyan)}details p{padding:0 28px 24px 0;font-size:15px;line-height:1.9}summary:hover{color:var(--color-cyan)}.final-cta{display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid var(--color-cyan);border-bottom:1px solid var(--color-rule);padding-block:48px}.final-cta h2{font-size:32px}.final-cta p{margin-top:10px;font-size:14px}.footer{padding-block:48px 28px}.footer-top{display:flex;justify-content:space-between;gap:35px}.footer-brand{font-size:24px;font-weight:700}.footer-brand span{font-family:var(--font-display);font-size:16px;letter-spacing:.1em;margin-left:20px;color:var(--color-muted)}.footer-top p{font-size:13px;margin-top:8px}.footer nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.footer nav a,.related a{white-space:nowrap;font-size:12px;min-height:44px;display:inline-flex;align-items:center}.related{display:flex;flex-wrap:wrap;column-gap:24px;align-items:center;border-top:1px solid var(--color-rule);margin-top:32px;padding-block:16px}.related>span{font-size:12px;color:var(--color-muted)}.legal{font-size:11px;line-height:1.9;color:var(--color-muted)}.mobile-cta{display:none}.page-title{padding-top:168px;padding-bottom:44px}.back{font-size:12px;color:var(--color-muted);display:inline-block;margin-bottom:20px;min-height:24px;white-space:nowrap}.page-title h1{font-size:clamp(36px,5.2vw,64px);font-weight:900;letter-spacing:-.04em}.page-title p{max-width:700px;margin-top:22px;font-size:17px}.gallery-page{padding-bottom:70px}.filters{display:flex;gap:8px;align-items:center;padding:16px 0;border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule);margin-bottom:28px}.filters button{min-height:44px;min-width:70px;padding:7px 20px;font-size:14px;white-space:nowrap}.filters button[aria-pressed=true]{background:var(--color-cyan);color:var(--color-paper);border-color:var(--color-cyan)}.filters>span{margin-left:auto;font-size:12px;color:var(--color-muted)}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.gallery-hint{margin-top:28px;font-size:13px}.download-panel{background:var(--color-panel);border:1px solid var(--color-rule);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:64px;padding:48px}.label{font-size:12px;color:var(--color-cyan)}.download-panel h2{margin-top:16px}.download-panel p{margin-top:18px}.download-panel small{display:block;color:var(--color-muted);margin-top:18px}.download-note{border-left:1px solid var(--color-rule);padding-left:44px;align-self:center}.download-note .text-link{margin-top:15px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));counter-reset:step;gap:40px;list-style:none;padding:0;margin:40px 0 0}.steps li{border-top:1px solid var(--color-rule);padding-top:26px}.steps li:before{counter-increment:step;content:'0' counter(step);font-family:var(--font-display);font-size:42px;color:var(--color-cyan);line-height:1}.steps h3{margin:18px 0 12px}.steps p{font-size:14px}.guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--color-rule);border-left:1px solid var(--color-rule)}.guide-cards a{display:flex;flex-direction:column;align-items:start;gap:16px;padding:30px;border-right:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule)}.guide-cards a:hover{background:var(--color-panel)}.guide-cards h2{font-size:22px;letter-spacing:0}.guide-cards p{font-size:14px}.guide-cards span{font-size:14px;color:var(--color-cyan);white-space:nowrap;margin-top:auto}.article-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:76px;padding-block:60px 80px}.toc{align-self:start;position:sticky;top:116px;display:flex;flex-direction:column;align-items:start;gap:8px;border-left:2px solid var(--color-cyan);padding-left:20px}.toc span{font-size:12px;color:var(--color-muted);margin-bottom:8px}.toc a{font-size:14px;min-height:44px;display:flex;align-items:center;white-space:nowrap}.prose{max-width:790px}.prose section{padding-block:32px;border-bottom:1px solid var(--color-rule)}.prose section:first-child{padding-top:0}.prose h2{font-size:28px;margin-bottom:24px;letter-spacing:-.025em}.prose p+p{margin-top:20px}.prose ul,.prose ol{padding-left:24px;color:var(--color-muted);margin:24px 0}.prose li{padding-left:8px;margin:12px 0}.prose .text-link{margin-top:20px}.prose .lede{color:var(--color-ink);font-size:21px;margin-bottom:32px}.note{background:var(--color-panel);border-left:2px solid var(--color-cyan);padding:24px;margin:24px 0}.note p{font-size:15px;margin-top:8px}table{border-collapse:collapse;width:100%;margin:26px 0;font-size:14px;text-align:left}th,td{padding:16px;border:1px solid var(--color-rule)}th{background:var(--color-panel)}td{color:var(--color-muted)}td:first-child{width:30%;color:var(--color-ink)}.legal-page{margin-bottom:80px}dialog{border:1px solid var(--color-rule);padding:20px;width:min(1400px,96vw);height:94svh;max-width:none;max-height:none;background:var(--color-paper);color:var(--color-ink)}dialog::backdrop{background:var(--color-backdrop)}dialog[open]{display:flex;flex-direction:column}.lightbox-top,.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px}.lightbox-top>span{font-family:var(--font-display);letter-spacing:.12em;font-size:18px;color:var(--color-cyan)}dialog button{padding:8px 16px;min-height:44px;white-space:nowrap;font-size:14px}.lightbox-media{flex:1;min-height:0;display:grid;place-items:center;position:relative;padding:20px 0}.lightbox-media img{width:100%;height:100%;object-fit:contain;min-height:0;touch-action:pan-y}.lightbox-media p{position:absolute;color:var(--color-error)}.lightbox-bottom p{text-align:center;font-size:13px;line-height:1.6;max-width:65%}body.modal-open{overflow-y:hidden}
@media(min-width:1440px){.hero-content{padding-left:20px}.hero h1{font-size:108px}.hero-lede{font-size:34px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav{gap:20px}.nav nav{gap:18px}.overview{gap:40px}.article-layout{gap:40px;grid-template-columns:180px minmax(0,1fr)}.footer-top{flex-direction:column}.footer nav{gap:20px}.hero{min-height:660px}.gallery-grid{gap:16px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.nav{height:68px;gap:16px}.notice{font-size:10px}.hero{margin-top:98px;min-height:680px;height:calc(100svh - 98px)}.hero h1{font-size:72px}.nav nav{display:none;position:absolute;left:0;right:0;top:98px;padding:18px 20px 24px;margin:0;background:var(--color-panel);border-bottom:1px solid var(--color-rule);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px}.nav nav.open{display:grid}.nav nav a{padding:10px}.menu-toggle{display:flex;align-items:center;gap:10px;margin-left:auto;min-height:44px;padding:8px 12px;font-size:13px;white-space:nowrap}.nav-cta .btn{padding:9px 14px}.overview{grid-template-columns:minmax(0,1fr);gap:36px}.overview>div:first-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.overview .lede{margin:0;align-self:end}.overview .text-link{grid-column:1/-1}.section{padding-block:56px}.facts dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0}.facts dl div:nth-child(3){border:0;padding-left:0}.home-gallery{gap:20px}.fit{padding:28px;gap:26px;grid-template-columns:minmax(0,1fr)}.faq-layout{grid-template-columns:minmax(0,1fr);gap:30px}.reading-row{grid-template-columns:80px minmax(0,1fr) 24px;gap:16px}.reading-row h3{font-size:19px}.page-title{padding-top:140px}.download-panel{padding:30px;gap:30px;grid-template-columns:minmax(0,1fr)}.download-note{border-left:0;border-top:1px solid var(--color-rule);padding:26px 0 0}.steps{gap:24px}.steps h3{font-size:18px}.article-layout{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:32px}.toc{position:static;flex-direction:row;align-items:center;flex-wrap:wrap;column-gap:20px;padding-left:16px}.toc span{width:100%;margin:0}.toc a{font-size:13px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid .gallery-item:first-child{grid-column:1/-1}.gallery-grid .gallery-item:first-child img{aspect-ratio:2.6}.section-head{align-items:start;flex-direction:column;gap:12px}.section-head .text-link{margin-top:0}}
@media(max-width:540px){body{font-size:15px;padding-bottom:76px}.wrap{width:calc(100% - 36px)}.notice .wrap{width:calc(100% - 28px);letter-spacing:0}.brand{font-size:16px;gap:9px}.brand-symbol{height:32px;width:32px;font-size:20px}.brand small{font-size:9px}.nav-cta{display:none}.menu-toggle{border-color:var(--color-rule);min-width:74px;justify-content:center}.hero{height:calc(100svh - 174px);min-height:620px}.hero>img{object-position:48% center}.hero-shade{background:linear-gradient(90deg,var(--color-shade),var(--color-soft-shade)),linear-gradient(0deg,var(--color-paper),var(--color-clear) 75%)}.hero-content{padding-block:36px 78px}.hero-meta{font-size:11px;gap:12px;margin-bottom:22px}.hero-meta span+span{padding-left:12px}.hero h1{font-size:clamp(54px,15.5vw,80px)}.hero h1 small{font-size:35px;letter-spacing:.12em;margin-top:10px}.hero-lede{font-size:25px;margin-top:26px}.hero-summary{font-size:14px;max-width:300px;margin-top:16px}.desktop-break{display:none}.hero .actions{gap:10px;margin-top:26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hero .btn{font-size:13px;gap:10px;padding:12px 14px;min-height:50px}.hero-bottom{font-size:10px;bottom:20px;display:block}.hero-bottom a{display:none}.facts dl{padding-block:22px;gap:20px}.facts dt{font-size:11px}.facts dd{font-size:13px}.facts dl div{padding-left:16px}.overview>div:first-child{grid-template-columns:minmax(0,1fr);gap:16px}.overview .lede{font-size:17px}.overview h2{font-size:32px}.overview-copy>p{font-size:15px}.mechanics h3{font-size:18px}.home-gallery{gap:24px;grid-template-columns:minmax(0,1fr)}.home-gallery .gallery-item:last-child img{aspect-ratio:1.6}.home-gallery img{aspect-ratio:1.65}.section{padding-block:44px}.reading-row{grid-template-columns:minmax(0,1fr) 24px;gap:8px;padding:22px 0}.reading-kind{grid-column:1/-1}.reading-row h3{font-size:19px;line-height:1.5}.fit{padding:24px}.fit p{font-size:14px}.fit h2{font-size:25px}summary{font-size:15px;padding-block:20px}details p{font-size:14px}.final-cta{align-items:start;flex-direction:column;gap:24px;padding-block:32px}.final-cta h2{font-size:27px}.final-cta .btn{min-width:180px}.footer{padding-top:36px}.footer-brand{font-size:23px}.footer-brand span{font-size:14px;margin-left:12px}.footer-top{gap:18px}.footer nav{gap:4px 22px}.related{column-gap:18px;row-gap:0;margin-top:18px}.related>span{width:100%}.related a{font-size:11px}.legal{font-size:10px}.mobile-cta{position:fixed;z-index:45;bottom:0;left:0;right:0;border-top:1px solid var(--color-rule);background:var(--color-paper);padding:10px 18px calc(10px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;gap:15px}.mobile-cta>span{font-size:14px;font-weight:700;line-height:1.5}.mobile-cta small{display:block;font-family:var(--font-display);font-size:10px;color:var(--color-muted);letter-spacing:.07em}.mobile-cta .btn{min-height:44px;padding:8px 20px;font-size:14px;gap:24px}.page-title{padding-top:128px;padding-bottom:30px}.page-title h1{font-size:36px}.page-title p{font-size:15px;margin-top:18px}.back{font-size:11px;margin-bottom:18px}.filters{gap:6px}.filters button{padding:6px 16px;min-width:60px;font-size:13px}.filters>span{font-size:11px}.gallery-grid{grid-template-columns:minmax(0,1fr);gap:28px}.gallery-grid .gallery-item:first-child img{aspect-ratio:1.6}.gallery-hint{font-size:12px;line-height:1.8}.download-panel{padding:24px}.download-panel h2{font-size:30px}.download-panel .actions{gap:12px}.download-panel .text-link{font-size:13px}.steps{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:28px}.steps li{padding-top:24px;position:relative;padding-left:50px}.steps li:before{position:absolute;left:0;top:24px;font-size:34px}.steps h3{margin:0 0 12px;font-size:20px}.guide-cards{grid-template-columns:minmax(0,1fr)}.guide-cards a{padding:24px}.guide-cards h2{font-size:21px}.article-layout{padding-bottom:48px}.prose h2{font-size:25px}.prose .lede{font-size:18px}.prose section{padding-block:28px}.prose li{padding-left:4px}.note{padding:20px}th,td{padding:12px 10px;font-size:13px}.legal-page{margin-bottom:44px}dialog{width:100vw;height:100svh;padding:16px;border:0;margin:0;inset:0}.lightbox-top>span{font-size:16px}.lightbox-bottom{flex-wrap:wrap}.lightbox-bottom p{order:-1;max-width:none;width:100%;text-align:left;font-size:13px}.lightbox-bottom button{padding-inline:12px}.lightbox-bottom{padding-bottom:env(safe-area-inset-bottom)}.lightbox-top button{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.gallery-item a:hover img{transform:none}}