/* Et mere fotografisk forsøg på forsiden. Hero og navigation bevares. */
.home .recognition{display:grid;grid-template-columns:1fr 3fr;gap:6%;padding:65px 7% 72px;text-align:left;background:var(--paper);border-bottom:1px solid #b9b0a1}
.home .recognition>.eyebrow{padding-top:12px;margin:0;text-align:left}
.home .recognition-quote{max-width:900px;margin:0;font-size:clamp(27px,3.1vw,43px);line-height:1.35;text-align:left}
.home .meet-eskil{grid-template-columns:.85fr 1.15fr;column-gap:10%;padding:95px 7% 100px;background:var(--paper)}
.home .meet-eskil figure{margin:60px 0 0;padding:0;background:transparent;max-width:none}
.home .meet-eskil figure>img{width:100%;height:auto;filter:saturate(.82)}
.home .meet-eskil figcaption{padding:28px 0 0;margin:0}
.home .meet-eskil figcaption .couple-closing{position:relative;font-size:clamp(23px,2.3vw,33px);line-height:1.35;letter-spacing:-.025em;margin:0 0 26px;padding-top:24px}
.home .meet-eskil figcaption .couple-closing:before{content:"";display:block;position:absolute;top:0;left:0;width:56px;height:3px;background:var(--accent)}
.home .meet-eskil h2{font-size:clamp(39px,4.5vw,66px);line-height:1.02;margin:22px 0 34px}
.home .meet-eskil>div>p:not(.eyebrow){max-width:560px;color:#4f5c55;line-height:1.8}
.home .meet-eskil>div>p:nth-of-type(2){font-size:20px;line-height:1.6;color:var(--ink)}
.home .meet-eskil>div>.link{margin:8px 0 0}
.home .individual-feature{position:relative;grid-template-columns:1fr 1fr;column-gap:10%;padding:80px 7% 85px;background:#eadbd0;border-top:1px solid #cfb8a9}
.home .individual-feature:before{content:"";position:absolute;top:0;left:7%;width:70px;height:4px;background:var(--accent)}
.home .individual-feature h2{font-size:clamp(42px,5.1vw,75px);line-height:1.02;margin:25px 0 35px}
.home .individual-copy{padding-top:25px}
.home .individual-feature figure{position:static;margin:0 0 -130px;align-self:start;z-index:1}
.home .individual-feature img{aspect-ratio:4/5;object-fit:cover;object-position:center 60%;width:100%;height:auto}
.home .individual-copy>p:not(.eyebrow){max-width:465px}
.home .individual-feature+.retreat-banner{margin:130px 0 0;position:relative;display:block;min-height:570px;isolation:isolate;overflow:hidden;background:#1c3029}
.home .retreat-banner>img{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-fit:cover;object-position:center 60%}
.home .retreat-banner:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(14,30,25,.88),rgba(14,30,25,.36) 58%,rgba(14,30,25,.08))}
.home .retreat-banner>div{padding:95px 7% 90px;max-width:760px}
.home .retreat-banner h2{font-size:clamp(39px,4.6vw,67px);line-height:1.08;color:#f1ecdf}
.home .retreat-banner .eyebrow{color:#dcc0a1}
.home footer{margin-top:0}
@media(max-width:900px) and (min-width:761px){.home .meet-eskil{column-gap:7%;grid-template-columns:.9fr 1.1fr}.home .meet-eskil h2{font-size:42px}.home .meet-eskil>div>p:nth-of-type(2){font-size:18px}}
@media(max-width:760px){
.home .recognition{display:block;padding:40px 6% 45px}
.home .recognition>.eyebrow{padding:0;margin-bottom:23px}
.home .recognition-quote{font-size:29px;line-height:1.4}
.home .meet-eskil{display:flex;flex-direction:column;gap:38px;padding:45px 6% 55px}
.home .meet-eskil>div{order:0}
.home .meet-eskil figure{order:1;margin:0;width:100%;max-width:480px;align-self:center}
.home .meet-eskil h2{font-size:43px;margin:18px 0 25px}
.home .meet-eskil>div>p:nth-of-type(2){font-size:19px}
.home .meet-eskil figcaption .couple-closing{font-size:27px}
.home .individual-feature{display:flex;flex-direction:column;padding:45px 6% 0;gap:35px}
.home .individual-copy{padding-top:0}
.home .individual-feature h2{font-size:47px;margin:22px 0 27px}
.home .individual-feature figure{margin:0 0 -45px;width:88%;align-self:flex-end}
.home .individual-feature img{aspect-ratio:5/4;max-height:none}
.home .individual-feature+.retreat-banner{margin-top:90px;min-height:520px}
.home .retreat-banner>div{padding:60px 6% 210px}
.home .retreat-banner h2{font-size:42px}
.home .retreat-banner>img{height:100%;object-position:65% center}
.home .retreat-banner:after{background:linear-gradient(180deg,rgba(14,30,25,.89),rgba(14,30,25,.46) 48%,rgba(14,30,25,.05))}
}
/* Tættere møde mellem portræt, citat og beskrivelsen af arbejdet. */
.home .meet-eskil{padding-top:65px;padding-bottom:65px;column-gap:7%;grid-template-columns:.92fr 1.08fr}
.home .meet-eskil figure{margin-top:0}
.home .meet-eskil h2{font-size:clamp(39px,4vw,58px);margin:18px 0 25px}
.home .meet-eskil>div>p:not(.eyebrow){margin-bottom:20px}
.home .meet-eskil figcaption{padding-top:22px}
.home .meet-eskil figcaption .couple-closing{font-size:clamp(23px,2.1vw,29px);line-height:1.35;margin-bottom:19px;padding-top:20px}
@media(max-width:760px){
.home .meet-eskil{padding:40px 6% 45px;gap:30px}
.home .meet-eskil h2{font-size:41px}
.home .meet-eskil figcaption .couple-closing{font-size:26px}
}
/* Citatet afslutter begge spalter og fjerner den tomme tekstbund. */
.home .meet-eskil{grid-template-columns:.82fr 1.18fr;column-gap:8%;row-gap:36px;padding-bottom:50px}
.home .meet-eskil figure{width:100%;max-width:420px}
.home .meet-eskil figcaption{padding-top:16px}
.home .meet-eskil>.couple-closing{grid-column:1/-1;max-width:1040px;width:100%;margin:0 auto;padding:30px 4% 0;border-top:1px solid #b9b0a1;text-align:center;font:italic clamp(25px,2.5vw,36px)/1.4 Georgia,serif;letter-spacing:-.025em;color:var(--ink)}
@media(max-width:760px){
.home .meet-eskil{gap:30px;padding-bottom:40px}
.home .meet-eskil figure{max-width:400px;order:1}
.home .meet-eskil>.couple-closing{order:2;margin:0;padding:25px 0 0;text-align:left;font-size:27px}
}
/* Indledning og citat læses som én samlet henvendelse. */
.home .recognition{display:block}
.home .recognition>.eyebrow{max-width:900px;margin:0 auto 18px;padding:0}
.home .recognition-quote{margin:0 auto}
@media(max-width:760px){.home .recognition>.eyebrow{margin-bottom:18px}}
/* Mobil: giv overskriften et frit felt over og til venstre for manden. */
@media(max-width:650px){
.home .hero.original-photo{padding-top:88px}
.home .hero.original-photo .hero-title{font-size:clamp(30px,7.6vw,46px);line-height:1.04;margin-bottom:20px}
.home .hero.original-photo img{object-position:92% center}
}
/* Bevar hele kvinden ved fotografiets højre kant. */
@media(max-width:650px){.home .hero.original-photo img{object-position:100% center}}
/* Mobilforsøg: en transparent rustflade over belægningen. */
@media(max-width:650px){
.home .hero.original-photo{height:650px;padding:0;display:block}
.home .hero.original-photo>div{position:absolute;left:5%;bottom:26px;width:68%;max-width:290px;padding:20px 17px 22px;background:rgba(119,69,47,.82);color:#fff6e8;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border:1px solid rgba(242,221,198,.18)}
.home .hero.original-photo .hero-title{font-size:clamp(29px,7.6vw,43px);line-height:1.05;margin:0 0 18px;text-shadow:none}
.home .hero.original-photo h1.seo-heading{font-size:9px;line-height:1.6;max-width:none;letter-spacing:.12em;margin:0 0 18px;color:#f2ddc6}
.home .hero.original-photo img{object-position:100% center}
.home .original-photo:after{background:linear-gradient(180deg,rgba(25,21,16,.35),rgba(25,21,16,0) 30%)}
}
@media(max-width:650px){
.home .hero.original-photo>div{background:rgba(151,95,69,.66);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}
.home .hero.original-photo .hero-title{text-shadow:0 1px 5px rgba(55,30,18,.28)}
}
@media(max-width:650px){
.home header a.book{background:rgba(151,95,69,.66);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}
}
/* Mindre flade omkring mobilteksten, samme læsbare typografi. */
@media(max-width:650px){
.home .hero.original-photo>div{padding:15px 17px 16px}
.home .hero.original-photo .hero-title{margin-bottom:12px}
.home .hero.original-photo h1.seo-heading{margin-bottom:12px}
.home header a.book{padding:0 9px;border-color:rgba(242,221,198,.22);border-radius:2px}
}
/* Grågrønt modspil til heroens varme rusttone. */
.home .recognition{background:#dfe3d8;border-bottom-color:#c4cbbb}
/* Samme rustrøde indledning ved citatet som i sidens øvrige afsnit. */
.home .meet-eskil>.couple-closing .quote-intro{display:block;margin:0 0 18px;font-family:Arial,Helvetica,sans-serif;font-size:9px;font-weight:600;line-height:1.8;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.home .individual-feature:before{content:none}
/* Korte, praktiske svar før de øvrige tilbud. */
.home .couples-practical{padding:45px 7% 60px;background:#e4e7dd;border-top:1px solid #c4cbbb}
.home .couples-practical>.eyebrow{margin-bottom:15px}
.home .couples-practical h2{font-size:clamp(32px,3vw,44px);margin:0 0 30px}
.home .practical-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6%}
.home .practical-columns h3{font:400 26px/1.25 Georgia,serif;letter-spacing:-.025em;margin:0 0 15px}
.home .practical-columns p{font-size:16px;line-height:1.75;color:#4f5c55;margin-bottom:18px;max-width:350px}
@media(max-width:760px){.home .couples-practical{padding:40px 6% 45px}.home .practical-columns{grid-template-columns:1fr;gap:28px}.home .practical-columns>div+div{border-top:1px solid #c4cbbb;padding-top:24px}.home .practical-columns p{max-width:none}}
.home .retreat-banner .retreat-days{font-size:clamp(32px,3.7vw,54px);line-height:1.1;margin:25px 0 28px}
.retreat-day{display:block}
.retreat-day+.retreat-day{margin-top:6px}
.retreat-day small{display:block;font:600 10px/1.8 Arial,Helvetica,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#dcc0a1;margin-bottom:7px}
@media(max-width:760px){.home .retreat-banner .retreat-days{font-size:clamp(29px,7.7vw,42px)}}
/* Herooverskriften øges med 10 procent på alle skærmstørrelser. */
@media(min-width:1101px){.home .hero.original-photo .hero-title{font-size:clamp(38.5px,4.62vw,69.3px)}}
@media(min-width:651px) and (max-width:1100px){.home .hero.original-photo .hero-title{font-size:clamp(36.3px,6.05vw,67.1px)}}
@media(max-width:650px){.home .hero.original-photo .hero-title{font-size:clamp(31.9px,8.36vw,47.3px)}}
/* Fælles typografi til heroens stedangivelse på begge sider. */
.home .hero.original-photo h1.seo-heading{font-family:Arial,Helvetica,sans-serif;font-size:21px;font-weight:400;line-height:1.5;letter-spacing:0;text-transform:none;max-width:none}
@media(max-width:650px){.home .hero.original-photo h1.seo-heading{font-size:16px}}
.home .hero.original-photo a.link{font-size:16px!important}
@media(max-width:650px){.home .hero.original-photo a.link{font-size:15px!important}}
.home .retreat-banner .eyebrow{font-size:12px;line-height:1.7;letter-spacing:.16em}
.home .retreat-banner a.link{font-size:16px!important}
@media(max-width:650px){.home .retreat-banner a.link{font-size:15px!important}}
/* Mobilfeltet samles om centreret tekst med mindre indvendig luft. */
@media(max-width:650px){
.home .hero.original-photo>div{text-align:center;padding:12px 12px 13px}
.home .hero.original-photo .hero-title{margin-bottom:10px}
.home .hero.original-photo h1.seo-heading{margin-bottom:10px}
}
.title-phone{display:none}
@media(max-width:650px){
.title-tablet{display:none}
.title-phone{display:inline}
.home .hero.original-photo>div{text-align:left;width:68%;max-width:265px;padding:14px 16px 15px}
.home .hero.original-photo .hero-title{margin-bottom:12px}
.home .hero.original-photo h1.seo-heading{margin-bottom:12px}
}
@media(max-width:650px){.home .hero.original-photo>div{width:66%;max-width:255px}}
/* Lys, støvet facadetone binder de individuelle samtaler til heroen. */
.home .individual-feature{background:#e4cabe;border-top-color:#ceb0a0}
/* Mobilforside: navigation samlet under navnet på facadens rustfelt. */
@media(max-width:650px){
.home>header{display:grid;grid-template-columns:max-content max-content;justify-content:start;align-items:center;column-gap:22px;row-gap:7px;padding:22px 6% 12px}
.home header .brand{grid-column:1/-1;grid-row:1}
.home header .mobile-menu{grid-column:1;grid-row:2;margin:0}
.home header .mobile-menu summary{padding:0;min-height:40px}
.home header a.book{grid-column:2;grid-row:2;min-height:40px;padding:0;background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;text-decoration:underline;text-underline-offset:6px;text-decoration-color:rgba(255,246,232,.6);justify-self:start}
.home header .mobile-menu[open] nav{left:6%;right:auto}
}
@media(max-width:650px){
.home header a.book{grid-column:1;grid-row:3}
.home>header{row-gap:2px}
}
/* To tætte linjer: hold begge navigationslinks til venstre over facaden. */
@media(max-width:650px){
.home>header{grid-template-columns:max-content max-content;column-gap:13px;row-gap:6px}
.home header .mobile-menu{grid-column:1;grid-row:2}
.home header a.book{grid-column:2;grid-row:2;background:transparent;border:0}
}
.mobile-nav-shade{display:none}
@media(max-width:650px){
.home .mobile-nav-shade{display:block;grid-column:1/-1;grid-row:2;align-self:stretch;justify-self:stretch;margin:0 -9px;background:rgba(25,30,25,.58);border-radius:2px;z-index:-1;pointer-events:none}
.home header .mobile-menu,.home header a.book{position:relative;z-index:1}
.home header .mobile-menu{position:static}
}
@media(max-width:650px){.home .mobile-nav-shade{background:rgba(151,95,69,.66);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}}
/* Mobilforside: samlet headerflade i samme transparente rust som tekstfeltet. */
@media(max-width:650px){
.home>header{display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:8px;padding:18px 6%;background:rgba(151,95,69,.66);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}
.home header .brand{flex-shrink:0}
.home header .mobile-menu{margin-left:4px;position:static}
.home header .mobile-menu summary{padding:0 8px;min-height:44px}
.home header a.book{padding:0 4px;min-height:44px;background:transparent;border:0;white-space:nowrap}
.home .mobile-nav-shade{display:none}
.home header .mobile-menu[open] nav{left:6%;right:auto}
}
/* Mobilforside: fri header og diskret booking med lys kant. */
@media(max-width:650px){
.home>header{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.home header a.book{background:transparent;border:1px solid rgba(255,246,232,.7);padding:0 9px;text-decoration:none;backdrop-filter:none;-webkit-backdrop-filter:none}
}
/* Mobilforside: booking samles i hero og menu, navigation på facaden. */
.hero-book-mobile{display:none}
@media(max-width:650px){
.home>header{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:5px;padding:22px 6% 12px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.home header .brand{margin:0}
.home header .mobile-menu{margin:0;position:static}
.home header .mobile-menu summary{padding:0;min-height:44px}
.home>header>a.book{display:none}
.home .mobile-nav-shade{display:none}
.home .hero.original-photo .hero-book-mobile{display:table;min-height:44px;margin-top:15px;padding:9px 19px;background:#f2eee3;color:#293b36;border:1px solid rgba(255,255,255,.4);border-radius:2px;line-height:1.6;text-decoration:none;font-size:15px!important}
.home .hero.original-photo .hero-book-mobile:hover{background:#fff6e8}
.home header .mobile-menu[open] nav{left:6%;right:auto}
}
/* To ligeværdige tekstlinks på én kompakt linje i mobilfeltet. */
@media(max-width:650px){
.home .hero.original-photo>div{display:flex;flex-wrap:wrap;column-gap:16px;align-items:baseline}
.home .hero.original-photo .hero-title,.home .hero.original-photo h1.seo-heading{flex-basis:100%;width:100%}
.home .hero.original-photo a.link,.home .hero.original-photo .hero-book-mobile{display:inline-block;flex:0 0 auto;font-size:15px!important;line-height:1.7;margin:0;padding:0;min-height:0;border:0;border-radius:0;background:transparent;color:#fff6e8;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px;text-decoration-color:#fff6e899}
.home .hero.original-photo .hero-book-mobile:hover{background:transparent;text-decoration-color:currentColor}
}
.home .hero.original-photo .hero-photo-credit{position:absolute;right:18px;bottom:10px;margin:0;font:11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0;color:#fff6e8;text-shadow:0 1px 4px #191510}

.home main a.link[href="parterapi-koebenhavn.html"],.home main a.link[href="psykoterapi-koebenhavn.html"]{font-size:16px!important}
.home main a.link .link-ending{font:inherit;white-space:nowrap}

/* Bevar personerne nederst i retreatbanneret */
.home .retreat-banner>img{object-position:center bottom}
@media(max-width:760px){.home .retreat-banner>img{object-position:65% bottom}}
