:root{color-scheme:light;--paper: #f5f3ef;--surface: #fffefa;--surface-cool: #f0efeb;--skill-card-surface: #fcf7ee;--ink: #111111;--muted: #6d6b66;--orange: #ff5a1f;--line: rgba(17, 17, 17, .14);--soft-line: rgba(17, 17, 17, .08);--pad: max(24px, calc((100vw - 1320px)/2) );--ease: cubic-bezier(.19, 1, .22, 1);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px;background:var(--paper)}html:has(.home-main){scroll-padding-top:0}body{margin:0;min-width:320px;color:var(--ink);background:var(--paper);font-size:15px}body,button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}::selection{color:var(--ink);background:#ff5a1f4d}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.site-shell{min-height:100vh;overflow:clip}.site-header{z-index:40;height:96px;display:grid;place-items:center;background:#f5f3efe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.site-header{position:sticky;top:0}.site-header nav{display:grid;grid-template-columns:repeat(2,88px);align-items:center;justify-content:center;column-gap:clamp(36px,4vw,56px)}.site-header nav a{position:relative;text-align:center;padding:31px 3px 27px;font-size:clamp(22px,2vw,29px);font-weight:780;letter-spacing:-.03em;transition:color .3s ease}.site-header nav a:after{content:"";position:absolute;left:50%;bottom:20px;width:16px;height:3px;border-radius:999px;background:var(--orange);transform:translate(-50%) scaleX(0);transition:transform .35s var(--ease)}.site-header nav a:hover:after,.site-header nav a.active:after{transform:translate(-50%) scaleX(1)}.home-return{position:fixed;z-index:60;top:20px;left:max(18px,calc((100vw - 1440px)/2));width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--surface);box-shadow:0 8px 24px #1111111a;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.home-return:hover{transform:translateY(-3px);box-shadow:0 14px 34px #11111124}.hero{height:100svh;min-height:720px;display:grid;grid-template-columns:minmax(0,820px) minmax(400px,490px);grid-template-rows:auto auto;justify-content:center;align-items:center;align-content:center;column-gap:0;row-gap:clamp(18px,2.6vh,30px);position:relative;padding:clamp(42px,5vh,62px) var(--pad) clamp(36px,4vh,52px);overflow:hidden}.hero-copy{z-index:2;grid-column:1;grid-row:1;transform:translate(clamp(8px,1.5vw,22px),-36px)}.hero h1{max-width:700px;margin:0;font-size:clamp(62px,5.9vw,90px);line-height:.96;letter-spacing:-.052em;font-weight:820}.hero h1 span{display:inline-block;position:relative;white-space:nowrap}.hero h1 span:after{content:"";position:absolute;z-index:-1;left:1%;right:-2%;bottom:6%;height:.105em;border-radius:999px;background:var(--orange);transform:rotate(-1.2deg)}.scroll-cue{position:static;z-index:3;grid-column:1 / -1;grid-row:2;justify-self:center;display:inline-flex;align-items:center;gap:12px;padding:10px 14px;transform:none;color:var(--ink);font-size:clamp(17px,1.3vw,19px);font-weight:760;letter-spacing:-.02em;transition:opacity .3s ease,transform .35s var(--ease)}.scroll-cue:hover{transform:translateY(-4px)}body:has(#workbench:target) .scroll-cue{opacity:0;pointer-events:none}.scroll-cue svg{width:22px;height:22px;color:var(--orange);animation:nudge 1.8s ease-in-out infinite}@keyframes nudge{50%{transform:translateY(5px)}}.robot-stage{position:relative;grid-column:2;grid-row:1;top:-18px;left:clamp(-122px,-7vw,-96px);width:min(145%,700px);justify-self:start;isolation:isolate;transform:rotate(var(--robot-tilt));transition:transform .32s var(--ease)}.robot-stage:after{content:"";position:absolute;z-index:-1;width:84%;aspect-ratio:1.18;right:9%;bottom:1%;border:12px solid rgba(255,90,31,.24);transform:rotate(6deg)}.robot-image{width:100%;filter:drop-shadow(0 20px 18px rgba(17,17,17,.08))}.pupil{position:absolute;width:5.7%;aspect-ratio:1;object-fit:contain;transform:translate(var(--look-x),var(--look-y));transition:transform .08s linear;pointer-events:none}.pupil-left{left:35.65%;top:26.7%}.pupil-right{left:48.3%;top:26.7%}.content-reveal{opacity:0;transform:translateY(48px);transition:opacity .85s var(--ease),transform 1s var(--ease)}.content-reveal.is-visible{opacity:1;transform:translateY(0)}.home-section{width:min(1180px,calc(100% - 128px));margin-inline:auto;scroll-margin-top:96px;padding:clamp(72px,7vw,112px) 0}.home-workbench{width:min(784px,calc(100% - 80px));min-height:100vh;scroll-margin-top:0;padding-top:clamp(60px,7vw,92px)}.home-workbench-tabs{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,108px);align-items:flex-end;justify-content:center;column-gap:clamp(26px,4vw,44px);width:100%;margin-bottom:44px;padding:0 0 10px}.home-workbench-tab{position:relative;min-height:1.1em;padding:2px 3px 13px;border:0;color:#b3b0aa;background:transparent;cursor:pointer;font-size:clamp(26px,4vw,38px);font-weight:720;line-height:1;letter-spacing:-.045em;white-space:nowrap;text-align:center;opacity:1;transition:color .6s var(--ease),opacity .6s var(--ease),transform .6s var(--ease)}.home-workbench-tab:after{content:"";position:absolute;z-index:0;bottom:2px;left:50%;width:32px;height:4px;border-radius:999px;background:var(--orange);transform:translate(-50%) scaleX(0);transform-origin:center;transition:transform .8s var(--ease)}.home-workbench-tab.active{color:var(--ink);opacity:1}.home-workbench-tab.active:after{transform:translate(-50%) scaleX(1)}.home-workbench-tab:not(.active):hover{color:#696661;transform:translateY(-1px)}.home-workbench-panel{animation:home-panel-in .9s var(--ease)}@keyframes home-panel-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.read-link svg{transition:transform .35s var(--ease)}.read-link:hover svg{transform:translate(5px)}.article-card{min-width:0;overflow:hidden;border-radius:18px;background:var(--surface);box-shadow:0 14px 38px #11111114;transition:transform .55s var(--ease),box-shadow .55s var(--ease)}.article-card:hover{transform:translateY(-9px);box-shadow:0 28px 64px #11111124}.cover-link{position:relative;display:block;aspect-ratio:16 / 10;overflow:hidden;background:var(--surface-cool)}.cover-link img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.article-card:hover .cover-link img{transform:scale(1.04)}.article-card-copy{position:relative;min-height:190px;padding:22px 24px 26px}.article-card .meta{display:flex;align-items:center;gap:12px;color:var(--muted);font:650 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;text-transform:uppercase}.article-sequence{color:var(--orange);font-weight:800}.article-card h3{max-width:340px;margin:15px 44px 0 0;font-size:clamp(18px,1.7vw,25px);line-height:1.18;letter-spacing:-.035em}.article-card h3 a{color:inherit}.article-card-copy>p{margin:16px 44px 0 0;color:var(--muted);font-size:12px;line-height:1.7}.article-card.compact .article-card-copy{min-height:142px}.article-card.compact h3{font-size:clamp(18px,1.55vw,23px)}.read-link{position:absolute;right:22px;bottom:24px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--orange);background:#ff5a1f14}.connect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.6vw,36px)}.service-card{min-width:0;display:grid;grid-template-rows:auto 1fr;padding:0;overflow:hidden;border:0;border-radius:18px;background:var(--surface);text-align:left;cursor:pointer;box-shadow:0 14px 38px #11111114;transition:transform .55s var(--ease),box-shadow .55s var(--ease)}.service-card:hover{transform:translateY(-9px);box-shadow:0 28px 64px #11111124}.service-visual{position:relative;display:block;aspect-ratio:16 / 6.3;overflow:hidden;background:var(--surface-cool)}.service-visual>img{width:100%;height:100%;object-fit:cover;transition:transform .75s var(--ease)}.service-card:hover .service-visual>img{transform:scale(1.035)}.service-card-copy{position:relative;display:block;min-height:145px;padding:24px 24px 26px}.service-card-arrow{pointer-events:none}.service-card-arrow{display:none}.service-card small{display:block;margin-bottom:13px;color:var(--orange);font:750 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}.service-card strong{display:block;font-size:clamp(21px,1.9vw,28px);line-height:1.12;letter-spacing:-.04em}.service-card p{margin:13px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.page-main,.article-detail,.skill-detail,.admin-page{padding-inline:var(--pad)}.page-main{padding-top:clamp(78px,8vw,128px);padding-bottom:130px}.showcase-page{width:min(784px,calc(100% - 80px));margin-inline:auto;padding:18px 0 130px}.article-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,34px)}.article-list .article-card{position:relative;overflow:visible;border:1px solid var(--soft-line);border-radius:24px;box-shadow:0 12px 30px #1111110b}.article-list .cover-link{aspect-ratio:16 / 9;border-radius:23px 23px 0 0}.article-list .article-card-copy{min-height:160px;padding:20px 22px 22px;border-radius:0 0 23px 23px;background:var(--surface)}.article-list .article-sequence,.article-list .read-link{display:none}.article-list .article-card h3{max-width:none;margin:15px 0 0;font-size:clamp(18px,1.7vw,23px)}.article-list .article-card-copy>p{display:-webkit-box;overflow:hidden;margin:14px 0 0;font-size:13px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.back-link{display:inline-flex;align-items:center;gap:8px;margin-bottom:72px;color:#4d4b47;font-size:12px;font-weight:680}.article-detail{padding-top:54px;padding-bottom:130px}.article-hero{max-width:1060px;margin:0 auto 58px}.article-hero .meta{display:flex;flex-wrap:wrap;gap:14px 22px;margin-bottom:25px;color:var(--muted);font:650 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase}.article-hero h1{margin:0;font-size:clamp(44px,5.9vw,88px);line-height:1.02;letter-spacing:-.058em}.article-hero>p{max-width:760px;margin:30px 0 0;color:var(--muted);font-size:clamp(16px,1.65vw,21px);line-height:1.65}.article-hero-image{width:min(100%,1240px);aspect-ratio:16 / 9;margin:0 auto 96px;object-fit:cover;border-radius:28px;box-shadow:0 24px 70px #11111121}.prose{max-width:760px;margin-inline:auto;font-size:16px;line-height:1.9}.prose h2{margin:74px 0 24px;font-size:29px;line-height:1.25;letter-spacing:-.035em}.prose h2:before{content:"/";margin-right:11px;color:var(--orange)}.prose p,.prose li{color:#2f2d29}.prose a{color:var(--orange);text-decoration:underline;text-underline-offset:3px}.prose blockquote{margin:42px 0;padding:24px 30px;border-left:4px solid var(--orange);border-radius:0 16px 16px 0;background:#ece9e2;font-size:18px;font-weight:650}.prose code:not(pre code){padding:2px 6px;border-radius:5px;color:#b83b0c;background:#e9e5dc;font-family:ui-monospace,monospace}.prose pre{overflow-x:auto;padding:26px;border-radius:20px;background:var(--ink)}.prose pre code{color:#f7f6f2;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.hljs-keyword,.hljs-selector-tag,.hljs-literal{color:#ff7a45}.hljs-string,.hljs-title,.hljs-section{color:#f2d37f}.hljs-comment{color:#96938d}.hljs-number,.hljs-attr{color:#9bd6c5}.prose table{width:100%;display:block;overflow-x:auto;border-collapse:collapse}.prose th,.prose td{padding:11px 15px;border-bottom:1px solid var(--soft-line)}.article-end{max-width:760px;display:flex;justify-content:space-between;margin:90px auto 0;padding-top:24px;border-top:1px solid var(--line);font:700 10px/1 ui-monospace,monospace}.article-end a{display:flex;align-items:center;gap:8px}.skills-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,34px)}.skill-showcase-card{position:relative;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;overflow:hidden;border:1px solid var(--soft-line);border-radius:24px;background:var(--skill-card-surface);box-shadow:0 12px 30px #1111110b;transition:transform .55s var(--ease),box-shadow .55s var(--ease)}.skill-showcase-card:hover{transform:translateY(-8px);box-shadow:0 26px 58px #1111111f}.skill-card-visual{grid-column:1;grid-row:1;display:block;min-width:0;height:auto;aspect-ratio:16 / 9;overflow:hidden;border-radius:23px 23px 0 0;background:var(--skill-card-surface)}.skill-card-visual img{width:100%;height:100%;object-fit:contain;background:var(--skill-card-surface);transition:transform .8s var(--ease)}.skill-showcase-card:hover .skill-card-visual img{transform:scale(1.04)}.skill-card-copy{position:relative;grid-column:1;grid-row:2;min-width:0;min-height:230px;display:flex;flex-direction:column;justify-content:flex-start;padding:27px 28px 78px}.skill-card-copy small{display:block;color:var(--orange);font:750 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}.skill-card-copy strong{display:-webkit-box;overflow:hidden;margin-top:14px;font-size:clamp(19px,1.85vw,25px);line-height:1.12;letter-spacing:-.045em;-webkit-box-orient:vertical;-webkit-line-clamp:2}.skill-card-copy p{display:-webkit-box;overflow:hidden;margin:16px 0 0;color:var(--muted);font-size:13px;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:3}.skill-card-arrow{position:absolute;left:28px;bottom:25px;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--orange);border-radius:50%;color:var(--orange);background:transparent}.skill-card-arrow svg{transition:transform .35s var(--ease)}.skill-showcase-card:hover .skill-card-arrow svg{transform:translate(5px)}.skill-support-callout{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:34px;grid-column:1 / -1;margin-top:0;padding:32px 34px;border:1px solid var(--soft-line);border-radius:24px;background:var(--skill-card-surface);box-shadow:0 12px 30px #1111110b}.skill-support-callout>div>span{color:var(--orange);font:750 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.skill-support-callout h2{margin:12px 0 0;font-size:clamp(23px,2.3vw,31px);line-height:1.1;letter-spacing:-.04em}.skill-support-callout p{max-width:620px;margin:14px 0 0;color:var(--muted);font-size:14px;line-height:1.75}.skill-support-action{flex:none;white-space:nowrap}.skill-detail{padding-top:54px;padding-bottom:130px}.skill-detail-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(48px,7vw,110px)}.eyebrow{margin:0 0 25px;color:var(--orange);font:750 10px/1 ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase}.skill-detail h1{margin:0;font-size:clamp(38px,4.6vw,70px);line-height:1;letter-spacing:-.05em}.skill-lead{max-width:620px;margin:30px 0;color:var(--muted);font-size:17px;line-height:1.7}.skill-detail-grid img{width:100%;aspect-ratio:16 / 9;object-fit:contain;border-radius:28px;background:var(--skill-card-surface);box-shadow:0 22px 64px #1111111f}.skill-video-showcase{max-width:900px;margin:110px auto 0}.skill-video-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px}.skill-video-heading h2{margin:0;font-size:29px;line-height:1.2;letter-spacing:-.035em}.skill-video-heading p{max-width:500px;margin:0;color:var(--muted);font-size:14px;line-height:1.7}.skill-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.skill-video-grid figure{min-width:0;margin:0}.skill-video-grid video{width:100%;aspect-ratio:9 / 16;display:block;object-fit:cover;border-radius:18px;background:#151412;box-shadow:0 16px 38px #1111111c}.skill-video-grid figcaption{margin:10px 2px 0;color:var(--muted);font:700 10px/1 ui-monospace,monospace;letter-spacing:.08em}.button-orange{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 20px;border:0;border-radius:999px;color:var(--paper);background:var(--orange);cursor:pointer;font-weight:720;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.button-orange:hover{transform:translateY(-3px);box-shadow:0 12px 30px #ff5a1f40}.skill-detail .button-orange{font-size:14px}.skill-notes{margin-top:110px;padding-top:52px;border-top:1px solid var(--line)}.skill-notes>span{max-width:900px;display:block;margin-inline:auto;color:var(--muted);font:700 10px/1 ui-monospace,monospace;letter-spacing:.13em}.skill-guide{max-width:900px;margin:24px auto 0}.skill-guide>h2:first-child{margin-top:0}.skill-guide h2:before{content:none;margin:0}.skill-guide pre{padding:22px 24px;border:1px solid var(--soft-line);border-radius:16px;background:#ece9e2}.skill-guide pre code{color:#2f2d29;font-size:13px;line-height:1.7}.skill-guide img{width:100%;height:auto;margin:34px 0 18px;border:1px solid var(--soft-line);border-radius:18px;background:#fff;box-shadow:0 18px 42px #11111114}.connect-grid{grid-template-columns:1fr;gap:20px}.connect-grid .service-card{position:relative;height:188px;min-height:188px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-rows:1fr;overflow:hidden;border:1px solid var(--soft-line);border-radius:28px;box-shadow:0 12px 34px #1111110d}.connect-grid .service-card:hover{transform:translateY(-7px);box-shadow:0 27px 66px #1111111f}.connect-grid .service-card-copy{z-index:2;grid-column:1;grid-row:1;min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,2.8vw,32px)}.connect-grid .service-card strong{max-width:520px;font-size:clamp(28px,2.7vw,37px);line-height:1;letter-spacing:-.055em}.connect-grid .service-card p{max-width:490px;margin-top:12px;color:#55524d;font-size:clamp(13px,1.1vw,14px)}.connect-grid .service-visual{grid-column:2;grid-row:1;min-width:0;min-height:0;height:100%;aspect-ratio:auto;background:var(--surface)}.connect-grid .service-visual>img{object-position:center}.connect-grid .service-card-arrow{position:absolute;z-index:4;top:22px;right:22px;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--soft-line);border-radius:50%;background:#fffefaeb;box-shadow:0 6px 20px #1111110e}.connect-grid .service-card-arrow svg{transition:transform .4s var(--ease)}.connect-grid .service-card:hover .service-card-arrow svg{transform:translate(3px,-3px)}.service-dialog{width:min(820px,calc(100% - 36px));max-height:calc(100dvh - 36px);padding:clamp(38px,6vw,76px);overflow-y:auto;border:0;border-radius:28px;color:var(--ink);background:var(--surface);box-shadow:0 36px 110px #11111147}.service-dialog::backdrop{background:#11111180;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dialog-close{position:absolute;top:22px;right:22px;width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--surface-cool);cursor:pointer}.dialog-kicker{color:var(--orange);font:700 10px/1 ui-monospace,monospace;letter-spacing:.12em}.service-dialog h2{max-width:620px;margin:34px 0 22px;font-size:clamp(41px,6.4vw,72px);line-height:1;letter-spacing:-.055em}.service-dialog>p{max-width:650px;color:var(--muted);font-size:17px;line-height:1.8}.dialog-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:34px}.dialog-section{padding-top:20px;border-top:1px solid var(--soft-line)}.dialog-section h3{margin:0 0 16px;font-size:14px;letter-spacing:-.01em}.dialog-section ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.dialog-section li{position:relative;padding-left:17px;color:var(--muted);font-size:13px;line-height:1.55}.dialog-section li:before{content:"";position:absolute;top:.65em;left:0;width:5px;height:5px;border-radius:50%;background:var(--orange)}.dialog-action{margin-top:42px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;padding:22px 24px;border:1px solid var(--soft-line);border-radius:22px;background:var(--surface-cool)}.dialog-action strong{display:block;font-size:20px;letter-spacing:-.025em}.dialog-action p{margin:10px 0 0;color:var(--muted);line-height:1.55}.dialog-qr{width:184px;border-radius:16px;background:#fff;box-shadow:0 8px 24px #11111114}.admin-login{min-height:calc(100vh - 86px);display:grid;place-items:center;padding:60px var(--pad)}.admin-login>div{width:min(100%,560px);padding:44px;border-radius:28px;background:var(--surface);box-shadow:0 18px 56px #11111117}.admin-login h1{margin:0;font-size:clamp(48px,7.3vw,79px);letter-spacing:-.055em}.admin-login>div>p{color:var(--muted);line-height:1.7}.admin-login form{display:grid;gap:18px;margin-top:32px}.admin-login label,.editor-fields label{display:grid;gap:8px;font-size:13px;font-weight:700}input,textarea,select{width:100%;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}textarea{resize:vertical;line-height:1.6}.admin-page{padding-top:50px;padding-bottom:120px}.admin-head{display:flex;align-items:center;justify-content:space-between}.admin-head h1{margin:0;font-size:clamp(46px,6.4vw,79px);letter-spacing:-.055em}.icon-button{display:flex;align-items:center;gap:8px;padding:10px 14px;border:0;border-radius:999px;background:var(--surface);box-shadow:0 8px 24px #11111114;cursor:pointer}.admin-tabs{display:flex;gap:25px;margin-top:50px;border-bottom:1px solid var(--line)}.admin-tabs button{padding:15px 2px 12px;border:0;border-bottom:3px solid transparent;background:none;cursor:pointer;font-weight:780}.admin-tabs button.active{border-color:var(--orange)}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;padding:28px 0}.admin-toolbar>span{color:var(--muted);font-size:13px}.admin-list{overflow:hidden;border-radius:22px;background:var(--surface);box-shadow:0 12px 36px #1111110f}.admin-row{display:flex;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid var(--soft-line)}.admin-row:last-child{border-bottom:0}.admin-row>div:first-child{min-width:0;display:grid;gap:5px}.admin-row small{color:var(--orange);font:700 10px/1 ui-monospace,monospace;text-transform:uppercase}.admin-row strong{font-size:18px}.admin-row span{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.admin-row>div:last-child{display:flex;align-items:center;gap:8px}.admin-row button,.editor-panel header button{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--surface-cool);cursor:pointer}.notice{margin-bottom:18px;padding:12px 16px;display:flex;align-items:center;gap:8px;border-radius:12px;background:#e7f5e7;font-weight:700}.editor-overlay{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;background:#11111180;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.editor-panel{width:min(720px,100%);height:100%;overflow-y:auto;padding:clamp(25px,4vw,55px);background:var(--paper)}.editor-panel header,.editor-panel footer{display:flex;align-items:center;justify-content:space-between}.editor-panel header{margin-bottom:35px}.editor-panel header small{font:700 10px/1 ui-monospace,monospace;letter-spacing:.1em}.editor-panel h2{margin:7px 0 0;font-size:35px}.editor-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.editor-fields .wide{grid-column:1 / -1}.editor-fields label:has(input[type=checkbox]){display:flex;align-items:center}.editor-fields input[type=checkbox]{width:auto;accent-color:var(--orange)}.upload{position:relative;width:fit-content;display:inline-flex;align-items:center;gap:6px;color:var(--orange);cursor:pointer}.upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.editor-panel footer{margin-top:35px;padding-top:25px;border-top:1px solid var(--line)}.editor-panel footer>button:first-child{border:0;background:transparent;cursor:pointer}.form-error{color:#b42318!important;font-size:13px}.not-found{min-height:calc(100vh - 96px);display:grid;place-items:center;align-content:center;gap:20px;padding:30px;text-align:center}.not-found>span{color:var(--orange);font:800 17px/1 ui-monospace,monospace}.not-found h1{margin:0;font-size:clamp(46px,7.3vw,88px);letter-spacing:-.055em}.loading-rows{display:grid;gap:20px}.loading-rows span{height:180px;border-radius:18px;background:#eceae4;animation:pulse 1.2s ease infinite alternate}@keyframes pulse{to{opacity:.45}}@keyframes route-fade-out{to{opacity:0}}@keyframes route-fade-in{0%{opacity:0}}::view-transition-old(root){animation:route-fade-out .12s ease-out both}::view-transition-new(root){animation:route-fade-in .22s ease-out both}::view-transition-group(*){animation-duration:.38s;animation-timing-function:var(--ease)}::view-transition-group(root){animation-duration:.22s}@media(max-width:1300px){.hero{grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr)}.hero h1{font-size:clamp(59px,5.7vw,74px)}.hero-copy{transform:translate(10px,-28px)}.robot-stage{top:-18px;left:-56px;width:min(112%,550px)}}@media(max-width:1050px){.hero{grid-template-columns:minmax(0,1.12fr) minmax(350px,.9fr)}.hero h1{font-size:clamp(50px,6vw,57px)}.hero-copy{transform:translate(10px,-24px)}.robot-stage{top:-18px;left:-52px;width:min(115%,500px)}.connect-grid .service-card{grid-template-columns:minmax(0,1fr) minmax(340px,.95fr)}}@media(max-width:760px){html{scroll-padding-top:84px}.site-header{height:84px}.site-header nav{grid-template-columns:repeat(2,64px);column-gap:clamp(14px,5vw,28px)}.site-header nav a{padding:26px 0 22px;font-size:clamp(17px,5vw,19px)}.site-header nav a:after{bottom:16px}.home-return{top:18px;left:12px;width:40px;height:40px}.hero{height:100svh;min-height:650px;grid-template-columns:1fr;grid-template-rows:auto auto auto;align-content:center;gap:10px;padding-top:20px;padding-bottom:32px}.hero-copy{z-index:2;grid-column:1;grid-row:1;transform:none}.hero h1{width:min(100%,390px);justify-self:center;font-size:clamp(42px,12.3vw,60px);line-height:1;letter-spacing:-.04em}.robot-stage{grid-column:1;grid-row:2;top:0;left:0;width:min(70vw,350px);justify-self:center}.robot-stage:after{border-width:9px}.pupil{transform:none}.scroll-cue{grid-column:1;grid-row:3;margin-top:7px;padding:9px 12px;font-size:15px}.scroll-cue svg{width:20px;height:20px}.home-section{width:min(100% - 32px,620px);scroll-margin-top:84px;padding-block:70px}.home-workbench{scroll-margin-top:0;padding-top:52px}.home-workbench-tabs{grid-template-columns:repeat(2,76px);column-gap:clamp(10px,4vw,24px);margin-bottom:32px;padding-bottom:8px}.home-workbench-tab{padding:2px 2px 11px;font-size:clamp(22px,7.3vw,28px)}.home-workbench-tab:after{width:26px;height:3px}.article-list,.skills-showcase-grid,.connect-grid{grid-template-columns:1fr}.article-card h3{font-size:21px}.page-main{padding-top:72px;padding-bottom:100px}.showcase-page{width:min(100% - 32px,620px);padding-top:24px}.article-list,.skills-showcase-grid{gap:28px}.skill-card-copy,.home-workbench .skill-card-copy{min-height:220px;padding:25px 24px 72px}.skill-card-copy strong{font-size:clamp(22px,6.5vw,29px)}.skill-card-arrow,.home-workbench .skill-card-arrow{left:24px;bottom:22px}.skill-support-callout{grid-template-columns:1fr;gap:24px;margin-top:0;padding:26px 24px}.skill-support-action{width:fit-content}.article-list .article-card-copy{min-height:0}.article-detail,.skill-detail{padding-top:30px}.back-link{margin-bottom:44px}.article-hero h1{font-size:clamp(40px,11.7vw,57px)}.article-hero-image{margin-bottom:62px;border-radius:20px}.prose{font-size:15px}.skill-detail-grid{grid-template-columns:1fr;gap:44px}.skill-detail-grid>div{display:contents}.skill-detail-grid h1{order:1}.skill-lead{order:2}.skill-detail-grid img{order:3;border-radius:20px}.skill-detail-grid .button-orange{order:4;width:fit-content}.skill-video-showcase{margin-top:72px}.skill-video-heading{display:block;margin-bottom:20px}.skill-video-heading h2{font-size:26px}.skill-video-heading p{margin-top:10px}.skill-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.connect-grid .service-card{height:auto;min-height:0;grid-template-columns:1fr;grid-template-rows:auto auto}.connect-grid .service-visual{grid-column:1;grid-row:1;min-height:0;aspect-ratio:16 / 7}.connect-grid .service-card-copy{grid-column:1;grid-row:2;min-height:200px;padding:26px 24px 46px}.connect-grid .service-card strong{font-size:clamp(33px,9.6vw,44px)}.connect-grid .service-card-arrow{top:16px;right:16px}.service-dialog{border-radius:22px}.dialog-sections{grid-template-columns:1fr;gap:24px}.dialog-action{grid-template-columns:1fr;gap:20px;padding:20px}.dialog-qr{width:min(100%,220px)}.editor-fields{grid-template-columns:1fr}.editor-fields .wide{grid-column:auto}.admin-row{padding-inline:18px}}@media(hover:none){.article-card:hover,.service-card:hover,.skill-showcase-card:hover{transform:none}.article-card:hover .cover-link img,.skill-showcase-card:hover .skill-card-visual img,.service-card:hover .service-visual>img{transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.pupil,.robot-stage{transform:none!important}.content-reveal{opacity:1;transform:none}}
