[hidden]{display:none!important}
.hero{min-height:min(820px,100svh)}.hero:after{display:none}.hero h1{font-size:clamp(3.2rem,6.1vw,6rem)}.hero-lead{margin-bottom:2.3rem}.hero .portrait-stage{width:min(100%,470px)}
.editorial-grid{display:grid;grid-template-columns:minmax(130px,.28fr) minmax(0,1fr);gap:clamp(2rem,7vw,8rem)}.section-top{margin-bottom:clamp(2rem,5vw,4rem)}.section-top .section-intro{margin:1.5rem 0 0}
.about-summary{padding:clamp(5.5rem,11vw,10rem) 0;background:#e7f0f3}.about-paragraphs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem clamp(1.5rem,5vw,5rem);max-width:960px;margin-top:2rem}.about-paragraphs p{margin:0 0 1rem;color:#435f70;font-size:clamp(1.04rem,1.5vw,1.2rem);line-height:1.7}.about-paragraphs p:first-child{grid-column:1/-1;max-width:720px;color:#19384b;font-size:clamp(1.15rem,1.8vw,1.45rem)}
.work-section{padding:clamp(5.5rem,10vw,9rem) 0;background:#f8fafb}.work-grid{display:flex;gap:1rem;min-height:480px}.work-card{position:relative;isolation:isolate;flex:1 1 0;min-width:0;min-height:480px;overflow:hidden;background:#0b2537;color:#fff;transition:flex-grow .38s cubic-bezier(.2,.8,.2,1)}.work-card--event{background:#143846}.work-card:is(:hover,:focus,:focus-within){flex-grow:1.3;outline:3px solid #53b7ae;outline-offset:3px}.work-visual{position:absolute;inset:0;overflow:hidden;pointer-events:none}.work-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,transparent 10%,rgba(7,21,31,.25) 35%,rgba(4,17,27,.92) 90%);z-index:1}.work-visual:after{content:"";position:absolute;width:70%;aspect-ratio:1;top:8%;right:-12%;border:1px solid rgba(125,226,209,.22);border-radius:50%}.work-card--event .work-visual:after{width:58%;border-radius:2px;transform:rotate(27deg);top:0;right:-5%}.work-glyph{position:absolute;right:3%;top:-16%;font-size:clamp(18rem,35vw,35rem);line-height:1;font-weight:800;letter-spacing:-.12em;color:rgba(125,226,209,.14);transition:transform .38s}.work-card:is(:hover,:focus,:focus-within) .work-glyph{transform:scale(1.05) translateX(-2%)}.work-card--event .work-glyph{color:rgba(143,197,255,.16)}.work-visual img{width:100%;height:100%;object-fit:cover;opacity:.7}.work-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;min-height:480px;padding:clamp(1.4rem,3vw,2.7rem)}.work-index{position:absolute;left:clamp(1.4rem,3vw,2.7rem);top:2rem;color:#a8c2ce;font-size:.75rem;font-weight:800;letter-spacing:.14em}.work-category{margin:0 0 .8rem;color:var(--aqua);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.work-card h3{max-width:580px;margin:0;font-size:clamp(2rem,3vw,3.2rem);line-height:1.05;letter-spacing:-.055em;overflow-wrap:anywhere}.work-description{max-width:600px;margin:1.4rem 0 0;color:#d5e3e8;font-size:.97rem;line-height:1.65}.work-role{margin:.8rem 0 0;color:#a9dace;font-size:.8rem;font-weight:750}.work-details{margin-top:1rem;max-width:620px;font-size:.85rem;color:#d5e3e8}.work-details summary{width:max-content;cursor:pointer;color:#fff;text-decoration:underline;text-underline-offset:.25rem;font-weight:700}.work-details p{line-height:1.6}.work-link{display:inline-block;align-self:flex-start;margin-top:1rem;color:var(--aqua);font-size:.85rem;font-weight:750;text-underline-offset:.25rem}
.writings .section-top{margin-bottom:2rem}.post-card{min-height:320px}.post-card h3{overflow-wrap:anywhere}.post-card-image{width:100%;height:140px;object-fit:cover;margin-top:1rem}.post-read{margin-top:1rem;color:#236f69;font-size:.82rem;font-weight:750}
.contact{padding-block:clamp(5.5rem,10vw,9rem)}.contact h2{font-size:clamp(3.8rem,8vw,7rem)}.contact .section-label{margin-bottom:3rem}.contact-copy{max-width:700px}.footer-inner{padding-block:2.5rem}.footer-identity strong{color:#e2eef1;font-size:1rem}.footer-identity p{margin:.5rem 0 1.5rem;max-width:360px}.footer-links{display:flex;align-items:flex-start;gap:1.3rem!important}.footer-links a:hover{text-decoration:underline}.footer-links span{display:flex;gap:1.3rem}
.about-page-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.6fr);align-items:center;gap:clamp(2rem,6vw,6rem);padding-block:clamp(5rem,9vw,8rem)}.about-page-hero h1{color:var(--text);font-size:clamp(3.5rem,7vw,7rem)}.about-page-copy{max-width:750px;margin-top:2.5rem}.about-page-copy p{margin:0 0 1.4rem;color:#435f70;font-size:clamp(1.04rem,1.5vw,1.2rem);line-height:1.72}.about-page-copy p:first-child{color:#19384b;font-size:clamp(1.3rem,2vw,1.7rem)}.about-page-image{align-self:stretch;min-height:470px;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(155deg,#dce9ee,#a8d2d6);overflow:hidden;border-radius:180px 180px 0 0}.about-page-image img{width:100%;max-height:600px;object-fit:contain;object-position:bottom;mask-image:linear-gradient(#000 80%,transparent 100%)}.about-background,.about-principles{padding:clamp(5rem,9vw,8rem) 0}.about-background{background:#e8f0f3}.about-principles{background:#f8fafb}.about-background h2,.about-principles h2{margin:0 0 2.5rem;font-size:clamp(2.5rem,5vw,5rem);line-height:1;letter-spacing:-.06em}.background-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2rem}.background-item,.principle{display:grid;grid-template-columns:42px 1fr;gap:1.3rem;padding:1.3rem 0;border-top:1px solid var(--line)}.background-item span,.principle>span{color:#23857d;font-size:.72rem;font-weight:800}.background-item strong{font-size:1.05rem}.principle-list{max-width:850px}.principle h3{margin:0 0 .5rem;font-size:clamp(1.35rem,2vw,1.9rem);letter-spacing:-.035em}.principle p{margin:0;color:#4e6877;line-height:1.7}
@media(max-width:900px){.editorial-grid{grid-template-columns:1fr;gap:1rem}.about-page-hero{grid-template-columns:1fr 250px}}
@media(max-width:700px){.hero{min-height:auto}.hero h1{font-size:clamp(3.15rem,12.5vw,5.1rem)}.about-paragraphs{grid-template-columns:1fr}.about-paragraphs p:first-child{grid-column:auto}.work-grid{display:grid;min-height:0}.work-card,.work-content{min-height:460px}.work-card{flex:auto}.work-description{display:block}.work-glyph{font-size:25rem}.about-page-hero{grid-template-columns:1fr;padding-top:4rem}.about-page-image{min-height:330px;max-height:440px;width:min(100%,360px);justify-self:center}.background-list{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.footer-links span{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.work-card,.work-glyph{transition:none}}

/* Näytä editorin monirivisiin teksteihin kirjoitetut rivinvaihdot. */
.hero-lead,
.section-intro,
.about-paragraphs p,
.about-page-copy p,
.work-description,
.work-details p,
.contact-copy,
.principle p,
.cms-lead,
.cms-copy p,
.cms-copy blockquote,
.cms-copy li,
.cms-card p,
.cms-quote,
.article-ingress,
.article-body p,
.article-body blockquote,
.article-body li,
.post-card p,
#footer-description {
  white-space: pre-line;
}