:root{--paper:#f0f7f4;--paper-2:#e1efea;--card:#f8fcfa;--ink:#0b302b;--ink-2:#16473f;--muted:#4b6961;--rule:#c4dcd3;--accent:#08776a;--accent-2:#57d6a3;--mint:#a8e7d1;--display:"Fraunces",Georgia,serif;--sans:"Hanken Grotesk",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--w:1180px}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.65;font-size:17px;-webkit-font-smoothing:antialiased;min-height:100dvh;display:flex;flex-direction:column}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}main{flex:1}a{color:inherit}img,video{max-width:100%;display:block}::selection{background:var(--accent-2);color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:8px 14px;z-index:200}.skip:focus{left:8px}.wrap{max-width:var(--w);margin:0 auto;padding:0 24px}h1,h2,h3,h4{font-family:var(--display);font-weight:500;line-height:1.1;letter-spacing:-.015em}.mono,.eyebrow{font-family:var(--mono);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}.eyebrow{color:var(--accent);display:inline-flex;gap:10px;align-items:center}.eyebrow:before{content:"";width:26px;height:1px;background:currentColor}.hdr{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}.hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:70px}.brand{font-family:var(--display);font-size:1.35rem;text-decoration:none;display:flex;gap:10px;align-items:center}.brand i{font-style:normal;width:32px;height:32px;border-radius:50%;background:var(--ink);color:var(--accent-2);display:grid;place-items:center;font-size:.85rem}.nav{display:flex;gap:26px;align-items:center;font-size:.92rem;font-weight:500}.nav a{text-decoration:none;color:var(--muted);position:relative;padding:4px 0}.nav a:hover,.nav a[aria-current]{color:var(--ink)}.nav a[aria-current]:not(.pill):after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--accent)}.pill{background:var(--ink);color:var(--paper)!important;padding:9px 18px!important;border-radius:99px;transition:background .25s}.pill:hover{background:var(--accent)}.burger{display:none;background:none;border:1px solid var(--rule);border-radius:10px;width:44px;height:44px;cursor:pointer;color:var(--ink)}.burger span{display:block;width:18px;height:2px;background:currentColor;margin:4px auto;transition:transform .25s,opacity .25s}.burger[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.burger[aria-expanded=true] span:nth-child(2){opacity:0}.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media(max-width:900px){.burger{display:block}.nav{position:absolute;top:70px;left:0;right:0;background:var(--paper);flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 20px;border-bottom:1px solid var(--rule);display:none}.nav.open{display:flex}.nav a{padding:14px 0;border-bottom:1px solid var(--rule);font-size:1.05rem}.nav a.pill{text-align:center;margin-top:14px;border:0}.nav a[aria-current]:not(.pill):after{display:none}}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:99px;text-decoration:none;border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;font:inherit;font-weight:600;font-size:.95rem;transition:transform .25s,background .25s,color .25s}.btn:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.btn.ghost{background:transparent;color:var(--ink)}.btn.ghost:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn.light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.btn.light:hover{background:var(--accent-2);border-color:var(--accent-2);color:var(--ink)}.btn[aria-disabled=true]{opacity:.5;pointer-events:none}.arrow:after{content:"→"}.back{display:inline-flex;gap:8px;font-family:var(--mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--muted);margin-bottom:28px}.back:before{content:"←"}.back:hover{color:var(--accent)}.hero{padding:70px 0 90px;border-bottom:1px solid var(--rule);overflow:hidden}.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}.hero h1{font-size:clamp(3.2rem,8vw,6.6rem);margin:18px 0 22px;font-weight:400}.hero h1 em{color:var(--accent);font-style:italic}.role{font-family:var(--mono);font-size:.82rem;line-height:1.8;color:var(--ink-2);border-left:2px solid var(--accent);padding-left:16px;margin-bottom:28px;max-width:560px}.lead strong{display:block;font-family:var(--display);font-size:1.35rem;font-weight:500;line-height:1.3;margin-bottom:12px}.lead p{color:var(--muted);max-width:560px}.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.portrait{aspect-ratio:4/5;border-radius:200px 200px 18px 18px;position:relative;overflow:hidden;background:var(--ink);box-shadow:14px 14px 0 var(--accent-2)}.portrait img{width:100%;height:100%;object-fit:cover}.rise{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}.rise:nth-child(2){animation-delay:.1s}.rise:nth-child(3){animation-delay:.2s}@keyframes rise{0%{opacity:0;transform:translateY(22px)}}@media(max-width:900px){.hero .wrap{grid-template-columns:1fr}.portrait{max-width:340px}.hero{padding-top:40px}}.art{position:absolute;inset:0;overflow:hidden;background:var(--bg)}.art svg{width:100%;height:100%;display:block}.art .mono{position:absolute;left:14px;bottom:12px;color:#ffffffb0;font-size:.62rem}.mark{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--display);font-style:italic;font-size:clamp(5rem,12vw,9rem);color:var(--accent-2);opacity:.95}section.s{padding:90px 0;border-bottom:1px solid var(--rule)}.s-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:46px;flex-wrap:wrap}.s-head h2{font-size:clamp(2rem,4.5vw,3.3rem);margin-top:12px}.s-head p{color:var(--muted);max-width:420px}.two{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.two .prose p{font-size:1.15rem;margin-bottom:20px;color:var(--ink-2)}.prose p:first-child:first-letter{font-family:var(--display);float:left;font-size:4.2rem;line-height:.8;padding:6px 10px 0 0;color:var(--accent)}@media(max-width:900px){.two{grid-template-columns:1fr;gap:28px}section.s{padding:64px 0}}.story-opening{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:clamp(42px,7vw,96px);align-items:start}.story-opening .portrait{max-width:360px}.story-location{display:grid;gap:5px;margin:20px 0 0;padding-left:15px;border-left:2px solid var(--accent)}.story-location .mono{font-size:.7rem;color:var(--accent);letter-spacing:.12em;text-transform:uppercase}.story-location strong{font-size:1rem}.story-narrative h2,.story-copy h2,.story-outro h2{font-size:clamp(1.9rem,3.4vw,2.8rem);margin:12px 0 24px}.story-narrative p,.story-copy p,.story-outro p{font-size:1.08rem;line-height:1.85;color:var(--ink-2);margin:0 0 20px}.story-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.story-journey article{padding:28px;border:1px solid var(--rule);border-radius:16px;background:var(--card)}.story-journey article>.mono{display:block;color:var(--accent);margin-bottom:22px}.story-journey h3{font-size:1.35rem;margin:0 0 10px}.story-journey article p{font-size:.96rem;color:var(--muted);margin:0;line-height:1.75}.story-journey article .story-institution{font-weight:650;color:var(--ink);margin-bottom:14px}.story-builder{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(36px,7vw,90px);align-items:start}.story-aside{padding:32px;border:1px solid var(--rule);border-radius:18px;background:var(--paper-2)}.story-aside h3{font-size:1.5rem;margin:12px 0}.story-aside>p{color:var(--ink-2);line-height:1.75}.story-stat{display:flex;align-items:center;gap:18px;padding:20px 0;border-top:1px solid var(--rule);margin-top:22px}.story-stat strong{font-family:var(--display);font-size:3.2rem;font-weight:400;color:var(--accent);line-height:1}.story-stat span{font-size:.9rem;color:var(--muted)}.story-aside blockquote{margin:6px 0 0;padding:18px 0 0;border-top:1px solid var(--rule);font-family:var(--display);font-size:1.15rem;line-height:1.55;color:var(--ink)}.story-learning{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(36px,7vw,90px);align-items:center}.story-learning h2{font-size:clamp(1.9rem,3.4vw,2.8rem);margin:12px 0 18px}.story-learning p{font-size:1.08rem;line-height:1.85;color:var(--ink-2);margin:0}.story-links{display:grid;justify-items:start;gap:14px}.story-links .btn{min-width:210px}.story-outro{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:center}.story-personal{display:grid;gap:10px;padding:28px 32px;border:1px solid var(--rule);border-radius:16px;background:var(--paper-2)}.story-personal strong{font-family:var(--display);font-size:2rem;font-weight:400}.story-personal>span:last-child{color:var(--muted)}@media(max-width:900px){.story-opening,.story-builder,.story-learning,.story-outro{grid-template-columns:1fr;gap:34px}.story-journey{grid-template-columns:1fr}.story-opening .portrait{max-width:340px}}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}@media(max-width:980px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.grid{grid-template-columns:1fr}}.specialization-courses{margin-top:78px;scroll-margin-top:100px}.specialization-course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.specialization-course-grid .thumb{aspect-ratio:4/3}@media(max-width:980px){.specialization-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.specialization-course-grid{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--rule);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:transform .35s,box-shadow .35s,border-color .35s}.card:hover{transform:translateY(-5px);box-shadow:0 18px 40px -22px #0b302baa;border-color:var(--ink)}.thumb{position:relative;aspect-ratio:16/10;background:var(--ink);overflow:hidden}.thumb>img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.card:hover .thumb>img{transform:scale(1.04)}.certificate-thumb{background:#fff}.certificate-thumb>img{object-fit:contain;padding:10px}.card:hover .certificate-thumb>img{transform:none}.full-thumb{background:#080c0b}.full-thumb>img{object-fit:contain}.card:hover .full-thumb>img{transform:none}.cb{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1;gap:8px}.cb .tag{color:var(--accent)}.cb h3{font-size:1.45rem}.cb .by{font-weight:600;font-size:.88rem;color:var(--muted)}.cb p{color:var(--muted);font-size:.95rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cb .more{margin-top:auto;padding-top:14px;font-weight:600;font-size:.9rem;color:var(--ink)}.cb .more:after{content:" →";display:inline-block;transition:transform .25s}.card:hover .more:after{transform:translate(5px)}.num{position:absolute;top:12px;left:14px;color:#fff;background:#0b302bcc;padding:3px 9px;border-radius:99px}.group-title{display:flex;align-items:baseline;gap:16px;border-bottom:1px solid var(--ink);padding-bottom:14px;margin:0 0 34px}.group-title h2{font-size:clamp(1.7rem,3.5vw,2.4rem)}.group-title p{color:var(--muted);font-size:.92rem}@media(max-width:620px){.specialization-courses .group-title{display:block}.specialization-courses .group-title p{margin-top:10px}}.dark{background:var(--ink);color:var(--paper);border-bottom:0!important}.dark .s-head p{color:#b9cdc6}.dark .eyebrow{color:var(--accent-2)}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #ffffff30}.pillar{padding:30px 24px 10px;border-right:1px solid #ffffff30}.pillar:last-child{border-right:0}.pillar .mono{color:var(--accent-2)}.pillar h3{font-size:1.4rem;margin:12px 0 20px}.pillar ul{list-style:none;padding:0;color:#c9dad4;font-size:.93rem}.pillar li{padding:7px 0;border-top:1px dashed #ffffff22}@media(max-width:980px){.pillars{grid-template-columns:repeat(2,1fr)}.pillar:nth-child(2){border-right:0}.pillar{border-bottom:1px solid #ffffff30}}@media(max-width:560px){.pillars{grid-template-columns:1fr}.pillar{border-right:0}}.cta{text-align:center;padding:110px 0;background:var(--accent);color:#f3fcf8;border:0}.cta h2{font-size:clamp(2.4rem,6vw,4.6rem);margin-bottom:20px}.cta p{max-width:600px;margin:0 auto 32px;font-size:1.1rem}.cta .btns{justify-content:center}.cta .btn.ghost{color:#f3fcf8;border-color:#f3fcf8}.cta .btn.ghost:hover{background:#f3fcf8;color:var(--accent)}.phead{padding:70px 0 50px;border-bottom:1px solid var(--rule)}.phead h1{font-size:clamp(2.6rem,6.5vw,5rem);margin:14px 0 18px;font-weight:400}.phead p{max-width:640px;color:var(--muted);font-size:1.12rem}.page{padding:60px 0 100px}.detail{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:start}@media(max-width:900px){.detail{grid-template-columns:1fr;gap:34px}}.detail h1{font-size:clamp(2.4rem,5.5vw,4.2rem);margin:14px 0 10px;font-weight:400}.media{position:relative;aspect-ratio:16/10;border-radius:18px;overflow:hidden;background:var(--ink);border:1px solid var(--ink)}.media>img,.media>video{width:100%;height:100%;object-fit:cover}.media.media-contain>img{object-fit:contain;background:#080c0b}.project-media-link{display:block;border-radius:18px}.project-media-link:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.project-list{list-style:none;padding:0;display:grid;gap:14px}.project-list li{border-left:2px solid var(--accent-2);padding:2px 0 2px 15px;color:var(--ink-2)}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:14px}.gallery img{border-radius:12px;border:1px solid var(--rule);aspect-ratio:16/10;object-fit:cover;width:100%}.project-gallery a{display:grid;place-items:center;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--rule);border-radius:12px;background:#080c0b}.project-gallery a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.project-gallery img{height:100%;aspect-ratio:auto;object-fit:contain;border:0;transition:transform .3s}.project-gallery a:hover img{transform:scale(1.02)}.project-full .project-intro{margin:28px 0 38px}.project-full h1{font-size:clamp(2.4rem,5.5vw,4.2rem);margin:14px 0 18px;font-weight:400}.project-intro>p{max-width:900px;font-size:1.15rem;color:var(--muted)}.project-cover{margin:-6px 0 38px;overflow:hidden;border:1px solid var(--rule);border-radius:18px;background:#080c0b}.project-cover>a{display:block;line-height:0}.project-cover img{display:block;width:100%;height:auto;max-height:min(75vh,760px);object-fit:contain}.project-cover figcaption{padding:12px 16px;text-align:right;color:var(--muted);font:500 .76rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.project-full .panel{margin-bottom:22px}.project-full .panel h2{font-size:1.65rem;margin:0 0 20px}.project-full .panel p{max-width:none}.project-section{margin-top:54px}.project-section>h2{font-size:clamp(1.8rem,3vw,2.5rem);margin:12px 0 22px}.screenshots-note{color:var(--muted);margin-bottom:28px;max-width:800px}.usage-steps{list-style:none;counter-reset:usage;padding:0;display:grid;gap:18px}.usage-steps li{counter-increment:usage;position:relative;padding:25px 28px 25px 84px;border:1px solid var(--rule);border-radius:16px;background:var(--paper-2)}.usage-steps li:before{content:counter(usage,decimal-leading-zero);position:absolute;left:25px;top:27px;font-family:monospace;font-size:1rem;color:var(--accent)}.usage-steps h3{font-size:1.25rem;margin:0 0 10px}.usage-steps p{margin:0;color:var(--muted)}@media(max-width:700px){.usage-steps li{padding:22px 20px 22px 60px}.usage-steps li:before{left:18px;top:24px}}.screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}.screenshot-card{margin:0;min-width:0;border:1px solid var(--rule);border-radius:16px;background:var(--paper-2);overflow:hidden}.screenshot-card>a{display:block;background:#080c0b}.screenshot-card>a:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.screenshot-card img{display:block;width:100%;height:auto;object-fit:contain}.screenshot-card figcaption{padding:23px}.screenshot-card h3{font-size:1.25rem;margin:0 0 12px}.screenshot-card p{font-size:.95rem;color:var(--muted);margin:0}@media(max-width:700px){.screenshot-grid{grid-template-columns:1fr;gap:22px}.project-full .panel{padding:24px}}.panel{background:var(--card);border:1px solid var(--rule);border-radius:16px;padding:26px;margin-bottom:20px}.panel h4{font-family:var(--mono);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:500;margin-bottom:14px}.panel p{color:var(--ink-2)}.certificate-image{width:100%;height:auto;border:1px solid var(--rule);border-radius:10px;background:#fff}.certificate-preview{scroll-margin-top:90px}.certificate-caption{margin-top:14px;font-size:.85rem}.certificate-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.certificate-actions .btn{justify-content:center;text-align:center;padding:12px 16px;font-size:.88rem}dl.meta dd{overflow-wrap:anywhere;min-width:0}#included-courses{scroll-margin-top:100px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--ink);border-radius:99px;padding:5px 14px;font-size:.85rem;font-weight:500;background:var(--paper)}.note{border:1px dashed var(--muted);border-radius:14px;padding:18px 20px;color:var(--muted);font-size:.95rem;background:repeating-linear-gradient(135deg,transparent 0 10px,#0b302b08 10px 20px)}dl.meta{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;font-size:.93rem}dl.meta dt{color:var(--muted)}dl.meta dd{font-weight:600}.pager{display:flex;justify-content:space-between;gap:16px;margin-top:60px;padding-top:26px;border-top:1px solid var(--ink);flex-wrap:wrap}.pager a{text-decoration:none;max-width:48%}.pager small{display:block;color:var(--muted)}.pager a:hover strong{color:var(--accent)}.pager .r{text-align:right;margin-left:auto}.mini{display:flex;flex-direction:column;gap:12px}.mini a{display:flex;gap:14px;align-items:center;text-decoration:none;border:1px solid var(--rule);border-radius:12px;padding:12px;background:var(--paper);transition:border-color .25s}.mini a:hover{border-color:var(--ink)}.mini .thumb{width:84px;aspect-ratio:4/3;border-radius:8px;flex:none}.mini strong{font-family:var(--display);font-weight:500;font-size:1.05rem;line-height:1.2;display:block}.mini small{color:var(--muted)}.empty{max-width:640px;margin:20px auto;text-align:center;padding:70px 30px;border:1px solid var(--ink);border-radius:20px;background:var(--card);position:relative}.empty .glyph{width:96px;height:96px;margin:0 auto 22px;border-radius:50%;border:1px dashed var(--ink);display:grid;place-items:center;font-family:var(--display);font-style:italic;font-size:2.4rem;color:var(--accent)}.empty h2{font-size:2rem;margin-bottom:12px}.empty p{color:var(--muted);margin-bottom:26px}.cgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}@media(max-width:900px){.cgrid{grid-template-columns:1fr}}.clist{display:flex;flex-direction:column;gap:14px}.clist a,.clist div.row{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--rule);background:var(--card);padding:16px 20px;border-radius:14px;text-decoration:none;font-weight:600;word-break:break-all;transition:border-color .25s}.clist a:hover{border-color:var(--ink)}.clist small{font-family:var(--mono);font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;display:block;font-weight:400}form.f{background:var(--card);border:1px solid var(--ink);border-radius:20px;padding:32px;display:grid;gap:18px;box-shadow:10px 10px 0 var(--accent-2)}.f label{display:grid;gap:7px;font-weight:600;font-size:.9rem}.f input,.f select,.f textarea{font:inherit;padding:13px 14px;border:1px solid var(--rule);border-radius:10px;background:var(--paper);color:var(--ink)}.f input:focus,.f select:focus,.f textarea:focus{outline:2px solid var(--accent);border-color:var(--accent)}.f .row2{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:560px){.f .row2{grid-template-columns:1fr}form.f{padding:22px}}.disclose{font-size:.88rem;color:var(--muted);border-left:2px solid var(--accent-2);padding-left:14px}#formmsg{font-size:.92rem;font-weight:600;color:var(--ink-2);min-height:1.2em}.ftr{background:var(--ink);color:#b9cdc6;padding:70px 0 28px;margin-top:auto}.ftr .g{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:50px;margin-bottom:46px}@media(max-width:800px){.ftr .g{grid-template-columns:1fr;gap:30px}}.ftr h4{font-size:2rem;color:var(--paper);margin-bottom:14px}.ftr h5{font-family:var(--mono);font-weight:500;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-2);margin-bottom:14px}.ftr ul{list-style:none;padding:0;display:grid;gap:9px;font-size:.95rem}.ftr a{text-decoration:none}.ftr a:hover{color:#fff;text-decoration:underline}.ftr .copy{border-top:1px solid #ffffff25;padding-top:22px;font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#7f9a92}.totop{position:fixed;right:22px;bottom:22px;width:46px;height:46px;border-radius:50%;border:0;background:var(--accent);color:#fff;font-size:1.2rem;cursor:pointer;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .3s,transform .3s;z-index:60}.totop.show{opacity:1;transform:none;pointer-events:auto}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}