:root{--ink:#171d18;--deep:#1b241d;--cream:#eeeade;--paper:#f5f1e8;--gold:#b79a58;--line:rgba(24,31,25,.18);--serif:"Cormorant Garamond",Georgia,serif;--sans:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--sans);font-size:16px;line-height:1.65}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}.topbar{position:absolute;z-index:5;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:28px 5vw;border-bottom:1px solid rgba(255,255,255,.25)}.brand{display:flex;flex-direction:column;align-items:center;line-height:1}.brand-kicker{font-family:var(--serif);font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gold)}.brand-name{font-family:var(--serif);font-size:1.5rem;letter-spacing:.08em;text-transform:uppercase}.topbar nav{display:flex;align-items:center;gap:2.2rem;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.nav-contact{border:1px solid rgba(255,255,255,.5);padding:.7rem 1.1rem}.menu-button{display:none;background:none;border:0;color:white;text-transform:uppercase;letter-spacing:.12em}.hero{height:100svh;min-height:680px;position:relative;display:flex;align-items:center}.hero>img{position:absolute;inset:0}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,15,11,.83),rgba(9,15,11,.24) 62%,rgba(9,15,11,.08)),linear-gradient(0deg,rgba(9,15,11,.35),transparent 50%)}.hero-content{position:relative;z-index:1;margin-left:10vw;max-width:650px}.eyebrow{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:#d0bc8b;margin:0 0 1.4rem}.eyebrow.dark{color:#77663f}.hero h1,.section-light h2,.feature h2,.experience h2,.contact h2{font-family:var(--serif);font-weight:400;line-height:.9;letter-spacing:-.03em;margin:0}.hero h1{font-size:clamp(4.5rem,9vw,9rem)}.hero-lead{font-family:var(--serif);font-size:clamp(1.3rem,2vw,1.8rem);max-width:520px;margin:2rem 0 2.5rem}.button{display:inline-block;padding:.95rem 1.35rem;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase}.button-light{background:var(--cream);color:var(--ink)}.scroll-hint{position:absolute;right:5vw;bottom:35px;z-index:2;font-size:.68rem;letter-spacing:.17em;text-transform:uppercase}.scroll-hint span{margin-left:.7rem}.section-light{background:var(--paper);color:var(--ink)}.intro{position:relative;display:grid;grid-template-columns:1fr 1.15fr;gap:11vw;padding:140px 10vw}.section-number{position:absolute;top:40px;right:5vw;color:#9f947c;font-family:var(--serif);font-size:1rem}.intro h2,.uses h2,.contact h2{font-size:clamp(3.2rem,6vw,6.3rem)}.intro-text{padding-top:48px;max-width:610px}.intro-text p{color:#465047}.intro-text .lead{font-family:var(--serif);font-size:1.75rem;color:var(--ink);line-height:1.35}.feature{display:grid;grid-template-columns:1.15fr .85fr;min-height:780px}.feature-image{min-height:680px}.feature-copy{display:flex;flex-direction:column;justify-content:center;padding:9vw 8vw;background:var(--deep)}.feature h2,.experience h2{font-size:clamp(3.5rem,6vw,6.4rem);margin-bottom:2rem}.feature p,.experience p{color:#c9ccbf}.text-link{display:inline-block;margin-top:1.5rem;width:max-content;padding-bottom:.45rem;border-bottom:1px solid var(--gold);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.text-link span{margin-left:1rem;color:var(--gold)}.uses{padding:130px 8vw}.uses-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:80px}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.use-grid article{padding:38px 4vw 25px 0;border-right:1px solid var(--line)}.use-grid article+article{padding-left:4vw}.use-grid article:last-child{border-right:0}.use-grid span{font-family:var(--serif);color:#887956}.use-grid h3{font-family:var(--serif);font-weight:500;font-size:1.8rem;margin:2rem 0 1rem}.use-grid p{color:#596259}.experience{display:grid;grid-template-columns:.85fr 1.15fr;min-height:760px}.experience-image{order:2}.experience-content{padding:9vw 7vw;display:flex;flex-direction:column;justify-content:center}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.18)}.facts div{display:flex;flex-direction:column}.facts strong{font-family:var(--serif);font-size:2.6rem;font-weight:400;color:var(--gold)}.facts span{font-size:.72rem;line-height:1.4;color:#b8bcaf}.contact{text-align:center;background:var(--cream);color:var(--ink);padding:140px 20px}.contact>p:not(.eyebrow){max-width:650px;margin:2rem auto;color:#4b544c}.contact-links{display:flex;justify-content:center;gap:1.2rem;flex-wrap:wrap}.contact-links a{border:1px solid #7a806f;padding:.9rem 1.3rem;font-size:.76rem;letter-spacing:.08em}footer{padding:60px 5vw;display:flex;align-items:end;justify-content:space-between;border-top:1px solid rgba(255,255,255,.15);font-size:.75rem;color:#aeb3a8}footer>div{display:flex;flex-direction:column}footer .brand-name{color:var(--cream)}
@media(max-width:850px){.topbar{padding:22px 20px}.topbar nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--ink);padding:28px;flex-direction:column;align-items:flex-start}.topbar nav.open{display:flex}.menu-button{display:block}.hero-content{margin:0 24px}.hero h1{font-size:4.6rem}.scroll-hint{display:none}.intro,.feature,.experience{grid-template-columns:1fr}.intro{padding:100px 24px;gap:20px}.intro-text{padding-top:0}.feature-image,.experience-image{min-height:55vh}.feature-copy,.experience-content{padding:90px 24px}.experience-image{order:0}.uses{padding:100px 24px}.uses-heading{display:block}.use-grid{grid-template-columns:1fr}.use-grid article,.use-grid article+article{padding:30px 0;border-right:0;border-bottom:1px solid var(--line)}.facts{gap:.6rem}.facts strong{font-size:2rem}.contact{padding:100px 24px}footer{align-items:flex-start;gap:25px;flex-direction:column}}
.gallery{background:var(--paper);display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:390px 390px;gap:10px;padding:0 5vw 120px;color:var(--ink)}.gallery figure{position:relative;margin:0;overflow:hidden}.gallery-wide{grid-row:1/3}.gallery img{transition:transform .8s ease}.gallery figure:hover img{transform:scale(1.025)}.gallery figcaption{position:absolute;left:18px;bottom:18px;background:rgba(20,27,22,.86);color:var(--cream);padding:.65rem .85rem;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.evening-image{position:relative;height:min(78vh,820px);overflow:hidden}.evening-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,14,11,.68),transparent 60%)}.evening-image>div{position:absolute;z-index:1;left:7vw;bottom:7vw}.evening-image>div p:last-child{font-family:var(--serif);font-size:clamp(2.5rem,5vw,5.5rem);line-height:1;margin:0;max-width:700px}.evening-image .eyebrow{margin-bottom:1rem}
@media(max-width:850px){.gallery{grid-template-columns:1fr;grid-template-rows:55vh 42vh 42vh;padding:0 16px 80px}.gallery-wide{grid-row:auto}.evening-image{height:70vh}.evening-image>div{left:24px;right:24px;bottom:50px}}
[data-content]{white-space:pre-line}


/* Sigill och namn bildar ett sammanhållet varumärke i huvud och fot. */
.brand,
.footer-brand {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.brand-mark {
  display: block;
  width: 58px;
  height: 58px;
  flex: none;
  object-fit: contain;
}
.brand-wordmark {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  white-space: nowrap;
}
.brand-wordmark .brand-name {
  font-size: clamp(1.1rem, 1.5vw, 1.5rem);
}
footer .footer-brand {
  align-items: center;
}
@media (max-width: 850px) {
  .brand,
  .footer-brand { gap: 8px; }
  .brand-mark { width: 42px; height: 42px; }
  .brand-wordmark .brand-name { font-size: 1rem; }
  .brand-wordmark .brand-kicker { font-size: .65rem; }
}