:root{--bg:#0d0d0f;--bg-ljusare:#17171a;--text:#e8e6e3;--text-dov:#9a978f;--accent:#c9a96a;--vit:#fff;--fel:#d98181;--passepartout:#f4f1ea;--ram:#1c1a17}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg)}body{color:var(--text);font-family:Inter,system-ui,sans-serif;font-weight:300;line-height:1.7;overflow-x:hidden}img{max-width:100%;display:block}.hero{justify-content:center;align-items:center;height:100svh;display:flex;position:relative;overflow:hidden}.hero-bild{object-fit:cover;width:100%;height:100%;animation:12s ease-out forwards hero-zoom;position:absolute;inset:0}@keyframes hero-zoom{0%{transform:scale(1.08)}to{transform:scale(1)}}.hero-overlay{background:linear-gradient(#0d0d0f80 0%,#0d0d0f47 45%,#0d0d0fad 100%);position:absolute;inset:0}.hero-text{z-index:2;text-align:center;padding:0 1.5rem;animation:1.4s ease-out .3s both fade-upp;position:relative}.hero-text h1{letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 24px #0d0d0f8c;font-family:Cormorant Garamond,serif;font-size:clamp(3rem,9vw,6.5rem);font-weight:400}.hero-text p{color:var(--text);text-shadow:0 1px 14px #0d0d0fb3;letter-spacing:.05em;margin-top:.6rem;font-size:clamp(.95rem,2vw,1.15rem)}.hero-knappar{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2.4rem;display:flex}.hero-knappar .kontakt-knapp{margin-top:0}@keyframes fade-upp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.scroll-hint{z-index:2;border:1px solid #e8e6e380;border-radius:14px;width:26px;height:42px;position:absolute;bottom:2.2rem;left:50%;transform:translate(-50%)}.scroll-hint span{background:var(--text);border-radius:2px;width:3px;height:8px;margin-left:-1.5px;animation:2s infinite scrolla;position:absolute;top:8px;left:50%}@keyframes scrolla{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(14px)}to{opacity:0;transform:translateY(0)}}.nav{z-index:4;justify-content:space-between;align-items:center;padding:1.8rem 3rem;display:flex;position:absolute;top:0;left:0;right:0}.nav-namn{letter-spacing:.08em;white-space:nowrap;font-family:Cormorant Garamond,serif;font-size:1.35rem}.meny-knapp{z-index:60;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:space-between;width:2.1rem;height:1.4rem;padding:0;display:flex;position:relative}.meny-knapp span{background:var(--text);width:100%;height:2px;transition:transform .3s,opacity .3s}body.meny-oppen .meny-knapp span:first-child{transform:translateY(.63rem)rotate(45deg)}body.meny-oppen .meny-knapp span:nth-child(2){opacity:0}body.meny-oppen .meny-knapp span:nth-child(3){transform:translateY(-.63rem)rotate(-45deg)}.nav-lankar{z-index:50;opacity:0;pointer-events:none;background:linear-gradient(#0d0d0fe6,#0d0d0fe6),url(/bilder/stenpiren-skymning.jpg) 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;gap:1.3rem;width:100vw;height:100dvh;transition:opacity .35s;display:flex;position:fixed;top:0;left:0}body.meny-oppen .nav-lankar{opacity:1;pointer-events:auto;animation:.4s meny-in}@keyframes meny-in{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}body.meny-oppen .nav-lankar>*{animation:.5s backwards lank-in}body.meny-oppen .nav-lankar>:first-child{animation-delay:50ms}body.meny-oppen .nav-lankar>:nth-child(2){animation-delay:.1s}body.meny-oppen .nav-lankar>:nth-child(3){animation-delay:.15s}body.meny-oppen .nav-lankar>:nth-child(4){animation-delay:.2s}body.meny-oppen .nav-lankar>:nth-child(5){animation-delay:.25s}@keyframes lank-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}body.meny-oppen{overflow:hidden}.nav-lankar a,.galleri-knapp,.galleri-fallback{color:var(--text);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;opacity:.85;font-family:Cormorant Garamond,serif;font-size:clamp(1.05rem,2.4vw,1.35rem);text-decoration:none;transition:opacity .25s,color .25s}.nav-lankar a:hover,.galleri-knapp:hover,.nav-lankar a.aktiv,.galleri-knapp.aktiv{opacity:1;color:var(--accent)}.galleri-knapp{cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;padding:0;display:flex}.galleri-pil{font-size:.62rem;transition:transform .3s;display:inline-block}.galleri-pil.oppen{transform:rotate(180deg)}.meny-galleri{flex-direction:column;align-items:center;display:flex}.meny-serier{opacity:0;flex-direction:column;align-items:center;gap:1rem;max-height:0;transition:max-height .35s,opacity .35s,margin-top .35s;display:flex;overflow:hidden}.meny-serier.oppen{opacity:1;max-height:12rem;margin-top:1rem}.nav-lankar .meny-serier a{color:var(--text-dov);opacity:1;font-size:clamp(.95rem,2.1vw,1.15rem)}.nav-lankar .meny-serier a:hover,.nav-lankar .meny-serier a.aktiv{color:var(--accent)}.meny-antal{letter-spacing:.1em;color:var(--text-dov);margin-left:.6rem;font-family:Inter,system-ui,sans-serif;font-size:.65rem}@media (width>=900px){.meny-knapp{display:none}.nav-lankar{opacity:1;pointer-events:auto;background:0 0;flex-direction:row;align-items:center;gap:2.1rem;width:auto;height:auto;transition:none;position:static}body.meny-oppen .nav-lankar,body.meny-oppen .nav-lankar>*{animation:none}.nav-lankar a,.galleri-knapp,.galleri-fallback{font-size:1.02rem}.meny-serier{display:none}}.nav-fast{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0d0fd9;border-bottom:1px solid #e8e6e314;position:fixed;top:0;left:0;right:0}a.nav-namn{color:var(--text);text-decoration:none}@media (width<=720px){.nav{padding:1.2rem 1.3rem}}.lucka{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;background:#0d0d0fd1;border-bottom:1px solid #e8e6e314;justify-content:flex-end;padding:1.6rem 3rem;transition:opacity .3s,transform .3s,visibility 0s linear .3s;display:flex;position:absolute;top:100%;left:0;right:0;transform:translateY(-6px)}.nav:not(.nav-fast) .lucka{border-top:1px solid #e8e6e314}.lucka.oppen{opacity:1;visibility:visible;transition-delay:0s;transform:translateY(0)}.lucka-rad{gap:1.2rem;display:flex}.lucka a{width:236px;color:var(--text);align-items:center;gap:.9rem;text-decoration:none;transition:opacity .25s;display:flex}.lucka a:hover{opacity:.75}.lucka img{object-fit:cover;flex:none;width:80px;height:58px}.lucka-text{flex-direction:column;gap:.15rem;display:flex}.lucka-namn{letter-spacing:.16em;text-transform:uppercase;font-family:Cormorant Garamond,serif;font-size:1.02rem}.lucka a.aktiv .lucka-namn{color:var(--accent)}.lucka-antal{letter-spacing:.1em;color:var(--text-dov);font-size:.7rem}@media (width<=899.98px){.lucka{display:none}}section{max-width:1200px;margin:0 auto;padding:6rem 3rem}.sektionsrubrik{letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem;font-family:Cormorant Garamond,serif;font-size:2.4rem;font-weight:400}.sektionsrubrik:after{content:"";background:var(--accent);width:48px;height:1px;margin-top:.9rem;display:block}.sektionsintro{color:var(--text-dov);margin-bottom:2.5rem}@media (width<=720px){section{padding:3.5rem 1.2rem}.sektionsrubrik{font-size:1.9rem}}.rutnat{grid-template-columns:repeat(3,1fr);gap:1.2rem;display:grid}.portrattgrid{grid-template-columns:repeat(2,1fr)}.portrattgrid .foto img{aspect-ratio:3/4}.portrattgrid .foto.stor img{aspect-ratio:2}@media (width<=720px){.rutnat{grid-template-columns:1fr;gap:1rem}.portrattgrid .foto.stor img{aspect-ratio:4/3}}.foto{cursor:pointer;background:var(--bg-ljusare);position:relative;overflow:hidden}.foto.stor{grid-column:span 2}.foto img{object-fit:cover;aspect-ratio:4/3;width:100%;height:100%;transition:transform .6s,filter .6s}.foto:hover img{filter:brightness(.75);transform:scale(1.04)}.foto figcaption{letter-spacing:.08em;opacity:0;background:linear-gradient(#0000,#0d0d0fd9);padding:1.4rem 1.2rem 1rem;font-size:.85rem;transition:opacity .4s,transform .4s;position:absolute;bottom:0;left:0;right:0;transform:translateY(8px)}.foto:hover figcaption{opacity:1;transform:translateY(0)}.tavla-tagg{z-index:2;border:1px solid var(--accent);color:var(--accent);letter-spacing:.14em;text-transform:uppercase;background:#0d0d0fa6;padding:.35rem .75rem;font-size:.75rem;text-decoration:none;transition:background .25s,color .25s;position:absolute;top:.9rem;right:.9rem}.tavla-tagg:hover{background:var(--accent);color:var(--bg)}@media (hover:none){.foto figcaption{opacity:1;transform:none}}@media (width<=720px){.foto.stor{grid-column:span 1}}.bildbakgrund{flex-direction:column;min-height:100svh;display:flex}.bildbakgrund main{flex:1}.bildbakgrund .sidfot{border-top-color:#e8e6e326}.kundsida{background:linear-gradient(#0d0d0fb8,#0d0d0fdb),url(/bilder/stenpiren-skymning.jpg) 50%/cover no-repeat fixed}.bg-landskap{background:linear-gradient(#0d0d0fc7,#0d0d0fe0),url(/bilder/soluppgang-klippor.jpg) 50%/cover no-repeat fixed}.bg-portratt{background:linear-gradient(#0d0d0fc7,#0d0d0fe0),url(/bilder/portratt/portratt-tess-strand.jpg) 50%/cover no-repeat fixed}.bg-motorcyklar{background:linear-gradient(#0d0d0fc7,#0d0d0fe0),url(/bilder/mc-skymning.jpg) 50%/cover no-repeat fixed}.bg-kontakt{background:linear-gradient(#0d0d0fc7,#0d0d0fd9),url(/bilder/solnedgang-hav.jpg) 50%/cover no-repeat fixed}.undersida{padding-top:5rem}@media (width<=720px){.kundsida,.bg-landskap,.bg-portratt,.bg-motorcyklar,.bg-kontakt{background-attachment:scroll}.undersida{padding-top:4.4rem}}.bakgrundssektion{position:relative}.bakgrundssektion:before{content:"";z-index:-1;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.om.bakgrundssektion:before{background-image:linear-gradient(#0d0d0fd1,#0d0d0fd1),url(/bilder/garden-hostljus.jpg)}@media (width<=720px){.bakgrundssektion:before{background-attachment:scroll}}.kodform{flex-wrap:wrap;align-items:stretch;gap:.9rem;margin-top:.5rem;display:flex}.kodform input{background:var(--bg-ljusare);color:var(--text);letter-spacing:.2em;text-transform:uppercase;border:1px solid #e8e6e340;width:min(300px,100%);padding:.9rem 1.2rem;font-family:inherit;font-size:1rem}.kodform input:focus{border-color:var(--accent);outline:none}.kodform input::placeholder{color:var(--text-dov);opacity:.6}.tavla-scen{perspective:1100px;touch-action:none;justify-content:center;padding:2.5rem 0 3rem;display:flex}.tavla-ram{background:var(--passepartout);border:12px solid var(--ram);transform-style:preserve-3d;will-change:transform;padding:clamp(1rem,3vw,2.2rem);transition:transform .15s ease-out;box-shadow:0 30px 60px #0000008c,0 4px 14px #0006}.tavla-ram img{max-width:min(560px,72vw);max-height:55vh;display:block;box-shadow:inset 0 0 8px #00000040}@media (width<=720px){.tavla-scen{touch-action:pan-y;padding:1.5rem 0 2rem}.tavla-ram{border-width:8px}.tavla-ram img{max-width:82vw;max-height:48vh}}.prisruta-mitt{justify-content:center;margin-top:0}.prisruta{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:1.2rem 2.2rem;margin:-1rem 0 2.5rem;font-size:.9rem;display:flex}@media (width<=720px){.prisruta{gap:.5rem 1.4rem}.prisruta-mitt{flex-direction:column;align-items:center;gap:.45rem}}.foto.tavla{flex-direction:column;display:flex}.tavla-namn{letter-spacing:.08em;background:linear-gradient(#0000,#0d0d0fe0);flex-direction:column;gap:.15rem;padding:1.6rem 1.2rem 1rem;font-size:.9rem;display:flex;position:absolute;bottom:0;left:0;right:0}.tavla-namn small{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}.tavla-namn{color:var(--vit)}.foto.tavla .bestall-knapp{color:var(--vit);border-color:var(--vit)}.foto.tavla .bestall-knapp:hover{background:var(--vit);color:var(--bg)}.foto.tavla .bestall-knapp{opacity:0;cursor:pointer;background:#0d0d0fbf;align-self:center;margin-top:0;font-family:inherit;transition:opacity .25s;position:absolute;bottom:4.4rem}.foto.tavla:hover .bestall-knapp,.foto.tavla .bestall-knapp:focus-visible{opacity:1}@media (hover:none){.foto.tavla .bestall-knapp{opacity:1}.tavla-namn{opacity:1;transform:none}}.kontaktform select{background:var(--bg-ljusare);color:var(--text);border:1px solid #e8e6e340;padding:.85rem 1.1rem;font-family:inherit;font-size:1rem}.kontaktform select:focus{border-color:var(--accent);outline:none}.kontaktform{text-align:left;flex-direction:column;gap:1.1rem;max-width:32rem;margin:2rem auto 0;display:flex}.kontaktform label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dov);flex-direction:column;gap:.4rem;font-size:.85rem;display:flex}.kontaktform input,.kontaktform textarea{background:var(--bg-ljusare);color:var(--text);resize:vertical;border:1px solid #e8e6e340;padding:.85rem 1.1rem;font-family:inherit;font-size:1rem}.kontaktform input:focus,.kontaktform textarea:focus{border-color:var(--accent);outline:none}.kontaktform button{align-self:center;margin-top:.4rem}@media (width<=720px){.kontaktform{max-width:none}}.kontakt-knapp{border:1px solid var(--accent);color:var(--accent);letter-spacing:.15em;text-transform:uppercase;margin-top:2rem;padding:.9rem 2.4rem;font-size:.85rem;text-decoration:none;transition:background .3s,color .3s;display:inline-block}.kontakt-knapp:hover{background:var(--accent);color:var(--bg)}.kontakt-knapp.ljus{color:var(--text);border-color:#e8e6e366}.kontakt-knapp.ljus:hover{border-color:var(--text);color:var(--text);background:0 0}button.kontakt-knapp{cursor:pointer;background:0 0;margin-top:0;font-family:inherit}.tillbaka{color:var(--text-dov);letter-spacing:.12em;text-transform:uppercase;margin-top:3rem;font-size:.85rem;text-decoration:none;transition:color .25s;display:inline-block}.tillbaka:hover{color:var(--accent)}.om p,.kontakt p{max-width:60ch;color:var(--text-dov)}.om p+p{margin-top:1.1rem}.om-inre{grid-template-columns:.85fr 1.15fr;align-items:start;gap:3.5rem;display:grid}.om-portratt{aspect-ratio:3/4;object-fit:cover;width:100%}.om-portratt-tom{background:#17171a80;border:1px dashed #c9a96a80}.om-text{flex-direction:column;display:flex}.om-text .sektionsrubrik+p{margin-top:1rem}.om-text .kontakt-knapp{align-self:flex-start;margin-top:1.8rem}@media (width<=720px){.om-inre{grid-template-columns:1fr;gap:2rem}}.kontakt-alternativ{color:var(--text-dov);margin-top:1.8rem;font-size:.95rem}.kontakt-alternativ a{color:var(--accent)}.kodfel{color:var(--fel);max-width:60ch;margin-top:1.2rem}.bestall-rubrik{margin-top:3rem;font-size:1.8rem}.vald-tavla{color:var(--text-dov);margin-top:.4rem}.vald-tavla strong{color:var(--text);font-weight:500}.betalnings-info{color:var(--text-dov);margin-top:.3rem;font-size:.9rem}.prisruta-not{text-align:center;margin:.6rem 0 0}.bestallningssteg{max-width:60ch;color:var(--text-dov);gap:.7rem;margin:0 0 2rem 1.2rem;display:grid}.bestallningssteg li::marker{color:var(--accent)}.sidfot{text-align:center;color:var(--text-dov);letter-spacing:.05em;border-top:1px solid #e8e6e31a;padding:2rem 3rem;font-size:.8rem}.sidfot-kontakt a{color:var(--text-dov);text-decoration:none}.sidfot-kontakt a:hover{color:var(--accent)}@media (width<=720px){.sidfot{padding:1.6rem 1.2rem}}.lightbox{z-index:10;background:#000000eb;justify-content:center;align-items:center;padding:3rem;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;max-width:100%;max-height:100%;box-shadow:0 20px 60px #0009}.lightbox-pil{color:var(--text);cursor:pointer;opacity:.65;background:0 0;border:none;padding:1.2rem 1rem;font-family:inherit;font-size:3.4rem;line-height:1;transition:opacity .25s,color .25s;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-pil:hover{opacity:1;color:var(--accent)}.lightbox-pil.forra{left:.6rem}.lightbox-pil.nasta{right:.6rem}.lightbox-stang{color:var(--text);cursor:pointer;background:0 0;border:none;font-size:2.4rem;line-height:1;position:absolute;top:1.2rem;right:1.8rem}@media (width<=720px){.lightbox{padding:.8rem}.lightbox-pil{padding:1rem .7rem;font-size:2.4rem}.lightbox-stang{top:.7rem;right:1rem}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){.hero-bild,.hero-text,.scroll-hint span,body.meny-oppen .nav-lankar,body.meny-oppen .nav-lankar>*{animation:none!important}.lucka,.meny-serier,.galleri-pil{transition:none}html{scroll-behavior:auto}}