:root{--cream: oklch(.963 .012 83);--cream-2: oklch(.945 .018 80);--beige: oklch(.915 .022 76);--beige-2: oklch(.885 .028 74);--oak: oklch(.82 .045 70);--grey: oklch(.72 .008 80);--grey-2: oklch(.55 .01 75);--ink: oklch(.22 .025 55);--ink-2: oklch(.36 .018 55);--line: oklch(.82 .012 78);--line-soft: oklch(.88 .012 78);--accent: #ef9e20;--accent-deep: #c97a0e;--cocoa: oklch(.32 .06 50);--white: oklch(.99 .005 85);--sans: "Familjen Grotesk", "Instrument Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--radius: 8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.nav-open{overflow:hidden}img,svg{max-width:100%}img{height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}::selection{background:var(--oak);color:var(--ink)}.skip-link{position:fixed;left:16px;top:16px;z-index:999;transform:translateY(-140%);background:var(--ink);color:var(--cream);padding:10px 14px;border-radius:var(--radius)}.skip-link:focus{transform:none}.container{width:min(100% - 44px,1360px);margin-inline:auto}.display{font-family:var(--sans);font-weight:600;letter-spacing:0;line-height:.98;text-wrap:balance}.display em{color:var(--accent-deep);font-style:normal;font-weight:400}.label,.section-no{color:var(--ink-2);font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border:1px solid var(--line);border-radius:999px;padding:12px 22px;cursor:pointer;font-weight:500;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--ink);border-color:var(--ink);color:var(--cream)}.btn-primary:hover{background:var(--accent);border-color:var(--accent);color:var(--cocoa)}.btn-ghost{background:transparent;color:var(--ink)}.btn-ghost:hover{background:var(--beige);border-color:var(--ink)}.nav{position:sticky;top:0;z-index:80;border-bottom:1px solid transparent;background:color-mix(in oklab,var(--cream) 86%,transparent);backdrop-filter:blur(14px) saturate(1.1);transition:border-color .25s ease}.nav.scrolled{border-bottom-color:var(--line-soft)}.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:20px}.brand{display:inline-flex;align-items:center;flex:0 0 auto;line-height:0}.brand img{width:170px;max-width:42vw;max-height:50px;height:auto;display:block;object-fit:contain}.nav-links{display:flex;align-items:center;gap:28px;color:var(--ink-2);font-size:14px}.nav-links a{padding:8px 0}.nav-links a:hover{color:var(--ink)}.nav-cta{display:none;align-items:center;gap:10px;padding:10px 16px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--cream);font-size:13px;white-space:nowrap}.nav-cta .dot,.sf-loc .dot,.photo-chip .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 30%,transparent)}.nav-toggle{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:999px;background:transparent}.nav-toggle span{width:18px;height:1px;background:var(--ink);margin:2px 0;display:block}@media(min-width:920px){.nav-toggle{display:none}.nav-cta{display:inline-flex}}@media(max-width:919px){body.nav-open{overflow:hidden}.nav-inner{min-height:66px}.brand img{width:148px;max-width:54vw;max-height:44px}.nav-links{position:fixed;inset:66px 14px auto;display:none;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100dvh - 82px);overflow:auto;padding:12px;background:color-mix(in oklab,var(--cream) 96%,white);border:1px solid var(--line-soft);border-radius:20px;box-shadow:0 26px 60px -40px #0006}.nav-links.open{display:flex}.nav-links a{padding:13px 12px;border-bottom:1px solid var(--line-soft);border-radius:12px;font-size:17px}.nav-links a:last-child{border-bottom:0}}.hero,.page-head{padding:clamp(42px,7vw,88px) 0 clamp(56px,8vw,104px)}.hero-meta{display:grid;gap:10px;padding-bottom:22px;margin-bottom:34px;border-bottom:1px solid var(--line);color:var(--ink-2);font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.hero-grid,.split-grid,.cta-grid,.head-grid{display:grid;grid-template-columns:1fr;gap:36px;align-items:center}.hero h1,.page-head h1{max-width:920px;margin:0 0 28px;font-size:clamp(48px,10vw,116px)}.hero-sub,.lede,.page-head p,.section-lede{max-width:620px;color:var(--ink-2);font-size:clamp(16px,2vw,18px)}.hero-ctas,.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-visual,.image-panel,.atelier-photo{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--beige);box-shadow:0 30px 60px -34px #5444384d}.hero-visual{aspect-ratio:4 / 5}.carousel{position:relative}.carousel .cs-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity 1s ease,transform 6s ease}.carousel .cs-img.active{opacity:1;transform:scale(1)}.cs-dots{position:absolute;left:50%;bottom:16px;display:flex;gap:7px;transform:translate(-50%);z-index:4}.cs-dots button{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:color-mix(in oklab,var(--cream) 75%,transparent);cursor:pointer;transition:width .2s ease,background .2s ease}.cs-dots button.active{width:22px;background:var(--accent)}.hero-visual-caption,.photo-chip{position:absolute;z-index:5;display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:color-mix(in oklab,var(--cream) 86%,transparent);backdrop-filter:blur(8px);color:var(--ink);font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.hero-visual-caption{top:18px;left:18px;padding:8px 12px}.photo-chip{left:16px;bottom:16px;padding:8px 13px}.marquee{overflow:hidden;border-block:1px solid var(--line);background:var(--cream-2)}.marquee-track{display:flex;width:max-content;gap:24px;padding:15px 0;color:var(--ink-2);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;animation:marquee 34s linear infinite}.marquee-track span{white-space:nowrap}.marquee-track .dot{width:5px;height:5px;margin:auto 8px;border-radius:50%;background:var(--accent)}@keyframes marquee{to{transform:translate(-50%)}}.section{padding:clamp(72px,9vw,128px) 0}.section.alt,.atelier{background:var(--cream-2)}.section-head{display:grid;grid-template-columns:1fr;gap:18px;margin-bottom:42px}.section-title{margin:0;font-size:clamp(42px,7vw,88px)}.usp-grid,.products-grid,.catalog-grid,.cards-grid{display:grid;grid-template-columns:1fr;gap:18px}.usp,.product-card,.catalog-card,.info-card,.form-panel,.newsletter-form,.notice,.sidecard,.svc-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--cream)}.usp,.info-card,.sidecard,.svc-card{padding:26px}.usp-no{display:grid;place-items:center;width:34px;height:34px;margin-bottom:18px;border-radius:999px;background:var(--accent);color:var(--cocoa);font-family:var(--mono);font-size:12px}.usp h3,.info-card h3,.svc-card h3{margin:0 0 10px;font-size:22px;line-height:1.1}.usp p,.info-card p,.svc-card p{margin:0;color:var(--ink-2)}.atelier-mosaic{aspect-ratio:4 / 5;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1.1fr 1.1fr .9fr;gap:10px}.atelier-mosaic button{position:relative;border:0;border-radius:var(--radius);background-position:center;background-size:cover;cursor:zoom-in;overflow:hidden}.atelier-mosaic button:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,oklch(.2 .02 60 / .5));opacity:0;transition:opacity .3s ease}.atelier-mosaic button:hover:after{opacity:1}.mz-a{grid-column:1;grid-row:1}.mz-b{grid-column:2;grid-row:1 / 3}.mz-c{grid-column:1;grid-row:2}.mz-d{grid-column:1 / 3;grid-row:3}.mz-cap{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;color:var(--cream);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-align:left;text-transform:uppercase}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.gallery-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius)}.tabs,.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.tab,.chip{border:1px solid var(--line);border-radius:999px;background:transparent;padding:9px 14px;cursor:pointer;color:var(--ink-2)}.tab.active,.chip.active{background:var(--ink);border-color:var(--ink);color:var(--cream)}.product-card{overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.product-card:hover{transform:translateY(-3px);box-shadow:0 24px 48px -32px #22222259}.product-card-photo{position:relative;display:grid;place-items:center;aspect-ratio:1;background:#fff}.product-card-photo img{width:100%;height:100%;object-fit:contain;padding:18px}.product-tags{position:absolute;top:12px;left:12px;display:flex;flex-wrap:wrap;gap:6px}.product-tags span,.cat-badge{border-radius:999px;background:color-mix(in oklab,var(--ink) 82%,transparent);color:var(--cream);font-family:var(--mono);font-size:10px;letter-spacing:.11em;padding:5px 9px;text-transform:uppercase}.product-card-body{display:grid;gap:20px;padding:22px}.product-card h3{margin:0 0 8px;font-size:22px;line-height:1.1}.product-card p{margin:0;color:var(--ink-2)}dl{margin:0}.product-card dl,.spec-list,.modal-specs{display:grid;gap:8px}.product-card dl div,.spec-list div,.modal-specs div{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line-soft);padding-top:8px}dt,.spec-list dt{color:var(--ink-2);font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}dd{margin:0;text-align:right}.product-detail-grid{display:grid;grid-template-columns:1fr;gap:36px}.product-main-image{display:grid;place-items:center;aspect-ratio:1;border-radius:var(--radius);background:#fff;overflow:hidden}.product-main-image img{width:100%;height:100%;object-fit:contain;padding:22px}.thumb-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.thumb-row img{aspect-ratio:1;width:100%;object-fit:contain;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:8px}.notice{display:grid;gap:10px;padding:18px}.notice span{color:var(--ink-2)}.notice.muted{background:var(--cream-2)}.catalog-card{overflow:hidden;display:flex;flex-direction:column}.catalog-cover{position:relative;aspect-ratio:4 / 5;background:var(--beige)}.catalog-cover img{width:100%;height:100%;object-fit:cover}.cat-badge{position:absolute;top:14px;right:14px}.cat-badge.live{background:var(--accent);color:var(--cocoa)}.cat-badge.soon{background:var(--ink)}.catalog-meta{display:grid;gap:18px;padding:22px}.catalog-meta h3{margin:0 0 5px;font-size:22px}.catalog-meta p,.catalog-meta span{margin:0;color:var(--ink-2)}.catalog-dl{justify-self:start;border-radius:999px;background:var(--ink);color:var(--cream);padding:10px 16px}.catalog-dl.muted{background:var(--cream-2);color:var(--ink-2);border:1px solid var(--line)}.faq,.accordion{display:grid;gap:10px}.acc-item,.faq-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--cream);overflow:hidden}.acc-btn,.faq-btn{width:100%;border:0;background:transparent;display:flex;justify-content:space-between;gap:18px;padding:18px;cursor:pointer;font-weight:600;text-align:left}.acc-panel,.faq-panel{display:none;padding:0 18px 18px;color:var(--ink-2)}.acc-item.open .acc-panel,.faq-item.open .faq-panel{display:block}.form-panel,.newsletter-form{display:grid;gap:16px;padding:24px}.field-row{display:grid;grid-template-columns:1fr;gap:16px}label{display:grid;gap:8px}label>span{color:var(--ink-2);font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:var(--cream);color:var(--ink);padding:12px 13px}textarea{min-height:120px;resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.check-row{display:flex;align-items:start;gap:10px}.check-row input{width:18px;margin-top:2px}.check-row span{color:var(--ink-2);font-family:var(--sans);font-size:14px;letter-spacing:0;text-transform:none}.hp-field{position:absolute;left:-9999px}.form-status{min-height:1.4em;margin:0;color:var(--accent-deep)}.contact-strip{display:grid;grid-template-columns:1fr;gap:14px}.contact-strip .info-card a{text-decoration:underline;text-decoration-color:var(--line)}.site-footer{background:radial-gradient(ellipse 46% 62% at 13% 6%,color-mix(in oklab,var(--cream) 17%,transparent),transparent 58%),radial-gradient(ellipse 70% 80% at 86% 0%,color-mix(in oklab,var(--accent) 20%,transparent),transparent 60%),linear-gradient(180deg,var(--ink),oklch(.17 .022 55));color:var(--cream);overflow:hidden}.sf-inner{padding:60px 0 26px}.footer-newsletter{display:grid;grid-template-columns:1fr;gap:12px;padding-top:18px;border-top:1px solid color-mix(in oklab,var(--cream) 14%,transparent)}.footer-newsletter-copy{max-width:300px}.footer-newsletter-copy .label{margin-bottom:6px;color:color-mix(in oklab,var(--accent) 88%,var(--cream))}.footer-newsletter p{margin:8px 0 0;color:color-mix(in oklab,var(--cream) 68%,transparent);font-size:13px;line-height:1.55}.footer-newsletter-form{display:grid;grid-template-columns:1fr;gap:8px;align-items:center}.footer-newsletter-form input[type=email]{width:100%;min-width:0;height:40px;border:1px solid color-mix(in oklab,var(--cream) 20%,transparent);border-radius:999px;padding:0 15px;background:color-mix(in oklab,var(--cream) 9%,transparent);color:var(--cream);font-size:13px}.footer-newsletter-form input[type=email]::placeholder{color:color-mix(in oklab,var(--cream) 48%,transparent)}.footer-newsletter-form input[type=email]:focus{border-color:color-mix(in oklab,var(--accent) 82%,white);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 18%,transparent);outline:none}.footer-newsletter-form .btn{justify-content:center;height:40px;padding-inline:18px;border-color:color-mix(in oklab,var(--cream) 82%,transparent);background:color-mix(in oklab,var(--cream) 92%,var(--accent));box-shadow:0 12px 26px -18px color-mix(in oklab,black 70%,transparent);font-size:12px;color:var(--cocoa)}.footer-newsletter-form .btn:hover{border-color:var(--accent);background:var(--accent);color:var(--cocoa)}.footer-newsletter-form .form-status{color:color-mix(in oklab,var(--accent) 84%,var(--cream))}.sf-top{display:grid;grid-template-columns:1fr;gap:30px}.sf-logo{width:190px;filter:brightness(1.06)}.sf-tag{max-width:360px;color:color-mix(in oklab,var(--cream) 76%,transparent)}.sf-locs{display:flex;flex-wrap:wrap;gap:10px}.sf-loc{display:inline-flex;align-items:center;gap:8px;border:1px solid color-mix(in oklab,var(--cream) 18%,transparent);border-radius:999px;padding:7px 13px;color:color-mix(in oklab,var(--cream) 86%,transparent);font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.sf-cols{display:grid;grid-template-columns:1fr;gap:28px}.sf-col h2{margin:0 0 14px;color:color-mix(in oklab,var(--cream) 55%,transparent);font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.sf-col ul{list-style:none;padding:0;margin:0}.sf-col li{margin-bottom:10px}.sf-col a{color:color-mix(in oklab,var(--cream) 84%,transparent)}.sf-col a:hover{color:var(--accent)}.sf-wordmark{margin-top:12px;color:transparent;-webkit-text-stroke:1px color-mix(in oklab,var(--cream) 18%,transparent);font-size:clamp(54px,12.5vw,168px);font-weight:700;letter-spacing:0;line-height:.85}.sf-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:14px;padding-top:18px;border-top:1px solid color-mix(in oklab,var(--cream) 14%,transparent);color:color-mix(in oklab,var(--cream) 58%,transparent);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.sf-mid{color:color-mix(in oklab,var(--accent) 75%,var(--cream))}.reveal{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}@media(min-width:720px){.hero-meta{grid-template-columns:repeat(3,1fr)}.usp-grid,.products-grid,.catalog-grid,.cards-grid,.field-row,.contact-strip,.sf-cols{grid-template-columns:repeat(2,1fr)}}@media(min-width:980px){.hero-grid,.split-grid,.cta-grid,.head-grid{grid-template-columns:1.1fr 1fr;gap:64px}.section-head{grid-template-columns:.5fr 1fr .8fr;align-items:end}.usp-grid,.products-grid{grid-template-columns:repeat(3,1fr)}.usp.wide{grid-column:span 2}.product-detail-grid{grid-template-columns:1fr .9fr;gap:60px}.sf-top{grid-template-columns:1.2fr 1.8fr;row-gap:16px}.footer-newsletter{grid-column:2;grid-template-columns:minmax(155px,.62fr) minmax(300px,1fr);align-items:center;gap:10px 18px;margin-top:-42px;padding-top:16px}.footer-newsletter-form{grid-template-columns:minmax(0,1fr) auto}.footer-newsletter-form .form-status{grid-column:1 / -1;margin-top:-4px}.sf-cols{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}