:root{--paper:#f4f0e8;--ink:#252920;--red:#a3332b;--line:#d8d3c7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}.wrap{max-width:1440px;margin:auto;padding-left:6vw;padding-right:6vw}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--red);outline-offset:5px}.top{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font:700 30px Georgia,serif;letter-spacing:-1.4px}.logo span{color:var(--red)}nav{display:flex;gap:38px;font-size:13px}nav a:hover,.textlink:hover{color:var(--red)}.toplink{font-size:13px;font-weight:600;border-bottom:1px solid var(--ink);padding-bottom:8px}.toplink span{padding-left:18px}.hero{min-height:710px;display:grid;grid-template-columns:1.15fr .85fr;column-gap:8%;align-items:center;padding-top:75px;padding-bottom:30px}.label,.number{font-size:10px;font-weight:700;letter-spacing:.17em}.label{display:flex;align-items:center;gap:10px}.dot{background:var(--red);width:7px;height:7px;border-radius:50%}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(60px,6.4vw,100px);line-height:1.03;letter-spacing:-.055em;margin:36px 0 28px}em{color:var(--red);font-weight:400}.intro{max-width:480px;line-height:1.75;font-size:17px;color:#585d53}.actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;gap:34px;align-items:center;background:var(--ink);color:#fff;padding:18px 20px;font-size:13px;font-weight:600}.button:hover{background:var(--red)}.textlink{font-size:13px;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:7px}.hero-art{min-height:440px;aspect-ratio:4/4.3;background:#a3332b;color:#f7eee1;display:flex;flex-direction:column;justify-content:space-between;padding:25px;position:relative;overflow:hidden}.hero-art:before,.hero-art:after{content:'';position:absolute;inset:14% -20%;border:1px solid #e7b6a2;border-radius:50%;transform:rotate(-30deg);opacity:.35}.hero-art:after{inset:25% -30%}.art-top,.art-bottom{display:flex;justify-content:space-between;gap:20px;font-size:9px;font-weight:700;letter-spacing:.16em;z-index:1}.art-note{font-family:Georgia,serif;font-size:clamp(160px,23vw,330px);text-align:center;line-height:1;z-index:1}.hero-caption{grid-column:1/-1;display:flex;justify-content:space-between;color:#777b70;font-size:9px;letter-spacing:.14em;margin-top:60px}.services,.board{padding-top:130px;padding-bottom:130px}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:12%}h2{font-size:clamp(49px,5.4vw,78px);line-height:1.07;letter-spacing:-.045em;margin:24px 0}.section-heading>p,.board-copy>p{max-width:460px;line-height:1.8;color:#5e6259;font-size:16px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:70px}.service-grid article{padding:28px 35px 20px 0}.service-grid article+article{border-left:1px solid var(--line);padding-left:35px}.number{color:#7c7d73}.symbol{font-family:Georgia,serif;color:var(--red);font-size:62px;margin:45px 0 15px}h3{font-size:29px;margin:0 0 16px;letter-spacing:-.025em}.service-grid p{font-size:14px;line-height:1.8;color:#5e6259;max-width:320px}.manifesto{background:#252920;color:#f4f0e8}.manifesto-inner{padding-top:115px;padding-bottom:115px;display:grid;grid-template-columns:1fr 2fr;gap:8%}.manifesto h2{margin-top:0}.manifesto em{color:#e49b88}.manifesto p:not(.label){color:#d0d1c7;max-width:660px;font-size:16px;line-height:1.85}.board{display:grid;grid-template-columns:1fr 1fr;gap:12%}.placeholder{margin-top:40px;min-height:240px;background:#e6ded0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;color:#777269;font-size:9px;letter-spacing:.16em}.placeholder-mark{font:italic 64px Georgia,serif;color:#a3332b;letter-spacing:-.1em}.placeholder-mark span{font-size:.5em;color:#777269}.contact{padding-top:100px;padding-bottom:120px;border-top:1px solid var(--line)}.contact h2{max-width:900px}.contact p:not(.label){color:#5e6259;line-height:1.8;margin-bottom:30px}footer{border-top:1px solid var(--line);padding-top:30px!important;padding-bottom:35px!important;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#676b60}footer p,footer>span{font-size:11px}footer .logo{color:var(--ink)}@media(max-width:760px){.wrap{padding-left:6vw;padding-right:6vw}.top{height:76px}.logo{font-size:25px}nav{gap:15px;font-size:11px}.toplink{display:none}.hero{grid-template-columns:1fr;padding-top:60px;min-height:0;gap:35px}h1{font-size:clamp(55px,11vw,80px)}.hero-art{min-height:300px;max-height:420px;aspect-ratio:1.2}.art-note{font-size:200px}.hero-caption{margin-top:5px}.services,.board{padding-top:80px;padding-bottom:80px}.section-heading,.board,.manifesto-inner{grid-template-columns:1fr;gap:15px}.service-grid{grid-template-columns:1fr;margin-top:40px}.service-grid article,.service-grid article+article{border-left:0;border-bottom:1px solid var(--line);padding:25px 0}.symbol{margin:25px 0 10px;font-size:48px}.manifesto-inner{padding-top:80px;padding-bottom:80px}.contact{padding-top:75px;padding-bottom:85px}footer{align-items:flex-start;flex-direction:column;gap:10px}}@media(max-width:390px){nav{gap:10px;font-size:10px}.logo{font-size:22px}h1{font-size:52px}}

/* Färg och typografi hämtade från Sofia Vokalensembles visuella uttryck. */
:root{--paper:#faf8f3;--ink:#191714;--red:#641f2a;--line:rgba(25,23,20,.22);--wine-dark:#3d1018}body{font-family:Inter,Helvetica,Arial,sans-serif;line-height:1.6}.top{height:98px}.logo{font-weight:400;letter-spacing:-.025em}.top nav a,.toplink{text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:400}.top nav a{padding:.5rem 0;border-bottom:1px solid transparent}.top nav a:hover{border-color:currentColor}.label{font-size:.72rem;font-weight:600;letter-spacing:.2em}.label::before{content:'';display:inline-block;width:2.7rem;border-top:1px solid currentColor;margin-right:.25rem}.label .dot{display:none}h1,h2{letter-spacing:-.025em;line-height:.98}h1{font-size:clamp(3.7rem,7vw,8.6rem)}h2{font-size:clamp(2.5rem,5vw,5.5rem)}h1 em,h2 em{font-style:normal}.hero-art{background:var(--red);color:#faf8f3}.hero-art:before,.hero-art:after{border-color:rgba(255,255,255,.55)}.button{background:transparent;color:var(--ink);border:1px solid var(--ink);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:400}.button:hover{background:var(--red);color:white;border-color:var(--red)}.textlink{text-transform:uppercase;font-size:.72rem;letter-spacing:.1em;font-weight:400}.services{background:#f3efe7}.manifesto{background:var(--red)}.manifesto em{color:#f3efe7}.board .placeholder{background:#f3efe7}.contact{background:#f3efe7}footer{background:var(--wine-dark);color:rgba(255,255,255,.7);max-width:none!important;padding-left:max(6vw,calc((100vw - 1440px)/2 + 6vw))!important;padding-right:max(6vw,calc((100vw - 1440px)/2 + 6vw))!important}footer .logo{color:white}footer .logo span{color:#e8aeb5}@media(max-width:760px){.top{height:76px}.top nav a{font-size:.65rem}.hero-art{min-height:300px}h1{font-size:clamp(3.4rem,11vw,5rem)}}
.board-member{margin-top:40px;border-top:1px solid var(--line);padding-top:25px;display:grid;grid-template-columns:minmax(150px,200px) 1fr;gap:28px;align-items:start}.board-member img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center top}.member-role{font-size:.65rem;letter-spacing:.13em;line-height:1.6;color:var(--red);margin:0 0 12px}.member-details h3{font-size:2rem;margin:0 0 20px}.member-details blockquote{font:italic 1.22rem/1.5 Georgia,serif;margin:0}.quote-note{font-size:.72rem;color:#676b60;margin-top:18px}@media(max-width:440px){.board-member{grid-template-columns:1fr}.board-member img{max-width:240px}}