/* lawfuljustice — 27 October 2026 launch site. Responsive HTML interpretation of three approved mockups. */
:root{--ivory:#fbfaf8;--cream:#f7f4ee;--ink:#14171b;--slate:#2f4357;--gold:#ae7925;--line:rgba(76,61,48,.17);--serif:Georgia,"Times New Roman",Times,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:3px solid var(--gold);outline-offset:5px;border-radius:2px}.skip-link{position:absolute;top:-70px;left:12px;padding:12px;background:#fff;z-index:20}.skip-link:focus{top:7px}
.site-header{height:80px;position:relative;z-index:10;border-bottom:1px solid rgba(69,62,55,.17);background:rgba(251,250,248,.89)}.header-inner{max-width:1290px;width:calc(100% - 11.5%);margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{font-size:clamp(30px,3.1vw,46px);line-height:1;color:#111;text-decoration:none;letter-spacing:-.052em;font-weight:400}.site-nav{display:flex;gap:clamp(22px,3.5vw,54px);align-items:center}.site-nav a{font-size:clamp(16px,1.48vw,21px);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;padding:7px 0 8px;transition:border-color .2s ease}.site-nav a:hover,.site-nav a[aria-current=page]{border-color:var(--gold)}
.page-home{background:linear-gradient(180deg,#fbfaf8,#f9f8f5 100%)}.home-main{isolation:isolate;position:relative;min-height:clamp(760px,calc(100svh - 145px),930px);display:flex;flex-direction:column;align-items:center;overflow:hidden}.home-scenery{z-index:-1;position:absolute;left:0;right:0;top:39%;height:61%;background-image:url('assets/misty-lake.webp');background-repeat:no-repeat;background-position:center 48%;background-size:cover;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 21%,#000 79%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 21%,#000 79%,transparent 100%);opacity:.92}.home-content{width:min(96%,1250px);padding-top:clamp(77px,8.4vh,124px);text-align:center}.home-lotus{display:block;width:110px;height:120px;object-fit:contain;margin:0 auto 23px}.home-content h1{font-size:clamp(38px,4.6vw,67px);font-weight:400;line-height:1.13;letter-spacing:-.042em;margin:0}.focus-terms{margin:42px 0 0;display:flex;justify-content:center;align-items:center;gap:clamp(15px,2vw,31px);color:var(--slate);font-size:clamp(20px,2.3vw,34px);letter-spacing:.005em}.focus-terms b{font-weight:400;color:var(--gold)}.home-social{margin-top:auto;padding:50px 0 55px;width:100%;display:flex;justify-content:center}.social-links{display:flex;align-items:center;justify-content:center;gap:clamp(27px,3.6vw,54px)}.social-link{color:var(--gold);display:inline-flex;align-items:center;justify-content:center;min-width:35px;min-height:42px;text-decoration:none;transition:transform .18s ease,color .18s ease}.social-link:hover{color:#7d5418;transform:translateY(-2px)}.social-pending{opacity:.7;cursor:default}.social-pending:hover{color:var(--gold);transform:none}
.site-footer{padding:0 5.8%;background:rgba(250,249,247,.93)}.footer-inner{max-width:1290px;min-height:76px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;align-items:center;margin:auto}.footer-domain{color:var(--slate);font-size:21px}.footer-links{display:flex;gap:20px;align-items:center;font-size:15px}.footer-links a{text-decoration:none;color:var(--slate)}.footer-links a:hover{text-decoration:underline}.divider{color:#9a9287}
.page-interior{background:linear-gradient(180deg,#fbfaf8,#f5f3ef 70%,#fbfaf8)}.interior-hero{isolation:isolate;position:relative;min-height:390px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:84px 22px 44px;overflow:hidden}.interior-scenery{position:absolute;z-index:-1;left:0;right:0;top:0;bottom:0;background-image:linear-gradient(180deg,rgba(251,250,248,.95) 0%,rgba(251,250,248,.70) 47%,rgba(251,250,248,.32) 100%),url('assets/misty-lake.webp');background-size:cover;background-position:center 45%;opacity:.9}.interior-hero h1{font-size:clamp(52px,6.3vw,91px);font-weight:400;letter-spacing:-.04em;line-height:1.08;margin:0 0 20px}.interior-lead{color:var(--slate);font-size:clamp(19px,2vw,29px);line-height:1.38;margin:0;max-width:950px}.content-wrap{width:min(1170px,calc(100% - 12%));margin:0 auto}.principles-section{position:relative;margin-top:-18px}.section-eyebrow{display:flex;align-items:center;justify-content:center;gap:27px;margin:0 0 25px}.section-eyebrow span{width:115px;height:1px;background:rgba(174,121,37,.5)}.section-eyebrow h2{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;color:var(--gold);letter-spacing:.34em;margin:0;text-align:center}.principle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.principle-card{display:flex;align-items:flex-start;gap:30px;padding:35px 32px;background:rgba(255,255,255,.67);border:1px solid rgba(133,107,77,.17);box-shadow:0 10px 28px rgba(99,82,61,.036);border-radius:11px;min-height:193px}.principle-icon{display:flex;align-items:center;justify-content:center;width:82px;height:82px;flex:0 0 82px;border:1.65px solid var(--gold);border-radius:50%;color:var(--gold)}.principle-card h2{font-size:clamp(23px,2.12vw,31px);font-weight:400;line-height:1.13;letter-spacing:-.026em;margin:0 0 13px}.principle-card p{font-size:clamp(16px,1.36vw,19px);color:var(--slate);line-height:1.37;margin:0}.interior-social{padding:34px 12px 38px}.stories-hero{min-height:308px;padding-top:73px}.stories-section{margin-top:-5px}.featured-story{display:grid;grid-template-columns:1.04fr .96fr;background:rgba(255,255,255,.79);border:1px solid rgba(133,107,77,.17);border-radius:12px;overflow:hidden;box-shadow:0 12px 32px rgba(84,67,48,.08);min-height:340px}.featured-story>img{width:100%;height:100%;object-fit:cover;object-position:center}.featured-copy{padding:46px 50px;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font:500 11px/1.4 Arial,Helvetica,sans-serif;color:var(--gold);text-transform:uppercase;letter-spacing:.3em}.featured-copy h2{font-weight:400;font-size:clamp(39px,4vw,57px);letter-spacing:-.04em;line-height:1.1;margin:18px 0 18px}.featured-copy p{font-size:clamp(19px,1.88vw,26px);line-height:1.34;color:var(--slate);margin:0 0 20px}.text-link{color:var(--gold);border-bottom:1px solid var(--gold);font-size:21px;padding-bottom:3px;text-decoration:none}.featured-copy .image-disclosure{font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:1.4;color:#7e756c;margin-top:19px}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:22px}.story-tile{min-height:195px;display:grid;grid-template-columns:42% 58%;border:1px solid rgba(133,107,77,.17);border-radius:11px;overflow:hidden;background:rgba(255,255,255,.72);box-shadow:0 10px 28px rgba(84,67,48,.055)}.story-tile img{width:100%;height:100%;object-fit:cover}.story-tile div{padding:22px 24px}.story-tile h2{font-weight:400;font-size:clamp(25px,2.3vw,34px);line-height:1.08;margin:0 0 8px}.story-tile p{font-size:clamp(16px,1.34vw,19px);line-height:1.3;color:var(--slate);margin:0 0 15px}.story-tile .text-link{font-size:17px}.privacy-main{max-width:790px;padding:110px 24px 95px;margin:0 auto;min-height:63svh}.privacy-main h1{font-size:58px;font-weight:400}.privacy-main p{font-size:18px;line-height:1.65;color:var(--slate)}.privacy-main .muted{font-size:14px}
@media(min-width:1600px){.home-main{min-height:860px}.home-scenery{height:65%}}@media(max-width:900px){.header-inner{width:calc(100% - 8%)}.content-wrap{width:min(100% - 8%,1170px)}.principle-card{padding:26px 20px;gap:18px}.principle-icon{width:65px;height:65px;flex-basis:65px}.principle-icon svg{width:38px;height:38px}.featured-copy{padding:33px}.story-tile{grid-template-columns:38% 62%}.story-tile div{padding:20px}}
@media(max-width:650px){.site-header{height:74px}.header-inner{width:calc(100% - 34px)}.wordmark{font-size:29px}.site-nav{gap:14px}.site-nav a{font-size:14px}.home-main{min-height:calc(100svh - 150px);min-height:max(610px,calc(100svh - 150px))}.home-content{padding-top:clamp(75px,10vh,115px);width:calc(100% - 30px)}.home-lotus{width:82px;height:93px;margin-bottom:20px}.home-content h1{font-size:clamp(37px,7.9vw,52px);line-height:1.14;max-width:560px;margin:auto}.focus-terms{font-size:clamp(18px,4.5vw,24px);margin-top:26px;gap:11px}.home-scenery{top:38%;height:59%;background-size:auto 92%;background-position:51% 55%}.home-social{padding-bottom:31px}.social-links{gap:clamp(17px,5vw,31px)}.social-link svg{width:29px;height:29px}.footer-inner{min-height:72px;flex-direction:column;justify-content:center;gap:10px;padding:15px 0}.footer-domain{font-size:16px}.footer-links{font-size:13px;gap:14px}.interior-hero{min-height:335px;padding:72px 20px 35px}.interior-hero h1{font-size:55px}.interior-lead{font-size:20px;line-height:1.37}.desktop-only{display:none}.section-eyebrow{gap:12px}.section-eyebrow span{width:25px}.section-eyebrow h2{letter-spacing:.18em;font-size:10px}.principle-grid{grid-template-columns:1fr;gap:12px}.principles-section{margin-top:0}.principle-card{min-height:150px;gap:19px;padding:25px 19px}.principle-card h2{font-size:25px}.principle-card p{font-size:16px}.stories-hero{min-height:260px}.featured-story{grid-template-columns:1fr}.featured-story>img{height:230px}.featured-copy{padding:25px 22px}.featured-copy h2{font-size:42px}.featured-copy p{font-size:19px}.story-grid{grid-template-columns:1fr;gap:13px}.story-tile{min-height:165px;grid-template-columns:38% 62%}.story-tile h2{font-size:24px}.story-tile p{font-size:15px}.interior-social{padding:34px 0}.privacy-main{padding:55px 24px 65px}.privacy-main h1{font-size:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.social-link{transition:none}}


/* Dedicated editorial article — Dad’s story. Existing site styles retained. */
.page-dads-story{background:linear-gradient(180deg,#fbfaf8 0%,#f6f2ec 47%,#fbfaf8 100%)}
.article-hero{position:relative;padding:60px 6% 48px;isolation:isolate;overflow:hidden;background:linear-gradient(160deg,#faf8f5 0%,#eee9e1 100%)}
.article-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(250,249,246,.96) 7%,rgba(250,249,246,.75) 55%,rgba(250,249,246,.42)),url('assets/misty-lake.webp') center 47%/cover no-repeat;opacity:.39}
.article-hero-inner{max-width:1220px;margin:0 auto;display:grid;grid-template-columns:1fr .88fr;gap:7%;align-items:center}
.article-breadcrumb{display:inline-block;color:var(--gold);text-decoration:none;font:500 14px/1.3 Arial,Helvetica,sans-serif;margin-bottom:40px}
.article-breadcrumb:hover{text-decoration:underline}
.article-hero-copy .eyebrow{font-size:12px}.article-hero h1{font-weight:400;letter-spacing:-.045em;line-height:1.04;font-size:clamp(57px,6.4vw,89px);margin:18px 0 26px}
.article-deck{font-size:clamp(25px,2.25vw,33px);line-height:1.22;color:var(--slate);margin:0 0 19px}
.article-standfirst{font-size:clamp(17px,1.4vw,21px);line-height:1.48;margin:0 0 29px;color:#464c50}
.article-dateline{font:500 12px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.08em;color:#79756e;margin:0}
.article-hero-figure{margin:25px 0 0}.article-hero-figure img{display:block;width:100%;height:auto;aspect-ratio:603/342;object-fit:cover;border:1px solid rgba(133,107,77,.13);border-radius:10px;box-shadow:0 17px 35px rgba(56,49,43,.12)}
.article-hero-figure figcaption,.article-photo-break figcaption{font:12px/1.5 Arial,Helvetica,sans-serif;color:#76736e;margin-top:10px}
.article-body{padding:0 0 80px}.article-prose{width:min(760px,calc(100% - 40px));margin:0 auto;padding:44px 0 16px}
.article-prose p{font-size:clamp(18px,1.43vw,21px);line-height:1.72;color:#343d45;margin:0 0 25px}
.article-prose p:last-child{margin-bottom:0}
.article-prose h2,.article-status h2{font-weight:400;letter-spacing:-.025em;line-height:1.17;font-size:clamp(36px,3.4vw,48px);margin:0 0 26px;color:var(--ink)}
.article-prose .section-number,.article-status .section-number{font:600 11px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.21em;text-transform:uppercase;color:var(--gold);margin:0 0 17px}
.intro-prose{padding-top:66px;padding-bottom:15px}
.article-prose .drop-intro{font-size:clamp(23px,2.15vw,30px);color:#202c36;line-height:1.49}
.article-photo-break{width:min(1110px,calc(100% - 12%));margin:48px auto 38px;display:grid;grid-template-columns:1.1fr .9fr;gap:9%;align-items:center}
.article-photo-break figure{margin:0}.article-photo-break figure img{display:block;width:100%;height:290px;object-fit:cover;border-radius:9px;filter:saturate(.8)}
.article-photo-break blockquote{margin:0;border-left:2px solid rgba(174,121,37,.52);padding:4px 0 4px 25px}
.article-photo-break blockquote p{font-size:clamp(27px,2.65vw,36px);line-height:1.3;letter-spacing:-.023em;color:#34465a;margin:0}
.article-callout{margin:55px auto;width:min(850px,calc(100% - 40px));padding:42px 50px 39px;text-align:center;background:rgba(255,255,255,.78);border:1px solid rgba(174,121,37,.22);border-radius:12px;box-shadow:0 15px 50px rgba(72,60,48,.06)}
.article-callout img{width:58px;height:63px;display:block;margin:0 auto 8px}.article-callout p{margin:0 0 20px;font-size:clamp(27px,3vw,41px);line-height:1.24;letter-spacing:-.026em}.article-callout span{font:600 11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.19em;text-transform:uppercase;color:var(--gold)}
.article-status{width:min(850px,calc(100% - 40px));margin:44px auto 42px;padding:40px 48px;background:rgba(255,255,255,.6);border:1px solid rgba(133,107,77,.16);border-radius:10px}
.article-status p:not(.section-number){color:#354657;line-height:1.58;font-size:18px}
.article-status .article-disclosure{font:14px/1.7 Arial,Helvetica,sans-serif!important;color:#6b6b69!important;border-top:1px solid rgba(76,61,48,.16);padding-top:23px;margin-top:28px}
.article-end{border-top:1px solid rgba(174,121,37,.28);text-align:center;max-width:1000px;margin:70px auto 0;padding:60px 25px 22px}
.article-end h2{font-weight:400;font-size:clamp(29px,3.6vw,48px);letter-spacing:-.02em;margin:15px 0 30px}
.article-end-links{display:flex;gap:31px;align-items:center;justify-content:center;flex-wrap:wrap}.article-cta{padding:14px 25px;border-radius:25px;background:var(--gold);color:#fff;text-decoration:none;font:500 16px/1.5 Georgia,serif}.article-cta span{margin-left:12px}.article-cta:hover{background:#80591e}.article-back{font-size:17px;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:5px}
.story-read-link{display:inline-block}
@media(max-width:900px){.article-hero{padding:35px 5% 52px}.article-hero-inner{gap:30px}.article-hero h1{font-size:58px}.article-hero-figure img{height:260px}.article-photo-break{gap:5%;width:calc(100% - 9%)}.article-photo-break figure img{height:270px}}
@media(max-width:650px){.article-hero{padding:26px 21px 40px}.article-hero-inner{display:flex;flex-direction:column;align-items:stretch;gap:25px}.article-breadcrumb{margin-bottom:28px}.article-hero h1{font-size:58px}.article-deck{font-size:25px}.article-standfirst{font-size:19px}.article-hero-figure{margin:0}.article-hero-figure img{height:auto}.article-prose{padding:30px 0 5px}.intro-prose{padding-top:42px}.article-prose p{font-size:18px;line-height:1.69}.article-prose .drop-intro{font-size:23px}.article-prose h2,.article-status h2{font-size:35px}.article-photo-break{grid-template-columns:1fr;width:calc(100% - 40px);gap:25px;margin:40px auto}.article-photo-break figure img{height:210px}.article-photo-break blockquote p{font-size:29px}.article-callout{margin:40px auto;padding:34px 23px}.article-callout p{font-size:31px}.article-status{padding:30px 23px}.article-status p:not(.section-number){font-size:17px}.article-end{margin-top:35px;padding-top:44px}.article-end-links{gap:22px}}

/* Oct 27 approved Dad story launch refinement: gentle illustrated still lifes; rest of website unchanged. */
.article-photo-break-values{margin-top:21px;margin-bottom:8px;grid-template-columns:1.05fr .95fr;gap:7%}
.article-photo-break-values figure img{height:auto;aspect-ratio:1014/645;object-fit:cover;border-radius:9px;filter:none}
.article-photo-break-values blockquote cite{display:block;margin-top:18px;font:500 11px/1.5 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.16em;color:var(--gold);font-style:normal}
.article-people{padding-top:47px}
@media(max-width:650px){.article-photo-break-values{grid-template-columns:1fr;gap:18px;margin:28px auto 18px}.article-photo-break-values figure img{height:auto}.article-people{padding-top:29px}}