@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;550;600;650;700;750;800&display=swap');
:root{--bg:#070b11;--panel:#101720;--white:#f1f3f7;--muted:#9ba5b4;--line:#ffffff17;--orange:#ff9654;--font:'Inter',Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font);-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse 75% 720px at 0 0,#253e5659,transparent 80%),radial-gradient(ellipse 50% 600px at 100% 500px,#6c301b24,transparent 80%)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}::selection{background:#ffab6a;color:#0a0c10}:focus-visible{outline:2px solid #ffab6a;outline-offset:5px}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:20px;padding:16px;background:var(--orange);color:#101110;z-index:100}.skip-link:focus{top:10px}.preview-note{padding:8px 20px;text-align:center;background:#0d131d;border-bottom:1px solid #ffffff0c;font-size:9px;letter-spacing:1.4px;color:#c9d4e2;display:flex;align-items:center;justify-content:center;gap:8px}.preview-detail{color:#929eae;letter-spacing:.1px;margin-left:10px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--orange);box-shadow:0 0 10px #ff884766}.header{height:118px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;flex-direction:column;gap:8px;white-space:nowrap}.brand-name{font-size:26px;font-weight:750;letter-spacing:-1px;line-height:1}.brand-name span{background:linear-gradient(100deg,#ff654f,#ffbd64);background-clip:text;color:transparent}.brand-byline{font-size:10px;font-weight:450;color:#9eaab9;letter-spacing:0}.brand-byline:hover{color:#fff}.brand-byline span{margin-left:4px}.header nav{display:flex;gap:30px;color:#a9b3c0;font-size:12px}.header nav a:hover,.text-link:hover,footer a:hover{color:#fff}.nav-youtube span{margin-left:6px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:linear-gradient(115deg,#ff7958,#ffb76b);border:1px solid #ffb476;color:#1b1010;font-size:13px;font-weight:700;border-radius:8px;padding:18px 23px;line-height:1.2;white-space:nowrap;box-shadow:0 3px 20px #f4774220;transition:box-shadow .2s,transform .2s,filter .2s}.button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 5px 25px #f4774240}.button span{font-size:21px;font-weight:400;line-height:.7}.button-small{padding:13px 17px;font-size:11px;gap:18px}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:80px;padding-top:76px;padding-bottom:100px;align-items:center}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:600;display:flex;align-items:center;gap:10px;margin:0 0 27px;color:#b3bdcc}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(64px,6.3vw,88px);line-height:1.04;letter-spacing:-5px;font-weight:750;margin-bottom:29px}h1>span,.closing h2 span{background:linear-gradient(100deg,#ff5c53 0%,#ff9b50 70%,#ffc66b 100%);background-clip:text;color:transparent}.hero-description{font-size:15px;line-height:1.85;color:#aab4c2;margin-bottom:31px}.signup-title{font-size:13px;font-weight:600;margin-bottom:13px}.form-row{display:flex;gap:8px}input[type=email]{width:100%;min-width:0;background:#111a26a6;border:1px solid #63778e5c;border-radius:8px;color:var(--white);padding:17px 15px;font-size:13px;box-shadow:inset 0 1px 6px #0005}input::placeholder{color:#929dab}input[aria-invalid=true]{border-color:#ff9b86}.form-row .button{padding:17px 18px;gap:13px}.form-note{font-size:10px;color:#8c98a8;margin:12px 0 0}.form-message{font-size:12px;line-height:1.7;color:#ffc297;margin:11px 0 0}.form-message:empty{display:none}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:500;transition:color .2s}.text-link>span{margin-left:6px;font-size:19px}.hero-channel{margin-top:26px;color:#c6cfdb}.hero-channel svg{width:19px;height:19px;color:#d8dfe9}.hero-art{position:relative;min-height:468px;display:flex;justify-content:center;align-items:center;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:35px -35px;background:radial-gradient(ellipse at 8% 65%,#83b6ec30,transparent 55%),radial-gradient(ellipse at 95% 30%,#ff8a4c36,transparent 55%);filter:blur(20px);z-index:-1}.kit-cover{position:relative;width:100%;max-width:454px;transform:rotate(-3deg);background:linear-gradient(125deg,#182736,#090e17 45%,#211b1c);border:1px solid #b5c6d6a6;border-radius:19px;box-shadow:-4px 3px 19px #9ac9fb24,6px -2px 23px #ff965a2d,inset 0 0 21px #d0e3ff0c;overflow:hidden}.kit-cover:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset -1px 0 1px #ffc088,inset 1px 0 1px #d1e6ff}.window-bar{height:46px;display:flex;align-items:center;justify-content:space-between;padding-inline:19px;border-bottom:1px solid #ffffff10}.window-bar>span{font:7px var(--font);letter-spacing:1.4px;color:#8f9dac}.window-dots{display:flex;gap:6px}.window-dots i{width:8px;height:8px;border-radius:50%;background:#ff5b5d;box-shadow:0 0 6px #ff5b5d22}.window-dots i:nth-child(2){background:#ffba48}.window-dots i:nth-child(3){background:#0fcb8c}.cover-content{padding:28px 30px}.cover-label{font-size:8px;letter-spacing:1.8px;color:#a6b3c3;margin-bottom:16px}.cover-title{font-size:44px;line-height:1.05;letter-spacing:-2px;font-weight:750;margin-bottom:18px}.cover-title>span{color:#fff}.cover-subtitle{font-size:12px;line-height:1.6;color:#a3afbe;margin-bottom:22px}.cover-timeline{height:94px;position:relative;background:#080d15a1;border:1px solid #7089a432;border-radius:6px;padding:10px}.ruler{display:flex;justify-content:space-between;color:#91a0b2;font:7px monospace;margin-bottom:10px}.track{display:flex;gap:4px;height:13px;margin-bottom:4px}.track i{background:#3f6083;border-radius:2px;border:1px solid #7093b955;flex:1}.track-one i:nth-child(2){flex:1.8;background:#6285a9}.track-two{margin-left:28px}.track-two i{background:#aa6141;border-color:#e99e6455}.track-two i:nth-child(2){flex:2;background:#70462f}.track-three i{background:repeating-linear-gradient(90deg,#385b75 0 2px,#7899b0 2px 4px);border-color:#7fa7c155}.playhead{position:absolute;top:7px;left:58%;bottom:5px;width:1px;background:#ffb273}.playhead:before{content:'';position:absolute;top:-2px;left:-3px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:7px solid #ffb273}.cover-bottom{display:flex;justify-content:space-between;align-items:center;font-size:7px;color:#a9b7c6;letter-spacing:1px;margin-top:22px}.cover-bottom>span:last-child{font-size:20px;color:#ffba87}.floating-tag{position:absolute;bottom:-2px;right:-10px;display:flex;align-items:center;gap:12px;background:linear-gradient(120deg,#1c2837f5,#241c18f5);backdrop-filter:blur(15px);color:#dce4ed;border:1px solid #8d9eae6b;padding:16px 23px;box-shadow:0 8px 30px #0006,1px 1px 14px #ff98522b;border-radius:11px;font-size:11px;line-height:1.6;transform:rotate(2deg)}.floating-tag strong{font-weight:550}.tag-icon{font-size:28px;color:#ffb47a}.principles{display:flex;align-items:center;justify-content:space-between;gap:22px;border-block:1px solid var(--line);padding-block:24px;font-size:11px}.principles p{margin:0;color:var(--muted);line-height:1.8}.principles strong{font-weight:500;color:#d6dfe9}.principles>span{display:flex;align-items:center;gap:12px;color:#bdc7d4}.principles i{font-style:normal;font:9px monospace;color:#7890ab}.section-space{padding-block:100px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:44px}h2{font-size:42px;line-height:1.15;letter-spacing:-1.8px;font-weight:650;margin-bottom:0}.section-heading .eyebrow{margin-bottom:20px}.section-heading>p{font-size:13px;line-height:1.9;color:var(--muted);margin-bottom:3px}.contents-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.contents-grid article{padding:28px 24px 16px;border-right:1px solid var(--line)}.contents-grid article:first-child{padding-left:0}.contents-grid article:last-child{padding-right:0;border-right:0}.item-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px;gap:8px}.item-top>span:last-child{font-size:7px;color:#93a0b2;letter-spacing:.8px}.item-icon{font-size:26px;color:#ffad75;font-weight:400}.prompt-icon{font-family:monospace;font-size:20px}.contents-grid h3{font-size:15px;font-weight:600;letter-spacing:-.4px;margin-bottom:13px}.contents-grid p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.kit-footnote{color:#8e9aab;font-size:10px;margin:30px 0 0}.about-section{background:radial-gradient(ellipse at 0 50%,#1d334b3b,transparent 65%),#0a0f17;border-block:1px solid var(--line)}.about{display:grid;grid-template-columns:.7fr 1.3fr;gap:115px;align-items:center}.about-person{padding-left:44px}.about-person img{display:block;border-radius:50%;margin-bottom:25px;box-shadow:0 0 60px #678bad16}.person-name{font-size:25px;letter-spacing:-.8px;font-weight:600;margin-bottom:13px}.person-role{font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:19px}.about-person .text-link{font-size:10px;color:#b2c0d2}.about h2{margin-bottom:25px}.about-copy>p:not(.eyebrow){color:#aab6c6;font-size:14px;line-height:1.9;margin-bottom:17px}.about-copy>p.about-belief{color:#e0e7f1}.about-copy .text-link{margin-top:7px;color:#ffb681}.youtube-dot{color:#ff9c65;font-size:10px}.channel-intro{max-width:335px}.channel-intro p{font-size:13px;line-height:1.85;color:var(--muted);margin-bottom:21px}.button-outline{background:#10192566;color:#dde5ef;border-color:#72849a59;padding:14px 17px;font-size:11px;box-shadow:none}.button-outline:hover{color:#fff;box-shadow:0 0 20px #759bc420}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.video-card{min-width:0;display:block}.video-image{aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:12px;border:1px solid #899bad40;background:#141e2b;transition:box-shadow .25s,border-color .25s,transform .25s}.video-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.video-card:hover .video-image{transform:translateY(-4px);box-shadow:0 8px 35px #6998c733;border-color:#b7d6f7a8}.video-card:hover img{transform:scale(1.025)}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;display:grid;place-items:center;padding-left:3px;border-radius:50%;background:#0a101bbd;border:1px solid #e4efffa6;backdrop-filter:blur(8px);color:white;font-size:17px;box-shadow:0 4px 20px #0005}.video-duration{position:absolute;right:11px;bottom:10px;padding:4px 7px;border-radius:4px;background:#05070be8;color:white;font-size:11px}.video-meta{display:flex;justify-content:space-between;align-items:center;margin:20px 0 10px;color:#a0aec1;font-size:8px;letter-spacing:1.5px}.video-meta span:last-child{font-size:19px;color:#ffaf78}.video-card h3{font-size:20px;line-height:1.4;letter-spacing:-.6px;font-weight:600;margin-bottom:11px;max-width:500px}.video-card>p{font-size:11px;color:#919fb2;margin:0}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;padding-bottom:100px}.faq .eyebrow{margin-bottom:20px}.faq h2{font-size:35px}.faq-items{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:23px 0;font-size:13px;display:flex;justify-content:space-between;gap:12px}summary::-webkit-details-marker{display:none}summary span{font-size:19px;line-height:1;color:#ffaf78}details[open] summary span{transform:rotate(45deg)}details p{font-size:12px;line-height:1.9;color:var(--muted);max-width:95%;padding-bottom:8px}.closing{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-block:70px;gap:30px}.closing h2{font-size:48px}.closing>div:last-child{padding-right:50px}.closing>div>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:20px}.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-block:35px;gap:24px}.footer .brand-name{font-size:22px}.footer .brand-byline{font-size:9px}.footer p{font-size:10px;color:#8e9bad;margin:0}.footer-links{display:flex;gap:25px;align-items:center;font-size:11px;color:var(--muted)}.footer button{border:0;background:none;color:inherit;font-size:inherit;padding:0}dialog{background:#111b28;color:var(--white);border:1px solid #7d97b469;padding:42px;width:min(510px,calc(100% - 32px));border-radius:14px;box-shadow:0 0 60px #3d6b9d29}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog h2{font-size:30px;margin-bottom:22px}dialog>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#b6c4d7}.dialog-close{position:absolute;top:10px;right:14px;color:var(--white);font-size:26px;border:none;background:transparent}.kit-callout{position:fixed;z-index:20;bottom:22px;left:50%;transform:translateX(-50%);width:min(690px,calc(100% - 32px));display:flex;align-items:center;gap:19px;border:1px solid #9caec58a;border-radius:14px;background:linear-gradient(115deg,#172539ee,#11151eee 65%,#332016ee);backdrop-filter:blur(20px);padding:15px 16px 15px 21px;box-shadow:0 10px 50px #000a,-2px 0 20px #86b8ef20,2px 0 20px #ff975026;animation:callout-in .25s ease-out}.callout-icon{font-size:27px;color:#b6d7fa}.callout-copy{display:flex;flex-direction:column;gap:6px;flex:1}.callout-copy strong{font-size:12px;font-weight:600}.callout-copy>span{font-size:10px;color:#afbdd0}.kit-callout .button{font-size:11px;padding:14px 17px;gap:15px}.callout-close{border:0;background:none;color:#bdc9d9;font-size:23px;padding:5px;line-height:1}.callout-close:hover{color:white}@keyframes callout-in{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header nav{gap:20px}.brand-name{font-size:24px}.brand-byline{font-size:9px}.hero{gap:48px;padding-top:55px}h1{font-size:72px;letter-spacing:-4px}.hero-art{min-height:435px}.cover-content{padding:25px}.cover-title{font-size:38px}.form-row{flex-direction:column}.form-row .button{width:100%}.about{gap:65px}.about-person{padding-left:10px}.contents-grid article{padding-inline:17px}.item-top{flex-direction:column;align-items:flex-start;gap:12px}.section-heading>p br{display:none}.section-heading>p{max-width:330px}.principles{font-size:10px;gap:12px}.video-card h3{font-size:18px}.hero-description{font-size:14px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.preview-note{font-size:8px;letter-spacing:.9px;flex-wrap:wrap;padding:8px 12px;gap:5px}.preview-detail{font-size:8px;letter-spacing:0;margin-left:0}.header{height:100px;gap:10px}.header nav{display:none}.brand{gap:7px}.brand-name{font-size:23px;letter-spacing:-.7px}.brand-byline{font-size:8px}.brand-byline span{display:none}.button-small{font-size:10px;padding:12px 10px;gap:8px}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:57px;gap:45px}.eyebrow{font-size:8px;margin-bottom:25px}h1{font-size:clamp(64px,14.7vw,82px);line-height:1.02;letter-spacing:-3.8px;margin-bottom:26px}.hero-description{font-size:13px;line-height:1.9;margin-bottom:27px}.form-row{flex-direction:row;gap:7px}.form-row input{font-size:11px;padding:15px 12px}.form-row .button{width:auto;padding:16px 12px;font-size:11px;gap:10px}.signup-title{font-size:12px}.form-note{font-size:9px}.hero-channel{margin-top:25px;font-size:11px}.hero-art{min-height:423px;max-width:410px;width:100%;padding:0 8px;margin:auto}.hero-art:before{inset:10px -5px}.kit-cover{border-radius:15px}.cover-content{padding:24px}.cover-title{font-size:38px;letter-spacing:-1.8px}.cover-label{font-size:7px}.cover-subtitle{font-size:11px}.window-bar{height:40px;padding-inline:16px}.window-bar>span{font-size:6px}.window-dots i{width:7px;height:7px}.cover-timeline{height:87px}.cover-bottom{font-size:6px;margin-top:19px}.floating-tag{bottom:-5px;right:0;padding:13px 18px;font-size:10px;border-radius:9px}.principles{display:grid;grid-template-columns:1fr 1fr;gap:21px 12px;font-size:9px;padding-block:24px}.principles>span{gap:7px}.section-space{padding-block:65px}.section-heading{display:block;margin-bottom:32px}h2{font-size:34px;letter-spacing:-1.4px}.section-heading>p{margin-top:23px;font-size:12px;max-width:100%}.contents-grid{grid-template-columns:1fr 1fr}.contents-grid article{padding:23px 17px 27px}.contents-grid article:nth-child(2){border-right:0;padding-right:0}.contents-grid article:nth-child(3){padding-left:0;border-top:1px solid var(--line)}.contents-grid article:nth-child(4){border-top:1px solid var(--line)}.item-top{margin-bottom:23px}.contents-grid h3{font-size:14px}.contents-grid p{font-size:11px;line-height:1.9}.kit-footnote{font-size:9px;line-height:1.8;margin-top:23px}.about{grid-template-columns:1fr;gap:40px}.about-person{padding:0}.about-person img{width:132px;height:132px;margin-bottom:22px}.person-name{font-size:24px}.person-role{font-size:12px}.about-copy>p:not(.eyebrow){font-size:13px}.channel-intro{margin-top:23px;max-width:100%}.channel-intro p{font-size:12px}.video-grid{grid-template-columns:1fr;gap:34px}.video-card h3{font-size:17px}.video-card>p{font-size:10px}.video-meta{margin-top:16px}.video-play{width:44px;height:44px;font-size:15px}.faq{grid-template-columns:1fr;gap:30px;padding-bottom:65px}.faq h2{font-size:31px}.faq h2 br{display:none}summary{font-size:12px;padding-block:21px}.closing{display:block;padding-block:48px}.closing h2{font-size:38px}.closing>div:last-child{padding:0;margin-top:28px}.closing>div>p:not(.eyebrow){font-size:12px}.closing>div>p:not(.eyebrow) br{display:none}.closing .button{width:100%;justify-content:space-between}.footer{flex-wrap:wrap;gap:25px;padding-block:29px}.footer>p{order:3;width:100%;font-size:9px}.footer-links{gap:15px;font-size:10px}.footer .brand-name{font-size:20px}.footer .brand-byline{font-size:8px}dialog{padding:36px 25px}dialog h2{font-size:26px}.kit-callout{bottom:12px;gap:11px;padding:13px;width:calc(100% - 24px);border-radius:11px}.callout-icon{display:none}.callout-copy strong{font-size:10px;line-height:1.5}.callout-copy>span{font-size:9px;line-height:1.5}.kit-callout .button{font-size:10px;padding:12px 10px;gap:8px}.kit-callout .button span{font-size:16px}.callout-close{font-size:20px;padding:3px}.callout-copy{gap:2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Personal hero and compact kit overview. */
.portrait-window{transform:rotate(-2deg)}
.hero-portrait{height:422px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 20% 40%,#3e658c52,transparent 65%),radial-gradient(ellipse at 90% 65%,#9f552e35,transparent 65%)}
.hero-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;padding-top:19px}
.hero-portrait:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 76%,#080e1859)}
.principles{justify-content:center;gap:42px}
.principles>span{gap:9px}
.contents-grid{gap:18px;border-top:0}
.contents-grid article,.contents-grid article:first-child,.contents-grid article:last-child{padding:25px 21px 28px;border:1px solid #9bb6d247;border-radius:15px;background:linear-gradient(135deg,#1a293b99,#0d131dd9 70%,#38241b40);box-shadow:inset 0 1px 0 #cfdeef17,0 7px 24px #0002;backdrop-filter:blur(12px)}
.contents-grid .item-top{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:27px}
.contents-grid h3{line-height:1.45}
@media(max-width:1100px){.hero-portrait{height:415px}.principles{gap:27px}.contents-grid{gap:13px}.contents-grid article,.contents-grid article:first-child,.contents-grid article:last-child{padding:23px 17px 26px}.contents-grid h3{font-size:14px}}
@media(max-width:760px){.hero-art{min-height:0;padding:0 8px;margin-top:0;margin-bottom:12px}.hero-portrait{height:350px}.hero-portrait img{padding-top:16px}.floating-tag{bottom:-17px}.principles{grid-template-columns:max-content max-content;justify-content:center;gap:22px 27px}.contents-grid{gap:14px}.contents-grid article,.contents-grid article:first-child,.contents-grid article:last-child,.contents-grid article:nth-child(2),.contents-grid article:nth-child(3),.contents-grid article:nth-child(4){padding:22px 17px 25px;border:1px solid #9bb6d247}.contents-grid .item-top{margin-bottom:23px;gap:13px}.contents-grid h3{font-size:14px}}
@media(max-width:370px){.principles{gap:20px 17px}.contents-grid{gap:11px}.contents-grid article,.contents-grid article:first-child,.contents-grid article:last-child,.contents-grid article:nth-child(2),.contents-grid article:nth-child(3),.contents-grid article:nth-child(4){padding-inline:13px}.hero-portrait{height:320px}}
.contents-grid .item-icon{display:flex;align-items:center;height:32px;line-height:32px}

/* Frame the face, keeping the window bar just above the hairline. */
.hero-art{align-items:flex-end}
.hero-portrait{height:394px}
.hero-portrait img{position:absolute;inset:0;width:100%;height:calc(100% + 10px);padding-top:0;object-position:39% top}
.portrait-window{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotateZ(-2deg);transition:transform 420ms cubic-bezier(.2,.8,.2,1)}
.hero-art .floating-tag{transform:perspective(1000px) translate3d(var(--float-x,0px),var(--float-y,0px),0) rotateX(var(--float-rx,0deg)) rotateY(var(--float-ry,0deg)) rotateZ(2deg);transition:transform 420ms cubic-bezier(.2,.8,.2,1)}
.hero-art.is-tilting .portrait-window,.hero-art.is-tilting .floating-tag{transition-duration:110ms}
.kit-card-shell{min-width:0;position:relative}
.contents-grid .kit-card-shell article{height:100%;position:relative;isolation:isolate;overflow:hidden;transform:perspective(850px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform 400ms cubic-bezier(.2,.8,.2,1),border-color 280ms,box-shadow 280ms}
.contents-grid .kit-card-shell article:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,#ff754f 0%,#ffad58 55%,#ffe293 100%);opacity:0;transition:opacity 300ms ease;pointer-events:none}
.contents-grid .kit-card-shell article :is(h3,p,.item-top>span){transition:color 280ms}
.contents-grid .kit-card-shell.is-tilting article{transition-duration:110ms,280ms,280ms}
@media(hover:hover) and (pointer:fine){
  .contents-grid .kit-card-shell:hover article:before{opacity:1}
  .contents-grid .kit-card-shell:hover article{border-color:#ffcf91;box-shadow:inset 0 1px 0 #fff8,0 12px 38px #f985472c}
  .contents-grid .kit-card-shell:hover :is(h3,.item-icon){color:#24100c}
  .contents-grid .kit-card-shell:hover :is(p,.item-top>span:last-child){color:#4b291c}
}
@media(max-width:1100px){.hero-portrait{height:387px}}
@media(max-width:760px){.hero-portrait{height:330px}.hero-portrait img{object-position:43% top}}
@media(max-width:370px){.hero-portrait{height:300px}}
@media(prefers-reduced-motion:reduce){
  .portrait-window{transform:rotate(-2deg)}
  .hero-art .floating-tag{transform:rotate(2deg)}
  .contents-grid .kit-card-shell article{transform:none}
}

/* The official Kit form, styled to match the landing page. */
#signup-form .formkit-field{flex:1;min-width:0}
#signup-form input{height:100%}
#signup-form .submit-label{display:inline-flex;align-items:center;gap:13px;font-size:13px;font-weight:700;line-height:1.2}
#signup-form .formkit-submit{position:relative;flex-shrink:0}
#signup-form .formkit-spinner{display:none;width:18px;height:18px;border:2px solid #30180b40;border-top-color:#30180b;border-radius:50%;animation:kit-spin .8s linear infinite}
#signup-form .formkit-submit[data-active] .submit-label{visibility:hidden}
#signup-form .formkit-submit[data-active] .formkit-spinner{display:block;position:absolute;left:calc(50% - 9px);top:calc(50% - 9px)}
#signup-form button:disabled{cursor:wait;transform:none;opacity:.85}
#signup-form .formkit-alert{border:1px solid #ffac7066;border-radius:9px;background:linear-gradient(120deg,#ff7c5415,#ffba6a0a);color:#ffd0ac;padding:14px 16px;font-size:13px;line-height:1.65;margin:0 0 12px;list-style:none}
#signup-form .formkit-alert:empty{display:none}
#signup-form .formkit-alert-success{margin-bottom:0}
#signup-form .formkit-alert-error{color:#ffc4b6;border-color:#fa8a7355}
#signup-form .form-note{line-height:1.6}
#signup-form .kit-credit{display:inline-block;margin-top:9px;font-size:10px;color:#a4afbd}
#signup-form .kit-credit:hover{color:#fff}
@keyframes kit-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#signup-form .formkit-spinner{animation:none}}

/* Vector link arrows stay consistent across browsers and never render as emoji. */
svg.icon-arrow{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.12em;color:inherit}