:root{--ink:#17120f;--char:#241a14;--cream:#f4ecd9;--paper:#fffaf0;--yellow:#f4c430;--red:#c9341f;--green:#17603d;--blue:#176b8a;--muted:#6c6158;--line:rgba(23,18,15,.18);--shadow:0 22px 60px rgba(35,19,10,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.research-strip{padding:8px 18px;background:repeating-linear-gradient(135deg,var(--yellow) 0,var(--yellow) 12px,#f8d14c 12px,#f8d14c 24px);text-align:center;font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;border-bottom:3px solid var(--ink)}.research-strip span,.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:7px;box-shadow:0 0 0 4px rgba(23,96,61,.13)}
.site-header{height:76px;padding:0 clamp(18px,5vw,74px);display:flex;align-items:center;justify-content:space-between;gap:30px;background:rgba(244,236,217,.94);border-bottom:3px solid var(--ink);position:sticky;top:0;z-index:30;backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:950;letter-spacing:-.06em;font-size:1.2rem;white-space:nowrap}.brand em{font-style:normal;color:var(--red)}.brand small{display:block;font-family:Georgia,"Noto Serif CJK SC",serif;font-size:.62rem;letter-spacing:.16em;margin-top:-2px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:3px;transform:rotate(-3deg);background:var(--red);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--yellow);color:#fff;font-family:serif;font-size:1.2rem}.site-header nav{display:flex;gap:30px;font-weight:750;font-size:.9rem}.site-header nav a{border-bottom:2px solid transparent}.site-header nav a:hover{border-color:var(--red)}.about-link{border:2px solid var(--ink);border-radius:3px;padding:9px 15px;font-weight:850;font-size:.82rem;box-shadow:3px 3px 0 var(--yellow)}
.hero{min-height:670px;display:grid;grid-template-columns:1.03fr .97fr;background:var(--char);color:white;border-bottom:8px solid var(--yellow)}.hero-content{padding:clamp(60px,8vw,110px) clamp(24px,6vw,86px);display:flex;flex-direction:column;justify-content:center;background-image:linear-gradient(rgba(255,255,255,.025) 50%,transparent 50%),linear-gradient(90deg,rgba(255,255,255,.025) 50%,transparent 50%);background-size:28px 28px}.kicker{font-size:.75rem;color:var(--yellow);font-weight:950;letter-spacing:.16em}.kicker.dark{color:var(--red)}h1,h2,h3{margin:0;line-height:.98;letter-spacing:-.05em}h1{font-family:Georgia,"Noto Serif CJK SC",serif;font-size:clamp(3.25rem,6.4vw,6.5rem);margin:16px 0 25px;max-width:800px}h1 span{color:var(--yellow);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.hero-content>p{max-width:660px;color:#e9ded2;font-size:1.1rem;margin:0 0 30px}.search-box{max-width:700px;padding:7px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;background:var(--paper);border:2px solid var(--yellow);border-radius:3px;color:var(--ink);box-shadow:7px 7px 0 rgba(201,52,31,.9)}.search-box>span{padding:0 8px;font-size:1.5rem}.search-box input{min-width:0;border:0;outline:0;background:transparent;padding:12px 2px;font-size:1rem}.search-box button{border:0;border-radius:2px;background:var(--red);color:white;padding:12px 20px;font-weight:900}.hero-stats{display:flex;gap:32px;margin-top:32px}.hero-stats div{display:flex;align-items:baseline;gap:8px}.hero-stats strong{font-size:1.7rem;color:var(--yellow)}.hero-stats span{font-size:.8rem;color:#d4c9bd}.hero-photo{min-height:670px;position:relative;background:linear-gradient(90deg,rgba(24,15,10,.04),rgba(24,15,10,.24)),url('assets/wok-hei-hero-v2.png') center/cover}.hero-photo>span{position:absolute;right:24px;bottom:24px;text-align:right;font-size:clamp(2.8rem,5vw,6.5rem);line-height:.78;font-weight:950;letter-spacing:-.08em;color:rgba(255,255,255,.16)}.hero-sign{position:absolute;top:28px;right:28px;padding:13px 17px;background:var(--red);border:3px solid #fff2cf;box-shadow:6px 6px 0 var(--yellow);transform:rotate(2deg);z-index:2}.hero-sign b,.hero-sign small{display:block}.hero-sign b{font:900 1.8rem/1 Georgia,"Noto Serif CJK SC",serif}.hero-sign small{margin-top:6px;font-size:.58rem;letter-spacing:.16em;font-weight:950}
.editor-note{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start;padding:23px clamp(24px,7vw,110px);background:var(--red);color:white}.editor-note b{text-transform:uppercase;letter-spacing:.1em}.editor-note p{margin:0;max-width:1000px;color:#ffe9de}.editor-note strong{color:white}
.latest,.recipes,.method{padding:100px clamp(22px,6vw,90px)}.section-intro{max-width:780px;margin-bottom:38px}.section-intro.compact{margin-bottom:28px}.section-intro h2,.choose h2,.method h2,.watch h2{font-size:clamp(2.7rem,5.2vw,5.4rem);margin:12px 0 18px}.section-intro p{max-width:700px;color:var(--muted)}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.activity-grid article{padding:25px;background:var(--paper);border:1px solid var(--line);box-shadow:6px 6px 0 var(--ink)}.activity-grid time{float:right;font-size:.78rem;color:var(--muted)}.status{display:inline-block;padding:5px 8px;border-radius:4px;color:white;font-size:.67rem;font-weight:950;letter-spacing:.1em}.status.new{background:var(--green)}.status.updated{background:var(--blue)}.activity-grid h3{font-size:1.65rem;margin:22px 0 12px}.activity-grid p{color:var(--muted);min-height:76px}.activity-grid button{border:0;background:transparent;padding:0;color:var(--red);font-weight:900}
.recipes{background-color:var(--yellow);background-image:linear-gradient(45deg,rgba(23,18,15,.05) 25%,transparent 25%),linear-gradient(-45deg,rgba(23,18,15,.05) 25%,transparent 25%);background-size:26px 26px}.filter-row{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px}.filter{border:1px solid var(--ink);border-radius:99px;background:transparent;padding:9px 14px;font-weight:850}.filter.active{background:var(--ink);color:white}.filter span{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--yellow);color:var(--ink);margin-left:4px}.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.recipe-card{display:flex;flex-direction:column;background:var(--paper);border:2px solid var(--ink);min-height:430px}.card-top{min-height:118px;padding:20px;background:var(--char);color:white;position:relative;overflow:hidden}.card-top:after{content:'火';position:absolute;right:10px;top:-30px;font:9rem serif;color:rgba(244,196,48,.12)}.source-label{font-size:.69rem;color:var(--yellow);font-weight:950;letter-spacing:.12em}.card-top h3{font-size:1.85rem;max-width:82%;margin-top:15px}.recipe-card-body{padding:22px;display:flex;flex-direction:column;flex:1}.creator{font-weight:900}.meta{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.meta span{padding:5px 7px;background:#eee3cd;font-size:.68rem;font-weight:850;text-transform:uppercase}.recipe-card-body p{color:var(--muted);margin:0 0 18px}.completeness{margin-top:auto;border-top:1px solid var(--line);padding-top:15px;display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:.75rem}.completeness b{display:block}.available{color:var(--green)}.card-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:17px}.card-actions button,.card-actions a{border:0;border-radius:8px;padding:11px 13px;font-weight:900;text-align:center}.card-actions button{background:var(--ink);color:white}.card-actions a{border:1px solid var(--ink)}.no-results{padding:50px;background:var(--paper);border:2px dashed var(--ink);text-align:center}.no-results b,.no-results span{display:block}.no-results b{font-size:1.4rem}
.choose{background:var(--char);color:white;padding:105px clamp(22px,6vw,90px);border-top:8px solid var(--red)}.choose-heading{max-width:780px;margin-bottom:40px}.choose-lede{max-width:650px;color:#cfc3b8}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2)}.choice-grid article{padding:28px;border-right:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.choice-grid article>span{color:var(--yellow);font-weight:950}.choice-grid h3{font-size:1.45rem;margin:18px 0 10px}.choice-grid p{margin:0;color:#cfc3b8}
.watch{padding:100px clamp(22px,6vw,90px);background:var(--red);color:white}.section-intro.light p{color:#ffe5db}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.video-grid article{background:var(--paper);color:var(--ink);box-shadow:8px 8px 0 var(--ink)}.video-frame{aspect-ratio:16/9;background:#0c0907}.video-frame iframe{width:100%;height:100%;border:0}.video-grid article>div:last-child{padding:20px}.video-grid span{font-size:.7rem;color:var(--red);font-weight:950;letter-spacing:.1em}.video-grid h3{font-size:1.45rem;margin:8px 0 15px}.video-grid a{font-weight:900;text-decoration:underline}
.method{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(35px,7vw,100px);align-items:start}.method-main>p{max-width:700px;color:var(--muted);font-size:1.05rem}.method-list{margin-top:32px;border-top:1px solid var(--line)}.method-list div{display:grid;grid-template-columns:46px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.method-list b{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--yellow)}.method-list span{display:flex;flex-direction:column;color:var(--muted)}.method-list strong{color:var(--ink)}.coverage-card{padding:32px;background:var(--paper);border:2px solid var(--ink);box-shadow:9px 9px 0 var(--yellow)}.coverage-top{font-size:.72rem;letter-spacing:.12em;color:var(--green)}.coverage-card h3{font-size:2rem;margin:18px 0 12px}.coverage-card>p{color:var(--muted)}.coverage-card dl{margin:25px 0}.coverage-card dl div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--line)}.coverage-card dt{font-weight:900}.coverage-card dd{margin:0;text-align:right;color:var(--muted)}.coverage-card small{color:var(--muted)}
footer{padding:48px clamp(24px,6vw,90px);display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:25px;background:var(--ink);color:#d6cbc0}.footer-brand{color:white}.footer-social{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(255,255,255,.45);color:#fff;font-weight:850;font-size:.82rem}.footer-social b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#1877f2;color:#fff;font:900 1rem/1 Arial,sans-serif}
dialog{width:min(720px,calc(100% - 24px));max-height:88dvh;padding:0;border:0;border-radius:22px;background:var(--paper);box-shadow:var(--shadow)}dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.dialog-inner{padding:36px;position:relative}.dialog-close{position:absolute;right:18px;top:12px;border:0;background:transparent;font-size:2rem}.dialog-kicker{color:var(--red);font-size:.72rem;font-weight:950;letter-spacing:.12em}.dialog-inner h2{font-size:clamp(2.3rem,6vw,4.2rem);margin:13px 45px 10px 0}.dialog-by{font-weight:850}.dialog-summary{font-size:1.05rem;color:var(--muted);margin:24px 0}.dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dialog-panel{padding:18px;background:#f0e6d3}.dialog-panel b{display:block;margin-bottom:7px}.dialog-panel p{margin:0;color:var(--muted)}.dialog-notes{margin:22px 0;padding:17px;border-left:5px solid var(--yellow);background:#fff4d0}.dialog-link{display:inline-block;border-radius:9px;background:var(--red);color:white;padding:13px 18px;font-weight:900}
@media(max-width:980px){.site-header nav{display:none}.hero{grid-template-columns:1fr}.hero-photo{min-height:420px}.activity-grid,.recipe-grid,.choice-grid{grid-template-columns:1fr 1fr}.method{grid-template-columns:1fr}.editor-note{grid-template-columns:1fr}.video-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr}}
@media(max-width:620px){.research-strip{font-size:.64rem}.site-header{height:66px;padding:0 14px}.brand{font-size:1rem}.brand-mark{width:32px;height:32px}.about-link{display:none}.hero-content{padding:60px 22px 45px}h1{font-size:clamp(3rem,15vw,4.5rem)}.hero-photo{min-height:310px}.hero-stats{gap:18px;flex-wrap:wrap}.hero-stats div{display:block}.hero-stats span{display:block}.search-box button{padding:11px}.latest,.recipes,.method,.choose,.watch{padding:75px 20px}.activity-grid,.recipe-grid,.choice-grid{grid-template-columns:1fr}.activity-grid p{min-height:0}.filter-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.filter{white-space:nowrap}.dialog-inner{padding:30px 20px}.dialog-grid{grid-template-columns:1fr}.coverage-card{padding:24px}.coverage-card dl div{display:block}.coverage-card dd{text-align:left}.editor-note{padding:22px}.hero-photo span{font-size:3.2rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.status.tiktok{background:#00a59a;color:#071d1b}.penang-editorial{padding:clamp(72px,8vw,120px) clamp(22px,6vw,90px);display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(34px,6vw,90px);align-items:center;background:#087f7a;color:white;border-bottom:8px solid var(--ink)}.penang-copy{max-width:580px}.penang-copy h2{font-family:Georgia,"Noto Serif CJK SC",serif;font-size:clamp(3rem,5.4vw,5.8rem);margin:15px 0 26px}.penang-copy p{font-size:1.08rem;color:#dff7f3}.penang-copy a{display:inline-block;margin-top:14px;padding-bottom:3px;border-bottom:2px solid var(--yellow);font-weight:900}.penang-board{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:310px 310px;gap:16px;position:relative}.place-card{position:relative;margin:0;overflow:hidden;border:3px solid var(--ink);box-shadow:7px 7px 0 var(--yellow);background:var(--ink)}.place-card.shophouse{grid-row:1/3}.place-card.hill{grid-column:2;grid-row:2}.place-card img{width:100%;height:100%;display:block;object-fit:cover}.place-card figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 15px 13px;background:linear-gradient(transparent,rgba(12,10,8,.9));color:white}.place-card figcaption b,.place-card figcaption span{display:block}.place-card figcaption b{font-size:1.05rem}.place-card figcaption span{font-size:.76rem;color:#e9ded2}.penang-board>small{position:absolute;right:0;bottom:-28px;color:#c6eeea;font-size:.68rem}.tiktok-radar{padding:90px clamp(22px,6vw,90px);display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:clamp(35px,7vw,100px);align-items:center;background:#0e2633;color:white;border-top:8px solid #00a59a}.tiktok-player{aspect-ratio:9/16;max-height:660px;border:3px solid var(--yellow);box-shadow:10px 10px 0 #00a59a;background:#050708}.tiktok-player iframe{display:block;width:100%;height:100%;border:0}.tiktok-copy{max-width:850px}.tiktok-copy h2{font-size:clamp(2.8rem,5vw,5.6rem);margin:15px 0 22px}.tiktok-copy>p{font-size:1.08rem;color:#d8e4e8}.truth-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:28px 0;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.22)}.truth-grid div{padding:17px;background:#0e2633}.truth-grid b,.truth-grid span{display:block}.truth-grid b{color:var(--yellow);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.truth-grid span{margin-top:5px;color:#d8e4e8}.tiktok-links{display:flex;gap:12px;flex-wrap:wrap}.tiktok-links a{padding:12px 16px;border:2px solid white;font-weight:900}.tiktok-links a:first-child{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.dialog-link+.dialog-link{margin-left:8px;background:#0e2633}
@media(max-width:980px){.penang-editorial{grid-template-columns:1fr}.penang-copy{max-width:760px}.tiktok-radar{grid-template-columns:minmax(240px,320px) 1fr;gap:38px}}
@media(max-width:700px){.penang-editorial,.tiktok-radar{padding:70px 20px}.penang-board{grid-template-rows:260px 220px}.penang-board>small{position:static;grid-column:1/3}.tiktok-radar{grid-template-columns:1fr}.tiktok-player{width:min(100%,340px);margin:auto}.truth-grid{grid-template-columns:1fr}.place-card figcaption{padding-top:28px}}

/* Travel-cover landing composition */
.site-header{position:absolute;top:0;left:0;right:0;color:#fff;background:linear-gradient(180deg,rgba(10,10,8,.72),rgba(10,10,8,0));border:0;backdrop-filter:none}.site-header nav a:hover{border-color:#fff}.site-header .about-link{border-color:#fff;box-shadow:none;background:rgba(0,0,0,.18)}
.travel-hero{position:relative;min-height:min(900px,100svh);overflow:hidden;background:#1a211d;color:#fff}.travel-hero-image{position:absolute;inset:0;background:url('assets/penang-travel-hero-v1.webp') center 48%/cover no-repeat;transform:scale(1.01)}.travel-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,13,12,.24) 0%,rgba(7,13,12,.03) 35%,rgba(7,13,12,.2) 58%,rgba(7,13,12,.82) 100%)}
.travel-title{position:absolute;z-index:2;left:clamp(24px,6vw,90px);bottom:225px;text-shadow:0 3px 24px rgba(0,0,0,.42)}.travel-title>span{display:block;margin:0 0 -1.35rem .25rem;font-family:"Segoe Print","Bradley Hand","Brush Script MT",cursive;font-size:clamp(2.6rem,5.4vw,5.8rem);line-height:1;transform:rotate(-4deg)}.travel-title h1{margin:0;font-family:Georgia,"Times New Roman","Noto Serif CJK SC",serif;font-size:clamp(5.6rem,14vw,13.5rem);font-weight:500;line-height:.83;letter-spacing:-.075em}.travel-title p{margin:16px 0 0;font-size:clamp(.82rem,1.2vw,1rem);font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.hero-search-panel{position:absolute;z-index:3;left:clamp(18px,4vw,60px);right:clamp(18px,4vw,60px);bottom:24px;display:grid;grid-template-columns:minmax(190px,.65fr) minmax(360px,1.35fr) auto;gap:22px;align-items:center;padding:18px 20px;background:rgba(255,250,240,.96);color:var(--ink);border:1px solid rgba(255,255,255,.7);box-shadow:0 14px 46px rgba(0,0,0,.28);backdrop-filter:blur(12px)}.hero-search-copy b,.hero-search-copy span{display:block}.hero-search-copy b{font-family:Georgia,"Noto Serif CJK SC",serif;font-size:1.2rem}.hero-search-copy span{font-size:.78rem;color:var(--muted)}.hero-search-panel .search-box{max-width:none;width:100%;box-shadow:none;border-color:var(--ink)}.hero-search-panel .hero-stats{margin:0;gap:18px}.hero-search-panel .hero-stats strong{color:var(--red)}.hero-search-panel .hero-stats span{color:var(--muted)}
.penang-collage{padding:clamp(24px,3vw,46px);background:var(--cream)}.collage-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:min(78vw,880px);min-height:620px;overflow:hidden;background:#1a1714}.collage-grid figure{position:relative;margin:0;overflow:hidden}.collage-grid img{display:block;width:100%;height:100%;object-fit:cover}.collage-grid figure:nth-child(1) img{object-position:center 55%}.collage-grid figure:nth-child(2) img{object-position:center}.collage-grid figure:nth-child(3) img{object-position:center 58%}.collage-grid figure:nth-child(4) img{object-position:center}.collage-grid figure:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(0,0,0,.42))}.collage-grid figcaption{position:absolute;z-index:2;left:18px;bottom:13px;color:#fff;font-size:.75rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.collage-grid h2{position:absolute;z-index:4;left:50%;top:50%;margin:0;transform:translate(-50%,-51%);color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:clamp(5.4rem,16vw,15rem);font-weight:500;line-height:.78;letter-spacing:-.08em;text-shadow:0 4px 28px rgba(0,0,0,.38);white-space:nowrap}.collage-note{display:grid;grid-template-columns:auto minmax(280px,1fr) auto;gap:30px;align-items:center;padding:24px 4px 4px}.collage-note span{font-family:Georgia,"Noto Serif CJK SC",serif;font-size:1.3rem;font-weight:800}.collage-note p{margin:0;color:var(--muted);max-width:720px}.collage-note a{font-weight:900;border-bottom:2px solid var(--red)}
.recipes{scroll-margin-top:20px}
@media(max-width:1050px){.hero-search-panel{grid-template-columns:1fr minmax(330px,1.4fr)}.hero-search-panel .hero-stats{grid-column:1/3;justify-content:flex-end}.hero-search-copy{align-self:end}.travel-title{bottom:260px}.collage-note{grid-template-columns:1fr}.collage-note{gap:9px}.collage-note a{justify-self:start}}
@media(max-width:700px){.site-header{height:66px;padding:0 15px}.site-header .brand small{color:#fff}.travel-hero{min-height:790px}.travel-hero-image{background-position:58% center}.travel-title{left:18px;right:18px;bottom:276px}.travel-title>span{font-size:3rem;margin-bottom:-.55rem}.travel-title h1{font-size:clamp(4.7rem,24vw,7.2rem);letter-spacing:-.085em}.travel-title p{max-width:330px;font-size:.7rem;line-height:1.45}.hero-search-panel{left:12px;right:12px;bottom:12px;grid-template-columns:1fr;gap:12px;padding:16px}.hero-search-copy span{font-size:.74rem}.hero-search-panel .hero-stats{grid-column:auto;justify-content:flex-start;gap:22px}.hero-search-panel .hero-stats div{display:flex}.hero-search-panel .hero-stats span{display:inline}.penang-collage{padding:12px}.collage-grid{height:580px;min-height:0}.collage-grid h2{font-size:20vw}.collage-grid figcaption{left:8px;bottom:7px;font-size:.58rem}.collage-grid figure:nth-child(1) img{object-position:58% center}.collage-grid figure:nth-child(3) img{object-position:48% center}.collage-note{padding:18px 4px 5px}.collage-note span{font-size:1.15rem}}
.component-notes{padding:100px clamp(22px,6vw,90px);background:#0e2633;color:#fff;border-top:8px solid #00a59a}.component-heading{max-width:760px;margin-bottom:34px}.component-heading h2{font-family:Georgia,"Noto Serif CJK SC",serif;font-size:clamp(2.8rem,5vw,5.2rem);margin:12px 0 18px}.component-heading p{color:#d8e4e8}.component-card{display:grid;grid-template-columns:.85fr 1.4fr .8fr;background:var(--paper);color:var(--ink);border:3px solid var(--yellow);box-shadow:10px 10px 0 #00a59a}.component-card>div{padding:26px}.component-source{background:var(--char);color:#fff}.component-source>span{font-size:.7rem;font-weight:950;letter-spacing:.12em;color:var(--yellow)}.component-source h3{font-size:2rem;margin:16px 0 12px}.component-source p{color:#ddd0c5}.component-source a{display:inline-block;margin-top:10px;font-weight:900;border-bottom:2px solid var(--yellow)}.formula-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.formula-grid span{display:flex;flex-direction:column;justify-content:center;padding:13px;background:var(--paper);font-size:.76rem}.formula-grid b{font:800 1.35rem/1 Georgia,serif;color:var(--red);margin-bottom:5px}.component-gap{border-left:1px solid var(--line)}.component-gap b{color:var(--red);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.component-gap p{color:var(--muted)}.component-gap time{display:block;margin-top:22px;font-size:.72rem;color:var(--muted)}
@media(max-width:980px){.component-card{grid-template-columns:1fr 1.4fr}.component-gap{grid-column:1/3;border-left:0;border-top:1px solid var(--line)}}
@media(max-width:620px){.component-notes{padding:75px 20px}.component-card{grid-template-columns:1fr}.component-gap{grid-column:auto}.formula-grid{grid-template-columns:repeat(3,1fr)}.component-card>div{padding:21px}}