:root{--milk:#f6f4ed;--paper:#fffef9;--ink:#17363b;--mint:#b7e2da;--blue:#cbe6f2;--line:#cad6d3;--deep:#1e5660;--soft:#667c7d;--max:1380px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--milk);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif;line-height:1.75;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block}.top{height:78px;display:flex;align-items:center;gap:32px;padding:0 max(22px,calc((100vw - var(--max))/2));background:rgba(255,254,249,.9);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(23,54,59,.12)}.brand{display:flex;align-items:center;gap:7px;margin-right:auto}.brand i{width:28px;height:28px;border-radius:48% 52% 58% 42%;background:var(--mint);box-shadow:inset -8px -7px 12px rgba(30,86,96,.18)}.brand b{font-size:19px}.brand span{font-size:12px;color:var(--soft)}.top nav{display:flex;gap:22px;font-size:14px}.top-cta,.hero-copy a,.labtable a,.records a,.lost a{display:inline-block;padding:10px 18px;border:1px solid var(--deep);border-radius:18px}.top-cta,.hero-copy a:first-child{background:var(--deep);color:white}.menu{display:none;border:1px solid var(--line);background:white;padding:8px 12px;border-radius:12px}.hero{height:min(850px,calc(100vh - 78px));min-height:700px;position:relative;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,244,237,.98) 0%,rgba(246,244,237,.83) 34%,rgba(246,244,237,.04) 70%)}.hero-copy{position:absolute;z-index:2;left:max(22px,calc((100vw - var(--max))/2));top:46%;transform:translateY(-50%);max-width:600px}.hero-copy>span,.flowline small,.labtable small,.device-strip small,.drawers small,.journal small,.questions small,.inside small,.article-index small{font:800 10px monospace;letter-spacing:2px;color:var(--deep)}h1,h2,h3{letter-spacing:0}.hero h1{font-size:clamp(58px,7vw,104px);line-height:1.02;margin:18px 0}.hero-copy p{font-size:18px;max-width:560px}.hero-copy div{display:flex;gap:10px;margin-top:28px}.batch{position:absolute;z-index:3;right:max(22px,calc((100vw - var(--max))/2));bottom:30px;width:300px;background:rgba(255,254,249,.72);backdrop-filter:blur(20px);border:1px solid white;border-radius:22px;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}.batch b{grid-column:1/-1;font:10px monospace;color:var(--deep)}.batch span{font-size:12px;color:var(--soft)}.flowline,.labtable,.device-strip,.drawers,.journal,.questions,.inside,.article-index{max-width:var(--max);margin-left:auto;margin-right:auto}.flowline{padding:120px 0}.flowline header{display:grid;grid-template-columns:.4fr 1fr 1fr;gap:35px;align-items:end}.flowline h2,.labtable h2,.device-strip h2,.drawers h2,.journal h2,.questions h2{font-size:clamp(38px,4vw,64px);line-height:1.08;margin:10px 0}.flowline ol{list-style:none;padding:0;margin:65px 0 0;display:grid;grid-template-columns:repeat(5,1fr);counter-reset:flow}.flowline li{min-height:170px;padding:24px;border-top:3px solid var(--deep);border-right:1px solid var(--line);display:flex;flex-direction:column}.flowline li:nth-child(even){background:rgba(183,226,218,.3)}.flowline b{font-size:25px}.flowline span{margin-top:auto;color:var(--soft)}.labtable{display:grid;grid-template-columns:1fr 1fr;background:var(--paper);border-radius:34px;overflow:hidden}.labtable>div{padding:75px}.labtable dl{margin:0;padding:55px 70px;background:var(--deep);color:white}.labtable dt{font-size:23px;margin-top:25px}.labtable dd{margin:6px 0 25px;color:#d9e9e7}.device-strip,.drawers,.journal,.questions{padding:120px 0 0}.device-strip header,.drawers header,.journal header,.questions header{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--ink)}.device-strip>div{display:grid;grid-template-columns:repeat(4,1fr)}.device-strip a{padding:30px 22px;min-height:180px;border-right:1px solid var(--line);display:flex;flex-direction:column}.device-strip a:nth-child(2){background:var(--blue)}.device-strip b{font-size:24px}.device-strip span{font:11px monospace;color:var(--deep)}.device-strip p{margin-top:auto}.drawers>div{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.drawers a{background:var(--paper);padding:44px;min-height:190px}.drawers a:nth-child(2),.drawers a:nth-child(3){background:#edf7f4}.drawers b{font-size:30px}.journal header a{border-bottom:2px solid var(--deep);margin-bottom:18px}.journal article,.article-index article{display:grid;grid-template-columns:150px 1fr;gap:35px;padding:32px 0;border-bottom:1px solid var(--line)}.journal time,.article-index time{font:11px monospace}.journal article span,.article-index article span{font-size:12px;color:var(--deep)}.journal h3,.article-index h3{font-size:25px;margin:4px 0}.journal p,.article-index p{color:var(--soft);margin:0}.questions{padding-bottom:140px;display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.questions header{display:block;border:0}.questions details{padding:24px 0;border-top:1px solid var(--line)}.questions details:last-child{border-bottom:1px solid var(--line)}.questions summary{font-size:19px;font-weight:700;cursor:pointer}footer{background:var(--ink);color:white;padding:60px max(22px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr 1.3fr;gap:30px}footer p{color:#b8c9c8}footer nav{display:flex;gap:18px;flex-wrap:wrap}footer small{grid-column:1/-1;color:#8aa09f}.inside{padding:100px 0 140px}.inside>header{display:grid;grid-template-columns:.35fr 1fr .8fr;gap:40px;padding-bottom:55px;border-bottom:4px solid var(--deep)}.inside h1,.article-index h1,.story h1{font-size:clamp(48px,6vw,82px);line-height:1.05;margin:0}.inside>header p{font-size:18px;color:var(--soft)}.records section{display:grid;grid-template-columns:150px 1fr 1.4fr 190px;gap:30px;padding:38px 0;border-bottom:1px solid var(--line);align-items:start}.records span{font:11px monospace;color:var(--deep)}.records h2,.records p{margin:0}.records a{justify-self:start;padding:8px 15px}.article-index{padding:100px 0 140px}.article-index>header{max-width:850px;margin-bottom:60px}.story{max-width:900px;margin:0 auto;padding:55px 0 140px}.story>nav{display:flex;gap:8px;flex-wrap:wrap;color:var(--soft);font-size:13px;margin-bottom:50px}.story>header{padding-bottom:40px;border-bottom:4px solid var(--deep)}.story>header>span{font:11px monospace;color:var(--deep)}.story>header p{font-size:19px;color:var(--soft)}.story section{margin:70px 0}.story section h2{font-size:34px;line-height:1.2}.story section p{font-size:18px;line-height:2;color:#314e51}.story aside{border-top:1px solid var(--ink);padding-top:25px}.story aside a{margin-right:20px;border-bottom:2px solid var(--mint)}.lost{max-width:720px;margin:13vh auto;background:white;padding:55px;border-radius:30px}.lost h1{font-size:52px;line-height:1.1}@media(max-width:960px){.top{padding:0 18px}.menu{display:block}.top nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:24px;flex-direction:column}.top nav.open{display:flex}.top-cta{display:none}.hero{min-height:820px}.hero:after{background:linear-gradient(180deg,rgba(246,244,237,.88),rgba(246,244,237,.3) 50%,rgba(246,244,237,.9))}.hero-copy{left:22px;right:22px;top:37%}.batch{left:22px;right:22px;width:auto}.flowline,.labtable,.device-strip,.drawers,.journal,.questions,.inside,.article-index{margin-left:20px;margin-right:20px}.flowline header,.inside>header{grid-template-columns:1fr}.flowline ol{grid-template-columns:1fr 1fr}.labtable{grid-template-columns:1fr}.device-strip>div{grid-template-columns:1fr 1fr}.records section{grid-template-columns:110px 1fr}.records p,.records a{grid-column:2}.questions{grid-template-columns:1fr}.story{margin:0 22px}}@media(max-width:600px){.brand span{display:none}.hero h1{font-size:52px}.hero-copy p{font-size:15px}.hero-copy div{flex-wrap:wrap}.flowline ol,.device-strip>div,.drawers>div{grid-template-columns:1fr}.labtable>div,.labtable dl{padding:40px 25px}.device-strip header,.drawers header,.journal header,.questions header{display:block}.journal article,.article-index article{grid-template-columns:1fr;gap:8px}.records section{grid-template-columns:1fr}.records p,.records a{grid-column:auto}.inside h1,.article-index h1,.story h1{font-size:42px}.story section h2{font-size:29px}.story section p{font-size:17px}footer{grid-template-columns:1fr}footer small{grid-column:auto}}