/* Current campaign composition; wallet remains archived in docs/archive/wallet-v10. */
main .hero{position:relative;padding-bottom:65px}
main .hero-grid{align-items:stretch;gap:50px}
main .hero-art{display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:0;margin:0}
main .hero-principles{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:5px 18px;margin:24px 0 0;padding:15px 44px 13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hero-principles p{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font:700 11px/1.5 Spartan,sans-serif;letter-spacing:.65px;width:100%}
.hero-principles i{color:var(--red);font-style:normal}
.hero-principles strong{font:400 39px/1 Bebas,sans-serif;letter-spacing:1.2px;color:var(--red)}
.hero-principles svg{position:absolute;right:0;top:50%;transform:translateY(-50%);width:34px;height:34px;fill:none;stroke:var(--red);stroke-width:1}
main .hero .signup{margin-top:22px;padding:0;border:0;background:transparent;box-shadow:none}
main .hero .signup h2{font-size:29px;letter-spacing:.5px}
main .hero .form-fields{margin:13px 0;grid-template-columns:1.15fr 1fr}
main .hero .signup .success{padding:12px 0}
main .join-art{position:relative;isolation:isolate;background:transparent;min-height:0;padding:0;margin:0;overflow:hidden}
.join-art>img{width:100%;height:auto;mix-blend-mode:multiply;filter:none}
main .hero-art>.stripes{display:none}
main .hero-quote{margin:25px 0 0}
main .hero>.hero-next{position:absolute;z-index:3;left:50%;bottom:-38px;transform:translateX(-50%);width:92px;min-width:0;height:76px;min-height:0;padding:0;color:#e0232c}
main .hero-next .scroll-chevrons{width:60px;height:48px}
main .hero-next .scroll-chevrons:before,main .hero-next .scroll-chevrons:after{left:14px;width:30px;height:30px;border-width:4px;opacity:1}
main .hero-next .scroll-chevrons:before{top:-6px}main .hero-next .scroll-chevrons:after{top:10px}
main .hero-next.cue-visible .scroll-chevrons:before,main .hero-next.cue-visible .scroll-chevrons:after{animation-iteration-count:infinite}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
main .ownership{padding-top:66px}
main .signup .success{width:100%;text-align:center;padding:20px 8px}
main .signup .success>p:not(.eyebrow){font:600 18px/1.65 OpenSans,sans-serif;max-width:38ch;margin-inline:auto;text-wrap:balance}
.thanks-layout .confirmation-only{font:600 clamp(22px,4vw,38px)/1.5 OpenSans,sans-serif;max-width:30ch;margin-bottom:30px}
@media(max-width:1100px){.hero-principles p{font-size:10px;gap:8px;letter-spacing:.3px}main .hero-grid{gap:30px}}
@media(max-width:600px){
 main .hero{padding-bottom:58px}
 main .hero-grid{gap:30px}
 main .hero-principles{margin-top:16px;padding:11px 34px 10px 0;gap:5px}
 .hero-principles p{font-size:10px;gap:7px;letter-spacing:0}
 .hero-principles strong{font-size:31px;letter-spacing:1px}
 .hero-principles svg{width:26px;height:26px}
 main .hero .signup{margin-top:17px;padding:0;box-shadow:none}
 main .hero .signup h2{font-size:27px}
 main .hero .form-fields{gap:10px;margin:12px 0}
 main .hero-quote blockquote{font-size:19px}
 main .signup .success>p:not(.eyebrow){font-size:16px;max-width:32ch}
 main .hero-brand{margin-bottom:12px}
}
@media(max-width:360px){main .hero{padding-top:14px}main .hero-brand{margin-bottom:10px}main .hero h1{font-size:14.4vw}main .hero-principles{margin-top:12px;padding-block:9px}.hero-principles p{font-size:9px;gap:6px}.hero-principles strong{font-size:28px}main .hero .signup{margin-top:14px}main .hero .signup h2{font-size:25px}main .hero form label{font-size:11px}}
@media(prefers-reduced-motion:reduce){main .hero-next .scroll-chevrons:before,main .hero-next .scroll-chevrons:after{animation:none!important;opacity:1}}

/* V14: real transparent Mac footage and a title-triggered invitation wipe. */
.mac-motion{position:relative;aspect-ratio:16/9;width:110%;margin-inline:-5%;isolation:isolate}
.mac-motion img,.mac-motion canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.mac-motion video{display:none}
main .early-access-section{background:var(--paper);color:var(--ink);--red-fill:0}
main .early-access-section:before,main .early-access-section:after{transform:scaleY(var(--red-fill));transform-origin:50% 100%}
main .early-access-section:before{background:var(--red)}
main .early-access-section .section-meta{border-color:var(--line)}
main .early-access-section .section-meta.on-red{border-color:#ffffff40}
main .early-access-section .section-meta,main .early-access-section .access-copy,main .early-access-section .adams-quote{color:var(--ink);transition:color .12s linear,border-color .12s linear}
main .early-access-section .on-red{color:var(--paper)}
main .access-copy h2 span{color:transparent;-webkit-text-stroke:1px var(--red)}
main .access-copy.on-red h2 span{-webkit-text-stroke-color:var(--paper)}
main .early-access-section .adams-quote{border-color:#15171c30}
main .early-access-section .adams-quote.on-red{border-color:#ffffff40}
main .early-access-section .stripes{background:repeating-linear-gradient(130deg,var(--red) 0 10px,transparent 10px 20px)}
main .early-access-section.red-complete .stripes{background:repeating-linear-gradient(130deg,#ffffff90 0 10px,transparent 10px 20px)}
main .early-access-section .signup{border:1px solid var(--line);box-shadow:none}
main .early-access-section.red-complete .signup{border-color:transparent}
@media(prefers-reduced-motion:reduce){main .early-access-section .section-meta,main .early-access-section .access-copy,main .early-access-section .adams-quote{transition:none}}

main .early-access-section .adams-quote figcaption,main .early-access-section .adams-quote figcaption a:hover{color:inherit}

/* V16: credentials first, native paper behind the engraving, larger artwork. */
main .hero-brand{align-items:center;gap:24px;margin-bottom:30px}
main .hero-brand .hero-principles{border:0;margin:0;padding:0;gap:6px;display:flex;flex-direction:column;align-items:flex-start}
main .hero-principles strong{font-size:34px}
main .hero-principles p{font-size:11px;letter-spacing:.35px;gap:10px}
main .hero-grid{grid-template-columns:1fr 1.1fr;gap:44px;align-items:center}
main .hero-art{justify-content:center;gap:14px}
main .join-art{overflow:visible}
main .join-art>img{filter:url(#engraving-ink);mix-blend-mode:normal;position:relative;z-index:1}
.campaign-marks{position:absolute;inset:-6% -3%;width:106%;height:112%;color:var(--red);opacity:.38;stroke-width:.65;pointer-events:none}
main .hero-quote{margin:8px 0 0;padding-top:20px}
@media(max-width:800px){main .hero-grid{grid-template-columns:1fr;gap:38px}main .hero-art{padding:0 6px}main .hero-brand{margin-bottom:22px}}
@media(max-width:600px){main .hero-brand{gap:15px;margin-bottom:20px}main .hero-brand .hero-bull{width:52px;flex-basis:52px}main .hero-principles strong{font-size:29px}main .hero-principles p{font-size:9px;gap:6px}main .hero-art{padding:0}main .hero-grid{gap:32px}main .hero-quote{padding-top:14px}main .hero .signup{margin-top:20px}}
@media(max-width:360px){main .hero-brand{gap:10px}main .hero-brand .hero-bull{width:40px;flex-basis:40px}main .hero-principles strong{font-size:25px}main .hero-principles p{font-size:8px;gap:5px}}

/* V17: aligned conversion/quote baseline and restrained technical notation. */
main .hero .signup-description{font-size:14px;line-height:1.5;margin-top:7px;color:var(--muted)}
main .hero-grid{align-items:stretch}
main .hero-copy{display:flex;flex-direction:column}
main .hero .signup{margin-top:auto;padding-top:22px}
main .hero-art{justify-content:space-between}
main .hero-quote{margin-bottom:0;margin-top:auto;padding-top:18px}
.industrial-notes{width:130px;height:30px;fill:none;stroke:currentColor;stroke-width:.9;opacity:.35;color:var(--red);pointer-events:none;flex-shrink:0}
.hero>.industrial-notes{position:absolute;right:0;top:32px}
.ownership .section-meta>.industrial-notes{margin-left:auto;margin-right:25px;color:var(--paper);opacity:.3}
.early-access-section>.wrap>.industrial-notes{position:absolute;right:0;bottom:24px;color:inherit;opacity:.2}
.footer>.industrial-notes{width:85px;opacity:.3}
main .early-access-section .adams-quote[data-reveal]{transition:opacity .95s ease,transform 1.05s cubic-bezier(.16,1,.3,1),color .12s linear,border-color .12s linear;transition-delay:.12s}
@media(max-width:800px){main .hero .signup{margin-top:0;padding-top:20px}main .hero-art{gap:12px}.hero>.industrial-notes{width:80px;top:105px}.footer>.industrial-notes{display:none}}
@media(max-width:600px){main .hero .signup-description{font-size:13px}.hero>.industrial-notes{width:50px;right:0;top:115px}.ownership .section-meta>.industrial-notes{width:60px;margin-right:12px}.early-access-section>.wrap>.industrial-notes{width:90px;bottom:14px}}
@media(prefers-reduced-motion:reduce){main .early-access-section .adams-quote[data-reveal]{transition:none}}

/* V18: equal optical line lengths and a transient mobile discovery cue. */
main .hero h1{container-type:inline-size;width:min(100%,480px);margin-left:0;letter-spacing:0}
main .hero h1>span{font-size:25.43235cqw;line-height:.9;letter-spacing:0;white-space:nowrap}
main .hero h1>span:nth-child(2){font-size:25.62132cqw}
main .hero h1>span.america{font-size:37.63643cqw;line-height:.92}
.mobile-story-cue{display:none}
.industrial-notes{opacity:.27;stroke-width:.8}
@media(max-width:600px){main .hero h1{width:100%;max-width:none}main .hero-grid{position:relative;gap:65px}.mobile-story-cue{display:flex;position:absolute;top:var(--cue-top,520px);left:50%;width:44px;height:44px;transform:translateX(-50%);align-items:center;justify-content:center;color:var(--red);z-index:2;opacity:1;transition:opacity .3s ease,visibility .3s}.mobile-story-cue .scroll-chevrons:before,.mobile-story-cue .scroll-chevrons:after{animation:chevron-drift 2.2s ease-in-out infinite;animation-play-state:running}.mobile-story-cue .scroll-chevrons:after{animation-delay:.18s}.mobile-story-cue.is-dismissed{opacity:0;visibility:hidden;pointer-events:none}main .hero-brand{margin-bottom:15px}main .hero .signup{padding-top:16px}}
@media(max-width:360px){main .hero-brand{margin-bottom:12px}main .hero .signup{padding-top:12px}main .hero .form-fields{margin:10px 0}main .hero .signup-description{margin-top:4px}}
@media(prefers-reduced-motion:reduce){.mobile-story-cue{transition:none}.mobile-story-cue .scroll-chevrons:before,.mobile-story-cue .scroll-chevrons:after{animation:none}}

main .hero h1>span{position:relative;left:-1.04273cqw}main .hero h1>span:nth-child(2){left:-1.05047cqw}main .hero h1>span:last-child{left:-.45164cqw}

.join-art .engraving-bull{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}

/* Quiet scroll drift, capped at 24px and 9%, with all engraving layers together. */
main .hero .join-art{transform:translateY(var(--engraving-lift,0px)) scale(var(--engraving-scale,1));transform-origin:50% 50%}
@media(prefers-reduced-motion:reduce){main .hero .join-art{transform:none}}
/* Keep the enlarged engraving inside the hero on narrow phones. */
main .hero{overflow-x:clip;overflow-y:visible}

/* Small workshop ornaments, kept separate from copy and form controls. */
.workshop-glyphs{display:block;width:180px;height:30px;color:var(--red);stroke-width:1;opacity:.42;pointer-events:none}
main .hero-art{position:relative}
.hero-glyphs{position:absolute;top:-31px;right:4px;width:145px;height:25px;opacity:.4}
.section-copy>.workshop-glyphs{color:#f12838;margin:22px 0 16px;width:160px}
.invitation-glyphs{width:125px;height:22px;margin-bottom:20px;color:inherit;opacity:.38}
@media(max-width:600px){.hero-glyphs{width:95px;height:20px;top:-27px;right:3px}.section-copy>.workshop-glyphs{margin:18px 0 12px}.invitation-glyphs{width:105px;margin-bottom:14px}}
/* Charcoal invitation CTA, retaining the shared sheen and motion. */
main .early-access-section .signup-button{background:var(--ink);color:var(--paper);border-color:#0d0f13;box-shadow:0 3px 0 #0d0f1340}
main .early-access-section .signup-button:hover{background:#242830;box-shadow:0 5px 14px #0d0f1338}
main .early-access-section .signup-button:active{box-shadow:none}

/* Inset field focus stays complete inside the clipped hero. */
main .signup input:focus,main .signup input:focus-visible{outline:2px solid var(--red);outline-offset:-2px;border-color:var(--red)}
main .signup .success{padding:10px 8px;outline-offset:-2px}
.confirmation-seal{display:block;width:96px;height:80px;margin:0 auto 8px;color:var(--red);overflow:visible}
.seal-traces{opacity:.55;stroke-dasharray:100;stroke-dashoffset:100}
.seal-bull{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.82)}
.seal-check{stroke:var(--ink);stroke-width:5;stroke-dasharray:100;stroke-dashoffset:100}
.confirmation-rule{display:block;width:110px;height:1px;background:currentColor;opacity:.3;margin:0 auto 12px;transform:scaleX(0)}
main .signup .success>p{opacity:0;transform:translateY(8px)}
.confirmation-visible .seal-traces{animation:seal-draw .85s ease forwards}
.confirmation-visible .seal-bull{animation:seal-arrive .65s .12s cubic-bezier(.16,1,.3,1) forwards}
.confirmation-visible .seal-check{animation:seal-draw .35s .5s ease forwards}
.confirmation-visible .confirmation-rule{animation:seal-rule .7s .15s ease forwards}
main .signup .success.confirmation-visible>p{animation:seal-arrive .65s .3s ease forwards}
main .early-access-section .confirmation-seal{color:var(--red)}
@keyframes seal-draw{to{stroke-dashoffset:0}}
@keyframes seal-arrive{to{opacity:1;transform:none}}
@keyframes seal-rule{to{transform:scaleX(1)}}
@media(max-width:600px){.confirmation-seal{width:78px;height:65px;margin-bottom:6px}main .signup .success>p:not(.eyebrow){font-size:15px;line-height:1.5}.confirmation-rule{margin-bottom:9px}}
@media(prefers-reduced-motion:reduce){.seal-traces,.seal-check{stroke-dashoffset:0}.seal-bull,main .signup .success>p{opacity:1;transform:none}.confirmation-rule{transform:none}}

/* Companion glyph at the hero edge and a vertical invitation totem. */
.hero-notation{position:absolute;right:0;top:32px;display:flex;align-items:center;gap:12px;pointer-events:none}
.hero-notation-symbol{width:32px;height:32px;fill:none;stroke:var(--red);stroke-width:1;opacity:.45;flex-shrink:0}
.invitation-symbols{float:right;display:flex;flex-direction:column;gap:16px;margin:5px 10px 15px 18px;pointer-events:none}
.invitation-symbols .invitation-sigil{float:none;margin:0;flex-shrink:0}

@media(max-width:800px){.hero-notation{top:0;gap:8px}.hero-notation .industrial-notes{width:62px}.hero-notation-symbol{width:24px;height:24px}}
@media(max-width:600px){.invitation-symbols{gap:12px;margin-right:0;margin-left:12px}.hero-notation{top:-7px}.hero-notation .industrial-notes{width:45px}.hero-notation-symbol{width:21px;height:21px}}

/* Balanced quote, more prominent invitation link and desktop footer alignment. */
main .hero-quote{display:flex;flex-direction:column;justify-content:center;padding-top:12px;padding-bottom:12px}
main .section-copy>.workshop-glyphs{margin-top:14px;margin-bottom:8px}
main .section-copy>.text-link{font-size:18px;line-height:1.5;margin-top:8px;gap:10px;align-items:baseline;letter-spacing:0}
main .section-copy>.text-link strong{color:#f12838;font-weight:inherit}
.footer .footer-chevrons{display:none}
@media(min-width:801px){
 .footer{display:grid;grid-template-columns:1fr auto 1fr}
 .footer>.industrial-notes{display:none}
 .footer>a:first-of-type{justify-self:start}
 .footer>span{justify-self:center;width:auto;order:0;text-align:center}
 .footer>a:last-child{justify-self:end;display:flex;align-items:center;gap:14px}
 .footer .footer-chevrons{display:inline;margin:0;color:var(--red);letter-spacing:2px}
}
@media(max-width:600px){main .section-copy>.text-link{font-size:17px}}