:root{color-scheme:light;--paper:#e7e8e4;--surface:#f7f8f5;--ink:#171b1c;--muted:#596164;--line:#adb3af;--accent:#f05a28;--display:ui-monospace, SFMono-Regular, Menlo, monospace;--sans:Inter,"Noto Sans SC","PingFang SC",system-ui,sans-serif;font-family:var(--sans);background:var(--paper);color:var(--ink)}
*{box-sizing:border-box}html{min-width:20rem;scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;background:var(--paper);line-height:1.75}body,button{font:inherit}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}img{display:block;max-width:100%}.site-container{width:min(100% - 3rem,80rem);margin-inline:auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.eyebrow{margin:0 0 1rem;color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.site-header{position:sticky;z-index:30;top:0;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}.site-brand{display:flex;min-width:0;align-items:center;gap:.85rem}.brand-mark{display:grid;width:2.15rem;height:2.15rem;grid-template-columns:repeat(3,1fr);gap:3px;padding:.4rem;border:1px solid currentColor}.brand-mark i{align-self:end;background:currentColor}.brand-mark i:nth-child(1){height:45%}.brand-mark i:nth-child(2){height:100%}.brand-mark i:nth-child(3){height:70%}.brand-copy{display:grid;min-width:0}.brand-copy strong{overflow:hidden;max-width:21rem;text-overflow:ellipsis;white-space:nowrap;font-family:var(--display);font-size:1.08rem}.brand-copy small{color:var(--muted);font-size:.55rem;letter-spacing:.12em}.site-nav{display:flex;align-items:center}.nav-toggle{display:none;width:2.8rem;height:2.8rem;padding:.7rem;border:1px solid currentColor;background:transparent;color:inherit}.nav-toggle>span:not(.visually-hidden){display:block;height:1px;margin:.35rem 0;background:currentColor}
.hero-copy h1,.section-heading h2,.page-heading h1,.article-heading h1{margin:0;font-family:var(--display);font-weight:650;letter-spacing:-.045em}.hero-description{color:var(--muted);font-size:clamp(1rem,1.5vw,1.18rem)}.home-sections{padding:clamp(4rem,9vw,9rem) 0}.home-section+.home-section{margin-top:clamp(5rem,10vw,10rem)}.section-heading{margin-bottom:2rem}.section-heading span{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.1em}.section-heading p{margin:.7rem 0 0;color:var(--muted)}.section-link,.read-link{display:inline-flex;align-items:center;gap:.7rem;color:var(--accent);font-size:.83rem;font-weight:800}.card-grid{display:grid}.content-card{min-width:0}.cover-slot{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;background:var(--line)}.cover-slot img{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.cover-slot:hover img{transform:scale(1.025)}.cover-slot img.is-broken{display:none}.cover-fallback{position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,var(--surface)),var(--line))}.cover-fallback:before,.cover-fallback:after,.cover-fallback i,.cover-fallback b{position:absolute;content:""}.cover-fallback:before{inset:13%;border:1px solid color-mix(in srgb,var(--ink) 30%,transparent)}.cover-fallback:after{right:13%;bottom:13%;width:42%;height:55%;border:1px solid color-mix(in srgb,var(--ink) 30%,transparent);background:color-mix(in srgb,var(--surface) 18%,transparent)}.cover-fallback i{bottom:13%;left:13%;width:29%;height:33%;border:1px solid color-mix(in srgb,var(--ink) 30%,transparent)}.cover-fallback b{top:20%;left:20%;width:8%;aspect-ratio:1;border-radius:50%;background:var(--accent)}.card-body h3,.list-card-body h2{margin:0;font-family:var(--display);font-size:1.3rem;line-height:1.35}.card-meta{margin:0 0 .55rem;color:var(--accent);font-size:.7rem;font-weight:750;letter-spacing:.08em}.card-body>p:last-child,.list-card-body>p{margin:.8rem 0 0;color:var(--muted);font-size:.92rem}
.page-main{padding:1.2rem 0 clamp(5rem,10vw,9rem)}.page-shell{max-width:75rem}.article-shell{max-width:62rem}.breadcrumbs{margin-bottom:2rem;color:var(--muted);font-size:.8rem}.breadcrumbs a{color:var(--accent)}.page-heading{display:grid;grid-template-columns:5rem 1fr;gap:2rem;align-items:start;margin:clamp(3rem,7vw,7rem) 0 3rem;padding-bottom:2rem;border-bottom:1px solid var(--ink)}.page-heading>span{font-family:var(--display);font-size:3rem;color:var(--accent)}.page-heading h1{font-size:clamp(3rem,7vw,6.5rem);line-height:1}.page-heading p:last-child{max-width:42rem;color:var(--muted)}.list-grid{display:grid;gap:0}.list-card{display:grid;gap:1.5rem;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--line)}.list-index{align-self:start;color:var(--accent);font-size:.75rem}.list-card-body h2{font-size:clamp(1.5rem,3vw,2.5rem)}.read-link{margin-top:1.2rem}.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:3rem}.pagination a,.pagination span{display:grid;min-width:2.8rem;min-height:2.8rem;place-items:center;border:1px solid var(--line);background:var(--surface)}.pagination a:hover,.pagination .active{border-color:var(--accent);background:var(--accent);color:var(--surface)}
.article-panel{background:var(--surface);border:1px solid var(--line)}.article-heading{padding:clamp(2rem,6vw,5rem);border-bottom:1px solid var(--line)}.article-heading h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1.12}.article-heading>p:last-child,.article-meta{color:var(--muted)}.article-cover{width:calc(100% - clamp(2rem,8vw,7rem));margin:clamp(1rem,4vw,3.5rem) auto 0}.article-body{padding:clamp(2rem,6vw,5rem);color:var(--muted);font-size:clamp(1rem,1.5vw,1.08rem)}.article-body>:first-child{margin-top:0}.article-body h2,.article-body h3{margin:2.2em 0 .8em;color:var(--ink);line-height:1.35}.article-body p{margin:1.2em 0}.article-body a{color:var(--accent);text-decoration:underline;text-underline-offset:.2em}.article-body img{width:100%;aspect-ratio:16/9;margin:2rem 0;object-fit:cover;background:var(--line)}.article-adjacent{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.article-adjacent>*{display:grid;gap:.4rem;min-width:0;padding:1.5rem clamp(1.5rem,4vw,3rem)}.article-adjacent>:last-child{border-left:1px solid var(--line);text-align:right}.article-adjacent small{color:var(--accent)}.article-adjacent strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-footer{padding-top:clamp(4rem,8vw,7rem);background:var(--ink);color:color-mix(in srgb,var(--paper) 65%,transparent)}.footer-lead{display:flex;align-items:end;gap:2rem;padding-bottom:2rem;border-bottom:1px solid color-mix(in srgb,var(--paper) 22%,transparent)}.footer-lead span{color:var(--accent);font-family:var(--display);font-size:2rem}.footer-lead p{margin:0;color:var(--paper);font-family:var(--display);font-size:clamp(2rem,5vw,4.5rem);line-height:1}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;padding-top:3rem}.footer-group h2{margin:0 0 1rem;color:var(--accent);font-size:.7rem;letter-spacing:.14em}.footer-group ul{display:grid;gap:.65rem;margin:0;padding:0;list-style:none}.footer-group a:hover{color:var(--paper)}.footer-bottom{margin-top:3rem;padding:1.4rem 0;border-top:1px solid color-mix(in srgb,var(--paper) 22%,transparent);font-size:.78rem}.footer-bottom p{margin:0}
body{background-image:linear-gradient(color-mix(in srgb,var(--line) 35%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--line) 35%,transparent) 1px,transparent 1px);background-size:2rem 2rem}.site-header{border-bottom:3px solid var(--ink);background:var(--surface)}.header-inner{min-height:4.5rem}.brand-mark{border-radius:0}.brand-copy small,.eyebrow,.card-meta{font-family:var(--display)}.site-nav{align-self:stretch;gap:0}.site-nav a{display:grid;place-items:center;padding:0 1.4rem;border-left:1px solid var(--line)}.site-nav a:last-child{border-right:1px solid var(--line)}.site-nav a:hover,.site-nav a.is-active{background:var(--ink);color:var(--surface)}.hero-gridwork{border-bottom:3px solid var(--ink);background:var(--ink);color:var(--surface)}.hero-gridwork .hero-grid{display:grid;grid-template-columns:6rem minmax(0,1fr) minmax(20rem,.8fr);min-height:35rem;padding-block:4rem}.hero-index{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--muted)}.hero-index strong{font-size:3rem}.hero-copy{padding:2rem}.hero-copy h1{font-family:var(--sans);font-size:clamp(3.2rem,7vw,7rem);max-width:10ch}.hero-media{align-self:center}.section-heading{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--ink);padding:1.5rem}.card-grid{gap:0;border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.content-card{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--surface)}.card-cover{border-radius:0}.card-body{padding:1.25rem}.list-card{grid-template-columns:3rem minmax(15rem,.38fr) 1fr;border-bottom:2px solid var(--ink)}.footer-grid{border-top:1px solid var(--muted)}
@media(max-width:64rem){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-card,.content-card:first-child,.content-card:nth-child(2),.content-card:nth-child(n){grid-column:auto}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-gridwork .hero-grid{grid-template-columns:4rem 1fr}.hero-gridwork .hero-media{grid-column:2}.list-card,.list-card:nth-child(n){grid-template-columns:3rem minmax(13rem,.4fr) 1fr}.list-card-body,.list-cover{grid-column:auto;grid-row:auto}}
@media(max-width:48rem){.site-container{width:min(100% - 1.25rem,80rem)}.site-header{top:0;width:100%;margin:0;border-radius:0}.header-inner{min-height:4.3rem;padding-inline:0}.brand-copy strong{max-width:13rem}.brand-copy small{display:none}.nav-toggle{display:block}.site-nav{position:absolute;top:calc(100% + 1px);right:.625rem;left:.625rem;display:none;gap:.2rem!important;padding:.65rem;border:1px solid var(--line);border-radius:0;background:var(--surface);box-shadow:0 1.2rem 3rem #0003;color:var(--ink)}.site-nav.is-open{display:grid}.site-nav a{display:block;padding:.8rem!important;border:0!important}.site-nav a:hover,.site-nav a.is-active{background:var(--ink);color:var(--surface)}.hero,.hero-nocturne{min-height:auto;padding:4rem 0}.hero-nocturne{padding-top:8rem}.hero-nocturne .hero-copy{padding-bottom:0}.hero-minimal .hero-grid,.hero-hearth .hero-grid,.hero-canopy .hero-grid,.hero-corporate .hero-grid,.hero-gridwork .hero-grid{grid-template-columns:1fr;min-height:auto;gap:2.5rem}.hero-gridwork .hero-index{display:none}.hero-gridwork .hero-copy,.hero-gridwork .hero-media{grid-column:auto;padding:0}.hero-copy h1{font-size:clamp(2.8rem,15vw,5rem)!important}.hero-orbit{width:75%;margin:auto}.hero-panel{border-top:1px solid #ffffff55;border-left:0}.section-heading,.section-heading:nth-child(n),.page-heading{grid-template-columns:1fr;gap:1rem}.section-heading>span{display:none}.card-grid,.footer-grid{grid-template-columns:1fr}.content-card:nth-child(even){margin-top:0}.list-card,.list-card:nth-child(n){grid-template-columns:2rem minmax(0,1fr);gap:1rem}.list-index{grid-row:1/3}.list-cover,.list-card-body{grid-column:2}.article-heading h1{font-size:clamp(2.2rem,11vw,4rem)}.article-adjacent{grid-template-columns:1fr}.article-adjacent>:last-child{border-top:1px solid var(--line);border-left:0;text-align:left}.footer-lead{align-items:start;flex-direction:column}.footer-lead p{font-size:clamp(2.2rem,11vw,4rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}