/*
Theme Name: Peter Holst-Beck — Cultural Experiences
Author: Peter Holst-Beck
Description: Accessible bilingual portfolio for cultural experience design, creative direction and research.
Version: 1.2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: phb-cultural
*/
:root{--ink:#142421;--paper:#f5f2e9;--muted:#586962;--line:#ccd2c7;--lime:#d5ed83;--dark:#142421;--white:#fff;--radius:3px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}button,input,textarea{font:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500;line-height:1.04;letter-spacing:-.045em}h1{font-size:clamp(3rem,7.6vw,7.5rem);max-width:1100px;margin-bottom:32px}h2{font-size:clamp(2.2rem,4.4vw,4.5rem);margin-bottom:28px}h3{font-size:clamp(1.65rem,2.5vw,2.4rem)}p{max-width:720px}.wrap{width:min(1360px,90%);margin:auto}.skip{position:absolute;top:-100px}.skip:focus{top:10px;left:10px;background:var(--lime);padding:10px;z-index:100}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #9ab943;outline-offset:6px}.site-header{position:sticky;top:0;background:var(--paper);border-bottom:1px solid var(--line);z-index:30}.header-inner{min-height:88px;display:flex;align-items:center;gap:30px;justify-content:space-between}.brand{text-decoration:none;font-size:20px;font-weight:700;letter-spacing:-.04em;line-height:1.1}.brand span{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:400;margin-top:7px}.desktop-nav{display:flex;gap:25px;align-items:center;font-size:14px}.desktop-nav a{text-decoration:none}.desktop-nav a[aria-current=page]{text-decoration:underline}.language{font-size:12px;border-left:1px solid var(--line);padding-left:20px}.contact-link{border-bottom:1px solid currentColor;padding-bottom:4px}.mobile-nav{display:none}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:24px}.hero{background:var(--dark);color:var(--paper);padding:78px 0 0;position:relative;overflow:hidden}.hero h1{max-width:1000px}.hero h1 em{font-style:normal;color:var(--lime)}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.hero-top .eyebrow{color:var(--lime)}.hero-intro{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:48px}.hero-intro p{font-size:20px;max-width:580px;margin-bottom:0}.actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.button{display:inline-flex;gap:22px;align-items:center;background:var(--lime);color:var(--ink);padding:16px 23px;text-decoration:none;border:1px solid transparent;font-size:14px;font-weight:700;border-radius:var(--radius);white-space:nowrap}.button:after{content:'↗';font-size:20px;line-height:1}.button.outline{background:transparent;color:inherit;border-color:currentColor}.hero-image{width:100%;height:clamp(260px,43vw,540px);object-fit:cover;object-position:center 45%}.image-caption{font-size:11px;letter-spacing:.07em;margin:0;padding:14px 0;color:#b5c3b9}.sector-strip{padding:24px 0;border-bottom:1px solid var(--line)}.sector-strip .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;text-transform:uppercase;letter-spacing:.11em}.section{padding:100px 0}.section.small{padding:65px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-heading h2{margin-bottom:0}.section-heading p{max-width:420px;margin-bottom:0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:32px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.work-card{text-decoration:none;display:block}.work-card figure{margin:0 0 22px;position:relative;overflow:hidden;background:#dfe3d8;aspect-ratio:1.4}.work-card img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.work-card:hover img{transform:scale(1.035)}.work-card .meta{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:12px}.work-card h3{margin-bottom:12px}.work-card p{font-size:16px;color:var(--muted)}.work-art{height:100%;padding:36px;background:var(--dark);color:var(--lime);display:flex;justify-content:space-between;flex-direction:column;font-size:clamp(3rem,5vw,5rem);letter-spacing:-.06em;line-height:1}.work-art small{font-size:12px;letter-spacing:.1em;line-height:1.5;text-transform:uppercase;color:var(--paper)}.dark{background:var(--dark);color:var(--paper)}.dark .eyebrow{color:var(--lime)}.dark p{color:#d1d9d1}.framework-preview{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.seven-mark{font-size:clamp(9rem,22vw,23rem);line-height:.8;letter-spacing:-.09em;color:var(--lime)}.seven-mark span{font-size:.25em;vertical-align:top;margin-left:.08em}.seven-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.seven-list span{border:1px solid #51625a;padding:7px 13px;font-size:13px}.service{padding:30px 0;border-top:1px solid var(--line)}.service .number{font-size:12px;color:var(--muted);margin-bottom:25px}.service p{font-size:16px;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.portrait{max-height:640px;width:100%;object-fit:cover;object-position:center 20%}.text-link{font-size:14px;font-weight:700}.cta{padding:85px 0;background:var(--lime)}.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:50px}.cta h2{max-width:850px;margin:0}.cta .button{background:var(--dark);color:var(--paper)}.site-footer{background:var(--dark);color:var(--paper);padding:65px 0 25px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-top p{max-width:380px;font-size:14px;color:#b5c3b9;margin-top:22px}.footer-links{display:flex;flex-direction:column;gap:9px;font-size:14px}.footer-links a{text-decoration:none}.footer-bottom{margin-top:55px;border-top:1px solid #51625a;padding-top:20px;display:flex;justify-content:space-between;font-size:11px;gap:20px}.page-hero{padding:85px 0 65px}.page-hero h1{max-width:1050px}.lede{font-size:clamp(1.2rem,2vw,1.5rem);max-width:840px}.case-banner{background:var(--dark)}.case-banner img{width:100%;max-height:650px;object-fit:cover}.case-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:35px 0;border-block:1px solid var(--line);margin-bottom:70px}.case-facts dt{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.case-facts dd{margin:0;font-size:17px}.body-copy h2{font-size:clamp(2rem,3.4vw,3.2rem)}.body-copy h3{margin-top:40px}.body-copy p{max-width:760px}.note{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:40px}.source-list{padding:0;list-style:none}.source-list li{border-top:1px solid var(--line);padding:25px 0}.source-list span{font-size:13px;color:var(--muted);display:block;margin-top:8px}.principles{counter-reset:principle;display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.principle{padding:35px 0;border-top:1px solid var(--line)}.principle h3:before{counter-increment:principle;content:'0' counter(principle);display:block;font-size:12px;color:var(--muted);letter-spacing:.08em;margin-bottom:20px}.principle p{font-size:16px;color:var(--muted)}.insight{display:flex;flex-direction:column;padding:32px 0;border-top:1px solid var(--line)}.insight p{color:var(--muted);font-size:16px}.insight .text-link{margin-top:auto}.contact-email{font-size:clamp(1.5rem,4vw,3.6rem);overflow-wrap:anywhere;letter-spacing:-.04em}.brief-list{padding-left:20px;color:var(--muted)}.brief-list li{margin-bottom:12px}.entry-content>.wrap:first-child{padding-top:70px}.wp-block-image img{max-width:100%}body.admin-bar .site-header{top:32px}.error-page{min-height:60vh;padding:90px 0}@media(min-width:1600px){.wrap{width:85%}}@media(max-width:1050px){.desktop-nav{gap:15px;font-size:12px}.framework-preview,.split{gap:40px}.hero-intro{gap:30px}.header-inner{gap:20px}.brand{font-size:18px}}@media(max-width:800px){.desktop-nav{display:none}.mobile-nav{display:block;font-size:14px}.mobile-nav summary{cursor:pointer;list-style:none;padding:12px;border:1px solid var(--line)}.mobile-nav nav{position:absolute;top:87px;left:0;right:0;background:var(--paper);padding:25px 5%;display:flex;flex-direction:column;gap:15px;border-bottom:1px solid var(--line)}.mobile-nav nav a{text-decoration:none}.hero{padding-top:55px}.hero-top{display:block}.hero-top>span{display:none}.hero-intro{display:block}.hero-intro p{font-size:18px;margin-bottom:30px}.section{padding:65px 0}.grid-2,.grid-3,.split,.framework-preview,.principles{grid-template-columns:1fr}.section-heading{display:block}.section-heading p{margin-top:25px}.framework-preview{gap:45px}.seven-mark{font-size:13rem}.cta .wrap{display:block}.cta h2{margin-bottom:30px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.page-hero{padding:60px 0 40px}.case-facts{grid-template-columns:1fr;gap:25px;margin-bottom:45px}.portrait{max-height:560px}.header-inner{min-height:88px}body.admin-bar .site-header{top:46px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.video-story{padding-top:20px}.video-story figure{margin:0}.video-story .split{align-items:center}.video-story img{width:100%;border-radius:3px}.video-story figcaption{margin-top:12px}.video-story .button{margin-top:12px}.work-card img{object-position:50% 40%}
/* Homepage framework: keep the mark and seven names distinct at every width. */
.framework-preview>div{min-width:0}
.seven-mark{display:flex;align-items:flex-start;gap:24px;letter-spacing:-.04em;line-height:1}
.seven-mark span{display:block;font-size:.25em;line-height:1.2;letter-spacing:0;margin:0;padding-top:.2em;vertical-align:baseline}
.seven-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px;max-width:540px}
.seven-list span{display:block;font-size:17px;line-height:1.45;font-weight:500;letter-spacing:0;padding:12px 16px;border-color:#65776c}
@media(max-width:380px){.seven-list{grid-template-columns:1fr}.seven-mark{font-size:10rem}}
.breadcrumbs{font-size:13px;color:var(--muted);padding-top:26px;display:flex;gap:10px;flex-wrap:wrap}.breadcrumbs a{text-decoration:none}.breadcrumbs+.page-hero{padding-top:45px}