:root{
  --ink:#0b0b0b;--paper:#f4f4f1;--white:#fff;--gray:#777;--line:#c9c9c5;--soft:#e8e8e4;
  --pad:clamp(20px,5vw,72px);--serif:Georgia,"Times New Roman","Noto Serif TC",serif;
  --sans:Inter,"Helvetica Neue",Arial,"PingFang TC","Noto Sans TC",sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);overflow-x:hidden}body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(0,0,0,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 1px);background-size:80px 80px}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{color:inherit}.skip{position:fixed;left:16px;top:-70px;z-index:100;background:#000;color:#fff;padding:10px 14px}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #000;outline-offset:4px}
header{height:82px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto;align-items:center;position:relative;z-index:30;background:rgba(244,244,241,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:baseline;gap:6px;width:max-content;font-weight:900;letter-spacing:.095em;font-size:20px;line-height:1}.brand span{font-size:10px;letter-spacing:.18em}header nav{display:flex;align-items:center;gap:clamp(18px,3vw,42px);font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}header nav a{min-height:44px;display:flex;align-items:center;border-bottom:2px solid transparent}header nav a:hover,header nav a[aria-current=page]{border-color:#000}.menu{display:none;border:0;background:transparent;min-width:44px;min-height:44px;font-size:0}.menu::before,.menu::after{content:"";display:block;width:25px;height:2px;background:#000;margin:7px auto;transition:transform .25s}
.kicker{margin:0 0 25px;font-size:11px;font-weight:800;letter-spacing:.3em;text-transform:uppercase}.text-link,.link{display:inline-flex;gap:38px;align-items:center;min-height:44px;border-bottom:1px solid currentColor;font-size:12px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.link span,.text-link span{transition:transform .25s}.link:hover span,.text-link:hover span{transform:translateX(5px)}
/* Home: image first on mobile, editorial tension on desktop. */
.hero{min-height:calc(100svh - 82px);padding:34px var(--pad) 54px;display:grid;grid-template-columns:minmax(380px,.92fr) minmax(520px,1.08fr);grid-template-rows:1fr auto;grid-template-areas:"copy visual" "foot visual";gap:24px clamp(38px,6vw,96px);align-items:center}.hero-copy{grid-area:copy;align-self:center;position:relative;z-index:2}.hero-copy h1{margin:0 0 28px;font-size:clamp(72px,7.9vw,128px);font-weight:400;line-height:.78;letter-spacing:-.075em}.hero-copy h1 strong{font-weight:900}.hero-copy h1 em{font-family:var(--serif);font-weight:400;letter-spacing:-.07em;color:#656565}.hero-lead{max-width:440px;margin:34px 0 24px;color:#515151;font-size:16px}.hero-visual{grid-area:visual;position:relative;height:min(74vw,calc(100svh - 150px));min-height:600px;overflow:hidden;background:#111;isolation:isolate}.hero-visual video,.hero-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;filter:grayscale(1) contrast(1.07);transition:transform 1.1s cubic-bezier(.2,.8,.2,1),filter .45s}.hero-visual video{opacity:0;z-index:2}.hero-visual #robot-layer{position:absolute;inset:0;width:100%;height:100%;z-index:2;opacity:0;transition:opacity .5s;cursor:pointer}.hero-visual #robot-layer.is-ready{opacity:0}.hero-visual[data-view] #robot-layer.is-ready{opacity:.96}.hero-visual[data-view]>img{object-position:34% center}.hero-visual.is-playing #robot-layer{opacity:0;pointer-events:none}.hero-visual.is-playing video{opacity:1}.hero-visual.is-playing>img{opacity:0}.hero-visual[data-view=works] video,.hero-visual[data-view=works]>img{transform:scale(1.08) translateX(-2%);object-position:48% center}.hero-visual[data-view=courses] video,.hero-visual[data-view=courses]>img{transform:scale(1.13) translateX(3%);object-position:73% center}.hero-visual[data-view=contact] video,.hero-visual[data-view=contact]>img{transform:scale(1.06) translateY(-2%);object-position:58% 68%;filter:grayscale(.3) contrast(1.08)}.hero-visual[data-view]>img{object-position:55% center!important}.frame-index{position:absolute;z-index:3;left:22px;right:22px;bottom:20px;color:#fff;display:flex;align-items:center;gap:12px;font-size:10px;font-weight:800;letter-spacing:.18em;mix-blend-mode:difference}.frame-index i{height:1px;background:#fff;flex:1}.scene-choices{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 24px}.scene-choices button{min-height:46px;border:1px solid #111;background:transparent;padding:0 16px;cursor:pointer;text-align:left;font-size:13px;font-weight:750}.scene-choices button span{font-size:9px;color:#777;margin-right:12px}.scene-choices button:hover,.scene-choices button[aria-pressed=true]{background:#000;color:#fff}.hero-foot{grid-area:foot;display:flex;align-items:end;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.hero-foot a{min-height:44px;display:flex;align-items:center}
.home-editorial{padding:clamp(110px,14vw,220px) var(--pad);display:grid;grid-template-columns:.7fr 1.5fr 1fr;gap:40px;border-top:1px solid var(--line)}.home-editorial h2{margin:0;font-size:clamp(42px,5vw,78px);line-height:1.05;letter-spacing:-.055em}.editorial-copy{align-self:end}.editorial-copy p{margin:0 0 34px;color:#444;max-width:450px}.feature-entrance{background:#050505;color:#fff;padding:clamp(80px,10vw,150px) var(--pad);display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(40px,7vw,110px);align-items:center}.entrance-image{overflow:hidden;aspect-ratio:16/10}.entrance-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:transform .8s}.feature-entrance:hover img{transform:scale(1.025)}.entrance-copy h2{font-size:clamp(50px,5.5vw,88px);line-height:1;letter-spacing:-.06em;margin:0 0 28px}.entrance-copy>p:not(.kicker){color:#aaa;margin-bottom:30px}.home-paths{display:grid;grid-template-columns:1fr 1fr}.home-paths>a{min-height:560px;padding:var(--pad);position:relative;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;transition:background .3s,color .3s}.home-paths>a:hover{background:#111;color:#fff}.home-paths span{position:absolute;top:var(--pad);font-size:11px;font-weight:800;letter-spacing:.25em}.home-paths h2{font-size:clamp(42px,4vw,66px);line-height:1.04;letter-spacing:-.05em;margin:0 0 20px}.home-paths p{margin:0;color:#777}.home-paths b{position:absolute;right:var(--pad);top:var(--pad);font-size:24px}.quiet-invite{padding:clamp(100px,15vw,230px) var(--pad);text-align:center}.quiet-invite>p{font-size:12px;letter-spacing:.2em;text-transform:uppercase}.quiet-invite h2{font-size:clamp(52px,8vw,120px);letter-spacing:-.07em;line-height:.95;margin:20px auto 46px}
/* Shared editorial pages */
.page-intro{padding:clamp(70px,10vw,150px) var(--pad) clamp(50px,7vw,100px);display:grid;grid-template-columns:.55fr 1.45fr .7fr;gap:38px;align-items:start}.page-intro h1{font-size:clamp(56px,7vw,110px);line-height:.95;letter-spacing:-.065em;margin:0}.intro-copy{margin:16px 0 0;color:#555}.work-banner{margin:0 var(--pad) clamp(70px,9vw,140px);height:min(58vw,720px);overflow:hidden}.work-banner img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.catalog{padding:0 var(--pad) 130px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:38px}.filters button{min-height:44px;padding:0 18px;background:transparent;border:1px solid #999;cursor:pointer}.filters button[aria-pressed=true]{background:#000;color:#fff;border-color:#000}.work-row{display:grid;grid-template-columns:70px minmax(260px,1fr) minmax(300px,.9fr) 54px;gap:26px;align-items:center;padding:30px 0;border-top:1px solid #aaa}.work-row:last-child{border-bottom:1px solid #aaa}.work-row[hidden]{display:none}.work-row .index{font-size:11px;letter-spacing:.15em}.work-row h2{font-size:clamp(28px,3vw,48px);line-height:1;margin:0 0 8px;letter-spacing:-.045em}.work-row p{margin:0;color:#555}.work-row .status,.status{display:inline-block;margin-top:10px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.round-link{width:48px;height:48px;border:1px solid #222;border-radius:50%;display:grid;place-items:center}.round-link:hover{background:#000;color:#fff}
.case-top{min-height:72svh;padding:70px var(--pad);display:grid;grid-template-columns:.25fr 1.5fr .75fr;grid-template-areas:"back kicker number" ". title number" ". deck number";gap:18px 40px;align-content:center;position:relative}.case-top .back{grid-area:back;font-size:12px;font-weight:800;letter-spacing:.12em}.case-top .kicker{grid-area:kicker}.case-top h1{grid-area:title;font-size:clamp(60px,9vw,140px);line-height:.86;letter-spacing:-.075em;margin:0;max-width:1050px}.case-deck{grid-area:deck;font-size:18px;max-width:700px}.case-top .status{grid-column:2}.case-no{grid-area:number;align-self:center;justify-self:end;font:italic clamp(130px,20vw,330px)/1 var(--serif);color:#ddd}.case-body{background:#050505;color:#fff;padding:clamp(90px,10vw,160px) var(--pad);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background-color:#333}.case-section,.case-note,.case-actions{background:#050505;padding:clamp(28px,4vw,60px)}.case-section h2,.case-note h2{font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin:0 0 28px}.case-section p,.case-note p,.case-section li{color:#c5c5c5}.case-actions{display:flex;gap:24px;align-items:end}.next-case{padding:80px var(--pad);display:flex;justify-content:space-between;align-items:center}.next-case>a{font-size:clamp(34px,5vw,74px);font-weight:900;letter-spacing:-.05em}
.course-hero,.about-hero{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.course-hero .page-intro,.about-hero .page-intro{display:block;align-self:center}.course-hero img,.about-hero img{height:100%;min-height:680px;width:100%;object-fit:cover;filter:grayscale(1)}.course-catalog{padding:90px var(--pad)}.course{display:grid;grid-template-columns:100px 1fr;border-top:1px solid #aaa;padding:38px 0}.course:last-child{border-bottom:1px solid #aaa}.course .index{font:italic 48px/1 var(--serif);color:#aaa}.course h2{font-size:clamp(34px,4vw,62px);letter-spacing:-.05em;margin:0 0 14px}.course p{max-width:840px;color:#4d4d4d}.course details{max-width:840px;margin:22px 0}.course summary{cursor:pointer;min-height:44px;font-weight:750}.lecture-hero{min-height:70svh;background:#050505;color:#fff;display:flex;align-items:end}.lecture-hero .page-intro{width:100%;color:#fff}.lecture-hero .intro-copy{color:#aaa}.lecture-hero>.link{position:absolute;right:var(--pad);margin-bottom:70px}.lecture-topics,.lecture-history{padding:100px var(--pad)}.lecture-topics>h2,.lecture-history>h2{font-size:clamp(48px,6vw,90px);line-height:1;letter-spacing:-.06em;max-width:800px}.lecture-topics>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#aaa}.lecture-topics article{padding:40px;background:var(--paper);min-height:320px}.lecture-topics h3{font-size:28px}.lecture-record{display:grid;grid-template-columns:180px 1fr 1fr;border-top:1px solid #aaa;padding:28px 0}.lecture-record:last-child{border-bottom:1px solid #aaa}.lecture-record h3,.lecture-record p{margin:0}.about-body{padding:clamp(90px,12vw,180px) var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-body h2{font-size:clamp(50px,6vw,92px);line-height:1;letter-spacing:-.06em;margin:0}.about-body>div{font-size:18px;color:#444}.principles{background:#050505;color:#fff;display:grid;grid-template-columns:repeat(3,1fr)}.principles article{padding:clamp(35px,5vw,76px);min-height:420px;border-right:1px solid #333;display:flex;flex-direction:column}.principles span{font:italic 64px/1 var(--serif);color:#555}.principles h3{font-size:30px;margin-top:auto}.principles p{color:#aaa}
.contact-layout{min-height:calc(100svh - 82px);display:grid;grid-template-columns:1.1fr .9fr}.contact-layout>div{align-self:center}.contact-layout .page-intro{display:block}.email{margin-left:var(--pad);font-size:clamp(18px,2vw,30px);border-bottom:1px solid}.contact-layout form{background:#050505;color:#fff;padding:clamp(40px,6vw,90px);display:flex;flex-direction:column;justify-content:center}.contact-layout label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin:18px 0 7px}.contact-layout input,.contact-layout select,.contact-layout textarea{width:100%;min-height:50px;background:transparent;color:#fff;border:0;border-bottom:1px solid #555;border-radius:0;padding:10px 0}.contact-layout option{color:#000}.contact-layout textarea{min-height:120px;resize:vertical}.contact-layout button{margin-top:30px;min-height:50px;background:#fff;color:#000;border:0;font-weight:850;cursor:pointer}.form-help,.form-note{color:#aaa;font-size:13px}.contact-layout #email-preview{margin-top:32px;padding-top:26px;border-top:1px solid #555}.contact-layout #email-preview h2{font-size:12px;letter-spacing:.18em;text-transform:uppercase}.contact-layout #email-preview pre{font:14px/1.65 var(--sans);white-space:pre-wrap;color:#ccc;margin:18px 0}.contact-layout #email-preview .link{color:#fff}
footer{padding:70px var(--pad) 28px;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr auto;gap:28px;align-items:start}footer>p{margin:0;font:italic 22px/1.2 var(--serif)}footer>div{display:flex;gap:18px;align-items:center}footer button{background:transparent;border:0;min-height:44px;cursor:pointer}.review{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;color:#666;font-size:12px}.review summary{cursor:pointer;width:max-content}
body.is-leaving main{opacity:0;transform:translateY(14px)}main{transition:opacity .3s,transform .3s}.reveal{opacity:0;transform:translateY(32px)}.reveal.is-visible{opacity:1;transform:none;transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
@media(max-width:1000px){header nav{gap:16px}.hero{grid-template-columns:.8fr 1.2fr}.hero-copy h1{font-size:clamp(64px,9vw,95px)}.home-editorial,.page-intro{grid-template-columns:1fr 1.6fr}.home-editorial .editorial-copy,.page-intro .intro-copy{grid-column:2}.work-row{grid-template-columns:50px 1fr 50px}.work-row>div{grid-column:2}.case-top{grid-template-columns:120px 1fr}.case-no{display:none}.course-hero,.about-hero{grid-template-columns:1fr}.course-hero img,.about-hero img{min-height:500px}.lecture-topics>div,.principles{grid-template-columns:1fr}.principles article{min-height:300px}.contact-layout{grid-template-columns:1fr}.contact-layout form{min-height:700px}}
@media(max-width:760px){header{height:74px;padding:0 20px}.menu{display:block;justify-self:end}header nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--paper);padding:20px;flex-direction:column;align-items:stretch;border-bottom:1px solid #000}header nav.open{display:flex}header nav a{font-size:16px}.hero{min-height:auto;padding:26px 20px 58px;grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"visual" "copy" "foot";gap:44px}.hero-visual{height:54svh;min-height:420px;margin:0;width:100%}.hero-visual video,.hero-visual>img{object-position:61% center}.hero-copy h1{font-size:clamp(62px,19vw,95px);line-height:.82;margin-top:28px}.hero-copy .kicker{margin-bottom:30px}.scene-choices{display:grid;grid-template-columns:1fr 1fr 1fr}.scene-choices button{padding:8px;display:flex;flex-direction:column}.scene-choices button span{margin:0}.hero-foot{align-items:start}.home-editorial{padding:110px 20px;grid-template-columns:1fr;gap:28px}.home-editorial h2,.home-editorial .editorial-copy{grid-column:1}.home-editorial h2{font-size:46px}.feature-entrance{grid-template-columns:1fr;padding:80px 20px}.entrance-copy h2{font-size:52px}.home-paths{grid-template-columns:1fr}.home-paths>a{min-height:460px;padding:50px 20px;border-bottom:1px solid}.home-paths span,.home-paths b{top:36px}.home-paths b{right:20px}.quiet-invite{padding:120px 20px}.page-intro{padding:80px 20px 55px;display:block}.page-intro h1{font-size:56px}.intro-copy{margin-top:28px}.work-banner{margin:0 20px 70px;height:75svh}.catalog{padding:0 20px 90px}.work-row{grid-template-columns:42px 1fr 44px;gap:12px;padding:26px 0}.work-row h2{font-size:31px}.work-row>div{grid-column:2}.case-top{padding:55px 20px;display:block;min-height:70svh}.case-top .back,.case-top .kicker,.case-top .status{display:block;margin-bottom:35px}.case-top h1{font-size:64px}.case-body{padding:0;grid-template-columns:1fr}.case-section,.case-note,.case-actions{padding:45px 20px}.case-actions{flex-direction:column;align-items:flex-start}.next-case{padding:60px 20px;align-items:flex-start;flex-direction:column;gap:24px}.course-hero img,.about-hero img{min-height:0;height:60svh;order:-1}.course-catalog{padding:70px 20px}.course{grid-template-columns:54px 1fr}.course .index{font-size:34px}.lecture-hero{min-height:80svh}.lecture-hero>.link{position:static;margin:0 20px 50px}.lecture-topics,.lecture-history{padding:75px 20px}.lecture-topics>h2,.lecture-history>h2{font-size:50px}.lecture-record{grid-template-columns:1fr;gap:8px}.about-body{padding:90px 20px;grid-template-columns:1fr;gap:45px}.about-body h2{font-size:53px}.principles article{padding:50px 20px}.contact-layout .page-intro{padding-top:70px}.email{margin:0 20px;font-size:18px}.contact-layout form{margin-top:70px;min-height:650px;padding:50px 20px}footer{padding:60px 20px 25px;grid-template-columns:1fr}footer>div{align-items:flex-start;flex-direction:column}.review{grid-column:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.hero-visual video{display:none}}