:root{--ink:#0a191b;--paper:#f4f1e9;--cream:#fbfaf6;--teal:#0d7f82;--mint:#b8d8d2;--line:rgba(10,25,27,.16);--muted:#66716f;--shadow:0 24px 70px rgba(8,30,31,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}.skip-link{position:fixed;left:1rem;top:-6rem;background:#fff;padding:.8rem 1rem;z-index:100}.skip-link:focus{top:1rem}.site-header{height:88px;padding:0 clamp(1rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(244,241,233,.92);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;color:inherit}.brand-mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-family:Manrope}.brand span:last-child{display:grid}.brand small{font-size:.72rem;letter-spacing:.12em;color:var(--muted)}.header-link,.primary,.secondary,.outline{font:600 .9rem Manrope;border:0;text-decoration:none;cursor:pointer}.header-link{color:var(--ink);border-bottom:1px solid}.hero{min-height:calc(100svh - 88px);padding:clamp(3rem,7vw,7rem) clamp(1rem,5vw,5rem) 3rem;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:clamp(2rem,5vw,6rem);align-items:center;background:radial-gradient(circle at 15% 15%,rgba(13,127,130,.12),transparent 30%),var(--paper);position:relative}.eyebrow,.section-head small,.people-section small,.turkey-section small,.quiz-section small{font:700 .73rem Manrope;letter-spacing:.16em;text-transform:uppercase;color:var(--teal)}.eyebrow span{display:inline-block;width:28px;height:2px;background:var(--teal);vertical-align:middle;margin-right:.6rem}.hero h1,.section-head h2,.turkey-section h2,.quiz-section h2{font-family:Manrope;margin:.6rem 0 1.2rem;line-height:.95;letter-spacing:-.055em}.hero h1{font-size:clamp(3.3rem,7vw,7.7rem)}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--teal)}.hero-copy>p:not(.eyebrow,.education-note){font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.65;max-width:680px;color:#4f5d5b}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:2rem 0}.primary,.secondary,.outline{min-height:52px;padding:0 1.25rem;display:inline-flex;align-items:center;gap:1.5rem}.primary{background:var(--ink);color:#fff}.secondary,.outline{background:transparent;color:var(--ink);border:1px solid var(--line)}.education-note{font-size:.8rem!important;color:var(--muted)!important;max-width:630px}.hero-visual{margin:0;background:#dfe9e5;box-shadow:var(--shadow);position:relative;overflow:hidden;border-radius:2px}.hero-visual img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.hero-visual figcaption{position:absolute;left:1rem;right:1rem;bottom:1rem;background:rgba(8,25,27,.88);color:#fff;padding:.8rem 1rem;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;font-size:.75rem}.hero-visual figcaption b{color:#8ce0d7;text-transform:uppercase;letter-spacing:.1em}.stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:1rem}.stats div{padding:1.3rem;border-right:1px solid var(--line);display:grid}.stats div:last-child{border:0}.stats b{font:700 2rem Manrope}.stats span{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.explorer,.people-section{padding:clamp(4rem,8vw,8rem) clamp(1rem,5vw,5rem)}.explorer{background:var(--cream)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}.section-head h2,.turkey-section h2,.quiz-section h2{font-size:clamp(2.3rem,5vw,5rem)}.section-head p{max-width:430px;color:var(--muted);line-height:1.65}.search-row{display:grid;grid-template-columns:1fr auto;gap:.8rem}.search{position:relative}.search input{width:100%;height:62px;border:1px solid var(--line);background:#fff;padding:0 3.5rem 0 1.2rem;font:500 1rem Manrope;color:var(--ink);border-radius:0}.search i{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);font-size:1.5rem}.era-nav{display:flex;overflow-x:auto;gap:.55rem;padding:1.5rem 0 .8rem;scrollbar-width:thin}.era-nav button,.filters button{white-space:nowrap;border:1px solid var(--line);background:transparent;color:var(--ink);padding:.75rem 1rem;font:600 .78rem Manrope;cursor:pointer}.era-nav button.active,.filters button.active{background:var(--ink);color:#fff}.era-nav small{display:block;color:inherit;opacity:.65;margin-top:.2rem}.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin:.8rem 0}.filters button{padding:.55rem .85rem}.result-count{color:var(--muted);font-size:.82rem;margin:1.3rem 0}.event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.event-card{background:var(--cream);padding:1.5rem;min-height:280px;display:flex;flex-direction:column;cursor:pointer;border:0;text-align:left;color:inherit;position:relative}.event-card:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--dot);position:absolute;right:1.5rem;top:1.7rem}.event-card .date{font:700 .75rem Manrope;letter-spacing:.1em;text-transform:uppercase;color:var(--teal)}.event-card h3{font:700 clamp(1.25rem,2vw,1.8rem) Manrope;line-height:1.1;margin:2rem 0 .8rem;letter-spacing:-.03em}.event-card p{color:var(--muted);line-height:1.6;font-size:.92rem;margin:0}.event-card .card-foot{margin-top:auto;padding-top:1.6rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;font:600 .75rem Manrope;text-transform:uppercase;letter-spacing:.06em}.event-card:focus-visible,.event-card:hover{outline:3px solid rgba(13,127,130,.35);outline-offset:-3px;background:#eef5f2}.empty{text-align:center;padding:3rem;color:var(--muted)}.people-section{background:var(--ink);color:#fff}.people-section .section-head p{color:#aebbb8}.people-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}.person-card{padding:1.5rem;min-height:220px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;text-align:left}.person-card b{display:block;font:700 1.25rem Manrope;margin:.8rem 0}.person-card span{color:#7dd2cc;font-size:.8rem}.person-card p{color:#b5c2bf;line-height:1.55}.turkey-section{padding:clamp(4rem,8vw,8rem) clamp(1rem,5vw,5rem);display:grid;grid-template-columns:.7fr 1.3fr;gap:4rem;background:linear-gradient(135deg,#dfeeea,#f4f1e9)}.turkey-copy p{line-height:1.7;color:var(--muted)}.turkey-timeline{border-left:1px solid var(--ink)}.turkey-item{padding:0 0 2rem 2rem;position:relative}.turkey-item:before{content:"";position:absolute;left:-6px;top:4px;width:11px;height:11px;border-radius:50%;background:var(--teal)}.turkey-item b{font:800 1.8rem Manrope}.turkey-item h3{margin:.25rem 0 .5rem}.turkey-item p{color:var(--muted);margin:0;line-height:1.55}.quiz-section{padding:clamp(4rem,8vw,8rem) clamp(1rem,5vw,5rem);display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem;background:#ebe4d8}.quiz-section>div:first-child p{color:var(--muted);line-height:1.65}.quiz-card{background:var(--cream);padding:clamp(1.3rem,3vw,2.5rem);box-shadow:var(--shadow)}.quiz-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.78rem}.quiz-card h3{font:700 clamp(1.4rem,3vw,2.2rem) Manrope}.quiz-options{display:grid;gap:.6rem}.quiz-options button{min-height:54px;text-align:left;padding:.8rem 1rem;border:1px solid var(--line);background:#fff;font:600 .9rem Manrope;cursor:pointer}.quiz-options button.correct{background:#d9eee9;border-color:var(--teal)}.quiz-options button.wrong{background:#f3ded8;border-color:#a95a49}.quiz-feedback{min-height:54px;line-height:1.5}.quiz-next{margin-top:1rem;background:var(--ink);color:#fff;border:0;padding:.9rem 1.2rem;font:600 .85rem Manrope;cursor:pointer}.museum-dialog,.image-dialog{border:0;padding:0;width:min(1100px,calc(100% - 2rem));max-height:92vh;background:var(--cream);color:var(--ink);box-shadow:0 30px 90px rgba(0,0,0,.35)}dialog::backdrop{background:rgba(3,15,16,.72);backdrop-filter:blur(4px)}.dialog-close{position:sticky;float:right;top:.8rem;right:.8rem;width:44px;height:44px;border:0;border-radius:50%;background:var(--ink);color:#fff;font-size:1.7rem;z-index:5;cursor:pointer}.detail-hero{display:grid;grid-template-columns:1fr 1fr;min-height:420px}.detail-copy{padding:clamp(2rem,5vw,4rem)}.detail-copy .date{color:var(--teal);font:700 .8rem Manrope;letter-spacing:.1em}.detail-copy h2{font:800 clamp(2.3rem,5vw,4.8rem) Manrope;line-height:.98;letter-spacing:-.05em;margin:1rem 0}.detail-copy .place{color:var(--muted)}.detail-image{margin:0;background:#dce8e4;position:relative}.detail-image img{width:100%;height:100%;object-fit:cover;display:block}.visual-label{position:absolute;left:1rem;bottom:1rem;background:rgba(8,25,27,.9);color:#fff;padding:.65rem .8rem;font:700 .7rem Manrope;text-transform:uppercase;letter-spacing:.1em}.detail-body{padding:clamp(1.5rem,5vw,4rem);display:grid;gap:2rem}.detail-intro{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.detail-intro article{border-top:2px solid var(--teal);padding-top:1rem}.detail-intro h3{font:700 1rem Manrope}.detail-intro p{line-height:1.7;color:#4f5d5b}.two-windows{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.visual-card{position:relative;margin:0;background:#e1ebe7;min-height:280px;overflow:hidden}.visual-card img{width:100%;height:100%;max-height:500px;object-fit:cover;display:block;cursor:zoom-in}.visual-card figcaption{position:absolute;left:.8rem;right:.8rem;bottom:.8rem;background:rgba(8,25,27,.9);color:#fff;padding:.7rem;font-size:.75rem}.visual-card figcaption b{display:block;color:#81d8d1;text-transform:uppercase;letter-spacing:.1em}.then-now{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.then-now article{padding:1.5rem}.then-now article+article{border-left:1px solid var(--line)}.then-now p{line-height:1.65;color:var(--muted)}.sources{border-top:1px solid var(--line);padding-top:1rem}.sources summary{cursor:pointer;font-weight:700}.sources ul{line-height:1.8}.sources a{color:var(--teal)}.detail-actions{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.detail-actions button,.detail-actions a{border:1px solid var(--line);background:#fff;color:var(--ink);padding:.8rem 1rem;text-decoration:none;font:600 .8rem Manrope;cursor:pointer}.image-dialog{height:90vh;background:#071416;overflow:auto}.image-dialog img{display:block;max-width:none;width:100%;height:auto;transform-origin:center;transition:transform .2s}.zoom-tools{position:sticky;top:.8rem;left:1rem;display:flex;gap:.3rem;z-index:4;width:max-content}.zoom-tools button{border:0;background:#fff;padding:.7rem 1rem;cursor:pointer}footer{padding:3rem clamp(1rem,5vw,5rem);background:#071416;color:#d8e2df;display:grid;grid-template-columns:1fr 2fr auto;gap:2rem;align-items:start}footer div{display:grid}footer span,footer p{font-size:.78rem;color:#8ea09c;line-height:1.6}.hm-privacy-link{color:#fff}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:3px solid #5dd0c8;outline-offset:3px}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-visual{max-width:760px}.event-grid{grid-template-columns:repeat(2,1fr)}.people-grid{grid-template-columns:repeat(2,1fr)}.turkey-section,.quiz-section{grid-template-columns:1fr}.detail-hero{grid-template-columns:1fr}.detail-image{min-height:330px}footer{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.site-header{height:72px}.brand strong{font-size:.82rem}.brand small{display:none}.header-link{font-size:.75rem}.hero{padding-top:2.4rem}.hero h1{font-size:clamp(2.8rem,15vw,4.6rem)}.hero-actions>*{width:100%;justify-content:space-between}.stats{grid-template-columns:1fr 1fr}.stats div:nth-child(2){border-right:0}.section-head{display:block}.search-row{grid-template-columns:1fr}.era-nav{margin-right:-1rem}.event-grid{grid-template-columns:1fr}.event-card{min-height:240px}.people-grid{grid-template-columns:1fr}.two-windows,.detail-intro,.then-now{grid-template-columns:1fr}.then-now article+article{border-left:0;border-top:1px solid var(--line)}.museum-dialog{width:100%;height:100%;max-height:none}.detail-copy{padding:1.5rem}.visual-card{min-height:230px}footer{grid-template-columns:1fr}.stats b{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}