/* 果冻视频 / editorial film journal. Responsive design system. */
:root{--bg:#0a101a;--bg-raised:#111b28;--panel:#172230;--panel-soft:#1d2a39;--ink:#f6f0e7;--ink-soft:#d5d5d1;--muted:#9ba8b3;--accent:#e6a66a;--accent-bright:#ffd1a5;--secondary:#7ba6a6;--stroke:rgba(246,240,231,.14);--stroke-strong:rgba(246,240,231,.28);--max:1240px;--reading:730px;--font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--display:Georgia,"Noto Serif SC","Songti SC","SimSun",serif;--radius:12px;--ease:cubic-bezier(.2,.7,.2,1);color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.75;min-width:320px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.menu-open{overflow:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:3px solid var(--accent-bright);outline-offset:4px}h1,h2,h3,h4,p,figure,ul,ol{margin-top:0}h1,h2,h3{line-height:1.28}h1,h2{letter-spacing:-.045em}p{line-height:1.9}.container{width:min(calc(100% - 80px),var(--max));margin-inline:auto}.site-shell{overflow:clip}.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}.skip-link{position:fixed;z-index:1000;top:10px;left:10px;padding:8px 18px;background:var(--accent);color:var(--bg);transform:translateY(-160%)}.skip-link:focus{transform:none}.eyebrow{font-size:12px;letter-spacing:.22em;font-weight:700;text-transform:uppercase;color:var(--accent);margin-bottom:24px;line-height:1.5}.accent-text,em{color:var(--accent);font-style:normal}.signal{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:10px;vertical-align:middle;box-shadow:0 0 0 5px rgba(230,166,106,.12)}
/* Site navigation: desktop readable and mobile fully available without JS */
.site-header{position:relative;z-index:20;background:rgba(10,16,26,.96);border-bottom:1px solid var(--stroke)}.header-inner{height:92px;display:flex;align-items:center;gap:clamp(30px,4vw,80px)}.identity{display:inline-flex;align-items:center;gap:13px;white-space:nowrap;flex-shrink:0}.identity__mark{height:34px;width:30px;display:flex;align-items:center;justify-content:center;gap:4px;transform:skewY(-12deg)}.identity__mark span{width:6px;height:17px;background:var(--accent);border-radius:3px}.identity__mark span:nth-child(2){height:28px}.identity__mark span:nth-child(3){height:22px}.identity__word{font-size:21px;font-weight:800;letter-spacing:-.05em}.identity__sub{font-size:10px;letter-spacing:.15em;color:var(--muted);border-left:1px solid var(--stroke-strong);padding-left:12px}.primary-nav{display:flex;align-items:center;gap:clamp(18px,2.5vw,42px);margin-inline:auto}.primary-nav a{font-size:14px;color:var(--muted);font-weight:600;position:relative;transition:color .2s}.primary-nav a::after{position:absolute;content:"";width:0;height:2px;bottom:-9px;left:0;background:var(--accent);transition:width .2s}.primary-nav a:hover,.primary-nav a[aria-current=page]{color:var(--ink)}.primary-nav a:hover::after,.primary-nav a[aria-current=page]::after{width:100%}.header-actions{display:flex;align-items:center;gap:12px}.search-link{font-size:13px;display:inline-flex;align-items:center;gap:12px;border:1px solid var(--stroke-strong);border-radius:100px;padding:8px 15px;white-space:nowrap}.search-link>span:first-child{font-size:24px;line-height:1}.search-link:hover{border-color:var(--accent);color:var(--accent)}.menu-toggle{display:none;position:relative;width:44px;height:44px;border:1px solid var(--stroke-strong);background:transparent;border-radius:8px;color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:5px}.menu-toggle span{height:2px;width:19px;background:currentColor;transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}.mobile-menu{display:none}
/* Reusable controls */
.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:14px 25px;min-height:52px;font-size:14px;font-weight:700;letter-spacing:.015em;transition:transform .2s var(--ease),background .2s,color .2s,border .2s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button--primary{background:var(--accent);color:#19202a}.button--primary:hover{background:var(--accent-bright)}.button--outline{border:1px solid var(--stroke-strong);color:var(--ink)}.button--outline:hover{border-color:var(--accent)}.button--ghost{border:1px solid var(--stroke);margin-left:12px}.button--subtle{border-bottom:1px solid var(--accent);color:var(--accent);padding:12px 0;min-height:42px}.text-link{font-size:14px;font-weight:700;letter-spacing:.02em;display:inline-flex;gap:20px;align-items:center;border-bottom:1px solid var(--accent);padding-bottom:5px;color:var(--accent-bright);transition:gap .2s}.text-link:hover{gap:28px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}.section-heading h2{font-size:clamp(27px,3.6vw,46px);margin:0;font-weight:700;line-height:1.24}.section-heading .eyebrow{margin-bottom:15px}.section-heading>p{max-width:390px;color:var(--muted);font-size:15px;margin:0}.section-heading>.text-link{margin-bottom:6px;white-space:nowrap}
/* Distinct visual-first homepage */
.home-hero{position:relative;padding:62px 0 86px;background:radial-gradient(ellipse at 12% 10%,rgba(123,166,166,.13),transparent 41%),var(--bg)}.home-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.96fr);gap:5%;align-items:center;min-height:610px}.hero-copy{position:relative;padding:46px 0 32px;z-index:2}.hero-copy h1{font-family:var(--display);font-size:clamp(56px,6.7vw,99px);font-weight:500;line-height:1.13;letter-spacing:-.065em;margin-bottom:28px;max-width:720px}.hero-copy h1 em{display:block;margin-top:9px}.hero-lead{max-width:540px;font-size:17px;line-height:2.05;color:var(--ink-soft)}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}.hero-meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:74px;padding-top:19px;border-top:1px solid var(--stroke);font-size:11px;letter-spacing:.09em;color:var(--muted)}.hero-meta span+span{margin-left:auto}.hero-visual{position:relative;min-height:620px;align-self:stretch;isolation:isolate;background:linear-gradient(160deg,#213247,#101c29);border-radius:240px 240px 7px 7px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.3)}.hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,12,20,.92) 0%,rgba(6,12,20,.08) 58%,rgba(6,12,20,.25));z-index:1;pointer-events:none}.hero-visual img{width:100%;height:100%;min-height:620px;object-fit:cover;position:absolute;inset:0}.visual-overlay{position:absolute;z-index:2;left:44px;bottom:43px;right:32px;display:grid;gap:15px}.visual-overlay span{font-size:11px;color:var(--accent);letter-spacing:.22em}.visual-overlay strong{font-family:var(--display);font-size:clamp(24px,2.6vw,39px);font-weight:500;line-height:1.35}.visual-index{position:absolute;z-index:2;right:25px;top:50%;writing-mode:vertical-rl;font-size:11px;letter-spacing:.17em}.manifesto{display:grid;grid-template-columns:1fr 2fr;padding-block:98px 110px;border-top:1px solid var(--stroke);gap:5vw}.manifesto .eyebrow{margin-top:18px}.manifesto h2{font-family:var(--display);font-size:clamp(38px,4.8vw,68px);font-weight:500;margin-bottom:25px}.manifesto p:not(.eyebrow){color:var(--ink-soft);max-width:790px;font-size:17px;margin:0}
.themes-section{background:#121d2a;padding:110px 0 124px;border-block:1px solid var(--stroke)}.theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.theme-panel{position:relative;display:flex;flex-direction:column;min-width:0;background:#1a2837;overflow:hidden;transition:transform .3s var(--ease),background .3s}.theme-panel:hover{transform:translateY(-6px);background:#243346}.theme-panel__art{height:210px;position:relative;background:linear-gradient(130deg,#364754,#203040);overflow:hidden}.theme-panel__art::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent,rgba(10,16,26,.38))}.theme-panel__art img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.theme-panel:hover .theme-panel__art img{transform:scale(1.08)}.theme-panel__content{min-height:295px;padding:22px 25px 24px;position:relative;display:flex;flex-direction:column}.theme-panel__number{font-size:12px;color:var(--accent);letter-spacing:.2em}.theme-panel h3{font-family:var(--display);font-size:clamp(23px,2.1vw,30px);font-weight:600;margin:24px 0 10px}.theme-panel p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 30px}.theme-panel__arrow{margin-top:auto;font-size:24px;color:var(--accent)}.feature-section{padding-block:120px 140px}.featured-layout{display:grid;grid-template-columns:1.05fr .95fr;background:#1a2734;min-height:520px}.feature-cover{position:relative;min-height:520px;background:#27394d;overflow:hidden}.feature-cover img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.feature-cover span{position:absolute;left:30px;bottom:24px;background:rgba(6,12,20,.8);font-size:10px;letter-spacing:.16em;padding:9px 15px}.feature-article{padding:clamp(35px,5vw,77px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.micro-label{font-size:12px;color:var(--accent);letter-spacing:.14em;font-weight:700}.feature-article h3{font-family:var(--display);font-size:clamp(30px,3.2vw,45px);margin:24px 0;font-weight:600}.feature-article h3 a:hover{color:var(--accent-bright)}.feature-article>p{color:var(--ink-soft);font-size:15px}.detail-list{padding-left:18px;color:var(--muted);font-size:14px;margin:18px 0 28px}.detail-list li{padding:6px 0 6px 4px}.detail-list li::marker{color:var(--accent)}.reading-strip{padding:104px 0 110px;background:#101a26}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.story-card{min-width:0;background:#1a2735;border:1px solid transparent;transition:border-color .3s,transform .3s}.story-card:hover{border-color:var(--accent);transform:translateY(-4px)}.story-card__link{display:flex;flex-direction:column;height:100%;min-height:335px;padding:34px}.story-card__category{font-size:12px;color:var(--accent);letter-spacing:.09em}.story-card h3{font-size:23px;font-weight:650;margin:29px 0 16px;line-height:1.5;letter-spacing:-.025em}.story-card p{font-size:14px;color:var(--muted);line-height:1.95;margin-bottom:25px}.story-card__foot{margin-top:auto;padding-top:15px;border-top:1px solid var(--stroke);display:flex;justify-content:space-between;font-size:12px;color:var(--ink-soft)}.story-card__foot span{font-size:20px;color:var(--accent)}.home-cta{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding-block:128px}.home-cta__type{font-size:12px;color:var(--accent);letter-spacing:.23em;font-weight:750;padding-top:13px}.home-cta h2{font-size:clamp(30px,4vw,56px);max-width:850px;line-height:1.38;margin-bottom:22px}.home-cta p{color:var(--muted);margin-bottom:30px}
/* Interior page common language */
.interior{padding:38px 0 120px;background:radial-gradient(ellipse at 90% 0,rgba(123,166,166,.07),transparent 30%)}.breadcrumb{margin-bottom:73px;color:var(--muted);font-size:12px}.breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:10px;list-style:none;padding:0;margin:0}.breadcrumb li:not(:last-child)::after{content:'/';padding-left:10px;color:var(--stroke-strong)}.breadcrumb a:hover{color:var(--accent)}.breadcrumb [aria-current]{color:var(--ink-soft)}.interior-head{max-width:900px;padding-bottom:65px}.interior-head h1,.collection-head h1,.faq-head h1,.about-head h1,.methods-head h1{font-family:var(--display);font-size:clamp(51px,6vw,87px);font-weight:500;line-height:1.16;margin-bottom:28px}.interior-head>p:last-child{max-width:770px;font-size:17px;color:var(--ink-soft)}.browse-tools{border-top:1px solid var(--stroke);padding:33px 0 20px}.search-field{display:flex;align-items:center;max-width:680px;gap:15px;padding:12px 18px;background:#1b2836;border:1px solid var(--stroke);transition:border-color .2s}.search-field:focus-within{border-color:var(--accent)}.search-field>span:first-child{color:var(--accent);font-size:26px;line-height:1}.search-field input{background:transparent;border:0;outline:0;min-width:0;flex:1;font-size:15px;color:var(--ink);padding:4px}.search-field input::placeholder{color:var(--muted)}.filter-chips{display:flex;flex-wrap:wrap;gap:10px;margin:29px 0 14px}.chip{border:1px solid var(--stroke-strong);background:transparent;padding:8px 17px;color:var(--muted);font-size:13px;border-radius:50px;transition:color .2s,background .2s,border .2s}.chip:hover{color:var(--ink);border-color:var(--accent)}.chip.is-selected{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:750}.filter-status{font-size:12px;color:var(--muted);margin-bottom:12px}.index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--stroke);border-left:1px solid var(--stroke)}.index-item{position:relative;min-height:266px;padding:37px 50px 40px 35px;border-right:1px solid var(--stroke);border-bottom:1px solid var(--stroke);transition:background .2s}.index-item:hover{background:#172331}.index-item__topic{font-size:12px;color:var(--accent);font-weight:650}.index-item h2{font-size:23px;letter-spacing:-.03em;line-height:1.5;margin:18px 0 12px}.index-item h2 a:hover{color:var(--accent-bright)}.index-item p{color:var(--muted);font-size:13px;line-height:1.85;max-width:490px;margin:0}.index-item__arrow{position:absolute;right:28px;top:30px;font-size:22px;color:var(--accent)}.empty-results{padding:40px;background:var(--panel);margin-top:20px;color:var(--muted)}.index-next{display:flex;flex-direction:column;align-items:flex-start;gap:15px;max-width:760px;margin-top:95px}.index-next h2{font-size:31px;margin:0}.index-next p{color:var(--muted);margin:0}.index-next a{margin-top:15px}
/* Topic page uses immersive horizontal cover */
.collection-head{display:grid;grid-template-columns:1.05fr .95fr;min-height:450px;background:var(--panel);margin-bottom:100px}.collection-head__copy{padding:65px 50px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.collection-head h1{font-size:clamp(45px,5vw,72px);margin-bottom:24px}.collection-head .collection-intro{font-size:21px;font-family:var(--display);line-height:1.75;color:var(--ink)}.collection-head__copy>p:not(.eyebrow){color:var(--muted);max-width:620px}.collection-head .text-link{margin-top:22px}.collection-head__visual{min-height:410px;background:linear-gradient(125deg,#2c3d51,#162434);overflow:hidden}.collection-head__visual img{width:100%;height:100%;object-fit:cover}.collection-entries{padding-bottom:90px}.related-topics{padding-top:50px;border-top:1px solid var(--stroke)}.related-topics h2{font-size:29px;margin-bottom:24px}.topic-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.topic-row a{background:var(--panel);padding:18px 22px;display:flex;justify-content:space-between;font-weight:650;gap:10px}.topic-row a span{color:var(--accent)}.topic-row a:hover{background:var(--panel-soft)}
/* Articles: optimized reading column, strong related rail */
.article-page{padding-bottom:150px}.article-page .breadcrumb{margin-bottom:52px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:clamp(40px,6vw,100px);align-items:start}.article-body{min-width:0}.article-head{border-bottom:1px solid var(--stroke);padding-bottom:43px;margin-bottom:45px}.article-head .eyebrow{margin-bottom:28px}.article-head h1{font-family:var(--display);font-size:clamp(39px,4.6vw,67px);font-weight:500;line-height:1.37;letter-spacing:-.045em;margin-bottom:28px}.article-deck{font-size:19px;color:var(--ink-soft);line-height:1.85;margin-bottom:33px}.article-byline{display:flex;flex-wrap:wrap;gap:20px;color:var(--muted);font-size:12px;letter-spacing:.05em}.article-byline span+span::before{content:'·';margin-right:20px;color:var(--accent)}.article-prose{font-size:17px;color:#dcdedc;line-height:2.13;max-width:var(--reading)}.article-prose p{margin:0 0 31px;line-height:2.13}.article-prose p:first-child::first-letter{float:left;font-family:var(--display);font-size:70px;line-height:1;padding:5px 10px 0 0;color:var(--accent)}.article-prose h2{font-size:25px;line-height:1.5;color:var(--ink);font-weight:650;margin:55px 0 24px;padding-left:20px;border-left:3px solid var(--accent)}.article-end{margin-top:75px;border-block:1px solid var(--stroke);display:flex;align-items:center;gap:20px;padding:24px 0;color:var(--muted)}.article-end span{font-size:26px;color:var(--accent)}.article-end p{margin:0;font-size:14px}.article-nav{margin-top:35px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:25px}.article-nav a{color:var(--accent-bright);font-size:14px;font-weight:650}.article-nav a:hover{text-decoration:underline}.aside-sticky{position:sticky;top:35px}.article-aside h2{font-size:22px;line-height:1.45;margin-bottom:30px}.article-aside a{display:grid;grid-template-columns:1fr auto;gap:8px 14px;padding:21px 0;border-top:1px solid var(--stroke)}.article-aside a>span:first-child{grid-column:1/3;color:var(--accent);font-size:11px}.article-aside a strong{font-size:15px;line-height:1.65;font-weight:600}.article-aside a:hover strong{color:var(--accent-bright)}.aside-arrow{font-size:18px;color:var(--accent)}.aside-note{border:1px solid var(--stroke);padding:22px;margin-top:42px}.aside-note p{color:var(--muted);font-size:13px;margin:0}
/* Method page: sequential editorial steps and actual study notes */
.methods-head{display:grid;grid-template-columns:1.2fr .8fr;gap:6%;align-items:center;padding-bottom:90px}.methods-head h1{font-size:clamp(44px,5.2vw,73px)}.methods-head p:not(.eyebrow){font-size:17px;color:var(--muted);max-width:730px}.methods-art{position:relative;min-height:400px;background:var(--panel);overflow:hidden}.methods-art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.methods-art::after{content:'LOOK / AGAIN';position:absolute;bottom:16px;right:20px;font-size:11px;letter-spacing:.2em;background:rgba(10,16,26,.8);padding:8px 12px}.method-steps{padding-block:68px 110px;border-top:1px solid var(--stroke)}.method-steps .section-heading{margin-bottom:63px}.step{display:grid;grid-template-columns:1fr 3fr;gap:45px;border-top:1px solid var(--stroke);padding:40px 0 50px}.step-index{font-size:clamp(50px,7vw,100px);font-family:var(--display);line-height:1;color:var(--accent);opacity:.83}.step h3{font-size:30px;margin:5px 0 16px}.step p{max-width:770px;color:var(--ink-soft);font-size:16px}.step-prompt{padding:15px 20px;border-left:2px solid var(--accent);background:var(--panel);color:var(--accent-bright)!important;font-size:14px!important}.method-details{padding:90px 0 110px;border-top:1px solid var(--stroke)}.observation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.observation-grid>div{background:var(--panel);padding:40px;display:flex;flex-direction:column}.observation-grid>div>span{font-size:12px;color:var(--accent);letter-spacing:.08em}.observation-grid h3{font-size:27px;margin:23px 0 15px}.observation-grid p{color:var(--muted);font-size:15px;max-width:500px}.observation-grid a{color:var(--accent-bright);font-size:13px;font-weight:650;margin-top:auto;padding-top:25px}.observation-grid a:hover{text-decoration:underline}.practice-callout{background:#22303d;border-top:3px solid var(--accent);padding:clamp(35px,5vw,70px);display:flex;flex-direction:column;align-items:flex-start}.practice-callout h2{font-size:clamp(27px,3.3vw,42px);max-width:720px}.practice-callout p{color:var(--ink-soft);max-width:740px;margin-bottom:28px}
/* FAQ accordion works natively without JS */
.faq-head{padding-bottom:70px;max-width:900px}.faq-head h1{font-size:clamp(45px,5.5vw,78px)}.faq-head>p:last-child{font-size:18px;color:var(--muted)}.faq-layout{display:grid;grid-template-columns:290px 1fr;gap:65px;align-items:start}.faq-rail{position:relative;background:#1a2937;padding:35px;min-height:350px;overflow:hidden}.rail-number{font-family:var(--display);font-size:100px;line-height:1;color:var(--accent)}.faq-rail p{max-width:150px;font-weight:700;font-size:18px}.faq-rail img{width:100%;height:170px;object-fit:cover;margin-top:24px}.faq-items{border-top:1px solid var(--stroke)}.faq-item{border-bottom:1px solid var(--stroke)}.faq-item summary{list-style:none;display:grid;grid-template-columns:46px 1fr 27px;align-items:center;gap:18px;padding:28px 2px;cursor:pointer;font-size:19px;font-weight:650;line-height:1.5}.faq-item summary::-webkit-details-marker{display:none}.faq-num{font-size:12px;color:var(--accent);font-weight:500;align-self:start;padding-top:8px}.faq-toggle{font-size:27px;color:var(--accent);font-weight:300;line-height:1;text-align:center;transition:transform .2s}.faq-item[open] .faq-toggle{transform:rotate(45deg)}.faq-item[open] summary{color:var(--accent-bright)}.faq-answer{padding:0 55px 28px 64px;color:var(--ink-soft);font-size:15px}.faq-answer p{margin:0}.faq-next{margin:110px 0 20px;border:1px solid var(--stroke);padding:48px;display:flex;flex-direction:column;align-items:flex-start}.faq-next h2{font-size:32px}.faq-next p{color:var(--muted);max-width:700px}
/* About page stands apart with large typography and stacked principles */
.about-head{max-width:1050px;padding:10px 0 75px}.about-head h1{font-size:clamp(53px,7vw,102px);line-height:1.26}.about-head>p:last-child{max-width:830px;color:var(--ink-soft);font-size:19px}.about-visual{position:relative;height:clamp(300px,42vw,560px);background:var(--panel);overflow:hidden}.about-visual img{width:100%;height:100%;object-fit:cover}.about-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,16,26,.62),transparent 50%)}.about-visual span{position:absolute;z-index:1;bottom:30px;left:35px;letter-spacing:.2em;font-size:12px}.about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-block:95px}.about-values>div{padding:0 15px 0 0}.about-values>div:not(:last-child){border-right:1px solid var(--stroke);padding-right:35px}.about-values h2{font-size:32px}.about-values p:not(.eyebrow){color:var(--muted);font-size:15px}.about-footer{padding:50px;border:1px solid var(--stroke);display:flex;gap:25px;justify-content:space-between;align-items:center}.about-footer p{font-family:var(--display);font-size:25px;margin:0}
/* Footer and error screen */
.site-footer{background:#070c13;border-top:1px solid var(--stroke);padding-top:82px}.footer-main{display:grid;grid-template-columns:2.2fr 1fr 1fr;gap:7%;padding-bottom:85px}.footer-brand__title{font-size:29px;font-weight:850;letter-spacing:-.06em}.tiny-dot{color:var(--accent)}.footer-brand p{font-size:14px;color:var(--muted);max-width:370px;margin:22px 0 0}.footer-main nav{display:flex;flex-direction:column;align-items:start;gap:11px}.footer-main nav h2{font-size:15px;font-weight:700;margin:5px 0 10px}.footer-main nav a{font-size:13px;color:var(--muted)}.footer-main nav a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:24px;border-top:1px solid var(--stroke);color:var(--muted);font-size:12px}.footer-bottom a:hover{color:var(--accent)}.not-found{min-height:70vh;display:flex;align-items:center;padding:100px 0}.not-found h1{font-family:var(--display);font-size:clamp(45px,7vw,90px);max-width:850px}.not-found p:not(.eyebrow){color:var(--muted)}.not-found .button{margin-top:25px}
/* Tablet: make content breathe, keep important links visible */
@media (max-width:1150px){.container{width:min(calc(100% - 58px),var(--max))}.identity__sub{display:none}.header-inner{gap:25px}.primary-nav{gap:20px}.hero-copy h1{font-size:clamp(50px,6.4vw,75px)}.hero-visual,.hero-visual img{min-height:560px}.theme-panel__content{padding:23px 20px}.theme-panel__art{height:170px}.theme-panel h3{font-size:24px}.theme-panel p{font-size:12px}.feature-article{padding:38px}.feature-cover,.featured-layout{min-height:460px}.article-layout{grid-template-columns:minmax(0,1fr) 245px;gap:45px}.collection-head__copy{padding:40px}.faq-layout{gap:36px;grid-template-columns:230px 1fr}}
@media (max-width:900px){.header-inner{height:75px;justify-content:space-between}.primary-nav,.search-link span:last-child{display:none}.search-link{padding:6px 13px}.menu-toggle{display:flex}.mobile-menu{display:flex;flex-direction:column;gap:0;max-height:0;overflow:hidden;visibility:hidden;transition:max-height .3s,visibility .3s;border-top:0 solid var(--stroke)}.mobile-menu.is-open{max-height:390px;visibility:visible;border-top-width:1px}.mobile-menu a{padding:13px 29px;border-bottom:1px solid var(--stroke);font-size:15px}.mobile-menu a:hover{background:var(--panel);color:var(--accent)}.home-hero{padding:35px 0 80px}.home-hero__grid{grid-template-columns:1fr;gap:35px;min-height:0}.hero-copy{padding:20px 0}.hero-copy h1{font-size:clamp(56px,9vw,83px)}.hero-lead{max-width:700px}.hero-meta{margin-top:38px}.hero-visual{min-height:450px;border-radius:170px 170px 5px 5px;max-width:660px;width:100%;margin-inline:auto}.hero-visual img{min-height:450px}.manifesto{padding-block:80px;grid-template-columns:1fr 2fr;gap:30px}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-panel__art{height:220px}.theme-panel__content{min-height:245px;padding:25px}.theme-panel p{font-size:14px}.theme-panel h3{font-size:27px;margin-top:16px}.featured-layout{grid-template-columns:1fr}.feature-cover{min-height:380px}.feature-article{padding:48px}.feature-article h3{max-width:700px}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-cta{grid-template-columns:1fr;gap:10px}.footer-main{grid-template-columns:1.5fr 1fr 1fr;gap:30px}.collection-head{grid-template-columns:1fr}.collection-head__visual{height:320px;min-height:0;grid-row:1}.collection-head__copy{grid-row:2;padding:45px}.article-layout{grid-template-columns:1fr;gap:65px}.article-aside{border-top:1px solid var(--stroke);padding-top:40px}.aside-sticky{position:static}.article-aside a{display:inline-grid;vertical-align:top;width:calc(50% - 16px);margin-right:12px}.faq-layout{grid-template-columns:1fr}.faq-rail{display:none}.methods-head{grid-template-columns:1fr}.methods-art{min-height:280px;max-width:650px}.about-values{gap:20px}.about-values>div:not(:last-child){padding-right:20px}}
/* Smaller phones: open layout, readable interactions, no sideways scrolling */
@media (max-width:620px){html{scroll-padding-top:80px}.container{width:calc(100% - 36px)}body{font-size:15px}.header-inner{height:68px}.identity__word{font-size:19px}.identity__mark{transform:scale(.84) skewY(-12deg);margin-right:-4px}.search-link{padding:5px 10px;min-height:40px}.menu-toggle{width:40px;height:40px}.eyebrow{font-size:10px;letter-spacing:.18em;margin-bottom:17px}.home-hero{padding:23px 0 52px}.hero-copy h1{font-size:clamp(49px,11.3vw,69px);line-height:1.18;letter-spacing:-.075em}.hero-lead{font-size:15px;line-height:2}.hero-actions{gap:10px}.hero-actions .button{padding:12px 15px;font-size:12px;min-height:48px}.hero-meta{margin-top:32px;gap:6px;font-size:10px}.hero-meta span+span{margin-left:0}.hero-visual{min-height:360px;border-radius:120px 120px 5px 5px}.hero-visual img{min-height:360px}.visual-overlay{left:23px;bottom:28px;right:20px}.visual-overlay strong{font-size:25px}.visual-index{right:10px}.manifesto{display:block;padding-block:63px}.manifesto h2{font-size:42px}.manifesto p:not(.eyebrow){font-size:15px}.themes-section{padding:70px 0}.section-heading{align-items:start;flex-direction:column;gap:17px;margin-bottom:28px}.section-heading h2{font-size:33px}.section-heading>p{font-size:14px}.theme-grid{grid-template-columns:1fr;gap:15px}.theme-panel{display:grid;grid-template-columns:41% 59%;min-height:230px}.theme-panel__art{height:100%;min-height:230px}.theme-panel__content{min-height:230px;padding:18px 15px}.theme-panel h3{font-size:21px;margin:15px 0 10px}.theme-panel p{font-size:12px;line-height:1.65;margin-bottom:10px}.theme-panel__number{font-size:10px}.theme-panel__arrow{font-size:19px}.feature-section{padding-block:76px}.feature-cover{min-height:250px}.feature-article{padding:30px 24px}.feature-article h3{font-size:30px}.detail-list{margin-bottom:15px}.reading-strip{padding:74px 0}.cards-grid{grid-template-columns:1fr;gap:14px}.story-card__link{padding:27px;min-height:260px}.story-card h3{font-size:22px;margin:20px 0 12px}.home-cta{padding-block:70px}.home-cta h2{font-size:34px}.interior{padding-top:25px;padding-bottom:80px}.breadcrumb{margin-bottom:48px;font-size:11px}.interior-head{padding-bottom:40px}.interior-head h1{font-size:49px}.interior-head>p:last-child{font-size:15px}.filter-chips{gap:7px;margin:20px 0}.chip{font-size:12px;padding:7px 12px}.index-grid{grid-template-columns:1fr}.index-item{min-height:220px;padding:29px 37px 32px 23px}.index-item h2{font-size:20px}.index-item__arrow{right:16px;top:22px}.index-next{margin-top:62px}.index-next h2{font-size:26px}.collection-head{margin-bottom:65px}.collection-head__visual{height:215px}.collection-head__copy{padding:28px 23px 35px}.collection-head h1{font-size:46px}.collection-head .collection-intro{font-size:19px}.collection-entries{padding-bottom:55px}.topic-row{grid-template-columns:1fr}.article-page .breadcrumb{margin-bottom:35px}.article-head h1{font-size:39px}.article-deck{font-size:16px}.article-head{padding-bottom:28px;margin-bottom:35px}.article-byline{gap:10px}.article-byline span+span::before{margin-right:10px}.article-prose{font-size:16px;line-height:2}.article-prose p{margin-bottom:25px;line-height:2}.article-prose h2{font-size:22px;margin:38px 0 20px}.article-prose p:first-child::first-letter{font-size:58px}.article-aside a{width:100%;margin-right:0}.article-end{margin-top:50px}.article-nav{gap:17px}.methods-head{padding-bottom:54px}.methods-head h1{font-size:43px}.methods-head p:not(.eyebrow){font-size:15px}.methods-art{min-height:240px}.method-steps{padding-block:58px}.method-steps .section-heading{margin-bottom:24px}.step{grid-template-columns:66px 1fr;gap:16px;padding:28px 0}.step-index{font-size:48px}.step h3{font-size:23px}.step p{font-size:14px}.step-prompt{padding:12px}.method-details{padding-block:57px}.observation-grid{grid-template-columns:1fr}.observation-grid>div{padding:27px}.observation-grid h3{font-size:23px;margin-top:15px}.practice-callout{padding:30px 25px}.practice-callout h2{font-size:26px}.faq-head{padding-bottom:40px}.faq-head h1{font-size:43px}.faq-head>p:last-child{font-size:15px}.faq-item summary{grid-template-columns:26px 1fr 20px;gap:11px;padding:20px 0;font-size:16px}.faq-num{font-size:10px}.faq-toggle{font-size:23px}.faq-answer{padding:0 5px 24px 37px;font-size:14px}.faq-next{margin-top:65px;padding:28px}.faq-next h2{font-size:26px}.about-head{padding-bottom:50px}.about-head h1{font-size:48px}.about-head>p:last-child{font-size:16px}.about-visual{height:270px}.about-visual span{left:18px;bottom:20px;font-size:10px}.about-values{grid-template-columns:1fr;gap:25px;padding-block:60px}.about-values>div:not(:last-child){border-right:0;border-bottom:1px solid var(--stroke);padding-right:0;padding-bottom:22px}.about-values h2{font-size:27px}.about-footer{padding:28px;flex-direction:column;align-items:start}.about-footer p{font-size:22px}.footer-main{grid-template-columns:repeat(2,1fr);padding-bottom:45px;gap:35px 25px}.footer-brand{grid-column:1/3}.footer-bottom{flex-direction:column;gap:6px;padding-block:20px}.not-found{min-height:65vh}.not-found .button{margin:12px 8px 0 0}}
@media (max-width:365px){.identity__word{font-size:17px}.hero-copy h1{font-size:46px}.hero-actions .button{width:100%}.theme-panel{grid-template-columns:37% 63%}.theme-panel__content{padding:14px 12px}.theme-panel h3{font-size:19px}.theme-panel p{font-size:11px}.article-head h1{font-size:35px}.methods-head h1,.faq-head h1{font-size:38px}.step{grid-template-columns:52px 1fr}.step-index{font-size:39px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{body{background:white;color:black}.site-header,.site-footer,.article-aside,.hero-actions,.home-cta,.browse-tools{display:none!important}.container{width:100%}.article-layout{display:block}.article-prose{color:#222}.article-head{border-color:#999}.article-deck{color:#444}.article-prose p{break-inside:avoid}a{color:black}a[href]::after{content:""}}