.pillar-page .page{padding-top:0}
.pillar-page .hero{min-height:500px}
.pillar-page .hero-art{position:relative;min-height:500px;overflow:hidden;background:#050607}
.pillar-page .hero-art img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.pillar-page .hero-copy{background:linear-gradient(90deg,#050607ec,#050607),#050607;padding:42px 36px}
.pillar-page .hero-copy h1{font-size:clamp(3rem,5.6vw,6.4rem)}
.pillar-page .hero-copy .eyebrow{margin-top:0;font-size:.74rem;color:var(--muted)}
.pillar-page .hero-copy>p:not(.eyebrow){font-size:1rem;line-height:1.55}
.pillar-page .hero-copy .button{font-size:14px;gap:12px}
.pillar-page .button:not(.secondary){background:var(--youtube);color:var(--text)}
.pillar-page .button.secondary{color:var(--text)}
.pillar-page .content-section,.pillar-page .support,.pillar-page .quote{margin-top:22px;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#ffffff04,transparent),var(--panel);box-shadow:var(--shadow);overflow:hidden}
.section-heading{margin-bottom:28px;max-width:760px}
.section-heading h2,.support h2,.about h2{font-size:clamp(2rem,3vw,3.4rem);margin:0;line-height:1;letter-spacing:-.035em;text-transform:uppercase;font-weight:900}
.section-heading>p:last-child{color:var(--muted);line-height:1.6;margin:16px 0 0;max-width:650px}
.pillar-page p{line-height:1.6}
.pillar-page h3{font-size:1.2rem;line-height:1.25;margin:0;font-weight:850}
.pillar-page .eyebrow{color:var(--muted)}
.learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.learning-grid article,.portfolio-grid article,.feature-grid article,.workflow article{background:var(--panel-2);border:1px solid var(--line);border-radius:13px;overflow:hidden}
.learning-grid article{padding:0 22px 24px}
.learning-grid article>img{width:calc(100% + 44px);margin-left:-22px;aspect-ratio:16/9;object-fit:cover;margin-bottom:24px}
.learning-grid article>p:not(.eyebrow),.portfolio-grid article>p:not(.eyebrow),.feature-grid p{color:var(--muted);font-size:.95rem;margin:14px 0 20px}
.learning-grid .button{font-size:13px;min-height:46px}
.support{display:flex;align-items:center;justify-content:space-between;gap:32px}
.support>div:first-child{max-width:720px}.support>div>p:not(.eyebrow){color:var(--muted);margin:16px 0 0}
.support .actions{margin-top:0;flex-shrink:0}.support>.button{flex-shrink:0}
.text-link{display:inline-block;color:var(--text);font-size:.9rem;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.editorial{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.editorial>img{width:100%;max-height:460px;object-fit:contain;border-radius:13px}
.workflow-visual{display:block;width:auto;height:auto;max-width:100%;max-height:520px;border:1px solid var(--line);border-radius:13px;margin:0 auto 22px}
.workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.workflow article{padding:22px}.workflow article>span{display:block;color:var(--yellow);font-size:.8rem;font-weight:800;margin-bottom:20px}
.workflow p{font-size:.9rem;color:var(--muted);margin-bottom:0}
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.feature-grid article{padding:24px}
.pillar-page .video-card{font:inherit;color:var(--text);padding:0 0 22px;text-align:left;position:relative;cursor:pointer}
.pillar-page .video-card>img{aspect-ratio:16/9;object-fit:cover}.pillar-page .video-card>.eyebrow{display:block;margin:20px 20px 10px}.pillar-page .video-card>h3{margin:0 20px}
.pillar-page .video-card>.play{top:18px;bottom:auto;left:18px}
.pillar-page .video-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.pillar-page .video-grid+.text-link{margin-top:24px}
.quote{text-align:center}.quote blockquote{font-size:clamp(1.3rem,2.4vw,2rem);line-height:1.5;max-width:850px;margin:22px auto;color:var(--text)}.quote a{color:var(--muted);font-size:.9rem}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.portfolio-grid article{padding:0 22px 24px}
.portfolio-grid article>img,.portfolio-image{width:calc(100% + 44px);margin-left:-22px;height:260px;object-fit:cover;margin-bottom:22px}.portfolio-grid article:nth-child(2)>img{object-fit:contain;background:radial-gradient(ellipse,#343b3f,#151a1f);padding:10px}
.portfolio-image{display:block;border:0;padding:0;position:relative;cursor:pointer;background:#050607}.portfolio-image img{width:100%;height:100%;object-fit:cover}
.portfolio-image .play{top:20px;bottom:auto;left:20px}.portfolio-grid .tags{font-size:.75rem!important;color:var(--yellow)!important}
.about{display:grid;grid-template-columns:1fr 1fr;gap:48px}.about p:not(.eyebrow){color:var(--muted)}
.capabilities{list-style:none;margin:0;padding:0}.capabilities li{padding:16px 0;border-bottom:1px solid var(--line);font-size:1rem}
.estimator{display:grid;grid-template-columns:1.2fr 1fr;gap:32px}.estimator form{min-width:0;border:1px solid var(--line);border-radius:13px;background:var(--panel-2);padding:28px}
.estimator form>label,legend{display:block;margin-bottom:16px;font-size:.9rem;font-weight:800;color:var(--text)}
.estimator select{display:block;width:100%;padding:16px;border:1px solid #4a535d;border-radius:9px;background:#080a0c;color:var(--text);font:inherit;margin-bottom:32px}
#duration{width:100%;accent-color:var(--yellow)}#duration-label{float:right;color:var(--yellow);font-size:.85rem;font-weight:500}
.range-ends{display:flex;justify-content:space-between;margin:10px 0 32px;font-size:.75rem;color:var(--muted)}
.estimator fieldset{margin:0 0 32px;padding:0;border:0;min-width:0}.estimator fieldset:last-child{margin-bottom:0}
.quality-options{display:flex;gap:8px}.quality-options label{flex:1;cursor:pointer}.quality-options input{position:absolute;opacity:0}
.quality-options span{display:block;text-align:center;padding:14px 8px;border:1px solid #4a535d;border-radius:9px;font-size:.85rem;font-weight:700}
.quality-options input:checked+span{background:var(--yellow);border-color:var(--yellow);color:#080a0c}.quality-options input:focus-visible+span{outline:2px solid var(--text);outline-offset:4px}
#quality-description{font-size:.9rem;color:var(--muted);min-height:115px;margin:18px 0 0}
.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:.85rem}.check-grid label{display:flex;align-items:center;gap:8px}.check-grid input{accent-color:var(--yellow);width:17px;height:17px;flex-shrink:0}
.estimate-result{align-self:start;position:sticky;top:24px;padding:28px;border:1px solid var(--line);border-radius:13px;background:#080a0c}
.cost{font-size:clamp(2.5rem,4.4vw,4rem);font-weight:850;line-height:1.1!important;letter-spacing:-.04em;margin:20px 0 26px;overflow-wrap:anywhere}
.cost span{display:block;color:var(--muted);font-size:.75rem;letter-spacing:.14em;font-weight:700;margin-bottom:10px}
.estimate-result>p:not(.cost):not(.eyebrow){color:var(--muted);font-size:.95rem}.estimate-result .button{margin-top:10px}
.estimate-result .disclaimer{font-size:.75rem!important;line-height:1.65;margin:24px 0 0}
.pillar-page footer.page-footer{display:flex;align-items:center;gap:22px;margin-top:38px;padding:24px 4px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem}.page-footer>span{margin-right:auto}
dialog#watch-dialog{width:min(960px,92vw);padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text)}dialog#watch-dialog::backdrop{background:#000c}
.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.dialog-top h2{font-size:1.2rem;margin:0}.dialog-top button{font-size:32px;border:0;background:none;color:var(--text);cursor:pointer}
#watch-frame{aspect-ratio:16/9}#watch-frame iframe{width:100%;height:100%;border:0}#watch-link{display:inline-block;margin-top:18px;font-size:.85rem;color:var(--text)}
.pillar-page button,.pillar-page input{font:inherit}.pillar-page :focus-visible{outline:2px solid var(--yellow);outline-offset:4px}[id]{scroll-margin-top:24px}
@media(max-width:1100px){.support{flex-wrap:wrap}.workflow{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.estimator{gap:20px}.estimator form,.estimate-result{padding:22px}}
@media(max-width:980px){.pillar-page .hero{min-height:0}.pillar-page .hero-art{min-height:0;aspect-ratio:16/9}.pillar-page .hero-copy{padding:32px}.pillar-page .hero-copy h1{font-size:clamp(3rem,8vw,5.5rem)}.about{gap:30px}}
@media(max-width:720px){.estimator,.about,.editorial,.portfolio-grid{grid-template-columns:1fr}.estimate-result{position:static}.learning-grid{grid-template-columns:1fr}.pillar-page .content-section,.pillar-page .support,.pillar-page .quote{padding:22px}.section-heading{margin-bottom:24px}.support .actions{margin-top:10px}.pillar-page .hero-copy{padding:28px 24px}.pillar-page footer.page-footer{flex-wrap:wrap}.page-footer>span{width:100%;margin-right:0}}
@media(max-width:520px){.feature-grid,.workflow,.pillar-page .video-grid.two{grid-template-columns:1fr}.pillar-page .hero-copy .actions{flex-direction:column;align-items:stretch}.pillar-page .hero-copy .button{justify-content:center}.section-heading h2,.support h2,.about h2{font-size:2rem}.estimator form,.estimate-result{padding:18px}.check-grid{gap:16px 10px;font-size:.8rem}.quality-options span{font-size:.78rem}.content-section .video-grid{grid-template-columns:1fr}.cost{font-size:2.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.youtube-banner{aspect-ratio:2048/370;position:relative;overflow:hidden;background:#fff;border-bottom:1px solid var(--line)}
.youtube-banner img{position:absolute;top:50%;left:0;width:100%;height:auto;transform:translateY(-50%)}
.youtube-channel-intro{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:32px;align-items:center}
.youtube-channel-intro h1{font-size:clamp(2.8rem,4.7vw,4.8rem);font-weight:900;letter-spacing:-.055em;line-height:.95;text-transform:uppercase;margin:0}
.youtube-channel-intro>div>p:not(.eyebrow){color:var(--muted);margin:0;font-size:1rem}
.youtube-channel-intro .actions{margin-top:20px}
.tutorial-links-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tutorial-links-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.tutorial-link-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:13px;background:var(--panel-2);overflow:hidden;transition:border-color .18s ease}
.tutorial-link-card:hover{border-color:#677484}.tutorial-link-card>img{width:100%;aspect-ratio:16/9;object-fit:cover}
.tutorial-card-copy{display:flex;flex-direction:column;flex:1;padding:22px}.tutorial-card-copy>p:not(.eyebrow){color:var(--muted);font-size:.95rem;margin:14px 0 22px}
.tutorial-card-action{display:flex;align-items:center;justify-content:space-between;margin-top:auto;font-size:.85rem;font-weight:800}.tutorial-card-action>span{color:var(--yellow)}
.kitbash-intro-copy{color:var(--muted);font-size:1rem}.kitbash-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.kitbash-summary article{padding:10px 0}.kitbash-summary p{color:var(--muted);font-size:.95rem;margin-bottom:0}
.case-study-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.portfolio-case{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--panel-2)}
.case-main-image{display:block;aspect-ratio:16/11;overflow:hidden}.case-main-image img{width:100%;height:100%;object-fit:cover}.portfolio-case:nth-child(2) .case-main-image img{object-position:center 35%}
.case-copy{padding:24px}.case-copy>p:not(.eyebrow){color:var(--muted);font-size:.95rem}.case-copy .case-tags{color:var(--yellow)!important;font-size:.75rem!important}
.case-details{display:grid;grid-template-columns:1fr;gap:12px;margin-top:22px}.case-details.two{grid-template-columns:repeat(2,minmax(0,1fr))}.case-details a{display:block;overflow:hidden;border-radius:9px;background:#050607}.case-details img{height:180px;width:100%;object-fit:contain}
.case-copy .actions{align-items:center;gap:18px}.case-copy .button{font-size:.85rem;min-height:46px}.case-copy .text-link{font-size:.8rem}
.hero-art-play{padding:0;border:0;cursor:pointer;color:var(--text)}
@media(max-width:980px){.tutorial-links-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.youtube-channel-intro{gap:24px;padding:28px}}
@media(max-width:720px){.youtube-channel-intro,.case-study-grid{grid-template-columns:1fr}.youtube-channel-intro{padding:24px;gap:20px}.tutorial-links-grid,.tutorial-links-grid.two{grid-template-columns:1fr}.kitbash-summary{grid-template-columns:1fr;gap:8px}.case-copy{padding:22px}.case-details img{height:150px}}
.learning-facts{display:flex;gap:24px;flex-wrap:wrap;padding:18px 32px;border-top:1px solid var(--line);font-size:.8rem;font-weight:700;color:var(--muted)}
.teacher-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:36px}.teacher-art{position:relative;border-radius:13px;overflow:hidden}.teacher-art img{width:100%;height:410px;object-fit:cover}.teacher-art>span{position:absolute;bottom:0;left:0;right:0;padding:24px 18px 18px;font-size:.75rem;color:var(--text);background:linear-gradient(transparent,#000c)}
.teacher-section h2,.learning-track h2,.learning-route h2{font-size:clamp(2rem,3.3vw,3.5rem);line-height:1;letter-spacing:-.045em;text-transform:uppercase;margin:0;font-weight:900}
.teacher-section p:not(.eyebrow){color:var(--muted);font-size:1rem;margin:20px 0}
.learning-topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.learning-topics article{border-top:2px solid var(--yellow);padding-top:18px}.learning-topics p{color:var(--muted);font-size:.95rem;margin-bottom:0}
.learning-route{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.learning-route-links{display:grid;gap:10px}.learning-route-links a{display:flex;justify-content:space-between;align-items:center;gap:15px;background:var(--panel-2);border:1px solid var(--line);border-radius:9px;padding:18px;font-size:.9rem;font-weight:800}.learning-route-links a:hover{border-color:var(--yellow)}.learning-route-links a span{color:var(--yellow);white-space:nowrap}
.learning-track{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.track-art{position:relative;display:block;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#050607}.track-art img{width:100%;aspect-ratio:16/12;object-fit:cover}.track-art>span{display:block;padding:18px;font-size:.85rem;font-weight:800;background:var(--panel-2)}.track-art:hover{border-color:var(--yellow)}
.track-copy>p:not(.eyebrow){color:var(--muted);font-size:1rem}.track-copy .track-audience{color:var(--text)!important;font-weight:700;margin-top:20px}.track-copy h3{margin-top:26px;font-size:1rem}.track-copy ul{margin:16px 0 0;padding-left:19px;color:var(--muted);line-height:1.8;font-size:.95rem}.track-copy .track-note{font-size:.8rem!important;border-top:1px solid var(--line);padding-top:18px}.track-note a{color:var(--text);text-decoration:underline;text-underline-offset:4px}
.learning-faq details{border-top:1px solid var(--line);padding:20px 0}.learning-faq details:last-child{padding-bottom:0}.learning-faq summary{cursor:pointer;font-size:1rem;font-weight:800}.learning-faq details p{color:var(--muted);max-width:880px;font-size:.95rem;margin-bottom:0}
.learning-support-note{padding:12px 26px 0;color:var(--muted);font-size:.85rem;max-width:900px}.learning-support-note a{color:var(--text);text-decoration:underline;text-underline-offset:4px}
.image-open{position:relative;padding:0;border:0;cursor:zoom-in;background:#050607;color:var(--text);display:block;width:100%;overflow:hidden}
.image-enlarge{position:absolute;right:12px;bottom:12px;padding:5px 9px;border:1px solid #ffffff55;border-radius:7px;background:#0009;color:#fff;font-size:18px;line-height:1}
.case-details.expanded{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.case-details figure{margin:0;min-width:0}.case-detail-image{border:1px solid var(--line);border-radius:9px}.case-details.expanded .case-detail-image img{height:180px;width:100%;object-fit:contain}.case-details figcaption{font-size:.75rem;line-height:1.4;color:var(--muted);margin-top:8px}
.hero-gallery-image{padding:0;border:0;cursor:zoom-in;color:var(--text)}.hero-enlarge{position:absolute;right:22px;bottom:22px;padding:10px 14px;border:1px solid #ffffff55;border-radius:9px;background:#0009;font-size:.85rem;font-weight:700}
body.image-viewer-open{overflow:hidden}
#image-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:22px;border:0;background:#080a0cf7;color:var(--text);box-sizing:border-box;overflow:hidden;flex-direction:column;gap:18px}
#image-dialog[open]{display:flex}#image-dialog::backdrop{background:#000e}
.image-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-shrink:0}.image-dialog-top h2{font-size:1.15rem;margin:0;font-weight:800;line-height:1.3}.image-dialog-top p{margin:5px 0 0;font-size:.75rem;color:var(--muted)}.image-dialog-tools{display:flex;align-items:center;gap:10px}
#image-dialog button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid #4a535d;border-radius:9px;padding:10px 14px;cursor:pointer}#image-dialog button:hover{border-color:var(--yellow)}#image-dialog #image-close{font-size:28px;padding:3px 14px;line-height:1.3}
.image-dialog-stage{display:flex;align-items:center;justify-content:center;gap:18px;flex:1;min-height:0}.image-dialog-stage figure{margin:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;flex:1;min-width:0;min-height:0;height:100%}
#image-dialog-photo{display:block;object-fit:contain;width:100%;height:calc(100% - 38px);min-height:0;max-height:100%;border-radius:3px}#image-dialog-photo[hidden]{display:none}#image-dialog-caption{font-size:.85rem;text-align:center;line-height:1.4}.image-dialog-stage #image-previous,.image-dialog-stage #image-next{font-size:36px;padding:4px 16px;line-height:1.2;flex-shrink:0}.image-dialog-hint{margin:0;font-size:.7rem;text-align:center;color:var(--muted);flex-shrink:0}#image-dialog-error{color:#ffafa5;font-size:.9rem}
@media(max-width:980px){.learning-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-track{gap:24px}.teacher-section{gap:24px}}
@media(max-width:720px){.teacher-section,.learning-track,.learning-route{grid-template-columns:1fr}.teacher-art img{height:300px}.track-art img{aspect-ratio:16/9}.learning-facts{padding:18px 24px;gap:12px 20px}.track-copy .actions .button{font-size:.85rem}.case-details.expanded .case-detail-image img{height:140px}.image-dialog-stage{position:relative;gap:0}.image-dialog-stage #image-previous,.image-dialog-stage #image-next{position:absolute;bottom:44px;z-index:2;font-size:30px;padding:3px 15px;background:#080a0ce8}.image-dialog-stage #image-previous{left:0}.image-dialog-stage #image-next{right:0}#image-dialog{padding:16px;gap:14px}.image-dialog-top{gap:12px}.image-dialog-tools{gap:7px}#image-dialog #image-fullscreen{font-size:.7rem;padding:10px}#image-dialog #image-close{padding:3px 10px}.image-dialog-top h2{font-size:1rem}.learning-support-note{padding:10px 8px 0}}
@media(max-width:420px){.learning-topics{grid-template-columns:1fr}.youtube-channel-intro h1{font-size:2.8rem}.teacher-section h2,.learning-track h2,.learning-route h2{font-size:2rem}.case-details.expanded .case-detail-image img{height:115px}}
.case-media,.kit-hero-video,.kit-demo button{position:relative;overflow:hidden}
.case-main-image,.kit-demo button,.kit-hero-video{padding:0;border:0;background:#080a0c;color:var(--text);cursor:pointer;width:100%}
.media-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:68px;height:68px;border-radius:50%;border:1px solid #ffffff70;background:#080a0cb8;font-size:24px;color:white;pointer-events:none}
.media-image-expand{position:absolute;bottom:14px;right:14px;width:38px;height:38px;border:1px solid #ffffff70;border-radius:8px;background:#080a0cb8;color:white;font-size:22px;cursor:zoom-in}
.hero-gallery-image .case-media,.hero-gallery-image .case-main-image{height:100%}.hero-gallery-image .case-main-image{aspect-ratio:auto}.hero-gallery-image .case-main-image img{height:100%;object-fit:cover}
.hero-gallery-image .case-media{position:absolute;inset:0}
.case-details.expanded .case-detail-image{aspect-ratio:16/10;overflow:hidden;width:100%}.case-details.expanded .case-detail-image img{height:100%;width:100%;object-fit:cover;transform:scale(1.06)}
#watch-frame video{width:100%;height:100%;max-height:75vh;object-fit:contain;background:#000}
.kit-demo-grid,.kit-pack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:none;margin:0}.kit-demo button{display:block;aspect-ratio:16/9;flex-shrink:0}.kit-demo img{display:block;width:100%;height:100%;object-fit:contain}.kit-demo .media-play{width:44px;height:44px;font-size:16px}
.kit-pack{min-width:0;display:flex;flex-direction:column;text-decoration:none;color:var(--text);border:1px solid var(--line);background:var(--panel-2);border-radius:14px;overflow:hidden;transition:border-color .2s,transform .2s}.kit-pack:hover{border-color:var(--yellow);transform:translateY(-3px)}.kit-pack>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#080a0c}.kit-pack>div{padding:24px;display:flex;flex-direction:column;flex:1}.kit-pack h3{margin:0;font-size:1.5rem}.kit-pack p{color:var(--muted);margin:14px 0 22px}.kit-pack .text-link{margin-top:auto}.kit-demo p{margin-bottom:0}
.page-creature-kitbash .kit-pack-grid .kit-pack>img{box-sizing:border-box;display:block;flex:none;width:100%;height:auto;max-width:100%;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center;margin:0;padding:0;transform:none;border-radius:0;background:#080a0c}
.kit-pack.kit-bundle{border-color:#8b7252;background:#1c2024}.kit-bundle h3{font-size:clamp(1.2rem,2.3vw,2rem)}.kit-bundle .bundle-kicker{margin:0 0 10px;color:var(--text);font-size:.73rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.kit-bundle .bundle-fact{margin:12px 0 0;color:var(--text);font-weight:750}.kit-bundle .bundle-action{align-self:flex-start;margin-top:auto;white-space:normal;text-align:center}
.kit-creature-showcase .section-heading{max-width:850px}.kit-creature-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.kit-creature-gallery:has(>:only-child){grid-template-columns:1fr}.kit-creature-image{position:relative;display:block;min-width:0;width:100%;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#080a0c;cursor:zoom-in}.kit-creature-image img{display:block;width:100%;height:auto;object-fit:contain}.kit-creature-expand{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff60;border-radius:6px;background:#080a0ccc;color:white;font-size:24px}.kit-creature-image:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}@media(max-width:520px){.kit-creature-gallery{grid-template-columns:1fr;gap:16px}}
.kit-creature-image{transition:border-color .18s,box-shadow .18s}.kit-creature-image:hover{border-color:var(--yellow);box-shadow:0 0 0 1px var(--yellow)}
.project-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-type-grid label{position:relative;cursor:pointer;margin:0!important}.project-type-grid input{position:absolute;left:12px;top:12px;z-index:1;accent-color:var(--yellow);width:18px;height:18px}.project-type-grid label>span{display:block;border:2px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel-2)}.project-type-grid img{width:100%;height:140px;object-fit:cover}.project-type-grid strong{display:block;padding:12px;font-size:.85rem}.project-type-grid input:checked+span{border-color:var(--yellow)}.project-type-grid input:focus-visible+span{outline:3px solid white;outline-offset:3px}.project-type-grid label:first-child img{object-fit:contain;background:#151a1f}.project-type-grid label:nth-child(2) img{object-fit:contain;background:#151a1f}
@media(max-width:720px){.kit-pack>div{padding:18px}.project-type-grid img{height:115px}}
@media(max-width:520px){.kit-pack-grid,.kit-demo-grid{gap:12px}.kit-pack>div{padding:12px}.kit-pack h3{font-size:1.05rem}.kit-pack p,.kit-pack .text-link{font-size:.85rem}.kit-demo .media-play{width:34px;height:34px;font-size:13px}}
.project-type-grid input{opacity:0;width:1px;height:1px;left:0;top:0}
.project-type-grid label:first-child img,.project-type-grid label:nth-child(2) img{object-fit:cover}
.case-detail-image[data-video-src]{position:relative;display:block;border:0;padding:0;background:#080a0c;color:white;cursor:pointer}
.case-detail-image .media-play{width:42px;height:42px;font-size:17px}
.learning-patreon{margin-top:22px;background:linear-gradient(90deg,rgba(7,8,9,.97) 0%,rgba(7,8,9,.74) 44%,rgba(7,8,9,.12) 100%),url('assets/tutorial-AutNCxcK0Xc.jpg') 72% 36% / cover}
.learning-patreon .button.patreon{background:var(--patreon)}
@media(max-width:720px){.learning-patreon{background-position:center}.learning-patreon .patreon-copy{padding:28px 22px 34px}}