/* Parterapisidens fotografiske åbning. */
.photo-page{position:relative}
.photo-page>header{position:absolute;inset:0 0 auto;z-index:10;max-width:1500px;width:100%;padding:25px 4%;gap:30px;justify-content:flex-start;align-items:baseline;border:0;background:linear-gradient(180deg,#101a1980,transparent);color:#fff6e8}
.photo-page header .brand{display:block;flex-shrink:0;line-height:1.2}
.photo-page header .desktop-nav{margin-left:50px;gap:22px;align-items:baseline}
.photo-page header .book{margin:0;padding:6px 0;background:transparent;border:0;color:#fff6e8;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#fff6e880}
.photo-page header a:hover{color:#fff}
.photo-page .practical-menu>div{background:rgba(73,45,32,.78);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);color:#fff3df;border:1px solid #e7c6a636}
.couples-hero{position:relative;isolation:isolate;min-height:660px;aspect-ratio:16/9;display:flex;align-items:flex-end;padding:150px 7% 75px;color:#fff6e8;overflow:hidden;background:#2f3e21}
.couples-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.couples-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#13201065,transparent 80%)}
.couples-hero-copy{max-width:760px}
.couples-hero h1{font-size:clamp(48px,5.6vw,82px);line-height:1.06;letter-spacing:-.045em;margin:0 0 25px;text-shadow:0 2px 15px #11200930}
.couples-hero-copy>p{font-size:21px;margin-bottom:30px}
.hero-actions{display:flex;gap:18px;flex-wrap:wrap}
.hero-actions a{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;background:#f2eee5f0;color:#293b36;border:1px solid #ffffff40;border-radius:2px;line-height:1.4}
.hero-actions a:hover{background:#fff;color:#8d4934}
@media(max-width:1100px){.photo-page header .desktop-nav{display:none}.photo-page header .mobile-menu{margin-left:20px}.photo-page header .mobile-menu[open] nav{background:rgba(73,45,32,.78);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);color:#fff3df}.couples-hero{min-height:590px;aspect-ratio:auto}.couples-hero h1{font-size:clamp(45px,6.5vw,70px)}}
@media(max-width:650px){
.photo-page>header{padding:22px 6%;gap:8px;align-items:center}
.photo-page header .brand{font-size:24px}
.photo-page header .mobile-menu{margin-left:4px}
.photo-page header a.book{min-height:44px;padding:0 9px;text-decoration:none;border:1px solid #f2ddc638;background:rgba(151,95,69,.66);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}
.couples-hero{height:680px;min-height:0;aspect-ratio:auto;padding:0;display:block}
.couples-hero>img{object-position:70% center}
.couples-hero:after{background:linear-gradient(180deg,#13201040,transparent 35%)}
.couples-hero-copy{position:absolute;left:5%;right:5%;bottom:25px;padding:20px;background:rgba(119,69,47,.72);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}
.couples-hero h1{font-size:clamp(35px,9.4vw,49px);margin:0 0 16px;line-height:1.05}
.couples-hero-copy>p{font-size:17px;line-height:1.5;margin-bottom:20px}
.hero-actions{gap:10px}
.hero-actions a{padding:9px 12px;min-height:44px}
}
.couples-video{padding:55px 7% 60px;background:#dfe3d8}
.couples-video h2{font-size:clamp(34px,3.5vw,52px);margin:15px 0 30px}
.video-frame{position:relative;aspect-ratio:16/9;width:100%;max-width:1050px;background:#172b25}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-fallback{margin:16px 0 0}
@media(max-width:650px){.couples-video{padding:35px 6% 40px}.couples-video h2{font-size:35px}}
/* Videoen indgår i teksten frem for at være en ekstra hero. */
.couples-video{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:7%;row-gap:16px;align-items:center}
.couples-video>div:first-child{grid-column:1;grid-row:1}
.couples-video .video-frame{grid-column:2;grid-row:1;max-width:700px;justify-self:end}
.couples-video h2{font-size:clamp(32px,3.1vw,46px);margin-bottom:0}
.couples-video .video-fallback{grid-column:2;grid-row:2;margin:0}
@media(max-width:760px){
.couples-video{display:block}
.couples-video h2{font-size:35px;margin-bottom:25px}
.couples-video .video-frame{max-width:none}
.couples-video .video-fallback{margin-top:16px}
}
/* Løft teksten og dæmp vinduet uden at mørkne portrættet. */
@media(min-width:1101px){
.couples-hero{padding-bottom:115px}
.couples-hero:after{background:linear-gradient(90deg,rgba(15,26,13,.48) 0%,rgba(15,26,13,.28) 35%,rgba(15,26,13,.06) 60%,transparent 78%)}
}
/* Samme størrelsesskala som forsidens hero. */
@media(min-width:1101px){.couples-hero h1{font-size:clamp(35px,4.2vw,63px);line-height:1.08}}
@media(min-width:651px) and (max-width:1100px){.couples-hero h1{font-size:clamp(33px,5.5vw,61px);line-height:1.05}}
@media(max-width:650px){.couples-hero h1{font-size:clamp(29px,7.6vw,43px);line-height:1.05}}
/* Mobilportrættet vises uden farvet tekstfelt. */
@media(max-width:650px){
.couples-hero-copy{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.couples-hero h1,.couples-hero-copy>p{text-shadow:0 1px 8px rgba(10,22,12,.6)}
}
/* Samme forøgelse på 10 procent som på forsiden. */
@media(min-width:1101px){.couples-hero h1{font-size:clamp(38.5px,4.62vw,69.3px)}}
@media(min-width:651px) and (max-width:1100px){.couples-hero h1{font-size:clamp(36.3px,6.05vw,67.1px)}}
@media(max-width:650px){.couples-hero h1{font-size:clamp(31.9px,8.36vw,47.3px)}}
.couples-hero-copy>p{font-family:Arial,Helvetica,sans-serif;font-size:21px;font-weight:400;line-height:1.5;letter-spacing:0}
@media(max-width:650px){.couples-hero-copy>p{font-size:17px}}
.couples-hero .hero-method-link{display:inline-block;color:#fff6e8;font-size:16px!important;line-height:1.7;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px;text-decoration-color:#fff6e899;border:0;padding:0;margin:0}
.couples-hero .hero-method-link:hover{text-decoration-color:currentColor}
@media(max-width:650px){.couples-hero .hero-method-link{font-size:15px!important;text-shadow:0 1px 8px rgba(10,22,12,.6)}}
.method-room{margin:32px 0 0;max-width:400px}
.method-room img{display:block;width:100%;height:auto}
@media(max-width:650px){.method-room{max-width:360px;margin:25px 0 30px}}
/* Metodeafsnittets farve følger samtalerummets petroleumsvæg. */
.photo-page .couples-methods{margin:0;padding:65px 7%;background:#416563;color:#f2eee3;border-bottom:0}
.photo-page .couples-methods .prose,.photo-page .couples-methods .prose h3{color:#f2eee3}
.photo-page .couples-methods .eyebrow{color:#ead1af}
.photo-page .couples-methods a{color:#fff6e8;text-decoration-color:#cfdfd0}
.photo-page .couples-methods a:hover{color:#fff;text-decoration-color:#fff}
@media(max-width:650px){.photo-page .couples-methods{padding:40px 6%}}
/* Metodenavnene skal læses som mellemoverskrifter, selv om de er links. */
.photo-page .couples-methods .prose h3{margin:30px 0 14px;line-height:1.25}
.photo-page .couples-methods .prose h3>a.link{font-family:Georgia,'Times New Roman',serif;font-size:28px!important;font-weight:400;line-height:1.25;letter-spacing:-.025em;text-decoration-thickness:1px;text-underline-offset:6px;text-decoration-color:rgba(242,238,227,.45);display:inline;padding:0;margin:0}
@media(max-width:650px){.photo-page .couples-methods .prose h3>a.link{font-size:25px!important}}
.photo-page .couples-methods h2{color:#ead1af}
/* Kun metodenavnene følger den varme farve i afsnitsmærkatet. */
.photo-page .couples-methods h2{color:#f2eee3}
.photo-page .couples-methods .prose h3>a.link{color:#ead1af;text-decoration-color:rgba(234,209,175,.5)}
.photo-page .couples-methods .prose strong{color:#ead1af;font-weight:700}
/* Tekst og video samles i én rolig sektion. */
.couples-video{align-items:start}
.couples-video h2{margin-bottom:25px}
.couples-video>div:first-child>p:not(.eyebrow){color:#4f5c55;max-width:520px;margin-bottom:22px}
.couples-video>div:first-child>p:last-child{margin-bottom:0}
.couples-video .video-frame{margin-top:25px}
@media(max-width:760px){.couples-video .video-frame{margin-top:30px}}
.couples-video .video-with-caption{grid-column:2;grid-row:1;width:100%;max-width:700px;justify-self:end}
.couples-video .video-intro h3{font:600 16px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0;margin:0 0 6px;color:var(--ink)}
.couples-video .video-intro p{font-size:14px;line-height:1.6;color:#4f5c55;margin:0 0 16px}
.couples-video .video-with-caption .video-frame{margin:0;max-width:none}
@media(max-width:760px){.couples-video .video-with-caption{margin-top:30px;max-width:none}}
/* Booking på parterapisiden ligger transparent over portrættet. */
@media(max-width:650px){
.photo-page header a.book{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:rgba(255,246,232,.55)}
}
.practice-location{align-items:center}
.practice-location>div>p:not(.eyebrow){color:var(--muted);max-width:380px}
.practice-dog{margin:0;max-width:430px;justify-self:end;width:100%}
.practice-dog img{display:block;width:100%;height:auto}
@media(max-width:650px){.practice-dog{max-width:400px;margin:30px 0 0}}
/* Samme fotografiske retreatsektion som på forsiden. */
.photo-page .retreat-banner{margin:0;position:relative;display:block;min-height:570px;isolation:isolate;overflow:hidden;background:#1c3029}
.photo-page .retreat-banner>img{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-fit:cover;object-position:center 60%}
.photo-page .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))}
.photo-page .retreat-banner>div{padding:95px 7% 90px;max-width:760px}
.photo-page .retreat-banner .eyebrow{color:#dcc0a1}
.photo-page .retreat-banner .retreat-days{font-size:clamp(32px,3.7vw,54px);line-height:1.1;margin:25px 0 28px;color:#f1ecdf}
.photo-page .retreat-day{display:block}
.photo-page .retreat-day+.retreat-day{margin-top:6px}
@media(max-width:760px){
.photo-page .retreat-banner{min-height:520px}
.photo-page .retreat-banner>div{padding:60px 6% 210px}
.photo-page .retreat-banner .retreat-days{font-size:clamp(29px,7.7vw,42px)}
.photo-page .retreat-banner>img{object-position:65% center}
.photo-page .retreat-banner:after{background:linear-gradient(180deg,rgba(14,30,25,.89),rgba(14,30,25,.46) 48%,rgba(14,30,25,.05))}
}
.photo-page .retreat-banner .eyebrow{font-size:12px;line-height:1.7;letter-spacing:.16em}
.photo-page .retreat-banner a.link{font-size:16px!important}
@media(max-width:650px){.photo-page .retreat-banner a.link{font-size:15px!important}}
/* Mere kompakt afslutning på desktop, med hele fotografiet bevaret. */
@media(min-width:1101px){
.photo-page .practice-location{padding-top:40px;padding-bottom:40px}
.photo-page .practice-location .practice-dog{max-width:340px}
}
.couples-hero-copy>p{color:#f2ddc6}
/* Kort praktisk afslutning uden fotografi. */
.photo-page .practice-location{display:block;padding-top:40px;padding-bottom:40px}
.photo-page .practice-location>div{display:grid;grid-template-columns:1fr 1fr;column-gap:10%;align-items:start}
.photo-page .practice-location .eyebrow{grid-column:1;grid-row:1}
.photo-page .practice-location h2{grid-column:1;grid-row:2/4;margin:10px 0 0}
.photo-page .practice-location>div>p:not(.eyebrow){grid-column:2;grid-row:2;margin-bottom:18px}
.photo-page .practice-location a.link{grid-column:2;grid-row:3;justify-self:start;font-size:16px!important}
@media(max-width:650px){.photo-page .practice-location>div{display:block}.photo-page .practice-location h2{margin:15px 0 26px}.photo-page .practice-location a.link{font-size:15px!important}}
.photo-page .practice-location{border-bottom:0}
.photo-page>footer{margin-top:0}
.couples-themes{display:grid;grid-template-columns:1.1fr .9fr;gap:9%;padding:65px 7%;align-items:start}
.couples-themes h2{font-size:clamp(35px,3.5vw,52px);margin:15px 0 30px}
.theme-item{margin-bottom:23px;max-width:540px}
.theme-item:last-child{margin-bottom:0}
.theme-item h3{font:600 17px/1.5 Arial,Helvetica,sans-serif;margin:0 0 6px}
.theme-item p{color:var(--muted);margin:0}
.couples-themes figure{margin:0;max-width:430px;width:100%;justify-self:end}
.couples-themes img{display:block;width:100%;height:auto}
@media(max-width:760px){.couples-themes{display:block;padding:40px 6%}.couples-themes figure{margin:30px 0 0;max-width:400px}.couples-themes h2{font-size:37px}}
/* Retreatet er et supplerende tilbud på parterapisiden. */
.photo-page .retreat-banner{min-height:420px}
.photo-page .retreat-banner>div{padding-top:55px;padding-bottom:55px}
@media(max-width:760px){.photo-page .retreat-banner{min-height:440px}.photo-page .retreat-banner>div{padding-top:40px;padding-bottom:150px}}
.photo-page .couples-opening{font:italic clamp(23px,2.1vw,29px)/1.45 Georgia,'Times New Roman',serif;color:var(--ink);letter-spacing:-.02em;margin-bottom:22px}
.first-session{align-items:start}
.first-session audio{display:block;width:100%;max-width:540px;margin:25px 0 12px}
.first-session .audio-credit{font-size:12px;color:var(--muted);margin:0}
.first-session-audio{max-width:450px;margin-top:28px;color:var(--muted)}
.first-session-audio>p:first-child{margin-bottom:20px}
.first-session .prose>h3:first-child{margin-top:0}
@media(max-width:650px){.first-session-audio{margin-bottom:35px}}
.video-frame video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#172b25}
.photo-page .couples-methods .prose h3>a.link .method-link-arrow{display:inline-block;font:400 20px/1 Arial,Helvetica,sans-serif;margin-left:8px;vertical-align:middle;color:inherit}
.photo-page .couples-methods .prose h3>a.link:hover,.photo-page .couples-methods .prose h3>a.link:focus-visible{text-decoration-color:currentColor}
.couples-video .video-intro h3{font-weight:400}
.couples-video .video-duration{display:inline-block;font-size:12px;font-weight:400;color:var(--muted);white-space:nowrap;margin-left:10px}
/* Beskær skovens top frem for personerne nederst i fotografiet. */
.photo-page .retreat-banner>img{object-position:center bottom}
@media(max-width:760px){.photo-page .retreat-banner>img{object-position:65% bottom}}
.photo-page .couples-methods .prose h3>a.link svg.method-link-arrow{width:20px;height:20px;display:inline-block;vertical-align:middle;margin-left:8px;color:inherit}
.photo-page .first-session a.first-session-booking{font-size:16px!important}
@media(max-width:650px){.photo-page .first-session a.first-session-booking{font-size:15px!important}}