/*
Theme Name: UNIKATER Premium
Theme URI: https://unikater.dk/
Author: UNIKATER
Description: Personlig senior kommunikationsrådgiver-hjemmeside for Filip Ulrichsen.
Version: 3.1.0
Text Domain: unikater-premium
*/

:root{--ink:#101820;--paper:#f5f3ee;--muted:#696963;--line:#d5d0c7;--white:#fffdf9;--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:var(--max);margin:auto;padding:0 32px}
.site-header{border-bottom:1px solid var(--line);background:var(--paper)}
.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.brand-logo{width:30px!important;height:30px!important;object-fit:contain;flex:0 0 30px}
.navlinks ul{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0}
.navlinks li{position:relative}
.navlinks a{font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.navlinks ul ul{display:none;position:absolute;top:100%;left:-14px;min-width:250px;background:var(--paper);border:1px solid var(--line);padding:8px 0;z-index:50}
.navlinks li:hover>ul,.navlinks li:focus-within>ul{display:block}
.navlinks ul ul li{padding:0}.navlinks ul ul a{display:block;padding:10px 15px;white-space:nowrap}.navlinks ul ul a:hover{text-decoration:none;background:var(--white)}
h1,h2,h3,h4{margin:0;font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.04}
h1{font-size:clamp(56px,8vw,104px);letter-spacing:-.055em}
h2{font-size:clamp(40px,5vw,66px);letter-spacing:-.04em}
h3{font-size:30px}
.eyebrow{margin-bottom:22px;color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:.16em}
.button{display:inline-block;background:var(--ink);color:var(--white);padding:14px 21px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none!important}
.button:hover{opacity:.86}

.home-hero{padding:90px 0 105px;display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}
.home-content{font-size:18px;max-width:730px}
.home-content h2{font-size:42px;margin:54px 0 17px}
.home-content .home-brand{font-family:Georgia,"Times New Roman",serif;font-size:32px;margin:0 0 4px}
.home-content p{margin:0 0 20px}
.home-content ul{list-style:none;margin:18px 0 28px;padding:0;border-top:1px solid var(--line)}
.home-content li{padding:8px 0;border-bottom:1px solid var(--line)}
.home-side{border-left:1px solid var(--line);padding-left:34px}
.home-side-title{font-family:Georgia,"Times New Roman",serif;font-size:25px;margin-bottom:18px}
.home-side-list{list-style:none;margin:0;padding:0}
.home-side-list li{padding:8px 0;border-top:1px solid var(--line);font-size:14px}
.home-side-list li:last-child{border-bottom:1px solid var(--line)}

.page-shell{padding:88px 0 110px}
.page-head{max-width:900px;margin-bottom:54px}
.page-lead{font-family:Georgia,"Times New Roman",serif;font-size:29px;line-height:1.3;margin:28px 0 0;max-width:840px}
.content{max-width:820px;font-size:18px;color:#3e403c}
.content p{margin:0 0 1.25em}
.content h2{font-size:43px;margin:1.8em 0 .7em}
.content h3{margin:1.5em 0 .7em}
.content ul{padding-left:1.2em}
.content li{margin:.45em 0}
.content img{margin:28px 0}

.service-grid,.case-grid,.post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);margin-top:60px}
.card{background:var(--paper);padding:36px;min-height:290px}
.card img{width:calc(100% + 72px);margin:-36px -36px 26px;aspect-ratio:16/9;object-fit:cover}
.card h3{margin:22px 0 12px}
.card p{color:#555650}
.meta{color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:.1em}

.price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);margin-top:60px}
.price-card{background:var(--paper);padding:36px;min-height:245px}
.price-card h3{margin:12px 0 15px}.amount{margin-top:35px;font-size:15px;font-weight:700}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px}
.contact-card{border-top:1px solid var(--line);padding-top:20px;font-size:17px}
.contact-card p{margin:7px 0;color:var(--muted)}

.about-panel{background:var(--ink);color:var(--white);margin-left:calc((var(--max) - 100vw)/2);margin-right:calc((var(--max) - 100vw)/2);padding:105px max(32px,calc((100vw - var(--max))/2))}
.about-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}
.about-panel .eyebrow{color:#b9bbb5}.about-panel .content{color:#ecece7}
.about-panel .content p{color:#d8dad4}
.about-panel .content ul{list-style:none;padding:0}.about-panel .content li{border-top:1px solid rgba(255,255,255,.14);padding:10px 0}

.site-footer{padding:30px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.footer-inner{display:flex;justify-content:space-between}
@media(max-width:820px){
 .navlinks{display:none}.home-hero,.about-grid,.contact-grid{grid-template-columns:1fr;gap:40px}
 .home-hero{padding:72px 0 80px}.home-side{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}
 .service-grid,.case-grid,.post-grid,.price-grid{grid-template-columns:1fr}
 section{padding:75px 0}.about-panel{margin-left:-32px;margin-right:-32px;padding-left:32px;padding-right:32px}
}
@media(max-width:520px){
 .wrap{padding:0 22px}.about-panel{margin-left:-22px;margin-right:-22px;padding-left:22px;padding-right:22px}
 h1{font-size:56px}
}


/* v4 homepage: editable through normal WordPress block editor */
.home-page{
  padding:82px 0 108px;
}
.home-page .wp-block-columns{
  margin:0;
  gap:72px;
  align-items:flex-start;
}
.home-page .wp-block-column{margin:0}
.home-page .hero-col-right{
  border-left:1px solid var(--line);
  padding-left:34px;
}
.home-page .hero-kicker{
  margin:0 0 20px;
  color:var(--muted);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.16em;
}
.home-page h1{
  margin:0;
  max-width:760px;
}
.home-page .unikater-mark{
  margin:44px 0 3px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:30px;
  line-height:1.05;
}
.home-page .home-definition{
  margin:0 0 0;
  font-size:18px;
  color:#353732;
}
.home-page h2{
  margin:0 0 17px;
  font-size:42px;
}
.home-page .experience-intro{
  margin:0 0 11px;
  color:#555650;
  font-size:16px;
}
.home-page .experience-list{
  list-style:none;
  padding:0;
  margin:0;
  border-top:1px solid var(--line);
}
.home-page .experience-list li{
  padding:9px 0;
  border-bottom:1px solid var(--line);
  font-size:14px;
}
.home-page .intro-copy{
  max-width:760px;
  margin-top:54px;
  font-size:18px;
  color:#373934;
}
.home-page .button-wrap{
  margin:24px 0 0;
}
.home-page .home-button{
  display:inline-block;
  background:var(--ink);
  color:var(--white);
  padding:14px 21px;
  font-size:12px;
  letter-spacing:.1em;
  text-transform:uppercase;
  text-decoration:none!important;
}
.home-page .home-rule{
  margin:78px 0 0;
  border-top:1px solid var(--line);
}
.home-page .home-section{
  padding-top:58px;
}
.home-page .home-section h2{
  font-size:40px;
  max-width:800px;
}
.home-page .home-section p{
  max-width:800px;
  font-size:18px;
  color:#42443f;
}
.home-page .about-section{
  margin-top:72px;
  padding-top:58px;
  border-top:1px solid var(--line);
}
.home-page .about-section ul{
  list-style:none;
  margin:20px 0 0;
  padding:0;
  border-top:1px solid var(--line);
  max-width:820px;
}
.home-page .about-section li{
  padding:10px 0;
  border-bottom:1px solid var(--line);
}
@media(max-width:820px){
  .home-page{padding:65px 0 85px}
  .home-page .wp-block-columns{display:block}
  .home-page .hero-col-right{
    border-left:0;
    border-top:1px solid var(--line);
    padding:28px 0 0;
    margin-top:45px;
  }
  .home-page h2,.home-page .home-section h2{font-size:36px}
}