.header-actions{display:flex;align-items:center;gap:.7rem;order:3}.language{border:1px solid var(--line);background:rgba(9,19,27,.5);color:#d1d7d7;padding:.5rem .7rem;font:700 .68rem var(--sans);letter-spacing:.08em;cursor:pointer}.language:hover{border-color:var(--copper);color:var(--copper)}.site-header nav{gap:1.35rem}.brand-mark{width:42px;height:42px;border:0;transform:none}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.portrait{background-image:linear-gradient(145deg,rgba(9,19,27,.28),rgba(9,19,27,.78)),url('virdamis-path.png');background-size:cover;background-position:67% center;overflow:hidden;isolation:isolate}.portrait::after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(transparent,rgba(9,19,27,.88));z-index:-1}.portrait>span{display:none}.portrait>img{position:absolute;z-index:-1;inset:auto -2% 0 auto;width:104%;height:98%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 16px 28px rgba(0,0,0,.45))}.portrait small{z-index:2;background:rgba(9,19,27,.56);padding:.45rem .65rem;border-left:2px solid var(--copper);color:#d4dcdd}.app-section{display:grid;grid-template-columns:1.2fr .8fr;gap:9vw;align-items:center;background:#0b161d}.app-copy>p{color:#bdc6c7;max-width:720px}.app-copy .status{display:inline-block;margin-top:1.5rem}.app-preview{max-width:430px;min-height:520px;background:var(--paper);color:var(--ink);padding:2rem;border-radius:28px;box-shadow:24px 28px 0 rgba(217,139,76,.16);display:flex;flex-direction:column}.app-top{display:flex;justify-content:space-between;letter-spacing:.18em;font-size:.7rem}.app-top b{color:var(--copper)}.app-preview>p{font-family:var(--serif);font-size:2.4rem;line-height:1.05;margin:auto 0 2rem}.energy{display:flex;gap:.7rem}.energy i{width:34px;height:34px;border:1px solid #9aa6aa;border-radius:50%}.energy i.active{background:var(--copper);border-color:var(--copper)}.next-step{margin-top:3rem;border-top:1px solid #b8bdb9;padding-top:1.5rem;display:flex;flex-direction:column;gap:.5rem}.next-step small{font-size:.65rem;letter-spacing:.16em;color:#657174}.next-step strong{font-family:var(--serif);font-size:1.6rem;font-weight:400}.shop-intro{max-width:680px;color:var(--muted);font-size:1.05rem;margin:2rem 0 0}@media(max-width:900px){.app-section{grid-template-columns:1fr}.app-preview{margin:auto;width:100%}.portrait>img{width:90%;right:5%}}@media(max-width:560px){.language{padding:.42rem .5rem}.brand-mark{width:35px;height:35px}.app-preview{min-height:430px}.app-preview>p{font-size:2rem}.portrait>img{width:105%;right:-2.5%}}
/* A compact mountain mark flows into a more legible wordmark. */
.brand{gap:.18rem;white-space:nowrap;font-family:var(--sans);font-weight:700;letter-spacing:.085em;font-size:1.08rem;line-height:1}
.brand-mark{width:48px;height:48px;flex:none}
.brand-mark img{width:100%;height:100%}
footer .brand{justify-self:start}
footer .social-links{display:flex;justify-content:center;align-items:center;gap:1.25rem;flex-wrap:wrap;grid-column:1/-1;border-top:1px solid rgba(255,255,255,.14);padding-top:1.4rem}
footer .social-links span{font-size:.8rem;color:#b7c3c2}
footer .social-links a{font-size:.9rem;color:#edf0ec;text-underline-offset:.25em}
footer .social-links a:hover,footer .social-links a:focus-visible{color:#d98b4c}
.portrait-group{min-width:0}
.portrait>img{height:110%;width:110%;inset:auto -5% -1% auto;object-position:center bottom}
.portrait-quote{margin:1rem 0 0;color:var(--copper);font-family:var(--serif);font-size:1.35rem;line-height:1.25}
@media(max-width:900px){
  .hero>img{transform:scaleX(-1);object-position:12% center}
  .hero-shade{background:linear-gradient(0deg,rgba(6,14,20,.96),rgba(6,14,20,.55) 34%,rgba(6,14,20,.05) 78%)}
  .hero-copy{padding-bottom:7.5rem}
  .hero-note{bottom:1.2rem}
}
@media(max-width:560px){
  .brand{font-size:.9rem;letter-spacing:.045em;gap:.08rem}
  .brand-mark{width:40px;height:40px}
  .portrait>img{width:112%;right:-6%;height:110%}
  .hero{min-height:690px}
  .hero>img{object-position:12% center}
  .hero-copy{padding-bottom:8rem}
}
/* Keep the complete portrait visible at narrow widths and place its caption in the frame. */
.portrait{overflow:hidden;min-height:570px}
.portrait>img{inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important}
.portrait::after{z-index:0;height:43%;pointer-events:none}
.portrait-quote{position:absolute;z-index:2;left:1.4rem;right:1.4rem;bottom:1.25rem;margin:0;color:#f0e5d9;font-size:clamp(1.1rem,2vw,1.4rem);font-style:italic;text-align:center;text-shadow:0 2px 10px #09131b}
.about-copy blockquote{font-style:italic;font-size:1.3rem;line-height:1.35;max-width:34ch}
.book-brand{display:flex;align-items:center;gap:.25rem;font-size:.78rem;font-weight:700;letter-spacing:.13em}
.book-brand img{width:52px;height:52px;object-fit:contain}
@media(max-width:900px){.portrait{min-height:520px}}
@media(max-width:560px){.portrait{min-height:510px}.portrait-quote{bottom:1rem;left:1rem;right:1rem}}
.name-meaning{font-size:1rem!important;line-height:1.65;margin-top:1.5rem}
/* Startpunkten connects the first public workbook draft with the landing page. */
.starting-intro,.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:start}.starting-intro{background:#152631}.starting-intro p:not(.eyebrow),.contact-section p:not(.eyebrow){font-size:1.08rem;color:#c4cece;max-width:650px}.contact-section{background:#23363b}.starting-intro .button,.contact-section .button{margin-top:1.2rem}.hero-copy h1{font-size:clamp(3.4rem,8vw,7.4rem);max-width:900px;line-height:.98}@media(max-width:900px){.starting-intro,.contact-section{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:560px){.hero-copy h1{font-size:clamp(3.1rem,13vw,5rem)}}
.foundation-grid .foundation-card{display:block;position:relative;text-decoration:none;color:inherit;border-top:1px solid #99a3a3;padding:1.5rem 2rem 2rem 0;margin-right:2rem;min-height:260px;transition:background .2s,padding-left .2s}.foundation-card>span:first-child{font-size:.7rem;color:#657174}.foundation-card h3{font-family:var(--serif);font-size:2rem;margin:2.5rem 0 .8rem}.foundation-card p{font-size:.9rem}.foundation-card .card-more{position:absolute;right:1.2rem;top:1.3rem;color:#79502f;font-size:1.5rem}.foundation-card:hover,.foundation-card:focus-visible{background:#cbd4cc;padding-left:1rem}.foundation-card:focus-visible{outline:2px solid #79502f;outline-offset:3px}@media(max-width:560px){.foundation-grid .foundation-card{min-height:215px;margin-right:0}}

/* Consistent typography for the Virdamis purpose statement. */
.manifesto h2,.manifesto-copy>p{font-family:var(--sans)}
.manifesto h2{font-weight:600;line-height:1.13;letter-spacing:-.035em;font-size:clamp(2.45rem,4.8vw,4.8rem)}
.manifesto-copy>p{font-size:1.12rem;line-height:1.65;margin-bottom:1.4rem}

/* Mobile navigation stays in its own header; the pillar links remain in document flow. */
@media(max-width:1100px){.pillar-page .site-header nav{position:absolute;top:100%;right:1rem;left:1rem;flex-direction:column;background:var(--ink2);padding:1.5rem;border:1px solid var(--line);max-height:calc(100dvh - 100px);overflow-y:auto}}
@media(max-width:900px){.site-header{position:relative;background:var(--ink)}.site-header nav{top:100%;left:1rem;right:1rem;max-height:calc(100dvh - 100px);overflow-y:auto}.pillar-hero{padding-top:3rem}.pillar-index{top:3rem}.pillar-hero h1{font-size:clamp(3rem,12vw,5rem);overflow-wrap:anywhere}.section[id]{scroll-margin-top:1rem}}
.support{background:#152631}.support-intro{max-width:720px;color:#c4cece}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:3rem 0}.support-grid article{border-top:1px solid var(--line);padding-top:1.5rem}.support-grid h3{font:400 1.8rem/1.15 var(--serif)}.support-grid p{color:#c4cece}.price-note{max-width:760px;border-top:1px solid var(--line);padding-top:2rem}.price-note p{color:#c4cece}.about-copy>p{margin-bottom:1.25rem}@media(max-width:900px){.support-grid{grid-template-columns:1fr;gap:1.5rem}}

/* A single, collapsed navigation on every screen size. */
.site-header .menu{display:block;cursor:pointer;padding:.5rem}.site-header nav,.pillar-page .site-header nav{display:none;position:absolute;top:100%;right:clamp(1rem,4vw,4.5rem);left:auto;flex-direction:column;gap:0;width:min(340px,calc(100vw - 2rem));min-width:0;padding:.6rem 1.3rem;background:var(--ink2);border:1px solid var(--line);max-height:calc(100dvh - 100px);overflow-y:auto}.site-header nav.open,.pillar-page .site-header nav.open{display:flex}.site-header nav a,.pillar-page .site-header nav a{font-size:1rem;padding:.6rem 0;letter-spacing:0;border-bottom:1px solid var(--line)}.site-header nav a:last-child{border-bottom:0}.site-header{background:var(--ink)}.simple-home .section{padding-top:clamp(3rem,6vw,6rem);padding-bottom:clamp(3rem,6vw,6rem)}.hero-reassurance{font-size:1.05rem;max-width:42ch;margin-bottom:1.8rem;color:#d5dcdc}.simple-home .hero-copy{max-width:1000px}.simple-home .lead{max-width:42ch}.simple-home .hero-copy h1{font-size:clamp(3.2rem,7.5vw,7rem)}.advice-intro{background:#0c171f}.foundation-card .read-more{display:block;color:#79502f;font-size:.95rem;text-decoration:underline;text-underline-offset:.25em}.foundation-card h3{margin-top:1.6rem}.simple-home .foundation-grid{margin-top:2rem}.simple-home .foundation-grid .foundation-card{min-height:0;padding-bottom:1.5rem}.simple-home .book-copy h2{font-size:clamp(2.5rem,4.5vw,4.2rem)}.detail-page main>.section:first-child{padding-top:10rem}.compact-detail{min-height:0;padding-bottom:4rem}.reflection-questions{padding-left:1.3rem}.reflection-questions li{margin-top:1.2rem}.reflection-questions p{font-size:1rem}.detail-page .reflection h2{font-size:clamp(2rem,4vw,3.2rem)}.detail-page .reflection p{max-width:70ch}.language{font-size:.8rem}footer .social-links span{font-size:.9rem}@media(max-width:900px){.detail-page main>.section:first-child{padding-top:4rem}.site-header nav,.pillar-page .site-header nav{left:1rem;right:1rem;width:auto}.simple-home .hero{height:auto;min-height:670px}.simple-home .hero-copy{padding-top:4rem;padding-bottom:4rem}.simple-home .hero-copy h1{font-size:clamp(3rem,12vw,5rem)}.simple-home .about{gap:2rem}}

/* Give each surface its own foreground instead of inheriting a page-level color. */
.hero,.starting-intro,.about,.support,.journal,.app-section,.shop,.contact-section,.pillar-hero,.pillar-contact,.work-hero,.work-ending,.method{color:#f7f9f7}
:is(.hero,.starting-intro,.about,.support,.journal,.app-section,.shop,.contact-section,.pillar-hero,.pillar-contact,.work-hero,.work-ending,.method) :is(h1,h2,h3){color:#f7f9f7}
:is(.hero,.starting-intro,.about,.support,.journal,.app-section,.shop,.contact-section,.pillar-hero,.pillar-contact,.work-hero,.work-ending,.method) p:not(.eyebrow):not(.tag):not(.portrait-quote){color:#edf0ec}
:is(.hero,.starting-intro,.about,.support,.journal,.app-section,.shop,.contact-section,.pillar-contact,.work-ending) .text-link{color:#f7f9f7}
:is(.journal,.app-section,.shop) .status{color:#edf0ec;border-color:#829397}
.method-line small,.shop-note{color:#edf0ec}
/* Light surfaces keep dark text, including the full biography page. */
.manifesto,.foundations,.book,.pillar-content,.reflection,.work-section,.newsletter,.detail-page .about{color:#09131b}
.detail-page .about .about-copy :is(h2,p,blockquote),.book-copy :is(h2,h3,p),.manifesto :is(h2,p),.reflection :is(h2,p),.newsletter :is(h2,p,label){color:#09131b}
:is(.book,.manifesto,.foundations,.reflection,.detail-page .about) .eyebrow{color:#79502f}
.detail-page .about .text-link{color:#09131b}
.pillar-content .source-note{color:#455459}
/* The light app mockup is nested within a dark section. */
.app-section .app-preview,.app-section .app-preview :is(p,h2,h3,strong,span,small){color:#09131b}
.app-section .app-preview .next-step small{color:#455459}
.app-preview .app-top b{color:#79502f}
.portrait .portrait-quote{color:#f7f9f7}
/* Dark navigation and footers are shared by light and dark pages. */
.site-header,.site-header .brand,.site-header .menu,.site-header .language,.site-header nav a,footer,footer .brand,footer p,footer small,footer .social-links span,footer .social-links a{color:#f7f9f7}
footer{background:#09131b}
.newsletter input,.newsletter input::placeholder,.newsletter .form-note{color:#09131b}
.newsletter button{color:#f7f9f7}
@media print{.work-hero,.work-ending{color:#000}.work-hero :is(h1,h2,h3,p),.work-ending :is(h1,h2,h3,p){color:#000!important}}

/* Group the four foundation pages under one menu heading. */
.foundation-menu{border-bottom:1px solid var(--line);color:#f7f9f7}.foundation-menu summary{font-size:1rem;line-height:1.65;padding:.6rem 0;cursor:pointer}.foundation-menu summary:hover,.foundation-menu summary:focus-visible{color:var(--copper)}.foundation-submenu{padding:0 0 .5rem 1.1rem;display:flex;flex-direction:column}.site-header nav .foundation-submenu a{border-bottom:0;font-size:.95rem;padding:.45rem 0}.foundation-menu summary:focus-visible{outline:2px solid var(--copper);outline-offset:3px}
/* Classical italic book typography for the description, on both book surfaces. */
.book-copy>p:not(.eyebrow){font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;font-style:italic;font-size:1.2rem;font-weight:400;line-height:1.7;letter-spacing:normal}

.overview-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.overview-cards article{padding:2rem 0;border-top:1px solid #aab7b3}.overview-cards h2{font-size:clamp(2rem,3vw,3rem)}.overview-cards p{max-width:50ch}.blog-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin:2rem 0}.blog-cards article{border-top:1px solid var(--line);padding-top:1.5rem}.blog-cards h3{font:400 2rem/1.2 var(--serif)}.blog-cards p{max-width:50ch}.journal .blog-cards .text-link{color:#f7f9f7}.newsletter .signup-note{font-size:.95rem;line-height:1.6;margin-top:1rem;max-width:60ch}.newsletter .button{background:#09131b;color:#f7f9f7}.newsletter .button:hover{background:#23363b}.article-body{max-width:78ch;margin:auto;padding:3rem 1.5rem 5rem;color:#09131b}.article-body p{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.article-body h2{font-size:clamp(2rem,4vw,3rem);line-height:1.2;margin-top:2.5rem}.article-body .article-byline{font-size:.95rem;color:#455459}.pillar-content[id],.article-body[id],#nyhetsbrev,#paus{scroll-margin-top:100px}@media(max-width:800px){.overview-cards,.blog-cards{grid-template-columns:1fr;gap:1.5rem}}

/* Keep the home-page blog invitation calm: one idea and one next step. */
.journal-feature h2{font-size:clamp(2.7rem,5vw,4.6rem);margin-bottom:1rem}.journal-feature .journal-intro{max-width:58ch;font-size:1.05rem;line-height:1.75;margin-bottom:2.5rem}.journal-feature .featured-post{max-width:58rem;border-top:1px solid var(--line);padding-top:1.6rem}.journal-feature .featured-label{color:var(--copper)!important;font-size:.7rem!important;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:1rem}.journal-feature .featured-post h3{font:400 clamp(2rem,4vw,3.25rem)/1.1 var(--serif);margin-bottom:.75rem}.journal-feature .featured-post>p:not(.featured-label){max-width:52ch;margin-bottom:.6rem}.journal-feature .featured-post .text-link{color:#f7f9f7}@media(max-width:560px){.simple-home .journal-feature{padding-top:3.75rem;padding-bottom:3.75rem}.journal-feature h2{font-size:2.8rem;line-height:1.02}.journal-feature .journal-intro{font-size:1rem;margin-bottom:2rem}.journal-feature .featured-post{padding-top:1.4rem}.journal-feature .featured-post h3{font-size:2.25rem}}

/* Keep the full biography readable over the light detail-page surface.
   Match the dark-surface paragraph selector so this later rule wins. */
.detail-page .about{background:#edf0ec;color:#09131b}
.detail-page .about .about-copy > p:not(.eyebrow):not(.tag):not(.portrait-quote){color:#09131b;font-family:var(--sans);font-size:1.08rem;line-height:1.8;max-width:65ch}

/* Let the expanded introduction fit without clipping on narrow screens. */
.simple-home .hero{height:auto;min-height:max(680px,100svh)}
.simple-home .hero-copy{padding-top:clamp(8rem,12vw,12rem)}
.foundation-intro{max-width:65ch;color:#09131b;line-height:1.8}

/* A clear, low-friction path from content to contact. */
.organisation-preview{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#152631;color:#f7f9f7}.organisation-preview h2{font-size:clamp(2.6rem,5vw,5rem)}.organisation-preview p:not(.eyebrow){max-width:60ch;color:#edf0ec}.direct-contact{margin-top:1.4rem}.direct-contact a{color:var(--copper);font-weight:700}.first-step-hero h1,.organisation-hero h1{font-size:clamp(3.2rem,8vw,7rem)}.choice-section{background:#edf0ec;color:#09131b}.choice-heading{max-width:850px}.choice-heading h2{font-size:clamp(2.6rem,5vw,5rem)}.choice-heading>p:not(.eyebrow){color:#455459}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:3rem}.choice-card{position:relative;min-height:230px;padding:1.6rem;border:1px solid #aab7b3;background:#f7f8f5;display:flex;flex-direction:column;cursor:pointer;transition:.2s}.choice-card:hover,.choice-card:has(input:focus-visible){border-color:#b46f3c;transform:translateY(-2px)}.choice-card:has(input:checked){background:#102632;color:#f7f9f7;border-color:#102632}.choice-card input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}.choice-number{color:#79502f;font-size:.75rem}.choice-card:has(input:checked) .choice-number{color:var(--copper)}.choice-card strong{font:400 1.85rem/1.15 var(--serif);margin-top:auto}.choice-card small{margin-top:.65rem;font-size:.95rem}.choice-result{margin-top:1.5rem;padding:2rem;background:#d8ddd8;border-left:4px solid #b46f3c}.choice-result h3{font:400 2.2rem/1.1 var(--serif);margin-bottom:.8rem}.choice-result p:last-child{max-width:65ch;margin-bottom:0}.result-copy[hidden]{display:none}.simple-contact{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#102632;color:#f7f9f7}.simple-contact h2{font-size:clamp(2.6rem,5vw,5rem)}.simple-contact>div>p:not(.eyebrow){max-width:58ch;color:#d5dcdc}.contact-form{display:grid;gap:1.1rem;align-self:start}.contact-form label{display:grid;gap:.45rem;font-weight:700;font-size:.88rem}.contact-form input,.contact-form textarea{width:100%;border:1px solid #829397;background:#f7f9f7;color:#09131b;padding:.9rem 1rem;font:inherit;border-radius:0}.contact-form input:focus,.contact-form textarea:focus{outline:3px solid var(--copper);outline-offset:2px}.contact-form .button{border:0;justify-content:center;cursor:pointer;width:max-content}.form-status{min-height:1.5em;margin:0;color:#f7f9f7}.deeper-step{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#d9ddd8;color:#09131b}.deeper-step h2{font-size:clamp(2.4rem,4vw,4rem)}.deeper-step p{max-width:60ch}.organisation-offer{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;background:#edf0ec;color:#09131b}.organisation-offer h2{font-size:clamp(2.5rem,5vw,5rem)}.organisation-offer>div>p:not(.eyebrow){max-width:58ch}.offer-grid{display:grid;gap:1.5rem}.offer-grid article{border-top:1px solid #aab7b3;padding-top:1.3rem}.offer-grid article>span{font-size:.75rem;color:#79502f}.offer-grid h3{font:400 2rem/1.15 var(--serif);margin:.7rem 0}.organisation-process{background:#152631;color:#f7f9f7}.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);margin-top:2.5rem}.process-grid article{background:#152631;padding:2rem}.process-grid b{color:var(--copper)}.process-grid h3{font:400 1.8rem/1.15 var(--serif);margin-top:2rem}.process-grid p{color:#d5dcdc}.primary-path{font-size:.95rem;padding:1.1rem 1.5rem}
@media(max-width:900px){.organisation-preview,.simple-contact,.deeper-step,.organisation-offer{grid-template-columns:1fr;gap:2rem}.choice-grid,.process-grid{grid-template-columns:1fr}.choice-card{min-height:180px}.contact-form .button{width:100%}}