@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--bg:#0c1116;--panel:#131b22;--panel2:#18222b;--line:#2a3941;--text:#edf2ed;--muted:#a5b4b4;--soft:#738585;--accent:#d4f166;--cyan:#78d6cf;--max:1200px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Manrope,Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body::before{content:"";position:absolute;inset:0 0 auto;height:850px;pointer-events:none;background:radial-gradient(circle at 78% 16%,rgba(75,131,127,.13),transparent 34%),radial-gradient(circle at 16% 36%,rgba(121,151,70,.07),transparent 34%);z-index:-1}
a{color:inherit;text-decoration:none}
a:hover{color:var(--accent)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:3px}
img{max-width:100%;display:block}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{line-height:1.1;letter-spacing:-.05em}
h1{font-size:clamp(3.7rem,8vw,7.5rem);font-weight:800}
h2{font-size:clamp(2.2rem,4vw,4rem);font-weight:800}
h3{font-size:2rem;font-weight:800}
.shell{width:min(calc(100% - 48px),var(--max));margin-inline:auto}
.skip{position:absolute;top:-60px;left:15px;background:var(--accent);color:var(--bg);padding:8px 14px;z-index:20}
.skip:focus{top:10px}
.eyebrow{font:500 .73rem/1.5 'DM Mono',monospace;letter-spacing:.15em;color:var(--cyan);text-transform:uppercase}
.eyebrow.accent{color:var(--accent)}
.muted{color:var(--muted)}
.site-header{border-bottom:1px solid rgba(173,198,199,.13);backdrop-filter:blur(20px);background:rgba(12,17,22,.86);position:relative;z-index:5}
.header-inner{height:88px;display:flex;align-items:center;gap:48px}
.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.04em;font-size:1.15rem;white-space:nowrap}
.brand-mark{font-weight:800;font-size:1.6rem;line-height:1;letter-spacing:-.1em}.brand-mark span{color:var(--accent)}
.site-header nav{display:flex;gap:34px;margin-left:auto;align-items:center}
.site-header nav a{font-size:.87rem;color:#b7c6c4;font-weight:700}.site-header nav a:hover,.site-header nav a[aria-current="page"]{color:var(--text)}
.site-header nav a[aria-current="page"]{position:relative}.site-header nav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-34px;height:2px;background:var(--accent)}
.header-github{font-size:.82rem;font-weight:800;border:1px solid var(--line);padding:9px 15px;border-radius:5px;white-space:nowrap}.header-github span{color:var(--accent);margin-left:8px}
.hero{min-height:690px;padding-block:90px 110px;display:grid;grid-template-columns:1.03fr .97fr;gap:38px;align-items:center}
.hero-copy{position:relative;z-index:1}.hero-copy .eyebrow{margin-bottom:26px}.hero h1{max-width:660px;margin-bottom:26px}.hero h1 em{font-style:normal;color:var(--accent)}
.hero-lead{max-width:540px;color:#b6c5c5;font-size:1.18rem;line-height:1.7}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}
.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:12px 21px;border-radius:5px;font-size:.86rem;font-weight:800;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}
.button.primary{background:var(--accent);color:#111916}.button.primary:hover{background:#e5fb91;color:#111916}.button.secondary{border:1px solid #3d4d50;color:var(--text)}.button.secondary:hover{background:var(--panel2);color:var(--text)}
.hero-meta{margin-top:55px;color:var(--soft);font:400 .75rem 'DM Mono',monospace;display:flex;align-items:center;gap:10px}.signal-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 5px rgba(212,241,102,.09)}
.hero-visual{height:540px;position:relative;border:1px solid #294047;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#17252b 0%,#10181f 50%,#141d22 100%);box-shadow:0 32px 80px rgba(0,0,0,.2)}
.hero-visual::before{content:"";position:absolute;inset:0;opacity:.28;background-image:linear-gradient(#547071 1px,transparent 1px),linear-gradient(90deg,#547071 1px,transparent 1px);background-size:39px 39px;mask-image:radial-gradient(circle at 50% 50%,black,transparent 75%)}
.visual-top,.visual-bottom{position:absolute;left:27px;right:27px;font:500 .69rem 'DM Mono',monospace;letter-spacing:.13em;color:#789997}.visual-top{top:24px}.visual-bottom{bottom:24px;display:flex;gap:12px;align-items:center}.visual-bottom span{color:var(--accent)}
.orbit{position:absolute;border:1px dashed rgba(126,190,188,.34);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-a{width:270px;height:270px}.orbit-b{width:440px;height:440px;border-color:rgba(126,190,188,.15)}
.visual-core{position:absolute;width:150px;height:150px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #557568;border-radius:24px;display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,#2e4944,#172724 75%);box-shadow:0 0 70px rgba(163,219,154,.12)}.visual-core img{width:124px;height:124px;object-fit:contain}
.node{position:absolute;background:#1d3034;color:#bedbd8;border:1px solid #426268;border-radius:5px;font:500 .66rem 'DM Mono',monospace;letter-spacing:.07em;padding:7px 10px;box-shadow:0 9px 19px rgba(0,0,0,.21)}.node-1{top:31%;left:7%}.node-2{top:21%;right:9%}.node-3{bottom:24%;left:11%}.node-4{bottom:29%;right:8%}
.section{padding-block:100px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:38px}.section-heading h2{margin-bottom:0;max-width:700px}.section-heading .eyebrow{margin-bottom:11px}.text-link{font-size:.84rem;font-weight:800;color:var(--accent);white-space:nowrap}.text-link:hover{text-decoration:underline}
.section-feature{background:#111a20;border-top:1px solid #24343a;border-bottom:1px solid #24343a}.feature-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.feature-intro{color:#b5c5c5;font-size:1.12rem}.feature-intro p{max-width:480px}.feature-intro .muted{font-size:.91rem}.feature-points{display:grid;gap:16px}.feature-points>div{border-top:1px solid #35464a;padding-top:16px;display:grid;grid-template-columns:42px 1fr;column-gap:10px}.feature-points span{font:500 .75rem 'DM Mono',monospace;color:var(--accent);grid-row:span 2}.feature-points strong{font-size:1rem}.feature-points p{margin:4px 0 0;color:var(--muted);font-size:.89rem}
.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.project-card{background:var(--panel);border:1px solid #2b3b40;border-radius:9px;overflow:hidden;transition:border-color .2s,transform .2s}.project-card:hover{border-color:#657e73;transform:translateY(-3px)}
.project-art{height:230px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 60% 30%,#253d3a,#162126 70%);border-bottom:1px solid #294047}.project-art img{width:100%;height:100%;object-fit:cover}.project-art.mascot img{object-fit:contain;width:180px;height:180px;filter:drop-shadow(0 15px 20px rgba(0,0,0,.3))}.project-art.logo-art img{object-fit:contain;width:180px;height:180px}.project-art.screenshot img{object-fit:contain;width:80%;height:90%;border:5px solid #26383b;border-radius:6px;box-shadow:0 18px 28px rgba(0,0,0,.3)}.project-art.watch-art img{object-fit:contain;width:190px;height:190px;border-radius:22px;box-shadow:0 14px 38px rgba(0,0,0,.34)}
.project-art.device-art img{width:100%;height:100%;object-fit:cover}
.card-copy{padding:29px 30px 24px}.card-copy .eyebrow{margin-bottom:10px}.card-copy h3{margin-bottom:12px}.card-copy>p:not(.eyebrow){color:#b2c1c1;min-height:50px;font-size:.94rem}.card-bottom{border-top:1px solid #2c3d42;margin-top:27px;padding-top:19px;display:flex;justify-content:space-between;gap:15px;align-items:center}.card-bottom span{color:#819898;font:.68rem 'DM Mono',monospace;line-height:1.4}.card-bottom a{font-size:.77rem}
.repo-section{border-top:1px solid var(--line);scroll-margin-top:25px}.repo-section .section-heading{margin-bottom:15px}.repo-total{font:.75rem 'DM Mono',monospace;color:var(--accent);white-space:nowrap;margin-bottom:8px}.repo-intro{max-width:720px;color:var(--muted);margin-bottom:30px}.repo-intro a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.repo-controls{display:flex;align-items:end;gap:20px;flex-wrap:wrap;border:1px solid var(--line);background:var(--panel);border-radius:7px;padding:20px}.repo-controls label{width:100%;font:.72rem 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);margin-bottom:-13px}.repo-controls input{flex:1;min-width:230px;height:46px;background:#0e161b;border:1px solid #3a5051;border-radius:4px;color:var(--text);font:inherit;font-size:.88rem;padding:0 14px}.repo-controls input::placeholder{color:#748888}.repo-controls input:focus{outline:2px solid var(--accent);outline-offset:2px}.repo-filters{display:flex;gap:6px}.repo-filters button{background:transparent;border:1px solid #3a5051;border-radius:4px;color:#b8c8c6;font:700 .78rem Manrope,Arial,sans-serif;padding:11px 15px;cursor:pointer}.repo-filters button:hover,.repo-filters button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#111916}.repo-count{color:var(--soft);font:.7rem 'DM Mono',monospace;margin:18px 0 10px}.repo-list{border-top:1px solid #334448}.repo-row{display:grid;grid-template-columns:minmax(180px,.85fr) minmax(0,1.3fr) auto;gap:22px;align-items:center;padding:20px 2px;border-bottom:1px solid #2b3d40}.repo-row[hidden]{display:none}.repo-name{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.repo-name h3{font-size:1.04rem;letter-spacing:-.025em;line-height:1.3;margin:0;overflow-wrap:anywhere}.repo-name h3 a:hover{text-decoration:underline;text-underline-offset:3px}.repo-badge{font:.64rem 'DM Mono',monospace;color:var(--cyan);border:1px solid #3a5655;padding:3px 6px;border-radius:3px}.repo-description p{margin:0;color:#aabbb9;font-size:.82rem;line-height:1.55}.repo-meta{display:flex;gap:10px;flex-wrap:wrap;justify-content:end;color:var(--soft);font:.68rem 'DM Mono',monospace;white-space:nowrap}.repo-meta span:first-child:not(:last-child){color:#bed8cd}.repo-empty{border:1px solid var(--line);border-top:0;padding:30px;color:var(--muted);margin:0}
.principles{background:#19251e;border-top:1px solid #334a35;border-bottom:1px solid #334a35}.principles-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px}.principles h2{max-width:520px}.principles-grid>div:last-child{padding-top:42px}.principles-grid>div:last-child p{color:#d2ddd3;font-size:1.14rem;line-height:1.8}.closing{text-align:center;padding-block:125px}.closing h2{margin-bottom:14px}.closing>p:not(.eyebrow){color:var(--muted);margin-bottom:25px}
.page-hero{padding-block:90px 76px;border-bottom:1px solid #25363b}.page-hero h1{margin:8px 0 24px}.page-hero>p:not(.eyebrow){max-width:760px;color:#b6c7c6;font-size:1.22rem;line-height:1.75}.page-hero.project-heading{padding-bottom:58px}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.project-tags span{font:.72rem 'DM Mono',monospace;color:#b9d1c6;border:1px solid #3a5551;border-radius:3px;padding:8px 10px;background:#172620}
.case-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:65px}.case-main>.project-art{height:410px;border:1px solid #2d4144;border-radius:8px;margin-bottom:65px}.case-main>.project-art.mascot img{width:270px;height:270px}.case-main>.project-art.screenshot img{width:74%;height:87%}.case-main>.project-art.logo-art img{width:250px;height:250px}.case-main>.project-art.watch-art img{width:290px;height:290px}.case-section{padding-block:42px;border-top:1px solid #2b3d40}.case-section .eyebrow{margin-bottom:15px}.case-section h2{font-size:clamp(1.9rem,3.1vw,2.8rem);max-width:730px}.case-section>p:not(.eyebrow){color:#b5c5c4;font-size:1.06rem;max-width:760px}.detail-list{padding-left:21px;color:#b5c5c4}.detail-list li{padding-left:8px;margin-bottom:14px}.detail-list li::marker{color:var(--accent)}.case-aside{align-self:start;position:sticky;top:25px}.aside-panel{border:1px solid #2d4144;background:#152026;padding:24px;border-radius:7px;margin-bottom:15px}.aside-panel .eyebrow{margin-bottom:17px}.aside-primary{display:block;background:var(--accent);color:#101916;border-radius:4px;text-align:center;padding:10px;font-weight:800;font-size:.84rem}.aside-primary:hover{background:#e3fa8a;color:#101916}.aside-panel ul{list-style:none;margin:22px 0 0;padding:0}.aside-panel li{padding:8px 0;border-top:1px solid #2b3d40;font-size:.83rem}.aside-panel li a{color:#b4cdca}.aside-panel li a:hover{color:var(--accent)}.note-panel p:not(.eyebrow){color:#a9bbba;font-size:.82rem;margin-bottom:0}.next-project{border-top:1px solid #2d4144;padding-block:55px}
.notes-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:25px}.note-feature,.archive-callout,.about-card{border:1px solid #2d4144;border-radius:7px;background:#142027;padding:36px}.note-feature h2{font-size:2.7rem;max-width:640px}.note-feature>p:not(.eyebrow),.archive-callout p:not(.eyebrow){color:#b5c5c4}.note-links{border-top:1px solid #33484b;margin-top:34px;padding-top:15px;display:grid;gap:8px}.note-links a{color:var(--accent);font-size:.88rem;font-weight:700}.archive-callout h2{font-size:2rem}.archive-callout .muted{font-size:.85rem}
.about-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:90px}.about-grid h2{font-size:2.7rem}.about-grid>div:first-child p{color:#b5c5c4;font-size:1.08rem;max-width:650px}.about-card{align-self:start}.about-card>a{display:block;font-size:1.7rem;font-weight:800;margin:16px 0}.about-card>a span{color:var(--accent)}.about-card p:last-child{font-size:.85rem;color:var(--muted)}
.about-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:center;padding-block:115px 125px}.about-hero h1{font-size:clamp(4rem,7.5vw,7rem);margin:19px 0 29px}.about-hero h1 em{font-style:normal;color:var(--accent)}.about-hero-copy>p:not(.eyebrow){font-size:1.03rem;line-height:1.8;color:#b7c7c5;max-width:670px}.about-hero-copy>p.about-lead{font-size:1.26rem;color:#e1e9e5;line-height:1.68}.about-hero .hero-actions{margin-top:32px}.about-portrait{border:1px solid #385254;background:#14232a;border-radius:12px;padding:35px 35px 25px;position:relative;transform:rotate(2deg);box-shadow:0 33px 65px rgba(0,0,0,.28)}.about-portrait::before{content:"";position:absolute;inset:10px;border:1px solid #2b4144;border-radius:7px;pointer-events:none}.portrait-frame{aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(circle,#153841 0%,#0a1921 65%);border-radius:8px;overflow:hidden}.portrait-frame img{width:100%;height:100%;object-fit:cover}.about-portrait>p{font:500 .65rem 'DM Mono',monospace;letter-spacing:.12em;color:#8eaaa9;margin:23px 2px 0;display:flex;justify-content:space-between}.about-portrait>p span{color:var(--accent)}
.about-story{background:#111b20;border-block:1px solid #2d4144}.about-story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.about-story h2{max-width:550px}.about-story-grid>div:last-child p{color:#bfd0cc;font-size:1.1rem;line-height:1.86;margin-bottom:25px}.about-story-grid>div:last-child p:last-child{margin-bottom:0}
.about-offclock{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}.about-offclock h2{max-width:550px}.about-offclock>p{color:#b8c8c5;font-size:1.08rem;line-height:1.82;max-width:630px}
.about-connect{background:#18241e;border-top:1px solid #3d5744}.connect-inner{display:grid;grid-template-columns:1fr .65fr;gap:75px;align-items:center}.connect-inner h2{margin-bottom:16px}.connect-inner p:not(.eyebrow){color:#bacdc0;max-width:530px}.connect-links{display:grid;gap:10px}.connect-links a{display:flex;justify-content:space-between;align-items:center;padding:19px 22px;border:1px solid #4a6750;background:#223026;border-radius:5px;font-size:1.15rem;font-weight:800}.connect-links a:hover{border-color:var(--accent);color:var(--accent)}.connect-links span{color:var(--accent)}
.archive-list{border-top:1px solid var(--line);padding-top:60px}.archive-list ul{padding:0;margin:25px 0 0;list-style:none}.archive-list li{display:grid;grid-template-columns:110px 1fr;gap:20px;border-top:1px solid var(--line);padding:18px 0}.archive-list li span{color:var(--soft);font:.76rem 'DM Mono',monospace}.archive-list li a{font-weight:700}.legacy-heading h1{font-size:clamp(3rem,6vw,6rem);max-width:1000px}.article-body{max-width:850px;font-size:1.05rem;color:#cad5d2}.article-body h2,.article-body h3,.article-body h4{color:var(--text);margin:2.3em 0 .7em}.article-body h2{font-size:2.2rem}.article-body h3{font-size:1.65rem}.article-body h4{font-size:1.3rem}.article-body p{margin:0 0 1.4em}.article-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.article-body img{height:auto;max-width:100%;border-radius:5px;margin:16px auto}.article-body figure{margin:30px 0}.article-body figcaption{text-align:center;color:var(--soft);font-size:.78rem}.article-body blockquote{border-left:3px solid var(--accent);margin:30px 0;padding:5px 0 5px 25px;color:#aebfba}.article-body pre{overflow:auto;border:1px solid var(--line);background:#0a1115;padding:18px;border-radius:5px}.article-body code{font-family:'DM Mono',monospace;font-size:.85em}.article-body li{margin-bottom:10px}
.note-heading h1{font-size:clamp(3.5rem,7vw,6.5rem)}.note-sources{border-top:1px solid var(--line);padding-top:24px;margin-top:42px;font-size:.86rem;color:var(--muted)}
.site-footer{background:#0b1014;border-top:1px solid #26373b;padding:55px 0}.footer-inner{display:grid;grid-template-columns:1fr auto;gap:35px}.footer-inner p{color:var(--soft);font-size:.83rem;margin:8px 0}.footer-links{display:flex;gap:24px;align-items:start;font-size:.82rem;font-weight:700}.footer-inner small{grid-column:1/-1;border-top:1px solid #26373b;padding-top:25px;color:#6f8585;font-size:.72rem}
@media(max-width:1000px){.hero{grid-template-columns:1fr;min-height:0;padding-top:75px}.hero-visual{height:460px}.feature-grid,.principles-grid{gap:40px}.case-grid{gap:35px}.site-header nav{gap:20px}.header-inner{gap:25px}.about-hero{gap:35px}.about-story-grid,.about-offclock{gap:45px}}
@media(max-width:1000px){.repo-row{grid-template-columns:minmax(170px,.8fr) minmax(0,1.2fr)}.repo-meta{grid-column:1/-1;justify-content:start;margin-top:-12px}}
@media(max-width:700px){.shell{width:min(calc(100% - 36px),var(--max))}.header-inner{height:auto;min-height:76px;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-block:15px}.site-header nav{order:3;width:100%;justify-content:space-between;margin-left:0;border-top:1px solid #27383d;padding-top:12px;gap:10px}.site-header nav a{font-size:.78rem}.site-header nav a[aria-current="page"]::after{bottom:-14px}.header-github{font-size:.73rem;padding:7px 9px}.hero{padding-block:75px 80px;gap:55px}.hero h1{font-size:clamp(3.5rem,13vw,5.7rem)}.hero-lead{font-size:1.06rem}.hero-meta{margin-top:32px}.hero-visual{height:390px}.orbit-b{width:350px;height:350px}.orbit-a{width:220px;height:220px}.visual-core{width:125px;height:125px}.visual-core img{width:100px;height:100px}.node{font-size:.52rem}.node-1{left:4%}.node-2{right:5%}.node-3{left:6%}.node-4{right:4%}.section{padding-block:70px}.section-heading{align-items:start;flex-direction:column}.section-heading h2{font-size:2.5rem}.feature-grid,.principles-grid,.about-grid,.notes-grid,.case-grid{grid-template-columns:1fr}.feature-grid{gap:25px}.card-grid{grid-template-columns:1fr}.project-art{height:210px}.card-bottom{align-items:start}.principles-grid>div:last-child{padding-top:0}.page-hero{padding-block:65px 55px}.page-hero h1{font-size:4.5rem}.page-hero>p:not(.eyebrow){font-size:1.05rem}.case-main>.project-art{height:320px;margin-bottom:30px}.case-aside{position:static;grid-row:1}.case-section{padding-block:32px}.note-feature,.archive-callout,.about-card{padding:26px}.note-feature h2{font-size:2.1rem}.archive-list li{grid-template-columns:1fr;gap:6px}.footer-inner{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.footer-inner small{grid-column:1}}
@media(max-width:400px){.hero-visual{height:340px}.orbit-b{width:285px;height:285px}.orbit-a{width:200px;height:200px}.node-1,.node-3{left:2%}.node-2,.node-4{right:2%}.visual-bottom{font-size:.55rem;gap:6px}.page-hero h1{font-size:3.5rem}.project-tags span{font-size:.63rem}}
@media(max-width:700px){.repo-controls{align-items:stretch;gap:14px}.repo-controls label{margin-bottom:-7px}.repo-controls input{min-width:0;width:100%;flex:auto}.repo-filters{width:100%}.repo-filters button{flex:1}.repo-row{grid-template-columns:1fr;gap:7px;padding:17px 2px}.repo-meta{grid-column:auto;margin-top:0}.repo-total{white-space:normal}.repo-section .section-heading{gap:10px}}
@media(max-width:700px){.about-hero{grid-template-columns:1fr;padding-block:75px;gap:55px}.about-hero h1{font-size:clamp(3.7rem,12vw,5.5rem)}.about-hero-copy>p.about-lead{font-size:1.1rem}.about-portrait{width:min(100%,410px);margin:auto;padding:25px 25px 20px}.about-story-grid,.about-offclock,.connect-inner{grid-template-columns:1fr;gap:30px}.about-story-grid>div:last-child p,.about-offclock>p{font-size:1rem}.connect-links a{font-size:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-card,.button{transition:none}}