:root{--paper:#f8f6f0;--ink:#20303d;--muted:#53616b;--line:#d1dce0;--accent:#00769c;--wash:#e7f4f8;--accent-strong:#006b91;--electric:#00b9f2;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent-strong);outline-offset:5px}a:hover{color:var(--accent-strong)}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.site-header{width:min(1392px,calc(100% - 80px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:26px 0;border-bottom:1px solid var(--line)}.brand{font-family:var(--serif);font-size:54px;line-height:.85;display:inline-flex;flex-direction:column;gap:12px}.brand span{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:2px;line-height:1.2}.site-header nav{display:flex;align-items:center;gap:26px;font-size:14px}.site-header nav a{padding:10px 0;white-space:nowrap}.site-header nav a[aria-current]{border-bottom:1px solid var(--accent);color:var(--accent)}.site-header nav a:last-child{border:1px solid var(--ink);padding:10px 20px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:76px;padding-block:76px 68px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:2px;font-weight:600;margin:0 0 25px;color:var(--accent)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.02;letter-spacing:-1px}h1{font-size:clamp(54px,5.6vw,84px);margin-bottom:30px}h1 em,h2 em{font-weight:400;color:var(--accent)}h2{font-size:clamp(38px,4vw,60px);margin-bottom:30px}h3{font-size:32px;line-height:1.15}p{margin-bottom:22px}.intro{max-width:535px;color:var(--muted);font-size:17px;line-height:1.8}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 23px;background:var(--ink);color:white;border:1px solid var(--ink);font-size:14px;cursor:pointer}.button:hover{background:var(--accent);color:white}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.button.secondary:hover{border-color:var(--ink)}.hero-photo{margin:0;max-width:426px;justify-self:end;width:100%;position:relative;padding:14px 16px 0 0}.photo-frame{position:relative;background:#e5ddd0;border-radius:48% 48% 2px 2px;aspect-ratio: .83;overflow:hidden}.hero-photo:before{content:'';position:absolute;inset:0 0 62px 15px;border:1px solid #00b9f2;border-radius:48% 48% 2px 2px;pointer-events:none}.photo-frame img{width:100%;height:100%;object-fit:cover;display:block}.hero-photo figcaption{font-size:12px;color:var(--muted);padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:12px}.hero-photo figcaption span{font:italic 34px var(--serif);color:var(--accent-strong)}.credentials{border-block:1px solid var(--line);display:flex;justify-content:center;gap:64px;padding:21px 28px;font-size:12px;letter-spacing:.8px;color:var(--muted)}.credentials span+span:before{content:'·';margin-right:64px;color:var(--accent)}.follow{padding-block:86px;display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line)}.follow p{color:var(--muted);max-width:540px}.follow-links{display:flex;gap:32px;margin-bottom:25px}.follow-links>span{font-size:16px;border-bottom:1px solid var(--line);padding-bottom:12px}.follow-links small{display:block;color:var(--muted);font-size:12px}.text-link{display:inline-flex;align-items:center;gap:22px;font-size:14px;font-weight:500;border-bottom:1px solid var(--accent);padding-bottom:6px}.site-footer{padding-block:45px 25px;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:38px}.footer-top p{font-family:var(--serif);font-size:28px;line-height:1.2;margin:0}.footer-top>div{display:flex;gap:32px}.footer-bottom{padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.footer-bottom>div{display:flex;gap:20px}.skip{position:absolute;top:-100px;left:20px;background:var(--ink);color:white;padding:12px;z-index:10}.skip:focus{top:10px}@media(min-width:1500px){.hero{padding-block:95px}}@media(max-width:1100px){.site-header nav{gap:16px;font-size:12px}.wrap{width:calc(100% - 72px)}.hero{gap:44px}.credentials{gap:25px}.credentials span+span:before{margin-right:25px}.footer-bottom{flex-wrap:wrap}}@media(max-width:850px){.site-header{width:calc(100% - 40px);padding:22px 0;position:relative;flex-wrap:wrap}.brand{font-size:46px}.menu-toggle{display:block;border:1px solid var(--line);background:transparent;padding:8px 12px;color:var(--ink)}.menu-toggle span{margin-left:16px}.site-header nav{display:none;width:100%;flex-direction:column;align-items:stretch;font-size:16px;gap:0}.site-header nav.open{display:flex}.site-header nav a{padding:12px;border-bottom:1px solid var(--line)}.site-header nav a:last-child{margin-top:10px}.wrap{width:calc(100% - 40px)}.hero{gap:32px;padding-block:45px}.hero h1{font-size:60px}.eyebrow{font-size:11px;letter-spacing:1.5px}.hero .intro{font-size:16px}.hero-photo figcaption{flex-wrap:wrap}.credentials{flex-wrap:wrap;gap:8px 20px;padding-block:18px}.credentials span+span:before{display:none}.follow{gap:32px;padding-block:55px}.footer-top{flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:12px}}@media(max-width:600px){.hero{grid-template-columns:1fr;padding-top:38px}.hero h1{font-size:60px}.hero-photo{justify-self:center;max-width:330px;margin-top:8px}.hero .eyebrow{max-width:290px}.actions{gap:10px}.button{padding:14px 18px;gap:20px}.credentials{font-size:11px}.follow{grid-template-columns:1fr;gap:16px}.follow h2{font-size:46px}.footer-top{align-items:flex-start}.footer-top p{font-size:25px}.footer-top>div{width:100%;margin-top:12px}.footer-bottom>div{gap:16px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.editorial{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;padding-block:90px;border-bottom:1px solid var(--line)}.section-heading h2{max-width:530px}.prose{color:var(--muted);font-size:17px;line-height:1.9}.prose strong{font-weight:600;color:var(--ink)}.prose h2,.prose h3{color:var(--ink)}.prose blockquote{margin:32px 0;border-left:2px solid var(--accent);padding-left:25px;font-family:var(--serif);font-size:31px;line-height:1.3;color:var(--ink)}.prose ul{padding-left:22px}.prose li{padding-left:8px;margin-block:12px}.prose .text-link{color:var(--ink)}.principle{background:var(--wash);padding-block:90px}.principle h2{max-width:900px;font-size:clamp(40px,4.7vw,68px)}.principle-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px;margin-top:50px;color:var(--muted)}.framework{background:var(--ink);color:var(--paper);padding-block:85px}.framework .eyebrow{color:#a1e7fc}.framework h2 em{color:#45d3ff}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-block:48px}.step{border-top:1px solid #52727e;padding-top:24px}.step-number{font-family:var(--serif);color:#45d3ff;font-size:27px}.step h3{margin-top:30px;font-size:35px}.step p{color:#d7e9f0;font-size:15px}.framework .text-link{border-color:#45d3ff}.framework .text-link:hover{color:#45d3ff}.pathways{padding-block:85px;border-bottom:1px solid var(--line)}.path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:45px}.path-card{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:25px}.path-card h3{min-height:75px;margin-top:8px}.path-card p{font-size:15px;color:var(--muted)}.path-action{margin-top:auto;display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:600}.path-card:hover h3{color:var(--accent)}.journal{background:var(--wash)}.journal .editorial{border:0}.closing{padding-block:55px}.closing .prose{max-width:800px;margin:auto;text-align:center;font-family:var(--serif);font-size:32px;line-height:1.35;color:var(--ink)}.page-hero{padding-block:55px 60px;border-bottom:1px solid var(--line)}.page-hero .eyebrow{margin-top:50px}.page-hero h1{max-width:900px;font-size:clamp(55px,6.5vw,90px);margin-bottom:8px}.breadcrumb,.breadcrumb-divider{font-size:12px;color:var(--muted)}.breadcrumb-divider{padding:0 12px}.with-portrait{display:grid;grid-template-columns:1fr 220px;gap:65px;align-items:center}.with-portrait img{width:100%;height:auto;border-radius:48% 48% 0 0;max-height:280px;object-fit:cover}.article-layout{display:grid;grid-template-columns:240px minmax(0,750px);gap:100px;padding-block:60px 80px;justify-content:space-between}.article-aside{align-self:start;position:sticky;top:30px}.article-aside nav{display:flex;flex-direction:column;font-size:14px;gap:18px}.article-aside p{margin-top:40px;font:italic 24px/1.4 var(--serif);color:var(--accent)}.reading{max-width:750px}.reading.wrap{padding-block:45px}.article-intro p:first-child{font-size:21px;color:var(--ink);line-height:1.7}.reading section{padding-top:48px;margin-top:48px;border-top:1px solid var(--line);scroll-margin-top:30px}.reading h2{font-size:43px}.reading h3{font-size:34px;margin-top:36px}.cta-panel{background:var(--wash);padding:50px 60px;display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:70px}.cta-panel h2{font-size:43px;max-width:600px;margin:0}.cta-panel .button{flex-shrink:0}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;padding-block:65px 90px}.contact-intro>p{color:var(--muted)}.notice{padding:20px;border-left:2px solid var(--accent);background:var(--wash);font-size:14px}.small{font-size:13px}form{display:flex;flex-direction:column;gap:25px}label{font-size:14px;font-weight:500;display:flex;flex-direction:column;gap:9px}input,select,textarea{width:100%;background:#fffdf9;border:1px solid #b9aebc;color:var(--ink);padding:13px 14px;border-radius:0;min-width:0}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.check{display:flex;flex-direction:row;gap:14px;align-items:flex-start;font-size:13px;font-weight:400}.check input{width:18px;height:18px;flex-shrink:0;accent-color:var(--accent);margin-top:4px}.check a{text-decoration:underline}form .button{align-self:flex-start}#form-status{margin:0;color:var(--accent)}.legal{padding-bottom:80px!important;min-height:350px}.library-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-start}.library-heading h2{font-size:45px}.library-heading label{min-width:230px}.ideas-library{padding-block:40px 80px}.empty-state{border:1px solid var(--line);text-align:center;padding:60px 25px;margin-block:30px 50px}.empty-state h3{font-size:38px}.empty-state p{color:var(--muted);margin:0}.topics-heading{font-size:30px}.ideas-library>ul{columns:2;column-gap:60px;padding-left:20px;color:var(--muted)}.ideas-library>ul li{margin-bottom:15px;break-inside:avoid}.ideas-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.idea-card{border-top:1px solid var(--line);padding-block:25px}.idea-card iframe{width:100%;aspect-ratio:16/9;border:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(max-width:1100px){.editorial,.contact-layout,.article-layout{gap:50px}.article-layout{grid-template-columns:210px minmax(0,1fr)}.path-grid,.steps{gap:24px}.path-card h3{font-size:28px}.cta-panel{padding:40px}.cta-panel .button{flex-shrink:1}}@media(max-width:850px){.editorial{gap:35px;padding-block:55px}.principle{padding-block:55px}.principle-copy{grid-template-columns:1fr;gap:0;margin-top:30px}.steps,.path-grid{grid-template-columns:repeat(2,1fr);gap:35px}.framework,.pathways{padding-block:55px}.path-card h3{min-height:0}.article-layout{grid-template-columns:1fr;padding-block:35px}.article-aside{position:static}.article-aside nav{flex-direction:row;flex-wrap:wrap;gap:12px 22px}.article-aside p{display:none}.reading{max-width:none}.article-layout article{max-width:750px}.contact-layout{gap:35px}.cta-panel{flex-direction:column;align-items:flex-start}.with-portrait{gap:30px;grid-template-columns:1fr 170px}.with-portrait h1{font-size:57px}.page-hero{padding-block:35px}.page-hero .eyebrow{margin-top:30px}}@media(max-width:600px){.editorial{grid-template-columns:1fr;gap:10px}.editorial h2{font-size:43px}.framework h2{font-size:46px}.steps{gap:20px}.step h3{font-size:29px}.path-grid{grid-template-columns:1fr;gap:30px}.path-card{padding-top:20px}.path-card h3{font-size:35px;margin-bottom:16px}.path-card .eyebrow{margin-bottom:8px}.path-action{margin-top:10px}.closing .prose{font-size:28px}.with-portrait{grid-template-columns:1fr}.with-portrait img{width:150px;max-height:190px;display:none}.page-hero h1,.with-portrait h1{font-size:55px}.contact-layout{grid-template-columns:1fr}.form-row{grid-template-columns:1fr;gap:25px}.cta-panel{padding:30px;margin-bottom:45px}.cta-panel h2{font-size:38px}.library-heading{flex-direction:column;gap:5px}.library-heading label{width:100%}.ideas-grid{grid-template-columns:1fr}.ideas-library>ul{columns:1}.prose{font-size:16px}.article-intro p:first-child{font-size:19px}.reading h2{font-size:38px}}
.hero-photo:before{display:none}.photo-frame{outline:1px solid #00b9f2;outline-offset:10px}.hero-photo figcaption{padding-top:25px}@media(max-width:700px){.hero{grid-template-columns:1fr}.hero-photo{justify-self:center;max-width:330px}.hero-copy{max-width:550px}.hero h1{font-size:clamp(52px,9vw,66px)}.hero-photo figcaption{flex-wrap:nowrap}}
.newsletter-panel{background:var(--wash);padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:65px}.newsletter-panel p{color:var(--muted)}.newsletter-panel h2{font-size:48px;margin-bottom:0}.newsletter-panel .newsletter-note{margin:18px 0 0}.newsletter-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:65px 85px}.newsletter-topics{list-style:none;padding:0;margin-top:35px}.newsletter-topics li{border-top:1px solid var(--line);padding-top:22px;margin-top:22px}.newsletter-topics h3{font-size:30px;margin-bottom:10px}.newsletter-topics p{font-size:15px;color:var(--muted)}.newsletter-signature{font:italic 42px var(--serif);color:var(--accent-strong)}.newsletter-signup{align-self:start;padding:35px;background:var(--wash)}.newsletter-signup h2{font-size:40px}.newsletter-signup fieldset{border:0;padding:0;margin:25px 0;display:flex;flex-direction:column;gap:23px;min-width:0}.newsletter-signup .notice{padding:0;border:0}.newsletter-signup .small a{text-decoration:underline}.newsletter-signup input:disabled{background:var(--paper);cursor:not-allowed}.newsletter-signup .button:disabled{background:#655e66;border-color:#655e66;color:white;cursor:not-allowed}.newsletter-signup .optional{font-weight:400;color:var(--muted)}.newsletter-signup label:has(.optional){display:block}.newsletter-signup label:has(.optional) input{margin-top:9px}@media(max-width:850px){.newsletter-panel,.newsletter-layout{gap:35px}.newsletter-panel{padding:35px}.newsletter-panel h2{font-size:40px}.newsletter-signup{padding:25px}}@media(max-width:600px){.newsletter-panel,.newsletter-layout{grid-template-columns:1fr}.newsletter-panel{padding:28px;margin-bottom:45px}.newsletter-layout{padding-block:35px 50px}.footer-top>div{flex-wrap:wrap;gap:20px}}
.newsletter-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.newsletter-signup #newsletter-form{gap:0}#newsletter-status,#newsletter-action-status{font-size:15px;color:var(--ink)}
@media(max-width:750px){.newsletter-panel,.newsletter-layout{grid-template-columns:1fr}.newsletter-signup{max-width:100%}}

/* Diny’s personal electric blue: bright on surfaces, deeper for readable text. */
.brand{color:var(--accent)}.brand span{color:var(--ink)}
.button{background:var(--electric);color:var(--ink);border-color:var(--electric)}
.button:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}
.button.secondary{background:transparent;color:var(--ink);border-color:#9db7c2}
.button.secondary:hover{background:var(--wash);border-color:var(--accent)}
.photo-frame{border-radius:90px 8px 90px 8px;outline:2px solid var(--electric);outline-offset:10px}
.photo-frame img{object-position:center 36%}
.with-portrait img{border-radius:55px 5px 55px 5px;border-bottom:4px solid var(--electric);object-position:center 65%}
.journal{background:#eee8f1}.journal .eyebrow{color:#69517e}
.journal .text-link{border-color:#69517e}.newsletter-panel{border-top:4px solid var(--electric)}
@media(max-width:600px){.with-portrait img{display:block;width:180px;max-height:240px}.photo-frame{border-radius:65px 6px 65px 6px}}
/* Real photography woven through the editorial pages. */
.editorial-photo{margin:36px 0 0;max-width:330px}.editorial-photo img{display:block;width:100%;height:auto;border-radius:54px 6px 54px 6px;border-bottom:3px solid var(--electric)}
.contact-photo{margin:25px 0 30px;max-width:240px}.contact-photo img{display:block;width:100%;height:auto;border-radius:6px 55px 6px 55px}
.newsletter-photo{margin:25px 0 35px;width:180px}.newsletter-photo img{display:block;width:100%;height:auto;border-radius:45px 5px 45px 5px;border-bottom:3px solid var(--electric)}
@media(max-width:600px){.editorial-photo{max-width:270px;margin:20px 0 25px}.contact-photo{max-width:200px}.newsletter-photo{width:155px}}

/* Page titles follow the navbar without breadcrumb navigation. */
.page-hero .eyebrow{margin-top:0}

/* Tablet reading layout: stack long-form content rather than shrinking desktop columns. */
@media(max-width:1180px){
 .wrap{width:calc(100% - 64px);max-width:760px}
 .site-header{width:calc(100% - 64px);flex-wrap:wrap;gap:20px}
 .menu-toggle{display:block;min-height:44px;border:1px solid var(--line);background:transparent;padding:8px 16px;color:var(--ink)}
 .menu-toggle span{margin-left:16px}
 .site-header nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;font-size:16px}
 .site-header nav.open{display:flex}
 .site-header nav a{padding:13px 8px;border-bottom:1px solid var(--line);min-height:48px}
 .site-header nav a:last-child{margin-top:10px;padding:12px 16px}
 .editorial{grid-template-columns:minmax(0,1fr);gap:12px;padding-block:52px}
 .section-heading h2{max-width:700px;font-size:clamp(36px,4.8vw,48px);line-height:1.12;margin-bottom:16px}
 .prose,.intro{font-size:18px;line-height:1.8}
 .eyebrow{font-size:13px;letter-spacing:1.4px;margin-bottom:16px}
 .article-layout{grid-template-columns:minmax(0,1fr);gap:35px;padding-block:40px 60px}
 .article-aside{position:static}.article-aside nav{flex-direction:row;flex-wrap:wrap;gap:8px 24px;font-size:16px}
 .article-aside nav a{padding-block:8px}.article-aside p{display:none}
 .article-layout article,.reading{width:100%;max-width:750px}
 .principle-copy{grid-template-columns:1fr;gap:0;font-size:18px;line-height:1.8;margin-top:28px}
 .principle,.framework,.pathways{padding-block:55px}
 .steps,.path-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
 .step p,.path-card p,.newsletter-topics p{font-size:17px;line-height:1.7}
 .path-card h3{min-height:0}.path-action,.text-link{font-size:16px}
 .credentials{flex-wrap:wrap;gap:10px 24px;font-size:14px;letter-spacing:0;padding:22px 32px;text-align:center}
 .credentials span+span:before{display:none}
 .button{font-size:16px;min-height:48px}
 .follow,.newsletter-panel,.newsletter-layout,.contact-layout{grid-template-columns:minmax(0,1fr);gap:24px}
 .follow{padding-block:50px}.follow p,.newsletter-panel p,.contact-intro>p{font-size:18px}
 .newsletter-panel{padding:36px}.newsletter-layout,.contact-layout{padding-block:45px 60px}
 label,input,select,textarea{font-size:16px}.check,.small{font-size:14px}
 .cta-panel{flex-direction:column;align-items:flex-start;gap:24px;padding:32px}
 .footer-top{flex-wrap:wrap}.footer-top>div{flex-wrap:wrap;gap:20px}
 .footer-bottom{flex-wrap:wrap;font-size:14px}.footer-bottom>div{flex-wrap:wrap}
}
@media(min-width:601px) and (max-width:1180px){
 .hero{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:36px;padding-block:55px}
 .hero h1{font-size:clamp(48px,5.4vw,64px)}
 .hero .intro{font-size:18px}.hero-photo{max-width:310px}
 .hero-photo figcaption{font-size:14px;flex-wrap:wrap}
 .hero .actions{gap:12px}.hero .button{padding:13px 17px;gap:16px}
}
@media(max-width:900px){
 .hero{grid-template-columns:minmax(0,1fr);gap:35px}
 .hero-copy{max-width:none}.hero h1{font-size:clamp(48px,7.5vw,68px)}
 .hero-photo{justify-self:center;max-width:340px}
 .hero-photo figcaption{flex-wrap:nowrap}
}
@media(max-width:600px){
 .wrap,.site-header{width:calc(100% - 40px)}
 .hero{padding-block:35px}.hero h1{font-size:clamp(43px,11vw,60px)}
 .hero .intro,.prose,.intro{font-size:17px}
 .editorial{padding-block:36px}.section-heading h2{font-size:36px}
 .eyebrow{font-size:12px}.credentials{flex-direction:column;gap:8px;font-size:14px}
 .steps,.path-grid{grid-template-columns:1fr;gap:28px}
 .step h3{margin-top:16px}.step p{margin-bottom:0}
 .newsletter-panel{padding:25px}.footer-bottom{flex-direction:column}
 .page-hero h1,.with-portrait h1{font-size:clamp(40px,10vw,55px)}
}

/* Compact hero keeps Diny visible alongside the headline in narrow previews. */
@media(max-width:900px){
 .site-header{padding-block:22px}
 .hero{display:grid;grid-template-columns:minmax(0,1fr) 180px;grid-template-areas:"title portrait" "intro intro" "actions actions";gap:24px 30px;align-items:center;padding-block:36px 40px}
 .hero-copy{display:contents}
 .hero h1{grid-area:title;font-size:clamp(38px,6.3vw,58px);margin:0;line-height:1.06}
 .hero .intro{grid-area:intro;max-width:650px;margin:0;font-size:18px;line-height:1.7}
 .hero .actions{grid-area:actions;margin:0;gap:12px}
 .hero-photo{grid-area:portrait;width:100%;max-width:none;justify-self:stretch;padding:0;margin:0}
 .hero-photo .photo-frame{aspect-ratio:3/4;border-radius:45px 5px 45px 5px;outline-offset:5px}
 .hero-photo .photo-frame img{transform:scale(1.5);transform-origin:45% 38%;object-position:center}
 .hero-photo figcaption{padding-top:14px;justify-content:flex-end;font-size:0}
 .hero-photo figcaption span{font-size:28px}
}
@media(max-width:480px){
 .hero{grid-template-columns:minmax(0,1fr) 110px;gap:22px 18px;padding-block:28px 32px}
 .hero h1{font-size:clamp(30px,8.5vw,40px)}
 .hero .intro{font-size:17px}
 .hero-photo .photo-frame{border-radius:30px 4px 30px 4px}
 .hero-photo figcaption span{font-size:25px}
 .hero .button{font-size:14px;padding:13px 15px;gap:15px}
}

/* Give the compact hero a headline-led hierarchy, not a small caption beside a photo. */
@media(min-width:481px) and (max-width:900px){
 .hero{grid-template-columns:minmax(0,1fr) 150px;column-gap:28px;align-items:start}
 .hero h1{font-size:clamp(48px,9.75vw,72px);line-height:1.02;letter-spacing:-1.2px}
 .hero-photo{margin-top:6px}
}
@media(max-width:480px){
 .hero{grid-template-columns:minmax(0,1fr) 100px;column-gap:16px;align-items:start}
 .hero h1{font-size:clamp(33px,10.3vw,48px);line-height:1.04;letter-spacing:-.8px}
 .hero-photo{margin-top:5px}
}
.hero h1>span,.hero h1>em{display:block}
@media(max-width:900px){
 .hero{container-type:inline-size}
 .hero h1{font-size:clamp(24px,calc((100cqw - 178px)*.14),72px);line-height:1.08;letter-spacing:-.8px}
 .hero h1>span,.hero h1>em{white-space:nowrap}
}
@media(max-width:480px){
 .hero{grid-template-columns:minmax(0,1fr) 80px}
 .hero h1{font-size:clamp(24px,calc((100cqw - 96px)*.14),48px)}
}

/* Let the framework labels lead without decorative numbering. */
.step h3{margin-top:0}.path-card h3{margin-top:0}

/* The practical roadmap is a connected diagram with real, selectable text. */
.roadmap{list-style:none;padding:0;counter-reset:none;gap:36px}
.roadmap .step{position:relative;border:0;padding:0;min-width:0}
.roadmap-node{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:2px solid var(--electric);border-radius:50%;background:var(--ink);color:#45d3ff;margin-bottom:28px}
.roadmap-node svg{width:29px;height:29px}
.roadmap .step:not(:last-child):after{content:'';position:absolute;left:64px;top:31px;width:calc(100% - 28px);height:2px;background:#527e90}
.roadmap .step:not(:last-child):before{content:'';position:absolute;right:7px;top:27px;width:8px;height:8px;border-top:2px solid #45d3ff;border-right:2px solid #45d3ff;transform:rotate(45deg)}
.roadmap .step h3{margin:0 0 18px}.roadmap .step p{margin-bottom:0}
.roadmap-loop{display:flex;align-items:center;gap:14px;color:#d7e9f0;font-size:15px;border-top:1px solid #52727e;padding-top:24px;margin-bottom:30px}
.roadmap-loop span{color:#45d3ff;font-size:32px;line-height:1}
@media(max-width:1180px){
 .steps.roadmap{grid-template-columns:minmax(0,1fr);gap:0;margin-block:35px}
 .roadmap .step{display:grid;grid-template-columns:64px minmax(0,1fr);gap:25px;padding:0 0 35px}
 .roadmap .step:last-child{padding-bottom:0}
 .roadmap-node{margin:0}.roadmap .step h3{font-size:34px;margin:0 0 10px}
 .roadmap .step:not(:last-child):after{left:31px;top:64px;width:2px;height:calc(100% - 64px)}
 .roadmap .step:not(:last-child):before{left:28px;right:auto;top:auto;bottom:14px;transform:rotate(135deg)}
 .roadmap-copy{padding-top:6px}
}
@media(max-width:480px){
 .roadmap .step{grid-template-columns:48px minmax(0,1fr);gap:18px;padding-bottom:28px}
 .roadmap-node{width:48px;height:48px}.roadmap-node svg{width:24px;height:24px}
 .roadmap .step:not(:last-child):after{left:23px;top:48px;height:calc(100% - 48px)}
 .roadmap .step:not(:last-child):before{left:20px}
 .roadmap .step h3{font-size:30px}.roadmap-copy{padding-top:3px}
 .roadmap-loop{align-items:flex-start;font-size:14px}
}
.family-photo{margin:30px 0 0;width:100%;max-width:560px}.family-photo img{display:block;width:100%;height:auto;border-radius:32px 5px 32px 5px;border-bottom:3px solid var(--electric)}
@media(max-width:1180px){.family-photo{margin:20px 0 16px;max-width:640px}}

/* Balance page headlines and avoid short orphaned final lines. */
.page-hero h1{text-wrap:balance}

/* Editorial refinement: shared typography, compositions led by each page's content. */
.page-hero h1{max-width:1050px;text-wrap:balance}
.prose{line-height:1.85}.essay-lead>p:first-child{font-size:21px;line-height:1.75;color:var(--ink)}
.essay-section h2{font-size:clamp(34px,3.3vw,48px);line-height:1.12;text-wrap:balance}
.essay-section{margin:0;padding:0}.essay-section p:last-child{margin-bottom:0}
.memory-print{margin:0;background:#fffdf8;padding:12px 12px 34px;box-shadow:0 7px 20px #20303d14,0 1px 3px #20303d14;max-width:310px;width:100%;align-self:start}
.memory-print img{display:block;width:100%;height:auto;border-radius:0;object-fit:contain}
.memory-print.turn-left{transform:rotate(-1.5deg)}.memory-print.turn-right{transform:rotate(1.5deg)}
.memory-print.landscape{max-width:380px}.story-layout{padding-block:65px 90px}
.story-opening{display:grid;grid-template-columns:minmax(0,710px) 290px;gap:80px;align-items:start;justify-content:space-between;margin-bottom:68px}
.story-opening .memory-print{margin-top:8px}.story-chapter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,710px);gap:65px;margin-top:60px;align-items:start}
.story-chapter>.prose{grid-column:2}.story-chapter.with-memory .memory-print{grid-column:1;grid-row:1;margin-top:14px;justify-self:center}
.story-chapter:not(.with-memory)>.prose{border-top:1px solid var(--line);padding-top:40px}
.story-chapter.with-memory:nth-child(even){grid-template-columns:minmax(0,710px) minmax(0,1fr)}
.story-chapter.with-memory:nth-child(even)>.prose{grid-column:1;grid-row:1}.story-chapter.with-memory:nth-child(even) .memory-print{grid-column:2}
.approach-intro{max-width:850px;padding-block:48px 55px}.approach-detail{padding-block:25px 70px}
.approach-chapter{display:grid;grid-template-columns:280px minmax(0,750px);justify-content:space-between;gap:70px;padding-block:55px;border-bottom:1px solid var(--line)}
.approach-chapter h2{font-size:clamp(38px,4vw,52px);line-height:1.1}.approach-chapter .prose p:last-child{margin-bottom:0}
.approach-chapter blockquote{font-size:32px;color:var(--accent);font-family:var(--serif);margin:35px 0 0;padding:0;border:0}
.invitation{padding-block:60px 75px}.invitation-opening{display:grid;grid-template-columns:minmax(0,650px) 300px;justify-content:space-between;gap:75px;align-items:center}
.present-portrait{margin:0;max-width:300px}.present-portrait img{display:block;width:100%;height:auto;border-radius:2px}
.invitation-letter{max-width:750px;margin:45px auto 0}.invitation-letter .essay-section{padding-block:30px}.invitation-letter .newsletter-signature{margin-top:35px}
.coaches-opening{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:60px;border-bottom:1px solid var(--line)}
.coaches-opening blockquote{font:44px/1.2 var(--serif);margin:0}.coaches-opening blockquote em{color:var(--accent);font-weight:400}
.coaches-essay{display:grid;grid-template-columns:1fr 1fr;gap:55px 90px;padding-block:65px 85px}.coach-chapter .essay-section h2{font-size:39px}.coach-chapter:nth-child(even){padding-top:70px}
.journal-story{padding-block:50px 80px}.journal-origin{max-width:800px;margin:0 auto 60px}.journal-parts{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;border-block:1px solid var(--line);padding-block:45px}.journal-parts h2{font-size:37px;color:var(--accent)}.journal-purpose{max-width:800px;margin:55px auto 0}
.about-person{display:grid;grid-template-columns:minmax(0,680px) minmax(0,400px);gap:70px;padding-block:65px 100px;align-items:start}.memory-pair{padding:10px 15px;display:grid;grid-template-columns:1fr 1fr;align-items:start}.memory-pair .memory-print{width:calc(100% + 30px)}.memory-pair .memory-print:last-child{margin-top:180px;margin-left:-30px}
@media(max-width:1100px){.story-opening{grid-template-columns:minmax(0,1fr) 250px;gap:45px}.story-chapter,.story-chapter.with-memory:nth-child(even){grid-template-columns:260px minmax(0,1fr);gap:45px}.story-chapter.with-memory:nth-child(even)>.prose{grid-column:2}.story-chapter.with-memory:nth-child(even) .memory-print{grid-column:1}.coaches-opening,.coaches-essay{gap:45px}.approach-chapter{grid-template-columns:210px minmax(0,1fr);gap:45px}.invitation-opening{grid-template-columns:minmax(0,1fr) 250px;gap:45px}.about-person{grid-template-columns:1fr;gap:35px}.memory-pair{max-width:480px}.memory-pair .memory-print:last-child{margin-top:70px}}
@media(max-width:850px){.story-opening{grid-template-columns:1fr;gap:30px;margin-bottom:40px}.story-opening .memory-print{max-width:240px;justify-self:end;margin-right:18px}.story-chapter,.story-chapter.with-memory:nth-child(even){display:flex;flex-direction:column;gap:35px;margin-top:45px}.story-chapter.with-memory .memory-print{max-width:280px;margin:0 15px 0 0;align-self:flex-start;order:2}.story-chapter.with-memory:nth-child(even) .memory-print{align-self:flex-end;max-width:350px}.story-chapter>.prose{width:100%}.approach-chapter{grid-template-columns:1fr;gap:5px;padding-block:40px}.coaches-opening,.coaches-essay{grid-template-columns:1fr;gap:35px}.coach-chapter:nth-child(even){padding-top:0}.coach-chapter+.coach-chapter{border-top:1px solid var(--line);padding-top:35px}.journal-parts{grid-template-columns:1fr;gap:35px}.journal-parts .essay-section+.essay-section{border-top:1px solid var(--line);padding-top:35px}.invitation-opening{grid-template-columns:1fr;gap:25px}.present-portrait{max-width:260px;justify-self:end}.invitation-letter{margin-top:20px}.coaches-opening blockquote{font-size:40px}}
@media(max-width:480px){.essay-lead>p:first-child{font-size:19px}.story-layout,.invitation,.about-person{padding-block:35px 60px}.memory-print{padding:9px 9px 27px}.story-chapter.with-memory:nth-child(even) .memory-print{max-width:calc(100% - 22px)}.coaches-opening{padding-block:35px}.coaches-opening blockquote{font-size:35px}.coaches-essay{padding-block:40px 60px}.memory-pair{padding-inline:10px}.memory-pair .memory-print{width:calc(100% + 10px)}.memory-pair .memory-print:last-child{margin-left:-10px;margin-top:100px}.approach-intro{padding-block:35px}.journal-origin{margin-bottom:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Homepage portrait: a simple photographic print, as requested. */
.hero-photo{padding:12px 12px 18px;background:#fffdf8;box-shadow:0 7px 22px #20303d16,0 1px 3px #20303d12;transform:rotate(1deg)}
.hero-photo .photo-frame{border-radius:0;outline:0;border:0;aspect-ratio:auto;background:transparent;overflow:visible}
.hero-photo .photo-frame img{display:block;width:100%;height:auto;object-fit:contain;border-radius:0}
.hero-photo figcaption{padding:14px 3px 0;gap:8px}
@media(max-width:900px){.hero-photo{padding:8px 8px 18px}.hero-photo .photo-frame{border-radius:0;outline:0;aspect-ratio:auto}.hero-photo .photo-frame img{height:auto;object-fit:contain}}
@media(max-width:480px){.hero-photo{padding:5px 5px 13px}}
.hero-photo .photo-frame img{transform:none}
.hero-photo figcaption span{white-space:nowrap}
@media(max-width:480px){.hero-photo figcaption{padding-top:8px;padding-inline:0;justify-content:center}.hero-photo figcaption span{font-size:18px}}

/* Collected moments: annotations use the existing italic editorial face, not faux handwriting. */
.memory-print,.hero-photo{background-color:#fffdf8;background-image:linear-gradient(115deg,#ffffff70,transparent 55%,#d5c9b30a);border:1px solid #ded6c433}
.memory-print:has(figcaption){padding-bottom:16px}
.memory-print figcaption{padding:15px 5px 0;font:italic 21px/1.25 var(--serif);color:var(--accent-strong);letter-spacing:.1px}
.memory-print.landscape figcaption{font-size:23px}
@media(max-width:850px){.memory-print figcaption{font-size:20px}}

/* A continuous reading column; photographs belong to the prose, not an empty grid track. */
.story-layout{max-width:820px}
.story-opening,.story-chapter,.story-chapter.with-memory:nth-child(even){display:flow-root;margin:0;}
.story-chapter,.story-chapter.with-memory:nth-child(even){margin-top:44px;padding-top:36px;border-top:1px solid var(--line)}
.story-chapter:not(.with-memory)>.prose{padding:0;border:0}
.story-opening .memory-print,.story-chapter.with-memory .memory-print,.story-chapter.with-memory:nth-child(even) .memory-print{float:right;width:260px;max-width:38%;margin:8px 8px 24px 36px}
.story-chapter.with-memory .memory-print.landscape{width:310px;max-width:42%}
.story-layout .essay-section h2{text-wrap:initial}
@media(max-width:600px){.story-opening .memory-print,.story-chapter.with-memory .memory-print,.story-chapter.with-memory:nth-child(even) .memory-print{float:none;width:240px;max-width:calc(100% - 20px);margin:6px auto 30px}.story-chapter.with-memory .memory-print.landscape{width:310px;max-width:calc(100% - 20px)}.story-chapter,.story-chapter.with-memory:nth-child(even){margin-top:32px;padding-top:28px}}

/* A cultural reference, distinct from family photo prints. */
.cultural-photo{float:right;width:190px;max-width:32%;margin:6px 0 22px 30px}.cultural-photo img{display:block;width:100%;height:auto}.cultural-photo figcaption{font-size:12px;line-height:1.5;color:var(--muted);margin-top:9px}
@media(max-width:600px){.cultural-photo{float:none;width:180px;max-width:100%;margin:0 0 24px}}

/* Keep the story title, narrative and closing invitation on the same measure. */
.story-heading,.story-closing{max-width:820px}.story-heading h1{font-size:clamp(44px,5vw,72px);text-wrap:balance}.story-closing{padding:36px;flex-wrap:wrap}.story-closing h2{font-size:38px;max-width:100%}

/* Site-wide audit: stable alignment within each editorial page. */
body:not(.page-home) .page-hero h1{font-size:clamp(44px,5vw,72px);max-width:100%;text-wrap:balance}
.approach-intro>p{max-width:none}
.page-my-approach .framework>.wrap{max-width:var(--page-measure)}
.approach-chapter{grid-template-columns:230px minmax(0,750px);gap:50px}
.invitation-opening{grid-template-columns:minmax(0,1fr) 250px;gap:40px;align-items:start}
.invitation-letter{max-width:none;margin-top:35px}
.coaches-opening,.coaches-essay{gap:50px}.coach-chapter:nth-child(even){padding-top:0}
.journal-origin,.journal-purpose{max-width:none}
.journal-parts{display:block;padding-block:0}
.journal-parts .essay-section{display:grid;grid-template-columns:210px minmax(0,1fr);gap:35px;padding-block:35px}
.journal-parts .essay-section+.essay-section{border-top:1px solid var(--line)}
.journal-parts h2{font-size:34px;margin-bottom:0}
.page-ideas main>.reading>p{max-width:none}
.about-person{grid-template-columns:minmax(0,1fr) 350px;gap:50px}
body:not(.page-home) .cta-panel{padding:36px;flex-wrap:wrap;gap:25px}
body:not(.page-home) .cta-panel h2{font-size:38px}
main>.legal{padding-top:45px}
button:disabled{cursor:not-allowed;opacity:.65}
@media(max-width:850px){.approach-chapter,.invitation-opening,.about-person{grid-template-columns:1fr;gap:25px}.journal-parts .essay-section{grid-template-columns:1fr;gap:16px}.journal-parts h2{font-size:34px}.present-portrait{max-width:250px}.coaches-opening,.coaches-essay{gap:35px}}
@media(max-width:480px){body:not(.page-home) .cta-panel{padding:26px}body:not(.page-home) .cta-panel h2{font-size:34px}}
@media(max-width:850px){.coaches-essay .coach-chapter+.coach-chapter{padding-top:35px}}

/* One site-wide container. Page types do not change the content edges. */
:root{--site-width:1100px;--site-gutter:32px}
body{--page-measure:var(--site-width)}
.site-header,.wrap,body:not(.page-home) main>.wrap,.page-my-approach .framework>.wrap{width:min(var(--site-width),calc(100% - var(--site-gutter)*2));max-width:var(--site-width);margin-inline:auto}
.approach-intro>p,.page-ideas main>.reading>p,.invitation-letter,.journal-origin,.journal-purpose,.closing .prose{max-width:none}
.approach-chapter{grid-template-columns:230px minmax(0,1fr)}
@media(max-width:850px){:root{--site-gutter:20px}.approach-chapter{grid-template-columns:1fr}}

/* Quiet full-width colour bands; the shared content edges never move. */
:root{--section-tint:#edf5f6}
.page-home main>.editorial:nth-of-type(even),
.approach-chapter:nth-child(even),
.story-chapter:nth-child(even),
.invitation-letter>.essay-section:nth-child(even),
.coaches-essay,
.journal-parts>.essay-section:nth-child(even),
.ideas-library{
 background:var(--section-tint);
 box-shadow:0 0 0 100vmax var(--section-tint);
 clip-path:inset(0 -100vmax);
}
.page-home main>.editorial{border-bottom:0}
.approach-detail{padding-block:0 60px}
.approach-chapter{border-bottom:0;padding-block:60px}
.story-chapter,.story-chapter.with-memory:nth-child(even){margin-top:0;padding-block:55px;border-top:0}
.story-opening{padding-bottom:35px}
.story-layout{padding-bottom:45px}
.invitation-letter>.essay-section{padding-block:45px}
.journal-parts{border-block:0}
.journal-parts .essay-section,.journal-parts .essay-section+.essay-section{border-top:0;padding-block:40px}
.coaches-opening{border-bottom:0}
@media(max-width:600px){
 .approach-chapter{padding-block:40px}
 .story-chapter,.story-chapter.with-memory:nth-child(even){padding-block:35px}
 .invitation-letter>.essay-section{padding-block:35px}
}

.homepage-family{max-width:440px;margin:30px 0 12px;transform:rotate(-1deg)}
@media(max-width:600px){.homepage-family{max-width:calc(100% - 12px);margin:24px 6px 28px}}

/* Sarah Connor: a small portrait beside the narrative. */
.story-chapter.with-memory.cultural-chapter{display:grid;grid-template-columns:190px minmax(0,1fr);gap:36px;align-items:start}
.story-chapter.with-memory.cultural-chapter>.cultural-photo{float:none;width:100%;max-width:none;margin:6px 0 0;grid-column:1;grid-row:1}
.story-chapter.with-memory.cultural-chapter>.prose{grid-column:2;grid-row:1}
@media(max-width:600px){
 .story-chapter.with-memory.cultural-chapter{grid-template-columns:1fr;gap:24px}
 .story-chapter.with-memory.cultural-chapter>.cultural-photo{width:180px;max-width:100%;margin:0}
 .story-chapter.with-memory.cultural-chapter>.prose{grid-column:1;grid-row:2}
}

.virgo-notebook{display:block;width:340px;max-width:100%;height:auto;margin:24px 0 0}
@media(max-width:600px){.virgo-notebook{width:280px;margin:20px 0 0}}

/* Comfortable reading sizes; display headings retain their existing scale. */
body{font-size:19px}
.prose,.intro,.hero .intro,.principle-copy,
.step p,.path-card p,.newsletter-topics p,
.follow p,.newsletter-panel p,.contact-intro>p{font-size:19px}
@media(max-width:600px){
 body{font-size:18px}
 .prose,.intro,.hero .intro,.principle-copy,
 .step p,.path-card p,.newsletter-topics p,
 .follow p,.newsletter-panel p,.contact-intro>p{font-size:18px}
}

/* Original illustrations from Diny's Healthier Future Plan presentation. */
.presentation-figure{width:min(100%,620px);margin:36px auto 8px}
.presentation-figure img{display:block;width:100%;height:auto}
.presentation-figure figcaption{font-size:16px;line-height:1.6;color:var(--muted);margin-top:16px}
@media(max-width:600px){.presentation-figure{margin-top:28px}.presentation-figure figcaption{font-size:16px}}

/* Offers share the page measure and use simple editorial rows. */
.offers{padding-block:10px 70px}
.offers-intro{margin-bottom:40px}
.offer-row{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:50px;padding-block:34px;border-top:1px solid var(--line)}
.offer-row .eyebrow{margin-bottom:12px}.offer-row h3{font-size:34px;margin-bottom:18px}
.offer-row p{margin-bottom:16px}.offer-row ul{margin:0;padding-left:22px;color:var(--muted)}
.offer-cost{text-align:right;padding-top:30px}.offer-price{font-size:28px;color:var(--accent);font-weight:500;line-height:1.3}.offer-child-price{font-size:17px}
.offer-enquiry{border-top:1px solid var(--line);padding-top:40px;margin-top:12px}
@media(max-width:600px){.offer-row{grid-template-columns:1fr;gap:16px;padding-block:28px}.offer-cost{text-align:left;padding:0}.offer-row h3{font-size:30px}.offers{padding-bottom:45px}}

.offers-shared{margin-bottom:36px}.offers-shared h3{font-size:30px;margin-bottom:16px}.offers-shared p{color:var(--muted)}

.offer-inclusions-label{font-weight:600;margin-top:22px}

/* Separate the coaches essay from its closing invitation. */
.page-for-coaches .coaches-essay{margin-bottom:64px}
@media(max-width:600px){.page-for-coaches .coaches-essay{margin-bottom:40px}}

.prose .story-reference{font-size:14px;line-height:1.6;margin-top:24px}

/* A personal photograph alongside the approach introduction. */
.approach-intro{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:56px;align-items:start}
.approach-intro .approach-portrait{width:100%;max-width:280px;margin:8px 0 0;transform:rotate(1deg)}
@media(max-width:850px){.approach-intro{grid-template-columns:minmax(0,1fr) 220px;gap:28px}.approach-intro .approach-portrait{max-width:220px}}
@media(max-width:600px){.approach-intro{grid-template-columns:1fr;gap:24px}.approach-intro .approach-portrait{max-width:260px;justify-self:center;margin:0}}

/* Three homepage routes while the coaches page is paused. */
.path-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:850px){.path-grid{grid-template-columns:1fr}.path-card h3{min-height:0}}

.product-screenshot{margin:30px 0 48px;grid-column:1 / -1;min-width:0}
.product-screenshot>a{display:block;border:1px solid var(--line);background:#fff;box-shadow:0 8px 24px #20303b0a}
.product-screenshot img{display:block;width:100%;height:auto}
.product-screenshot figcaption{font-size:15px;line-height:1.6;color:var(--muted);margin-top:14px}
.product-screenshot figcaption a{text-decoration:underline}.product-screenshot figcaption span{display:block}
.journal-parts .product-screenshot{margin:0}