*{box-sizing:border-box}html{background:#151817}body{margin:0;color:#e9e6dd;background:
linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),#151817;
background-size:48px 48px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65}
.page{width:min(1050px,calc(100% - 42px));margin:auto;padding:90px 0 42px}
header{padding:7vh 0 70px}
.overline,.lang{text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:700;color:#a8aa9d}
h1{font:700 clamp(3.25rem,9.8vw,7.2rem)/.9 Georgia,serif;letter-spacing:.015em;margin:.16em 0;color:#f3efe4}
.intro{font:italic 1.2rem Georgia,serif;color:#bcbcb3}.intro p{margin:.2em 0}
.history{display:flex;gap:24px;align-items:center;padding:38px 0;color:#c8c6bc}.history .line{width:70px;height:1px;background:#85877c}.history p{margin:.18em 0}.history div{flex:1}
.languages{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:75px 0}
article h2{font:700 2.2rem/1.1 Georgia,serif;margin:.2em 0 .7em;color:#f3efe4}article p{color:#c9c8c0}
.action{border:1px solid #555950;padding:34px;text-align:center;margin:10px 0 90px;background:rgba(255,255,255,.02)}
.action a{display:inline-block;color:#f3efe4;text-decoration:none;font:700 clamp(1.3rem,3vw,2rem) Georgia,serif}.action a span{margin-left:10px}.action small{display:block;font:500 .8rem system-ui;margin-top:7px;letter-spacing:.08em;color:#aeb0a6}.action p{font-size:.78rem;color:#898c83;margin:14px 0 0}
footer{border-top:1px solid #3a3e3b;padding-top:30px;color:#898c83;font-size:.85rem}
@media(max-width:700px){.page{padding-top:45px}.languages{grid-template-columns:1fr;gap:38px;padding:55px 0}.history{align-items:flex-start}.history .line{width:35px;margin-top:.8em}header{padding-bottom:50px}.action{margin-bottom:60px}}
.history p[lang="fi"],.intro p[lang="fi"]{color:#9fa198}
@media(max-width:700px){h1{font-size:clamp(2.9rem,14vw,5rem);letter-spacing:0}.intro{font-size:1.08rem}}
