@font-face{font-family:Familjen Grotesk;src:url(/fonts/familjen-grotesk-variable.woff2)format("woff2-variations");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Petrona;src:url(/fonts/petrona-variable.woff2)format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Petrona;src:url(/fonts/petrona-variable-italic.woff2)format("woff2-variations");font-weight:100 900;font-style:italic;font-display:swap}:root{--font-body:"Petrona", "Iowan Old Style", Georgia, serif;--font-display:"Familjen Grotesk", "Helvetica Neue", Arial, sans-serif;--display-weight:700;--display-tracking:-.02em;--body-size:17.5px;--paper:#f4f1ea;--surface:#fffdf9;--tint:#e9e4da;--ink:#18191b;--ink-soft:#2f3134;--muted:#64625d;--line:#d3cdc1;--accent:#8a4f00;--accent-hover:#a65f00;--accent-ink:#18191b;--accent-soft:#f6e6c8;--amber:#f0a22e;--amber-deep:#c97c0c;--cyan:#2c6a93;--silver:#9d9a93;--base:#2a2522;--band:#1f2023;--band-ink:#ecebe7;--band-muted:#b3b0a8;--band-line:#47484c;--radius:0;--wrap:1180px;--gap:clamp(16px, 4vw, 44px);--head-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cg fill='%23e2ddd2'%3E%3Ccircle cx='12' cy='18' r='1'/%3E%3Ccircle cx='57' cy='9' r='0.8'/%3E%3Ccircle cx='101' cy='31' r='1.1'/%3E%3Ccircle cx='33' cy='66' r='0.9'/%3E%3Ccircle cx='86' cy='74' r='1'/%3E%3Ccircle cx='129' cy='97' r='0.8'/%3E%3Ccircle cx='18' cy='112' r='1.1'/%3E%3Ccircle cx='66' cy='124' r='0.9'/%3E%3Ccircle cx='112' cy='133' r='0.7'/%3E%3C/g%3E%3C/svg%3E");--sprockets:repeating-linear-gradient(90deg, transparent 0 7px, var(--paper) 7px 17px, transparent 17px 26px)}html body{font-optical-sizing:auto;font-weight:400}html a{color:var(--accent);text-underline-offset:2px;text-decoration-thickness:1px}html a:hover{color:var(--accent-hover)}html h1{font-size:clamp(2.25rem,5.2vw,3.6rem);font-weight:700;line-height:1.02}html h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;line-height:1.1}html h3{font-size:1.2rem;font-weight:600;line-height:1.2}html strong{font-weight:700}html .kicker{text-transform:none;letter-spacing:0;font:600 .92rem/1.4 var(--font-display);color:var(--cyan)}html .hero h1{max-width:17ch}html .phead h1{max-width:21ch}html .btn{font:700 1rem/1.2 var(--font-display);border-radius:0}html .btn--call{background:var(--amber);color:var(--ink);border-color:var(--amber)}html .btn--call:hover{background:var(--amber-deep);border-color:var(--amber-deep);color:var(--ink)}html .btn--line{border-color:var(--ink);color:var(--ink)}html .btn--line:hover{background:var(--ink);color:var(--paper)}html .lede{color:var(--ink-soft);font-size:clamp(1.06rem,2vw,1.22rem);font-weight:400}html .hdr{background:var(--paper);border-bottom:1px solid var(--line);box-shadow:inset 0 9px 0 var(--base);position:relative}html .hdr:before{content:"";background:var(--sprockets);opacity:.95;pointer-events:none;height:5px;position:absolute;top:2px;left:0;right:0}html .brand__mark{background:url(/favicon.svg) 50%/contain no-repeat;width:30px;height:30px;display:block}html .brand__mark i{display:none}html .brand__name{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.12rem;font-weight:700}html .brand__name span{font-family:var(--font-body);color:var(--muted);font-size:.8rem;font-style:italic;font-weight:400}html .nav a,html .nav summary{font-family:var(--font-display);font-size:.96rem;font-weight:500}html .nav a[aria-current=page]{color:var(--ink);box-shadow:inset 0 -3px 0 var(--amber);font-weight:700}html .nav details>div{border-top:4px solid var(--ink);border-radius:0;box-shadow:0 12px 26px #18191b29}html .menu-group{font:600 .8rem/1.4 var(--font-display);color:var(--cyan);padding:.7rem 1rem .2rem;display:block}@media (width<=899px){html .menu-group{padding-inline:calc(var(--gap) + .9rem)}}html .callback{background:var(--band);border:0;border-top:6px solid var(--amber);color:var(--band-ink);border-radius:0}html .callback h2{color:#fff}html .callback a{color:var(--amber)}html .callback a:hover{color:#fff}html .callback label{color:#fff;font-family:var(--font-display);font-size:.92rem;font-weight:500}html .callback label span{color:var(--band-muted)}html .callback input,html .callback select,html .callback textarea{border-color:var(--band-line);color:var(--ink);font-family:var(--font-body);background:#fbfaf7;border-radius:0}html .callback input:focus,html .callback select:focus,html .callback textarea:focus{border-color:var(--amber);outline:3px solid var(--amber)}html .callback .btn--call{background:var(--amber);color:var(--ink);border-color:var(--amber)}html .callback .btn--call:hover{color:var(--ink);background:#ffc061;border-color:#ffc061}html .callback .note{color:var(--band-muted)}html .callback-status.ok{color:#fff}html .callback-status.bad{color:#ffc9a8}html .callback :focus-visible{outline-color:var(--amber)}html .callback--top textarea::placeholder{color:#77756f}html .points li{font-family:var(--font-display);padding-left:1.3rem;font-size:.96rem;font-weight:500}html .points li:before{border:2px solid var(--amber-deep);background:0 0;border-radius:0;width:9px;height:9px;top:.42em}html .film{background:var(--surface);border-bottom:1px solid var(--line);padding-block:clamp(2.5rem,6vw,4.25rem) clamp(2rem,4vw,3rem)}html .film__head{align-items:start;gap:.3rem 3rem;margin-bottom:clamp(1.5rem,3vw,2.25rem);display:grid}html .film__head h2,html .film__head p{margin:0}@media (width>=900px){html .film__head{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}html .film__reel{gap:30px;display:grid}@media (width>=760px){html .film__reel{grid-template-columns:1fr 1fr;gap:0}}html .film__strip{background:var(--base);grid-template-columns:repeat(6,minmax(0,1fr));gap:0 6px;max-width:none;margin:0;padding:20px 8px;list-style:none;display:grid;position:relative}@media (width>=760px){html .film__strip:first-child{padding-right:3px}html .film__strip:last-child{padding-left:3px}}html .film__strip:before,html .film__strip:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 8px,#efe9dd 8px 18px,#0000 18px 28px);height:7px;position:absolute;left:0;right:0}html .film__strip:before{top:6px}html .film__strip:after{bottom:6px}html .frame{grid-template-rows:auto auto;gap:4px;min-width:0;margin:0;display:grid;position:relative}html .frame+.frame{margin-top:0}html .frame__window{background:#3a3430;border:1px solid #4a433e;border-radius:3px;height:clamp(150px,22vw,230px);display:block;position:relative;overflow:hidden}html .frame__bar{height:var(--x);background:var(--tone);position:absolute;bottom:0;left:18%;right:18%;box-shadow:0 0 0 1px #00000040}html .frame--cool{--tone:var(--amber)}html .frame--warm{--tone:#5fa5d1}html .frame--even{--tone:#c9c5bc}html .frame__deg{text-align:center;z-index:2;left:0;right:0;bottom:calc(1.5rem + 4px + (clamp(150px, 22vw, 230px) - 2px) * var(--x) / 100% + 6px);font:700 clamp(.88rem, 1.8vw, 1.2rem)/1 var(--font-display);color:#fff;font-variant-numeric:tabular-nums;position:absolute}html .frame__edge{height:1.5rem;font:600 clamp(.62rem, 1.4vw, .82rem)/1 var(--font-display);color:#e8b25e;letter-spacing:.02em;justify-content:center;align-items:center;gap:.3em;display:flex}html .frame__edge b{color:#8f877f;font-weight:500}html .film__note{color:var(--ink-soft);max-width:78ch;margin:1.2rem 0 0;font-size:.9rem}html .film__note a{color:var(--ink)}html .grid{counter-reset:print;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.1rem}html .card{background:var(--surface);border:1px solid var(--line);counter-increment:print;box-shadow:0 1px 0 var(--line);border-radius:0;gap:.35rem;padding:1.5rem 1.2rem 1.2rem;position:relative}html .card:before{content:counter(print, decimal-leading-zero);font:600 .72rem/1 var(--font-display);color:var(--amber-deep);letter-spacing:.06em;position:absolute;top:.45rem;left:1.2rem}html .card:hover{border-color:var(--ink);box-shadow:4px 4px 0 var(--ink)}html .card h3{font-size:1.14rem}html .card p{color:var(--ink-soft);font-size:.96rem}html .card .meta{color:var(--muted);font-size:.86rem;font-family:var(--font-display)}html .tag{color:var(--cyan);font-size:.82rem;font-family:var(--font-display);font-weight:600}html .steps{gap:1.1rem}html .steps li{background:var(--surface);border:1px solid var(--line);border-top:5px solid var(--ink);border-radius:0;padding:1.1rem 1.2rem 1.2rem}html .steps li:before{content:counter(step, decimal-leading-zero);font:700 1.5rem/1 var(--font-display);color:var(--amber-deep);margin-bottom:.5rem}html .steps h3{margin-top:0;font-size:1.12rem}html .box{background:var(--surface);border:1px solid var(--line);border-top:5px solid var(--cyan);border-radius:0}html .box h2,html .box h3{font-size:1.25rem}html .sources{margin-top:2.5rem;font-size:.9rem}html .sources h2{font-size:1.25rem}html .sources ul{padding-left:1.1em}html .faq summary{font-family:var(--font-display);font-size:1.02rem;font-weight:600}html .faq summary:after{color:var(--amber-deep)}html .aside .callback .pair{grid-template-columns:1fr}html .aside .callback .btn{width:100%}html .prose th{border-bottom:2px solid var(--ink);font-family:var(--font-display);font-size:.92rem;font-weight:600}html .prose figure{border:1px solid var(--line);background:var(--surface);padding:.75rem}html .prose figcaption{color:var(--ink-soft);font-size:.92rem;font-style:italic}html .ftr{background:var(--ink);color:#b9b6ae}html .ftr h2{text-transform:none;letter-spacing:0;font-family:var(--font-display);color:var(--amber);font-size:1.05rem;font-weight:600}html .ftr a{color:#efece6}html .ftr__tel{font-family:var(--font-display);color:#fff}html .callbar{border-top:0}html .callbar a:first-child{background:var(--amber)}html .callbar a:first-child strong,html .callbar a:first-child span{color:var(--ink)}html .callbar a:last-child{background:var(--ink)}