:root{--paper:#fafaf8;--ink:#141615;--muted:#626660;--line:#dedfd9;--soft:#efefeb;--radius:24px;--gutter:clamp(20px,4.5vw,80px);--width:1480px}
*{box-sizing:border-box}html{scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:650;letter-spacing:-.055em;line-height:1.06;text-wrap:balance}h1{font-size:clamp(48px,6.4vw,94px);margin-bottom:30px}h2{font-size:clamp(34px,4.1vw,60px);margin-bottom:26px}h3{font-size:clamp(25px,2.5vw,36px)}p{margin-bottom:22px}a,button{touch-action:manipulation}:focus-visible{outline:3px solid #9d662c;outline-offset:5px}[hidden]{display:none!important}
header{max-width:var(--width);margin:auto;min-height:100px;padding:22px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-size:25px;letter-spacing:-1.2px;font-weight:750;white-space:nowrap}nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:550}header nav{flex-wrap:wrap}nav span{margin-left:10px}.nav-contact{background:var(--ink);color:white;padding:13px 20px;border-radius:999px}.nav-contact:hover{background:#353a35;text-decoration:none}.skip{position:absolute;top:-120px;left:20px;background:white;padding:16px;z-index:20}.skip:focus{top:10px}
.section{max-width:var(--width);margin:0 auto;padding:76px var(--gutter)}.eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.13em;line-height:1.5;margin-bottom:22px}.intro{font-size:clamp(20px,1.8vw,26px);line-height:1.45;letter-spacing:-.025em;margin-bottom:30px}.narrow{max-width:780px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;max-width:100%;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:white;padding:17px 25px;font-size:15px;font-weight:600;line-height:1.35;cursor:pointer}.button span{font-size:23px;line-height:1}.button:hover{background:#353a35;text-decoration:none}.text-link{display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid currentColor;padding:9px 0;font-size:17px;font-weight:550}.small{font-size:13px;line-height:1.65}.muted{color:var(--muted)}.byline{font-size:12px;font-weight:550;line-height:1.7;margin:32px 0 0}.byline span{display:block;color:var(--muted);font-weight:400}.byline:before{display:none}
/* A clean split hero: typography and photography each have their own space. */
.hero{max-width:calc(var(--width) - 48px);margin:0 auto 22px;display:grid;grid-template-columns:1fr 1fr;min-height:660px;background:#121715;color:#fff;border-radius:32px;overflow:hidden}.hero:after{display:none}.hero-copy{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;padding:clamp(32px,4.4vw,66px);min-width:0}.hero-photo{grid-column:2;grid-row:1;width:100%;height:100%;min-height:660px;object-fit:cover;object-position:62% center}.hero h1{font-size:clamp(55px,6.1vw,90px);line-height:1.02;letter-spacing:-.065em;margin-bottom:30px}.hero .eyebrow{color:#c8d1c8;margin-bottom:58px}.hero .intro{font-size:clamp(18px,1.55vw,23px);color:#d4dbd4;max-width:540px}.hero .desktop{display:none}.hero .button{background:#fff;color:#141615;border-color:#fff;margin-top:8px}.hero .button:hover{background:#e5ebe5}.hero .byline{margin-top:auto;padding-top:48px;color:white}.hero .byline span{color:#b8c4b9}
.insights{padding-top:76px}.insights>h2{max-width:940px;margin-bottom:36px}.topic-nav{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 40px;font-size:14px}.topic-nav a{display:inline-flex;align-items:center;gap:20px;padding:11px 17px;border:1px solid var(--line);border-radius:999px;background:#fff}.topic-nav a:hover{border-color:#70796f;text-decoration:none}.topic-nav span{margin:0}
.editorial{display:grid;grid-template-columns:1.35fr 1fr;gap:30px}.featured{min-width:0}.featured img{width:100%;height:440px;object-fit:cover;border-radius:var(--radius);margin-bottom:22px}.featured .eyebrow{display:block;color:var(--muted);margin-bottom:10px}.editorial h3{font-size:clamp(28px,2.9vw,42px);line-height:1.1;padding-right:38px;position:relative;margin:0;max-width:700px}.editorial h3 span{position:absolute;right:0;bottom:0;font-size:28px;letter-spacing:0}.story-list{display:grid;grid-template-columns:1fr;gap:24px}.story-list>a{display:grid;grid-template-columns:180px 1fr;column-gap:24px;align-content:start;min-width:0;border-bottom:1px solid var(--line);padding-bottom:24px}.story-list img{grid-column:1;grid-row:1 / span 3;width:180px;height:210px;object-fit:cover;border-radius:18px}.story-list .eyebrow{grid-column:2;margin:4px 0 12px;font-size:10px;color:var(--muted)}.story-list h3{grid-column:2;font-size:clamp(23px,2.1vw,31px);letter-spacing:-.04em;padding-right:25px}.story-list h3 span{font-size:24px}.story-summary{grid-column:2;font-size:14px;line-height:1.5;margin:16px 0 0;color:var(--muted)}.all-guides{margin:30px 0 0}
.topic-section{padding:70px 0 12px;scroll-margin-top:30px}.topic-section+.topic-section{margin-top:30px;padding-top:65px;border-top:1px solid var(--line)}.topic-section>h2{max-width:960px}.topic-stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 30px;margin:34px 0}.topic-stories>a{min-width:0}.topic-image{width:100%;height:auto;aspect-ratio:1.55;object-fit:cover;border-radius:var(--radius);margin-bottom:20px}.topic-stories .eyebrow{display:inline-block;color:var(--muted);margin-bottom:10px}.topic-stories h3{font-size:clamp(25px,2.3vw,34px);line-height:1.14;letter-spacing:-.045em;margin-bottom:14px;text-wrap:pretty}.topic-stories h3 span{white-space:nowrap;font-size:23px}.topic-stories p{max-width:530px;color:var(--muted);font-size:16px;line-height:1.55;margin-bottom:0}.insights .topic-stories{grid-template-columns:repeat(3,minmax(0,1fr))}.insights .topic-stories>a:first-child{grid-column:span 2;grid-row:span 2}.insights .topic-stories>a:first-child .topic-image{aspect-ratio:1.2}.insights .topic-stories>a:last-child{grid-column:span 3;display:grid;grid-template-columns:1fr 1.1fr;column-gap:34px;align-content:center;border-top:1px solid var(--line);padding-top:32px}.insights .topic-stories>a:last-child img{grid-column:1;grid-row:1 / span 3;aspect-ratio:1.9;margin:0}.insights .topic-stories>a:last-child .eyebrow,.insights .topic-stories>a:last-child h3,.insights .topic-stories>a:last-child p{grid-column:2}
.compare-banner{max-width:calc(var(--width) - 48px);margin:26px auto 50px;display:flex;align-items:flex-end;min-height:540px;padding:60px;background:#101713 url('/assets/interior.webp') center/cover;border-radius:32px;overflow:hidden;position:relative;color:#fff;isolation:isolate}.compare-banner:before{content:'';position:absolute;inset:0;background:rgba(5,12,8,.68);z-index:-1}.compare-banner>div{max-width:950px}.compare-banner h2{font-size:clamp(38px,4.4vw,65px)}.compare-banner p{font-size:20px}.compare-banner .eyebrow{font-size:11px;color:#d3ddd3}.compare-banner .text-link{color:white}
footer{max-width:var(--width);margin:auto;padding:38px var(--gutter) 25px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:22px}.footer-top{padding-bottom:30px;border-bottom:1px solid var(--line)}.footer-top p{margin:0;font-size:15px}.footer-top>a:last-child{font-size:15px;font-weight:600}.footer-bottom{font-size:12px;color:var(--muted);padding:24px 0}.footer-bottom+ p{margin-bottom:0;font-size:11px}
.page-intro{padding-top:65px}.page-intro h1{max-width:1140px}.page-intro>.intro{max-width:850px;margin-bottom:42px}.disclosure{max-width:850px;font-size:14px;color:var(--muted);border-left:2px solid #879183;padding:6px 0 6px 20px;margin:30px 0}.comparison-photo{width:100%;height:520px;object-fit:cover;border-radius:var(--radius);margin:45px 0}.section-title{font-size:40px;margin-top:70px}.fit-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.fit-list>div{border-top:1px solid var(--line);padding-top:24px}.fit-list span{display:inline-block;color:var(--muted);font-size:12px;margin-bottom:24px}.fit-list h3{font-size:28px;line-height:1.15;margin-bottom:16px}.fit-list p{font-size:16px;color:var(--muted)}.table-wrap{overflow-x:auto;max-width:100%;border-top:1px solid var(--line)}table{border-collapse:collapse;min-width:650px;width:100%;font-size:15px}th,td{padding:24px 24px 24px 0;vertical-align:top;text-align:left;border-bottom:1px solid var(--line)}thead th{text-transform:uppercase;font-size:11px;letter-spacing:.08em;color:var(--muted)}tbody th{font-weight:600;width:22%}td:last-child{width:29%;color:var(--muted)}
.article-heading{padding-top:45px;padding-bottom:44px}.article-heading h1{max-width:1120px;font-size:clamp(44px,5.6vw,82px)}.article-heading .intro{max-width:870px}.back{display:inline-block;font-size:13px;font-weight:550;margin-bottom:42px}.article-image{max-width:var(--width);margin:auto;padding:0 var(--gutter)}.article-image img{width:100%;height:560px;object-fit:cover;border-radius:var(--radius)}.article-layout{display:grid;grid-template-columns:minmax(190px,1fr) minmax(0,2.2fr);gap:9%;padding-top:66px}.article-layout aside{align-self:start}.article-layout aside .eyebrow{margin-bottom:18px}aside ol{padding-left:18px;font-size:14px}aside li{padding:8px 0}aside .small{margin-top:35px;color:var(--muted)}article{max-width:780px}article section{margin-bottom:50px;scroll-margin-top:30px}article h2,.privacy h2{font-size:34px;letter-spacing:-.035em;line-height:1.16;margin-bottom:20px}article p,.privacy p,.privacy li{font-size:19px;line-height:1.75;color:#333a34}.article-cta{margin-top:60px;border-radius:var(--radius);padding:36px;background:var(--soft)}.article-cta h2{font-size:34px}.article-cta p{font-size:17px}.about-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:9%;margin-top:65px}.nameplate{background:#141b17;color:#fff;padding:38px;border-radius:var(--radius);align-self:start}.nameplate h2,.about-grid .nameplate h2{font-size:clamp(58px,5.5vw,82px);margin:30px 0}.nameplate p{font-size:15px;color:#d0dbd1;margin-bottom:0}.about-grid>div>h2{font-size:42px}.about-grid p:not(.intro){font-size:17px;line-height:1.7}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;margin-top:60px}.contact-grid>*{min-width:0}.booking-panel{padding:36px;background:#efefea;border-radius:var(--radius)}.booking-panel h2{font-size:38px}.booking-panel .button{white-space:normal;text-align:left;margin:10px 0 24px}.booking-panel .small:last-child{margin-bottom:0}.privacy{max-width:1000px}.privacy h2{margin-top:42px}.privacy a{text-decoration:underline;text-underline-offset:3px}
.blog-filters{display:grid;grid-template-columns:2fr 1fr auto;gap:18px;align-items:end;margin:40px 0 22px}label{display:block;font-size:13px;font-weight:550;margin-bottom:10px}.blog-filters input,.blog-filters select{width:100%;min-width:0;min-height:54px;padding:13px 16px;border:1px solid #b8bfb5;border-radius:12px;background:white;color:var(--ink)}.blog-filters .button{min-height:54px}.blog-filters>div{min-width:0}#blog-count{font-size:13px;color:var(--muted)}#blog-empty{padding:30px;border-radius:16px;background:var(--soft)}
@media(min-width:1550px){.hero h1{font-size:94px}}
@media(max-width:1150px){header{gap:20px}header nav{gap:18px}.hero{margin-left:20px;margin-right:20px;min-height:590px}.hero-photo{min-height:590px}.hero-copy{padding:38px 32px}.hero h1{font-size:clamp(54px,6vw,72px)}.hero .eyebrow{margin-bottom:40px}.story-list>a{grid-template-columns:130px 1fr;column-gap:18px}.story-list img{width:130px;height:170px}.story-summary{font-size:13px}.featured img{height:380px}.compare-banner{margin-left:20px;margin-right:20px;padding:45px}.editorial{gap:24px}}
@media(max-width:850px){header{flex-wrap:wrap;min-height:110px}.hero{grid-template-columns:1fr 1fr;min-height:570px}.hero h1{font-size:54px;overflow-wrap:normal}.hero-copy{padding:32px 24px}.hero .intro{font-size:18px}.hero-photo{min-height:570px}.editorial{grid-template-columns:1fr}.featured img{height:420px}.story-list{grid-template-columns:1fr 1fr;gap:25px}.story-list>a{display:block}.story-list img{width:100%;height:230px;margin-bottom:18px}.story-list h3{font-size:29px}.story-summary{font-size:15px}.insights .topic-stories{grid-template-columns:repeat(2,minmax(0,1fr))}.insights .topic-stories>a:first-child{grid-column:auto;grid-row:auto}.insights .topic-stories>a:first-child .topic-image{aspect-ratio:1.55}.insights .topic-stories>a:last-child{grid-column:auto;display:block;border:0;padding:0}.insights .topic-stories>a:last-child img{aspect-ratio:1.55;margin-bottom:20px}.about-grid{gap:6%;grid-template-columns:1fr 1.2fr}.nameplate{padding:28px}.about-grid>div>h2{font-size:35px}.article-layout{gap:6%;grid-template-columns:190px minmax(0,1fr)}.article-image img{height:420px}.fit-list{gap:20px}.fit-list h3{font-size:25px}.booking-panel{padding:28px}.booking-panel h2{font-size:31px}.contact-grid{gap:5%}}
@media(max-width:650px){:root{--gutter:22px;--radius:18px}body{font-size:16px}header{display:block;padding:22px;min-height:0}.brand{font-size:24px}header nav{margin-top:22px;gap:10px 15px;font-size:12px;justify-content:space-between}.nav-contact{padding:11px 14px}header nav span{margin-left:5px}.section{padding-top:48px;padding-bottom:48px}h1{font-size:clamp(40px,10vw,62px)}h2{font-size:36px}.hero{display:flex;flex-direction:column;margin:0 12px 0;border-radius:24px;min-height:0}.hero-copy{padding:32px 24px 30px;order:0}.hero h1{font-size:clamp(44px,10.8vw,66px);line-height:1.02;letter-spacing:-.06em}.hero .eyebrow{font-size:10px;margin-bottom:35px}.hero .intro{font-size:19px;margin-bottom:22px}.hero .byline{margin-top:30px;padding-top:0;font-size:11px}.hero-photo{order:1;width:100%;height:380px;min-height:0;object-position:62% center}.button{font-size:14px;padding:16px 20px}.hero .button{max-width:100%}.insights{padding-top:58px}.insights>h2{font-size:clamp(33px,8.5vw,48px);margin-bottom:28px}.eyebrow{font-size:10px;margin-bottom:17px}.topic-nav{gap:8px;margin:24px 0 30px;font-size:12px}.topic-nav a{padding:10px 13px;gap:12px}.featured img{height:auto;aspect-ratio:1.22;border-radius:18px}.editorial h3{font-size:30px}.story-list{grid-template-columns:1fr;gap:22px;margin-top:12px}.story-list>a{display:grid;grid-template-columns:108px minmax(0,1fr);gap:0 17px;padding-bottom:22px}.story-list img{width:108px;height:140px;margin:0;grid-column:1;grid-row:1 / span 3;border-radius:12px}.story-list .eyebrow{font-size:9px;margin-bottom:9px}.story-list h3{font-size:24px;padding-right:20px}.story-list h3 span{font-size:22px}.story-summary{font-size:13px;margin-top:12px}.topic-section{padding-top:48px}.topic-section+.topic-section{padding-top:45px;margin-top:20px}.topic-section h2{font-size:34px}.topic-stories,.insights .topic-stories{grid-template-columns:1fr;gap:36px;margin-top:28px}.topic-image,.insights .topic-stories>a:first-child .topic-image,.insights .topic-stories>a:last-child .topic-image{aspect-ratio:1.4;margin-bottom:18px}.topic-stories h3{font-size:29px}.topic-stories p{font-size:15px}.compare-banner{min-height:440px;margin:10px 12px 22px;padding:36px 25px;border-radius:24px;background-position:65% center}.compare-banner h2{font-size:37px}.compare-banner p{font-size:17px}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column;gap:17px}.footer-top{padding-bottom:25px}footer{padding-top:35px}.footer-bottom{font-size:11px;padding:22px 0}.page-intro h1 br{display:none}.page-intro>.intro{margin-bottom:30px}.comparison-photo{height:300px;margin-top:30px}.section-title{font-size:32px;margin-top:48px}.fit-list{grid-template-columns:1fr;gap:18px}.fit-list>div{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;padding-top:22px}.fit-list span{margin-bottom:0}.fit-list h3{font-size:27px}.fit-list p{grid-column:2;margin:0}.disclosure{font-size:13px;padding-left:16px}.article-heading{padding-top:35px;padding-bottom:32px}.article-heading h1{font-size:clamp(39px,10vw,58px);overflow-wrap:anywhere}.article-heading .intro{font-size:21px}.back{margin-bottom:30px}.article-image{padding:0 12px}.article-image img{height:320px;border-radius:18px}.article-layout{display:block;padding-top:35px}.article-layout aside{padding-bottom:22px;margin-bottom:36px;border-bottom:1px solid var(--line)}aside .small{margin-top:22px}article h2,.privacy h2{font-size:29px}article p,.privacy p,.privacy li{font-size:17px;line-height:1.75}.article-cta{padding:28px 22px;margin-top:40px}.article-cta h2{font-size:30px}.about-grid,.contact-grid{display:block;margin-top:35px}.nameplate{margin-bottom:36px;padding:30px}.about-grid .nameplate h2{font-size:65px}.about-grid>div>h2{font-size:34px}.booking-panel{padding:28px 22px;margin-top:32px}.booking-panel h2{font-size:32px}.booking-panel .button{font-size:14px}.blog-filters{grid-template-columns:1fr;gap:17px;margin-top:30px}.blog-filters .button{justify-self:start}.privacy h1{font-size:50px}}
@media(max-width:360px){header{padding-left:18px;padding-right:18px}header nav{gap:10px 12px;justify-content:flex-start}.hero-copy{padding-left:20px;padding-right:20px}.hero h1{font-size:43px}.story-list>a{grid-template-columns:90px minmax(0,1fr);column-gap:14px}.story-list img{width:90px;height:130px}.story-list h3{font-size:23px}.booking-panel{padding-left:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Practical article tools keep the existing layout and typography. */
.article-date{font-size:12px;color:var(--muted);margin:12px 0 0}.article-checklist{padding-left:23px;margin:24px 0}.article-checklist li{font-size:18px;line-height:1.65;margin:0 0 15px;padding-left:5px}.article-table{margin:28px 0;max-width:100%;border-bottom:1px solid var(--line)}.article-table table{min-width:490px;font-size:15px}.article-table caption{text-align:left;font-weight:600;font-size:14px;padding:18px 0;caption-side:top}.article-table th,.article-table td{width:auto;padding:16px 18px 16px 0}.article-table th:first-child{width:47%}.article-table td{color:var(--ink)}.related-articles{display:block;border-top:1px solid var(--line);margin-top:45px;padding-top:28px}.related-articles h2,.article-sources h2{font-size:28px}.related-articles ul,.article-sources ul{padding-left:20px}.related-articles li,.article-sources li{padding:7px 0;font-size:16px}.related-articles a,.article-sources a{text-decoration:underline;text-underline-offset:4px}.article-sources{border-top:1px solid var(--line);padding-top:28px}.article-sources p{font-size:15px}@media(max-width:650px){.article-checklist li{font-size:17px}.article-table table{font-size:14px}.related-articles h2,.article-sources h2{font-size:26px}}

/* Shared article booking CTA: direct calendar link, generous touch target. */
.article-cta .article-booking-button{min-height:56px;white-space:normal;text-align:left}.article-cta .article-booking-button:focus-visible{outline:3px solid #9d662c;outline-offset:5px}.article-cta #article-booking-note{margin:16px 0 0;font-size:13px}.article-cta + .related-articles{margin-top:48px}
@media(max-width:600px){.article-cta .article-booking-button{width:100%;gap:14px}}

/* Original Petter portrait: display-only grayscale; no retouching or crop. */
.about-person{align-self:start;max-width:400px;width:100%}.petter-portrait{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;filter:grayscale(1);border-radius:var(--radius) var(--radius) 0 0}.about-person .nameplate{border-radius:0 0 var(--radius) var(--radius);padding:28px 32px;margin:0}.about-person .nameplate h2{font-size:clamp(42px,4.4vw,60px);margin:20px 0}.about-person .nameplate .eyebrow{margin:0}@media(max-width:650px){.about-person{margin-bottom:36px}.about-person .nameplate{padding:26px}}