:root{--bg-canvas:#13261d;--bg-surface:#20382b;--bg-surface-hover:#2a4434;--text-primary:#efe6d2;--text-muted:#c8c4b0;--accent-primary:#b8923a;--accent-secondary:#ddc785;--border-subtle:rgba(184,146,58,.42);--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(0,0,0,.25);--glow-accent:0 0 24px -4px rgba(184,146,58,.23);--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box;border-radius:0}
html{scroll-behavior:smooth;scroll-padding-top:2rem;color-scheme:dark}
body{margin:24px;background:var(--bg-canvas);color:var(--text-primary);font-family:Charter,Cambria,Georgia,serif;font-size:18px;line-height:1.65;overflow-wrap:anywhere;hyphens:auto;border:1px solid var(--border-subtle);min-height:calc(100vh - 48px)}
a{color:var(--accent-secondary);text-underline-offset:5px;text-decoration-thickness:1px;transition:color .25s,text-underline-offset .25s}
a:hover{color:var(--text-primary);text-underline-offset:8px}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
button,a,input,textarea,summary{ -webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:5px}
img{display:block;width:100%;height:100%;object-fit:cover}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:400;line-height:1.12;text-wrap:balance}
h1{font-size:clamp(2.5rem,5.5vw,4.7rem);letter-spacing:-.04em;max-width:19ch}
h2{font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.025em}
h3{font-size:1.5rem}
p+p{margin-top:1rem}
.wrap{width:min(1200px,calc(100% - 72px));margin-inline:auto}
.site-header{position:relative;padding:25px 0;border-bottom:1px solid var(--border-subtle)}
.header-inner{display:flex;align-items:center;gap:30px}
.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none;color:var(--text-primary);font-size:1.15rem;letter-spacing:.015em}
.brand-mark{display:grid;place-items:center;width:27px;height:36px;border:1px solid var(--accent-primary);color:var(--accent-secondary);font-size:23px}
.site-nav{display:flex;flex:1;justify-content:space-between;gap:18px}
.nav-group{display:flex;align-items:center;gap:17px}
.site-nav a{font-size:.88rem;white-space:nowrap;text-decoration:none;color:var(--text-muted)}
.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--accent-secondary);text-decoration:underline}
.menu-toggle{display:none;background:none;border:1px solid var(--border-subtle);color:var(--text-primary);font-size:1.7rem;line-height:1;padding:6px 13px}
.skip-link{position:absolute;left:12px;top:-100px;padding:8px 16px;background:var(--text-primary);color:var(--bg-canvas);z-index:20}
.skip-link:focus{top:12px}
.hero{position:relative;padding:39px 0 34px;background:linear-gradient(115deg,transparent,rgba(184,146,58,.055),transparent);background-size:200% 200%;animation:gradientShift 12s ease infinite}
.hero-inner{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.hero p{max-width:38ch;color:var(--text-muted);font-size:1.02rem}
.eyebrow,.caption-rail,.badge,.meta{font-variant:small-caps;letter-spacing:.12em;font-size:.77rem}
.eyebrow{display:block;color:var(--accent-secondary);margin-bottom:14px}
.button{display:inline-block;border:1px solid var(--accent-primary);padding:10px 19px;background:var(--accent-primary);color:var(--bg-canvas);text-decoration:none;font-weight:600;transition:transform .35s var(--ease-kinetic),box-shadow .35s var(--ease-kinetic)}
.button:hover{color:var(--bg-canvas);transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent)}
.text-action{display:inline-block;margin-top:17px}
.home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"interiors interiors cactus" "textures space space" "light light questions";gap:24px;padding-bottom:50px}
.feature{position:relative;background:var(--bg-surface);border:1px solid var(--border-subtle);transition:transform .45s var(--ease-kinetic),box-shadow .45s var(--ease-kinetic),background .45s}
.feature:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);background:var(--bg-surface-hover)}
.feature-interiors{grid-area:interiors}.feature-cactus{grid-area:cactus}.feature-textures{grid-area:textures}.feature-space{grid-area:space}.feature-light{grid-area:light}.feature-questions{grid-area:questions}
.image-wrap{position:relative;aspect-ratio:4/3}
.feature-interiors .image-wrap,.feature-space .image-wrap{aspect-ratio:16/9}
.badge{position:absolute;left:22px;bottom:-13px;background:var(--accent-primary);color:var(--bg-canvas);padding:3px 12px;font-weight:600}
.feature-copy{padding:29px 24px 24px}
.feature-copy p{margin-top:13px;color:var(--text-muted);font-size:1rem}
.caption-rail{border-top:1px solid var(--border-subtle);padding:10px 24px;color:var(--text-muted)}
.feature-light .image-wrap{aspect-ratio:16/9;max-height:310px}
.feature-questions{padding:28px}
.feature-questions h2{margin-bottom:20px}
details{border-top:1px solid var(--border-subtle);padding:16px 0}
details:last-child{border-bottom:1px solid var(--border-subtle)}
summary{cursor:pointer;color:var(--text-primary);line-height:1.4;padding-right:10px}
details p{color:var(--text-muted);font-size:1rem;margin:13px 0 0}
.article-header{padding:44px 0 30px}
.article-header .intro{max-width:65ch;font-size:1.2rem;color:var(--text-muted);margin-top:22px}
.article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px;align-items:start;padding-bottom:44px}
.article-main{grid-column:span 2;min-width:0}
.prose{max-width:70ch;margin:0 auto}
.prose h2{font-size:1.9rem;margin:35px 0 16px}
.prose h3{margin:26px 0 12px}
.prose p,.prose li{color:var(--text-muted)}
.prose ul,.prose ol{padding-left:1.3rem}
.prose strong{color:var(--text-primary);font-weight:600}
.article-photo{margin:0 0 30px;border:1px solid var(--border-subtle)}
.article-photo .image-wrap{aspect-ratio:16/9}
.article-photo figcaption{font-size:.88rem;color:var(--text-muted);padding:12px 18px}
.side-note{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:25px}
.side-note h2{font-size:1.5rem;margin-bottom:17px}
.side-note p,.side-note li{font-size:1rem;color:var(--text-muted)}
.side-note ul{padding-left:19px}
.side-note .image-wrap{aspect-ratio:1;margin:-25px -25px 25px}
.side-note .meta{display:block;margin-top:20px}
.table-wrap{overflow-x:auto;margin:25px 0;border:1px solid var(--border-subtle)}
table{width:100%;border-collapse:collapse;font-size:.96rem}
th,td{text-align:left;vertical-align:top;padding:13px;border-bottom:1px solid var(--border-subtle);min-width:130px}
th{background:var(--bg-surface);color:var(--text-primary);font-weight:400}
td{color:var(--text-muted)}
.page-body{padding-bottom:55px}
.simple-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin:30px 0}
.panel{padding:28px;border:1px solid var(--border-subtle);background:var(--bg-surface)}
.panel h2{font-size:1.6rem;margin-bottom:16px}
.panel p{color:var(--text-muted)}
.composer{max-width:70ch;margin:0 auto}
label{display:block;margin:18px 0 6px}
input,textarea{display:block;width:100%;background:var(--bg-canvas);color:var(--text-primary);padding:12px 14px;border:1px solid var(--border-subtle)}
textarea{resize:vertical;min-height:180px}
input:focus,textarea:focus{border-color:var(--accent-secondary)}
.actions{display:flex;align-items:center;flex-wrap:wrap;gap:23px;margin:22px 0}
.link-button{padding:4px 0;border:0;background:none;color:var(--accent-secondary);text-decoration:underline;text-underline-offset:5px;transition:text-underline-offset .25s}
.link-button:hover{text-underline-offset:9px}
.output{white-space:pre-wrap;background:var(--bg-canvas);border:1px solid var(--border-subtle);padding:20px;min-height:100px;font:inherit;color:var(--text-muted)}
.status{min-height:1.7em;color:var(--accent-secondary);font-size:.95rem}
.help{font-size:.92rem;color:var(--text-muted)}
.site-footer{border-top:1px solid var(--border-subtle);padding:29px 0}
.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.footer-inner p{font-size:.87rem;color:var(--text-muted)}
.footer-links{display:flex;gap:20px;font-size:.9rem;flex-wrap:wrap}
.reveal-enabled .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}
.reveal-enabled .reveal-visible{opacity:1;transform:translateY(0)}
@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(min-width:1025px){.article-grid{grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}.article-main{grid-column:auto}}
@media(min-width:769px) and (max-width:1024px){body{margin:16px}.wrap{width:calc(100% - 44px)}.header-inner{gap:18px}.nav-group{gap:11px}.brand{font-size:1rem}.site-nav a{font-size:.77rem}.article-main{grid-column:1/-1}.home-grid{gap:18px}.feature-copy{padding-inline:18px}.hero-inner{align-items:start}}
@media(max-width:768px){body{margin:12px;min-height:calc(100vh - 24px)}.wrap{width:calc(100% - 36px)}.header-inner{justify-content:space-between;flex-wrap:wrap;gap:18px}.site-header{padding:18px 0}.site-nav{width:100%;flex-basis:100%;flex-direction:column;gap:0}.nav-group{flex-wrap:wrap;padding:10px 0;gap:15px 22px}.site-nav a{font-size:1rem}.js .menu-toggle{display:block}.js .site-nav{display:none}.js .site-nav.is-open{display:flex;animation:menuIn .25s var(--ease-kinetic)}.hero-inner{display:block}.hero p{margin-top:18px;max-width:55ch}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"interiors interiors" "cactus textures" "space space" "light light" "questions questions";gap:18px}.article-grid{display:block}.article-main{margin-bottom:25px}.footer-inner{display:block}.footer-links{margin-top:18px}.article-header{padding-top:32px}.hero{padding:29px 0}.feature-copy{padding-inline:19px}}
@media(max-width:480px){body{margin:8px}.wrap{width:calc(100% - 28px)}.brand{font-size:1.05rem}.home-grid{display:flex;flex-direction:column}.feature-interiors .image-wrap,.feature-space .image-wrap{aspect-ratio:4/3}.hero h1{font-size:2.7rem}.hero p{font-size:1rem}.article-header h1{font-size:2.55rem}.panel{padding:20px}.simple-grid{grid-template-columns:minmax(0,1fr)}.footer-links{gap:16px}.actions{gap:18px}.article-grid{grid-template-columns:minmax(0,1fr)}}
@keyframes menuIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal-enabled .reveal{opacity:1;transform:none}.feature:hover,.button:hover{transform:none}}