@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--ink:#20332d;--ink2:#3d514b;--muted:#78817a;--paper:#f7f6f2;--white:#fff;--line:#e1e1d9;--accent:#dd6746;--pale:#f0ede6;--lime:#d7e2bf;--dark:#19392f;--blue:#dbe7e8;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img,svg{max-width:100%}h1,h2,h3,p{margin-top:0}em{font-family:"DM Serif Display",Georgia,serif;font-weight:400;font-style:italic}::selection{background:#e6bd9b;color:var(--ink)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.container{width:min(var(--max),calc(100% - 56px));margin-inline:auto}
.site-header{position:relative;z-index:5;border-bottom:1px solid #e3e2da;background:var(--paper)}.nav-bar{min-height:94px;display:flex;align-items:center;gap:36px;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;flex-shrink:0}.brand-icon{display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--ink);width:46px;height:46px;color:#fff;font:italic 38px Georgia,serif;line-height:1;transform:rotate(-3deg);padding-bottom:7px}.brand-icon span{font-size:20px;color:var(--accent);margin-left:2px;transform:translateY(8px)}.brand-type{font-weight:600;font-size:13px;letter-spacing:.13em;line-height:1.08}.brand-type strong{font-size:17px;letter-spacing:.055em}.main-nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.main-nav a{transition:color .2s}.main-nav a:hover{color:var(--accent)}.nav-cta{font-weight:700;font-size:13px;border-bottom:1.5px solid currentColor;padding:8px 0;white-space:nowrap}.nav-cta span{margin-left:10px;color:var(--accent)}
.eyebrow{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;display:flex;align-items:center;gap:10px}.eyebrow-dot{height:8px;width:8px;border-radius:50%;background:var(--accent);display:inline-block}
.hero{padding:70px 0 78px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:58px}.hero-copy h1{font-family:"DM Serif Display",Georgia,serif;font-size:clamp(59px,6.7vw,93px);font-weight:400;line-height:1.025;letter-spacing:-.055em;margin:28px 0}.hero-copy h1 em{color:var(--accent)}.period{color:var(--accent)}.hero-lede{font-size:17px;line-height:1.8;color:#617069;max-width:545px}.hero-actions{display:flex;gap:30px;align-items:center;margin:31px 0 48px}.btn{display:inline-flex;gap:28px;align-items:center;justify-content:space-between;padding:17px 21px;font-size:13px;font-weight:700;border-radius:3px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#335549}.btn span{font-size:17px}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:5px;white-space:nowrap}.text-link span{margin-left:7px}.hero-note{font-size:12px;color:#8a8e84}.tiny-symbol{font-size:17px;color:var(--accent);padding-right:7px}
.hero-art{height:520px;position:relative;background:#eaece3;overflow:hidden;border-radius:4px;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:18px;border:1px solid #cbd4c9;pointer-events:none}.corner-label{position:absolute;left:38px;top:37px;color:#6e8178;font-size:10px;letter-spacing:.19em;font-weight:700}.orbit{position:absolute;border-radius:50%;border:1px solid #a8bbaf;transform:rotate(-33deg)}.orbit-a{width:450px;height:280px;left:20px;top:138px}.orbit-b{width:360px;height:360px;left:73px;top:72px;border-color:#c3cdc0}.orbit-dot{position:absolute;background:var(--accent);height:13px;width:13px;border-radius:50%;z-index:2}.dot-a{left:36px;top:260px}.dot-b{right:52px;top:151px;background:#5b8c77}.element-card{position:absolute;display:flex;flex-direction:column;border:1px solid #234337;box-shadow:15px 15px 0 #b8c5b7;z-index:2}.element-index{font-size:12px;align-self:flex-start}.element-main{font-family:"DM Serif Display",Georgia,serif;font-size:95px;letter-spacing:-.08em;line-height:1.1}.element-name{font-size:12px;letter-spacing:.05em}.element-cu{background:var(--dark);color:#f7f5ea;width:190px;height:214px;left:55px;top:143px;padding:20px}.element-h{background:#e5b38f;color:#59392c;width:148px;height:164px;right:48px;top:201px;padding:16px;transform:rotate(9deg);box-shadow:11px 12px 0 #bac6b9}.element-h .element-main{font-size:76px}.sup{font-size:35px;vertical-align:top;line-height:1}.reaction-connector{position:absolute;z-index:2;left:52%;top:40%;font:70px Georgia,serif;color:var(--accent);transform:rotate(-9deg)}.art-caption{position:absolute;left:38px;bottom:35px;right:35px;display:flex;align-items:center;gap:19px;font-size:12px;line-height:1.6;color:#63786c}.art-caption-no{font:italic 40px Georgia,serif;color:var(--accent)}.art-caption strong{color:var(--ink)}
.ticker{background:#e5e8dc;border-top:1px solid #d4ddcf;border-bottom:1px solid #d4ddcf}.ticker-inner{display:flex;justify-content:space-between;gap:30px;padding:18px 0;font-size:11px;letter-spacing:.15em;color:#536c5f;font-weight:700}.ticker-inner i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);vertical-align:middle;margin-right:10px}.ticker-star{font-size:17px;color:var(--accent)}
.section{padding:96px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px}.section-top h2,.lab-copy h2,.closing h2,.about-grid h2{font:400 clamp(42px,5vw,62px)/1.12 "DM Serif Display",Georgia,serif;letter-spacing:-.04em;margin:14px 0 0}.section-top h2 em,.closing h2 em,.about-grid h2 em{color:var(--accent)}.section-aside{font-size:12px;color:#818a82;margin-bottom:6px}
.featured{padding-bottom:30px}.feature-card{display:grid;grid-template-columns:1.1fr .9fr;min-height:367px;background:#fff;border:1px solid var(--line);transition:box-shadow .25s,transform .25s}.feature-card:hover,.article-card:hover{box-shadow:0 18px 44px #18362b13;transform:translateY(-3px)}.feature-visual{background:#dfe8d7;display:flex;flex-direction:column;justify-content:space-between;padding:30px 32px;min-height:365px;position:relative;overflow:hidden}.feature-visual:after{content:"";width:450px;height:450px;position:absolute;border:1px solid #93ada3;border-radius:50%;left:13%;top:5%;pointer-events:none}.feature-visual-top{font-size:11px;color:#617c69;font-weight:700;letter-spacing:.15em}.feature-formula{display:flex;align-items:center;gap:15px;font:normal 64px "DM Serif Display",Georgia,serif;color:#284f43;position:relative;z-index:1;white-space:nowrap}.feature-formula .thin-symbol{font-size:29px}.feature-formula small{font-size:95px;color:var(--accent);position:absolute;right:40px;top:-80px;transform:rotate(15deg)}.feature-visual-bottom{display:flex;gap:18px;align-items:center;color:#35564b;font-size:11px;font-weight:700;letter-spacing:.09em}.feature-visual-bottom span:nth-child(2){font:italic 30px Georgia,serif;color:var(--accent)}.feature-info{padding:57px 54px 48px;display:flex;flex-direction:column;align-items:flex-start}.topic-label{font-size:11px;letter-spacing:.08em;color:var(--accent);font-weight:700}.topic-label b{padding:0 8px;font-weight:400}.feature-info h3{font:400 clamp(30px,3.4vw,43px)/1.18 "DM Serif Display",Georgia,serif;letter-spacing:-.018em;margin:22px 0}.feature-info p{font-size:15px;color:#758076;line-height:1.8}.read-link{display:flex;align-items:center;gap:20px;font-weight:700;font-size:13px;margin-top:auto;padding-top:20px;border-bottom:1px solid var(--ink);padding-bottom:6px}.read-link span{color:var(--accent)}
.latest{padding-top:84px;background:#f2f1ec}.filter-bar{display:flex;gap:9px;margin:10px 0 27px;flex-wrap:wrap}.filter{border:1px solid #d9dbd2;border-radius:30px;background:transparent;color:#5f6e64;padding:10px 15px;font-size:12px;font-weight:700;cursor:pointer}.filter span{color:#9a9e97;font-size:10px;margin-left:8px}.filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}.filter.active span{color:#a9b7ae}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-card{background:#fff;border:1px solid #e0e1d9;display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s}.card-art{height:220px;position:relative;padding:20px 22px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.art-number,.art-tail{font-size:10px;letter-spacing:.12em;font-weight:700}.art-chem{background:#d6e2d5;color:#2f5346}.art-chem:after{content:"";position:absolute;width:250px;height:250px;border:1px solid #93b6a3;border-radius:50%;right:-55px;bottom:-99px}.art-graphic{font:normal 35px Georgia,serif;z-index:1}.art-graphic small{color:#da6c4a;font-size:23px}.art-water{background:#dce9ea;color:#2c6268}.steam-visual{display:flex;align-items:center;gap:22px;z-index:1}.steam-visual span{font:italic 48px Georgia,serif}.drop-shape{background:#4a8e9c;height:63px;width:50px;border-radius:60% 60% 60% 0;transform:rotate(-45deg)}.art-math{background:#f5dfcd;color:#955537}.math-graphic{font:normal 37px/1.4 Georgia,serif;text-align:center}.math-graphic b{font-weight:400;color:#ca6a49}.card-copy{padding:28px 25px 24px;display:flex;flex-direction:column;flex:1}.card-copy h3{font:400 28px/1.23 "DM Serif Display",Georgia,serif;letter-spacing:-.015em;margin:14px 0}.card-copy p{color:#79847a;line-height:1.65;font-size:14px;margin-bottom:28px}.article-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:19px;border-top:1px solid #ecece6;color:#9b9f98;font-size:11px}.article-meta span{font-size:17px;color:var(--accent)}.filter-empty{padding:25px;color:var(--muted)}
.lab-teaser{background:var(--dark);color:#e9f1e8;padding:100px 0}.lab-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.light-eyebrow{color:#f2a888}.lab-copy h2{margin:22px 0;font-size:clamp(46px,5vw,66px)}.lab-copy h2 em{color:#dfab91}.lab-copy p{color:#b1c3b8;max-width:455px;line-height:1.9;font-size:15px;margin-bottom:28px}.btn-light{background:#f6f5ef;color:var(--dark)}.lab-panel{border:1px solid #758b7c;background:#284d40;padding:24px;transform:rotate(1.2deg);box-shadow:20px 20px 0 #14342a}.lab-panel-head{display:flex;justify-content:space-between;border-bottom:1px solid #608071;padding-bottom:16px;font-size:10px;letter-spacing:.14em;font-weight:700;color:#bccbc1}.lab-panel-body{padding:42px 28px 30px;text-align:center}.lab-chip{font:30px Georgia,serif}.lab-arrow{color:#f0ab8c;font-size:38px;padding:10px}.lab-result{border:1px solid #87aa93;padding:14px 10px;font:27px Georgia,serif}.lab-caption{font-size:10px;color:#afc2b4;letter-spacing:.13em;margin-top:32px}.lab-answer{font:italic 28px Georgia,serif;color:#f2c5aa;margin-top:12px}
.topics{background:#f7f6f2}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.topic-tile{position:relative;min-height:272px;border:1px solid #d7dcd2;padding:28px;background:#f2f3eb;transition:background .2s,transform .2s}.topic-tile:nth-child(2){background:#eee9df}.topic-tile:nth-child(3){background:#e8eee9}.topic-tile:hover{transform:translateY(-4px);background:#f5eee3}.topic-icon{font:italic 45px Georgia,serif;color:var(--accent)}.topic-count{font-size:10px;letter-spacing:.11em;color:#84968a;float:right;font-weight:700}.topic-tile h3{font:36px "DM Serif Display",Georgia,serif;margin:35px 0 8px}.topic-tile p{font-size:14px;color:#7b897f;max-width:235px;line-height:1.7}.topic-arrow{position:absolute;right:24px;bottom:24px;color:var(--accent);font-size:21px}
.closing{background:#e9e8de;border-top:1px solid #dadacf;padding:105px 0;text-align:center}.closing-inner{display:flex;flex-direction:column;align-items:center}.closing h2{font-size:clamp(43px,5.4vw,70px);margin:19px 0}.closing p{color:#7d887e;line-height:1.8;max-width:620px;font-size:15px;margin-bottom:30px}
.site-footer{background:#152d25;color:#e7ede4;padding:68px 0 26px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:80px}.footer-logo{font:38px "DM Serif Display",Georgia,serif;letter-spacing:-.04em}.footer-logo span{color:#db967b}.site-footer p{color:#9db0a2;line-height:1.8;font-size:13px;margin-top:17px}.site-footer h3{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#d7e6d7}.site-footer a:not(.footer-logo){display:block;margin:16px 0;color:#a8baac;font-size:13px}.site-footer a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #345146;margin-top:56px;padding-top:24px;color:#8ca496;font-size:11px}
.page-hero{padding:80px 0 86px;background:#e9ece3}.back-link{font-size:11px;color:#65786e;display:inline-block;margin-bottom:40px;font-weight:700;letter-spacing:.09em}.page-hero h1{font:400 clamp(48px,6vw,82px)/1.09 "DM Serif Display",Georgia,serif;max-width:1000px;letter-spacing:-.045em;margin:20px 0}.page-hero h1 em{color:var(--accent)}.page-hero p{font-size:17px;line-height:1.75;color:#6b7e70;max-width:720px}
.story{padding:65px 0 90px}.story-layout{max-width:1100px}.story-head{max-width:850px;margin:auto}.story-head h1{font:400 clamp(47px,5.8vw,76px)/1.08 "DM Serif Display",Georgia,serif;letter-spacing:-.045em;margin:22px 0}.story-head h1 em{color:var(--accent)}.story-dek{font-size:20px;line-height:1.65;color:#6e7e73;max-width:780px}.story-dek strong{color:var(--ink);font-weight:500}.byline{font-size:11px;letter-spacing:.065em;color:#8a968a;display:flex;gap:14px;align-items:center;margin:29px 0 34px}.story-banner{min-height:282px;padding:33px 38px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.story-banner:before{position:absolute;content:"";width:390px;height:390px;border:1px solid #ffffff64;border-radius:50%;right:5%;top:-100px}.banner-chem{background:#d8e4d5;color:#295041}.banner-water{background:#dae9ea;color:#2e6872}.banner-math{background:#f0dcca;color:#925638}.banner-overline{font-size:10px;font-weight:700;letter-spacing:.18em}.banner-formula{font:400 clamp(35px,6vw,72px) Georgia,serif;position:relative;z-index:1;letter-spacing:-.04em}.banner-formula span{color:var(--accent)}.banner-formula b{font:italic 110px Georgia,serif;color:var(--accent);position:absolute;margin-left:27px;top:-44px}.banner-bottom{font-size:12px;font-weight:700;letter-spacing:.025em}.story-body{display:grid;grid-template-columns:minmax(0,690px) 1fr;gap:70px;max-width:1010px;margin:70px auto}.article-content{font-size:16px;line-height:1.93;color:#3e5246}.article-content h2{font:400 38px/1.2 "DM Serif Display",Georgia,serif;color:var(--ink);letter-spacing:-.026em;margin:50px 0 20px}.article-content h2:first-child{margin-top:0}.article-content p{margin-bottom:22px}.article-content strong{font-weight:700;color:#233c30}.article-content ul{padding-left:24px}.article-content li{margin-bottom:11px}.article-content a{color:#bb633f;text-decoration:underline;text-underline-offset:3px}.formula-block{border:1px solid #d7ded2;background:#e9eee5;padding:22px 26px;margin:25px 0;overflow:auto}.formula-block.subtle{background:#f4f1e9;border-color:#e4e1d8}.formula-label{display:block;font-size:10px;color:#6a806e;font-weight:700;letter-spacing:.14em;margin-bottom:10px}.formula-block strong{font:400 clamp(19px,2.4vw,25px)/1.5 Georgia,serif;white-space:nowrap;color:#244333}.key-takeaway{display:flex;gap:18px;background:#f1e6da;border-left:3px solid var(--accent);padding:21px 24px;margin:30px 0}.key-icon{font:italic 29px Georgia,serif;color:var(--accent);line-height:1.1}.key-takeaway strong{font-size:14px}.key-takeaway p{font-size:14px;margin:5px 0 0;line-height:1.8}.reaction-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:27px 0}.reaction-steps>div{padding:20px;border:1px solid #dfe1d8;display:flex;flex-direction:column;gap:10px;min-width:0}.reaction-badge{font-size:10px;letter-spacing:.1em;font-weight:700}.loss{color:#b46345}.gain{color:#3d8064}.reaction-steps code{font:17px Georgia,serif;white-space:nowrap}.reaction-steps small{font-size:12px;color:#809185}.rank-visual{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:18px;background:#e4eae0;padding:35px 22px;margin:28px 0;font:36px Georgia,serif}.rank-chevron{color:var(--accent)}.rank-visual small{display:block;flex-basis:100%;text-align:center;font:11px "DM Sans",Arial,sans-serif;color:#7d9281}.state-visual{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}.state-visual>div{background:#e9ece6;padding:25px;display:flex;flex-direction:column;gap:12px}.state-label{font-size:10px;letter-spacing:.12em;color:#728775;font-weight:700}.state-visual b{font:28px Georgia,serif}.state-visual b span{color:var(--accent)}.state-visual small{font-size:12px;color:#809184}.table-wrap{overflow:auto;margin:22px 0}.article-content table{border-collapse:collapse;font-size:13px;line-height:1.5;width:100%;min-width:560px}.article-content th{background:var(--ink);color:#fff;padding:15px;text-align:left}.article-content td{border-bottom:1px solid #d7ddd4;padding:16px 14px}.article-content tr:nth-child(even){background:#edeee9}.quiz{border-bottom:1px solid #d5d9d2;padding:18px 0}.quiz summary{cursor:pointer;font-weight:700;color:var(--ink);font-size:15px;line-height:1.6}.quiz summary::marker{color:var(--accent)}.quiz p{padding:15px 0 0;margin:0;color:#66776d;font-size:14px}.ending-takeaway{margin-top:40px}.safety{border-top:1px solid #dbe0d8;padding-top:20px;font-size:12px;color:#778479}.sources{font-size:12px;color:#7f8e80}.story-sidebar{padding-top:10px}.side-box{border-top:3px solid var(--ink);padding:23px 0;position:sticky;top:26px}.side-heading{display:block;font-size:10px;letter-spacing:.12em;color:var(--accent);font-weight:700;margin-bottom:17px}.side-box a{font-size:12px;display:block;padding:9px 0;border-bottom:1px solid #e2e3db;color:#68796e}.side-callout{background:#e5eae1;padding:22px;margin-top:26px;display:flex;flex-direction:column;gap:12px}.side-callout span{font-size:10px;letter-spacing:.1em;color:var(--accent)}.side-callout b{font:23px Georgia,serif}.side-callout a{font-size:12px;font-weight:700;text-decoration:underline}.story-next{max-width:850px;margin:70px auto 0;padding-top:35px;border-top:1px solid #d8dcd3}.story-next h2{font:32px Georgia,serif;margin:15px 0}.story-next a{display:flex;justify-content:space-between;gap:22px;font:25px Georgia,serif;color:#365c4b}.story-next a span{color:var(--accent)}
.math-steps>div{display:flex;gap:25px;align-items:start;border-bottom:1px solid #e0e2d9;padding:13px 0}.math-steps span{color:var(--accent);font-size:13px;font-weight:700}.math-steps p{margin:0}.compare-box{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:30px 0}.compare-box>div{padding:22px;background:#e7ece8}.compare-box b{font-size:11px;letter-spacing:.12em}.compare-box small{color:#63776a;display:block;line-height:1.6}.molecule-grid{height:135px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#588b81;line-height:1.2;letter-spacing:4px}.liquid-dots{font-size:24px}.gas-dots{font-size:18px;line-height:2.2}.example-list{background:#e9eee7;padding:10px 27px;margin:25px 0}.example-list div{display:flex;gap:22px;justify-content:space-between;padding:13px 0;border-bottom:1px solid #d8dfd5}.example-list div:last-child{border:0}.example-list span{color:var(--accent);font-size:13px}.example-list strong{font:18px Georgia,serif;text-align:right}.proof-box{background:#e9eee7;padding:27px;font:18px/2 Georgia,serif;overflow-x:auto}.proof-final{font-weight:700!important;color:#b55d39}.telescoping{background:#f2e7dc;padding:20px;display:flex;flex-wrap:wrap;gap:10px 16px;font:17px Georgia,serif}.telescoping strong{color:#b15e3d}
.lab-workspace{padding:75px 0 100px}.lab-tool{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px}.lab-tool-select{background:#edf0e9;padding:30px}.scenario-buttons{display:flex;flex-direction:column;gap:13px;margin-top:22px}.scenario{text-align:left;cursor:pointer;border:1px solid #d5dfd3;background:#fff;padding:17px 19px;display:grid;grid-template-columns:28px 1fr;gap:4px 10px;color:#324f3f}.scenario>span{font-size:11px;color:var(--accent);grid-row:span 2}.scenario strong{font-size:14px}.scenario small{font-size:12px;color:#839384;grid-column:2}.scenario.active{background:var(--ink);border-color:var(--ink);color:#fff}.scenario.active small{color:#b0c2b5}.lab-tool-result{background:var(--dark);color:#f6f7ec;padding:34px;min-height:390px}.lab-result-title{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.1em;color:#d0dccd}.status-pill{background:#c4e3bd;color:#294530;border-radius:20px;padding:6px 12px;font-size:11px;letter-spacing:0}.status-pill.no{background:#e9d7ae;color:#6b5835}.experiment-equation{font:clamp(25px,3.1vw,36px)/1.45 Georgia,serif;min-height:113px;padding:35px 0;color:#fff}.lab-result-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #60816b;border-bottom:1px solid #60816b}.lab-result-grid>div{padding:22px 10px}.lab-result-grid>div:first-child{border-right:1px solid #60816b}.lab-result-grid span{display:block;font-size:10px;letter-spacing:.12em;color:#9eb6a5;margin-bottom:12px}.lab-result-grid strong{font:20px Georgia,serif}.lab-tool-result p{color:#c4d3c9;font-size:14px;line-height:1.7;margin:22px 0}.experiment-note{color:#8eaa98;font-size:11px}.lab-bottom{margin-top:40px;border-top:1px solid #d7ddd3;padding-top:28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.lab-bottom h2{font:28px Georgia,serif;margin-bottom:8px}.lab-bottom p{font-size:13px;color:#7b8a7e}
.resource-card{display:grid;grid-template-columns:.9fr 1.1fr;background:#fff;border:1px solid #dde0d7}.resource-art{background:#dce9dc;padding:32px;min-height:370px;display:flex;flex-direction:column;justify-content:space-between;color:#3f6654}.resource-art>span{font-size:11px;font-weight:700;letter-spacing:.12em}.resource-art small{font-size:10px;letter-spacing:.12em;font-weight:700}.resource-formula{font:italic 85px Georgia,serif;line-height:1.1;text-align:center}.resource-formula b{color:var(--accent);font-weight:400}.resource-content{padding:46px 50px}.resource-content h2{font:41px/1.15 Georgia,serif;margin:23px 0}.resource-content p{line-height:1.8;font-size:15px;color:#748579}.resource-features{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.resource-features span{padding:7px 10px;background:#eaf0e7;font-size:11px}.availability{font-size:12px;font-weight:700;color:#ad6847;border-bottom:1px solid #ad6847;padding-bottom:5px}.resource-note{max-width:680px;margin:60px auto 0;text-align:center}.resource-note h3{font:35px Georgia,serif}.resource-note p{line-height:1.8;color:#708275;margin-bottom:25px}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.about-grid h2{font-size:54px}.about-prose{font-size:16px;color:#677b6d;line-height:1.95}.about-prose h3{font:29px Georgia,serif;color:var(--ink);margin:40px 0 10px}
@media(max-width:1080px){.main-nav{gap:17px}.nav-cta{display:none}.hero-grid{gap:30px}.hero-copy h1{font-size:clamp(58px,7.2vw,80px)}.hero-art{height:455px}.element-cu{left:37px;top:128px}.element-h{right:25px;top:173px}.feature-formula{font-size:46px}.feature-info{padding:35px}.story-body{gap:40px}}
@media(max-width:760px){.container{width:min(var(--max),calc(100% - 34px))}.nav-bar{flex-wrap:wrap;min-height:88px;padding:16px 0;gap:17px}.brand-icon{height:40px;width:40px;font-size:34px}.brand-type{font-size:11px}.brand-type strong{font-size:15px}.main-nav{order:3;width:100%;gap:19px;overflow-x:auto;white-space:nowrap;padding:7px 0 1px}.hero{padding:50px 0}.hero-grid,.feature-card,.lab-layout,.lab-tool,.resource-card,.about-grid{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(51px,12vw,74px)}.hero-lede{font-size:15px}.hero-actions{flex-wrap:wrap;gap:22px;margin-bottom:25px}.hero-art{height:360px}.hero-art:before{inset:13px}.corner-label{top:27px;left:27px}.element-cu{left:36px;top:94px;width:148px;height:167px;padding:12px;box-shadow:8px 8px 0 #b8c5b7}.element-main{font-size:74px}.element-h{width:121px;height:133px;top:139px;right:26px;padding:12px}.element-h .element-main{font-size:60px}.element-h .element-name{font-size:10px}.orbit-a{top:76px;left:0}.orbit-b{top:36px;left:3px}.reaction-connector{font-size:44px;top:41%}.art-caption{left:25px;bottom:20px}.ticker-inner{font-size:9px;flex-wrap:wrap;justify-content:center;gap:17px}.ticker-inner span:nth-child(3){display:none}.section{padding:65px 0}.section-top{align-items:start;flex-direction:column;gap:5px}.section-top h2,.lab-copy h2,.closing h2{font-size:46px}.feature-visual{min-height:245px;padding:22px}.feature-formula{font-size:clamp(35px,9vw,55px)}.feature-formula small{font-size:70px;right:10px;top:-60px}.feature-info{padding:29px}.article-grid,.topic-grid{grid-template-columns:1fr}.card-art{height:207px}.card-copy h3{font-size:27px}.lab-teaser{padding:75px 0}.lab-layout{gap:45px}.lab-panel{box-shadow:10px 10px 0 #14342a;transform:none}.closing{padding:80px 0}.closing h2{font-size:clamp(37px,8vw,52px)}.footer-grid{grid-template-columns:1fr 1fr;gap:34px}.footer-grid>div:first-child{grid-column:span 2}.footer-bottom{gap:12px;flex-direction:column}.story{padding:40px 0 65px}.story-head h1,.page-hero h1{font-size:clamp(41px,10vw,63px)}.story-dek{font-size:17px}.story-banner{min-height:230px;padding:25px}.banner-formula{font-size:clamp(29px,7vw,54px)}.banner-formula b{font-size:70px;top:-25px}.story-body{grid-template-columns:1fr;margin:42px auto}.story-sidebar{display:none}.article-content{font-size:15px;line-height:1.85}.article-content h2{font-size:31px}.reaction-steps,.state-visual,.compare-box{grid-template-columns:1fr}.story-next{margin-top:35px}.lab-tool-select,.lab-tool-result{padding:23px}.lab-result-grid strong{font-size:16px}.experiment-equation{font-size:25px}.lab-bottom{flex-direction:column;align-items:start}.page-hero{padding:55px 0}.resource-content{padding:30px}.resource-content h2{font-size:34px}.resource-art{min-height:260px}.about-grid{gap:30px}.about-grid h2{font-size:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feature-card,.article-card,.btn,.topic-tile{transition:none}}
\n[hidden]{display:none!important}\n