:root{
  --bg:#0B0D10;--bg-2:#101319;--bg-3:#151922;--surface:#171B23;--surface-2:#1D222C;--surface-3:#242A35;
  --text:#F4F1EA;--text-2:#C5C0B7;--text-3:#898E98;--line:rgba(255,255,255,.08);--line-strong:rgba(255,255,255,.14);
  --primary:#C94F4F;--primary-2:#E06A58;--primary-soft:rgba(201,79,79,.14);--gold:#C9A86A;--gold-soft:rgba(201,168,106,.14);
  --ice:#6EA7B9;--ice-soft:rgba(110,167,185,.12);--success:#6E9B7D;--shadow:0 20px 60px rgba(0,0,0,.34);--shadow-soft:0 12px 32px rgba(0,0,0,.22);
  --radius:10px;--radius-card:16px;--radius-large:24px;--wrap:1360px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:radial-gradient(circle at 75% 4%,rgba(110,167,185,.055),transparent 26rem),var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.68;overflow-x:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--ice);outline-offset:3px}.wrap{width:min(calc(100% - 48px),var(--wrap));margin-inline:auto}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;left:16px;top:-80px;z-index:9999;background:var(--text);color:var(--bg);padding:10px 14px;border-radius:8px}.skip-link:focus{top:12px}.eyebrow{display:inline-block;color:var(--gold);font-size:.74rem;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;font-weight:800}.lead{font-size:clamp(1.05rem,1.6vw,1.28rem);color:var(--text-2);max-width:760px}.text-link{display:inline-flex;gap:.4rem;align-items:center;color:var(--gold);font-weight:700}.text-link:hover{color:var(--text)}
.ticker{height:28px;background:#090A0D;border-bottom:1px solid rgba(255,255,255,.06);color:var(--text-3);font-size:.74rem;overflow:hidden}.ticker-inner{height:28px;display:flex;gap:22px;align-items:center;white-space:nowrap}.ticker strong{color:var(--primary-2)}.ticker a:hover{color:var(--text)}
.site-header{height:72px;position:sticky;top:0;z-index:100;background:rgba(11,13,16,.88);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:border-color .2s ease,box-shadow .2s ease}.site-header.scrolled{border-color:var(--line);box-shadow:0 12px 30px rgba(0,0,0,.2)}.header-inner{height:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:850;letter-spacing:.02em}.brand img{width:34px;height:34px;object-fit:cover;border-radius:9px;border:1px solid var(--line-strong)}.desktop-nav{display:flex;justify-content:center;gap:2px}.desktop-nav a{position:relative;padding:24px 11px 22px;color:#B9BBC2;font-size:.89rem}.desktop-nav a:hover,.desktop-nav a.active{color:var(--text)}.desktop-nav a.active:after{content:"";position:absolute;left:50%;bottom:11px;width:18px;height:2px;transform:translateX(-50%);background:var(--primary);border-radius:2px}.header-actions{display:flex;align-items:center;gap:8px}.header-link,.icon-btn{border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--text-2);min-height:38px;padding:8px 11px;border-radius:9px;cursor:pointer}.icon-btn{display:inline-flex;align-items:center;gap:7px}.header-link:hover,.icon-btn:hover{color:var(--text);border-color:var(--line-strong);background:rgba(255,255,255,.05)}.menu-toggle{display:none}
.site-drawer[hidden]{display:none!important}.site-drawer{position:fixed;inset:0;z-index:300}.drawer-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.68)}.drawer-panel{position:absolute;top:0;right:0;height:100%;width:min(390px,92vw);background:var(--bg-2);border-left:1px solid var(--line);padding:18px;box-shadow:var(--shadow);overflow:auto}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:4px 2px 18px;border-bottom:1px solid var(--line)}.drawer-panel nav{display:grid;padding:14px 0}.drawer-panel nav a{display:flex;justify-content:space-between;padding:12px 8px;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text-2)}.drawer-panel nav a:hover{color:var(--text);padding-left:12px}
.search-modal{display:none;}
.search-modal.is-open{display:flex;}
.search-modal[hidden]{display:none !important;}
.search-modal{position:fixed;inset:0;z-index:500;align-items:flex-start;justify-content:center;padding:11vh 24px 24px;background:rgba(3,4,6,.82);backdrop-filter:blur(12px)}.search-dialog{width:min(760px,100%);background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--shadow);border-radius:var(--radius-large);padding:26px}.search-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.search-dialog-head h2{margin:.45rem 0 1rem;font-size:1.55rem}.search-form{display:grid;grid-template-columns:1fr auto;gap:10px}.search-form input{width:100%;background:var(--bg-3);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:13px 15px}.search-form input:focus{border-color:var(--ice);box-shadow:0 0 0 3px var(--ice-soft)}.search-suggest{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.search-suggest a,.tag-wall a{padding:7px 10px;border:1px solid var(--line);border-radius:9px;color:var(--text-2);font-size:.84rem;background:rgba(255,255,255,.018)}.search-suggest a:hover,.tag-wall a:hover,.tag-wall a.active{border-color:rgba(201,168,106,.5);color:var(--gold);background:var(--gold-soft)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 15px;border-radius:9px;border:1px solid transparent;font-weight:780;cursor:pointer}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-2)}.btn.gold{background:var(--gold);color:#17120a}.btn.gold:hover{filter:brightness(1.07)}.btn.ghost{background:transparent;border-color:var(--line-strong);color:var(--text)}.btn.ghost:hover{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.24)}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.home-hero{min-height:660px;padding:44px 0 50px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%)}.hero-grid{display:grid;grid-template-columns:5fr 4fr 3fr;gap:28px;align-items:stretch}.hero-copy{padding:38px 0 20px;display:flex;flex-direction:column;justify-content:center}.hero-copy h1{font-size:clamp(2.45rem,4.2vw,4.8rem);line-height:1.03;letter-spacing:-.045em;margin:14px 0 20px;max-width:760px}.hero-lead{color:var(--text-2);font-size:1.05rem;max-width:690px}.hero-search{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:24px;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.hero-search input{background:transparent;border:0;color:var(--text);padding:10px 11px;min-width:0}.hero-search button{border:0;background:var(--surface-3);color:var(--text);padding:9px 15px;border-radius:8px;cursor:pointer}.hero-search:focus-within{border-color:var(--ice)}.hot-terms{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:13px;color:var(--text-3);font-size:.78rem}.hot-terms a{color:var(--text-2);padding:2px 5px}.hot-terms a:hover{color:var(--gold)}.hero-poster{position:relative;margin:0;min-height:560px;overflow:hidden;border-radius:var(--radius-large);border:1px solid var(--line-strong);box-shadow:var(--shadow);background:var(--surface)}.hero-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.72) 100%);pointer-events:none}.hero-poster img{width:100%;height:100%;object-fit:cover}.hero-poster figcaption{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;align-items:end;gap:20px}.hero-poster figcaption span{color:var(--gold);font-size:.78rem}.hero-poster figcaption strong{font-size:1.08rem}.hero-brief{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:18px;align-self:center;box-shadow:var(--shadow-soft)}.brief-head{display:flex;align-items:center;gap:8px;color:var(--text-3);font-size:.78rem}.status-dot{width:8px;height:8px;background:var(--success);border-radius:50%;box-shadow:0 0 0 5px rgba(110,155,125,.12)}.hero-brief h2{margin:12px 0 8px;font-size:1.25rem}.hero-brief>a{display:grid;grid-template-columns:48px 1fr;gap:2px 10px;padding:13px 0;border-top:1px solid var(--line)}.hero-brief time{grid-row:1/3;color:var(--gold);font-size:.74rem}.hero-brief strong{font-size:.91rem}.hero-brief>a span{color:var(--text-3);font-size:.78rem}.editor-pick{margin-top:10px;padding:13px;border-radius:10px;background:var(--gold-soft);border:1px solid rgba(201,168,106,.2)}.editor-pick span{color:var(--gold);font-size:.75rem;font-weight:800}.editor-pick p{margin:5px 0 0;color:var(--text-2);font-size:.82rem}
.content-section{padding:78px 0;border-top:1px solid rgba(255,255,255,.03)}.surface-section{background:var(--bg-2)}.compact-section{padding:18px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:30px}.section-heading-copy{position:relative;padding-left:17px}.section-heading-copy:before{content:"";position:absolute;left:0;top:5px;width:2px;height:38px;background:var(--primary)}.section-heading h2{font-size:clamp(1.65rem,2.6vw,2.7rem);letter-spacing:-.03em;line-height:1.12;margin:7px 0 9px}.section-heading p{margin:0;color:var(--text-2);max-width:720px}.keyword-strip{display:flex;gap:9px;align-items:center;overflow:auto;scrollbar-width:none}.keyword-strip::-webkit-scrollbar{display:none}.keyword-strip strong{color:var(--gold);white-space:nowrap}.keyword-strip a{white-space:nowrap;border:1px solid var(--line);padding:7px 10px;border-radius:8px;color:var(--text-2)}.keyword-strip a:hover{color:var(--text);border-color:var(--line-strong)}
.focus-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:22px}.focus-lead{min-height:480px;position:relative;overflow:hidden;border-radius:var(--radius-large);border:1px solid var(--line);background:var(--surface)}.focus-lead>img{width:100%;height:100%;object-fit:cover}.focus-lead:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(6,7,9,.94) 92%)}.focus-lead>div{position:absolute;z-index:2;left:24px;right:24px;bottom:23px}.focus-lead h3{font-size:clamp(1.5rem,2.5vw,2.35rem);line-height:1.12;margin:10px 0}.focus-lead p{color:var(--text-2);max-width:720px}.focus-minor{display:grid;grid-template-columns:1fr 1fr;gap:14px}.media-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;transition:transform .18s ease,border-color .18s ease}.media-card:hover{transform:translateY(-3px);border-color:var(--line-strong)}.media-cover{display:block;position:relative;overflow:hidden;aspect-ratio:16/10;background:var(--surface-3)}.media-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(0,0,0,.55))}.media-cover img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.media-card:hover .media-cover img{transform:scale(1.02)}.media-tag{display:inline-flex;align-items:center;position:relative;z-index:2;background:rgba(8,9,12,.78);color:var(--text);border:1px solid var(--line-strong);border-radius:7px;padding:4px 7px;font-size:.72rem}.media-cover .media-tag{position:absolute;left:10px;bottom:10px}.media-copy{padding:14px}.meta-line{color:var(--text-3);font-size:.73rem}.media-copy h3{margin:6px 0;font-size:1.02rem;line-height:1.3}.media-copy h3 a:hover{color:var(--gold)}.media-copy p{margin:0;color:var(--text-2);font-size:.84rem}.media-card.mini .media-cover{aspect-ratio:16/8}.media-card.mini .media-copy p{display:none}
.feature-split{display:grid;grid-template-columns:1.25fr .9fr;gap:22px}.feature-split>figure{position:relative;min-height:470px;margin:0;border-radius:var(--radius-large);overflow:hidden;border:1px solid var(--line)}.feature-split>figure img{width:100%;height:100%;object-fit:cover}.feature-split>figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 32%,rgba(0,0,0,.85))}.feature-split figcaption{position:absolute;z-index:2;left:24px;right:24px;bottom:22px}.feature-split figcaption span,.gold-label{color:var(--gold);font-size:.74rem;letter-spacing:.12em;font-weight:800}.feature-split figcaption h3{font-size:1.75rem;line-height:1.2;margin:7px 0}.feature-split figcaption p{color:var(--text-2)}.feature-list{border-top:1px solid var(--line)}.feature-list a{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:15px 5px;border-bottom:1px solid var(--line)}.feature-list a>span{color:var(--gold);font-variant-numeric:tabular-nums}.feature-list strong,.feature-list small{display:block}.feature-list small{color:var(--text-3);margin-top:2px}.feature-list a:hover strong{color:var(--gold)}
.timeline-list{max-width:1040px;margin:auto}.timeline-list article{position:relative;display:grid;grid-template-columns:100px 1fr;gap:28px;padding:0 0 34px}.timeline-list article:before{content:"";position:absolute;left:80px;top:10px;bottom:-5px;width:1px;background:var(--line-strong)}.timeline-list article:after{content:"";position:absolute;left:76px;top:10px;width:9px;height:9px;border-radius:50%;background:var(--primary)}.timeline-list article:last-child:before{display:none}.timeline-list time{color:var(--gold);font-weight:800}.timeline-list h3,.timeline-list h2{margin:-4px 0 6px}.timeline-list p{margin:0;color:var(--text-2)}.timeline-list.large{max-width:1120px}.timeline-list.large article{grid-template-columns:110px 1fr}.timeline-list.large article:before{left:88px}.timeline-list.large article:after{left:84px}.timeline-list.large h2{font-size:1.55rem}
.rail-controls{display:flex;justify-content:flex-end;gap:7px;margin:-15px 0 12px}.rail-controls button{width:38px;height:38px;border-radius:8px;background:var(--surface);border:1px solid var(--line);color:var(--text);cursor:pointer}.media-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,32%);gap:14px;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:9px;scrollbar-color:var(--surface-3) transparent}.media-rail>*{scroll-snap-align:start}.dual-rank{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dual-rank>div{padding:22px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-card)}.dual-rank .gold-panel{background:linear-gradient(150deg,var(--surface),rgba(201,168,106,.08))}.subhead span{font-size:.72rem;color:var(--gold);letter-spacing:.14em}.subhead h3{margin:4px 0 12px;font-size:1.3rem}.rank-list{list-style:none;padding:0;margin:0}.rank-list li{display:grid;grid-template-columns:44px 1fr auto;gap:11px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}.rank-no{font:800 1.05rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--gold)}.rank-list strong,.rank-list span{display:block}.rank-list li div>span{font-size:.76rem;color:var(--text-3);margin-top:3px}.rank-list em{font-style:normal;color:var(--success);font-size:.76rem}.editor-list{margin:0;padding-left:22px}.editor-list li{padding:8px 0 11px}.editor-list p{margin:2px 0;color:var(--text-2)}
.short-wall{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-flow:dense;gap:14px;align-items:start}.short-wall .wall-1{grid-row:span 2}.short-wall .wall-1 .media-cover{aspect-ratio:4/5}.short-wall .wall-2 .media-cover{aspect-ratio:1/1}.short-wall .wall-3{margin-top:36px}.short-wall .wall-3 .media-cover{aspect-ratio:3/4}.magazine-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.magazine-grid>figure{margin:0;overflow:hidden;border-radius:var(--radius-large);border:1px solid var(--line);max-height:520px}.magazine-grid figure img{width:100%;height:100%;object-fit:cover}.magazine-grid h2,.color-grid h2,.about-grid h2,.device-grid h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.1;margin:10px 0 15px}.magazine-grid p,.color-grid p,.about-grid p,.device-grid p{color:var(--text-2)}.check-list{list-style:none;margin:22px 0;padding:0;display:grid;gap:9px}.check-list li{position:relative;padding-left:26px;color:var(--text-2)}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--success)}.check-list.large{grid-template-columns:1fr 1fr;gap:12px 22px}.editorial-band{display:grid;grid-template-columns:310px 1fr auto;gap:26px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:var(--radius-large);background:var(--surface)}.editorial-band img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px}.editorial-band h3{font-size:1.45rem;line-height:1.25;margin:7px 0}.editorial-band p{color:var(--text-2)}
.category-mosaic{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cat-tile{min-height:170px;padding:18px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);display:flex;flex-direction:column;justify-content:end;transition:transform .18s ease,border-color .18s ease}.cat-tile:hover{transform:translateY(-3px);border-color:var(--line-strong)}.cat-tile>span{margin-bottom:auto;color:var(--gold);font:800 .78rem ui-monospace,monospace}.cat-tile strong{font-size:1.2rem}.cat-tile p{margin:4px 0 0;color:var(--text-3);font-size:.84rem}.cat-tile.tile-2{background:linear-gradient(145deg,var(--surface),var(--ice-soft))}.cat-tile.tile-3{background:linear-gradient(145deg,var(--surface),var(--gold-soft))}.cat-tile.tile-4{background:linear-gradient(145deg,var(--surface),var(--primary-soft))}.feature-banner{padding:0}.feature-banner-grid{min-height:450px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:42px;padding-top:54px;padding-bottom:54px}.feature-banner-grid figure{margin:0;border-radius:var(--radius-large);overflow:hidden;border:1px solid var(--line)}.feature-banner-grid figure img{width:100%;aspect-ratio:16/10;object-fit:cover}.feature-banner-grid h2{font-size:clamp(2rem,3.6vw,3.7rem);line-height:1.08;margin:10px 0 16px}.feature-banner-grid p{color:var(--text-2);max-width:690px}
.process-line{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.process-line li{position:relative;min-height:104px;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.process-line li span{display:block;color:var(--gold);font:800 .75rem ui-monospace,monospace;margin-bottom:20px}.process-line li b{font-size:.9rem}.starter-grid,.studio-grid,.mistake-grid,.audio-grid,.device-grid,.about-grid,.color-grid,.contact-note,.closing-grid,.safety-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:38px;align-items:center}.starter-grid h2,.studio-grid h2,.mistake-grid h2,.audio-grid h2,.closing-grid h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.1;margin:10px 0}.starter-grid p,.studio-grid p,.mistake-grid p,.audio-grid p,.closing-grid p,.safety-grid p{color:var(--text-2)}.starter-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.starter-steps article,.lab-grid article,.quick-ref article,.case-detail-grid article{padding:17px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}.starter-steps span,.lab-grid span{color:var(--gold);font-size:.74rem;letter-spacing:.1em}.starter-steps h3,.lab-grid h3,.quick-ref h3{margin:9px 0 5px}.starter-steps p,.lab-grid p,.quick-ref p{margin:0;color:var(--text-2);font-size:.86rem}.photo-notes{display:grid;grid-template-columns:1.05fr 1fr;gap:24px;align-items:stretch}.photo-notes>figure{margin:0;min-height:520px;overflow:hidden;border-radius:var(--radius-large);border:1px solid var(--line)}.photo-notes>figure img{width:100%;height:100%;object-fit:cover}.note-stack{display:grid;gap:12px}.note-stack article{padding:20px;border-top:1px solid var(--line)}.note-stack span{color:var(--ice);font-size:.78rem}.note-stack h3{margin:4px 0}.note-stack p{margin:0;color:var(--text-2)}.lab-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.editing-band{background:linear-gradient(120deg,#111820,var(--bg-2) 55%,rgba(201,79,79,.06))}.studio-cells{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.studio-cells span{display:flex;flex-direction:column;gap:18px;min-height:115px;padding:13px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:10px}.studio-cells b{color:var(--ice);font:800 .75rem ui-monospace,monospace}.ai-matrix{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ai-matrix>div{padding:24px;border-radius:var(--radius-card);border:1px solid var(--line)}.ai-do{background:var(--ice-soft)}.ai-human{background:var(--primary-soft)}.ai-matrix h3{margin-top:0}.ai-matrix ul{margin:0;padding-left:20px;color:var(--text-2)}
.tutorial-rank{border-top:1px solid var(--line)}.tutorial-rank-row{display:grid;grid-template-columns:60px 1fr auto;gap:18px;align-items:center;padding:16px 4px;border-bottom:1px solid var(--line)}.tutorial-rank-row strong,.tutorial-rank-row small{display:block}.tutorial-rank-row small{color:var(--text-3);margin-top:4px}.tutorial-rank-row a{color:var(--ice)}.learning-map{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.learning-map article{position:relative;padding:20px;border-left:2px solid var(--gold);background:var(--surface);border-radius:0 var(--radius-card) var(--radius-card) 0}.learning-map article>span{color:var(--gold);font-size:.73rem}.learning-map h3{margin:10px 0 5px}.learning-map p{margin:0;color:var(--text-2);font-size:.86rem}.quick-ref{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.audio-bars{display:flex;align-items:end;gap:8px;height:130px;padding:18px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}.audio-bars i{display:block;flex:1;border-radius:4px 4px 0 0;background:var(--ice);opacity:.55}.audio-bars i:nth-child(1){height:30%}.audio-bars i:nth-child(2){height:72%}.audio-bars i:nth-child(3){height:45%}.audio-bars i:nth-child(4){height:92%}.audio-bars i:nth-child(5){height:64%}.audio-bars i:nth-child(6){height:38%}.audio-bars i:nth-child(7){height:76%}.audio-bars i:nth-child(8){height:52%}.color-grid{grid-template-columns:1fr 1fr}.color-grid>figure{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-large)}.color-grid figure img{width:100%;aspect-ratio:16/10;object-fit:cover}
.workflow-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.workflow-tabs button{padding:8px 11px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--text-2);cursor:pointer}.workflow-tabs button.is-active{color:var(--ice);border-color:rgba(110,167,185,.45);background:var(--ice-soft)}.workflow-panel{display:grid;grid-template-columns:300px 1fr;gap:22px;padding:22px;border:1px solid var(--line);border-radius:var(--radius-large);background:var(--surface)}.workflow-summary h3{font-size:1.45rem;margin:7px 0}.workflow-summary p{color:var(--text-2)}.workflow-summary strong{color:var(--gold);font-size:.84rem}.workflow-nodes{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.workflow-nodes li{position:relative;min-height:90px;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--bg-3)}.workflow-nodes span{display:block;color:var(--ice);font:800 .72rem ui-monospace,monospace;margin-bottom:16px}.workflow-nodes b{font-size:.84rem}.workflow-detail{display:grid;grid-template-columns:320px 1fr;gap:26px}.workflow-detail>div p{color:var(--text-2)}.workflow-detail>ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.workflow-detail>ol li{min-height:120px;border:1px solid var(--line);border-radius:12px;padding:13px;background:var(--surface)}.workflow-detail>ol li span{display:block;color:var(--ice);font:800 .74rem ui-monospace,monospace;margin-bottom:18px}.workflow-detail>ol small{display:block;color:var(--text-3);margin-top:8px;font-size:.73rem}.tag-wall{display:flex;gap:8px;flex-wrap:wrap}.tag-wall.compact{margin-top:20px}.tag-wall.compact a{font-size:.75rem}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.case-card{padding:20px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}.case-kicker{color:var(--gold);font-size:.75rem;font-weight:800}.case-card h3{font-size:1.2rem;margin:8px 0}.case-card>p{color:var(--text-2)}.case-card dl{margin:16px 0}.case-card dl>div{padding:9px 0;border-top:1px solid var(--line)}.case-card dt{color:var(--text-3);font-size:.72rem}.case-card dd{margin:3px 0 0;font-size:.82rem;color:var(--text-2)}.case-deep-head{display:grid;grid-template-columns:70px 1fr;gap:10px}.case-deep-head h2{font-size:2rem;margin:5px 0}.case-deep-head p{color:var(--text-2)}.case-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.case-detail-grid p{color:var(--text-2);margin-bottom:0}.note-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.note-columns blockquote{margin:0;padding:20px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);font-size:1.02rem}.note-columns cite{display:block;margin-top:16px;color:var(--gold);font-size:.78rem;font-style:normal}.safety-band{background:linear-gradient(105deg,#111419,rgba(201,79,79,.075),#101319)}.safety-grid{grid-template-columns:.8fr 1.6fr auto}.community-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.community-grid.wide{grid-template-columns:repeat(3,1fr)}.community-card{padding:18px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}.community-card>div{display:flex;justify-content:space-between;gap:12px}.community-card span{color:var(--ice);font-size:.75rem}.community-card h3,.community-card h2{font-size:1.05rem;margin:10px 0;line-height:1.35}.community-card h2{font-size:1.17rem}.community-card p{color:var(--text-2);font-size:.86rem}.community-card small{color:var(--text-3)}.like-btn{border:0;background:transparent;color:var(--text-3);cursor:pointer}.like-btn.liked{color:var(--primary-2)}.editor-week{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:center;padding:22px;border:1px solid var(--line);border-radius:var(--radius-large);background:linear-gradient(130deg,var(--surface),rgba(201,168,106,.055))}.editor-week figure{margin:0;overflow:hidden;border-radius:14px}.editor-week figure img{width:100%;aspect-ratio:16/9;object-fit:cover}.editor-week h2{font-size:2rem;line-height:1.15;margin:8px 0}.editor-week p{color:var(--text-2)}.device-stack{position:relative;min-height:430px}.device-stack img{position:absolute;border:1px solid var(--line-strong);box-shadow:var(--shadow);object-fit:cover}.device-app{width:68%;right:0;top:0;border-radius:22px}.device-phone{width:35%;left:7%;bottom:0;border-radius:20px}.about-grid{grid-template-columns:.8fr 1.2fr}.about-grid figure{margin:0;overflow:hidden;border-radius:var(--radius-large);border:1px solid var(--line)}.contact-note{grid-template-columns:1.4fr .6fr;padding:22px;border:1px solid var(--line);border-radius:var(--radius-large);background:var(--surface)}.contact-note img{width:100%;max-height:260px;object-fit:cover;border-radius:14px}.privacy-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.privacy-pair article{display:grid;grid-template-columns:180px 1fr;gap:18px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}.privacy-pair img{width:100%;height:100%;min-height:190px;object-fit:cover;border-radius:10px}.privacy-pair h2{font-size:1.4rem;margin:7px 0}.privacy-pair p{color:var(--text-2)}.home-end{padding-top:54px;padding-bottom:54px;background:linear-gradient(100deg,var(--bg-2),rgba(110,167,185,.06))}.closing-grid{grid-template-columns:1.3fr auto}
.inner-hero{padding:58px 0;background:linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%);border-bottom:1px solid var(--line)}.inner-hero-grid{display:grid;grid-template-columns:1.15fr .75fr;gap:52px;align-items:center}.inner-hero h1{font-size:clamp(2.65rem,5vw,5.2rem);line-height:1.02;letter-spacing:-.045em;margin:12px 0 18px}.inner-hero figure{margin:0;overflow:hidden;border-radius:var(--radius-large);border:1px solid var(--line-strong);max-height:480px;box-shadow:var(--shadow)}.inner-hero figure img{width:100%;height:100%;min-height:380px;object-fit:cover}.accent-red .eyebrow{color:var(--primary-2)}.accent-ice .eyebrow{color:var(--ice)}.accent-gold .eyebrow{color:var(--gold)}.chapter-row{display:grid;grid-template-columns:100px 1fr;gap:24px;max-width:1040px}.chapter-no{color:var(--gold);font:800 1rem ui-monospace,monospace;padding-top:8px}.chapter-row h2{font-size:clamp(1.55rem,2.5vw,2.5rem);margin:7px 0 12px}.chapter-row p{font-size:1.02rem;color:var(--text-2);max-width:850px}.chapter-note .chapter-row{border-left:1px solid var(--line);padding-left:22px}.chapter-split .chapter-row{margin-left:auto}.tutorial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tutorial-card{padding:18px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-card);transition:transform .18s ease,border-color .18s ease}.tutorial-card:hover{transform:translateY(-3px);border-color:var(--line-strong)}.tutorial-top{display:flex;justify-content:space-between;color:var(--text-3);font-size:.75rem;margin-bottom:20px}.level-chip{color:var(--ice);background:var(--ice-soft);padding:3px 6px;border-radius:5px}.tutorial-card h3{margin:6px 0 9px;line-height:1.3}.tutorial-card p{color:var(--text-2);font-size:.84rem}.tutorial-steps{border-top:1px solid var(--line);padding-top:10px;color:var(--text-3);font-size:.77rem}.route-band{display:grid;grid-template-columns:1fr 1.1fr;gap:38px;align-items:center;padding:26px;border:1px solid var(--line);border-radius:var(--radius-large);background:var(--surface)}.route-band h2{font-size:2rem;margin:8px 0}.route-band p{color:var(--text-2)}.route-band ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;counter-reset:route}.route-band li{counter-increment:route;position:relative;padding:34px 10px 12px;border-top:2px solid var(--ice);background:var(--bg-3);border-radius:0 0 8px 8px}.route-band li:before{content:"0" counter(route);position:absolute;top:8px;color:var(--ice);font:.75rem ui-monospace,monospace}.final-cta{background:var(--bg-2)}.final-cta-inner{display:grid;grid-template-columns:1.3fr auto;gap:28px;align-items:center}.final-cta h2{font-size:2.3rem;margin:8px 0}.final-cta p{color:var(--text-2)}
.filter-bar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;padding:16px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);margin-bottom:13px}.filter-bar label{display:grid;gap:5px;color:var(--text-3);font-size:.74rem}.filter-bar select{min-width:150px;background:var(--bg-3);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:9px}.filter-status{color:var(--text-3);font-size:.8rem;margin-bottom:14px}.empty-state{padding:28px;border:1px dashed var(--line-strong);border-radius:var(--radius-card);background:var(--surface)}.empty-state h2,.empty-state h3{margin:7px 0}.empty-state p{color:var(--text-2)}
.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.result-list{display:grid;gap:10px}.result-list article{padding:20px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}.result-list article>span{color:var(--gold);font-size:.74rem}.result-list h2{margin:5px 0;font-size:1.25rem}.result-list p{color:var(--text-2);margin:4px 0 9px}.search-summary{color:var(--text-3);margin-bottom:15px}.compact-hero{min-height:unset}.page-search{max-width:760px;margin-top:22px}
.faq-list{display:grid;gap:9px}.faq-item{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.faq-item h3{margin:0}.faq-trigger{width:100%;display:flex;justify-content:space-between;gap:20px;text-align:left;padding:16px 18px;border:0;background:transparent;color:var(--text);cursor:pointer;font-weight:750}.faq-trigger:hover{background:rgba(255,255,255,.025)}.faq-answer{padding:0 18px 16px;color:var(--text-2)}.faq-answer p{margin:0}.js-ready .faq-answer{display:none}.js-ready .faq-item.is-open .faq-answer{display:block}.js-ready .faq-item.is-open .faq-trigger span:last-child{transform:rotate(45deg)}
.site-footer{background:linear-gradient(180deg,#11141A 0%,#090B0E 100%);border-top:1px solid rgba(255,255,255,.08);padding:54px 0 110px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:36px}.footer-brand p{color:rgba(255,255,255,.58);max-width:360px}.footer-grid nav{display:grid;align-content:start;gap:7px}.footer-grid nav h2{font-size:.9rem;margin:4px 0 8px;color:var(--text)}.footer-grid nav a{color:rgba(255,255,255,.68);font-size:.86rem}.footer-grid nav a:hover{color:var(--gold)}.footer-bottom{margin-top:34px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--text-3);font-size:.78rem}.mobile-dock{display:none}.to-top{position:fixed;right:20px;bottom:20px;z-index:90;width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:rgba(23,27,35,.9);color:var(--text);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:.18s}.to-top.visible{opacity:1;pointer-events:auto;transform:none}.reveal-seed{transform:translateY(10px);transition:transform .35s ease}.reveal-seed.revealed{transform:none}
@media (max-width:1200px){.desktop-nav a{padding-inline:7px;font-size:.83rem}.hero-grid{grid-template-columns:1.1fr .9fr}.hero-brief{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hero-brief h2{display:none}.hero-brief>a{grid-template-columns:1fr;padding:12px;border:1px solid var(--line);border-radius:10px}.hero-brief time{grid-row:auto}.editor-pick{margin:0}.process-line{grid-template-columns:repeat(5,1fr)}.short-wall{grid-template-columns:repeat(3,1fr)}.tutorial-grid,.media-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1024px){.desktop-nav{display:none}.menu-toggle{display:inline-flex}.hero-grid{grid-template-columns:1fr 1fr}.hero-copy{grid-column:1/-1;padding-top:10px}.hero-copy h1{max-width:950px}.hero-poster{min-height:500px}.hero-brief{display:block}.hero-brief>a{display:grid;border:0;border-top:1px solid var(--line)}.focus-grid,.feature-split,.magazine-grid,.feature-banner-grid,.photo-notes,.editor-week,.device-grid,.about-grid,.color-grid{grid-template-columns:1fr}.focus-minor{grid-template-columns:repeat(2,1fr)}.dual-rank{grid-template-columns:1fr}.category-mosaic{grid-template-columns:repeat(3,1fr)}.process-line{grid-template-columns:repeat(4,1fr)}.lab-grid,.learning-map,.quick-ref{grid-template-columns:repeat(2,1fr)}.studio-grid,.mistake-grid,.audio-grid,.closing-grid{grid-template-columns:1fr}.workflow-panel,.workflow-detail{grid-template-columns:1fr}.case-grid,.case-detail-grid,.community-grid,.community-grid.wide{grid-template-columns:repeat(2,1fr)}.safety-grid{grid-template-columns:1fr}.safety-grid .btn{justify-self:start}.inner-hero-grid{grid-template-columns:1fr 1fr;gap:26px}.tutorial-grid,.media-grid{grid-template-columns:repeat(2,1fr)}.editorial-band{grid-template-columns:220px 1fr}.editorial-band>.btn{grid-column:2}.device-stack{min-height:500px;max-width:720px}.privacy-pair{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid nav:last-child{grid-column:2/4}}
@media (max-width:900px){.wrap{width:min(calc(100% - 34px),var(--wrap))}.home-hero{min-height:unset}.hero-grid{grid-template-columns:1fr}.hero-copy,.hero-poster,.hero-brief{grid-column:auto}.hero-poster{min-height:520px;max-height:650px}.focus-grid{grid-template-columns:1fr}.short-wall{grid-template-columns:repeat(2,1fr)}.short-wall .wall-3{margin-top:0}.category-mosaic{grid-template-columns:repeat(2,1fr)}.process-line{grid-template-columns:repeat(3,1fr)}.workflow-nodes,.workflow-detail>ol{grid-template-columns:repeat(2,1fr)}.note-columns{grid-template-columns:1fr}.inner-hero-grid{grid-template-columns:1fr}.inner-hero figure{max-height:520px}.inner-hero figure img{min-height:0;aspect-ratio:16/9}.route-band{grid-template-columns:1fr}.contact-note{grid-template-columns:1fr}.contact-note img{max-height:330px}.media-rail{grid-auto-columns:minmax(270px,55%)}}
@media (max-width:768px){body{padding-bottom:68px}.ticker{display:none}.site-header{height:64px}.header-inner{gap:12px}.desktop-label,.header-link{display:none}.brand span{font-size:.94rem}.content-section{padding:58px 0}.home-hero{padding-top:24px}.hero-copy h1{font-size:clamp(2.25rem,10vw,4rem)}.hero-poster{min-height:0;aspect-ratio:4/5}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.focus-minor{grid-template-columns:1fr}.media-rail{grid-auto-columns:78%}.short-wall{grid-template-columns:1fr 1fr}.short-wall .wall-1{grid-row:auto}.short-wall .wall-1 .media-cover,.short-wall .wall-2 .media-cover,.short-wall .wall-3 .media-cover{aspect-ratio:16/10}.editorial-band{grid-template-columns:1fr}.editorial-band>.btn{grid-column:auto;justify-self:start}.starter-steps{grid-template-columns:1fr}.studio-cells{grid-template-columns:repeat(2,1fr)}.case-grid,.case-detail-grid,.community-grid,.community-grid.wide{grid-template-columns:1fr}.check-list.large{grid-template-columns:1fr}.inner-hero{padding:40px 0}.inner-hero h1{font-size:clamp(2.3rem,11vw,4rem)}.chapter-row{grid-template-columns:52px 1fr;gap:8px}.tutorial-grid,.media-grid{grid-template-columns:1fr}.filter-bar{display:grid;grid-template-columns:1fr 1fr}.filter-bar label select{width:100%;min-width:0}.workflow-tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:6px}.workflow-tabs button{white-space:nowrap}.workflow-nodes,.workflow-detail>ol{grid-template-columns:1fr 1fr}.privacy-pair article{grid-template-columns:140px 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-grid nav:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.mobile-dock{position:fixed;z-index:120;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));height:56px;padding:5px 6px;border:1px solid var(--line-strong);border-radius:14px;background:rgba(16,19,25,.94);backdrop-filter:blur(16px);display:grid;grid-template-columns:repeat(5,1fr);box-shadow:var(--shadow)}.mobile-dock a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-3);font-size:.67rem;line-height:1.3}.mobile-dock a span{font-size:1rem;color:var(--text-2)}.to-top{bottom:80px}.site-footer{padding-bottom:95px}.search-modal{padding:8vh 12px 12px}.search-dialog{padding:18px}.search-form{grid-template-columns:1fr}.search-form .btn{width:100%}}
@media (max-width:600px){.wrap{width:min(calc(100% - 24px),var(--wrap))}.header-actions{gap:5px}.header-inner{grid-template-columns:auto 1fr}.header-actions{justify-self:end}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.hero-brief{padding:13px}.section-heading h2{font-size:1.8rem}.short-wall{grid-template-columns:1fr}.category-mosaic,.lab-grid,.learning-map,.quick-ref,.ai-matrix{grid-template-columns:1fr}.process-line{grid-template-columns:repeat(2,1fr)}.process-line li{min-height:88px}.tutorial-rank-row{grid-template-columns:45px 1fr}.tutorial-rank-row>a{grid-column:2}.workflow-panel{padding:15px}.workflow-nodes,.workflow-detail>ol{grid-template-columns:1fr}.route-band ol{grid-template-columns:1fr 1fr}.privacy-pair article{grid-template-columns:1fr}.privacy-pair img{max-height:220px}.filter-bar{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-brand,.footer-grid nav:last-child{grid-column:auto}.media-rail{grid-auto-columns:87%}.device-stack{min-height:360px}.device-app{width:78%}.device-phone{width:42%}.hero-search{grid-template-columns:1fr}.hero-search button{width:100%}.chapter-row{grid-template-columns:1fr}.chapter-no{padding:0}.case-deep-head{grid-template-columns:1fr}.final-cta-inner{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.reveal-seed{transform:none!important}}