/* Myelin Pictures · The Lens system */
/* Barlow, self-hosted (SIL Open Font License 1.1; license in each file's metadata) */
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/barlow-regular.woff) format('woff')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlow-semibold.woff) format('woff')}
@font-face{font-family:'Barlow';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/barlow-italic.woff) format('woff')}
:root{
  --night:#0A0A0A; --carbon:#161412; --carbon-2:#111010; --line:#262320; --line-2:#2A2622; --line-3:#3A352E;
  --champagne:#D6BE8E; --champagne-hi:#F1E3C2; --champagne-deep:#C7AD7B;
  --bone:#EFEAE0; --text-2:#C9C2B6; --smoke:#A8A29A; --dim:#8E877D; --ink:#141210;
  --pad:72px; --max:1440px;
  --font:'Barlow','Helvetica Neue',Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--night);color:var(--bone);font-family:var(--font);font-size:18px;line-height:1.6;overflow-x:hidden}
img,video{display:block;max-width:100%}
a{color:var(--champagne)}a:hover{color:var(--champagne-hi)}
:focus-visible{outline:2px solid var(--champagne);outline-offset:4px}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
.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}
.skip{position:absolute;left:16px;top:-60px;z-index:10;background:var(--champagne);color:var(--ink);padding:12px 18px;font-weight:600}
.skip:focus{top:16px}

.wrap{max-width:var(--max);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.section{border-bottom:1px solid var(--line)}
.py-xl{padding-top:128px;padding-bottom:128px}
.py-l{padding-top:112px;padding-bottom:112px}
.stack{display:flex;flex-direction:column}
.g-8{gap:8px}.g-14{gap:14px}.g-20{gap:20px}.g-28{gap:28px}.g-48{gap:48px}.g-56{gap:56px}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:72px}
.end{align-items:end}.center{align-items:center}

.lbl{font-weight:600;font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--champagne)}
.lbl.dim{color:var(--dim)}
.h-display{font-weight:600;font-size:84px;line-height:.98;letter-spacing:-.015em}
.h-book{font-size:72px;line-height:1}.h-coach{font-size:76px;line-height:1}
.h-1{font-weight:600;font-size:64px;line-height:1.02;letter-spacing:-.01em}
.h-2{font-weight:600;font-size:52px;line-height:1.08}
.h-3{font-weight:600;font-size:36px;line-height:1.15}
.lead{font-size:22px;line-height:1.5;color:var(--text-2)}
.muted{color:var(--text-2)}.smoke{color:var(--smoke)}.small{font-size:15px}
.mw-540{max-width:540px}.mw-640{max-width:640px}.mw-720{max-width:720px}.mw-820{max-width:820px}

/* buttons and links */
.btn{display:inline-block;text-decoration:none;background:var(--champagne);color:var(--ink);padding:18px 30px;font-weight:600;font-size:18px;border:0;cursor:pointer;font-family:inherit;transition:background .2s;text-align:center}
.btn:hover{background:var(--champagne-hi);color:var(--ink)}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.btn-lg{font-size:20px;padding:22px 40px}
.btn-sm{padding:13px 24px;font-size:16px}
.btn-ghost{background:transparent;color:var(--champagne);border:1.5px solid var(--champagne);padding:16px 28px}
.btn-ghost:hover{background:transparent;color:var(--champagne-hi);border-color:var(--champagne-hi)}
.btn-ink{background:var(--ink);color:var(--bone)}.btn-ink:hover{background:#2A2622;color:var(--bone)}
.arrow{font-weight:600;text-decoration:none;display:inline-flex;gap:10px;align-items:center}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}
.cta-note{font-size:15px;color:var(--smoke)}

/* mark */
.mk{-webkit-mask:url(/img/mark.svg) center/contain no-repeat;mask:url(/img/mark.svg) center/contain no-repeat}
.mk-solid{background:var(--champagne)}
.lens{background:var(--carbon);overflow:hidden}
.lens video,.lens img{width:100%;height:100%;object-fit:cover}
.lens .still{display:none}
/* lenses ease in on page load instead of popping in */
@keyframes lens-in{from{opacity:0}}
.hero-lens,.book-lens{animation:lens-in 2.4s cubic-bezier(.25,.6,.25,1) .15s both}
@media (prefers-reduced-motion:reduce){.hero-lens,.book-lens{animation:none}.lens video{display:none}.lens .still{display:block}.btn{transition:none}}

/* header */
.site-header{position:relative;z-index:3}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:32px;padding-bottom:32px}
.logo{display:flex;align-items:center;gap:5.3px;text-decoration:none;color:var(--champagne)}
.logo .mk{width:40px;height:40px}
.logo .wordmark{display:block;height:20.4px;width:auto} /* proportions from the original lockup: mark 188, lettering 96, gap 25 */
.nav{display:flex;align-items:center;gap:36px;font-size:16px}
.nav a:not(.btn){color:var(--bone);text-decoration:none}
.nav a[aria-current=page]{text-decoration:underline;text-underline-offset:8px;text-decoration-color:var(--champagne)}
.menu{display:none;position:relative}
.menu summary{list-style:none;cursor:pointer;padding:12px 18px;border:1.5px solid var(--champagne);color:var(--champagne);font-weight:600}
.menu summary::-webkit-details-marker{display:none}
.menu nav{position:absolute;right:0;margin-top:8px;background:var(--carbon);border:1px solid var(--line-3);padding:20px;display:flex;flex-direction:column;gap:14px;min-width:220px}
.menu nav a{color:var(--bone)}

/* hero */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-lens{position:absolute;z-index:0}
.hero-body{position:relative;z-index:1;padding-top:112px;padding-bottom:96px}
.credits{margin-top:16px;padding-top:20px;border-top:1px solid var(--line-3);font-size:13px;line-height:1.8;letter-spacing:.2em;color:var(--smoke);text-transform:uppercase}

/* home: shift */
.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:2px;background:var(--line)}
.split>div{background:var(--night);padding:48px 48px 48px 0}
.split>div.alt{background:var(--carbon);padding:48px}
.rule-list li{padding:18px 0;border-top:1px solid var(--line)}
.rule-list li:last-child{border-bottom:1px solid var(--line)}
.big-list{font-size:22px;color:var(--text-2)}
.num-item{display:flex;gap:24px;align-items:baseline}
.num{font-weight:600;font-size:13px;letter-spacing:.2em;color:var(--champagne)}
.num-item .t{font-weight:600;font-size:30px;line-height:1.2}

/* champagne band */
.band{position:relative;overflow:hidden;background:var(--champagne);color:var(--ink)}
.band .mk{position:absolute;top:50%;transform:translateY(-50%);background:var(--champagne-deep)}
.band .lbl{color:#4A3F2A}
.band p.body{font-size:21px;line-height:1.55;color:#3A3122}

/* figure placeholder */
.portrait{display:block;aspect-ratio:4/5;background:#000;border:1px solid var(--line);overflow:hidden}
.portrait img,.avatar img{width:100%;height:100%;object-fit:cover;display:block}
.eliz-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:72px;align-items:center}

/* stats */
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}
.stats>div{padding:24px 24px 24px 0;border-bottom:1px solid var(--line)}
.stats>div:nth-child(even){padding:24px 0 24px 24px;border-left:1px solid var(--line)}
.stats dt{font-weight:600;font-size:44px;line-height:1;color:var(--champagne)}
.stats dt.word{font-size:22px;line-height:1.2;color:var(--bone)}
.stats dd{margin-top:8px;font-size:16px;color:var(--text-2)}

/* panels grid */
.panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:2px;background:var(--line-2)}
.panels>*{background:var(--carbon);padding:40px;display:flex;flex-direction:column;gap:14px}
.panels .t{font-weight:600;font-size:32px;line-height:1.1}
.panels ul li{padding:14px 0;border-top:1px solid var(--line-2);color:var(--text-2)}
.panels ul li strong{color:var(--champagne)}
.bg-carbon{background:var(--carbon)}.bg-deep{background:var(--carbon-2)}

/* coaching */
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.facts>div{padding:32px 32px 32px 0;display:flex;flex-direction:column;gap:6px}
.facts .v{font-weight:600;font-size:26px;line-height:1.2}
.timeline{border-top:1px solid var(--line)}
.timeline li{display:grid;grid-template-columns:minmax(120px,200px) 1fr;gap:32px;padding:36px 0;border-bottom:1px solid var(--line);align-items:baseline}
.timeline .t{font-weight:600;font-size:32px;line-height:1.2}
.timeline .org{font-weight:600;font-size:28px;line-height:1.2}
.dot-list{font-size:21px}
.dot-list li{padding:20px 0;border-top:1px solid var(--line);display:flex;gap:16px}
.dot-list li:last-child{border-bottom:1px solid var(--line)}
.dot-list .d{color:var(--champagne)}
.dot-list.off{color:var(--smoke)}.dot-list.off .d{color:var(--smoke)}
.faq-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:72px}
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;font-size:22px;font-weight:600;padding:28px 0}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--champagne);font-weight:400;font-size:28px;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq p{padding-bottom:28px;max-width:760px;color:var(--text-2)}

/* elizabeth */
.name{font-weight:600;font-size:88px;line-height:.96;letter-spacing:-.015em}
.ep{position:relative;overflow:hidden;background:var(--carbon-2)}
.ep .hero-lens{right:-80px;top:50%;transform:translateY(-50%);width:600px;height:600px}
.ep .wrap{position:relative;z-index:1}
.ep ul{font-size:20px}
.ep ul li{padding:18px 0;border-top:1px solid var(--line-2)}
.ep ul li:last-child{border-bottom:1px solid var(--line-2)}

/* book */
.book-page{position:relative;overflow:hidden}
.book-lens{position:absolute;z-index:0;left:-300px;top:360px;width:720px;height:720px;opacity:.34}
.book-page .book-main{position:relative;z-index:1}
.book-main{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:80px;align-items:start;padding-top:72px;padding-bottom:144px}
.promises li{padding:20px 0;border-top:1px solid var(--line)}
.promises li:last-child{border-bottom:1px solid var(--line)}
.promises strong{color:var(--champagne)}
.avatar{display:block;width:72px;height:72px;border-radius:50%;overflow:hidden;background:#000;border:1px solid var(--line-3);flex:0 0 auto}
.form{background:var(--carbon);border:1px solid var(--line);padding:48px;display:flex;flex-direction:column;gap:24px;min-width:0}
.field{display:flex;flex-direction:column;gap:8px}
.field label{font-weight:600;font-size:15px}
.fld{padding:16px;background:var(--night);border:1px solid #4A443C;color:var(--bone);font:inherit;border-radius:0;width:100%}
.fld:focus{border-color:var(--champagne);outline:none;box-shadow:0 0 0 1px var(--champagne)}
.fld[aria-invalid=true]{border-color:#E08A7A}
.err{color:#F0A898;font-size:15px}
.step2{padding-top:16px;border-top:1px solid var(--line-2)}
.days .note{grid-column:1/-1}
.days{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}
.day,.slot{font:inherit;cursor:pointer;background:transparent;color:var(--bone);border:1px solid var(--line-3);padding:12px 6px;text-align:center}
.day small{display:block;font-size:12px;letter-spacing:.12em;color:var(--dim);text-transform:uppercase}
.day b{display:block;font-weight:600}
.day[aria-pressed=true],.slot[aria-pressed=true]{background:var(--champagne);border-color:var(--champagne);color:var(--ink)}
.day[aria-pressed=true] small{color:#4A3F2A}
.day:hover,.slot:hover{border-color:var(--champagne)}
.slots{display:flex;flex-wrap:wrap;gap:8px}
.slot{padding:12px 18px;font-size:16px}
.note{font-size:13px;color:var(--dim)}
.status{min-height:1.4em}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}

/* booked */
.booked{position:relative;overflow:hidden;min-height:100vh}
.booked .hero-lens{right:-100px;top:140px;width:720px;height:720px}
.steps li{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}
.steps{border-top:1px solid var(--line);font-size:19px;color:var(--text-2)}
.steps strong{color:var(--bone)}

/* legal */
.prose{max-width:760px}
.prose h2{font-weight:600;font-size:26px;margin-top:40px;margin-bottom:10px}
.prose p{color:var(--text-2)}

/* footer */
.site-footer{border-top:1px solid var(--line)}
.site-footer .wrap{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;align-items:center;padding-top:56px;padding-bottom:56px}
.site-footer .mk{width:32px;height:32px}
.site-footer nav{display:flex;flex-wrap:wrap;gap:28px;font-size:15px}
.site-footer nav a{color:var(--bone);text-decoration:none}
.site-footer nav a:hover{color:var(--champagne)}

@media (max-width:900px){
  :root{--pad:20px}
  .nav{display:none}.menu{display:block}
  .hero-lens{width:110vw!important;height:110vw!important;right:-30vw!important;top:auto!important;bottom:-20vw;transform:none!important;opacity:.55}
  .h-display,.h-1,.name,.h-book,.h-coach{font-size:46px;line-height:1.02}
  .h-2{font-size:36px}
  .py-xl{padding-top:80px;padding-bottom:80px}.py-l{padding-top:72px;padding-bottom:72px}
  .split>div,.split>div.alt{padding:32px 0}
  .split>div.alt{padding:32px 20px}
  .faq-grid{grid-template-columns:1fr;gap:32px}
  .timeline li{grid-template-columns:1fr;gap:8px}
  .form{padding:24px}
  .eliz-hero{grid-template-columns:1fr;gap:40px}
  .eliz-hero .portrait{order:-1;width:min(100%,320px)}
  .book-lens{width:90vw;height:90vw;left:-30vw;bottom:auto;top:40px;opacity:.22}
  .grid-2{gap:48px}
  .band .mk{opacity:.5}
}