@font-face{font-family:CandyDisplay;src:url('assets/candy-display.ttf') format('truetype');font-display:swap}
:root{--cream:#fff8e9;--paper:#f8f0e0;--ink:#3b4562;--muted:#656a79;--pink:#efadbf;--coral:#a94569;--line:#ccc6c7;--serif:CandyDisplay,'PingFang SC',sans-serif}
body{background:#fff8e9;font-size:15px}.paper{background-image:none}h1,h2,h3{font-weight:400;letter-spacing:0}h2{font-size:clamp(32px,3.8vw,50px);line-height:1.3}.wrap{max-width:1260px;padding-inline:44px}.space{padding-block:110px}.eyebrow{display:block;font-size:11px;letter-spacing:2px;font-weight:600;margin-bottom:22px}.button{border-radius:30px;padding:13px 24px}.button.coral{background:#a94569;color:#fff}.button.outline{border:1px solid currentColor}.text-link{font-size:12px;padding-bottom:6px;border-bottom:1px solid currentColor}.nav{height:76px;background:#fff9eefa;border-bottom:1px solid #ded6c7;padding-inline:max(32px,calc((100vw - 1172px)/2));backdrop-filter:blur(15px)}.brand{font-weight:400;font-size:23px;gap:9px}.brand .flower{color:#cb6d8c;font-size:37px}.brand small{font:8px/1.5 system-ui;letter-spacing:2.4px}.nav nav{display:flex;align-items:center;gap:27px}.nav nav a{font-size:12px}.nav-pill{background:#e6aec0;border:none;border-radius:22px;padding:8px 17px}
.hero{position:relative;overflow:hidden;background:#c5e5ed url('assets/web-cover.png') center/cover no-repeat;padding:40px 0 0}.hero-cover{position:relative}.episode-label{display:flex;justify-content:center;gap:20px;align-items:center;font-size:11px;letter-spacing:2px}.episode-label b{font-weight:500;border-left:1px solid #64768b80;padding-left:20px}.hero h1{font-size:clamp(64px,7.5vw,104px);text-align:center;line-height:1.15;letter-spacing:0;margin:19px 0 12px;color:#355985;text-shadow:2px 3px 0 #f8ffff}.hero h1 span{display:inline}.hero h1 em{font-style:normal;color:#ba567d;display:inline}.hero-hook{text-align:center;font-size:14px;margin:0;color:#425776}.cover-stage{position:relative;width:100%;max-width:1040px;margin:38px auto 62px;padding:0 100px 18px}.cover-film{background:#fff9ea;border:9px solid #fff9ea;border-bottom:0;border-radius:5px;transform:rotate(-1.5deg);box-shadow:5px 9px 0 #657c9a22;overflow:hidden}.cover-film img{width:100%;aspect-ratio:2.05;object-fit:cover;object-position:50% 42%}.cover-film figcaption{font-family:CandyDisplay;font-size:17px;letter-spacing:2px;padding:11px 0 37px;text-align:center;color:#7c7180}.cover-note{position:absolute;z-index:2;left:8px;top:25px;background:#fff3b9;padding:20px 23px;transform:rotate(-8deg);box-shadow:3px 6px 0 #7f7e6d22;width:172px}.cover-note:before{content:'';width:65px;height:23px;position:absolute;left:50px;top:-12px;transform:rotate(4deg);background:#f7fbf699}.cover-note span{font-size:11px;border-bottom:1px solid #a88c6870;display:block;padding-bottom:8px}.cover-note strong{font:21px/1.6 CandyDisplay;display:block;margin-top:9px}.cover-note s{color:#b65376;text-decoration-thickness:2px}.cover-note small{font:12px/1.6 CandyDisplay;display:block;margin-top:10px;color:#9a5f6f}.cover-speech{position:absolute;right:-3px;top:35px;background:#fffaf0;transform:rotate(7deg);border:2px solid #bc8297;border-radius:49% 46% 47% 40%;padding:26px 23px 25px;color:#a94569;font:28px/1.2 CandyDisplay;box-shadow:5px 6px 0 #a9456912}.cover-speech:after{content:'';position:absolute;left:3px;bottom:1px;width:24px;height:30px;background:#fffaf0;border-left:2px solid #bc8297;transform:skew(-28deg);z-index:-1}.cover-speech span{display:block;font:10px/1.5 system-ui;margin-top:10px}.cover-star{position:absolute;right:16px;bottom:85px;color:#c57195;font-size:78px;line-height:1;transform:rotate(-13deg)}.cover-spark{position:absolute;left:53px;bottom:55px;color:#e6b047;font-size:63px}.watch-ticket{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%) rotate(2deg);display:flex;align-items:center;gap:20px;min-width:320px;background:#b44c74;color:#fff8e9;padding:18px 24px;border:2px solid #fff2db;box-shadow:5px 6px 0 #3c567025;border-radius:10px}.watch-ticket:hover{color:white;background:#993b60}.watch-ticket strong{font:25px/1.3 CandyDisplay;display:block}.watch-ticket small{font-size:10px;display:block;margin-top:4px;letter-spacing:1px}.ticket-play{font-size:19px}.ticket-arrow{font-size:26px;margin-left:auto}.cover-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1px;padding:10px 0 28px}.cover-bottom a{font-size:12px}.cover-bottom b{margin-left:15px;font-size:23px;font-weight:400}
.cinema{position:relative;background:#414b70;color:#fff4df;padding:85px 0 70px}.cinema:before{content:'';position:absolute;top:-10px;left:0;right:0;height:12px;background:radial-gradient(ellipse at 50% 100%,#414b70 70%,transparent 72%) 0 0/30px 12px repeat-x}.cinema .eyebrow{color:#eed7a0}.cinema h2{font-size:42px}.cinema .section-top>p{color:#e3e4ef}.muted{opacity:.8}.film-frame{background:#283652;padding:12px;border:0;border-radius:12px;box-shadow:0 12px 0 #2b37562e}.film-frame video{border-radius:5px}.film-caption{color:#e0dce6;margin-block:22px 28px}.chapters{border:0;gap:10px}.chapters button{background:#505b80;border:1px solid #8790ac66;border-radius:4px 12px 5px 5px;padding:15px 16px;font-size:12px}.chapters button:hover,.chapters button.active{background:#f1bed0;color:#4c3e60;border-color:#f1bed0}.chapters b{font:27px/1 CandyDisplay;color:#f1bfce}.chapters button:hover b,.chapters button.active b{color:#8a405e}.chapters small{opacity:.8;margin-top:8px}
.story{background:#f6d8df}.story-title{grid-template-columns:1.1fr .9fr;gap:100px}.story-title h2{font-size:40px}.story-strip{gap:23px}.story-strip figure{background:#fff9ec;padding:9px 9px 17px;border:1px solid #be8f9b;box-shadow:4px 6px 0 #a66a7b18;transform:rotate(-1.4deg);position:relative}.story-strip figure:nth-child(2){transform:rotate(1.3deg);margin-top:22px}.story-strip figure:nth-child(3){transform:rotate(-1deg)}.story-strip figure:not(:last-child):after{content:'➜';position:absolute;right:-30px;bottom:50px;font:35px CandyDisplay;color:#9c4c71;z-index:2}.story-strip img{border-radius:0;aspect-ratio:1.75}.story-strip figcaption{margin:15px 8px 0;font:18px/1.6 CandyDisplay}.story-strip figcaption span{font:10px/1 system-ui;background:#f1d6df;border-radius:20px;padding:6px 9px;margin-right:6px}
.world{background:#fff8e9}.environment-spread{display:grid;grid-template-columns:185px 1fr;gap:30px;align-items:start}.world-tabs{flex-direction:column;gap:12px;border:0;margin-top:45px}.world-tabs button{text-align:left;font-family:CandyDisplay;font-size:18px;border:1px solid transparent;padding:15px 12px;border-radius:3px;position:relative}.world-tabs [aria-selected=true]{background:#e6b3c3;border-color:#b97e92;transform:rotate(-3deg);font-weight:400;color:#583f5b;box-shadow:3px 3px 0 #b97e9222}.world-tabs [aria-selected=true]:after{content:'→';float:right}.world-image{background:#fffdf5;padding:12px 12px 16px;border:1px solid #9cabb2;box-shadow:6px 7px 0 #b4c9d34d;transform:rotate(.7deg)}.world-image>img{border-radius:0;aspect-ratio:2.05}.world-image figcaption{padding:0 6px}.cast-heading{margin:85px 0 32px}.cast-heading h3{font-size:33px}.cast-grid{grid-template-columns:1fr 1fr;gap:28px}.cast{display:grid;grid-template-columns:46% 54%;align-items:center;background:#e3eef0;border-radius:40% 4px 4px 4px/8% 4px 4px 4px;border:1px solid #9dbbc4;box-shadow:5px 6px 0 #c3d6db66;position:relative;overflow:hidden}.cast:nth-child(even){transform:none;background:#f9e7b9;border-color:#d5bd83;box-shadow:5px 6px 0 #e9d8ab66}.cast:nth-child(3){background:#f3d8e2;border-color:#cca3b4;box-shadow:5px 6px 0 #d8afbe44}.cast:nth-child(4){background:#e6e1f2;border-color:#b6a6cb;box-shadow:5px 6px 0 #c4b5da55}.cast-image{aspect-ratio:.85;height:100%;min-height:285px;background:#fff8ee;mix-blend-mode:multiply}.cast-image img{object-fit:contain}.ruyi .cast-image img{width:200%;height:100%;object-fit:cover;transform:translateX(-49%);object-position:right center}.ruyi .cast-image:hover img{transform:translateX(-49%) scale(1.03)}.cast-copy{position:relative;padding:24px 20px}.cast-copy>.tiny{font-size:10px}.cast-index{display:block;font-size:9px;letter-spacing:2px;color:#766177;margin-top:10px}.cast h3{font-size:37px;margin:5px 0 12px}.cast p{font-size:12px}.voice{background:#fff9edb3;border-color:#7c7b93;padding:5px 13px}.cast-copy .text-link{font-size:11px}
.making{background:#dceaf0 url('assets/web-workbook.png') center/cover no-repeat}.process-spread{display:grid;grid-template-columns:145px 1fr;gap:0;position:relative}.process-tabs{display:flex;flex-direction:column;border:0;margin:28px -1px 0 0;gap:10px;z-index:2}.process-tabs button{border:1px solid #b9a8ac;border-right:0;padding:16px 14px;background:#f2d5dd;border-radius:12px 0 0 12px;text-align:left;font:18px CandyDisplay}.process-tabs [aria-selected=true]{background:#fffaf0;color:#a94569;border-color:#a594a4;font-weight:400;transform:translateX(-6px);box-shadow:0 3px 0 #b4a3ae22}.process-detail{background:#fffaf0;border:1px solid #afa0a8;border-radius:3px 18px 18px 3px;padding:37px;gap:32px;min-height:480px;box-shadow:8px 9px 0 #758d9d25;grid-template-columns:1fr 1fr}.process-prose .eyebrow{color:#a94569;margin-bottom:12px;font-size:10px}.process-prose h3{font-size:34px}.process-prose p{font-size:13px}.process-prose ul{font-size:12px}.notebook{margin:0;border:0;border-left:1px dashed #c6a2ac;box-shadow:none;border-radius:0;background:transparent;padding:0 0 0 28px}.notebook-top{border-color:#c6a2ac;color:#97607a}.notebook pre{font-size:11px;max-height:300px;background:repeating-linear-gradient(transparent 0,transparent 23px,#9fbdca30 23px,#9fbdca30 24px);line-height:24px}.notebook small{font-size:10px}.tools-line{margin-top:40px;border:none;text-align:center;background:#fff9e7d9;border-radius:50% 50% 3px 3px/12px 12px 3px 3px;padding:23px 25px}.tools-line>span{color:#7a657d;font-family:CandyDisplay;font-size:20px;letter-spacing:1px}.tools-line small{display:block;margin-top:8px}
.canvas-section{background:#efd8e3}.canvas-section .section-top .button{background:#fff7ea;border-color:#b38da3}.canvas-stats{gap:12px}.canvas-stats>div{border-radius:8px;background:#fff9ee;border-color:#c9a0b3}.archive-shell{border:2px solid #a27791;border-radius:16px;box-shadow:8px 9px 0 #ac85982b}.archive-heading{background:#c799b0;color:#372d49}.archive-heading strong{font-family:CandyDisplay;font-size:23px;font-weight:400}.archive-controls{background:#fff7ec}.archive-categories{background:#fbf0e9}.archive-footer{background:#f5e7e7}.archive-modes button[aria-selected=true]{background:#5b5478;color:#fff8ef}.archive-search input{border-radius:20px}.archive-card{box-shadow:none}.archive-card:hover{box-shadow:3px 5px 0 #b19eb52b}
.iteration{background:#fff5d8}.comparison-row{grid-template-columns:.9fr 1fr;gap:90px}.compare{border:12px solid #fffef5;outline:1px solid #c4b581;box-shadow:8px 9px 0 #d8c58040;transform:rotate(-1deg)}.comparison-copy{position:relative}.comparison-copy:before{content:'这里，再改改。';font:24px CandyDisplay;color:#b35b80;display:block;transform:rotate(-5deg);margin-bottom:25px}.comparison-copy h3{font-size:42px}.comparison-copy .eyebrow{display:none}.lesson-grid{gap:25px;margin-top:70px}.lesson-grid article{background:#f4d9e2;border:1px solid #c49dad;padding:29px 26px;position:relative;transform:rotate(-1deg);box-shadow:3px 5px 0 #bca79126}.lesson-grid article:nth-child(2){background:#dcecf0;border-color:#a8bec6;transform:rotate(1.3deg)}.lesson-grid article:nth-child(3){background:#e7dff0;border-color:#b7a8c6;transform:rotate(-.6deg)}.lesson-grid article:before{content:'';position:absolute;top:-10px;left:calc(50% - 32px);width:64px;height:20px;background:#fffdf3aa;transform:rotate(-5deg)}.lesson-grid h3{font-size:27px}.lesson-grid p{font-size:12px}.lesson-grid .text-link{font-size:11px}
.skill-section{background:#dedfee}.skill-layout{gap:100px;grid-template-columns:.8fr 1.2fr}.skill-cover{position:relative;background:#78638c;border-color:#59486f;color:#fff1d7;transform:rotate(-4deg);min-height:510px;box-shadow:5px 5px 0 #f9efda,8px 8px 0 #bfaac8,11px 11px 0 #fcf6e7,17px 20px 0 #6f6d8f20;border-radius:4px 16px 16px 4px}.skill-cover:after{content:'';position:absolute;inset:15px 15px 15px 5px;border:1px solid #eed3cb80;border-radius:4px 10px 10px 4px;pointer-events:none}.skill-symbol{color:#f4c6d2;font-size:95px}.skill-cover h3{font-size:41px;letter-spacing:1px}.skill-cover .button{background:#f2c4d0;color:#5c3f67}.skill-cover .eyebrow{font-size:9px}.skill-lead{font-size:29px;font-weight:400}.skill-tree{background:#fdf7ee;border-radius:2px;padding:25px;border-left:4px solid #b997bc;box-shadow:4px 4px 0 #bcb4d126}.skill-evolution article{position:relative;border:0;padding:13px 0;gap:25px}.skill-evolution article:not(:last-child):before{content:'';position:absolute;left:22px;top:45px;bottom:-10px;border-left:1px dashed #a48aa7}.skill-evolution b{width:48px;height:34px;text-align:center;line-height:34px;font-size:14px;background:#f4d5df;border-radius:40%;color:#834d77}.skill-evolution h4{font-weight:600}.skill-evolution p{font-size:12px;max-width:430px}
.entry{background:#fff9ed}.entry-intro{gap:55px}.entry-stamp{border:2px dashed #ac6e85;color:#a15573;border-radius:50%;width:160px;height:160px;min-width:160px;display:flex;align-items:center;justify-content:center;flex-direction:column;font:25px/1.4 CandyDisplay}.entry-stamp small{font:10px system-ui}.entry-intro>p{font-size:16px}.statement-tabs{gap:8px;border:0;margin-top:45px}.statement-tabs button{font:21px CandyDisplay;padding:13px 28px;background:#dce8ed;border:1px solid #b6c6cd;border-bottom:0;border-radius:13px 13px 0 0;min-width:105px}.statement-tabs [aria-selected=true]{background:#efd4df;color:#89506b;border-color:#c59bac;font-weight:400}.statement{max-width:none;border:1px solid #c59bac;background:#fbecf1;padding:30px 35px;min-height:210px;box-shadow:5px 6px 0 #c6b9c027;border-radius:0 8px 8px 8px}.statement h3{font-size:28px}.statement p{max-width:950px}.criteria{grid-template-columns:repeat(4,1fr);gap:18px;border:0;margin-top:42px}.criteria article{padding:20px;border-top:4px solid #be8ea6;background:#f4e6eb}.criteria article:nth-child(2){background:#e3eff0;border-color:#9dbec5}.criteria article:nth-child(3){background:#f6edcf;border-color:#d7bd77}.criteria article:nth-child(4){background:#e9e3f1;border-color:#b2a0c5}.criteria span{font:35px CandyDisplay}.criteria h3{font-size:23px}.vibe-note{background:#dce9ec;border-radius:6px;padding:25px 28px}.vibe-note strong{font-family:CandyDisplay;font-size:23px;line-height:1.5;min-width:220px}.entry-checklist{margin-top:45px;border-top:2px dashed #c2b3ad;padding-top:35px}.entry-checklist h3{font-size:32px}.entry-checklist dt:before{content:'✓';display:inline-block;color:#6d8776;margin-right:12px}.entry-checklist .button{background:#f0d4df;border:1px solid #c2a0ae}.future{background:#cce5e8}.future h2{font-size:49px}.future-notes article{border-bottom:1px dashed #94b4bd}.future-notes span{font-family:CandyDisplay;font-size:20px;font-weight:400}footer{background:#f2cbd9;padding:55px 0 32px}footer .footer-goodbye{position:relative;display:block;text-align:center;padding-bottom:45px;margin-bottom:30px;border-bottom:1px solid #b875913d}footer .footer-goodbye span{font-size:12px;letter-spacing:2px;display:block;margin-bottom:10px}footer .footer-goodbye strong{font:clamp(35px,5.7vw,70px)/1.3 CandyDisplay;color:#814866}footer .footer-goodbye a{position:absolute;right:44px;top:20px;width:50px;height:50px;background:#fff2dc;border-radius:50%;font-size:30px;line-height:46px}footer .brand{font-size:21px}footer p{color:#6d5264}dialog{background:#fff8eb;border:2px solid #a9829b;border-radius:15px;box-shadow:8px 10px 0 #3f315330}dialog h3{font-weight:400}.dialog-close{background:#775c7c}dialog pre{background:#eee6ee}.dialog-media{border-radius:3px}
@media(min-width:1600px){.hero{background-size:100% 100%}.hero-cover{padding-top:20px}.cover-stage{max-width:1140px}.cover-film img{aspect-ratio:2.1}}
@media(max-width:1050px){.wrap{padding-inline:30px}.nav{padding-inline:25px}.nav nav{gap:15px}.cover-stage{padding-inline:95px}.cover-note{width:155px;padding:17px}.cover-speech{font-size:24px;right:0}.process-spread{grid-template-columns:125px 1fr}.process-detail{padding:25px;gap:22px}.process-tabs button{font-size:16px}.notebook{padding-left:20px}.cast{grid-template-columns:43% 57%}.cast-copy{padding:20px 14px}.cast h3{font-size:32px}.cast-image{min-height:270px}.story-title,.comparison-row,.skill-layout{gap:45px}.criteria{grid-template-columns:repeat(2,1fr)}.environment-spread{grid-template-columns:170px 1fr;gap:20px}}
@media(max-width:700px){html{scroll-padding-top:110px}.wrap{padding-inline:22px}.space{padding-block:65px}.nav{padding:11px 20px;min-height:98px;height:auto;gap:8px}.brand{font-size:22px}.nav nav{gap:10px}.nav nav a{font-size:10px}.nav-pill{padding:3px 8px}.hero{padding-top:27px;background-size:auto 100%;background-position:center}.episode-label{gap:10px;font-size:8px;letter-spacing:1px}.episode-label b{padding-left:10px}.hero h1{font-size:57px;line-height:1.2;margin-top:20px;letter-spacing:-1px}.hero h1 span,.hero h1 em{display:block}.hero-hook{font-size:12px;line-height:1.9;margin:14px 0 0}.hero .mobile-only{display:block}.cover-stage{padding:0;margin-top:35px;margin-bottom:65px}.cover-film{border-width:6px;transform:rotate(-2deg)}.cover-film img{aspect-ratio:1.47;object-position:45% center}.cover-film figcaption{font-size:14px;padding-bottom:39px}.cover-note{display:none}.cover-speech{top:-19px;right:-5px;padding:12px 13px;font-size:18px;border-width:1px;transform:rotate(6deg);border-radius:45%}.cover-speech span{display:none}.cover-speech:after{width:13px;height:18px;border-width:1px}.cover-star{font-size:39px;right:7px;bottom:-30px}.cover-spark{font-size:31px;left:-6px;bottom:-16px}.watch-ticket{min-width:262px;gap:15px;padding:13px 18px;bottom:-15px}.watch-ticket strong{font-size:23px}.watch-ticket small{font-size:9px}.ticket-arrow{font-size:23px}.cover-bottom{justify-content:center;padding:0 0 22px}.cover-bottom>span{display:none}.cover-bottom a{font-size:10px}.cover-bottom b{font-size:18px}.section-top{margin-bottom:30px}.section-top>p{margin-top:18px;font-size:12px}.eyebrow{font-size:10px;margin-bottom:18px}h2{font-size:34px}.cinema{padding:55px 0 45px}.cinema h2{font-size:34px}.film-frame{padding:5px}.chapters{gap:8px}.chapters button{padding:12px;font-size:10px}.chapters b{font-size:25px}.chapters small{font-size:8px}.film-caption{font-size:9px}.story-title{display:block}.story-title h2{font-size:33px}.story-title p{margin-top:20px}.story-strip{gap:25px;margin-top:30px}.story-strip figure{display:block;padding:7px 7px 13px;margin:0!important;transform:rotate(-1deg)}.story-strip img{aspect-ratio:1.9}.story-strip figcaption{font-size:20px;margin:12px 8px 0}.story-strip figcaption span{display:inline-block}.story-strip figure:not(:last-child):after{right:18px;bottom:-28px;transform:rotate(75deg);font-size:30px}.environment-spread{display:block}.world-tabs{flex-direction:row;gap:6px;margin:0 0 19px}.world-tabs button{font:13px/1.5 CandyDisplay;padding:10px 6px}.world-tabs [aria-selected=true]{transform:rotate(-2deg)}.world-tabs [aria-selected=true]:after{display:none}.world-image{padding:7px 7px 12px}.world-image>img{aspect-ratio:1.5}.world-image figcaption{font-size:9px;padding:0}.world-image .text-link{font-size:9px}.cast-heading{margin:45px 0 23px}.cast-heading h3{font-size:30px}.cast-heading .tiny{font-size:10px}.cast-grid{grid-template-columns:1fr;gap:20px}.cast{grid-template-columns:44% 56%}.cast-image{min-height:245px}.cast h3{font-size:34px}.cast-copy{padding:20px 17px}.cast p{font-size:12px}.cast-index{margin-top:8px}.making{background-size:auto 100%;background-position:center}.process-spread{display:block}.process-tabs{flex-direction:row;margin:0;gap:4px;justify-content:space-between}.process-tabs button{font:13px/1.5 CandyDisplay;border:1px solid #c0a3af;border-bottom:0;border-radius:8px 8px 0 0;padding:10px 5px;flex:1;text-align:center;white-space:normal}.process-tabs [aria-selected=true]{transform:translateY(-3px);box-shadow:none}.process-detail{display:block;padding:25px 22px;border-radius:0 0 12px 12px;min-height:0}.process-prose .eyebrow{margin-top:0}.process-prose h3{font-size:31px}.process-prose p{font-size:13px}.notebook{margin-top:30px;padding:22px 0 0;border-left:0;border-top:1px dashed #bca7b7}.notebook pre{font-size:10px}.tools-line{padding:22px 15px;text-align:left;margin-top:25px}.tools-line p{font-size:11px}.tools-line small{font-size:9px}.canvas-section .section-top .button{font-size:11px;padding:10px 18px}.archive-heading strong{font-size:19px}.archive-shell{border-radius:10px;box-shadow:5px 5px 0 #ac85982b}.comparison-row{gap:35px}.comparison-copy h3{font-size:36px}.comparison-copy:before{font-size:22px;margin-bottom:15px}.compare{border-width:9px}.lesson-grid{gap:27px;margin-top:40px}.lesson-grid article{padding:25px}.lesson-grid h3{font-size:29px}.skill-layout{gap:45px}.skill-cover{min-height:460px;width:90%;padding:35px 24px;transform:rotate(-3deg)}.skill-cover h3{font-size:37px}.skill-symbol{font-size:80px}.skill-lead{font-size:26px}.skill-tree{font-size:10px;padding:20px 15px}.skill-evolution article{gap:18px}.entry-intro{display:flex;gap:18px;align-items:flex-start}.entry-intro>p{font-size:13px;flex:1}.entry-stamp{min-width:100px;width:100px;height:100px;font-size:18px;margin-top:5px;padding:10px}.entry-stamp small{font-size:8px;line-height:1.5}.statement-tabs{gap:5px;margin-top:30px}.statement-tabs button{min-width:0;flex:1;padding:12px 10px;font-size:20px}.statement{padding:25px 20px;min-height:260px}.statement p{font-size:12px}.criteria{gap:13px;margin-top:30px}.criteria article{padding:16px 13px}.criteria h3{font-size:22px}.criteria span{font-size:32px}.criteria p{font-size:11px}.vibe-note{padding:22px}.vibe-note strong{font-size:23px}.entry-checklist{margin-top:30px}.entry-checklist h3{font-size:30px}.entry-checklist dl>div{gap:5px}.future h2{font-size:40px}.future-notes span{font-size:21px}footer{padding-top:40px}footer .footer-goodbye{display:block;padding-bottom:30px;margin-bottom:25px}footer .footer-goodbye strong{font-size:36px}footer .footer-goodbye span{font-size:10px;letter-spacing:1px}footer .footer-goodbye a{display:none}footer .wrap{gap:20px}footer .brand{font-size:22px}dialog{padding:22px}}
.website-art-note{font-size:10px;background:#fff9e7e6;display:block;margin:24px 0 0;padding:13px 18px;border-left:3px solid #bd8ba4}.website-art-note a{display:inline-block;text-decoration:underline;text-underline-offset:3px;margin-left:12px;color:#8b4666}.making .section-top>div{background:#fff9edc9;padding:20px 28px 22px;border-radius:3px 24px 5px 3px}.making .section-top{margin-top:-20px}.making .section-top>p{background:#fff9edb3;padding:15px 20px;border-radius:3px}.hero h1 em{border-bottom:0}.hero{padding-top:28px}.hero h1{font-size:clamp(64px,6.8vw,90px);margin-block:15px 9px}.cover-stage{max-width:950px;margin-top:27px;margin-bottom:47px}.cover-film img{aspect-ratio:2.2}.cover-film figcaption{padding-bottom:27px}.cover-note{top:19px}.cover-speech{top:20px}.cover-bottom{padding-bottom:21px}.cast-image{mix-blend-mode:normal}
@media(max-width:700px){.hero h1{font-size:57px;margin-top:20px}.cover-stage{margin-top:35px;margin-bottom:65px}.cover-film img{aspect-ratio:1.47}.cover-film figcaption{padding-bottom:39px}.cover-speech{top:-19px}.making .section-top>div{padding:18px}.making .section-top>p{padding:12px 18px}.website-art-note{font-size:10px}.website-art-note a{margin-left:0;margin-right:12px}.cast-image{min-height:245px}}
h2,h3{text-wrap:balance}.process-tabs button{display:flex;gap:6px;align-items:center}.process-tabs b{font-weight:400}.process-tabs span{font-size:.85em}
@media(max-width:700px){.process-tabs button{display:flex;flex-direction:column;gap:2px;padding:8px 3px}.process-tabs b{font-size:13px;white-space:nowrap}.process-tabs span{font:10px system-ui}.process-prose h3{font-size:29px}}
/* v5: restore the preferred opening still and the original left-copy/right-art layout. */
.hero.hero-restored{padding:0;isolation:isolate;background-position:center;background-size:cover}
.hero-restored:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#eef6eee8 0%,#edf4ebce 28%,#ecf3ee50 55%,transparent 80%);pointer-events:none}
.hero-restored .hero-inner{max-width:1260px;grid-template-columns:.85fr 1.15fr;gap:42px;min-height:650px;padding:55px 44px 65px}
.hero-restored .hero-copy{padding:20px 0}
.hero-restored .hero-copy>.eyebrow{display:inline-block;background:#fff8e9;padding:8px 16px;transform:rotate(-2deg);border-radius:4px 2px 8px 3px;box-shadow:2px 3px 0 #d7b6825c;font-size:11px;letter-spacing:1px}
.hero-restored .little-line{display:none}
.hero-restored h1{text-align:left;font-size:clamp(56px,6.5vw,86px);letter-spacing:-.025em;line-height:1.25;margin:15px 0 25px;white-space:nowrap}
.hero-restored h1 em{display:inline}
.hero-restored .hero-hook{text-align:left;font-size:18px;line-height:2;color:#3f5169;margin:0}
.hero-restored .hero-actions{margin:30px 0 22px;gap:20px}
.hero-restored .hero-actions .button{font-size:13px;border-radius:4px 10px 5px 9px;box-shadow:3px 4px 0 #72354b33}
.hero-restored .hero-actions .text-link{font-size:12px}
.hero-restored .hero-meta{font-size:10px;letter-spacing:.3px;color:#4b5c6a}
.hero-restored .hero-art{padding:12px 0 28px;min-width:0}
.hero-restored .polaroid{background:none;padding:0;box-shadow:none;transform:rotate(2deg)}
.hero-restored .polaroid img{width:100%;aspect-ratio:1.12;object-fit:cover;object-position:50% center;mask:url('assets/paint-frame.svg') center/100% 100%;filter:none}
.hero-restored .polaroid figcaption{position:relative;width:87%;margin:-3px auto 0;padding:13px 12px;background:#fff6e9;transform:rotate(-4deg);font-size:20px;box-shadow:2px 4px 0 #cfbba64d;border-radius:2px 8px 3px 4px}
.hero-restored .stamp{right:-5px;top:-8px;background:#f5d982;border-color:#92703e;border-radius:45% 53% 46% 52%;box-shadow:3px 5px 0 #7d584d28;font-size:12px}
.hero-restored .scribble{bottom:-19px;left:55px;color:#514b54;font-size:18px;background:#fcf1dfd9;padding:3px 12px;transform:rotate(-4deg)}
.hero-restored .hero-doodle{bottom:-33px;right:8px;stroke:#993b58}
.hero-restored .hero-bottom{background:#fff8e6df;max-width:none;justify-content:center;gap:50px;padding:16px 28px 24px;font-size:11px}
@media(min-width:1550px){.hero-restored .hero-inner{min-height:720px}}
@media(max-width:1000px){.hero-restored .hero-inner{gap:25px;padding:40px 35px 55px;min-height:590px}.hero-restored h1{font-size:64px}.hero-restored .hero-hook{font-size:16px}.hero-restored .polaroid figcaption{font-size:17px}.hero-restored .hero-bottom{gap:25px}.hero-restored .stamp{width:94px;height:94px}}
@media(max-width:700px){.hero.hero-restored{background-size:auto 100%;background-position:center bottom}.hero-restored:before{background:linear-gradient(180deg,#eef6eef2 0%,#edf4ebcc 34%,#edf4eb30 67%,transparent)}.hero-restored .hero-inner{grid-template-columns:1fr;min-height:0;padding:29px 24px 45px;gap:12px}.hero-restored .hero-copy{padding:0}.hero-restored h1{font-size:60px;letter-spacing:-1px;margin:9px 0 23px}.hero-restored .hero-hook{font-size:16px}.hero-restored .hero-actions{gap:14px;margin:22px 0 17px}.hero-restored .hero-actions .button{font-size:12px;padding:12px 17px}.hero-restored .hero-actions .text-link{font-size:11px}.hero-restored .hero-meta{font-size:9px;letter-spacing:0}.hero-restored .hero-art{padding:22px 0 24px}.hero-restored .polaroid img{aspect-ratio:1.35}.hero-restored .polaroid figcaption{font-size:17px;width:94%;padding:11px 6px;gap:10px}.hero-restored .polaroid figcaption span{font-size:10px}.hero-restored .stamp{top:9px;right:-4px;width:83px;height:83px;font-size:10px}.hero-restored .stamp strong{font-size:18px}.hero-restored .scribble{font-size:15px;bottom:-8px;left:15px}.hero-restored .hero-doodle{width:90px;bottom:-14px}.hero-restored .hero-bottom{justify-content:space-between;gap:15px;font-size:10px;padding:18px 23px 30px}}
