/* RAMIRAN visual identity: an editorial field atlas, with measured lines and material strata. */
:root{--ink:#172e38;--muted:#54666a;--paper:#f6f3ec;--white:#fffdf8;--line:#c9d0cb;--green:#172e38;--lime:#e9b77b;--orange:#cb6c49;--shadow:0 26px 70px rgba(14,39,48,.12)}
body{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.wrap{width:min(1280px,calc(100% - 64px))}
.site-header{background:#f6f3ecf5;border-bottom:1px solid #9caeac;backdrop-filter:blur(10px)}
.header-inner{min-height:83px}
.logo{gap:12px;letter-spacing:0;font-size:1rem}
.logo-mark{width:46px;height:46px;border-radius:0;background:var(--ink);color:var(--paper);font:italic 2.05rem/.9 Georgia,serif;letter-spacing:-.1em;transform:rotate(-5deg)}
.logo-dot{color:var(--orange)}
.logo-type{display:flex;flex-direction:column;gap:0;font:800 1.15rem/1 Arial,sans-serif;letter-spacing:.07em}
.logo-type small{font-size:.49rem;line-height:1.5;font-weight:700;letter-spacing:.23em;color:var(--orange)}
.primary-nav{gap:29px}
.primary-nav a{font-size:.76rem;font-weight:800;letter-spacing:.035em;text-transform:uppercase}
.nav-cta{border-radius:0;background:var(--orange);color:#fff!important;padding:13px 19px}
.nav-cta:hover,.button-dark:hover{background:#aa4e30}
.menu-button{border-radius:0;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}
.eyebrow{font-family:Arial,sans-serif;font-size:.71rem;letter-spacing:.19em;color:var(--orange)}
.hero{padding:0;background:#172e38;color:var(--paper);position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(236,241,229,.045) calc(25% - 1px),rgba(236,241,229,.045) 25%);pointer-events:none}
.hero-grid{position:relative;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:6vw;align-items:stretch;min-height:700px}
.hero-copy{padding:88px 0 86px;display:flex;flex-direction:column;align-items:flex-start}
.hero .eyebrow{color:#e8b77b}
.hero h1{font:400 clamp(4.9rem,8.2vw,9rem)/.88 Georgia,serif;letter-spacing:-.078em;max-width:860px;margin:52px 0 30px;color:var(--paper)}
.hero h1 em{font-style:italic;color:#e8b77b;font-weight:400}
.hero-lead{color:#d0dad5;font-size:clamp(1.07rem,1.5vw,1.3rem);max-width:585px;line-height:1.55}
.hero-actions{margin-top:31px}
.button{border-radius:0;min-height:54px;padding:14px 20px;letter-spacing:.025em;text-transform:uppercase;font-size:.73rem;transition:background .2s,transform .2s}
.button-dark{background:var(--orange);border-color:var(--orange);color:#fff}
.button-light{border-color:#7e9594;color:var(--paper)}
.hero-note{color:#9bb0af;border-top:1px solid #547078;margin-top:auto;padding-top:20px;max-width:580px}
.material-plate{position:relative;align-self:center;background:#e9e5d9;color:var(--ink);margin:65px 0;min-height:556px;box-shadow:18px 18px 0 #0c222d;display:flex;flex-direction:column;transform:rotate(1.1deg)}
.plate-head{display:flex;justify-content:space-between;gap:15px;padding:20px 23px;border-bottom:1px solid #a9b7ad;font-size:.62rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.plate-head span:last-child{color:#925436}
.plate-figure{position:relative;flex:1;display:flex;flex-direction:column;padding:30px 23px 36px;gap:6px;background:repeating-linear-gradient(0deg,transparent 0,transparent 38px,#bec7bb66 39px),repeating-linear-gradient(90deg,transparent 0,transparent 38px,#bec7bb66 39px)}
.plate-line{display:flex;justify-content:space-between;align-items:center;min-height:90px;padding:14px 18px;position:relative;border:1px solid #849a99;background:#c6d2ca;color:#183238;clip-path:polygon(0 0,97% 0,100% 50%,97% 100%,0 100%)}
.plate-line:nth-child(2){background:#9fb9b1;margin-left:30px}
.plate-line:nth-child(3){background:#6e9997;margin-left:60px;color:#fff}
.plate-line:nth-child(4){background:#cb704d;margin-left:90px;color:#fff}
.plate-line small{font-size:.61rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;display:block}
.plate-line strong{font:italic 1.65rem/1 Georgia,serif;font-weight:400}
.plate-line b{font:400 2.4rem Georgia,serif;opacity:.65}
.plate-foot{display:flex;justify-content:space-between;padding:17px 23px;border-top:1px solid #9caaa3;font-size:.69rem;line-height:1.35;color:#596d6b}
.section{padding:104px 0}
.section-cream{background:#f6f3ec}
.section-dark{background:#223d46;color:#f4f1e8}
.section-top{border-top:1px solid currentColor;padding-top:22px;margin-bottom:42px;align-items:start}
.section h2,.page-section h2{font:400 clamp(2.9rem,5vw,5.2rem)/.99 Georgia,serif;letter-spacing:-.065em;max-width:750px}
.section-intro{max-width:375px;font-size:.99rem;line-height:1.65}
.section-dark .eyebrow{color:#e8b77b}
.section-dark .section-intro{color:#bdcdca}
.card-grid{gap:0;border-top:1px solid #b3c1bc;border-left:1px solid #b3c1bc}
.card{border:0;border-right:1px solid #b3c1bc;border-bottom:1px solid #b3c1bc;border-radius:0;box-shadow:none;background:transparent;min-height:310px;padding:32px 30px;gap:20px;transition:background .2s}
.card:hover{transform:none;box-shadow:none;background:#eae9df}
.card-icon{border:0;border-radius:0;width:auto;height:auto;display:block;text-align:left;font:400 2.1rem Georgia,serif;color:var(--orange)}
.card h3{font:400 2.05rem/1.05 Georgia,serif;letter-spacing:-.045em}
.card p{font-size:.95rem;line-height:1.55}
.card .arrow{font-size:.82rem;text-transform:uppercase;letter-spacing:.11em;font-weight:800;color:var(--orange)}
.timeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #6d8587;border-left:1px solid #6d8587}
.timeline-item{border:0;border-right:1px solid #6d8587;border-bottom:1px solid #6d8587;border-radius:0;background:transparent;min-height:150px;padding:19px 23px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto}
.timeline-item:hover{background:#33545a}
.timeline-item .year{grid-column:1/3;font:400 3rem/.95 Georgia,serif;color:#e6c09a;letter-spacing:-.04em;margin-top:8px}
.timeline-item .number{font-size:.63rem;letter-spacing:.17em;color:#aabebb}
.timeline-item .place{grid-column:1/3;font-size:.84rem;color:#d6e0d9}
.stat-row{border:0;border-top:1px solid #6d8587;border-radius:0;background:transparent;margin-top:55px}
.stat{background:transparent;padding:26px 20px;border-right:1px solid #6d8587}
.stat:first-child{padding-left:0}.stat:last-child{border-right:0}
.stat strong{font:400 3.8rem/.95 Georgia,serif;color:#e6c09a}
.stat span{color:#c2d1cb;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}
.page-hero{background:#e7e6db;padding:72px 0 65px;border-bottom:1px solid #adbab4;position:relative}
.page-hero:after{content:"/ RESEARCH INDEX";position:absolute;right:3.5vw;bottom:22px;font-size:.56rem;letter-spacing:.24em;color:#81938e}
.page-hero h1{font:400 clamp(3rem,6.4vw,6.9rem)/.99 Georgia,serif;letter-spacing:-.067em;max-width:1040px}
.page-hero .eyebrow{margin-top:35px}
.page-hero .dek{color:#4c6265}
.crumbs{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.page-layout{gap:8vw}
.prose{max-width:790px}
.prose p{color:#344c51}
.prose h2{font:400 2.55rem/1.07 Georgia,serif;color:var(--ink);letter-spacing:-.05em;border-top:1px solid #b5c1ba;padding-top:22px}
.prose a{color:#a84d30}
.pullquote{border-left:4px solid var(--orange);background:#ece7d8;font-size:1.55rem}
.sidebox{border-radius:0;background:transparent;border:1px solid #adbbb5;top:110px}
.sidebox h3{color:var(--orange)}
.meta-strip span,.tag{border-radius:0;color:#4d6264}
.research-search{border-radius:0;background:#fffdf8;outline-color:var(--orange)}
.research-list .count{color:#aa6044}
.research-list .title{overflow-wrap:anywhere}
[data-research-item][hidden]{display:none!important}
.flow div{background:#e3e5da;border-radius:0;border-left:3px solid var(--orange)}
.flow div:after{color:var(--orange)}
.note{background:#ece7d8;border-radius:0}
.atlas-list{border-top:1px solid #b7c3bd;margin:32px 0 45px}
.atlas-row{display:grid;grid-template-columns:65px 1fr 25px;gap:20px;align-items:center;text-decoration:none;border-bottom:1px solid #b7c3bd;padding:18px 8px}
.atlas-row:hover{background:#eee9dc}
.atlas-index{font:400 1.7rem Georgia,serif;color:var(--orange)}
.atlas-row strong{display:block;font:400 1.25rem/1.18 Georgia,serif}
.atlas-row small{display:block;font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-top:5px}
.site-footer{background:#0f2630;color:#f4f1e8;border-top:5px solid var(--orange)}
.site-footer .logo{color:#f4f1e8}
.site-footer .logo-mark{background:#f1eee3;color:#172e38}
.site-footer p{color:#c2cfcc}
.site-footer h3{color:#e8b77b}
.site-footer a:not(.logo){color:#e2e7df}
.footer-bottom{border-top-color:#48616a;color:#aabbb7}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:65px 0 25px}.hero h1{margin:38px 0 20px}.hero-note{margin-top:32px}.material-plate{width:min(580px,100%);min-height:450px;margin:25px auto 70px}.primary-nav{gap:14px}.primary-nav a{font-size:.68rem}.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.wrap{width:min(100% - 34px,1280px)}.header-inner{min-height:68px}.logo-mark{width:39px;height:39px;font-size:1.8rem}.logo-type{font-size:1rem}.logo-type small{font-size:.43rem}.primary-nav{top:68px;background:#f6f3ec;left:0;right:0;padding:14px 18px 25px}.primary-nav a{font-size:.77rem;padding:13px 4px}.hero-copy{padding:50px 0 5px}.hero h1{font-size:clamp(3.8rem,14vw,6rem);margin-top:32px}.hero-lead{font-size:1.05rem}.hero-note{font-size:.73rem}.material-plate{min-height:390px;box-shadow:10px 10px 0 #0c222d;transform:rotate(.5deg);margin:30px 8px 56px 0}.plate-head{padding:15px;font-size:.51rem}.plate-figure{padding:17px 14px;gap:5px}.plate-line{min-height:69px;padding:10px}.plate-line:nth-child(2){margin-left:15px}.plate-line:nth-child(3){margin-left:30px}.plate-line:nth-child(4){margin-left:45px}.plate-line strong{font-size:1.2rem}.plate-line b{font-size:1.5rem}.plate-foot{font-size:.54rem;padding:12px 15px}.section{padding:64px 0}.section h2{font-size:clamp(2.75rem,11vw,4.4rem)}.section-top{display:block}.section-intro{max-width:100%}.card-grid,.timeline{grid-template-columns:1fr}.card{min-height:220px;padding:24px}.timeline-item{min-height:125px}.stat-row{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid #6d8587;padding:19px 0}.stat:last-child{border-bottom:0}.stat strong{font-size:3.1rem}.page-hero{padding:46px 0 52px}.page-hero h1{font-size:clamp(2.75rem,12vw,4.8rem)}.page-hero:after{display:none}.atlas-row{grid-template-columns:43px 1fr 18px;gap:10px}.atlas-row strong{font-size:1.05rem}.page-layout{padding:42px 0 70px}.prose h2{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.material-plate{transform:none}}

/* Measured readability and geometry fixes, 10 October 2026. */
.page-hero h1{overflow-wrap:anywhere}.plate-foot{color:#455955;font-size:12px}.eyebrow,.sidebox h3,.logo-type small,.card .arrow,.atlas-index,.card-icon,.research-list .count{color:#935034}.hero .eyebrow,.section-dark .eyebrow{color:#e8b77b}.nav-cta,.button-dark{background:#a84d30;border-color:#a84d30}

.site-footer .logo-type small{color:#e8b77b;font-size:.75rem;letter-spacing:.12em;line-height:1.5}