:root{--paper: #f2efe6;--paper-deep: #e4dfd2;--ink: #102c3b;--muted: #58636b;--blue: #075f88;--blue-light: #b7d9e6;--signal: #a93018;--signal-light: #ff8f76;--rule: rgba(16, 44, 59, .18);--sans: "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body:before{position:fixed;inset:0;z-index:10;pointer-events:none;content:"";opacity:.18;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='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}img{display:block;max-width:100%}a{color:inherit}button,input{font:inherit}:focus-visible{outline:3px solid currentColor;outline-offset:4px}.skip-link{position:fixed;top:1rem;left:1rem;z-index:99;padding:.75rem 1rem;background:#fff;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.masthead{height:82px;padding:0 clamp(1.25rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule);position:relative;z-index:4}.wordmark{display:flex;align-items:center;gap:.8rem;text-decoration:none;font-weight:650;letter-spacing:-.02em}.wordmark-mark{padding:.55rem .5rem .45rem;background:var(--blue);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.08em;transform:rotate(-2deg)}.masthead nav{display:flex;gap:clamp(1rem,3vw,2.5rem);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.masthead nav a{text-decoration:none}.masthead nav a:hover,.masthead nav a:focus-visible{text-decoration:underline;text-underline-offset:.35rem}.hero{min-height:calc(100svh - 82px);padding:clamp(4rem,8vw,8rem) clamp(1.25rem,6vw,7rem) 3rem;display:grid;grid-template-columns:minmax(0,.85fr) minmax(320px,.9fr);grid-template-rows:1fr auto;align-items:center;gap:2rem 5vw;overflow:hidden}.hero-copy{position:relative;z-index:2;max-width:780px}.eyebrow{margin:0 0 1.25rem;color:var(--signal);font-size:.7rem;font-weight:750;letter-spacing:.18em;text-transform:uppercase}h1,h2,blockquote{font-family:var(--serif);font-weight:400;letter-spacing:-.055em}h1{margin:0;font-size:clamp(3.7rem,7.7vw,8.2rem);line-height:.86}h1 em{color:var(--blue);font-weight:400}.dek{max-width:590px;margin:2rem 0;font-family:var(--serif);font-size:clamp(1.1rem,1.7vw,1.45rem);line-height:1.48}.enter-link{display:inline-flex;gap:1rem;padding-bottom:.45rem;border-bottom:1px solid currentColor;text-decoration:none;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.enter-link span{color:var(--signal)}.hero-stack{min-height:min(60vw,620px);position:relative}.hero-card{width:min(75%,430px);margin:0;position:absolute;top:50%;left:50%;padding:10px 10px 0;background:#fff;border:1px solid rgba(16,44,59,.2);box-shadow:0 25px 70px #102c3b26}.hero-card img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top}.hero-card figcaption{padding:.65rem .2rem .55rem;font-family:var(--serif);font-size:1rem}.card-back{transform:translate(-70%,-58%) rotate(-9deg)}.card-middle{transform:translate(-25%,-50%) rotate(8deg)}.card-front{transform:translate(-52%,-42%) rotate(-1deg)}.hero-card{transition:transform .5s ease}.hero-stack:hover .card-back{transform:translate(-76%,-61%) rotate(-12deg)}.hero-stack:hover .card-middle{transform:translate(-18%,-52%) rotate(11deg)}.archive-stamp{position:absolute;right:1%;bottom:7%;z-index:3;width:94px;height:94px;border:1px solid var(--signal);border-radius:50%;color:var(--signal);display:grid;place-content:center;text-align:center;font-size:.65rem;font-weight:800;line-height:.9;letter-spacing:.15em;transform:rotate(8deg)}.hero-note{grid-column:1/-1;margin:0;padding-top:2rem;border-top:1px solid var(--rule);font-family:var(--serif);font-style:italic}.archive{background:var(--ink);color:var(--paper);padding:clamp(5rem,10vw,10rem) clamp(1.25rem,6vw,7rem);display:grid;grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);gap:7vw;align-items:start}.archive .eyebrow{color:var(--signal-light)}.section-intro{position:sticky;top:3rem}h2{margin:0;font-size:clamp(3rem,6vw,6.6rem);line-height:.92}.section-intro>p:last-child{max-width:390px;margin-top:2rem;color:#b9c5ca;line-height:1.7;font-size:.95rem}.viewer-shell{min-width:0}.viewer-meta{min-height:140px;display:grid;grid-template-columns:.4fr 1fr;gap:2rem;align-items:end;margin-bottom:1.4rem}.viewer-year{margin:0;color:var(--blue-light);font-family:var(--serif);font-size:clamp(3.2rem,7vw,7rem);line-height:.8;letter-spacing:-.07em}.viewer-era{margin:.65rem 0 0;font-size:.7rem;text-transform:uppercase;letter-spacing:.16em}.viewer-note{margin:0;max-width:520px;color:#d6dddf;font-family:var(--serif);font-size:clamp(1.1rem,1.7vw,1.4rem);line-height:1.4}.viewer-context{align-self:end}.original-link{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.15rem;color:var(--blue-light);font-size:.62rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;text-underline-offset:.35rem}.original-link:hover,.original-link:focus-visible{color:#fff}.browser-frame{overflow:hidden;border-radius:9px;background:#d8dcde;box-shadow:0 35px 80px #00000059}.browser-bar{height:48px;padding:0 15px;display:flex;align-items:center;gap:7px;background:#e6e7e7}.browser-bar>span{width:10px;height:10px;border-radius:50%;background:#aeb5b7}.browser-bar>span:first-child{background:#c84b34}.browser-bar div{margin-left:12px;flex:1;padding:.38rem .75rem;border:1px solid #c9ced0;border-radius:4px;background:#fff;color:#778184;font-size:.7rem}.browser-page{height:min(64vh,640px);overflow:auto;background:#fff;scrollbar-width:thin;scrollbar-color:var(--blue) #e6e7e7}.browser-page:focus-visible{outline:4px solid var(--signal-light);outline-offset:-4px}.browser-page img{width:100%;height:auto}.scroll-cue{height:30px;padding:0 1rem;color:var(--ink);display:flex;justify-content:flex-end;align-items:center;gap:.6rem;font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.scroll-cue i{display:block;width:38px;height:2px;background:var(--signal)}.year-control{margin-top:2.5rem}.year-control-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.year-control-row label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em}.arrow-button{width:44px;height:44px;border:1px solid #91a0a6;border-radius:50%;background:transparent;color:#fff;cursor:pointer}.arrow-button:hover,.arrow-button:focus-visible{background:var(--paper);color:var(--ink)}.arrow-button:disabled{cursor:not-allowed;opacity:.5}#year-range,#comparison-range{width:100%;accent-color:var(--signal);cursor:ew-resize}#year-range{margin-top:1.2rem}.range-labels{display:flex;justify-content:space-between;margin-top:.45rem;color:#91a0a6;font-family:var(--serif);font-size:.72rem}.eras{padding:clamp(5rem,10vw,10rem) clamp(1.25rem,6vw,7rem)}.eras-heading{max-width:850px;margin-bottom:5rem}.era-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}.era-list li{display:grid;grid-template-columns:.22fr 1fr;padding:clamp(2rem,4vw,4rem) 0;border-bottom:1px solid var(--rule)}.era-list li>div{display:grid;grid-template-columns:.28fr .5fr 1fr;gap:2rem;align-items:baseline}.era-number{color:var(--signal);font-family:var(--serif);font-size:1.4rem}.era-years{font-size:.65rem;font-weight:750;letter-spacing:.14em}.era-list h3{margin:0;font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.7rem);font-weight:400;letter-spacing:-.04em}.era-list p:last-child{margin:0;color:var(--muted);line-height:1.6}.compare{padding:clamp(5rem,9vw,9rem) clamp(1.25rem,6vw,7rem);background:var(--paper-deep)}.compare-copy{display:grid;grid-template-columns:.35fr .65fr 1fr;gap:3rem;align-items:end;margin-bottom:4rem}.compare-copy .eyebrow{align-self:start}.compare-copy h2{font-size:clamp(2.8rem,5vw,5.8rem)}.compare-copy>p:last-child{max-width:400px;margin:0;color:var(--muted);line-height:1.65}.comparison{position:relative;height:min(63vw,720px);min-height:330px;overflow:hidden;background:#fff;border:10px solid white;box-shadow:0 20px 60px #102c3b1f}.comparison>img,.comparison-after,.comparison-after img{width:100%;height:100%;object-fit:cover;object-position:top}.comparison-after{position:absolute;inset:0;overflow:hidden;clip-path:inset(0 0 0 52%)}.comparison-after img{position:absolute;inset:0}.comparison-line{position:absolute;left:52%;top:0;bottom:0;width:2px;background:#fff;transform:translate(-1px);box-shadow:0 0 0 1px #102c3b4d;pointer-events:none}.comparison-line span{position:absolute;top:50%;left:50%;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--signal);color:#fff;transform:translate(-50%,-50%);font-size:1.25rem}.compare-label{position:absolute;top:1rem;z-index:3;padding:.45rem .7rem;background:var(--ink);color:#fff;font-size:.65rem;font-weight:800;letter-spacing:.13em}.label-before{left:1rem}.label-after{right:1rem}#comparison-range{position:absolute;z-index:4;inset:0;height:100%;opacity:0}#comparison-range:focus-visible{opacity:1;height:2rem;top:auto;bottom:1rem;left:1rem;width:calc(100% - 2rem)}.collection{padding:clamp(5rem,10vw,10rem) clamp(1.25rem,6vw,7rem)}.collection-heading{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:4rem}.collection-heading>p{max-width:310px;margin:0;color:var(--muted)}.year-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(1rem,2vw,2.5rem) clamp(.75rem,1.5vw,1.5rem)}.year-card{min-height:44px;padding:0;border:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.year-card-image{position:relative;aspect-ratio:4/5;overflow:hidden;background:#d9d7cf}.year-card-image img{width:100%;height:100%;object-fit:cover;object-position:top;filter:saturate(.82);transition:transform .5s ease,filter .4s ease}.year-card:hover img,.year-card:focus-visible img{transform:scale(1.035);filter:saturate(1)}.year-card:focus-visible{outline:3px solid var(--signal);outline-offset:5px}.year-card[aria-pressed=true] .year-card-image{box-shadow:0 0 0 4px var(--paper),0 0 0 7px var(--signal)}.depth-mark{position:absolute;right:.45rem;bottom:.45rem;width:4px;background:var(--signal);min-height:8px;box-shadow:0 0 0 3px #ffffffbf}.year-card-meta{display:flex;justify-content:space-between;align-items:baseline;padding-top:.65rem;border-top:1px solid var(--ink);margin-top:.65rem}.year-card-year{font-family:var(--serif);font-size:1.45rem}.year-card-era{color:var(--muted);font-size:.52rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.closing{min-height:80vh;padding:clamp(6rem,12vw,12rem) 1.5rem;position:relative;overflow:hidden;background:var(--blue);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.closing-years{position:absolute;inset:50% auto auto 50%;margin:0;color:#ffffff0e;font-family:var(--serif);font-size:18vw;white-space:nowrap;transform:translate(-50%,-55%)}.closing blockquote{position:relative;max-width:880px;margin:0;font-size:clamp(3rem,6vw,6.5rem);line-height:.95}.closing>p:not(.closing-years){max-width:610px;margin:2.5rem auto;line-height:1.7;color:#d7e7ec}.closing a{font-size:.7rem;font-weight:750;letter-spacing:.15em;text-transform:uppercase;text-underline-offset:.5rem}footer{padding:2rem clamp(1.25rem,6vw,7rem);display:flex;justify-content:space-between;gap:2rem;background:#081d28;color:#aab8be;font-size:.72rem;letter-spacing:.05em}footer a{display:inline-flex;min-height:44px;align-items:center;text-underline-offset:.3rem}@media(max-width:900px){.hero{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding-top:5rem}.hero-stack{min-height:420px;margin-top:2rem}.hero-card img{height:240px;aspect-ratio:auto}.hero-stack:hover .card-back{transform:translate(-70%,-58%) rotate(-9deg)}.hero-stack:hover .card-middle{transform:translate(-25%,-50%) rotate(8deg)}.archive{grid-template-columns:1fr}.section-intro{position:static}.viewer-meta{grid-template-columns:1fr}.era-list li>div{grid-template-columns:1fr;gap:.5rem}.compare-copy{grid-template-columns:1fr;gap:1rem}.year-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.masthead nav a:not(:first-child){display:none}.hero{display:block;min-height:auto;padding-top:4rem}h1{font-size:clamp(3.5rem,18vw,5.3rem)}.hero-stack{height:250px;min-height:250px;margin:3rem 0 2.5rem}.hero-card{width:min(72%,300px);padding:6px 6px 0}.hero-card img{height:150px}.hero-card figcaption{padding:.45rem .15rem .4rem;font-size:.85rem}.card-back,.hero-stack:hover .card-back{transform:translate(-72%,-58%) rotate(-7deg)}.card-middle,.hero-stack:hover .card-middle{transform:translate(-28%,-50%) rotate(6deg)}.card-front{transform:translate(-52%,-36%) rotate(-1deg)}.archive-stamp{right:0;bottom:3%;width:68px;height:68px;font-size:.5rem}.hero-note{padding-top:1.5rem}.archive{padding-inline:1rem}.viewer-meta{min-height:0}.browser-page{height:57vh}.era-list li{grid-template-columns:45px 1fr}.collection-heading{display:block}.collection-heading>p{margin-top:1.5rem}.year-grid{grid-template-columns:repeat(2,1fr)}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}