@import url("../fonts/fonts.css");
@import url("reference.css");
/* Content adapters on the original AlphaShred.life design system. */
:root{--display:var(--font-display);--body:var(--font-sans);--mono:var(--font-mono);--nav-height:var(--nav-h);--color--accent:var(--color--red)}
html{overflow-x:clip;scroll-padding-top:var(--nav-h)}
figure{margin:0}p+p{margin-top:1em}dialog{color:inherit}
.heading-line{display:block}
.display{font-family:var(--font-display);font-weight:400;text-transform:uppercase}
.label{font-family:var(--font-mono);font-weight:400;text-transform:uppercase}
.dark{background:var(--color--dark);color:var(--color--light)}
.section-head{justify-content:center;gap:var(--gap-m)}
main>section,main>footer{text-align:center}
main>section:not(.hero) h2{margin-bottom:var(--gap-l)}
.lead{font-weight:300;max-width:27em;margin-left:auto;margin-right:auto}
.text-link{font:400 1.6875em/1 var(--font-display);text-transform:uppercase;display:inline-block;border-bottom:1px solid;padding-bottom:.12em}
.button{justify-content:center;text-align:center;min-height:44px}
.button--red{background:var(--color--red);color:white;border-color:var(--color--red)}
.nav__actions{display:flex;align-items:center}
.nav__label{justify-self:center}
.nav.is-light{color:var(--color--light)}
.nav.is-light .nav__brand .is-dark{opacity:0}
.nav.is-light .nav__brand .is-light{opacity:1}
.nav__menu-button span{display:none}
.menu-overlay{position:fixed;inset:0;z-index:200;background:var(--color--dark);color:var(--color--light);padding:calc(var(--nav-h) + 3em) var(--page-padding) 3em;overflow:auto}
.menu-overlay[hidden]{display:none}
.menu-overlay nav{display:flex;flex-direction:column;align-items:center;gap:1.4em}
.menu-overlay nav a{font:400 clamp(40px,6vw,90px)/1 var(--font-display)}
.menu-overlay__close{position:absolute;right:var(--page-padding);top:1.3em;font:400 1.6875em/1 var(--font-display)}
.menu-overlay>.label{text-align:center;margin-top:3em}
.page-wipe{z-index:190}.page-wipe img{width:min(40vw,22em)}
.skip-link{position:fixed;left:16px;top:-100px;z-index:1000;background:white;color:black;padding:14px}.skip-link:focus{top:12px}
.hero__copy{width:100%;padding:var(--gap-l) 0;margin:auto;text-align:center}
.hero__title{font:400 clamp(68px,8.8vw,128px)/.91 var(--font-display);text-transform:uppercase;letter-spacing:0;margin:0 auto var(--gap-m)}
.hero__year,.hero__live{font:300 clamp(20px,1.9vw,28px)/1.1 var(--font-sans);letter-spacing:-.03em}
.hero__year{margin-bottom:.7em}.hero__live{margin-top:1em;text-transform:none}
.hero__title>.heading-line:nth-child(2),.hero__title>.heading-line:nth-child(3){display:inline}
.hero__title>.heading-line:nth-child(2)::after{content:" "}
.hero__eyebrow{margin:0}
.hero__foot{display:flex;justify-content:center;gap:var(--gap-xl);padding-top:var(--gap-m);font-size:.75em}
.hero__bg img{object-position:50% 42%}
.app-section{padding-top:calc(var(--gap-xxl) * 1.5)}
.app-title{margin:var(--gap-xl) auto!important;font-size:clamp(60px,8.2vw,112px);line-height:.93}
.app-title>.heading-line:not(.title-intro){display:inline}
.app-title>.heading-line:nth-child(2)::after{content:" "}
.title-intro{font:300 0.24em/1.15 var(--font-sans);text-transform:none;letter-spacing:-.03em;margin-bottom:1em}
.app-layout{grid-template-columns:5fr 7fr;align-items:center;max-width:76em;margin:auto}
.app-copy{padding:var(--gap-xxl) var(--gap-l)}
.app-copy .lead{font-size:clamp(24px,2.4vw,36px);line-height:1.05;margin-bottom:var(--gap-l)}
.app-photo{max-width:40em;justify-self:center}
.app-photo .img-frame img{height:auto;object-fit:contain}
.app-photo figcaption{padding-top:var(--gap-s)}
.proof-facts{grid-template-columns:1fr 1fr;margin-top:var(--gap-xxl);padding-bottom:var(--gap-l)}
.fact{padding-left:var(--gap-m)}
.nutrition-heading{margin:var(--gap-xl) auto}
.nutrition-heading .heading-line{display:inline}
.nutrition-heading .heading-line:first-child::after{content:" "}
.nutrition-heading .lead{margin-bottom:.6em}
.nutrition-photo .img-frame img{height:auto;object-fit:contain}
.nutrition-photo figcaption{margin-top:var(--gap-s)}
.flavor-footer{display:flex;flex-direction:column;align-items:center;gap:var(--gap-l);padding-top:var(--gap-xl)}
.flavor-picker{max-width:70em}.flavor-options{display:flex;justify-content:center;flex-wrap:wrap;gap:.6em;margin-top:var(--gap-s)}
.flavor-options button{border:1px solid #999;padding:.7em .9em;min-height:44px;font:400 .85em/1.2 var(--font-mono)}
.flavor-options button[aria-pressed=true]{background:var(--color--dark);color:var(--color--light);border-color:var(--color--dark)}
.results-heading{margin-bottom:var(--gap-xxl)}
.results-heading p{font-size:1.5em;font-weight:300;line-height:1.1;max-width:27em;margin:auto}
.results-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap-xl) var(--column-gap);align-items:start}
.result-card{min-width:0}.result-card:nth-child(1){grid-column:1 / span 7}.result-card:nth-child(2){grid-column:8 / span 5;margin-top:7em}.result-card:nth-child(3){grid-column:2 / span 5;margin-top:1em}.result-card:nth-child(4){grid-column:7 / span 6;margin-top:3em}
.result-open{display:block;width:100%}.result-card img{width:100%;height:auto}.result-card figcaption{display:flex;justify-content:center;gap:var(--gap-m);margin-top:.8em;font:400 .75em/1.2 var(--font-mono)}
.results-footer{margin-top:var(--gap-xxl)}
.result-dialog{max-width:min(96vw,1400px);max-height:94svh;padding:18px;background:black;color:var(--color--light);border:1px solid #666}.result-dialog::backdrop{background:#000e}.result-dialog img{max-height:calc(90svh - 70px);width:auto;max-width:100%;margin:auto;object-fit:contain}.result-dialog__bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:18px}.result-dialog__bar button{font:14px var(--font-mono);min-height:44px;padding:8px}
.lifestyle-section,.closing-section{position:relative;isolation:isolate;min-height:90svh;display:flex;align-items:center;background:black;color:var(--color--light)}
.photo-band{position:absolute;inset:-12% 0;z-index:-1}
.photo-band img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:contrast(1.1) brightness(.7)}
.photo-band::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0009,#0002 35%,#0005 65%,#000c)}
.lifestyle-copy,.closing-copy{padding-top:calc(var(--gap-xxl) * 2);padding-bottom:calc(var(--gap-xxl) * 2)}
.lifestyle-copy>.label,.closing-copy>.label{margin-bottom:var(--gap-xl)}
.lifestyle-copy .display{font-size:clamp(48px,7vw,100px)}
.lifestyle-copy>.lead,.closing-copy>.lead{margin-bottom:var(--gap-l)}
.closing-copy .display{font-size:clamp(88px,12.5vw,160px)}
.closing-copy .display .heading-line{display:inline}.closing-copy .display .heading-line:first-child::after{content:" "}
.closing-copy>.button{margin-top:var(--gap-l)}
.training-intro{margin-bottom:var(--gap-xxl)}
.training-intro .lead{font-size:1.5em;line-height:1.1}
.training-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--column-gap)}
.training-image img{aspect-ratio:7 / 5}
.training-card__head{display:flex;justify-content:center;gap:var(--gap-m);margin-top:var(--gap-s)}
.training-card h3{margin:var(--gap-l) 0;font-size:clamp(28px,3.6vw,40px)}
.footer{padding:0 var(--page-padding) var(--gap-l)}
.marquee{overflow:hidden;margin:0 calc(-1 * var(--page-padding));padding:var(--gap-xl) 0;border-bottom:1px solid #444}
.marquee__track{display:flex;width:max-content;white-space:nowrap;font:400 clamp(42px,8vw,112px)/1 var(--font-display)}
.marquee__track span{padding-right:.4em}.marquee__track b{font-weight:400;color:transparent;-webkit-text-stroke:1px var(--color--light)}
.footer__main{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:var(--gap-xl);padding:calc(var(--gap-xxl) * 2) 0;font:400 .85em/1.5 var(--font-mono)}
.footer__main img{width:16em;margin:auto}.footer__main>div{display:flex;flex-direction:column;gap:1em}.footer__bottom{border-top:1px solid #444;padding-top:var(--gap-m);display:flex;justify-content:center;gap:var(--gap-xl)}
body:has(.quiz-page) .nav{background:var(--color--light);color:var(--color--dark)}
body:has(dialog[open]),html.menu-open{overflow:hidden}
.quiz-page{display:grid;grid-template-columns:.8fr 1.2fr;min-height:100svh;padding-top:var(--nav-height)}
.quiz-aside{position:sticky;top:var(--nav-height);height:calc(100svh - var(--nav-height));overflow:hidden}
.quiz-aside>img{width:100%;height:100%;object-fit:cover;object-position:43% 20%;filter:grayscale(1);opacity:.38}
.quiz-aside>div{position:absolute;bottom:50px;left:var(--page-padding)}
.quiz-aside .display{font-size:clamp(68px,7vw,108px);margin-top:24px}
.quiz-main{padding:38px clamp(24px,5vw,80px);min-width:0}
.quiz-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:34px}
.quiz-top .text-link{font-size:18px}
.quiz-progress{height:3px;background:#cacac6;margin-bottom:40px}
.quiz-progress>span{display:block;height:100%;width:0;background:var(--color--accent);transition:width .3s}
.quiz-content{max-width:640px;margin:0 auto}
.quiz-content .display{font-size:clamp(40px,4.5vw,68px);line-height:1.04;margin:20px 0}
.quiz-description{font-size:16px;line-height:1.6;margin:18px 0 28px}
.quiz-choices{border:0;padding:0;margin:0;display:grid;gap:12px}
.quiz-choice{position:relative;display:flex;gap:20px;align-items:center;padding:18px 20px;border:1px solid #9c9c95;cursor:pointer;min-height:72px}
.quiz-choice:has(input:checked){background:var(--color--dark);color:var(--color--light);border-color:var(--color--dark)}
.quiz-choice input{appearance:none;width:20px;height:20px;border:1px solid currentColor;flex:none;margin:0}
.quiz-choice input[type=radio]{border-radius:50%}
.quiz-choice input:checked{background:var(--color--light);box-shadow:inset 0 0 0 4px var(--color--dark)}
.quiz-choice span{font:400 29px/1.1 var(--display);text-transform:uppercase}
.quiz-choice small{display:block;font:400 13px/1.5 var(--body);text-transform:none;max-width:32em;margin-top:5px}
.quiz-flavors{grid-template-columns:1fr 1fr;gap:10px}
.quiz-flavors .quiz-choice{padding:14px 12px;gap:12px;min-height:64px}
.quiz-flavors .quiz-choice span{font-size:28px}
.quiz-flavors input{width:17px;height:17px}
.quiz-actions{margin-top:32px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.quiz-actions>.button{min-width:210px}
.quiz-actions>.button:disabled{background:#ccc;color:#666;cursor:default;transform:none}
.quiz-back{font:13px var(--mono);min-height:44px;padding:8px 0}
.quiz-bottom{margin:40px auto 0;max-width:640px;color:#666}
.quiz-result-image{width:100%;max-height:280px;object-fit:cover;object-position:center;filter:grayscale(1);margin:30px 0}
.quiz-summary{margin:24px 0 30px}
.quiz-summary div{display:grid;grid-template-columns:130px 1fr;gap:20px;border-top:1px solid #aaa;padding:14px 0}
.quiz-summary dt{font:12px var(--mono);text-transform:uppercase}
.quiz-summary dd{margin:0;font-size:15px;line-height:1.5}
.quiz-result-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center}
.quiz-result-note{font-size:14px;line-height:1.6;color:#555;margin-top:24px}
@media(max-width:991px){.quiz-page{grid-template-columns:.6fr 1.4fr}
.quiz-aside .display{font-size:64px}
.quiz-aside>div{left:24px}
.quiz-main{padding:32px 30px}
.quiz-top>.label{display:none}}
@media(max-width:767px){.quiz-page{display:block}
.quiz-aside{display:none}
.quiz-main{padding:28px var(--page-padding) 36px;min-height:calc(100svh - var(--nav-height))}
.quiz-top{margin-bottom:26px}
.quiz-progress{margin-bottom:30px}
.quiz-content .display{font-size:clamp(40px,10.5vw,64px);line-height:1.1}
.quiz-content>.label{font-size:12px}
.quiz-description{margin-top:16px;margin-bottom:24px;font-size:15px}
.quiz-choices{gap:10px}
.quiz-choice{padding:17px 16px;gap:16px;min-height:70px}
.quiz-choice span{font-size:28px}
.quiz-flavors{grid-template-columns:1fr}
.quiz-flavors .quiz-choice{min-height:58px}
.quiz-flavors .quiz-choice span{font-size:27px}
.quiz-actions>.button{min-width:180px}
.quiz-summary div{grid-template-columns:104px 1fr;gap:16px}
.quiz-result-actions{display:block}
.quiz-result-actions>.button{display:flex;width:100%;margin-bottom:20px}
.quiz-bottom{font-size:11px;margin-top:32px}}
.quiz-choice span{font-size:24px;font-weight:400}
.quiz-flavors .quiz-choice span{font-size:21px}
.quiz-content .display{font-size:clamp(38px,3.8vw,56px);line-height:1.05}
.quiz-description,.quiz-summary dd,.quiz-result-note{font-weight:300}
@media(max-width:767px){.quiz-content .display{font-size:38px}
.quiz-choice span{font-size:23px}
.quiz-flavors .quiz-choice span{font-size:21px}}
@media(max-width:991px){.nav__label{display:none}.nav{grid-template-columns:1fr 1fr}.hero__title{font-size:10vw}.hero__title>.heading-line:nth-child(2),.hero__title>.heading-line:nth-child(3){display:block}.app-layout{gap:var(--gap-xl)}}
@media(max-width:767px){
 .hero__inner{min-height:100svh;padding-top:calc(var(--nav-h) + 2em);gap:2em}
 .hero__wordmark{width:88vw}.hero__bg{inset:-8% -35%}.hero__bg img{object-position:50% 36%}
 .hero__title{font-size:clamp(48px,14vw,76px);line-height:.95}.hero__year,.hero__live{font-size:20px}.hero__copy{padding:2em 0;margin-top:auto;margin-bottom:0}
 .hero__foot{font-size:10px;gap:1em}.hero__foot a{display:none}
 .hero__eyebrow{font-size:11px}
 .app-title{font-size:clamp(44px,12vw,68px)}.title-intro{font-size:20px}
 .app-title>.heading-line:not(.title-intro){display:block}
 .app-layout{display:flex;flex-direction:column;gap:var(--gap-xl)}.app-copy{padding:0}.app-copy .lead{font-size:24px}.app-photo{width:100%;max-width:38em}
 .proof-facts{grid-template-columns:1fr 1fr}.fact{border-bottom:0}.fact:first-child{border-right:1px solid}.fact__num{font-size:3.5em}.fact__label{font-size:11px}
 .nutrition-heading .heading-line{display:block}.flavor-options button{font-size:11px}
 .results-grid{display:flex;flex-direction:column;gap:var(--gap-xl)}.results-grid .result-card{width:100%;margin-top:0}.results-heading .display span{display:block}
 .lifestyle-section,.closing-section{min-height:85svh}.lifestyle-copy .display{font-size:clamp(34px,9.5vw,60px);line-height:1}.lifestyle-copy>.lead,.closing-copy>.lead{font-size:21px}
 .photo-band{inset:-12% -28%}.lifestyle-photo img{object-position:54% center}.closing-photo img{object-position:52% center}
 .closing-copy .display{font-size:20vw}.closing-copy .display .heading-line{display:block}
 .training-grid{grid-template-columns:1fr;gap:var(--gap-xxl)}.training-card h3{font-size:30px}.training-intro .h-large{font-size:clamp(32px,8.4vw,50px)}
 .footer__main{grid-template-columns:1fr;gap:var(--gap-xl);padding:var(--gap-xxl) 0}.footer__main img{width:16em}.footer__bottom{flex-direction:column;gap:1em;font-size:10px}
 .section-head{gap:1em}.section-head .eyebrow-r{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.grain{animation:none}.marquee__track{transform:none!important}.marquee__track span+span{display:none}.photo-band,.hero__bg{transform:none!important}}

/* Keep the reference's texture contained and portrait treatment monochrome. */
.grain-frame{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:150}
.grain-frame .grain{position:absolute}
.hero,.lifestyle-section,.closing-section{overflow:hidden}
.hero__bg{inset:4% 0 -28%}
.hero__bg img{filter:grayscale(1) contrast(1.1) brightness(.72)}
.app-photo img,.training-image img{filter:grayscale(1) contrast(1.06)}
.photo-band img{filter:grayscale(1) contrast(1.1) brightness(.7)}
@media(max-width:767px){.hero__bg{inset:12% -10% -10%}}

.hero__bg::after{background:linear-gradient(180deg,#000 0%,rgba(0,0,0,.2) 30%,rgba(0,0,0,.35) 70%,rgba(0,0,0,.88) 100%)}
.quiz-aside .display{line-height:1.05}
/* Full-price Arc membership checkout. */
.membership-page{padding:calc(var(--nav-h) + 4em) var(--page-padding) 4em;text-align:center;min-height:100svh}
.membership-page [hidden]{display:none!important}
.membership-intro h1{font-size:clamp(64px,9vw,120px);line-height:.95;margin:24px auto}
.membership-intro>.lead{font-size:clamp(22px,3vw,36px);margin-bottom:20px}
.membership-plans{display:grid;grid-template-columns:1fr 1fr;max-width:960px;margin:48px auto 32px;border:1px solid var(--color--dark)}
.membership-plan{padding:40px 24px;display:flex;flex-direction:column;align-items:center;gap:24px}
.membership-plan h2{font-size:clamp(58px,6vw,86px);line-height:1;margin:0!important}
.membership-plan h2 span{display:block;font:400 14px/1.4 var(--font-mono);margin-top:16px;text-transform:uppercase}
.membership-plan p{margin:0;line-height:1.6}
.membership-plan .button{width:100%;max-width:340px;margin-top:8px}
.membership-account{max-width:560px;margin:56px auto 24px;scroll-margin-top:calc(var(--nav-h) + 24px)}
.membership-account h2{font-size:clamp(42px,5vw,68px);line-height:1.08;margin:20px auto!important}
.membership-account form{margin:24px auto;display:grid;gap:16px}
.membership-account form>label{font:14px var(--font-mono)}
.membership-account input:not([type=checkbox]){width:100%;padding:16px;border:1px solid currentColor;background:transparent;font:18px var(--font-sans);text-align:center;border-radius:0}
.membership-consent{display:flex;align-items:flex-start;justify-content:center;gap:12px;line-height:1.5!important}
.membership-consent input{appearance:auto;width:22px;height:22px;flex-shrink:0;margin-top:2px;accent-color:#090909}
.membership-consent a{text-decoration:underline}
.membership-text-button{font:14px var(--font-mono);padding:12px;text-decoration:underline}
.membership-status{max-width:560px;margin:24px auto;line-height:1.5}
.membership-footer{font-size:14px;line-height:1.6;margin-top:40px}
.membership-footer .text-link{font-size:22px;margin-top:28px}
.membership-page button:disabled{opacity:.5;cursor:wait}
@media(max-width:640px){.membership-page{padding-top:calc(var(--nav-h) + 2em)}.membership-plans{grid-template-columns:1fr;margin-top:32px}.membership-plan{padding:32px 20px;gap:20px}}

/* User-supplied Old English artwork, rendered as ink on the existing paper. */
.app-title.app-title--lettering{font-size:inherit;line-height:1;text-transform:none}
.app-title--lettering .title-intro{font:300 clamp(20px,2vw,28px)/1.2 var(--font-sans);letter-spacing:-.03em;margin:0 0 16px}
.shirt-artwork{display:block;position:relative;width:min(100%,960px);aspect-ratio:1448/790;margin:0 auto}
.shirt-artwork img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:url(#shirt-ink)}
.shirt-filter{position:absolute;pointer-events:none}
@media(max-width:767px){.app-title--lettering .title-intro{margin-bottom:14px}.app-title.app-title--lettering{margin-top:28px!important;margin-bottom:32px!important}}