/* styles.css */
@charset "UTF-8";
:root{--bg:#151816;--text:#edf0e6;--muted:#aeb5a8;--line:#353d33;--surface:#20271e;--surface-hover:#2b3427;--accent:#cee39a;--on-accent:#203019;--radius:10px;--page-width:1440px;color-scheme:dark;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
:root[data-theme=light]{--bg:#f5f5ef;--text:#252d23;--muted:#626a5c;--line:#d0d6c8;--surface:#e6eadf;--surface-hover:#dce3d2;--accent:#d2e59e;--on-accent:#203019;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}a,button,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}[hidden]{display:none!important}h1,h2,h3,p{margin:0}::selection{color:var(--on-accent);background:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}a,button,summary{border-radius:2px}.site-shell{max-width:var(--page-width);padding:0 48px;margin:0 auto}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}.skip-link{position:absolute;left:16px;top:0;z-index:100;background:var(--accent);color:var(--on-accent);padding:12px 20px;transform:translateY(-110%)}.skip-link:focus{transform:translateY(10px)}
.header{display:flex;justify-content:space-between;align-items:center;gap:32px;min-height:100px;border-bottom:1px solid var(--line)}.wordmark,.footer-brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-1.8px;font-size:30px;line-height:1}.cut-mark{display:block;width:11px;height:27px;transform:skew(-24deg);background:currentColor}.desktop-nav{display:flex;gap:36px;font-size:13px;margin-left:auto;margin-right:12px}.desktop-nav a{color:var(--muted);transition:color .18s}.desktop-nav a:hover{color:var(--text)}.header-actions{display:flex;align-items:center;gap:20px}.button,.secondary-button{display:inline-flex;justify-content:center;align-items:center;gap:28px;padding:14px 20px;border:1px solid transparent;font-size:13px;line-height:1.3;font-weight:500;transition:background .18s,transform .18s}.button{background:var(--accent);color:var(--on-accent);border-radius:4px}.button:hover{background:color-mix(in srgb,var(--accent) 85%,var(--bg))}.button-small{padding:12px 17px}.secondary-button{background:transparent;border-color:var(--line);border-radius:4px}.secondary-button:hover{background:var(--surface)}.theme-button,.menu-button{height:42px;width:42px;display:grid;place-content:center;border:1px solid var(--line);border-radius:50%;background:transparent}.theme-button:hover{background:var(--surface)}.theme-glyph{font-size:23px;line-height:1}.menu-button{display:none;gap:6px}.menu-button span{width:17px;height:1px;background:currentColor;transition:transform .18s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{border-bottom:1px solid var(--line);padding:14px 0}.mobile-nav a{display:flex;justify-content:space-between;padding:14px 2px;font-size:17px}
.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;padding:61px 0 49px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}.tiny-cut{width:5px;height:11px;background:var(--accent);transform:skew(-24deg)}h1{font-size:clamp(45px,5.3vw,78px);font-weight:400;letter-spacing:-.065em;line-height:1.02;margin-top:21px}h1 em{line-height:1.12}.hero-aside{flex-shrink:0;padding:0 4px 9px;font-size:14px;color:var(--muted);line-height:1.65}.text-link{display:inline-flex;gap:35px;align-items:center;color:var(--text);font-size:12px;margin-top:26px}.text-link span{transition:transform .18s}.text-link:hover span{transform:translateY(3px)}
.work-section{scroll-margin-top:22px}.section-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0;gap:20px}.section-label{display:flex;align-items:center;gap:16px}.section-label h2{font-size:13px;font-weight:400}.index{color:var(--muted);font-size:11px;letter-spacing:1px}.work-count{font-size:11px;color:var(--muted)}.work-tools{display:flex;align-items:center;gap:18px}.text-button{border:0;background:transparent;padding:6px 0;font-size:12px;line-height:1.4}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.art-placeholder,.art-card{aspect-ratio:16/9;min-width:0;border-radius:var(--radius);overflow:hidden;position:relative;background:var(--surface)}.art-placeholder{display:flex;align-items:center;justify-content:center;color:var(--muted);border:1px solid var(--line)}.art-placeholder span{font-size:11px}.art-placeholder span:first-child{position:absolute;top:16px;left:18px}.art-placeholder span:last-child{position:absolute;bottom:16px;right:18px}.art-placeholder span:nth-child(2){letter-spacing:.4px;color:var(--muted)}.art-card{border:0;padding:0;display:block;width:100%;isolation:isolate}.art-card img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s ease}.art-card:hover img{transform:scale(1.015)}.art-card:focus-visible{outline-offset:4px}.art-open{position:absolute;right:13px;bottom:13px;width:32px;height:32px;display:grid;place-items:center;background:#151816df;color:#f0f3e9;border:1px solid #ffffff30;border-radius:50%;opacity:0;transform:translateY(3px);transition:opacity .2s,transform .2s;font-size:16px}.art-card:hover .art-open,.art-card:focus-visible .art-open{opacity:1;transform:none}.gallery-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:58px;padding-top:14px}.draft-note{font-size:11px;color:var(--muted)}.load-more{margin-left:auto;gap:30px;padding:11px 16px}.preview-tools{border:1px dashed var(--line);border-radius:6px;margin-top:13px}.preview-tools summary{cursor:pointer;font-size:12px;padding:15px 18px;color:var(--muted);list-style-position:inside}.preview-tools summary span{float:right}.preview-panel{padding:5px 18px 18px;display:flex;justify-content:space-between;align-items:center;gap:24px}.preview-panel p{font-size:13px}.preview-panel div>span{font-size:11px;color:var(--muted)}.file-label{position:relative;cursor:pointer;flex-shrink:0;overflow:hidden}.file-label input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.file-label:focus-within{outline:2px solid var(--accent);outline-offset:4px}.status-message{font-size:12px;color:var(--muted);margin-top:10px;min-height:0}.status-message:empty{margin-top:0}
.approach-section{margin-top:82px;border-top:1px solid var(--line);padding:41px 0 58px;display:grid;grid-template-columns:36% 1fr;gap:58px}.approach-intro h2{font-size:36px;font-weight:400;line-height:1.12;letter-spacing:-1.3px;margin-top:24px}.approach-intro>p{font-size:13px;color:var(--muted);line-height:1.7;margin-top:22px}.process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px;list-style:none;padding:0;margin:0}.process-number{display:block;color:var(--muted);font-size:11px;border-bottom:1px solid var(--line);padding:1px 0 20px}.process h3{font-size:15px;font-weight:400;margin-top:24px;letter-spacing:-.2px}.process p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:12px}.contact-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:49px 0 62px}.contact-intro h2{font-size:56px;font-weight:400;letter-spacing:-2.5px;line-height:1.04;margin-top:23px}.contact-intro>p{font-size:13px;line-height:1.7;color:var(--muted);margin-top:22px}.contact-options{padding-top:6px}.email-link{position:relative;display:block;padding:0 32px 24px 0;border-bottom:1px solid var(--line)}.contact-label{display:block;text-transform:uppercase;letter-spacing:1.4px;font-size:10px;color:var(--muted);margin-bottom:10px}.email-address{font-size:clamp(14px,1.7vw,23px);letter-spacing:-.4px;overflow-wrap:anywhere}.contact-arrow{position:absolute;right:0;top:32px;font-size:23px}.email-link:hover .email-address{text-decoration:underline;text-underline-offset:5px}.discord-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:21px 0;border-bottom:1px solid var(--line)}.discord-name{font-size:22px;letter-spacing:-.5px}.copy-button{font-size:11px;padding:11px 14px;gap:20px}.brief-button{display:flex;gap:40px;margin-top:17px}.copy-status{font-size:11px;color:var(--muted);min-height:18px;margin-top:10px}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:27px 0 32px;font-size:11px;color:var(--muted)}.footer-brand{font-size:21px;color:var(--text);letter-spacing:-1.2px}.footer-brand .cut-mark{height:19px;width:8px}.back-top{display:flex;align-items:center;gap:24px}
dialog{border:0;color:var(--text);background:var(--bg);padding:0;max-height:calc(100dvh - 40px);overscroll-behavior:contain}dialog::backdrop{background:#050805d9;backdrop-filter:blur(8px)}.lightbox{background:transparent;width:min(1360px,calc(100vw - 64px));max-width:none;overflow:visible}.lightbox-surface{background:var(--bg);border:1px solid var(--line);border-radius:10px;overflow:hidden}.lightbox-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-size:11px;color:var(--muted)}.dialog-close{display:flex;align-items:center;gap:20px;padding:7px 9px;border:0;background:none;font-size:12px}.dialog-close span{font-size:22px;line-height:1}.lightbox-image-wrap{display:flex;align-items:center;justify-content:center;background:var(--surface);min-height:80px}.lightbox-image-wrap img{width:100%;max-height:calc(100dvh - 190px);height:auto;object-fit:contain;display:block}.lightbox-image-wrap p{font-size:13px;padding:30px;color:var(--muted)}.lightbox-bottom{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:15px 20px}.lightbox-bottom h2{font-size:14px;font-weight:400;overflow-wrap:anywhere;min-width:0}.lightbox-controls{display:flex;gap:8px;flex-shrink:0}.arrow-button{width:38px;height:34px;background:transparent;border:1px solid var(--line);border-radius:4px}.arrow-button:hover{background:var(--surface)}.noscript-note{max-width:900px;margin:20px auto;padding:20px;font-size:14px}
.image-failure{position:absolute;inset:0;display:grid;place-items:center;background:var(--surface);color:var(--muted);font-size:12px}
@media(min-width:1500px){.hero{padding-top:70px;padding-bottom:60px}.gallery{gap:24px}}
@media(max-width:1000px){.site-shell{padding:0 30px}.desktop-nav{gap:24px}.hero{gap:30px;padding-top:48px}.hero-aside{font-size:12px}h1{font-size:clamp(44px,6vw,64px)}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.approach-section{grid-template-columns:1fr;gap:35px;margin-top:60px}.approach-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;align-items:end}.approach-intro .eyebrow{grid-column:1/-1}.approach-intro>p{margin-top:0}.process{gap:32px}.contact-section{gap:40px}.contact-intro h2{font-size:46px}.email-address{font-size:16px}.contact-label{font-size:11px}}
@media(max-width:700px){.header{min-height:82px;gap:20px}.desktop-nav{display:none}.menu-button{display:grid}.header-actions{gap:12px}.header-cta{display:none}.wordmark{font-size:27px}.cut-mark{height:24px;width:10px}.hero{display:block;padding:37px 0 30px}.hero-aside{margin-top:24px;padding:0;font-size:13px}.hero-aside br{display:none}.text-link{margin-top:15px}.hero h1{font-size:clamp(40px,8.4vw,60px)}.contact-section{grid-template-columns:1fr;gap:35px;padding:38px 0 40px}.contact-intro h2{font-size:49px}.email-address{font-size:20px}.contact-options{padding-top:0}.approach-intro{display:block}.approach-intro>p{margin-top:20px}.contact-intro>p br{display:none}.lightbox{width:calc(100vw - 28px)}.lightbox-bottom{padding:12px 14px}.lightbox-image-wrap img{max-height:calc(100dvh - 220px)}.preview-panel{display:block}.file-label{margin-top:15px}.footer>span{display:none}}
@media(max-width:500px){.site-shell{padding:0 20px}.header{min-height:78px}.header-actions{gap:10px}.theme-button,.menu-button{width:40px;height:40px}.hero{padding-top:33px}.eyebrow{font-size:10px;letter-spacing:1.2px;gap:9px}h1{margin-top:18px}.hero h1{font-size:clamp(37px,9.3vw,47px);letter-spacing:-.06em}.hero-aside{font-size:12px}.gallery{grid-template-columns:1fr;gap:16px}.section-heading{padding:17px 0;gap:12px}.section-label{gap:10px}.section-label h2{font-size:12px}.work-count{font-size:10px}.work-tools{gap:10px;flex-wrap:wrap;justify-content:end}.gallery-bottom{align-items:flex-start;min-height:45px}.draft-note{font-size:10px}.art-placeholder span{font-size:11px}.preview-tools summary{padding:14px;font-size:11px}.preview-panel{padding:0 14px 14px}.preview-panel p{font-size:12px}.approach-section{margin-top:42px;padding:30px 0 36px}.approach-intro h2{font-size:32px}.process{grid-template-columns:1fr;gap:25px}.process li{display:grid;grid-template-columns:30px 1fr;column-gap:15px}.process-number{grid-row:1/3;border:0;padding:2px 0 0}.process h3{margin:0}.process p{margin-top:7px;grid-column:2}.contact-intro h2{font-size:45px}.email-address{font-size:17px}.discord-name{font-size:21px}.copy-button{padding:10px 12px;gap:14px}.footer{padding:23px 0 26px}.lightbox-toolbar{padding:9px 10px}.lightbox-bottom{gap:12px}.lightbox-bottom h2{font-size:12px}.lightbox-controls{gap:5px}.arrow-button{width:34px}}
@media(hover:none){.art-open{opacity:1;transform:none;background:#151816b8}.art-card:hover img{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* identity.css */
/* Identity, three-theme palette, and the requested gallery/contact composition. */
:root,:root[data-theme=discord]{--bg:#0f121f;--text:#f2ecf3;--muted:#d1c0d2;--line:#684361;--surface:#3d2b43;--surface-hover:#54334e;--accent:#efb5d2;--on-accent:#2c1628;--page-gradient:linear-gradient(180deg,#0f121f 0%,#2b172e 44%,#64204a 100%);--radius:12px;color-scheme:dark}
:root[data-theme=dark]{--bg:#111218;--text:#f2f2f6;--muted:#b7bac6;--line:#343641;--surface:#1d1f28;--surface-hover:#292c37;--accent:#e0e2eb;--on-accent:#15161d;--page-gradient:none;color-scheme:dark}
:root[data-theme=white]{--bg:#fafbfc;--text:#171923;--muted:#5f6372;--line:#dce0e8;--surface:#eef0f5;--surface-hover:#e2e6ef;--accent:#292d3d;--on-accent:#fff;--page-gradient:none;color-scheme:light}
body{min-height:100vh;background-color:var(--bg);background-image:var(--page-gradient);background-attachment:fixed;padding-bottom:65px}
html::-webkit-scrollbar{width:8px;height:8px}html::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}html::-webkit-scrollbar-track{background:var(--bg)}.intro-pending body{overflow:hidden}
.site-shell{max-width:1440px;padding-inline:40px;opacity:1;transform:none;transition:opacity .34s ease,transform .34s ease}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.profile-contact{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;padding:42px 0 48px;align-items:center}.profile-emblem{width:205px;height:205px;display:grid;place-items:center;border-radius:50%;background:var(--surface);border:1px solid var(--line)}.profile-emblem .brand-logo{width:153px;height:125px;color:var(--text)}.profile-contact .contact-intro h2{font-size:25px;line-height:1.25;font-weight:400;letter-spacing:-.5px;margin:0 0 12px}.profile-contact .contact-intro h3{font-size:30px;font-weight:500;letter-spacing:-.8px;line-height:1.25}.profile-contact .contact-intro>p{max-width:800px;font-size:14px;line-height:1.8;margin:15px 0 18px;color:var(--muted)}.profile-links{display:flex;gap:12px;flex-wrap:wrap}.profile-social{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:7px;background:var(--surface);padding:11px 15px;font-size:12px;line-height:1.3}.profile-social:hover{background:var(--surface-hover)}.profile-social svg{width:21px;height:21px;flex-shrink:0}.profile-social>span{display:block}.profile-social .discord-name{font-size:11px;font-weight:400;color:var(--muted);letter-spacing:0;display:block;margin-top:2px}.profile-social.email-link{position:static;border:1px solid var(--line);padding:11px 15px}.profile-contact .brief-button{font-size:12px;margin-top:12px;gap:25px}.copy-status{min-height:15px;margin-top:7px}.footer-brand{gap:10px}.footer-brand .brand-logo{width:35px;height:29px}.footer .replay-intro{font-size:11px;color:var(--muted)}.floating-contact{position:fixed;z-index:30;right:32px;bottom:24px;min-width:220px;min-height:60px;justify-content:center;gap:24px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:7px;background:var(--surface);color:var(--text);box-shadow:0 7px 24px #00000020;font-size:14px}.floating-contact:hover{background:var(--surface-hover)}
.startup-screen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:var(--bg);color:var(--text);opacity:1;pointer-events:auto}
.startup-logo{position:relative;width:clamp(120px,14vw,190px);aspect-ratio:2870/2338}
.startup-drawing{display:block;width:100%;height:100%;overflow:visible;color:inherit}
.startup-outline-window{clip-path:inset(0 100% 0 0);opacity:1}
.startup-solid{opacity:0}
.is-running .startup-outline-window{animation:logo-trace .86s cubic-bezier(.35,0,.2,1) .03s both,logo-outline-retire .18s ease .94s forwards}
.is-running .startup-solid{animation:logo-fill .28s ease .74s both}
.startup-screen.is-leaving{animation:logo-to-page .32s cubic-bezier(.3,0,.25,1) forwards;pointer-events:none}
.intro-pending .site-shell{opacity:0;transform:translateY(7px);animation:intro-content-safety 0s 2s forwards}.intro-pending .floating-contact{visibility:hidden}.intro-pending .startup-screen{animation:intro-overlay-safety 0s 2s forwards}
@keyframes logo-trace{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes logo-fill{from{opacity:0}to{opacity:1}}@keyframes logo-outline-retire{from{opacity:1}to{opacity:0}}@keyframes logo-to-page{to{opacity:0;visibility:hidden}}@keyframes intro-content-safety{to{opacity:1;transform:none}}@keyframes intro-overlay-safety{to{opacity:0;visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.startup-screen,.replay-intro{display:none!important}.intro-pending .site-shell{opacity:1;transform:none}.site-shell{transition:none}.intro-pending .floating-contact{visibility:visible}}


/* layout.css */
/* Zaikon identity, centered introduction, and artwork revealed on scroll. */
:root{font-family:Arial,Helvetica,sans-serif;--cta-glow-a:#e9a2cd;--cta-glow-b:#aa9be8;--hero-primary-glow:#efa8d2;--hero-secondary-glow:#ab98ef}
:root[data-theme=white]{--hero-primary-glow:#bf5b94;--hero-secondary-glow:#8062c9}
:root[data-theme=white],:root[data-theme=dark]{--cta-glow-a:var(--accent);--cta-glow-b:var(--muted)}
em{font-family:inherit;font-style:normal;font-weight:inherit;letter-spacing:inherit}
.brand-logo{display:block;flex-shrink:0;width:58px;height:48px;background:currentColor;-webkit-mask:url('assets/logo.png') center/contain no-repeat;mask:url('assets/logo.png') center/contain no-repeat}
.action-icon,.theme-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.button,.secondary-button{border-radius:999px;gap:11px;padding:14px 22px;font-size:14px;font-weight:700}
.header{display:grid;grid-template-columns:auto minmax(0,640px) auto;justify-content:space-between;min-height:100px;max-width:none;margin:0;padding:0;gap:32px;border:0;border-radius:0;background:transparent;box-shadow:none}
.wordmark{gap:12px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.wordmark:hover{box-shadow:none}
.wordmark .brand-logo{width:52px;height:44px}
.brand-type{display:block;flex-shrink:0;font-family:Arial,Helvetica,sans-serif;font-size:24px;line-height:1.1;font-weight:700;letter-spacing:-.65px}
.wordmark .brand-type{font-size:24px}
.footer-brand .brand-type{font-size:27px}
.desktop-nav{width:auto;max-width:none;gap:10px;margin:0;padding:0;border:0;background:transparent}
.desktop-nav .nav-icon,.theme-picker summary,.theme-options button{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:var(--muted);background:transparent;border:0;cursor:pointer;transition:background .2s,color .2s}
.desktop-nav .nav-icon{width:40px;flex:none;height:40px;border:0;border-radius:50%;background:transparent}
.desktop-nav .nav-icon:hover,.theme-picker summary:hover,.theme-options button:hover{color:var(--text);background:var(--surface)}
.desktop-nav .action-icon,.theme-picker .action-icon{width:22px;height:22px}
.header-actions{gap:18px;justify-self:end}
.header-project{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:58px;padding:6px 8px 6px 22px;border:0;border-radius:999px;background:var(--surface);color:var(--muted);font-size:15px;text-align:left;cursor:pointer;transition:background .2s}
.header-project:hover{background:var(--surface-hover)}
.header-project>span b{font-weight:700;color:var(--text)}
.header-project strong{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:10px;padding:10px 15px;border:1px solid transparent;border-radius:999px;color:var(--text);font-size:14px;line-height:1.3;white-space:nowrap;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 85%,transparent),color-mix(in srgb,var(--bg) 75%,transparent)) padding-box,linear-gradient(115deg,color-mix(in srgb,var(--cta-glow-a) 78%,transparent),color-mix(in srgb,var(--text) 18%,transparent),color-mix(in srgb,var(--cta-glow-b) 78%,transparent)) border-box;backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);box-shadow:inset 0 1px 0 #ffffff26,0 0 15px color-mix(in srgb,var(--cta-glow-a) 22%,transparent),0 0 30px color-mix(in srgb,var(--cta-glow-b) 18%,transparent);transition:box-shadow .25s,transform .25s}
.header-project strong::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(125deg,transparent 15%,#ffffff14 43%,transparent 70%);pointer-events:none;z-index:0}
.header-project strong>span,.header-project strong>.action-icon{position:relative;z-index:1}
.header-project strong{overflow:hidden}
.header-project:hover strong,.header-project:focus-visible strong{transform:translateY(-1px);box-shadow:inset 0 1px 0 #ffffff33,0 0 19px color-mix(in srgb,var(--cta-glow-a) 34%,transparent),0 0 36px color-mix(in srgb,var(--cta-glow-b) 28%,transparent)}
.header-project strong:hover,.header-project:focus-visible strong{animation:project-glow-pulse 2.2s ease-in-out infinite}
.header-project strong:hover::before,.header-project:focus-visible strong::before{background:linear-gradient(125deg,transparent 20%,#ffffff3d 48%,transparent 76%);animation:project-glass-sweep 1.05s ease-out both}
.header-project strong .action-icon{transition:transform .25s}
.header-project:hover strong .action-icon{transform:translateX(2px)}
@keyframes project-glow-pulse{0%,100%{box-shadow:inset 0 1px 0 #ffffff33,0 0 19px color-mix(in srgb,var(--cta-glow-a) 34%,transparent),0 0 36px color-mix(in srgb,var(--cta-glow-b) 28%,transparent)}50%{box-shadow:inset 0 1px 0 #ffffff40,0 0 29px color-mix(in srgb,var(--cta-glow-a) 55%,transparent),0 0 48px color-mix(in srgb,var(--cta-glow-b) 42%,transparent)}}
@keyframes project-glass-sweep{0%{transform:translateX(-115%);opacity:0}20%{opacity:1}100%{transform:translateX(115%);opacity:0}}
.header-project .action-icon{width:18px;height:18px}
.theme-picker{position:relative;z-index:50}
.theme-picker summary{width:42px;height:42px;list-style:none;border:0;background:transparent;color:var(--text)}
.theme-picker summary::-webkit-details-marker{display:none}
.theme-current{display:none}
:root[data-theme=discord] .theme-discord,:root[data-theme=white] .theme-white,:root[data-theme=dark] .theme-dark{display:block}
.theme-options{position:absolute;right:0;top:calc(100% + 10px);display:flex;gap:4px;padding:6px;border:1px solid var(--line);border-radius:999px;background:var(--bg);box-shadow:0 8px 30px #00000020}
.theme-options button[aria-pressed=true]{background:var(--surface);color:var(--accent);box-shadow:inset 0 0 0 1px var(--line)}
[data-tooltip]{position:relative}
[data-tooltip]::after{content:attr(data-tooltip);position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,-3px);padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font:11px/1.3 Arial,sans-serif;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,transform .15s;z-index:60}
[data-tooltip]:hover::after,[data-tooltip]:focus-visible::after{opacity:1;visibility:visible;transform:translate(-50%,0)}
.theme-picker[open]>summary::after{display:none}
.hero{position:relative;display:flex;justify-content:center;align-items:center;min-height:calc(100svh - 100px);padding:48px 0 94px;text-align:center;gap:0}
.hero-main{min-width:0;width:100%}
.hero h1{font-size:clamp(48px,5.65vw,80px);line-height:1.025;font-weight:700;letter-spacing:-.055em;margin:0}
.hero-line{display:block;white-space:nowrap}
.hero-logo-tile{display:inline-flex;align-items:center;justify-content:center;vertical-align:-.05em;width:.89em;height:.89em;margin-inline:.025em;border-radius:.24em;background:var(--surface);border:1px solid var(--line);box-shadow:inset 0 1px 0 #ffffff15,0 5px 18px #00000010}
.hero-logo-tile .brand-logo{width:.65em;height:.54em;color:var(--text)}
.hero-description{font-size:clamp(16px,1.5vw,21px);line-height:1.45;color:var(--muted);margin:30px auto 0;letter-spacing:-.025em}
.hero-motto strong{color:var(--text);font-weight:700}
.hero-actions{display:flex;justify-content:center;gap:14px;align-items:center;margin-top:32px}
.hero-actions .button{--hero-face:var(--accent);--hero-glow:var(--hero-primary-glow)}
.hero-actions .secondary-button{--hero-face:var(--surface);--hero-glow:var(--hero-secondary-glow)}
.hero-actions .button,.hero-actions .secondary-button{position:relative;isolation:isolate;overflow:hidden;min-height:56px;padding:17px 28px;border:0;font-size:15px;background:color-mix(in srgb,var(--hero-glow) 72%,var(--hero-face));box-shadow:0 0 17px color-mix(in srgb,var(--hero-glow) 18%,transparent);transition:box-shadow .25s}
.hero-actions a::before{content:"";position:absolute;left:50%;top:50%;width:240%;aspect-ratio:1;background:conic-gradient(transparent 0deg 245deg,var(--hero-glow) 295deg,color-mix(in srgb,var(--hero-glow) 25%,white) 328deg,transparent 360deg);transform:translate(-50%,-50%) rotate(0deg);opacity:.7;pointer-events:none;z-index:-2}
.hero-actions a::after{content:"";position:absolute;inset:2px;border-radius:inherit;background:var(--hero-face);pointer-events:none;z-index:-1}
.hero-actions a:hover,.hero-actions a:focus-visible{box-shadow:0 0 24px color-mix(in srgb,var(--hero-glow) 36%,transparent)}
.hero-actions a:hover::before,.hero-actions a:focus-visible::before{opacity:1;animation:hero-outline-travel 2.8s linear infinite}
@keyframes hero-outline-travel{to{transform:translate(-50%,-50%) rotate(360deg)}}
.hero-actions .action-icon{width:21px;height:21px}
.scroll-cue{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px;white-space:nowrap}
.scroll-cue .action-icon{width:15px;height:15px;transition:transform .2s}
.scroll-cue:hover .action-icon{transform:translateY(3px)}
.work-section{position:relative;scroll-margin-top:32px;padding-top:48px}
.gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 0 14px}
.gallery-heading h2{font-size:24px;font-weight:700;letter-spacing:-.75px}
.work-tools{position:relative;display:flex;justify-content:flex-end;align-items:center;gap:18px;margin:0;min-height:0}
.work-count{font-size:11px}
.gallery{gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}
.art-placeholder,.art-card{border-radius:12px}
.gallery-bottom{padding-top:18px;min-height:62px;justify-content:center;align-items:center}
.load-more{margin-inline:auto;background:var(--surface);padding:13px 25px;min-width:150px}
.draft-note{margin-right:auto;font-size:11px}
.preview-tools{border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 50%,transparent);margin:0 0 14px}
.preview-tools summary{display:flex;align-items:center;gap:10px;list-style:none;padding:10px 16px;font-size:12px;color:var(--muted)}
.preview-tools summary::-webkit-details-marker{display:none}
.preview-tools summary .preview-chevron{float:none;margin-left:auto;font-size:17px;line-height:1}
.preview-tools[open] .preview-chevron{transform:rotate(180deg)}
.preview-panel{padding:4px 16px 16px}
.preview-panel>div>p{font-size:13px}
.file-label{padding:12px 18px}
.approach-section{grid-template-columns:39% minmax(0,1fr);gap:70px;margin-top:67px;padding:49px 0 65px}
.approach-intro{display:block}
.approach-intro h2{font-size:clamp(32px,3.5vw,48px);line-height:1.05;font-weight:700;letter-spacing:-1.9px;margin-top:18px}
.approach-intro>p{font-size:14px;line-height:1.8;margin-top:24px;max-width:360px}
.process{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line);padding:0;margin:0}
.process li{display:grid;grid-template-columns:45px minmax(0,1fr);gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}
.process-number{border:0;grid-row:auto;font-size:13px;line-height:1.5;padding:3px 0 0;color:var(--accent)}
.process h3{font-size:20px;font-weight:700;letter-spacing:-.6px;line-height:1.35;margin:0}
.process p{font-size:14px;line-height:1.8;margin-top:9px;max-width:450px}
.profile-contact{display:grid;grid-template-columns:37% 44%;justify-content:space-between;gap:0;align-items:center;padding:54px 0 70px}
.profile-emblem{position:relative;width:100%;height:auto;aspect-ratio:1;border-radius:12px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;padding:25px;overflow:hidden}
.profile-emblem .brand-logo{width:69%;height:auto;aspect-ratio:2870/2338;color:var(--text)}
.emblem-label{position:absolute;left:26px;top:24px;font-size:16px;letter-spacing:-.6px;font-weight:700}
.emblem-caption{position:absolute;left:26px;right:26px;bottom:25px;padding-top:16px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.profile-contact .contact-intro h2{font-size:24px;line-height:1.25;font-weight:400;letter-spacing:-.5px;color:var(--accent);margin:0 0 18px}
.profile-contact .contact-intro h3{font-size:clamp(26px,2.5vw,36px);font-weight:700;letter-spacing:-1.1px;line-height:1.1}
.profile-contact .contact-intro>p{font-size:15px;line-height:1.65;margin:20px 0 22px;color:var(--muted)}
.profile-contact .contact-intro>.copy-status{font-size:11px;min-height:0;margin:8px 0 0}
.profile-contact .contact-intro>.copy-status:empty{display:none}
.profile-links{display:flex;gap:10px;flex-wrap:wrap}
.profile-social,.profile-social.email-link{position:static;display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:999px;background:var(--surface);padding:11px 15px;font-size:12px;line-height:1.3}
.profile-social:hover{background:var(--surface-hover)}
.profile-social svg{width:19px;height:19px;flex-shrink:0}
.profile-social>span{display:inline-flex;align-items:center;gap:6px}
.profile-social .discord-name{display:inline;font-size:12px;letter-spacing:0;font-weight:400;color:var(--accent);margin:0}
.profile-contact .brief-button{display:inline-flex;align-items:center;gap:16px;font-size:12px;margin-top:17px;padding:7px 0}
.profile-contact .brief-button .action-icon{width:15px;height:15px}
.copy-status{font-size:11px;min-height:16px;margin-top:6px}
.footer{display:block;padding:32px 0 22px;border-top:1px solid var(--line);font-size:11px}
.footer-main{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:29px}
.footer-brand{gap:13px;font-size:30px;letter-spacing:-1.5px;color:var(--text)}
.footer-brand .brand-logo{width:49px;height:40px}
.footer-main nav{display:flex;gap:29px;font-size:13px}
.footer-main nav a:hover{color:var(--text)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);padding-top:18px}
.footer-actions{display:flex;align-items:center;gap:28px}
.footer .replay-intro{margin:0;font-size:11px;color:var(--muted)}
.footer .back-top{font-size:11px;gap:14px;flex-basis:auto}
.floating-contact{position:fixed;z-index:30;right:32px;bottom:24px;min-width:220px;min-height:55px;justify-content:center;gap:24px;border:1px solid transparent;border-radius:999px;background:var(--accent);color:var(--on-accent);box-shadow:0 7px 24px #00000020;font-size:13px}
.floating-contact:hover{background:color-mix(in srgb,var(--accent) 87%,var(--bg))}
@media(max-width:1023px){
  .header-project>span{font-size:13px;line-height:1.35}.header-project strong>span{display:none}
  .site-shell{padding-inline:20px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero h1{font-size:clamp(44px,6.2vw,64px)}.hero-description{font-size:18px}
  .approach-section{grid-template-columns:34% minmax(0,1fr);gap:45px}.approach-intro h2{font-size:36px}.process li{grid-template-columns:30px minmax(0,1fr);gap:18px}.process p{font-size:13px}
  .profile-contact{grid-template-columns:35% 57%;padding:42px 0 55px}.profile-contact .contact-intro h3{font-size:28px}.profile-contact .contact-intro>p{font-size:14px}
  .floating-contact{right:22px;bottom:22px}
}
@media(max-width:700px){
  .header{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:44px 50px;min-height:140px;margin:0;padding:18px 0 16px;gap:12px 16px;border-radius:0}.wordmark{justify-self:start;gap:10px;padding:0}.wordmark .brand-logo{width:40px;height:34px}.wordmark .brand-type{font-size:22px}.header-project{grid-column:1/-1;grid-row:2;height:50px;padding-inline:16px;justify-content:space-between;font-size:12px}.header-project>span{display:block}.header-project strong{font-size:12px;gap:7px}.header-project .action-icon{width:16px;height:16px}.desktop-nav{display:none}.menu-button{display:grid;width:44px;height:44px;border:0}.header-actions{grid-column:2;grid-row:1;gap:10px}.theme-picker summary{width:44px;height:44px}.theme-picker .action-icon{width:21px;height:21px}
  .hero{display:flex;min-height:calc(100svh - 140px);padding:38px 0 110px}.hero h1{font-size:clamp(30px,8.9vw,56px)}.hero-description{font-size:16px;margin-top:25px}.hero-actions{margin-top:28px;gap:12px}.hero-actions .button,.hero-actions .secondary-button{min-height:52px;padding:15px 20px;font-size:13px}
  .approach-section{grid-template-columns:1fr;gap:28px;padding:35px 0 44px}.approach-intro h2{font-size:38px}.approach-intro>p{margin-top:20px}.process p{font-size:14px}
  .profile-contact{grid-template-columns:1fr;gap:32px}.profile-emblem{max-width:420px}.profile-contact .contact-intro h3{font-size:30px}.profile-contact .contact-intro>p{max-width:620px;font-size:15px}
  .footer-brand{font-size:25px}.footer-brand .brand-logo{width:40px;height:33px}.footer-main nav{gap:20px;font-size:12px}.footer-bottom{align-items:flex-start}.footer-actions{gap:20px}
  .floating-contact{right:16px;bottom:16px;min-width:185px;min-height:49px;font-size:12px}
}
@media(max-width:639px){
  .site-shell{padding-inline:16px}.gallery{grid-template-columns:1fr}.gallery-heading{padding-bottom:16px}.gallery-heading h2{font-size:18px}.work-tools{gap:12px}.work-count{font-size:10px}
  .hero h1{letter-spacing:-.055em}.hero-description{max-width:340px;font-size:15px;line-height:1.5}.work-section{padding-top:32px}.gallery-heading h2{font-size:22px}
  .preview-tools summary{font-size:11px;padding:12px}.preview-panel{padding:0 12px 14px}.preview-panel p{font-size:12px}
  .approach-section{margin-top:43px}.approach-intro h2{font-size:36px}.process li{padding:23px 0}.process h3{font-size:19px}
  .profile-contact{padding:35px 0 46px}.profile-emblem{max-width:none}.emblem-label{font-size:15px;left:22px;top:21px}.emblem-caption{left:22px;right:22px;bottom:21px}.profile-contact .contact-intro h2{font-size:23px}.profile-contact .contact-intro h3{font-size:30px}
  .footer{padding-top:27px}.footer-main{align-items:flex-start;gap:25px;flex-direction:column}.footer-main nav{gap:28px}.footer-bottom{flex-direction:column;gap:17px}.footer-actions{justify-content:space-between;width:100%}.footer .back-top{flex-basis:auto}.footer .replay-intro{margin:0}
}
@media(max-width:380px){.header{gap:12px}.wordmark{gap:7px}.wordmark .brand-logo{width:30px;height:26px}.wordmark .brand-type{font-size:18px}}
@media(max-width:360px){.header{gap:12px}.hero h1{font-size:28px}.hero-actions{flex-direction:column;gap:12px}.hero-actions .button,.hero-actions .secondary-button{width:220px;max-width:100%;padding:15px 20px;font-size:13px}.hero-description{font-size:14px}.profile-contact .contact-intro h3{font-size:27px}}
.motion-ready .scroll-reveal{opacity:0;transform:translateY(26px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .scroll-reveal.is-visible,.motion-ready .scroll-reveal:focus-within{opacity:1;transform:none}
.floating-contact{opacity:0;transform:translateY(14px);pointer-events:none;visibility:hidden}
.motion-ready .floating-contact{transition:opacity .3s,transform .3s,visibility .3s}
.past-intro .floating-contact{opacity:1;transform:none;pointer-events:auto;visibility:visible}
@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1!important;transform:none!important}}

/* creators.css */
.creator-proof{display:flex;align-items:center;justify-content:center;gap:20px;margin:34px auto 0;padding-top:8px;position:relative;max-width:100%}
.creator-stack{display:flex;align-items:center;isolation:isolate;min-height:60px;padding:7px 8px}
.creator-avatar{position:relative;display:block;flex:0 0 58px;width:58px;height:58px;padding:0;margin-left:-15px;border:3px solid var(--bg);border-radius:50%;background:var(--surface);box-shadow:0 4px 12px #00000026;transform:translateY(calc((var(--fan) * var(--fan) - 4) * 1.7px)) rotate(calc(var(--fan) * 4deg));transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s;cursor:pointer}
.creator-avatar:first-child{margin-left:0}
.creator-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;pointer-events:none}
.creator-avatar:hover,.creator-avatar:focus-visible,.creator-avatar.is-active{transform:translateY(-12px) rotate(0) scale(1.12);z-index:10;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--cta-glow-b) 65%,transparent),0 0 24px color-mix(in srgb,var(--accent) 32%,transparent)}
.creator-copy{text-align:left;white-space:nowrap;line-height:1.5}
.creator-copy strong{display:block;font-size:12px;font-weight:700;letter-spacing:-.1px;color:var(--text)}
.creator-copy span{display:block;font-size:11px;color:var(--muted)}
.creator-copy .creator-touch-hint{display:none}
.creator-card{position:fixed;z-index:100;box-sizing:border-box;width:300px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:18px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--bg) 95%,transparent));color:var(--text);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 18px 60px #00000040,0 0 26px color-mix(in srgb,var(--cta-glow-b) 17%,transparent),inset 0 1px 0 #ffffff0d;text-align:left;animation:creator-card-enter .22s ease-out}
.creator-card-profile{display:flex;align-items:center;gap:13px;padding-right:9px}
.creator-card-profile>img{width:72px;height:72px;object-fit:contain;flex-shrink:0;border-radius:17px;border:1px solid var(--line);background:var(--bg)}
.creator-card h3{font-size:19px;line-height:1.2;letter-spacing:-.5px;margin:0}
.creator-subs{font-size:11px;margin-top:8px;color:var(--muted)}
.creator-subs strong{font-size:13px;font-weight:700;color:var(--text)}
.creator-card-close{position:absolute;right:8px;top:8px;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:var(--muted)}
.creator-card-close:hover{background:var(--surface-hover);color:var(--text)}
.creator-card-close .action-icon{width:16px;height:16px}
.creator-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.creator-view-stat{margin:0;padding:0}
.creator-stat-label{display:block;font-size:10px;color:var(--muted);margin-top:4px}
#creator-view-number{display:block;font-size:32px;line-height:1.1;letter-spacing:-1.2px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent)}
.creator-channel-link{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:1px solid color-mix(in srgb,#ff375e 22%,var(--line));border-radius:50%;background:color-mix(in srgb,#ff375e 8%,var(--surface));color:#ff375e}
.creator-channel-link:hover{background:color-mix(in srgb,#ff375e 18%,var(--surface));box-shadow:0 0 17px #ff375e22}
.creator-youtube-icon{width:25px;height:25px;fill:currentColor}.creator-youtube-icon path{fill:var(--bg)}
@keyframes creator-card-enter{from{opacity:0;transform:translateY(7px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:700px){.creator-proof{flex-direction:column;gap:7px;margin-top:26px}.creator-stack{min-height:53px}.creator-copy{text-align:center;white-space:normal;line-height:1.4}.creator-copy strong{display:inline;font-size:11px}.creator-copy .creator-desktop-hint{display:none}.creator-copy .creator-touch-hint{display:inline;font-size:10px}.creator-touch-hint::before{content:' · '}.creator-card{padding:18px;max-width:none}}
@media(max-width:360px){.creator-avatar{width:54px;height:54px;flex-basis:54px;margin-left:-14px}.creator-copy strong{font-size:10px}.creator-copy .creator-touch-hint{font-size:9px}}
@media(prefers-reduced-motion:reduce){.creator-avatar{transition:none}.creator-card{animation:none}}

/* commission.css */
.commission-dialog{width:min(640px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid transparent;border-radius:28px;color:var(--text);background:linear-gradient(140deg,color-mix(in srgb,var(--surface) 56%,transparent),color-mix(in srgb,var(--bg) 67%,transparent)) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--text) 34%,transparent),color-mix(in srgb,var(--text) 5%,transparent) 43%,color-mix(in srgb,var(--accent) 24%,transparent)) border-box;backdrop-filter:blur(30px) saturate(1.35);-webkit-backdrop-filter:blur(30px) saturate(1.35);box-shadow:0 24px 80px #00000035,inset 0 1px 0 #ffffff18;overflow:hidden;font-family:Arial,Helvetica,sans-serif}
.commission-dialog::backdrop{background:color-mix(in srgb,var(--bg) 28%,transparent);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.commission-dialog[open]{animation:cm-enter .24s cubic-bezier(.2,.7,.3,1)}
.commission-dialog .cm-shell{display:flex;flex-direction:column;max-height:calc(100dvh - 34px);position:relative}
.commission-dialog .cm-header{flex-shrink:0;padding:30px 32px 20px}.commission-dialog .cm-kicker{display:flex;align-items:center;justify-content:space-between;padding-right:32px;font-size:10px;letter-spacing:1.4px;line-height:1.5;color:var(--muted)}
.commission-dialog #cm-progress-text{font-size:12px;letter-spacing:.5px;color:var(--text);font-variant-numeric:tabular-nums;transition:color .2s}
.commission-dialog .cm-progress{display:flex;gap:6px;margin:18px 0 24px}.commission-dialog .cm-progress>span{height:3px;flex:1;border-radius:3px;background:var(--line);position:relative;overflow:hidden}.commission-dialog .cm-progress>span:after{content:'';position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.commission-dialog .cm-progress>.is-active:after,.commission-dialog .cm-progress>.is-done:after{transform:scaleX(1)}.commission-dialog .cm-progress>.is-done{opacity:.55}
.commission-dialog h2{font-size:32px;font-weight:700;line-height:1.12;letter-spacing:-1.3px;margin:0;outline:none}.commission-dialog #cm-subtitle{font-size:13px;line-height:1.6;color:var(--muted);margin:10px 0 0}
.commission-dialog .cm-close{position:absolute;right:16px;top:16px;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--muted)}.commission-dialog .cm-close:hover{background:var(--surface);color:var(--text)}
.commission-dialog #commission-form{display:flex;flex-direction:column;min-height:0}.commission-dialog .cm-content{min-height:0;overflow:auto;padding:4px 32px 8px;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overscroll-behavior:contain}.commission-dialog .cm-step{min-width:0;padding:0;margin:0;border:0;display:grid;gap:18px;animation:cm-step .22s ease-out}.commission-dialog .cm-step[hidden]{display:none}
.commission-dialog .cm-icon,.commission-dialog .cm-brand{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.commission-dialog .cm-icon svg,.commission-dialog .cm-brand svg{width:100%;height:100%}.commission-dialog .cm-icon svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.commission-dialog .cm-choices{display:grid;gap:12px}.commission-dialog .cm-choice{display:flex;align-items:center;gap:16px;width:100%;min-height:98px;padding:20px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 45%,var(--bg));color:var(--text);text-align:left;transition:border-color .2s,background .2s,transform .2s}
.commission-dialog .cm-choice>.cm-icon{width:24px;height:24px;color:var(--muted)}.commission-dialog .cm-choice>span:nth-child(2){flex:1;min-width:0}.commission-dialog .cm-choice strong{display:block;font-size:15px;line-height:1.4;font-weight:700;letter-spacing:-.3px}.commission-dialog .cm-choice small{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:4px}.commission-dialog .cm-choice-check{display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--line);border-radius:50%;flex-shrink:0}.commission-dialog .cm-choice-check .cm-icon{width:14px;height:14px;transform:scale(.4);opacity:0;transition:transform .2s,opacity .2s}.commission-dialog .cm-choice:hover{background:var(--surface);border-color:var(--muted);transform:translateY(-1px)}.commission-dialog .cm-choice[aria-checked=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--bg));transform:none}.commission-dialog .cm-choice[aria-checked=true]>.cm-icon{color:var(--accent)}.commission-dialog .cm-choice[aria-checked=true] .cm-choice-check{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.commission-dialog .cm-choice[aria-checked=true] .cm-choice-check .cm-icon{opacity:1;transform:scale(1)}
.commission-dialog .cm-field{display:grid;gap:8px;min-width:0}.commission-dialog .cm-field>span:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:700;line-height:1.5}.commission-dialog .cm-field small{font-size:10px;font-weight:400;color:var(--muted)}
.commission-dialog input,.commission-dialog textarea,.commission-dialog select{display:block;width:100%;min-width:0;font:inherit;font-size:14px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;line-height:1.5;transition:border-color .2s,box-shadow .2s}.commission-dialog textarea{resize:vertical;min-height:72px}.commission-dialog #cm-description{min-height:112px}.commission-dialog input,.commission-dialog select{min-height:48px}.commission-dialog input::placeholder,.commission-dialog textarea::placeholder{color:var(--muted);opacity:.85}.commission-dialog input:focus,.commission-dialog select:focus,.commission-dialog textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.commission-dialog [aria-invalid=true]{border-color:var(--accent)}
.commission-dialog .cm-input-icon{position:relative;min-width:0}.commission-dialog .cm-input-icon>.cm-icon:first-child,.commission-dialog .cm-input-icon>.cm-brand{position:absolute;z-index:1;left:14px;top:14px;color:var(--muted);pointer-events:none}.commission-dialog .cm-input-icon>input,.commission-dialog .cm-input-icon>select,.commission-dialog .cm-input-icon>textarea{padding-left:44px}.commission-dialog select{appearance:none;padding-right:44px}.commission-dialog .cm-input-icon>.cm-icon:last-child:not(:first-child){position:absolute;right:14px;top:14px;pointer-events:none;color:var(--muted)}.commission-dialog .cm-textarea-icon>.cm-icon{top:14px}
.commission-dialog .cm-upload{display:flex;align-items:center;gap:14px;position:relative;overflow:hidden;border:1px dashed var(--line);border-radius:12px;min-height:76px;padding:16px;background:transparent;cursor:pointer}.commission-dialog .cm-upload:hover{border-color:var(--muted);background:var(--surface)}.commission-dialog .cm-upload>.cm-icon{color:var(--muted)}.commission-dialog .cm-upload strong{font-size:12px;font-weight:400;display:block}.commission-dialog .cm-upload small{display:block;margin-top:3px;font-size:10px}.commission-dialog .cm-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.commission-dialog .cm-upload:focus-within{outline:2px solid var(--accent);outline-offset:3px}
.commission-dialog .cm-files{list-style:none;margin:0;padding:0;display:grid;gap:6px}.commission-dialog .cm-files:empty{display:none}.commission-dialog .cm-files li{display:flex;align-items:center;gap:8px;background:var(--surface);border-radius:8px;padding:4px 8px 4px 12px;font-size:11px;color:var(--muted)}.commission-dialog .cm-files li>span{flex:1;min-width:0;overflow-wrap:anywhere}.commission-dialog .cm-files button{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;padding:7px;background:transparent;border:0;color:var(--muted)}.commission-dialog .cm-files button svg{width:16px;height:16px}
.commission-dialog .cm-actions{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px 32px 26px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--bg) 22%,transparent))}.commission-dialog .cm-back,.commission-dialog .cm-next,.commission-dialog .cm-discord-copy,.commission-dialog .cm-portfolio{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 18px;font-size:13px;font-weight:700;border:1px solid transparent;border-radius:12px;line-height:1.5;transition:background .18s,opacity .18s}.commission-dialog .cm-back{border-color:var(--line);background:transparent;color:var(--muted)}.commission-dialog .cm-back:hover{background:var(--surface);color:var(--text)}.commission-dialog .cm-next{margin-left:auto;min-width:148px;background:var(--accent);color:var(--on-accent)}.commission-dialog .cm-next:hover{background:color-mix(in srgb,var(--accent) 88%,var(--text))}.commission-dialog button:disabled{cursor:default;opacity:.45}.commission-dialog .cm-next .cm-icon{width:17px;height:17px}.commission-dialog .is-sending .cm-icon{animation:cm-pulse 1s ease-in-out infinite}
.commission-dialog .cm-field-error,.commission-dialog .cm-submit-error{font-size:11px;font-weight:400;line-height:1.5;color:var(--accent);overflow-wrap:anywhere}.commission-dialog .cm-field-error:empty,.commission-dialog .cm-submit-error:empty{display:none}.commission-dialog .cm-submit-error{margin:14px 0 0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.commission-dialog .cm-summary{font-size:11px;color:var(--muted);padding-bottom:14px;border-bottom:1px solid var(--line)}.commission-dialog .cm-privacy{font-size:10px;color:var(--muted);line-height:1.6}.commission-dialog .cm-availability{font-size:12px;color:var(--muted);line-height:1.6;padding:12px;border:1px solid var(--line);border-radius:10px}.commission-dialog .cm-availability:empty{display:none}.commission-dialog .cm-availability a{text-decoration:underline;text-underline-offset:3px;color:var(--text)}.commission-dialog .cm-spam-check:empty{display:none}
.commission-dialog .cm-success{overflow:auto;padding:38px 32px 28px;text-align:center}.commission-dialog .cm-success-mark{display:grid;place-items:center;width:54px;height:54px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:50%;color:var(--accent);margin:0 auto 20px;background:color-mix(in srgb,var(--accent) 8%,var(--bg))}.commission-dialog .cm-success-mark>.cm-icon{width:26px;height:26px}.commission-dialog .cm-success-mark path{stroke-dasharray:30;stroke-dashoffset:30;animation:cm-check .5s .1s ease-out forwards}.commission-dialog .cm-success h2{max-width:380px;margin:auto;font-size:30px}.commission-dialog .cm-success>p{max-width:430px;margin:14px auto 24px;font-size:13px;color:var(--muted);line-height:1.7}.commission-dialog .cm-discord-connect{padding:24px;border:1px solid var(--line);background:var(--surface);border-radius:18px}.commission-dialog .cm-discord-large{width:42px;height:42px;color:var(--accent);margin-bottom:12px}.commission-dialog .cm-discord-connect h3{font-size:19px;font-weight:700;letter-spacing:-.5px;margin:0}.commission-dialog .cm-discord-connect p{max-width:390px;margin:10px auto 0;font-size:12px;line-height:1.7;color:var(--muted)}.commission-dialog .cm-discord-username{display:block;font-size:15px;margin:18px 0 14px;overflow-wrap:anywhere}.commission-dialog .cm-discord-copy{background:var(--accent);color:var(--on-accent);width:100%}.commission-dialog .cm-discord-copy>.cm-icon{width:16px;height:16px}.commission-dialog .cm-discord-open{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:40px;font-size:11px;color:var(--muted);margin-top:8px}.commission-dialog .cm-discord-open .cm-icon{width:15px;height:15px}.commission-dialog .cm-discord-open:hover{color:var(--text)}.commission-dialog .cm-portfolio{background:transparent;color:var(--muted);margin-top:18px}.commission-dialog .cm-portfolio:hover{color:var(--text)}.commission-dialog .cm-copy-status:empty{display:none}
.commission-dialog .cm-sr-only,.commission-dialog .cm-honeypot{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes cm-enter{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}@keyframes cm-step{from{opacity:0;transform:translateX(7px)}to{opacity:1;transform:none}}@keyframes cm-check{to{stroke-dashoffset:0}}@keyframes cm-pulse{50%{opacity:.4}}
@media(max-width:600px){.commission-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:20px}.commission-dialog .cm-shell{max-height:calc(100dvh - 26px)}.commission-dialog .cm-header{padding:26px 22px 18px}.commission-dialog .cm-content{padding:4px 22px 8px}.commission-dialog .cm-actions{padding:18px 22px 22px}.commission-dialog h2{font-size:27px;letter-spacing:-1.1px}.commission-dialog #cm-subtitle{font-size:12px}.commission-dialog .cm-choice{padding:16px;gap:12px;min-height:100px}.commission-dialog .cm-choice strong{font-size:14px}.commission-dialog .cm-choice small{font-size:11px}.commission-dialog .cm-choice>.cm-icon{width:22px;height:22px}.commission-dialog .cm-choice-check{width:20px;height:20px}.commission-dialog .cm-kicker{font-size:9px;letter-spacing:1px}.commission-dialog .cm-progress{margin:16px 0 20px}.commission-dialog input,.commission-dialog textarea,.commission-dialog select{font-size:16px}.commission-dialog .cm-next{min-width:135px}.commission-dialog .cm-success{padding:34px 22px 20px}.commission-dialog .cm-success h2{font-size:27px}.commission-dialog .cm-discord-connect{padding:20px 16px}.commission-dialog .cm-upload{padding:12px;gap:10px}.commission-dialog .cm-upload small{font-size:9px}.commission-dialog .cm-close{right:10px;top:10px}}
@media(prefers-reduced-motion:reduce){.commission-dialog[open],.commission-dialog .cm-step,.commission-dialog .is-sending .cm-icon{animation:none}.commission-dialog *,.commission-dialog *:after{transition:none!important}.commission-dialog .cm-choice:hover{transform:none}.commission-dialog .cm-success-mark path{animation:none;stroke-dashoffset:0}}

/* Frosted surfaces are local to the commission experience. */
.commission-dialog .cm-choice{background:linear-gradient(125deg,color-mix(in srgb,var(--text) 7%,transparent),color-mix(in srgb,var(--text) 2%,transparent));border-color:color-mix(in srgb,var(--text) 17%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 6%,transparent);border-radius:18px}
.commission-dialog .cm-choice>.cm-icon{width:44px;height:44px;padding:11px;border:1px solid color-mix(in srgb,var(--text) 13%,transparent);border-radius:14px;color:var(--text);background:linear-gradient(145deg,color-mix(in srgb,var(--text) 8%,transparent),color-mix(in srgb,var(--text) 2%,transparent));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 9%,transparent)}
.commission-dialog .cm-choice:hover{background:linear-gradient(125deg,color-mix(in srgb,var(--text) 10%,transparent),color-mix(in srgb,var(--text) 4%,transparent));border-color:color-mix(in srgb,var(--text) 30%,transparent)}
.commission-dialog .cm-choice[aria-checked=true]{background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 14%,transparent),color-mix(in srgb,var(--accent) 5%,transparent));border-color:color-mix(in srgb,var(--accent) 68%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--accent) 13%,transparent)}
.commission-dialog .cm-choice[aria-checked=true]>.cm-icon{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 32%,transparent)}
.commission-dialog input,.commission-dialog textarea,.commission-dialog select{background:color-mix(in srgb,var(--bg) 32%,transparent);border-color:color-mix(in srgb,var(--text) 15%,transparent);box-shadow:inset 0 1px 3px #00000009}
.commission-dialog .cm-next,.commission-dialog .cm-welcome-work{color:var(--text);border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 29%,transparent),color-mix(in srgb,var(--accent) 12%,transparent));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 17%,transparent),0 4px 14px #0000000d}
.commission-dialog .cm-next:hover,.commission-dialog .cm-welcome-work:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 38%,transparent),color-mix(in srgb,var(--accent) 19%,transparent))}
.commission-dialog .cm-back,.commission-dialog .cm-welcome-skip{background:color-mix(in srgb,var(--text) 4%,transparent);border-color:color-mix(in srgb,var(--text) 15%,transparent);color:var(--text);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 5%,transparent)}
.commission-dialog .cm-back:hover,.commission-dialog .cm-welcome-skip:hover{background:color-mix(in srgb,var(--text) 8%,transparent)}
.commission-dialog .cm-close{z-index:2;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);background:color-mix(in srgb,var(--text) 3%,transparent)}
.commission-dialog .cm-upload:hover,.commission-dialog .cm-files li,.commission-dialog .cm-submit-error,.commission-dialog .cm-discord-connect{background:color-mix(in srgb,var(--text) 5%,transparent)}
.commission-dialog .cm-welcome{padding:30px 32px 28px;overflow:auto;animation:cm-step .24s ease-out}
.commission-dialog .cm-welcome-brand{display:flex;align-items:center;gap:8px;padding-right:36px;font-size:17px;letter-spacing:-.7px;font-weight:700}.commission-dialog .cm-welcome-brand img{object-fit:contain;display:block}.commission-dialog .cm-welcome-brand img{filter:none}
:root[data-theme=white] .commission-dialog .cm-welcome-brand img{filter:brightness(.1)}

.commission-dialog .cm-welcome h2{font-size:38px;line-height:1.1;letter-spacing:-1.7px;max-width:460px;margin:24px 0 0;outline:none}.commission-dialog .cm-welcome>p{font-size:14px;line-height:1.7;color:var(--muted);max-width:380px;margin:14px 0 0}
.commission-dialog .cm-welcome-actions{display:grid;grid-template-columns:1.1fr 1fr;gap:12px;margin-top:26px}.commission-dialog .cm-welcome-action{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:13px 15px;border-radius:14px;font-size:13px;font-weight:700;line-height:1.5;transition:background .2s,border-color .2s}.commission-dialog .cm-welcome-action>.cm-icon{width:17px;height:17px}.commission-dialog .cm-welcome-action>.cm-icon:last-child{margin-left:auto}.commission-dialog .cm-welcome-action>span:not(.cm-icon){flex:1;text-align:left}
@media(max-width:600px){.commission-dialog .cm-choice>.cm-icon{width:40px;height:40px;padding:10px;border-radius:13px}.commission-dialog .cm-choice{gap:12px;padding:15px}.commission-dialog .cm-welcome{padding:24px 22px 22px}.commission-dialog .cm-welcome h2{font-size:32px;letter-spacing:-1.3px;margin-top:22px}.commission-dialog .cm-welcome>p{font-size:13px}.commission-dialog .cm-welcome-actions{grid-template-columns:1fr;margin-top:24px;gap:10px}.commission-dialog .cm-welcome-action{min-height:52px;padding:13px 16px}.commission-dialog .cm-welcome-skip>span:not(.cm-icon){text-align:center}.commission-dialog .cm-welcome-skip>.cm-icon:last-child{margin-left:0}}
@media(prefers-reduced-motion:reduce){.commission-dialog .cm-welcome{animation:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.commission-dialog{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 88%,transparent),color-mix(in srgb,var(--bg) 89%,transparent)) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--text) 20%,transparent),transparent 50%,color-mix(in srgb,var(--accent) 10%,transparent)) border-box}}

/* backgrounds.css */
/* Quiet drawing-grid atmosphere for White and Dark only. No layout or pointer targets. */
:root[data-theme=white]{--mesh-line:rgba(39,47,67,.135);--mesh-node:rgba(39,47,67,.18);--mesh-light:rgba(191,201,220,.24);--mesh-shade:rgba(116,130,158,.19);--mesh-cell:72px}
:root[data-theme=dark]{--mesh-line:rgba(218,225,242,.105);--mesh-node:rgba(218,225,242,.19);--mesh-light:rgba(163,177,207,.16);--mesh-shade:rgba(0,0,0,.30);--mesh-cell:72px}
:root[data-theme=white] body{background-color:#edf0f4}
:root:is([data-theme=white],[data-theme=dark]) body{isolation:isolate}
:root:is([data-theme=white],[data-theme=dark]) body::before,
:root:is([data-theme=white],[data-theme=dark]) body::after{content:"";position:fixed;pointer-events:none;z-index:-1}
:root:is([data-theme=white],[data-theme=dark]) body::before{inset:calc(-1 * var(--mesh-cell));background-image:radial-gradient(circle,var(--mesh-node) 1px,transparent 1.4px),linear-gradient(to right,var(--mesh-line) 1px,transparent 1px),linear-gradient(to bottom,var(--mesh-line) 1px,transparent 1px);background-size:var(--mesh-cell) var(--mesh-cell);background-position:0 0;mask-image:radial-gradient(ellipse at 50% 43%,rgba(0,0,0,.24) 8%,rgba(0,0,0,.66) 44%,#000 86%);-webkit-mask-image:radial-gradient(ellipse at 50% 43%,rgba(0,0,0,.24) 8%,rgba(0,0,0,.66) 44%,#000 86%);animation:neutral-grid-drift 42s linear infinite}
:root:is([data-theme=white],[data-theme=dark]) body::after{inset:-8%;background:radial-gradient(ellipse at 18% 22%,var(--mesh-light),transparent 46%),radial-gradient(ellipse at 84% 70%,var(--mesh-shade),transparent 50%);opacity:.75;animation:neutral-light-drift 18s ease-in-out infinite alternate}
:root:is([data-theme=white],[data-theme=dark]) body.dialog-open::before,
:root:is([data-theme=white],[data-theme=dark]) body.dialog-open::after{animation-play-state:paused}
@keyframes neutral-grid-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,var(--mesh-cell),0)}}
@keyframes neutral-light-drift{from{transform:translate3d(-2%,-2%,0);opacity:.55}to{transform:translate3d(3%,3%,0);opacity:.9}}
@media(max-width:600px){:root[data-theme=white],:root[data-theme=dark]{--mesh-cell:48px}}
@media(prefers-reduced-motion:reduce){:root:is([data-theme=white],[data-theme=dark]) body::before,:root:is([data-theme=white],[data-theme=dark]) body::after{animation:none;transform:none}}
@media print{:root:is([data-theme=white],[data-theme=dark]) body::before,:root:is([data-theme=white],[data-theme=dark]) body::after{display:none}}

/* Discord: tiny drifting particles, soft depth, and the requested faint grid. */
:root[data-theme=discord]{--discord-grid-cell:80px}
:root[data-theme=discord] body{isolation:isolate;background-image:linear-gradient(to right,rgba(239,181,210,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(170,155,232,.05) 1px,transparent 1px),var(--page-gradient);background-size:var(--discord-grid-cell) var(--discord-grid-cell),var(--discord-grid-cell) var(--discord-grid-cell),auto}
:root[data-theme=discord] body::before,:root[data-theme=discord] body::after{content:"";position:fixed;pointer-events:none;z-index:-1}
:root[data-theme=discord] body::after{inset:-3%;background:radial-gradient(circle at 5% 18%,rgba(239,181,210,0.48) 0 1px,transparent 2px),radial-gradient(circle at 12% 39%,rgba(170,155,232,0.3) 0 0.7px,transparent 1.7px),radial-gradient(circle at 8% 72%,rgba(242,236,243,0.55) 0 1.15px,transparent 2.15px),radial-gradient(circle at 18% 12%,rgba(239,181,210,0.35) 0 0.8px,transparent 1.8px),radial-gradient(circle at 22% 57%,rgba(170,155,232,0.28) 0 0.7px,transparent 1.7px),radial-gradient(circle at 16% 89%,rgba(242,236,243,0.45) 0 1px,transparent 2px),radial-gradient(circle at 27% 81%,rgba(239,181,210,0.3) 0 0.8px,transparent 1.8px),radial-gradient(circle at 31% 21%,rgba(170,155,232,0.28) 0 1px,transparent 2px),radial-gradient(circle at 38% 10%,rgba(242,236,243,0.25) 0 0.7px,transparent 1.7px),radial-gradient(circle at 43% 79%,rgba(239,181,210,0.3) 0 0.8px,transparent 1.8px),radial-gradient(circle at 51% 91%,rgba(170,155,232,0.38) 0 1px,transparent 2px),radial-gradient(circle at 62% 12%,rgba(242,236,243,0.42) 0 1.1px,transparent 2.1px),radial-gradient(circle at 72% 21%,rgba(239,181,210,0.33) 0 0.7px,transparent 1.7px),radial-gradient(circle at 85% 11%,rgba(170,155,232,0.45) 0 0.9px,transparent 1.9px),radial-gradient(circle at 94% 31%,rgba(242,236,243,0.6) 0 1.2px,transparent 2.2px),radial-gradient(circle at 83% 46%,rgba(239,181,210,0.37) 0 0.8px,transparent 1.8px),radial-gradient(circle at 91% 68%,rgba(170,155,232,0.48) 0 1px,transparent 2px),radial-gradient(circle at 78% 83%,rgba(242,236,243,0.3) 0 0.75px,transparent 1.75px),radial-gradient(circle at 67% 92%,rgba(239,181,210,0.5) 0 1.15px,transparent 2.15px),radial-gradient(circle at 96% 91%,rgba(170,155,232,0.35) 0 0.7px,transparent 1.7px),radial-gradient(circle at 4% 47%,rgba(242,236,243,0.25) 0 0.7px,transparent 1.7px),radial-gradient(circle at 10% 94%,rgba(239,181,210,0.4) 0 1px,transparent 2px),radial-gradient(circle at 53% 19%,rgba(170,155,232,0.25) 0 0.7px,transparent 1.7px),radial-gradient(circle at 60% 67%,rgba(242,236,243,0.22) 0 0.65px,transparent 1.65px),radial-gradient(circle at 73% 57%,rgba(239,181,210,0.25) 0 0.7px,transparent 1.7px),radial-gradient(circle at 34% 65%,rgba(170,155,232,0.24) 0 0.7px,transparent 1.7px),radial-gradient(circle at 88% 91%,rgba(242,236,243,0.42) 0 1px,transparent 2px),radial-gradient(circle at 95% 53%,rgba(239,181,210,0.34) 0 0.8px,transparent 1.8px),radial-gradient(circle at 19% 32%,rgba(170,155,232,0.22) 0 0.65px,transparent 1.65px),radial-gradient(circle at 46% 51%,rgba(242,236,243,0.18) 0 0.6px,transparent 1.6px);mask-image:radial-gradient(ellipse at 50% 43%,rgba(0,0,0,.3) 10%,#000 78%);-webkit-mask-image:radial-gradient(ellipse at 50% 43%,rgba(0,0,0,.3) 10%,#000 78%);opacity:.7;animation:discord-particle-drift 19s ease-in-out infinite alternate}
:root[data-theme=discord] body::before{inset:-12%;background:radial-gradient(ellipse at 14% 20%,#aa9be82e,transparent 49%),radial-gradient(ellipse at 88% 58%,#efb5d226,transparent 51%),radial-gradient(ellipse at 44% 92%,#aa9be819,transparent 48%);animation:discord-atmosphere 22s ease-in-out infinite alternate;opacity:.9}
:root[data-theme=discord] body.dialog-open::before,:root[data-theme=discord] body.dialog-open::after{animation-play-state:paused}
@keyframes discord-atmosphere{from{transform:translate3d(-2%,-1%,0) scale(1);opacity:.65}to{transform:translate3d(2%,3%,0) scale(1.04);opacity:1}}
@keyframes discord-particle-drift{from{transform:translate3d(-3px,12px,0);opacity:.5}to{transform:translate3d(6px,-18px,0);opacity:.9}}
@media(prefers-reduced-motion:reduce){:root[data-theme=discord] body::before,:root[data-theme=discord] body::after{animation:none;transform:none}}
@media print{:root[data-theme=discord] body::before,:root[data-theme=discord] body::after{display:none}}
@media(max-width:600px){:root[data-theme=discord]{--discord-grid-cell:48px}}

/* performance.css */
.performance-showcase{padding:52px 0 80px;--performance-ink:var(--accent)}
.performance-showcase .performance-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:27px}
.performance-showcase .performance-kicker{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:11px}
.performance-showcase h2{font-size:clamp(30px,3.4vw,46px);line-height:1.1;letter-spacing:-1.7px;font-weight:700}
.performance-showcase .performance-intro{color:var(--muted);font-size:14px;max-width:330px;line-height:1.6}
.performance-showcase .performance-dashboard{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);border:1px solid color-mix(in srgb,var(--accent) 23%,var(--line));border-radius:26px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 35%,transparent),transparent 55%),color-mix(in srgb,var(--bg) 84%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 9%,transparent),0 18px 55px color-mix(in srgb,var(--bg) 22%,transparent);backdrop-filter:blur(8px)}
.performance-showcase .performance-artwork{min-width:0;padding:22px;border-right:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
.performance-showcase .performance-project{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;font-size:12px}
.performance-showcase .performance-creator{display:inline-flex;align-items:center;gap:9px;font-weight:700}
.performance-showcase .performance-creator img{width:27px;height:27px;border-radius:50%}
.performance-showcase .performance-creator svg{width:19px;height:19px;fill:currentColor;color:var(--muted);transition:color .2s}
.performance-showcase .performance-creator:hover svg{color:var(--text)}
.performance-showcase .performance-project>span{color:var(--muted);font-size:11px}
.performance-showcase .performance-image-stage{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:var(--surface) url('assets/performance/luigi-test-a-preview.webp') center/contain no-repeat;box-shadow:0 0 0 1px color-mix(in srgb,var(--text) 8%,transparent),0 8px 24px color-mix(in srgb,var(--bg) 35%,transparent)}
.performance-showcase .performance-image-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .18s ease;display:block}
.performance-showcase .performance-image-stage>img.is-selected{opacity:1}
.performance-showcase .performance-image-stage[aria-busy=true]::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);z-index:3}
.performance-showcase .performance-tests{display:flex;gap:7px;margin-top:18px;padding:6px;border:1px solid color-mix(in srgb,var(--line) 65%,transparent);border-radius:17px;background:color-mix(in srgb,var(--surface) 32%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 5%,transparent)}
.performance-showcase .performance-test{position:relative;display:flex;align-items:center;justify-content:center;gap:11px;flex:1;min-width:0;min-height:74px;padding:10px 9px;border:1px solid transparent;background:transparent;border-radius:12px;color:var(--muted);transition:background .16s,border-color .16s,color .16s,box-shadow .16s}
.performance-showcase .performance-test img{display:block;width:84px;max-width:55%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:6px}
.performance-showcase .performance-test span{font-size:12px;font-weight:700;white-space:nowrap}
.performance-showcase .performance-test[aria-pressed=true]{color:var(--text);border-color:color-mix(in srgb,var(--accent) 56%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent),var(--surface);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 13%,transparent),0 3px 14px color-mix(in srgb,var(--accent) 8%,transparent)}
.performance-showcase .performance-test[aria-pressed=true]::after{content:"";position:absolute;bottom:4px;left:40%;right:40%;height:2px;border-radius:2px;background:var(--accent)}
.performance-showcase .performance-test:hover{border-color:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--text)}
.performance-showcase .performance-analytics{padding:28px 28px 22px;display:flex;flex-direction:column;min-width:0;background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 5%,transparent),transparent 58%)}
.performance-showcase .performance-stat-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.performance-showcase .performance-stat-label svg{width:18px;height:18px;fill:currentColor}
/* counter-reveal:start */
.performance-showcase .performance-total [data-performance-count]{display:inline-block;filter:blur(0);opacity:1;transition:filter .55s ease,opacity .55s ease}
.performance-showcase.is-observed:not(.is-count-running) .performance-total [data-performance-count]{filter:blur(7px);opacity:.35}
@media(prefers-reduced-motion:reduce){.performance-showcase .performance-total [data-performance-count]{filter:none!important;opacity:1!important;transition:none!important}}
/* counter-reveal:end */
.performance-showcase .performance-total{font-size:clamp(40px,4.6vw,62px);font-weight:700;line-height:1.1;letter-spacing:-2.8px;margin-top:12px;font-variant-numeric:tabular-nums}
.performance-showcase .performance-shared{font-size:11px;color:var(--muted);margin-top:8px}
.performance-showcase .performance-chart{margin:22px 0 0;flex:1;display:flex;flex-direction:column;justify-content:end}
.performance-showcase .performance-chart svg{display:block;width:100%;height:auto;overflow:visible}
.performance-showcase .performance-grid{stroke:var(--line);stroke-width:1;stroke-dasharray:3 5;opacity:.6}
.performance-showcase .performance-axis{stroke:var(--line);stroke-width:1}
.performance-showcase .performance-chart text{fill:var(--muted);font-family:Arial,Helvetica,sans-serif;font-size:10px}
.performance-showcase .performance-curve{fill:none;stroke:var(--performance-ink);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
.performance-showcase .performance-endpoint{fill:var(--performance-ink);stroke:var(--bg);stroke-width:3}
.performance-showcase .performance-area{fill:url(#performance-chart-fill);opacity:.8}
.performance-showcase .performance-chart figcaption{font-size:10px;color:var(--muted);margin-top:15px;line-height:1.5}
.performance-showcase.is-observed:not(.is-revealed) .performance-dashboard{opacity:0;transform:translateY(20px)}
.performance-showcase.is-observed .performance-dashboard{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.performance-showcase.is-observed:not(.is-chart-running) .performance-curve{stroke-dashoffset:1}
.performance-showcase.is-observed:not(.is-chart-running) .performance-endpoint,.performance-showcase.is-observed:not(.is-chart-running) .performance-area{opacity:0}
.performance-showcase.is-chart-running .performance-curve{transition:stroke-dashoffset 2.9s cubic-bezier(.25,.5,.25,1) .25s}
.performance-showcase.is-chart-running .performance-endpoint{transition:opacity .25s 3s}
.performance-showcase.is-chart-running .performance-area{transition:opacity 1.1s .65s}
@media(min-width:1600px){.performance-showcase .performance-total{font-size:64px}}
@media(max-width:1000px){.performance-showcase .performance-dashboard{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.performance-showcase .performance-analytics{padding:24px 20px 20px}.performance-showcase .performance-test{flex-direction:column;gap:8px;padding:9px 7px 12px}.performance-showcase .performance-test img{width:100%;max-width:100px}.performance-showcase .performance-total{font-size:46px}}
@media(max-width:720px){.performance-showcase{padding:32px 0 54px}.performance-showcase .performance-heading{display:block;margin-bottom:23px}.performance-showcase .performance-intro{margin-top:14px;max-width:360px;font-size:13px}.performance-showcase .performance-dashboard{grid-template-columns:1fr;border-radius:20px}.performance-showcase .performance-artwork{padding:16px;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent)}.performance-showcase .performance-project{margin-bottom:14px}.performance-showcase .performance-test{min-height:83px}.performance-showcase .performance-analytics{padding:23px 22px}.performance-showcase .performance-total{font-size:52px}.performance-showcase .performance-chart{margin-top:18px}.performance-showcase .performance-chart svg{max-height:240px}.performance-showcase .performance-tests{gap:5px;padding:5px;margin-top:14px}}
@media(max-width:360px){.performance-showcase .performance-test{min-height:74px;gap:7px;padding:7px 5px 12px}.performance-showcase .performance-project>span{font-size:10px}.performance-showcase .performance-total{font-size:44px}}
@media(prefers-reduced-motion:reduce){.performance-showcase *{transition:none!important;animation:none!important}.performance-showcase.is-observed .performance-dashboard{opacity:1!important;transform:none!important}.performance-showcase .performance-curve{stroke-dashoffset:0!important}.performance-showcase .performance-endpoint,.performance-showcase .performance-area{opacity:1!important}}

/* more-results.css */
.more-results{margin-top:35px;padding-top:27px;border-top:1px solid color-mix(in srgb,var(--line) 65%,transparent)}
.more-results .more-results-heading{margin-bottom:19px}
.more-results h3{font-size:24px;font-weight:700;letter-spacing:-.7px;line-height:1.2}
.more-results .more-results-heading p{margin-top:9px;color:var(--muted);font-size:13px;line-height:1.6}
.more-results .more-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.more-results .more-result-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:21px;padding:14px;border:1px solid color-mix(in srgb,var(--line) 75%,transparent);border-radius:17px;background:color-mix(in srgb,var(--bg) 78%,transparent);min-width:0;transition:border-color .2s,box-shadow .2s,transform .2s}
.more-results .more-result-card:hover{border-color:color-mix(in srgb,var(--accent) 65%,var(--line));transform:translateY(-2px);box-shadow:0 7px 23px color-mix(in srgb,var(--bg) 28%,transparent)}
.more-results .more-result-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:9px;background:var(--surface)}
.more-results .more-result-copy{min-width:0;padding:4px 5px 4px 0}
.more-results .more-result-creator{display:flex;align-items:center;justify-content:space-between;gap:10px}
.more-results h4{margin:0;font-size:17px;line-height:1.3;letter-spacing:-.3px;font-weight:700}
.more-results .more-result-youtube{width:20px;height:20px;flex-shrink:0;fill:currentColor;color:var(--muted);transition:color .2s}
.more-results .more-result-card:hover .more-result-youtube{color:var(--accent)}
.more-results .more-result-title{font-size:11px;line-height:1.5;color:var(--muted);margin-top:7px}
.more-results .more-result-value{display:block;font-size:32px;font-weight:700;line-height:1.1;letter-spacing:-1.2px;font-variant-numeric:tabular-nums;margin-top:14px;color:var(--text)}
.more-results .more-result-label{display:block;font-size:10px;color:var(--muted);margin-top:5px}
.more-results .more-results-source{color:var(--muted);font-size:10px;line-height:1.5;margin-top:13px}
.more-results .more-result-card.is-watched:not(.is-entered){opacity:0;transform:translateY(12px)}
.more-results .more-result-card.is-watched{transition:opacity .5s ease,transform .5s ease,border-color .2s,box-shadow .2s}
@media(max-width:1050px){.more-results .more-result-card{gap:14px;padding:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.more-results h4{font-size:15px}.more-results .more-result-value{font-size:28px}.more-results .more-result-title{font-size:10px}}
@media(max-width:720px){.more-results{margin-top:25px;padding-top:22px}.more-results h3{font-size:23px}.more-results .more-results-heading p{font-size:12px}.more-results .more-results-grid{grid-template-columns:1fr;gap:12px}.more-results .more-result-card{gap:16px;padding:13px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.more-results h4{font-size:16px}.more-results .more-result-title{font-size:10px}.more-results .more-result-value{font-size:29px;margin-top:12px}}
@media(max-width:360px){.more-results .more-result-card{gap:12px;padding:11px}.more-results h4{font-size:14px}.more-results .more-result-value{font-size:27px}}
@media(prefers-reduced-motion:reduce){.more-results .more-result-card{transition:none!important;opacity:1!important;transform:none!important}}

/* resources.css */
.resources-section{padding:52px 0 64px;border-top:1px solid var(--line)}
.resources-section .resource-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:64px;align-items:end;margin-bottom:30px}
.resources-section .resource-eyebrow{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;margin-bottom:15px}
.resources-section h2{font-size:clamp(34px,4vw,54px);font-weight:700;letter-spacing:-1.9px;line-height:1.1}
.resources-section .resource-description{font-size:14px;line-height:1.75;color:var(--muted);max-width:520px;margin-top:20px}
.resources-section .resource-action{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:14px 21px;border:1px solid var(--accent);border-radius:14px;background:var(--accent);color:var(--on-accent);font-size:14px;font-weight:700;transition:box-shadow .2s,transform .2s}
.resources-section .resource-action:hover{transform:translateY(-2px);box-shadow:0 6px 24px color-mix(in srgb,var(--accent) 18%,transparent)}
.resources-section .resource-action .resource-icon{margin-left:16px}
.resources-section .resource-destination{display:flex;flex-direction:column;align-items:start;gap:13px;padding-bottom:2px}
.resources-section .resource-note{font-size:11px;color:var(--muted);line-height:1.6;max-width:300px}
.resources-section .resource-patreon,.resource-footer-link .resource-patreon{width:20px;height:20px;flex-shrink:0;display:inline-block;background:currentColor;mask:url('assets/patreon.svg') center/contain no-repeat;-webkit-mask:url('assets/patreon.svg') center/contain no-repeat}
.resources-section .resource-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0}
.resources-section .resource-icon svg{width:100%;height:100%}
.resources-section .resource-categories,.resources-section .resource-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.resources-section .resource-category{position:relative;display:flex;align-items:center;gap:17px;min-width:0;padding:25px 22px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 60%,transparent),color-mix(in srgb,var(--bg) 68%,transparent));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 7%,transparent);transition:border-color .2s,transform .2s}
.resources-section .resource-category:hover{border-color:color-mix(in srgb,var(--accent) 65%,var(--line));transform:translateY(-3px)}
.resources-section .resource-category> .resource-icon{color:var(--accent);width:27px;height:27px}
.resources-section .resource-category .resource-ps{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border:1.5px solid currentColor;border-radius:8px;color:var(--accent);font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:700;line-height:1;letter-spacing:-1px}
.resources-section .resource-category h3{font-size:15px;letter-spacing:-.2px;font-weight:700;margin-bottom:5px}
.resources-section .resource-category p{font-size:12px;color:var(--muted);line-height:1.5}
.resources-section .resource-category .resource-arrow{width:17px;height:17px;color:var(--muted);margin-left:auto}
.resources-section .resource-products{margin-top:20px;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.resources-section .resource-product{--resource-card-face:color-mix(in srgb,var(--surface) 35%,var(--bg));min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:block;background:var(--resource-card-face);transition:transform .2s,border-color .2s;scroll-snap-align:start}
.resources-section .resource-product:hover{transform:translateY(-3px);border-color:var(--accent)}
.resources-section .resource-product-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--resource-card-face)}
.resources-section .resource-product-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--resource-card-face) 38%,transparent) 0%,color-mix(in srgb,var(--resource-card-face) 58%,transparent) 55%,var(--resource-card-face) 100%)}
.resources-section .resource-product img{width:100%;height:100%;aspect-ratio:16/9;object-fit:contain;display:block;background:var(--bg)}
.resources-section .resource-product-copy{padding:13px}
.resources-section .resource-product h3{display:flex;gap:9px;justify-content:space-between;font-size:13px;font-weight:700;line-height:1.45;letter-spacing:-.2px}
.resources-section .resource-product h3 .resource-icon{width:16px;height:16px;margin-top:2px}
.resources-section .resource-product p{color:var(--muted);font-size:11px;line-height:1.55;margin-top:7px}
.resources-section .resource-product small{display:block;color:var(--muted);font-size:10px;margin-top:11px}
.resources-section.resource-observed{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.resources-section.resource-observed.resource-visible{opacity:1;transform:none}
.resource-footer-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid transparent;border-radius:50%;transition:color .2s,border-color .2s;color:var(--muted)}
.resource-footer-link:hover{color:var(--text);border-color:var(--line)}
@media(max-width:1000px){.resources-section .resource-heading{gap:35px}.resources-section .resource-category{padding:21px 17px;gap:12px}.resources-section .resource-category p{font-size:11px}.resources-section .resource-category h3{font-size:14px}.resources-section .resource-category> .resource-icon{width:23px;height:23px}.resources-section .resource-category .resource-arrow{display:none}}
@media(max-width:720px){.resources-section{padding:35px 0 42px}.resources-section .resource-heading{grid-template-columns:1fr;gap:25px}.resources-section h2{font-size:38px}.resources-section .resource-description{font-size:13px;margin-top:16px}.resources-section .resource-categories,.resources-section .resource-products{grid-template-columns:1fr;gap:10px}.resources-section .resource-category{padding:21px 20px}.resources-section .resource-category h3{font-size:15px}.resources-section .resource-category p{font-size:12px}.resources-section .resource-category .resource-arrow{display:inline-flex}.resources-section .resource-products{margin-top:18px}.resources-section .resource-heading{margin-bottom:25px}}
@media(max-width:1000px){.resources-section .resource-products{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:210px;overflow-x:auto;gap:12px;padding:5px 2px 12px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.resources-section .resource-product-copy{padding:13px}.resources-section .resource-product:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.resources-section.resource-observed{opacity:1;transform:none}.resources-section *,.resource-footer-link{transition:none!important}.resources-section .resource-category:hover,.resources-section .resource-product:hover,.resources-section .resource-action:hover{transform:none}}

/* spacing-scroll.css */
/* The results/gallery boundary only: replace the accumulated section padding. */
.performance-showcase{padding-bottom:12px}
.performance-showcase+.work-section{padding-top:20px}

/* Keep the cue beside the introduction's content, without an empty screen below it. */
.hero{min-height:0;flex-direction:column;padding:clamp(36px,5svh,56px) 0 12px;gap:24px}
.hero+.performance-showcase{padding-top:28px}
.hero .scroll-cue{position:relative;bottom:auto;left:auto;transform:none;align-self:center;min-height:44px;padding:3px 8px;gap:10px;border-radius:10px;transition:color .2s}
.hero .scroll-cue:hover,.hero .scroll-cue:focus-visible{color:var(--text)}
/* A tiny thumbnail reel suggests moving through work, without arrows or a mouse. */
.hero .explore-reel{position:relative;display:block;flex-shrink:0;width:34px;height:38px;overflow:hidden;mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}
.hero .explore-reel-track{position:absolute;left:2px;top:0;display:block;color:var(--accent);animation:explore-frame-reel 3.6s cubic-bezier(.45,0,.2,1) infinite}
.hero .explore-reel-track i{position:relative;display:block;box-sizing:border-box;width:30px;height:18px;margin-bottom:6px;border:1px solid color-mix(in srgb,currentColor 65%,transparent);border-radius:4px;background:linear-gradient(140deg,transparent 48%,color-mix(in srgb,currentColor 20%,transparent) 49% 70%,transparent 71%),color-mix(in srgb,currentColor 5%,transparent)}
.hero .explore-reel-track i::after{content:"";position:absolute;top:3px;right:4px;width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.7}
.past-intro .hero .explore-reel-track,body.dialog-open .hero .explore-reel-track{animation-play-state:paused}
@keyframes explore-frame-reel{0%,22%{transform:translateY(0)}78%,100%{transform:translateY(-24px)}}
@media(max-width:720px){.hero{padding:28px 0 10px;gap:18px}.hero+.performance-showcase{padding-top:20px}.performance-showcase{padding-bottom:10px}.performance-showcase+.work-section{padding-top:14px}}
@media(prefers-reduced-motion:reduce){.hero .scroll-cue{transition:none}.hero .explore-reel-track{animation:none;transform:translateY(-8px)}}

/* creator-label.css */
/* Readable creator proof, using the existing typography and theme. */
.hero .creator-proof{gap:20px}
.hero .creator-copy{white-space:normal;line-height:1.45;text-align:left;padding:3px 0 3px 18px;border-left:1px solid color-mix(in srgb,var(--text) 20%,transparent)}
.hero .creator-copy>strong{display:block;color:var(--text);font-size:16px;font-weight:700;letter-spacing:-.25px}
.hero .creator-copy .creator-desktop-hint,.hero .creator-copy .creator-touch-hint{margin-top:5px;font-size:13px;color:color-mix(in srgb,var(--text) 80%,var(--muted));line-height:1.45}
@media(max-width:700px){.hero .creator-proof{gap:9px}.hero .creator-copy{text-align:center;max-width:100%;padding:0;border:0}.hero .creator-copy>strong{font-size:15px}.hero .creator-copy .creator-touch-hint{display:block;font-size:12px}.hero .creator-copy .creator-touch-hint::before{content:none}}

/* approach.css */
/* Preferred two-column layout: introduction left, stacked steps right. */
.approach-section{grid-template-columns:39% minmax(0,1fr);gap:56px;margin-top:40px;padding:32px 0 36px;align-items:start}
.approach-section .approach-intro{display:block}
.approach-section .approach-intro h2{font-size:clamp(36px,4.2vw,58px);line-height:1.04;letter-spacing:-2px;margin:18px 0 0;text-wrap:balance}
.approach-section .approach-intro>p{max-width:390px;font-size:16px;line-height:1.65;margin:22px 0 0}
.approach-section .approach-flow{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:360px;margin-top:26px;padding:14px 10px;border:1px solid color-mix(in srgb,var(--line) 60%,transparent);border-radius:14px;background:color-mix(in srgb,var(--surface) 16%,transparent)}
.approach-section .approach-flow::before{content:"";position:absolute;left:17%;right:17%;top:34px;height:1px;background:color-mix(in srgb,var(--accent) 22%,var(--line));z-index:-1}
.approach-section .approach-flow>span{display:flex;align-items:center;flex-direction:column;gap:9px;min-width:0;font-size:11px;line-height:1.3;color:var(--muted);text-align:center}
.approach-section .approach-flow-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:11px;background:var(--bg)}
.approach-section .approach-flow-icon::before{content:"";display:block;width:20px;height:20px;background:var(--accent);opacity:.8;mask-position:center;mask-size:contain;mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat}
.approach-section .approach-flow-idea::before{mask-image:url('assets/approach/link.svg');-webkit-mask-image:url('assets/approach/link.svg')}
.approach-section .approach-flow-direction::before{mask-image:url('assets/approach/handshake.svg');-webkit-mask-image:url('assets/approach/handshake.svg')}
.approach-section .approach-flow-frame::before{mask-image:url('assets/approach/image.svg');-webkit-mask-image:url('assets/approach/image.svg')}
.approach-section .process{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line);margin:0;padding:0;list-style:none}
.approach-section .process li{position:relative;isolation:isolate;display:grid;grid-template-columns:40px minmax(0,1fr);gap:20px;min-width:0;margin:0;padding:20px 70px 20px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;transition:border-color .2s,background-color .2s,opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);transition-delay:0s,0s,var(--reveal-delay,0ms),var(--reveal-delay,0ms)}
.approach-section .process li:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background-color:color-mix(in srgb,var(--surface) 12%,transparent)}
.approach-section .process li::before{content:"";position:absolute;z-index:-1;right:12px;top:calc(50% - 22px);width:44px;height:44px;pointer-events:none;background:var(--accent);opacity:.13;mask-position:center;mask-size:contain;mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;transition:opacity .2s}
.approach-section .process li:nth-child(1)::before{mask-image:url('assets/approach/link.svg');-webkit-mask-image:url('assets/approach/link.svg')}
.approach-section .process li:nth-child(2)::before{mask-image:url('assets/approach/handshake.svg');-webkit-mask-image:url('assets/approach/handshake.svg')}
.approach-section .process li:nth-child(3)::before{mask-image:url('assets/approach/image.svg');-webkit-mask-image:url('assets/approach/image.svg')}
.approach-section .process li:hover::before{opacity:.23}
.approach-section .process-number{display:block;width:auto;height:auto;padding:3px 0 0;margin:0;border:0;border-radius:0;background:none;font-size:13px;font-weight:400;line-height:1.5;color:var(--accent);font-variant-numeric:tabular-nums;grid-row:auto}
.approach-section .process h3{font-size:20px;line-height:1.3;letter-spacing:-.5px;margin:0}
.approach-section .process p{font-size:14px;line-height:1.6;max-width:480px;margin:7px 0 0;color:var(--muted)}
@media(max-width:1000px){.approach-section{grid-template-columns:34% minmax(0,1fr);gap:32px}.approach-section .process li{grid-template-columns:28px minmax(0,1fr);gap:16px;padding-right:56px}.approach-section .process li::before{right:8px;width:34px;height:34px;top:calc(50% - 17px)}}
@media(max-width:760px){.approach-section{grid-template-columns:1fr;margin-top:30px;padding:26px 0 28px;gap:22px}.approach-section .approach-intro h2{font-size:34px;margin-top:15px}.approach-section .approach-intro>p{font-size:13px;margin-top:15px}.approach-section .process li{padding:18px 45px 18px 0;gap:14px}.approach-section .process h3{font-size:18px}.approach-section .process p{font-size:13px;line-height:1.6}.approach-section .process li::before{width:28px;height:28px;top:calc(50% - 14px);right:4px;opacity:.1}}
@media(prefers-reduced-motion:reduce){.approach-section .process li,.approach-section .process li::before{transition:none}}

/* gallery-reel.css */
/* Artwork-led gallery: no toolbar or card overlays. */
.work-section .gallery-reel-shell{position:relative;margin-bottom:0}
.work-section .gallery-heading{align-items:center;padding-bottom:18px}
.work-section .gallery-heading h2{font-size:28px;letter-spacing:-.9px}
.work-section .work-count{padding:6px 10px;border:1px solid color-mix(in srgb,var(--line) 60%,transparent);border-radius:999px;font-size:11px;font-variant-numeric:tabular-nums;background:color-mix(in srgb,var(--surface) 22%,transparent)}
/* The pause control is available to keyboard users without a visible toolbar. */
.work-section .gallery-reel-access{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.work-section .gallery-reel-access:focus-visible{z-index:4;right:8px;top:8px;display:inline-flex;align-items:center;gap:8px;width:auto;height:auto;min-height:44px;padding:10px 14px;margin:0;overflow:visible;clip:auto;clip-path:none;border:1px solid var(--accent);border-radius:999px;background:var(--bg);color:var(--text);font-size:12px;font-weight:700}
.work-section .gallery-reel-access::before{content:"";display:block;width:16px;height:16px;background:currentColor;mask:url('assets/gallery-ui/pause.svg') center/contain no-repeat;-webkit-mask:url('assets/gallery-ui/pause.svg') center/contain no-repeat}
.work-section .is-paused .gallery-reel-access::before{mask-image:url('assets/gallery-ui/play.svg');-webkit-mask-image:url('assets/gallery-ui/play.svg')}
.work-section .gallery-reel-rows{--gallery-edge:clamp(24px,6vw,96px);display:grid;gap:12px;overflow:hidden;border-radius:15px;mask-image:linear-gradient(90deg,transparent 0%,#000 var(--gallery-edge),#000 calc(100% - var(--gallery-edge)),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 var(--gallery-edge),#000 calc(100% - var(--gallery-edge)),transparent 100%)}
.work-section .gallery-reel-viewport{min-width:0;overflow:hidden}
.work-section .gallery-reel-track{display:flex;width:max-content;animation:gallery-travel var(--reel-duration,240s) linear infinite;animation-play-state:paused;will-change:transform}
.work-section .gallery-reel-group{display:flex;gap:14px;padding-right:14px;flex:none}
.work-section .gallery-reel-track.is-reversed{animation-direction:reverse}
.work-section .gallery-reel-card{position:relative;display:block;flex:none;width:clamp(230px,27vw,340px);aspect-ratio:16/9;overflow:hidden;border:1px solid color-mix(in srgb,var(--text) 12%,var(--line));border-radius:12px;background:var(--surface);outline-offset:-3px}
.work-section .gallery-reel-card img{display:block;width:100%;height:100%;object-fit:contain}
.work-section .gallery-reel-card img,.work-section .art-card img{transition:transform .3s ease}
.work-section .gallery-reel-card:hover img,.work-section .gallery-reel-card:focus-visible img,.work-section .art-card:hover img,.work-section .art-card:focus-visible img{transform:scale(1.015)}
.work-section .art-open{display:none}
.work-section .gallery{gap:16px}
.work-section .gallery-reel-shell.is-measured .gallery-reel-track{animation-play-state:running}
.work-section .gallery-reel-shell.is-paused .gallery-reel-track,.work-section .gallery-reel-shell.is-offscreen .gallery-reel-track,.work-section .gallery-reel-shell.is-background .gallery-reel-track,.work-section .gallery-reel-rows:hover .gallery-reel-track,.work-section .gallery-reel-rows:focus-within .gallery-reel-track,body.dialog-open .work-section .gallery-reel-track{animation-play-state:paused}
.work-section.is-reel-view .gallery-bottom{display:none}
@keyframes gallery-travel{to{transform:translateX(calc(-1 * var(--reel-distance,0px)))}}
@media(max-width:700px){.work-section .gallery-heading h2{font-size:24px}.work-section .gallery-reel-rows{--gallery-edge:28px;gap:10px}.work-section .gallery-reel-card{width:230px}.work-section .gallery-reel-group{gap:10px;padding-right:10px}.work-section .gallery{gap:12px}}
@media(prefers-reduced-motion:reduce){.work-section .gallery-reel-track{animation:none!important;transform:none!important}.work-section .gallery-reel-card img,.work-section .art-card img{transition:none}.work-section .gallery-reel-card:hover img,.work-section .art-card:hover img,.work-section .gallery-reel-card:focus-visible img,.work-section .art-card:focus-visible img{transform:none}}

/* gallery-viewer.css */
/* Compact, image-sized viewer. Artwork remains uncropped at 16:9. */
#lightbox{width:min(1180px,calc(100vw - 24px),calc((100dvh - 156px) * 16 / 9 + 26px));max-width:none;max-height:calc(100dvh - 16px);padding:0;overflow:visible;background:transparent}
#lightbox::backdrop{background:#080911c9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
#lightbox .lightbox-surface{display:grid;grid-template-rows:44px auto 44px;gap:10px;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:20px;background:var(--bg);box-shadow:0 20px 70px #00000038;max-height:calc(100dvh - 16px);overflow:hidden}
#lightbox[open] .lightbox-surface{animation:gallery-viewer-in .2s ease-out}
#lightbox.is-closing .lightbox-surface{animation:gallery-viewer-out .14s ease-in forwards}
#lightbox .lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px}
#lightbox .gallery-viewer-heading{min-width:0}
#lightbox #lightbox-title{font-size:14px;font-weight:700;line-height:1.3;letter-spacing:-.2px;margin:0}
#lightbox .lightbox-count{display:inline-flex;justify-content:center;align-items:center;min-width:66px;font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}
#lightbox .gallery-viewer-tools,#lightbox .gallery-viewer-controls{display:flex;align-items:center;gap:7px}
#lightbox .gallery-viewer-tool,#lightbox .gallery-viewer-nav{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid color-mix(in srgb,var(--line) 75%,transparent);border-radius:11px;background:color-mix(in srgb,var(--surface) 28%,var(--bg));color:var(--text);transition:background .18s,border-color .18s,transform .18s}
#lightbox .gallery-viewer-tool:hover,#lightbox .gallery-viewer-nav:hover{background:var(--surface);border-color:var(--accent);transform:translateY(-1px)}
#lightbox .gallery-viewer-tool:active,#lightbox .gallery-viewer-nav:active{transform:none}
#lightbox .gallery-viewer-tool:focus-visible,#lightbox .gallery-viewer-nav:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#lightbox .gallery-viewer-tool::before,#lightbox .gallery-viewer-nav::before{content:"";display:block;width:19px;height:19px;background:currentColor;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}
#lightbox [data-close-lightbox]::before{mask-image:url('assets/gallery-ui/x.svg');-webkit-mask-image:url('assets/gallery-ui/x.svg')}
#lightbox #gallery-viewer-fullscreen::before{mask-image:url('assets/gallery-ui/maximize.svg');-webkit-mask-image:url('assets/gallery-ui/maximize.svg')}
#lightbox #gallery-viewer-fullscreen[data-active=true]::before{mask-image:url('assets/gallery-ui/minimize.svg');-webkit-mask-image:url('assets/gallery-ui/minimize.svg')}
#lightbox #previous-image::before{mask-image:url('assets/gallery-ui/arrow-left.svg');-webkit-mask-image:url('assets/gallery-ui/arrow-left.svg')}
#lightbox #next-image::before{mask-image:url('assets/gallery-ui/arrow-right.svg');-webkit-mask-image:url('assets/gallery-ui/arrow-right.svg')}
#lightbox .gallery-viewer-stage{display:block;min-width:0;min-height:0}
#lightbox .lightbox-image-wrap{display:block;width:100%;min-width:0;min-height:0;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:var(--surface);touch-action:pan-y pinch-zoom}
#lightbox .lightbox-image-wrap img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;transition:opacity .15s ease,transform .15s ease;user-select:none}
#lightbox .lightbox-image-wrap.is-switching img{opacity:.3;transform:scale(.997)}
#lightbox .lightbox-bottom{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;padding:0 2px}
#lightbox .gallery-viewer-hint{position:absolute;left:2px;font-size:10px;line-height:1.5;color:var(--muted)}
#lightbox #gallery-viewer-status{position:absolute;right:2px;max-width:28%;font-size:10px;line-height:1.4;color:var(--muted);text-align:right}
#lightbox .lightbox-surface:fullscreen{width:100vw;height:100dvh;max-height:none;border:0;border-radius:0;grid-template-rows:44px minmax(0,1fr) 44px;animation:none}
#lightbox .lightbox-surface:fullscreen .gallery-viewer-stage{display:grid;place-items:center;height:100%}
#lightbox .lightbox-surface:fullscreen .lightbox-image-wrap{width:min(100%,calc((100dvh - 144px) * 16 / 9));max-height:100%}
@keyframes gallery-viewer-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}
@keyframes gallery-viewer-out{to{opacity:0;transform:translateY(5px) scale(.995)}}
@media(max-width:700px){#lightbox{width:min(calc(100vw - 16px),calc((100dvh - 144px) * 16 / 9 + 18px))}#lightbox .lightbox-surface{padding:8px;gap:8px;border-radius:16px}#lightbox .gallery-viewer-hint{display:none}#lightbox #gallery-viewer-status{position:static;max-width:100%;text-align:center}#lightbox .lightbox-bottom:has(#gallery-viewer-status:not(:empty)){height:auto;min-height:44px;flex-wrap:wrap}#lightbox .lightbox-bottom:has(#gallery-viewer-status:not(:empty)) #gallery-viewer-status{width:100%;font-size:10px}#lightbox .lightbox-surface:has(#gallery-viewer-status:not(:empty)){grid-template-rows:44px auto auto}}
@media(prefers-reduced-motion:reduce){#lightbox .lightbox-surface,#lightbox .lightbox-image-wrap img,#lightbox .gallery-viewer-tool,#lightbox .gallery-viewer-nav{animation:none!important;transition:none!important;transform:none!important}}

/* gallery-hover.css */
/* One clockwise border trace per hover; no continuous animation or pointer handlers. */
@property --gallery-outline-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
.work-section :is(.gallery-reel-card,.art-card){transition:box-shadow .25s ease}
.work-section :is(.gallery-reel-card,.art-card)::before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;background:#080710;opacity:0;pointer-events:none;transition:opacity .25s ease}
.work-section :is(.gallery-reel-card,.art-card)::after{--gallery-outline-angle:0deg;content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;padding:2px;pointer-events:none;opacity:0;background:conic-gradient(var(--accent) var(--gallery-outline-angle),transparent 0deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:--gallery-outline-angle .15s linear,opacity .18s ease}
/* Allow the small halo to breathe while retaining the existing horizontal edge fades. */
.work-section .gallery-reel-rows{padding-block:10px;margin-block:-10px}
.work-section .gallery-reel-viewport{overflow:clip;overflow-clip-margin:10px}
@media(hover:hover) and (pointer:fine){
  body:not(.dialog-open) .work-section :is(.gallery-reel-card,.art-card):hover{box-shadow:0 0 18px color-mix(in srgb,var(--accent) 24%,transparent),0 0 5px color-mix(in srgb,var(--accent) 32%,transparent)}
  body:not(.dialog-open) .work-section :is(.gallery-reel-card,.art-card):hover::after{--gallery-outline-angle:360deg;opacity:1;transition:--gallery-outline-angle .95s linear,opacity .18s ease}
  body:not(.dialog-open) .work-section:has(:is(.gallery-reel-card,.art-card):hover) :is(.gallery-reel-card,.art-card):not(:hover):not(:focus-visible)::before{opacity:.58}
}
.work-section :is(.gallery-reel-card,.art-card):focus-visible{box-shadow:0 0 18px color-mix(in srgb,var(--accent) 24%,transparent)}
.work-section :is(.gallery-reel-card,.art-card):focus-visible::after{--gallery-outline-angle:360deg;opacity:1;transition:--gallery-outline-angle .95s linear,opacity .18s ease}
.work-section:has(:is(.gallery-reel-card,.art-card):focus-visible) :is(.gallery-reel-card,.art-card):not(:focus-visible):not(:hover)::before{opacity:.58}
@media(prefers-reduced-motion:reduce){
  .work-section :is(.gallery-reel-card,.art-card),.work-section :is(.gallery-reel-card,.art-card)::before,.work-section :is(.gallery-reel-card,.art-card)::after{transition:none!important}
}

/* profile-refresh.css */
/* Profile, contact actions and closing footer only. Existing theme tokens and Arial. */
.profile-contact.profile-refresh{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:28px;align-items:center;padding:40px 0 44px}
.profile-refresh .profile-heading{display:flex;align-items:center;gap:18px;margin-bottom:18px}
.profile-refresh .profile-avatar{display:block;flex:none;width:96px;height:96px;aspect-ratio:1;border-radius:50%;object-fit:cover;object-position:50% 40%;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line))}
.profile-refresh .profile-bio h2{font-family:Arial,Helvetica,sans-serif;font-size:32px;font-weight:700;line-height:1.12;letter-spacing:-.9px;margin:0 0 5px;color:var(--text)}
.profile-refresh .profile-role{font-size:14px;line-height:1.45;color:var(--muted)}
.profile-refresh .profile-experience{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:7px;background:color-mix(in srgb,var(--accent) 6%,transparent);font-size:11px;font-weight:600;line-height:1.4;color:var(--accent);margin-top:9px}
.profile-refresh .profile-description{max-width:none;font-size:15px;line-height:1.7;color:var(--muted)}
.profile-refresh .contact-intro{min-width:0;padding:2px 0 2px 24px;border:0;border-left:1px solid var(--line);border-radius:0;background:none}
.profile-refresh .contact-intro h3{font-family:Arial,Helvetica,sans-serif;font-size:clamp(25px,2.5vw,32px);font-weight:700;line-height:1.18;letter-spacing:-.8px;margin:0 0 20px}
.profile-refresh .profile-project{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:52px;padding:14px 18px;border:1px solid var(--accent);border-radius:11px;background:var(--accent);color:var(--on-accent);font-size:14px;font-weight:700;line-height:1.3;transition:transform .18s,background .18s}
.profile-refresh .profile-project .action-icon{width:19px;height:19px;transition:transform .18s}
.profile-refresh .profile-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.profile-refresh .profile-social,.profile-refresh .profile-social.email-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:0;padding:10px 13px;border:1px solid var(--line);border-radius:9px;background:transparent;font-size:13px;font-weight:500;line-height:1.3;text-align:left;transition:border-color .18s,background .18s,transform .18s}
.profile-refresh .profile-social svg{width:18px;height:18px;color:var(--muted);flex:none;transition:color .18s}
.profile-refresh .profile-social>span{display:inline-flex;align-items:center;gap:7px;min-width:0}
.profile-refresh .profile-social .discord-name{display:inline;font-size:12px;line-height:1.3;font-weight:400;color:var(--muted);margin:0;overflow-wrap:anywhere}
.profile-refresh .profile-project:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--accent) 90%,var(--bg))}
.profile-refresh .profile-project:hover .action-icon{transform:translateX(2px)}
.profile-refresh .profile-social:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 60%,var(--line));background:color-mix(in srgb,var(--accent) 6%,transparent)}
.profile-refresh .profile-social:hover svg{color:var(--accent)}
.profile-refresh :is(.profile-project,.profile-social):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.profile-refresh :is(.profile-project,.profile-social):active{transform:none}
.profile-refresh .contact-intro>.copy-status{font-size:12px;line-height:1.5;margin:9px 0 0;color:var(--accent)}
.profile-refresh .contact-intro>.copy-status:empty{display:none}
.footer:has(>.footer-close-row){padding:0}
.footer .footer-close-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:0}
.footer .footer-close-brand{display:flex;align-items:center;gap:18px;min-width:0}
.footer .footer-close-brand .brand-logo{width:27px;height:23px}
.footer .footer-close-brand .brand-type{font-size:20px;letter-spacing:-.7px}
.footer .footer-copyright{font-size:12px;color:var(--muted);white-space:nowrap}
.footer .footer-close-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12px}
.footer .footer-close-actions .back-top,.footer .footer-close-actions .replay-intro{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;font-size:12px;color:var(--muted)}
.footer .footer-close-actions .resource-footer-link{width:44px;height:44px}
.footer .footer-close-actions :is(.back-top,.replay-intro):hover{color:var(--text)}
:root[data-theme=white] .header-project{background:#fff;border:1px solid #bfc2d2;color:#4b5063;box-shadow:0 3px 14px #28213e0b}
:root[data-theme=white] .header-project:hover{background:#f8f6ff}
:root[data-theme=white] .header-project strong{background:#29283c;color:#fff;border-color:#62587d;box-shadow:0 3px 12px #29283c26}
@media(max-width:850px){.profile-contact.profile-refresh{grid-template-columns:1fr;gap:26px;padding:32px 0}.profile-refresh .profile-bio{max-width:620px}.profile-refresh .contact-intro{max-width:620px;width:100%;padding:24px 0 0;border-left:0;border-top:1px solid var(--line)}.profile-refresh .profile-project{max-width:400px}.profile-refresh .contact-intro h3{font-size:29px}}
@media(max-width:520px){.profile-refresh .profile-heading{gap:15px}.profile-refresh .profile-avatar{width:82px;height:82px}.profile-refresh .profile-bio h2{font-size:29px}.profile-refresh .profile-role{font-size:13px}.profile-refresh .profile-description{font-size:14px}.profile-refresh .profile-project{max-width:none}.footer .footer-close-row{flex-wrap:wrap;gap:6px;padding:18px 0}.footer .footer-close-actions{width:100%;justify-content:space-between;gap:10px}.footer .footer-close-brand .brand-type{font-size:19px}}
@media(prefers-reduced-motion:reduce){.profile-refresh .profile-project,.profile-refresh .profile-social,.profile-refresh .profile-project .action-icon,.profile-refresh .profile-social svg{transition:none;transform:none!important}}

/* beyond.css */
.beyond-section{margin-top:36px;padding:32px 0 12px;border-top:1px solid var(--line)}
.beyond-section .beyond-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}
.beyond-section h2{font-size:clamp(32px,3.4vw,46px);line-height:1.1;font-weight:700;letter-spacing:-1.6px;color:var(--text)}
.beyond-section .beyond-subheading{max-width:320px;font-size:14px;line-height:1.65;color:var(--muted)}
.beyond-section .beyond-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch}
.beyond-section .beyond-item{display:grid;grid-template-areas:"copy" "art";grid-template-rows:1fr 1fr;gap:24px;min-width:0;align-items:center}
.beyond-section .beyond-item:nth-child(2){grid-template-areas:"art" "copy"}
.beyond-section .beyond-copy{grid-area:copy;min-width:0}
.beyond-section h3{font-size:clamp(19px,1.7vw,23px);line-height:1.25;font-weight:700;letter-spacing:-.55px;color:var(--text);max-width:360px}
.beyond-section .beyond-copy p{font-size:14px;line-height:1.75;color:var(--muted);margin-top:12px;max-width:420px}
.beyond-section .beyond-image{grid-area:art;min-width:0;aspect-ratio:16/9;margin:0;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:14px;overflow:hidden;background:var(--surface);transition:border-color .25s ease}
.beyond-section .beyond-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s ease}
.beyond-section .beyond-image:hover{border-color:color-mix(in srgb,var(--accent) 65%,var(--line))}
.beyond-section .beyond-image:hover img{transform:scale(1.015)}
.beyond-section.beyond-observed .beyond-reveal{opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1),border-color .25s ease;transition-delay:var(--beyond-delay,0ms),var(--beyond-delay,0ms),0ms}
.beyond-section.beyond-observed .beyond-reveal.beyond-visible{opacity:1;transform:none}
@media(max-width:1000px){.beyond-section .beyond-grid{grid-template-columns:1fr;gap:28px}.beyond-section .beyond-item{grid-template-areas:"copy art";grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto;gap:28px}.beyond-section .beyond-item:nth-child(2){grid-template-areas:"art copy"}.beyond-section h3{font-size:23px}}
@media(max-width:680px){.beyond-section{margin-top:28px;padding-top:26px}.beyond-section .beyond-heading{align-items:start;flex-direction:column;gap:12px;margin-bottom:25px}.beyond-section h2{font-size:34px}.beyond-section .beyond-subheading{font-size:13px;max-width:100%}.beyond-section .beyond-grid{gap:30px}.beyond-section .beyond-item,.beyond-section .beyond-item:nth-child(2){grid-template-areas:"copy" "art";grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:15px}.beyond-section h3{font-size:22px}.beyond-section .beyond-copy p{font-size:13px;line-height:1.7;margin-top:10px}.beyond-section .beyond-image{border-radius:12px}}
@media(prefers-reduced-motion:reduce){.beyond-section.beyond-observed .beyond-reveal{opacity:1;transform:none;transition:none}.beyond-section .beyond-image,.beyond-section .beyond-image img{transition:none}.beyond-section .beyond-image:hover img{transform:none}}

/* approach-flow-motion.css */
/* Decorative sequence: idea, first dot trail, direction, second trail, frame. */
.approach-section .approach-flow.flow-animated::before{content:none}
.approach-section .approach-flow.flow-animated>span{position:relative}
.approach-section .flow-animated>span:nth-child(-n+2)::before,.approach-section .flow-animated>span:nth-child(-n+2)::after{content:"";position:absolute;left:calc(50% + 24px);top:18px;width:calc(100% + 8px - 48px);height:4px;pointer-events:none;background-image:radial-gradient(circle,var(--accent) 1.3px,transparent 1.6px);background-size:8px 4px;background-repeat:repeat-x}
.approach-section .flow-animated>span:nth-child(-n+2)::after{opacity:.18}
.approach-section .flow-animated>span:nth-child(-n+2)::before{z-index:1;clip-path:inset(0 100% 0 0);animation-duration:7.2s;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused}
.approach-section .flow-animated>span:nth-child(1)::before{animation-name:flow-first-dots}
.approach-section .flow-animated>span:nth-child(2)::before{animation-name:flow-second-dots}
.approach-section .flow-animated .approach-flow-icon{animation-duration:7.2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:paused;opacity:.55}
.approach-section .flow-animated>span:nth-child(1) .approach-flow-icon{animation-name:flow-idea-light}
.approach-section .flow-animated>span:nth-child(2) .approach-flow-icon{animation-name:flow-direction-light}
.approach-section .flow-animated>span:nth-child(3) .approach-flow-icon{animation-name:flow-frame-light}
.approach-section .flow-animated.flow-running .approach-flow-icon,.approach-section .flow-animated.flow-running>span::before{animation-play-state:running}
body.dialog-open .approach-section .flow-animated.flow-running .approach-flow-icon,body.dialog-open .approach-section .flow-animated.flow-running>span::before{animation-play-state:paused}
@keyframes flow-idea-light{0%,2%,86%,100%{opacity:.55;border-color:color-mix(in srgb,var(--accent) 25%,var(--line));box-shadow:0 0 0 transparent}5%,78%{opacity:1;border-color:var(--accent);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 24%,transparent)}}
@keyframes flow-direction-light{0%,30%,86%,100%{opacity:.55;border-color:color-mix(in srgb,var(--accent) 25%,var(--line));box-shadow:0 0 0 transparent}34%,78%{opacity:1;border-color:var(--accent);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 24%,transparent)}}
@keyframes flow-frame-light{0%,58%,86%,100%{opacity:.55;border-color:color-mix(in srgb,var(--accent) 25%,var(--line));box-shadow:0 0 0 transparent}62%,78%{opacity:1;border-color:var(--accent);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 24%,transparent)}}
@keyframes flow-first-dots{0%,12%{clip-path:inset(0 100% 0 0);opacity:0}14%{clip-path:inset(0 100% 0 0);opacity:1}30%,78%{clip-path:inset(0 0 0 0);opacity:1}86%{clip-path:inset(0 0 0 0);opacity:0}87%,100%{clip-path:inset(0 100% 0 0);opacity:0}}
@keyframes flow-second-dots{0%,40%{clip-path:inset(0 100% 0 0);opacity:0}42%{clip-path:inset(0 100% 0 0);opacity:1}58%,78%{clip-path:inset(0 0 0 0);opacity:1}86%{clip-path:inset(0 0 0 0);opacity:0}87%,100%{clip-path:inset(0 100% 0 0);opacity:0}}
@media(prefers-reduced-motion:reduce){.approach-section .flow-animated .approach-flow-icon{animation:none;opacity:1;box-shadow:none}.approach-section .flow-animated>span:nth-child(-n+2)::before{animation:none;clip-path:inset(0);opacity:.35}}

/* final-motion.css */
@property --project-lap{syntax:"<angle>";inherits:false;initial-value:0deg}
.header-project strong,.header-project strong:hover,.header-project:focus-visible strong{--project-face:var(--surface);border:1px solid transparent;background:linear-gradient(var(--project-face),var(--project-face)) padding-box,conic-gradient(from var(--project-lap),color-mix(in srgb,var(--accent) 20%,transparent),var(--accent),color-mix(in srgb,var(--cta-glow-b) 70%,var(--accent)),color-mix(in srgb,var(--accent) 20%,transparent)) border-box;box-shadow:inset 0 1px 0 #ffffff12,0 0 14px color-mix(in srgb,var(--accent) 12%,transparent);animation:header-outline-lap 9s linear infinite;animation-play-state:paused}
:root[data-theme=white] .header-project strong{--project-face:#29283c;background:linear-gradient(var(--project-face),var(--project-face)) padding-box,conic-gradient(from var(--project-lap),#62587d,#d5b5de,#8e81af,#62587d) border-box}
.header-project strong::before,.header-project strong:hover::before,.header-project:focus-visible strong::before{background:linear-gradient(110deg,transparent 30%,#ffffff38 50%,transparent 70%);animation:header-soft-shine 7s ease-in-out infinite;animation-play-state:paused;opacity:0}
.header-project.cta-motion-active strong,.header-project.cta-motion-active strong::before{animation-play-state:running}
body.dialog-open .header-project strong,body.dialog-open .header-project strong::before{animation-play-state:paused}
@keyframes header-outline-lap{to{--project-lap:360deg}}
@keyframes header-soft-shine{0%{transform:translateX(-115%);opacity:0}10%,65%{opacity:.85}80%,100%{transform:translateX(115%);opacity:0}}
.performance-showcase .performance-chart{margin-top:16px;justify-content:flex-start;display:grid;grid-template-rows:minmax(240px,1fr) auto;min-height:0;gap:10px}
.performance-showcase .performance-chart svg{width:100%;height:100%;min-height:0}
.performance-showcase .performance-chart figcaption{margin-top:0}
.performance-showcase.is-dot-enhanced.is-chart-running .performance-curve,.performance-showcase.is-dot-enhanced.is-chart-running .performance-endpoint{transition:none}
.performance-showcase.is-dot-enhanced.is-chart-running .performance-endpoint{opacity:1}
@media(max-width:720px){.performance-showcase .performance-chart{grid-template-rows:auto auto}.performance-showcase .performance-chart svg{height:auto;max-height:none}}
@media(prefers-reduced-motion:reduce){.header-project strong,.header-project strong:hover,.header-project:focus-visible strong,.header-project strong::before,.header-project strong:hover::before,.header-project:focus-visible strong::before{animation:none!important}.header-project strong::before{opacity:0!important}}
/* embedded-critical-images */
.brand-logo{-webkit-mask-image:url("data:image/png;base64,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");mask-image:url("data:image/png;base64,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")}
 .creator-avatar[data-creator="luigi"]{background-image:url("data:image/webp;base64,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");background-size:cover;background-position:center}
 .creator-avatar[data-creator="epaxial"]{background-image:url("data:image/webp;base64,UklGRvIEAABXRUJQVlA4IOYEAADwGgCdASpgAGAAPt1epk6opSMiLjULmRAbiWwAvVXyWp6Hflvxu9pC1t1CQnCJ8Svp3+YnznPO39QD9mesw9ADpjGA1P1l36cJpE4DVWvCft9qGf/eJSYsvx6p56tQ0pQ7Z0+z1XCQaBRpLZw8VUxzOj7nlVWXj4Lco7fSlA4fts5Bvw/EwkcN+lLQhXBvcnwsPOI0C5ieuS8uuJB40pLKdwK7giDzusPme/T/jG2LtUvC1Uo+VJNZm4k7rgPfe8R1K2FT09RG75MxUV5J9AKUADm583wfK6kP6tQppc+yAAD+yzZiPlRiERBMPpg/p/pGnQ2etmPQUawrR17/lB5eGKMGWfRRWzBNDu3cR60dkndImZcj+0uCzUGCHejVq9v4tP6mKs38AHN0jtEc06+5D0DL2mJHwTAwLx9g/VC3uHviOTw2ykSqFti3NN/EExkhCEIUZfSMKXHpoahsL3YB8WcUdPMuI/uUuYOLPSD8cqyHfT/QXcw7UW0rX1PuL0H/BBWqSBVfJEZUVd2i9LGk63wDrT3+wje1oCR3IsqkADbrBV9Jnm/JdTeTYx+S+sUm/xS9RsuW29Zl5HyHu8vfcBgN4uj5BYbcESvSvES9Tv6OGYTvFHJ5QnjALDr7lubSM2SW47MAkuK3hiXXcY17n6+q4ae4/7/q9Z903oXA5QxV57ohBQhmjRJPdiwxig+FRRC+rK9yCRyN1KvneTFqQICUIC1twfuTHQ3A/2NoQCss5FUYc1B87KU5N9iNsWNdoe8KdiRH3Y5XGQclH0ppKf/TxBIAWQZXPGhciae1Zd7e6jjPV/ebv8oU45iu88QTCiR1J2Ko7FLPAsbc7HOGO3bmR8YEzWELRmX69DmO1YfBonjkK6uP3g2VJTbmZaM92o7JNGLYwx5nSzRtRm+yxcv7kPqtLVQSRmnzginyCeMojzlo2dax0g19l9dRFBXtXNgoNRQZ+G/GUaQyC0obGJ05W1zdC4Xzmws2sd34VxGILOMx79peIaHpMfXaVepdApbiFmsWxvrbAMy55nhejzXL1EqoiGa4TMnTEVPwwNPvAHqjxh1oNvmfysZXzqCDIYw2JPMUqikJnmU+bUbPVKJH2DLTG01wCxJQHKAL2t41j9f9DjWIpo3i3AdlKe0070D1KvuQ9X0ndlLbsDV8WNMutK+nWzoTFCB2f4oUtxH9OQ4saKA/iL+qO9+Zw/QnwQnqMUUrMMUB9+d9NVHXfiw4nQj+ZyO1uo4/nl7rNi/QQlttD3mm/AtFBTmVQGBQqIQ9+m/UILgQ2eoc+B38+He1bKna+khjKPSBAvfKMVZf5vUHK03kdY9sBGYTCfhzz4vWszpSlSKRrHiUUOmfhtyfivbaFaUepCV1KovujVTx2LaDc5soK+ITVaWLjbViGORFggsQG67i4JVAs5QlCYgFRz6bjVR+0JfhwRNljsLa6PgMIgm6YMryxbAkzBDe1873rXPnzriV8orjMXUyDjn1VnK/ZHxbidUrihUdbfOSpm/GonG/1Pk7QjACEK4WLgisoGQhoFmHtgGeGF0ZnUgzKBtK8eP+Kjfde4AcrW1K/HThNW6o9T42JNUJAR9ONEk41tEFbO1tdBgRF3d/xQq2I5XVFDKRj0B2keWIAdDBJYkFGpIIDRNY0LHiT3roqn51AAA=");background-size:cover;background-position:center}
 .creator-avatar[data-creator="royalpear"]{background-image:url("data:image/webp;base64,UklGRpoEAABXRUJQVlA4II4EAACwFgCdASpgAGAAPt1cp04opKMiLHSdcRAbiWQAyBjHVnP8/qbe/npFOhqanQfnfBjggPDRMu6BHq72DulQn/d7pge0YF3pb2CX71emv88F2eLBOTIAqYGzHFSX0tqozlAQuvSGsx7smS71PLQ/gtfcLxenJ9FUSUTKYKJtYUkAmQzrRCDDa7V/X9Y/NsxBIZc8frZjUDkbMxM2spuTN5xR+TGXn5AzKWvtqxPq20GdS4BdUXKrvzgeRqrv4JA4AP72qgOMELVYucwLolfg7Ce5QBcq8Rco+JImEd+e6I0s7nrBA/wgJNIZlpnL8jjFrEUfi8ilM/9pnqQrM6MIHRHEXW5GABLMCTftct1bNfQ3jb77trPCEKG/Y16plyH8wb22cotCn5EgEs0WfrSlBtqCw8UwjGsHm4dd6byUqnBLgASKVpSDITO0khtRA0wUPxiGu4pn/lH7aVHPIHMelHTllNw2aJa+kQHJTMV3Mh5Y/tGcdai965tKg97ItyBoDPSb+BOFg/31bBLxQgF9dElxfTs0xuQMCyS6y8pbZ7/wjUsD/qig3A1r0jQVkxVO2coQ+/+iPgkrpndj1v+pO/5CV/wggNIOAsu1wmeiTm97FoEze62S9EygCOmjXVqN4dTbmiThvgvzyMsWi0y5GrtHHa3GaTWtDgsroseB1Yc/MDT9wYWwAShak9JTuhl8pmvay24tBRLxasc82/k4wZTPUNZDj+s/wsFxSKJgTQp4hlAyoDYUWOF+0XGXTam8ibB3KUvg+v0rQZvTE6fone5S6/Zq5X+DgmZk7x7YOg1nqESsg900MLuQSlTxIC6ibu3fUP85GINjKWj43ta1yYIlpiPLItdeT4Rt9qgY/m2RemzNZLxu3n3cArlDsTj/XzcZW3Ng6r+GC/DEi5E4Unxmpfc69Mm/pVojPMgwuQV//Q38IiPYTlJasxPXwNtkP1RqTWanfhtFwrOXWipAUIkCf2mugqT3PTLQJ8mdshL1xoVJ+ooWYIAeKj2IdHl62M8PBoQp6Xm9jKf83m3iuJ0PZNwYwj1dWKuwbXKDrLEDy3ZsjuMTjXC250Su3l7ZyUaMW4/2eoXGApqcfq5M/Ge0YBQmubCD1ZIpVXB0ujJePkorxkVBxg3R1kL78vGirhhnddIVwuozGTB8inzGQ9S1hGsKo0rc9Xs6M9xRUJI1x4WHdTonjyI6aS8P73Qokk8kPnTrDHybaB0ECrvw14fZIlCZSPtAJRb5mTkUMgUndB7BO3Q2emUs6EwiQROLhJTKaHnxoTElm/cni+q4misJEyprxNu0rzf8tbVM4x7d2ibhr2rOZkcw9Mfye7y6vZwi7KkurEkV4qlp44ITn5Ih2qRZWM1daGiGGoDhnxLGSVDFVr32RssnqtIObKCtzoHzKAJz3HSMLHHYNrTGeyjpPCfzyYqHEyfZajC4ZWZ36mWK7Mqwz3veOk0+rl3nwOzj1LFijGNdtHzN/IySnJD76bSwovDg88r46C/b+XNLIjiIqfH1VEFzOdHIBBdcK130/tvjaTv0MXKjeIAAAA==");background-size:cover;background-position:center}
 .creator-avatar[data-creator="karl"]{background-image:url("data:image/webp;base64,UklGRrYDAABXRUJQVlA4IKoDAABwGwCdASpgAGAAPt1Ypk0opKOiMBOeMRAbiWMAxrCUvo6jYCyfWa1foE+4BksF/TW196H6Oo71o0hXAK5ksmPZtaKuR4fxv6k/26cnoTg1Diyox/FKB60ItknhMIWs+W9uGmpCc6SEPKN364N+hxiORe3e/BUHtYht7tcbp4Rgx7IVxYlveNVGZNznC97MMbNnSASlCj5LDw34/SFHr2IqGl0iCFCnUguwhIByxdg6DiriWymlSmh+BLfn6QeJkgUBHGp9KJQ4eYEZ+edKCRaCtXyyrL0VfbuLqwjf4ein07C6CgAA2NWG6c+07XSdgq0X3CQGAzKBLjFAWMrNMffYSzDEZVF0fg0j1D0f8j5IvKd2dT/o2BJVJ02LgT3Xtbm2fcjv9Nq6v+ztmwuVK5dir20VYTsHSPzEbV+xlgQrfslZVDLjNgpbbG6XOWiZxdWnRR5b3xIoEj5TUFMOKGqmh8nXdO3K6PKxByn58LnA2N1btx2BmYTnEmUzAP4ji3z4UMD6WUqPPVg4b2FQxUR4RnHTsY1lM2sNGwXN/Ml6gZ4PiGzcHJmJ1IoacofT3sZ7r5Kc9R/0hSDXE0s0G4F1kz03MJIgf/KyJXeHAtbufA74vQf0UJoAlRwTZJlLeLrMSDFim9sZkIVK1CUVRyH0GrZQOnQkPyMeYjVrBjjH0/Vq7GDq9SO+BMuYcjSaI6ttCQokXyXQFnHxko0A9FfEEorBIq4bh2KCsPDY3DAcm9ph2gJVIzFzfGemRB0RMLA2Kq/q3xCigTbxYyj3+RHOpaRwwpBqBgKWrG7qGBW/St8SvhDUPauYBqLynTHONGr21xWIkJPS5TYksUxyCsAp+hemRB/PPmLcvy5gyfC0hS+Z9pbjLUASslKysUNktM9CphIqznZILFdB1ZEBexw6PwePhxGVoid7kkFYuOi8DFWoJ5hH4S6TqS8yfwh+aGX91i3udERgcPosluvuEcwWJsCqvlOIEb8LkT2iSDqk5kh8prmpInph8mhz6KEeMEDcekuqPnNx5VZKNBhuZg87p0M2yfPbW5r9YZ+vM85SAxjJaqvOS+aAGw5oGD0kGM+hbgMHoj9h/NzusfYfw2Xoxyvim8D3GBVgzlWQ86C3zQhAuBDRQ1HjPX/ROOcjHtqKcvKG7ZSlFALVKcpuDInDW/BmhkmWIpR/gJvNMTapfqbZ4Z7wMZyUfLPMzJ8HLMObIu4iZCPPbpmyEpqomeUVURTCdPLAQGAAAA==");background-size:cover;background-position:center}
 .creator-avatar[data-creator="woocified"]{background-image:url("data:image/webp;base64,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");background-size:cover;background-position:center}

/* last-touch.css */
/* Final profile badges and floating contact link only. */
.profile-refresh .profile-badges{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:9px}
.profile-refresh .profile-badges .profile-experience{margin-top:0}
.profile-refresh .profile-professional{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border:1px solid color-mix(in srgb,var(--text) 15%,var(--line));border-radius:7px;background:color-mix(in srgb,var(--text) 3%,transparent);font-size:11px;font-weight:600;line-height:1.4;color:var(--muted)}
@property --contact-orbit{syntax:"<angle>";inherits:false;initial-value:0deg}
.floating-contact{isolation:isolate;overflow:hidden;gap:20px;border:1px solid color-mix(in srgb,var(--text) 18%,var(--accent));background:linear-gradient(115deg,var(--accent),color-mix(in srgb,var(--accent) 88%,#fff));box-shadow:0 8px 24px #0000001c,0 0 0 4px color-mix(in srgb,var(--accent) 6%,transparent)}
.floating-contact-label,.floating-contact>.action-icon{position:relative;z-index:1}
.floating-contact>.action-icon{width:19px;height:19px;transition:transform .2s ease}
.floating-contact::before{--contact-orbit:0deg;content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--contact-orbit),transparent 0deg,transparent 180deg,color-mix(in srgb,var(--cta-glow-b) 85%,var(--text)) 250deg,var(--text) 300deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.65;animation:contact-outline-orbit 8s linear infinite;animation-play-state:paused}
.floating-contact::after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#ffffff2e 50%,transparent 70%);opacity:0;animation:contact-gentle-shine 7s ease-in-out infinite;animation-play-state:paused}
.past-intro .floating-contact::before,.past-intro .floating-contact::after{animation-play-state:running}
body.dialog-open .floating-contact::before,body.dialog-open .floating-contact::after{animation-play-state:paused}
.past-intro .floating-contact:hover{transform:translateY(-2px);background:linear-gradient(115deg,var(--accent),color-mix(in srgb,var(--accent) 82%,#fff))}
.floating-contact:hover>.action-icon{transform:translate(1px,-1px)}
.floating-contact:focus-visible{outline:2px solid var(--text);outline-offset:5px}
.past-intro .floating-contact:active{transform:none}
@keyframes contact-outline-orbit{to{--contact-orbit:360deg}}
@keyframes contact-gentle-shine{0%,64%{transform:translateX(-120%);opacity:0}72%{opacity:1}94%,100%{transform:translateX(120%);opacity:0}}
@media(prefers-reduced-motion:reduce){.floating-contact::before,.floating-contact::after{animation:none!important}.floating-contact::after{opacity:0!important}.past-intro .floating-contact:hover,.floating-contact:hover>.action-icon{transform:none}.floating-contact>.action-icon{transition:none}}

/* personal-touch.css */
/* Keep the philosophy's opening sentence beside its heading. */
.beyond-section .beyond-heading{justify-content:flex-start;align-items:center;gap:clamp(28px,4vw,56px)}
.beyond-section .beyond-heading h2{flex:0 0 auto}
.beyond-section .beyond-subheading{flex:0 1 320px}
/* A local system font and a small vertical drift for the contact shortcut. */
.floating-contact{animation:contact-soft-float 6s ease-in-out infinite;animation-play-state:paused}
.floating-contact .floating-contact-label{font-family:"Trebuchet MS","Segoe UI",sans-serif;font-size:16px;font-weight:700;line-height:1.25;letter-spacing:-.2px}
.past-intro .floating-contact{animation-play-state:running}
.past-intro .floating-contact:is(:hover,:focus-visible),body.dialog-open .floating-contact{animation-play-state:paused}
@keyframes contact-soft-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(max-width:850px){.beyond-section .beyond-heading{flex-wrap:wrap;gap:14px 28px}}
@media(max-width:680px){.beyond-section .beyond-heading{align-items:flex-start;gap:12px}.beyond-section .beyond-heading h2,.beyond-section .beyond-subheading{flex:0 1 auto}}
@media(max-width:520px){.floating-contact .floating-contact-label{font-size:14px}}
@media(prefers-reduced-motion:reduce){.floating-contact{animation:none!important;translate:none!important}}

/* brand-underline.css */
/* Header name only: two light, hand-drawn strokes without layout movement. */
.header .wordmark .brand-type{position:relative}
.header .wordmark .brand-underline{position:absolute;left:-4px;bottom:-11px;display:block;width:calc(100% + 8px);height:15px;overflow:visible;color:var(--accent);pointer-events:none}
.header .wordmark .brand-underline path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0;opacity:.8}
.header:has(.header-project.cta-motion-active) .wordmark .brand-underline path{animation:brand-scribble-draw 9s ease-in-out infinite}
.intro-pending .header .wordmark .brand-underline path,body.dialog-open .header .wordmark .brand-underline path{animation-play-state:paused!important}
@keyframes brand-scribble-draw{0%{stroke-dashoffset:1;opacity:0}4%{opacity:.8}22%,82%{stroke-dashoffset:0;opacity:.8}94%,100%{stroke-dashoffset:0;opacity:0}}
@media(max-width:380px){.header .wordmark .brand-underline{bottom:-9px;height:12px}}
@media(prefers-reduced-motion:reduce){.header .wordmark .brand-underline path{animation:none!important;stroke-dashoffset:0;opacity:.65}}

/* smoothness.css */
/* Keep the existing composition while isolating moving gallery paint. */
.work-section .gallery-reel-viewport{contain:layout paint}
.work-section .gallery-reel-track{will-change:auto}
.work-section .gallery-reel-shell.is-measured:not(.is-offscreen):not(.is-background) .gallery-reel-track{will-change:transform}
.intro-pending body::before,.intro-pending body::after{animation-play-state:paused!important}
.page-backgrounded *,.page-backgrounded *::before,.page-backgrounded *::after{animation-play-state:paused!important}

/* community.css */
/* Independent Thumbnailers spotlight only. */
.community-section{padding:36px 0 40px;border-top:1px solid var(--line);margin-top:32px}
.community-section .community-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,56px)}
.community-section .community-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
.community-section h2{font-size:clamp(30px,3.4vw,43px);line-height:1.12;letter-spacing:-1.3px;font-weight:700;max-width:490px}
.community-section .community-description{font-size:14px;line-height:1.75;color:var(--muted);max-width:52ch;margin-top:18px}
.community-section .community-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 22px;list-style:none;padding:0;margin:24px 0}
.community-section .community-benefits li{display:grid;grid-template-columns:21px minmax(0,1fr);gap:10px;align-items:start}
.community-section .community-benefits svg{width:19px;height:19px;color:var(--accent);margin-top:2px}
.community-section .community-benefits strong{display:block;font-size:13px;font-weight:700;line-height:1.4;margin-bottom:5px}
.community-section .community-benefits p{font-size:12px;line-height:1.6;color:var(--muted)}
.community-section .community-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 18px;border:1px solid var(--accent);border-radius:11px;background:var(--accent);color:var(--on-accent);font-size:14px;font-weight:700;transition:transform .2s,background .2s}
.community-section .community-cta svg{width:19px;height:19px;flex:none}
.community-section .community-cta .community-arrow{width:17px;height:17px;margin-left:12px;transition:transform .2s}
.community-section .community-cta:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--accent) 90%,var(--bg))}
.community-section .community-cta:hover .community-arrow{transform:translate(1px,-1px)}
.community-section .community-cta:focus-visible{outline:2px solid var(--text);outline-offset:5px}
.community-section .community-note{font-size:11px;line-height:1.6;color:var(--muted);margin-top:12px}
.community-section .community-showcase{min-width:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:color-mix(in srgb,var(--bg) 86%,var(--surface))}
.community-section .community-banner{position:relative;margin:0;aspect-ratio:16/5;background:var(--surface)}
.community-section .community-banner img{display:block;width:100%;height:100%;object-fit:contain}
.community-section .community-brand{display:flex;align-items:center;gap:13px;padding:18px 20px 15px}
.community-section .community-logo{display:block;flex:none;width:52px;height:auto;aspect-ratio:128/123;object-fit:contain;border-radius:11px}
.community-section .community-brand h3{font-size:21px;line-height:1.2;letter-spacing:-.5px;margin-bottom:5px}
.community-section .community-brand p{font-size:11px;line-height:1.5;color:var(--muted)}
.community-section .community-covers-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:700;color:var(--muted);padding:0 20px;margin:4px 0 11px}
.community-section .community-covers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 20px 20px}
.community-section .community-cover{min-width:0;margin:0;transition:transform .25s ease}
.community-section .community-cover img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:var(--surface);transition:border-color .25s}
.community-section .community-cover figcaption{font-size:10px;line-height:1.4;color:var(--muted);margin-top:7px}
.community-section .community-cover:hover{transform:translateY(-3px)}
.community-section .community-cover:hover img{border-color:var(--accent)}
.community-section.community-observed .community-reveal{opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .55s ease;transition-delay:var(--community-delay,0ms)}
.community-section.community-observed .community-reveal.community-visible{opacity:1;transform:none}
@media(max-width:850px){.community-section .community-layout{grid-template-columns:1fr;gap:26px}.community-section .community-description{max-width:65ch}.community-section .community-showcase{max-width:620px;width:100%}.community-section h2{max-width:600px;font-size:36px}}
@media(max-width:520px){.community-section{padding:28px 0;margin-top:24px}.community-section h2{font-size:31px;letter-spacing:-1px}.community-section .community-description{font-size:13px;margin-top:14px}.community-section .community-benefits{gap:17px 14px;margin:20px 0}.community-section .community-benefits li{grid-template-columns:18px minmax(0,1fr);gap:8px}.community-section .community-benefits svg{width:17px;height:17px}.community-section .community-benefits strong{font-size:12px}.community-section .community-benefits p{font-size:11px}.community-section .community-brand{padding:15px}.community-section .community-covers-label{padding:0 15px}.community-section .community-covers{padding:0 15px 16px;gap:8px}.community-section .community-cover figcaption{font-size:9px}.community-section .community-cta{width:100%}}
@media(prefers-reduced-motion:reduce){.community-section .community-reveal,.community-section .community-cover,.community-section .community-cover img,.community-section .community-cta,.community-section .community-arrow{transition:none!important;transform:none!important;opacity:1!important}}

/* community-polish.css */
.community-section .community-showcase{border-radius:25px;border-color:color-mix(in srgb,var(--accent) 28%,var(--line));background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 52%,var(--bg)),var(--bg) 65%);box-shadow:inset 0 1px 0 #ffffff12,0 18px 45px #00000015}
.community-section .community-banner{overflow:hidden}
.community-section .community-brand{padding-bottom:12px}
.community-section .community-logo{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.community-section .community-brand:hover .community-logo{transform:rotate(-5deg) scale(1.06)}
.community-section .community-benefits li{padding:8px;margin:-8px;border-radius:12px;transition:background .2s,transform .2s}
.community-section .community-benefits li:hover{background:color-mix(in srgb,var(--accent) 6%,transparent);transform:translateY(-2px)}
.community-section .community-shelf{margin:0 12px 12px;padding:10px 8px 12px;border:1px solid color-mix(in srgb,var(--line) 65%,transparent);border-radius:19px;background:color-mix(in srgb,var(--surface) 18%,transparent);box-shadow:inset 0 1px 0 #ffffff09}
.community-section .community-shelf-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 9px}
.community-section .community-covers-label{padding:0;margin:0;font-size:10px;letter-spacing:1.25px}
.community-section .community-motion{display:grid;place-items:center;flex:none;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:50%;background:color-mix(in srgb,var(--surface) 35%,transparent);color:var(--muted);transition:background .2s,transform .2s}
.community-section .community-motion svg{width:14px;height:14px}
.community-section .community-motion:hover{background:var(--surface);transform:scale(1.05);color:var(--text)}
.community-section.community-interactive .community-covers{display:block;position:relative;height:270px;overflow:hidden;padding:0;isolation:isolate}
.community-section.community-interactive .community-cover{position:absolute;top:50%;left:50%;width:min(68%,300px);padding:7px;border:1px solid color-mix(in srgb,var(--text) 15%,var(--line));border-radius:16px;background:var(--bg);box-shadow:0 12px 25px #00000025;transition:transform .65s cubic-bezier(.22,1.15,.36,1),opacity .5s ease;transform-origin:center 70%;backface-visibility:hidden}
.community-section.community-interactive .community-cover[data-position=active]{z-index:3;opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}
.community-section.community-interactive .community-cover[data-position=before]{z-index:1;opacity:.48;transform:translate(-83%,-50%) rotate(-9deg) scale(.83)}
.community-section.community-interactive .community-cover[data-position=after]{z-index:2;opacity:.58;transform:translate(-17%,-50%) rotate(9deg) scale(.83)}
.community-section.community-interactive .community-cover[data-position=active]:hover{transform:translate(-50%,calc(-50% - 4px)) rotate(-1deg)}
.community-section.community-interactive .community-cover img{border-radius:10px;border:0}
.community-section.community-interactive .community-cover figcaption{font-size:11px;font-weight:600;line-height:1.5;color:var(--text);padding:0 5px 2px;margin-top:7px}
/* Quiet navigation marks keep the artwork at the center of the shelf. */
.community-section .community-selector{display:flex;justify-content:center;align-items:center;gap:2px;margin:0 4px;padding:0;border:0;background:none;box-shadow:none}
.community-section .community-selector button{display:grid;place-items:center;flex:none;width:32px;min-height:38px;padding:8px 6px;border:0;border-radius:9px;background:transparent;color:var(--accent);transition:width .35s ease,background .2s}
.community-section .community-selector button span{position:relative;display:block;width:6px;height:5px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--text) 25%,transparent);transition:width .35s ease,background .25s}
.community-section .community-selector button:hover{background:color-mix(in srgb,var(--accent) 7%,transparent)}
.community-section .community-selector button[aria-pressed=true]{width:54px}
.community-section .community-selector button[aria-pressed=true] span{width:38px;background:color-mix(in srgb,var(--accent) 24%,transparent)}
.community-section .community-selector button[aria-pressed=true] span::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--accent);transform-origin:left}
.community-section.community-cycling .community-selector button[aria-pressed=true] span::after{animation:community-cover-progress 5.2s linear both}
@keyframes community-cover-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.community-section :is(.community-selector button,.community-motion):focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.footer .community-footer-link{display:grid;place-items:center;width:44px;height:44px;border:1px solid transparent;border-radius:13px;transition:background .2s,border-color .2s,transform .2s}
.footer .community-footer-link img{display:block;width:28px;height:auto;border-radius:7px}
.footer .community-footer-link:hover{background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:var(--line);transform:translateY(-2px)}
.footer .community-footer-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:520px){.community-section.community-interactive .community-covers{height:242px}.community-section.community-interactive .community-cover{width:min(71%,260px)}.community-section .community-selector button{font-size:11px}.community-section .community-shelf{margin:0 10px 10px}.footer .footer-close-actions{gap:7px}}
@media(prefers-reduced-motion:reduce){.community-section.community-interactive .community-cover,.community-section .community-selector::before,.community-section .community-motion,.community-section .community-benefits li,.community-section .community-logo,.footer .community-footer-link{transition:none!important}.community-section.community-interactive .community-cover[data-position=before],.community-section.community-interactive .community-cover[data-position=after]{opacity:0!important}.community-section.community-interactive .community-cover[data-position=active]{transform:translate(-50%,-50%)!important}}

.community-footer-visible .floating-contact:not(:focus-visible){opacity:0;visibility:hidden;pointer-events:none;animation-play-state:paused!important}
.community-footer-visible .floating-contact::before,.community-footer-visible .floating-contact::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.footer .community-footer-link:hover{transform:none}}

/* Frosted shelf, with a fixed establishment date in place of playback UI. */
.community-section .community-showcase{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 57%,transparent),color-mix(in srgb,var(--bg) 80%,transparent));backdrop-filter:blur(10px) saturate(1.12);-webkit-backdrop-filter:blur(10px) saturate(1.12);border-color:color-mix(in srgb,var(--text) 18%,var(--line));box-shadow:inset 0 1px 0 #ffffff26,inset 1px 0 0 #ffffff0a,0 18px 45px #00000016}
.community-section .community-shelf{background:linear-gradient(140deg,color-mix(in srgb,var(--text) 7%,transparent),color-mix(in srgb,var(--surface) 27%,transparent));border-color:color-mix(in srgb,var(--text) 15%,var(--line));box-shadow:inset 0 1px 0 #ffffff20,inset 0 -1px 0 #ffffff06}
.community-section .community-shelf-top{min-height:34px}
.community-section .community-established{flex:none;padding:6px 9px;border:1px solid color-mix(in srgb,var(--text) 14%,transparent);border-radius:999px;background:color-mix(in srgb,var(--text) 5%,transparent);font-size:10px;line-height:1.4;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;box-shadow:inset 0 1px 0 #ffffff10}
.community-section.community-interactive .community-cover{background:linear-gradient(150deg,color-mix(in srgb,var(--surface) 78%,transparent),color-mix(in srgb,var(--bg) 89%,transparent));box-shadow:inset 0 1px 0 #ffffff24,0 12px 25px #00000025}
.community-section.community-interactive .community-cover[data-position=parked]{z-index:0;opacity:0;pointer-events:none;transform:translate(-50%,-42%) scale(.72)}
.community-section.community-interactive .community-cover[data-position=before],.community-section.community-interactive .community-cover[data-position=after]{pointer-events:none}
@media(prefers-reduced-motion:reduce){.community-section .community-showcase{backdrop-filter:none;-webkit-backdrop-filter:none}.community-section.community-interactive .community-cover[data-position=parked]{opacity:0!important}}

.community-section .community-brand>div{min-width:0;flex:1}
.community-section .community-brand-title{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px}
.community-section .community-brand-title h3{margin:0}
.community-section .community-brand-title+p{margin-top:5px}
.community-section .community-brand-title .community-established{font-size:9px;padding:5px 8px}
@media(prefers-reduced-motion:reduce){.community-section .community-selector button,.community-section .community-selector button span{transition:none}.community-section .community-selector button span::after{animation:none!important}}

/* Keep the community introduction close to its artwork and closing row. */
.community-section{margin-top:18px;padding:24px 0 20px}
.community-section .community-layout{align-items:start;gap:clamp(24px,3vw,40px)}
.community-section .community-showcase{width:100%;max-width:500px;justify-self:end}
.community-section .community-banner{aspect-ratio:4/1}
.community-section .community-banner img{object-fit:cover}
.community-section .community-brand{padding-top:12px;padding-bottom:10px}
.community-section.community-interactive .community-covers{height:226px}
.community-section.community-interactive .community-cover{width:min(68%,244px)}
.community-section .community-shelf{padding-bottom:5px}
.community-section .community-shelf-top{min-height:28px}
.footer .community-footer-link{color:var(--muted);border-radius:50%}
.footer .community-footer-link img{width:24px;border-radius:6px;filter:grayscale(1) brightness(1.6);opacity:.8;transition:opacity .2s}
.footer .community-footer-link:hover img,.footer .community-footer-link:focus-visible img{opacity:.9}
@media(max-width:850px){.community-section .community-layout{gap:22px}.community-section .community-showcase{justify-self:start}}
@media(max-width:520px){.community-section{margin-top:16px;padding:22px 0 16px}.community-section.community-interactive .community-covers{height:242px}.community-section.community-interactive .community-cover{width:min(71%,260px)}}
@media(prefers-reduced-motion:reduce){.footer .community-footer-link img{transition:none}}

:root[data-theme=white] .footer .community-footer-link img{filter:grayscale(1);opacity:.8}

/* A quiet focus light: artwork stays clear while the page dims behind it. */
.community-section .community-showcase{position:relative;z-index:81}
.community-focus-dimmer{position:fixed;inset:0;z-index:80;background:rgb(0 0 0 / .3);opacity:0;pointer-events:none;transition:opacity .3s ease}
body:not(.dialog-open):has(#thumbnailers.community-spotlight-visible .community-showcase :focus-visible) .community-focus-dimmer{opacity:1}
@media(hover:hover) and (pointer:fine){body:not(.dialog-open):has(#thumbnailers.community-spotlight-visible .community-showcase:hover) .community-focus-dimmer{opacity:1}}
@media(prefers-reduced-motion:reduce){.community-focus-dimmer{transition:none}}
@media print{.community-focus-dimmer{display:none}}

/* closing-refinements.css */
/* Final viewer, philosophy heading and page ending refinements. */
#lightbox .gallery-viewer-heading,#lightbox .gallery-viewer-hint{display:none}
#lightbox .lightbox-toolbar{justify-content:flex-end}
.beyond-section .beyond-heading{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:center}
.beyond-section .beyond-subheading{grid-column:2;min-width:0;max-width:none;margin:0;overflow-wrap:break-word}
.footer .community-footer-link img,:root[data-theme=white] .footer .community-footer-link img{filter:none;opacity:1}
body{padding-bottom:0}
@media(max-width:1000px){.beyond-section .beyond-heading{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.beyond-section .beyond-heading{grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}.beyond-section .beyond-subheading{grid-column:1}}