/* REPNOVA — identity carried from Hassan's supplied campaign film. */
:root{--red:#db0032;--black:#080808;--white:#f7f7f5}
.wordmark{font-size:17px;font-weight:600;letter-spacing:4px;gap:0;line-height:1.2}
.wordmark:before{width:9px;height:9px;background:var(--red);margin-inline-end:13px;border-radius:0}
.wordmark .brand-dot{display:none}
.nav .wordmark{min-width:158px}.nav nav{gap:23px}
.button{border-radius:50px;font-size:11px;letter-spacing:.7px}
html[lang=en] .button{text-transform:uppercase}
.button.primary:hover{background:#b6002a;border-color:#b6002a}
.button.compact{font-size:10px;letter-spacing:.4px}
.hero{padding-top:30px;padding-bottom:35px;min-height:740px}
.hero h1{font-size:clamp(55px,5.65vw,86px);line-height:1.02;letter-spacing:-3.9px;margin:30px 0 25px}
.hero h1>span{white-space:nowrap}.hero h1 sup{font-size:7px;top:-14px;right:0;letter-spacing:1.7px;color:#777}
.hero-stop{color:var(--red)}
.hero-copy>.eyebrow{font-size:8px;letter-spacing:1.5px}.hero-description{max-width:385px;font-size:13px}
.hero-art{height:620px}.technical-grid{opacity:.22}.art-axis{opacity:.3}
.plate-tilt{inset:10px 8px 100px;--tilt-x:10deg;--tilt-y:-18deg}
.plate-depth{width:95%;max-width:560px}
.plate-slice{mask-image:radial-gradient(circle closest-side,transparent 0 13%,#000 13.6%);background:conic-gradient(from 35deg,#191919,#777 13%,#111 24%,#e5e5e5 35%,#333 45%,#111 57%,#bfbfbf 70%,#222 83%,#8b8b8b 96%,#191919)}
.hero-plate{filter:drop-shadow(10px 18px 12px #0009)}
.hero-case{position:absolute;z-index:4;width:86%;height:auto;left:10%;bottom:49px;filter:drop-shadow(0 15px 14px #0009);pointer-events:none}
.plate-shadow{bottom:63px;left:13%;right:7%;height:50px}
.tag-a{top:28%;left:3%}.tag-b{bottom:33%;right:0}.plate-tag{background:#080808d9;border-left-width:1px;padding:7px 12px}
.art-label.top{top:7px}.art-label.bottom{bottom:9px}.art-label{font-size:7px;letter-spacing:1px}
.signal-strip{background:#0a0a0a;border-top:1px solid #292929;border-bottom:1px solid #292929}
.signal-inner{padding-top:21px;padding-bottom:21px}.signal-inner>span{letter-spacing:1.4px;font-size:10px}.signal-inner>b{color:var(--red);font-size:9px}.signal-inner .strip-code{color:#686868;font-size:7px}
.assessment-band{background:#101010;border-top:1px solid #292929;border-bottom:1px solid #292929}
.assessment-band:after{content:'';height:3px;width:100px;left:4%;top:0;background:var(--red)}
.assessment-band .eyebrow>span:first-child{color:var(--red)}.assessment-band .band-note{color:#aaa;opacity:1}
.assessment-band p{color:#bbb}.assessment-band .button.light{background:var(--red);border-color:var(--red);color:white;min-width:220px}
.section-intro h2{letter-spacing:-2.7px}.kit-section .section-intro h2{font-size:clamp(35px,3.55vw,54px);line-height:1.05}
.library-filters button{border-radius:5px}.library-filters button[aria-pressed=true]{background:#e8e8e5;color:#080808;border-color:#d9d9d5}
.program-card{border-radius:8px;background:#0c0c0c}.program-card:hover{border-color:#656565}
.program-card-top>span:first-child:before{content:'';display:inline-block;width:4px;height:4px;background:var(--red);margin-inline-end:8px}
.program-card h3{letter-spacing:-1.5px}.program-card h3>span{font-size:15px}
.art-foundation i:nth-child(4){background:radial-gradient(circle closest-side,#111 0 27%,#bdbdbd 28% 31%,var(--red) 32% 100%)}
.live-preview{border-radius:7px}.segmented{border-radius:6px;background:#0c0c0c}
.segmented button{border-radius:3px;letter-spacing:.4px}
.segmented button[aria-pressed=true]{background:linear-gradient(#fafaf7,#d8d8d4);box-shadow:0 1px 3px #0008;color:#090909}
.choice span{border-radius:5px;background:#111}.choice input:checked+span{background:linear-gradient(165deg,#f4f4f1,#d4d4d0);border-color:#f0f0ec;color:#080808;box-shadow:inset 0 -2px var(--red)}
.choice input:checked+span>small{color:#444}.field input:not([type=checkbox]),.field select,.field textarea{border-radius:5px}
.assessment-coach{background:#101010}.coach-stack i{border-radius:0}.step-kicker{letter-spacing:1.7px}
.experience-top>.wordmark,.results-top>.wordmark{font-size:13px;letter-spacing:3px}
.assessment-sidebar .wordmark{font-size:13px;letter-spacing:2.5px}.assessment-sidebar .wordmark:before{width:7px;height:7px;margin-inline-end:9px}
.profile-plan-symbol{border-radius:5px}.profile-empty-art span{border-color:#999}
.profile-avatar.brand-avatar{color:var(--red);font-size:23px}.profile-avatar:after{border-radius:0}
.detail-fit,.profile-plan-card,.program-choice-note{border-radius:6px}.detail-week>div{border-radius:4px}
.profile-checkin .button{letter-spacing:.5px}.profile-preferences .button{font-size:10px}
.footer-word{font-size:15.1vw;letter-spacing:.105em;line-height:1.35;padding:0;white-space:nowrap}
.footer-word:before{content:'';display:inline-block;width:1.6vw;height:1.6vw;background:var(--red);margin-inline-end:2vw;vertical-align:36%}
.footer-word>span{display:none}

/* Shallow presentation case, constructed from six faces and a hinged slab. */
.kit-studio{min-height:555px;background:radial-gradient(ellipse at 50% 73%,#1e1e1e,#101010 46%,#080808 85%);border:1px solid #292929;border-radius:8px}
.kit-studio .panel-top{font-size:8px;letter-spacing:1.5px;padding:22px;position:relative;z-index:5}
.kit-studio .panel-top>span:last-child{color:#aaa}
.box-scene{height:410px;perspective:1200px;isolation:auto}
.box-scene:after{width:330px;height:65px;left:50%;top:73%;transform:translateX(-50%) rotate(-8deg);filter:blur(18px);opacity:.8}
.box-stage{perspective:1200px;transform-style:preserve-3d;outline-offset:-8px}
.box,.kit-open .box{top:62%;left:50%;scale:1;transform:rotateX(var(--box-x,-27deg)) rotateY(var(--box-y,-18deg));transition:transform .65s cubic-bezier(.2,.8,.2,1),top .8s;pointer-events:none}
.kit-open .box{top:72%;scale:.86}
.box.is-dragging{transition:top .8s}
.box-face{background:#090909;border-color:#2f2f2f;transform-style:preserve-3d}
.box-front,.box-back{width:340px;height:36px}
.box-front{transform:translate(-50%,-50%) translateZ(112.5px);background:linear-gradient(170deg,#151515,#050505 80%);padding:0;display:flex;justify-content:space-between;align-items:center;padding-inline:15px;box-shadow:inset 0 4px #202020,inset 0 -3px #131313}
.case-wordmark{font:600 8px/1 'Space Grotesk',sans-serif;letter-spacing:2px;color:#eee;white-space:nowrap}
.case-wordmark:before{content:'';display:inline-block;width:3px;height:3px;background:var(--red);margin-right:5px;vertical-align:1px}
.case-front-note{font-size:5px;letter-spacing:1px;color:#ccc}
.case-latch{position:absolute;width:17px;height:12px;left:50%;top:5px;transform:translateX(-50%);background:var(--red);box-shadow:0 1px 0 #ff5574}
.box-back{transform:translate(-50%,-50%) rotateY(180deg) translateZ(112.5px);padding:0;display:grid;place-items:center;background:#0b0b0b}
.box-back>span{font-size:6px;letter-spacing:2px;color:#888}
.box-side{width:225px;height:36px;background:linear-gradient(#161616,#060606);padding:0}
.box-right{transform:translate(-50%,-50%) rotateY(90deg) translateZ(170px)}
.box-left{transform:translate(-50%,-50%) rotateY(-90deg) translateZ(170px)}
.box-side span{font-size:6px;writing-mode:horizontal-tb;letter-spacing:1.5px;font-weight:400;color:#aaa}
.box-bottom{width:340px;height:225px;transform:translate(-50%,-50%) rotateX(-90deg) translateZ(18px);background:linear-gradient(150deg,#0a0a0a,#141414);display:grid;place-items:center}
.box-secret{font-size:10px;letter-spacing:1.5px}.box-secret small{font-size:5px;letter-spacing:1px}
.box-interior{width:340px;height:225px;left:0;top:0;transform:translate(-50%,-50%) rotateX(90deg) translateZ(12px);background:#080808;border:7px solid #171717;backface-visibility:hidden;display:grid;place-items:center}
.case-inlay{width:306px;height:190px;border-radius:5px;background:var(--red);color:white;padding:14px;position:relative;text-align:left;box-shadow:0 0 0 1px #ef2451}
.case-inlay>span{font-size:6px;letter-spacing:1.5px}.case-inlay>strong{font-size:16px;display:block;margin-top:11px;letter-spacing:-.4px}
.case-inlay>small{position:absolute;top:14px;right:13px;font-size:5px;letter-spacing:1px}.case-inlay i{display:block;width:7px;height:7px;background:#eee;margin-top:8px;margin-left:auto}
.case-rim{position:absolute;width:340px;height:225px;left:0;top:0;transform:translate(-50%,-50%) rotateX(90deg) translateZ(18px);border:5px solid #282828;background:transparent;box-shadow:0 0 0 1px #111,inset 0 0 0 1px #070707;backface-visibility:hidden}
.lid-hinge{width:0;height:0;transform:translate3d(0,-20px,-112.5px) rotateX(0deg);transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
.kit-open .lid-hinge{transform:translate3d(0,-20px,-112.5px) rotateX(105deg)}
.lid-slab{position:absolute;left:-170px;top:0;width:340px;height:225px;transform-origin:center top;transform:rotateX(90deg);transform-style:preserve-3d}
.box-lid,.lid-underside{position:absolute;left:0;top:0;width:340px;height:225px;backface-visibility:hidden;border:2px solid #333;transform-style:preserve-3d;display:block;border-radius:1px}
.box-lid{transform:translateZ(2px);background:linear-gradient(115deg,#0b0b0b,#1b1b1b 43%,#101010 74%);background-size:180% 100%;background-position:var(--foil-position,50%) center;padding:22px;text-align:left;box-shadow:0 0 0 1px #070707}
.box-lid:before{content:none}
.box-lid .case-lid-brand{font-size:8px;letter-spacing:2.3px;position:absolute;left:22px;top:22px}
.case-lid-serial{position:absolute;right:20px;top:22px;font-size:6px;letter-spacing:1.6px;color:var(--red)}
.case-lid-rule{height:1px;position:absolute;left:22px;right:22px;top:92px;background:linear-gradient(90deg,var(--red),#7b001d 60%,transparent)}
.box-lid>strong{position:absolute;left:22px;bottom:47px;font-size:34px;font-weight:700;line-height:1;letter-spacing:-1px;color:#f7f7f5}
.box-lid>strong:after{content:'';width:5px;height:5px;display:inline-block;background:var(--red);margin-left:5px}
.box-lid .case-lid-sub{position:absolute;bottom:26px;left:23px;font-size:6px;font-weight:400;letter-spacing:1.4px;color:#aaa}
.lid-underside{transform:rotateX(180deg) translateZ(2px);background:linear-gradient(140deg,#080808,#111);padding:23px;text-align:left;box-shadow:inset 0 0 0 4px #151515}
.lid-underside>.case-inner-brand{width:auto;height:auto;border:0;display:block;position:absolute;left:23px;bottom:19px;font-size:6px;letter-spacing:2px}
.lid-underside>strong{font-size:24px;letter-spacing:-.8px;display:block;margin-top:67px;color:#eee;line-height:1}
.lid-underside>b{font-size:5px;letter-spacing:.6px;display:block;margin-top:8px;font-weight:400;color:#aaa}
.lid-underside>i{width:57px;height:1px;display:block;background:var(--red);margin-top:12px}
.lid-underside>small{position:absolute;bottom:20px;right:23px;font-size:5px;letter-spacing:1px;color:#aaa}
.case-deck,.kit-open .case-deck{width:0;height:0;position:absolute;left:0;top:0;right:auto;bottom:auto;display:block;transform:none;opacity:1;visibility:visible;transition:none;transform-style:preserve-3d;pointer-events:none}
.case-deck .kit-card{position:absolute;left:0;top:0;width:306px;height:190px;min-height:0;padding:12px 14px;background:#e4e4e0;color:#080808;border:1px solid #c7c7c2;border-radius:6px;text-align:left;direction:ltr;opacity:0;visibility:hidden;transform:translate(-50%,-50%) translate3d(0,-13px,0) rotateX(90deg);transform-origin:center center;transition:transform 1.05s cubic-bezier(.2,.82,.2,1),opacity .3s,visibility .3s;box-shadow:0 1px 0 #aaa,0 4px 9px #0005;pointer-events:none;overflow:hidden;outline-offset:3px}
.kit-open .case-deck .kit-card{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) translate3d(0,calc(-105px - var(--card-order)*32px),calc(93px - var(--card-order)*29px));transition-delay:calc(.3s + var(--card-order)*.07s)}
.kit-open .case-deck .kit-card:hover{transform:translate(-50%,-50%) translate3d(0,calc(-105px - var(--card-order)*32px),calc(93px - var(--card-order)*29px));transition-delay:0s;outline:1px solid #fff;outline-offset:3px;z-index:auto}
.kit-open .case-deck .kit-card.selected,.kit-open .case-deck .kit-card.selected:hover{transform:translate(-50%,-50%) translate3d(0,-108px,100px);transition-delay:0s;outline:none;z-index:auto}
.kit-open .case-deck .kit-card:focus-visible{outline:2px solid white}
.case-card-head{display:flex;justify-content:space-between;gap:20px;font-size:6px;letter-spacing:1.1px;line-height:1.2;color:#4b4b4b}
.case-deck .kit-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}
.case-deck .case-card-head>span{display:inline;background:none;padding:0;border:0;box-shadow:none;color:inherit;font-size:6px;letter-spacing:1.1px;transform:none}
.case-card-head>small{font-size:5px;letter-spacing:1.4px}
.case-deck .kit-card .case-card-mark{position:absolute;width:7px;height:7px;right:15px;top:30px;bottom:auto;background:var(--red);font-size:0}
.case-deck .kit-card>strong{display:block;font:700 20px/1 'Space Grotesk','Thmanyah Sans',sans-serif;letter-spacing:-.7px;margin:8px 0 12px;padding:0;white-space:normal}
.case-card-copy{border-top:1px solid #aaa;padding-top:13px}
.case-card-copy>b{font-size:13px;letter-spacing:-.5px;line-height:1.2}
.case-card-copy>p{font-size:7px;letter-spacing:.4px;line-height:1.7;margin:9px 0 0;color:inherit}
.case-card-foot{font-size:5px;letter-spacing:1px;position:absolute;left:14px;bottom:17px;color:inherit}
.case-card-foot:before{content:'';display:inline-block;width:3px;height:3px;background:var(--red);margin-right:6px}
.case-card-ruler{position:absolute;left:14px;right:14px;bottom:0;height:5px;background:repeating-linear-gradient(90deg,#555 0 1px,transparent 1px 5px);opacity:.5}
.case-deck .kit-card:nth-child(2){background:linear-gradient(120deg,#7d7d7d,#a3a3a3 42%,#656565);border-color:#949494;color:#080808}
.case-deck .kit-card:nth-child(2) .case-card-head{color:#242424}
.case-deck .kit-card:nth-child(3){background:#e4e4e0;border-color:#c7c7c2;color:#080808}
.case-deck .kit-card:nth-child(4){background:var(--red);border-color:#eb1b49;color:#f7f7f5}
.case-deck .kit-card:nth-child(4) .case-card-head{color:#ffccd6}.case-deck .kit-card:nth-child(4) .case-card-mark,.case-deck .kit-card:nth-child(4) .case-card-foot:before{background:#f7f7f5}
.case-deck .kit-card:nth-child(4) .case-card-copy{border-color:#ffffff55}.case-deck .kit-card:nth-child(4) .case-card-ruler{background:repeating-linear-gradient(90deg,#fff9 0 1px,transparent 1px 5px)}
.box-hint{font-size:6px;line-height:1.8;letter-spacing:.8px;margin:2px 14px 16px;min-height:12px}
.studio-bottom{padding-bottom:21px}.studio-bottom .text-link{font-size:10px;text-transform:uppercase;letter-spacing:.8px}
.studio-bottom .icon-button{border-radius:3px}
.kit-studio[data-finish=signal] .box-front{background:linear-gradient(#a70027,#570015)}
.kit-studio[data-finish=signal] .box-lid{background:linear-gradient(130deg,#a00028,#db0032 45%,#9f0026)}
.kit-studio[data-finish=signal] .case-lid-rule{background:#ffffff80}.kit-studio[data-finish=signal] .case-lid-serial{color:#ffbccb}
.kit-studio[data-finish=chrome] .box-front{background:linear-gradient(120deg,#555,#c9c9c6 50%,#666);color:#080808}
.kit-studio[data-finish=chrome] .box-lid{background:linear-gradient(125deg,#ddd,#929292 28%,#e2e2df 55%,#888);color:#080808}
.kit-studio[data-finish=chrome] .box-lid>strong,.kit-studio[data-finish=chrome] .box-lid .case-lid-brand,.kit-studio[data-finish=chrome] .box-lid .case-lid-sub{color:#080808}
.kit-studio[data-finish=chrome] .box-front .case-wordmark,.kit-studio[data-finish=chrome] .case-front-note{color:#111}
html[dir=rtl] .hero h1{font-size:clamp(55px,5.2vw,80px);line-height:1.35;letter-spacing:-1px}
html[dir=rtl] .button{letter-spacing:0}
html[dir=rtl] .case-deck .kit-card>strong{font-family:'Thmanyah Sans','Space Grotesk',sans-serif;font-size:17px;letter-spacing:0;line-height:1.2}
html[dir=rtl] .case-deck .kit-card:nth-child(2)>strong{font-family:'Space Grotesk',sans-serif}
html[dir=rtl] .case-card-copy>b{font-family:'Thmanyah Sans','Space Grotesk',sans-serif;font-size:11px;letter-spacing:0}
html[dir=rtl] .case-card-copy>p{letter-spacing:0;font-size:7px}
html[dir=rtl] .lid-underside>strong{font-family:'Thmanyah Display',sans-serif;font-size:27px;line-height:1.4}
html[dir=rtl] .lid-underside>b{letter-spacing:0;font-size:6px}
html[dir=rtl] .box-lid>strong{font-family:'Thmanyah Display',sans-serif;font-size:31px;letter-spacing:0}

@media(min-width:1500px){.footer-word{font-size:220px}}
@media(max-width:1100px){.nav .wordmark{min-width:140px;font-size:15px;letter-spacing:3.6px}.nav nav{gap:15px}.hero h1{font-size:clamp(50px,5.65vw,70px);letter-spacing:-3px}.hero-art{height:540px}.hero-case{bottom:48px;width:91%;left:6%}.plate-depth{width:100%}.kit-grid{gap:40px}.box,.kit-open .box{scale:.88}.box-scene{height:390px}.kit-studio{min-height:530px}}
@media(max-width:820px){.wordmark{font-size:15px;letter-spacing:3.2px}.nav .wordmark{min-width:120px}.nav nav{gap:14px}.nav-actions{gap:15px}.hero h1{font-size:clamp(49px,6.25vw,65px)}.hero-art{height:510px}.plate-depth{width:105%}.hero-case{bottom:46px;left:4%;width:94%}.kit-grid{gap:30px}.box,.kit-open .box{scale:.88}.assessment-sidebar .wordmark{font-size:11px;letter-spacing:2px}.assessment-sidebar .wordmark:before{width:6px;height:6px}.experience-top>.wordmark{font-size:12px;letter-spacing:2.5px}.kit-section .section-intro h2{font-size:38px}}
@media(max-width:600px){.nav .wordmark{min-width:0;font-size:15px;letter-spacing:3.1px}.wordmark:before{width:8px;height:8px;margin-inline-end:10px}.nav-actions{gap:17px}.hero{padding-top:36px;padding-bottom:20px;min-height:0}.hero h1{font-size:clamp(48px,12.9vw,72px);line-height:1.03;letter-spacing:-2.7px;margin:26px 0 24px}.hero h1 sup{font-size:6px;top:-12px}.hero-copy>.eyebrow{font-size:6px;letter-spacing:1.2px}.hero-description{font-size:12px;max-width:335px}.hero-actions{gap:18px}.hero .button{font-size:10px;letter-spacing:.5px;padding:14px 21px;gap:18px}.hero-actions .text-link{font-size:9px;gap:10px}.hero-foot{font-size:8px;letter-spacing:0;margin-top:24px}.hero-art{height:415px;margin-top:28px}.plate-tilt{inset:10px 0 88px}.plate-depth{width:101%;max-width:none}.hero-case{bottom:35px;width:93%;left:5%}.tag-a{top:25%;left:1%}.tag-b{bottom:37%;right:0}.plate-tag{padding:5px 8px}.plate-tag b{font-size:9px}.plate-tag span{font-size:5px}.art-label{font-size:5px;letter-spacing:.6px}.art-label.top{top:0}.art-label.bottom{bottom:5px}.inspection-plaque{bottom:47px}.signal-inner{padding-top:18px;padding-bottom:18px;gap:10px}.signal-inner>span{font-size:7px;letter-spacing:1px}.signal-inner>b{font-size:6px}.section-intro h2{letter-spacing:-2px}.kit-section .section-intro h2{font-size:36px}.kit-studio{min-height:515px}.kit-studio .panel-top{padding:19px 17px;font-size:6px;letter-spacing:1.2px}.box-scene{height:385px}.box,.kit-open .box{scale:.72;top:64%}.box-scene:after{width:250px;top:76%;height:45px}.box-hint{font-size:5px;letter-spacing:.35px;line-height:1.8;margin:0 17px 15px;min-height:18px}.studio-bottom{padding-inline:17px;padding-bottom:18px}.studio-bottom .text-link{font-size:9px}.assessment-sidebar .wordmark{font-size:11px;letter-spacing:1.8px}.assessment-sidebar .wordmark:before{width:6px;height:6px;margin-inline-end:7px}.experience-top>.wordmark,.results-top>.wordmark{font-size:12px;letter-spacing:2.5px}.experience-top>.wordmark:before{width:7px;height:7px;margin-inline-end:9px}.profile-preferences .button{font-size:8px;letter-spacing:.2px}.footer-word{font-size:14.6vw;letter-spacing:.1em;margin:25px 0 15px;line-height:1.3}.footer-word:before{width:1.8vw;height:1.8vw;margin-inline-end:2.4vw}.footer-top>.eyebrow{font-size:7px;max-width:210px;line-height:1.8}html[dir=rtl] .hero h1{font-size:clamp(48px,13.2vw,70px);line-height:1.35;letter-spacing:-1px}}
@media(min-width:601px) and (max-width:1100px){.kit-open .box{scale:.81}}
@media(max-width:360px){.nav .wordmark{font-size:13px;letter-spacing:2.8px}.nav-actions{gap:13px}.hero h1{font-size:clamp(42px,12.9vw,48px);letter-spacing:-2.4px}.hero .button{font-size:9px;padding-inline:18px}.hero-actions .text-link{font-size:8px}.box,.kit-open .box{scale:.63}.box-scene{height:365px}.kit-studio{min-height:500px}.hero-art{height:385px}}
@media(prefers-reduced-motion:reduce){.lid-hinge,.box,.case-deck .kit-card{transition:none!important}.hero-case{filter:none}}
@media print{.hero-case{display:none}.button{border-radius:0}}

@media(max-width:330px){.box,.kit-open .box{scale:.56}.nav .wordmark{font-size:12px;letter-spacing:2.2px}.nav-actions{gap:11px}}

#stepCounter{direction:ltr;unicode-bidi:isolate}html[dir=rtl] .case-card-copy{direction:rtl;text-align:right}html[dir=rtl] .case-deck .kit-card>strong{text-align:right}
