:root{--navy:#17253b;--paper:#f7f5ef;--gold:#b69255;--muted:#606773;--line:#d9d8d0;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--navy);font:17px/1.7 var(--sans)}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}a{color:inherit;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:6px}.draft{padding:7px 20px;text-align:center;font-size:12px;background:#e9dfc9;color:#574727}.header{display:flex;justify-content:space-between;align-items:center;padding-block:27px;border-bottom:1px solid var(--line);gap:25px}.brand{font:35px/1 var(--serif);letter-spacing:-.055em;text-decoration:none}.brand-dot{color:var(--gold)}nav{display:flex;gap:30px;font-size:13px;align-items:center}nav a{text-decoration:none}.nav-contact{border-bottom:1px solid var(--gold);padding-bottom:6px}nav span{margin-left:20px}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;padding-block:75px 85px}.hero-copy{min-width:0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.19em;margin:0 0 26px;color:#947038}h1,h2,h3,p,figure{margin-top:0}h1{font:clamp(43px,5.3vw,68px)/1.13 var(--serif);letter-spacing:-.045em;margin-bottom:30px}em{font-weight:400}h2{font:clamp(34px,3.8vw,48px)/1.18 var(--serif);letter-spacing:-.025em}h3{font-size:20px;line-height:1.4;font-weight:500}p{margin-bottom:22px}.lead{font-size:19px;max-width:490px;color:var(--muted)}.button{display:inline-flex;align-items:center;gap:40px;background:var(--navy);color:white;text-decoration:none;padding:17px 23px;font-size:14px;margin-top:10px}.button:hover{background:#293e5c}.quiet{font-size:11px;color:var(--muted);margin-top:18px}.portrait{width:100%;min-width:0;margin:0;position:relative;background:#fff}.portrait img{display:block;width:100%;height:auto}.portrait figcaption{position:absolute;bottom:20px;left:20px;right:20px;background:var(--paper);padding:14px 18px;font:22px var(--serif);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:7px}.portrait figcaption span{font:10px var(--sans);color:var(--muted)}.section{padding-block:85px}.story,.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;border-top:1px solid var(--line)}.body-copy{color:var(--muted)}.large{font-size:22px;line-height:1.55;color:var(--navy)}.signature{font:italic 34px var(--serif);color:var(--gold);margin-top:25px}.team{background:var(--navy);color:var(--paper)}.team .eyebrow,.contact .eyebrow{color:#d5b678}.team-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.team-heading>p{font-size:18px;color:#d0d6df;max-width:450px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:35px}.values article{border-top:1px solid #536074;padding-top:25px}.number{font:italic 32px var(--serif);color:#d5b678;display:block;margin-bottom:22px}.values p{font-size:15px;color:#d0d6df}.faq{border:0}.faq details{border-top:1px solid var(--line);padding-block:20px}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:16px;padding-right:20px}details p{color:var(--muted);font-size:15px;margin:18px 0 0}.contact{background:#e9e6db}.contact-inner{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;align-items:center;padding-block:75px}.contact-inner>div>p{max-width:500px;color:var(--muted)}.contact-note{border-left:1px solid var(--gold);padding-left:35px}.contact-note h3{font:28px var(--serif)}.pending{font-size:13px;font-style:italic}.footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:35px;font-size:11px;color:var(--muted)}.footer .brand{font-size:29px;color:var(--navy)}.skip{position:fixed;left:15px;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:15px}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero{gap:30px}.story,.faq{gap:40px}.team-heading{gap:45px}.contact-inner{gap:40px}.values{gap:25px}}@media(max-width:640px){.wrap{width:calc(100% - 40px)}.header{flex-wrap:wrap;padding-block:23px;gap:20px}.brand{font-size:32px}nav{gap:18px;font-size:12px}nav>a:first-child,nav>a:nth-child(2){display:none}nav span{margin-left:12px}.hero{grid-template-columns:1fr;padding-block:45px;gap:30px}h1{font-size:clamp(40px,10vw,60px)}.lead{font-size:18px}.portrait{max-width:380px;justify-self:center}.section{padding-block:55px}.story,.faq,.team-heading,.values,.contact-inner{grid-template-columns:1fr;gap:25px}.team-heading h2{margin-bottom:5px}.team-heading>p{font-size:17px}.values{margin-top:10px;gap:15px}.number{margin-bottom:15px}.contact-inner{padding-block:55px}.contact-note{padding-left:20px}.footer{flex-wrap:wrap;gap:18px}.footer .brand{width:100%}.draft{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.contact-email{margin-top:18px;font-size:14px;overflow-wrap:anywhere}

#intro-survey{min-width:0}#intro-survey fieldset{border:0;margin:0;padding:0;min-width:0}#intro-survey label{display:block;font-size:13px;margin:18px 0 7px}#intro-survey label span{font-size:12px}#intro-survey input:not([type="checkbox"]),#intro-survey select,#intro-survey textarea{display:block;width:100%;min-width:0;padding:12px;border:1px solid #acafa9;background:#f7f5ef;color:var(--navy);font:16px/1.5 var(--sans);border-radius:0}#intro-survey textarea{resize:vertical}#intro-survey .consent{display:flex;gap:10px;align-items:flex-start;line-height:1.6}#intro-survey .consent input{margin-top:4px;flex-shrink:0}.survey-privacy,.survey-status{font-size:12px}.survey-status{border:1px solid #b69255;padding:12px}#intro-survey .button{border:0;cursor:pointer}#intro-survey :disabled{cursor:not-allowed}#intro-survey button:disabled{opacity:.55}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.contact-inner{align-items:start}

/* Vaalea kokeilu GlowStars-referenssin pohjalta. */
:root{--navy:#172642;--paper:#ffffff;--gold:#ad8d4c;--muted:#56616a;--line:#e8e3d8;--serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;--sans:Lato,'Segoe UI',Arial,sans-serif}
body{font-size:17px;line-height:1.85;background:#fff}
.wrap{width:min(1080px,calc(100% - 80px))}
.draft{background:#faf7ef;color:#796b4b;font-size:11px}
.header{border-bottom:0;padding-block:30px}
.brand{font-size:29px;letter-spacing:-.04em}
nav{font-size:14px;gap:28px;color:#5f6871}
.nav-contact{border:0}.nav-contact span{color:var(--gold)}
.hero{grid-template-columns:.92fr 1.12fr;gap:72px;padding-block:65px 100px;position:relative;isolation:isolate}
.hero-copy{grid-column:2;grid-row:1}
.hero .portrait{grid-column:1;grid-row:1;align-self:center;max-width:430px;background:transparent}
.portrait::before{content:'';position:absolute;width:100%;height:100%;border:1px solid #bda36b;border-radius:18px;left:14px;top:14px;z-index:-1}
.portrait::after{content:'✦';position:absolute;right:-24px;top:12px;color:var(--gold);font-size:28px}
.portrait img{border-radius:17px}
.portrait figcaption{left:14px;right:14px;bottom:14px;border-radius:10px;background:rgba(255,255,255,.94);padding:13px 17px;font-size:22px}
.hero::before{content:'';position:absolute;width:240px;height:240px;border-radius:50%;left:-65px;bottom:35px;background:#eff5fa;z-index:-2}
.eyebrow{color:#497c82;font-size:10px;letter-spacing:.18em;line-height:1.9;max-width:430px}
.eyebrow::before{content:'✦';color:var(--gold);margin-right:9px}
h1{font-weight:400;font-size:clamp(43px,5.4vw,72px);line-height:1.1;letter-spacing:-.045em;margin-bottom:26px}
h1 em{display:inline-block;color:#aa8d4c;font-size:.83em;line-height:1.25}
h2{font-weight:400;font-size:clamp(35px,4vw,49px);line-height:1.2}h2 em{color:#9e8248}
.lead{font-size:19px;line-height:1.8}.large{font-size:22px;line-height:1.65}
.button{background:#527f82;border-radius:6px;padding:15px 23px;gap:25px;font-size:14px;box-shadow:0 5px 18px #36696c16}.button:hover{background:#3d686c}
.quiet{font-size:12px;line-height:1.6}.section{padding-block:85px}.story{border-top:1px solid #eee9df;gap:75px}.signature{font-size:38px}
.team{background:#f8f7f3;color:var(--navy);border-block:1px solid #f0ece3}
.team .eyebrow,.contact .eyebrow{color:#497c82}.team-heading{gap:70px}.team-heading>p{color:var(--muted);font-size:18px}
.values{gap:23px;margin-top:30px}.values article{border:1px solid #ebe4d6;border-radius:14px;background:#fff;padding:28px 25px;box-shadow:0 8px 28px #17264204}.values h3{font:26px/1.3 var(--serif)}.values p{color:var(--muted);font-size:15px}.number{color:var(--gold);font-size:28px}
.faq{gap:75px}.faq details{border-color:#e6e6df}summary{color:#364758}.faq details[open] summary{color:#467b80}
.contact{background:linear-gradient(145deg,#f0f6f7,#faf8f3)}.contact-inner{grid-template-columns:.95fr 1.1fr;gap:70px;padding-block:85px}.contact-note{background:white;border:1px solid #e3e6df;border-radius:17px;padding:32px;box-shadow:0 10px 35px #17264206;min-width:0}.contact-note h3{font-size:33px}
.survey-status{background:#faf8f1;border-color:#e7ddc4;border-radius:7px;color:#77633d}
#intro-survey input:not([type="checkbox"]),#intro-survey select,#intro-survey textarea{background:#fff;border-color:#d5dcd9;border-radius:7px;padding:12px;color:#24374a}
#intro-survey input:focus-visible,#intro-survey select:focus-visible,#intro-survey textarea:focus-visible{outline:2px solid #527f82;outline-offset:2px}
#intro-survey label{color:#364758}#intro-survey input[type="checkbox"]{accent-color:#527f82}.contact-email{font-size:13px}.contact-email a{color:#497c82}
#tietosuoja{font-size:14px;color:var(--muted)}#tietosuoja h2{font-size:34px;color:var(--navy)}.footer{border-top:1px solid var(--line)}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero{gap:35px}.story,.faq,.team-heading,.contact-inner{gap:35px}.values article{padding:22px 18px}.contact-note{padding:25px}}
@media(max-width:640px){.wrap{width:calc(100% - 40px)}.header{padding-block:25px}.brand{font-size:28px}nav{font-size:13px}.hero{grid-template-columns:minmax(0,1fr);padding-block:35px 60px;gap:40px}.hero-copy{grid-column:1;grid-row:1}.hero .portrait{grid-column:1;grid-row:2;width:calc(100% - 15px);max-width:340px;justify-self:start}h1{font-size:clamp(40px,10.7vw,61px)}.lead{font-size:18px}.portrait::after{right:-17px;font-size:23px}.hero::before{width:160px;height:160px;left:-18px;bottom:5px}.section{padding-block:55px}.story,.faq,.team-heading,.values,.contact-inner{grid-template-columns:minmax(0,1fr);gap:24px}.team-heading h2{margin-bottom:5px}.values{gap:16px}.contact-inner{padding-block:55px}.contact-note{padding:23px 18px}.portrait figcaption{font-size:20px}.portrait figcaption span{font-size:10px}.eyebrow{font-size:9px}.footer{padding-block:27px}}

.brand-personal{display:inline-flex;flex-direction:column;align-items:flex-start;gap:9px}.resonance-signature{display:block;color:#92773f;font:italic 18px/1.15 var(--serif);letter-spacing:.075em}.resonance-signature>span{display:inline-block;font-size:11px;margin-left:9px;vertical-align:middle;color:#ad8d4c}@media(max-width:640px){.resonance-signature{font-size:16px}}

.story-closing{font:italic 27px/1.5 var(--serif);color:var(--navy);border-left:2px solid var(--gold);padding-left:22px;margin-top:30px}.text-link{color:#497c82;text-underline-offset:5px;font-size:15px}.text-link span{margin-left:12px}@media(max-width:640px){.story-closing{font-size:24px;padding-left:18px}}

.story-aside{min-width:0}.holiday-photo{margin:36px 0 0;max-width:320px}.holiday-photo img{display:block;width:100%;height:auto;border-radius:15px;box-shadow:0 10px 30px #1726420b}.holiday-photo figcaption{font:italic 17px/1.5 var(--serif);color:#806b3c;padding-top:12px}@media(max-width:640px){.holiday-photo{max-width:260px;margin:28px auto 10px}}