:root{--paper:#f3efe8;--paper-2:#e8e1d5;--ink:#1c1814;--ink-soft:#5b5248;--oak:#b07a3c;--oak-deep:#8a5a26;--line:#1c181424;--panel:#161310c7;--display:"Alfa Slab One","Rockwell","Roboto Slab",Georgia,serif;--label:"Josefin Sans","Futura","Century Gothic",system-ui,sans-serif;--body:"Source Sans 3","Segoe UI",system-ui,sans-serif;--gutter:clamp(16px,4vw,48px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#1a1714;--paper-2:#221e1a;--ink:#f1ece4;--ink-soft:#b9ae9f;--oak:#d39a57;--oak-deep:#e3b077;--line:#f1ece424;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#1a1714;--paper-2:#221e1a;--ink:#f1ece4;--ink-soft:#b9ae9f;--oak:#d39a57;--oak-deep:#e3b077;--line:#f1ece424;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:1.0625rem;line-height:1.6}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;font-weight:400;line-height:1.08}p{margin:0}a{color:inherit}:focus-visible{outline:2px solid var(--oak);outline-offset:3px}.label{font-family:var(--label);text-transform:uppercase;letter-spacing:.22em;font-size:.78rem;font-weight:600}.wrap{max-width:1180px;padding-inline:var(--gutter);margin-inline:auto}.site-head{z-index:50;padding-top:env(safe-area-inset-top,0px);transition:background .3s;position:fixed;inset:0 0 auto}.site-head.solid{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14110eeb}.site-head .wrap{justify-content:space-between;align-items:center;gap:16px;height:72px;display:flex}.brand img{width:auto;height:46px;display:block}.nav{align-items:center;gap:28px;display:flex}.nav a{color:#f3efe8;font-family:var(--label);text-transform:uppercase;letter-spacing:.16em;font-size:.8rem;font-weight:600;text-decoration:none}.nav a:hover{color:#e3b077}.btn{font-family:var(--label);text-transform:uppercase;letter-spacing:.14em;cursor:pointer;color:inherit;background:0 0;border:2px solid;border-radius:2px;align-items:center;gap:.5em;padding:.95em 1.5em .8em;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.btn.fill{background:var(--oak);border-color:var(--oak);color:#1c1814}.btn.fill:hover{background:#c88d4b;border-color:#c88d4b}.nav .btn{color:#f3efe8;padding:.75em 1.2em .6em}.menu-btn{display:none}@media (width<=820px){.nav a:not(.btn){display:none}}.scene{color:#f3efe8;position:relative}.scene-bg{background-color:#211b15;background-image:var(--img,var(--ph));background-position:50%;background-size:cover;height:100svh;position:sticky;top:0;overflow:hidden}.scene-bg:after{content:"";background:linear-gradient(#0f0c0a8c 0%,#0f0c0a40 40%,#0f0c0ab3 100%);position:absolute;inset:0}.ph-tag{right:var(--gutter);z-index:2;font-family:var(--label);letter-spacing:.18em;text-transform:uppercase;color:#f3efe899;border:1px dashed #f3efe859;padding:.5em .8em .35em;font-size:.72rem;position:absolute;bottom:24px}.scene.has-img .ph-tag{display:none}.scene-content{z-index:3;margin-top:-100svh;position:relative}.beat{align-items:center;min-height:100svh;padding-block:120px;display:flex}.beat.right{justify-content:flex-end}.panel{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-left:3px solid #d39a57;max-width:520px;padding:clamp(24px,4vw,44px)}.panel h2{margin-block:.35em .45em;font-size:clamp(1.9rem,4vw,2.9rem)}.panel p{color:#ddd5c9}.panel p+p{margin-top:.8em}.panel .label{color:#e3b077}.panel ul{gap:.4em;margin:1em 0 0;padding:0;list-style:none;display:grid}.panel li{color:#ddd5c9;padding-left:1.3em;position:relative}.panel li:before{content:"";background:#d39a57;width:.6em;height:2px;position:absolute;top:.7em;left:0}.hero .beat{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:28px}.hero-logo{filter:drop-shadow(0 4px 24px #00000080);width:min(440px,78vw);height:auto}.hero h1{text-shadow:0 2px 20px #00000073;max-width:16ch;font-size:clamp(2rem,5.2vw,3.6rem)}.hero p.lead{color:#e6dfd3;max-width:44ch;font-size:1.15rem}.hero .ctas{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.scroll-cue{font-family:var(--label);letter-spacing:.3em;text-transform:uppercase;color:#f3efe8b3;font-size:.72rem}.ph-1{--ph:radial-gradient(ellipse at 30% 20%,#d39a5759,transparent 60%),repeating-linear-gradient(92deg,#3a2c1f 0 6px,#433325 6px 9px,#36291d 9px 17px,#4a3828 17px 19px)}.ph-2{--ph:linear-gradient(160deg,#5b6d78 0%,#2e3a42 55%,#1d2328 100%)}.ph-3{--ph:repeating-linear-gradient(0deg,#6a4a2c 0 22px,#5c3f25 22px 24px),linear-gradient(#6a4a2c,#6a4a2c)}.ph-4{--ph:radial-gradient(ellipse at 70% 30%,#ffe2b459,transparent 55%),repeating-linear-gradient(88deg,#8a6a48 0 30px,#7a5c3c 30px 32px)}.ph-5{--ph:linear-gradient(200deg,#44524a 0%,#2a332e 60%,#1b201d 100%)}.ph-6{--ph:radial-gradient(circle at 50% 120%,#d39a5766,transparent 60%),linear-gradient(#2a221b,#16120f)}.paper{background:var(--paper);padding-block:clamp(72px,10vw,128px)}.paper.alt{background:var(--paper-2)}.sec-head{grid-template-columns:1fr 1fr;align-items:end;gap:clamp(24px,5vw,72px);margin-bottom:clamp(40px,6vw,64px);display:grid}.sec-head h2{font-size:clamp(2rem,4.4vw,3.2rem)}.sec-head .label{color:var(--oak-deep);margin-bottom:14px;display:block}.sec-head p{color:var(--ink-soft);max-width:52ch}@media (width<=760px){.sec-head{grid-template-columns:1fr}}.services{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.svc{border-bottom:1px solid var(--line);align-content:start;gap:10px;padding:32px 28px 36px 0;display:grid}.svc:not(:nth-child(3n+1)){border-left:1px solid var(--line);padding-left:28px}.svc svg{width:34px;height:34px;stroke:var(--oak);fill:none;stroke-width:1.6px}.svc h3{font-size:1.35rem}.svc p{color:var(--ink-soft);font-size:1rem}@media (width<=900px){.services{grid-template-columns:repeat(2,minmax(0,1fr))}.svc:not(:nth-child(3n+1)){border-left:0;padding-left:0}.svc:nth-child(2n){border-left:1px solid var(--line);padding-left:24px}}@media (width<=560px){.services{grid-template-columns:1fr}.svc:nth-child(2n){border-left:0;padding-left:0}}.steps{counter-reset:s;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,36px);margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:s;border-top:3px solid var(--ink);gap:10px;padding-top:20px;display:grid}.steps li:before{content:"Skref " counter(s);font-family:var(--label);text-transform:uppercase;letter-spacing:.2em;color:var(--oak-deep);font-size:.75rem;font-weight:700}.steps h3{font-size:1.3rem}.steps p{color:var(--ink-soft);font-size:1rem}@media (width<=900px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.steps{grid-template-columns:1fr}}.contact .beat{justify-content:center}.contact .panel{width:100%;max-width:640px}form{grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;display:grid}form .full{grid-column:1/-1}label.f{font-family:var(--label);text-transform:uppercase;letter-spacing:.14em;color:#cfc5b7;gap:6px;font-size:.72rem;font-weight:600;display:grid}input,select,textarea{font:inherit;color:#f3efe8;background:#ffffff0f;border:1px solid #f3efe840;border-radius:2px;width:100%;min-width:0;padding:.7em .8em;font-size:1rem}select option{color:#1c1814}textarea{resize:vertical;min-height:110px}input:focus,select:focus,textarea:focus{background:#ffffff1a;border-color:#d39a57;outline:none}.form-note{color:#e3b077;grid-column:1/-1;min-height:1.4em;font-size:.95rem}@media (width<=560px){form{grid-template-columns:1fr}}.contact-lines{border-top:1px solid #f3efe82e;flex-wrap:wrap;gap:10px 32px;margin-top:22px;padding-top:18px;display:flex}.contact-lines div{display:grid}.contact-lines span{font-family:var(--label);text-transform:uppercase;letter-spacing:.16em;color:#b9ae9f;font-size:.7rem}.contact-lines b{-webkit-user-select:all;user-select:all;font-weight:600}footer{color:#b9ae9f;background:#14110e;padding-block:48px}footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}footer img{width:auto;height:64px}footer small{font-size:.9rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.calc-grid{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(20px,3vw,40px);display:grid}@media (width<=860px){.calc-grid{grid-template-columns:1fr}}.calc-card{background:var(--paper-2);border:1px solid var(--line);align-content:start;gap:16px;padding:clamp(20px,3vw,32px);display:grid}.paper.alt .calc-card,.calc .calc-card{background:var(--paper-2)}.calc-card h3{font-size:1.4rem}.cf{font-family:var(--label);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-soft);gap:6px;font-size:.72rem;font-weight:600;display:grid}.calc input{color:var(--ink);background:var(--paper);border:1px solid var(--line)}.calc input:focus{border-color:var(--oak)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips button{font-family:var(--label);text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:2px;padding:.6em .9em .45em;font-size:.72rem;font-weight:600}.chips button[aria-pressed=true]{background:var(--oak);border-color:var(--oak);color:#1c1814}.item-list{border-top:1px solid var(--line);max-height:340px;margin:0;padding:0;list-style:none;overflow:auto}.item-list button{text-align:left;border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);font:inherit;cursor:pointer;background:0 0;justify-content:space-between;gap:12px;padding:.75em .5em;display:flex}.item-list button:hover{background:var(--paper)}.item-list button[aria-pressed=true]{background:var(--paper);box-shadow:inset 3px 0 0 var(--oak)}.item-list small,.hint,.disclaimer{color:var(--ink-soft);text-transform:none;letter-spacing:0;font-size:.9rem;font-family:var(--body);font-weight:400}.item-list .empty{color:var(--ink-soft);padding:1em .5em}.picked{margin:0}.calc-result{border:2px solid var(--oak);background:var(--paper);gap:10px;padding:20px;display:grid}.calc-result .label{color:var(--oak-deep)}.calc-result strong{font-family:var(--display);font-size:clamp(1.5rem,3.4vw,2.1rem);font-weight:400;line-height:1.15}.calc-result p{color:var(--ink-soft);margin:0}.calc-result .mats ul{color:var(--ink-soft);margin:6px 0 0;padding-left:1.1em}.calc-result .btn{justify-self:start;margin-top:6px}