@charset "UTF-8";
:root {color-scheme:light;--ink:#305769;--deep:#276579;--teal:#128a88;--navy:#3a7281;--blue:#dceef4;--mist:#f2f9fa;--white:#fff;--line:#cddfe5;--orange:#d76945;--mint:#bcece3;--gold:#df916c;--shadow:0 15px 50px rgba(42,111,129,.08)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#f7fcfd;font-size:16px;line-height:1.75}
h1,h2,h3,p,figure{margin-top:0}h1{font-size:40px;line-height:1.12;letter-spacing:-1.4px;color:var(--deep);font-weight:800;margin-bottom:24px}h2{font-size:28px;line-height:1.2;letter-spacing:-.65px;color:var(--deep);font-weight:760;margin-bottom:18px}h3{font-size:21px;line-height:1.3;color:var(--deep);margin-bottom:10px}p{font-size:16px;line-height:1.8;margin-bottom:16px}a{color:var(--deep);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button{font:inherit}::selection{background:#abece3;color:#235e6f}
.shell{width:calc(100% - 64px);max-width:1430px;margin-inline:auto}.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-inside{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:94px}.identity{display:inline-flex;gap:13px;align-items:center;flex-shrink:0;text-decoration:none!important;color:var(--deep)}.monogram{width:47px;height:47px;display:block;border:3px solid var(--teal);border-radius:4px;position:relative;background:linear-gradient(90deg,transparent 46%,#94d1d1 46% 53%,transparent 53%),linear-gradient(transparent 45%,#94d1d1 45% 52%,transparent 52%)}.monogram::after{content:"";width:14px;height:16px;border:3px solid var(--orange);position:absolute;bottom:3px;right:3px;background:#fff}.identity strong{display:block;font-size:19px;line-height:1.05;letter-spacing:.12em}.identity small{display:block;color:#648b97;font-size:11px;letter-spacing:.2em;line-height:1.9;font-weight:700}.site-nav{display:flex;gap:4px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.site-nav a{font-size:14px;font-weight:700;padding:11px 15px;border-radius:4px;color:#51717f;white-space:nowrap}.site-nav a:hover,.site-nav a[aria-current="page"]{background:#e7f5f6;color:#147b80;text-decoration:none}.menu-toggle{display:none;background:#dff4f4;border:1px solid #b0dcdc;border-radius:3px;padding:10px 14px;font-weight:700;color:var(--deep)}.prelude{border-bottom:1px solid #e3eff2;background:linear-gradient(90deg,#f4fafa,#fff)}.prelude .shell{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:39px;color:#7696a2;font-size:11px;text-transform:uppercase;letter-spacing:.17em;font-weight:750}.prelude b{color:var(--orange);font-weight:900}.stage{padding:38px 0 0}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:stretch}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:36px 34px 42px 0;min-width:0}.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;color:#14898b;font-weight:800;text-transform:uppercase;letter-spacing:.13em;margin-bottom:27px}.eyebrow::before{content:"";width:30px;height:3px;background:var(--orange)}.hero-copy .subtitle{font-size:19px;line-height:1.5;color:#547787;font-weight:560;margin:0 0 23px}.hero-copy p{color:#5e7c88;max-width:65ch}.hero-shortcuts{display:flex;flex-wrap:wrap;gap:9px;margin-top:7px}.hero-shortcuts a{background:#e3f3f5;color:#267986;padding:9px 13px;border:1px solid #c9e6e8;font-weight:700;font-size:13px;border-radius:4px}.hero-shortcuts a:hover{background:#c7eaec;text-decoration:none}
.visual-board{background:#e6f5f6;border:1px solid #c8e3e5;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:510px}.visual-board::before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,#aed6db 1px,transparent 1px),linear-gradient(to bottom,#aed6db 1px,transparent 1px);background-size:31px 31px;opacity:.35}.board-top{position:relative;z-index:2;display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:20px 24px 0;font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:#5f9aa1}.board-top span:last-child{color:#cb7353}.drawing{position:relative;height:258px;min-height:258px;width:min(91%,510px);margin:10px auto 5px;flex:1 1 auto}.drawing .outer{position:absolute;left:10%;top:12%;width:80%;height:76%;border:8px solid #3b8895;background:rgba(255,255,255,.45);box-shadow:12px 12px 0 rgba(31,123,137,.06)}.drawing .inner-a{position:absolute;left:10%;top:16%;width:54%;height:48%;border-right:6px solid #3b8895;border-bottom:6px solid #3b8895}.drawing .inner-b{position:absolute;left:64%;top:12%;width:26%;height:43%;border-bottom:6px solid #3b8895}.drawing .door{position:absolute;left:59%;top:55%;height:22%;width:21%;border:4px solid #dd805c;border-top-left-radius:120px;border-right:0;border-bottom:0;transform:rotate(9deg)}.drawing .dot{position:absolute;left:28%;top:34%;width:65px;height:65px;border:3px dashed #e38660;border-radius:50%;background:radial-gradient(circle,#e38660 0 6px,transparent 7px)}.drawing .indicator{position:absolute;top:73%;left:16%;font-size:11px;letter-spacing:.16em;font-weight:900;text-transform:uppercase;color:#538d9b;white-space:nowrap}.drawing .measure{position:absolute;top:8%;right:9%;width:56px;height:6px;background:#e58c63;transform:rotate(-25deg)}.drawing .measure::before,.drawing .measure::after{content:"";width:3px;height:20px;position:absolute;top:-7px;background:#e58c63}.drawing .measure::after{right:0}
.figure-wet .outer{border-radius:8px;background:repeating-linear-gradient(0deg,rgba(110,185,193,.25) 0 2px,transparent 2px 37px),repeating-linear-gradient(90deg,rgba(110,185,193,.25) 0 2px,transparent 2px 42px),#f6fdfd}.figure-wet .dot{width:85px;height:85px;left:50%;top:34%;border:5px solid #df8b68;background:repeating-linear-gradient(90deg,transparent 0 9px,#e79b78 10px 11px)}.figure-wet .door{border-color:#43aab0}.figure-layers .outer{top:28%;height:52%;border:0;border-bottom:12px solid #438d98;background:repeating-linear-gradient(0deg,#dfa17b 0 24px,#d98268 24px 28px,#d9eef1 28px 45px,#91cbd4 45px 49px)}.figure-layers .inner-a,.figure-layers .inner-b{display:none}.figure-layers .dot{left:12%;top:12%;width:40px;height:40px;border:4px solid #4797a0;background:#e3f6f6}.figure-wires .inner-a{border:0;border-left:6px solid #df8965;left:27%;height:64%;top:14%}.figure-wires .inner-b{border:0;border-bottom:6px solid #e5a05e;top:55%;left:29%;width:55%}.figure-wires .dot{left:22%;top:25%;width:50px;height:50px;border:5px solid #27969d;background:#f6ffff;box-shadow:160px 80px 0 -8px #b5dbdf}.figure-wires .door{display:none}.figure-thermal .outer{width:73%;left:15%;background:repeating-linear-gradient(90deg,#c1e4dd 0 26px,#f1f8f6 26px 39px,#b4cdd5 39px 42px)}.figure-thermal .dot{left:28%;top:35%;width:65px;height:65px;border:3px solid #d96e4b}.figure-thermal .inner-a,.figure-thermal .inner-b,.figure-thermal .door{display:none}.figure-data .outer{border:0;border-bottom:6px solid #3c8f9b;background:linear-gradient(90deg,#73b6c1 0 16%,transparent 16% 22%,#3793a2 22% 45%,transparent 45% 51%,#e29470 51% 73%,transparent 73% 79%,#8ac7cb 79% 100%);clip-path:polygon(0 50%,16% 50%,16% 28%,45% 28%,45% 44%,73% 44%,73% 8%,100% 8%,100% 100%,0 100%)}.figure-data .inner-a,.figure-data .inner-b,.figure-data .door,.figure-data .dot{display:none}
.fact{position:relative;z-index:2;border-top:1px solid #bfdde0;margin-top:auto;padding:21px 26px 24px;background:rgba(255,255,255,.82);display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center}.fact strong{display:block;font-size:30px;line-height:1.06;color:#c86b4f;letter-spacing:-.06em;font-weight:850}.fact p{font-size:13px;color:#54818e;line-height:1.5;margin:0}.fact small{font-size:10px;line-height:1.6;display:block;color:#7d9ca4;text-transform:uppercase;letter-spacing:.12em;font-weight:780;margin-bottom:6px}
.mini-track{display:flex;gap:1px;background:#e7f2f4;border-top:1px solid #d5e8eb;margin-top:34px;min-height:52px}.mini-track span{flex:1;display:flex;justify-content:center;align-items:center;padding:11px 8px;font-size:12px;color:#477683;text-transform:uppercase;letter-spacing:.12em;font-weight:800;text-align:center}.mini-track span+span{border-left:1px solid #cbdfe2}
.content{padding:74px 0 95px}.section-index{font-size:11px;color:#a85538;letter-spacing:.15em;text-transform:uppercase;font-weight:850;display:block;margin-bottom:12px}.duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;margin-bottom:72px}.essay{padding:31px 34px 26px;background:#fff;border-top:4px solid #44a7a8;box-shadow:var(--shadow);min-width:0}.essay:nth-child(2){border-top-color:#e09c75}.essay p:last-child,.reading p:last-child{margin-bottom:0}.essay a,.reading a{color:#0b7e87;text-decoration:none;border-bottom:1px solid #add4d6}.essay a:hover,.reading a:hover{border-bottom-color:var(--orange);color:#ac5e42}.reading{width:min(100%,910px);margin:0 auto 74px;border-left:4px solid #8dcad0;padding:9px 0 9px 35px}.reading h2{max-width:700px}.reading p{max-width:78ch}
.compare{margin-bottom:72px}.compare-head{display:flex;gap:20px;justify-content:space-between;align-items:end;margin-bottom:23px}.compare-head p{max-width:360px;color:#71939d;font-size:13px;margin:0}.table-scroller{width:100%;overflow-x:auto;border:1px solid #c7dfe3;background:#fff}table{border-collapse:collapse;width:100%;min-width:570px;text-align:left}th{background:#d8ecf0;color:#2b7581;letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:800;padding:18px 20px}td{padding:18px 20px;border-top:1px solid #e0edef;vertical-align:top;color:#587987;font-size:14px;line-height:1.55}td:first-child{font-weight:790;color:#356d7b}tr:nth-child(even) td{background:#f6fbfc}.takeaway{margin:-34px 0 70px;background:#e0f2f2;padding:24px 30px;border-left:4px solid #e08e69;display:flex;gap:23px;align-items:center}.takeaway strong{font-size:13px;color:#24858a;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.takeaway p{margin:0;color:#517986;line-height:1.65}
.extended{margin:0 0 72px;padding:34px 38px 32px;background:#e4f3f5;border-left:5px solid #58a3aa}.extended h2{margin-bottom:22px}.extended-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px}.extended-columns p{margin:0}.extended a{color:#0b7e87;border-bottom:1px solid #add4d6}.more{border-top:1px solid var(--line);padding-top:44px}.more .more-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.more .more-head h2{margin:0}.more .more-head span{font-size:12px;color:#7397a0}.more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.more-grid a{padding:21px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #c9e2e6;background:#eff8f9;color:#2c7582;font-size:16px;font-weight:780;transition:background .12s}.more-grid a::after{content:"";width:10px;height:10px;border-right:2px solid #ce7756;border-top:2px solid #ce7756;transform:rotate(45deg);flex-shrink:0}.more-grid a:hover{background:#d6f0f1;text-decoration:none}.references{margin-top:67px;padding-top:25px;border-top:1px solid #d3e5e9}.references h2{font-size:28px}.references p{margin-bottom:10px;font-size:13px;line-height:1.7;color:#426b79}.references p strong{color:#38808c}.site-footer{background:#dceff2;border-top:1px solid #bedde1}.footer-inside{padding:35px 0;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.footer-inside strong{color:#367987;font-size:14px;letter-spacing:.13em}.footer-inside p{color:#6a909a;font-size:13px;margin:6px 0 0}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.footer-links a{font-size:13px;font-weight:750;padding:9px 13px;color:#407a85;background:#eef9f9;border-radius:3px}
@media(max-width:1100px){.shell{width:calc(100% - 48px)}.header-inside{gap:10px}.site-nav a{padding:9px 8px;font-size:13px}.hero{gap:18px}.hero-copy{padding-right:14px}.visual-board{min-height:480px}.drawing{height:230px}.content{padding-top:62px}.essay{padding:27px 27px 25px}}
@media(max-width:980px){.shell{width:calc(100% - 36px)}.header-inside{min-height:77px;flex-wrap:wrap;position:relative}.identity strong{font-size:16px}.monogram{width:42px;height:42px}.menu-toggle{display:block;margin-left:auto}.site-nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:3px;padding:3px 0 16px}.site-nav.open{display:flex}.site-nav a{font-size:15px;padding:11px 13px}.prelude .shell{justify-content:center}.prelude .shell span:last-child{display:none}.stage{padding-top:23px}.hero{grid-template-columns:1fr}.hero-copy{padding:15px 0 8px}.hero-copy .subtitle{font-size:17px}.eyebrow{margin-bottom:21px}.visual-board{min-height:420px}.drawing{height:215px}.fact{grid-template-columns:115px 1fr}.mini-track{margin-top:24px}.mini-track span{font-size:10px;letter-spacing:.04em}.content{padding:48px 0 65px}.duo{grid-template-columns:1fr;gap:18px;margin-bottom:54px}.essay{padding:26px}.reading{padding:7px 0 8px 22px;margin-bottom:55px}.compare{margin-bottom:48px}.compare-head{display:block}.compare-head p{margin-top:5px}.takeaway{margin:-19px 0 52px;display:block}.takeaway strong{display:block;margin-bottom:8px}.extended{padding:28px 24px;margin-bottom:50px}.extended-columns{grid-template-columns:1fr;gap:20px}.more-grid{grid-template-columns:1fr}.more .more-head{display:block}.more .more-head span{display:block;margin-top:9px}.footer-inside{grid-template-columns:1fr}.footer-links{justify-content:flex-start}}
@media(max-width:380px){.shell{width:calc(100% - 28px)}.identity{gap:8px}.identity strong{font-size:15px}.hero-copy .subtitle{font-size:17px}.visual-board{min-height:400px}.fact{padding:18px;gap:10px;grid-template-columns:102px 1fr}.fact strong{font-size:25px}.fact p{font-size:12px}.drawing{height:205px}.essay{padding:23px}.reading{padding-left:18px}}
@media(min-width:1921px){.shell{max-width:1500px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}