/* SaúdeMental.io — Editorial Edition 2.0 */
:root {--paper:#f6f4ef;--white:#fcfbf7;--ink:#24312f;--muted:#737b74;--forest:#173630;--forest-dark:#102822;--sage:#879d91;--line:#d8d9d1;--sand:#e5e3d9;--max:1340px;--display:'Instrument Serif','EB Garamond',Georgia,serif;--body:'DM Sans',Inter,Arial,sans-serif;--mono:'DM Mono','DejaVu Sans Mono',monospace}
* {box-sizing:border-box}
html {scroll-behavior:smooth;scroll-padding-top:82px}
body {margin:0;background:var(--paper);color:var(--ink);font:400 15px/1.65 var(--body);-webkit-font-smoothing:antialiased}
body.modal-open {overflow:hidden}
body.large-text {font-size:18px}
button,input,textarea,select {font:inherit}
button {cursor:pointer}
a {color:inherit;text-decoration:none}
button,a,input,select,textarea {outline-offset:4px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {outline:2px solid #68968a}
img {display:block;max-width:100%}
.container {width:min(calc(100% - 92px),var(--max));margin-inline:auto}
.skip {position:fixed;z-index:200;left:14px;top:-100px;background:#fff;padding:12px 20px}
.skip:focus {top:8px}
[hidden] {display:none!important}
.eyebrow {font:500 10px/1.5 var(--mono);letter-spacing:.18em;text-transform:uppercase;margin:0 0 20px}
.eyebrow.light {color:#b6c8bf}
.eyebrow .sep,.sep {margin:0 10px;color:#8f9991}
.section {padding-top:118px;padding-bottom:116px}
.section-heading {display:flex;align-items:end;justify-content:space-between;gap:55px;margin-bottom:45px;border-top:1px solid var(--ink);padding-top:20px}
.section-heading h2 {font:400 clamp(48px,5.8vw,83px)/.99 var(--display);letter-spacing:-.045em;margin:0}
.section-heading h2 em {font-weight:400;color:#718778}
.section-heading>p {max-width:355px;font-size:14px;line-height:1.9;color:#727972;margin:0 4px 8px}
.section-heading .eyebrow {margin-bottom:18px}
.section-heading .small-index {color:#8a978f}
/* Issue strip and oversized magazine masthead */
.issue-bar {background:#203832;color:#ebece5;min-height:34px;display:flex;align-items:center}
.issue-inner {display:flex;justify-content:space-between;align-items:center;gap:16px;font:500 9px/1.4 var(--mono);letter-spacing:.12em}
.issue-inner .dot {color:#b5c4a5;margin:0 10px}
.masthead {min-height:148px;display:flex;align-items:center;justify-content:space-between;position:relative}
.brand {display:inline-flex;align-items:baseline;letter-spacing:-.075em;white-space:nowrap;line-height:1}
.brand-text {font:400 clamp(54px,7.2vw,105px)/.9 var(--display);letter-spacing:-.075em}
.brand-text>span {font-style:italic;font-weight:400}
.brand-text small {font:400 .39em/1 var(--display);letter-spacing:-.03em;margin-left:4px}
.masthead-tagline {font:500 10px/1.65 var(--mono);letter-spacing:.18em;text-align:right;color:#667a6e;padding-top:25px}
.nav-frame {border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.nav-wrap {min-height:59px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.desktop-nav {display:flex;align-items:center;gap:clamp(18px,2.4vw,43px)}
.desktop-nav a {font:600 10px/1.3 var(--body);letter-spacing:.075em;text-transform:uppercase;position:relative}
.desktop-nav a:hover,.footer a:hover {color:#728b7d}
.nav-actions {display:flex;align-items:center;gap:24px}
.text-size {border:0;background:transparent;color:#52685e;font:500 16px/1 var(--display);padding:7px}
.text-size sup {font:500 10px var(--mono)}
.nav-contact {font:600 10px/1.2 var(--body);text-transform:uppercase;letter-spacing:.09em;white-space:nowrap;display:flex;gap:25px;align-items:center}
.nav-contact span {font:24px/.8 var(--display)}
.mobile-menu-button {display:none;border:0;background:none;flex-direction:column;gap:6px;padding:10px}
.mobile-menu-button span {width:22px;height:1px;background:var(--ink);display:block}
.mobile-nav {background:var(--paper);padding:16px 28px 26px;position:absolute;z-index:20;left:0;right:0;border-bottom:1px solid var(--ink);box-shadow:0 15px 25px #122b291a}
.mobile-nav a {display:block;border-bottom:1px solid var(--line);padding:13px 0;font-size:14px}
/* Cover story */
.hero {padding-top:44px;padding-bottom:50px}
.hero-layout {display:grid;grid-template-columns:1.03fr .97fr;gap:clamp(32px,4.7vw,78px);min-height:610px}
.hero-copy {display:flex;flex-direction:column;padding:30px 0 10px}
.hero-eyebrow {color:#60786c;display:flex;align-items:center;gap:12px;white-space:nowrap}
.hero-eyebrow>span:last-child {color:#9a9f95;letter-spacing:.09em;margin-left:auto}
.tiny-circle {width:6px;height:6px;background:#97a798;border-radius:50%;display:inline-block}
.hero h1 {font:400 clamp(80px,9vw,143px)/.83 var(--display);letter-spacing:-.062em;margin:48px 0 0;max-width:680px}
.hero h1 em {display:block;color:#758f7b;font-weight:400;letter-spacing:-.058em}
.hero-line {height:1px;width:75px;background:#6d857a;margin:45px 0 29px}
.hero-description {max-width:410px;color:#5b655f;font-size:16px;line-height:1.87;margin:0}
.editorial-link {margin-top:31px;display:inline-flex;align-items:center;gap:20px;align-self:start;font:600 11px var(--body);text-transform:uppercase;letter-spacing:.1em}
.circle-arrow {border:1px solid var(--ink);width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font:22px var(--display);transition:background .25s,color .25s,transform .25s}
.editorial-link:hover .circle-arrow {background:var(--ink);color:var(--white);transform:translate(3px,-3px)}
.hero-left-foot {display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:62px;font:500 9px var(--mono);letter-spacing:.1em;color:#8b928a}
.hero-photo {position:relative;min-height:610px;isolation:isolate}
.hero-photo>img {height:100%;min-height:590px;width:100%;object-fit:cover;object-position:center;filter:saturate(.7) contrast(.9)}
.hero-photo:after {content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#24362e47 100%);pointer-events:none}
.photo-overprint {position:absolute;top:27px;left:30px;right:30px;display:flex;align-items:start;justify-content:space-between;color:#233c34;z-index:1;font:500 9px var(--mono);letter-spacing:.16em;text-shadow:0 1px 12px #f4f1e6}
.photo-overprint span:first-child {font:400 58px/.85 var(--display);letter-spacing:-.04em}
.image-caption {position:absolute;bottom:23px;left:30px;right:30px;z-index:1;color:white;font:italic 35px/1 var(--display);letter-spacing:-.01em;display:flex;align-items:end;justify-content:space-between;gap:20px}
.image-caption span {font:500 8px/1.5 var(--mono);letter-spacing:.16em}
.thin-ticker {border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.thin-ticker .container {min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#5e7367;font:500 10px var(--mono);letter-spacing:.13em}
.thin-ticker .asterisk {font:20px var(--display);color:#839b8f}
/* Editorial picks */
.featured-section {padding-top:105px}
.featured-grid {display:grid;grid-template-columns:1.07fr .93fr;gap:55px}
.feature-click,.feature-side {text-align:left;color:inherit;background:none;border:0;padding:0;display:block;width:100%}
.feature-big .feature-image {height:420px;overflow:hidden;position:relative}
.feature-image img {width:100%;height:100%;object-fit:cover;transition:transform .65s}
.feature-big:hover img,.feature-side:hover img {transform:scale(1.04)}
.feature-image-stamp {position:absolute;bottom:18px;left:23px;font:500 9px var(--mono);letter-spacing:.15em;color:#fff;text-shadow:0 1px 5px #223c41}
.feature-main-body {padding-top:22px}
.feature-main-body .eyebrow {margin:0 0 13px;color:#75827b}
.feature-main-body h3 {font:400 clamp(35px,3.6vw,56px)/1.02 var(--display);letter-spacing:-.03em;margin:0 0 20px;max-width:600px}
.feature-read {font:600 10px var(--body);letter-spacing:.14em;color:#3a5a4d;display:inline-flex;gap:16px;align-items:center}
.feature-read span {font-size:20px;font-family:var(--display)}
.feature-side-stack {display:flex;flex-direction:column;gap:28px}
.feature-side {display:grid;grid-template-columns:44% 1fr;gap:25px;border-bottom:1px solid var(--line);padding-bottom:27px;align-items:start}
.feature-side img {width:100%;height:212px;object-fit:cover;transition:transform .55s;filter:saturate(.7)}
.feature-side-body {min-width:0}
.feature-side .eyebrow {font-size:9px;color:#78867b;margin:4px 0 15px;letter-spacing:.12em}
.feature-side .eyebrow span {color:#a5aaa0;margin-left:6px}
.feature-side h3 {font:400 clamp(28px,2.7vw,40px)/1.07 var(--display);letter-spacing:-.03em;margin:0 0 22px}
.feature-side .feature-read {font-size:9px}
.feature-disclaimer {font:500 9px var(--mono);letter-spacing:.12em;color:#838d83;margin:32px 0 0;text-align:right}
.feature-disclaimer span {margin:0 10px}
/* Moving pictures */
.program-section {background:var(--forest-dark);color:#eeeae1;padding:75px 0 95px}
.program-head {display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #54675d;padding-bottom:17px;margin-bottom:52px}
.program-head .eyebrow {margin:0}
.program-head>span {font:500 9px var(--mono);letter-spacing:.19em;color:#849e91}
.program-layout {display:grid;grid-template-columns:39% 1fr;gap:70px;align-items:center}
.program-overline {font:500 10px var(--mono);letter-spacing:.17em;color:#9fb7a6}
.program-copy h2 {font:400 clamp(85px,9vw,135px)/.86 var(--display);letter-spacing:-.07em;margin:34px 0 29px}
.program-copy h2 em {display:block;color:#a5b9a5;font-weight:400}
.program-copy>p:not(.program-overline) {max-width:420px;font-size:15px;line-height:1.9;color:#c5d0c8}
.program-pill {display:inline-flex;border:1px solid #5f7569;padding:12px 15px;font:500 9px var(--mono);color:#b8cebd;letter-spacing:.14em;margin-top:21px}
.program-link {display:block;margin-top:18px;color:#e2eee8;text-decoration:underline;text-underline-offset:5px;font-size:13px}
.video-preview {min-width:0}
.video-window {position:relative;height:394px;overflow:hidden;background:#1e3938}
.video-window img {width:100%;height:100%;object-fit:cover}
.video-caption {position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:28px;color:#f4f0e3;text-shadow:0 2px 10px #0f2324}
.video-caption>span {font:500 9px var(--mono);letter-spacing:.18em}
.video-caption strong {font:400 clamp(48px,5vw,86px)/.9 var(--display);font-style:italic;letter-spacing:-.04em}
.video-play {position:absolute;left:50%;top:50%;transform:translate(-50%,60%);width:59px;height:59px;border:1px solid #f2f3eb9e;border-radius:50%;display:grid;place-items:center;color:white;font:28px var(--display);opacity:.75}
.video-description {display:flex;justify-content:space-between;gap:20px;margin-top:16px;color:#a6baab;font:500 9px var(--mono);letter-spacing:.1em}
/* Article library */
.library-section {padding-bottom:98px}
.library-heading {margin-bottom:40px}
.library-controls {display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px;border-bottom:1px solid var(--line);padding-bottom:23px}
.filters {display:flex;flex-wrap:wrap;gap:8px}
.filter {border:1px solid #c7cdc6;background:transparent;padding:9px 13px;font:500 10px var(--body);letter-spacing:.025em;color:#59695e;transition:all .2s}
.filter:hover,.filter.active {background:var(--ink);border-color:var(--ink);color:white}
.search-box {display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--ink);padding:6px 0;flex:0 0 205px}
.search-box svg {width:17px;height:17px;flex:none}
.search-box input {width:100%;border:0;background:none;outline:none;font:400 12px var(--body);color:var(--ink);padding:6px 0}
.article-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 27px}
.article-card {background:transparent;min-width:0}
.article-art {height:216px;overflow:hidden;position:relative;background:#8faaa4}
.article-art-number {position:absolute;left:15px;top:15px;color:#fff;font:500 9px var(--mono);letter-spacing:.14em;z-index:1}
.article-art .shape {display:block;position:absolute;border-radius:50%;height:230px;width:230px;left:38%;top:14%;background:radial-gradient(circle at 35% 27%,#efecdaac,transparent 72%);filter:blur(10px)}
.art-tone-1 {background:#668486 url('assets/story-sea.webp') center/cover}
.art-tone-2 {background:#b3aa97 url('assets/story-light.webp') center/cover}
.art-tone-3 {background:#99aba1 url('assets/story-fold.webp') center/cover}
.art-tone-4 {background:linear-gradient(140deg,#d1bea8,#9bafac 80%)}
.art-tone-5 {background:linear-gradient(140deg,#405e59,#a1aea0 80%)}
.art-tone-6 {background:linear-gradient(140deg,#c1c4ae,#6d8c83 80%)}
.article-card-body {padding:19px 0 6px}
.article-category {color:#74857b;font:500 9px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.article-card h3 {font:400 clamp(26px,2.5vw,36px)/1.07 var(--display);letter-spacing:-.015em;margin:12px 0 13px}
.article-card p {font-size:13px;line-height:1.7;color:#737b73;margin:0 0 20px}
.article-card-foot {display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px}
.article-card-foot span {font:500 9px var(--mono);letter-spacing:.1em;color:#89928b}
.article-card-foot button {border:1px solid #9baea2;background:none;width:32px;height:32px;border-radius:50%;font:22px var(--display);color:var(--forest)}
.article-card-foot button:hover {background:var(--forest);color:white}
.empty-results {padding:25px 0;color:#758279}
.editorial-note {border-top:1px solid var(--line);margin-top:50px;padding:19px 0;display:flex;gap:17px;align-items:start;color:#768078;font-size:12px;line-height:1.8}
.editorial-note p {margin:0;max-width:700px}
.editorial-note strong {color:var(--ink)}
.note-icon {font-size:22px;color:#7e9186}
/* Reflection */
.reflection-section {background:#e5e5dc;border-block:1px solid #d5d5cc;padding:96px 0}
.reflection-layout {display:grid;grid-template-columns:.95fr 1.05fr;gap:90px;align-items:center}
.reflection-intro h2 {font:400 clamp(58px,6.6vw,99px)/.94 var(--display);letter-spacing:-.05em;margin:0 0 25px;max-width:560px}
.reflection-intro h2 em {color:#798e7a}
.reflection-intro p:last-child {color:#6c776c;line-height:1.9;max-width:360px}
.reflection-card {border:1px solid #aeb9ad;min-height:430px;padding:36px 45px 32px;display:flex;flex-direction:column;align-items:start;justify-content:space-between;background:#f1efe7}
.reflection-star {font:45px/.8 var(--display);color:#839689}
.reflection-label {font:500 9px var(--mono);letter-spacing:.15em;color:#78867a;margin:23px 0 0}
.reflection-card blockquote {font:italic 400 clamp(33px,3.6vw,51px)/1.12 var(--display);letter-spacing:-.025em;margin:12px 0 30px}
.reflection-button {border:0;border-top:1px solid #abb4a6;width:100%;padding:19px 0 0;background:transparent;text-align:left;display:flex;justify-content:space-between;font:600 11px var(--body);text-transform:uppercase;letter-spacing:.1em;color:var(--forest)}
/* Founder section */
.about-section {display:grid;grid-template-columns:.86fr 1.14fr;gap:95px;align-items:center}
.about-art {height:610px;background:linear-gradient(160deg,#e0dfd3,#a3afa3);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.about-art-grid {position:absolute;inset:0;background-image:linear-gradient(90deg,#ffffff33 1px,transparent 1px);background-size:24% 100%;mix-blend-mode:overlay}
.about-art:before {content:'';position:absolute;width:370px;height:370px;left:50%;top:44%;transform:translate(-50%,-50%);border:1px solid #425a4d85;border-radius:50%;box-shadow:0 0 0 48px #a7b2a243,0 0 0 97px #f3efdf30,0 0 0 156px #50665d25}
.about-monogram {font:italic 400 clamp(130px,15vw,240px)/1 var(--display);letter-spacing:-.11em;position:relative;color:#344f47d9}
.about-monogram span {color:#f3efe2}
.about-art-caption {position:absolute;bottom:25px;left:27px;max-width:260px;color:#304d42;font:500 9px var(--mono);letter-spacing:.17em}
.about-sticker {position:absolute;top:25px;right:25px;border:1px solid #6b8175;padding:9px 11px;font:500 9px var(--mono);letter-spacing:.1em;color:#53695e}
.about-sticker span {margin-right:4px}
.about-content h2 {font:400 clamp(53px,5.7vw,83px)/.97 var(--display);letter-spacing:-.045em;margin:0 0 30px}
.about-content h2 em {color:#809482}
.about-content>p:not(.eyebrow):not(.about-photo-note) {max-width:560px;font-size:15px;line-height:1.95;color:#69746c}
.about-content>p strong {color:var(--ink)}
.doctor-info {border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-top:28px;display:flex;align-items:center;gap:16px}
.doctor-avatar {width:52px;height:52px;background:var(--forest);color:#dfe8db;display:grid;place-items:center;font:italic 24px var(--display)}
.doctor-info>div:last-child {display:flex;flex-direction:column;gap:2px}
.doctor-info strong {font-size:14px}
.doctor-info span {font-size:12px;color:#66786d}
.doctor-info small {font:500 10px var(--mono);letter-spacing:.06em;color:#7b8b80}
.about-photo-note {font-size:11px;color:#90998e;margin-top:16px}
/* Two services */
.service-section {background:#e9eae2;padding:106px 0 118px}
.services-grid {display:grid;grid-template-columns:1fr 1fr;gap:24px}
.service-card {border:1px solid #bfc9bf;background:#f5f5ef;min-height:440px;padding:35px 37px 29px;display:flex;flex-direction:column;align-items:start}
.service-card.tele {background:#203c34;color:#f2f0e7;border-color:#203c34}
.service-icon {width:41px;height:41px;color:#6e9483;margin-bottom:44px}
.service-icon svg {display:block;width:100%;height:100%}
.service-card.tele .service-icon {color:#b8cfbd}
.service-index {font:500 9px var(--mono);letter-spacing:.16em;color:#829387}
.service-card.tele .service-index {color:#bdd1bd}
.service-card h3 {font:400 clamp(39px,4vw,60px)/1.02 var(--display);letter-spacing:-.035em;margin:11px 0 20px;max-width:450px}
.service-card p {font-size:13px;line-height:1.83;max-width:430px;color:#667970;margin:0 0 30px}
.service-card.tele p {color:#c5d4c9}
.service-foot {display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:18px;border-top:1px solid #b9c6b9}
.service-card.tele .service-foot {border-color:#627a6d}
.service-foot span {font:500 10px var(--mono);color:#6a7e71}
.service-card.tele .service-foot span {color:#b8cabb}
.service-arrow {width:41px;height:41px;border:1px solid #9bb09f;border-radius:50%;display:grid;place-items:center;font:26px var(--display);transition:background .2s,color .2s}
.service-arrow:hover {background:#b5cdb6;color:#162c25}
/* Contact */
.contact-section {background:#1c352e;color:#f1f0e9;padding:110px 0 112px}
.contact-layout {display:grid;grid-template-columns:1fr 1fr;gap:105px;align-items:start}
.contact-intro h2 {font:400 clamp(56px,6.1vw,91px)/.95 var(--display);letter-spacing:-.052em;margin:0 0 34px}
.contact-intro h2 em {color:#b1c7b5}
.contact-intro>p:not(.eyebrow) {max-width:430px;line-height:1.9;color:#c1cdc3;font-size:14px}
.contact-detail {display:flex;align-items:start;gap:16px;max-width:390px;color:#adbfaf;margin-top:30px;font-size:12px;line-height:1.75}
.contact-detail-icon {font-size:21px;font-family:var(--display)}
.contact-form {background:#f6f5ef;color:var(--ink);padding:36px 35px 32px}
.form-header {display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:13px;margin-bottom:30px;font:500 10px var(--mono);letter-spacing:.13em}
.contact-form label {display:block;font-size:12px;font-weight:600;margin:0 0 8px;color:#31443c}
.contact-form label small {font-weight:400;color:#7d8b81}
.contact-form input,.contact-form select,.contact-form textarea {width:100%;padding:13px 14px;border:1px solid #cad1c7;background:#fcfbf7;color:var(--ink);font-size:13px;margin-bottom:20px;border-radius:0;min-height:46px}
.contact-form textarea {resize:vertical;min-height:118px}
.form-two {display:grid;grid-template-columns:1fr 1fr;gap:15px}
.button-dark {background:var(--forest);border:0;color:white;min-height:46px;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:205px;font-size:11px;letter-spacing:.07em;text-transform:uppercase}
.button-dark:hover {background:#34574a}
.contact-disclaimer,.contact-result {font-size:11px;line-height:1.7;color:#78887c;margin:13px 0 0}
.contact-result {background:#e4e9e1;padding:12px;border-left:2px solid var(--forest)}
/* Footer */
.footer {background:var(--paper);padding:68px 0 18px}
.footer-top {display:flex;justify-content:space-between;gap:35px;padding-bottom:61px}
.footer-brand .brand-text {font-size:65px}
.footer-top>div>p {font-size:12px;color:#7a857a;line-height:1.9}
.footer-links {display:flex;gap:88px;padding-top:8px}
.footer-links>div {display:flex;flex-direction:column;align-items:start;gap:13px}
.footer-links strong {font:500 9px var(--mono);letter-spacing:.14em;margin-bottom:11px}
.footer-links a {font-size:13px;color:#5f7266}
.emergency-line {border-block:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;gap:25px;font-size:11px;color:#758174}
.emergency-line a {text-decoration:underline;text-underline-offset:3px}
.footer-bottom {padding-top:18px;display:flex;justify-content:space-between;align-items:start;gap:18px;font:500 9px/1.6 var(--mono);letter-spacing:.03em;color:#89958a}
.footer-bottom a {white-space:nowrap}
/* Article dialog */
.article-modal {border:0;padding:0;width:min(900px,calc(100vw - 32px));height:min(90vh,920px);max-width:none;max-height:none;box-shadow:0 24px 100px #11251f80;background:var(--paper);color:var(--ink)}
.article-modal::backdrop {background:#071a16b8;backdrop-filter:blur(4px)}
.modal-scroll {overflow-y:auto;height:100%;overscroll-behavior:contain}
.modal-top {display:flex;justify-content:space-between;align-items:center;padding:24px 35px;border-bottom:1px solid var(--line)}
.modal-brand {font:400 29px var(--display);letter-spacing:-.05em}
.modal-brand strong {font-weight:400;font-style:italic}
.modal-brand span {font:500 9px var(--mono);letter-spacing:.1em;color:#839087}
.modal-close {border:1px solid var(--line);border-radius:50%;background:none;width:37px;height:37px;color:var(--forest);font-size:14px}
.modal-content {padding:59px max(34px,12%) 67px}
.modal-content>h2 {font:400 clamp(43px,6.7vw,81px)/.96 var(--display);letter-spacing:-.045em;margin:20px 0 22px}
.modal-lead {font-size:17px;line-height:1.8;color:#66776a;margin-bottom:31px}
.modal-art {height:190px;background:linear-gradient(140deg,#344f47,#abc4ac);position:relative;overflow:hidden;margin-bottom:43px}
.modal-art:after {content:'';position:absolute;width:260px;height:260px;border:1px solid #e9ead9a0;top:-34px;right:13%;border-radius:50%;box-shadow:0 0 0 30px #dfeddd11,0 0 0 60px #d7ecdc14}
.article-body h3 {font:400 32px/1.1 var(--display);margin:31px 0 11px}
.article-body p {font-size:15px;line-height:1.92;color:#536259}
.modal-divider {height:1px;background:var(--line);margin:38px 0}
.modal-reflection {background:#e7e9df;padding:24px 28px}
.modal-reflection span {font:500 9px var(--mono);letter-spacing:.12em}
.modal-reflection blockquote {font:italic 400 31px/1.17 var(--display);margin:14px 0 0}
.modal-caveat {font-size:10px;color:#858d86;line-height:1.8;margin:22px 0}
.modal-actions {display:flex;flex-wrap:wrap;gap:12px}
.modal-actions button {border:1px solid #a3b3a8;background:transparent;padding:11px 17px;color:var(--forest);font-size:12px}
.modal-actions button:hover {background:var(--forest);color:white}
.toast {opacity:0;pointer-events:none;position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);transition:all .2s;z-index:220;background:#193d32;color:#fff;padding:12px 22px;box-shadow:0 8px 28px #0a231c40;font-size:12px}
.toast.visible {opacity:1;transform:translate(-50%,0)}
/* Transitions */
.reveal {opacity:1;transform:none;transition:opacity .35s ease,transform .35s ease}
.reveal.visible {opacity:1;transform:none}
/* tablet */
@media(max-width:1140px) {
  .container {width:min(calc(100% - 58px),var(--max))}
  .desktop-nav {gap:16px}.desktop-nav a {font-size:9px}.nav-actions {gap:12px}
  .hero h1 {font-size:clamp(76px,8vw,115px)}.hero-photo {min-height:540px}.hero-photo>img {min-height:540px}
  .featured-grid {gap:30px}.feature-side {gap:16px}.feature-side img {height:197px}
  .feature-side h3 {font-size:32px}.feature-side-stack {gap:22px}
  .program-layout {gap:40px}
  .about-section {gap:60px}.contact-layout {gap:55px}
}
@media(max-width:810px) {
  .issue-inner>span:nth-child(2) {display:none}
  .masthead {min-height:105px}.brand-text {font-size:68px}.masthead-tagline {font-size:8px}
  .desktop-nav {display:none}.mobile-menu-button {display:flex}
  .nav-wrap {justify-content:flex-end}
  .hero-layout {grid-template-columns:1fr;gap:30px}.hero {padding-top:20px}
  .hero-copy {padding:25px 0 0}.hero h1 {font-size:clamp(84px,12vw,124px);margin-top:25px}
  .hero-left-foot {margin-top:35px;padding-top:0}
  .hero-photo {min-height:450px;height:500px}.hero-photo>img {min-height:0;height:100%;object-position:center 46%}
  .section {padding-top:84px;padding-bottom:85px}.section-heading h2 {font-size:67px}
  .featured-grid {grid-template-columns:1fr}.feature-big .feature-image {height:350px}.feature-side-stack {display:grid;grid-template-columns:1fr 1fr;gap:22px}
  .feature-side {display:block}.feature-side img {height:185px}.feature-side h3 {font-size:32px}
  .program-layout {grid-template-columns:1fr;gap:30px}.program-copy h2 {font-size:98px}.program-section {padding:65px 0}
  .article-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .reflection-layout {grid-template-columns:1fr;gap:30px}
  .about-section {grid-template-columns:1fr;gap:40px}.about-art {height:460px}
  .contact-layout {grid-template-columns:1fr;gap:40px}.contact-section {padding:80px 0}
  .footer-brand .brand-text {font-size:52px}
}
@media(max-width:570px) {
  html {scroll-padding-top:20px}
  .container {width:calc(100% - 38px)}
  .issue-bar {min-height:29px}.issue-inner {font-size:8px}.issue-inner>span:last-child {display:none}
  .masthead {min-height:88px}.brand-text {font-size:clamp(42px,10.6vw,59px)}.masthead-tagline {display:none}
  .nav-wrap {min-height:51px}.text-size {font-size:14px}.nav-contact {font-size:9px;gap:10px}.nav-actions {gap:9px}
  .hero {padding-top:13px;padding-bottom:25px}
  .hero-copy {padding-top:23px}.hero-eyebrow {font-size:8px;gap:7px;letter-spacing:.12em}.hero-eyebrow>span:last-child {font-size:8px}
  .hero h1 {font-size:clamp(72px,17vw,105px);line-height:.86;margin-top:26px}
  .hero-line {margin:28px 0 16px}.hero-description {font-size:14px;line-height:1.78}.editorial-link {margin-top:22px}
  .hero-left-foot {font-size:7px;padding-top:8px;margin-top:27px}
  .hero-photo {height:390px;min-height:390px}.hero-photo>img {min-height:390px}
  .image-caption {font-size:24px;bottom:15px;left:16px;right:16px}.image-caption span {font-size:7px}.photo-overprint {top:17px;left:16px;right:16px}
  .thin-ticker .container {min-height:52px;gap:8px;justify-content:space-between;font-size:7px;letter-spacing:.05em}.thin-ticker .container span:nth-last-child(2),.thin-ticker .container span:last-child {display:none}
  .section {padding-top:73px;padding-bottom:70px}
  .section-heading {display:block;padding-top:15px;margin-bottom:30px}.section-heading h2 {font-size:58px}.section-heading>p {font-size:12px;margin:20px 0 0;max-width:320px}
  .featured-grid {gap:35px}.feature-big .feature-image {height:300px}.feature-main-body h3 {font-size:40px}
  .feature-side-stack {display:block}.feature-side {display:grid;grid-template-columns:38% 1fr;gap:18px;margin-bottom:18px;padding-bottom:17px}.feature-side img {height:157px}.feature-side h3 {font-size:28px;margin-bottom:12px}.feature-side .eyebrow {font-size:8px;margin:1px 0 9px}.feature-side .feature-read {font-size:8px}
  .feature-disclaimer {font-size:7px;line-height:1.8;text-align:left}
  .program-section {padding:55px 0 65px}.program-head>span {display:none}.program-layout {gap:32px}.program-copy h2 {font-size:86px}.program-copy>p:not(.program-overline) {font-size:13px}.video-window {height:250px}.video-caption strong {font-size:46px}.video-play {display:none}.video-description {font-size:7px}
  .library-controls {align-items:stretch;flex-direction:column}.filters {gap:6px}.filter {padding:7px 9px;font-size:9px}.search-box {flex-basis:auto;width:100%}
  .article-grid {grid-template-columns:1fr;gap:35px}.article-art {height:220px}.article-card h3 {font-size:36px}
  .reflection-section {padding:69px 0}.reflection-intro h2 {font-size:62px}.reflection-card {padding:25px;min-height:380px}.reflection-card blockquote {font-size:37px}
  .about-art {height:370px}.about-monogram {font-size:160px}.about-art-caption {font-size:8px}.about-content h2 {font-size:55px}
  .services-grid {grid-template-columns:1fr;gap:14px}.service-card {min-height:400px;padding:26px 25px}.service-card h3 {font-size:51px}.service-icon {margin-bottom:38px}
  .contact-intro h2 {font-size:64px}.contact-form {padding:24px 18px}.form-two {grid-template-columns:1fr;gap:0}
  .footer {padding-top:54px}.footer-top {display:block;padding-bottom:36px}.footer-brand .brand-text {font-size:51px}.footer-links {gap:55px;padding-top:25px}.emergency-line {flex-direction:column;gap:9px}.footer-bottom {flex-direction:column;gap:9px}
  .modal-top {padding:16px 18px}.modal-brand {font-size:23px}.modal-content {padding:37px 23px 46px}.modal-content>h2 {font-size:50px}.modal-lead {font-size:15px}.modal-reflection blockquote {font-size:28px}
}
@media(prefers-reduced-motion:reduce) {*,*:before,*:after {scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal {opacity:1;transform:none}}