@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');
:root{--ink:#253b38;--muted:#61726b;--green:#357361;--cream:#faf9f4;--line:#e6eae2;--white:#fff;--pale:#eaf2ec}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.75}
a{color:var(--green)}img{max-width:100%;display:block}h1,h2,h3{overflow-wrap:break-word}.wrap{max-width:1130px;margin:auto;padding-left:26px;padding-right:26px}
.skip-link{position:absolute;left:-9999px;top:0;padding:10px;background:white;z-index:100}.skip-link:focus{left:15px}
header{background:var(--white);border-bottom:1px solid var(--line)}.head{display:flex;justify-content:space-between;align-items:center;gap:22px;padding-top:22px;padding-bottom:22px}
.logo{text-decoration:none;color:var(--ink);font-size:25px;font-weight:700;letter-spacing:-1px;white-space:nowrap}.logo span{color:var(--green)}
nav{display:flex;gap:17px;flex-wrap:wrap}header nav a,.footer-links a{text-decoration:none;font-size:13px;font-weight:600;color:#385049}header nav a:hover,.footer-links a:hover,.card h3 a:hover{text-decoration:underline}
.hero{padding:86px 0 73px;max-width:800px}.eyebrow{color:var(--green);font-size:12px;letter-spacing:2px;font-weight:700}
.hero h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(45px,7vw,86px);line-height:1.12;letter-spacing:-1.7px;margin:20px 0}.hero em{color:var(--green)}
.hero p,.lede{font-size:19px;color:var(--muted);max-width:730px}.cta{display:inline-block;margin-top:13px;padding:13px 25px;background:var(--green);border-radius:6px;color:white;text-decoration:none;font-weight:700}
.categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:83px}
.categories a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:20px 18px;background:white;border:1px solid var(--line);border-radius:8px;text-decoration:none;font-weight:700;font-size:14px}
.categories span{color:var(--green)}.section-head{margin-bottom:30px}.section-head h2{font:600 39px/1.25 Georgia,serif;margin:7px 0}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:85px}
.card{background:white;border-radius:12px;overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column}
.card-photo-link{display:block;overflow:hidden;aspect-ratio:16/10;background:#e8e8e6}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .24s}.card:hover .card-image{transform:scale(1.025)}
.card-inner{padding:25px;display:flex;flex-direction:column;flex:1}.tag,.article-label{font-size:11px;color:var(--green);letter-spacing:1px;font-weight:700;text-transform:uppercase}
.card h3{font:600 25px/1.28 Georgia,serif;margin:11px 0}.card h3 a{text-decoration:none;color:var(--ink)}.card p{font-size:14px;line-height:1.7;color:var(--muted)}
.read{margin-top:auto;text-decoration:none;font-weight:700;font-size:13px;padding-top:16px}
.page{padding-top:65px;padding-bottom:70px;min-height:390px}.page h1,.article h1{font:600 clamp(40px,5.5vw,66px)/1.13 'Playfair Display',Georgia,serif;letter-spacing:-.7px;margin:10px 0 25px}
.page .cards{margin-top:38px}.prose{max-width:825px}.prose p{font-size:18px;line-height:1.85;color:#43574f;margin:0 0 24px}
.article{max-width:850px;margin:42px auto 115px}.breadcrumbs{display:block;font-size:13px;color:var(--muted);margin-bottom:30px}.breadcrumbs a{color:var(--green)}
.article-label{margin-bottom:12px}.article-label span{margin:0 8px;color:#b0bdb5}.article .lede{font-size:20px;line-height:1.8;margin:20px 0 33px;color:#51665c}
.byline{font-size:13px;color:var(--muted);margin-top:-8px;margin-bottom:20px}
.article p,.article li{font-size:18px;line-height:1.84;color:#42544c}.article-section{scroll-margin-top:28px}.article-section h2,.faq h2,.related h2,.further h2{font:600 32px/1.3 Georgia,serif;margin:48px 0 15px}
.article-section ol,.article-section ul,.toc ol,.further ul{padding-left:28px}.article-section li{padding-left:5px;margin:7px 0}.article-section li::marker{color:var(--green);font-weight:700}
.article figure{margin:30px 0 33px}.editorial-image{width:100%;max-height:460px;object-fit:cover;aspect-ratio:3/2;border-radius:12px;background:#e9ece7}.article figcaption{font-size:12px;line-height:1.5;color:#6e8076;margin-top:9px}.article figcaption a{color:inherit}
.toc{background:var(--pale);border:1px solid #d8e5dc;padding:23px 28px;border-radius:11px;margin:33px 0 42px}.toc strong{font-size:15px}.toc ol{columns:2;margin:10px 0 0;column-gap:35px}.toc li{break-inside:avoid;font-size:14px;margin:7px 0}.toc a{text-decoration:none}.toc a:hover{text-decoration:underline}
.faq{padding-top:6px}.faq-entry{border-top:1px solid var(--line);padding:13px 0}.faq-entry h3{font:600 22px Georgia,serif;margin:8px 0}.faq-entry p{margin:8px 0}
.further ul li{margin:8px 0;font-size:15px}.note{border-left:4px solid var(--green);background:#edf4ee;padding:24px;margin-top:35px;border-radius:0 7px 7px 0;color:#40574b;font-size:14px}
.related{margin-top:70px}.related .cards{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:0}.related .card h3{font-size:20px}.related .card p{font-size:14px}
footer{background:#eaf0eb;padding:46px 0 25px}.foot{display:flex;align-items:center;justify-content:space-between;gap:25px}.foot p,footer small{font-size:13px;color:#687c71}.footer-links{display:flex;gap:13px;flex-wrap:wrap}footer small{display:block;margin-top:23px}
@media(max-width:930px){.head{align-items:flex-start;flex-direction:column}nav{gap:12px}.categories{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.wrap{padding-left:18px;padding-right:18px}.head{padding-top:18px;padding-bottom:18px}.logo{font-size:22px}header nav a{font-size:12px}.hero{padding:60px 0}.hero h1{font-size:48px}.hero p,.lede{font-size:17px}.categories,.cards,.related .cards{grid-template-columns:1fr}.cards{margin-bottom:60px}.article{margin:29px auto 70px}.article h1{font-size:42px}.article p,.article li{font-size:17px}.article-section h2,.faq h2,.related h2{font-size:28px}.toc ol{columns:1}.foot{display:block}.footer-links{margin-top:18px}.page{padding-top:44px}}

/* 2026 editorial homepage refresh & persistent theme palette */
:root{color-scheme:light;--hero:#183a30;--hero-mid:#275544;--shadow:0 18px 45px rgba(17,45,35,.1)}
:root[data-theme="dark"]{color-scheme:dark;--ink:#e6efe8;--muted:#b2c4b9;--green:#9fdcb8;--cream:#121b17;--line:#35493d;--white:#1b2821;--pale:#24372c;--hero:#0a231c;--hero-mid:#1b4033;--shadow:0 18px 55px rgba(0,0,0,.28)}
body{transition:background-color .18s,color .18s}
header{position:relative;z-index:5}
.nav-tools{display:flex;align-items:center;gap:22px}
.theme-toggle{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-width:93px;border:1px solid var(--line);border-radius:99px;background:var(--pale);color:var(--ink);padding:8px 13px;font:700 13px 'DM Sans',Arial,sans-serif;cursor:pointer;transition:background .2s,transform .2s;white-space:nowrap}
.theme-toggle:hover{transform:translateY(-1px)}.theme-toggle:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.theme-icon{font-size:19px;line-height:1}.theme-label{line-height:1.3}
header nav a,.footer-links a{color:var(--ink)}
.hero-editorial{max-width:none;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:32px;margin:32px 0 32px;padding:55px 45px 55px 55px;border-radius:25px;background:linear-gradient(120deg,var(--hero),var(--hero-mid));color:white;overflow:hidden;min-height:540px}
.hero-editorial .hero-copy{position:relative;z-index:1;padding-right:10px}
.hero-eyebrow{text-transform:uppercase;letter-spacing:2.1px;color:#d7eacb;font-size:11px;font-weight:700;display:flex;align-items:center;gap:11px}
.eyebrow-line{display:inline-block;width:32px;height:1px;background:#a5c9a9}
.hero-editorial h1{font-size:clamp(39px,4.2vw,65px);line-height:1.11;letter-spacing:-1.4px;margin:24px 0 25px;color:#fff;font-weight:600}
.hero-editorial h1 em{color:#cee6b7;white-space:normal}
.hero-editorial p{color:#e3eee4;font-size:17px;line-height:1.85;max-width:480px;margin-bottom:25px}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:17px}.hero-editorial .cta{background:#f6f7ed;color:#1b4937;margin:0;box-shadow:0 7px 20px rgba(0,0,0,.12)}.hero-editorial .cta:hover{background:#deebd8}
.hero-hint{font-size:11px;letter-spacing:.5px;color:#d8e9d7}
.hero-mosaic{height:440px;display:grid;grid-template-columns:1.1fr .95fr;grid-template-rows:1fr 1fr;gap:12px}
.hero-mosaic-tile{display:block;position:relative;overflow:hidden;border-radius:15px;background:#385b4a;isolation:isolate;min-height:0;box-shadow:0 12px 28px rgba(0,0,0,.11)}
.hero-mosaic-tile.tile-1{grid-row:1/3}
.hero-mosaic-tile img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .4s ease}
.hero-mosaic-tile:hover img{transform:scale(1.07)}
.tile-overlay{position:absolute;inset:auto 0 0;padding:35px 16px 16px;color:white;background:linear-gradient(transparent,rgba(0,0,0,.74))}
.tile-overlay small{display:block;color:#ccead8;text-transform:uppercase;font-weight:700;letter-spacing:1.3px;font-size:10px;margin-bottom:4px}
.tile-overlay strong{font:600 16px/1.35 Georgia,serif;display:block}.tile-1 .tile-overlay strong{font-size:20px}
.categories{gap:15px;margin-bottom:80px}
.categories a{background:var(--white);box-shadow:0 4px 14px rgba(24,60,40,.035);min-height:76px}
.categories a:hover,.card:hover{border-color:var(--green);box-shadow:var(--shadow)}
.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end}
.section-head h2{font-size:clamp(30px,3.8vw,43px);max-width:620px;line-height:1.24}
.section-head p{max-width:240px;color:var(--muted);font-size:14px;margin:0 0 8px}
.card{transition:border-color .22s,box-shadow .22s}
.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:0 0 90px;border-top:1px solid var(--line);padding-top:45px}
.benefits>div{padding:8px 4px}.benefits .benefit-mark{color:var(--green);font-size:29px}
.benefits h3{font:600 23px/1.25 Georgia,serif;margin:11px 0 7px}
.benefits p{color:var(--muted);font-size:14px;margin:0}
[data-theme="dark"] .card,[data-theme="dark"] .categories a{background:var(--white)}
[data-theme="dark"] .card-photo-link{background:#29392f}
[data-theme="dark"] .article p,[data-theme="dark"] .article li,[data-theme="dark"] .prose p{color:#c7d7cc}
[data-theme="dark"] .article .lede,[data-theme="dark"] .hero:not(.hero-editorial) p{color:var(--muted)}
[data-theme="dark"] .toc{background:var(--pale);border-color:var(--line)}
[data-theme="dark"] .note{background:#283d30;color:#d4e4d8}
[data-theme="dark"] .article figcaption,[data-theme="dark"] .foot p,[data-theme="dark"] footer small{color:#a3b8a9}
[data-theme="dark"] .categories span{color:var(--green)}
footer{background:var(--pale)}.foot p,footer small{color:var(--muted)}
@media(max-width:1080px){.hero-editorial{padding:42px 35px;gap:24px}.hero-mosaic{height:395px}.hero-editorial h1{font-size:clamp(38px,4.7vw,60px)}}
@media(max-width:850px){.hero-editorial{grid-template-columns:1fr;gap:30px}.hero-mosaic{height:360px}.hero-editorial h1{max-width:650px}.hero-editorial p{max-width:610px}.nav-tools{justify-content:space-between;width:100%}.section-head{display:block}.section-head p{max-width:480px;margin-top:9px}}
@media(max-width:620px){.hero-editorial{margin:20px 0 27px;padding:32px 22px;border-radius:18px;gap:26px}.hero-editorial h1{font-size:clamp(36px,10vw,52px);margin:19px 0}.hero-editorial p{font-size:15px;line-height:1.75}.hero-actions{gap:12px}.hero-hint{font-size:10px}.hero-mosaic{height:285px;gap:8px}.hero-mosaic-tile{border-radius:10px}.tile-overlay{padding:27px 10px 10px}.tile-overlay strong{font-size:12px}.tile-1 .tile-overlay strong{font-size:15px}.tile-overlay small{font-size:8px}.nav-tools{display:flex;align-items:center;gap:12px}.nav-tools nav{flex:1}.theme-toggle{min-width:42px;padding:7px 10px}.theme-label{display:none}.categories{margin-bottom:56px}.benefits{grid-template-columns:1fr;gap:12px;margin-bottom:55px}.benefits>div{padding:6px 0}.section-head h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* AI photography & warm lifestyle design — editorial v3 */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
[hidden]{display:none!important}
.wrap{max-width:1240px}
body{font-size:16px}
.head{min-height:86px;gap:16px;padding-top:12px;padding-bottom:12px}
.logo{display:flex;align-items:center;gap:11px;letter-spacing:0;text-decoration:none}
.logo img{flex:0 0 39px;width:39px;height:39px;border-radius:8px}
.logo .brand-copy{display:flex;flex-direction:column;gap:0}
.logo strong{display:block;font:700 26px/1.08 Georgia,serif;color:var(--ink);white-space:nowrap}
.logo small{font:400 11px/1.5 'DM Sans',Arial,sans-serif;color:var(--muted);white-space:nowrap;letter-spacing:0}
.nav-tools{flex:1;justify-content:flex-end;gap:18px;min-width:0}
header nav{gap:clamp(8px,1.1vw,19px)}
header nav a{font-size:13px;font-weight:600;white-space:nowrap}
.header-search{height:38px;max-width:198px;min-width:140px;display:flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:22px;background:var(--cream);padding:0 7px 0 13px}
.header-search input{min-width:0;width:100%;background:transparent;border:0;outline:0;color:var(--ink);font:400 12px 'DM Sans',Arial,sans-serif}
.header-search input::placeholder{color:var(--muted)}
.header-search:focus-within{outline:2px solid var(--green);outline-offset:1px}
.header-search button{border:0;background:transparent;color:var(--ink);font-size:24px;line-height:1;cursor:pointer;padding:0 5px 2px}
.theme-toggle{flex:0 0 auto}
.home-hero{height:396px;position:relative;margin:25px 0 22px;border-radius:20px;overflow:hidden;isolation:isolate;background:#e8e3d7}
.home-hero-photo{position:absolute;inset:0 0 0 auto;width:66%;height:100%;object-fit:cover;object-position:54% center;z-index:-2}
.hero-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fbf7ed 3%,#fbf7ed 28%,rgba(251,247,237,.96) 42%,rgba(251,247,237,.28) 68%,rgba(251,247,237,0) 88%)}
.home-hero-content{height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:30px 52px;max-width:680px}
.hero-kicker{font-size:11px;font-weight:700;letter-spacing:1.8px;color:#38664d}
.home-hero h1{font:600 clamp(38px,4vw,60px)/1.12 Georgia,serif;color:#13271b;letter-spacing:-1.5px;margin:21px 0 14px}
.home-hero h1 em{font-style:normal;color:#356844}
.home-hero p{font-size:16px;line-height:1.65;color:#374a3d;max-width:425px;margin:0 0 23px}
.home-hero .cta{background:#20633a;border-radius:24px;margin:0;padding:11px 21px;font:700 13px 'DM Sans',Arial,sans-serif;box-shadow:0 8px 22px rgba(20,50,26,.1)}
.home-hero .cta:hover{background:#154d2a}
.photo-categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:0 0 58px}
.photo-categories a.photo-category{display:block;padding:0!important;min-height:unset;overflow:hidden;border-radius:13px;background:var(--white);border:1px solid var(--line);box-shadow:0 6px 22px rgba(27,43,29,.05);color:var(--ink);text-decoration:none}
.photo-category img{width:100%;height:126px;object-fit:cover;aspect-ratio:16/8}
.photo-category .category-label{display:flex;align-items:center;gap:11px;padding:13px 15px 16px}
.category-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#e7f6ea;color:#195f3a;font:bold 23px Georgia,serif}
.home-tile .category-icon{background:#e9f2e8}
.money-tile .category-icon{background:#fff0be;color:#92640e}
.technology-tile .category-icon{background:#e8eeff;color:#3265aa}
.photo-category .category-label strong{display:block;font:700 18px/1.2 Georgia,serif;color:var(--ink);white-space:normal}
.photo-category .category-label small{display:block;font-size:12px;line-height:1.45;color:var(--muted);margin-top:4px}
.listing{margin-top:2px}.listing .section-head{align-items:center;margin-bottom:21px}
.listing .eyebrow{font-size:10px;letter-spacing:1.7px}
.listing .section-head h2{font:700 37px/1.22 Georgia,serif;max-width:none;margin:4px 0}
.outline-link{border:1px solid var(--green);border-radius:30px;padding:8px 16px;line-height:1.35;display:inline-flex;gap:10px;align-items:center;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}
.outline-link:hover{background:var(--pale)}
.listing .cards{gap:21px;margin-bottom:62px}
.listing .card{border-radius:12px}
.listing .card .card-photo-link{aspect-ratio:16/7}
.listing .card .card-inner{padding:18px 20px 22px}
.listing .card h3{font:700 22px/1.32 Georgia,serif;margin:10px 0}
.listing .card p{font-size:13px;margin:5px 0 0}
.listing .tag{font-size:10px;letter-spacing:1px}
.search-status{background:var(--pale);border-radius:8px;padding:12px 16px;color:var(--ink);margin-bottom:20px}
.benefits{margin-top:0;padding-top:25px;gap:30px}
:root[data-theme="dark"] .home-hero{background:#223c2b}
:root[data-theme="dark"] .hero-overlay{background:linear-gradient(90deg,#14241b 0%,#14241b 29%,rgba(20,36,27,.94) 43%,rgba(20,36,27,.35) 69%,transparent 89%)}
:root[data-theme="dark"] .home-hero h1{color:#ecf6e7}
:root[data-theme="dark"] .home-hero h1 em{color:#a4deaf}
:root[data-theme="dark"] .home-hero p{color:#c8d9cb}
:root[data-theme="dark"] .hero-kicker{color:#b4d9b5}
:root[data-theme="dark"] .photo-categories a.photo-category{background:var(--white)}
:root[data-theme="dark"] .photo-category .category-label strong{color:var(--ink)}
:root[data-theme="dark"] .header-search{background:var(--pale)}
:root[data-theme="dark"] .home-hero .cta{background:#a6dbaf;color:#143020}
@media(max-width:1150px){
 .logo strong{font-size:22px}
 .nav-tools{gap:11px}
 header nav{gap:11px}
 header nav a{font-size:12px}
 .header-search{max-width:170px}
 .home-hero{height:370px}
}
@media(max-width:930px){
 .head{flex-direction:column;align-items:stretch;min-height:unset;gap:12px}
 .nav-tools{width:100%;justify-content:space-between}
 header nav{flex:1;justify-content:flex-start;gap:13px}
 .header-search{max-width:200px}
 .photo-categories{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-hero-photo{width:72%}
}
@media(max-width:650px){
 .head{padding-top:15px;padding-bottom:12px}
 .logo strong{font-size:24px}
 .nav-tools{flex-wrap:wrap;gap:8px}
 header nav{order:2;width:100%;justify-content:space-between;flex:0 0 100%;gap:6px}
 header nav a{font-size:11px}
 .header-search{order:0;flex:1;min-width:0;max-width:none}
 .theme-toggle{order:1}
 .home-hero{margin:17px 0 17px;height:455px}
 .home-hero-photo{width:100%;height:58%;top:auto;bottom:0;object-position:center}
 .hero-overlay{background:linear-gradient(180deg,#fcf8ec 0%,#fcf8ec 37%,rgba(252,248,236,.97) 44%,rgba(252,248,236,.15) 72%,transparent 100%)}
 .home-hero-content{justify-content:flex-start;padding:28px 22px}
 .home-hero h1{font-size:39px;margin:11px 0}
 .home-hero p{font-size:13px;line-height:1.55;max-width:300px;margin-bottom:14px}
 .hero-kicker{font-size:9px}
 .home-hero .cta{padding:9px 14px;font-size:12px}
 :root[data-theme="dark"] .hero-overlay{background:linear-gradient(180deg,#14241b 0%,#14241b 35%,rgba(20,36,27,.97) 45%,rgba(20,36,27,.3) 74%,transparent 100%)}
 .photo-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:40px}
 .photo-category img{height:95px}
 .photo-category .category-label{padding:10px;gap:7px}
 .category-icon{width:30px;height:30px;font-size:18px}
 .photo-category .category-label strong{font-size:15px}
 .photo-category .category-label small{font-size:10px}
 .listing .section-head{align-items:flex-start;gap:6px}
 .listing .section-head h2{font-size:29px}
 .outline-link{font-size:11px;padding:6px 11px}
 .listing .cards{gap:14px}
 .listing .card .card-photo-link{aspect-ratio:16/8}
 .listing .card h3{font-size:22px}
 .benefits{gap:10px;margin-bottom:45px}
}