:root{--ink:#071012;--ink2:#0d1719;--paper:#f1ede2;--gold:#c89335;--gold2:#e3b75e;--muted:#aca99f;--line:rgba(200,147,53,.42);--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(6,14,16,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(200,147,53,.18)}
.header-inner{display:flex;align-items:center;gap:40px;min-height:88px}.brand{display:block;width:210px}.brand img{width:100%;display:block}.nav{margin-left:auto;display:flex;gap:25px;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.nav a:hover{color:var(--gold2)}
.menu{display:none;background:none;border:1px solid var(--line);color:var(--paper);padding:8px 10px}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.03;margin:0 0 18px}h1{font-size:clamp(48px,6vw,88px)}h2{font-size:clamp(32px,4vw,54px)}h3{font-size:27px;color:var(--gold2)}em{color:var(--gold2);font-style:normal}.eyebrow{display:block;color:var(--gold2);font-size:12px;letter-spacing:.22em;margin-bottom:20px}.lede{font-family:Georgia,serif;font-size:24px;color:#d8d1c1}.note{color:var(--muted);font-style:italic}
.hero{padding:54px 0 70px}.hero-grid,.two-col{display:grid;grid-template-columns:1fr 1.15fr;gap:54px;align-items:center}.hero-copy p{max-width:560px}.hero-media img,.feature-img,.portrait{width:100%;display:block}.hero-media{border:1px solid var(--line);overflow:hidden}.hero-media img{aspect-ratio:4/3;object-fit:cover}.portrait{max-width:500px;justify-self:end;aspect-ratio:1/1;object-fit:cover}
.actions{display:flex;gap:24px;align-items:center;margin-top:28px}.btn{display:inline-block;background:var(--gold);color:#10100e;padding:14px 22px;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.text-link{color:var(--gold2)}
.principles{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0b1416}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr)}.principle-grid article{padding:26px 28px;border-right:1px solid var(--line)}.principle-grid article:last-child{border:0}.principle-grid b{color:var(--gold2);font-family:Georgia,serif;font-size:20px}
.section{padding:78px 0}.section.alt{background:#0b1416;border-top:1px solid rgba(200,147,53,.12);border-bottom:1px solid rgba(200,147,53,.12)}.page-title{padding:80px 0 36px}.page-title .lede{max-width:780px}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category{min-height:240px;border:1px solid var(--line);padding:28px;background:linear-gradient(145deg,rgba(255,255,255,.015),rgba(200,147,53,.025));transition:.2s}.category:hover{transform:translateY(-3px);border-color:var(--gold)}.category span{color:#8e6a2c;font-size:13px}.category p{color:#c8c2b5}.project-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.project-mini{border:1px solid var(--line);padding:18px;display:flex;align-items:center;gap:14px;min-height:95px}.project-mini img{width:70px;max-height:55px;object-fit:contain}.project-mini small{display:block;color:var(--muted)}.press-mark{font-family:Georgia,serif;font-size:36px;color:var(--gold2);border:1px solid var(--gold);width:62px;height:62px;display:grid;place-items:center}.press-mark.large{width:110px;height:110px;font-size:52px;margin:auto}.project-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.project-card{border:1px solid var(--line);padding:28px;background:#0a1315}.project-card img{width:100%;height:130px;object-fit:contain;margin-bottom:20px}.project-card span{color:var(--gold2)}
.values-grid,.journal-grid,.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.values-grid article,.journal-grid article,.contact-card{border:1px solid var(--line);padding:26px;background:#0b1416}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.work-card{border:1px solid var(--line);background:#0b1416}.work-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.work-copy{padding:22px}.empty-art{aspect-ratio:4/3;display:grid;place-items:center;text-align:center;color:#8d8a82;padding:20px;border-bottom:1px solid var(--line)}
.resume-grid{display:grid;grid-template-columns:360px 1fr;gap:56px;align-items:start}.resume-grid .portrait{justify-self:start}
.site-footer{border-top:1px solid var(--line);padding:42px 0;background:#060d0f}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.footer-logo{width:180px}.site-footer h4{color:var(--gold2);margin:0 0 12px;text-transform:uppercase;letter-spacing:.12em}.copyright{color:#999;text-align:right}
@media(max-width:900px){.header-inner{min-height:72px}.brand{width:165px}.menu{display:block;margin-left:auto}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#071012;padding:20px 24px;flex-direction:column}.nav.open{display:flex}.hero-grid,.two-col,.resume-grid{grid-template-columns:1fr}.portrait{justify-self:start;max-width:420px}.category-grid,.work-grid{grid-template-columns:repeat(2,1fr)}.project-strip,.values-grid,.journal-grid,.contact-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.copyright{text-align:left}}
@media(max-width:600px){.wrap{width:min(100% - 28px,var(--max))}.category-grid,.work-grid,.project-strip,.values-grid,.journal-grid,.contact-grid,.project-cards,.principle-grid{grid-template-columns:1fr}.principle-grid article{border-right:0;border-bottom:1px solid var(--line)}.footer-grid{grid-template-columns:1fr}.hero{padding-top:34px}.section{padding:54px 0}}

.work-card img{background:#050b0d}
.work-card img[alt*="Breaking Boundaries"],
.work-card img[alt*="magazine"],
.work-card img[alt*="Fashion"],
.work-card img[alt*="ArtCenter"]{object-fit:contain;padding:12px}

.narrow{max-width:820px}
.family-note{max-width:860px}
.family-archive{display:grid;grid-template-columns:1.25fr .75fr;gap:36px;align-items:start}
.archive-card,.secure-panel{border:1px solid var(--line);background:#0b1416;padding:28px}
.stack-form{display:grid;gap:12px;margin-top:22px}
.stack-form label{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#d7d0c0}
.stack-form input,.stack-form textarea{
  width:100%;background:#071012;border:1px solid rgba(200,147,53,.38);
  color:var(--paper);padding:13px 14px;font:inherit;border-radius:0
}
.stack-form input:focus,.stack-form textarea:focus{outline:1px solid var(--gold2);border-color:var(--gold2)}
.check-row{display:flex;gap:12px;align-items:flex-start;text-transform:none!important;letter-spacing:0!important}
.check-row input{width:auto;margin-top:5px}
.form-message{min-height:1.4em;color:var(--gold2)}
.privacy-note{color:var(--muted);font-size:13px;margin-top:20px}
.hidden-field{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
[hidden]{display:none!important}
@media(max-width:900px){.family-archive{grid-template-columns:1fr}}

/* v9 homepage Sanctuary hero */
.sanctuary .hero-media img{aspect-ratio:16/10;object-fit:cover;object-position:center}
.legacy-quote{border-left:1px solid var(--line);padding-left:36px;font-family:Georgia,"Times New Roman",serif;font-size:25px;line-height:1.35;color:#ddd4c3}
.legacy-quote span{display:block;margin-top:18px;color:var(--gold2);font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
@media(max-width:900px){.legacy-quote{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}}

/* v10 selective architecture recovered from v3 */
.capabilities .lede{max-width:820px}
.capability-grid{margin-top:34px}
.capability-grid article{min-height:230px}
.capability-grid .eyebrow{margin-bottom:12px}
.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}
.audience-grid article{border-top:1px solid var(--gold);padding:24px 4px 0}
.audience-grid h3{font-size:24px}
.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:34px}
.process-grid article{background:var(--ink);padding:26px 20px;min-height:230px}
.process-grid b{color:var(--gold2);font-size:12px;letter-spacing:.16em}
.process-grid h3{font-size:23px;margin-top:28px}
.beliefs .principle-grid{margin-top:28px;border:1px solid var(--line)}
@media(max-width:1000px){.audience-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.audience-grid,.process-grid{grid-template-columns:1fr}}

/* v11 — quiet interactive studio hero */
.studio-hero-v11{position:relative;min-height:clamp(560px,72vw,900px);padding:0;background:#17130f;overflow:hidden}
.studio-hero-v11 .studio-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.studio-hero-v11:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,5,4,.08),transparent 28%,rgba(5,5,4,.16))}
.studio-hotspot{position:absolute;z-index:2;display:block;width:54px;height:54px;border:0;background:transparent;color:#f2c15b;text-decoration:none;cursor:pointer}
.studio-hotspot:before{content:"";position:absolute;inset:18px;border:1px solid rgba(242,193,91,.72);border-radius:50%;background:rgba(7,8,7,.22);box-shadow:0 0 0 7px rgba(242,193,91,.08);transition:.2s ease}
.studio-hotspot .reveal{position:absolute;left:50%;bottom:52px;width:210px;padding:12px 14px;border:1px solid rgba(198,148,51,.55);background:rgba(7,10,10,.9);backdrop-filter:blur(7px);color:#eee6d8;opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:.2s ease;pointer-events:none}
.studio-hotspot .reveal b{display:block;color:#d7a83c;font:600 12px/1.2 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px}.studio-hotspot .reveal small{display:block;font:14px/1.35 Georgia,serif;color:#e8e0d2}
.studio-hotspot:hover:before,.studio-hotspot:focus:before,.studio-hotspot.active:before{background:rgba(242,193,91,.28);box-shadow:0 0 0 10px rgba(242,193,91,.11)}
.studio-hotspot:hover .reveal,.studio-hotspot:focus .reveal,.studio-hotspot.active .reveal{opacity:1;visibility:visible;transform:translate(-50%,0)}
.hot-forge{left:48%;top:59%}.hot-observatory{left:64%;top:31%}.hot-vault{left:75%;top:34%}.hot-gallery{left:89%;top:38%}.hot-connections{left:35%;top:32%}
.studio-intro-v11{position:absolute;z-index:2;left:max(5vw,28px);bottom:max(5vw,34px);max-width:420px;padding:18px 20px;background:rgba(7,9,8,.68);border-left:2px solid #b98727;backdrop-filter:blur(5px)}
.studio-intro-v11 .eyebrow{margin:0 0 5px}.studio-intro-v11 h1{font-size:clamp(34px,4vw,58px);margin:0;line-height:1.02}.studio-intro-v11 p{margin:8px 0 0;color:#e4dccf}
@media(max-width:700px){.studio-hero-v11{min-height:650px}.studio-intro-v11{right:20px;left:20px;bottom:20px}.studio-hotspot{width:46px;height:46px}.studio-hotspot .reveal{width:170px}.hot-gallery{left:84%}.hot-vault{left:72%}}


/* v12 — LIGHT STUDIO NORTH STAR */
:root{--studio-ivory:#f5f0e6;--studio-ivory-2:#ebe2d2;--studio-brown:#2a2118;--studio-gold:#b78328}
.page-title,.page-hero{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(249,246,239,.98) 0%,rgba(249,246,239,.94) 46%,rgba(249,246,239,.78) 100%),url("assets/real/studio-hero-v11.png") center 43%/cover no-repeat;color:var(--studio-brown);border-bottom:1px solid rgba(151,106,38,.26)}
.page-title:after,.page-hero:after{content:"";position:absolute;inset:auto 0 0;height:5px;background:linear-gradient(90deg,transparent,var(--studio-gold),transparent);opacity:.6}
.page-title .wrap,.page-hero .wrap{position:relative;z-index:1}
.page-title .eyebrow,.page-hero .eyebrow{color:#94661e}
.page-title .lede,.page-hero .lede{color:#51483c}
.page-title h1,.page-title h2,.page-hero h1,.page-hero h2{color:#2c241b}
.page-hero p:not(.lede){color:#4d463d}
.page-hero .text-link{color:#8c5c17}
.page-hero .btn{background:#b78328;color:#fff}
.page-title{padding:96px 0 66px;min-height:300px;display:flex;align-items:flex-end}
.page-hero{padding:84px 0;background-position:center 36%}
.studio-light{background-position:center 40%}
/* white/ivory opening, then deliberate dark contrast below */
.page-title + .section,.page-hero + .section{border-top:0}
.portfolio-nine{grid-template-columns:repeat(3,1fr)}
.digital-projects .project-card{display:block}
.light-logo-card img{background:#f2ecdf;border:1px solid rgba(183,131,40,.22);padding:20px}
@media(max-width:900px){.portfolio-nine{grid-template-columns:repeat(2,1fr)}.page-title{min-height:240px;padding:72px 0 46px}}
@media(max-width:600px){.portfolio-nine{grid-template-columns:1fr}.page-title{min-height:210px}}

/* v13 — page-specific North Star hero system */
.page-visual{
  position:relative;
  min-height:460px;
  display:flex;
  align-items:flex-end;
  background-image:
    linear-gradient(90deg,rgba(249,247,239,.94) 0%,rgba(249,247,239,.82) 36%,rgba(249,247,239,.33) 66%,rgba(249,247,239,.08) 100%),
    var(--page-bg);
  background-size:cover;
  background-position:var(--page-pos,center);
  color:#101313;
  overflow:hidden;
  border-bottom:1px solid rgba(200,147,53,.28);
}
.page-visual::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0) 48%,rgba(7,16,18,.08));
  pointer-events:none;
}
.page-visual .wrap{position:relative;z-index:1;padding-top:72px;padding-bottom:62px}
.page-visual h1,.page-visual h2{color:#111718;text-shadow:0 1px 0 rgba(255,255,255,.25)}
.page-visual .lede{color:#2e3231;max-width:700px}
.page-visual p{max-width:670px;color:#343836}
.page-visual .eyebrow{color:#8c621e}
.page-visual .text-link{color:#77521a}
.visual-copy{max-width:760px;margin-left:0}
.about-visual{min-height:560px}
.founder-visual{min-height:560px}

/* Unique pages with darker artwork receive a slightly lighter veil, not a white wash */
.portfolio-page .page-visual{}

.founder-grid{display:grid;grid-template-columns:330px 1fr;gap:54px;align-items:start}
.founder-card{border:1px solid var(--line);background:#0b1416}
.founder-card img{width:100%;display:block;aspect-ratio:1/1;object-fit:cover}
.founder-card-copy{padding:20px}
.founder-card-copy h3{margin-bottom:6px}
.founder-card-copy p{margin:4px 0;color:var(--muted)}
.founder-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px}
.founder-facts article{border-top:1px solid var(--gold);padding-top:18px}
.founder-facts h3{font-size:22px}
.capability-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.capability-tags span{border:1px solid var(--line);padding:10px 13px;color:#d7d1c3;background:#071012}
.founder-cta .actions{justify-content:flex-end}

@media(max-width:900px){
  .page-visual{
    min-height:430px;
    background-image:
      linear-gradient(90deg,rgba(249,247,239,.94) 0%,rgba(249,247,239,.76) 62%,rgba(249,247,239,.28) 100%),
      var(--page-bg);
  }
  .founder-grid{grid-template-columns:1fr}
  .founder-card{max-width:420px}
}
@media(max-width:600px){
  .page-visual{
    min-height:410px;
    background-position:var(--page-pos,center);
    background-image:
      linear-gradient(180deg,rgba(249,247,239,.76) 0%,rgba(249,247,239,.91) 70%,rgba(249,247,239,.98) 100%),
      var(--page-bg);
  }
  .founder-facts{grid-template-columns:1fr}
}


/* v14 — curated North Star refinement */
.page-visual{
  background-image:
    linear-gradient(90deg,rgba(249,247,239,.90) 0%,rgba(249,247,239,.70) 34%,rgba(249,247,239,.20) 62%,rgba(249,247,239,.02) 100%),
    var(--page-bg);
}
.evidence-section{background:#f7f3ea;color:#171713}
.evidence-section h2{color:#171713}
.evidence-section .lede{color:#5d574d}
.evidence-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px}
.evidence-card{display:block;position:relative;background:#111;color:#fff;overflow:hidden;min-height:380px;border:1px solid rgba(151,106,38,.22)}
.evidence-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .35s ease}
.evidence-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.86))}
.evidence-card span{position:absolute;z-index:2;left:18px;right:18px;bottom:18px}
.evidence-card b,.evidence-card small{display:block}.evidence-card b{font-family:Georgia,serif;font-size:20px}.evidence-card small{margin-top:5px;color:#e6d5b5;letter-spacing:.05em}
.evidence-card:hover img{transform:scale(1.025)}
@media(max-width:900px){.evidence-grid{grid-template-columns:repeat(2,1fr)}.evidence-card{min-height:330px}}
@media(max-width:600px){.evidence-grid{grid-template-columns:1fr}.evidence-card{min-height:400px}}


/* v15 — cinematic homepage + studio evolution */
.cinematic-hero{
  position:relative;
  min-height:clamp(620px,76vh,880px);
  overflow:hidden;
  background:#14100b;
  display:flex;
  align-items:flex-end;
  color:#fff;
}
.cinematic-slides,.cinematic-slide,.cinematic-shade{position:absolute;inset:0}
.cinematic-slide{
  opacity:0;
  background-position:center;
  background-size:cover;
  transform:scale(1.04);
  animation:cinematicCycle 28s infinite;
  will-change:opacity,transform;
}
.cinematic-slide.slide-studio{
  background-image:url("assets/real/studio-hero-v11.png");
  animation-delay:0s;
}
.cinematic-slide.slide-making{
  background-image:url("assets/real/press-proofing-production-01.jpeg");
  background-position:center 40%;
  animation-delay:7s;
}
.cinematic-slide.slide-art{
  background-image:url("assets/real/peaches-framed.jpeg");
  background-position:center 48%;
  animation-delay:14s;
}
.cinematic-slide.slide-origin{
  background-image:url("assets/real/attic-studio-origin.jpeg");
  background-position:center 48%;
  animation-delay:21s;
}
@keyframes cinematicCycle{
  0%{opacity:0;transform:scale(1.04) translate3d(0,0,0)}
  4%{opacity:1}
  22%{opacity:1;transform:scale(1.10) translate3d(-1.2%,.5%,0)}
  27%{opacity:0}
  100%{opacity:0}
}
.cinematic-shade{
  z-index:1;
  background:
    linear-gradient(90deg,rgba(4,5,5,.78) 0%,rgba(4,5,5,.45) 43%,rgba(4,5,5,.10) 75%),
    linear-gradient(0deg,rgba(3,5,5,.68) 0%,transparent 48%);
}
.cinematic-copy{
  position:relative;z-index:2;
  padding-bottom:clamp(60px,8vh,100px);
}
.cinematic-copy h1{font-size:clamp(52px,7.2vw,104px);max-width:900px;margin:0 0 18px;text-shadow:0 3px 28px rgba(0,0,0,.5)}
.cinematic-copy .lede{max-width:720px;color:#f3eadc;font-size:clamp(19px,2vw,27px);text-shadow:0 2px 15px rgba(0,0,0,.55)}
.cinematic-copy .eyebrow{color:#e3b75e}
.cinematic-copy em{color:#e3b75e}
.cinematic-link{color:#fff;border-bottom:1px solid rgba(255,255,255,.55);padding-bottom:3px}
.cinematic-caption{
  position:absolute;z-index:2;right:30px;bottom:24px;
  font-size:10px;letter-spacing:.22em;color:rgba(255,255,255,.7)
}

.evolution-heading{
  display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:end;margin-bottom:32px
}
.evolution-heading p{margin:0;color:#c9c2b4;max-width:620px}
.evolution-pair{
  display:grid;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);
  gap:14px;align-items:center;max-width:980px;margin:0 auto
}
.evolution-image{
  position:relative;display:block;width:100%;padding:0;border:1px solid var(--line);
  background:#080d0e;cursor:zoom-in;overflow:hidden;color:#fff;text-align:left
}
.evolution-image img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .3s ease}
.evolution-image:hover img{transform:scale(1.025)}
.evolution-image span{
  position:absolute;left:0;right:0;bottom:0;padding:28px 16px 13px;
  background:linear-gradient(transparent,rgba(0,0,0,.88))
}
.evolution-image b,.evolution-image small{display:block}
.evolution-image b{color:#e3b75e;font-size:11px;letter-spacing:.12em}
.evolution-image small{color:#fff;font:16px Georgia,serif;margin-top:3px}
.evolution-arrow{font:36px Georgia,serif;color:#c89335;text-align:center}
.axiom-workspace-example{
  max-width:980px;margin:38px auto 0;padding:30px;border:1px solid var(--line);background:#081113
}
.axiom-workspace-example h3{font-size:30px;color:#e3b75e}
.axiom-workspace-example > p{max-width:830px;color:#c9c2b4}
.workspace-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:26px 0}
.workspace-steps div{background:#071012;padding:18px;min-height:100px}
.workspace-steps b{display:block;color:#e3b75e;font-size:11px;letter-spacing:.12em;margin-bottom:10px}
.workspace-steps span{font-family:Georgia,serif;color:#eee6d8}

.site-lightbox{
  position:fixed;inset:0;z-index:999;background:rgba(0,0,0,.92);
  display:grid;place-items:center;padding:34px
}
.site-lightbox[hidden]{display:none}
.site-lightbox img{max-width:94vw;max-height:90vh;object-fit:contain;box-shadow:0 20px 80px rgba(0,0,0,.5)}
.lightbox-close{
  position:fixed;top:18px;right:24px;z-index:1000;width:46px;height:46px;border:1px solid rgba(255,255,255,.35);
  background:rgba(0,0,0,.45);color:#fff;font-size:31px;line-height:1;cursor:pointer
}

@media(prefers-reduced-motion:reduce){
  .cinematic-slide{animation:none;opacity:0;transform:none}
  .cinematic-slide.slide-studio{opacity:1}
}
@media(max-width:800px){
  .cinematic-hero{min-height:690px}
  .cinematic-shade{background:linear-gradient(0deg,rgba(3,5,5,.85) 0%,rgba(3,5,5,.18) 76%)}
  .cinematic-copy{padding-bottom:68px}
  .cinematic-caption{display:none}
  .evolution-heading{grid-template-columns:1fr;gap:8px}
  .evolution-pair{grid-template-columns:1fr}
  .evolution-arrow{transform:rotate(90deg);font-size:28px}
  .workspace-steps{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .workspace-steps{grid-template-columns:1fr}
  .site-lightbox{padding:16px}
}


/* v16 — Authority Asset Integrity System */
img{
  max-width:100%;
  height:auto;
}
.authority-logo,
.project-mini img,
.work-card img.logo-asset,
.token img,
.tool-item img,
.logo-frame img,
.asset-contain,
img[src*="authority-"],
img[src*="training-ball"]{
  object-fit:contain !important;
  object-position:center !important;
  width:100%;
  height:100%;
}
.authority-logo,
img[src*="authority-"]{
  background:transparent;
}
.authority-safe-frame{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:160px;
  padding:20px;
  overflow:hidden;
}
.authority-safe-frame img{
  max-width:100%;
  max-height:100%;
  object-fit:contain !important;
}
img[src*="authority-training-ball"]{
  aspect-ratio:1/1;
  object-fit:contain !important;
  border-radius:50%;
}
img[src*="authority-bank-shot-buddy"]{
  object-fit:contain !important;
  aspect-ratio:auto;
}
img[src*="authority-atlas-cue-academy"]{
  object-fit:contain !important;
  aspect-ratio:auto;
}
img[src*="authority-saint-john-press"],
img[src*="authority-saint-john-square"]{
  object-fit:contain !important;
}
.work-card img[src*="authority-"]{
  aspect-ratio:auto !important;
  min-height:220px;
  max-height:340px;
  padding:18px;
}
.project-mini img[src*="authority-"]{
  width:74px;
  height:74px;
  padding:6px;
  flex:0 0 74px;
}

/* v16 — modern video-ready homepage hero */
.video-ready-hero{
  position:relative;
  min-height:clamp(650px,78vh,900px);
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  color:#fff;
  background:#16120e;
}
.hero-video-shell,
.hero-video,
.hero-poster,
.hero-film-grain,
.hero-shade{
  position:absolute;
  inset:0;
}
.hero-video{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  z-index:0;
}
.hero-poster{
  z-index:0;
  background-image:url("assets/real/studio-hero-v11.png");
  background-size:cover;
  background-position:center;
}
.hero-video:not([src]){display:none}
.hero-film-grain{
  z-index:1;
  opacity:.13;
  pointer-events:none;
  background-image:
    radial-gradient(circle at 20% 20%,rgba(255,255,255,.12) 0 1px,transparent 1px),
    radial-gradient(circle at 70% 60%,rgba(255,255,255,.08) 0 1px,transparent 1px);
  background-size:7px 7px,11px 11px;
  mix-blend-mode:soft-light;
}
.hero-shade{
  z-index:1;
  background:
    linear-gradient(90deg,rgba(4,5,5,.78) 0%,rgba(4,5,5,.52) 42%,rgba(4,5,5,.18) 72%,rgba(4,5,5,.05) 100%),
    linear-gradient(0deg,rgba(3,5,5,.72) 0%,transparent 52%);
}
.hero-copy{
  position:relative;
  z-index:2;
  padding-bottom:clamp(64px,8vh,104px);
}
.hero-copy h1{
  font-size:clamp(52px,7.2vw,104px);
  max-width:900px;
  margin:0 0 18px;
  text-shadow:0 3px 28px rgba(0,0,0,.5);
}
.hero-copy .lede{
  max-width:720px;
  color:#f3eadc;
  font-size:clamp(19px,2vw,27px);
  text-shadow:0 2px 15px rgba(0,0,0,.55);
}
.hero-copy .eyebrow{color:#e3b75e}
.hero-copy em{color:#e3b75e}
@media(max-width:800px){
  .video-ready-hero{min-height:690px}
  .hero-shade{background:linear-gradient(0deg,rgba(3,5,5,.88) 0%,rgba(3,5,5,.28) 78%)}
  .hero-copy{padding-bottom:70px}
}


/* v17 — AXIOM / Saint John shared stylesheet alignment
   Mirrors the current AXIOM production DNA:
   Georgia editorial serif + Helvetica sans, 1320px max width,
   restrained blue/gold, editorial section spacing and visual-card architecture. */
:root{
  --ink:#101216;
  --paper:#f4f1ea;
  --white:#fff;
  --blue:#123b63;
  --gold:#d9a72e;
  --muted:#72777e;
  --line:rgba(16,18,22,.16);
  --night:#070b10;
  --max:1320px;
  --serif:Georgia,'Times New Roman',serif;
  --sans:'Helvetica Neue',Helvetica,Arial,sans-serif;
}

body{font-family:var(--sans)}
.wrap{width:min(calc(100% - 48px),var(--max));margin:auto}
.eyebrow{
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.section{padding:110px 0}
.section-head{
  display:grid;
  grid-template-columns:.5fr 1.5fr;
  gap:60px;
  margin-bottom:56px;
}
.section-head h2{
  font-family:var(--serif);
  font-size:clamp(2.8rem,5vw,5.4rem);
  line-height:.95;
  font-weight:400;
  letter-spacing:-.04em;
  margin:0;
}
.section-head p{
  font-size:1.1rem;
  max-width:740px;
  margin:8px 0 0;
}

/* Inward-facing founder portrait */
.founder-portrait-inward{
  transform:scaleX(-1);
  transform-origin:center;
}

/* AXIOM-matched Founder Portfolio cards */
.founder-portfolio{background:var(--paper);color:var(--ink)}
.founder-portfolio .section-head p{color:#4d5258}
.visual-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px;
}
.visual-card{
  display:block;
  border:1px solid var(--line);
  background:var(--paper);
  overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease;
}
.visual-card:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 50px rgba(0,0,0,.08);
}
.visual-media{
  height:360px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:#e8e5de;
}
.visual-media img{
  width:100%;
  height:100%;
  object-fit:contain !important;
  object-position:center !important;
}
.visual-body{padding:34px 36px 40px}
.visual-body h3{
  font:400 2.55rem/1.03 var(--serif);
  margin:12px 0;
}
.visual-body p{
  color:#51575e;
  max-width:580px;
}
.visual-body .link{
  display:inline-block;
  margin-top:12px;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  border-bottom:1px solid currentColor;
}
.bsb-media{background:linear-gradient(135deg,#0c1f45,#264f91)}
.bsb-media img{padding:30px}
.dark-card{
  background:#080a0a;
  color:#fff;
  border-color:rgba(255,255,255,.12);
}
.dark-card .visual-body p{color:#b7babd}
.axiom-authority-media,
.academy-media,
.press-authority-media{background:#050505}
.axiom-authority-media img{padding:22px}
.academy-media img{padding:26px}
.press-authority-media img{padding:34px;max-width:78%;margin:auto}

/* Keep the page-specific brighter hero direction while harmonizing type */
.page-visual h1,
.page-visual h2,
.hero-copy h1,
.cinematic-copy h1{
  font-family:var(--serif);
  font-weight:400;
  letter-spacing:-.045em;
}

/* Shared buttons / links */
.btn{
  font-family:var(--sans);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

@media(max-width:1000px){
  .section-head{grid-template-columns:1fr}
  .visual-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .wrap{width:min(calc(100% - 28px),var(--max))}
  .section{padding:80px 0}
  .visual-media{height:250px}
  .visual-body{padding:28px}
}


/* v18 — Founder profile synchronized from AXIOM Golden Seed 2026-08-12 */
.studio-founder-page{min-height:100vh;background:#030607;color:#f4f1e8}
.studio-founder-page .profile-header{position:sticky;top:0;background:rgba(3,6,7,.94);backdrop-filter:blur(16px);z-index:30}
.studio-founder-page .profile-hero{min-height:560px;padding:68px 7% 58px;display:grid;grid-template-columns:minmax(360px,.88fr) minmax(440px,1.12fr);gap:8vw;align-items:center;background:radial-gradient(circle at 78% 22%,rgba(215,165,45,.12),transparent 32%),linear-gradient(125deg,#020405,#091011)}
.studio-founder-page .profile-identity{display:flex;flex-direction:column;align-items:center;text-align:center}
.studio-founder-page .profile-identity .eyebrow{align-self:flex-start}
.studio-founder-page .profile-identity .profile-portrait{width:min(330px,78%);margin:28px auto 18px}
.studio-founder-page .profile-identity h1{font:clamp(25px,2.2vw,34px)/1.1 Georgia,serif;letter-spacing:.01em;margin:0;white-space:nowrap;font-weight:400}
.studio-founder-page .profile-identity h1 span{color:#d7a52d}
.studio-founder-page .profile-title{font:16px/1.55 Arial,sans-serif!important;letter-spacing:.08em;text-transform:uppercase;color:#eee!important;margin-bottom:32px!important}
.studio-founder-page .profile-title i{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid #d7a52d;border-radius:50%;color:#d7a52d;font-size:10px;margin-left:7px}
.studio-founder-page .profile-intro{border-left:1px solid #d7a52d;padding-left:42px}
.studio-founder-page .profile-portrait{aspect-ratio:1;object-fit:cover;border-radius:50%;border:1px solid #d7a52d;box-shadow:0 18px 50px rgba(0,0,0,.5)}
.studio-founder-page .founder-portrait-inward{transform:scaleX(-1)!important}
.studio-founder-page .profile-intro>p{font:clamp(22px,2.2vw,34px)/1.34 Georgia,serif;margin:0 0 24px}
.studio-founder-page .profile-intro>p+p{font:17px/1.65 Arial,sans-serif;color:#b9b9b9}
.studio-founder-page .profile-contact-line{display:flex;flex-wrap:wrap;gap:8px 20px;border-top:1px solid #333;padding-top:22px}
.studio-founder-page .profile-contact-line a,.studio-founder-page .profile-contact-line span{color:#ddd;text-decoration:none;font-size:12px}
.studio-founder-page .profile-proof{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #d7a52d;border-bottom:1px solid rgba(215,165,45,.5)}
.studio-founder-page .profile-proof article{padding:32px 20px;border-right:1px solid #343331}
.studio-founder-page .profile-proof article:last-child{border:0}
.studio-founder-page .profile-proof strong{display:block;color:#f0c862;font:38px Georgia,serif}
.studio-founder-page .profile-proof span{display:block;color:#999;font-size:11px;line-height:1.4;margin-top:8px}
.studio-founder-page .profile-section{padding:76px 7%;display:grid;grid-template-columns:minmax(280px,.75fr) minmax(520px,1.25fr);gap:8vw}
.studio-founder-page .profile-section>header h2{font:clamp(38px,4.5vw,68px)/1.03 Georgia,serif;margin:15px 0}
.studio-founder-page .experience-list{border-top:1px solid #d7a52d}
.studio-founder-page .experience-list article{display:grid;grid-template-columns:120px 1fr;gap:25px;padding:30px 0;border-bottom:1px solid #333}
.studio-founder-page .experience-list time{color:#d7a52d;font-size:10px;letter-spacing:.1em}
.studio-founder-page .experience-list h3{font:26px/1.15 Georgia,serif;margin:0 0 7px}
.studio-founder-page .experience-list .org{color:#f0c862;margin:0 0 12px}
.studio-founder-page .experience-list .org span{color:#777}
.studio-founder-page .experience-list article div>p:last-child{color:#aaa;line-height:1.6;margin-bottom:0}
.studio-founder-page .service-section{padding:66px 7%;display:grid;grid-template-columns:150px 1.25fr .75fr;gap:5vw;align-items:center;background:linear-gradient(110deg,#10100d,#070a0b);border-block:1px solid rgba(215,165,45,.55)}
.studio-founder-page .service-emblem{margin:0;text-align:center}
.studio-founder-page .service-emblem img{width:144px;aspect-ratio:1;border:1px solid #d7a52d;border-radius:50%;object-fit:cover;object-position:50% 13%;display:block;box-shadow:0 15px 38px rgba(0,0,0,.45)}
.studio-founder-page .service-emblem figcaption{margin-top:10px;color:#8e856f;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.studio-founder-page .service-section h2{font:clamp(36px,4vw,62px)/1 Georgia,serif;margin:13px 0 20px}
.studio-founder-page .service-section p:last-child{color:#bbb;line-height:1.7;max-width:750px}
.studio-founder-page .service-section blockquote{font:25px/1.35 Georgia,serif;color:#f0c862;margin:0;border-left:1px solid #d7a52d;padding-left:28px}
.studio-founder-page .military-work{padding:76px 7%;background:#050809}
.studio-founder-page .military-work>header{max-width:900px;margin-bottom:34px}
.studio-founder-page .military-work h2{font:clamp(40px,5vw,70px)/1.03 Georgia,serif;margin:15px 0 18px}
.studio-founder-page .military-work>header>p:last-child{max-width:760px;color:#aaa;font-size:17px;line-height:1.65}
.studio-founder-page .military-work-grid{display:grid;grid-template-columns:minmax(260px,.62fr) minmax(600px,1.38fr);gap:34px;align-items:start}
.studio-founder-page .military-work figure{margin:0;border-top:1px solid #d7a52d;padding-top:14px}
.studio-founder-page .military-work img{width:100%;height:auto;display:block;background:#0b0d0d;object-fit:contain}
.studio-founder-page .military-work .eagle-work img{aspect-ratio:auto;object-fit:contain}
.studio-founder-page .military-work figcaption{display:grid;gap:7px;padding-top:16px}
.studio-founder-page .military-work figcaption strong{font:22px Georgia,serif;color:#f0c862}
.studio-founder-page .military-work figcaption span{color:#999;line-height:1.55;font-size:13px}
.studio-founder-page .capability-section{background:#06090a}
.studio-founder-page .profile-capability-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #d7a52d}
.studio-founder-page .profile-capability-grid span{padding:17px 12px;border-bottom:1px solid #2d3030;color:#ddd}
.studio-founder-page .profile-capability-grid b{color:#d7a52d;font-size:9px;margin-right:14px}
.studio-founder-page .education-section{border-top:1px solid #242727}
.studio-founder-page .education-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.studio-founder-page .education-grid h3{font:24px Georgia,serif;color:#f0c862;margin:0 0 8px}
.studio-founder-page .education-grid p{color:#aaa;line-height:1.65;margin:0 0 34px}
.studio-founder-page .profile-portfolio{padding:76px 7%;background:#f4f1ea;color:#101216}
.studio-founder-page .profile-portfolio-head{max-width:900px;margin-bottom:42px}
.studio-founder-page .profile-portfolio-head h2{font:clamp(40px,5vw,70px)/1.03 Georgia,serif;margin:15px 0 18px}
.studio-founder-page .profile-portfolio-head>p:last-child{color:#555;max-width:760px}
.studio-founder-page .profile-contact{text-align:center;padding:78px 6%;background:radial-gradient(circle at center,rgba(215,165,45,.12),transparent 48%)}
.studio-founder-page .profile-contact h2{font:clamp(48px,7vw,92px)/1 Georgia,serif;margin:16px 0}
.studio-founder-page .profile-contact>p{color:#aaa;font-size:18px}
.studio-founder-page .profile-contact>div{display:flex;justify-content:center;gap:10px;margin:38px 0}
.studio-founder-page .profile-contact>div a{padding:16px 25px;background:#d7a52d;color:#080807;text-decoration:none;font-size:11px;font-weight:bold;letter-spacing:.1em}
.studio-founder-page .profile-contact>div a+a{background:none;color:#f0c862;border:1px solid #d7a52d}
.studio-founder-page .profile-contact nav{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 28px}
.studio-founder-page .profile-contact nav a{color:#999;text-decoration:none;font-size:12px}
.studio-founder-page .profile-contact nav a:hover{color:#f0c862}
@media(max-width:1000px){
 .studio-founder-page .profile-hero{grid-template-columns:1fr;gap:45px}
 .studio-founder-page .profile-proof{grid-template-columns:repeat(3,1fr)}
 .studio-founder-page .profile-section{grid-template-columns:1fr;gap:35px}
 .studio-founder-page .service-section{grid-template-columns:150px 1fr}
 .studio-founder-page .service-section blockquote{grid-column:2}
 .studio-founder-page .military-work-grid{grid-template-columns:1fr 1.6fr}
}
@media(max-width:650px){
 .studio-founder-page .profile-hero{padding:42px 6% 48px;gap:30px}
 .studio-founder-page .profile-identity .eyebrow{align-self:center}
 .studio-founder-page .profile-identity .profile-portrait{width:174px;margin:18px auto 12px}
 .studio-founder-page .profile-identity h1{font-size:27px}
 .studio-founder-page .profile-intro{padding-left:22px}
 .studio-founder-page .profile-proof{grid-template-columns:repeat(2,1fr)}
 .studio-founder-page .profile-proof article{padding:19px 14px}
 .studio-founder-page .profile-proof strong{font-size:32px}
 .studio-founder-page .profile-section{padding:58px 6%;gap:26px}
 .studio-founder-page .experience-list article{grid-template-columns:1fr;gap:9px}
 .studio-founder-page .service-section{grid-template-columns:1fr;padding:70px 6%}
 .studio-founder-page .service-emblem{justify-self:center}
 .studio-founder-page .service-section blockquote{grid-column:1}
 .studio-founder-page .military-work{padding:75px 6%}
 .studio-founder-page .military-work-grid{grid-template-columns:1fr}
 .studio-founder-page .profile-capability-grid,.studio-founder-page .education-grid{grid-template-columns:1fr}
 .studio-founder-page .profile-contact>div{display:grid}
 .studio-founder-page .profile-contact nav{display:grid;gap:12px}
}


/* v19 — About visual, David acknowledgement, circular project presentation */

/* About: conceptual image above fold, real Bob + Lilly remain below fold */
.about-universe{
  min-height:600px;
  background-image:
    linear-gradient(90deg,rgba(249,247,239,.92) 0%,rgba(249,247,239,.76) 35%,rgba(249,247,239,.22) 68%,rgba(249,247,239,.08) 100%),
    var(--page-bg);
}

/* David acknowledgment */
.david-thanks-grid{
  display:grid;
  grid-template-columns:minmax(250px,.65fr) minmax(0,1.35fr);
  gap:54px;
  align-items:center;
  max-width:1120px;
}
.david-image{
  padding:0;
  border:1px solid var(--line);
  background:#f5f1e7;
  cursor:zoom-in;
  overflow:hidden;
}
.david-image img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain!important;
}
.david-thanks h2{
  font:clamp(34px,4vw,58px)/1.05 Georgia,serif;
  margin:14px 0 22px;
}
.david-thanks p{max-width:720px}
.david-thanks .note{
  color:var(--gold2);
  font:italic 22px Georgia,serif;
  margin-top:24px;
}

/* Projects: AXIOM-inspired circular-icon cards */
.project-orbit-section{background:#f4f1ea;color:#101216}
.project-orbit-head{max-width:900px;margin-bottom:46px}
.project-orbit-head h2{
  font:clamp(42px,5vw,72px)/.98 Georgia,serif;
  margin:14px 0 18px;
}
.project-orbit-head p{max-width:760px;color:#565b61}
.project-orbit-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.orbit-project-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  min-height:420px;
  padding:34px 28px 30px;
  border:1px solid rgba(16,18,22,.16);
  background:#fffdf8;
  color:#101216;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.orbit-project-card:hover{
  transform:translateY(-3px);
  border-color:#d9a72e;
  box-shadow:0 18px 50px rgba(0,0,0,.07);
}
.orbit-icon{
  width:168px;
  height:168px;
  border-radius:50%;
  border:1px solid rgba(217,167,46,.72);
  background:#080a0a;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  margin-bottom:25px;
  overflow:hidden;
}
.orbit-icon img{
  width:100%;
  height:100%;
  object-fit:contain!important;
  object-position:center!important;
}
.orbit-project-card .eyebrow{color:#8a6419}
.orbit-project-card h3{
  font:32px/1.05 Georgia,serif;
  margin:10px 0 12px;
}
.orbit-project-card p{
  color:#5d6267;
  max-width:310px;
  margin:0;
}
.orbit-art-icon{
  background:#ece7dd;
}
.orbit-art-icon img{
  max-width:80%;
  max-height:80%;
  border-radius:0!important;
}

/* Never crop project identity imagery */
.project-orbit-grid img,
.david-thanks img{
  object-fit:contain!important;
}

@media(max-width:960px){
  .project-orbit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .david-thanks-grid{grid-template-columns:1fr}
  .david-image{max-width:520px}
}
@media(max-width:620px){
  .project-orbit-grid{grid-template-columns:1fr}
  .orbit-project-card{min-height:auto}
  .orbit-icon{width:150px;height:150px}
}


/* v20 — Locked Saint John Studio page-opening treatment:
   light/ivory text field on left -> gradient transition -> page-relevant image on right */
.family-visual{
  min-height:590px;
  background-image:
    linear-gradient(90deg,
      rgba(249,247,239,.97) 0%,
      rgba(249,247,239,.93) 28%,
      rgba(249,247,239,.72) 43%,
      rgba(249,247,239,.34) 60%,
      rgba(249,247,239,.08) 78%,
      rgba(249,247,239,0) 100%),
    var(--page-bg);
  background-size:cover;
  background-position:var(--page-pos,center);
}
.family-visual .wrap{max-width:760px;margin-left:max(24px,calc((100vw - 1320px)/2));margin-right:auto}
.family-visual h1{font-size:clamp(54px,7vw,96px)}
.family-visual .lede,.family-visual p{max-width:580px}

/* The Lilly Pad */
.lilly-pad{
  background:
    linear-gradient(90deg,#f4f1ea 0%,#f4f1ea 52%,#0a1012 52%,#0a1012 100%);
  color:#101216;
}
.lilly-pad-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  align-items:stretch;
}
.lilly-pad-copy{
  padding:34px 64px 34px 0;
}
.lilly-pad-copy h2{
  font:clamp(38px,4.5vw,66px)/1.02 Georgia,serif;
  margin:15px 0 22px;
}
.lilly-pad-copy p{max-width:630px;color:#53585d}
.lilly-pad-blog{
  padding:10px 0 10px 58px;
  color:#f3ede1;
  display:grid;
  gap:16px;
}
.lilly-pad-blog article{
  border:1px solid rgba(217,167,46,.34);
  padding:22px 24px;
  background:#071012;
}
.lilly-pad-blog h3{
  font:28px/1.1 Georgia,serif;
  color:#e0b75d;
  margin:9px 0 10px;
}
.lilly-pad-blog p{color:#b9b4aa;margin:0}
.lilly-pad-blog .eyebrow{color:#d9a72e}

@media(max-width:900px){
  .family-visual{
    background-image:
      linear-gradient(180deg,
        rgba(249,247,239,.38) 0%,
        rgba(249,247,239,.76) 42%,
        rgba(249,247,239,.98) 78%,
        rgba(249,247,239,1) 100%),
      var(--page-bg);
    background-position:center;
  }
  .lilly-pad{background:#f4f1ea}
  .lilly-pad-grid{grid-template-columns:1fr}
  .lilly-pad-copy{padding-right:0}
  .lilly-pad-blog{padding:32px 0 0}
}


/* v21 — The Lilly Pad blog + cleaner family hero */
.family-visual{
  background-image:
    linear-gradient(90deg,
      rgba(249,247,239,.98) 0%,
      rgba(249,247,239,.94) 30%,
      rgba(249,247,239,.70) 46%,
      rgba(249,247,239,.30) 62%,
      rgba(249,247,239,.06) 80%,
      rgba(249,247,239,0) 100%),
    url("assets/real/family-sunset-hero-clean.jpeg") !important;
  background-size:cover;
  background-position:center;
}

.lilly-blog-page{background:#f5f1e8;color:#121416}
.lilly-blog-hero{
  min-height:560px;
  display:flex;
  align-items:flex-end;
  background:
    linear-gradient(90deg,
      rgba(249,247,239,.98) 0%,
      rgba(249,247,239,.92) 29%,
      rgba(249,247,239,.66) 45%,
      rgba(249,247,239,.22) 62%,
      rgba(249,247,239,.03) 82%),
    url("assets/real/lilly-pad-sunset-hero.jpeg");
  background-size:cover;
  background-position:center;
  border-bottom:1px solid rgba(217,167,46,.35);
}
.lilly-blog-hero-inner{padding:78px 0 70px}
.lilly-hero-copy{max-width:650px}
.lilly-hero-copy h1{font:clamp(52px,6.5vw,92px)/.96 Georgia,serif;margin:14px 0 24px}
.lilly-hero-copy h1 em{color:#b7791f;font-weight:400}
.lilly-hero-copy p{max-width:590px;font-size:18px;line-height:1.6}
.lilly-signoff{font:italic 22px Georgia,serif!important}
.lilly-blog-main{background:#f5f1e8}
.lilly-blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:42px}
.lilly-section-head h2{font:44px Georgia,serif;margin:10px 0 28px}
.lilly-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.lilly-post-card{background:#fffdf8;border:1px solid rgba(16,18,22,.12);overflow:hidden}
.lilly-post-card a{display:block;color:inherit}
.post-image{height:230px;background-size:cover;background-position:center}
.post-image-notebook{background-image:url("assets/real/press-proofing-production-02.jpeg")}
.post-image-creative{background-image:url("assets/real/peaches-framed.jpeg");background-position:center 44%}
.post-image-everyday{background-image:url("assets/real/lilly-portrait.jpeg");background-position:center 35%}
.post-body{padding:22px}
.post-body h3{font:28px/1.08 Georgia,serif;margin:9px 0 11px}
.post-body p{color:#565b61}
.post-meta{font-size:11px;color:#888;margin:18px 0 8px}
.lilly-sidebar{display:grid;align-content:start;gap:18px}
.lilly-sidebar section{border:1px solid rgba(16,18,22,.12);background:#fffdf8;padding:22px}
.lilly-sidebar h3{font:25px Georgia,serif;margin:10px 0}
.lilly-sidebar p{color:#5b6065}
.category-list{display:grid}
.category-list a{padding:9px 0;border-bottom:1px solid rgba(16,18,22,.1);color:#222}
.subscribe-form{display:grid;gap:10px}
.subscribe-form input,.stack-form select{width:100%;padding:13px;border:1px solid rgba(16,18,22,.2);background:#fff;color:#111;font:inherit}
.lilly-editor-box{background:#091012!important;color:#fff}
.lilly-editor-box p{color:#b9b9b2!important}

.blog-article{padding:90px 0;background:#f5f1e8;color:#17191b}
.blog-article-inner{max-width:820px}
.blog-article h1{font:clamp(52px,7vw,88px)/.98 Georgia,serif;margin:14px 0 16px}
.blog-byline{color:#8a6419;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:40px}
.blog-article p{font:20px/1.8 Georgia,serif;color:#34383b}
.blog-signoff{font-style:italic!important;color:#b7791f!important}

@media(max-width:1000px){
  .lilly-blog-layout{grid-template-columns:1fr}
  .lilly-post-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .lilly-blog-hero{
    background:
      linear-gradient(180deg,rgba(249,247,239,.30),rgba(249,247,239,.94) 65%,#f5f1e8 100%),
      url("assets/real/lilly-pad-sunset-hero.jpeg");
    background-size:cover;background-position:center;
  }
  .lilly-post-grid{grid-template-columns:1fr}
}


/* v22 — The Lilly Pad uses Lilly herself; family silhouette remains Family & Future only */
.lilly-blog-hero{
  min-height:590px;
  background:
    linear-gradient(90deg,
      rgba(249,247,239,.99) 0%,
      rgba(249,247,239,.96) 30%,
      rgba(249,247,239,.78) 43%,
      rgba(249,247,239,.42) 56%,
      rgba(249,247,239,.12) 70%,
      rgba(249,247,239,0) 84%),
    url("assets/real/lilly-pad-real-hero.jpeg") !important;
  background-size:cover;
  background-position:center;
}
.lilly-blog-hero .lilly-hero-copy{
  max-width:620px;
}
@media(max-width:700px){
  .lilly-blog-hero{
    background:
      linear-gradient(180deg,
        rgba(249,247,239,.18) 0%,
        rgba(249,247,239,.50) 42%,
        rgba(249,247,239,.92) 70%,
        rgba(249,247,239,1) 100%),
      url("assets/real/lilly-pad-real-hero.jpeg") !important;
    background-size:cover;
    background-position:68% center;
  }
}

/* v23 Lilly Pad blog-function polish */
.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}
.microcopy{font-size:.78rem;opacity:.68;margin-top:.65rem}
.lilly-blog-tools{display:flex;align-items:center;gap:1.2rem;margin-top:1.5rem;flex-wrap:wrap}
.lilly-blog-tools p{max-width:580px;margin:0;font-size:.92rem;opacity:.72}
.lilly-post-card a{display:block;height:100%;text-decoration:none;color:inherit}
.lilly-post-card{transition:transform .2s ease,box-shadow .2s ease}
.lilly-post-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.10)}


/* v24 — Lilly Pad interactive reflection cards */
.lilly-card-trigger{
  appearance:none;border:0;padding:0;margin:0;width:100%;background:transparent;
  color:inherit;text-align:left;font:inherit;cursor:pointer;display:block;
}
.lilly-card-trigger:focus-visible{outline:2px solid #b27a2b;outline-offset:-2px}
.lilly-card-detail{
  padding:0 22px 22px;
  border-top:1px solid rgba(16,18,22,.10);
  background:#fffdf8;
}
.lilly-card-detail p{margin:18px 0 14px;line-height:1.65}
.lilly-expand-card .link{display:inline-block;margin-top:8px}


/* v25 — Learning to See: Saint John Studio philosophical foundation */
.learning-page{background:#f5f1e8;color:#121416}
.lts-hero{min-height:720px;display:flex;align-items:center;background:linear-gradient(105deg,#fbfaf6 0%,#f2eee4 55%,#d9d1c1 100%);border-bottom:1px solid rgba(16,18,22,.14)}
.lts-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:end;padding:90px 0}
.lts-hero h1{font:clamp(76px,10vw,150px)/.78 Georgia,serif;letter-spacing:-.06em;margin:20px 0 32px}
.lts-kicker{font:italic clamp(23px,2.4vw,34px) Georgia,serif;color:#9b6c1f}
.lts-hero p:not(.lts-kicker){max-width:650px;font-size:18px;line-height:1.7}
.lts-hero-statement{display:grid;border-left:1px solid #b78631;padding-left:42px}
.lts-hero-statement span{font:clamp(25px,3.2vw,48px)/1.35 Georgia,serif;border-bottom:1px solid rgba(16,18,22,.13);padding:10px 0}
.lts-hero-statement span:nth-child(2){color:#9b6c1f}
.lts-two{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:start}
.lts-two h2,.lts-recognition h2,.lts-section-head h2,.lts-practice h2{font:clamp(45px,5.7vw,82px)/.98 Georgia,serif;letter-spacing:-.045em;margin:14px 0}
.lts-two .large{font:clamp(25px,2.8vw,40px)/1.25 Georgia,serif;margin-top:0}
.lts-recognition{padding:120px 0;background:#070b0c;color:#f5f1e8}
.lts-recognition-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end}
.lts-recognition p{color:#bbb7ae;font-size:18px;line-height:1.7}
.lts-recognition strong{color:#e0b75d}
.lts-section-head{max-width:950px;margin-bottom:50px}
.lts-section-head>p{font-size:18px;max-width:760px}
.transform-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.transform-case{border:1px solid rgba(16,18,22,.16);background:#fffdf8}
.transform-placeholder{aspect-ratio:16/10;background:linear-gradient(135deg,#e8e2d7,#d5ccbb);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}
.transform-placeholder span{font-size:10px;letter-spacing:.18em;color:#7b7468}
.transform-placeholder strong{font:clamp(28px,3vw,46px) Georgia,serif;margin:15px 0}
.transform-placeholder small{color:#6f6a62}
.transform-copy{padding:32px}
.transform-copy h3{font:36px Georgia,serif;margin:10px 0}
.case-quote{font:italic 22px/1.4 Georgia,serif;color:#9b6c1f}
.lts-practice{padding:120px 0;background:#ede7dc}
.lts-practice header{max-width:1000px}
.lts-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(16,18,22,.15);margin-top:55px}
.lts-principles article{background:#f7f3eb;padding:34px 28px;min-height:260px}
.lts-principles b{color:#a87520;font-size:11px;letter-spacing:.15em}
.lts-principles h3{font:29px Georgia,serif;margin:20px 0 12px}
.seed-command{margin-top:35px;padding:22px 0;border-block:1px solid #b78631;font-weight:700;letter-spacing:.15em;color:#8c621e}
.lts-stewardship{padding:120px 0;background:#101617;color:#f4f0e7}
.lts-stewardship p{color:#bdb8ae;font-size:20px;line-height:1.7}
.lts-axiom{background:#f5f1e8}
.lts-axiom strong{color:#9b6c1f}
.lts-final{padding:120px 0;background:#050809;color:#f4f0e7;text-align:center}
.lts-final p{font:clamp(22px,2.3vw,34px)/1.45 Georgia,serif;margin:6px}
.lts-final h2{font:clamp(48px,6.7vw,96px)/.98 Georgia,serif;color:#e0b75d;max-width:1100px;margin:45px auto 20px}
.lts-final>div>span{color:#999}
.lts-final-action{margin-top:65px;display:flex;justify-content:center;align-items:center;gap:25px}
.lts-final-action strong{font:italic 30px Georgia,serif}
.home-learning-bridge{background:#f4f1ea;border-block:1px solid rgba(16,18,22,.12)}
.home-learning-bridge h2{font:clamp(52px,6vw,86px)/1 Georgia,serif;margin:14px 0}
.home-learning-bridge .large{font:italic clamp(25px,3vw,40px) Georgia,serif;color:#9b6c1f}
@media(max-width:900px){
 .lts-hero-grid,.lts-two,.lts-recognition-grid{grid-template-columns:1fr}
 .lts-hero-statement{margin-top:25px}
 .transform-case-grid{grid-template-columns:1fr}
 .lts-principles{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
 .lts-hero{min-height:auto}
 .lts-hero-grid{padding:65px 0}
 .lts-hero h1{font-size:70px}
 .lts-principles{grid-template-columns:1fr}
 .lts-final-action{flex-direction:column}
}


/* v26 — Compact hamburger navigation */
.site-header{
  position:sticky;
  top:0;
  z-index:80;
  background:rgba(7,10,10,.94);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(217,167,46,.20);
}
.header-inner{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.site-header .brand img{
  display:block;
  max-height:46px;
  width:auto;
  object-fit:contain;
}
.site-header .nav{display:none!important}
.menu{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  border:1px solid rgba(217,167,46,.55);
  background:rgba(0,0,0,.2);
  color:#e3b75e;
  font-size:0;
  cursor:pointer;
  position:relative;
  border-radius:999px;
}
.menu::before,.menu::after,.menu span{
  content:"";
  position:absolute;
  width:20px;
  height:1.5px;
  background:currentColor;
  left:12px;
  transition:.2s ease;
}
.menu::before{top:15px}
.menu span{top:22px}
.menu::after{top:29px}
.menu[aria-expanded="true"]::before{transform:translateY(7px) rotate(45deg)}
.menu[aria-expanded="true"]::after{transform:translateY(-7px) rotate(-45deg)}
.menu[aria-expanded="true"] span{opacity:0}
.nav-drawer{
  position:fixed;
  inset:72px 0 auto auto;
  width:min(420px,100vw);
  height:calc(100vh - 72px);
  background:#071012;
  color:#f4efe6;
  transform:translateX(102%);
  transition:transform .24s ease;
  z-index:79;
  border-left:1px solid rgba(217,167,46,.30);
  box-shadow:-20px 0 60px rgba(0,0,0,.28);
  overflow:auto;
}
.nav-drawer.open{transform:translateX(0)}
.nav-drawer-inner{padding:34px 30px 48px}
.nav-drawer .eyebrow{color:#d9a72e}
.nav-drawer nav{display:grid;margin-top:18px}
.nav-drawer nav a{
  color:#f4efe6;
  text-decoration:none;
  font:30px/1.08 Georgia,serif;
  padding:15px 0;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.nav-drawer nav a:hover{color:#e3b75e}
.nav-drawer .drawer-secondary{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px 20px;
  margin-top:28px;
}
.nav-drawer .drawer-secondary a{
  color:#aaa;
  text-decoration:none;
  font-size:13px;
  padding:7px 0;
}
.nav-backdrop{
  position:fixed;
  inset:72px 0 0;
  background:rgba(0,0,0,.42);
  opacity:0;
  pointer-events:none;
  transition:.2s ease;
  z-index:78;
}
.nav-backdrop.show{opacity:1;pointer-events:auto}
body.nav-open{overflow:hidden}
@media(max-width:700px){
  .header-inner{min-height:64px}
  .site-header .brand img{max-height:40px}
  .nav-drawer{inset:64px 0 0 auto;height:calc(100vh - 64px)}
  .nav-backdrop{inset:64px 0 0}
}


/* v26 — Expanded Portfolio Story View */
.story-gallery{background:#f6f4ef;color:#111}
.story-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.story-card{
  border:1px solid rgba(16,18,22,.14);
  background:#fff;
  cursor:pointer;
  overflow:hidden;
}
.story-card img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:contain!important;
  background:#eeeae2;
  display:block;
}
.story-card-body{padding:18px 18px 22px}
.story-card h3{font:28px/1.06 Georgia,serif;margin:8px 0}
.story-card p{color:#60656a}
.story-modal{
  position:fixed;
  inset:0;
  background:rgba(3,5,5,.92);
  z-index:120;
  display:none;
  align-items:center;
  justify-content:center;
  padding:28px;
}
.story-modal.open{display:flex}
.story-panel{
  width:min(1480px,96vw);
  max-height:94vh;
  background:#fbfaf6;
  display:grid;
  grid-template-columns:minmax(320px,.34fr) minmax(0,.66fr);
  overflow:hidden;
  box-shadow:0 30px 90px rgba(0,0,0,.35);
}
.story-copy{
  padding:42px 38px;
  overflow:auto;
  border-right:1px solid rgba(16,18,22,.12);
}
.story-copy .eyebrow{color:#173c71}
.story-copy h2{
  font:clamp(36px,4.2vw,64px)/.98 Georgia,serif;
  color:#132b54;
  margin:10px 0 20px;
}
.story-copy p{font:17px/1.7 Georgia,serif;color:#2c3237}
.story-copy h4{
  font:700 12px/1.2 Arial,sans-serif;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:#173c71;
  margin:28px 0 8px;
}
.story-art{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:26px;
  background:#fff;
  overflow:auto;
}
.story-art img{
  width:100%;
  height:100%;
  max-height:88vh;
  object-fit:contain!important;
  object-position:center!important;
}
.story-close{
  position:absolute;
  right:24px;
  top:18px;
  width:44px;
  height:44px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.5);
  background:#0b1112;
  color:#fff;
  font-size:26px;
  cursor:pointer;
  z-index:121;
}
.story-origin{
  margin-top:20px;
  border-top:1px solid #173c71;
  padding-top:16px;
}
.story-origin img{
  width:100%;
  height:auto;
  object-fit:contain!important;
  background:#eee;
}
.chicken-progression{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:20px;
}
.chicken-progression img{
  width:100%;
  aspect-ratio:1;
  object-fit:contain!important;
  background:#eeeae2;
}
@media(max-width:950px){
  .story-grid{grid-template-columns:1fr 1fr}
  .story-panel{grid-template-columns:1fr}
  .story-copy{border-right:0;border-bottom:1px solid rgba(16,18,22,.12);max-height:42vh}
  .story-art{max-height:52vh}
}
@media(max-width:620px){
  .story-grid{grid-template-columns:1fr}
  .story-modal{padding:0}
  .story-panel{width:100vw;height:100vh;max-height:none}
  .story-copy{padding:70px 24px 28px}
  .story-art{padding:16px;max-height:48vh}
  .story-close{right:12px;top:10px}
  .chicken-progression{grid-template-columns:1fr 1fr}
}


/* v27 — Lilly Pad hero framing correction */
.lilly-blog-hero{
  min-height:590px;
  background:
    linear-gradient(90deg,
      rgba(249,247,239,.99) 0%,
      rgba(249,247,239,.96) 31%,
      rgba(249,247,239,.80) 43%,
      rgba(249,247,239,.46) 56%,
      rgba(249,247,239,.16) 69%,
      rgba(249,247,239,0) 82%),
    url("assets/real/lilly-pad-real-hero.jpeg") !important;
  background-size:cover !important;
  background-position:70% center !important;
  background-repeat:no-repeat !important;
}
.lilly-blog-hero .wrap{
  width:min(calc(100% - 48px),1320px);
}
.lilly-blog-hero .lilly-hero-copy{
  max-width:610px;
}
@media(max-width:900px){
  .lilly-blog-hero{
    background-position:72% center !important;
  }
}
@media(max-width:700px){
  .lilly-blog-hero{
    min-height:680px;
    background:
      linear-gradient(180deg,
        rgba(249,247,239,.08) 0%,
        rgba(249,247,239,.18) 34%,
        rgba(249,247,239,.80) 67%,
        rgba(249,247,239,1) 100%),
      url("assets/real/lilly-pad-real-hero.jpeg") !important;
    background-size:cover !important;
    background-position:72% 22% !important;
  }
  .lilly-blog-hero-inner{padding-top:330px}
}

/* v27 — Marketing Communications hero */
.marketing-visual{
  min-height:610px;
  background-image:
    linear-gradient(90deg,
      rgba(249,247,239,.99) 0%,
      rgba(249,247,239,.96) 31%,
      rgba(249,247,239,.78) 44%,
      rgba(249,247,239,.34) 58%,
      rgba(249,247,239,.08) 75%,
      rgba(249,247,239,0) 100%),
    var(--page-bg) !important;
  background-size:cover !important;
  background-position:center !important;
}
.marketing-story-section{background:#f5f1e8}
.marketing-story-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.marketing-story-grid figure{
  margin:0;
  background:#fff;
  border:1px solid rgba(16,18,22,.13);
  overflow:hidden;
}
.marketing-story-grid img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:contain !important;
  background:#efebe3;
  display:block;
}
.marketing-story-grid figcaption{
  padding:18px 20px 22px;
  display:grid;
  gap:8px;
}
.marketing-story-grid strong{font:25px Georgia,serif}
.marketing-story-grid span{color:#5d6267;line-height:1.5}
@media(max-width:900px){
  .marketing-story-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .marketing-story-grid{grid-template-columns:1fr}
}


/* v28 — Learning to See hero now uses the actual chicken stain */
.lts-hero.lts-hero-stain{
  min-height:720px;
  background:
    linear-gradient(90deg,
      rgba(249,247,239,1) 0%,
      rgba(249,247,239,.98) 26%,
      rgba(249,247,239,.90) 38%,
      rgba(249,247,239,.64) 52%,
      rgba(249,247,239,.28) 66%,
      rgba(249,247,239,.05) 82%,
      rgba(249,247,239,0) 100%),
    url("assets/real/chicken-stain-wide.jpeg") !important;
  background-size:cover !important;
  background-position:center 48% !important;
  background-repeat:no-repeat !important;
}
.lts-hero.lts-hero-stain .lts-hero-statement{
  background:rgba(249,247,239,.48);
  backdrop-filter:blur(2px);
  padding:24px 28px 24px 42px;
}
@media(max-width:800px){
  .lts-hero.lts-hero-stain{
    background:
      linear-gradient(180deg,
        rgba(249,247,239,.10) 0%,
        rgba(249,247,239,.48) 38%,
        rgba(249,247,239,.90) 68%,
        rgba(249,247,239,1) 100%),
      url("assets/real/chicken-stain-wide.jpeg") !important;
    background-position:center 18% !important;
  }
}

/* v28 — Lilly Pad hero returns to the preferred face + hands crop */
.lilly-blog-hero{
  min-height:590px;
  background:
    linear-gradient(90deg,
      rgba(249,247,239,1) 0%,
      rgba(249,247,239,.98) 29%,
      rgba(249,247,239,.86) 42%,
      rgba(249,247,239,.56) 54%,
      rgba(249,247,239,.20) 68%,
      rgba(249,247,239,0) 82%),
    url("assets/real/lilly-pad-face-hands-v28.jpeg") !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}
.lilly-blog-hero .lilly-hero-copy{
  max-width:600px;
}
@media(max-width:700px){
  .lilly-blog-hero{
    min-height:700px;
    background:
      linear-gradient(180deg,
        rgba(249,247,239,.08) 0%,
        rgba(249,247,239,.18) 34%,
        rgba(249,247,239,.78) 66%,
        rgba(249,247,239,1) 100%),
      url("assets/real/lilly-pad-face-hands-v28.jpeg") !important;
    background-size:cover !important;
    background-position:68% top !important;
  }
  .lilly-blog-hero-inner{padding-top:350px}
}

/* v28 — unified editorial image language for Lilly Pad snippets */
.post-image{
  height:235px;
  background-size:cover !important;
  background-position:center !important;
  filter:none;
}
.post-image-notebook{
  background-image:url("assets/real/lilly-power-of-words-books.jpeg") !important;
  background-position:center 46% !important;
}
.post-image-creative{
  background-image:url("assets/real/peaches-chicken-stain-painting-clean-2026.jpg") !important;
  background-position:66% 48% !important;
}
.post-image-everyday{
  background-image:url("assets/real/lilly-snippet-everyday-v28.jpeg") !important;
}
.lilly-post-card{
  background:#fffdf8;
}
.lilly-post-card .post-image{
  border-bottom:1px solid rgba(183,134,49,.28);
}
.lilly-post-card .eyebrow{
  color:#9b6c1f;
}


/* v29 — CAT story-card authority mapping + containment */
.story-card img{
  width:100%;
  height:340px;
  object-fit:contain !important;
  object-position:center !important;
  background:#f3f0e9;
}
.story-card[data-story="first-painting"] img,
.story-card[data-story="tropical"] img,
.story-card[data-story="long-block"] img{
  object-fit:contain !important;
}
@media(max-width:900px){
  .story-card img{height:300px}
}
@media(max-width:620px){
  .story-card img{height:auto;aspect-ratio:auto}
}


/* v30 — Family & Future story activation + navigation safety */
.family-lilly-stories{background:#f5f1e8;color:#121416}
.family-lilly-head{max-width:820px;margin-bottom:36px}
.family-lilly-head h2{font:clamp(42px,5vw,72px)/1 Georgia,serif;margin:10px 0 14px}
.family-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.family-story-card{appearance:none;width:100%;border:1px solid rgba(16,18,22,.14);background:#fffdf8;color:#121416;text-align:left;padding:26px;cursor:pointer;min-height:280px}
.family-story-card:hover{transform:translateY(-2px);border-color:#b78631;box-shadow:0 14px 38px rgba(0,0,0,.06)}
.family-story-card h3{font:30px/1.08 Georgia,serif;margin:12px 0}
.family-story-card p{color:#5c6166;line-height:1.6}
.family-lilly-footer{margin-top:24px}
.family-story-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(3,5,5,.82);z-index:140;padding:24px}
.family-story-modal.open{display:flex}
.family-story-dialog{position:relative;width:min(860px,94vw);max-height:90vh;overflow:auto;background:#fbfaf6;color:#121416;border:1px solid rgba(183,134,49,.35);box-shadow:0 30px 90px rgba(0,0,0,.38)}
.family-story-content{padding:72px 54px 50px}
.family-story-content h2{font:clamp(42px,5vw,70px)/1 Georgia,serif;margin:12px 0 24px}
.family-story-content p{font:19px/1.75 Georgia,serif;color:#34393d}
.family-story-close{position:absolute;right:18px;top:14px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(16,18,22,.18);background:#fff;font-size:26px;cursor:pointer}
.family-story-back{position:absolute;left:18px;top:18px;border:0;background:transparent;color:#8e651f;font-weight:700;cursor:pointer}
.family-story-actions{margin-top:34px;padding-top:22px;border-top:1px solid rgba(16,18,22,.12);display:flex;align-items:center;justify-content:space-between;gap:18px}
body.modal-open{overflow:hidden}
.page-back{position:fixed;left:18px;bottom:18px;z-index:90;display:inline-flex;align-items:center;padding:11px 15px;border:1px solid rgba(183,134,49,.55);background:rgba(7,10,10,.90);color:#e5bd67;text-decoration:none;border-radius:999px;font-size:13px;backdrop-filter:blur(10px)}
.page-back:hover{background:#0c1213}
@media(max-width:900px){.family-story-grid{grid-template-columns:1fr}}
@media(max-width:620px){
  .family-story-modal{padding:0}.family-story-dialog{width:100vw;height:100vh;max-height:none}
  .family-story-content{padding:76px 24px 34px}.family-story-actions{align-items:flex-start;flex-direction:column}
  .page-back{left:12px;bottom:12px}
}


/* v31 — Family Room privacy-first architecture */
.nav-drawer nav a small{font:10px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#c89a42;margin-left:8px}
.family-room-hero{background:linear-gradient(115deg,#f8f5ed 0%,#f8f5ed 48%,#ece5d6 100%);color:#111;padding:110px 0 90px;border-bottom:1px solid rgba(18,20,22,.12)}
.family-room-hero-inner{max-width:1000px}
.family-room-hero h1{font:clamp(64px,9vw,124px)/.9 Georgia,serif;margin:14px 0 28px;color:#173c71}
.family-room-hero .lead{font:clamp(22px,2.6vw,34px)/1.35 Georgia,serif;max-width:850px;color:#34383b}
.family-room-status{margin-top:38px;padding:18px 20px;border-left:3px solid #b78631;background:rgba(255,255,255,.62);display:grid;gap:5px;max-width:780px}
.family-room-status span{color:#5b6064}
.privacy-state-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.privacy-state-grid article{padding:30px;background:#fff;border:1px solid rgba(16,18,22,.12)}
.privacy-state-grid h3{font:31px Georgia,serif;margin:14px 0 10px}
.privacy-icon{display:inline-flex;width:38px;height:38px;border:1px solid #b78631;border-radius:50%;align-items:center;justify-content:center;color:#8e651f;font:12px Arial,sans-serif}
.governance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(16,18,22,.12);border:1px solid rgba(16,18,22,.12)}
.governance-grid div{background:#fff;padding:26px;display:grid;gap:7px}
.governance-grid strong{font:23px Georgia,serif}
.governance-grid span{color:#60656a;line-height:1.5}
.family-room-note{margin-top:28px;padding:22px 24px;background:#173c71;color:#fff;max-width:900px;line-height:1.6}
.family-room-entry{background:#0c1315;color:#f5f0e8}
.family-room-entry-inner{display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:center}
.family-room-entry h2,.family-room-coming h2{font:clamp(42px,5vw,70px)/1 Georgia,serif;margin:10px 0 18px}
.family-room-entry p{color:#c4c5c2;max-width:720px;line-height:1.65}
.family-room-entry-action{display:grid;gap:14px;justify-items:start}
.family-room-entry-action small{color:#969b9b;line-height:1.45}
.family-room-coming{background:#f5f1e8}
.family-room-coming-inner{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end}
.family-room-coming p{max-width:820px;line-height:1.7;color:#555b60}
@media(max-width:850px){
 .privacy-state-grid,.governance-grid{grid-template-columns:1fr}
 .family-room-entry-inner,.family-room-coming-inner{grid-template-columns:1fr}
 .family-room-hero{padding:80px 0 70px}
}

/* v32 — branded 401 / 404 */
.sj-error-page{margin:0;background:#f5f1e8;color:#111}
.error-header{position:absolute;inset:0 0 auto;background:transparent;border:0;backdrop-filter:none}
.error-header .header-inner{justify-content:flex-start}
.error-stage{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;
background:linear-gradient(90deg,rgba(249,247,239,.99) 0%,rgba(249,247,239,.96) 34%,rgba(249,247,239,.77) 49%,rgba(249,247,239,.30) 66%,rgba(249,247,239,.04) 82%),url("/assets/real/studio-hero-v11.png") center/cover no-repeat}
.error-401 .error-stage{background:linear-gradient(90deg,rgba(249,247,239,.99) 0%,rgba(249,247,239,.97) 37%,rgba(249,247,239,.72) 55%,rgba(249,247,239,.20) 73%),url("/assets/real/family-sunset-hero-clean.jpeg") center/cover no-repeat}
.error-content{position:relative;z-index:2;padding-top:120px;padding-bottom:80px}
.error-code{font:700 clamp(90px,16vw,220px)/.72 Helvetica,Arial,sans-serif;letter-spacing:-.08em;color:rgba(23,60,113,.12);margin:18px 0 6px -8px}
.error-content h1{max-width:850px;font:clamp(44px,6.5vw,92px)/.98 Georgia,serif;letter-spacing:-.045em;margin:0 0 20px;color:#173c71}
.error-content>p{max-width:670px;font:18px/1.65 Georgia,serif;color:#474d52}
.error-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:32px}
.error-secondary,.error-back{color:#8e651f;background:transparent;border:0;padding:8px 0;text-decoration:none;font:700 12px/1 Helvetica,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.error-back{border-left:1px solid rgba(16,18,22,.16);padding-left:18px}
.error-footnote{margin-top:50px!important;color:#898b88!important;font-style:italic!important;font-size:14px!important}
@media(max-width:700px){.error-stage{background-position:62% center}.error-401 .error-stage{background-position:65% center}.error-content{padding-top:130px}}

/* v33 — AXIOM Archive Intake */
.archive-intake-page{background:#f5f1e8;color:#111}.intake-hero{padding:110px 0 90px;background:linear-gradient(115deg,#faf8f2 0%,#f5f1e8 56%,#ddd2bf 100%);border-bottom:1px solid rgba(16,18,22,.12)}.intake-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end}.intake-hero h1{font:clamp(62px,8.4vw,120px)/.88 Georgia,serif;color:#173c71;margin:12px 0 24px}.intake-hero .lead{font:clamp(23px,2.8vw,38px)/1.28 Georgia,serif;max-width:760px}.intake-principle{border-left:2px solid #b78631;padding:24px 0 24px 30px;display:grid;gap:10px}.intake-principle strong{font:700 clamp(21px,2.5vw,34px) Helvetica,Arial,sans-serif;color:#8e651f}.drop-zone{border:1px dashed #b78631;background:#fffdf8;min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.drop-zone.dragging{background:#f0e5cf}.drop-orbit{width:76px;height:76px;border:1px solid #b78631;border-radius:50%;display:grid;place-items:center;font:42px Georgia,serif;color:#9b6c1f}.drop-zone h3{font:36px Georgia,serif;margin:8px 0}.drop-actions{display:flex;gap:15px;margin-top:16px}.text-button{border:0;background:transparent;color:#8e651f;font-weight:700;cursor:pointer;padding:12px 8px}.intake-summary{display:grid;grid-template-columns:repeat(4,1fr);margin-top:26px;border:1px solid rgba(16,18,22,.12)}.intake-summary div{background:#fff;padding:20px;border-right:1px solid rgba(16,18,22,.1);display:grid}.intake-summary strong{font:31px Georgia,serif;color:#173c71}.intake-table-wrap{overflow:auto;margin-top:20px;border:1px solid rgba(16,18,22,.12);background:#fff}.intake-table{width:100%;border-collapse:collapse;min-width:850px}.intake-table th,.intake-table td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(16,18,22,.08);font-size:12px}.intake-table th{font-size:10px;text-transform:uppercase;color:#666;background:#f4f1ea}.intake-table td:first-child{display:grid}.intake-table td:first-child small{color:#999}.intake-state{font-size:9px;border:1px solid #b78631;padding:5px 7px;color:#8e651f}.intake-upload{background:#0c1315;color:#f5f0e8}.intake-upload-grid,.intake-axiom-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.intake-upload h2,.intake-axiom h2,.intake-case-study h2{font:clamp(42px,5vw,72px)/1 Georgia,serif}.intake-upload p{color:#c1c3c0}.intake-warning{border-left:2px solid #b78631;padding-left:18px}.intake-auth-card{background:#101a1d;border:1px solid rgba(217,167,46,.30);padding:28px;display:grid;gap:12px}.intake-auth-card input[type=password]{padding:13px;background:#071012;color:#fff;border:1px solid rgba(255,255,255,.18)}.check-row{display:flex;gap:10px;color:#c7c8c4}.upload-status{min-height:36px;color:#d9b464}.axiom-receives{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(16,18,22,.10)}.axiom-receives div{background:#fff;padding:24px;display:grid}.axiom-receives b{font:23px Georgia,serif;color:#173c71}.intake-case-study .lead{font:italic clamp(22px,2.8vw,38px)/1.35 Georgia,serif;color:#8e651f;max-width:900px}@media(max-width:850px){.intake-hero-grid,.intake-upload-grid,.intake-axiom-grid{grid-template-columns:1fr}.intake-summary{grid-template-columns:1fr 1fr}.axiom-receives{grid-template-columns:1fr}}@media(max-width:560px){.intake-summary{grid-template-columns:1fr}.drop-actions{flex-direction:column}}

/* v34 — May Contain Alcohol / Transformational Observation sequence */
.transform-case-alcohol{grid-column:1/-1}
.mca-sequence{display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr;gap:14px;align-items:center;background:#f8f6f1;border:1px solid rgba(16,18,22,.11);padding:22px}
.mca-sequence figure{margin:0;min-width:0}
.mca-sequence img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#eee9df;border:1px solid rgba(16,18,22,.08)}
.mca-sequence figure:last-of-type img{aspect-ratio:1/1;object-fit:cover;object-position:center}
.mca-step{display:block;margin:0 0 9px;color:#173c71;font:700 11px/1.2 Helvetica,Arial,sans-serif;letter-spacing:.08em}
.mca-sequence figcaption{margin-top:10px;font:italic 15px/1.4 Georgia,serif;color:#5c5b58}
.mca-arrow{font:36px/1 Georgia,serif;color:#9b8f7d;text-align:center}
.mca-copy{max-width:940px;padding-top:26px}
.mca-copy p{max-width:850px}
@media(max-width:900px){.mca-sequence{grid-template-columns:1fr}.mca-arrow{transform:rotate(90deg);padding:2px 0}.mca-sequence img,.mca-sequence figure:last-of-type img{aspect-ratio:auto;max-height:520px}}

/* v35 — unified Transformational Observation story rhythm */
.transform-story-stack{display:grid;gap:88px}
.transform-story{padding:0 0 72px;border-bottom:1px solid rgba(16,18,22,.14)}
.transform-story:last-child{border-bottom:0;padding-bottom:0}
.transform-story-title{margin:0 0 28px}
.transform-story-title h3{font:clamp(40px,4.8vw,68px)/1.02 Georgia,serif;letter-spacing:-.035em;margin:10px 0 0;color:#111}
.transform-sequence{display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr;gap:14px;align-items:center;background:#f8f6f1;border:1px solid rgba(16,18,22,.11);padding:22px}
.transform-sequence figure{margin:0;min-width:0}
.transform-sequence img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain!important;background:#eee9df;border:1px solid rgba(16,18,22,.08)}
.transform-step{display:block;margin:0 0 9px;color:#173c71;font:700 11px/1.2 Helvetica,Arial,sans-serif;letter-spacing:.08em}
.transform-sequence figcaption{margin-top:10px;font:italic 15px/1.4 Georgia,serif;color:#5c5b58}
.transform-arrow{font:36px/1 Georgia,serif;color:#9b8f7d;text-align:center}
.transform-story-copy{max-width:900px;margin-top:30px}
.transform-story-copy p{font-size:18px;line-height:1.7;max-width:850px}
.transform-story-copy .case-quote{font:italic clamp(22px,2.4vw,31px)/1.4 Georgia,serif;color:#9b6c1f;margin:0 0 18px}
.transform-story-copy .text-link{display:inline-block;margin-top:8px}
@media(max-width:900px){
  .transform-story-stack{gap:64px}
  .transform-story{padding-bottom:56px}
  .transform-sequence{grid-template-columns:1fr}
  .transform-arrow{transform:rotate(90deg);padding:2px 0}
  .transform-sequence img{aspect-ratio:auto;max-height:560px}
}

/* v37 — contextual archive imagery */
.blog-feature-image{display:block;width:100%;max-width:760px;height:auto;object-fit:contain;margin:28px 0 32px;border:1px solid rgba(183,134,49,.22)}


/* v39 — Lilly Pad / Family story image consistency + Learning to See expansion */
.post-image-creative{
  background-image:url("assets/real/peaches-chicken-stain-painting-clean-2026.jpg") !important;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-color:#17130e;
}
.post-image-everyday{
  background-image:url("assets/real/everyday-garden-table.jpeg") !important;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-color:#111;
}
.post-image-notebook{
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-color:#f3efe5;
}
.family-story-card{padding:0;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.family-story-card .eyebrow,.family-story-card h3,.family-story-card p,.family-story-card .link{margin-left:26px;margin-right:26px}
.family-story-card .eyebrow{display:block;margin-top:24px}
.family-story-card .link{display:inline-block;margin-bottom:26px}
.family-story-image{
  display:block;width:100%;height:210px;object-fit:contain;object-position:center;
  background:#f1ede4;border-bottom:1px solid rgba(183,134,49,.25)
}
.family-modal-image{
  display:block;width:100%;max-height:440px;object-fit:contain;object-position:center;
  background:#f1ede4;margin:0 0 30px;border:1px solid rgba(183,134,49,.25)
}
.everyday-mini-strip{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:22px 0 18px
}
.everyday-mini-strip img{
  width:100%;aspect-ratio:1/1;object-fit:contain;background:#eee9df;border:1px solid rgba(16,18,22,.08)
}
.blog-feature-figure{margin:28px 0 34px}
.blog-feature-figure .blog-feature-image{margin:0}
.blog-feature-figure figcaption{margin-top:10px;color:#6b6b67;font:italic 15px/1.5 Georgia,serif}
.everyday-gallery{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:24px 0 42px
}
.everyday-gallery figure{margin:0}
.everyday-gallery img{
  display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#eee9df;border:1px solid rgba(183,134,49,.18)
}
.everyday-gallery figcaption{text-align:center;margin-top:7px;color:#8e651f;font:italic 13px Georgia,serif}
.blog-article-inner>p:first-of-type{font-size:22px}
@media(max-width:760px){
  .everyday-mini-strip,.everyday-gallery{grid-template-columns:repeat(2,1fr)}
  .family-story-image{height:auto;max-height:330px}
}


/* v40 — Lilly Pad correction: direct source images, no legacy background-image ambiguity */
.post-image-direct{display:block;width:100%;height:230px;object-fit:contain;background:#111;border-bottom:1px solid rgba(183,134,49,.28)}
.lilly-post-card:first-child .post-image-direct{background:#f3efe5}
.everyday-gallery figure a{display:block;color:inherit}
.everyday-gallery figure img{display:block;width:100%;height:auto}


/* v42 — hero link reliability + Learning to See book CTA */
.cinematic-hero .hero-copy,
.cinematic-hero .hero-copy .actions,
.cinematic-hero .hero-copy a,
.lts-hero .lts-hero-grid,
.lts-hero .lts-hero-actions,
.lts-hero .lts-hero-actions a{
  position:relative;
  z-index:5;
  pointer-events:auto !important;
}
.cinematic-hero .hero-video-shell,
.cinematic-hero .hero-poster,
.cinematic-hero .hero-film-grain,
.cinematic-hero .hero-shade{
  pointer-events:none !important;
}
.lts-hero-actions{
  display:flex;
  gap:14px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:22px;
}
.btn-secondary{
  background:transparent !important;
  color:#8e651f !important;
  border:1px solid #b78631 !important;
}
.lts-book{
  background:#eee8dc;
  border-top:1px solid rgba(16,18,22,.12);
}
.lts-book .actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px}
@media(max-width:620px){
  .lts-hero-actions{align-items:flex-start;flex-direction:column}
}


/* v43 — Learning to See hero navigation is now interactive */
.lts-hero-statement{
  position:relative;
  z-index:10;
}
.lts-hero-statement a{
  display:block;
  color:inherit;
  text-decoration:none;
  cursor:pointer;
  pointer-events:auto !important;
  transition:transform .16s ease, opacity .16s ease, color .16s ease;
}
.lts-hero-statement a:hover,
.lts-hero-statement a:focus-visible{
  transform:translateX(-8px);
  color:#9b6c1f;
  opacity:1;
  outline:none;
}
#recognition,
#transformational-observation,
#practice,
#stewardship,
#learning-book,
#look-again{
  scroll-margin-top:88px;
}


/* v45 — restore proper interactive scale; remove hybrid old/new snippet behavior */
.btn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:14px 22px !important;
  font-size:12px !important;
  line-height:1.1;
  border-radius:999px;
  white-space:nowrap;
}
.text-link{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  font-size:15px;
  line-height:1.2;
}
.lilly-post-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:22px;
}
.lilly-post-card{
  min-height:100%;
  border-radius:0;
}
.lilly-snippet-link{
  display:flex !important;
  flex-direction:column;
  height:100%;
  text-decoration:none !important;
  color:inherit !important;
}
.lilly-snippet-link .post-image-direct{
  width:100%;
  height:245px;
  object-fit:contain;
  object-position:center;
  background:#f1ede4;
}
.lilly-snippet-link .post-body{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:24px;
}
.lilly-snippet-link .post-body .link{
  margin-top:auto;
  padding-top:18px;
  font-weight:700;
}
.lilly-snippet-link:hover .link,
.lilly-snippet-link:focus-visible .link{
  color:#9b6c1f;
}
.family-story-card{
  min-height:420px !important;
}
.family-story-image{
  height:230px !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#f1ede4 !important;
}
@media(max-width:1000px){
  .lilly-post-grid{grid-template-columns:1fr 1fr !important}
}
@media(max-width:700px){
  .lilly-post-grid{grid-template-columns:1fr !important}
  .lilly-snippet-link .post-image-direct{height:auto;max-height:360px}
}


/* v46 — remove legacy art/ghost panels behind snippet cards */
.lilly-post-card,
.lilly-snippet-link,
.lilly-snippet-link .post-body,
.family-story-card{
  background-image:none !important;
  background-color:transparent;
}

.lilly-post-card::before,
.lilly-post-card::after,
.lilly-snippet-link::before,
.lilly-snippet-link::after,
.lilly-snippet-link .post-body::before,
.lilly-snippet-link .post-body::after,
.family-story-card::before,
.family-story-card::after{
  content:none !important;
  display:none !important;
  background:none !important;
  background-image:none !important;
  opacity:0 !important;
}

.lilly-post-card{
  overflow:hidden !important;
}

.lilly-post-card .post-image-direct,
.family-story-card .family-story-image{
  position:relative;
  z-index:2;
}

.lilly-post-card .post-body,
.family-story-card > *{
  position:relative;
  z-index:2;
}

/* kill any older right-side decorative image layers */
.lilly-post-card [style*="background-image"],
.family-story-card [style*="background-image"]{
  background-image:none !important;
}


/* v47 — Learning to See gated book request */
.book-gate-page{
  min-height:100vh;
  background:#0f1110;
  color:#f5f1e8;
}
.book-gate-page .site-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:22px clamp(22px,4vw,54px);
  border-bottom:1px solid rgba(184,134,49,.32);
  background:#111311;
}
.book-gate-page .brand{
  color:#c7963f;
  text-decoration:none;
  display:inline-flex;
  flex-direction:column;
  line-height:1;
}
.book-gate-page .brand-script{
  font-family:Georgia,serif;
  font-size:28px;
  font-style:italic;
}
.book-gate-page .brand-studio{
  letter-spacing:.42em;
  font-size:10px;
  margin-top:7px;
}
.book-gate-page .back-link{
  color:#d6c09b;
  text-decoration:none;
  font-size:14px;
}
.book-gate-main{
  display:grid;
  place-items:center;
  min-height:calc(100vh - 86px);
  padding:48px 22px 72px;
}
.book-gate-panel,
.book-thanks-panel{
  width:min(920px,100%);
  border:1px solid rgba(184,134,49,.45);
  background:
    linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.008)),
    #171916;
  box-shadow:0 24px 80px rgba(0,0,0,.35);
}
.book-gate-panel{
  display:grid;
  grid-template-columns:1.05fr .95fr;
}
.book-gate-copy,
.book-request-form,
.book-thanks-panel{
  padding:clamp(30px,5vw,58px);
}
.book-gate-copy{
  border-right:1px solid rgba(184,134,49,.28);
}
.book-gate-copy h1,
.book-thanks-panel h1{
  margin:.25em 0 .2em;
  font-family:Georgia,serif;
  font-weight:400;
  font-size:clamp(42px,7vw,74px);
  line-height:.98;
}
.book-gate-deck{
  color:#c7963f;
  font-size:clamp(20px,2.3vw,29px);
  font-family:Georgia,serif;
  font-style:italic;
}
.book-gate-note{
  color:#aaa79f;
  font-size:13px;
  line-height:1.6;
}
.book-request-form{
  display:flex;
  flex-direction:column;
  gap:18px;
  align-self:center;
}
.book-request-form label{
  display:flex;
  flex-direction:column;
  gap:8px;
  font-size:13px;
  letter-spacing:.05em;
}
.book-request-form input[type="text"],
.book-request-form input[type="email"]{
  width:100%;
  padding:14px 14px;
  background:#0f1110;
  color:#fff;
  border:1px solid rgba(255,255,255,.16);
  border-radius:2px;
  font:inherit;
}
.book-request-form input:focus{
  outline:1px solid #c7963f;
  border-color:#c7963f;
}
.book-request-form .consent-row{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:start;
  gap:10px;
  letter-spacing:0;
  line-height:1.45;
  color:#c7c3b9;
}
.book-request-form .consent-row input{
  margin-top:3px;
}
.hidden-field{
  position:absolute !important;
  left:-9999px !important;
}
.book-submit{
  margin-top:6px;
  width:100%;
}
.book-thanks-panel{
  text-align:center;
  max-width:720px;
}
.book-delivery-actions{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:20px;
  flex-wrap:wrap;
  margin:28px 0;
}
@media(max-width:760px){
  .book-gate-panel{grid-template-columns:1fr}
  .book-gate-copy{border-right:0;border-bottom:1px solid rgba(184,134,49,.28)}
  .book-gate-page .site-header{align-items:flex-start}
}

/* v48 — The Joyous Edge featured brand case study */
.brand-feature-case{padding-bottom:0}.brand-case-feature{display:grid;grid-template-columns:1.2fr .8fr;min-height:460px;background:#16091f;color:#f6efe7;text-decoration:none;overflow:hidden}.brand-case-image{min-height:420px}.brand-case-image img{width:100%;height:100%;object-fit:cover}.brand-case-copy{padding:clamp(34px,5vw,70px);display:flex;flex-direction:column;justify-content:center}.brand-case-copy h2{font-family:Georgia,serif;font-size:clamp(40px,5vw,70px);font-weight:400;margin:.15em 0}.brand-case-copy p{font-size:18px;line-height:1.6;max-width:34rem}.brand-case-copy .text-link{color:#d4a53a;margin-top:22px}.joy-case-study{background:#f7f3ed;color:#211b22}.joy-hero{position:relative;min-height:78vh;display:flex;align-items:flex-end;background:#16091f center/cover no-repeat;background-image:linear-gradient(90deg,rgba(16,5,23,.92) 0%,rgba(16,5,23,.68) 43%,rgba(16,5,23,.16) 100%),var(--joy-hero);color:#fff}.joy-hero-content{padding-top:140px;padding-bottom:clamp(60px,9vw,120px)}.joy-hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(64px,10vw,150px);line-height:.88;margin:.1em 0 .2em;letter-spacing:-.04em}.joy-hero p{font-size:clamp(20px,2.5vw,32px);line-height:1.35;max-width:760px;color:#f2e7f4}.joy-hero .eyebrow,.joy-dark .eyebrow{color:#d4a53a}.joy-hero-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.joy-hero-meta span{border:1px solid rgba(212,165,58,.5);padding:8px 12px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.joy-two-col{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,7vw,110px);align-items:start}.joy-two-col h2,.joy-section-head h2,.joy-split-media h2,.joy-close h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(40px,5.5vw,76px);line-height:1.02;margin:.2em 0}.joy-two-col p,.joy-section-head p,.joy-split-media p,.joy-close p{font-size:17px;line-height:1.75}.joy-dark{background:#210b2e;color:#f6efe7}.joy-section-head{max-width:850px;margin-bottom:42px}.joy-discovery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(212,165,58,.3)}.joy-discovery-grid article{background:#210b2e;padding:34px}.joy-discovery-grid strong{font-family:Georgia,serif;font-size:28px;color:#d4a53a;font-weight:400}.joy-discovery-grid p{line-height:1.65;color:#eee1ef}.joy-split-media{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,100px);align-items:center}.joy-media-frame{background:#16091f;padding:14px}.joy-media-frame img{width:100%;display:block;object-fit:cover}.joy-split-media blockquote{font-family:Georgia,serif;font-style:italic;font-size:clamp(30px,4vw,52px);line-height:1.15;color:#5a2c7a;margin:25px 0}.joy-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin:34px 0 60px}.joy-swatches div{display:flex;flex-direction:column;gap:8px}.joy-swatches i{height:150px;background:var(--sw);display:block;border:1px solid rgba(0,0,0,.1)}.joy-swatches b{font-size:13px}.joy-swatches span{font-size:12px;color:#746b73}.joy-type-row{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid #d8cec2;padding-top:45px}.joy-serif{font-family:Georgia,serif;font-size:clamp(44px,6vw,82px);line-height:1}.joy-sans{font-family:Arial,Helvetica,sans-serif;font-size:clamp(44px,6vw,82px);font-weight:300;line-height:1}.joy-type-row p{color:#6e666c}.joy-method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.joy-method-grid article{background:#16091f;border:1px solid rgba(212,165,58,.22);padding-bottom:28px}.joy-method-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}.joy-method-grid span{display:block;color:#d4a53a;font-size:11px;letter-spacing:.2em;margin:22px 24px 0}.joy-method-grid h3{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:8px 24px}.joy-method-grid p{margin:0 24px;line-height:1.55;color:#e8dfe9}.joy-doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.joy-doc-grid figure{margin:0;background:#fff;border:1px solid #ded7cd}.joy-doc-grid img{width:100%;display:block;aspect-ratio:8.5/11;object-fit:contain;background:#fff}.joy-doc-grid figcaption{padding:14px 16px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#736d67}.joy-environment img{aspect-ratio:4/3;object-fit:cover}.joy-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.joy-service-grid article{background:#fff;border:1px solid #e2ddd5}.joy-service-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}.joy-service-grid h3{font-family:Georgia,serif;font-size:24px;font-weight:400;margin:18px}.joy-close{background:#120816;color:#f6efe7;padding:clamp(70px,10vw,140px) 0}.joy-close .wrap{max-width:920px}.joy-close .eyebrow{color:#d4a53a}.joy-close p{color:#e7dce9;max-width:760px}.joy-close .text-link{color:#d4a53a}.joy-close .btn{background:#d4a53a;color:#210b2e;border-color:#d4a53a}
@media(max-width:980px){.brand-case-feature,.joy-two-col,.joy-split-media{grid-template-columns:1fr}.joy-discovery-grid{grid-template-columns:1fr}.joy-method-grid,.joy-service-grid{grid-template-columns:1fr 1fr}.joy-swatches{grid-template-columns:repeat(3,1fr)}.joy-doc-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.joy-hero{min-height:70vh}.joy-hero h1{font-size:58px}.joy-method-grid,.joy-service-grid,.joy-doc-grid,.joy-type-row{grid-template-columns:1fr}.joy-swatches{grid-template-columns:1fr 1fr}.brand-case-image{min-height:280px}.brand-case-copy{padding:32px 24px}}


/* v49 — Portfolio Selected Stories mirrors Lilly Pad card language */
.story-gallery .lilly-mirror-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.story-gallery .lilly-mirror-card{
  background:#fffdf8;
  border:1px solid rgba(16,18,22,.12);
  overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease;
}
.story-gallery .lilly-mirror-card:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 28px rgba(0,0,0,.10);
}
.story-gallery .lilly-mirror-card>img{
  width:100%;
  height:230px;
  aspect-ratio:auto;
  object-fit:contain !important;
  object-position:center !important;
  background:#f3f0e9;
  border-bottom:1px solid rgba(183,134,49,.28);
  display:block;
}
.story-gallery .lilly-mirror-card .story-card-body{padding:22px}
.story-gallery .lilly-mirror-card .eyebrow{color:#9b6c1f}
.story-gallery .lilly-mirror-card h3{font:28px/1.08 Georgia,serif;margin:9px 0 11px}
.story-gallery .lilly-mirror-card p{color:#565b61}
.story-gallery .lilly-mirror-card .link{display:inline-block;margin-top:8px}
.story-gallery .long-block-awaiting-source>img{filter:none}
@media(max-width:1000px){.story-gallery .lilly-mirror-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.story-gallery .lilly-mirror-grid{grid-template-columns:1fr}}

/* v51 — sitewide light-field contrast refinement
   Pale mineral linen: a warm blue-green neutral derived from the studio's dark ink sections. */
:root{
  --paper:#d8ddd5;
  --studio-ivory:#d8ddd5;
  --studio-ivory-2:#cdd5cd;
  --gold:#e0ad32;
  --gold2:#f0c75e;
  --studio-gold:#d7a132;
  --light-field:#d8ddd5;
  --light-card:#e4e7df;
  --light-field-deep:#cbd3cc;
}
/* Subtle woven surface, deliberately low contrast so imagery and type remain primary. */
body,.learning-page,.lilly-blog-page,.lilly-blog-main,.blog-article,.lilly-pad,
.home-learning-bridge,.family-lilly-stories,.family-room-coming,.sj-error-page,
.archive-intake-page,.marketing-story-section,.story-gallery,.project-orbit-section,
.studio-founder-page .profile-portfolio,.lts-axiom{
  background-color:var(--light-field);
  background-image:
    repeating-linear-gradient(0deg,rgba(255,255,255,.055) 0,rgba(255,255,255,.055) 1px,transparent 1px,transparent 4px),
    repeating-linear-gradient(90deg,rgba(7,16,18,.025) 0,rgba(7,16,18,.025) 1px,transparent 1px,transparent 5px);
}
/* Light cards stay distinct from the linen field without returning to white. */
.lilly-post-card,.lilly-sidebar section,.transform-case,.family-story-card,
.family-story-dialog,.privacy-state-grid article,.governance-grid div,.drop-zone,
.intake-table-wrap,.axiom-receives div,.mca-sequence,.transform-sequence{
  background-color:var(--light-card);
}
.lts-practice,.evidence-section{background-color:var(--light-field-deep)}
.lts-principles article{background-color:var(--light-card)}
/* Gold should read as a deliberate accent on both light and dark fields. */
.eyebrow,.text-link,h3,em,.principle-grid b,.project-card span,.site-footer h4,
.press-mark,.archive-card a,.secure-panel a{color:var(--gold2)}


/* v52 — AXIOM integrated into Saint John Studio */
.axiom-integrated-page{background:#070b0b;color:#f2ede2}.axiom-studio-hero{padding:58px 0 76px;background:radial-gradient(circle at 78% 42%,rgba(214,161,50,.12),transparent 34%),#070b0b;border-bottom:1px solid var(--line)}
.axiom-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.axiom-wordmark-integrated{width:min(620px,100%);max-height:150px;object-fit:contain;object-position:left center;margin:0 0 28px}.axiom-hero-copy h1{font-size:clamp(42px,5.3vw,78px);max-width:760px}.axiom-hero-art img{width:100%;display:block;object-fit:contain}.axiom-three{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.axiom-three article{background:var(--light-card);color:#252c2b;padding:34px;min-height:260px}.axiom-three b{color:#966d18;letter-spacing:.18em}.axiom-three h3{color:#8b6115;font-size:34px;margin-top:42px}.axiom-intro{color:#252c2b}.axiom-studio-shot{max-height:580px;object-fit:cover;border:1px solid var(--line)}.axiom-authority{background:var(--light-field);color:#252c2b}.axiom-authority-grid{display:grid;grid-template-columns:360px 1fr;gap:70px;align-items:center}.axiom-authority-grid img{width:100%;max-height:390px;object-fit:contain}.axiom-authority-grid h2{color:#242827}.axiom-project-strip .project-mini{background:#0b1416}.axiom-close{padding:100px 0;background:linear-gradient(120deg,#071012,#111713);border-top:1px solid var(--line)}.axiom-close h2{font-size:clamp(44px,6vw,82px);max-width:850px}.axiom-close p{font:24px/1.5 Georgia,serif;max-width:760px;color:#d9d2c4}@media(max-width:900px){.axiom-hero-grid,.axiom-authority-grid{grid-template-columns:1fr}.axiom-authority-grid img{max-width:300px}.axiom-three{grid-template-columns:1fr}.axiom-three article{min-height:auto}.axiom-studio-hero{padding-top:34px}}

/* v53 — deeper studio-green linen + contrast pass */
:root{
  --paper:#eef0e7;
  --studio-ivory:#52665b;
  --studio-ivory-2:#465b50;
  --light-field:#52665b;
  --light-field-deep:#42564c;
  --light-card:#f1eee4;
  --gold:#f0b72f;
  --gold2:#ffd56a;
  --studio-gold:#e8ae2c;
}
/* A darker desaturated green linen gives the gold a field to work against. */
body,.learning-page,.lilly-blog-page,.lilly-blog-main,.blog-article,.lilly-pad,
.home-learning-bridge,.family-lilly-stories,.family-room-coming,.sj-error-page,
.archive-intake-page,.marketing-story-section,.story-gallery,.project-orbit-section,
.studio-founder-page .profile-portfolio,.lts-axiom,.axiom-authority{
  background-color:var(--light-field);
  background-image:
    repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 1px,transparent 1px,transparent 4px),
    repeating-linear-gradient(90deg,rgba(5,13,10,.07) 0,rgba(5,13,10,.07) 1px,transparent 1px,transparent 5px);
}
/* Default copy on green fields is light; gold remains reserved for emphasis. */
.story-gallery,.marketing-story-section,.home-learning-bridge,.family-lilly-stories,
.project-orbit-section,.axiom-authority{color:#f3f0e7}
.story-gallery .section-head p,.axiom-authority p,.axiom-authority .lede{color:#e8e5da}
.story-gallery .section-head h2,.axiom-authority h2{color:#fffdf5}
.eyebrow,.text-link,em,.principle-grid b,.project-card span,.site-footer h4,
.press-mark,.archive-card a,.secure-panel a{color:var(--gold2)}
/* Cards intentionally jump forward from the darker linen. */
.story-gallery .lilly-mirror-card,.lilly-post-card,.family-story-card,
.transform-case,.privacy-state-grid article,.governance-grid div,.drop-zone,
.intake-table-wrap,.axiom-receives div,.mca-sequence,.transform-sequence{
  background:#f3f0e7;color:#222a26;border-color:rgba(8,18,14,.22);
  box-shadow:0 10px 28px rgba(5,12,9,.16);
}
.story-gallery .lilly-mirror-card h3{color:#805814}
.story-gallery .lilly-mirror-card .eyebrow,.story-gallery .lilly-mirror-card .link{color:#8b5e0e}
.story-gallery .lilly-mirror-card p{color:#454d49}
/* AXIOM's light cards retain the same high-contrast card-on-field logic. */
.axiom-three article{background:#f3f0e7;color:#202824;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.axiom-authority-grid h2{color:#fffdf5}.axiom-authority-grid{color:#f3f0e7}
/* Enlarged story art must always show the complete authority image. */
.story-art{display:flex;align-items:center;justify-content:center;overflow:auto}
.story-art img{width:100%;height:auto;max-width:100%;max-height:82vh;object-fit:contain!important;object-position:center!important;display:block}

/* v54 — green-field knockout typography
   On studio-green linen, primary reading copy and headlines are white/ivory.
   Gold is reserved for small accents, links and interface details. */
body,.learning-page,.lilly-blog-page,.lilly-blog-main,.blog-article,.lilly-pad,
.home-learning-bridge,.family-lilly-stories,.family-room-coming,.sj-error-page,
.archive-intake-page,.marketing-story-section,.story-gallery,.project-orbit-section,
.studio-founder-page .profile-portfolio,.lts-axiom,.axiom-authority{
  color:#fffdf7;
}
body p,.learning-page p,.lilly-blog-page p,.lilly-blog-main p,.blog-article p,.lilly-pad p,
.home-learning-bridge p,.family-lilly-stories p,.family-room-coming p,.sj-error-page p,
.archive-intake-page p,.marketing-story-section p,.story-gallery p,.project-orbit-section p,
.studio-founder-page .profile-portfolio p,.lts-axiom p,.axiom-authority p{
  color:#f8f6ef;
}
body h1,body h2,body h3,body h4,
.learning-page h1,.learning-page h2,.learning-page h3,
.blog-article h1,.blog-article h2,.blog-article h3,
.lilly-pad h1,.lilly-pad h2,.lilly-pad h3,
.marketing-story-section h1,.marketing-story-section h2,.marketing-story-section h3,
.story-gallery h1,.story-gallery h2,.story-gallery h3,
.project-orbit-section h1,.project-orbit-section h2,.project-orbit-section h3,
.lts-axiom h1,.lts-axiom h2,.lts-axiom h3,
.axiom-authority h1,.axiom-authority h2,.axiom-authority h3{
  color:#fffdf7;
}
/* Large editorial quotations are reading content, not gold decoration. */
body blockquote,.case-quote,.transform-story-copy .case-quote{color:#fffdf7}
/* Keep gold for compact accents only. */
.eyebrow,.text-link,.link,.principle-grid b,.project-card span,.site-footer h4,
.press-mark,.archive-card a,.secure-panel a{color:var(--gold2)}
/* Light cards keep dark ink for maximum contrast. */
.story-gallery .lilly-mirror-card,.lilly-post-card,.family-story-card,.family-story-dialog,
.transform-case,.privacy-state-grid article,.governance-grid div,.drop-zone,.intake-table-wrap,
.axiom-receives div,.mca-sequence,.transform-sequence,.axiom-three article{
  color:#202824;
}
.story-gallery .lilly-mirror-card p,.lilly-post-card p,.family-story-card p,.family-story-dialog p,
.transform-case p,.privacy-state-grid article p,.governance-grid div p,.drop-zone p,.intake-table-wrap p,
.axiom-receives div p,.mca-sequence p,.transform-sequence p,.axiom-three article p{
  color:#454d49;
}
.story-gallery .lilly-mirror-card h3,.lilly-post-card h3,.family-story-card h3,
.transform-case h3,.privacy-state-grid article h3,.governance-grid div h3,.axiom-three article h3{
  color:#202824;
}

/* v55 — dark green cards on light green linen
   Cards become deep studio green with knockout white type; gold stays accent-only. */
:root{--card-green:#263d34;--card-green-2:#30483e;}
.story-gallery .lilly-mirror-card,.lilly-post-card,.family-story-card,.family-story-dialog,
.transform-case,.privacy-state-grid article,.governance-grid div,.drop-zone,.intake-table-wrap,
.axiom-receives div,.mca-sequence,.transform-sequence,.axiom-three article,.lts-principles article{
  background:var(--card-green);color:#fffdf7;border-color:rgba(255,255,255,.12);
  box-shadow:0 12px 30px rgba(5,12,9,.24);
}
.story-gallery .lilly-mirror-card p,.lilly-post-card p,.family-story-card p,.family-story-dialog p,
.transform-case p,.privacy-state-grid article p,.governance-grid div p,.drop-zone p,.intake-table-wrap p,
.axiom-receives div p,.mca-sequence p,.transform-sequence p,.axiom-three article p,
.lts-principles article p{color:#f3f1e9;}
.story-gallery .lilly-mirror-card h3,.lilly-post-card h3,.family-story-card h3,.family-story-dialog h3,
.transform-case h3,.privacy-state-grid article h3,.governance-grid div h3,.axiom-three article h3,
.lts-principles article h3{color:#fffdf7;}
.story-gallery .lilly-mirror-card .eyebrow,.story-gallery .lilly-mirror-card .link,
.lilly-post-card .eyebrow,.family-story-card .eyebrow,.transform-case .eyebrow,
.axiom-three article b{color:var(--gold2);}
.story-gallery .lilly-mirror-card>img{background:var(--card-green-2);border-bottom-color:rgba(255,213,106,.24);}


/* v56 — complete green-card system + AXIOM return navigation
   Generic Studio cards use deep green, white knockout type, and gold only as accent. */
:root{
  --studio-field:#52665b;
  --studio-field-deep:#465b50;
  --card-green:#263d34;
  --card-green-2:#30483e;
  --card-ink:#fffdf7;
  --card-copy:#f0eee7;
  --card-muted:#d8d7cf;
}

/* Remaining light portfolio/content sections join the studio-green linen field. */
.evidence-section,.founder-portfolio,.project-orbit-section,
.studio-founder-page .profile-portfolio,.marketing-story-section,
.family-lilly-stories,.family-room-coming,.archive-intake-page,
.story-gallery,.home-learning-bridge,.lts-axiom{
  background-color:var(--studio-field);
  background-image:
    repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 1px,transparent 1px,transparent 4px),
    repeating-linear-gradient(90deg,rgba(5,13,10,.07) 0,rgba(5,13,10,.07) 1px,transparent 1px,transparent 5px);
  color:#fffdf7;
}
.evidence-section h2,.founder-portfolio h2,.project-orbit-section h2,
.evidence-section h3,.founder-portfolio h3,.project-orbit-section h3,
.project-orbit-head h2{color:#fffdf7}
.evidence-section p,.founder-portfolio p,.project-orbit-section p,
.project-orbit-head p{color:#f0eee7}

/* Sitewide generic card family. */
.category,.project-mini,.project-card,.values-grid article,.journal-grid article,.contact-card,
.work-card,.visual-card,.orbit-project-card,.archive-card,.secure-panel,
.capability-grid article,.process-grid article,.dark-card,.story-panel,
.book-gate-panel,.book-thanks-panel,.intake-summary div,.intake-auth-card{
  background:var(--card-green);
  color:var(--card-ink);
  border-color:rgba(255,255,255,.12);
  box-shadow:0 12px 30px rgba(5,12,9,.22);
}
.category p,.project-mini small,.project-card p,.values-grid article p,.journal-grid article p,
.contact-card p,.work-card p,.visual-card p,.orbit-project-card p,.archive-card p,.secure-panel p,
.capability-grid article p,.process-grid article p,.dark-card p,.story-panel p,
.book-gate-panel p,.book-thanks-panel p,.intake-summary div span,.intake-auth-card p{
  color:var(--card-copy);
}
.category h3,.project-mini h3,.project-card h3,.values-grid article h3,.journal-grid article h3,
.contact-card h3,.work-card h3,.visual-card h3,.orbit-project-card h3,.archive-card h3,.secure-panel h3,
.capability-grid article h3,.process-grid article h3,.dark-card h3,.story-panel h2,.story-panel h3,
.book-gate-panel h1,.book-thanks-panel h1{
  color:var(--card-ink);
}
.category span,.project-card span,.orbit-project-card .eyebrow,.capability-grid .eyebrow,
.process-grid b,.story-copy .eyebrow,.story-copy h4{color:var(--gold2)}

/* Visual/image areas remain distinct without introducing white card bodies. */
.visual-media,.orbit-art-icon,.story-art{
  background:var(--card-green-2);
  border-color:rgba(255,213,106,.18);
}
.visual-body p,.orbit-project-card p,.story-copy p{color:var(--card-copy)}
.story-copy{border-right-color:rgba(255,255,255,.12)}
.story-copy h2{color:var(--card-ink)}
.story-origin{border-top-color:rgba(255,213,106,.4)}

/* Intake table: dark card surface rather than a leftover white slab. */
.intake-table-wrap{background:var(--card-green);border-color:rgba(255,255,255,.12)}
.intake-table th{background:var(--card-green-2);color:#fffdf7}
.intake-table td{color:#f0eee7;border-bottom-color:rgba(255,255,255,.09)}
.intake-table td:first-child small{color:#c9c9c1}

/* Sidebar/editor cards that were still ivory. */
.lilly-sidebar section{background:var(--card-green);color:#fffdf7;border-color:rgba(255,255,255,.12);box-shadow:0 12px 30px rgba(5,12,9,.22)}
.lilly-sidebar section p{color:#f0eee7}

/* AXIOM integrated landing: cards follow the same Studio contrast logic. */
.axiom-three article{background:var(--card-green);color:#fffdf7;border-color:rgba(255,255,255,.12)}
.axiom-three article p{color:#f0eee7}
.axiom-three article h3{color:#fffdf7}
.axiom-three article b{color:var(--gold2)}

/* Persistent return control on the integrated AXIOM landing header. */
.axiom-studio-back{margin-left:auto;color:#f4efe5;font-size:11px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid rgba(255,213,106,.45);padding-bottom:3px}
.axiom-studio-back:hover{color:var(--gold2)}
.axiom-integrated-page .header-inner .menu{margin-left:18px}
@media(max-width:900px){
  .axiom-studio-back{margin-left:auto;font-size:10px}
  .axiom-integrated-page .header-inner .menu{margin-left:8px}
}
@media(max-width:560px){
  .axiom-studio-back{font-size:0;border:0;padding:8px}
  .axiom-studio-back:after{content:"← Studio";font-size:10px;letter-spacing:.08em}
}

/* v57 — Lilly Pad snippet artwork bleeds edge-to-edge */
.lilly-snippet-link .post-image-direct{
  display:block;
  width:100%;
  height:245px;
  object-fit:cover !important;
  object-position:center;
  margin:0;
  padding:0;
  background:transparent !important;
  border:0;
}
.lilly-post-card{
  overflow:hidden;
}

/* v58 — Learning to See image bleed + stain contrast pass */
.learning-page .transform-sequence{overflow:hidden}
.learning-page .transform-sequence figure{overflow:hidden}
.learning-page .transform-sequence img{
  width:100%;height:clamp(220px,24vw,360px);aspect-ratio:auto;
  object-fit:cover!important;object-position:center!important;
  background:transparent!important;border:0!important;cursor:zoom-in;
}
/* Darken the stain hero so white copy stays readable over the photograph. */
.lts-hero.lts-hero-stain{
  background:
    linear-gradient(90deg,rgba(7,14,11,.92) 0%,rgba(15,28,22,.88) 30%,rgba(20,35,28,.76) 52%,rgba(15,27,22,.56) 72%,rgba(8,15,12,.38) 100%),
    url("assets/real/chicken-stain-wide.jpeg") !important;
  color:#fffdf7;
}
.lts-hero.lts-hero-stain h1,.lts-hero.lts-hero-stain p,.lts-hero.lts-hero-stain .lts-kicker{color:#fffdf7!important}
.lts-hero.lts-hero-stain .lts-hero-statement{background:rgba(13,28,22,.72);color:#fffdf7;border-color:rgba(255,255,255,.15)}
/* The lower book panel now follows the same dark-green knockout system. */
.lts-book{background:var(--card-green)!important;color:#fffdf7;border-top-color:rgba(255,255,255,.12)}
.lts-book h2,.lts-book p,.lts-book .large{color:#fffdf7!important}
/* Full-image viewer: thumbnails may crop; enlarged authority art never does. */
.lts-image-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(3,8,6,.96);display:none;align-items:center;justify-content:center;padding:28px}
.lts-image-lightbox.open{display:flex}
.lts-image-lightbox img{display:block;max-width:94vw;max-height:90vh;width:auto;height:auto;object-fit:contain;background:transparent}
.lts-image-lightbox button{position:fixed;top:22px;right:24px;border:1px solid rgba(255,255,255,.35);background:#101b17;color:#fff;font-size:28px;line-height:1;width:48px;height:48px;border-radius:50%;cursor:pointer}
@media(max-width:800px){
 .lts-hero.lts-hero-stain{background:linear-gradient(180deg,rgba(8,17,13,.60) 0%,rgba(11,24,18,.78) 45%,rgba(12,26,20,.94) 100%),url("assets/real/chicken-stain-wide.jpeg")!important}
 .learning-page .transform-sequence img{height:min(72vw,520px)}
}


/* v59 — main-section functionality, Lilly profile, contact, homepage routing */
.home-path-card,.capability-card-link{
  display:block;
  text-decoration:none;
  color:inherit;
  position:relative;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.home-path-card{padding:24px 28px;border-right:1px solid var(--line);min-height:150px}
.home-path-card:last-child{border-right:0}
.home-path-card b{display:block;font:600 24px/1.1 Georgia,serif;color:#fff;margin-bottom:10px}
.home-path-card p{color:#f2efe8;margin:0 0 18px}
.home-path-card span,.capability-card-link .card-arrow{color:var(--gold);font-weight:700;font-size:13px;letter-spacing:.04em}
.home-path-card:hover,.capability-card-link:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(4,11,8,.28);border-color:rgba(221,176,72,.48)}
.capability-grid .capability-card-link{border:1px solid var(--line);padding:26px;background:var(--card-green);min-height:230px}
.capability-card-link h3{color:#fffdf7}
.capability-card-link p{color:#f0eee7}
.capability-card-link .card-arrow{position:absolute;left:26px;bottom:22px}

.lilly-profile-hero{min-height:72vh;display:flex;align-items:end;background:linear-gradient(90deg,rgba(5,15,13,.96) 0%,rgba(5,15,13,.84) 42%,rgba(5,15,13,.18) 72%,rgba(5,15,13,.05) 100%),url('assets/real/lilly-hero-crop.webp') center 28%/cover no-repeat;border-bottom:1px solid rgba(255,255,255,.1)}
.lilly-profile-grid{display:grid;grid-template-columns:minmax(0,620px) 1fr;align-items:end;padding:110px 0 82px}
.lilly-profile-grid h1{font:clamp(58px,8vw,110px)/.92 Georgia,serif;color:#fff;margin:12px 0 20px}
.lilly-profile-grid .lede{color:#e0b960;font:italic clamp(22px,2.5vw,34px) Georgia,serif}
.lilly-profile-grid p{color:#f2efe8;max-width:58ch}
.lilly-profile-copy{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.lilly-profile-copy h2{font:clamp(40px,5vw,68px)/1 Georgia,serif;color:#fff}
.lilly-profile-copy p{color:#f0eee8;font-size:18px;line-height:1.75}
.lilly-profile-cards article{background:var(--card-green);color:#fff;border-color:rgba(255,255,255,.12)}
.lilly-profile-cards p{color:#f0eee8}
.lilly-intro-extra{max-width:60ch}

.contact-v59-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:start}
.contact-details h2{font:clamp(42px,5vw,70px)/1 Georgia,serif;color:#fff}
.contact-details>p,.contact-details a{color:#f1eee7}
.contact-details a:hover{color:var(--gold)}
.contact-note{max-width:55ch;line-height:1.7}
.contact-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}
.contact-form-v59{background:var(--card-green);border:1px solid rgba(255,255,255,.12);padding:clamp(24px,4vw,42px);box-shadow:0 18px 48px rgba(4,11,8,.26);display:flex;flex-direction:column;gap:18px}
.contact-form-v59 label{display:flex;flex-direction:column;gap:8px;color:#fff;font-size:13px;font-weight:700;letter-spacing:.04em}
.contact-form-v59 input,.contact-form-v59 select,.contact-form-v59 textarea{width:100%;border:1px solid rgba(255,255,255,.22);background:#071211;color:#fffdf7;padding:14px 15px;border-radius:2px;font:inherit}
.contact-form-v59 textarea{resize:vertical;min-height:170px}
.contact-form-v59 input:focus,.contact-form-v59 select:focus,.contact-form-v59 textarea:focus{outline:1px solid var(--gold);border-color:var(--gold)}
.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-form-v59 .microcopy{color:#c9c7bf}
.hidden-field{position:absolute!important;left:-9999px!important}

@media(max-width:800px){
 .lilly-profile-grid,.lilly-profile-copy,.contact-v59-grid{grid-template-columns:1fr}
 .lilly-profile-grid{padding-top:330px}
 .contact-mini-grid,.field-pair{grid-template-columns:1fr}
 .home-path-card{border-right:0;border-bottom:1px solid var(--line)}
}

/* v61 — repaired cinematic Studio-at-work motion reel
   Poster remains underneath as a fail-safe if animation/CSS is blocked. */
.hero-motion-reel,
.hero-motion-frame{
  position:absolute;
  inset:0;
}
.hero-motion-reel{
  z-index:.5;
  overflow:hidden;
  background:transparent;
}
.hero-motion-frame{
  opacity:0;
  background-size:cover;
  background-position:center;
  transform:scale(1.035);
  animation-name:studioReel;
  animation-duration:36s;
  animation-timing-function:ease-in-out;
  animation-iteration-count:infinite;
  animation-fill-mode:both;
  will-change:opacity,transform;
}
.hero-motion-frame::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,rgba(6,12,9,.06),rgba(6,12,9,.16));
}
.hero-motion-frame.frame-1{background-image:url("assets/real/attic-studio-origin.jpeg");animation-delay:0s;background-position:center 48%;}
.hero-motion-frame.frame-2{background-image:url("assets/real/cat009-first-painting-board.jpeg");animation-delay:6s;}
.hero-motion-frame.frame-3{background-image:url("assets/real/chicken-stain-evolution-board-2026.png");animation-delay:12s;}
.hero-motion-frame.frame-4{background-image:url("assets/real/marketing-breaking-boundaries.jpeg");animation-delay:18s;}
.hero-motion-frame.frame-5{background-image:url("assets/real/peaches-chicken-stain-narrative-painting-2026.png");animation-delay:24s;}
.hero-motion-frame.frame-6{background-image:url("assets/real/studio-hero-v11.png");animation-delay:30s;}
@keyframes studioReel{
  0%{opacity:1;transform:scale(1.035) translate3d(0,0,0);}
  13%{opacity:1;}
  17%{opacity:0;transform:scale(1.095) translate3d(-1.1%,-.5%,0);}
  100%{opacity:0;transform:scale(1.095) translate3d(-1.1%,-.5%,0);}
}
.video-ready-hero .hero-poster{
  z-index:0;
  display:block;
}
.video-ready-hero .hero-film-grain,
.video-ready-hero .hero-shade{z-index:1;}
.video-ready-hero .hero-copy,
.video-ready-hero .cinematic-caption{z-index:2;}
.video-ready-hero .hero-shade{
  background:
    linear-gradient(90deg,rgba(4,10,7,.86) 0%,rgba(4,10,7,.62) 42%,rgba(4,10,7,.30) 72%,rgba(4,10,7,.18) 100%),
    linear-gradient(0deg,rgba(3,8,6,.78) 0%,transparent 58%);
}
@media (prefers-reduced-motion:reduce){
  .hero-motion-reel{display:none!important;}
  .video-ready-hero .hero-poster{display:block!important;}
}