/* Cinematic palette: midnight, ember orange and electric cyan. */
:root{--paper:#0b1016;--ink:#f1f4f7;--muted:#a6b2c1;--line:#2b3644;--orange:#ff7844;--sage:#182632;--serif:'Be Vietnam Pro',Arial,sans-serif;--cyan:#62dfdf}
body{background:radial-gradient(ellipse at 90% 8%,#15303b55,transparent 32%),radial-gradient(ellipse at 0 45%,#33201833,transparent 30%),var(--paper);color:var(--ink)}
::selection{background:#ff7844;color:#0b1016}
.header{border-color:var(--line);padding-top:27px;padding-bottom:27px}
.wordmark{font-size:23px;font-weight:800;letter-spacing:-.8px;white-space:nowrap;line-height:1.4}
.wordmark span{color:var(--orange);margin-left:4px}
.header nav{color:#c5cfda}
.nav-contact{border-color:#4b5b6b;border-radius:4px;background:#121c26}
.nav-contact:hover{background:var(--orange);color:#0b1016;border-color:var(--orange)}
.hero{padding-top:75px;padding-bottom:75px;gap:60px}
.hero .eyebrow{color:var(--cyan);font-size:9px;letter-spacing:1.5px}
.dot{background:var(--cyan);box-shadow:0 0 14px #62dfdf70}
h1{font-size:clamp(46px,4.9vw,68px);font-weight:800;letter-spacing:-2.8px;line-height:1.25;margin:25px 0}
em{font-style:italic;color:var(--orange)}
.hero-description{color:#b2becb}
.dark{background:var(--orange);color:#10151c;font-weight:700;box-shadow:0 6px 28px #ff784420}
.dark:hover{background:#ff9368}
.button{border-radius:5px}
.hero-foot{color:#8d9eae}
.photo-placeholder{background:#131e29;border:1px solid #2b3c4c;color:#99aebf;border-radius:4px}
.portrait{aspect-ratio:.89;border-radius:5px;background:linear-gradient(145deg,#19303b,#111a25 60%,#29201e);border:1px solid #3a5060;box-shadow:16px 16px 0 #0e171e,16px 16px 0 1px #263541}
.portrait:after{content:'';position:absolute;top:15px;bottom:15px;left:15px;right:15px;border:1px solid #3f566344;pointer-events:none}
.portrait .photo-no{color:var(--cyan)}
.placeholder-center>span:not(.plus){color:#a0b8c9;font-size:24px;font-weight:500}
.placeholder-center small{opacity:1;color:#9badbb}
.frame-corner{border-color:var(--cyan)}
.c1{top:40px;left:30px}.c2{bottom:95px;right:30px}
.round-note{background:var(--orange);color:#0b1016;font-weight:700;box-shadow:0 0 0 7px #0b1016;right:-18px}
.round-note i{font-size:16px;font-weight:700}
.topic-strip{background:#111e28;border-top:1px solid #2c4352;border-bottom:1px solid #2c4352;color:#dce5ec}
.topic-strip b{color:var(--orange)}
.section-label{color:#91a3b5}
.feature-photo{background:linear-gradient(125deg,#182d36,#14202c);border-color:#2c4352}
.featured-copy h2{font-weight:700;font-size:clamp(25px,2.5vw,35px);line-height:1.5}
.section-heading h2,.practice h2{font-size:38px;font-weight:700;line-height:1.4;letter-spacing:-1.4px}
.filters button{border-radius:4px;color:#afbfcd;background:#111923}
.filters button.active{background:var(--cyan);color:#0b1016;border-color:var(--cyan);font-weight:600}
.filters button:hover:not(.active){background:#203443;border-color:#54778b;color:#f1f4f7}
.search input{color:#f1f4f7}.search input::placeholder{color:#91a3b5}
.card-cover,.article-card:nth-child(3n+2) .card-cover,.article-card:nth-child(3n) .card-cover{background:linear-gradient(140deg,#1d3039,#131d29);border:1px solid #2c4050}
.article-card:nth-child(3n+2) .card-cover{background:linear-gradient(140deg,#33251f,#1b1e29);border-color:#45352f}
.article-card:nth-child(3n) .card-cover{background:linear-gradient(140deg,#192b3c,#191d2d)}
.article-card h3{font-weight:600;font-size:20px;line-height:1.55;letter-spacing:-.6px}
.card-meta span:first-child{color:var(--cyan)}
.card-bottom a{color:var(--orange)}
.about{background:linear-gradient(120deg,#12232d,#111b26 65%,#172632);border-top:1px solid #293d4c;border-bottom:1px solid #293d4c}
.about-heading .eyebrow{color:var(--cyan)}
.about-heading h2{font-weight:700;font-size:43px;line-height:1.4}
.about-story .lead{font-weight:500;font-size:20px;line-height:1.7}
.hand-note{font-size:14px;letter-spacing:-.4px}
blockquote{font-size:22px;font-weight:600;line-height:1.7}
.timeline{border-color:#354654}
.timeline>div>span{color:var(--cyan)}
.checklist{background:#131f2a;border-color:#35495b;box-shadow:7px 7px 0 #132e38;transform:rotate(1deg)}
.checklist-head{color:var(--cyan)}
.checklist>label{border-color:#2a3a48;color:#d6dee6}
.checklist input{accent-color:var(--cyan);color-scheme:dark}
.progress-track{background:#2a3c49}
.wide{background:linear-gradient(140deg,#282522,#14212b)}
.nature{background:linear-gradient(140deg,#13313b,#15212d)}
.contact{background:radial-gradient(ellipse at 95% 10%,#18475366,transparent 50%),linear-gradient(110deg,#162330,#0d1822);border-top:1px solid #365267;color:var(--ink);position:relative}
.contact:before{content:'';position:absolute;top:0;left:0;width:26%;height:3px;background:var(--orange)}
.contact .eyebrow{color:var(--cyan)}
.contact h2{font-weight:800;font-size:46px;line-height:1.4}
.contact h2 em{color:var(--orange)}
.contact p{color:#acbdcb}
.contact-action{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:12px}
.contact-action .button{width:100%;padding:17px 22px}
.phone-button{background:var(--orange);color:#10151c;border:1px solid var(--orange)}
.phone-button:hover{background:#ff986d}
.contact-method{font-size:9px!important;letter-spacing:1.8px}
.contact-method strong{display:block;font-size:23px;letter-spacing:.8px;line-height:1.5;margin-top:5px}
.facebook-button{background:#182e3b;border:1px solid #507787;color:#e4f7f9}
.facebook-button:hover{background:#224454;border-color:var(--cyan)}
.contact-action>span{color:#a9bbc9;font-size:9px;margin-top:0}
.footer p>a{font-size:10px;color:var(--cyan)}
.footer .wordmark{font-size:22px}
.back-top:hover{background:var(--orange);color:#0b1016;border-color:var(--orange)}
dialog{border:1px solid #354957;box-shadow:0 20px 100px #0009;color-scheme:dark}
dialog::backdrop{background:#03080de0}
.reader-content h1{font-weight:800;font-size:38px;line-height:1.5}
.reader-content h2{font-weight:600;font-size:23px;line-height:1.6}
.reader-content .intro{font-size:18px;line-height:1.8}
.reader-content .article-note{background:#152731;color:#c3d5e2;border-color:var(--orange)}
.reader-bottom a{color:var(--cyan)}
.reader-bar .wordmark{font-size:21px}
.skip{background:var(--orange);color:#0b1016}
@media(max-width:1050px){.header nav{gap:22px}.wordmark{font-size:21px}.hero{gap:35px}h1{font-size:52px}.section-heading h2,.practice h2{font-size:34px}.about-heading h2{font-size:38px}.contact h2{font-size:39px}.contact-action{width:270px}}
@media(max-width:760px){.header{gap:14px;padding:18px 20px}.wordmark{font-size:20px;letter-spacing:-.7px}.hero{padding-top:38px;padding-bottom:45px;gap:35px}.hero .eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:clamp(43px,10.2vw,64px);line-height:1.3;letter-spacing:-2px}.hero-visual{max-width:450px}.portrait{aspect-ratio:1;box-shadow:8px 8px 0 #0e171e,8px 8px 0 1px #263541}.round-note{right:0}.featured-copy h2{font-size:28px}.section-heading h2,.practice h2{font-size:31px}.about-heading h2{font-size:37px}.article-card h3{font-size:17px}.about-story .lead{font-size:19px}.checklist{transform:none}.contact h2{font-size:37px}.contact-action{width:100%;max-width:380px}.contact-action .button{padding:16px 20px}.footer .wordmark{font-size:19px}.footer p{min-width:190px}.reader-content h1{font-size:28px}.reader-bar .wordmark{font-size:18px}.reader-bar{padding:16px}.reader-bar button{font-size:10px}.reader-bar button span{padding-left:6px}}
@media(max-width:480px){.header .nav-contact{display:none}.menu-toggle{margin-left:auto}.footer .wordmark{font-size:21px}.footer p{flex-basis:calc(100% - 55px);min-width:0}.reader-content h1{font-size:26px}.reader-content h2{font-size:21px}.round-note{width:95px;height:95px;font-size:9px}.round-note i{font-size:14px}}