: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-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%;
}

/* v75 — reliable lead gates */
.lead-gate-status{min-height:1.4em;margin:0!important;color:#d6c09b!important;font-size:12px!important;text-align:center}
.book-submit:disabled{cursor:wait;opacity:.72}
.book-request-form label small{color:#8f948e;font-weight:400}
.axiom-lead-gate-page{background:#062f27}
.axiom-lead-gate-page .site-header{background:#041e19}
.axiom-lead-gate-page .book-gate-panel,.axiom-lead-gate-page .book-thanks-panel{background:linear-gradient(145deg,#0b3a31,#06271f);border-color:rgba(212,175,55,.65)}
.axiom-lead-gate-page .book-request-form input[type="text"],.axiom-lead-gate-page .book-request-form input[type="email"]{background:#041e19;border-color:#587168}

/* v76 — useful inline previews before the lead gate */
.book-gate-main{display:block;min-height:calc(100vh - 86px)}
.document-preview{width:min(1240px,100%);margin:0 auto 54px}
.document-preview-heading{max-width:790px;margin:0 0 30px}
.document-preview-heading h1{font:400 clamp(36px,5vw,66px)/1.02 Georgia,serif;margin:.22em 0 .3em;color:#f5f1e8}
.document-preview-heading p{font-size:17px;line-height:1.65;color:#d9d4c9}
.document-preview-heading small{color:#c7963f;letter-spacing:.08em;text-transform:uppercase;font-size:10px}
.document-preview-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.preview-page{appearance:none;background:#091b17;border:1px solid rgba(199,150,63,.55);padding:10px;color:#f5f1e8;cursor:zoom-in;text-align:left;box-shadow:0 18px 45px rgba(0,0,0,.28);transition:transform .2s,border-color .2s}
.preview-page:hover,.preview-page:focus-visible{transform:translateY(-4px);border-color:#d4af37;outline:none}
.preview-page img{display:block;width:100%;height:auto;background:#fff}
.preview-page span{display:block;padding:11px 5px 4px;color:#d6c09b;letter-spacing:.08em;text-transform:uppercase;font-size:10px}
.document-preview+.book-gate-panel{margin:0 auto}
.preview-dialog{width:min(920px,94vw);height:94vh;max-width:none;max-height:none;padding:48px 18px 18px;background:#031814;border:1px solid #d4af37;overflow:auto}
.preview-dialog::backdrop{background:rgba(0,0,0,.88)}
.preview-dialog img{display:block;width:min(100%,790px);height:auto;margin:0 auto;background:#fff}
.preview-dialog-close{position:fixed;top:18px;right:24px;width:44px;height:44px;border:1px solid #d4af37;border-radius:50%;background:#041e19;color:#f5f1e8;font-size:27px;line-height:1;cursor:pointer;z-index:2}
@media(max-width:760px){.document-preview-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 16px}.preview-page{flex:0 0 84%;scroll-snap-align:start}.document-preview-heading h1{font-size:38px}.preview-dialog{padding:62px 8px 12px}.preview-dialog-close{top:10px;right:12px}}

/* v76 — Saint John Press publication shelf */
.saint-john-press-shelf{background:#071f1a!important;border-top:1px solid rgba(212,175,55,.38);border-bottom:1px solid rgba(212,175,55,.38)}
.press-shelf-heading{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,7vw,90px);align-items:end;margin-bottom:44px}
.press-shelf-heading h2{font:400 clamp(42px,5.5vw,76px)/.98 Georgia,serif;color:#fffdf7;margin:10px 0 0}
.press-shelf-heading>p{color:#e7e2d8!important;font-size:17px;line-height:1.7;margin:0}
.press-publication-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,4vw,50px)}
.press-publication-card{display:grid;grid-template-columns:minmax(180px,.72fr) minmax(0,1.28fr);background:#0c342b;border:1px solid rgba(212,175,55,.45);box-shadow:0 20px 50px rgba(0,0,0,.24);overflow:hidden}
.press-cover-link{display:block;background:#03110e;padding:14px}
.press-cover-link img{display:block;width:100%;height:100%;object-fit:contain;background:#fff;transition:transform .25s}
.press-cover-link:hover img{transform:scale(1.018)}
.press-publication-copy{padding:clamp(22px,3vw,38px);display:flex;flex-direction:column;align-items:flex-start}
.press-publication-copy h3{font:400 clamp(27px,3vw,40px)/1.04 Georgia,serif;color:#fffdf7;margin:12px 0 15px}
.press-publication-copy p{color:#e9e4db!important;line-height:1.65;margin:0 0 24px}
.press-publication-copy .btn{margin-top:auto}
.press-shelf-note{display:flex;align-items:center;gap:22px;border-top:1px solid rgba(212,175,55,.32);margin-top:42px;padding-top:22px}
.press-shelf-note span{color:#d4af37;letter-spacing:.16em;font-size:10px;white-space:nowrap}
.press-shelf-note p{color:#cfc9bd!important;margin:0;font-size:13px}
@media(max-width:1050px){.press-publication-grid{grid-template-columns:1fr}.press-publication-card{grid-template-columns:minmax(190px,.55fr) minmax(0,1.45fr)}}
@media(max-width:700px){.press-shelf-heading{grid-template-columns:1fr}.press-publication-card{grid-template-columns:1fr}.press-cover-link{padding:18px}.press-cover-link img{height:auto;max-height:560px}.press-shelf-note{align-items:flex-start;flex-direction:column;gap:8px}}

/* v77 — continuous dark-green field and action-led gold typography */
.verb-gold{color:#ffd56a!important;font-style:inherit}
.axiom-v74-page{background:#092f27!important;color:#f7f2e6!important}
.axiom-v74-intro,.axiom-v74-disciplines,.axiom-v74-memory,.axiom-v74-evolution,.axiom-v74-founder{background:#263d34!important;color:#fffdf7!important}
.axiom-v74-intro p,.axiom-v74-disciplines p,.axiom-v74-memory p,.axiom-v74-evolution figcaption,.axiom-v74-founder p{color:#f0eee7!important}
.axiom-v74-intro h2,.axiom-v74-disciplines h2,.axiom-v74-memory h2,.axiom-v74-evolution h2,.axiom-v74-founder h2{color:#fffdf7!important}
.axiom-v74-disciplines{background:#30483e!important}
.axiom-v74-discipline-list{border-top-color:rgba(255,213,106,.45)!important}
.axiom-v74-discipline-list li{border-bottom-color:rgba(255,255,255,.14)!important}
.axiom-v74-discipline-list strong{color:#ffd56a!important}
.axiom-v74-evolution{background:#1d372f!important}
.axiom-v74-evolution figure{background:#10271f;padding:clamp(10px,2vw,24px);border:1px solid rgba(255,213,106,.28)}
.axiom-v74-environment-card{background:rgba(9,47,39,.95)!important;color:#fffdf7!important;border:1px solid rgba(255,213,106,.42)!important}
.axiom-v74-environment-card p{color:#f0eee7!important}
.axiom-v74-founder-role,.axiom-v74-contact a{color:#ffd56a!important}
.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-pad-face-hands-v28.jpeg") 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;}
}


/* v63 - approved Saint John Studio extended hero video milestone.
   Existing site structure/copy retained. v17 extended animation is the production hero. */
.video-ready-hero .hero-video{z-index:.6;}
.video-ready-hero .hero-poster{
  background-image:url("assets/real/saint-john-studio-hero-v18-clean-extended-poster.jpg");
  background-size:cover;
  background-position:center;
}
@media (prefers-reduced-motion:reduce){
  .video-ready-hero .hero-video{display:none!important;}
}


/* v65 — hero playback correction.
   Direct src on <video> avoids the previous CSS/source-child conflict on Safari/iOS.
   Poster remains a fallback only; approved clean extended hero animation is unchanged. */
.video-ready-hero .hero-video{
  display:block;
  opacity:1;
  visibility:visible;
}


/* v65 — Learning to See hero cleanup.
   Removed hero action links and right-side section-navigation links per approval. */
.learning-page .lts-hero-grid{
  grid-template-columns:minmax(0, 760px);
}
.learning-page .lts-hero-grid > div{
  max-width:760px;
}


/* v66 — The Joyous Edge selected work repair.
   Work samples are now explicit tap targets and always show the complete image. */
.joy-selected-work{background:#efe9e1}
.joy-work-samples{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.joy-sample{
  appearance:none;
  -webkit-appearance:none;
  border:1px solid #d7cec2;
  padding:0;
  margin:0;
  background:#fff;
  color:#211b22;
  text-align:left;
  cursor:zoom-in;
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  font:inherit;
}
.joy-sample img{
  width:100%;
  height:300px;
  object-fit:contain;
  display:block;
  background:#fff;
}
.joy-sample span{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:16px 18px 18px;
  border-top:1px solid #e3ddd4;
}
.joy-sample b{
  font-family:Georgia,serif;
  font-size:20px;
  font-weight:400;
}
.joy-sample small{
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:#756d66;
}
.joy-sample:focus-visible{
  outline:3px solid #d4a53a;
  outline-offset:3px;
}
.joy-sample:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(32,14,39,.10);
}
.joy-case-study .site-lightbox{
  background:rgba(13,7,16,.96);
}
.joy-case-study .site-lightbox img{
  max-width:94vw;
  max-height:90vh;
  width:auto;
  height:auto;
  object-fit:contain;
  background:#fff;
}
@media(max-width:980px){
  .joy-work-samples{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .joy-work-samples{grid-template-columns:1fr}
  .joy-sample img{height:auto;max-height:72vh;object-fit:contain}
}


/* ==========================================================
   v67 — JOYOUS EDGE / BRAND PORTFOLIO REPAIR
   Dark editorial system; no logo wallpaper; Joyous Edge leads.
   ========================================================== */

.brand-portfolio-intro{
  background:#0c1110;
  color:#f3eee4;
  padding:clamp(80px,11vw,150px) 0 clamp(50px,7vw,85px);
  border-bottom:1px solid rgba(202,157,61,.28);
}
.brand-portfolio-intro .eyebrow{color:#cfa53e}
.brand-portfolio-intro h1{
  max-width:900px;
  margin:.15em 0 .2em;
  font:400 clamp(54px,8vw,112px)/.95 Georgia,serif;
  letter-spacing:-.045em;
}
.brand-portfolio-intro p{
  max-width:780px;
  color:#c9c4ba;
  font-size:clamp(18px,2vw,25px);
  line-height:1.55;
}

.brand-feature-case{
  background:#101514;
  padding-top:clamp(42px,6vw,78px);
  padding-bottom:clamp(42px,6vw,78px);
}
.brand-case-feature-v67{
  grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);
  background:#1c0b29;
  border:1px solid rgba(212,165,58,.25);
  min-height:620px;
}
.brand-case-joy-photo{min-height:620px}
.brand-case-joy-photo img{
  width:100%;height:100%;object-fit:cover;object-position:center 24%;
}
.brand-case-feature-v67 .brand-case-copy{
  padding:clamp(38px,6vw,82px);
}
.brand-case-feature-v67 .brand-case-copy h2{
  font-size:clamp(46px,5.5vw,82px);
  line-height:.98;
}
.brand-case-feature-v67 .brand-case-copy p{
  max-width:48rem;
  color:#eee6f0;
}
.brand-case-note{
  color:#bdb2c2!important;
  font-size:16px!important;
}
.brand-case-feature-v67 .eyebrow{color:#d4a53a}

.brand-other-work{
  background:#0c1110;
  color:#f3eee4;
  padding-top:55px;
}
.brand-other-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:22px;
}
.brand-other-head h2{
  margin:0;
  font:400 clamp(28px,3.4vw,46px)/1 Georgia,serif;
}
.brand-other-head .eyebrow{color:#cfa53e}
.brand-mini-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}
.brand-mini-card{
  background:#151b19;
  border:1px solid rgba(255,255,255,.09);
  overflow:hidden;
}
.brand-mini-card img{
  width:100%;
  height:112px;
  object-fit:contain;
  background:#0d100f;
  display:block;
}
.brand-mini-card div{padding:12px 13px 14px}
.brand-mini-card h3{
  margin:0 0 4px;
  font:400 17px/1.1 Georgia,serif;
  color:#f3eee4;
}
.brand-mini-card p{
  margin:0;
  font:12px/1.35 Arial,Helvetica,sans-serif;
  color:#918e88;
}

/* Joyous Edge — eliminate the white-on-ivory failures */
.joy-case-study{background:#130919;color:#f6efe7}
.joy-case-study .section{background:#170a20;color:#f6efe7}
.joy-case-study .joy-dark{background:#210b2e;color:#f6efe7}
.joy-case-study .joy-intro,
.joy-case-study .joy-strategy,
.joy-case-study .joy-system,
.joy-case-study .joy-development,
.joy-case-study .joy-selected-work,
.joy-case-study .joy-digital,
.joy-case-study .joy-applications{
  background:#170a20!important;
  color:#f6efe7!important;
}
.joy-case-study .joy-intro:nth-of-type(even),
.joy-case-study .joy-system,
.joy-case-study .joy-selected-work{
  background:#210b2e!important;
}
.joy-case-study .eyebrow{color:#d4a53a!important}
.joy-case-study h1,
.joy-case-study h2,
.joy-case-study h3,
.joy-case-study p,
.joy-case-study .lede{
  color:#f6efe7;
}
.joy-case-study p{color:#d9cedc!important}
.joy-case-study .lede{color:#f3e8f4!important}
.joy-case-study .joy-type-row p,
.joy-case-study .joy-swatches span{
  color:#c7bacb!important;
}
.joy-case-study .joy-doc-grid figure,
.joy-case-study .joy-sample,
.joy-case-study .joy-service-grid article{
  background:#100714;
  border-color:rgba(212,165,58,.22);
  color:#f6efe7;
}
.joy-case-study .joy-doc-grid figcaption,
.joy-case-study .joy-sample small{
  color:#b7aab8!important;
}
.joy-case-study .joy-sample span{
  border-top-color:rgba(212,165,58,.18);
}
.joy-case-study .joy-sample img,
.joy-case-study .joy-doc-grid img{
  background:#f5f0e9;
}
.joy-case-study .joy-sample b{color:#f6efe7}
.joy-case-study .joy-type-row{border-top-color:rgba(212,165,58,.25)}
.joy-case-study .joy-service-grid h3{color:#f6efe7}

/* New hero: no duplicate logo in the background */
.joy-hero-v67{
  background:
    radial-gradient(circle at 18% 20%,rgba(90,44,122,.30),transparent 34%),
    linear-gradient(135deg,#0f0715 0%,#210b2e 58%,#16091f 100%);
  color:#f6efe7;
  border-bottom:1px solid rgba(212,165,58,.24);
}
.joy-hero-v67-grid{
  min-height:min(820px,88vh);
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(360px,.74fr);
  gap:clamp(34px,6vw,90px);
  align-items:center;
  padding-top:clamp(100px,12vw,150px);
  padding-bottom:clamp(65px,8vw,105px);
}
.joy-hero-v67-copy h1{
  margin:.08em 0 .16em;
  font:400 clamp(72px,10vw,146px)/.86 Georgia,serif;
  letter-spacing:-.055em;
  color:#fff;
}
.joy-hero-v67-copy .joy-kicker{
  max-width:740px;
  font:400 clamp(24px,2.9vw,38px)/1.25 Georgia,serif;
  color:#e8d9eb!important;
}
.joy-hero-v67-copy > p:not(.joy-kicker){
  max-width:720px;
  font-size:17px;
  line-height:1.72;
}
.joy-hero-v67-copy .text-link{
  display:inline-block;
  margin-top:26px;
  color:#d4a53a;
}
.joy-hero-v67-image{
  position:relative;
  background:#0c0710;
  padding:12px;
  border:1px solid rgba(212,165,58,.28);
  box-shadow:0 28px 70px rgba(0,0,0,.30);
}
.joy-hero-v67-image img{
  width:100%;
  max-height:650px;
  object-fit:cover;
  object-position:center 18%;
  display:block;
}
.joy-image-caption{
  padding:11px 4px 2px;
  color:#b9acbc;
  font:10px/1.3 Arial,Helvetica,sans-serif;
  text-transform:uppercase;
  letter-spacing:.16em;
}

/* Selected work should support, not overpower, the case study */
.joy-work-samples{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
.joy-sample img{
  height:205px!important;
  object-fit:contain!important;
}
.joy-sample span{padding:12px 14px 14px!important}
.joy-sample b{font-size:17px!important}

/* Positioning image gets a clean editorial frame */
.joy-strategy .joy-media-frame{
  padding:10px;
  border:1px solid rgba(212,165,58,.25);
  background:#0c0710;
}
.joy-strategy .joy-media-frame img{
  max-height:650px;
  object-fit:cover;
  object-position:center 20%;
}
.joy-split-media blockquote{color:#d4a53a!important}

@media(max-width:980px){
  .brand-case-feature-v67,
  .joy-hero-v67-grid{grid-template-columns:1fr}
  .brand-case-joy-photo{min-height:460px}
  .brand-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .joy-hero-v67-image{max-width:620px}
}
@media(max-width:650px){
  .brand-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .brand-mini-card img{height:90px}
  .joy-hero-v67-copy h1{font-size:64px}
  .joy-hero-v67-grid{min-height:auto}
  .joy-work-samples{grid-template-columns:1fr!important}
  .joy-sample img{height:auto!important;max-height:68vh}
}


/* v68 — current Joyous Edge live-site applications */
.brand-case-joy-photo img{object-fit:cover;object-position:center top;}
.joy-hero-v67-image{padding:10px;}
.joy-hero-v67-image img{max-height:none;aspect-ratio:1.42/1;object-fit:cover;object-position:center top;}
.joy-strategy .joy-media-frame img{max-height:none;aspect-ratio:1.42/1;object-fit:cover;object-position:center top;}
.joy-case-study .joy-sample img{object-fit:contain!important;background:#1c0b29;}
@media(max-width:980px){.joy-hero-v67-image img,.joy-strategy .joy-media-frame img{aspect-ratio:auto}}


/* ==========================================================
   v69 — REVIEW PASS / SITE CONSISTENCY
   Learning-to-See palette becomes the Studio-wide background DNA.
   Client-branded Joyous Edge retains its purple identity.
   ========================================================== */
:root{
  --studio-forest:#40584d;
  --studio-forest-deep:#0a1713;
  --studio-card:#173126;
  --studio-card-2:#203c30;
  --studio-ivory:#f4efe5;
  --studio-gold:#d7a83c;
}

/* Faster/brighter homepage hero. Poster is the actual first frame. */
.video-ready-hero .hero-poster{
  background-image:url("assets/real/saint-john-studio-hero-v69-fast-poster.jpg")!important;
}
.video-ready-hero .hero-video{
  z-index:.75!important;
  filter:none;
}
.video-ready-hero .hero-shade{
  background:
    linear-gradient(90deg,rgba(4,10,7,.62) 0%,rgba(4,10,7,.38) 43%,rgba(4,10,7,.13) 72%,rgba(4,10,7,.04) 100%),
    linear-gradient(0deg,rgba(3,8,6,.52) 0%,transparent 58%)!important;
}
.video-ready-hero .hero-film-grain{opacity:.07!important}

/* Learning to See: book button restored in the open negative space. */
.lts-book-hero-action{
  margin-top:30px;
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}
.lts-book-hero-action .btn{
  background:var(--studio-gold);
  color:#111;
  box-shadow:0 8px 25px rgba(0,0,0,.18);
}
.lts-book-hero-action span{
  font:11px/1.4 Arial,Helvetica,sans-serif;
  text-transform:uppercase;
  letter-spacing:.13em;
  color:rgba(255,255,255,.72);
}

/* Studio-wide field normalization */
body:not(.joy-case-study){
  background:var(--studio-forest-deep);
}
body:not(.joy-case-study) .section:not(.joy-selected-work):not(.brand-feature-case):not(.brand-other-work){
  background:var(--studio-forest);
}
body:not(.joy-case-study) .section.alt{
  background:var(--studio-card);
  border-color:rgba(215,168,60,.18);
}
body:not(.joy-case-study) .page-title:not(.page-visual){
  background:var(--studio-forest);
}
body:not(.joy-case-study) .work-card,
body:not(.joy-case-study) .project-card,
body:not(.joy-case-study) .values-grid article,
body:not(.joy-case-study) .journal-grid article,
body:not(.joy-case-study) .contact-card,
body:not(.joy-case-study) .archive-card,
body:not(.joy-case-study) .secure-panel{
  background:var(--studio-card);
}
body:not(.joy-case-study) .work-card p,
body:not(.joy-case-study) .project-card p,
body:not(.joy-case-study) .values-grid p,
body:not(.joy-case-study) .journal-grid p,
body:not(.joy-case-study) .contact-card p{
  color:#e4ded3;
}
body:not(.joy-case-study) .category{
  background:linear-gradient(145deg,var(--studio-card),var(--studio-card-2));
}
body:not(.joy-case-study) .category p{color:#ded8cc}
body:not(.joy-case-study) .principles{background:var(--studio-card)}
body:not(.joy-case-study) .site-footer{background:#07110e}

/* Preserve intentionally light visual portfolio heroes and book pages. */
.page-visual,
.lts-book,
.learning-book-page,
.learning-book-thanks{
  color:inherit;
}

/* Clear touch feedback, especially on iPad. */
a,button{touch-action:manipulation}
a:focus-visible,button:focus-visible{
  outline:2px solid var(--studio-gold);
  outline-offset:3px;
}


/* v70 — Projects token normalization */
.project-orbit-grid .orbit-project-card{
  min-height:430px;
  padding:34px 26px 30px;
}
.project-orbit-grid .orbit-icon{
  width:176px;
  height:176px;
  padding:0;
  border-radius:50%;
  background:#070908;
  border:1px solid rgba(217,167,46,.78);
  overflow:hidden;
  display:grid;
  place-items:center;
}
.project-orbit-grid .orbit-icon img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:50%!important;
}
.project-orbit-grid .orbit-art-icon{
  background:#070908!important;
}
.project-orbit-grid .orbit-art-icon img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
}
@media(max-width:650px){
  .project-orbit-grid .orbit-icon{width:148px;height:148px}
}


/* ==========================================================
   v71 — STRUCTURAL LAYOUT REPAIR
   ========================================================== */

/* JOYOUS EDGE featured card: no negative crop, no off-canvas image */
.brand-case-feature-v71{
  display:grid;
  grid-template-columns:minmax(0, 46%) minmax(0, 54%);
  background:#1a0824;
  border:1px solid rgba(212,165,58,.26);
  overflow:hidden;
  min-height:620px;
}
.brand-case-image-v71{
  min-width:0;
  min-height:620px;
  background:#120719;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.brand-case-image-v71 img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  display:block;
  background:#1a0824;
}
.brand-case-copy-v71{
  padding:clamp(40px,5.2vw,78px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.brand-case-copy-v71 h2{
  margin:.18em 0 .28em;
  max-width:11ch;
  font:400 clamp(44px,5.1vw,78px)/.98 Georgia,serif;
  letter-spacing:-.035em;
  color:#fff;
}
.brand-case-copy-v71 p{
  max-width:50rem;
  color:#eee4f0;
  font-size:18px;
  line-height:1.6;
}
.brand-case-copy-v71 .brand-case-note{
  color:#b9acbd;
  font-size:16px;
}
.brand-case-copy-v71 .text-link{
  margin-top:22px;
  color:#d4a53a;
}

/* AXIOM hero/background uses a single approved full-bleed image */
.axiom-page-hero{
  position:relative;
  min-height:80vh;
  display:flex;
  align-items:center;
  background:
    linear-gradient(90deg,rgba(3,7,8,.74) 0%,rgba(3,7,8,.42) 48%,rgba(3,7,8,.12) 100%),
    url("assets/real/axiom-studio-environment.jpg") center center / cover no-repeat;
  overflow:hidden;
}
.axiom-page-hero > *{
  position:relative;
  z-index:1;
}

/* AXIOM logos and brand marks: never crop */
.axiom-page img[src*="axiom"],
.axiom-page img[alt*="AXIOM"],
.axiom-page img[alt*="Axiom"]{
  max-width:100%;
  height:auto;
  object-fit:contain!important;
  object-position:center!important;
}
.axiom-page .logo-frame,
.axiom-page .brand-mark,
.axiom-page .authority-mark,
.axiom-page .visual-authority img{
  overflow:visible!important;
}

/* General brand/logo frames — no hard crop */
.logo-frame,
.brand-mark,
.authority-mark,
.identity-mark,
.visual-authority{
  display:flex;
  align-items:center;
  justify-content:center;
}
.logo-frame img,
.brand-mark img,
.authority-mark img,
.identity-mark img,
.visual-authority img{
  max-width:100%!important;
  max-height:100%!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
}

/* Token ring optical consistency */
.project-orbit-grid .orbit-icon{
  background:#070908!important;
}
.project-orbit-grid .orbit-icon img{
  object-fit:contain!important;
  object-position:center!important;
}
.project-orbit-grid .orbit-icon{
  box-shadow:inset 0 0 0 1px rgba(217,167,46,.18);
}

/* Reduce token white-fringe visibility */
.project-orbit-grid .orbit-icon img[src*="bank-shot"],
.project-orbit-grid .orbit-icon img[src*="press"]{
  background:#070908;
}

/* iPad/tablet: featured case study becomes stacked before it can break */
@media(max-width:1100px){
  .brand-case-feature-v71{
    grid-template-columns:1fr;
  }
  .brand-case-image-v71{
    min-height:auto;
    aspect-ratio:16/9;
  }
  .brand-case-image-v71 img{
    object-fit:contain;
  }
  .brand-case-copy-v71 h2{
    max-width:14ch;
  }
}
@media(max-width:650px){
  .brand-case-copy-v71{
    padding:28px 22px 34px;
  }
  .brand-case-copy-v71 h2{
    font-size:44px;
  }
}


/* ==========================================================
   v72 — BRAND SYSTEM PAGE / REAL ASSETS ONLY
   Approved production-board hierarchy, no invented AI identities.
   ========================================================== */

.brand-system-page{
  background:#07100d;
  color:#f5f0e7;
}

.brand-system-hero{
  position:relative;
  min-height:72vh;
  display:flex;
  align-items:center;
  background:url("assets/real/brand-system/brand-system-teal-nebula.jpg") center center / cover no-repeat;
  overflow:hidden;
  border-bottom:1px solid rgba(216,167,47,.22);
}
.brand-system-hero-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(2,6,5,.88) 0%,rgba(2,6,5,.67) 33%,rgba(2,6,5,.22) 68%,rgba(2,6,5,.05) 100%),
    linear-gradient(0deg,rgba(2,6,5,.52) 0%,transparent 55%);
}
.brand-system-hero-copy{
  position:relative;
  z-index:1;
  padding-top:90px;
  padding-bottom:90px;
}
.brand-system-hero-copy .eyebrow{color:#d8a72f}
.brand-system-hero-copy h1{
  max-width:820px;
  margin:.12em 0 .25em;
  font:400 clamp(56px,7vw,104px)/.96 Georgia,serif;
  letter-spacing:-.045em;
}
.brand-system-hero-copy p{
  max-width:610px;
  font-size:20px;
  line-height:1.55;
  color:#d8d3ca;
}
.brand-system-hero-copy .btn{
  margin-top:24px;
}

/* Joyous Edge leads the real work */
.brand-feature-case{
  background:#130719!important;
}
.brand-case-feature-v72{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  background:
    radial-gradient(circle at 25% 15%,rgba(99,49,126,.33),transparent 33%),
    linear-gradient(135deg,#210b2e,#15071d);
  border:1px solid rgba(216,167,47,.24);
  overflow:hidden;
}
.brand-case-copy-v72{
  padding:clamp(42px,6vw,84px);
  min-width:0;
}
.brand-case-copy-v72 .eyebrow{color:#d8a72f}
.brand-case-copy-v72 h2{
  margin:.14em 0 .32em;
  max-width:12ch;
  font:400 clamp(48px,5.4vw,80px)/.98 Georgia,serif;
  color:#fff;
}
.brand-case-copy-v72 h2 em{
  color:#d8a72f;
  font-weight:400;
}
.brand-case-copy-v72 > p{
  max-width:660px;
  font-size:18px;
  line-height:1.62;
  color:#e7ddea;
}
.brand-case-points{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin:34px 0 30px;
}
.brand-case-points div{
  padding-top:16px;
  border-top:1px solid rgba(216,167,47,.22);
}
.brand-case-points strong{
  display:block;
  margin-bottom:8px;
  color:#fff;
  font-size:15px;
}
.brand-case-points span{
  display:block;
  color:#b9aebc;
  font-size:13px;
  line-height:1.5;
}
.brand-case-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.brand-case-image-v72{
  min-width:0;
  background:#0b050f;
  display:flex;
  align-items:stretch;
}
.brand-case-image-v72 img{
  width:100%;
  height:100%;
  min-height:620px;
  object-fit:cover;
  object-position:center center;
  display:block;
}

/* Real projects only */
.brand-selected-real{
  background:#08100e!important;
}
.brand-selected-real .brand-other-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:22px;
}
.brand-selected-real .brand-other-head .eyebrow{color:#d8a72f}
.brand-selected-real .brand-other-head h2{
  margin:0;
  color:#fff;
}
.brand-real-grid{
  margin-top:26px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.brand-real-card{
  color:inherit;
  text-decoration:none;
  background:#111916;
  border:1px solid rgba(255,255,255,.09);
  overflow:hidden;
}
.brand-real-media{
  height:180px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#050807;
  padding:16px;
}
.brand-real-media img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
}
.brand-real-copy{
  padding:14px 16px 16px;
  border-top:1px solid rgba(216,167,47,.14);
}
.brand-real-copy strong{
  display:block;
  color:#f5f0e7;
  font:400 19px/1.1 Georgia,serif;
  margin-bottom:4px;
}
.brand-real-copy span{
  color:#918d87;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

/* Brand-system standards section */
.brand-system-principles{
  background:#0b1411!important;
}
.brand-system-principles-grid{
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
  gap:clamp(36px,7vw,100px);
  align-items:start;
}
.brand-system-principles .eyebrow{color:#d8a72f}
.brand-system-principles h2{
  margin:.18em 0 .28em;
  font:400 clamp(44px,5vw,72px)/1 Georgia,serif;
  color:#fff;
}
.brand-system-principles p{
  color:#c8c2b8!important;
  line-height:1.6;
}
.brand-system-spec-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.brand-system-spec-grid article{
  background:#101a16;
  border:1px solid rgba(216,167,47,.14);
  padding:24px;
}
.brand-system-spec-grid article > span{
  display:block;
  color:#d8a72f;
  font-size:11px;
  letter-spacing:.16em;
}
.brand-system-spec-grid h3{
  margin:.35em 0 .25em;
  color:#fff;
  font:400 28px/1 Georgia,serif;
}
.brand-system-spec-grid p{
  margin:0;
  font-size:14px;
}

@media(max-width:1100px){
  .brand-case-feature-v72{
    grid-template-columns:1fr;
  }
  .brand-case-image-v72 img{
    min-height:0;
    max-height:none;
    aspect-ratio:16/9;
    object-fit:contain;
    background:#15071d;
  }
  .brand-real-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .brand-system-principles-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:700px){
  .brand-case-points{
    grid-template-columns:1fr;
  }
  .brand-real-grid{
    grid-template-columns:1fr;
  }
  .brand-system-spec-grid{
    grid-template-columns:1fr;
  }
  .brand-system-hero{
    min-height:64vh;
    background-position:58% center;
  }
}


/* v73 — review recording repair */
.page-title{
  min-height:220px!important;
  padding:38px 0 30px!important;
  align-items:center!important;
}
.section{padding-top:62px!important;padding-bottom:62px!important}
main > .section:first-child:not(.brand-feature-case){padding-top:46px!important}

.video-ready-hero{min-height:clamp(590px,76vh,820px)!important}
.video-ready-hero .hero-poster{
  background-image:url("assets/real/saint-john-studio-hero-v73-poster.jpg")!important;
}
.video-ready-hero .hero-video{opacity:1!important;filter:none!important}
.video-ready-hero .hero-shade{
  background:
    linear-gradient(90deg,rgba(3,8,6,.52) 0%,rgba(3,8,6,.24) 45%,rgba(3,8,6,.06) 78%,rgba(3,8,6,.01) 100%),
    linear-gradient(0deg,rgba(3,8,6,.38) 0%,transparent 56%)!important;
}
.video-ready-hero .hero-film-grain{opacity:.025!important}

/* Lilly Pad */
.lilly-blog-page,.lilly-blog-main{background:#263d34!important;color:#fffdf7!important}
.lilly-blog-page p,.lilly-blog-main p{color:#f0eee7!important}
.lilly-blog-hero{
  background:
    linear-gradient(90deg,rgba(5,15,13,.94) 0%,rgba(5,15,13,.80) 42%,rgba(5,15,13,.38) 70%,rgba(5,15,13,.20) 100%),
    url("assets/real/lilly-pad-face-hands-v28.jpeg") center center/cover no-repeat!important;
}
.lilly-blog-hero h1,.lilly-blog-hero h2,.lilly-blog-hero p{color:#fffdf7!important}

/* Portfolio contrast and order */
.portfolio-nine .category{background:#263d34!important;color:#fffdf7!important}
.portfolio-nine .category h3{color:#fffdf7!important}
.portfolio-nine .category p{color:#ece9e1!important}
.portfolio-nine .category span{color:#ffd56a!important}

/* AXIOM integrated shell */
.axiom-integrated-page .axiom-studio-hero{padding-top:28px!important}
.axiom-integrated-page .axiom-wordmark-integrated{max-height:120px!important}

@media(max-width:900px){
  .page-title{min-height:190px!important;padding:28px 0 24px!important}
  .section{padding-top:48px!important;padding-bottom:48px!important}
}

/* AXIOM v74 — integrated enterprise introduction */
.axiom-v74-page{background:#f7f2e6;color:#092f27}.axiom-v74-page .site-header{position:absolute;z-index:20;width:100%;color:#f7f2e6}.axiom-v74-page .site-header a,.axiom-v74-page .menu-toggle{color:inherit}.axiom-v74-page main{overflow:hidden}.axiom-v74-hero{min-height:92vh;background:#062f27;color:#f7f2e6;padding:clamp(8rem,16vw,13rem) clamp(1.4rem,7vw,8rem) 6rem;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:center;gap:4rem;position:relative}.axiom-v74-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 45%,rgba(218,175,55,.12),transparent 30%);pointer-events:none}.axiom-v74-hero-copy{position:relative;z-index:1;max-width:820px}.axiom-v74-kicker,.axiom-v74-eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;font-weight:700;color:#c49b24}.axiom-v74-wordmark{display:block;width:min(560px,90%);height:auto;margin:1.2rem 0 2.25rem;filter:drop-shadow(0 3px 0 rgba(79,48,0,.8)) drop-shadow(0 10px 18px rgba(0,0,0,.3))}.axiom-v74-hero h1{font-family:Georgia,serif;font-size:clamp(3rem,6.4vw,6.5rem);line-height:.94;letter-spacing:-.045em;max-width:950px;margin:0 0 1.5rem}.axiom-v74-hero-copy>p:last-of-type{font-size:clamp(1.08rem,1.7vw,1.42rem);line-height:1.55;max-width:730px;color:#e8e0cf}.axiom-v74-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:2rem}.axiom-v74-button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:.8rem 1.25rem;border:1px solid rgba(247,242,230,.5);color:inherit;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.74rem;font-weight:700}.axiom-v74-button-gold{background:#d4af37;border-color:#d4af37;color:#092f27}.axiom-v74-text-link{color:#f7f2e6;text-underline-offset:5px;font-size:.84rem}.axiom-v74-hero-orbit{position:relative;z-index:1;aspect-ratio:1;border:1px solid rgba(212,175,55,.5);border-radius:50%;display:grid;place-items:center;max-width:500px;width:100%;justify-self:end}.axiom-v74-hero-orbit:before,.axiom-v74-hero-orbit:after,.axiom-v74-hero-orbit span{content:"";position:absolute;border:1px solid rgba(212,175,55,.38);border-radius:50%}.axiom-v74-hero-orbit:before{inset:16%}.axiom-v74-hero-orbit:after{inset:33%}.axiom-v74-hero-orbit span{width:12%;aspect-ratio:1;background:#d4af37;box-shadow:0 0 0 16px rgba(212,175,55,.12)}.axiom-v74-section{padding:clamp(5rem,9vw,9rem) clamp(1.4rem,7vw,8rem)}.axiom-v74-intro h2,.axiom-v74-section-heading h2,.axiom-v74-memory h2,.axiom-v74-environment h2,.axiom-v74-founder h2,.axiom-v74-prototype h2,.axiom-v74-download h2{font-family:Georgia,serif;font-size:clamp(2.5rem,5vw,5rem);line-height:1.03;letter-spacing:-.035em;margin:.7rem 0 2rem}.axiom-v74-intro h2{max-width:1100px}.axiom-v74-two-column{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,8rem);max-width:1200px;margin-left:auto}.axiom-v74-two-column p,.axiom-v74-memory-copy p,.axiom-v74-founder p,.axiom-v74-prototype p,.axiom-v74-download p,.axiom-v74-environment-card p{font-size:1.08rem;line-height:1.72}.axiom-v74-lead{font-family:Georgia,serif;font-size:clamp(1.45rem,2.3vw,2rem)!important;line-height:1.45!important}.axiom-v74-architecture{background:#0a332b;color:#f7f2e6}.axiom-v74-section-heading{max-width:900px;margin-bottom:3rem}.axiom-v74-grid-four{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(212,175,55,.55)}.axiom-v74-grid-four article{padding:2.2rem 1.6rem 1rem 0;border-right:1px solid rgba(212,175,55,.3)}.axiom-v74-grid-four article+article{padding-left:1.6rem}.axiom-v74-grid-four article:last-child{border:0}.axiom-v74-grid-four span{color:#d4af37;font-size:.76rem;letter-spacing:.14em}.axiom-v74-grid-four h3{font-family:Georgia,serif;font-size:1.65rem;margin:.8rem 0}.axiom-v74-grid-four p{color:#ddd5c4;line-height:1.6}.axiom-v74-disciplines{background:#efe5cf}.axiom-v74-discipline-list{list-style:none;padding:0;margin:0;border-top:1px solid rgba(9,47,39,.35)}.axiom-v74-discipline-list li{display:grid;grid-template-columns:minmax(180px,.45fr) 1fr;gap:2rem;padding:1.45rem 0;border-bottom:1px solid rgba(9,47,39,.25);align-items:baseline}.axiom-v74-discipline-list strong{font-family:Georgia,serif;font-size:clamp(1.7rem,3vw,2.6rem);font-weight:400}.axiom-v74-discipline-list span{font-size:1.08rem}.axiom-v74-memory{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,10rem);background:#f7f2e6}.axiom-v74-memory-copy{padding-top:2rem}.axiom-v74-evolution{background:#e9ddc4}.axiom-v74-evolution figure{margin:0}.axiom-v74-evolution img{display:block;width:100%;height:auto;box-shadow:0 20px 55px rgba(47,35,18,.16)}.axiom-v74-evolution figcaption{font-size:.9rem;line-height:1.55;max-width:850px;margin:1.2rem 0 0}.axiom-v74-environment{position:relative;min-height:78vh}.axiom-v74-environment>img{width:100%;height:78vh;object-fit:cover;display:block}.axiom-v74-environment-card{position:absolute;left:clamp(1.4rem,7vw,8rem);bottom:clamp(1.4rem,6vw,6rem);width:min(540px,calc(100% - 2.8rem));background:rgba(247,242,230,.94);padding:clamp(1.5rem,4vw,3.5rem);box-shadow:0 15px 50px rgba(34,26,14,.2)}.axiom-v74-environment h2{font-size:clamp(2.1rem,4vw,3.7rem)}.axiom-v74-founder{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:clamp(3rem,8vw,9rem);align-items:center}.axiom-v74-founder-image{border-radius:50% 50% 4px 4px;overflow:hidden;background:#d4af37;padding:8px}.axiom-v74-founder-image img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:50% 50% 2px 2px}.axiom-v74-founder-role{font-weight:700;color:#8a6812}.axiom-v74-contact{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2rem}.axiom-v74-contact a{color:#092f27;text-underline-offset:4px}.axiom-v74-prototype{background:#092f27;color:#f7f2e6;display:flex;justify-content:space-between;align-items:end;gap:3rem}.axiom-v74-prototype>div{max-width:850px}.axiom-v74-prototype .axiom-v74-button{flex:0 0 auto}.axiom-v74-download{text-align:center;background:#030b09;color:#f7f2e6}.axiom-v74-download>img{width:min(430px,80%);filter:drop-shadow(0 3px 0 rgba(79,48,0,.8));margin-bottom:2.2rem}.axiom-v74-download h2{margin-bottom:1rem}.axiom-v74-download .axiom-v74-button{margin-top:1.2rem}.axiom-v74-footer{background:#030b09;color:#f7f2e6;padding:2.5rem clamp(1.4rem,7vw,8rem);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-top:1px solid rgba(212,175,55,.35)}.axiom-v74-footer p{margin:0;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.axiom-v74-footer .script-logo{color:#f7f2e6}
@media(max-width:900px){.axiom-v74-hero{grid-template-columns:1fr;padding-top:9rem}.axiom-v74-hero-orbit{position:absolute;width:45vw;right:-12vw;bottom:4rem;opacity:.35}.axiom-v74-grid-four{grid-template-columns:1fr 1fr}.axiom-v74-grid-four article:nth-child(2){border-right:0}.axiom-v74-grid-four article:nth-child(n+3){border-top:1px solid rgba(212,175,55,.3)}.axiom-v74-memory,.axiom-v74-founder{grid-template-columns:1fr}.axiom-v74-founder-image{max-width:500px}.axiom-v74-prototype{align-items:flex-start;flex-direction:column}.axiom-v74-footer{flex-direction:column;text-align:center}}
@media(max-width:620px){.axiom-v74-two-column,.axiom-v74-grid-four{grid-template-columns:1fr}.axiom-v74-grid-four article,.axiom-v74-grid-four article+article{padding:1.6rem 0;border-right:0;border-top:1px solid rgba(212,175,55,.3)}.axiom-v74-grid-four article:first-child{border-top:0}.axiom-v74-discipline-list li{grid-template-columns:1fr;gap:.5rem}.axiom-v74-environment,.axiom-v74-environment>img{min-height:720px;height:720px}.axiom-v74-environment-card{bottom:1.4rem}.axiom-v74-actions{align-items:stretch;flex-direction:column}.axiom-v74-text-link{text-align:center;padding:.7rem}.axiom-v74-founder{padding-top:5rem}.axiom-v74-footer p:nth-of-type(1){display:none}}

/* ==========================================================
   v78 — SITE-WIDE TYPOGRAPHY, SPACING + TOKEN REFINEMENT
   Bright gold is the single text-action color on green.
   ========================================================== */
:root{
  --action-gold:#ffd56a;
}

/* Typographic craft: balanced headings and resilient paragraph endings. */
main h1,main h2,main h3,.page-title .lede,.section-head .lede{
  text-wrap:balance;
  orphans:3;
  widows:3;
}
main p,main li{
  text-wrap:pretty;
  orphans:3;
  widows:3;
}

/* One readable gold for words, labels and actions on every dark field. */
body:not(.joy-case-study) .verb-gold,
body:not(.joy-case-study) .section .eyebrow,
body:not(.joy-case-study) .section .text-link,
body:not(.joy-case-study) .section .link,
body:not(.joy-case-study) .project-orbit-section .eyebrow,
body:not(.joy-case-study) .lilly-blog-main .eyebrow,
body:not(.joy-case-study) .lilly-blog-page .eyebrow,
.axiom-integrated-page .verb-gold,
.axiom-integrated-page .eyebrow,
.axiom-v74-page .verb-gold,
.axiom-v74-page .axiom-v74-eyebrow,
.axiom-v74-page .axiom-v74-kicker{
  color:var(--action-gold)!important;
}

/* Reduce the unused band between navigation, page headings and content. */
body:not(.home-page):not(.axiom-v74-page) .page-title{
  min-height:120px!important;
  padding:19px 0 16px!important;
}
body:not(.home-page):not(.axiom-v74-page) .page-title.page-visual .wrap{
  padding-top:0!important;
  padding-bottom:0!important;
}
body:not(.home-page):not(.axiom-v74-page) .section{
  padding-top:34px!important;
  padding-bottom:34px!important;
}
body:not(.home-page):not(.axiom-v74-page) main>.section:first-child:not(.brand-feature-case){
  padding-top:25px!important;
}
body:not(.home-page):not(.axiom-v74-page) .section-head,
body:not(.home-page):not(.axiom-v74-page) .project-orbit-head{
  margin-bottom:24px!important;
}
body:not(.home-page):not(.axiom-v74-page) .section h2{
  margin-top:.35em;
}

/* Portfolio: keep copy in a controlled, high-contrast reading zone. */
.portfolio-page-hero{
  min-height:190px!important;
  padding:30px 0 26px!important;
  background:
    linear-gradient(90deg,rgba(5,15,13,.96) 0%,rgba(5,15,13,.88) 35%,rgba(5,15,13,.46) 62%,rgba(5,15,13,.18) 100%),
    var(--page-bg) var(--page-pos,center)/cover no-repeat!important;
}
.portfolio-page-hero .wrap{width:min(1180px,90%)}
.portfolio-page-hero .wrap>*{max-width:510px}
.portfolio-page-hero h1,
.portfolio-page-hero .lede{color:#fffdf7!important;text-shadow:0 2px 16px rgba(0,0,0,.4)}
.portfolio-page-hero .eyebrow{color:var(--action-gold)!important}
.portfolio-nine .category{min-height:260px}

/* AXIOM's editorial page uses its own section system; tighten it in kind. */
.axiom-v74-page .axiom-v74-section{
  padding-top:clamp(3.25rem,5.5vw,5.5rem)!important;
  padding-bottom:clamp(3.25rem,5.5vw,5.5rem)!important;
}
.axiom-v74-page .axiom-v74-section-heading{margin-bottom:1.75rem!important}

/* Project marks: fit each approved asset to the same circular stage. */
.project-orbit-grid .orbit-icon img[src*="axiom.png"]{
  transform:scale(1.46);
}
.project-orbit-grid .orbit-icon img[src*="saint-john-press.png"]{
  transform:scale(1.18);
}
.project-orbit-grid .orbit-icon img[src*="atlas-cue-academy.png"]{
  transform:scale(1.08) translateX(-2.5%);
}
.project-orbit-grid .orbit-contact-icon img{
  object-fit:cover!important;
  transform:scale(1.12);
}

@media(max-width:900px){
  body:not(.home-page):not(.axiom-v74-page) .page-title{
    min-height:108px!important;
    padding:16px 0 14px!important;
  }
  body:not(.home-page):not(.axiom-v74-page) .section{
    padding-top:30px!important;
    padding-bottom:30px!important;
  }
  .portfolio-page-hero{min-height:180px!important;padding:26px 0 22px!important}
}

/* ==========================================================
   v80 — SAINT JOHN MATERIAL SYSTEM + AXIOM AUTHORITY UNIVERSE
   ========================================================== */
:root{
  --gold:#ffd56a;--gold2:#ffd56a;--studio-gold:#ffd56a;--action-gold:#ffd56a;
  --studio-forest:#5b7165;--studio-field:#5b7165;--light-field:#5b7165;
  --light-field-deep:#50675b;--studio-card:#173126;--studio-card-2:#203c30;
  --card-green:#173126;--card-green-2:#203c30;
}
body:not(.joy-case-study),
body:not(.joy-case-study) .section:not(.joy-selected-work):not(.brand-feature-case):not(.brand-other-work),
body:not(.joy-case-study) .page-title:not(.page-visual),
.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(--studio-forest)!important;
  background-image:
    repeating-linear-gradient(0deg,rgba(255,255,255,.065) 0,rgba(255,255,255,.065) 1px,transparent 1px,transparent 4px),
    repeating-linear-gradient(90deg,rgba(6,22,16,.095) 0,rgba(6,22,16,.095) 1px,transparent 1px,transparent 5px),
    linear-gradient(135deg,rgba(255,255,255,.045),rgba(20,48,37,.055))!important;
  background-size:auto,auto,100% 100%!important;
}
body:not(.joy-case-study) .category,
body:not(.joy-case-study) .work-card,
body:not(.joy-case-study) .project-card,
body:not(.joy-case-study) .project-mini,
body:not(.joy-case-study) .orbit-project-card,
body:not(.joy-case-study) .values-grid article,
body:not(.joy-case-study) .journal-grid article,
body:not(.joy-case-study) .contact-card,
body:not(.joy-case-study) .archive-card,
body:not(.joy-case-study) .secure-panel,
body:not(.joy-case-study) .lilly-post-card,
body:not(.joy-case-study) .lilly-sidebar section,
body:not(.joy-case-study) .story-card,
body:not(.joy-case-study) .dark-card{
  background:linear-gradient(145deg,var(--studio-card),var(--studio-card-2))!important;
  color:#fffdf7!important;border-color:rgba(255,213,106,.22)!important;
}
body:not(.joy-case-study) .section h1,
body:not(.joy-case-study) .section h2,
body:not(.joy-case-study) .section h3,
body:not(.joy-case-study) .section h4,
body:not(.joy-case-study) .section p,
body:not(.joy-case-study) .section li,
body:not(.joy-case-study) .section blockquote,
body:not(.joy-case-study) .category h3,
body:not(.joy-case-study) .work-card h3,
body:not(.joy-case-study) .orbit-project-card h3{color:#fffdf7!important}
body:not(.joy-case-study) .eyebrow,
body:not(.joy-case-study) .text-link,
body:not(.joy-case-study) .link,
body:not(.joy-case-study) .verb-gold,
body:not(.joy-case-study) .category>span,
body:not(.joy-case-study) .process-grid b,
body:not(.joy-case-study) .project-card>span,
body:not(.joy-case-study) .site-footer h4{color:#ffd56a!important}
body:not(.joy-case-study) .page-title.page-visual:not(.portfolio-page-hero)::before{
  content:"";position:absolute;inset:0;z-index:0;
  background:linear-gradient(90deg,rgba(4,15,11,.90) 0%,rgba(4,15,11,.70) 46%,rgba(4,15,11,.22) 100%);
  pointer-events:none;
}
body:not(.joy-case-study) .page-title.page-visual h1,
body:not(.joy-case-study) .page-title.page-visual h2,
body:not(.joy-case-study) .page-title.page-visual .lede{color:#fffdf7!important;text-shadow:0 2px 16px rgba(0,0,0,.46)!important}
body:not(.joy-case-study) .page-title.page-visual .eyebrow{color:#ffd56a!important}

/* Marbling appears as a complete mounting field, never as an accidental edge. */
.site-footer{position:relative;margin-top:0}
.site-footer::before{content:none!important}
.handmade-material-story{background:linear-gradient(rgba(6,27,23,.72),rgba(6,27,23,.86)),url("assets/real/saint-john-marble-endpaper-texture.jpg") center/cover fixed!important}
.handmade-material-story .two-col>div{background:#102b22;border:1px solid rgba(255,213,106,.3);padding:clamp(1.4rem,4vw,3rem);box-shadow:0 24px 60px rgba(0,0,0,.28)}
.handmade-material-story .feature-img{max-height:680px;object-fit:contain;background:#102b22;padding:clamp(10px,1.4vw,18px);border:1px solid rgba(255,213,106,.38);box-shadow:0 24px 60px rgba(0,0,0,.32)}

/* AXIOM Authority Universe — current terminology, exact live text. */
.axiom-authority-universe{background:#061b17!important;color:#fffdf7;overflow:hidden}
.axiom-authority-universe .axiom-v74-section-heading{max-width:1050px}
.axiom-authority-universe .axiom-v74-section-heading>p:last-child{color:#e8e0cf;max-width:850px;font-size:1.08rem;line-height:1.7}
.axiom-universe-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,.6fr);gap:clamp(2rem,6vw,6rem);align-items:center}
.axiom-universe-map{position:relative;aspect-ratio:1;max-width:760px;width:100%;margin:auto;border-radius:50%;background:radial-gradient(circle,rgba(255,213,106,.14),rgba(4,17,14,.2) 32%,rgba(4,17,14,.92) 72%);box-shadow:inset 0 0 90px rgba(0,0,0,.5)}
.axiom-universe-map::before,.axiom-universe-map::after{content:"";position:absolute;inset:8%;border-radius:50%;background:linear-gradient(90deg,transparent 49.8%,rgba(255,213,106,.16) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(255,213,106,.16) 50%,transparent 50.2%)}
.axiom-universe-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,213,106,.38);border-radius:50%}
.axiom-universe-ring.ring-one{width:34%;height:34%}.axiom-universe-ring.ring-two{width:62%;height:62%}.axiom-universe-ring.ring-three{width:88%;height:88%}
.axiom-universe-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:28%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#030b09;border:1px solid #ffd56a;box-shadow:0 0 42px rgba(255,213,106,.33);z-index:3}
.axiom-universe-center img{width:80%;height:auto;object-fit:contain}
.axiom-universe-node{position:absolute;z-index:4;display:grid;place-items:center;min-width:72px;min-height:38px;padding:8px 11px;border-radius:999px;background:#173126;border:1px solid rgba(255,213,106,.72);color:#fffdf7;font-size:clamp(.62rem,1.15vw,.78rem);text-align:center;box-shadow:0 0 18px rgba(255,213,106,.18)}
.node-intent{left:43%;top:7%}.node-people{right:10%;top:22%}.node-projects{right:3%;top:52%}.node-evidence{right:17%;bottom:9%}.node-decisions{left:36%;bottom:3%}.node-masters{left:5%;bottom:17%}.node-relations{left:0;top:43%}.node-memory{left:15%;top:15%}
.axiom-universe-copy{display:grid;gap:1px;background:rgba(255,213,106,.28);border:1px solid rgba(255,213,106,.28)}
.axiom-universe-copy article{background:#173126;padding:24px}.axiom-universe-copy span{color:#ffd56a;font-size:.72rem;letter-spacing:.15em}.axiom-universe-copy h3{color:#fffdf7;font-family:Georgia,serif;font-size:1.55rem;margin:.45rem 0}.axiom-universe-copy p{color:#e8e0cf;line-height:1.6;margin:0}
.axiom-universe-caption{margin:2rem 0 0;color:#bfb8aa;font-size:.78rem;letter-spacing:.04em}
@media(max-width:900px){.axiom-universe-layout{grid-template-columns:1fr}.axiom-universe-copy{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.axiom-universe-copy{grid-template-columns:1fr}.axiom-universe-node{min-width:58px;padding:6px 8px}.node-projects{right:-2%}.node-relations{left:-3%}}

/* v84 — Sustainable Partners digital presentation box and archival reproduction masters. */
.work-card-link{display:block;text-decoration:none;color:inherit}
.sustainable-lead-card{position:relative;overflow:hidden;border-color:rgba(255,213,106,.62)!important;box-shadow:0 18px 55px rgba(3,12,9,.28)}
.sustainable-lead-card::after{content:"FEATURED";position:absolute;top:14px;right:-34px;width:138px;padding:7px 0;transform:rotate(38deg);background:#ffd56a;color:#082019;font-size:.61rem;font-weight:800;letter-spacing:.13em;text-align:center}
.sustainable-lead-card img{object-position:center 45%}
.sustainable-lead-card .eyebrow{display:block;margin-bottom:.65rem;font-size:.68rem}
.sustainable-lead-card .text-link{display:block;margin-top:1rem;font-size:.78rem;font-weight:700;letter-spacing:.05em}
.sustainable-presentation-section{overflow:hidden;background-color:#0c251d!important;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 1px,transparent 1px,transparent 4px),linear-gradient(135deg,#112e24,#061914)!important}
.presentation-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.62fr);gap:clamp(1.5rem,5vw,5rem);align-items:end;margin-bottom:clamp(2rem,5vw,4.5rem)}
.presentation-heading h2{max-width:720px;margin:.45rem 0 0}
.presentation-heading>p{max-width:570px;margin:0;color:#e8e0cf!important;line-height:1.7}
.presentation-easel{display:grid;justify-items:center;gap:1.25rem}
.presentation-stage{position:relative;width:100%;min-height:clamp(590px,72vw,940px);display:grid;place-items:center;padding:clamp(1.25rem,4vw,3.5rem);border:1px solid rgba(255,213,106,.38);background:linear-gradient(135deg,rgba(4,18,14,.56),rgba(4,18,14,.78)),url("assets/real/saint-john-marble-endpaper-texture.jpg") center/cover no-repeat;box-shadow:inset 0 0 100px rgba(0,0,0,.42);cursor:pointer;perspective:1600px;overflow:hidden}
.presentation-stage:focus-visible{outline:3px solid #ffd56a;outline-offset:5px}
.presentation-assembly{position:relative;display:block;width:min(55vw,610px);aspect-ratio:8.5/11;transform-style:preserve-3d;transform:rotateY(-42deg) rotateX(5deg) rotateZ(-3deg) translateX(-6%) scale(.92);transform-origin:center;transition:transform 1.25s cubic-bezier(.16,.8,.2,1),width .72s ease,aspect-ratio .72s ease;filter:drop-shadow(0 32px 34px rgba(0,0,0,.5));background:linear-gradient(145deg,#5b341c,#1b0f0a 62%,#090605);border:clamp(9px,1.25vw,17px) solid #24130c;box-shadow:inset 0 0 0 2px #d9ad4b,inset 0 0 0 5px rgba(0,0,0,.72),0 0 0 1px #090604}
.presentation-stage.is-open .presentation-assembly{transform:rotateY(0) rotateX(0) rotateZ(0) translateX(0) scale(1)}
.presentation-shell{display:none}
.presentation-art-wrap{position:absolute;inset:clamp(7px,1vw,12px);z-index:2;display:grid;place-items:center;background:#f4efdf;box-shadow:inset 0 0 0 1px rgba(53,35,22,.3),0 8px 24px rgba(0,0,0,.36);overflow:hidden;transition:opacity .24s ease,transform .48s ease}
.presentation-art{display:block;width:100%;height:100%;object-fit:contain;background:#f4efdf}
.presentation-stage.is-changing .presentation-assembly{transform:rotateY(12deg) rotateX(-2deg) scale(.95)}
.presentation-stage.is-changing .presentation-art-wrap{opacity:.16;transform:translateZ(-30px) scale(.97)}
.presentation-stage.is-landscape .presentation-assembly{width:min(82vw,980px);aspect-ratio:17/11}
.presentation-click-cue{position:absolute;right:clamp(1rem,3vw,2.4rem);bottom:clamp(1rem,3vw,2rem);color:#ffd56a;font-size:.66rem;font-weight:700;letter-spacing:.16em}
.presentation-console{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem 1.2rem;border:1px solid rgba(255,213,106,.25);background:#071813}
.presentation-control{min-height:44px;padding:.7rem 1rem;border:1px solid rgba(255,213,106,.5);background:transparent;color:#ffd56a;font:inherit;font-size:.78rem;letter-spacing:.04em;cursor:pointer}
.presentation-control:hover,.presentation-control:focus-visible{background:#ffd56a;color:#082019}
.presentation-caption{text-align:center;display:grid;gap:.2rem}
.presentation-caption span{color:#ffd56a;font-size:.7rem;letter-spacing:.15em}
.presentation-caption strong{color:#fffdf7;font-family:Georgia,serif;font-size:clamp(1rem,2.2vw,1.35rem)}
.presentation-caption small{color:#bfb8aa;font-size:.7rem}
@media(max-width:760px){.presentation-heading{grid-template-columns:1fr}.presentation-stage{min-height:540px}.presentation-assembly{width:min(74vw,500px)}.presentation-stage.is-landscape .presentation-assembly{width:min(88vw,700px)}.presentation-console{grid-template-columns:1fr 1fr}.presentation-caption{grid-column:1/-1;grid-row:1;text-align:left}.presentation-control{grid-row:2}.presentation-click-cue{display:none}.handmade-material-story{background-attachment:scroll!important}}
@media(max-width:480px){.presentation-stage{min-height:440px;padding:.75rem}.presentation-assembly{width:79vw}.presentation-stage.is-landscape .presentation-assembly{width:90vw}.presentation-console{gap:.6rem;padding:.85rem}.presentation-control{padding:.65rem .75rem}.presentation-caption small{line-height:1.35}}
@media(prefers-reduced-motion:reduce){.presentation-assembly,.presentation-art-wrap{transition:none!important}.presentation-assembly{transform:none!important}}

/* v85 — category-wide portfolio presentation box. */
.portfolio-box-launch{padding:clamp(3.2rem,7vw,6.5rem) 0;background:#071b16;color:#fffdf7;border-top:1px solid rgba(255,213,106,.25)}
.portfolio-box-launch .wrap{max-width:920px;text-align:center}
.portfolio-box-launch h2{margin:.5rem 0 1rem;color:#fffdf7}
.portfolio-box-launch p{max-width:680px;margin:0 auto 1.5rem;color:#e8e0cf;line-height:1.7}
.portfolio-box-thumbnail{cursor:zoom-in}
.portfolio-box-thumbnail:focus-visible{outline:3px solid #ffd56a;outline-offset:4px}
body.portfolio-box-open{overflow:hidden}
.portfolio-box-dialog[hidden]{display:none}
.portfolio-box-dialog{position:fixed;inset:0;z-index:4000;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:clamp(.7rem,2vw,1.4rem);background:rgba(2,9,7,.94);opacity:0;transition:opacity .32s ease}
.portfolio-box-dialog.is-open{opacity:1}
.portfolio-box-close{position:absolute;z-index:4;right:clamp(1rem,3vw,2rem);top:clamp(1rem,3vw,2rem);min-height:44px;padding:.7rem 1rem;border:1px solid rgba(255,213,106,.65);background:#071813;color:#ffd56a;font:inherit;cursor:pointer}
.portfolio-box-close:hover,.portfolio-box-close:focus-visible{background:#ffd56a;color:#071813}
.portfolio-box-field{position:relative;min-height:0;display:grid;place-items:center;padding:clamp(3.7rem,7vh,5.4rem) clamp(.7rem,4vw,3rem) clamp(2rem,4vh,3.5rem);overflow:hidden;perspective:1700px;background:linear-gradient(135deg,rgba(4,18,14,.52),rgba(4,18,14,.78)),url("assets/real/saint-john-marble-endpaper-texture.jpg") center/cover no-repeat;border:1px solid rgba(255,213,106,.35);cursor:pointer}
.portfolio-box-frame{position:relative;width:min(52vw,570px);aspect-ratio:8.5/11;transform-style:preserve-3d;transform:rotateY(-42deg) rotateX(5deg) rotateZ(-3deg) translateX(-7%) scale(.9);transform-origin:center;transition:transform 1.15s cubic-bezier(.16,.8,.2,1),width .65s ease,aspect-ratio .65s ease;filter:drop-shadow(0 34px 38px rgba(0,0,0,.52));background:linear-gradient(145deg,#5b341c,#1b0f0a 62%,#090605);border:clamp(9px,1.25vw,17px) solid #24130c;box-shadow:inset 0 0 0 2px #d9ad4b,inset 0 0 0 5px rgba(0,0,0,.72),0 0 0 1px #090604}
.portfolio-box-dialog.is-open .portfolio-box-frame{transform:rotateY(0) rotateX(0) rotateZ(0) translateX(0) scale(1)}
.portfolio-box-dialog.is-landscape .portfolio-box-frame{width:min(78vw,1000px);aspect-ratio:17/11}
.portfolio-box-mat{position:absolute;inset:clamp(7px,1vw,13px);display:grid;place-items:center;overflow:hidden;background:#f4efdf;box-shadow:inset 0 0 0 1px rgba(53,35,22,.3),0 8px 24px rgba(0,0,0,.36);transition:opacity .22s ease,transform .45s ease}
.portfolio-box-mat img{display:block;width:100%;height:100%;object-fit:contain;background:#f4efdf}
.portfolio-box-dialog.is-changing .portfolio-box-frame{transform:rotateY(11deg) rotateX(-2deg) scale(.95)}
.portfolio-box-dialog.is-changing .portfolio-box-mat{opacity:.16;transform:translateZ(-28px) scale(.97)}
.portfolio-box-turn{position:absolute;right:clamp(1rem,3vw,2.2rem);bottom:clamp(.8rem,2vw,1.5rem);color:#ffd56a;font-size:.63rem;font-weight:700;letter-spacing:.15em}
.portfolio-box-console{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem 1.2rem;background:#071813;border:1px solid rgba(255,213,106,.3);color:#fffdf7}
.portfolio-box-console>button{min-height:44px;padding:.7rem 1rem;border:1px solid rgba(255,213,106,.55);background:transparent;color:#ffd56a;font:inherit;cursor:pointer}
.portfolio-box-console>button:hover,.portfolio-box-console>button:focus-visible{background:#ffd56a;color:#071813}
.portfolio-box-console>div{display:grid;gap:.18rem;text-align:center}
.portfolio-box-console span{color:#ffd56a;font-size:.68rem;letter-spacing:.15em}
.portfolio-box-console strong{font-family:Georgia,serif;font-size:clamp(1rem,2vw,1.32rem)}
.portfolio-box-console p{max-width:760px;margin:0 auto;color:#bfb8aa;font-size:.76rem;line-height:1.4}
@media(max-width:760px){.portfolio-box-dialog{padding:.4rem}.portfolio-box-field{padding:4.2rem .45rem 2.2rem}.portfolio-box-frame{width:min(74vw,520px)}.portfolio-box-dialog.is-landscape .portfolio-box-frame{width:91vw}.portfolio-box-console{grid-template-columns:1fr 1fr;gap:.65rem}.portfolio-box-console>div{grid-column:1/-1;grid-row:1;text-align:left}.portfolio-box-console>button{grid-row:2}.portfolio-box-turn{display:none}}
@media(max-width:480px){.portfolio-box-frame{width:78vw}.portfolio-box-console{padding:.75rem}.portfolio-box-console p{display:none}.portfolio-box-close{top:.75rem;right:.75rem}}
@media(prefers-reduced-motion:reduce){.portfolio-box-dialog,.portfolio-box-frame,.portfolio-box-mat{transition:none!important}.portfolio-box-frame{transform:none!important}}

/* v86 — Telios architectural photography and decorative fine art. */
.architecture-work-card img{object-fit:contain!important;object-position:center;background:#071813!important;padding:12px}
.architecture-work-card .eyebrow,.decorative-fine-art-card .eyebrow{display:block;margin-bottom:.55rem;font-size:.66rem;letter-spacing:.12em}
.decorative-fine-art-card img{object-fit:contain!important;object-position:center;background:#071813!important;padding:12px}

/* v87 — Joyous Edge featured case study: complete image, never a background crop. */
.brand-case-feature-v72{grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);align-items:stretch}
.brand-case-image-v72{min-width:0;display:grid!important;place-items:center;padding:clamp(22px,3.2vw,48px);background:radial-gradient(circle at 50% 42%,rgba(99,49,126,.28),transparent 58%),#0b050f!important;overflow:visible!important}
.joy-feature-browser{width:100%;margin:0;background:#16091f;border:1px solid rgba(216,167,47,.4);border-radius:12px;overflow:hidden;box-shadow:0 28px 65px rgba(0,0,0,.46)}
.joy-feature-browser-bar{min-height:38px;display:flex;align-items:center;gap:7px;padding:0 13px;background:#0e0811;border-bottom:1px solid rgba(216,167,47,.2)}
.joy-feature-browser-bar span{width:8px;height:8px;border-radius:50%;background:#d8a72f;opacity:.72}
.joy-feature-browser-bar b{margin-left:8px;color:#b9aebc;font-size:10px;font-weight:500;letter-spacing:.09em}
.brand-case-image-v72 .joy-feature-browser img{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;background:#251335}
.joy-feature-browser figcaption{padding:11px 14px;background:#0e0811;color:#b9aebc;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:1100px){.brand-case-feature-v72{grid-template-columns:1fr}.brand-case-image-v72{padding:clamp(18px,4vw,38px)}.joy-feature-browser{max-width:920px}}
@media(max-width:600px){.brand-case-image-v72{padding:12px}.joy-feature-browser{border-radius:7px}.joy-feature-browser figcaption{font-size:9px}.joy-feature-browser-bar b{display:none}}

/* v88 — standing cinematic presentation system. */
.verb-gold,.category h3 .verb-gold,.work-card h3 .verb-gold,.brand-real-copy strong .verb-gold{font-size:inherit!important;line-height:inherit!important;font-family:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important}
.brand-real-copy strong,.brand-real-copy strong *{font-size:19px!important;line-height:1.1!important;font-family:Georgia,serif!important;font-weight:400!important}
.presentation-stage{perspective:1900px!important;background:radial-gradient(circle at 50% 35%,rgba(255,224,145,.19),transparent 34%),linear-gradient(135deg,rgba(4,18,14,.42),rgba(4,18,14,.8)),url("assets/real/saint-john-marble-endpaper-texture.jpg") center/cover no-repeat!important}
.presentation-stage::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 18%,rgba(255,235,180,.08) 43%,transparent 63%);transform:translateX(-80%);pointer-events:none}
.presentation-stage.is-opening::before{animation:presentation-light-sweep 1.65s ease both}
.presentation-floor-shadow{position:absolute;left:50%;top:76%;width:min(58vw,680px);height:70px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.58),transparent 68%);filter:blur(8px);opacity:.62;transition:width .7s ease,opacity .7s ease}
.presentation-assembly{width:min(48vw,535px)!important;aspect-ratio:8.5/11!important;border:0!important;background:transparent!important;box-shadow:none!important;filter:drop-shadow(0 35px 34px rgba(0,0,0,.52))!important;transform:rotateY(-58deg) rotateX(2deg) rotateZ(-1.5deg) translateX(-8%) translateY(-1%) scale(.9)!important;transition:transform 1.55s cubic-bezier(.16,.82,.2,1),width .72s ease,aspect-ratio .72s ease!important}
.presentation-stage.is-open .presentation-assembly{transform:rotateY(0) rotateX(0) rotateZ(0) translateX(0) translateY(0) scale(1)!important}
.presentation-stage.is-opening .presentation-assembly{animation:presentation-cinematic-open 1.65s cubic-bezier(.16,.82,.2,1) both!important}
.presentation-case-back{position:absolute;inset:0;z-index:0;transform:translateZ(-24px);background:linear-gradient(145deg,#382317,#100a07 68%,#050403);border:14px solid #24150e;box-shadow:inset 0 0 0 2px #d8a72f,inset 0 0 32px rgba(0,0,0,.5)}
.presentation-case-spine{position:absolute;z-index:1;left:-24px;top:0;width:25px;height:100%;transform-origin:right center;transform:rotateY(-90deg) translateZ(0);background:linear-gradient(90deg,#090604,#4a2d19 45%,#160d08);border:1px solid rgba(216,167,47,.55);box-shadow:inset 5px 0 12px rgba(255,214,120,.08)}
.presentation-art-wrap{inset:14px 14px 58px!important;z-index:3!important;padding:clamp(5px,.7vw,9px);background:#f4efdf!important;box-shadow:inset 0 0 0 1px rgba(53,35,22,.28),0 12px 28px rgba(0,0,0,.38)!important;transform:translateZ(5px)}
.presentation-feature-plaque{position:absolute;z-index:4;left:14px;right:14px;bottom:13px;min-height:37px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 11px;transform:translateZ(6px);background:linear-gradient(90deg,#090705,#23160c);border:1px solid rgba(216,167,47,.72);color:#ffd56a;text-align:left}
.presentation-feature-plaque b{font-size:clamp(.56rem,1vw,.72rem);letter-spacing:.14em;white-space:nowrap}.presentation-feature-plaque small{font-size:clamp(.43rem,.8vw,.56rem);letter-spacing:.12em;color:#e8e0cf;white-space:nowrap}
.presentation-standing-base{position:absolute;z-index:-1;left:50%;bottom:-64px;width:56%;height:70px;transform:translateX(-50%) translateZ(-28px) rotateX(63deg);transform-origin:top center;background:linear-gradient(180deg,#2c1a10,#070503);border:1px solid rgba(216,167,47,.5);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);box-shadow:0 22px 26px rgba(0,0,0,.46)}
.presentation-stage.is-changing .presentation-assembly{animation:none!important;transform:rotateY(11deg) rotateX(-1deg) scale(.96)!important}
.presentation-stage.is-landscape .presentation-assembly{width:min(78vw,920px)!important;aspect-ratio:17/11!important}
.presentation-stage.is-landscape .presentation-floor-shadow{width:min(78vw,940px)}
.presentation-stage.is-landscape .presentation-art-wrap{inset:14px 14px 54px!important}
@keyframes presentation-cinematic-open{0%{transform:rotateY(-58deg) rotateX(2deg) rotateZ(-1.5deg) translateX(-8%) scale(.9)}58%{transform:rotateY(8deg) rotateX(-1deg) rotateZ(.4deg) translateX(1%) scale(1.025)}100%{transform:rotateY(0) rotateX(0) rotateZ(0) translateX(0) scale(1)}}
@keyframes presentation-light-sweep{0%{transform:translateX(-80%);opacity:0}35%{opacity:1}100%{transform:translateX(85%);opacity:0}}
@media(max-width:760px){.presentation-assembly{width:min(68vw,490px)!important}.presentation-stage.is-landscape .presentation-assembly{width:88vw!important}.presentation-feature-plaque{left:9px;right:9px;bottom:8px;padding:5px 8px}.presentation-art-wrap{inset:9px 9px 46px!important}.presentation-case-back{border-width:9px}.presentation-case-spine{left:-17px;width:18px}.presentation-standing-base{bottom:-48px;height:54px}}
@media(max-width:480px){.presentation-assembly{width:76vw!important}.presentation-stage.is-landscape .presentation-assembly{width:90vw!important}.presentation-feature-plaque small{display:none}.presentation-feature-plaque{justify-content:center}.presentation-floor-shadow{top:73%}}
@media(prefers-reduced-motion:reduce){.presentation-stage.is-opening .presentation-assembly,.presentation-stage.is-opening::before{animation:none!important}}

/* v89 — presentation made unmistakable; token optical corrections. */
.presentation-feature-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(480px,1.28fr);gap:clamp(2rem,6vw,6rem);align-items:center}
.presentation-feature-grid .presentation-heading{display:block;margin:0}
.presentation-feature-grid .presentation-heading h2{margin:.55rem 0 1.25rem}
.presentation-intro{max-width:560px}
.presentation-intro p{color:#e8e0cf!important;line-height:1.72}
.presentation-obvious-cue{margin-top:1.25rem;padding:1rem 1.1rem;border-left:3px solid #ffd56a;background:rgba(255,213,106,.07);color:#fffdf7!important;font-weight:700}
.presentation-easel.is-featured{width:100%;min-width:0}
.presentation-easel.is-featured .presentation-stage{min-height:clamp(520px,56vw,760px)}
.sustainable-presentation-section>.wrap>.presentation-console{margin-top:1.25rem}
.project-orbit-grid .orbit-icon img[src*="atlas-cue-academy.png"]{transform:scale(1.08) translateX(-7%)!important}
.project-orbit-grid .orbit-saint-john-token img{transform:scale(1.08)!important}
@media(max-width:960px){.presentation-feature-grid{grid-template-columns:1fr}.presentation-feature-grid .presentation-heading{max-width:760px}.presentation-easel.is-featured .presentation-stage{min-height:600px}}
@media(max-width:600px){.presentation-easel.is-featured .presentation-stage{min-height:470px}.presentation-obvious-cue{font-size:.86rem}}

/* v90 — unmistakable clean presentation stand and replay control. */
.presentation-stage{background:radial-gradient(circle at 58% 31%,rgba(255,233,172,.18),transparent 33%),linear-gradient(145deg,#173126,#071813 72%)!important}
.presentation-case-back{background:linear-gradient(145deg,#173126,#050b08 72%)!important;border-color:#07100c!important;box-shadow:inset 0 0 0 2px #ffd56a,inset 0 0 30px rgba(0,0,0,.46)!important}
.presentation-case-spine{background:linear-gradient(90deg,#030705,#203c30 48%,#07110d)!important;border-color:rgba(255,213,106,.72)!important}
.presentation-standing-base{background:linear-gradient(180deg,#203c30,#030705)!important;border-color:rgba(255,213,106,.65)!important}
.presentation-obvious-cue{display:grid;gap:.25rem}
.presentation-obvious-cue b{color:#ffd56a;letter-spacing:.12em;font-size:.72rem}
.presentation-obvious-cue span{color:#fffdf7;font-weight:500}
.presentation-console{grid-template-columns:auto minmax(0,1fr) auto auto!important}
.presentation-replay{white-space:nowrap;background:rgba(255,213,106,.08)!important}
.joy-positioning-focus{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.75fr);gap:clamp(2rem,7vw,7rem);align-items:center}
.joy-positioning-focus blockquote{margin:1.3rem 0 0;font:clamp(1.6rem,3.5vw,3rem)/1.15 Georgia,serif;color:#ffd56a}
.joy-positioning-focus p{max-width:680px}
@media(max-width:820px){.presentation-console{grid-template-columns:1fr 1fr!important}.presentation-caption{grid-column:1/-1}.presentation-replay{grid-column:1/-1}.joy-positioning-focus{grid-template-columns:1fr}}

/* v91 — stable upper feature and one isolated two-view motion study. */
.sustainable-static-feature{background:#102b22!important}
.sustainable-static-grid{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(420px,1.22fr);gap:clamp(2rem,7vw,7rem);align-items:center}
.sustainable-static-grid>div{max-width:620px}
.sustainable-static-grid figure{margin:0;padding:14px;background:#f3ecdf;border:1px solid rgba(255,213,106,.48);box-shadow:0 24px 55px rgba(0,0,0,.28)}
.sustainable-static-grid img{display:block;width:100%;max-height:650px;object-fit:contain;filter:none!important;opacity:1!important}
.sustainable-static-grid figcaption{padding:.75rem .25rem .1rem;color:#173126;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}
.mini-presentation-study{width:min(100%,420px);margin:auto;display:grid;gap:1rem;justify-items:center;perspective:1200px}
.mini-presentation-rotor{position:relative;width:min(72vw,330px);aspect-ratio:2/3;transform-style:preserve-3d;animation:mini-presentation-turn 9s cubic-bezier(.65,0,.35,1) infinite;filter:drop-shadow(0 24px 24px rgba(0,0,0,.35))}
.mini-presentation-face{position:absolute;inset:0;margin:0;padding:8px;background:#efe6d7;border:1px solid rgba(255,213,106,.65);backface-visibility:hidden;overflow:hidden}
.mini-presentation-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:none!important;opacity:1!important}
.mini-presentation-back{transform:rotateY(180deg)}
.mini-presentation-study>span{color:#ffd56a;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;text-align:center}
@keyframes mini-presentation-turn{0%,34%{transform:rotateY(-12deg)}50%,84%{transform:rotateY(168deg)}100%{transform:rotateY(348deg)}}
@media(max-width:850px){.sustainable-static-grid{grid-template-columns:1fr}.sustainable-static-grid figure{max-width:620px}.mini-presentation-rotor{width:min(74vw,320px)}}
@media(prefers-reduced-motion:reduce){.mini-presentation-rotor{animation:none;transform:rotateY(-8deg)}}

/* v92 — photographic material reveal: isolated object, restrained motion, real material details. */
.material-cinema-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(430px,1.28fr);gap:clamp(2.5rem,7vw,7rem);align-items:center}
.material-copy{max-width:590px}.material-copy h2{margin:.55rem 0 1.2rem}.material-copy p{color:#e8e0cf!important;line-height:1.72}
.material-swatches{display:grid;grid-template-columns:repeat(4,minmax(70px,1fr));gap:clamp(.65rem,1.5vw,1rem);margin-top:2rem}
.material-swatches figure{margin:0;min-width:0}.material-swatches figcaption{margin-top:.65rem;color:#f4ead7;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;line-height:1.35}
.swatch{display:block;width:100%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,213,106,.58);box-shadow:inset 0 0 0 4px rgba(5,17,13,.56),0 10px 22px rgba(0,0,0,.3);background-repeat:no-repeat}
.swatch-marble{background:url("assets/real/presentation-display/sustainable-display-back-isolated.png") 61% 48%/320% auto}
.swatch-wood{background:url("assets/real/presentation-display/sustainable-display-back-isolated.png") 82% 48%/440% auto}
.swatch-spine{background:url("assets/real/presentation-display/sustainable-display-front-isolated.png") 54% 8%/300% auto}
.swatch-face{background:url("assets/real/presentation-display/sustainable-display-front-isolated.png") 42% 45%/340% auto}
.cinematic-product-study{position:relative;isolation:isolate;min-height:clamp(540px,58vw,760px);display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 51% 44%,#24473a 0,#0a1c16 41%,#020705 76%);border:1px solid rgba(255,213,106,.28);box-shadow:inset 0 0 100px rgba(0,0,0,.82),0 30px 70px rgba(0,0,0,.34);perspective:1800px}
.cinematic-product-study::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 26%,rgba(255,228,164,.11) 46%,transparent 64%);animation:cinematic-beam 14s ease-in-out infinite}
.cinematic-light{position:absolute;z-index:-1;left:50%;top:43%;width:72%;height:72%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(255,222,147,.2),transparent 63%);filter:blur(24px);animation:cinematic-breathe 14s ease-in-out infinite}
.cinematic-rotor{position:relative;z-index:2;width:min(76%,510px);aspect-ratio:1/1.45;transform-style:preserve-3d;animation:cinematic-turn 14s cubic-bezier(.62,.02,.38,.98) infinite;filter:drop-shadow(0 36px 34px rgba(0,0,0,.55))}
.cinematic-face{position:absolute;inset:0;margin:0;display:grid;place-items:center;backface-visibility:hidden}.cinematic-face img{display:block;width:100%;height:100%;object-fit:contain;filter:none!important;opacity:1!important}.cinematic-front img{clip-path:polygon(27% 5%,96% 16%,95% 56%,69% 83%,9% 67%)}.cinematic-back img{clip-path:polygon(15% 13%,70% 11%,77% 13%,99% 67%,44% 83%,1% 63%)}.cinematic-back{transform:rotateY(180deg)}
.cinematic-shadow{position:absolute;z-index:1;left:50%;bottom:11%;width:64%;height:8%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.75),transparent 70%);filter:blur(12px);animation:cinematic-shadow 14s ease-in-out infinite}
.cinematic-product-study>span{position:absolute;z-index:3;left:1.25rem;right:1.25rem;bottom:1.05rem;color:#d9cba9;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;text-align:center}
@keyframes cinematic-turn{0%,22%{transform:rotateY(-16deg) translateY(1.5%) scale(.93)}48%,67%{transform:rotateY(164deg) translateY(0) scale(1)}94%,100%{transform:rotateY(344deg) translateY(1.5%) scale(.93)}}
@keyframes cinematic-beam{0%,100%{transform:translateX(-72%);opacity:.18}45%,58%{transform:translateX(62%);opacity:1}}
@keyframes cinematic-breathe{0%,100%{opacity:.28;transform:translate(-50%,-50%) scale(.82)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}
@keyframes cinematic-shadow{0%,100%{width:55%;opacity:.55}50%{width:70%;opacity:.9}}
@media(max-width:960px){.material-cinema-grid{grid-template-columns:1fr}.material-copy{max-width:720px}.cinematic-product-study{min-height:650px}.material-swatches{max-width:560px}}
@media(max-width:600px){.material-swatches{grid-template-columns:repeat(2,1fr);max-width:330px}.cinematic-product-study{min-height:500px}.cinematic-rotor{width:84%}}
@media(prefers-reduced-motion:reduce){.cinematic-rotor,.cinematic-product-study::before,.cinematic-light,.cinematic-shadow{animation:none!important}.cinematic-rotor{transform:rotateY(-10deg)}}


/* v82 — show the complete archive fashion artwork without thumbnail cropping. */
.fashion-work-card img{object-fit:contain!important;object-position:center;background:#071813!important;padding:12px}
.fashion-work-card .eyebrow{display:block;margin-bottom:.55rem;font-size:.66rem;letter-spacing:.12em}

/* v83 — expanded drawing, illustration and archive presentation. */
.archive-art-card img{object-fit:contain!important;object-position:center;background:#071813!important;padding:12px}
.archive-art-card .eyebrow{display:block;margin-bottom:.55rem;font-size:.66rem;letter-spacing:.12em}
.joy-system-chart{margin:clamp(2rem,5vw,4.5rem) 0 0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:center;background:#210b2e;border:1px solid rgba(212,165,58,.35);overflow:hidden}
.joy-system-chart>img{width:100%;height:auto;display:block;object-fit:contain;background:#06162a}
.joy-system-chart figcaption{padding:clamp(1.4rem,4vw,3.2rem)}
.joy-system-chart figcaption strong{display:block;margin:.45rem 0 .7rem;color:#f6efe7;font-family:Georgia,serif;font-size:clamp(1.35rem,3vw,2rem)}
.joy-system-chart figcaption p{margin:0;color:#e8dff0;line-height:1.6}
@media(max-width:760px){.joy-system-chart{grid-template-columns:1fr}}

/* Editorial portfolio case study — story left, restored artwork right */
.editorial-case-study{background:#f0eadc;color:#18211e;border-top:1px solid rgba(183,131,40,.35);border-bottom:1px solid rgba(183,131,40,.35)}
.editorial-case-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,.78fr);gap:clamp(48px,7vw,104px);align-items:center}
.editorial-case-copy{max-width:610px;padding:24px 0}
.editorial-case-copy .eyebrow{color:#8b6421;margin-bottom:18px}
.editorial-case-copy h2{color:#12382d;font-size:clamp(44px,5vw,72px);max-width:560px}
.editorial-case-copy p{font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.68;color:#343b37}
.editorial-case-copy .case-quote{margin:28px 0;color:#8b6421;font-size:clamp(25px,2.5vw,36px);line-height:1.25}
.editorial-case-copy .editorial-case-note{margin-top:28px;padding-top:20px;border-top:1px solid rgba(139,100,33,.35);font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.55;letter-spacing:.04em;color:#686861}
.editorial-case-art{margin:0;justify-self:end;width:min(100%,500px)}
.case-art-open{display:block;background:#ddd2bf;border:1px solid rgba(52,45,34,.22);padding:14px;box-shadow:0 28px 65px rgba(25,28,23,.22);transition:transform .25s ease,box-shadow .25s ease}
.case-art-open:hover,.case-art-open:focus-visible{transform:translateY(-4px);box-shadow:0 34px 74px rgba(25,28,23,.29)}
.case-art-open img{display:block;width:100%;height:auto;max-height:760px;object-fit:contain;background:#e9dfce}
.editorial-case-art figcaption{margin-top:14px;color:#6c6a63;font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-align:center}
@media(max-width:900px){.editorial-case-grid{grid-template-columns:1fr}.editorial-case-art{justify-self:center;width:min(100%,520px)}.editorial-case-copy{max-width:700px}.editorial-case-copy h2{font-size:clamp(40px,9vw,62px)}}