:root{color-scheme:dark;--navy-950:#05142f;--navy-900:#071a3a;--navy-850:#0a2149;--navy-800:#0d2a5a;--paper:#f5f2e9;--paper-muted:#b8c1d3;--yellow:#ffd447;--yellow-ink:#161913;--line:rgba(245,242,233,.18);--line-strong:rgba(245,242,233,.42);--page-padding:clamp(1.25rem,5vw,7rem);--section-space:clamp(6rem,12vw,10rem);--radius:0;--ease-out:cubic-bezier(.16,1,.3,1);--font-sans:"SF Pro Display","PingFang SC","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;--font-mono:"SFMono-Regular","Cascadia Code","Roboto Mono",ui-monospace,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;border:0;background:none}button,input{font-family:inherit}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.mono{font-family:var(--font-mono);letter-spacing:.02em}.brand-identity{align-items:center;display:inline-flex;gap:.6rem;white-space:nowrap}.brand-identity-mark{background:#fff;border-radius:6px;flex:0 0 auto;height:34px;width:34px;object-fit:cover;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:var(--navy-950)}.brand-identity-wordmark{flex:0 0 auto;height:30px;width:120px;object-fit:contain;font-weight:700;font-size:1.1rem;letter-spacing:-.02em}.button{align-items:center;border:1px solid var(--paper);display:inline-flex;font-size:.88rem;font-weight:650;gap:.65rem;justify-content:center;min-height:50px;padding:0 1.15rem;transition:color .16s ease,background-color .16s ease,transform .16s ease;white-space:nowrap}.button-primary{background:var(--yellow);border-color:var(--yellow);color:var(--navy-950)}.button-ghost{background:transparent;color:var(--paper)}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(1px)}.section-shell{margin:0 auto;padding-inline:var(--page-padding);width:100%}.section-kicker{color:var(--yellow);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;margin:0 0 1rem;text-transform:uppercase}.site-shell{background:radial-gradient(circle at 72% 4%,rgba(31,74,145,.32),transparent 30%),var(--navy-900);min-height:100dvh;overflow:clip;color:var(--paper)}.site-header{align-items:center;border-bottom:1px solid rgba(245,242,233,.1);display:grid;grid-template-columns:1fr auto;height:72px;left:0;padding:0 var(--page-padding);position:absolute;top:0;width:100%;z-index:20}.app-brand,.site-brand{font-weight:650;gap:.7rem;letter-spacing:-.025em;white-space:nowrap}.alan-brand,.app-brand,.site-brand{align-items:center;display:inline-flex}.alan-brand{color:var(--paper)}.alan-brand .brand-identity-wordmark{filter:brightness(0) invert(1)}.header-actions{font-size:.82rem;gap:.75rem;justify-self:end}.desktop-nav,.header-actions{align-items:center;display:flex}.desktop-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05142fa3;border:1px solid rgba(245,242,233,.12);height:40px;padding:4px}.desktop-nav a{color:var(--paper-muted);font-size:.8rem;padding:.55rem 1rem;transition:color .22s var(--ease-out),background-color .22s var(--ease-out)}.desktop-nav a:hover{background:#f5f2e914;color:var(--paper);outline:none}.page-switch-link,.site-login-link{align-items:center;border:1px solid var(--navy-950);color:var(--navy-950);display:inline-flex;font-size:.82rem;font-weight:680;justify-content:center;min-height:42px;padding:.65rem 1.15rem;transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s var(--ease-out)}.page-switch-link{background:var(--yellow)}.site-login-link{background:var(--paper);min-width:94px}.page-switch-link:hover,.site-login-link:hover{background:var(--navy-950);border-color:var(--paper);color:var(--paper);outline:none}.page-switch-link:active,.site-login-link:active{transform:translateY(1px)}.site-footer{align-items:end;border-top:1px solid var(--line);display:grid;gap:2rem;grid-template-columns:1fr auto 1fr;min-height:150px;padding-block:2.5rem}.site-footer p{color:#7d8aa2;font-size:.75rem;margin:0}.site-footer-meta{display:grid;gap:.45rem}.site-filing{align-items:center;color:#65738c;display:flex;flex-wrap:wrap;font-size:.68rem;gap:.4rem}.site-filing a{color:inherit;transition:color .18s ease}.site-filing a:hover{color:var(--paper)}.site-filing-police{align-items:center;display:inline-flex;gap:.32rem}.site-filing-police img{flex:0 0 auto;height:16px;object-fit:contain;width:15px}.site-footer .mono{justify-self:end}.works-page{background-color:var(--paper);background-image:linear-gradient(rgba(5,20,47,.065) 1px,transparent 0),linear-gradient(90deg,rgba(5,20,47,.065) 1px,transparent 0);background-size:44px 44px;color:var(--navy-950);color-scheme:light;min-height:100dvh}.works-header{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f5f2e9e0;border-bottom:1px solid rgba(5,20,47,.2);display:flex;height:72px;justify-content:space-between;padding-inline:var(--page-padding);position:sticky;top:0;width:100%;z-index:40}.works-brand{color:var(--navy-950);display:inline-flex}.works-brand .brand-identity-wordmark{filter:none}.works-header-actions{align-items:center;display:flex;font-size:.82rem;font-weight:680;gap:.75rem}.hero{border-bottom:1px solid var(--line);margin:0 auto;max-width:none;min-height:auto;overflow:hidden;padding:clamp(3.5rem,9vh,6rem) var(--page-padding);position:relative}.hero:before{background-image:linear-gradient(to right,var(--line) 1px,transparent 1px),linear-gradient(to bottom,var(--line) 1px,transparent 1px);background-size:8vw 8vw;content:"";inset:0;-webkit-mask-image:linear-gradient(180deg,#000,transparent 88%);mask-image:linear-gradient(180deg,#000,transparent 88%);opacity:.24;pointer-events:none;position:absolute}.hero-refined{align-items:center;display:grid;gap:clamp(2rem,5vw,4rem);grid-template-columns:minmax(0,1fr) minmax(260px,380px)}.hero-copy{animation:hero-copy-in 1.1s var(--ease-out) .3s both;max-width:46rem;position:relative;z-index:3}.hero-visual{display:flex;justify-content:center;position:relative;z-index:1}.hero-visual canvas{height:auto;max-height:420px;max-width:100%;width:auto}@keyframes hero-copy-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-eyebrow{color:var(--yellow);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;margin:0 0 1rem;text-transform:uppercase}.hero-eyebrow span+span:before{content:"·";margin:0 .5rem}.hero h1{font-size:clamp(3.15rem,6vw,6.25rem);font-weight:500;letter-spacing:-.06em;line-height:.9;margin:0}.hero-action,.hero-thought{display:block}.hero-action{color:var(--yellow)}.hero-intro{color:var(--paper-muted);font-size:1.05rem;line-height:1.6;margin:1rem 0 0;max-width:25rem}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.4rem}.hero-consult-link{border-bottom:1px solid var(--paper-muted);color:var(--paper-muted);font-size:.82rem;padding-bottom:.2rem;transition:color .16s ease}.hero-consult-link:hover{color:var(--paper)}.hero-facts{color:#f5f2e9ad;display:grid;font-size:.7rem;gap:1.4rem;grid-template-columns:repeat(3,auto);margin-top:1.6rem;width:fit-content}.hero-facts span+span{position:relative}.hero-facts span+span:before{color:var(--yellow);content:"/";left:-.9rem;position:absolute}.hero-refined .hero-copy{max-width:46rem}.hero-refined h1{font-size:clamp(2.6rem,5vw,4.6rem);font-weight:520;letter-spacing:-.05em;line-height:1.05;max-width:none;margin-top:.1em;margin-bottom:.1em}.hero-refined .hero-intro{max-width:25rem}.compact-heading{margin-bottom:clamp(3rem,6vw,5rem)}.compact-heading h2{font-size:clamp(2.6rem,5vw,5rem);font-weight:510;letter-spacing:-.06em;line-height:1;margin:0;max-width:14ch}.compact-heading p{color:var(--paper-muted);font-size:1rem;line-height:1.7;margin:1.2rem 0 0;max-width:32rem}.featured-case-section{margin-top:var(--section-space)}.featured-case-heading h2{font-size:clamp(2.6rem,5vw,5rem);font-weight:510;letter-spacing:-.06em;line-height:1;margin:0;max-width:14ch}.featured-case-heading h2.featured-case-h2-single{font-size:clamp(2.2rem,4vw,4rem);max-width:none;white-space:nowrap;letter-spacing:-.05em}.featured-case-heading p{color:var(--paper-muted);font-size:1rem;line-height:1.7;margin:1.2rem 0 0;max-width:32rem}.featured-case-overview{margin-top:clamp(3rem,6vw,5rem)}.featured-case-log{background:var(--navy-950);border:1px solid var(--line);padding:clamp(2rem,4vw,3rem)}.featured-case-project-header{align-items:flex-end;display:grid;gap:2rem;grid-template-columns:minmax(0,1fr) auto;margin-bottom:3rem}.featured-case-project>span{color:var(--yellow);font-family:var(--font-mono);font-size:.72rem}.featured-case-project h3{font-size:clamp(2rem,3.5vw,3rem);font-weight:520;letter-spacing:-.05em;margin:.6rem 0 1rem;max-width:14ch}.featured-case-project h3.featured-case-h3-single{max-width:none;white-space:nowrap}.featured-case-project p{color:var(--paper-muted);line-height:1.7;max-width:34rem}.featured-case-outcomes{display:flex;flex-wrap:wrap;gap:.75rem}.featured-case-outcome{align-items:center;border:1px solid var(--paper);color:var(--paper);display:inline-flex;font-size:.82rem;font-weight:650;gap:.4rem;padding:.6rem 1rem;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.featured-case-outcome:hover{background:var(--yellow);border-color:var(--yellow);color:var(--navy-950)}.featured-case-outcome svg{height:17px;width:17px}.featured-case-log .work-log-track{overflow-x:auto}.featured-case-log .work-log-card{background:var(--navy-900);border:1px solid var(--line);box-shadow:none}.featured-case-log .work-log-card:hover{box-shadow:8px 10px rgba(0,0,0,.25)}.featured-case-log .work-log-time{color:var(--paper-muted)}.featured-case-log .work-log-time time{color:var(--yellow)}.featured-case-log .work-log-card img{border:1px solid var(--line)}.featured-case-log .work-log-card strong{color:var(--paper)}.featured-case-log .work-log-hint,.featured-case-log .work-log-open{color:var(--paper-muted)}.course-overview{padding-top:var(--section-space)}.poster-course-grid{display:grid;gap:1px;grid-template-columns:1fr 1fr;background:var(--line);border:1px solid var(--line)}.poster-course{background:var(--navy-900);display:grid;gap:clamp(2rem,4vw,3.5rem);grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:clamp(2rem,4vw,3rem)}.poster-course-camp{background:linear-gradient(160deg,#1b4384e6,#071a3a99),var(--navy-850)}.poster-frame{border:1px solid var(--line);overflow:hidden;position:relative}.poster-frame img{width:100%;height:100%;object-fit:cover}.poster-zoom{background:var(--navy-950);border:1px solid var(--yellow);color:var(--yellow);font-size:.7rem;font-weight:650;padding:.5rem .8rem;position:absolute;bottom:1rem;right:1rem;display:inline-flex;align-items:center;gap:.4rem}.poster-course-copy h3{font-size:clamp(2rem,3.5vw,3rem);font-weight:520;letter-spacing:-.05em;margin:0 0 1.2rem}.poster-course-copy h3.poster-course-h3-single{font-size:clamp(1.7rem,2.6vw,2.4rem);max-width:none;white-space:nowrap;letter-spacing:-.04em;line-height:1.2}.poster-course-copy ul{list-style:none;padding:0}.poster-course-copy li{color:var(--paper-muted);font-size:.92rem;line-height:1.8;padding-left:1.4rem;position:relative}.poster-course-copy li:before{content:"·";color:var(--yellow);font-weight:700;left:0;position:absolute}.course-price{align-items:center;border-top:1px solid var(--line);display:flex;gap:1rem;justify-content:space-between;margin-top:2rem;padding-top:1.2rem}.course-price span{color:var(--paper-muted);font-size:.82rem}.course-price a{align-items:center;border-bottom:1px solid var(--yellow);color:var(--yellow);display:inline-flex;font-size:.82rem;font-weight:650;gap:.4rem}.camp-pricing{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.2rem}.camp-pricing>p{color:var(--paper-muted);font-size:.82rem;margin-bottom:1rem}.camp-pricing dl{display:grid;gap:.8rem}.camp-pricing dt{align-items:baseline;display:flex;gap:.5rem}.camp-pricing dt strong{font-size:1rem;font-weight:650}.camp-pricing dt span{color:var(--paper-muted);font-size:.78rem}.camp-pricing dd{color:var(--yellow);font-family:var(--font-mono);font-size:1.1rem;font-weight:700;text-align:right}.learning-section{padding-top:var(--section-space)}.learning-heading h2{font-size:clamp(2.6rem,5vw,5rem);font-weight:510;letter-spacing:-.06em;line-height:1;margin:0;max-width:14ch}.learning-heading p{color:var(--paper-muted);font-size:1rem;line-height:1.7;margin:1.2rem 0 0;max-width:32rem}.learning-method-label{color:var(--yellow);font-family:var(--font-mono);font-size:.72rem;margin:0 0 1rem}.heading-phrase{display:block}.pbl-overview{display:grid;gap:clamp(3rem,6vw,5rem);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);margin-top:clamp(3rem,6vw,5rem)}.pbl-intro h3{font-size:clamp(2.4rem,4vw,4rem);font-weight:520;letter-spacing:-.06em;line-height:1;margin:.8rem 0 1.2rem}.pbl-intro p{color:var(--paper-muted);line-height:1.75;max-width:30rem}.pbl-equation{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}.pbl-equation span{background:var(--navy-950);border:1px solid var(--line);font-size:.82rem;padding:.5rem .8rem}.pbl-equation b{color:var(--paper-muted);font-size:1rem}.pbl-equation strong{background:var(--yellow);color:var(--navy-950);font-size:.82rem;font-weight:700;padding:.5rem .8rem}.pbl-reasons{display:grid;gap:1.5rem}.pbl-reasons article{border:1px solid var(--line);padding:1.8rem}.pbl-reason-icon{color:var(--yellow);margin-bottom:1rem}.pbl-reasons h3{font-size:1.2rem;font-weight:650;margin-bottom:.5rem}.pbl-reasons p{color:var(--paper-muted);font-size:.9rem;line-height:1.6}.journey-scroll{margin-top:var(--section-space);position:relative}.journey-heading{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin-bottom:3rem}.journey-heading p{color:var(--paper-muted);font-size:.92rem}.journey-progress{flex:1;height:3px;background:var(--line);max-width:400px;position:relative}.journey-progress i{display:block;height:100%;background:var(--yellow);transform-origin:left;transform:scaleX(0);transition:transform .3s var(--ease-out)}.journey-track{display:grid;gap:1px;grid-template-columns:repeat(5,1fr);list-style:none;padding:0}.journey-panel{background:var(--navy-900);border:1px solid var(--line);display:flex;flex-direction:column;gap:1.5rem;min-height:400px;padding:2rem 1.5rem}.journey-panel-index{color:var(--yellow);font-size:.72rem}.journey-panel-copy h3{font-size:1.8rem;font-weight:520;letter-spacing:-.04em;margin-bottom:.5rem}.journey-panel-copy strong{display:block;font-size:.92rem;font-weight:650;margin-bottom:.8rem}.journey-panel-copy p{color:var(--paper-muted);font-size:.88rem;line-height:1.65}.journey-panel-visual{align-items:center;display:flex;flex:1;justify-content:center;position:relative}.journey-icon-orbit{color:var(--yellow);opacity:.4}.ability-scroll{margin-top:var(--section-space)}.ability-scroll-heading{margin-bottom:3rem}.ability-scroll-heading h2{font-size:clamp(2.6rem,5vw,5rem);font-weight:510;letter-spacing:-.06em;line-height:1;margin:0;max-width:14ch}.ability-scroll-heading p{color:var(--paper-muted);font-size:1rem;margin-top:1rem}.ability-stage{display:grid;gap:clamp(2rem,5vw,4rem);grid-template-columns:minmax(300px,.7fr) minmax(0,1fr);align-items:center}.ability-radar{position:relative;aspect-ratio:1;max-width:520px;margin:0 auto}.ability-radar-chart{width:100%;height:100%}.ability-radar-grid{fill:none;stroke:var(--line-strong);stroke-width:.2}.ability-radar-axis{stroke:var(--line);stroke-width:.2}.ability-radar-profile{fill:var(--paper);stroke:none}.ability-radar-active{fill:var(--yellow);stroke:var(--yellow);stroke-width:.4;opacity:.3}.ability-radar-node{fill:var(--yellow);stroke:var(--yellow);stroke-width:.3}.ability-radar-origin{fill:var(--paper-muted)}.ability-radar-label{font-size:5.5px;font-weight:700;fill:var(--paper);text-anchor:middle;letter-spacing:.5px}.ability-radar-scale{position:absolute;font-size:.7rem;color:var(--paper-muted)}.ability-radar-scale-zero{bottom:46%;left:48%}.ability-radar-scale-ten{top:2%;left:48%}.ability-details{display:grid;gap:1rem}.ability-detail{border:1px solid var(--line);padding:1.8rem}.ability-detail-icon{color:var(--yellow);margin-bottom:1rem}.ability-detail h3{font-size:1.5rem;font-weight:520;letter-spacing:-.03em;margin:.5rem 0}.ability-detail>p{color:var(--paper-muted);font-size:.92rem;line-height:1.65}.ability-detail>div{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.ability-detail strong{font-size:.82rem;font-weight:650;display:block;margin-bottom:.4rem}.trae-section{background:var(--navy-950);border-block:1px solid var(--line);margin-top:var(--section-space);padding-block:var(--section-space)}.tool-section{display:grid;gap:clamp(3rem,7vw,6rem);grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}.tool-mark{gap:1.5rem}.tool-mark,.trae-brand{align-items:center;display:flex}.trae-brand{gap:.8rem}.trae-brand img{height:40px}.trae-brand span{color:var(--paper);font-size:1.1rem;font-weight:650}.workbuddy-brand{align-items:center;display:flex;gap:.8rem}.workbuddy-brand span{color:var(--paper);font-size:1.1rem;font-weight:650}.tool-plus{color:var(--paper-muted);font-size:1.8rem;font-weight:300;line-height:1}.tool-pulse{display:flex;gap:.4rem}.tool-pulse i{background:var(--yellow);height:8px;width:8px;animation:pulse 1.4s var(--ease-out) infinite}.tool-pulse i:nth-child(2){animation-delay:.2s}.tool-pulse i:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.tool-copy h2{font-size:clamp(2.4rem,4.5vw,4.5rem);font-weight:510;letter-spacing:-.06em;line-height:.95;margin:.5rem 0 1.2rem}.tool-copy h2.tool-h2-single{font-size:clamp(1.8rem,3vw,2.8rem);max-width:none;white-space:nowrap;letter-spacing:-.04em}.tool-copy>p{color:var(--paper-muted);line-height:1.75;max-width:34rem}.trae-abilities{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;margin:1.5rem 0;padding:0}.trae-abilities li{background:var(--navy-900);border:1px solid var(--line);font-size:.82rem;padding:.5rem .8rem}.tool-principle{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0;font-size:.82rem;color:var(--paper-muted)}.tool-principle span{background:var(--navy-900);border:1px solid var(--line);padding:.4rem .8rem}.tool-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.tool-link{align-items:center;border:1px solid var(--paper);display:inline-flex;font-size:.82rem;font-weight:650;gap:.4rem;padding:.6rem 1rem;transition:background-color .16s ease,color .16s ease}.tool-link:hover{background:var(--yellow);border-color:var(--yellow);color:var(--navy-950)}.about-section{padding-top:var(--section-space)}.about-grid{display:grid;gap:clamp(3rem,7vw,6rem);grid-template-columns:minmax(0,.6fr) minmax(0,1fr)}.about-brand-identity{text-align:center}.about-brand-identity img{border-radius:8px;margin:0 auto;width:120px;height:120px;object-fit:cover}.about-copy h2{font-size:clamp(2.2rem,4vw,4rem);font-weight:510;letter-spacing:-.05em;line-height:1.02;margin:.5rem 0 1.5rem}.about-copy p{color:var(--paper-muted);line-height:1.75;margin-bottom:1.5rem;max-width:38rem}.about-facts{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin:2rem 0}.about-facts div{border:1px solid var(--line);padding:1.2rem}.about-facts dt{color:var(--yellow);font-family:var(--font-mono);font-size:1.3rem;font-weight:700;margin-bottom:.3rem}.about-facts dd{color:var(--paper-muted);font-size:.82rem}.about-belief{border:1px solid var(--line);margin-top:2rem;padding:2rem}.about-belief h3{font-size:clamp(1.8rem,3vw,3rem);font-weight:510;letter-spacing:-.04em;line-height:1.02;margin-bottom:1rem}.about-belief h3 span{display:block}.about-belief p{color:var(--paper-muted);font-size:.92rem;line-height:1.75;margin-bottom:1rem}.wechat-section{padding-top:var(--section-space);padding-bottom:var(--section-space)}.wechat-grid{display:grid;gap:clamp(3rem,7vw,6rem);grid-template-columns:minmax(0,1fr) minmax(300px,.5fr)}.wechat-copy h2{font-size:clamp(2.2rem,4vw,4rem);font-weight:510;letter-spacing:-.05em;line-height:1.02;margin:.5rem 0 1.2rem}.wechat-copy p{color:var(--paper-muted);line-height:1.75;max-width:30rem}.wechat-card{background:var(--navy-950);border:1px solid var(--line);display:grid;gap:1rem;justify-items:center;padding:2.5rem 2rem;text-align:center}.wechat-card>span{color:var(--paper-muted);font-size:.82rem}.wechat-card>strong{color:var(--yellow);font-size:1.8rem;font-weight:700}.works-intro{align-items:center;display:grid;gap:clamp(3rem,9vw,10rem);grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);min-height:min(720px,calc(100dvh - 72px));padding:clamp(5rem,10vw,9rem) var(--page-padding) clamp(4rem,8vw,7rem)}.works-index{color:#34537d;font-size:.72rem;margin:0 0 1.4rem}.works-intro h1{font-size:clamp(4.6rem,8.9vw,9.6rem);font-weight:500;letter-spacing:-.095em;line-height:.86;margin:0;max-width:10ch}.works-intro h1 span{color:#1b56c5}.works-intro h1.works-title-single{font-size:clamp(2.6rem,4.4vw,4.2rem);font-weight:560;letter-spacing:-.04em;line-height:1.15;max-width:none;white-space:nowrap}.works-intro-copy>p:last-child{color:#405574;font-size:clamp(1rem,1.45vw,1.25rem);line-height:1.7;margin:2rem 0 0;max-width:30rem}.works-wall-note{background:var(--yellow);border:1px solid var(--navy-950);box-shadow:10px 11px #05142f21;display:flex;flex-direction:column;justify-content:space-between;justify-self:end;min-height:310px;padding:clamp(2rem,4vw,3.25rem);position:relative;rotate:1.4deg;width:min(100%,390px)}.work-note-tape,.works-tape{background:#f5f2e9c7;border-inline:1px solid rgba(5,20,47,.1);height:27px;left:50%;position:absolute;top:-13px;transform:translate(-50%) rotate(-2deg);width:84px;z-index:3}.works-wall-note>p{font-size:.68rem;margin:0}.works-wall-note strong{font-size:clamp(1.7rem,2.6vw,2.6rem);font-weight:560;letter-spacing:-.055em;line-height:1.15}.works-wall-note strong span{display:block;white-space:nowrap}.works-wall-note small{color:#05142fad;font-size:.72rem;line-height:1.6;max-width:26ch}.works-tools{background:var(--yellow);border-block:1px solid var(--navy-950);gap:2rem;grid-template-columns:minmax(280px,1fr) auto;padding:1.4rem var(--page-padding)}.works-search,.works-tools{align-items:center;display:grid}.works-search{background:var(--paper);border:1px solid var(--navy-950);box-shadow:inset 0 -4px 0 transparent;gap:.8rem;grid-template-columns:auto 1fr auto;max-width:740px;min-height:58px;padding-inline:1rem;transition:box-shadow .18s ease}.works-search:focus-within{box-shadow:inset 0 -4px 0 var(--navy-950)}.works-search svg{width:22px;height:22px;color:#66738a;flex-shrink:0}.works-search input{background:transparent;border:0;color:var(--navy-950);font:inherit;font-size:.95rem;min-width:0;outline:0;padding:0}.works-search input::placeholder{color:#66738a;opacity:1}.works-sort{align-items:center;border:1px solid var(--navy-950);display:flex}.works-sort button{background:transparent;color:var(--navy-950);min-height:56px;padding:.8rem 1.3rem;transition:color .18s ease,background-color .18s ease;white-space:nowrap;font-size:.82rem;font-weight:680}.works-sort button+button{border-left:1px solid var(--navy-950)}.works-sort button.active{background:var(--navy-950);color:var(--paper)}.works-sort button:not(.active):hover{background:var(--yellow);outline:none}.works-wall{min-height:60dvh;overflow:clip;padding:clamp(5rem,9vw,9rem) var(--page-padding)}.works-wall-head{align-items:baseline;border-bottom:1px solid rgba(5,20,47,.3);display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;justify-content:space-between;margin-bottom:clamp(2.4rem,4vw,3.6rem);padding-bottom:1.1rem}.works-wall-index{color:var(--navy-950);font-size:.82rem;font-weight:700;letter-spacing:.1em;margin:0;text-transform:uppercase}.works-wall-index span{color:#7a869c;font-weight:400}.works-wall-count{color:#405574;font-size:.78rem;margin:0}.works-wall-grid{align-items:stretch;display:grid;gap:clamp(2rem,3vw,3.5rem) clamp(1rem,1.8vw,1.8rem);grid-template-columns:repeat(4,minmax(0,1fr))}.work-note{border:1px solid var(--navy-950);box-shadow:6px 7px #05142f1f;color:var(--navy-950);display:flex;flex-direction:column;height:100%;isolation:isolate;position:relative;transition:translate .32s var(--ease-out),rotate .32s var(--ease-out),box-shadow .32s var(--ease-out)}.work-note:hover{box-shadow:12px 14px #05142f2e;outline:3px solid var(--yellow);outline-offset:4px;rotate:0deg;translate:0 -8px;z-index:5}.work-note:active{translate:0 -2px}.work-note--paper{background:#fffdf6}.work-note--yellow{background:var(--yellow)}.work-note--blue{background:#1b56c5;color:var(--paper)}.work-note--hero{grid-column:span 1;rotate:-1.15deg}.work-note--side{grid-column:span 1;margin-top:0;rotate:1.45deg}.work-note-flag{background:var(--navy-950);color:var(--yellow);font-size:.6rem;font-weight:800;letter-spacing:.08em;padding:.26rem .55rem;position:absolute;right:0;top:0;z-index:4}.work-note--blue .work-note-flag{background:var(--yellow);color:var(--navy-950)}.work-note-image{border-bottom:1px solid;margin:0;overflow:hidden;padding:clamp(.55rem,.8vw,.8rem);position:relative}.work-note-image img{aspect-ratio:4/3;display:block;object-fit:cover;transition:transform .5s var(--ease-out);width:100%}.work-note:hover .work-note-image img{transform:scale(1.025)}.work-note-copy{display:flex;flex:1;flex-direction:column;min-height:0;padding:clamp(.9rem,1.25vw,1.25rem)}.work-note-topline{align-items:center;display:flex;font-size:.56rem;gap:.6rem;justify-content:space-between;opacity:.7}.work-note h2{font-weight:590;letter-spacing:-.055em;line-height:1.1;margin:.7rem 0 0;min-height:2.2em;overflow-wrap:anywhere;font-size:clamp(1.28rem,1.55vw,1.72rem)}.work-note-copy>p{display:-webkit-box;font-size:.73rem;line-height:1.58;margin:.7rem 0 0;opacity:.74;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.work-note-meta{align-items:center;border-top:1px solid;display:grid;font-size:.66rem;gap:.55rem;grid-template-columns:1fr auto auto;margin-top:auto;padding-top:.85rem}.work-note-meta>span:nth-child(2){align-items:center;display:inline-flex;gap:.35rem;opacity:.7}.work-note-meta svg.eye-icon{width:16px;height:16px;flex-shrink:0}.work-note-arrow{background:var(--navy-950);color:var(--paper);display:grid;height:29px;place-items:center;transition:transform .28s var(--ease-out);width:29px;flex-shrink:0}.work-note--blue .work-note-arrow{background:var(--yellow);color:var(--navy-950)}.work-note:hover .work-note-arrow{transform:translate(3px,-3px)}.works-footer{background:var(--navy-950);color:var(--paper);align-items:center;border-top:1px solid var(--navy-950);display:flex;font-size:.78rem;gap:2rem;justify-content:space-between;min-height:120px;padding:2rem var(--page-padding)}.works-footer-meta{display:grid;gap:.6rem;justify-items:center}.works-footer .site-filing{align-items:center;color:#aeb8ca;display:flex;flex-wrap:wrap;font-size:.68rem;gap:.4rem;justify-content:center}.works-footer .site-filing a{border-bottom:0;transition:color .18s ease}.works-footer .site-filing a:hover{color:var(--yellow)}.work-detail-page{background-color:var(--paper);background-image:linear-gradient(rgba(5,20,47,.065) 1px,transparent 0),linear-gradient(90deg,rgba(5,20,47,.065) 1px,transparent 0);background-size:44px 44px;color:var(--navy-950);color-scheme:light;min-height:100dvh}.work-detail-hero{align-items:center;display:grid;gap:clamp(3rem,8vw,9rem);grid-template-columns:minmax(0,.82fr) minmax(430px,1.18fr);min-height:calc(100dvh - 72px);padding:clamp(4rem,8vw,8rem) var(--page-padding)}.work-back{align-items:center;border-bottom:1px solid;display:inline-flex;font-size:.76rem;gap:.55rem;margin-bottom:clamp(3rem,6vw,6rem);padding-bottom:.35rem;width:fit-content}.work-detail-heading>p:first-of-type{color:#34537d;font-size:.68rem;margin:0}.work-detail-heading h1{font-size:clamp(4rem,7.5vw,8.1rem);font-weight:520;letter-spacing:-.09em;line-height:1.05;margin:1.2rem 0 0;max-width:none;word-wrap:break-word;overflow-wrap:anywhere}.work-detail-heading h1.work-detail-title-single{font-size:clamp(2.6rem,4.6vw,4.6rem);letter-spacing:-.04em;line-height:1.15;max-width:none;font-weight:560}.work-detail-heading>p:nth-of-type(2){color:#405574;font-size:1rem;line-height:1.8;margin:2rem 0 0;max-width:34rem}.work-detail-meta{border-top:1px solid rgba(5,20,47,.3);display:flex;flex-wrap:wrap;font-size:.74rem;gap:.8rem 1.6rem;margin-top:2.2rem;padding-top:1.2rem}.work-detail-meta span{align-items:center;display:inline-flex;gap:.4rem}.work-detail-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.6rem}.work-detail-actions>a,.work-detail-actions>button,.work-detail-actions>span{align-items:center;border:1px solid var(--navy-950);color:var(--navy-950);display:inline-flex;font-size:.8rem;font-weight:700;gap:.65rem;justify-content:center;min-height:50px;padding:0 1.15rem;transition:color .16s ease,background-color .16s ease,transform .16s ease;white-space:nowrap}.work-detail-action-primary{background:var(--yellow);color:var(--navy-950)}.work-detail-action-secondary{background:var(--navy-950);color:var(--paper)}.work-detail-action-share{background:transparent;color:var(--navy-950);min-width:118px}.work-detail-actions>a:hover,.work-detail-actions>button:hover{background:#173769;color:var(--paper);outline:2px solid var(--yellow);outline-offset:2px}.work-detail-actions>button:active{transform:translateY(1px)}.work-detail-cover{border:1px solid var(--navy-950);box-shadow:12px 14px #05142f24;margin:0;padding:clamp(1rem,2vw,1.6rem);position:relative;rotate:1.2deg}.work-detail-cover img{aspect-ratio:4/3;display:block;object-fit:cover;width:100%}.work-detail-cover figcaption{font-size:.7rem;margin-top:1rem;opacity:.7}.work-detail-cover-empty{align-items:center;aspect-ratio:4/3;background:repeating-linear-gradient(135deg,rgba(5,20,47,.045) 0,rgba(5,20,47,.045) 8px,transparent 8px,transparent 18px),var(--paper);border:1.5px dashed var(--navy-950);color:#5b6a85;display:flex;flex-direction:column;font-size:.85rem;gap:.4rem;justify-content:center;text-align:center}.work-detail-cover-empty .mono{font-size:.7rem;letter-spacing:.08em;opacity:.7}.work-detail-cover-empty p{margin:0;font-size:.8rem}.work-process-log{padding:clamp(5rem,9vw,8rem) var(--page-padding);border-top:1px solid rgba(5,20,47,.12)}.work-process-heading{align-items:flex-end;display:grid;gap:2rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr);justify-content:space-between;margin-bottom:3rem}.work-process-heading h2{font-size:clamp(2.8rem,5vw,5rem);font-weight:520;letter-spacing:-.06em;line-height:.95;margin:0}.work-process-heading>p{color:#405574;font-size:1rem;line-height:1.7;max-width:28rem}.work-log-list{overflow-x:auto}.work-log-track{display:flex;gap:1.5rem;list-style:none;padding:0}.work-log-entry{flex:0 0 300px}.work-log-card{align-items:start;display:flex;flex-direction:column;gap:.8rem;text-align:left;width:100%;border:1px solid var(--navy-950);box-shadow:4px 5px #05142f1a;padding:1.2rem;position:relative;transition:box-shadow .28s var(--ease-out),translate .28s var(--ease-out)}.work-log-card:hover{box-shadow:8px 10px #05142f2e;translate:0 -4px}.work-log-time{align-items:center;display:flex;gap:.5rem;font-size:.62rem}.work-log-time time{color:#34537d;font-weight:600}.work-log-card img{aspect-ratio:4/3;object-fit:cover;width:100%;border:1px solid rgba(5,20,47,.1)}.work-log-image{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden}.work-log-image-placeholder{display:none;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#eef1f6,#e3e8f0);border:1px dashed rgba(5,20,47,.18);color:#6b7a90;font-size:.78rem;text-align:center;padding:1rem;box-sizing:border-box}.work-log-card strong{font-size:.92rem;font-weight:650;line-height:1.3}.work-log-open{align-items:center;color:#34537d;display:inline-flex;font-size:.7rem;gap:.3rem}.work-log-open svg{width:14px;height:14px}.work-log-hint{color:#34537d;font-size:.7rem;margin-top:1.5rem}.work-video{padding:clamp(4rem,7vw,6.5rem) var(--page-padding);background:#0c1c3a;border-top:1px solid rgba(5,20,47,.5)}.work-video-heading{margin-bottom:2.2rem}.work-video-heading h2{font-size:clamp(2rem,3.6vw,3.4rem);font-weight:520;letter-spacing:-.05em;line-height:1.05;margin:0;color:var(--paper)}.work-video-heading .section-kicker{color:var(--yellow)}.work-video-frame{max-width:920px;margin:0 auto;background:#000;border:1px solid var(--line);box-shadow:0 20px 50px rgba(0,0,0,.35);overflow:hidden}.work-video-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000}.work-ability-profile{align-items:center;background:#f5f2e9eb;border-top:1px solid rgba(5,20,47,.28);column-gap:clamp(3rem,8vw,9rem);display:grid;grid-template-columns:minmax(0,.78fr) minmax(420px,1.22fr);padding:clamp(5rem,9vw,8rem) var(--page-padding)}.work-ability-heading h2{font-size:clamp(3rem,5vw,5rem);font-weight:520;letter-spacing:-.06em;line-height:.95;margin:0}.work-ability-heading>p{color:#405574;font-size:1rem;line-height:1.7;margin-top:1.5rem;max-width:28rem}.work-ability-note{color:#53627a;font-size:.72rem;margin-top:1rem}.work-ability-chart{display:flex;justify-content:center}.work-ability-radar{max-width:440px;width:100%}.work-ability-radar svg{display:block;width:100%;height:auto}.work-ability-radar-grid line,.work-ability-radar-grid polygon{fill:none;stroke:#071a3a45;stroke-width:1}.work-ability-radar-shape{fill:#ffd33f47;stroke:var(--navy-950);stroke-width:2}.work-ability-radar-node{fill:var(--yellow);stroke:var(--navy-950);stroke-width:2}.work-ability-radar-label text{fill:var(--navy-950);font-size:11px;font-weight:700}.work-ability-radar-label tspan+tspan{fill:#687588;font-family:var(--font-mono);font-size:10px}.work-teacher-comment{background:var(--navy-950);color:var(--paper);padding:clamp(5rem,9vw,8rem) var(--page-padding)}.work-teacher-comment-heading{margin-bottom:3rem}.work-teacher-comment-heading .section-kicker{color:var(--yellow)}.work-teacher-comment-heading h2{color:var(--paper);font-size:clamp(2.8rem,5vw,5rem);font-weight:520;letter-spacing:-.06em;line-height:.95;margin:0}.work-teacher-comment-quote{border-left:3px solid var(--yellow);margin:0;max-width:56rem;padding:.4rem 0 .4rem clamp(1.4rem,3vw,2.4rem)}.work-teacher-comment-quote p{color:var(--paper);font-size:clamp(1.15rem,1.8vw,1.5rem);font-weight:520;letter-spacing:-.01em;line-height:1.9;margin:0}.work-teacher-comment-quote cite{color:var(--yellow);display:block;font-size:.85rem;font-style:normal;margin-top:1.4rem}.login-page{background:radial-gradient(circle at 72% 4%,rgba(31,74,145,.32),transparent 30%),var(--navy-900);min-height:100dvh;overflow:clip;color:var(--paper);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr)}.login-back{align-items:center;display:inline-flex;gap:.6rem;left:var(--page-padding);position:absolute;top:2rem;z-index:10}.login-back-label{color:var(--paper-muted);font-size:.82rem}.login-story{align-self:center;padding:clamp(3rem,6vw,5rem) var(--page-padding)}.login-story h1{font-size:clamp(3rem,5vw,5rem);font-weight:510;letter-spacing:-.07em;line-height:.95;margin:1rem 0 0}.login-story h2{font-size:1.4rem;font-weight:650;margin:.5rem 0}.login-label{color:var(--yellow)}.login-mobile-intro{display:none;text-align:center;margin-bottom:3rem}.login-capabilities{display:flex;gap:1.5rem;margin-top:2.5rem}.login-capabilities span{align-items:center;display:inline-flex;gap:.4rem;font-size:.82rem;color:var(--paper-muted)}.login-capabilities svg{color:var(--yellow);width:18px;height:18px}.login-panel{background:var(--navy-950);display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,4rem)}.login-form{max-width:380px;margin:0 auto;width:100%}.login-form-heading{text-align:center;margin-bottom:2rem}.login-form-brand{justify-content:center;margin-bottom:1rem}.login-form-heading h2{font-size:1.4rem;font-weight:650;margin-bottom:.5rem}.login-form-heading p{color:var(--paper-muted);font-size:.82rem}.app-field{display:grid;gap:.4rem;margin-bottom:1.2rem}.app-field>span{color:var(--paper-muted);font-size:.72rem;font-weight:650}.app-field input{background:var(--navy-900);border:1px solid var(--line);color:var(--paper);font-size:.92rem;min-height:48px;padding:0 .8rem;outline:0;transition:border-color .16s ease}.app-field input:focus{border-color:var(--yellow)}.app-field input::placeholder{color:#53627a}.password-field{position:relative;display:flex}.password-field input{flex:1;padding-right:48px}.password-field button{position:absolute;right:0;top:0;height:48px;width:48px;color:var(--paper-muted);display:grid;place-items:center}.password-field button:hover{color:var(--yellow)}.login-captcha-control{display:grid;grid-template-columns:1fr auto;gap:.5rem}.login-captcha-control input{min-height:48px}.login-captcha-control button{border:1px solid var(--line);overflow:hidden}.login-captcha-control img{height:48px;width:auto}.login-remember-option{align-items:flex-start;display:flex;gap:.6rem;margin:1.2rem 0}.login-remember-option input{margin-top:2px}.login-remember-option strong{display:block;font-size:.82rem}.login-remember-option small{color:var(--paper-muted);font-size:.7rem;display:block;margin-top:.2rem}.login-submit{background:var(--yellow);color:var(--navy-950);font-size:.92rem;font-weight:700;min-height:50px;transition:background-color .16s ease,transform .16s ease}.login-submit:hover{transform:translateY(-1px)}.login-demo-note{align-items:flex-start;color:var(--paper-muted);display:flex;font-size:.72rem;gap:.4rem;line-height:1.6;margin-top:1.5rem}.login-demo-note svg{color:var(--yellow);flex-shrink:0;margin-top:2px}.prepare-page{background:radial-gradient(circle at 72% 4%,rgba(31,74,145,.32),transparent 30%),var(--navy-900);min-height:100dvh;color:var(--paper)}.prepare-content{padding:120px var(--page-padding) 4rem}.prepare-content h1{font-size:clamp(2.5rem,5vw,5rem);font-weight:510;letter-spacing:-.06em;line-height:.95;margin:0 0 1.5rem}.prepare-content>section{margin-top:3rem}.prepare-content h2{font-size:clamp(1.8rem,3.5vw,3rem);font-weight:520;letter-spacing:-.04em;line-height:1;margin-bottom:1.5rem}.prepare-checklist{display:grid;gap:.8rem;list-style:none;padding:0}.prepare-checklist li{align-items:center;border:1px solid var(--line);display:flex;gap:.6rem;font-size:.92rem;padding:1rem 1.2rem}.prepare-checklist li:before{content:"✓";color:var(--yellow);font-weight:700}.prepare-steps{display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.prepare-step{border:1px solid var(--line);padding:2rem}.prepare-step-num{color:var(--yellow);font-family:var(--font-mono);font-size:.82rem;margin-bottom:.5rem}.prepare-step h3{font-size:1.3rem;font-weight:520;margin-bottom:.5rem}.prepare-step p{color:var(--paper-muted);font-size:.92rem;line-height:1.6}.prepare-step a{align-items:center;border-bottom:1px solid var(--yellow);color:var(--yellow);display:inline-flex;font-size:.82rem;gap:.4rem;margin-top:1rem}.submit-intro{padding:clamp(5rem,10vw,8rem) var(--page-padding) clamp(2rem,5vw,4rem);max-width:920px}.submit-kicker{color:#34537d;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;margin:0 0 1.4rem;text-transform:uppercase}.submit-kicker--success{color:#05142fcc}.submit-intro h1{font-size:clamp(3.8rem,7.6vw,7.4rem);font-weight:520;letter-spacing:-.09em;line-height:.88;margin:0;max-width:12ch}.submit-intro h1 span{color:#1b56c5;display:block}.submit-intro h1.submit-h1-single{font-size:clamp(2.8rem,5.4vw,4.6rem);max-width:none;white-space:nowrap;letter-spacing:-.05em}.submit-intro h1.submit-h1-single span{display:inline;color:#1b56c5}.submit-intro>p{color:#405574;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.7;margin:2rem 0 0;max-width:32rem}.submit-shell{display:grid;justify-items:center;padding:0 var(--page-padding) clamp(5rem,9vw,8rem)}.submit-card{background:#fffdf6;border:1px solid var(--navy-950);box-shadow:10px 11px #05142f24;display:grid;gap:1.6rem;max-width:760px;padding:clamp(2rem,4vw,3rem);position:relative;rotate:-.6deg;width:100%}.submit-card-head{display:grid;gap:.4rem;margin-bottom:.4rem}.submit-card-intro{color:#405574;font-size:.92rem;line-height:1.65;margin:0}.submit-grid{display:grid;gap:1.4rem;grid-template-columns:repeat(2,minmax(0,1fr))}.submit-divider{background:rgba(5,20,47,.18);height:1px;margin:.2rem 0}.submit-field{display:grid;gap:.5rem}.submit-field-label{align-items:baseline;color:var(--navy-950);display:flex;font-size:.78rem;font-weight:680;gap:.5rem;justify-content:space-between}.submit-field-req{color:#b8421f;margin-left:.2rem}.submit-field-hint{color:#66738a;font-size:.68rem;font-weight:500}.submit-input,.submit-select,.submit-textarea{-webkit-appearance:none;appearance:none;background:var(--paper);border:1px solid var(--navy-950);border-radius:0;color:var(--navy-950);font:inherit;font-size:.95rem;min-height:48px;outline:0;padding:.65rem .85rem;transition:box-shadow .16s ease;width:100%}.submit-input::placeholder,.submit-textarea::placeholder{color:#7e8aa0;opacity:1}.submit-input:focus,.submit-select:focus,.submit-textarea:focus{box-shadow:inset 0 -3px 0 var(--navy-950)}.submit-textarea{line-height:1.6;min-height:120px;padding-top:.75rem;resize:vertical}.submit-select{background-image:linear-gradient(45deg,transparent 50%,var(--navy-950) 50%),linear-gradient(135deg,var(--navy-950) 50%,transparent 50%);background-position:calc(100% - 1.05rem) 50%,calc(100% - .6rem) 50%;background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:2.4rem}.submit-error{background:#fff4ec;border:1px solid #b8421f;color:#7a2a12;font-size:.85rem;padding:.9rem 1.1rem}.submit-honeypot{height:1px;left:-9999px;overflow:hidden;position:absolute;width:1px}.submit-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.85rem;padding-top:.4rem}.submit-button-primary,.submit-button-secondary{align-items:center;border:1px solid var(--navy-950);border-radius:0;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:700;justify-content:center;min-height:52px;padding:0 1.5rem;transition:background-color .16s ease,color .16s ease,transform .16s ease;white-space:nowrap}.submit-button-primary{background:var(--yellow);color:var(--navy-950)}.submit-button-primary:hover{background:var(--navy-950);color:var(--paper)}.submit-button-primary:active{transform:translateY(1px)}.submit-button-primary:disabled{background:#d4cfbe;border-color:#d4cfbe;color:#7e8aa0;cursor:not-allowed}.submit-button-secondary{background:transparent;color:var(--navy-950);font-weight:600;min-height:48px}.submit-button-secondary:hover{background:var(--navy-950);color:var(--paper)}.submit-fineprint{color:#66738a;font-size:.72rem;line-height:1.65;margin:0}.submit-success{background:var(--yellow);border:1px solid var(--navy-950);box-shadow:10px 11px #05142f24;max-width:720px;padding:clamp(2.5rem,5vw,3.5rem);position:relative;rotate:.6deg;text-align:center;width:100%}.submit-success h2{font-size:clamp(2.4rem,5vw,4rem);font-weight:520;letter-spacing:-.07em;line-height:.95;margin:.6rem 0 .8rem}.submit-success p{color:#05142fd9;font-size:1rem;line-height:1.7;margin:.4rem 0}.submit-success-link{background:var(--navy-950);color:var(--paper);font-family:var(--font-mono);font-size:.85rem;padding:.15rem .55rem}.submit-success-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.8rem}.submit-success-edit{background:rgba(255,255,255,.42);border:1px dashed var(--navy-950);margin-top:1.4rem;padding:1rem 1.2rem}.submit-success-edit p{margin:.2rem 0 .8rem}.submit-success-cover{margin:1.2rem auto 0;max-width:360px}.submit-success-cover img{aspect-ratio:4/3;background:var(--paper);border:1px solid var(--navy-950);box-shadow:7px 8px #05142f24;display:block;object-fit:cover;width:100%}.submit-success-cover-note{font-size:.78rem!important;margin:.6rem 0 0!important;opacity:.75}.submit-success-desc{background:rgba(255,255,255,.5);border:1px dashed var(--navy-950);margin:1.2rem auto 0;max-width:520px;padding:1rem 1.2rem;text-align:left}.submit-success-desc-body{font-size:.95rem!important;margin:.2rem 0 0!important}.edit-cover-block{display:grid;gap:.9rem}.edit-cover-preview{align-items:center;aspect-ratio:4/3;background:var(--paper);border:1px solid var(--navy-950);display:flex;justify-content:center;overflow:hidden;position:relative}.edit-cover-preview img{height:100%;object-fit:cover;width:100%}.edit-cover-empty{align-items:center;color:#66738a;display:flex;font-size:.9rem;justify-content:center}.edit-cover-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.submit-file--inline{flex:1 1 220px;min-width:200px}.edit-banner{font-size:.85rem;line-height:1.6;padding:.9rem 1.1rem}.edit-banner--error{background:#fff4ec;border:1px solid #b8421f;color:#7a2a12}.edit-banner--ok{background:#eef7e9;border:1px solid #3f7a2f;color:#2c5a20}.upload-zone{align-items:center;background:repeating-linear-gradient(135deg,rgba(5,20,47,.045) 0,rgba(5,20,47,.045) 8px,transparent 8px,transparent 18px),var(--paper);border:1.5px dashed var(--navy-950);cursor:pointer;display:flex;flex-direction:column;gap:.55rem;justify-content:center;min-height:128px;padding:1.4rem 1.2rem;position:relative;text-align:center;transition:border-color .14s ease,background-color .14s ease,transform .14s ease}.upload-zone:hover{background:repeating-linear-gradient(135deg,rgba(5,20,47,.08),rgba(5,20,47,.08) 8px,transparent 0,transparent 18px),#fffdf6;border-color:var(--navy-950);transform:translateY(-1px)}.upload-zone input[type=file]{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.upload-zone--over{background:var(--yellow);border-style:solid;border-color:var(--navy-950);transform:scale(1.01)}.upload-zone--busy{cursor:wait;opacity:.85}.upload-zone--has-file{border-style:solid;border-color:var(--navy-950);background:repeating-linear-gradient(135deg,rgba(5,20,47,.075),rgba(5,20,47,.075) 8px,transparent 0,transparent 18px),#fffdf6}.upload-zone-icon{font-size:1.6rem;line-height:1}.upload-zone-title{color:var(--navy-950);font-size:1rem;font-weight:680;letter-spacing:-.01em;line-height:1.4}.upload-zone-hint{color:#5b6a85;font-size:.78rem;line-height:1.55;max-width:34rem}.upload-zone--busy .upload-zone-title,.upload-zone--has-file .upload-zone-title{color:#1d3f8a}@media(max-width:980px){.works-intro{grid-template-columns:1fr;min-height:auto}.works-wall-note{justify-self:start}.works-tools{grid-template-columns:1fr}.works-sort{width:fit-content}.works-wall-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-detail-hero{grid-template-columns:1fr}.work-ability-profile{display:block}.work-ability-heading{margin-inline:auto;max-width:760px}.work-ability-chart{margin:clamp(2.5rem,5vw,4.5rem) auto 0;width:min(100%,660px)}.about-grid,.pbl-overview,.poster-course,.tool-section,.wechat-grid{grid-template-columns:1fr}.journey-track{grid-template-columns:repeat(2,1fr)}.ability-stage,.featured-case-project-header,.login-page,.prepare-steps{grid-template-columns:1fr}.login-mobile-intro{display:block}.login-story{display:none}.submit-intro{padding-top:5rem}.submit-grid{grid-template-columns:1fr}}@media(max-width:900px){.conundrum-hero-grid{grid-template-columns:1fr;gap:2rem}.conundrum-hero-figure{order:-1;max-width:min(22rem,72%)}.conundrum-hero-figure img{max-height:none}}@media(max-width:760px){.hero-refined{grid-template-columns:1fr;gap:1.2rem;padding-top:2.5rem;padding-bottom:2.5rem}.hero-visual{justify-content:flex-start}.hero-visual canvas{max-height:240px}.hero-refined h1{font-size:clamp(2.4rem,10vw,3.4rem)}.hero-intro{font-size:1rem}.hero-actions,.hero-facts{margin-top:1.2rem}.conundrum-hero-figure{max-width:min(18rem,84%)}.conundrum-hero-figure figcaption{font-size:.68rem;margin-top:.6rem}}@media(max-width:640px){.works-header{height:64px}.works-header-actions{gap:.45rem}.header-actions{gap:.4rem}.header-actions .page-switch-link{padding:.55rem .62rem}.page-switch-link,.site-login-link{min-height:38px;min-width:0;padding:.55rem .72rem}.works-intro{padding-top:5rem}.works-intro h1{font-size:clamp(3.15rem,14vw,4.2rem)}.works-wall-note{min-height:260px;rotate:.35deg;width:100%}.works-tools{gap:1rem}.works-sort{width:100%}.works-sort button{flex:1;padding-inline:.75rem}.works-filter,.works-filter-select{width:100%}.works-wall{padding-bottom:5rem;padding-top:4.5rem}.works-wall-grid{gap:3.5rem;grid-template-columns:1fr}.work-note--hero,.work-note--side{grid-column:span 1;margin-top:0;rotate:0deg}.work-note h2{font-size:clamp(2rem,9vw,2.8rem)}.works-footer{align-items:flex-start;flex-direction:column;justify-content:center;min-height:150px}.work-detail-hero{padding-top:4rem}.work-back{margin-bottom:3rem}.work-detail-heading h1{font-size:clamp(3.1rem,14vw,4.3rem);max-width:none;word-wrap:break-word;overflow-wrap:anywhere}.work-detail-cover{rotate:0deg}.work-ability-profile{padding-bottom:4.5rem;padding-top:4.5rem}.work-detail-actions{display:grid;grid-template-columns:1fr}.work-detail-actions>a,.work-detail-actions>button,.work-detail-actions>span{width:100%}.journey-track,.poster-course-grid,.site-footer{grid-template-columns:1fr}.site-footer{justify-items:center;text-align:center}.site-footer .mono{justify-self:center}.submit-intro h1{font-size:clamp(3.1rem,13vw,4.2rem)}.submit-card,.submit-success{padding:1.6rem;rotate:0deg}.submit-success-actions{flex-direction:column;align-items:stretch}.submit-button-primary,.submit-button-secondary{width:100%}}body{background-image:none}button,input,select,textarea{color:inherit}.share-overlay{align-items:center;backdrop-filter:blur(3px);background:rgba(5,20,47,.55);display:flex;inset:0;justify-content:center;padding:1.25rem;position:fixed;z-index:100}.share-modal{animation:share-pop .22s var(--ease-out);background:var(--paper);border:1px solid var(--navy-950);box-shadow:12px 14px #05142f24;color:var(--navy-950);max-width:380px;padding:2.3rem 1.75rem 1.75rem;position:relative;rotate:-.6deg;width:100%}.share-modal-tape{background:#f5f2e9c7;border-inline:1px solid rgba(5,20,47,.1);height:27px;left:50%;position:absolute;top:-13px;transform:translate(-50%) rotate(-2deg);width:84px;z-index:3}.share-modal-close{background:transparent;border:none;color:var(--navy-950);cursor:pointer;font-size:1.6rem;line-height:1;padding:.2rem .45rem;position:absolute;right:.7rem;top:.55rem}.share-modal-close:hover{opacity:.6}.share-modal-title{font-size:1.25rem;font-weight:800;letter-spacing:-.01em;margin:0 0 1rem;text-align:center}.share-qr-card{align-items:center;background:#fff;border:1px solid var(--navy-950);display:flex;justify-content:center;padding:1rem}.share-qr{display:block;height:auto;image-rendering:pixelated;max-width:220px;width:100%}.share-qr-fallback,.share-qr-loading{align-items:center;color:#405574;display:flex;font-size:.85rem;justify-content:center;margin:0;min-height:220px;text-align:center}.share-modal-hint{font-weight:700;margin:1.1rem 0 0;text-align:center}.share-modal-sub{color:#405574;font-size:.82rem;line-height:1.6;margin:.4rem 0 0;text-align:center}.share-modal-sub strong{color:var(--navy-950)}.share-modal-actions{display:flex;justify-content:center;margin-top:1.25rem}.share-copy-btn{background:var(--navy-950);border:1px solid var(--navy-950);color:var(--paper);cursor:pointer;font-size:.8rem;font-weight:700;min-height:44px;padding:0 1.5rem;transition:background-color .16s ease,color .16s ease}.share-copy-btn:hover{background:var(--yellow);color:var(--navy-950)}@keyframes share-pop{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.conundrum-hero{padding:clamp(7rem,12vh,9rem) 0 clamp(3rem,6vw,4rem)}.conundrum-hero h1{font-size:clamp(2.8rem,6vw,5.5rem);font-weight:510;letter-spacing:-.06em;line-height:1;margin:0}.conundrum-hero h1 .hero-thought{display:block}.conundrum-hero h1 .hero-action{display:block;color:var(--yellow)}.conundrum-hero-intro{color:var(--paper-muted);font-size:1.05rem;line-height:1.65;margin:1.4rem 0 0;max-width:34rem}.conundrum-hero-grid{align-items:center;display:grid;gap:clamp(2rem,5vw,4.5rem);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.conundrum-hero-copy{min-width:0}.conundrum-hero-figure{margin:0;position:relative}.conundrum-hero-figure:before{background:radial-gradient(circle at 62% 42%,rgba(255,212,71,.16),transparent 62%);content:"";inset:-12% -14%;pointer-events:none;position:absolute;z-index:0}.conundrum-hero-figure img{display:block;height:auto;margin:0 auto;max-height:clamp(20rem,46vh,30rem);object-fit:contain;position:relative;width:100%;z-index:1;-webkit-mask-image:radial-gradient(ellipse 78% 76% at 52% 44%,#000 46%,rgba(0,0,0,.72) 66%,transparent 90%);mask-image:radial-gradient(ellipse 78% 76% at 52% 44%,#000 46%,rgba(0,0,0,.72) 66%,transparent 90%);filter:saturate(.94) contrast(1.03) brightness(1.02)}.conundrum-hero-figure figcaption{color:var(--paper-muted);font-size:.72rem;letter-spacing:.04em;line-height:1.5;margin-top:.9rem;opacity:.72;position:relative;text-align:center;z-index:1}.conundrum-hero-caption{display:flex;flex-direction:column;gap:.15rem}.conundrum-hero-caption-name{color:var(--paper);font-weight:600;letter-spacing:.06em}.conundrum-hero-caption-role{font-size:.94em}.conundrum-list{padding-bottom:var(--section-space)}.conundrum-filters{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2.5rem}.conundrum-filter{border:1px solid var(--line);color:var(--paper-muted);font-size:.82rem;font-weight:650;padding:.55rem 1.1rem;transition:color .16s ease,background-color .16s ease,border-color .16s ease}.conundrum-filter:hover{color:var(--paper);border-color:var(--line-strong)}.conundrum-filter.is-active{background:var(--yellow);border-color:var(--yellow);color:var(--navy-950)}.conundrum-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.conundrum-card{background:var(--navy-950);border:1px solid var(--line);display:flex;flex-direction:column;transition:border-color .18s ease,box-shadow .18s ease}.conundrum-card:hover{border-color:var(--line-strong);box-shadow:6px 8px rgba(0,0,0,.25)}.conundrum-card.is-open{border-color:var(--yellow)}.conundrum-card-head{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 1.4rem;text-align:left;width:100%}.conundrum-card-cat{color:var(--yellow);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em}.conundrum-card-head h3{font-size:1.4rem;font-weight:520;letter-spacing:-.03em;line-height:1.1;margin:0}.conundrum-card-q{color:var(--paper-muted);font-size:.88rem;line-height:1.55;margin:.2rem 0 0}.conundrum-card-toggle{color:var(--yellow);font-size:.78rem;font-weight:650;margin-top:.4rem}.conundrum-card-body{border-top:1px solid var(--line);display:grid;gap:1.1rem;padding:1.4rem}.conundrum-block-label{color:var(--yellow);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;display:block;margin-bottom:.4rem}.conundrum-block p{color:var(--paper);font-size:.9rem;line-height:1.65;margin:0}.conundrum-block ul{color:var(--paper-muted);font-size:.88rem;line-height:1.6;list-style:none;padding:0;display:grid;gap:.4rem}.conundrum-block ul li{padding-left:1.1rem;position:relative}.conundrum-block ul li:before{content:"·";color:var(--yellow);left:0;position:absolute}.conundrum-block-project{background:rgba(255,212,71,.06);border:1px solid rgba(255,212,71,.3);padding:1rem}.conundrum-block-project p{color:var(--paper)}.conundrum-block-hint{color:var(--yellow)!important;font-size:.78rem!important;margin-top:.5rem!important;opacity:.85}.conundrum-card-cta{margin-top:.4rem;width:100%}.conundrum-videos{display:grid;gap:.5rem;list-style:none;margin:0;padding:0}.conundrum-video-item{align-items:center;border:1px solid var(--line);color:var(--paper);display:flex;font-size:.85rem;gap:.6rem;padding:.6rem .8rem;text-align:left;transition:border-color .16s ease,background-color .16s ease;width:100%}.conundrum-video-item:hover{border-color:var(--yellow);background:rgba(255,212,71,.06)}.conundrum-video-play{color:var(--yellow);flex:0 0 auto;font-size:.7rem}.conundrum-video-item span:nth-child(2){flex:1 1 auto;line-height:1.4}.conundrum-video-mono{color:var(--paper-muted);flex:0 0 auto;font-size:.7rem;opacity:.7}.conundrum-video-empty{color:var(--paper-muted)!important;font-size:.85rem!important}.conundrum-video-search{color:var(--yellow);display:inline-block;font-size:.8rem;font-weight:650;margin-top:.7rem}.conundrum-player{border:1px solid var(--yellow);overflow:hidden}.conundrum-player iframe,.conundrum-player video{aspect-ratio:16/9;background:#000;border:0;display:block;height:auto;width:100%}.conundrum-player-back{background:rgba(0,0,0,.35);color:var(--paper);font-size:.78rem;font-weight:650;padding:.5rem .8rem;text-align:left;width:100%}.conundrum-player-back:hover{color:var(--yellow)}.conundrum-player-unmute{background:var(--yellow);color:var(--navy-950);display:block;font-size:.78rem;font-weight:750;padding:.5rem .8rem;text-align:left;width:100%;animation:unmute-hint 1.8s ease-in-out 2}.conundrum-player-unmute:hover{background:var(--paper)}@keyframes unmute-hint{0%,to{opacity:1}50%{opacity:.62}}.conundrum-official{display:grid;gap:.5rem}.conundrum-official-link{align-items:center;border:1px dashed var(--line-strong);color:var(--paper);display:flex;font-size:.85rem;gap:.6rem;padding:.6rem .8rem;text-align:left;transition:border-color .16s ease,background-color .16s ease;width:100%}.conundrum-official-link:hover{border-color:var(--yellow);background:rgba(255,212,71,.06)}.conundrum-official-link span:nth-child(2){flex:1 1 auto;line-height:1.4}