@font-face{font-family:Altera;src:url(../fonts/PPAltera-VF.woff2) format('woff2');font-weight:100 800;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#231e19;background:#e8dc9d;font-family:Arial,Helvetica,sans-serif}body:after{content:'';position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.17;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 160 160" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="n"%3E%3CfeTurbulence type="fractalNoise" baseFrequency=".84" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23n)" opacity=".5"/%3E%3C/svg%3E');mix-blend-mode:multiply}button,input{font:inherit}button{cursor:pointer}header{height:62px;padding:0 3%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #342f2780;background:#e8dc9d;position:relative;z-index:5;font-size:12px;font-weight:700;letter-spacing:.02em}nav{display:flex;gap:24px}nav a{color:inherit;text-decoration:none}.hero{min-height:91vh;padding:3.4vw 3vw 2vw;background:#d6e7d0;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.hero-top{display:flex;justify-content:space-between;gap:4vw;align-items:flex-start}.eyebrow{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.1em}.hero h1{font-family:Altera,Georgia,serif;font-size:clamp(110px,21vw,340px);font-weight:400;line-height:.72;letter-spacing:-.075em;margin:7vh 0 4vh;white-space:nowrap}.hero-bottom{display:flex;justify-content:space-between;align-items:end;border-top:1px solid;padding-top:15px}.hero-sub{font-size:clamp(24px,4vw,60px);font-weight:700;letter-spacing:-.06em;line-height:.93;max-width:600px}.section{padding:42px 3vw 65px}.section-kicker{display:flex;justify-content:space-between;border-top:1px solid #29241d;padding-top:12px;font-size:12px;font-weight:700;text-transform:uppercase}.section h2{font-size:clamp(45px,8vw,125px);letter-spacing:-.065em;line-height:.95;margin:35px 0}.cube-section{background:#e7d16e}.explorer{display:grid;grid-template-columns:minmax(350px,1fr) minmax(350px,1fr);gap:3vw}.cube-board{position:relative;min-height:570px;border:1px solid #28231d;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.07)}.cube-board svg{width:100%;max-width:610px;touch-action:none;overflow:visible}.cube-board .grid-line{stroke:#29241f;stroke-width:.75;opacity:.46}.cube-board .edge{stroke:#29241f;stroke-width:1.5}.cube-board .active{fill:#27221d;stroke:#e7d16e;stroke-width:3;cursor:grab}.cube-board .hit{fill:transparent;cursor:grab}.cube-caption{position:absolute;bottom:16px;left:16px;font-size:11px;font-weight:700;text-transform:uppercase}.axis-label{font-family:Arial,sans-serif;font-size:13px;font-weight:bold;fill:#26211d}.panel{display:flex;flex-direction:column;justify-content:space-between;min-width:0}.preview{min-height:240px;border:1px solid #28231d;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden;background:#f4e8ac}.preview span{font-family:Altera,serif;font-size:clamp(44px,5.6vw,105px);line-height:1;white-space:nowrap;letter-spacing:-.045em;display:block;max-width:100%}.family-name{font-size:clamp(38px,6vw,95px);font-family:Altera,serif;margin:20px 0 12px;line-height:1}.control{border-top:1px solid #322e28;padding:13px 0;display:grid;grid-template-columns:90px 1fr 48px;gap:12px;align-items:center;font-size:12px;font-weight:700}.control input{width:100%;accent-color:#2c2720}.presets{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid;border-left:1px solid;margin-top:22px}.presets button{padding:18px 4px;background:transparent;border:0;border-right:1px solid;border-bottom:1px solid;color:#27221d;font-family:Altera,serif;font-size:clamp(18px,2.2vw,34px);transition:background .25s}.presets button:hover,.presets button.selected{background:#25211c;color:#e7d16e}.science{background:#a8d9db}.science-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.science h2{max-width:950px}.science-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:3vw}.diagram{aspect-ratio:1.15;background:#acd9d8;border:1px solid #27231d;position:relative;display:grid;place-items:center;overflow:hidden}.orbit{width:min(100%,600px);aspect-ratio:1;position:relative;display:grid;place-items:center;isolation:isolate}.orbit svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.orbit span{font-family:Altera!important;font-size:clamp(46px,7vw,110px);z-index:1;line-height:1;white-space:nowrap}.atomic-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:11px;letter-spacing:.08em;font-weight:650}.orbit-dot{display:none}.science-copy{display:flex;flex-direction:column;justify-content:space-between}.science-copy p{font-family:Altera,Georgia,serif;font-size:clamp(27px,3vw,47px);line-height:1.12}.science-meta{border-top:1px solid;padding-top:12px;display:grid;grid-template-columns:1fr 1fr;font-size:12px;font-weight:700}.timeline{height:980vh;background:#a9bb8d;position:relative}.timeline-sticky{height:100vh;position:sticky;top:0;padding:35px 3vw;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.timeline-head{display:flex;justify-content:space-between;border-top:1px solid;padding-top:12px;font-size:12px;font-weight:bold;text-transform:uppercase}.year{font-size:clamp(45px,8vw,110px);font-weight:bold;letter-spacing:-.06em}.timeline-word{font-family:Altera,Georgia,serif;font-size:clamp(40px,7.2vw,115px);white-space:nowrap;letter-spacing:-.055em;text-align:center;}.period{font-family:Altera,serif;font-size:clamp(44px,8vw,120px);line-height:.95;letter-spacing:-.04em}.timeline-bottom{display:flex;align-items:end;justify-content:space-between;gap:20px}.timeline-desc{max-width:320px;font-size:15px;line-height:1.3}.progress{height:2px;background:#26211d44;margin-top:20px}.progress div{height:100%;background:#26211d;width:0}.outro{background:#2a2926;color:#f0e5c9;padding:4vw 3vw;min-height:70vh;display:flex;flex-direction:column;justify-content:space-between}.outro h2{font-family:Altera,serif;font-size:clamp(90px,17vw,270px);line-height:.75;letter-spacing:-.065em;font-weight:400;margin:50px 0}.footer{border-top:1px solid #f0e5c999;padding-top:14px;display:flex;justify-content:space-between;font-size:12px}.micro{font-size:11px;text-transform:uppercase;font-weight:bold;letter-spacing:.06em}@media(max-width:800px){.explorer,.science-grid{grid-template-columns:1fr}.cube-board{min-height:390px}.hero h1{font-size:22vw}.hero-top{flex-wrap:wrap}.timeline-word{font-size:8vw}.timeline-bottom{align-items:start;flex-direction:column}.science h2{font-size:12vw}nav{gap:10px}}


html,body,button,input,output,label,svg text,*{font-family:Altera!important}
.timeline-yearline{display:flex;align-items:baseline;justify-content:space-between;gap:24px;border-bottom:1px solid #25211c;padding-bottom:14px}
.timeline-family{font-size:clamp(24px,5vw,70px);line-height:1;text-align:right}
.timeline-specimen{min-height:32vh;display:flex;flex-direction:column;justify-content:center;gap:16px}
.timeline-word{font-size:clamp(42px,9vw,145px)!important;white-space:normal!important;overflow-wrap:normal;line-height:.96;text-align:left!important;letter-spacing:-.035em!important}
.timeline-specimen-desc{font-size:clamp(19px,2.7vw,40px);line-height:1.12;max-width:850px}
@media(max-width:800px){.timeline-specimen{min-height:35vh}.timeline-word{font-size:clamp(40px,11vw,80px)!important}.timeline-family{font-size:clamp(22px,6vw,44px)}}
@media(prefers-reduced-motion:reduce){#atomicParticles{opacity:.5}}


.campaign-gallery{padding:3.5vw 3vw;background:#eee4c5;display:grid;gap:2.2vw;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.campaign-gallery.gallery-single{grid-template-columns:1fr;justify-items:center;background:#d3dfcf}
.campaign-image{margin:0;min-width:0}
.campaign-image img{width:100%;height:auto;display:block;object-fit:contain}
.gallery-single .campaign-image{width:min(100%,880px)}
.campaign-image figcaption{font-size:11px;letter-spacing:.04em;text-transform:uppercase;border-top:1px solid #28231d;padding-top:9px;margin-top:10px}
.timeline-endnote{font-size:12px;letter-spacing:.07em;text-transform:uppercase}
.outro{min-height:100vh}
.outro h2{font-size:clamp(58px,11.5vw,185px);line-height:.95;letter-spacing:-.045em;white-space:normal;overflow-wrap:normal}
@media(max-width:750px){.campaign-gallery{grid-template-columns:1fr;gap:24px;padding:20px}.outro h2{font-size:clamp(47px,11vw,100px)}}


.timeline-yearline .year,.timeline-yearline .timeline-family{font-size:clamp(45px,8vw,110px);line-height:1;letter-spacing:-.055em}
.timeline-yearline .timeline-family{font-weight:800;min-width:0}
.timeline-specimen .timeline-word{font-size:clamp(56px,11vw,180px)!important;line-height:.92}
@media(max-width:800px){.timeline-yearline .year,.timeline-yearline .timeline-family{font-size:clamp(30px,7.4vw,62px)}.timeline-specimen .timeline-word{font-size:clamp(48px,12vw,96px)!important}}


.glyph-section{background:#e9d36f;color:#28251f;padding:clamp(30px,5vw,85px) clamp(20px,5vw,88px) clamp(65px,8vw,130px)}
.glyph-head{display:flex;justify-content:space-between;gap:20px;border-top:1px solid currentColor;padding-top:14px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.glyph-section h2{font-size:clamp(58px,11vw,190px);line-height:.85;letter-spacing:-.045em;margin:55px 0 55px;font-weight:500}
.glyph-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(290px,.9fr);gap:clamp(24px,5vw,90px)}
.glyph-large{min-height:440px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #28251f;padding:20px;overflow:hidden}
.glyph-large .glyph-single{font-family:Altera!important;font-size:clamp(190px,27vw,460px);line-height:1;align-self:center;white-space:nowrap;font-synthesis:none;font-feature-settings:'kern' 1}
.glyph-meta{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #28251f;padding-top:12px;font-size:12px;text-transform:uppercase}
.glyph-side{min-width:0}.glyph-subhead{font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:15px}
.glyph-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border-left:1px solid #28251f;border-top:1px solid #28251f;margin-bottom:24px}
.glyph-cell{appearance:none;border:0;border-right:1px solid #28251f;border-bottom:1px solid #28251f;background:transparent;color:inherit;aspect-ratio:1;min-width:0;font-family:Altera!important;font-size:clamp(17px,2.3vw,33px);line-height:1;cursor:pointer;font-synthesis:none}
.glyph-cell:hover,.glyph-cell.active{background:#28251f;color:#e9d36f}
.glyph-families{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:25px}
.glyph-family{border:1px solid #28251f;background:transparent;color:#28251f;padding:8px 12px;cursor:pointer;font-family:Altera!important;font-size:15px;font-synthesis:none}
.glyph-family.active{background:#28251f;color:#e9d36f}
.glyph-control{display:grid;grid-template-columns:80px 1fr 45px;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #28251f;font-size:12px}
.glyph-control input{width:100%;accent-color:#28251f}.glyph-control output{text-align:right;font-variant-numeric:tabular-nums}
@media(max-width:800px){.glyph-layout{grid-template-columns:1fr}.glyph-large{min-height:340px}.glyph-large .glyph-single{font-size:clamp(180px,42vw,320px)}.glyph-grid{grid-template-columns:repeat(8,1fr)}}


.glyph-large{min-height:0;padding:15px 18px;gap:10px}
.glyph-specimen-stage{--glyph-size:clamp(145px,19vw,245px);position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:0;height:calc(var(--glyph-size)*1.2 + 12px);overflow:hidden;isolation:isolate}
.glyph-metric-frame{position:relative;width:100%;height:calc(var(--glyph-size)*1.2);flex:none}
.glyph-metric-frame .glyph-single{position:absolute!important;inset:0!important;display:block!important;max-width:none!important;width:100%;height:100%;margin:0!important;padding:0!important;text-align:center;white-space:nowrap;font-family:Altera!important;font-size:var(--glyph-size)!important;line-height:1.2!important;font-synthesis:none;transform:none!important;letter-spacing:normal}
.glyph-metric-lines{position:absolute;inset:0;z-index:2;pointer-events:none}
.glyph-metric-lines .metric{position:absolute;left:0;right:0;border-top:1px dotted rgba(40,37,31,.34);height:0}
.glyph-metric-lines .metric span{position:absolute;left:0;top:-12px;background:#e8e3b7;padding:1px 5px 1px 0;color:rgba(40,37,31,.62);font-size:9px;line-height:1.2;letter-spacing:.035em;text-transform:uppercase}

.glyph-metric-lines .ascender{top:0%}
.glyph-metric-lines .capheight{top:20.833333%}
.glyph-metric-lines .xheight{top:37.5%}
.glyph-metric-lines .baseline{top:79.166667%}
.glyph-metric-lines .descender{top:100%}
@media(max-width:800px){.glyph-large{min-height:0}.glyph-specimen-stage{--glyph-size:clamp(125px,34vw,200px);height:calc(var(--glyph-size)*1.2 + 12px)}}


.glyph-layout{align-items:start}
.glyph-large{align-self:start;justify-content:flex-start;gap:9px;padding:12px 16px;min-height:0!important}
.glyph-specimen-stage{--glyph-size:clamp(190px,21vw,290px);height:calc(var(--glyph-size)*1.2 + 4px)}
.glyph-metric-frame{height:calc(var(--glyph-size)*1.2)}
.glyph-meta{margin-top:0}
.glyph-charset-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;background:transparent;border:1px solid #28251f;color:#28251f;padding:13px 14px;margin:0 0 22px;cursor:pointer;font:inherit;font-size:12px;text-transform:uppercase;letter-spacing:.05em;text-align:left}
.glyph-charset-toggle:hover,.glyph-charset-toggle:focus-visible{background:#28251f;color:#e9d36f}
.glyph-charset-toggle .toggle-mark{font-size:21px;line-height:0.8}
.glyph-charset-panel[hidden]{display:none!important}
.glyph-charset-panel{margin-bottom:22px;max-height:380px;overflow-y:auto;overscroll-behavior:contain}
.glyph-charset-panel .glyph-grid{margin-bottom:0}
@media(max-width:800px){.glyph-specimen-stage{--glyph-size:clamp(185px,48vw,275px);height:calc(var(--glyph-size)*1.2 + 4px)}.glyph-large{min-height:0!important}}


.glyph-basic-grid{margin:0 0 15px;max-height:215px;overflow-y:auto;overscroll-behavior:contain}
.glyph-charset-toggle{margin-bottom:20px}

.glyph-specimen-stage{overflow:visible!important;padding-right:0;box-sizing:border-box}
.glyph-metric-frame{width:100%;box-sizing:border-box;padding-right:138px}
.glyph-metric-frame .glyph-single{width:calc(100% - 138px)!important;right:auto!important}
.glyph-metric-lines{right:138px!important}
.glyph-metric-lines .metric span{left:calc(100% + 8px)!important;top:-7px!important;background:transparent!important;padding:0!important;width:130px;white-space:nowrap;font-size:10px!important;line-height:1.2!important;letter-spacing:0!important;text-transform:none!important;color:#504d3d!important}
.glyph-metric-lines .metric span b{font-weight:650;margin-left:5px;font-variant-numeric:tabular-nums}
@media(max-width:600px){.glyph-metric-frame{padding-right:112px}.glyph-metric-frame .glyph-single{width:calc(100% - 112px)!important}.glyph-metric-lines{right:112px!important}.glyph-metric-lines .metric span{width:104px;font-size:9px!important}}


.glyph-layout{align-items:stretch!important;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
.glyph-large{position:sticky!important;top:24px;align-self:start!important;z-index:4;overflow:visible!important}
.glyph-specimen-stage{--glyph-size:clamp(235px,25vw,355px)!important;height:calc(var(--glyph-size)*1.2 + 16px)!important;overflow:visible!important}
.glyph-metric-frame{padding:0 64px!important;width:100%!important;height:calc(var(--glyph-size)*1.2)!important;box-sizing:border-box!important}
.glyph-metric-frame .glyph-single{left:64px!important;right:64px!important;top:0!important;width:calc(100% - 128px)!important;height:100%!important;inset:auto!important;top:0!important;font-size:var(--glyph-size)!important}
.glyph-metric-lines{left:64px!important;right:64px!important;top:0!important;bottom:0!important}
.glyph-metric-lines .metric span.metric-name{position:absolute!important;left:-70px!important;top:-7px!important;width:65px!important;text-align:right!important;white-space:nowrap;font-size:10px!important;background:transparent!important;padding:0!important;line-height:1.2!important;letter-spacing:0!important;text-transform:none!important;color:#504d3d!important}
.glyph-metric-lines .metric b.metric-value{position:absolute;left:calc(100% + 8px);top:-7px;white-space:nowrap;font-size:10px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.2;color:#504d3d}
.glyph-inventory{border-left:1px solid #28251f;border-top:1px solid #28251f}
.glyph-inventory .glyph-grid{border:0!important;margin:0!important;max-height:none!important;overflow:visible!important;overscroll-behavior:auto!important}
.glyph-inventory .glyph-charset-panel{margin:0!important;max-height:none!important;overflow:visible!important}
.glyph-charset-toggle{margin:12px 0 30px!important}
@media(max-width:800px){.glyph-layout{grid-template-columns:1fr!important}.glyph-large{position:relative!important;top:auto!important}.glyph-specimen-stage{--glyph-size:clamp(190px,43vw,310px)!important}}


.axis-direction-label{font-size:12px;letter-spacing:.07em;paint-order:stroke;stroke:#e9d36f;stroke-width:5px;stroke-linejoin:round;fill:#27221d}
.timeline-yearline .year{font-weight:800!important;font-synthesis:none}
.timeline-specimen{position:relative}
.era-icon-track{height:clamp(92px,13vh,150px);width:100%;position:relative;pointer-events:none;margin-bottom:clamp(10px,2vh,25px)}
.era-icon-track svg{position:absolute;top:0;left:calc(var(--era-progress,0)* (100% - 105px));width:105px;height:105px;max-height:100%;transition:left .07s linear;overflow:visible}
@media(max-width:800px){.era-icon-track{height:90px}.era-icon-track svg{width:76px;height:76px;left:calc(var(--era-progress,0)* (100% - 76px))}}


.presets{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}

.timeline{height:1100vh!important}
.timeline-sticky{padding-bottom:14px!important}
.timeline-specimen{gap:clamp(5px,1vh,13px)!important;min-height:0!important;flex:1;justify-content:center!important}
.timeline-word{font-size:clamp(48px,6.2vw,102px)!important;line-height:.77!important;letter-spacing:-.045em!important;text-align:center!important;max-width:900px;margin:0 auto!important;overflow:visible!important}
.era-title-line{display:block;white-space:nowrap;padding:.065em 0}
.timeline-subtitle{text-align:center!important;margin:0 auto!important;font-size:clamp(12px,1.3vw,18px)!important;max-width:780px!important}
.timeline-body-columns{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(20px,4vw,62px)!important;width:min(800px,88vw)!important;max-width:800px!important;margin:8px auto 0!important;align-items:start!important}
.timeline-body-columns p{font-size:clamp(10px,1.05vw,13px)!important;line-height:1.5!important;text-align:justify!important;text-align-last:left!important;margin:0!important;max-width:none!important}
.era-art{height:clamp(70px,11vh,118px)!important;margin-bottom:4px!important}
.era-art svg{max-width:155px!important}
.era-landscape{height:clamp(66px,10vh,115px);width:100%;overflow:hidden;color:#26241d;flex-shrink:0;pointer-events:none;border-bottom:1px solid currentColor}
.era-landscape svg{width:100%;height:100%;display:block}
.landscape-era{opacity:1!important;transition:none!important}
@media(max-width:700px){.timeline-body-columns{gap:14px!important;width:96%!important}.timeline-body-columns p{font-size:10px!important;line-height:1.32!important}.timeline-word{font-size:clamp(37px,8vw,65px)!important}.era-art{height:70px!important}.era-landscape{height:65px}.timeline-sticky{padding-left:12px!important;padding-right:12px!important}}


.timeline-sticky{height:100svh;min-height:0;box-sizing:border-box;gap:clamp(3px,.7vh,10px);padding-top:clamp(10px,2vh,22px)!important;padding-bottom:clamp(8px,1.5vh,18px)!important;justify-content:space-between}
.timeline-specimen{min-height:0!important;flex:1 1 auto!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:clamp(2px,.6vh,8px)!important}
.timeline-word{font-size:clamp(34px,min(6vw,9vh),92px)!important;line-height:.75!important;max-height:24vh;overflow:visible!important}
.era-title-line{line-height:.75!important;padding:0!important;margin:0!important}
.timeline-yearline{flex-shrink:0}.year{font-size:clamp(32px,6vh,76px)!important;line-height:.9!important}
.era-art{height:clamp(35px,9vh,90px)!important;flex-shrink:1!important}.era-art svg{height:100%!important;max-height:100%!important}
.timeline-subtitle{font-size:clamp(10px,1.7vh,16px)!important;line-height:1.1!important}
.timeline-body-columns{margin-top:clamp(3px,.6vh,8px)!important;max-height:21vh!important;overflow:hidden!important}
.timeline-body-columns p{font-size:clamp(9px,1.35vh,12px)!important;line-height:1.25!important}
.era-landscape{height:clamp(40px,10vh,95px)!important;flex-shrink:0!important}
@media(max-height:650px){.timeline-body-columns{max-height:17vh!important}.era-art{height:6vh!important}.timeline-word{font-size:clamp(28px,6vh,58px)!important}}
@media(max-width:700px){.timeline-word{font-size:clamp(29px,7.8vw,58px)!important;line-height:.78!important}.timeline-body-columns{gap:12px!important;max-height:18vh!important}.timeline-body-columns p{font-size:9px!important}.era-landscape{height:7vh!important}}


.timeline-sticky{height:100svh!important;max-height:100svh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;padding:clamp(12px,1.8dvh,28px) clamp(16px,3vw,55px)!important;gap:clamp(3px,.6dvh,10px)!important}
.timeline-head{flex:0 0 auto!important}
.timeline-yearline{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:12px!important;flex:0 0 auto!important}
.timeline-yearline .year,.timeline-yearline .timeline-family{font-size:clamp(20px,3.7dvh,43px)!important;font-weight:750!important;line-height:1!important;letter-spacing:-.035em!important;font-synthesis:none!important}
.timeline-specimen{flex:1 1 auto!important;min-height:0!important;gap:clamp(4px,.7dvh,12px)!important;justify-content:center!important}
.era-art{height:clamp(40px,10dvh,115px)!important;margin:0!important;flex-shrink:1!important}
.timeline-word{font-size:clamp(28px,min(6.5vw,8.6dvh),112px)!important;line-height:.83!important;max-height:19dvh!important;letter-spacing:-.035em!important;max-width:95vw!important}
.era-title-line{line-height:.83!important;white-space:normal!important;padding:0!important}
.timeline-subtitle{font-size:clamp(11px,1.65dvh,20px)!important;line-height:1.1!important}
.timeline-body-columns{width:min(850px,90vw)!important;max-height:19dvh!important;gap:clamp(16px,3vw,65px)!important;margin:0 auto!important;overflow:hidden!important}
.timeline-body-columns p{font-size:clamp(9px,1.25dvh,14px)!important;line-height:1.35!important}
.era-landscape.photo-landscape{height:clamp(75px,19dvh,240px)!important;width:100%!important;flex:0 1 auto!important;min-height:55px!important;background-image:url("../images/background-texture.webp")!important;background-size:230% 100%!important;background-repeat:no-repeat!important;background-position:0% center;transition:none!important;filter:grayscale(1) contrast(1.1);border-bottom:1px solid #26241d}
@media(min-height:1000px){.timeline-word{font-size:clamp(60px,8dvh,130px)!important}.timeline-body-columns p{font-size:clamp(13px,1.45dvh,17px)!important}.era-landscape.photo-landscape{height:21dvh!important}}
@media(max-height:680px){.era-art{height:6dvh!important}.timeline-word{font-size:min(5.5dvh,5vw)!important}.timeline-body-columns{max-height:16dvh!important}.era-landscape.photo-landscape{height:15dvh!important}}
@media(max-width:680px){.timeline-yearline .year,.timeline-yearline .timeline-family{font-size:clamp(18px,3dvh,28px)!important}.timeline-word{font-size:clamp(28px,7vw,65px)!important}.timeline-body-columns{gap:12px!important}.timeline-body-columns p{font-size:9px!important}.era-landscape.photo-landscape{height:14dvh!important}}

.principles-live{width:100%;background:#f1efe6;color:#25231e;padding:clamp(18px,3vw,46px);box-sizing:border-box;position:relative;overflow:hidden;border-top:1px solid currentColor;border-bottom:1px solid currentColor}
.principles-head,.principles-caption{display:flex;justify-content:space-between;gap:15px;font-size:clamp(10px,1vw,14px);letter-spacing:.08em}
.principles-stage{width:min(100%,1050px);height:clamp(340px,60vw,700px);margin:0 auto;position:relative;display:grid;place-items:center}
.principles-geometry{width:100%;height:100%;overflow:visible}
.principles-wordmark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;font-size:clamp(34px,6.5vw,100px);line-height:.82;letter-spacing:-.045em;white-space:nowrap;pointer-events:none;font-variation-settings:'SERF' 800,'CONT' 800,'wght' 300;animation:principlesMorph 18s ease-in-out infinite alternate}
.principles-label{position:absolute;z-index:3;background:#f1efe6;border:1px solid #25231e;padding:8px 14px;font-size:clamp(10px,1.1vw,15px);letter-spacing:.04em}
.principle-top{top:2%;left:50%;transform:translateX(-50%)}.principle-bottom{bottom:2%;left:50%;transform:translateX(-50%)}.principle-left{top:50%;left:1%;transform:translateY(-50%) rotate(-90deg)}.principle-right{top:50%;right:1%;transform:translateY(-50%) rotate(90deg)}
.principle-diamond{transform-origin:450px 280px;animation:principlesPulse 9s ease-in-out infinite alternate}
.principles-arrows{animation:principlesArrows 7s ease-in-out infinite alternate}
.principle-node{fill:#25231e;animation:principlesNode 4s ease-in-out infinite alternate}
@keyframes principlesPulse{from{transform:scale(.975)}to{transform:scale(1.025)}}
@keyframes principlesArrows{from{opacity:.45}to{opacity:1}}
@keyframes principlesNode{from{opacity:.3}to{opacity:1}}
@keyframes principlesMorph{0%{font-variation-settings:'SERF' 800,'CONT' 800,'wght' 300}33%{font-variation-settings:'SERF' 100,'CONT' 800,'wght' 700}66%{font-variation-settings:'SERF' 800,'CONT' 100,'wght' 400}100%{font-variation-settings:'SERF' 100,'CONT' 100,'wght' 800}}
@media(prefers-reduced-motion:reduce){.principles-wordmark,.principle-diamond,.principles-arrows,.principle-node{animation:none!important}}
@media(max-width:700px){.principles-stage{height:370px}.principles-wordmark{font-size:clamp(30px,8vw,58px)}.principles-label{padding:5px;font-size:9px}.principles-caption{font-size:9px}}



.principles-live{background:#f1efe6;color:#25231e;padding:clamp(18px,3vw,46px);overflow:hidden;border-block:1px solid currentColor}
.principles-head,.principles-caption{display:flex;justify-content:space-between;gap:16px;font-size:clamp(10px,1vw,14px);letter-spacing:.075em}
.principles-stage{width:min(100%,1100px);height:clamp(340px,60vw,700px);margin:0 auto;position:relative;display:grid;place-items:center}
.principles-geometry{width:100%;height:100%;overflow:visible}
.principles-construction{fill:none;stroke:currentColor;stroke-width:.75;opacity:.24}
.principles-track{fill:none;stroke:currentColor;stroke-width:2.2}
.principles-energy{fill:none;stroke:currentColor;stroke-width:3;stroke-dasharray:2 28;animation:principlesFlow 7s linear infinite;opacity:.8}
.principles-flow-arrows{fill:none;stroke:currentColor;stroke-width:1.5;marker-end:url(#principlesArrowhead);opacity:.7}
.principles-points{fill:#25231e}
.principles-wordmark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;font-size:clamp(30px,6.5vw,100px);line-height:.84;letter-spacing:-.045em;white-space:nowrap;pointer-events:none;font-variation-settings:'SERF' 800,'CONT' 800,'wght' 300;animation:principlesMorph 18s ease-in-out infinite alternate}
.principles-label{position:absolute;z-index:3;background:#f1efe6;border:1px solid currentColor;padding:9px 16px;font-size:clamp(10px,1.1vw,15px);letter-spacing:.04em;white-space:nowrap}
.principles-label small{opacity:.5;font-size:.75em;margin-right:9px}
.principle-top{top:4%;left:50%;transform:translateX(-50%)}
.principle-bottom{bottom:4%;left:50%;transform:translateX(-50%)}
.principle-left{top:50%;left:0;transform:translateY(-50%) rotate(-90deg)}
.principle-right{top:50%;right:0;transform:translateY(-50%) rotate(90deg)}
@keyframes principlesFlow{to{stroke-dashoffset:-300}}
@keyframes principlesMorph{0%{font-variation-settings:'SERF' 800,'CONT' 800,'wght' 300}33%{font-variation-settings:'SERF' 100,'CONT' 800,'wght' 700}66%{font-variation-settings:'SERF' 800,'CONT' 100,'wght' 400}100%{font-variation-settings:'SERF' 100,'CONT' 100,'wght' 800}}
@media(max-width:700px){.principles-stage{height:350px}.principles-wordmark{font-size:clamp(28px,8vw,54px)}.principles-label{padding:5px;font-size:9px}.principles-caption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.principles-energy,.principles-wordmark{animation:none!important}.principles-traveler{display:none}}


.campaign-gallery.gallery-between-sections{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;background:#d3dfcf}
.gallery-between-sections .campaign-image{width:100%}
@media(max-width:700px){.campaign-gallery.gallery-between-sections{grid-template-columns:1fr}}


.glyph-left-column{min-width:0;position:sticky;top:22px;align-self:start}
.glyph-left-column .glyph-subhead{margin-bottom:15px}
.glyph-left-column .glyph-large{position:static;top:auto}
.axis-direction-line{stroke:#28251f;stroke-width:1.6;fill:none;pointer-events:none}
.axis-direction-head{fill:#28251f;pointer-events:none}
.axis-direction-label{font-family:Altera!important;font-size:14px;font-weight:650;fill:#28251f;letter-spacing:.045em;pointer-events:none}
@media(max-width:800px){.glyph-left-column{position:static}}


header{position:sticky!important;top:0!important;z-index:100!important;min-height:66px;height:auto;gap:18px;box-shadow:0 1px 0 #342f2740}header nav{align-items:center;gap:clamp(10px,2vw,26px);flex-wrap:wrap}header nav a{white-space:nowrap;font-size:11px}header .get-font{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;background:#25211c;color:#eee1a8;padding:12px 17px;text-decoration:none;font-size:12px;font-weight:750;border:1px solid #25211c;transition:background .2s,color .2s}header .get-font:hover{background:transparent;color:#25211c}html{scroll-padding-top:76px}.timeline-sticky{top:66px!important;height:calc(100vh - 66px)!important}.glyph-left-column{top:85px!important}
.timeline-specimen{min-height:0;gap:0;justify-content:center}.era-art{height:clamp(105px,17vh,180px);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.era-art svg{height:100%;width:auto;max-width:220px;overflow:visible;stroke:#26241d;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.era-art svg *{vector-effect:non-scaling-stroke}.timeline-word{font-size:clamp(40px,6.4vw,105px)!important;line-height:.98!important;margin:0 0 10px}.timeline-subtitle{font-size:clamp(17px,2.2vw,30px);font-weight:550;line-height:1.15;margin-bottom:20px;max-width:950px}.timeline-body-columns{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,4vw,65px);max-width:970px;border-top:1px solid #26241d80;padding-top:16px}.timeline-body-columns p{margin:0;font-size:clamp(12px,1.25vw,17px);line-height:1.35;max-width:430px}.timeline-yearline{padding-bottom:8px}.timeline .year,.timeline .timeline-family{font-weight:800!important}.timeline-endnote{font-size:11px}
@media(max-width:900px){header{padding:10px 3%;flex-wrap:wrap}header nav{order:3;width:100%;justify-content:space-between;gap:6px}header nav a{font-size:9px}.timeline-sticky{top:94px!important;height:calc(100vh - 94px)!important}.era-art{height:95px}.timeline-body-columns{gap:15px}.timeline-word{font-size:clamp(35px,8vw,70px)!important}}
@media(max-width:560px){.timeline-body-columns p{font-size:11px}.timeline-subtitle{font-size:16px}.era-art{height:75px}.timeline-word{font-size:36px!important}}



.timeline-sticky{box-sizing:border-box!important;overflow:hidden!important;}
.timeline-specimen{display:flex!important;flex-direction:column!important;min-height:0!important;justify-content:space-between!important;gap:clamp(3px,.65dvh,9px)!important;}
.timeline-body-columns{flex:0 1 auto!important;max-height:22dvh!important;overflow:hidden!important;margin-bottom:clamp(4px,1dvh,14px)!important;}
.era-landscape.photo-landscape{
 position:relative!important;inset:auto!important;display:block!important;
 flex:0 0 clamp(70px,18dvh,185px)!important;
 height:clamp(70px,18dvh,185px)!important;min-height:0!important;
 width:100%!important;margin-top:auto!important;margin-bottom:0!important;
 background-size:230% 100%!important;background-repeat:no-repeat!important;
 background-position:0% center;filter:none!important;opacity:1!important;
 border:0!important;pointer-events:none!important;
}
.timeline-endnote{position:relative!important;z-index:2!important;}
@media(max-height:720px){.era-landscape.photo-landscape{height:clamp(55px,13dvh,95px)!important;flex-basis:clamp(55px,13dvh,95px)!important}.timeline-body-columns{max-height:18dvh!important}}
@media(max-width:700px){.era-landscape.photo-landscape{height:clamp(58px,14dvh,110px)!important;flex-basis:clamp(58px,14dvh,110px)!important}.timeline-body-columns{max-height:21dvh!important}}



.timeline-sticky{display:flex!important;flex-direction:column!important;overflow:hidden!important;box-sizing:border-box!important;}
.timeline-head,.timeline-yearline{flex:0 0 auto!important;}
.timeline-specimen{flex:1 1 auto!important;min-height:0!important;width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:clamp(5px,1.2dvh,16px)!important;padding:clamp(8px,1.5dvh,20px) 3% clamp(12px,2dvh,24px)!important;box-sizing:border-box!important;}
.timeline-specimen .era-art{flex:0 1 auto!important;height:clamp(42px,12dvh,125px)!important;min-height:0!important;margin:0!important;}
.timeline-specimen .era-art svg{height:100%!important;max-height:100%!important;}
.timeline-specimen .timeline-word{flex:0 1 auto!important;font-size:clamp(30px,min(6.8dvh,6.5vw),100px)!important;line-height:.86!important;margin:0!important;text-align:center!important;max-width:95%!important;}
.timeline-specimen .timeline-subtitle{flex:0 0 auto!important;font-size:clamp(12px,1.8dvh,23px)!important;line-height:1.14!important;margin:0!important;text-align:center!important;}
.timeline-specimen .timeline-body-columns{flex:0 1 auto!important;width:min(850px,92%)!important;max-width:850px!important;max-height:none!important;overflow:visible!important;margin:0!important;padding-top:clamp(8px,1.2dvh,16px)!important;gap:clamp(16px,3vw,44px)!important;}
.timeline-specimen .timeline-body-columns p{font-size:clamp(10px,1.4dvh,16px)!important;line-height:1.35!important;}
.timeline-specimen>div:last-child{flex:0 0 auto!important;width:min(850px,92%)!important;margin-top:clamp(6px,1.5dvh,18px)!important;}
@media(max-height:720px){.timeline-specimen{gap:5px!important}.timeline-specimen .era-art{height:clamp(32px,8dvh,60px)!important}.timeline-specimen .timeline-word{font-size:clamp(25px,5.5dvh,55px)!important}.timeline-specimen .timeline-body-columns p{font-size:clamp(9px,1.35dvh,12px)!important;line-height:1.25!important}}
@media(max-width:650px){.timeline-specimen .timeline-body-columns{width:96%!important;gap:12px!important}.timeline-specimen .timeline-word{font-size:clamp(28px,7vw,56px)!important}.timeline-specimen .timeline-body-columns p{font-size:clamp(10px,1.35dvh,12px)!important}}



#principles.principles-live {display:block!important;width:100%!important;max-width:none!important;position:relative!important;z-index:1;visibility:visible!important;opacity:1!important;min-height:480px;}
#principles .principles-stage {display:grid!important;width:min(100%,1100px)!important;min-height:350px;}
#principles .principles-geometry {display:block!important;position:relative!important;width:100%!important;height:100%!important;}
@media(max-width:700px){#principles.principles-live{min-height:420px}}



.principles-recreated{background:#20201e;color:#f1eee6;padding:clamp(22px,4vw,60px);font-family:'Altera',sans-serif;position:relative;overflow:hidden}
.principles-recreated:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.pr-kicker{display:flex;justify-content:space-between;font-size:clamp(10px,1vw,14px);letter-spacing:.09em;margin-bottom:28px}
.pr-weights{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(8px,1.4vw,22px);margin-bottom:clamp(22px,3vw,45px)}
.pr-weights strong{display:block;font-size:clamp(12px,1.35vw,21px);margin-bottom:7px;font-variation-settings:'SERF' 800,'CONT' 800,'wght' 700}
.pr-weights p{font-size:clamp(9px,.8vw,12px);line-height:1.3;opacity:.85;margin:0}
.pr-paper{background:#f1f0e9;color:#20201e;border-radius:clamp(12px,2vw,24px);position:relative;width:100%;aspect-ratio:1000/660;display:grid;place-items:center;overflow:hidden}
.pr-drawing{width:100%;height:100%;position:absolute;inset:0}
.pr-tab rect{fill:#f1f0e9;stroke:currentColor;stroke-width:2.2}
.pr-svg-label{font-family:'Altera',sans-serif;font-size:19px;font-weight:700;font-variation-settings:'SERF' 100,'CONT' 100,'wght' 750;fill:currentColor}
.pr-orbit-dots{fill:currentColor}
.pr-wordmark{font-family:'Altera',sans-serif;font-size:clamp(26px,6.4vw,100px);line-height:.83;letter-spacing:-.045em;text-align:center;white-space:nowrap;position:relative;z-index:1;pointer-events:none;font-variation-settings:'SERF' 800,'CONT' 800,'wght' 300;animation:pr-morph 22s ease-in-out infinite alternate}
@keyframes pr-morph{0%{font-variation-settings:'SERF' 800,'CONT' 800,'wght' 300}33%{font-variation-settings:'SERF' 100,'CONT' 800,'wght' 550}66%{font-variation-settings:'SERF' 800,'CONT' 100,'wght' 450}100%{font-variation-settings:'SERF' 100,'CONT' 100,'wght' 800}}
.pr-footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:clamp(16px,4vw,60px);margin-top:30px;font-size:clamp(13px,1.5vw,23px);line-height:1.18}
.pr-footer p{margin:0}.pr-footer strong{font-weight:700}
@media(max-width:800px){.pr-weights{grid-template-columns:repeat(4,1fr)}.pr-footer{grid-template-columns:1fr 1fr}.pr-footer p:first-child{grid-column:1/-1}.pr-wordmark{font-size:clamp(22px,6vw,52px)}}
@media(max-width:480px){.pr-weights{grid-template-columns:repeat(2,1fr)}.pr-svg-label{font-size:21px}.pr-wordmark{font-size:clamp(19px,5.6vw,30px)}.pr-footer{font-size:13px}}
@media(prefers-reduced-motion:reduce){.pr-wordmark{animation:none}.pr-orbit-dots{display:none}}



.pr-svg-label{font-size:15px;font-variation-settings:'SERF' 100,'CONT' 100,'wght' 700;dominant-baseline:middle}
.pr-weights strong{font-family:'Altera',sans-serif}
.pr-orbit-dots circle{fill:#fffbec;stroke:#26241f;stroke-width:1.2px}
@media(max-width:480px){.pr-svg-label{font-size:15px}}



.history-redesign{height:900vh!important;background:#a9bb8d}
.history-redesign .timeline-sticky{
  top:66px!important;height:calc(100svh - 66px)!important;
  display:flex!important;flex-direction:column!important;
  padding:clamp(14px,2.3vh,28px) clamp(22px,4vw,70px)!important;
  gap:clamp(12px,2vh,24px)!important;overflow:hidden!important;
}
.history-redesign .timeline-head{flex:0 0 auto!important}
.history-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(220px,33%) minmax(0,1fr);gap:clamp(28px,5vw,95px);align-items:center}
.history-rail{height:100%;min-height:0;position:relative;display:flex;align-items:center;border-right:1px solid rgba(35,32,26,.3)}
.history-rail-line{position:absolute;left:7px;top:0;bottom:0;border-left:1px solid rgba(35,32,26,.35)}
.history-rail-window{height:min(70vh,640px);width:100%;overflow:hidden;position:relative;mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent)}
.history-rail-track{position:absolute;top:50%;left:0;right:0;will-change:transform;transition:transform .12s linear}
.history-stop{height:clamp(66px,10vh,92px);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:0 15px 0 29px;opacity:.34;position:relative;transition:opacity .2s}
.history-stop:before{content:'';width:7px;height:7px;position:absolute;left:4px;top:50%;transform:translateY(-50%);background:#29251e;border-radius:50%}
.history-stop.active{opacity:1}
.history-stop.active:before{width:11px;height:11px;left:2px;box-shadow:0 0 0 4px #a9bb8d}
.history-stop-year{font-size:clamp(13px,1.5vw,19px);font-weight:750}
.history-stop-family{font-size:clamp(20px,2.4vw,36px);line-height:1.03}
.history-content{display:flex;flex-direction:column;justify-content:center;align-items:stretch;min-width:0;max-height:100%;gap:clamp(10px,1.8vh,22px);padding:10px 0}
.history-current{display:flex;gap:18px;align-items:baseline;justify-content:flex-start;border-bottom:1px solid #29251e55;padding-bottom:12px}
.history-current #year,.history-current #timelineFamily{font-size:clamp(13px,1.4vw,19px)!important;font-weight:750!important;letter-spacing:0!important;line-height:1.2!important;text-align:left!important}
.history-content .timeline-word{font-synthesis:none!important;font-size:clamp(42px,min(6.4vw,11vh),110px)!important;font-weight:800!important;line-height:.94!important;letter-spacing:normal!important;text-align:left!important;max-width:900px;white-space:normal!important;margin:0!important}
.history-content .timeline-subtitle{font-size:clamp(17px,2vw,27px)!important;line-height:1.14!important;text-align:left!important;max-width:780px;margin:0!important}
.history-content .timeline-body-columns{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(16px,2.5vw,42px)!important;max-width:850px;width:100%;margin:0!important;text-align:left!important}
.history-content .timeline-body-columns p{font-size:clamp(12px,1.1vw,16px)!important;line-height:1.38!important;text-align:left!important;margin:0!important}
.history-bottom{display:flex;justify-content:space-between;border-top:1px solid #29251e55;padding-top:12px;font-size:11px;letter-spacing:.07em;font-weight:700}
.history-progress{position:absolute;right:0;top:0;bottom:0;width:3px;background:#29251e22}
.history-progress #progressBar{width:100%!important;height:0;background:#29251e}
@media(max-height:730px){.history-content{gap:8px!important}.history-content .timeline-word{font-synthesis:none!important;font-size:clamp(37px,min(5.2vw,9vh),75px)!important}.history-content .timeline-body-columns p{font-size:12px!important}.history-rail-window{height:65vh}}
@media(max-width:700px){
 .history-redesign .timeline-sticky{top:94px!important;height:calc(100svh - 94px)!important;padding:12px 16px!important}
 .history-layout{grid-template-columns:30% minmax(0,1fr);gap:14px}
 .history-stop{padding-left:20px;height:70px}.history-stop-family{font-size:18px}.history-stop-year{font-size:11px}
 .history-content .timeline-word{font-synthesis:none!important;font-size:clamp(32px,8vw,55px)!important}
 .history-content .timeline-subtitle{font-size:15px!important}
 .history-content .timeline-body-columns{grid-template-columns:1fr!important;gap:7px!important}
 .history-content .timeline-body-columns p{font-size:11px!important;line-height:1.25!important}
 .history-current{flex-wrap:wrap;gap:6px}.history-current #year,.history-current #timelineFamily{font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){.history-rail-track{transition:none}}



header{position:sticky!important;top:0!important;z-index:100!important;min-height:62px;height:auto!important;transition:padding .25s ease,min-height .25s ease,background .25s ease;padding:12px 3%!important;gap:16px;backdrop-filter:blur(16px)}
header.is-scrolled{min-height:42px!important;padding:6px 3%!important;background:#e8dc9df2!important}
header nav{display:flex;align-items:center;gap:clamp(10px,1.4vw,23px);flex-wrap:wrap}
header nav a{font-size:clamp(9px,.83vw,12px);white-space:nowrap}
html{scroll-padding-top:65px}
.style-suffix{font-size:clamp(12px,1.5vw,20px);font-weight:600;margin-left:.35em;vertical-align:baseline;letter-spacing:.02em}
#cubePointer path[fill],#cubePointer polygon[fill]{fill:#a9dfe9!important}
#cubePointer .weight-handle{transform-box:fill-box;transform-origin:center;scale:.75;fill:#a9dfe9!important;stroke:#29241d!important}
.science-extra{font-size:clamp(14px,1.5vw,20px);line-height:1.4;max-width:550px;margin-top:22px}
#atomicSvg{touch-action:pan-y}
#atomicParticles circle{cursor:pointer;transition:r .2s ease,fill .2s ease,opacity .2s ease}
#atomicParticles circle:hover{fill:#f1e89a!important;opacity:1!important}
.history-content .timeline-word{font-size:clamp(52px,min(7.2vw,12vh),128px)!important;line-height:.87!important;display:flex;flex-direction:column;align-items:flex-start;gap:0!important}
.history-content .timeline-word span{display:block;white-space:nowrap}
.history-current{width:100%;gap:clamp(14px,2vw,30px)!important;align-items:center!important;min-height:54px}
.history-current #year,.history-current #timelineFamily{font-size:clamp(15px,1.7vw,23px)!important}
.history-era-icon{margin-left:auto;font-size:clamp(28px,3.3vw,48px);line-height:1;flex-shrink:0;font-family:Altera}
.history-content{width:100%!important}
.history-content .timeline-subtitle,.history-content .timeline-body-columns,.history-bottom{width:100%!important;max-width:none!important}
.history-content .timeline-body-columns{border-top:1px solid #29251e55;padding-top:12px}
.history-content .timeline-word{max-height:38vh}
@media(max-height:720px){.history-content .timeline-word{font-size:clamp(38px,min(5.8vw,9vh),86px)!important}.history-content{gap:7px!important}}
.pr-paper{position:relative}
.pr-label{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;font-family:Altera;font-size:clamp(9px,1.3vw,16px);font-weight:600;line-height:1;white-space:nowrap;z-index:4;pointer-events:none}
.pr-label-top,.pr-label-bottom{left:42.2%;width:15.6%;height:9.85%}
.pr-label-top{top:7.58%}.pr-label-bottom{top:82.58%}
.pr-label-left,.pr-label-right{top:43.3%;height:13.33%;width:6%}
.pr-label-left{left:5%;writing-mode:vertical-rl;transform:rotate(180deg)}
.pr-label-right{right:5%;writing-mode:vertical-rl}
.pr-wordmark{animation:none!important;transition:none!important}
.closing-cta{display:inline-flex;align-items:center;justify-content:center;padding:16px 28px;border:1px solid currentColor;color:inherit;text-decoration:none;font-weight:700;letter-spacing:.06em;margin:32px 0 70px;transition:background .2s,color .2s}
.closing-cta:hover{background:#29241d;color:#e9ddad}
@media(max-width:700px){header{align-items:flex-start!important;flex-direction:column!important}header nav{gap:10px}.history-content .timeline-word{font-size:clamp(32px,7.5vw,60px)!important}.history-era-icon{font-size:25px}.history-current #year,.history-current #timelineFamily{font-size:12px!important}.pr-label{font-size:8px}}



.family-name .style-suffix{font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important;font-style:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;text-transform:none!important;margin-left:.22em!important}
.science-copy{justify-content:flex-start!important}
.science-copy .science-extra{font-size:clamp(11px,1vw,14px)!important;line-height:1.45!important;margin-top:12px!important;max-width:540px!important}
.history-content .timeline-word{display:flex!important;flex-direction:column!important;align-items:flex-start!important;flex-shrink:0!important;font-size:clamp(40px,min(5.9vw,8.5vh),96px)!important;line-height:.96!important;max-height:none!important;margin-bottom:6px!important}
.history-content .timeline-word span{display:block!important;white-space:normal!important;line-height:1.02!important}
.history-content .timeline-subtitle{flex-shrink:0!important}
.closing-cta{padding:21px 19px!important;width:max-content!important;min-width:0!important;max-width:90vw!important;margin:14px 0 32px!important;line-height:1.1!important}
@media(max-width:700px){.history-content .timeline-word{font-size:clamp(27px,6.3vw,48px)!important;line-height:.96!important}}


 
 .science-head .micro{text-align:left!important;align-self:flex-start!important}
 .science-grid{align-items:stretch!important}
 .science-copy{display:flex!important;flex-direction:column!important;min-height:100%;justify-content:flex-start!important}
 .science-copy .science-meta{margin-top:auto!important;border-top:1px solid currentColor;padding-top:16px}
 .bezier-figure{position:relative!important;min-height:440px;display:flex;flex-direction:column;justify-content:center;align-items:center}
 .bezier-figure #atomicSvg{width:min(100%,540px);height:auto;overflow:visible}
 .bezier-figure .atomic-caption{position:static!important;text-align:center!important;margin:5px auto 15px}
 .bezier-options{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;max-width:540px}
 .bezier-options button{font:inherit;font-size:10px;letter-spacing:.02em;border:1px solid currentColor;background:transparent;color:inherit;padding:7px 9px;cursor:pointer}
 .bezier-options button.active,.bezier-options button:hover{background:#25211c;color:#e8ddad}
 .history-content .timeline-word{line-height:.84!important;letter-spacing:normal!important}
 .history-content .timeline-word span{letter-spacing:normal!important}
 .closing-cta{padding:22px 30px!important;font-size:clamp(13px,1.25vw,18px)!important}
 @media(max-width:700px){.bezier-figure{min-height:320px}.bezier-options button{font-size:9px;padding:6px}.science-copy .science-meta{margin-top:28px!important}}



.bezier-figure{position:relative!important;min-height:480px!important;padding-bottom:82px!important;box-sizing:border-box!important}
.bezier-figure #atomicSvg{width:min(100%,600px)!important;max-height:min(67vh,610px)!important;display:block!important;margin:auto!important}
.bezier-figure .atomic-caption{position:absolute!important;bottom:52px!important;left:0!important;right:0!important;width:100%!important;margin:0!important;text-align:center!important}
.bezier-figure .bezier-options{position:absolute!important;bottom:0!important;left:0!important;right:0!important;margin-inline:auto!important}
.history-content .timeline-word{line-height:.77!important}
.history-content .timeline-word span:first-child{line-height:.78!important}
.history-content .timeline-word span:last-child{line-height:.88!important}
@media(max-width:700px){.bezier-figure{min-height:355px!important;padding-bottom:85px!important}.bezier-figure #atomicSvg{max-height:340px!important}.bezier-figure .atomic-caption{bottom:53px!important}}



.science-copy .atomic-intro{font-family:inherit!important;font-size:12px!important;text-align:left!important;align-self:flex-start!important;margin:0 0 16px!important;letter-spacing:.06em!important;text-transform:none!important}
.bezier-figure{padding-bottom:74px!important;justify-content:flex-start!important}
.bezier-figure #atomicSvg{width:min(100%,600px)!important;max-height:calc(100% - 95px)!important;flex:1 1 auto!important;min-height:0!important}
.bezier-figure .bezier-options{bottom:12px!important}
@media(max-width:700px){.bezier-figure{padding-bottom:75px!important}.science-copy .atomic-intro{margin-bottom:12px!important}}



.bezier-figure .atomic-box-title{position:absolute;top:17px;left:0;right:0;text-align:center;z-index:2;font-size:10px;line-height:1.3;font-weight:600;letter-spacing:.065em;pointer-events:none;color:#27231d}
.bezier-figure #atomicSvg{padding-top:22px;box-sizing:border-box}

section[id]{scroll-margin-top:78px}.bezier-options button{cursor:default!important;pointer-events:none!important}.bezier-options button:disabled{opacity:1!important}


.bezier-figure{padding-bottom:104px!important}
.bezier-figure .atomic-style-track{position:absolute;left:20px;right:20px;bottom:14px;z-index:4;pointer-events:none;font-family:inherit}
.atomic-track-rail{position:relative;height:12px;margin:0 calc(100% / 18);border-top:1px solid #655e50}
.atomic-track-cursor{position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:#f36527;transform:translateX(-50%);box-shadow:0 0 0 3px #f3652730}
.atomic-track-stops{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:0}
.atomic-track-stop{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}
.atomic-track-point{width:4px;height:4px;border-radius:50%;background:#6e6558;margin-top:-15px;z-index:1}
.atomic-track-label{font-size:clamp(7px,.68vw,10px);line-height:1.2;letter-spacing:0;text-align:center;white-space:nowrap;color:#6e6558}
.atomic-track-stop.active .atomic-track-point{background:#f36527}
.atomic-track-stop.active .atomic-track-label{color:#24221d;font-weight:700}
@media(max-width:700px){.bezier-figure{padding-bottom:100px!important}.bezier-figure .atomic-style-track{left:6px;right:6px}.atomic-track-label{font-size:7px;letter-spacing:-.03em}}


.bezier-figure .atomic-style-track{bottom:3px!important;left:12px!important;right:12px!important}
.atomic-track-rail{height:12px!important;border-top:1px solid #6e6558!important}
.atomic-track-point{width:5px!important;height:5px!important;margin-top:-15px!important;background:#6e6558!important}
.atomic-track-cursor{top:-5px!important;background:#6e6558!important;box-shadow:0 0 0 3px #6e65582b!important}
.atomic-track-stop.active .atomic-track-point{background:#6e6558!important}
.atomic-track-label{font-size:clamp(6px,.49vw,8px)!important;letter-spacing:0!important;line-height:1.1!important;white-space:nowrap!important;font-weight:400!important}
.atomic-track-stop.active .atomic-track-label{font-weight:600!important}
@media(max-width:700px){.bezier-figure .atomic-style-track{left:2px!important;right:2px!important;bottom:2px!important}.atomic-track-label{font-size:clamp(5px,1.15vw,7px)!important}}



.atomic-track-stop{position:relative!important}
.atomic-track-point{position:absolute!important;top:-14.5px!important;left:50%!important;transform:translateX(-50%)!important;margin:0!important;width:5px!important;height:5px!important}
.atomic-track-cursor{top:-4px!important;background:#f36527!important;box-shadow:0 0 0 3px #f3652730!important}
.atomic-track-stop.active .atomic-track-point{background:#f36527!important}
.atomic-track-stop.active .atomic-track-label{color:#f36527!important;font-weight:700!important}
.atomic-track-label{font-size:clamp(8px,.7vw,11px)!important;line-height:1.15!important;letter-spacing:-.01em!important;margin-top:6px!important}
@media(max-width:700px){.atomic-track-label{font-size:clamp(6px,1.35vw,9px)!important}}


.atomic-track-rail{border-top:1px solid #6e6558!important}
.atomic-track-cursor{top:0!important;transform:translate(-50%,-50%)!important;background:#24221d!important;box-shadow:0 0 0 3px #24221d22!important}
.atomic-track-point{top:-14.5px!important;transform:translate(-50%,-50%)!important}
.atomic-track-stop.active .atomic-track-point{background:#24221d!important}
.atomic-track-stop.active .atomic-track-label{color:#24221d!important}


.atomic-track-rail{height:0!important;border-top:1px solid #6e6558!important}
.atomic-track-stops{position:relative!important}
.atomic-track-point{top:-1px!important;left:50%!important;transform:translate(-50%,-50%)!important;margin:0!important}
.atomic-track-cursor{top:0!important;transform:translate(-50%,-50%)!important}
.atomic-track-label{margin-top:17px!important}



.atomic-track-alignment{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:0px;align-items:start}
.atomic-track-alignment>.atomic-track-rail{grid-area:1/1;height:0!important;border-top:1px solid #6e6558!important;box-sizing:border-box}
.atomic-track-alignment>.atomic-track-stops{grid-area:1/1;position:relative!important;top:0!important;margin:0!important}
.atomic-track-alignment .atomic-track-point{top:0!important;left:50%!important;transform:translate(-50%,-50%)!important;margin:0!important}
.atomic-track-alignment .atomic-track-cursor{top:-.5px!important;transform:translate(-50%,-50%)!important}
.atomic-track-alignment .atomic-track-label{margin-top:17px!important}

.history-current #year,.history-current #timelineFamily{font-size:clamp(19px,2.1vw,30px)!important;line-height:1.1!important}
.history-content .timeline-body-columns{padding-bottom:clamp(15px,2.5vh,32px)!important}
.history-bottom{margin-top:4px!important}
@media(max-width:700px){.history-current #year,.history-current #timelineFamily{font-size:clamp(14px,3.3vw,21px)!important}.history-content .timeline-body-columns{padding-bottom:12px!important}}



@media (min-width: 1500px){
  .history-redesign .timeline-sticky{padding-left:max(70px,calc((100vw - 1660px)/2))!important;padding-right:max(70px,calc((100vw - 1660px)/2))!important}
  .history-layout{grid-template-columns:minmax(260px,33%) minmax(0,1fr)!important;gap:clamp(50px,5vw,95px)!important}
  .history-content{width:100%;max-width:850px;justify-self:start;gap:clamp(10px,1.8vh,22px)!important}
  .history-content .timeline-word{font-size:clamp(62px,5vw,110px)!important}
  .history-content .timeline-subtitle{font-size:clamp(20px,1.4vw,27px)!important}
  .history-content .timeline-body-columns{max-width:850px;gap:clamp(20px,2vw,42px)!important}
  .history-content .timeline-body-columns p{font-size:clamp(13px,.95vw,16px)!important}
}

html{scroll-padding-top:78px}
section#explore,section#science,section#timeline,section#glyphs,section#principles{scroll-margin-top:78px!important}
@media(max-width:700px){html{scroll-padding-top:106px}section#explore,section#science,section#timeline,section#glyphs,section#principles{scroll-margin-top:106px!important}}



.history-redesign .timeline-head{
  box-sizing:border-box!important;
  width:100vw!important;max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding-left:clamp(22px,4vw,70px)!important;
  padding-right:clamp(22px,4vw,70px)!important;
}
@media(min-width:1500px){
 .history-redesign .timeline-head{padding-left:max(70px,calc((100vw - 1660px)/2))!important;padding-right:max(70px,calc((100vw - 1660px)/2))!important}
}
@media(max-width:700px){.history-redesign .timeline-head{padding-left:16px!important;padding-right:16px!important}}



#science .science-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:stretch!important;gap:clamp(22px,3vw,56px)}
#science .diagram{min-width:0;aspect-ratio:auto!important;min-height:clamp(470px,46vw,700px);display:flex;align-items:stretch;justify-content:center;overflow:hidden}
#science .bezier-figure{width:100%!important;max-width:680px;min-width:0;min-height:0!important;height:auto!important;aspect-ratio:auto!important;box-sizing:border-box!important;padding:40px 16px 100px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;position:relative!important}
#science .bezier-figure #atomicSvg{position:relative!important;inset:auto!important;flex:0 1 auto!important;width:100%!important;height:auto!important;max-height:min(55vw,530px)!important;min-height:0!important;aspect-ratio:1/1;overflow:hidden!important;padding:0!important;margin:0 auto!important;display:block!important}
#science .bezier-figure .atomic-box-title{top:15px!important;left:10px!important;right:10px!important}
#science .bezier-figure .atomic-style-track{position:absolute!important;bottom:18px!important;left:clamp(12px,2vw,26px)!important;right:clamp(12px,2vw,26px)!important}
#science .science-copy{min-width:0;min-height:0!important;overflow-wrap:break-word;justify-content:flex-start!important;gap:0}
#science .science-copy p{font-size:clamp(23px,2.7vw,45px);line-height:1.12;max-width:100%;margin-bottom:clamp(14px,2vw,28px)}
#science .science-copy .science-extra{font-size:clamp(12px,1vw,15px)!important;line-height:1.5!important;margin-top:0!important}
#science .science-copy .science-meta{margin-top:auto!important;padding-top:16px!important;gap:16px}
@media(max-width:1100px){
 #science .science-grid{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
 #science .diagram{min-height:0!important}
 #science .bezier-figure{max-width:700px;min-height:clamp(390px,75vw,660px)!important}
 #science .bezier-figure #atomicSvg{max-height:min(64vw,510px)!important}
 #science .science-copy .science-meta{margin-top:28px!important}
 #science .science-copy p{font-size:clamp(24px,4.3vw,43px)}
}
@media(max-width:600px){
 #science .bezier-figure{padding:38px 10px 82px!important;min-height:0!important}
 #science .bezier-figure #atomicSvg{max-height:none!important;width:100%!important;aspect-ratio:1/1}
 #science .bezier-figure .atomic-style-track{bottom:12px!important;left:8px!important;right:8px!important}
 #science .atomic-track-label{font-size:clamp(5px,1.35vw,8px)!important;letter-spacing:-.03em!important}
 #science .science-copy p{font-size:clamp(23px,6.3vw,36px)}
 #science .science-copy .science-meta{font-size:10px;gap:12px}
}


#science .bezier-figure{padding-bottom:124px!important;overflow:visible!important}
#science .bezier-figure .atomic-style-track{display:block!important;visibility:visible!important;opacity:1!important;bottom:27px!important;z-index:12!important;left:clamp(14px,2vw,26px)!important;right:clamp(14px,2vw,26px)!important}
#science .atomic-track-alignment{display:block!important;position:relative!important;min-height:52px!important}
#science .atomic-track-stops{display:grid!important;grid-template-columns:repeat(9,minmax(0,1fr))!important;visibility:visible!important}
#science .atomic-track-stop{display:flex!important;visibility:visible!important;min-width:0!important}
#science .atomic-track-label{display:block!important;visibility:visible!important;opacity:1!important;font-size:clamp(7px,.78vw,11px)!important;white-space:nowrap!important;line-height:1.3!important}
@media(max-width:600px){
 #science .bezier-figure{padding-bottom:108px!important}
 #science .bezier-figure .atomic-style-track{bottom:20px!important;left:5px!important;right:5px!important}
 #science .atomic-track-label{font-size:clamp(5px,1.4vw,8px)!important;letter-spacing:-.04em!important}
}



#science #atomicSvg{overflow:visible!important;max-width:100%!important}

.history-redesign .timeline-head{
 width:100%!important;max-width:none!important;margin:0!important;
 padding:12px 0 0!important;box-sizing:border-box!important;
 border-top:1px solid #29241d!important;
 font-size:12px!important;font-weight:700!important;
 text-transform:uppercase!important;line-height:1.35!important;
 display:flex!important;justify-content:space-between!important;gap:16px!important;
}
.history-redesign .timeline-sticky{padding-left:3vw!important;padding-right:3vw!important}
@media(max-width:600px){.history-redesign .timeline-head{font-size:10px!important}}



header nav a{transition:color .18s ease,opacity .18s ease;opacity:.63}
header nav a:hover,header nav a:focus-visible{opacity:1}
header nav a.is-current{opacity:1;color:#1e1c17!important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}

/* V68 — editorial layout refinements */
/* Keep the hero larger without cutting off either side of the variable font. */
.hero h1{font-size:clamp(100px,23.5vw,440px);max-width:100%;margin-left:0;margin-right:0;letter-spacing:-.075em}
/* Give the history editorial column more room and centre the block in its half. */
@media(min-width:901px){
  .history-redesign .history-layout{grid-template-columns:minmax(155px,23%) minmax(0,1fr)!important;gap:clamp(20px,3vw,56px)!important}
  .history-redesign .history-content{justify-self:center!important;align-self:center!important;width:100%!important;max-width:1100px!important;min-width:0!important}
  .history-redesign .history-content .timeline-word{font-size:clamp(45px,min(5.15vw,10vh),106px)!important;max-width:100%!important}
  .history-redesign .history-content .timeline-word span{white-space:nowrap!important}
  .history-redesign .history-content .timeline-subtitle,.history-redesign .history-content .timeline-body-columns{max-width:100%!important}
}
/* The final statement and call-to-action share a common centre axis. */
.outro{align-items:center;text-align:center}
.outro>h2{width:100%;max-width:1400px;margin-left:auto;margin-right:auto;text-align:center}
.outro>.micro{text-align:center}
.outro>.closing-cta{align-self:center;min-width:230px!important;padding:25px 42px!important;font-size:clamp(15px,1.4vw,20px)!important;text-align:center;margin-left:auto!important;margin-right:auto!important}
.outro>.footer{align-self:stretch;width:100%;text-align:left}
@media(max-width:900px){
  .hero h1{font-size:23vw}
  .history-redesign .history-content{align-self:center!important}
  .outro>.closing-cta{padding:22px 34px!important;min-width:210px!important}
}