/*
Theme Name: Turquoise Moon Homes
Theme URI: https://turquoisemoonhomes.com/
Author: Turquoise Moon Homes
Author URI: https://turquoisemoonhomes.com/
Description: A distinctive, responsive home and lifestyle editorial theme with room guides, practical home ideas, celebrity profiles, accessible reading layouts and curated story discovery.
Version: 1.4.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: turquoise-moon-homes
Tags: blog, news, custom-logo, featured-images, responsive-layout, accessibility-ready, theme-options, editor-style
*/
:root{--ink:#152c2b;--muted:#63716f;--teal:#087e81;--teal-dark:#06595e;--linen:#faf9f6;--paper:#fff;--wash:#eef4f1;--sand:#e7dfd2;--line:#e0e6e2;--serif:Georgia,'Iowan Old Style','Baskerville',serif;--sans:Arial,Helvetica,sans-serif;--max:1400px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;color:var(--ink);background:var(--linen);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.6;font-size:16px}img,svg,video,iframe{max-width:100%;height:auto}img{display:block}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--teal)}h1,h2,h3,h4,h5,h6,p,figure{margin-top:0}h1,h2,h3{line-height:1.15}::selection{background:#c0e3dc;color:var(--ink)}:focus-visible{outline:3px solid #078f99;outline-offset:4px}main{overflow:clip}.shell{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}.skip-link{position:absolute;top:-100px;left:20px;background:#fff;padding:12px;z-index:1000}.skip-link:focus{top:12px}.eyebrow,.hero-overline,.story-meta,.article-kicker,.signature-heading,.practical-index,.practical-category{font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
/* Brand masthead */
.site-header{background:var(--paper);position:relative;z-index:10;border-bottom:1px solid var(--line)}.masthead{height:116px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px}.masthead-side{display:flex;align-items:center;gap:14px}.masthead-kicker{font-size:10px;letter-spacing:.18em;color:#6f7a78;font-weight:700;white-space:nowrap}.masthead-rule{width:43px;height:1px;background:var(--teal)}.masthead-right{justify-content:flex-end}.brand-lockup{text-align:center}.brand-link{display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--ink)}.brand-link:hover{color:var(--ink)}.brand-name{font-family:var(--serif);font-size:clamp(29px,2.85vw,43px);letter-spacing:-.065em;line-height:1.05;white-space:nowrap;font-weight:400}.brand-name span{font-style:italic;font-weight:400;color:var(--teal)}.brand-underline{background:var(--teal);height:2px;width:38px}.brand-link .custom-logo{max-height:76px;width:auto;max-width:340px}.brand-link .custom-logo-link{display:block}.masthead button{display:grid;place-items:center;background:transparent;color:var(--ink);border:0;min-width:44px;min-height:44px}.search-trigger:hover{color:var(--teal)}.menu-trigger{display:none!important;gap:5px;align-content:center}.menu-trigger span{display:block;width:23px;height:1.7px;background:currentColor}.navigation{border-top:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:center;gap:clamp(17px,2.4vw,39px);min-height:55px}.nav-link{position:relative;font-size:11px;letter-spacing:.095em;text-transform:uppercase;font-weight:700;white-space:nowrap;padding:18px 0;line-height:1.6}.nav-link::after{content:'';width:100%;height:2px;background:var(--teal);position:absolute;bottom:10px;left:0;transform:scaleX(0);transform-origin:left;transition:transform .22s}.nav-link:hover::after,.nav-link:focus-visible::after{transform:scaleX(1)}.nav-inner{overflow-x:auto;scrollbar-width:none}.nav-inner::-webkit-scrollbar{display:none}.search-drawer{position:absolute;left:0;right:0;top:100%;padding:18px 0;background:#fff;box-shadow:0 16px 30px #122c2920}.search-drawer[hidden]{display:none}.search-form{display:flex;gap:12px;max-width:730px;margin:auto}.search-form input{min-width:0;flex:1;border:1px solid #c9d5d2;padding:13px 17px;border-radius:2px;background:#fff}.search-form button{background:var(--ink);color:#fff;border:0;padding:0 26px}.search-form button:hover{background:var(--teal)}
/* Hero: photographic editorial cover */
.hero-shell{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);min-height:605px;margin-top:40px;margin-bottom:28px;background:#f0f3ef}.hero-headline{padding:clamp(34px,5.5vw,90px);display:flex;flex-direction:column;position:relative}.hero-overline{display:flex;gap:12px;align-items:center;color:var(--teal)}.inline-square{width:7px;height:7px;background:var(--teal)}.hero-copy{margin:auto 0}.hero-meta{color:var(--teal);margin-bottom:21px}.hero-copy h1{font:400 clamp(38px,4.25vw,70px)/1.065 var(--serif);letter-spacing:-.058em;max-width:650px;margin-bottom:24px}.hero-copy h1 a:hover{color:var(--teal-dark)}.hero-copy p{max-width:450px;font-size:16px;line-height:1.78;color:#566561;margin-bottom:29px}.cta-link{display:inline-flex;align-items:center;gap:18px;border-bottom:1.5px solid var(--teal);padding-bottom:8px;color:var(--ink);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:gap .2s}.cta-link:hover{gap:26px;color:var(--teal)}.cta-link span{font-size:20px;font-weight:400;line-height:1}.hero-photo-wrap{position:relative;min-height:520px;overflow:hidden;background:#ccd8d1}.hero-photo{display:block;position:absolute;inset:0}.hero-photo>img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.hero-photo:hover>img{transform:scale(1.035)}.photo-corner{position:absolute;bottom:0;right:0;background:var(--paper);padding:13px 23px;font-size:10px;letter-spacing:.15em;font-weight:700}.hero-photo .image-fallback{height:100%}
.image-fallback{display:flex;width:100%;height:100%;min-height:160px;position:relative;overflow:hidden;background:linear-gradient(135deg,#e5ece6 0%,#cfded7 45%,#b9d2c8 100%);align-items:flex-end;padding:24px}.image-fallback::before{content:'';position:absolute;border:1px solid #ffffff60;inset:20px}.image-fallback::after{content:'';width:48%;height:60%;position:absolute;right:15%;top:20%;border:1px solid #829f96aa;border-radius:90% 90% 0 0;box-shadow:26px 23px 0 -18px #64999177}.placeholder-lines{height:1px;background:#5c85795c;position:absolute;width:60%;left:20%;bottom:28%}.placeholder-label{position:relative;color:#376862;font-size:10px;letter-spacing:.13em;font-weight:700;z-index:1}
.latest-ticker{background:#fff;border-block:1px solid var(--line)}.ticker-inner{display:flex;align-items:center;min-height:82px;gap:28px}.ticker-label{min-width:138px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}.ticker-dot{display:inline-block;background:var(--teal);width:6px;height:6px;border-radius:50%;vertical-align:middle;margin-left:8px}.ticker-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1;align-items:center}.ticker-stories a{font:400 15px/1.4 var(--serif);letter-spacing:-.01em;border-left:1px solid var(--line);padding-inline:23px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ticker-all{font-size:11px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}.section{padding-block:118px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:42px}.section-head .eyebrow{display:block;color:var(--teal);margin-bottom:12px}.section-head h2{font:400 clamp(34px,4vw,56px)/1.12 var(--serif);letter-spacing:-.055em;margin:0}.underlined-link{font-size:12px;font-weight:700;border-bottom:1px solid var(--teal);padding-bottom:7px;white-space:nowrap}.underlined-link span{margin-left:7px}
.space-grid{display:grid;grid-template-columns:1.1fr .9fr 1.1fr .9fr;gap:18px}.space-tile{position:relative;display:block;min-width:0;overflow:hidden;height:clamp(300px,33vw,460px);background:#d7e2da;color:#fff}.space-tile:nth-child(even){margin-top:35px}.space-photo{display:block;height:100%}.space-photo img,.space-photo .image-fallback{width:100%;height:100%;object-fit:cover;transition:transform .55s}.space-tile:hover img{transform:scale(1.06)}.space-tile::after{content:'';pointer-events:none;background:linear-gradient(0deg,#112c2bd6,transparent 45%);position:absolute;inset:0}.space-name{position:absolute;bottom:25px;left:23px;right:23px;z-index:1;font:400 clamp(22px,2.3vw,32px)/1.18 var(--serif);letter-spacing:-.025em;display:flex;justify-content:space-between;align-items:end;gap:4px}.space-name span{font:20px Arial;flex-shrink:0}.space-number{position:absolute;z-index:1;top:22px;left:23px;font-size:11px;letter-spacing:.12em;font-weight:700}
.practical-section{background:#123337;color:#fff}.practical-section .section-head .eyebrow{color:#7ad4cf}.practical-section .section-head h2{color:#fff}.practical-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(48px,10vw,160px)}.practical-lead{padding-top:22px}.practical-index{font-size:10px;color:#90b6b3}.practical-lead p{font:400 clamp(25px,2.65vw,40px)/1.28 var(--serif);letter-spacing:-.025em;max-width:470px;margin:28px 0 34px;color:#e9eee9}.light-link{color:#fff;font-size:12px;font-weight:700;border-bottom:1px solid #8ecfc9;padding-bottom:8px}.light-link:hover{color:#88ddd5}.practical-item{display:grid;grid-template-columns:105px minmax(0,1fr) 20px;gap:18px;border-top:1px solid #ffffff39;padding:25px 0;align-items:center;color:#fff}.practical-item:last-child{border-bottom:1px solid #ffffff39}.practical-item:hover{color:#90d7d1}.practical-category{color:#92bab6;font-size:9px;letter-spacing:.12em}.practical-title{font:400 clamp(18px,1.68vw,25px)/1.26 var(--serif)}.practical-arrow{font-size:20px;text-align:right}
/* Story components */
.story-card{min-width:0}.story-photo{display:block;width:100%;position:relative;overflow:hidden;background:#dae5e1;aspect-ratio:4/3}.story-photo img,.story-photo .image-fallback{width:100%;height:100%;object-fit:cover;transition:transform .55s}.story-photo:hover img{transform:scale(1.055)}.story-meta{color:var(--teal);font-size:10px;letter-spacing:.09em;margin:19px 0 10px}.story-meta time{color:#85918c;font-weight:400;letter-spacing:.03em;text-transform:none}.story-meta span{color:#b4bfba;padding:0 3px}.story-card h3{font:400 clamp(20px,1.85vw,26px)/1.24 var(--serif);letter-spacing:-.027em;margin:0}.story-excerpt{font-size:14px;line-height:1.75;color:var(--muted);margin:14px 0 0}
.small-layout{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr);gap:50px;align-items:start}.small-lead .story-photo{aspect-ratio:16/10}.small-lead h3{font-size:clamp(27px,2.7vw,39px);max-width:610px}.small-lead .story-excerpt{font-size:16px;max-width:580px}.small-aside{display:grid;gap:25px}.small-mini{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;border-bottom:1px solid var(--line);padding-bottom:25px}.small-mini .story-photo{aspect-ratio:1}.small-mini h3{font-size:20px}.small-mini .story-meta{font-size:9px;margin:3px 0 8px}.small-mini .story-excerpt{display:none}
.people-section{background:#eef4f1}.people-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.people-card .story-photo{aspect-ratio:4/4.4}.people-card h3{font-size:clamp(21px,1.9vw,27px)}.people-card .story-meta{margin-top:20px}.fresh-section{padding-bottom:130px}.fresh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 30px}.fresh-card .story-photo{aspect-ratio:16/10}.fresh-card h3{font-size:24px}.view-all{text-align:center;margin-top:58px}
/* Footer */
.site-footer{background:#0e282c;color:#fff}.footer-inner{padding-top:85px;padding-bottom:85px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:clamp(40px,7vw,125px)}.footer-brand{font:400 clamp(27px,2.4vw,38px)/1.15 var(--serif);letter-spacing:-.055em;display:inline-block;color:#fff;margin-bottom:24px}.footer-brand i{color:#85d4cf}.footer-about p{font-size:15px;line-height:1.8;color:#bdcfc9;max-width:410px}.footer-col h2{font-size:12px;color:#b7d4cd;letter-spacing:.15em;text-transform:uppercase;margin:6px 0 21px}.footer-col ul{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:1fr;gap:13px}.footer-col li{font-size:14px;color:#f6f8f4}.footer-col a:hover{color:#8cd8d1}.footer-bottom{border-top:1px solid #ffffff24;display:flex;justify-content:space-between;gap:20px;padding-block:23px;font-size:12px;color:#b6cbc5}.footer-bottom a{text-decoration:underline;text-underline-offset:3px}.social-row{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}.social-circle{height:38px;width:38px;display:grid;place-items:center;border:1px solid #ffffff50;border-radius:50%;color:#eff8f7;transition:background .2s,border-color .2s}.social-circle:hover{background:#177b80;color:#fff;border-color:#177b80}
/* Archives */
.archive-main{padding-top:100px;padding-bottom:130px}.archive-header{max-width:920px;margin-bottom:60px}.archive-header .eyebrow{color:var(--teal)}.archive-header h1{font:400 clamp(42px,5vw,74px)/1.07 var(--serif);letter-spacing:-.055em;margin:16px 0 18px}.archive-description{color:var(--muted);font-size:17px;max-width:650px;line-height:1.75}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 28px}.archive-card{padding-bottom:20px;border-bottom:1px solid var(--line)}.archive-card .story-photo{aspect-ratio:4/3}.archive-card h3{font-size:clamp(23px,2.1vw,30px)}.pagination{margin-top:70px;font-size:14px}.pagination .nav-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.pagination a,.pagination span{padding:10px 15px;border:1px solid var(--line)}.pagination .current{background:var(--ink);color:#fff}.page-main{padding-top:80px;padding-bottom:110px}.standard-page{max-width:820px;margin:auto}.standard-page-header h1{font:400 clamp(37px,4.8vw,62px)/1.12 var(--serif);text-align:center;letter-spacing:-.045em;margin-bottom:50px}
/* Single article */
.single-page{padding-top:60px;padding-bottom:130px}.article-header{max-width:1000px;margin:0 auto 50px;text-align:center}.article-kicker{color:var(--teal);margin:0 0 28px}.article-kicker span{color:#aab9b6;margin-inline:5px}.article-header h1{font:400 clamp(37px,5.4vw,74px)/1.08 var(--serif);letter-spacing:-.054em;margin:0 auto 25px;max-width:1030px;text-wrap:balance}.article-description{max-width:790px;margin:0 auto 34px;color:#5c6f69;font-size:clamp(17px,1.5vw,20px);line-height:1.65}.article-byline{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;text-align:left;max-width:780px;margin:35px auto 0;gap:15px}.byline-person{display:flex;gap:12px;align-items:center}.byline-person .avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.byline-person>span{display:flex;flex-direction:column;line-height:1.35}.byline-person strong{font-size:13px}.byline-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.byline-date{font-size:12px;color:var(--muted);white-space:nowrap}.byline-sep{margin:0 10px}.article-main-image{max-width:1120px;margin:0 auto 66px}.article-main-image>img{width:100%;max-height:680px;object-fit:cover}.article-main-image figcaption{color:#7d8883;font-size:12px;margin:10px 0 0}.article-layout{display:grid;grid-template-columns:minmax(180px,230px) minmax(0,780px);justify-content:center;gap:clamp(32px,5vw,80px);align-items:start}.article-aside{position:relative;min-width:0}.article-toc{position:sticky;top:24px;max-height:calc(100vh - 45px);overflow-y:auto;border-top:2px solid var(--teal);padding:21px 3px 10px 0;scrollbar-width:thin}.article-toc summary{display:list-item;cursor:pointer;list-style:none;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;margin-bottom:22px}.article-toc summary::-webkit-details-marker{display:none}.article-toc summary span{display:none}.article-toc nav ol{list-style:none;padding:0;margin:0;display:grid;gap:13px}.article-toc li{font-size:13px;line-height:1.5;color:#6c7b76}.article-toc li.toc-level-3{padding-left:16px}.article-toc a:hover,.article-toc a[aria-current]{color:var(--teal);font-weight:700}.entry-content{min-width:0;color:#253431;font-size:18px;line-height:1.86;overflow-wrap:anywhere}.entry-content>p{margin:0 0 1.4em}.entry-content p{margin-top:0}.entry-content h2,.entry-content h3,.entry-content h4{font-family:var(--serif);color:var(--ink);font-weight:400;letter-spacing:-.035em;scroll-margin-top:30px}.entry-content h2{font-size:clamp(27px,2.35vw,35px);line-height:1.28;margin:1.65em 0 .58em}.entry-content h3{font-size:clamp(23px,1.95vw,29px);line-height:1.32;margin:1.45em 0 .56em}.entry-content h4{font-size:22px;margin:1.3em 0 .6em}.entry-content a{color:var(--teal-dark);text-decoration:underline;text-underline-offset:3px}.entry-content a:hover{text-decoration-thickness:2px}.entry-content ul,.entry-content ol{padding-left:1.4em;margin:0 0 1.6em}.entry-content li{padding-left:4px;margin-bottom:.45em}.entry-content blockquote{margin:2em 0;border-left:3px solid var(--teal);padding:4px 25px;font:italic 25px/1.5 var(--serif);color:var(--ink)}.entry-content figure{margin:32px 0}.entry-content figcaption{font-size:12px;color:var(--muted);margin-top:7px;text-align:center}.entry-content img{max-width:100%;height:auto}.entry-content table{width:100%;border-collapse:collapse;font-size:15px}.entry-content th,.entry-content td{border:1px solid var(--line);padding:12px;text-align:left}.entry-content pre{overflow-x:auto;padding:20px;background:#f0f4f1;font-size:14px}.entry-content .wp-block-table,.entry-content .wp-block-embed{max-width:100%;overflow-x:auto}.entry-content .alignwide{margin-left:0;margin-right:0}.entry-content iframe{max-width:100%}.article-author-signature{margin-top:78px;border-top:1px solid #c8d9d2;border-bottom:1px solid #c8d9d2;padding:26px 0 36px}.signature-heading{color:var(--teal);font-size:10px;margin-bottom:25px}.signature-contents{display:flex;align-items:center;gap:25px}.signature-contents .avatar{width:78px;height:78px;border-radius:50%;object-fit:cover;flex:none}.signature-contents h2{font:400 29px/1.2 var(--serif);letter-spacing:-.03em;margin:0 0 9px}.signature-contents p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.related-section{margin-top:80px}.related-section .section-head{margin-bottom:28px}.related-section .section-head h2{font-size:38px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.related-card .story-photo{aspect-ratio:4/3}.related-card h3{font-size:18px}.related-card .story-meta{font-size:9px}.page-links{margin:30px 0}.not-found{padding-block:140px}.not-found h1{font:400 56px/1.12 var(--serif);letter-spacing:-.05em;margin:18px 0}.not-found p{color:var(--muted);margin-bottom:25px}.not-found .search-form{margin:0 0 30px}
/* Tablet and mobile */
@media(max-width:1200px){.shell{width:calc(100% - 64px)}.masthead-kicker{font-size:9px}.masthead-rule{display:none}.nav-inner{justify-content:flex-start}.section{padding-block:88px}.hero-shell{min-height:530px}.hero-headline{padding:48px}.hero-copy h1{font-size:clamp(34px,4.3vw,54px)}.hero-photo-wrap{min-height:470px}.ticker-inner{gap:12px}.ticker-stories a{padding-inline:14px}.space-grid{gap:11px}.space-name{left:17px;bottom:18px;right:17px}.small-layout{gap:32px}.practical-grid{gap:45px}.archive-main{padding-top:70px}.article-layout{grid-template-columns:200px minmax(0,740px);gap:34px}}
@media(max-width:860px){.shell{width:calc(100% - 48px)}.masthead{height:88px;grid-template-columns:1fr auto 1fr}.masthead-left{display:none}.brand-lockup{grid-column:2}.masthead-right{grid-column:3}.brand-name{font-size:32px}.masthead .menu-trigger{display:grid!important}.navigation{display:none}.navigation.mobile-open{display:block}.navigation .nav-inner{width:100%;padding:15px 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;background:#fff;max-height:70vh;overflow-y:auto}.nav-link{padding:12px 6px;border-bottom:1px solid var(--line)}.nav-link::after{display:none}.hero-shell{grid-template-columns:1fr;min-height:auto;margin-top:24px}.hero-headline{min-height:385px;padding:45px}.hero-copy{margin:35px 0 0}.hero-copy h1{font-size:clamp(40px,6vw,59px);max-width:680px}.hero-photo-wrap{min-height:420px}.ticker-inner{padding-block:17px;flex-wrap:wrap}.ticker-label{min-width:auto}.ticker-stories{flex:1 0 100%;order:3;grid-template-columns:1fr 1fr;gap:12px}.ticker-stories a{border-left:0;padding:0}.ticker-stories a:nth-child(3){display:none}.ticker-all{margin-left:auto}.section{padding-block:78px}.section-head h2{font-size:clamp(34px,5.4vw,47px)}.space-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.space-tile:nth-child(even){margin-top:0}.space-tile{height:390px}.space-name{font-size:29px}.practical-grid{grid-template-columns:1fr;gap:28px}.practical-lead{padding-top:0}.practical-lead p{max-width:640px;margin:15px 0 22px}.practical-item{grid-template-columns:110px 1fr 20px}.small-layout{grid-template-columns:1fr}.small-aside{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.small-mini{display:block;border:0;padding:0}.small-mini .story-photo{aspect-ratio:4/3}.small-mini .story-meta{margin-top:13px}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fresh-grid,.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner{grid-template-columns:1.5fr 1fr;gap:48px}.footer-about{grid-column:1/-1}.single-page{padding-top:38px}.article-header h1{font-size:clamp(38px,5.8vw,57px)}.article-layout{display:flex;flex-direction:column;gap:28px}.article-aside{width:100%}.article-toc{position:relative;top:auto;max-height:none;overflow:visible;border:1px solid var(--line);padding:0;border-radius:2px;background:#f4f7f4}.article-toc summary{margin:0;min-height:56px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.article-toc summary span{display:inline-block;font-size:19px}.article-toc nav{padding:0 20px 20px}.article-toc nav ol{gap:0}.article-toc li{padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}.article-toc li:last-child{border-bottom:0}.article-body{width:100%}.related-grid{gap:18px}.article-main-image{margin-bottom:34px}}
@media(max-width:600px){body{font-size:16px}.shell{width:calc(100% - 36px)}.masthead{height:78px;gap:0}.brand-name{font-size:clamp(23px,6.3vw,31px)}.masthead button{min-width:37px;min-height:42px}.masthead-right{gap:3px}.masthead .search-trigger svg{width:18px}.brand-underline{width:30px}.navigation .nav-inner{padding-inline:18px}.hero-shell{margin-top:0;width:100%;display:flex;flex-direction:column-reverse;background:#f1f3ef}.hero-photo-wrap{min-height:290px;aspect-ratio:1.28}.hero-headline{padding:28px 22px 40px;min-height:auto}.hero-overline{font-size:10px}.hero-copy{margin-top:20px}.hero-meta{font-size:10px;margin-bottom:12px}.hero-copy h1{font-size:clamp(35px,9vw,46px);line-height:1.12;letter-spacing:-.049em;margin-bottom:17px}.hero-copy p{font-size:15px;line-height:1.7;margin-bottom:23px}.photo-corner{padding:8px 11px;font-size:8px}.latest-ticker .ticker-inner{gap:13px}.ticker-label{font-size:10px}.ticker-stories{display:grid;grid-template-columns:1fr;gap:10px}.ticker-stories a{font-size:15px;padding-bottom:10px;border-bottom:1px solid var(--line)}.ticker-stories a:nth-child(3){display:-webkit-box}.ticker-all{font-size:10px}.section{padding-block:60px}.section-head{align-items:flex-start;gap:17px;margin-bottom:26px}.section-head .eyebrow{font-size:10px;margin-bottom:10px}.section-head h2{font-size:clamp(32px,8vw,40px)}.underlined-link{font-size:11px;max-width:100px;text-align:right;white-space:normal}.space-grid{gap:12px}.space-tile{height:auto;aspect-ratio:3/4}.space-name{font-size:clamp(20px,5vw,26px);left:12px;right:11px;bottom:13px;display:block}.space-name span{float:right;font-size:16px}.space-number{left:12px;top:13px}.practical-lead p{font-size:27px}.practical-item{grid-template-columns:1fr 21px;gap:3px 12px;padding:20px 0}.practical-category{grid-column:1;font-size:10px}.practical-title{grid-column:1;grid-row:2;font-size:21px}.practical-arrow{grid-column:2;grid-row:1/3}.small-aside{grid-template-columns:1fr;gap:16px}.small-mini{display:grid;grid-template-columns:98px minmax(0,1fr);gap:13px;border-bottom:1px solid var(--line);padding-bottom:16px}.small-mini .story-photo{aspect-ratio:1}.small-mini .story-meta{font-size:9px;margin:3px 0 7px}.small-mini h3{font-size:19px}.small-lead h3{font-size:30px}.people-grid{gap:14px}.people-card h3{font-size:20px}.people-card .story-meta{font-size:9px;margin:14px 0 8px}.fresh-grid{grid-template-columns:1fr;gap:30px}.fresh-card .story-photo{aspect-ratio:16/10}.fresh-card h3{font-size:25px}.view-all{margin-top:37px}.footer-inner{grid-template-columns:1fr 1fr;gap:40px 22px;padding-top:60px;padding-bottom:58px}.footer-about p{font-size:14px}.footer-brand{font-size:30px}.footer-col h2{font-size:10px}.footer-col li{font-size:13px}.footer-bottom{flex-direction:column;text-align:center;gap:10px;align-items:center}.archive-main{padding-top:55px;padding-bottom:80px}.archive-header{margin-bottom:36px}.archive-header h1{font-size:43px}.archive-description{font-size:16px}.archive-grid{grid-template-columns:1fr;gap:32px}.archive-card h3{font-size:26px}.single-page{padding-top:28px;padding-bottom:80px}.article-header{margin-bottom:30px}.article-kicker{font-size:10px;margin-bottom:18px}.article-header h1{font-size:clamp(38px,9vw,48px);line-height:1.15}.article-description{font-size:17px;line-height:1.65;margin-bottom:26px}.article-byline{margin-top:23px;padding:13px 0;gap:12px;align-items:flex-start}.byline-date{white-space:normal;text-align:right;font-size:11px;max-width:130px}.byline-sep{margin:0 4px}.article-main-image{margin-bottom:25px}.entry-content{font-size:18px;line-height:1.85}.entry-content h2{font-size:29px;line-height:1.25}.entry-content h3{font-size:25px}.entry-content blockquote{font-size:24px;padding-left:17px}.article-author-signature{margin-top:52px}.signature-contents{align-items:flex-start;gap:15px}.signature-contents .avatar{width:60px;height:60px}.signature-contents h2{font-size:25px}.related-section{margin-top:58px}.related-section .section-head h2{font-size:32px}.related-grid{grid-template-columns:1fr}.related-card{display:grid;grid-template-columns:115px 1fr;gap:12px}.related-card .story-photo{grid-row:1/3;aspect-ratio:1}.related-card .story-meta{margin:3px 0 6px}.related-card h3{font-size:19px}.standard-page-header h1{font-size:42px}.page-main{padding-block:50px}.search-form{gap:5px}.search-form button{padding:0 12px;font-size:12px}}
@media(max-width:370px){.brand-name{font-size:22px}.masthead-right{gap:0}.masthead button{min-width:33px}.space-name{font-size:19px}.article-header h1{font-size:35px}.article-byline{flex-wrap:wrap}.byline-date{text-align:left;margin-left:52px;max-width:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Sticky article navigation remains anchored to the whole article grid, not just the TOC content height. */
@media(min-width:861px){.article-aside{position:sticky;top:24px;align-self:start}.article-toc{position:static}}

/* Custom-logo and copyright refinements. */
.brand-lockup .custom-logo{width:auto;max-height:75px;max-width:330px}.footer-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.footer-bottom span{grid-column:2;text-align:center}.footer-bottom a{grid-column:3;justify-self:end}
@media(max-width:600px){.footer-bottom{display:flex;flex-direction:column}.footer-bottom span{grid-column:auto}.footer-bottom a{grid-column:auto}}

/* Edition polish: deliberate type hierarchy, tactile media and accessible reading. */
:root{--ink:#183330;--muted:#586c66;--teal:#087b7c;--teal-dark:#075b60;--linen:#fbfaf7;--wash:#eef5f2;--line:#dae5df}
body{color:var(--ink);background:var(--linen)}
::selection{background:#b6e1d8;color:#143732}
:focus-visible{outline:3px solid #087b7c;outline-offset:4px;border-radius:2px}
.site-header{box-shadow:0 1px 0 #163a3510}
.masthead{min-height:116px}
.navigation .nav-inner{scrollbar-width:thin}
.hero-shell{border:1px solid #dee6df;box-shadow:0 18px 50px -45px #183b322d}
.hero-headline{background:#f1f4f0}
.hero-copy h1{letter-spacing:-.047em;line-height:1.11;text-wrap:balance}
.hero-copy p{font-size:17px;color:#4f615c;line-height:1.75;text-wrap:pretty}
.hero-photo>img{transition:transform .5s ease}
.section-head{position:relative}
.section-head h2{font-size:clamp(33px,3.65vw,51px);letter-spacing:-.04em;text-wrap:balance}
.section-head .eyebrow{letter-spacing:.12em}
.story-card h3,.practical-title{letter-spacing:-.021em;text-wrap:pretty}
.story-excerpt{color:#52635e;font-size:15px;line-height:1.72}
.story-card:focus-within h3 a,.story-card h3 a:hover{color:var(--teal-dark)}
.story-photo img,.space-photo img{transition:transform .38s ease}
.space-tile:hover img,.story-photo:hover img{transform:scale(1.025)}
.space-tile{border-radius:5px}
.story-photo{border-radius:4px}
.people-section{background:#ecf3ef}
.people-card .story-photo{border-radius:4px}
.practical-section{background:#16383a}
.practical-lead p{letter-spacing:-.026em}
.practical-item:hover .practical-arrow{transform:translate(3px,-3px)}
.practical-arrow{transition:transform .18s ease}
.site-footer{background:#122d31}
.footer-about p{line-height:1.8;color:#d5e3dc}
.footer-bottom{grid-template-columns:1fr;justify-items:center}
.footer-bottom span{grid-column:1}
.article-header h1{text-wrap:balance;letter-spacing:-.047em}
.article-description{color:#50635e;text-wrap:pretty}
.article-toc summary{color:#183e3b}
.article-toc a{display:inline-block;padding-block:3px}
.entry-content{line-height:1.78;color:#243832}
.entry-content p{max-width:72ch;text-wrap:pretty}
.entry-content h2,.entry-content h3{text-wrap:balance;letter-spacing:-.025em}
.entry-content h2{line-height:1.26}
.entry-content h3{line-height:1.31}
.entry-content img{height:auto;max-width:100%}
.entry-content blockquote{border-left-color:var(--teal)}
.article-author-signature{background:transparent}
.related-card h3{line-height:1.32}
.archive-grid .story-card{padding-bottom:28px;border-bottom:1px solid var(--line)}
@media(max-width:860px){
  .hero-shell{box-shadow:none;border:0}
  .section-head h2{font-size:clamp(32px,4.6vw,43px)}
  .article-toc{border:1px solid #d6e5de;background:#f4f8f5}
  .article-toc nav{overflow:visible;max-height:none}
  .article-toc li{overflow-wrap:anywhere}
}
@media(max-width:600px){
  body{font-size:17px;line-height:1.55}
  .hero-copy h1{font-size:clamp(34px,8.7vw,43px);line-height:1.14}
  .hero-copy p{font-size:16px;line-height:1.72}
  .section-head h2{font-size:clamp(30px,7.2vw,37px)}
  .story-meta{letter-spacing:.045em}
  .story-excerpt{font-size:15px}
  .entry-content{font-size:18px;line-height:1.8;overflow-wrap:break-word}
  .entry-content>p{margin-bottom:1.24em}
  .entry-content h2{font-size:clamp(27px,7.1vw,30px);margin-top:1.5em}
  .entry-content h3{font-size:clamp(23px,6.2vw,26px);margin-top:1.35em}
  .article-header h1{font-size:clamp(37px,9.15vw,47px);line-height:1.14}
  .article-description{font-size:17px;line-height:1.68}
  .article-toc li{font-size:16px;line-height:1.55;padding-block:12px}
  .article-toc summary{min-height:56px}
  .archive-card h3{font-size:25px}
  .footer-about p{font-size:15px;line-height:1.75}
}
@media(prefers-reduced-motion:reduce){.story-photo img,.space-photo img,.hero-photo>img,.practical-arrow{transition:none!important;transform:none!important}}

/* The Edition — a quieter, photograph-led home journal. No numbered sections. */
:root{--ink:#18302e;--muted:#5b6e6a;--teal:#007d7b;--teal-dark:#006563;--linen:#fcfbf8;--paper:#ffffff;--wash:#edf4f1;--line:#e0e7e2;--max:1380px}
body{background:var(--linen)}
.shell{width:min(var(--max),calc(100% - 80px))}
.site-header{box-shadow:none;border-color:#e9eae6}
.masthead{height:108px;min-height:108px}
.masthead-kicker{color:#74847e;font-size:10px;letter-spacing:.10em;font-weight:500;text-transform:uppercase}
.brand-name{letter-spacing:-.046em}
.brand-underline{display:none}
.navigation{border-color:#eaede8}
.nav-inner{min-height:52px;gap:clamp(22px,2.1vw,34px)}
.nav-link{font-size:11px;letter-spacing:.07em}
.section{padding-block:100px}
.section-head{margin-bottom:35px;align-items:flex-end}
.section-head .eyebrow{color:#007d7b;font-size:10px;letter-spacing:.12em;font-weight:700;margin-bottom:9px}
.section-head h2{font:400 clamp(32px,3.1vw,48px)/1.12 var(--serif);letter-spacing:-.04em;color:#193633}
.underlined-link{font-size:12px;text-transform:none;font-weight:600;letter-spacing:0}
/* Completely redesigned hero: immersive lead image + editorial news rail */
.hero-shell{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(330px,.8fr);gap:0;min-height:580px;margin-block:34px 0;background:#fff;box-shadow:none;border:1px solid #e1e7e0}
.hero-feature{position:relative;min-height:590px;overflow:hidden;background:#76978e;isolation:isolate}
.hero-feature>.hero-photo{position:absolute;inset:0;display:block;overflow:hidden;z-index:-2}
.hero-feature>.hero-photo img,.hero-feature>.hero-photo .image-fallback{width:100%;height:100%;object-fit:cover;display:block}
.hero-feature:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,rgba(8,24,23,.92) 0%,rgba(8,24,23,.44) 47%,rgba(8,24,23,.05) 100%)}
.hero-feature-copy{position:absolute;left:clamp(28px,4.3vw,68px);right:clamp(28px,5vw,76px);bottom:clamp(31px,4.6vw,70px);max-width:820px;color:#fff}
.hero-category{display:inline-block;padding-bottom:7px;border-bottom:2px solid #83dbd2;color:#ddf6f2;font-size:11px;letter-spacing:.11em;font-weight:700;text-transform:uppercase;margin-bottom:17px}
.hero-feature h1{font:400 clamp(38px,4.1vw,64px)/1.075 var(--serif);letter-spacing:-.055em;text-wrap:balance;color:#fff;margin:0 0 17px}
.hero-feature h1 a:hover{color:#c3ece7}
.hero-feature p{font-size:15px;line-height:1.65;max-width:600px;margin:0;color:#ecf2ed}
.hero-sidebar{padding:37px clamp(23px,3vw,47px);display:flex;flex-direction:column;min-width:0;background:#fdfdfa}
.hero-sidebar-heading{padding-bottom:21px;border-bottom:1px solid #dae5de}
.hero-sidebar-heading .eyebrow{font-size:10px;letter-spacing:.11em;color:var(--teal);text-transform:uppercase;display:block;margin-bottom:7px}
.hero-sidebar-heading h2{font:400 clamp(23px,2.15vw,31px)/1.18 var(--serif);margin:0;letter-spacing:-.03em}
.hero-sidebar-list{display:grid;flex:1;grid-template-rows:repeat(3,minmax(0,1fr))}
.hero-mini{display:grid;grid-template-columns:94px minmax(0,1fr);gap:16px;padding:20px 0;border-bottom:1px solid var(--line);align-items:center;min-height:0}
.hero-mini:last-child{border-bottom:0}
.hero-mini-image{display:block;aspect-ratio:4/5;overflow:hidden;background:#d6e6de;border-radius:2px}
.hero-mini-image img,.hero-mini-image .image-fallback{width:100%;height:100%;object-fit:cover}
.hero-mini .story-meta{font-size:9px;margin:0 0 7px;letter-spacing:.08em}
.hero-mini h3{font:400 clamp(16px,1.4vw,20px)/1.29 var(--serif);letter-spacing:-.012em;margin:0;text-wrap:pretty}
.hero-mini h3 a:hover{color:var(--teal)}
.hero-empty{display:grid;place-items:center;padding:50px;background:var(--wash)}.hero-empty h1{font:400 clamp(36px,4vw,60px)/1.1 var(--serif);text-align:center;max-width:700px}
/* Dramatic, asymmetric room photography instead of repeated equal-size cards. */
.spaces-section{padding-top:102px;padding-bottom:112px}
.space-grid{display:grid;grid-template-columns:1.12fr .95fr .95fr;grid-template-rows:235px 235px;gap:16px}
.space-tile{height:auto;min-height:0;aspect-ratio:auto;margin:0!important;border-radius:2px;overflow:hidden}
.space-tile:nth-child(1){grid-row:span 2}
.space-tile:nth-child(2){grid-column:2;grid-row:1}
.space-tile:nth-child(3){grid-column:3;grid-row:1}
.space-tile:nth-child(4){grid-column:2 / 4;grid-row:2}
.space-tile:after{background:linear-gradient(0deg,#0a2e2ad9 0%,transparent 65%)}
.space-name{font:400 clamp(22px,2.2vw,31px)/1.15 var(--serif);left:24px;right:24px;bottom:22px;letter-spacing:-.035em}
.space-number{display:none!important}
.space-photo img{object-fit:cover;width:100%;height:100%}
/* Renovation and repairs: an image-rich feature + a calm index of useful guides. */
.practical-section{background:#eaf3ef;color:var(--ink);padding-block:104px}
.practical-section .section-head .eyebrow{color:var(--teal)}
.practical-section .section-head h2{color:var(--ink)}
.practical-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(24px,4vw,65px);align-items:start}
.practical-feature{background:#fff;border:1px solid #d8e7df;min-width:0}
.practical-feature-img{display:block;aspect-ratio:16/9;overflow:hidden;background:#d4e2dc}
.practical-feature-img img,.practical-feature-img .image-fallback{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.practical-feature-img:hover img{transform:scale(1.025)}
.practical-feature-copy{padding:28px 31px 34px}
.practical-feature-copy .story-meta{margin:0 0 10px;color:var(--teal)}
.practical-feature h3{font:400 clamp(26px,2.5vw,37px)/1.2 var(--serif);letter-spacing:-.04em;margin:0 0 10px;text-wrap:balance}
.practical-feature-copy p{color:#60716a;font-size:15px;line-height:1.68;max-width:600px;margin:0}
.practical-list{border-top:1px solid #ccdad4}
.practical-item{display:flex;justify-content:space-between;align-items:center;gap:18px;color:var(--ink);padding:23px 4px;border-bottom:1px solid #ccdad4;border-top:0}
.practical-item:last-child{border-bottom:1px solid #ccdad4}
.practical-item:hover{color:var(--teal-dark)}
.practical-category{display:block;color:var(--teal);font-size:10px;font-weight:700;letter-spacing:.08em;margin-bottom:9px}
.practical-title{font:400 clamp(20px,1.8vw,26px)/1.24 var(--serif);margin:0;letter-spacing:-.02em}
.practical-arrow{color:var(--teal);flex-shrink:0;font-size:20px}
/* Small spaces: generous image and tidy related notes */
.small-section{padding-block:116px}
.small-layout{gap:clamp(24px,4vw,68px);grid-template-columns:1.18fr .82fr}
.small-lead .story-photo{aspect-ratio:16/9}
.small-aside{gap:22px;padding-top:2px}
.small-mini{grid-template-columns:125px 1fr;gap:17px;padding-bottom:23px}
.small-mini .story-photo{aspect-ratio:1}
.small-mini h3{font-size:clamp(19px,1.65vw,24px)}
/* Profiles make a magazine-quality gallery, not a second news ticker. */
.people-section{background:#183936;padding-block:102px}
.people-section .section-head .eyebrow{color:#9ee5dc}
.people-section .section-head h2{color:#fff}
.people-section .underlined-link{color:#e5f3ee;border-color:#9ee5dc}
.people-grid{gap:24px}
.people-card .story-photo{aspect-ratio:4/4.1;overflow:hidden;border-radius:2px}
.people-card .story-meta{color:#8fe2d9;margin-top:17px}
.people-card .story-meta time{color:#c2d4ce}
.people-card h3{font-size:clamp(20px,1.85vw,27px);color:#fff;line-height:1.29}
.people-card h3 a:hover{color:#9ee5dc}
/* Fresh posts receive a subtle editorial rhythm, not a box collection. */
.fresh-section{padding-top:102px;padding-bottom:120px}
.fresh-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 27px}
.fresh-card{padding-bottom:22px;border-bottom:1px solid #d5dfd9;min-width:0}
.fresh-card .story-photo{aspect-ratio:16/10}
.fresh-card h3{font-size:clamp(22px,1.8vw,27px)}
.fresh-card .story-excerpt{font-size:14px;line-height:1.6;max-width:400px}
.site-footer{background:#153633}
.footer-brand{letter-spacing:-.043em}
.article-header h1{max-width:960px}
.entry-content{font-size:18px;line-height:1.78}
/* Tablets and touch devices */
@media(max-width:1100px){
 .hero-shell{grid-template-columns:1.35fr .9fr;min-height:510px}
 .hero-feature{min-height:530px}
 .hero-sidebar{padding:24px}
 .hero-mini{grid-template-columns:78px minmax(0,1fr);gap:11px}
 .hero-mini h3{font-size:17px}
 .space-grid{grid-template-rows:200px 200px}
 .practical-feature-copy{padding:24px}
 .practical-grid{gap:28px}
}
@media(max-width:860px){
 .shell{width:calc(100% - 48px)}
 .hero-shell{grid-template-columns:1fr;margin-top:22px}
 .hero-feature{min-height:560px}
 .hero-sidebar{padding:24px 27px;display:block}
 .hero-sidebar-list{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:15px}
 .hero-mini{display:block;min-width:0;border:0;padding:14px 0 0}
 .hero-mini-image{aspect-ratio:16/10;margin-bottom:10px}
 .hero-mini h3{font-size:18px}
 .space-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:350px 250px 250px}
 .space-tile:nth-child(1){grid-row:1;grid-column:1/3}
 .space-tile:nth-child(2){grid-row:2;grid-column:1}
 .space-tile:nth-child(3){grid-row:2;grid-column:2}
 .space-tile:nth-child(4){grid-row:3;grid-column:1/3}
 .practical-grid{grid-template-columns:1fr}
 .practical-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px}
 .practical-item{min-height:120px}
 .small-layout{grid-template-columns:1fr;gap:34px}
 .small-aside{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
 .small-mini{display:block;padding:0 0 16px}
 .small-mini .story-meta{margin-top:14px}
 .people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 18px}
 .fresh-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 22px}
}
@media(max-width:600px){
 .shell{width:calc(100% - 36px)}
 .masthead{height:76px;min-height:76px}
 .masthead-kicker{display:none}
 .hero-shell{width:100%;margin:0;display:block;border:0}
 .hero-feature{height:auto;min-height:530px}
 .hero-feature-copy{left:22px;right:22px;bottom:30px}
 .hero-feature h1{font-size:clamp(34px,8.2vw,45px);line-height:1.09;letter-spacing:-.04em}
 .hero-feature p{font-size:15px;line-height:1.6}
 .hero-sidebar{padding:28px 19px 30px}
 .hero-sidebar-heading h2{font-size:26px}
 .hero-sidebar-list{display:grid;grid-template-columns:1fr;gap:0}
 .hero-mini{display:grid;grid-template-columns:104px minmax(0,1fr);gap:13px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center}
 .hero-mini:last-child{border:0}
 .hero-mini-image{aspect-ratio:4/3;margin:0}
 .hero-mini h3{font-size:18px}
 .section{padding-block:68px}
 .section-head{margin-bottom:24px}
 .section-head h2{font-size:clamp(30px,7.2vw,38px)}
 .spaces-section{padding-top:66px}
 .space-grid{gap:12px;grid-template-rows:265px 220px 235px}
 .space-name{left:16px;right:16px;bottom:16px;font-size:clamp(22px,5.2vw,29px)}
 .practical-section{padding-block:70px}
 .practical-feature-img{aspect-ratio:16/11}
 .practical-feature-copy{padding:20px}
 .practical-feature h3{font-size:27px}
 .practical-list{grid-template-columns:1fr;gap:0}
 .practical-item{min-height:0;padding:19px 2px}
 .practical-title{font-size:22px}
 .small-layout{gap:24px}
 .small-aside{grid-template-columns:1fr;gap:14px}
 .small-mini{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;padding:0 0 14px}
 .small-mini .story-photo{aspect-ratio:1}
 .small-mini .story-meta{margin:3px 0 7px}
 .small-mini h3{font-size:19px}
 .people-section{padding-block:68px}
 .people-grid{gap:23px 13px}
 .people-card h3{font-size:19px}
 .fresh-grid{grid-template-columns:1fr;gap:29px}
 .fresh-card .story-photo{aspect-ratio:16/10}
 .fresh-card h3{font-size:24px}
}
@media(max-width:380px){.hero-feature{min-height:490px}.hero-feature h1{font-size:33px}.hero-mini{grid-template-columns:88px 1fr}.space-grid{grid-template-rows:225px 190px 210px}}
@media(prefers-reduced-motion:reduce){.hero-feature img,.practical-feature-img img{transition:none!important}}
.hero-mini-image,.practical-feature-img{position:relative}
.hero-mini-image>img,.practical-feature-img>img{position:absolute;inset:0}
.hero-feature>.hero-photo{isolation:isolate}
.hero-feature>.hero-photo .image-fallback{position:absolute;inset:0}
.hero-feature>.hero-photo img{position:absolute;inset:0}

/* Editorial fallback for older posts without photography; no stock-image claims. */
.image-fallback{display:flex;align-items:flex-end;justify-content:flex-start;padding:25px;background:radial-gradient(ellipse at 82% 23%,#eff2e9a8 0%,transparent 57%),linear-gradient(145deg,#b1c8bd 0%,#dce8df 50%,#96b4aa 100%)}
.image-fallback::before{inset:auto 15% 24% auto;width:52%;height:55%;border:0;border-left:1px solid #ffffff5e;border-top:1px solid #ffffff5e;transform:skew(-12deg);background:linear-gradient(115deg,#ffffff16,transparent)}
.image-fallback::after{display:none}
.image-fallback .placeholder-lines{display:none}
.image-fallback .placeholder-label{position:relative;bottom:auto;left:auto;max-width:90%;font-size:10px;letter-spacing:.1em;color:#2d635c;text-transform:uppercase;border-top:1px solid #65958a66;padding-top:10px;line-height:1.45}
.hero-feature .placeholder-label{position:absolute;top:20px;left:24px;color:#1e5b51;border:0}


/* Home Journal refinement: section-safe content and new third-section composition. */
:root{--linen:#fcfbf8;--ink:#183530;--line:#dbe4dd;--teal:#087d7b}
body{background:var(--linen)}
/* Third homepage section: an intentional full-width editorial reading list. */
.practical-section{background:#f0f5f1;color:var(--ink);padding:104px 0;border-block:1px solid #e1e9e1}
.practical-editorial{display:grid;grid-template-columns:minmax(240px,.77fr) minmax(0,1.8fr);gap:clamp(35px,6vw,100px);align-items:start}
.practical-intro{position:sticky;top:30px;padding-top:24px;max-width:360px}
.practical-intro .eyebrow{display:block;color:#087b78;letter-spacing:.13em;font-size:10px;font-weight:700;margin-bottom:18px}
.practical-intro h2{font:400 clamp(37px,3.4vw,54px)/1.09 var(--serif);letter-spacing:-.055em;color:#193a34;margin:0 0 24px;text-wrap:balance}
.practical-intro p{font-size:16px;line-height:1.8;color:#586e65;max-width:310px}
.practical-guides{min-width:0;border-top:1px solid #d0dcd3}
.practical-guide{display:grid;grid-template-columns:minmax(155px,.77fr) minmax(0,1.15fr) 36px;align-items:center;gap:clamp(19px,2.4vw,37px);padding:22px 0;border-bottom:1px solid #d0dcd3;min-width:0}
.practical-guide-image{position:relative;display:block;aspect-ratio:1.53;overflow:hidden;min-width:0;background:#cedfd6;border-radius:3px}
.practical-guide-image img,.practical-guide-image .image-fallback{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.practical-guide-image:hover img{transform:scale(1.04)}
.practical-guide-label{display:block;font:700 10px/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#08766e;margin:0 0 10px}
.practical-guide-copy h3{font:400 clamp(21px,2vw,29px)/1.18 var(--serif);letter-spacing:-.035em;margin:0 0 11px;text-wrap:balance;color:#19332d}
.practical-guide-copy h3 a:hover{color:#087d7b}
.practical-guide-copy p{font-size:14px;line-height:1.65;color:#60736c;max-width:450px;margin:0}
.practical-guide-action{justify-self:end;align-self:center;display:grid;place-items:center;width:35px;height:35px;border:1px solid #cbdcd3;border-radius:50%;font:20px/1 var(--sans);color:#075f61;transition:background .2s,color .2s}
.practical-guide-action:hover{background:#086f6c;color:#fff}
/* Small Spaces now has three spacious category-accurate cards; no squeezed sidebar headlines. */
.small-section{padding-block:105px 116px}
.small-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.6vw,35px)}
.small-card{min-width:0;border-bottom:1px solid #d9e4dc;padding-bottom:24px}
.small-card .story-photo{display:block;aspect-ratio:1.45;overflow:hidden;margin-bottom:20px;border-radius:3px}
.small-card .story-photo img,.small-card .story-photo .image-fallback{width:100%;height:100%;object-fit:cover}
.small-card .story-meta{color:#08716f;font-size:10px;margin:0 0 12px}
.small-card h3{font:400 clamp(23px,2.1vw,31px)/1.2 var(--serif);letter-spacing:-.038em;max-width:420px;margin:0 0 13px;text-wrap:balance}
.small-card .story-excerpt{font:400 15px/1.75 var(--sans);color:#61716b;margin:0;max-width:410px}
/* Global improvements to touch/reading consistency without excessive movement. */
.story-card a:focus-visible,.practical-guide a:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
.hero-mini h3,.practical-guide h3,.small-card h3,.fresh-card h3{overflow-wrap:break-word}
@media(max-width:1050px){
 .practical-editorial{grid-template-columns:minmax(210px,.65fr) minmax(0,1.5fr);gap:30px}
 .practical-guide{grid-template-columns:145px minmax(0,1fr) 28px;gap:17px}
 .practical-guide-copy h3{font-size:22px}
 .small-card h3{font-size:24px}
}
@media(max-width:860px){
 .practical-editorial{grid-template-columns:1fr;gap:25px}
 .practical-intro{position:static;max-width:700px;padding-top:0}
 .practical-intro p{max-width:650px;margin:0}
 .practical-guides{width:100%}
 .practical-guide{grid-template-columns:215px minmax(0,1fr) 35px;gap:22px}
 .small-stories{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 .small-card:first-child{grid-column:span 2;display:grid;grid-template-columns:1.05fr 1fr;gap:22px;align-items:start}
 .small-card:first-child .story-photo{grid-row:span 3;margin:0}
 .small-card:first-child h3{font-size:30px}
}
@media(max-width:600px){
 .practical-section{padding-block:67px}
 .practical-intro h2{font-size:clamp(33px,8vw,41px);margin-bottom:14px}
 .practical-intro p{font-size:15px;line-height:1.7}
 .practical-guide{grid-template-columns:115px minmax(0,1fr);gap:15px;align-items:start;padding:19px 0}
 .practical-guide-image{aspect-ratio:4/5;grid-row:span 2}
 .practical-guide-copy h3{font-size:clamp(20px,5.15vw,23px);line-height:1.2;margin-bottom:0}
 .practical-guide-label{margin-bottom:7px;font-size:9px}
 .practical-guide-copy p{display:none}
 .practical-guide-action{display:none}
 .small-section{padding-block:72px}
 .small-stories{grid-template-columns:1fr;gap:28px}
 .small-card:first-child{grid-column:auto;display:block}
 .small-card:first-child .story-photo{margin-bottom:20px}
 .small-card .story-photo{aspect-ratio:16/10}
 .small-card h3,.small-card:first-child h3{font-size:clamp(25px,6.2vw,30px)}
 .small-card .story-excerpt{font-size:15px;line-height:1.7}
}
@media(max-width:380px){.practical-guide{grid-template-columns:100px minmax(0,1fr);gap:12px}.practical-guide-copy h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){.practical-guide-image img,.practical-guide-action{transition:none!important}}

/* Premium Navigation, Search and Contrast Refinement */
.navigation{position:relative;z-index:12;background:#fff;border-top:1px solid #e7eeea}
.navigation .nav-inner{display:flex;gap:clamp(17px,2.35vw,39px);justify-content:center;align-items:center;min-height:64px;overflow:visible;flex-wrap:nowrap}
.navigation .nav-link{font-size:12px;letter-spacing:.065em;flex:none;padding:20px 0}
.navigation .nav-link::after{bottom:13px}
.nav-more{position:relative;flex:none;min-width:0}
.nav-more summary{display:flex;align-items:center;gap:9px;list-style:none;padding:19px 3px;color:#163933;font-size:12px;letter-spacing:.06em;font-weight:700;text-transform:uppercase;cursor:pointer;white-space:nowrap;min-height:58px}
.nav-more summary::-webkit-details-marker{display:none}
.nav-more summary:focus-visible{outline:3px solid #087e81;outline-offset:3px}
.more-plus{width:24px;height:24px;display:grid;place-items:center;border:1px solid #c5d9d2;border-radius:50%;font-size:19px;line-height:1;font-weight:400;transition:transform .2s ease,background .2s ease}
.nav-more[open] .more-plus{transform:rotate(45deg);background:#e7f4f0}
.nav-more-panel{position:absolute;right:0;top:calc(100% + 3px);width:min(560px,calc(100vw - 42px));background:#fff;border:1px solid #e3ebe7;border-radius:13px;box-shadow:0 22px 60px #0e322520;padding:24px;z-index:20}
.nav-more-heading{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:#53766c;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e3ebe7}
.nav-more-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 13px}
.nav-more-links a{display:block;min-width:0;padding:13px 10px;border-radius:5px;font-size:14px;line-height:1.35;font-weight:600;color:#203c36;overflow-wrap:break-word}
.nav-more-links a:hover,.nav-more-links a:focus-visible{background:#edf6f2;color:#006e68}
.site-header .masthead{position:relative}
.search-popover[hidden]{display:none!important}
.search-popover{position:absolute;right:max(24px,calc((100vw - 1400px)/2));top:103px;width:min(448px,calc(100vw - 36px));z-index:24;background:#fff;border:1px solid #dae6df;border-radius:16px;box-shadow:0 25px 75px #19392d2c;padding:27px 27px 21px;color:#173830}
.search-panel-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:23px}
.search-panel-head>div{display:flex;flex-direction:column;gap:4px}
.search-overline{font-size:10px;letter-spacing:.145em;font-weight:700;color:#087b76}
.search-panel-head strong{font:400 27px/1.2 var(--serif);letter-spacing:-.035em}
.search-close{border:0;background:#f0f5f1;color:#1f4942;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;flex:none}
.search-close:hover{background:#dceee7}
.search-popover-form{display:flex;align-items:stretch;min-width:0;gap:8px;background:#f6f8f6;border:1px solid #bbd0c8;border-radius:10px;padding:6px}
.search-popover-form:focus-within{border-color:#007972;box-shadow:0 0 0 3px #0079721e}
.search-popover-form input{flex:1;min-width:0;height:44px;padding:0 11px;border:0!important;outline:0!important;background:transparent;color:#16352e;font-size:15px;box-shadow:none!important}
.search-popover-form input::placeholder{color:#687c73;opacity:1}
.search-popover-form button{display:grid;place-items:center;background:#106a66;color:#fff;border:0;border-radius:7px;width:47px;height:44px;flex:none}
.search-popover-form button:hover{background:#064e4e}
.search-panel-help{margin:14px 0 0;color:#627971;font-size:12px;line-height:1.55}
.footer-category-list{columns:2;column-gap:24px}
.footer-category-list li{break-inside:avoid;page-break-inside:avoid}
/* Dark surfaces must never inherit low-contrast teal story-link colors. */
.people-section .people-card h3,.people-section .people-card h3 a,.people-section .people-card h3 a:visited{color:#f8fffd!important}
.people-section .people-card h3 a:hover,.people-section .people-card h3 a:focus-visible{color:#c1f0e6!important}
.people-section .people-card .story-meta{color:#9cf0df!important}
.people-section .people-card .story-meta time{color:#d5e7df!important}
.people-section .people-card .story-meta span{color:#c0d9cd!important}
/* Reading polish */
.story-card h3,.practical-guide-copy h3{overflow-wrap:normal;word-break:normal;hyphens:auto}
@media(max-width:1100px){.navigation .nav-inner{gap:20px}.navigation .nav-link,.nav-more summary{font-size:11px;letter-spacing:.035em}}
@media(max-width:860px){
 .navigation{display:none}.navigation.mobile-open{display:block}
 .navigation .nav-inner{display:flex;flex-direction:column;align-items:stretch;gap:0;width:min(720px,100%);margin:auto;padding:10px 24px 20px;background:#fff;max-height:min(74vh,680px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
 .navigation .nav-link{padding:13px 7px;border-bottom:1px solid #e2ebe5;width:100%;font-size:13px}
 .nav-more{width:100%}.nav-more summary{justify-content:space-between;padding:15px 7px;font-size:13px}
 .nav-more-panel{position:static;width:100%;box-shadow:none;border:0;border-top:1px solid #e2ebe5;border-radius:0;padding:16px 0 8px}
 .nav-more-links{grid-template-columns:repeat(2,minmax(0,1fr))}
 .nav-more-links a{font-size:14px}
 .search-popover{top:77px;right:18px}
}
@media(max-width:600px){
 .navigation .nav-inner{padding:7px 18px 18px}
 .nav-more-links{grid-template-columns:1fr}
 .nav-more-panel{padding:10px 0}
 .nav-more-links a{padding:12px 9px}
 .search-popover{top:68px;right:12px;width:calc(100vw - 24px);border-radius:12px;padding:20px 18px 16px}
 .search-panel-head strong{font-size:25px}
 .search-popover-form input{font-size:16px}
 .footer-category-list{columns:2;column-gap:12px}
}
@media(max-width:380px){.footer-category-list{columns:1}}
@media(prefers-reduced-motion:reduce){.more-plus{transition:none}}

/* Primary navigation is a small, curated selection; the remaining categories live in More +. */
@media(min-width:1121px){
 .navigation .nav-inner{gap:clamp(13px,1.85vw,31px)}
 .navigation .nav-link,.navigation .nav-more summary{font-size:clamp(10px,.83vw,12px);letter-spacing:.045em;white-space:nowrap}
}
/* Switch to the clean mobile menu before navigation labels can collide. */
@media(min-width:861px) and (max-width:1120px){
 .navigation{display:none}
 .navigation.mobile-open{display:block}
 .navigation.mobile-open .nav-inner{display:flex;flex-direction:column;align-items:stretch;gap:0;max-height:72vh;overflow-y:auto;overflow-x:hidden;padding:12px 24px 20px;width:min(720px,100%)}
 .navigation.mobile-open .nav-link{width:100%;padding:13px 7px;border-bottom:1px solid #e2ebe5;font-size:13px}
 .navigation.mobile-open .nav-more{width:100%}
 .navigation.mobile-open .nav-more-panel{position:static;width:100%;box-shadow:none;border:0;border-top:1px solid #e2ebe5;border-radius:0;padding:12px 0}
 .masthead .menu-trigger{display:grid!important}
}

/* Performance and inclusive-reading refinement. Meaningful contrast across surfaces. */
:root { --teal:#006e6c; --teal-dark:#005c5b; --muted:#52635e; }
.story-meta time, .fresh-card .story-meta time, .small-card .story-meta time { color:#536760; }
.practical-guide-copy p, .small-card .story-excerpt, .story-excerpt { color:#4c6059; }
.practical-intro p { color:#4c6059; }
.search-panel-help { color:#526960; }
.search-popover-form input::placeholder { color:#526960; }
.placeholder-label, .image-fallback .placeholder-label { color:#234c46; }
.masthead-kicker { color:#52645e; }
.hero-category, .practical-guide-label, .practical-intro .eyebrow,
.section-head .eyebrow, .story-meta, .small-card .story-meta { color:#006965; }
.hero-feature .hero-category, .people-section .story-meta { color:#d8f5ee; }
.hero-feature .story-meta, .people-section .story-meta time { color:#d8f5ee; }
.navigation a, .nav-more summary { text-underline-offset:4px; }
:where(a, button, input, summary):focus-visible { outline:3px solid #005b59; outline-offset:3px; }
.search-popover-form:focus-within { box-shadow:0 0 0 3px #005b5942; }
@media (prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 *, *::before, *::after { animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important; }
}
@media (max-width:600px) {
 .story-meta, .small-card .story-meta, .practical-guide-label {font-size:12px;line-height:1.5;letter-spacing:.04em;}
 .hero-category, .hero-mini .story-meta {font-size:12px;}
 .entry-content {font-size:18px;line-height:1.78;}
}