/* About us: a family story, visual milestones and the complete image archive. */
.about-page{color:var(--navy);--about-green:#225d50;--about-paper:#f5f4ee}
.about-page h1,.about-page h2,.about-page h3,.about-belief p{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.035em}
.about-page p{line-height:1.7}.about-page h2{font-size:clamp(2rem,3.2vw,3rem);line-height:1.15;margin:12px 0 18px}.about-page h3{font-size:1.5rem;line-height:1.2;margin:10px 0}
.about-page .eyebrow{color:#75818a;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px}.about-page a:not(.button){color:var(--about-green)}
.about-hero{background:var(--about-paper);overflow:hidden}.about-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding-top:48px;padding-bottom:48px}.about-hero-copy{max-width:530px}.about-page h1{font-size:clamp(3.5rem,6.5vw,6.4rem);line-height:.98;margin:18px 0 28px}.about-hero-copy>p:not(.eyebrow){font-size:1.08rem}.about-hero .button{background:var(--about-green);margin-top:12px;padding:16px 28px}.about-hero figure{margin:0;max-width:430px;justify-self:center;transform:rotate(3deg);padding:12px;background:#fff;box-shadow:0 18px 42px #1e302b24}.about-hero img{display:block;width:100%;height:auto;max-height:500px;object-fit:contain}.about-hero figcaption{text-align:center;font-size:.7rem;margin-top:10px;color:var(--muted)}
.about-family{display:grid;grid-template-columns:1fr 1.1fr .9fr;gap:32px;align-items:center;padding-top:64px;padding-bottom:64px}.about-family figure{margin:0;padding:10px;background:#f3eee2;box-shadow:0 4px 12px #24362914;transform:rotate(-2deg)}.about-family img{display:block;width:100%;height:auto}.about-family figcaption{font-size:.7rem;padding-top:8px;color:var(--muted)}.about-family h2{font-size:2rem}.about-family p{font-size:.95rem}.about-belief{padding:30px;background:var(--about-paper);border-radius:8px}.about-belief:before{content:'';display:block;width:32px;border-top:2px solid #92a49a}.about-belief p{font-size:1.8rem;line-height:1.4;font-style:italic;margin:22px 0 30px}.about-belief .eyebrow{font-size:.6rem}
.about-journey{padding-top:16px;padding-bottom:64px}.about-intro{max-width:760px;color:#52616a}.about-milestones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:32px}.about-milestones img{width:100%;height:auto;aspect-ratio:1.2;object-fit:contain;background:var(--about-paper);border:1px solid #e7e8e3;border-radius:4px;margin-bottom:18px}.about-milestones p{font-size:.9rem;margin:8px 0}.about-milestones .micro{font-size:.7rem;color:var(--muted)}
.about-archive,.about-design{padding-top:48px;padding-bottom:48px;border-top:1px solid var(--line)}.about-archive .history-collage{max-width:900px;margin:32px auto}.about-archive .history-collage img{width:100%;height:auto}.about-archive figcaption{font-size:.85rem;line-height:1.6;color:#52616a}.about-archive .process-first-basemap h3{font-size:1.8rem}.about-design .process-stages{display:grid;padding-left:24px}.about-design .process-stages li{padding-left:6px}.about-design .process-stages p{font-size:.95rem}.about-page .exploration-section-heading{max-width:760px}.about-page .exploration-boards h3{font-size:1.6rem}.about-page .exploration-icons{margin-top:0}.about-closing{background:var(--about-paper);padding:64px 0;margin-top:20px}.about-closing h2{font-size:clamp(2.8rem,5vw,4.8rem)}.about-closing p:not(.eyebrow){max-width:710px;font-size:1.1rem}.about-closing a{display:inline-block;margin-top:12px;font-weight:700}.about-credit{padding-top:24px;padding-bottom:0}
@media(max-width:1000px){.about-family{grid-template-columns:1fr 1fr}.about-belief{grid-column:1/-1}.about-belief p{max-width:700px}.about-milestones{grid-template-columns:repeat(2,minmax(0,1fr))}.about-hero-grid{gap:32px}}
@media(max-width:650px){.about-hero-grid{grid-template-columns:1fr;padding-top:36px;gap:32px}.about-hero figure{max-width:300px;transform:rotate(2deg)}.about-family{grid-template-columns:1fr;gap:24px;padding-top:40px;padding-bottom:40px}.about-family figure{max-width:420px}.about-belief{grid-column:auto}.about-milestones{gap:24px 16px}.about-milestones h3{font-size:1.3rem}.about-archive,.about-design{padding-top:32px;padding-bottom:32px}.about-closing{padding:40px 0}.about-page .exploration-boards{grid-template-columns:1fr}.about-page .exploration-icons ul{grid-template-columns:repeat(2,minmax(0,1fr))}}

.about-icon-comparison>p{max-width:760px}.about-icon-comparison figure{margin:28px 0 0}.about-icon-comparison img{display:block;width:100%;height:auto;background:white}.about-icon-comparison figcaption{font-size:.85rem;line-height:1.6;color:var(--muted);margin-top:12px}.about-icon-comparison figure a{display:block;cursor:zoom-in}

/* Small icon studies use existing map artwork and existing SVG symbols. */
.icon-study-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px;margin-top:28px}
.about-icon-comparison .icon-study-card{margin:0;min-width:0}.icon-study-map{position:relative;aspect-ratio:1.3;overflow:hidden;border-radius:6px;background-size:260% auto;background-position:50% 45%;background-color:#233b35}
.icon-study-map .icon-study-marker{position:absolute;display:grid;place-items:center;width:24px;height:24px;transform:translate(-50%,-50%);color:#f9f4dc;filter:drop-shadow(0 1px 2px #183d2b99)}
.icon-study-marker svg{display:block;width:20px;height:20px}.icon-study-marker.marker-1{left:36%;top:34%}.icon-study-marker.marker-2{left:62%;top:65%}.icon-study-marker.marker-3{left:75%;top:26%}
.icon-study-map.day .icon-study-marker{color:#355943;filter:drop-shadow(0 1px 1px #fff9)}.icon-study-map.summer.day .icon-study-marker{border-radius:50%;background:#315b48d9;color:#fff8df;box-shadow:0 0 0 1px #f4ecd7a6}.icon-study-map.summer.day svg{width:16px;height:16px}.icon-study-map.autumn.day .icon-study-marker{color:#704a25}.icon-study-map.winter.day .icon-study-marker{color:#4f6975}
.icon-study-map.night .icon-study-marker{filter:drop-shadow(0 0 2px #ffe5a4) drop-shadow(0 0 7px #ffbb536e)}.icon-study-map.night .icon-study-marker:before{content:'';position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(ellipse,#ffd78638,transparent 68%)}.icon-study-map.night svg{position:relative}.icon-study-map.autumn.night .icon-study-marker{color:#ffe0a3;filter:drop-shadow(0 0 3px #ffba59) drop-shadow(0 0 8px #ed852c88)}.icon-study-map.winter.night .icon-study-marker{color:#fff6d5;filter:drop-shadow(0 0 3px #ffe3a7) drop-shadow(0 0 7px #badbfa88)}
.about-icon-comparison .icon-study-card figcaption{margin:10px 0 0;font-size:.8rem}.icon-study-card figcaption strong,.icon-study-card figcaption span{display:block}.icon-study-card figcaption strong{color:var(--navy);font-size:.95rem;margin-bottom:3px}.icon-study-original{margin-top:24px}.icon-study-original summary{cursor:pointer;font-size:.85rem;color:var(--about-green)}.about-icon-comparison .icon-study-original figure{max-width:480px;margin:16px auto 0}
@media(max-width:1000px){.icon-study-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.icon-study-grid{gap:20px 12px}.icon-study-map{aspect-ratio:1}.icon-study-map .icon-study-marker{width:21px;height:21px}.icon-study-marker svg{width:17px;height:17px}}
.icon-study-map.day:not(.summer) .icon-study-marker{filter:drop-shadow(0 0 1px #fff8e6) drop-shadow(0 0 2px #fff8e6);background:#f7f2df80;border-radius:50%}

/* Clean source art keeps the study symbols separate from the basemap. */
.clean-study-map{position:relative;aspect-ratio:1.3;overflow:hidden;border-radius:6px;background-size:250% auto;background-position:50% 55%;background-color:#233b35}
.study-symbol{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%);width:24px;height:24px;color:#31543c}
.study-symbol svg{width:18px;height:18px;display:block}.symbol-1{left:30%;top:32%}.symbol-2{left:62%;top:68%}.symbol-3{left:77%;top:28%}
.treatment-ink .study-symbol{filter:drop-shadow(0 0 2px #ffffef)}
.treatment-solid .study-symbol{color:#214e3b;filter:drop-shadow(0 1px 1px #fffd)}.treatment-solid path{fill:currentColor;stroke:#f5f0d6;stroke-width:.65}
.treatment-stamp .study-symbol{background:#934f30;color:#fff4d8;border:1px solid #f9edd2;border-radius:3px;box-shadow:0 2px 3px #47291555}.treatment-stamp svg{width:16px;height:16px}
.treatment-pin .study-symbol{border-radius:50% 50% 50% 0;background:#fffdf0;color:#34596b;border:1px solid #76949b;transform:translate(-50%,-50%) rotate(-45deg);box-shadow:0 2px 3px #18354155}.treatment-pin svg{transform:rotate(45deg);width:15px;height:15px}
.treatment-ring .study-symbol{border:1px solid #ffe5a2;border-radius:50%;color:#ffecb5;background:#233f3980;box-shadow:0 0 8px #ffd36d80}.treatment-ring svg{width:16px;height:16px}
.treatment-label .study-symbol{width:auto;min-width:48px;height:22px;padding:3px 5px;display:flex;gap:3px;background:#163b31e8;color:#fff5cf;border-radius:4px;border:1px solid #d3b56b;box-shadow:0 0 6px #ffdc6b55}.treatment-label svg{width:12px;height:12px}.treatment-label small{font:600 8px system-ui}
.treatment-diamond .study-symbol{background:#673b23;border:1px solid #ffc786;transform:translate(-50%,-50%) rotate(45deg);color:#ffe6c2;box-shadow:0 0 7px #ffad5660}.treatment-diamond svg{transform:rotate(-45deg);width:15px;height:15px}
.treatment-ice .study-symbol{border:3px double #e5f5ff;border-radius:50%;background:#294d6480;color:#fff;box-shadow:0 0 9px #abdfffaa}.treatment-ice svg{width:14px;height:14px}
@font-face{font-family:StudyCopse;src:url('/css/webfonts/Copse.woff2') format('woff2');font-display:swap}
@font-face{font-family:StudyBangers;src:url('/fonts/Bangers-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:StudyOrbitron;src:url('/fonts/Orbitron-Variable.ttf') format('truetype');font-display:swap}
@font-face{font-family:StudyPixel;src:url('/fonts/PixelifySans-Variable.ttf') format('truetype');font-display:swap}
.font-study-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px;margin-top:28px}.font-study-card{min-width:0;margin:0}.font-study-card figcaption{font-size:.8rem;line-height:1.6;margin-top:10px;color:var(--muted)}.font-study-card figcaption strong,.font-study-card figcaption span{display:block}.font-study-card figcaption strong{font-size:.95rem;color:var(--navy)}
.font-study-map{font-family:Georgia,serif;color:#203a2b;text-shadow:0 0 2px #fffbe6,0 0 4px #fffbe6;background-position:50% 54%}
.font-study-map>span{position:absolute;white-space:nowrap;transform:translate(-50%,-50%)}.font-place{left:50%;top:29%;font-size:22px}.font-road{left:32%;top:76%;font-size:12px;rotate:-18deg}.font-water{left:57%;top:52%;font-size:13px;font-style:italic}
.font-sans{font-family:system-ui,sans-serif;font-weight:600}.font-copse{font-family:StudyCopse,serif}.font-comic{font-family:StudyBangers,sans-serif;letter-spacing:.04em}.font-orbit{font-family:StudyOrbitron,sans-serif}.font-pixel{font-family:StudyPixel,monospace}.font-night{color:#fff2c6;text-shadow:0 1px 2px #102d25,0 0 4px #102d25,0 0 6px #102d25}
.about-font-comparison>p{max-width:760px}
@media(max-width:760px){.font-study-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.font-place{font-size:17px}.font-road{font-size:10px}.font-water{font-size:10px}.font-orbit .font-place{font-size:14px}.clean-study-map{aspect-ratio:1}}
@media(max-width:480px){.study-symbol{width:21px;height:21px}.study-symbol svg{width:15px;height:15px}.treatment-label svg{width:10px;height:10px}.font-study-grid{gap:22px 12px}}