:root{--bg-canvas:#13261d;--bg-surface:#20392b;--bg-surface-hover:#294735;--text-primary:#efe6d2;--text-muted:#c8c8b6;--accent-primary:#b8923a;--accent-secondary:#dfc477;--border-subtle:rgba(239,230,210,.2);--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,.28);--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:17px/1.8 "Trebuchet MS","Segoe UI",sans-serif;overflow-wrap:anywhere;hyphens:auto}a{color:var(--accent-secondary);text-underline-offset:5px}a:hover{color:var(--text-primary)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover;border-radius:20px}figure{margin:0}figcaption{font-size:.8rem;color:var(--text-muted);margin-top:12px}h1,h2,h3{line-height:1.16;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:anywhere}h1{font-size:clamp(2.5rem,5.1vw,4.6rem);margin:18px 0 25px}h2{font-size:clamp(1.8rem,3.2vw,2.7rem);margin:0 0 24px}h3{font-size:1.3rem;margin:0 0 12px}p{margin:0 0 23px}ul,ol{padding-left:24px}li{margin-bottom:10px}strong{color:var(--text-primary)}.wrap{max-width:1200px;margin:auto;padding:0 32px}.reading{max-width:70ch;margin:0 auto}.skip{position:absolute;left:16px;top:-100px;padding:10px 20px;background:var(--accent-secondary);color:var(--bg-canvas);z-index:20}.skip:focus{top:10px}.site-header{position:relative;z-index:5;padding:24px 24px 12px}.header-inner{max-width:1450px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;padding:13px 17px;border:1px solid var(--border-subtle);border-radius:40px;background:var(--bg-surface);color:var(--text-primary);font-size:.93rem;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:var(--shadow-elevation)}.brand-mark{color:var(--accent-secondary);font-size:1.3rem}.nav-links{display:flex;align-items:center;gap:18px}.nav-links a{font-size:.79rem;white-space:nowrap;color:var(--text-muted);text-decoration:none}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--accent-secondary)}.menu-toggle{display:none;border:0;background:var(--accent-primary);color:var(--bg-canvas);border-radius:20px;width:46px;height:46px;font-size:1.8rem}.eyebrow{font-size:.75rem;letter-spacing:.17em;text-transform:uppercase;font-weight:700;color:var(--accent-secondary);margin-bottom:18px}.hero{position:relative;padding:90px 0 100px}.dot-grid{background-image:radial-gradient(rgba(239,230,210,.12) .8px,transparent .8px);background-size:20px 20px}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:60px}.hero-copy{max-width:620px}.hero-copy .intro{max-width:46ch;font-size:1.13rem;color:var(--text-muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent-primary);color:#13261d;border:0;border-radius:999px;padding:13px 24px;font-size:.86rem;font-weight:700;text-decoration:none;line-height:1.5;transition:transform .35s var(--ease-kinetic),box-shadow .35s,background .35s}.button:hover{color:#13261d;background:var(--accent-secondary);transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent)}.button.secondary{background:var(--bg-surface);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--border-subtle)}.hero-note{font-size:.78rem;color:var(--text-muted);margin:16px 0 0}.photo-stack{height:530px;position:relative;isolation:isolate}.photo-stack:before{content:"";position:absolute;inset:40px -10px;border:1px solid rgba(184,146,58,.35);border-radius:20px;transform:rotate(6deg);z-index:-1}.photo-stack figure{position:absolute;box-shadow:var(--shadow-elevation);border-radius:20px}.photo-stack .reviewing-notes-photo{width:78%;height:310px;top:12px;left:0;transform:rotate(-5deg)}.photo-stack .daylight-home-office-photo{width:59%;height:265px;right:0;top:180px;transform:rotate(6deg)}.photo-stack .shared-workspace-photo{width:54%;height:180px;bottom:0;left:10px;transform:rotate(-3deg)}.photo-label{position:absolute;bottom:15px;left:15px;background:rgba(19,38,29,.9);backdrop-filter:var(--glass-backdrop);border-radius:12px;padding:5px 12px;font-size:.72rem;color:var(--text-primary)}.section{padding:84px 0}.section-tint{background:rgba(32,57,43,.5)}.section-number{font-size:.75rem;color:var(--accent-secondary);letter-spacing:.12em;margin-bottom:20px}.lead{font-size:1.2rem;color:var(--text-muted)}.pull-quote{border-left:2px solid var(--accent-primary);padding:6px 0 6px 28px;margin:40px -35px;font-size:clamp(1.35rem,2.4vw,1.9rem);line-height:1.5;color:var(--accent-secondary)}.practice-row{display:grid;grid-template-columns:45px 1fr auto;gap:20px;align-items:start;border-top:1px solid var(--border-subtle);padding:27px 0}.practice-row:last-child{border-bottom:1px solid var(--border-subtle)}.practice-row p{margin:0;color:var(--text-muted)}.practice-row .row-link{font-size:.88rem;align-self:center}.practice-icon{font-size:1.5rem;color:var(--accent-secondary);line-height:1.5}.annotation,.panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:20px;padding:30px;margin:30px 0}.annotation p:last-child,.panel p:last-child{margin-bottom:0}.annotation-label{display:block;margin-bottom:15px;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-secondary)}.wide-photo{width:min(1000px,calc(100vw - 64px));margin:46px 0 46px 50%;transform:translateX(-50%)}.wide-photo img{aspect-ratio:16/9;height:auto}.feature-photo img{aspect-ratio:4/3;height:auto}.route-link{display:inline-block;margin-top:20px;font-weight:700}.page-intro{padding:85px 0 48px}.page-intro h1{max-width:18ch}.page-intro .reading h1{max-width:none}.article-body{padding-bottom:80px}.article-body h2{margin-top:52px;font-size:1.9rem}.article-body h3{margin-top:32px}.article-meta{font-size:.8rem;color:var(--text-muted)}.checklist{list-style:none;padding:0}.checklist li{position:relative;padding:13px 0 13px 33px;border-bottom:1px solid var(--border-subtle)}.checklist li:before{content:"✓";position:absolute;left:0;color:var(--accent-secondary)}.decision-tree{border-left:1px solid var(--accent-primary);padding-left:24px;margin:30px 0}.decision-tree p{border-bottom:1px solid var(--border-subtle);padding-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:30px}.rhythm{width:100%;border-collapse:collapse;min-width:550px}.table-scroll{overflow-x:auto;margin:28px 0}.rhythm th,.rhythm td{padding:16px;text-align:left;border-bottom:1px solid var(--border-subtle);vertical-align:top}.rhythm th{color:var(--accent-secondary)}details{border-top:1px solid var(--border-subtle);padding:22px 0}details:last-child{border-bottom:1px solid var(--border-subtle)}summary{cursor:pointer;font-weight:700;line-height:1.5;padding-right:15px}details p{margin:18px 0 0;color:var(--text-muted)}.next-reading{margin-top:55px;padding-top:30px;border-top:1px solid var(--border-subtle)}.site-footer{border-top:1px solid var(--border-subtle);padding:44px 0;margin-top:20px;font-size:.83rem;color:var(--text-muted)}.footer-inner{display:flex;justify-content:space-between;align-items:start;gap:28px;flex-wrap:wrap}.footer-brand{display:block;font-weight:700;margin-bottom:10px}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.site-footer p{margin:8px 0}.field{display:block;margin:0 0 23px}.field span{display:block;margin-bottom:7px;font-weight:700}.field small{display:block;color:var(--text-muted);margin-top:6px}input,textarea,select{display:block;width:100%;background:var(--bg-canvas);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:14px;padding:12px 15px}textarea{min-height:150px;resize:vertical}input::placeholder,textarea::placeholder{color:#b5bcaa}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.message-preview{white-space:pre-wrap;font:inherit;overflow-wrap:anywhere;margin:0;min-height:120px}.status{min-height:28px;color:var(--accent-secondary);font-size:.9rem}.small{font-size:.85rem;color:var(--text-muted)}[hidden]{display:none!important}.js-reveal .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.js-reveal .reveal.reveal-visible{opacity:1;transform:translateY(0)}
@media(min-width:1025px){.hero-copy h1{max-width:12ch}}
@media(min-width:769px) and (max-width:1024px){.header-inner{flex-wrap:wrap}.nav-links{width:100%;justify-content:space-between;gap:12px}.hero-grid{gap:30px}.photo-stack{height:450px}.photo-stack .reviewing-notes-photo{height:260px}.photo-stack .daylight-home-office-photo{height:220px}.photo-stack .shared-workspace-photo{height:160px}}
@media(max-width:768px){.site-header{padding:18px 18px 0}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:calc(100% + 10px);left:18px;right:18px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:20px;padding:16px;box-shadow:var(--shadow-elevation)}.nav-links.is-open{display:grid;grid-template-columns:1fr 1fr;gap:0}.nav-links a{padding:12px;font-size:.9rem;white-space:normal}.hero{padding:55px 0 65px}.hero-grid{grid-template-columns:1fr;gap:45px}.hero-copy{max-width:640px}.photo-stack{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px}.photo-stack:before{display:none}.photo-stack figure{position:relative!important;width:100%!important;height:auto!important;inset:auto!important;transform:none!important;aspect-ratio:4/3}.photo-stack .reviewing-notes-photo{grid-column:1/-1;aspect-ratio:16/9}.photo-label{font-size:.65rem;left:8px;bottom:8px;padding:4px 8px}.section{padding:58px 0}.page-intro{padding:55px 0 30px}.pull-quote{margin:32px 0;padding-left:20px}.practice-row{grid-template-columns:32px 1fr;gap:14px}.practice-row .row-link{grid-column:2}.wide-photo{width:calc(100vw - 48px)}.wrap{padding:0 24px}.annotation,.panel{padding:23px}}
@media(min-width:481px) and (max-width:768px){h1{font-size:3.4rem}.hero-copy .intro{max-width:54ch}}
@media(max-width:480px){body{font-size:16px}.wrap{padding:0 20px}.brand{font-size:.8rem;padding:11px 13px;gap:7px}.header-inner{gap:10px}.nav-links.is-open{grid-template-columns:1fr}.nav-links{max-height:75vh;overflow-y:auto}.hero{padding-top:40px}.photo-stack{grid-template-columns:1fr}.photo-stack .reviewing-notes-photo{grid-column:auto}.photo-stack figure{aspect-ratio:16/9!important}.wide-photo{width:calc(100vw - 40px)}.annotation,.panel{padding:20px}.footer-inner{display:block}.footer-links{margin:22px 0}.button{padding:12px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-reveal .reveal{opacity:1;transform:none}.button:hover{transform:none}}