/* Old-print sepia look for the public pages (Eddie, 2026-10-28). js/publicLook.js adds the background layer and html.pl-on. */

html.pl-on{background:#1b140d!important}html.pl-on body.pub-body{background:transparent!important}
.pl-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,var(--pl-a),var(--pl-b))}
.pl-bg::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 40% at 70% 20%,var(--pl-c),transparent),radial-gradient(50% 40% at 20% 80%,var(--pl-d),transparent),radial-gradient(120% 90% at 50% 45%,transparent 55%,rgba(10,6,2,.5) 100%)}
.pl-bg::after{content:"";position:absolute;inset:0;opacity:.2;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 .94  0 0 0 0 .82  1.5 0 0 0 -.7'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.pl-bg>*{position:absolute;inset:0;pointer-events:none}.pl-bg .pl-svg{width:100%;height:100%}
html.pl-on .pub-card,html.pl-on .pub-package,html.pl-on .pub-field,html.pl-on .pub-bio-text{background:rgba(24,18,11,.4)!important;border-color:rgba(242,226,196,.22)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
html.pl-on .pub-navbar{background:rgba(14,32,24,.14)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
html.pl-on .pub-footer{background:rgba(15,32,25,.7)!important}
html.pl-on .pr{position:absolute;width:230px;height:280px;background:linear-gradient(160deg,rgba(60,45,28,.9),rgba(30,22,12,.9));border:10px solid rgba(238,226,200,.8);border-bottom-width:34px;box-shadow:0 20px 40px -18px #000;opacity:.5}
html.pl-on .tick{position:absolute;bottom:14%;font:500 11px monospace;letter-spacing:.16em;color:rgba(242,226,196,.4)}
html.pl-on .ledger{position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 31px,rgba(242,226,196,.09) 31px 32px);border-left:0}.ledger::after{content:"";position:absolute;left:6%;top:0;bottom:0;width:1px;background:rgba(190,100,70,.35)}
html.pl-on .num{position:absolute;font:900 clamp(120px,18vw,260px)/1 'Big Shoulders Display',sans-serif;color:rgba(242,226,196,.06)}
html.pl-on .lamp{position:absolute;left:50%;top:-10%;width:900px;height:700px;translate:-50% 0;background:radial-gradient(closest-side,rgba(222,200,160,.38),transparent)}
html.pl-on .drop{position:absolute;border-radius:50% 50% 55% 55%/62% 62% 38% 38%;rotate:-8deg;background:radial-gradient(circle at 32% 26%,rgba(255,246,225,.35),transparent 30%),linear-gradient(180deg,rgba(24,18,11,.3),rgba(190,140,80,.3));border:1px solid rgba(242,226,196,.3);box-shadow:inset 0 -8px 14px -6px rgba(214,160,90,.35)}
html.pl-on .graph{position:absolute;inset:0;background:linear-gradient(rgba(242,226,196,.07) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,rgba(242,226,196,.07) 1px,transparent 1px) 0 0/40px 40px}

/* glassy overlay on photos */
.pl-glass{position:relative;overflow:hidden}
.pl-glass::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;border-radius:inherit;background:linear-gradient(115deg,rgba(255,240,210,.22),transparent 34%),linear-gradient(0deg,rgba(14,10,5,.4),transparent 38%);box-shadow:inset 0 0 0 1px rgba(242,226,196,.32),inset 0 1px 0 rgba(255,245,225,.5)}
/* premium green areas: deep glass, gold hairline, soft corner light */
html.pl-on .pub-cta-band{position:relative;background:linear-gradient(135deg,rgba(40,60,46,.78),rgba(22,15,8,.74))!important;border:1px solid rgba(214,185,142,.4)!important;border-radius:22px!important;box-shadow:inset 0 1px 0 rgba(255,240,210,.35),0 30px 60px -30px #000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden}
html.pl-on .pub-cta-band::before{content:"";position:absolute;left:clamp(24px,4vw,56px);right:clamp(24px,4vw,56px);top:0;height:2px;background:linear-gradient(90deg,transparent,#D6B98E,transparent)}
html.pl-on .pub-cta-band::after{content:"";position:absolute;right:-80px;top:-80px;width:320px;height:320px;background:radial-gradient(closest-side,rgba(226,170,110,.28),transparent)}
html.pl-on .pub-cta-band h2{letter-spacing:.01em}
html.pl-on .pub-card,html.pl-on .pub-package{border-radius:20px!important;border-top:1px solid rgba(214,185,142,.5)!important;box-shadow:inset 0 1px 0 rgba(255,240,210,.22),0 24px 44px -26px #000;background:linear-gradient(160deg,rgba(40,56,44,.5),rgba(22,15,8,.5))!important}
html.pl-on .pub-card-icon{background:rgba(214,185,142,.16)!important;border:1px solid rgba(214,185,142,.4)!important;border-radius:12px!important}
html.pl-on .pub-footer{background:linear-gradient(180deg,rgba(15,12,8,.82),rgba(10,7,4,.92))!important;border-top:1px solid rgba(214,185,142,.35)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}

html.pl-on[data-pl="about"]{--pl-a:#2a1e12;--pl-b:#5a4328;--pl-c:rgba(214,190,150,.32);--pl-d:rgba(150,125,90,.28)}
html.pl-on[data-pl="coaching"]{--pl-a:#1b140d;--pl-b:#3a2815;--pl-c:rgba(214,190,150,.34);--pl-d:rgba(150,125,90,.28)}
html.pl-on[data-pl="soccer"]{--pl-a:#14170f;--pl-b:#2e3320;--pl-c:rgba(150,170,100,.32);--pl-d:rgba(200,170,110,.28)}
html.pl-on[data-pl="packages"]{--pl-a:#1d130b;--pl-b:#47301a;--pl-c:rgba(214,190,150,.3);--pl-d:rgba(130,105,80,.3)}
html.pl-on[data-pl="apply"]{--pl-a:#150f09;--pl-b:#2a1d11;--pl-c:rgba(226,204,166,.4);--pl-d:rgba(150,125,90,.25)}
html.pl-on[data-pl="contact"]{--pl-a:#16130f;--pl-b:#33281d;--pl-c:rgba(200,182,150,.28);--pl-d:rgba(190,165,130,.26)}
html.pl-on[data-pl="install"]{--pl-a:#14110d;--pl-b:#2d241b;--pl-c:rgba(205,188,156,.3);--pl-d:rgba(190,165,130,.28)}
html.pl-on[data-pl="tools"]{--pl-a:#101510;--pl-b:#26301f;--pl-c:rgba(170,190,120,.28);--pl-d:rgba(205,188,150,.26)}
html.pl-on{--pl-a:#1b140d;--pl-b:#3a2815;--pl-c:rgba(190,165,125,.36);--pl-d:rgba(160,135,100,.28)}

/* Get the App page has its own body class and panels. */
html.pl-on body.install-body { background: transparent !important; }
html.pl-on .install-panel, html.pl-on .install-share { background: linear-gradient(160deg, rgba(40,56,44,.5), rgba(22,15,8,.5)) !important; border: 1px solid rgba(242,226,196,.22) !important; border-top-color: rgba(214,185,142,.5) !important; border-radius: 20px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }

/* "What a week looks like" (Coaching): deep glass cards, ruled rows instead of boxes, mono gold labels. */
html.pl-on .ex-card { position: relative; padding: 24px 26px; border-radius: 22px; border: 1px solid rgba(242,226,196,.2); border-top-color: rgba(214,185,142,.55);
    background: linear-gradient(160deg, rgba(40,56,44,.55), rgba(20,14,8,.6)); box-shadow: inset 0 1px 0 rgba(255,240,210,.22), 0 28px 50px -30px #000;
    -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
html.pl-on .ex-card-head { padding-bottom: 12px; border-bottom: 1px solid rgba(242,226,196,.14); margin-bottom: 4px; }
html.pl-on .ex-card-head h3 { font-family: var(--font-display); font-weight: 800; text-transform: uppercase; letter-spacing: .02em; font-size: 24px; }
html.pl-on .ex-meta { font-family: var(--font-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: rgba(214,185,142,.85); }
html.pl-on .ex-days { gap: 0; }
html.pl-on .ex-day, html.pl-on .ex-steps li { background: transparent; border: 0; border-bottom: 1px solid rgba(242,226,196,.1); border-radius: 0; padding: 13px 4px; }
html.pl-on .ex-day:last-child, html.pl-on .ex-steps li:last-child { border-bottom: 0; }
html.pl-on .ex-day.is-key { background: linear-gradient(90deg, rgba(214,185,142,.12), transparent 70%); box-shadow: inset 2px 0 0 #D6B98E; padding-left: 12px; }
html.pl-on .ex-dow { font-family: var(--font-mono); font-weight: 500; font-size: 11px; letter-spacing: .16em; padding-top: 4px; flex-basis: 44px; }
html.pl-on .ex-steps { gap: 0; }
html.pl-on .ex-checkin div { background: rgba(242,226,196,.05); border: 1px solid rgba(242,226,196,.14); border-radius: 14px; }
html.pl-on .ex-checkin dt { font-family: var(--font-mono); font-weight: 500; font-size: 10px; letter-spacing: .16em; }
html.pl-on .ex-checkin dd { font-family: var(--font-display); font-weight: 800; font-size: 20px; text-transform: uppercase; }
html.pl-on .ex-reply { background: rgba(214,185,142,.08); border-left: 2px solid #D6B98E; border-radius: 0 12px 12px 0; }

/* On a phone the drawings sit behind text, so keep them quieter. */
@media (max-width: 760px) {
    html.pl-on .pr, html.pl-on .drop { opacity: .25; }
    html.pl-on .pl-svg, html.pl-on .num, html.pl-on .tick { opacity: .6; }
}
/* Cover the full screen even while a phone's address bar slides away (no bare strip at the bottom). */
.pl-bg { bottom: auto; height: 100lvh; }