/* Visual refinement, September 2026. Content and stable URLs stay in the base templates. */
.b-site{--display:Arial,Helvetica,sans-serif}
.b-site .b-eyebrow{letter-spacing:.18em}
.b-navigation{min-height:82px}
.b-network>summary{border-radius:2px}
.b-site input::placeholder,.b-site textarea::placeholder{color:var(--muted);opacity:.85}
.b-group{--paper:#f7f5ef;--surface:#fffdf8;--ink:#122730;--muted:#58666a;--soft:#ecece4;--line:#dbdcd2;--accent:#c6aa71;--onaccent:#152a34}
.b-group .b-brand{font-family:Georgia,'Times New Roman',serif;letter-spacing:.035em;font-weight:400}
.b-group .b-topbar{background:#10242f;color:#e8e3d4}
.b-group .b-header{background:#fbf9f3}
.g-hero-luxe{min-height:590px;background:#0e2431;overflow:hidden}
.g-hero-luxe>img{width:68%;left:auto;right:0;object-position:70% center;opacity:.93}
.g-hero-luxe:after{background:linear-gradient(90deg,#0e2431 0%,#0e2431 29%,#0e2431d9 42%,#0e24313b 67%,#0e243100 100%),linear-gradient(0deg,#0e24317d,transparent 45%)}
.g-hero-luxe .g-hero-copy{padding-block:82px 94px}
.g-hero-luxe h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(4rem,6.9vw,7.2rem);line-height:1.05;font-weight:400;letter-spacing:-.055em;max-width:760px;margin-bottom:30px}
.g-hero-luxe h1 em{color:#d4bd88;font-weight:400}
.g-hero-luxe .g-hero-copy>p:not(.b-eyebrow){max-width:390px;font-size:1rem;line-height:1.8;color:#d0d9dc}
.g-hero-luxe .b-eyebrow{font-size:.68rem;letter-spacing:.23em;margin-bottom:30px}
.g-hero-luxe .b-actions{gap:28px;margin-top:32px}
.g-hero-luxe .b-button{padding:15px 24px;border-color:#c6aa71;background:#c6aa71;color:#10242f!important;font-weight:500}
.g-quiet-link{font-size:.85rem;text-decoration:none;border-bottom:1px solid #b5c4cb66;padding-bottom:5px;color:#f2eee4!important}
.g-brand-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;align-items:center;padding-block:25px;border-bottom:1px solid var(--line)}
.g-brand-strip a{font-size:.84rem;text-decoration:none;text-align:center;white-space:nowrap;letter-spacing:-.02em}
.g-brand-strip a:nth-child(2){font-weight:700;letter-spacing:-.055em}
.g-brand-strip a:nth-child(4),.g-brand-strip a:nth-child(6){font-family:Georgia,serif;font-size:1.08rem;letter-spacing:.09em}
.b-group .b-sectionhead h2{font-family:Georgia,serif;font-size:clamp(2.7rem,4.2vw,4.1rem);font-weight:400;letter-spacing:-.04em}
.b-group .b-sectionhead>.b-eyebrow{color:#7a6338}
.b-group .b-sectionhead{max-width:850px}
.b-group .b-sectionhead>p:last-child{font-size:.95rem}
.g-gallery{gap:25px;perspective:1400px}
.g-world{--world-ink:#f7f4eb;--world-muted:#d3dce2;--world-shade:#10283b;position:relative;min-height:395px;border-radius:5px;overflow:hidden;isolation:isolate;background:var(--world-shade);color:var(--world-ink);box-shadow:0 8px 22px #1a273408;transform:perspective(1000px) rotateX(var(--world-rx,0deg)) rotateY(var(--world-ry,0deg));transition:transform .24s ease,box-shadow .24s ease}
.g-world:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,var(--world-shade) 96%);z-index:1;pointer-events:none}
.g-world .b-company-picture{position:absolute;inset:0;height:100%;z-index:0}
.g-world .b-company-picture img{height:100%;width:100%;aspect-ratio:auto;object-fit:cover;object-position:center;opacity:.88;transform:none;transition:transform .55s ease,opacity .4s ease}
.g-world .b-company-picture>span{font-size:.65rem;letter-spacing:.1em;top:20px;left:22px;padding:5px 10px;border:1px solid #f3e7c673;background:#11243133;z-index:2;color:#fff}
.g-world>div.g-world-copy{position:absolute;bottom:27px;left:28px;right:28px;z-index:2;padding:0;pointer-events:none}
.g-world-copy a{pointer-events:auto}
.g-world .b-eyebrow{font-size:.61rem;color:var(--world-muted);margin-bottom:13px;letter-spacing:.18em}
.g-world h3{font-size:clamp(1.7rem,2.4vw,2.5rem);line-height:1.05;margin-bottom:14px;font-weight:500;letter-spacing:-.03em}
.g-world p:not(.b-eyebrow){min-height:0;max-width:320px;color:var(--world-muted);font-size:.84rem;margin-bottom:24px;line-height:1.6}
.g-world .b-company-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.g-world .b-company-actions>.b-textlink{font-size:.76rem;border-bottom:0;letter-spacing:.02em;font-weight:500;padding:0}
.g-world .b-company-actions>a:last-child{font-size:.64rem;color:var(--world-muted);text-decoration:none}
.g-world-tp-design{--world-ink:#262024;--world-muted:#584c55;--world-shade:#efe5dc}
.g-world-tp-design h3{font-weight:700;letter-spacing:-.075em}
.g-world-tp-design .b-company-picture img{opacity:.9}
.g-world-tandees-sverige{--world-shade:#143c35;--world-muted:#d3e7df}
.g-world-pardis{--world-ink:#52372f;--world-muted:#6c5149;--world-shade:#f2e4d7}
.g-world-pardis h3{font-family:Georgia,serif;font-size:2.7rem;letter-spacing:.04em}
.g-world-pardis .b-company-picture img{object-position:center 30%}
.g-world-pardis:after{background:linear-gradient(180deg,transparent 5%,#f2e4d755 32%,#f2e4d7 78%)}
.g-world-tp-design .b-company-picture>span,.g-world-pardis .b-company-picture>span{color:#473f36;background:#fff9edb3;border-color:#77665266}
.g-world-tandees-global{--world-shade:#0c191e;--world-muted:#e1d2aa}
.g-world-tandees-global h3{font-family:Georgia,serif;font-size:2.15rem;letter-spacing:-.025em}
.g-world-shazdeh{--world-shade:#102a60;--world-muted:#e1cd9f}
.g-world-shazdeh h3{font-family:Georgia,serif;font-size:2.65rem;letter-spacing:.045em;color:#f0dfb6}
.g-world-shazdeh .b-company-picture img{object-position:center 35%}
.g-finder{margin-top:5px;border:1px solid var(--line);box-shadow:none;background:#efeee6;padding:34px 40px;border-radius:4px}
.g-finder h2{font-family:Georgia,serif;font-weight:400}
.g-finder .b-button{background:#183847;border-color:#183847;color:#fff!important}
.g-intro{padding-top:65px;padding-bottom:55px;column-gap:10%}
.g-intro h2{font-family:Georgia,serif;font-weight:400}
.g-intro>p:last-child{font-size:1.03rem;line-height:1.85}
.g-deeper>details{border-bottom:1px solid var(--line)}
.g-deeper>details>summary{font-size:.95rem;padding:25px 4px;letter-spacing:.02em}
.g-deeper .b-wrap{width:100%}
.g-deeper .b-section{padding-block:35px}
.b-group #contact-title{padding-top:75px}
.b-group .b-contact-aside{background:#152e3b;color:#f3eddf;border-radius:3px}
.b-group .b-contact-aside>p:last-child{color:#c1cdd0}
.b-group .b-contact-aside h2{font-family:Georgia,serif}
.b-dock{box-shadow:0 6px 30px #102c3b14;border-radius:30px;padding:5px 10px;background:var(--surface)}
.b-dock>a{padding:9px 15px}
/* Distinct studio, spa and royal-blue surfaces on the individual centres. */
.b-design .b-hero{gap:9%;padding-block:60px 85px}
.b-design .b-hero .b-brand-image{padding:0 0 18px 18px}
.b-design .b-hero .b-brand-image:before{height:42%;width:46%;background:#6c35bd}
.b-design .b-category-card{border-right:0;border-bottom:1px solid var(--line);background:transparent;padding:36px 36px 36px 0}
.b-design .b-category-grid{border-left:0;column-gap:50px}
.b-design .b-category-card:nth-child(4n+2){background:transparent}
.b-design .b-card-number{font-size:.8rem;letter-spacing:.2em}
.b-pardis{--paper:#fcf7ef;--surface:#fffaf2;--soft:#efe2d7;--line:#e4d6c7;--accent:#82574a;--display:Georgia,'Times New Roman',serif}
.b-pardis .b-hero{padding-block:45px 80px}
.b-pardis .b-hero .b-brand-image{padding:12px;border-color:#cdb696}
.b-pardis .b-category-grid{gap:28px}
.b-pardis .b-category-card{border-color:#e1cbb9;border-radius:80px 3px 3px 3px;padding:42px}
.b-pardis .b-category-card:nth-child(even){border-radius:3px 80px 3px 3px}
.b-pardis .b-steps{gap:55px}
.b-shazdeh{--paper:#102753;--surface:#16315e;--ink:#f5efdf;--muted:#c2cde1;--accent:#ddc18a;--onaccent:#112851;--soft:#1b3765;--line:#415577;--display:Georgia,'Times New Roman',serif}
.b-shazdeh .b-header{background:#102753}
.b-shazdeh .b-topbar{background:#0a1e45}
.b-shazdeh .b-symbol,.b-shazdeh .b-brand-facts{color:#e0c695}
.b-shazdeh .b-hero{background:#102753;padding-block:65px 80px}
.b-shazdeh .b-hero:before{border-color:#b7985466;inset:22px}
.b-shazdeh .b-category-card{background:#15315e;border-color:#405679;border-top-color:#bfa16b}
.b-shazdeh .b-category-card:nth-child(4n+2){background:#193763}
.b-shazdeh .b-footer{background:#0a1e40;color:#f5efdf}
.b-shazdeh .b-dock>a:last-child{color:#c7e8d6}
.b-shazdeh .b-source{color:#d6dfed}
.b-shazdeh .b-crumbs{color:#c2cde1}
.b-shazdeh .b-form-error{color:#6d2b25}
@media(hover:hover) and (pointer:fine){
  .g-world:hover{box-shadow:0 18px 38px #0d20322b}
  .g-world:hover .b-company-picture img{transform:scale(1.045);opacity:1}
  .g-brand-strip a:hover{color:#967130}
}
@media(min-width:1600px){.g-world{min-height:445px}.g-hero-luxe{min-height:665px}}
@media(max-width:1150px){
  .g-world{min-height:370px}
  .g-world>div.g-world-copy{left:23px;right:23px;bottom:24px}
  .g-world h3{font-size:1.8rem}
  .g-world-pardis h3,.g-world-shazdeh h3{font-size:2.5rem}
  .g-world-tandees-global h3{font-size:1.85rem}
  .g-world .b-company-actions{align-items:flex-start;flex-direction:column;gap:10px}
  .g-brand-strip{gap:12px}
  .g-brand-strip a{font-size:.74rem}
}
@media(max-width:850px){
  .b-navigation{min-height:74px;flex-wrap:nowrap;padding-block:14px}
  .b-toplinks{display:none}
  .b-network{margin-left:auto}
  .b-network-panel{top:100%;max-height:72dvh}
  .g-hero-luxe{min-height:570px}
  .g-hero-luxe>img{width:85%;opacity:.7}
  .g-hero-luxe:after{background:linear-gradient(90deg,#0e2431f2,#0e2431a1 52%,#0e243145)}
  .g-hero-luxe .g-hero-copy{padding-block:65px 80px}
  .g-hero-luxe h1{font-size:clamp(3.9rem,9vw,5.5rem)}
  .g-brand-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px}
  .g-brand-strip a{font-size:.83rem}
  .g-gallery{gap:22px}
  .g-world{min-height:385px}
  .g-finder{padding:28px}
  .b-design .b-hero,.b-pardis .b-hero{padding-block:30px 50px;gap:35px}
  .b-design .b-category-grid{column-gap:30px}
  .b-pardis .b-category-card{padding:35px}
  .b-pardis .b-steps{gap:30px}
  .b-shazdeh .b-hero{padding-block:48px 55px}
}
@media(max-width:560px){
  .b-navigation{gap:10px;min-height:70px}
  .b-brand>span>small{font-size:7px;letter-spacing:.06em}
  .b-network>summary{padding:11px 10px;font-size:.68rem}
  .b-network-title{font-size:.83rem;gap:15px}
  .g-hero-luxe{min-height:550px}
  .g-hero-luxe>img{width:100%;opacity:.7;object-position:62% center}
  .g-hero-luxe:after{background:linear-gradient(90deg,#0e2431f0,#0e2431a1),linear-gradient(0deg,#0e2431a1,transparent)}
  .g-hero-luxe .g-hero-copy{padding-block:58px 70px}
  .g-hero-luxe h1{font-size:clamp(3.25rem,12.5vw,4.4rem);letter-spacing:-.045em;margin-bottom:27px}
  .g-hero-luxe .b-eyebrow{font-size:.64rem;margin-bottom:27px}
  .g-hero-luxe .g-hero-copy>p:not(.b-eyebrow){font-size:.95rem;max-width:310px}
  .g-hero-luxe .b-actions{gap:22px}
  .g-brand-strip{padding-block:22px;gap:20px 8px}
  .g-brand-strip a{font-size:.69rem}
  .g-brand-strip a:nth-child(4),.g-brand-strip a:nth-child(6){font-size:.95rem}
  .b-group .b-sectionhead h2{font-size:2.6rem}
  .g-gallery{gap:22px}
  .g-world{min-height:380px}
  .g-world>div.g-world-copy{left:26px;right:26px;bottom:28px}
  .g-world h3{font-size:2.1rem}
  .g-world-pardis h3,.g-world-shazdeh h3{font-size:2.7rem}
  .g-world .b-company-actions{flex-direction:row;align-items:center}
  .g-world p:not(.b-eyebrow){font-size:.87rem}
  .g-world .b-eyebrow{font-size:.61rem}
  .g-finder{padding:26px 22px}
  .g-intro{padding-top:45px;padding-bottom:40px}
  .g-deeper>details>summary{font-size:.86rem;padding-block:22px}
  .b-dock{padding:4px 7px;bottom:calc(8px + env(safe-area-inset-bottom))}
  .b-dock>a{font-size:.65rem;padding:9px 10px}
  .b-design .b-category-card{padding:28px 0}
  .b-pardis .b-category-card,.b-pardis .b-category-card:nth-child(even){border-radius:45px 3px 3px 3px;padding:30px}
  .b-shazdeh .b-hero:before{inset:10px}
}
@media(prefers-reduced-motion:reduce){.g-world{transform:none!important;transition:none!important}.g-world .b-company-picture img{transform:none!important;transition:none!important}}
@media print{.b-shazdeh{--paper:#fff;--surface:#fff;--ink:#000;--muted:#333;--soft:#eee;--line:#aaa}.g-world{transform:none;box-shadow:none;break-inside:avoid}}

/* Practical project material in the expanded Swedish design guides. */
.b-project-depth{padding-top:24px;border-top:1px solid var(--line)}
.b-project-depth ul,.b-project-depth ol{padding-left:24px;display:grid;gap:16px;color:var(--muted);font-size:1.02rem;line-height:1.8}
.b-project-depth li{padding-left:6px}
.b-project-depth details{border-bottom:1px solid var(--line);padding-block:8px}
.b-project-depth summary{padding:12px 2px;font-size:1.02rem;line-height:1.6;font-weight:500;color:var(--ink)}
.b-project-depth details>p{padding:8px 0 12px;margin-bottom:0}
.b-site .b-article-aside:has(a[href="#projektexempel"],a[href="#ditt-val"]){position:static}
@media print{.b-project-depth details:not([open])>p{display:block!important}}