@import url('/assets/artikkelit.css');
:root{--ink:#122d35;--paper:#f5f1e8;--accent:#70b888}body{background:var(--paper)}header{padding:1.25rem max(1.5rem,calc((100% - 1200px)/2));justify-content:space-between;gap:1rem;background:var(--paper)}header .brand{font-size:1.4rem;line-height:1.25}header .brand span{display:block;font-size:.875rem;font-weight:400;margin-top:.3rem}header nav{gap:1.5rem}header nav a{text-decoration:none;font-size:.9375rem}header nav a[aria-current]{border-bottom:2px solid var(--ink)}main{max-width:1200px;padding:0 1.5rem 5rem}.hero{display:grid;grid-template-columns:1.6fr 1fr;gap:3.5rem;padding:6rem 0;align-items:center}.eyebrow{font-size:.875rem;letter-spacing:.08em;text-transform:uppercase;font-weight:650;color:#365f53}h1{font-size:clamp(2.6rem,5.5vw,4.8rem);font-weight:500;line-height:1.1;margin:1.5rem 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#004b5a}h2{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:500;margin-top:0}h3{font-size:1.45rem;font-weight:550}.lead{font-size:1.2rem;max-width:650px;color:#36534f}.hero-note{background:#122d35;color:#f5f1e8;padding:3rem 2.5rem;border-top:5px solid #70b888;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between}.hero-note p{font-family:Georgia,serif;font-size:2rem;line-height:1.45}.hero-note span{font-size:.875rem}.note-number{color:#a9d5b7}.actions{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center;margin:2rem 0}.button{display:inline-block;background:#004b5a;color:white;padding:.85rem 1.3rem;text-decoration:none;min-height:48px}.button:hover{background:#122d35}.textlink{font-weight:600}.split{display:grid;grid-template-columns:1fr 1fr;gap:5rem;border-top:1px solid #a7b4aa;padding:4rem 0}.split p:first-child{margin-top:0}.writing{padding:3.5rem 0;border-top:1px solid #a7b4aa}.section-title{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2rem}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.cards article{border-top:2px solid #004b5a;padding-top:1rem;display:flex;flex-direction:column}.cards h3 a{text-decoration:none;color:#122d35}.cards h3 a:hover{text-decoration:underline}.cards p{font-size:1rem}.read{margin-top:auto;font-size:.9375rem;min-height:44px}.intro{padding:4rem 0 2.5rem;max-width:900px}.essay{max-width:740px;margin:0 auto}.essay h2{margin-top:3rem;font-size:1.9rem}.essay p{font-size:1.125rem}.about{background:#e4ebe3;padding:3rem;margin-top:1rem}footer>div{max-width:1150px}footer nav{margin:1.5rem 0}main.reading{max-width:780px;padding-top:4rem}main.reading h1{font-size:clamp(2.2rem,4.5vw,3.5rem)}.hero>div,.intro{animation:arrive .65s ease-out both}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:850px){.hero{grid-template-columns:1fr;padding:3rem 0;gap:2rem}.hero-note{padding:2rem}.hero-note p{font-size:1.6rem}.cards{grid-template-columns:1fr 1fr}.split{gap:2rem}.section-title{display:block}}@media(max-width:600px){header nav{gap:.3rem 1rem}.split,.cards{grid-template-columns:1fr}.hero h1{font-size:2.8rem}.split{padding:2.5rem 0;gap:.5rem}.about{padding:1.5rem}.intro{padding-top:2.5rem}.writing{padding:2.5rem 0}.actions{align-items:flex-start;flex-direction:column}}