:root{--bg:#f0dfbc;--ink:#443324;--accent:#b6492d;--surface:#e6cda1;--border:color-mix(in srgb,var(--ink) 22%,transparent);--gridline:color-mix(in srgb,var(--bg) 13%,transparent);--display:Georgia,serif;--body:Tahoma,sans-serif}h1,h2{font-family:var(--display)}h3{margin-bottom:15px}section>h2+p{margin-top:26px}main>section+section{border-top:1px solid var(--border)}.art{min-width:0}.art svg{width:100%}.choice-image{max-width:640px;width:100%;max-height:450px;object-fit:contain;margin:25px 0}.stage-inner .art{max-width:850px;margin:auto;width:100%}.stage-inner>p{max-width:45ch;margin:22px auto}.stage>h2{position:relative;z-index:1}legend{font-size:19px;margin-bottom:18px}details{border-color:var(--border)}summary{font-size:20px}fieldset[disabled] input{opacity:.65}input[type=checkbox]{padding:0}header .brand{font-family:var(--body)}.auth main{min-height:calc(100svh - 170px)}.auth-help summary{font-size:16px}.stage-inner{min-height:0}.stage{padding-bottom:70px}.action{max-width:100%;font-size:16px}.status{min-height:1.8em}.note{margin-top:20px}footer{border-color:var(--border)}@media(min-width:900px) and (min-height:900px) and (prefers-reduced-motion:no-preference){.motion-ready .stage{min-height:190vh}.motion-ready .stage-inner{position:sticky;top:20px;min-height:90vh}}@media(max-width:899px),(max-height:899px){.stage-inner{position:static!important;min-height:0!important}.stage{min-height:0!important}.auth-shell{grid-template-columns:minmax(0,1fr)}}.helio-hero{padding-top:0;text-align:center}.helio-word{font:clamp(72px,19vw,280px)/1 var(--display);letter-spacing:.01em}.dial-hero{position:relative;margin-top:-50px}.dial-hero .art{max-width:720px;margin:auto}.dial-hero p{position:absolute;right:2vw;top:35%;text-align:left;font-family:var(--display);font-size:24px}.helio-hero h1{font-family:var(--display);font-size:clamp(48px,5.5vw,82px);margin-top:-20px}.helio-hero .action{margin-top:30px}.tick-row{display:flex;justify-content:space-between;gap:8px;margin:55px 0 35px;border-bottom:2px solid var(--ink);height:100px;align-items:end}.tick-row i{width:2px;height:40px;background:var(--ink)}.tick-row i:nth-child(3n){height:90px}.shadow-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7vw;margin-top:50px}.shadow-pair>div{background:var(--surface);padding:35px}.fold-shadow,.long-shadow{display:block;height:190px;width:100%;background:var(--accent);clip-path:polygon(30% 100%,65% 0,65% 100%);margin-bottom:30px}.long-shadow{background:var(--ink);clip-path:polygon(15% 75%,40% 35%,100% 75%)}.fold-lines{font-size:clamp(23px,3vw,35px);padding-left:35px;margin:40px 0}.fold-lines li{padding:18px 0;border-bottom:1px solid var(--border)}.auth-shell{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);align-items:center}.auth-art{grid-column:1/-1;max-width:420px;justify-self:center;margin-bottom:-140px;opacity:.8}.auth-copy{grid-column:2;max-width:520px;z-index:2;background:var(--bg);padding:30px;border-left:1px solid var(--border)}.auth h1{font-family:var(--display)}@media(max-width:899px){.dial-hero{margin:0}.dial-hero p{position:static;text-align:center;font-size:18px}.helio-hero h1{margin-top:28px}.shadow-pair{grid-template-columns:minmax(0,1fr)}.auth-shell{grid-template-columns:minmax(0,1fr)}.auth-art{grid-column:1;margin:0;max-width:320px}.auth-copy{grid-column:1;border-left:0;padding:0}}
@media(max-width:899px){.auth .auth-shell{grid-template-columns:minmax(0,1fr);gap:32px}.auth .auth-copy{width:100%;max-width:520px;grid-column:1}.auth .auth-art{grid-column:1;max-width:100%;width:100%;margin:0}.auth .auth-art svg{height:auto;max-height:270px}.auth .auth-copy h1{overflow-wrap:normal}.auth .password-field input{min-width:0}}

/* Final composition follows the per-brand design agreement. */
 :root{--bg:#f6f2e8;--ink:#3f3425;--accent:#a95532;--surface:#e8deca;--display:Georgia,serif;--body:Arial,sans-serif}.helio header{border-bottom:1px solid #3f342526}.helio-hero{position:relative;min-height:920px;text-align:left;padding-top:40px;display:grid;grid-template-columns:.9fr 1.1fr;gap:0;align-items:center}.helio-word{font:clamp(80px,17vw,250px)/1.02 Arial,sans-serif;font-weight:300;letter-spacing:-.04em;grid-column:1/-1;position:relative;z-index:2}.dial-hero{grid-column:2;grid-row:2/5;margin:-45px -35px 0 -100px}.dial-hero .art{width:100%;max-width:800px}.dial-hero p{position:absolute;right:0;top:10%;font:14px/1.6 "Courier New",monospace}.helio-hero h1{margin:10px 0 20px;font:italic clamp(45px,4.8vw,72px)/1.05 Georgia,serif;max-width:9ch;position:relative;z-index:2}.helio-hero .action{justify-self:start;font-size:14px;background:transparent;color:#3f3425;max-width:100%;padding-inline:20px}.helio #marks{border:0;display:grid;grid-template-columns:.85fr 1.15fr;gap:0 7vw;padding-block:55px;background:#e5dbc7}.helio #marks h2{font:italic 52px/1.06 Georgia,serif;grid-row:1/3;max-width:12ch}.helio #marks .tick-row{margin-top:0}.helio #around{position:relative;background:#3f3425;color:#f6f2e8;border:0}.helio #around>h2{font:italic clamp(48px,6vw,86px)/1.05 Georgia,serif;position:absolute;top:75px;left:6vw;max-width:9ch}.helio #around .stage-inner>p{align-self:end;max-width:30ch;margin:0 0 25px;font-size:16px}.helio #around .stage-inner .art{max-width:720px;width:65%;margin:0 0 0 auto}.helio #shadow{display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw}.helio #shadow h2{font:italic 59px/1.05 Georgia,serif;max-width:10ch}.helio #shadow .shadow-pair{margin:0;gap:25px}.helio #shadow .shadow-pair>div{padding:32px 25px}.helio #choose{display:grid;grid-template-columns:.7fr 1.3fr;gap:0 7vw;background:#e8deca}.helio #choose h2{font:italic 65px/1.05 Georgia,serif;max-width:10ch;grid-row:1/4}.helio #choose .controls{margin-top:25px}.helio #choose .choice-image{grid-column:2;grid-row:1/5;width:100%;margin:0}.helio #choose .actions,.helio #choose .status{grid-column:1}.helio #fold{margin-left:25%;max-width:950px}.helio #fold h2{font:italic 62px/1.05 Georgia,serif}.helio #help{background:#ede6d7;display:grid;grid-template-columns:1fr 1.2fr;gap:0 6vw}.helio #help h2{grid-row:1/3;font-style:italic}.helio #take{padding-block:100px}.helio #take h2{font:italic clamp(50px,7vw,96px)/1.05 Georgia,serif;max-width:16ch}.helio #take p{margin-top:35px}.helio.auth .auth-shell{grid-template-columns:.85fr 1.15fr;max-width:1150px;margin:auto;padding:45px 4vw}.helio.auth .auth-art{grid-column:1;grid-row:1;max-width:none;margin:0;opacity:1}.helio.auth .auth-copy{grid-column:2;grid-row:1;border-left:0;padding:30px;max-width:450px}.helio.auth .auth-copy h1{font:italic 58px/1.08 Georgia,serif}@media(max-width:899px){.helio-hero{min-height:0;display:block;padding-top:35px}.helio-word{font-size:clamp(76px,21vw,175px)}.dial-hero{margin:0}.dial-hero p{position:static;text-align:right;margin-top:-20px}.helio-hero h1{max-width:none;font-size:50px;margin-top:35px}.helio #marks,.helio #shadow,.helio #choose,.helio #help{display:block}.helio #marks h2,.helio #shadow h2,.helio #choose h2{font-size:44px;max-width:none;margin-bottom:35px}.helio #marks .tick-row{margin-top:30px}.helio #around>h2{position:static;font-size:48px;max-width:none}.helio #around .stage-inner>p{margin:30px 0}.helio #around .stage-inner .art{width:100%;margin:auto}.helio #choose .choice-image{margin:35px 0}.helio #fold{margin:0;max-width:none}.helio #fold h2{font-size:45px}.helio #help h2{margin-bottom:30px}.helio.auth .auth-copy{padding:0;grid-row:auto}.helio.auth .auth-art{grid-row:auto;max-width:360px;margin:auto}.helio.auth .auth-copy h1{font-size:44px}}
@media(max-width:899px){.auth .auth-shell{grid-template-columns:minmax(0,1fr)}.auth .auth-copy,.auth .auth-art{grid-column:1;grid-row:auto}.auth .auth-copy{width:100%;max-width:520px}.auth .auth-copy h1{overflow-wrap:normal}}

@media (max-width:899px) {
  .helio.auth .auth-shell { grid-template-columns:minmax(0,1fr); gap:32px; }
  .helio.auth .auth-art, .helio.auth .auth-copy { grid-column:1; grid-row:auto; width:100%; min-width:0; }
  .helio.auth .auth-copy { max-width:520px; }
}

/* Allow room for enlarged text on medium screens. */
@media(min-width:900px) and (max-width:1199px){.helio-hero{display:block;min-height:0}.helio-word{font-size:150px}.helio .dial-hero{margin:0;max-width:680px;margin-inline:auto}.helio .dial-hero p{position:static;text-align:right}.helio-hero h1{max-width:none;font-size:50px}.helio #marks,.helio #shadow,.helio #choose,.helio #help{display:block}.helio #marks h2,.helio #shadow h2,.helio #choose h2{max-width:none;font-size:44px;margin-bottom:35px}.helio #choose .choice-image{margin:35px 0}.helio #fold{margin:0;max-width:none}.helio #help h2{margin-bottom:30px}}
@media(max-width:1199px){.helio.auth .auth-shell{grid-template-columns:minmax(0,1fr);gap:36px}.helio.auth .auth-copy,.helio.auth .auth-art{grid-column:1;grid-row:auto;width:100%;min-width:0}.helio.auth .auth-copy{max-width:650px;padding:0;margin:auto}.helio.auth .auth-art{max-width:650px;margin:0 auto;transform:none}.helio.auth .auth-art svg{max-height:400px}.helio.auth .auth-copy h1{max-width:none}}