:root{color-scheme:dark;--bg:#101411;--surface:#1a211d;--ink:#f0eee6;--muted:#aeb5aa;--line:#354039;--red:#ef7a3a;--green:#b4c4ad;--blue:#ef7a3a;--amber:#dca779;--shadow:none;--radius:2px;--max:1180px;--community-fixed-surface:#1a211d;--community-fixed-ink:#f0eee6;--community-fixed-muted:#aeb5aa;--community-fixed-blue:#ef7a3a}
html{scroll-padding-top:110px}body{background:var(--bg);color:var(--ink);font-size:16px;line-height:1.8}p,li{color:var(--muted)}h1,h2,h3,h4,strong{color:var(--ink)}a,button{touch-action:manipulation}button,a,input,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--blue)}[hidden]{display:none!important}.topbar{background:#282a29;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.topbar-inner{min-height:88px;gap:24px;flex-wrap:wrap;padding-block:12px}.brand{gap:22px}.plotera-logo{width:180px;height:auto;display:block}.brand-caption{font-size:15px;color:var(--muted);border-left:1px solid #596058;padding-left:22px}.brand-text{font-size:14px;color:var(--muted);max-width:210px}.btn,.copy-btn{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:0;min-height:44px;padding:12px 18px;font-size:15px;box-shadow:none;line-height:1.25}.btn:hover,.copy-btn:hover{color:var(--blue);border-color:var(--blue);background:#ef7a3a0b;box-shadow:none;transform:translateY(-2px)}.btn.primary,.topbar .top-actions .usage-guide-top,.btn.community{background:transparent;color:var(--blue);border-color:#9a5731}.btn.primary:hover,.topbar .top-actions .usage-guide-top:hover{background:var(--blue);color:#101411}.top-actions{margin-left:auto;flex-wrap:wrap}.hero{padding-top:58px;padding-bottom:42px}.eyebrow,.category-kicker{font-family:ui-monospace,monospace;font-size:13px;letter-spacing:.12em;color:var(--blue);font-weight:400}h1{letter-spacing:-.055em;font-size:clamp(40px,6vw,76px);line-height:1.1}em{font-style:normal;color:var(--blue)}.guide-hub .hero{position:relative;isolation:isolate;overflow:hidden;min-height:410px;padding:60px 0 45px;border-bottom:1px solid var(--line)}.guide-hub .hero:after{content:'';position:absolute;z-index:-1;right:-40px;top:0;width:57%;height:100%;background:linear-gradient(90deg,#101411,transparent 70%),linear-gradient(0deg,#101411,transparent 35%),url(story-world.png) center 53%/cover;opacity:.8;mask-image:linear-gradient(90deg,transparent,#000 15%)}.guide-hub h1{font-size:clamp(48px,6.4vw,84px);margin:22px 0 16px;letter-spacing:-.055em}.plotera-intro{font-size:28px;color:var(--ink);margin:0 0 6px;letter-spacing:.03em}.plotera-deck{font-size:16px;margin:0}.hero-guide-actions{display:flex;gap:14px;margin-top:26px}.hero-folio{position:absolute;right:0;bottom:26px;color:#aeb5aa;font:12px ui-monospace,monospace;letter-spacing:.1em}.toolbar{background:transparent;border:0;padding:22px 0;color:var(--muted);font-size:13px}.toolbar strong{color:var(--blue)}.category-tabs{display:flex;gap:0;background:transparent;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:0;overflow-x:auto}.category-tab{flex:1;border-radius:0;background:transparent;min-height:64px;font-size:16px;color:var(--muted);border:0;border-bottom:2px solid transparent;padding:16px 18px;white-space:nowrap}.category-tab[aria-selected=true]{color:var(--blue);background:#ef7a3a08;border-bottom-color:var(--blue);box-shadow:none}.category-tab:hover{color:var(--ink);background:#ffffff04}.catalog{padding-top:38px}.catalog-head,.workspace-intro-head{padding:0 0 26px;border:0;align-items:end}.catalog-head h2,.workspace-intro-head h2{font-size:32px;letter-spacing:-.035em;margin:6px 0}.catalog-head p{font-size:16px;max-width:640px}.category-count{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:0;padding:6px 12px}.workspace-intro,.workspace-placeholder,.guide-center,.license-center,.faq-center{background:transparent;border:0;box-shadow:none;border-radius:0;padding:0}.preface-content{display:grid;grid-template-columns:1fr;gap:40px}.author-message{font-size:17px;line-height:2;max-width:760px}.author-message p{margin:0 0 25px}.author-wish{color:var(--blue)!important}.author-signature{color:var(--ink)!important}.preface-art{border:1px solid var(--line);padding:12px;max-width:290px;align-self:start;filter:saturate(.5)}.preface-art img{border-radius:0}.grid{gap:24px;grid-template-columns:1fr}.skill{padding:0!important;overflow:hidden;border:1px solid var(--line);border-radius:0;box-shadow:none;background:var(--surface)}.skill:hover{border-color:#6b7368;box-shadow:none}.card-art{display:block;position:relative;height:250px;overflow:hidden;background:#192123;border-bottom:1px solid var(--line)}.card-art img{position:absolute;right:0;top:0;width:75%;height:100%;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 45%);transition:transform .5s}.card-art:hover img{transform:scale(1.035)}.card-number{position:absolute;left:28px;top:24px;font:12px ui-monospace,monospace;color:var(--muted);letter-spacing:.1em}.card-art strong{position:absolute;left:28px;bottom:28px;font-size:38px;letter-spacing:-.04em}.card-open{position:absolute;right:24px;bottom:28px;color:var(--blue);font-size:30px}.skill-head{padding:26px 28px 10px}.skill-head h2,.skill-head h3{font-size:20px;overflow-wrap:anywhere}.skill-cn-title{font-size:15px}.skill-card-copy{font-size:16px;line-height:1.8}.skill .meta{margin:8px 28px 0;border-top:1px solid var(--line);background:transparent;gap:12px;padding-top:16px}.meta-item{background:transparent;border:0;padding:0}.meta-item span,.meta-item strong{font-size:13px}.meta-item strong{overflow-wrap:anywhere}.skill .actions{padding:20px 28px 28px;gap:10px}.skill .actions a{flex:1}.tag,.pill{border:1px solid var(--line);background:transparent!important;color:var(--muted)!important;border-radius:0}.guide-tabs,.guide-subtabs,.license-subtabs{background:transparent;border-color:var(--line);border-radius:0}.guide-tab,.license-subtab{background:transparent;color:var(--muted);min-height:48px;border-radius:0}.guide-tab[aria-selected=true],.license-subtab[aria-selected=true]{background:#ef7a3a14;color:var(--blue);box-shadow:none}.guide-layout,.guide-workspace{gap:36px}.guide-toc,.toc{background:transparent;border:0;border-right:1px solid var(--line);border-radius:0;padding:0 24px 20px 0;top:116px}.guide-toc a,.toc a{font-size:15px;color:var(--muted);border-radius:0;padding:10px 12px}.guide-toc a:hover,.toc a:hover,.toc a.active{color:var(--blue);background:#ef7a3a0d}.article-lead{border-bottom:1px solid var(--line);padding-bottom:26px}.guide-article,.guide-panel,.article-body,.faq-entry,.license-feature-card,.card,.compare-item,.step,.use-case-card{background:var(--surface);border-color:var(--line);border-radius:0;box-shadow:none}.guide-article{padding:32px}.guide-article p,.guide-article li,.faq-answer p{font-size:16px;line-height:1.9}.guide-article h2{font-size:29px}.guide-article h3{font-size:21px;margin-top:30px}.guide-article section{scroll-margin-top:110px}.faq-entry{border-left:0;border-right:0;margin-bottom:0}.faq-entry summary{font-size:18px;min-height:72px;padding:22px 24px}.faq-number{color:var(--blue)}.faq-answer{padding:0 28px 28px}.faq-skill-note,.guide-note,.notice,.boundary,.callout,.section-note{background:transparent;color:var(--muted);border-color:var(--line)}.license-feature-card{padding:30px}.license-feature-card input,select,input{background:#101411!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:0!important;min-height:46px}.detail-hero{position:relative;isolation:isolate;min-height:390px;grid-template-columns:1fr}.detail-hero:after{content:'';position:absolute;z-index:-1;inset:0 0 0 47%;background:linear-gradient(90deg,#101411,transparent 65%),linear-gradient(0deg,#101411,transparent 30%),var(--poster) center/cover;opacity:.6}.detail-hero .skill-name{font:14px ui-monospace,monospace;letter-spacing:.02em;color:var(--muted);display:block;margin-bottom:18px}.detail-hero .title-subline{display:block;font-size:clamp(38px,4.6vw,62px);line-height:1.3;letter-spacing:-.04em}.detail-hero .title-subline em{display:block}.detail-hero .hero-copy{font-size:16px;max-width:660px;line-height:1.9}.detail-hero .callout{align-self:end;background:#101411cc;border:1px solid var(--line);padding:22px;max-width:390px}.command{background:#101411;border:1px solid var(--line);border-radius:0;overflow-wrap:anywhere}.command code{color:var(--ink);font-size:14px}.meta-grid{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metric{background:transparent;border:0;border-right:1px solid var(--line);border-radius:0;padding:26px}.metric strong{font:36px ui-monospace,monospace;color:var(--blue)}.metric span{font-size:14px;color:var(--muted)}.download-panel{background:var(--surface);border:1px solid var(--line);border-radius:0;margin-block:35px 55px;padding:30px;box-shadow:none}.download-panel p{font-size:15px;line-height:1.8}.download-panel h2{font-size:24px}.download-meta{font-size:13px;color:var(--muted)}.layout{gap:45px}.section-head{border-bottom:1px solid var(--line);margin-bottom:25px;padding-bottom:15px}.section-head h2{font-size:28px}.card p,.card li,.boundary{font-size:16px;line-height:1.9}.data-table{background:var(--surface);border-color:var(--line)}.data-table th,.data-table td{background:transparent;border-color:var(--line);font-size:15px}.data-table th{color:var(--blue)}pre{background:#0c100e!important;color:#d7decf!important;border:1px solid var(--line);border-radius:0;font-size:14px;line-height:1.8}code{color:#dca779;background:transparent;overflow-wrap:anywhere}.compare-side.wrong{background:#322725}.compare-side.right{background:#26332a}.compare-prompt{color:var(--ink)}.compare-reason{background:transparent}.footer{background:#141915;border-top:1px solid var(--line);margin-top:70px}.footer-inner{padding-block:25px;color:var(--muted);font-size:13px}.toast{background:var(--blue);color:#101411}.community-fixed-open{background:#202723!important;border:1px solid #596058!important;color:var(--ink)!important}.community-fixed-dialog{background:var(--surface)!important;color:var(--ink)!important}
@media(min-width:760px){.grid{grid-template-columns:1fr 1fr}.preface-content{grid-template-columns:minmax(0,1fr) 270px}.detail-hero{grid-template-columns:1.3fr 1fr;gap:40px}.detail-hero .callout{justify-self:end;width:100%}.guide-hub .hero{padding-top:65px;min-height:440px}.guide-hub .hero-guide-actions{margin-top:32px}}
@media(max-width:760px){.topbar .brand .plotera-logo{display:block;width:145px}.brand-caption,.brand-text{display:none!important}.topbar .top-actions .home-link{display:inline-flex!important}.topbar .top-actions{gap:6px;flex-wrap:wrap}.topbar .btn{font-size:13px;padding:10px}.topbar-inner{gap:10px}.hero-folio{display:none}.guide-hub .hero:after{opacity:.35;width:85%}.category-tab{flex:0 0 auto}.plotera-intro{font-size:23px}.toolbar{flex-wrap:wrap;gap:8px}.guide-article{padding:22px}.guide-toc,.toc{border-right:0;border-bottom:1px solid var(--line);position:static}.hero-guide-actions{flex-wrap:wrap}.detail-hero:after{inset:0;opacity:.25}.detail-hero .callout{max-width:none}.plotera-logo{width:150px}.preface-art{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.detail-hero .title-subline{color:var(--ink)}.hero-copy{color:var(--muted)}.community-fixed-trigger{background:#202723!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:2px!important;box-shadow:none!important}
.installation-card{background:var(--surface);border:1px solid var(--line);border-radius:0}.installation-copy{padding:32px}.installation-copy h3{font-size:30px;color:var(--ink)}.installation-index{color:var(--blue)}.guide-shell,.video-wrap,.guide-video{border-radius:0}.trust-title{font-size:36px}.trust-kicker{font:13px ui-monospace,monospace;letter-spacing:.1em;color:var(--blue)}

/* Readable text on dark documentation panels. */
.download-panel,.download-panel p,.download-meta,.download-meta span,
.card p,.card li,.guide-article p,.guide-article li,.faq-answer p,
.installation-copy p,.installation-notes li,.license-feature-card p{color:#f0eee6;opacity:1}
.download-meta span{border-color:var(--line);background:transparent;border-radius:2px}

/* Author illustration sits directly on the page without a frame. */
.preface-art{padding:0;border:0;background:transparent;border-radius:0;box-shadow:none}
.preface-art img{border:0;border-radius:0;box-shadow:none}

/* Compact landscape banners: half of the original 250px height. */
.card-art{height:125px}
.card-art img{width:55%;height:100%;object-fit:contain;object-position:center;right:20px;mask-image:linear-gradient(90deg,transparent,#000 24%);}
.card-number{left:24px;top:17px;font-size:11px}
.card-art strong{left:24px;bottom:20px;font-size:28px;line-height:1.15}
.card-open{right:20px;bottom:18px;font-size:24px}
@media(max-width:480px){.card-art img{right:12px;width:53%}.card-number,.card-art strong{left:20px}.card-art strong{font-size:26px}.card-open{right:16px}}
.card-art img{mask-image:radial-gradient(ellipse 58% 90% at 50% 50%,#000 58%,transparent 100%);}

/* Shared editorial banner across the entire Plotera collection. */
.card-art{height:125px;background:#19211d;isolation:isolate}
.card-art:before{content:"";position:absolute;z-index:-1;right:66px;top:-54px;width:145px;height:218px;border:1px solid #89958525;transform:rotate(26deg);box-shadow:12px 8px 0 -1px #19211d,12px 8px 0 0 #89958520,24px 16px 0 -1px #19211d,24px 16px 0 0 #89958515;transition:transform .25s ease}
.card-art:after{content:"";position:absolute;left:24px;top:43px;width:28px;height:2px;background:#ef7a3a}
.card-number{color:#b2baad;letter-spacing:.12em;top:17px}
.card-art strong{font-weight:650;bottom:19px}
.card-open{color:#ef7a3a;right:23px;bottom:21px;transition:transform .2s ease}
.card-art:hover{background-color:#1d2720}
.card-art:hover:before{transform:translateX(-5px) rotate(26deg)}
.card-art:hover .card-open{transform:translate(2px,-2px)}

/* Shared paper-flow motif, integrated across the banner surface. */
.card-art{background:#19211d url('/guides/assets/plotera-story-pattern.svg') right center / auto 100% no-repeat}
.card-art:before{display:none}
.card-art:hover{background-color:#202a23}
.card-art strong,.card-number{z-index:1;text-shadow:0 2px 14px #101411}
@media(max-width:480px){.card-art{background-position:70px center}}

/* Selected storyboard design, compact catalog cards. */
.guide-hub .card-art{height:87.5px;background-image:url('/guides/assets/pattern-frames.svg');background-size:auto 125px;background-position:right center}
.guide-hub .card-number{top:12px;left:22px;font-size:10px}
.guide-hub .card-art:after{left:22px;top:31px;width:22px}
.guide-hub .card-art strong{left:22px;bottom:12px;font-size:26px}
.guide-hub .card-open{right:22px;bottom:12px;font-size:23px}
.guide-hub .skill{gap:0;grid-template-rows:auto 1fr auto auto;min-height:0}
.guide-hub .skill-head{padding:20px 22px 16px;column-gap:12px}
.guide-hub .skill-head h2{margin-bottom:6px}
.guide-hub .skill .skill-cn-title{margin:0 0 10px;font-size:15px;line-height:1.45}
.guide-hub .skill-card-copy{font-size:15px;line-height:1.65}
.guide-hub .skill .meta{margin:0 22px;padding-top:12px;gap:10px 16px}
.guide-hub .skill .meta-item{min-height:0;padding:0}
.guide-hub .skill .meta-item span{margin-bottom:3px;line-height:1.4}
.guide-hub .skill .meta-item strong{font-size:13px;line-height:1.55}
.guide-hub .skill .actions{padding:18px 22px 20px;gap:10px}
.guide-hub .skill .btn{font-size:13px;padding:10px 14px;min-height:40px}

/* Carry the homepage paper architecture into the compact guide banners. */
.guide-hub .card-art{background:#19211d;isolation:isolate}
.guide-hub .card-art:before{display:block;content:"";position:absolute;z-index:0;inset:0 0 0 33%;width:auto;height:auto;border:0;box-shadow:none;transform:none;background:linear-gradient(90deg,#19211d 0%,rgba(25,33,29,.30) 38%,rgba(25,33,29,.08) 75%,rgba(25,33,29,.2)),url('/guides/assets/story-world.png') 66% 59% / cover no-repeat;opacity:.9;transition:opacity .25s ease}
.guide-hub .card-art:hover:before{transform:none;opacity:1}
.guide-hub .card-art:after{z-index:1}
.guide-hub .card-open{z-index:1;text-shadow:0 1px 6px #101411}
@media(prefers-reduced-motion:reduce){.guide-hub .card-art:before{transition:none}}

/* Original paper theater artwork, composed for this banner. */
.guide-hub .card-art:before{inset:0 0 0 28%;background:linear-gradient(90deg,#19211d 0%,rgba(25,33,29,.15) 35%,transparent 75%),url('/guides/assets/paper-theater-v1.png') right 65% / auto 158px no-repeat;opacity:.95}

/* Softly blend the theater into the banner, without a rectangular image edge. */
.guide-hub .card-art:before{inset:0;background-image:url('/guides/assets/paper-theater-v1.png');background-position:right 65%;background-size:auto 158px;background-repeat:no-repeat;mask-image:linear-gradient(90deg,transparent 0%,transparent 43%,#000 76%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 43%,#000 76%,#000 100%);opacity:.48}
.guide-hub .card-art:hover:before{opacity:.56}

/* Panoramic origami skyline spanning twice the previous visible artwork width. */
.guide-hub .card-art:before{background-image:url('/guides/assets/origami-skyline-v1.png');background-size:100% auto;background-position:center 55%;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 18%,#000 48%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 18%,#000 48%,#000 100%);opacity:.48}

.guide-hub .card-art:before{background-image:var(--city-art,url('/guides/assets/origami-skyline-v1.png'))}

/* Full-button digital rain, behind the readable copy label. */
:is(.guide-hub .skill,.guide-detail) .copy-install{position:relative;isolation:isolate;overflow:hidden;text-shadow:0 1px 3px #101411,0 0 5px #101411;transition:color .2s,border-color .2s,background-color .2s}
:is(.guide-hub .skill,.guide-detail) .copy-install:before,:is(.guide-hub .skill,.guide-detail) .copy-install:after{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0;background-repeat:repeat;animation:copy-matrix 3.6s steps(1,end) infinite}
:is(.guide-hub .skill,.guide-detail) .copy-install:after{animation-delay:-1.8s;opacity:.5;transform:translateX(3px)}
:is(.guide-hub .skill,.guide-detail) .copy-install:hover{border-color:#ef7a3a;color:#fff5ea;background:#ef7a3a0a}
@keyframes copy-matrix{
0.000%{background:linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 14px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 21px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 21px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 28px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 28px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 28px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 35px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 35px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 49px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 56px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 70px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 84px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 84px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 84px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 91px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 91px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 98px 0px / 4px 5px;background-repeat:no-repeat}
8.333%{background:linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 0px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 7px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 7px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 14px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 28px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 35px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 35px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 35px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 42px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 42px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 49px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 56px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 63px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 70px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 77px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 77px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 84px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 91px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 98px 7px / 4px 5px;background-repeat:no-repeat}
16.667%{background:linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 0px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 14px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 21px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 21px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 28px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 28px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 35px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 42px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 49px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 49px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 56px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 63px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 63px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 70px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 77px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 77px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 77px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 84px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 91px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 98px 14px / 4px 5px;background-repeat:no-repeat}
25.000%{background:linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 7px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 14px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 14px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 28px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 28px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 35px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 42px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 49px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 49px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 63px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 63px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 70px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 70px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 77px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 84px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 91px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 91px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 98px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 98px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 98px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 98px 35px / 4px 5px;background-repeat:no-repeat}
33.333%{background:linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 0px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 0px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 7px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 14px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 28px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 28px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 28px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 35px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 35px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 35px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 42px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 49px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 49px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 70px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 84px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 91px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 98px 21px / 4px 5px;background-repeat:no-repeat}
41.667%{background:linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 0px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 0px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 7px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 14px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 21px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 28px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 28px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 28px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 49px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 49px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 56px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 70px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 77px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 84px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 98px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 98px 14px / 4px 5px;background-repeat:no-repeat}
50.000%{background:linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 0px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 7px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 7px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 21px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 28px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 35px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 35px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 42px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 42px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 49px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 49px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 56px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 70px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 70px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 70px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 77px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 84px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 91px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 98px 7px / 4px 5px;background-repeat:no-repeat}
58.333%{background:linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 0px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 7px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 14px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 21px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 21px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 21px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 28px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 28px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 35px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 42px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 49px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 49px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 70px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 70px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 77px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 77px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 77px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 91px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 98px 35px / 4px 5px;background-repeat:no-repeat}
66.667%{background:linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 0px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 0px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 0px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 7px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 7px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 7px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 14px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 28px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 35px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 35px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 35px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 35px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 42px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 42px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 42px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 49px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 49px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 56px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 70px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 98px 35px / 4px 5px;background-repeat:no-repeat}
75.000%{background:linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 0px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 7px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 7px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 14px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 28px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 42px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 42px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 56px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 56px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 56px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 56px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 63px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 63px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 70px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 77px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 91px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 91px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 98px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 98px 14px / 4px 5px;background-repeat:no-repeat}
83.333%{background:linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 0px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 14px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 21px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 21px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 42px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 49px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 49px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 56px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 63px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 63px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 70px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 77px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 77px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 84px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 84px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 84px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 84px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 91px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 98px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 98px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 98px 35px / 4px 5px;background-repeat:no-repeat}
91.667%{background:linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 7px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 14px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 14px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 14px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 14px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 21px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 21px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 28px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 35px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 35px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 35px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 42px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 42px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 49px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 56px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 56px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 56px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 63px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 63px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 70px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 70px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 77px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 98px 28px / 4px 5px;background-repeat:no-repeat}
100.000%{background:linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 0px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 7px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 14px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 21px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 28px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 28px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 28px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 42px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 42px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 42px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 49px 0px / 4px 5px,linear-gradient(rgba(239,122,58,0.12),rgba(239,122,58,0.12)) 49px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 49px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 56px 7px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 56px 35px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 63px 28px / 4px 5px,linear-gradient(rgba(239,122,58,0.24),rgba(239,122,58,0.24)) 77px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.18),rgba(239,122,58,0.18)) 91px 14px / 4px 5px,linear-gradient(rgba(239,122,58,0.34),rgba(239,122,58,0.34)) 91px 21px / 4px 5px,linear-gradient(rgba(239,122,58,0.44),rgba(239,122,58,0.44)) 91px 35px / 4px 5px;background-repeat:no-repeat}
}
@media(prefers-reduced-motion:reduce){:is(.guide-hub .skill,.guide-detail) .copy-install:before,:is(.guide-hub .skill,.guide-detail) .copy-install:after{animation:none;background:radial-gradient(#ef7a3a35 1px,transparent 1px) 0 0/7px 7px}}

/* Quiet cinematic movement in the paper world. */
.guide-hub .hero:after{transform-origin:80% 55%;animation:paper-world-camera 20s ease-in-out infinite alternate}
.hero-atmosphere{position:absolute;inset:0 0 0 50%;pointer-events:none;z-index:-1;overflow:hidden}
.hero-atmosphere:before{content:"";position:absolute;inset:15% -10% 0 30%;background:radial-gradient(ellipse at 65% 65%,#ef9c4924,transparent 62%);mix-blend-mode:screen;animation:paper-world-glow 8s ease-in-out infinite alternate}
.hero-atmosphere i{position:absolute;left:18%;top:36%;width:19px;height:27px;background:repeating-linear-gradient(0deg,transparent 0 5px,#403d3029 5px 6px),linear-gradient(125deg,#c8b98a,#796f53);box-shadow:3px 5px 12px #0003;opacity:.38;animation:paper-world-float 12s ease-in-out infinite alternate}
.hero-atmosphere i:nth-child(2){left:64%;top:15%;width:12px;height:20px;animation-delay:-6s;animation-duration:16s}
.hero-atmosphere i:nth-child(3){left:84%;top:67%;width:23px;height:31px;animation-delay:-3s;animation-duration:14s}
.hero-atmosphere i:nth-child(4){left:42%;top:78%;width:9px;height:15px;animation-delay:-8s;animation-duration:18s}
@keyframes paper-world-camera{from{transform:scale(1) translate(0,0)}to{transform:scale(1.055) translate(-7px,3px)}}
@keyframes paper-world-glow{from{opacity:.2}to{opacity:.8}}
@keyframes paper-world-float{0%{transform:translate(0,12px) rotate(-18deg) rotateY(12deg);opacity:.2}50%{opacity:.5}100%{transform:translate(20px,-24px) rotate(20deg) rotateY(48deg);opacity:.3}}
@media(prefers-reduced-motion:reduce){.guide-hub .hero:after,.hero-atmosphere:before,.hero-atmosphere i{animation:none}.hero-atmosphere{display:none}}
.hero-atmosphere{z-index:0}
.guide-hub .hero > p,.guide-hub .hero > h1,.guide-hub .hero > .hero-guide-actions{position:relative;z-index:1}
.guide-hub .hero > .hero-folio{z-index:1}
/* Slow passing light: warm shaft, cool ambient fill and changing exposure. */
.hero-atmosphere:before{inset:-35% -25% -30% 0;background:linear-gradient(112deg,transparent 30%,rgba(255,204,131,.03) 40%,rgba(255,211,145,.24) 49%,rgba(255,225,177,.12) 54%,transparent 65%);filter:blur(18px);mix-blend-mode:screen;transform-origin:70% 0;animation:hero-light-pass 18s ease-in-out infinite}
.hero-atmosphere:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 75% 62%,rgba(255,173,77,.2),transparent 48%),radial-gradient(ellipse at 30% 20%,rgba(95,145,164,.14),transparent 65%);mix-blend-mode:screen;animation:hero-ambient-light 18s ease-in-out infinite}
.guide-hub .hero:after{animation:paper-world-camera 20s ease-in-out infinite alternate,hero-exposure 18s ease-in-out infinite}
@keyframes hero-light-pass{0%,100%{opacity:.15;transform:translateX(-15%) rotate(-7deg)}35%{opacity:.85}55%{opacity:1;transform:translateX(5%) rotate(3deg)}80%{opacity:.3;transform:translateX(17%) rotate(8deg)}}
@keyframes hero-ambient-light{0%,100%{opacity:.25}45%{opacity:.85}75%{opacity:.4}}
@keyframes hero-exposure{0%,100%{filter:brightness(.87) saturate(.88)}45%{filter:brightness(1.16) saturate(1.06)}75%{filter:brightness(.96) saturate(.94)}}
@media(prefers-reduced-motion:reduce){.guide-hub .hero:after,.hero-atmosphere:before,.hero-atmosphere:after{animation:none}}
.hero-atmosphere{mask-image:linear-gradient(90deg,transparent,#000 28%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 28%)}
/* Broad feathering keeps animated exposure from revealing the image boundary. */
.guide-hub .hero:after{mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.03) 9%,rgba(0,0,0,.15) 20%,rgba(0,0,0,.4) 32%,rgba(0,0,0,.75) 46%,#000 63%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.03) 9%,rgba(0,0,0,.15) 20%,rgba(0,0,0,.4) 32%,rgba(0,0,0,.75) 46%,#000 63%)}
.hero-atmosphere{mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.06) 15%,rgba(0,0,0,.3) 32%,rgba(0,0,0,.75) 52%,#000 72%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.06) 15%,rgba(0,0,0,.3) 32%,rgba(0,0,0,.75) 52%,#000 72%)}

.guide-detail .download-actions .copy-install:before,.guide-detail .download-actions .copy-install:after{width:105px;right:auto;transform:scaleX(1.4);transform-origin:left center}
