:root{color-scheme:light;--paper:#fffaf8;--pink:#f2dce4;--rose:#b8496a;--deep:#83334e;--ink:#382c30;--muted:#705d65;--line:#decbd2;--font:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:30px}body{margin:0;background:var(--paper) url('assets/paper-grain.svg');color:var(--ink);font:16px/1.85 var(--font)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--deep);outline-offset:5px}button img{display:block;width:100%;height:auto}img{max-width:100%;height:auto}figure,h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700;line-height:1.4}h2{font-size:clamp(29px,3.3vw,46px)}h3{font-size:23px}.wrap{width:min(1180px,calc(100% - 88px));margin-inline:auto}.skip{position:fixed;top:0;left:16px;z-index:100;transform:translateY(-150%);background:var(--deep);color:white;padding:12px}.skip:focus{transform:none}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--deep);margin-bottom:20px}.site-header{display:flex;gap:30px;align-items:center;justify-content:space-between;min-height:84px;padding:12px 5%;background:#fffaf8f5;border-bottom:1px solid var(--line);position:relative;z-index:5}.wordmark{font-size:21px;font-weight:700;white-space:nowrap;color:var(--deep)}.wordmark>span{display:inline-grid;place-items:center;width:36px;height:36px;background:var(--pink);border:1px solid #b68496;transform:rotate(-7deg);margin-right:7px}.site-header nav{display:flex;gap:30px;font-size:14px}.site-header a:hover{color:var(--rose)}.back{font-size:13px}.hero{padding:66px 0 0;position:relative;isolation:isolate;background:linear-gradient(#fffaf8d9,#fffaf8da),url('assets/collage-recolored.jpeg') center/cover}.hero-inner{width:min(1320px,calc(100% - 88px));margin:auto;display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:24px;min-height:535px}.hero h1{font-size:clamp(44px,5.1vw,76px);color:var(--deep);letter-spacing:3px;margin-bottom:12px}.hero-line{font-size:clamp(28px,3vw,43px);font-weight:700;line-height:1.55}.hero-line span{position:relative;z-index:0}.hero-line span:after{content:"";position:absolute;left:-2px;right:-9px;bottom:2px;height:14px;background:#edbfd0b3;z-index:-1;transform:rotate(-2deg)}.hero-description{color:var(--muted);margin-top:25px;font-size:16px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:25px;margin:31px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:12px 23px;border:1px solid var(--deep);font-size:14px;font-weight:700;box-shadow:3px 4px 0 #83334e24}.primary{color:#fffaf8;background:var(--deep)}.primary:hover{background:#66213a}.text-link{font-size:13px;border-bottom:1px solid var(--line)}.hero-art{position:relative;align-self:center;padding-top:20px}.hero-art>img{position:relative;z-index:2;width:100%;filter:drop-shadow(1px 7px 2px #77513b1a)}.paper-behind{position:absolute;inset:12% -2% 3%;background:url('assets/paper-band.png') center/100% 100%;transform:rotate(-6deg);filter:drop-shadow(3px 10px 4px #83334e16)}.little-note{position:absolute;z-index:3;background:#fffaf1;box-shadow:3px 4px 0 #83334e12;padding:8px 22px;color:var(--deep);font-size:15px}.note-one{left:5%;top:5%;transform:rotate(-9deg)}.note-two{right:0;top:14%;transform:rotate(7deg);background:#efd1dc}.art-caption{display:block;text-align:center;font-size:13px;color:var(--deep);letter-spacing:2px;margin-top:5px}.award-ribbon{width:min(1180px,calc(100% - 88px));margin:47px auto 0;display:flex;align-items:center;gap:25px;padding:20px 10px;color:var(--deep);border-block:1px solid #bb879c77;font-size:13px}.ribbon-symbol{font-size:29px}.award-ribbon strong{font-size:19px}.award-ribbon i{height:18px;width:1px;background:#bb879c}.ribbon-arrow{margin-left:auto;font-size:24px}.project-meta{display:grid;grid-template-columns:1fr 1.5fr 1.2fr .7fr;padding-block:31px;border-bottom:1px solid var(--line);gap:22px}.project-meta span{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.project-meta strong{font-size:13px}.chapter{padding-block:105px}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:48px}.section-heading>p{max-width:430px;color:var(--muted);font-size:15px}.two-notes{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:8px 8px 10px}.story-note{padding:42px;background:#fffdf8 url('assets/paper-note-a.png') center/100% 100%;filter:drop-shadow(0 7px 5px #5d394d13);transform:rotate(-2deg)}.story-note.other{background-image:url('assets/paper-note-b.png');transform:rotate(2deg)}.paper-label{font-size:11px;letter-spacing:1px;color:var(--deep)}.story-note h3{font-size:25px;margin:20px 0;line-height:1.65}.story-note p{font-size:14px;color:var(--muted)}.note-foot{display:block;border-top:1px dashed #bc98a5;margin-top:26px;padding-top:17px;color:var(--deep);font-size:13px}.between{position:absolute;left:calc(50% - 20px);top:45%;font-size:33px;color:var(--rose);z-index:2}.chapter-takeaway{text-align:center;margin-top:55px;font-size:19px;line-height:1.9}.chapter-takeaway span{color:var(--deep);font-weight:700}.experience-section{padding:90px 0;background:#f4e4e8 url('assets/paper-grain.svg');position:relative}.experience-section:before,.making-section:before{content:"";position:absolute;top:-8px;left:0;right:0;height:13px;background:var(--paper);clip-path:polygon(0 0,100% 0,100% 40%,98% 70%,96% 30%,94% 80%,91% 45%,88% 90%,85% 35%,82% 70%,79% 40%,76% 90%,73% 40%,70% 70%,67% 35%,64% 75%,61% 30%,58% 90%,55% 40%,52% 75%,49% 35%,46% 80%,43% 40%,40% 90%,37% 40%,34% 75%,31% 35%,28% 85%,25% 30%,22% 70%,19% 40%,16% 90%,13% 40%,10% 80%,7% 40%,4% 80%,1% 40%,0 70%)}.mini-story{display:grid;grid-template-columns:1.1fr 1fr;gap:0;background:#fffcf8;border:1px solid #c9aab7;box-shadow:7px 9px 0 #d5b9c666}.mini-scene{position:relative;overflow:hidden;min-height:480px;background:#f0eadb;border:15px solid #fffdf9;background-image:radial-gradient(ellipse at 50% 30%,#fffaf5aa,#b9c3a43b),url('assets/paper-grain.svg')}.scene-time{position:absolute;top:22px;left:24px;font-size:12px;color:#615c50}.window-drawing{position:absolute;left:9%;top:20%;width:110px;height:150px;border:2px solid #6e6c5b;border-radius:50px 50px 10px 10px;background:#b6cccf;transform:rotate(-2deg)}.window-drawing:before,.window-drawing:after{content:"";position:absolute;background:#6e6c5b}.window-drawing:before{top:0;bottom:0;left:49%;width:2px}.window-drawing:after{left:0;right:0;top:50%;height:2px}.scene-characters{position:absolute;width:85%;left:9%;bottom:8%;transition:transform .3s}.scene-characters img{display:block;width:100%}.mini-story[data-view=B] .scene-characters{transform:translateX(-2%)}.scene-table{position:absolute;left:46%;bottom:20%;height:40px;width:66px;transform:rotate(2deg)}.scene-table:before{content:"";position:absolute;top:15px;width:100%;height:15px;background:#c8a783;border:2px solid #6e5c4e;border-radius:50%}.scene-table span{position:absolute;z-index:2;left:28%;top:-15px;font-size:27px}.scene-table i{position:absolute;top:30px;bottom:-35px;left:50%;width:2px;background:#6e5c4e}.scene-caption{position:absolute;bottom:8px;left:20px;font-size:10px;color:#615c50}.mini-copy{padding:35px 35px 26px;display:flex;flex-direction:column}.view-switch{display:flex;gap:8px;margin-bottom:30px}.view-switch button{flex:1;min-height:44px;padding:8px;border:1px solid #bd8d9f;background:transparent;font-size:13px}.view-switch button[aria-pressed=true]{background:var(--deep);color:white;border-color:var(--deep)}.mini-copy h3{font-size:26px;margin-bottom:18px}.mini-copy #view-story{font-size:15px;min-height:112px}.mini-copy .eyebrow{margin-bottom:12px}.thought{font-size:12px;line-height:1.8;color:var(--muted);padding:16px 0;border-top:1px dashed var(--line);margin-top:15px}.mini-copy .swap{align-self:flex-start;margin-top:12px}.mini-caption{font-size:10px;color:var(--muted);margin-top:14px}.design-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:38px}.design-principles span{color:var(--deep);font-weight:700;font-size:15px}.design-principles p{color:var(--muted);font-size:13px;margin-top:8px}.journey{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:0 0 55px;gap:30px}.journey li{border-top:1px solid var(--line);padding-top:20px}.journey b{font-size:33px;line-height:1;color:#ae738a;font-weight:400}.journey h3{font-size:20px;margin:18px 0 10px}.journey p{font-size:13px;color:var(--muted)}.screens-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.screen-figure{min-width:0;margin-top:10px}.screen-figure.wide{grid-column:1/-1;width:92%;margin:0 auto 10px;transform:rotate(-1deg)}.screen-figure button{display:block;background:#fff;border:1px solid #d9c4cd;padding:10px;box-shadow:5px 7px 0 #eadce2;width:100%;cursor:zoom-in}.screen-figure button:hover{border-color:var(--rose)}.screen-figure figcaption{padding:17px 2px 0}.screen-figure figcaption strong{display:block;font-size:14px}.screen-figure figcaption span{font-size:11px;color:var(--muted)}.reading-note{border-block:1px solid var(--line);margin-top:45px}.reading-note summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;padding:22px 0;font-size:15px;font-weight:700;color:var(--deep);gap:20px}.reading-note summary::-webkit-details-marker{display:none}.reading-note[open] summary>span{transform:rotate(45deg)}.reading-note>div{font-size:14px;padding:0 0 25px;color:var(--muted);max-width:1000px}.reading-note p+p{margin-top:15px}.making-section{padding:90px 0;background:#f0ebe0 url('assets/paper-grain.svg');position:relative}.making-lead{display:grid;grid-template-columns:.65fr 1.6fr;gap:60px;align-items:center;margin-bottom:45px}.big-number{display:flex;gap:25px;align-items:center}.big-number>strong{font-size:100px;font-weight:400;line-height:1;color:var(--deep)}.big-number>strong span{font-size:17px;margin-left:6px}.big-number p{font-size:14px;color:var(--deep)}.big-number small{font-size:11px;color:var(--muted)}.pipeline{margin:0;list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.pipeline li{font-size:13px;border-bottom:1px solid #cdbdc0;padding-bottom:10px}.pipeline b{color:var(--deep);font-weight:400;font-size:11px;margin-right:9px}.architecture{display:flex;align-items:center;gap:11px;border-block:1px solid #cdbdc0;padding:25px 0}.architecture span{font-size:12px;flex:1;text-align:center}.architecture b{color:var(--rose);font-size:18px}.engineering-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:42px 0}.engineering-notes article>span{font-size:11px;color:var(--deep)}.engineering-notes h3{font-size:19px;margin:10px 0}.engineering-notes p{font-size:13px;color:var(--muted)}.studio{max-width:960px;margin:45px auto 0;transform:rotate(1deg)}.progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.progress-grid article{border-top:2px solid var(--deep);padding-top:24px}.progress-grid article:nth-child(2){border-color:#b49875}.progress-grid h3{font-size:22px}.progress-grid ul{padding-left:21px;font-size:14px;margin:22px 0}.progress-grid li{margin-top:9px}.status-note{font-size:12px;color:var(--muted);background:#f1e6e6;padding:17px 20px;line-height:1.9}.progress-grid article:nth-child(2) .status-note{background:#f0ebe0}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.plan-grid h3{font-size:16px;margin-bottom:10px}.plan-grid p{font-size:13px}.awards-section{background:#f2dce444;padding:90px 0}.award-titles{display:flex;gap:50px;align-items:center;justify-content:center;border-block:1px solid #bf91a280;padding:40px 20px;margin-bottom:45px}.award-titles>div{flex:1;text-align:center}.award-titles strong{display:block;color:var(--deep);font-size:clamp(34px,4.2vw,60px);margin-top:10px;line-height:1.5}.award-titles span{font-size:12px;color:var(--muted)}.award-titles .award-plus{font-size:28px;color:var(--rose)}.award-photos{max-width:900px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:55px}.award-photos figure{min-width:0;transform:rotate(-2deg);background:#fffdfb;padding:12px 12px 17px;box-shadow:5px 8px 18px #68455515}.award-photos figure:nth-child(2){transform:rotate(2deg)}.award-photos button{display:block;width:100%;padding:0;border:0;cursor:zoom-in;background:var(--pink)}.award-photos button img{width:100%;aspect-ratio:1279/2275;object-fit:contain}.award-photos figcaption{padding:13px 5px 0;font-size:12px;display:flex;gap:7px;justify-content:space-between;flex-wrap:wrap}.award-photos figcaption span{color:var(--deep)}.closing{text-align:center;padding-block:100px}.closing h2{font-size:clamp(35px,4.3vw,60px);line-height:1.55}.closing h2 span{color:var(--deep)}.closing p:not(.eyebrow){color:var(--muted);font-size:14px;margin:26px auto}.closing .button{margin-top:7px}.site-footer{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-block:27px;font-size:12px;color:var(--muted)}#lightbox{width:min(1400px,95vw);max-height:94vh;border:1px solid #baa2ab;padding:20px;background:var(--paper);color:var(--ink)}#lightbox::backdrop{background:#21131ce3}#lightbox-image{display:block;width:auto;max-width:100%;max-height:calc(94vh - 110px);margin:15px auto 0;object-fit:contain}.lightbox-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:13px}.close-lightbox{border:1px solid var(--deep);background:var(--paper);padding:8px 14px;white-space:nowrap;min-height:44px}.fallback{margin-top:20px}
@media(min-width:1600px){.hero{padding-top:80px}.hero-inner{min-height:610px}}
@media(max-width:1000px){.wrap,.hero-inner,.award-ribbon{width:calc(100% - 64px)}.hero-inner{grid-template-columns:1fr 1fr;gap:10px;min-height:520px}.hero-art{align-self:center}.hero-description{font-size:14px}.hero-line{font-size:33px}.hero-actions{gap:15px}.hero-actions .button{padding:12px 16px}.section-heading{gap:35px}.mini-story{grid-template-columns:1fr 1fr}.mini-copy{padding:24px}.mini-scene{min-height:450px}.scene-characters{width:100%;left:1%;bottom:12%}.window-drawing{width:85px;height:110px}.mini-copy h3{font-size:22px}.mini-copy #view-story{font-size:14px;min-height:145px}.making-lead{grid-template-columns:1fr;gap:35px}.big-number{justify-content:center}.engineering-notes{gap:24px}.award-photos{gap:30px}.project-meta{grid-template-columns:1fr 1.5fr 1.2fr}.project-meta>div:last-child{display:none}.story-note{padding:30px}.story-note h3{font-size:22px}.two-notes{gap:45px}.journey{gap:22px}.hero .eyebrow{font-size:10px;letter-spacing:1px}}
@media(max-width:700px){html{scroll-padding-top:20px}.wrap,.hero-inner,.award-ribbon{width:calc(100% - 40px)}.site-header{padding:15px 20px;min-height:76px;gap:15px;flex-wrap:wrap}.wordmark{font-size:19px}.site-header nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px;gap:16px;font-size:13px}.back{font-size:11px}.hero{padding-top:40px}.hero-inner{display:flex;flex-direction:column;gap:0;min-height:0;align-items:stretch}.hero .eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:16px}.hero h1{font-size:51px;letter-spacing:2px}.hero-line{font-size:34px;line-height:1.6}.hero-description{font-size:14px;margin-top:20px}.hero-actions{margin:24px 0 5px;gap:20px}.hero-art{width:min(460px,100%);align-self:center;padding-top:25px;margin:20px 0 0}.little-note{font-size:12px;padding:5px 13px}.note-one{top:5%;left:4%}.note-two{top:13%;right:0}.art-caption{font-size:11px;letter-spacing:1px}.award-ribbon{margin-top:30px;padding-block:17px;gap:12px;flex-wrap:wrap;font-size:11px}.award-ribbon strong{font-size:15px}.ribbon-symbol{display:none}.award-ribbon>span:nth-child(2){flex-basis:100%}.ribbon-arrow{font-size:18px}.project-meta{grid-template-columns:1fr 1fr;gap:20px 12px;padding-block:25px}.project-meta>div:last-child{display:block}.project-meta strong{font-size:12px}.project-meta span{font-size:10px}.chapter{padding-block:66px}.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:32px}.section-heading>p{font-size:14px}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:15px}h2{font-size:30px}.two-notes{grid-template-columns:1fr;gap:35px;padding:5px 4px}.story-note{padding:30px;transform:rotate(-1.5deg)}.story-note.other{transform:rotate(1.5deg)}.story-note h3{font-size:23px}.story-note p{font-size:14px}.between{top:calc(50% - 23px);left:calc(50% - 17px);transform:rotate(90deg);font-size:29px}.chapter-takeaway{font-size:16px;text-align:left;margin-top:32px}.experience-section,.making-section,.awards-section{padding-block:66px}.mini-story{grid-template-columns:1fr;box-shadow:4px 6px 0 #d5b9c666}.mini-scene{min-height:330px;height:330px;border-width:10px}.scene-time{top:14px;left:15px;font-size:11px}.scene-characters{width:85%;left:8%;max-width:350px;bottom:8%}.window-drawing{top:22%;left:9%;width:70px;height:100px}.scene-table{bottom:19%;width:60px;left:45%}.scene-caption{font-size:9px;left:12px}.mini-copy{padding:24px}.view-switch{margin-bottom:22px}.mini-copy h3{font-size:23px}.mini-copy #view-story{min-height:128px;font-size:14px}.mini-copy .swap{width:100%;font-size:13px}.mini-caption{font-size:10px}.thought{min-height:76px}.design-principles{grid-template-columns:1fr;gap:20px;margin-top:30px}.design-principles>div{border-top:1px solid #d2b8c3;padding-top:15px}.design-principles span{font-size:15px}.design-principles p{font-size:13px;margin-top:4px}.journey{grid-template-columns:1fr 1fr;gap:26px 20px;margin-bottom:35px}.journey h3{font-size:18px;margin-top:12px}.journey b{font-size:28px}.screens-grid{grid-template-columns:1fr;gap:30px}.screen-figure.wide{grid-column:auto;width:100%;transform:none;margin-bottom:0}.screen-figure button{padding:5px;box-shadow:3px 4px 0 #eadce2}.screen-figure figcaption strong{font-size:13px}.screen-figure figcaption span{font-size:10px}.reading-note{margin-top:30px}.reading-note summary{font-size:14px}.reading-note>div{font-size:13px}.making-lead{gap:25px;margin-bottom:25px}.big-number{justify-content:flex-start;gap:24px}.big-number>strong{font-size:80px}.pipeline{grid-template-columns:1fr 1fr;gap:15px}.pipeline li{font-size:12px}.architecture{flex-direction:column;gap:8px;padding:22px 0}.architecture span{font-size:13px}.architecture b{transform:rotate(90deg);font-size:15px;line-height:1}.engineering-notes{grid-template-columns:1fr;gap:26px;margin-block:30px}.engineering-notes h3{font-size:19px}.engineering-notes p{font-size:13px}.studio{transform:none}.progress-grid{grid-template-columns:1fr;gap:35px}.progress-grid h3{font-size:21px}.progress-grid ul{font-size:13px}.status-note{padding:15px;font-size:12px}.plan-grid{grid-template-columns:1fr;gap:24px}.award-titles{gap:12px;flex-direction:column;padding:28px 15px;margin-bottom:30px}.award-titles strong{font-size:38px;margin-top:4px}.award-titles span{font-size:11px}.award-titles .award-plus{font-size:18px}.award-photos{grid-template-columns:1fr;gap:35px;max-width:390px;padding:0 7px}.award-photos figure{padding:10px 10px 15px}.award-photos figcaption{font-size:11px}.closing{padding-block:65px}.closing h2{font-size:34px}.closing p:not(.eyebrow){font-size:13px}.desktop-break{display:none}.site-footer{font-size:11px;flex-wrap:wrap;gap:16px}.site-footer>span{display:none}#lightbox{padding:12px;width:96vw}.lightbox-toolbar{font-size:11px;gap:10px}.close-lightbox{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Recordings and live product entry retain the original paper palette. */
[hidden]{display:none!important}
.preview-section{padding-bottom:75px}
.recording-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr);gap:30px;align-items:start}
.recording-main{min-width:0}
.recording-stage{position:relative;background:#e8ddd5;border:9px solid #fffdf9;box-shadow:4px 6px 0 #eadce2}
.recording-stage video{display:block;width:100%;aspect-ratio:1440/774;object-fit:contain;background:#eee7e1}
.recording-play{position:absolute;inset:0;border:0;background:linear-gradient(transparent,#382c3066);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff;text-shadow:0 1px 6px #382c30}
.recording-play>span{display:grid;place-items:center;background:var(--deep);width:66px;height:66px;border-radius:50%;padding-left:5px;font-size:25px;box-shadow:0 5px 15px #382c3030}
.recording-play strong{font-size:17px}
.recording-play small{font-size:12px}
.recording-caption{display:flex;gap:20px;justify-content:space-between;margin-top:25px}
.recording-caption .eyebrow{font-size:10px;margin-bottom:8px}
.recording-caption h3{font-size:23px}
.recording-caption p:not(.eyebrow){color:var(--muted);font-size:13px;margin-top:9px}
.recording-caption>a{white-space:nowrap;font-size:12px;color:var(--deep);align-self:flex-start;padding-top:5px}
.recording-status{font-size:12px;color:var(--deep);margin-top:12px;min-height:22px}
.recording-list{display:grid;gap:10px}
.recording-item{display:flex;align-items:center;gap:14px;padding:10px;text-align:left;border:1px solid transparent;border-bottom-color:var(--line);background:transparent;min-height:81px;width:100%}
.recording-item img{display:block;flex:none;width:100px;height:54px;object-fit:cover;border:1px solid var(--line)}
.recording-item>span{display:flex;flex-direction:column;min-width:0}
.recording-item small{font-size:9px;color:var(--muted);line-height:1.5}
.recording-item strong{font-size:13px;margin:3px 0;line-height:1.6}
.recording-item em{font-style:normal;font-size:10px;color:var(--deep);line-height:1.4}
.recording-item[aria-pressed=true]{background:#f2dce466;border:1px solid #c7a4b3;box-shadow:3px 3px 0 #e8d7de}
.recording-item:hover{background:#f2dce444}
.live-section{padding:75px 0 90px;background:#f2e9e9 url('assets/paper-grain.svg')}
.live-cards{display:grid;grid-template-columns:1fr 1fr;gap:35px}
.live-cards article{padding:32px 35px 38px;background:#fffdf9;box-shadow:4px 6px 0 #dbc7ce66;border-top:3px solid #bf8b9f}
.live-cards article:nth-child(2){border-top-color:#9a9f81}
.live-cards h3{font-size:24px;margin:14px 0}
.live-cards p{font-size:14px;color:var(--muted);min-height:52px}
.live-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:23px}
.inline-preview{font-size:13px;border:0;border-bottom:1px solid #be92a3;padding:7px 0;background:none;min-height:44px;color:var(--deep)}
.inline-preview[aria-expanded=true]{font-weight:700}
.live-note{font-size:12px;color:var(--muted);margin:25px 0 0;max-width:930px;line-height:1.9}
.live-panel{margin-top:35px;background:#fffdf9;border:1px solid #c7a4b3;box-shadow:5px 7px 0 #dbc7ce66}
.live-toolbar{display:flex;align-items:center;gap:24px;padding:15px 20px;border-bottom:1px solid var(--line);font-size:12px}
.live-toolbar strong{font-size:14px;margin-right:auto;color:var(--deep)}
.live-toolbar button{min-height:44px;border:1px solid #c7a4b3;padding:8px 13px;background:var(--paper);font-size:12px}
.live-toolbar a{color:var(--deep)}
.embed-note{font-size:11px;color:var(--muted);padding:10px 20px}
#live-frame{display:block;width:100%;height:740px;border:0;background:var(--paper)}
.studio-link-row{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:34px}
@media(max-width:1000px){
  .recording-layout{grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr);gap:20px}
  .recording-item{gap:10px;padding:8px}
  .recording-item img{width:76px;height:43px}
  .recording-item strong{font-size:12px}
  .recording-caption{flex-direction:column;gap:10px}
  .live-cards{gap:22px}
  .live-cards article{padding:25px}
  .live-cards h3{font-size:21px}
  .live-actions{gap:16px}
}
@media(max-width:700px){
  .preview-section{padding-block:60px}
  .recording-layout{grid-template-columns:1fr;gap:18px}
  .recording-stage{border-width:5px}
  .recording-play>span{width:50px;height:50px;font-size:20px}
  .recording-play strong{font-size:14px}
  .recording-play small{font-size:10px}
  .recording-caption{margin-top:22px;flex-direction:row;gap:12px}
  .recording-caption h3{font-size:21px}
  .recording-caption>a{font-size:10px}
  .recording-caption p:not(.eyebrow){font-size:12px}
  .recording-status:empty{display:none}
  .recording-list{grid-template-columns:1fr 1fr;gap:12px}
  .recording-item{display:block;padding:8px;border:1px solid var(--line)}
  .recording-item img{width:100%;height:auto;aspect-ratio:1440/774;margin-bottom:9px}
  .recording-item small{font-size:9px}
  .recording-item strong{font-size:12px}
  .recording-item em{font-size:10px}
  .live-section{padding-block:60px}
  .live-cards{grid-template-columns:1fr;gap:25px}
  .live-cards article{padding:24px}
  .live-cards h3{font-size:21px}
  .live-cards p{font-size:13px;min-height:0}
  .live-actions{gap:15px}
  .live-actions .button{font-size:12px;padding:11px 16px}
  .inline-preview{font-size:12px}
  .live-note{font-size:11px}
  .live-toolbar{flex-wrap:wrap;gap:10px;padding:12px}
  .live-toolbar strong{flex-basis:100%}
  .live-toolbar button{margin-left:auto}
  .embed-note{padding:10px 12px;font-size:10px}
  #live-frame{height:650px}
  .studio-link-row{flex-wrap:wrap;gap:15px}
}

.skill-section{border-bottom:1px solid var(--line)}
.skill-intro{display:grid;grid-template-columns:1.7fr 1fr;gap:50px;align-items:center;padding:30px 35px;background:#f0ebe0 url('assets/paper-grain.svg');border-block:1px solid #d8c9b9}
.skill-intro h3{font-size:26px;margin:12px 0}
.skill-intro p{font-size:14px;color:var(--muted)}
.skill-links{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.skill-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}
.skill-methods article>span{font-size:11px;color:var(--deep)}
.skill-methods h3{font-size:19px;margin:10px 0}
.skill-methods p{font-size:13px;color:var(--muted)}
.comparison-heading{display:flex;justify-content:space-between;align-items:baseline;gap:25px;margin-top:60px}
.comparison-heading h3{font-size:25px}
.comparison-heading p{font-size:12px;color:var(--muted)}
.comparison-switch{display:flex;gap:12px;margin:24px 0}
.comparison-switch button{min-height:44px;padding:9px 23px;background:transparent;border:1px solid #bd8d9f;font-size:13px}
.comparison-switch button[aria-pressed=true]{background:var(--deep);color:var(--paper);border-color:var(--deep)}
.comparison{margin-top:0}
.comparison img{aspect-ratio:16/9;object-fit:contain}
.comparison figcaption span{display:block;margin-top:7px;max-width:900px;font-size:13px}
.skill-video-layout{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:45px;margin-top:45px}
.skill-video-layout video{display:block;width:100%;aspect-ratio:16/9;background:#eee6df;box-shadow:4px 6px 0 #eadce2}
.skill-video-layout h3{font-size:23px}
.skill-video-layout ol{list-style:none;padding:0;margin:20px 0;font-size:12px}
.skill-video-layout li{padding:8px 0;border-bottom:1px solid var(--line)}
.skill-video-layout li span{display:inline-block;width:110px;color:var(--deep);font-size:11px}
.skill-video-layout .text-link{font-size:11px}
.skill-evidence{font-size:11px;color:var(--muted);border-left:2px solid #c8a5b5;padding-left:18px;margin-top:30px;max-width:980px}
@media(max-width:1000px){.skill-intro{gap:30px;padding:28px}.skill-intro h3{font-size:23px}.skill-methods{gap:25px}.skill-video-layout{gap:25px}.skill-video-layout h3{font-size:20px}.skill-video-layout li span{display:block;width:auto}}
@media(max-width:700px){
  .skill-intro{grid-template-columns:1fr;padding:25px;gap:24px}
  .skill-intro h3{font-size:21px}
  .skill-intro p{font-size:13px}
  .skill-links{gap:15px}
  .skill-links .button{font-size:12px;padding-inline:16px}
  .skill-methods{grid-template-columns:1fr;gap:25px;margin-top:30px}
  .skill-methods h3{font-size:19px}
  .comparison-heading{flex-direction:column;gap:10px;margin-top:38px}
  .comparison-heading h3{font-size:23px}
  .comparison-heading p{font-size:12px}
  .comparison-switch{gap:8px;margin:20px 0}
  .comparison-switch button{flex:1;font-size:12px;padding:8px}
  .comparison figcaption span{font-size:12px}
  .skill-video-layout{grid-template-columns:1fr;gap:28px;margin-top:30px}
  .skill-video-layout li span{display:inline-block;width:110px}
  .skill-evidence{font-size:11px;padding-left:13px}
}