/* =====================================================================
   Meridian Technology Care - shared styles for Home, How it works,
   Dublin and Powell. Every value is carried over from the live site
   (index.html, 9/25 build): the same tokens, metallic gold, film grain,
   hairlines, glass cards, drop cap, motion timings and reduced-motion rules.
   The Signal, Pause Protocol, request, privacy and 404 pages keep their own
   styles, exactly as on the live site.
   ===================================================================== */

/* self-hosted variable fonts - no third-party requests */
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 900;font-display:swap;src:url('playfair-latin-var.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400 900;font-display:swap;src:url('playfair-italic-latin-var.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Jost';font-style:normal;font-weight:100 900;font-display:swap;src:url('jost-latin-var.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Jost';font-style:italic;font-weight:100 900;font-display:swap;src:url('jost-italic-latin-var.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

/* seamless cross-page transitions (progressive enhancement) */
@view-transition{navigation:auto;}
::view-transition-old(root){animation:mVtOut .28s ease both;}
::view-transition-new(root){animation:mVtIn .36s ease both;}
@keyframes mVtOut{to{opacity:0;}}
@keyframes mVtIn{from{opacity:0;}}

:root{
  --navy:#0D1B2A;
  --navy-deep:#081019;
  --anchor:#152336;
  --gold:#C4973A;
  --champagne:#D4AE62;
  --gold-lt:#E7C879;
  --cream:#F7F2E8;
  --slate:#7A95AD;
  --maxw:1140px;
  --serif:'Playfair Display', Georgia, serif;
  --sans:'Jost', -apple-system, sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;scroll-padding-top:88px;font-size:18px;-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-x:clip;}
body{font-family:var(--sans);font-weight:300;line-height:1.7;color:var(--cream);background:var(--navy);overflow-x:hidden;overflow-x:clip;}
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.14;letter-spacing:-0.018em;text-wrap:balance;}
p{text-wrap:pretty;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
ul{list-style:none;}
::selection{background:rgba(196,151,58,.9);color:var(--navy-deep);}
html{scrollbar-color:var(--gold) var(--navy-deep);}
::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-track{background:var(--navy-deep);}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--champagne),var(--gold));border-radius:5px;border:2px solid var(--navy-deep);}
.skip{position:fixed;left:-999px;top:12px;z-index:200;background:var(--navy-deep);color:var(--gold);padding:10px 18px;border:1px solid var(--gold);border-radius:4px;font-family:var(--sans);font-size:.9rem;letter-spacing:.06em;}
.skip:focus{left:12px;}
.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;}

/* film grain - the faint texture over every surface */
body::before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:140px 140px;}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px;}
.light a:focus-visible,.light button:focus-visible,.light summary:focus-visible{outline-color:#6d5116;}

/* entrance veil (Home and the postcard pages) */
.veil{display:none;}
.js .veil{display:flex;position:fixed;inset:0;z-index:300;background:var(--navy-deep);align-items:center;justify-content:center;transform:translateY(0);transition:transform .8s cubic-bezier(.7,0,.2,1);}
.veil .v-emblem{width:94px;height:94px;opacity:0;animation:vIn .65s ease .08s forwards;}
@keyframes vIn{to{opacity:1;}}
.js .veil.lift{transform:translateY(-101%);}
.no-veil .veil{display:none!important;}

.container{max-width:var(--maxw);margin:0 auto;padding:0 32px;}

/* gold metallic text */
.gold{color:var(--gold);}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .gold{
    background:linear-gradient(176deg,var(--gold-lt) 0%,var(--gold) 46%,#8E6A28 76%,var(--champagne) 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
}
.eyebrow{font-family:var(--sans);font-weight:500;font-size:.72rem;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);display:inline-block;margin-bottom:1.3rem;}

/* emblem (logo) reused everywhere via one image */
.emblem{display:block;background-image:url('meridian-emblem.png');background-size:contain;background-repeat:no-repeat;background-position:center;}

/* gold diamond divider */
.divider{display:flex;align-items:center;justify-content:center;gap:16px;margin:1.5rem 0;}
.divider .h{height:1px;width:64px;}
.divider .h.l{background:linear-gradient(90deg,transparent,var(--gold));}
.divider .h.r{background:linear-gradient(90deg,var(--gold),transparent);}
.divider .d{width:8px;height:8px;background:var(--gold);transform:rotate(45deg);}

/* buttons */
.btn{display:inline-block;font-family:var(--sans);font-weight:500;font-size:1.02rem;letter-spacing:.02em;padding:1.05rem 2.3rem;border-radius:2px;transition:all .35s ease;cursor:pointer;border:1.5px solid transparent;}
.btn-gold{position:relative;overflow:hidden;background:linear-gradient(176deg,var(--gold-lt),var(--gold) 60%,#a87f30);color:#1a1205;font-weight:600;}
.btn-gold::after{content:"";position:absolute;top:0;left:-80%;width:55%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,252,240,.55),transparent);transform:skewX(-20deg);transition:left .6s ease;pointer-events:none;}
.btn-gold:hover::after{left:125%;}
.btn-gold:hover{filter:brightness(1.07);transform:translateY(-2px);box-shadow:0 16px 38px -14px rgba(196,151,58,.7);}
.btn-ghost{border-color:rgba(247,242,232,.4);color:var(--cream);}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold);background:rgba(196,151,58,.08);}
.btn-row{display:flex;flex-wrap:wrap;gap:18px;align-items:center;}
.light .btn-ghost{border-color:rgba(13,27,42,.35);color:var(--navy);}
.light .btn-ghost:hover{border-color:#8a671c;color:#8a671c;background:rgba(138,103,28,.06);}

.micro{font-size:.82rem;letter-spacing:.06em;color:#869fb6;}
.micro a{color:var(--champagne);}
.micro a:hover{color:var(--gold-lt);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;}

/* a quiet text link whose gold underline draws in on hover */
.more{display:inline-block;font-family:var(--sans);font-weight:500;font-size:.98rem;letter-spacing:.04em;color:var(--gold);padding:8px 0;
  background-image:linear-gradient(var(--gold),var(--gold));background-repeat:no-repeat;background-position:0 100%;background-size:28% 1px;transition:background-size .5s cubic-bezier(.2,.7,.2,1),color .3s ease;}
.more:hover,.more:focus-visible{background-size:100% 1px;color:var(--gold-lt);}
.more .arr{display:inline-block;margin-left:8px;transition:transform .4s cubic-bezier(.2,.7,.2,1);}
.more:hover .arr{transform:translateX(4px);}
.light .more{color:#8a671c;background-image:linear-gradient(#8a671c,#8a671c);}
.light .more:hover,.light .more:focus-visible{color:#6d5116;}

/* header */
header{position:sticky;top:0;z-index:60;background:rgba(8,16,25,.84);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(196,151,58,.16);transition:background .3s ease,box-shadow .3s ease,border-color .3s ease;}
header.scrolled{background:rgba(6,12,20,.96);box-shadow:0 8px 30px -14px rgba(0,0,0,.7);border-bottom-color:rgba(196,151,58,.3);}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 32px;max-width:var(--maxw);margin:0 auto;}
.nav-brand{display:flex;align-items:center;gap:13px;}
.nav-brand .emblem{width:40px;height:40px;flex-shrink:0;}
.nav-brand .nb-name{font-family:var(--serif);font-weight:600;font-size:1.14rem;letter-spacing:.06em;line-height:1;}
.nav-brand .nb-sub{display:block;font-family:var(--sans);font-weight:400;font-size:.56rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-top:5px;}
@supports ((-webkit-background-clip:text) or (background-clip:text)){.nav-brand .nb-sub,.foot .fb .fs{-webkit-text-fill-color:var(--gold);}}
.nav-right{display:flex;align-items:center;gap:14px;}
.nav-phone{font-weight:500;font-size:.98rem;color:var(--cream);display:flex;align-items:center;gap:8px;}
.nav-phone:hover{color:var(--gold);}
.nav-phone svg{width:16px;height:16px;}
.nav-div{width:5px;height:5px;background:var(--gold);transform:rotate(45deg);opacity:.68;flex-shrink:0;}
.nav .btn{padding:.7rem 1.4rem;font-size:.92rem;}
/* header explore dropdown */
.menu{position:relative;}
.menu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px;font-family:var(--sans);font-weight:500;font-size:.95rem;letter-spacing:.04em;color:var(--cream);padding:.45rem .2rem;}
.menu>summary::-webkit-details-marker{display:none;}
.menu>summary:hover{color:var(--gold);}
.menu>summary svg{width:12px;height:12px;transition:transform .3s ease;}
.menu[open]>summary svg.chev{transform:rotate(180deg);}
.menu .bars{display:none;}
.menu-list .ph-m{display:none;}
.menu-list{position:absolute;top:calc(100% + 14px);right:0;min-width:232px;background:rgba(8,16,25,.98);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(196,151,58,.3);border-radius:6px;padding:10px;display:flex;flex-direction:column;box-shadow:0 22px 54px -20px rgba(0,0,0,.85);z-index:80;}
.menu[open] .menu-list{animation:menuIn .28s cubic-bezier(.2,.7,.2,1);}
@keyframes menuIn{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}
.menu-list a{display:block;padding:11px 16px;font-family:var(--sans);font-weight:400;font-size:.9rem;letter-spacing:.08em;color:rgba(247,242,232,.86);border-radius:4px;transition:background .2s ease,color .2s ease;}
.menu-list a:hover{background:rgba(196,151,58,.12);color:var(--gold);}

.util-bar{background:var(--navy-deep);border-bottom:1px solid rgba(196,151,58,.18);}
.util-bar .ub-inner{max-width:var(--maxw);margin:0 auto;padding:9px 32px;display:flex;align-items:center;justify-content:center;}
.util-bar .ub-mid{font-family:var(--sans);font-size:.66rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:rgba(247,242,232,.6);display:flex;align-items:center;gap:13px;text-align:center;}
.util-bar .ub-mid .dia{width:4px;height:4px;background:var(--gold);transform:rotate(45deg);opacity:.75;flex-shrink:0;}

/* hero */
.hero{position:relative;padding:clamp(44px,7vh,84px) 0 clamp(60px,9.2vh,96px);overflow:hidden;text-align:center;
  background:radial-gradient(ellipse 90% 70% at 50% 22%, #1b2d46 0%, var(--navy) 52%, var(--navy-deep) 100%);}
.hero::after{content:"";position:absolute;inset:-10% -20%;background:radial-gradient(ellipse 46% 34% at 50% 30%,rgba(196,151,58,.10),transparent 70%);opacity:.5;animation:heroGlow 11s ease-in-out infinite alternate;pointer-events:none;}
@keyframes heroGlow{from{opacity:.3;}to{opacity:.85;}}
.hero .container{position:relative;z-index:1;}
.hero .watermark{position:absolute;right:-140px;top:56px;width:540px;height:540px;opacity:.05;pointer-events:none;}
.hero-inner{position:relative;max-width:1060px;margin:0 auto;}
.hero .emblem.crest{width:clamp(96px,14.5vh,160px);height:clamp(96px,14.5vh,160px);margin:0 auto 14px;filter:drop-shadow(0 10px 30px rgba(0,0,0,.5));}
/* wordmark: the live lockup, sized to the screen's height so the headline and the button stay on the first screen */
.wordmark{text-align:center;}
.wordmark .name{font-family:var(--serif);font-weight:600;font-size:clamp(2.1rem,5.6vh,3.4rem);letter-spacing:.14em;text-indent:.14em;line-height:1;}
.wordmark .subrow{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:clamp(10px,1.4vh,14px);}
.wordmark .subrow .h{height:1px;width:clamp(22px,4vh,46px);background:var(--gold);opacity:.7;}
.wordmark .sub{font-family:var(--sans);font-weight:400;font-size:clamp(.6rem,1.25vh,.78rem);letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;color:var(--cream);}
.hero .divider{margin:1.1rem 0 1.6rem;}
.hero .overline{font-family:var(--sans);font-weight:500;font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;color:var(--champagne);margin:0 auto 1.2rem;}
.hero h1{font-size:clamp(1.9rem,3.9vw,2.95rem);color:var(--cream);margin:0 auto 1.3rem;max-width:1040px;font-weight:600;}
.hero h1 .line{display:block;}
.hero h1 em{font-style:italic;color:var(--gold);}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .hero h1 em{background:linear-gradient(176deg,var(--gold-lt) 0%,var(--gold) 46%,#8E6A28 76%,var(--champagne) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-right:.06em;}
  /* slow metallic sheen across the hero wordmark (as on the live site) */
  .hero .wordmark .name{
    background-image:linear-gradient(110deg,transparent 44%,rgba(255,248,228,.6) 50%,transparent 56%),linear-gradient(176deg,var(--gold-lt) 0%,var(--gold) 46%,#8E6A28 76%,var(--champagne) 100%);
    background-size:230% 100%,100% 100%;
    background-position:-130% 0,0 0;
    animation:sheen 8.5s ease-in-out 2.2s infinite;
  }
}
@keyframes sheen{0%{background-position:-130% 0,0 0;}22%{background-position:230% 0,0 0;}100%{background-position:230% 0,0 0;}}
.hero .lede{font-size:1.2rem;color:rgba(247,242,232,.82);max-width:620px;margin:0 auto 2.3rem;line-height:1.62;text-wrap:balance;}
.hero .lede b{color:var(--cream);font-weight:500;}
.hero .btn-row{justify-content:center;}
.hero .cta-micro{margin-top:1.4rem;}
/* postcard pages: a longer opening (the card's promise restated), kept tight so the Call button stays high */
.hero.landing .lede{max-width:760px;}
.hero.landing .eyebrow{margin-bottom:1rem;}
.hero.inner{padding:76px 0 80px;}
.hero.inner .emblem.crest{width:clamp(92px,11vw,124px);height:clamp(92px,11vw,124px);margin-bottom:24px;}
.hero.inner h1{font-size:clamp(1.9rem,4.4vw,3rem);max-width:760px;}
.hero.inner .lede{margin-bottom:0;max-width:640px;font-size:1.15rem;}

/* trust band */
.trust{background:var(--navy-deep);padding:46px 0;border-top:1px solid rgba(196,151,58,.16);border-bottom:1px solid rgba(196,151,58,.16);}
.trust-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 0;}
.trust-item{display:flex;align-items:center;gap:9px;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(247,242,232,.85);padding:6px 26px;position:relative;}
.trust-item:not(:last-child)::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:18px;background:rgba(196,151,58,.45);}
.trust-item svg{width:17px;height:17px;color:var(--gold);}
.trust-item b{color:var(--champagne);font-weight:500;}

/* generic section */
section.band{padding:84px 0;position:relative;}
.band:not(.light)::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(420px,62%);height:1px;background:linear-gradient(90deg,transparent,rgba(196,151,58,.42),transparent);}
.wm-mid{position:absolute;left:-170px;top:50%;transform:translateY(-50%);width:480px;height:480px;opacity:.04;pointer-events:none;}
.band>.container{position:relative;z-index:1;}
.light{background:var(--cream);color:#1a2533;}
.light h2,.light h3{color:var(--navy);}
.light p{color:#46535f;}
.anchor-bg{background:var(--anchor);}
.section-head{max-width:680px;margin:0 auto 44px;text-align:center;}
.section-head h2{font-size:clamp(2rem,4vw,2.8rem);}
.section-head .divider{margin:1.2rem 0 0;}
.section-sub{font-family:var(--sans);font-weight:400;font-size:1.05rem;line-height:1.55;letter-spacing:.02em;color:rgba(247,242,232,.72);margin-top:14px;}
.light .section-sub{color:#4c6377;}
.light .eyebrow{color:#8a671c;}
.light .gold{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#8a671c;}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .light h2.gold,.light .keys .gold{background:linear-gradient(176deg,#a8801f 0%,#8a671c 46%,#6d5116 76%,#96731d 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}
}
.center{text-align:center;}

/* the four categories - glass cards */
.pillar-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;}
.card{background:linear-gradient(160deg,rgba(247,242,232,.05),rgba(247,242,232,.02));border:1px solid rgba(196,151,58,.24);border-radius:6px;padding:44px 40px;transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease;}
.card:hover{transform:translateY(-4px);border-color:rgba(196,151,58,.55);box-shadow:0 26px 50px -30px rgba(0,0,0,.65);}
.card .ico{width:46px;height:46px;margin-bottom:22px;color:var(--gold);}
.card .lbl{display:block;font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;font-weight:500;}
.card h3{font-size:1.5rem;color:var(--cream);margin-bottom:.9rem;}
.card p{color:rgba(247,242,232,.78);font-size:1.02rem;}
.card p a{color:var(--gold);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;}
.after-grid{margin-top:40px;text-align:center;}

/* how it works */
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.how-item{padding-top:24px;border-top:1px solid rgba(196,151,58,.3);}
.how-item .n{font-family:var(--serif);font-size:1.05rem;letter-spacing:.08em;margin-bottom:14px;}
.how-item h3{font-size:1.35rem;color:var(--cream);margin-bottom:.7rem;}
.how-item p{font-size:1rem;color:rgba(247,242,232,.76);}
.how-item p a{color:#8a671c;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;}
.light .how-item{border-top-color:rgba(138,103,28,.45);}
.light .how-item h3{color:var(--navy);}
.light .how-item p{color:#46535f;}
/* compact 90-day phase strip */
.phases{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0 34px;}
.phase{padding:18px 20px;border:1px solid rgba(196,151,58,.35);border-radius:6px;background:rgba(196,151,58,.05);}
.phase .pn{display:block;font-family:var(--sans);font-weight:500;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:#7a5a16;margin-bottom:7px;}
.phase h4{font-family:var(--serif);font-weight:600;font-size:1.06rem;color:var(--navy);margin-bottom:6px;}
.phase p{font-size:.9rem;line-height:1.5;color:#46535f;margin:0;}
.visit-wrap{max-width:760px;margin:0 auto;}
.visit-list{display:flex;flex-direction:column;gap:18px;}
.visit-list li{display:flex;gap:14px;font-size:1.1rem;color:#3a4658;line-height:1.5;align-items:flex-start;}
.visit-list li svg{width:22px;height:22px;flex-shrink:0;color:var(--gold);margin-top:4px;}
.visit-best{margin-top:22px;font-size:.92rem;color:#52606f;line-height:1.6;text-align:center;}
.visit-best .lbl{display:inline-block;font-size:.7rem;letter-spacing:.26em;text-transform:uppercase;color:#8a671c;font-weight:500;}
.visit-credit{margin-top:22px;text-align:center;font-size:.86rem;font-style:italic;color:#52606f;}
.visit-cta{margin-top:40px;padding-top:32px;border-top:1px solid rgba(196,151,58,.45);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:26px;}
.commit{border:1px solid var(--gold);border-radius:8px;padding:34px 34px 30px;text-align:center;background:radial-gradient(120% 80% at 50% 0%,rgba(196,151,58,.08),transparent 70%);max-width:680px;margin:38px auto 0;}
.commit .eyebrow{margin-bottom:1rem;}
.commit p{font-family:var(--serif);font-weight:500;font-size:1.34rem;line-height:1.42;color:var(--navy);margin:0;}

/* status, never secrets */
.keys{border:1px solid var(--gold);border-radius:8px;padding:30px 34px 26px;text-align:center;background:radial-gradient(120% 80% at 50% 0%,rgba(196,151,58,.08),transparent 70%);max-width:680px;margin:0 auto;}
.keys p{font-family:var(--serif);font-weight:500;font-size:1.22rem;line-height:1.45;color:var(--cream);margin:0;}
.light .keys{border-color:rgba(138,103,28,.65);}
.light .keys p{color:var(--navy);}
.keys .lead{display:block;font-family:var(--sans);font-weight:500;font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;}
.light .keys .lead{color:#7a5a16;}
.light .commit .eyebrow{color:#7a5a16;}
.ongoing-list{display:flex;flex-direction:column;gap:16px;margin:0 auto 38px;max-width:640px;}
.ongoing-list li{display:flex;gap:12px;font-size:1.04rem;color:rgba(247,242,232,.85);line-height:1.45;align-items:flex-start;}
.ongoing-list li svg{width:18px;height:18px;flex-shrink:0;color:var(--gold);margin-top:4px;}
.ongoing-list li b{color:var(--cream);font-weight:500;}
.light .ongoing-list li{color:#3a4658;}
.light .ongoing-list li b{color:var(--navy);}
.light .ongoing-list li svg{color:#8a671c;}

/* founder */
.founder{display:grid;grid-template-columns:320px 1fr;gap:60px;align-items:center;max-width:1000px;margin:0 auto;}
.founder .photo{width:280px;height:280px;border-radius:50%;margin:0 auto;position:relative;background:radial-gradient(circle at 50% 38%,#1d3050,var(--navy));border:1px solid rgba(196,151,58,.4);box-shadow:0 0 0 8px rgba(196,151,58,.06),0 30px 60px -30px rgba(0,0,0,.7);}
.founder .photo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;border-radius:50%;}
.founder .fname{font-family:var(--serif);font-weight:600;font-size:clamp(2rem,4vw,2.7rem);letter-spacing:.1em;line-height:1;}
.founder .frole{font-size:.72rem;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin:12px 0 22px;}
.founder p{font-size:1.06rem;color:rgba(247,242,232,.84);line-height:1.7;}
.founder p+p{margin-top:1.1rem;}
.founder .story p:first-of-type::first-letter{font-family:var(--serif);font-weight:600;font-size:3.15em;line-height:.82;float:left;margin:8px 12px 0 0;color:var(--gold);}
.founder .pillar-line{margin-top:1.6rem;padding-top:1.4rem;border-top:1px solid rgba(196,151,58,.28);font-family:var(--serif);font-style:italic;font-weight:500;font-size:1.22rem;line-height:1.45;color:var(--cream);}

/* faq */
.faq{max-width:780px;margin:0 auto;}
.faq details{border-bottom:1px solid rgba(196,151,58,.2);padding:6px 0;}
.faq summary{list-style:none;cursor:pointer;padding:22px 44px 22px 4px;font-family:var(--serif);font-weight:500;font-size:1.18rem;color:var(--cream);position:relative;transition:color .25s ease;}
.faq summary:hover{color:var(--gold-lt);}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-family:var(--sans);font-weight:300;font-size:1.7rem;color:var(--gold);transition:transform .3s ease;}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg);}
.faq .ans{padding:0 4px 24px;font-size:1.02rem;color:rgba(247,242,232,.78);line-height:1.65;max-width:680px;}
.faq details[open] .ans{animation:faqIn .35s ease;}
@keyframes faqIn{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}

/* contact */
.contact{position:relative;text-align:center;padding:108px 0;overflow:hidden;
  background:radial-gradient(ellipse 90% 80% at 50% 0%,#1b2d46,var(--navy) 55%,var(--navy-deep));}
.contact .watermark{position:absolute;left:-180px;bottom:-160px;width:540px;height:540px;opacity:.045;pointer-events:none;}
.contact .container{position:relative;}
.contact .tagline{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(1.4rem,3.2vw,2.1rem);max-width:760px;margin:0 auto 1.8rem;line-height:1.34;}
.contact h2{font-size:clamp(1.8rem,3.6vw,2.5rem);color:var(--cream);margin-bottom:1.8rem;}
.contact .btn-row{justify-content:center;}
.contact .email{display:block;margin-top:1.6rem;font-size:1.05rem;color:rgba(247,242,232,.82);}
.contact .email a{color:var(--gold);text-underline-offset:3px;}
.contact .email a:hover{text-decoration:underline;text-decoration-thickness:1px;}
.contact .cta-micro{margin-top:1.2rem;}
/* values bar */
.values{margin-top:3rem;}
.values .row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;font-size:.74rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:500;}
.values .row .v{padding:0 4px;}
.values .row .dot{width:5px;height:5px;background:var(--gold);transform:rotate(45deg);opacity:.8;}

/* footer */
footer{background:#060e17;padding:56px 0 38px;border-top:1px solid rgba(196,151,58,.14);}
.foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px;}
.foot .fb{display:flex;align-items:center;gap:13px;}
.foot .fb .emblem{width:42px;height:42px;}
.foot .fb .fn{font-family:var(--serif);font-weight:600;font-size:1.05rem;letter-spacing:.06em;}
.foot .fb .fs{display:block;font-size:.56rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-top:4px;}
.foot-meta{font-size:.84rem;color:var(--slate);text-align:right;line-height:1.9;}
.foot-meta a{color:rgba(247,242,232,.72);}
.foot-meta a:hover{color:var(--gold);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px;text-decoration-thickness:1px;}
.legal{margin-top:34px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06);text-align:center;font-size:.74rem;color:rgba(122,149,173,.85);letter-spacing:.04em;line-height:2;}
.legal a{color:inherit;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;}
.legal a:hover{color:var(--gold);}
.disclaimer{max-width:880px;margin:16px auto 0;text-align:center;font-size:.64rem;line-height:1.65;color:rgba(122,149,173,.85);letter-spacing:.02em;}

/* reveal */
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1);}
.reveal.vis{opacity:1;transform:none;}
.js .stag>*{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease;}
.stag.vis>*{opacity:1;transform:none;}
.stag.vis>*:nth-child(2){transition-delay:.1s;}
.stag.vis>*:nth-child(3){transition-delay:.2s;}
.stag.vis>*:nth-child(4){transition-delay:.3s;}
.stag.vis>*:nth-child(5){transition-delay:.4s;}
.stag.vis>*:nth-child(6){transition-delay:.5s;}
.pillar-grid>.reveal:nth-child(even){transition-delay:.12s;}

/* scroll polish: gold divider draws in */
.js .reveal .divider .h,.js .stag .divider .h,.js .stag>.divider .h{transform:scaleX(0);transition:transform 1.2s cubic-bezier(.22,.75,.2,1) .35s;}
.js .reveal .divider .h.l,.js .stag .divider .h.l{transform-origin:right center;}
.js .reveal .divider .h.r,.js .stag .divider .h.r{transform-origin:left center;}
.js .reveal .divider .d,.js .stag .divider .d{opacity:0;transform:rotate(45deg) scale(.4);transition:opacity .7s ease .3s,transform .8s cubic-bezier(.34,1.4,.4,1) .3s;}
.reveal.vis .divider .h,.stag.vis .divider .h{transform:scaleX(1);}
.reveal.vis .divider .d,.stag.vis .divider .d{opacity:1;transform:rotate(45deg) scale(1);}

/* scroll polish: eyebrow labels track in */
.js .reveal .eyebrow{opacity:0;letter-spacing:.52em;transition:opacity .9s ease .15s,letter-spacing 1.25s cubic-bezier(.2,.7,.2,1) .15s;}
.reveal.vis .eyebrow{opacity:1;letter-spacing:.34em;}

/* scroll progress hairline */
.progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:90;pointer-events:none;}
.progress b{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold) 0%,var(--gold-lt) 100%);box-shadow:0 0 10px rgba(196,151,58,.5);}

/* back to top */
.to-top{position:fixed;right:26px;bottom:26px;z-index:70;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(8,16,25,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(196,151,58,.4);color:var(--gold);opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .45s ease,transform .45s ease,visibility .45s,border-color .3s ease;}
.to-top.show{opacity:1;visibility:visible;transform:none;}
.to-top:hover{border-color:var(--gold);}
.to-top svg{width:18px;height:18px;}

/* responsive */
@media(max-width:880px){
  .pillar-grid,.how-grid{grid-template-columns:1fr;}
  .phases{grid-template-columns:1fr;gap:12px;}
  .founder{grid-template-columns:1fr;gap:42px;text-align:center;}
  .founder .frole{margin-left:auto;margin-right:auto;}
  .founder .story p:first-of-type::first-letter{float:none;font-size:inherit;font-family:inherit;font-weight:inherit;line-height:inherit;color:inherit;margin:0;}
  .nav-phone span.t{display:none;}
  .foot{flex-direction:column;align-items:flex-start;}
  .foot-meta{text-align:left;}
  .trust-item{padding:6px 14px;}
  .trust-item:not(:last-child)::after{display:none;}
}
@media(max-width:640px){
  .nav-div{display:none;}
  .menu>summary .mx{display:none;}
  .menu>summary svg.chev{display:none;}
  .menu .bars{display:block;width:22px;height:22px;}
  .menu>summary{padding:.6rem .5rem;}
  .menu-list{position:fixed;top:calc(100% + 8px);left:14px;right:14px;min-width:0;}
  .util-bar .ub-inner{padding:8px 18px;}
  .util-bar .ub-mid{font-size:.58rem;letter-spacing:.12em;gap:9px;}
  .hero .watermark{width:340px;height:340px;right:-90px;}
  .contact .watermark{width:320px;height:320px;left:-90px;bottom:-90px;}
  .wm-mid{display:none;}
}
@media(max-width:520px){
  html{font-size:16px;}
  section.band{padding:58px 0;}
  .container{padding:0 22px;}
  .nav{padding:12px 18px;}
  .nav-brand{gap:10px;}
  .nav-brand .emblem{width:36px;height:36px;}
  .nav-brand .nb-sub{display:none;}
  /* phones: the phone icon stays in the pinned header (hidden only on the narrowest phones, below) */
  .nav{padding:12px 14px;}
  .nav-brand{gap:8px;min-height:44px;}
  .nav-brand .nb-name{font-size:.98rem;letter-spacing:.05em;}
  .nav-right{gap:6px;}
  .nav-phone{display:flex;padding:10px 6px;}
  .nav-phone svg{width:20px;height:20px;}
  .menu>summary{min-width:44px;min-height:44px;justify-content:center;}
  .legal a{display:inline-block;padding:6px 2px;}
  .nav .btn{padding:.55rem .75rem;font-size:.78rem;letter-spacing:.01em;white-space:nowrap;}
  .menu-list .ph-m{display:flex;align-items:center;gap:10px;border-top:1px solid rgba(196,151,58,.25);margin-top:6px;padding-top:14px;color:var(--gold);}
  .btn{width:100%;text-align:center;}
  .nav .btn{width:auto;}
  .card{padding:34px 28px;}
  .hero{padding:40px 0 58px;}
  .hero .emblem.crest{width:84px;height:84px;margin-bottom:10px;}
  .wordmark .name{font-size:2.05rem;}
  .wordmark .subrow{gap:11px;margin-top:10px;}
  .wordmark .subrow .h{width:26px;}
  .wordmark .sub{font-size:.62rem;letter-spacing:.38em;text-indent:.38em;}
  .hero .divider{margin:.9rem 0 1.25rem;}
  .hero .overline{font-size:.7rem;letter-spacing:.22em;}
  .hero .watermark,.contact .watermark{opacity:.04;}
  .to-top{right:16px;bottom:16px;width:44px;height:44px;}
  .keys,.commit{padding:26px 22px 22px;}
}
@media(prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root){animation:none!important;}
  .js .veil{display:none!important;}
  *{scroll-behavior:auto!important;animation:none!important;}
  .js .reveal,.js .stag>*{opacity:1!important;transform:none!important;transition:none!important;}
  .js .reveal .divider .h,.js .stag .divider .h{transform:scaleX(1)!important;transition:none!important;}
  .js .reveal .divider .d,.js .stag .divider .d{opacity:1!important;transform:rotate(45deg)!important;transition:none!important;}
  .js .reveal .eyebrow{opacity:1!important;letter-spacing:.34em!important;transition:none!important;}
  .to-top{transition:none!important;}
  .hero::after,.hero .wordmark .name{animation:none!important;}
  .btn-gold::after{display:none!important;}
  .card:hover,.btn-gold:hover{transform:none!important;}
}
/* short laptop screens: the wordmark, the headline and the button all stay on the first screen */
@media(min-width:641px) and (max-height:775px){
  .hero{padding-top:36px;}
  .hero:not(.inner) .emblem.crest{width:84px;height:84px;margin-bottom:10px;}
  .hero .divider{margin:.8rem 0 1.1rem;}
  .hero h1{font-size:clamp(1.9rem,3.4vw,2.6rem);margin-bottom:1.1rem;}
  .hero .lede{font-size:1.12rem;margin-bottom:1.7rem;}
}
@media(min-width:641px) and (max-height:680px){
  .hero{padding-top:26px;}
  .hero:not(.inner) .emblem.crest{width:70px;height:70px;}
  .wordmark .name{font-size:1.95rem;}
  .hero h1{font-size:clamp(1.8rem,3.1vw,2.35rem);}
  .hero .lede{margin-bottom:1.4rem;}
}
/* phones held sideways: little height, so the lockup shrinks and the headline stays on the first screen */
@media(min-width:641px) and (max-height:500px){
  .hero{padding-top:18px;}
  .hero:not(.inner) .emblem.crest{width:56px;height:56px;margin-bottom:6px;}
  .wordmark .name{font-size:1.7rem;}
  .hero .divider{margin:.5rem 0 .7rem;}
  .hero h1{font-size:clamp(1.6rem,2.8vw,2rem);margin-bottom:.9rem;}
  .hero .lede{font-size:1.05rem;margin-bottom:1.2rem;}
}
@media(max-width:520px){
  .hero.landing{padding-top:28px;}
  .hero.landing .emblem.crest{width:74px;height:74px;margin-bottom:8px;}
  .hero.landing .divider{margin:.75rem 0 1rem;}
  .hero.landing h1{margin-bottom:1rem;}
  .hero.landing .lede{font-size:1.1rem;margin-bottom:1.6rem;}
}
/* phones whose visible screen is short (a phone browser with its bars showing): tighter spacing so the gold button is on the first screen */
@media(max-width:520px) and (max-height:760px){
  .util-bar .ub-inner{padding:6px 18px;}
  .hero{padding-top:28px;}
  .hero .emblem.crest{width:74px;height:74px;margin-bottom:8px;}
  .hero .divider{margin:.75rem 0 1rem;}
  .hero h1{margin-bottom:1rem;}
  .hero .lede{font-size:1.1rem;margin-bottom:1.6rem;}
  .hero.landing .emblem.crest{width:64px;height:64px;}
  .hero.landing .eyebrow{margin-bottom:.5rem;}
  .hero.landing .lede{font-size:1rem;margin-bottom:1.1rem;}
}
/* small phones: the header row keeps the name, the menu and the button on one line */
@media(max-width:400px){
  .nav{padding:12px 14px;}
  .nav-brand{gap:8px;}
  .nav-brand .emblem{width:32px;height:32px;}
  .nav-brand .nb-name{font-size:.98rem;letter-spacing:.05em;}
  .nav-right{gap:6px;}
  .menu>summary{padding:.5rem .3rem;}
  .nav .btn{padding:.55rem .75rem;font-size:.78rem;letter-spacing:.01em;}
}
@media(max-width:389px){
  .nav-phone{display:none;}
}
/* small tablets and narrow windows: the header button stays on one line */
@media(min-width:521px) and (max-width:600px){
  .nav{padding:14px 20px;}
  .nav-brand .nb-sub{display:none;}
  .nav .btn{padding:.6rem 1rem;font-size:.85rem;white-space:nowrap;}
}
/* the very smallest phones: the button may take two lines rather than be cut off */
@media(max-width:345px){
  .nav .btn{white-space:normal;line-height:1.25;max-width:118px;}
  .menu>summary{min-width:38px;}
  .hero h1{font-size:1.68rem;}
}

/* ---- home: the category line, "Private Digital Stewardship", above the headline ----
   One line, never wrapped. The spacing around it is trimmed at every screen size so the wordmark,
   the headline and the gold button still share the first screen. These rules come last and name
   .hero.home, so they apply to the homepage only (the postcard pages keep their own opening). */
.hero .eyebrow.cat{font-size:clamp(.9rem,3.6vw,1.2rem);line-height:1.3;margin-bottom:.9rem;white-space:nowrap;}
.js .reveal .eyebrow.cat{letter-spacing:.44em;}
.reveal.vis .eyebrow.cat{letter-spacing:.34em;}
.hero.home .divider{margin:1rem 0 1.05rem;}
.hero.home h1{margin-bottom:1.15rem;}
.hero.home .lede{margin-bottom:2rem;}
/* phones: as large as one line allows, with slightly closer letter-spacing */
@media(max-width:520px){
  .hero .eyebrow.cat{font-size:clamp(.8rem,4.3vw,1.05rem);letter-spacing:.2em;margin-bottom:.8rem;}
  .js .reveal .eyebrow.cat{letter-spacing:.28em;}
  .reveal.vis .eyebrow.cat{letter-spacing:.2em;}
  .hero.home .divider{margin:.9rem 0 1rem;}
}
@media(max-width:520px) and (prefers-reduced-motion:reduce){
  .js .reveal .eyebrow.cat{letter-spacing:.2em!important;}
}
/* laptops up to 830px tall get the compact opening on the homepage (the postcard pages switch at 775px) */
@media(min-width:641px) and (max-height:830px){
  .hero .eyebrow.cat{font-size:1.1rem;margin-bottom:.8rem;}
  .hero.home{padding-top:36px;}
  .hero.home .emblem.crest{width:84px;height:84px;margin-bottom:10px;}
  .hero.home .divider{margin:.8rem 0 .9rem;}
  .hero.home h1{font-size:clamp(1.9rem,3.4vw,2.6rem);margin-bottom:1.1rem;}
  .hero.home .lede{font-size:1.12rem;margin-bottom:1.7rem;}
}
@media(min-width:641px) and (max-height:725px){
  .hero.home{padding-top:26px;}
  .hero.home .emblem.crest{width:70px;height:70px;}
  .hero.home .wordmark .name{font-size:1.95rem;}
  .hero.home h1{font-size:clamp(1.8rem,3.1vw,2.35rem);}
  .hero.home .lede{margin-bottom:1.4rem;}
}
@media(min-width:641px) and (max-height:680px){
  .hero .eyebrow.cat{font-size:1rem;margin-bottom:.45rem;}
  .hero.home{padding-top:14px;}
  .hero.home .emblem.crest{width:56px;height:56px;}
  .hero.home .divider{margin:.6rem 0 .7rem;}
  .hero.home .lede{margin-bottom:1.15rem;}
}
/* phones held sideways: the diamond divider steps aside so the category line and the headline stay on the first screen */
@media(min-width:641px) and (max-height:500px){
  .hero .eyebrow.cat{font-size:.92rem;margin-bottom:.4rem;}
  .hero.home{padding-top:10px;}
  .hero.home .emblem.crest{width:46px;height:46px;margin-bottom:6px;}
  .hero.home .wordmark{margin-bottom:.55rem;}
  .hero.home .wordmark .name{font-size:1.7rem;}
  .hero.home .divider{display:none;}
  .hero.home h1{font-size:clamp(1.6rem,2.8vw,2rem);margin-bottom:.9rem;}
  .hero.home .lede{font-size:1.05rem;margin-bottom:1.2rem;}
}
@media(max-width:520px) and (max-height:760px){
  .hero .eyebrow.cat{margin-bottom:.55rem;}
  .hero.home{padding-top:18px;}
  .hero.home .emblem.crest{width:60px;height:60px;margin-bottom:8px;}
  .hero.home .divider{margin:.6rem 0 .7rem;}
  .hero.home h1{margin-bottom:.9rem;}
  .hero.home .lede{font-size:1.1rem;margin-bottom:1.35rem;}
}
/* Home (preview 11 Oct 2026): "What it feels like" (the vacation, told as moments) and the one-line privacy promise */
.scenes{max-width:860px;margin:4px auto 0;display:flex;flex-direction:column;gap:30px;text-align:center;}
.scenes p{font-family:var(--serif);font-style:normal;font-weight:400;font-size:clamp(1.38rem,2.6vw,1.86rem);line-height:1.5;letter-spacing:.005em;color:var(--cream);text-wrap:balance;}
.scenes .life-close{font-family:var(--sans);font-style:normal;font-size:.8rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-top:8px;}
@media(max-width:520px){
  .scenes{gap:24px;}
}
/* Scroll-told moments (preview 11 Oct 2026, mechanics): each line waits, faint, and brightens as it reaches
   the middle of the screen, so the section reads like turning pages. site.js lights them; with reduced motion,
   or if site.js never runs (no .js class), every line simply shows. */
.js .scenes.told > p{opacity:.22;transform:translateY(10px);transition:opacity 1.1s cubic-bezier(.2,.7,.2,1),transform 1.1s cubic-bezier(.2,.7,.2,1);}
.js .scenes.told > p.lit{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){
  .js .scenes.told > p{opacity:1!important;transform:none!important;transition:none!important;}
}
/* The close (preview 11 Oct 2026, sales motion): choose a time for the call, and a quieter door for those not ready to talk */
.contact .book-line{margin-top:1.5rem;font-size:1.02rem;color:rgba(247,242,232,.82);}
.contact .book-line .more{font-size:1.02rem;padding:6px 0;}
.contact .signal-line{max-width:560px;margin:2.6rem auto 0;font-size:.95rem;line-height:1.6;color:rgba(247,242,232,.72);text-wrap:balance;}
.contact .signal-line::before{content:"";display:block;width:56px;height:1px;margin:0 auto 1.5rem;background:linear-gradient(90deg,transparent,var(--gold),transparent);}
.contact .signal-line a{color:var(--gold);text-underline-offset:3px;}
.contact .signal-line a:hover{text-decoration:underline;text-decoration-thickness:1px;}
.contact .signal-line + .values{margin-top:2.4rem;}
@media(max-width:520px){
  .contact .book-line{margin-top:1.3rem;}
  .contact .signal-line{margin-top:2.2rem;font-size:.92rem;}
}
/* Luxury (preview 11 Oct 2026): legibility for a 60+ reader - the line under the buttons and the top bar
   were the smallest words on the page (15 and 12 px on a laptop, 13 and 9 px on a phone). Legal print stays small. */
.micro{font-size:.9rem;}
.util-bar .ub-mid{font-size:.74rem;}
@media(min-width:641px) and (max-width:900px){
  .util-bar .ub-mid{font-size:.72rem;letter-spacing:.12em;}
}
@media(max-width:640px){
  .micro{font-size:.94rem;}
  .util-bar .ub-mid{font-size:.66rem;letter-spacing:.08em;line-height:1.5;}
}
/* Luxury: a small gold diamond between the moments, borrowed from the dividers, so the five lines read as one piece */
.scenes{gap:14px;}
.scenes > p + p:not(.life-close)::before{content:"";display:block;width:6px;height:6px;margin:0 auto 14px;background:var(--gold);transform:rotate(45deg);opacity:.85;}
.scenes .life-close{margin-top:24px;}
@media(max-width:520px){
  .scenes{gap:11px;}
  .scenes > p + p:not(.life-close)::before{margin-bottom:11px;}
  .scenes .life-close{margin-top:20px;}
}
@media print{
  header,.progress,.to-top,.veil,body::before{display:none!important;}
  body,.band,.hero,.contact,.trust,footer{background:#fff!important;color:#111!important;}
  h1,h2,h3,h4,p,li,.lede,.section-sub,.card p,.founder p{color:#111!important;}
  .gold,.hero h1 em,.fname{background:none!important;-webkit-text-fill-color:currentColor!important;color:#6d5116!important;}
  .hero .container{opacity:1!important;transform:none!important;}
  .js .reveal .eyebrow,.js .reveal .divider .d,.eyebrow{opacity:1!important;letter-spacing:.34em!important;}
  .divider .h{transform:none!important;}
  .emblem.crest,.watermark,.wm-mid{display:none!important;}
  .js .reveal,.js .stag>*{opacity:1!important;transform:none!important;}
  .js .scenes.told>p{opacity:1!important;transform:none!important;}
}

/* 10/13 preview: the plain sentence is the first line of the hero */
.hero.home .lede-first{margin:0 auto 1.1rem;font-size:1.3rem;color:var(--cream);max-width:640px;}
@media (max-width:640px){.hero.home .lede-first{font-size:1.12rem;margin-bottom:.8rem;}}
.hero.home h1{margin-bottom:2rem;}
@media (max-width:640px){.hero.home h1{margin-bottom:1.4rem;}}

/* 10/14 preview: What Meridian does - the four verbs, verb first, like a menu card */
.band.does{padding-top:72px;padding-bottom:72px;}
.band.does .section-head{margin-bottom:30px;}
.verbs{list-style:none;max-width:760px;margin:0 auto;padding:0;}
.verbs li{display:grid;grid-template-columns:230px 1fr;column-gap:30px;align-items:baseline;padding:22px 0;border-top:1px solid rgba(196,151,58,.3);}
.verbs li:last-child{border-bottom:1px solid rgba(196,151,58,.3);}
.verbs .verb{font-family:var(--serif);font-weight:600;font-size:1.5rem;line-height:1.2;color:var(--gold);text-align:right;letter-spacing:.005em;}
.verbs .verb em{font-style:italic;font-weight:400;}
.verbs .obj{font-family:var(--sans);font-weight:300;font-size:1.18rem;line-height:1.6;color:rgba(247,242,232,.92);}
@media (max-width:760px){
  .verbs li{grid-template-columns:1fr;row-gap:4px;padding:18px 0;}
  .verbs .verb{text-align:left;font-size:1.35rem;}
  .verbs .obj{font-size:1.08rem;}
  .band.does{padding-top:56px;padding-bottom:56px;}
}