@font-face{font-family:Barlow Condensed;src:url(assets/fonts/BarlowCondensed-SemiBold.ttf) format('truetype');font-weight:600;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{--bg:#151411;--panel:#201f1b;--ink:#f0ede4;--muted:#a6a49b;--line:#38362f;--orange:#f87948;--purple:#b3a1e6;margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:5px}button:disabled{opacity:.35;cursor:default}::selection{background:var(--orange);color:var(--bg)}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:Barlow Condensed,'Arial Narrow',sans-serif;font-weight:600;line-height:.88;letter-spacing:-.025em}h2{font-size:clamp(52px,5.8vw,88px)}img{max-width:100%;display:block}.wrap{max-width:1440px;margin:auto;padding-left:60px;padding-right:60px}.eyebrow,.micro,.section-number{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.5;letter-spacing:.07em}.eyebrow{color:var(--orange);margin-bottom:25px}.micro{color:var(--muted)}.orange{color:var(--orange)}.purple{color:var(--purple)}.orange-bg{background:var(--orange)}.purple-bg{background:var(--purple)}.skip{position:fixed;z-index:100;top:-60px;left:16px;padding:14px;background:var(--orange);color:#111}.skip:focus{top:10px}.site-header{height:95px;padding:0 60px;max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:700;letter-spacing:-.04em}.brand small{display:block;font:8px ui-monospace,monospace;letter-spacing:.12em;margin-top:6px}.site-header nav{display:flex;align-items:center;gap:32px;font-size:11px}.site-header nav a{padding:10px 0}.site-header nav a:hover{color:var(--orange)}.nav-download{border-bottom:1px solid var(--orange)}.nav-download span{margin-left:25px}.hero{padding-top:34px}.hero-top{display:flex;justify-content:space-between;gap:20px}.hero-top .eyebrow{color:var(--muted);margin:0}.live-dot{display:inline-block;background:var(--orange);width:6px;height:6px;border-radius:50%;margin-right:8px}.hero-layout{display:grid;grid-template-columns:1.13fr 1fr;gap:34px;align-items:center;padding:55px 0 50px}.hero-copy h1{font-size:clamp(76px,9.1vw,137px);letter-spacing:-.04em}.hero-copy h1>span{color:var(--orange)}.hero-description{font-size:15px;line-height:1.7;color:#c2bfb4;margin-top:29px}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;font-size:12px;min-height:48px;padding:15px 21px;border:1px solid transparent;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--orange);color:#19140f}.button.primary:hover{background:#ff956f}.button.light{background:var(--ink);color:#25190f}.button.light:hover{background:#fff}.button span{font-size:19px;font-weight:400}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;font-size:11px;padding:8px 0;background:transparent;border:0;border-bottom:1px solid #6a6659}.text-link:hover{color:var(--orange);border-color:var(--orange)}.hero-figure{margin-top:12px;transform:rotate(1.5deg)}.film-top{display:flex;justify-content:space-between;gap:15px;padding:10px 0;font:9px ui-monospace,monospace;letter-spacing:.08em;color:var(--muted)}.hero-photo{position:relative;aspect-ratio:4/3;background:#000;border:1px solid #4d4739;overflow:hidden}.hero-photo>img{width:100%;height:100%;object-fit:contain}.image-caption{position:absolute;left:19px;bottom:19px;font:8px ui-monospace,monospace;line-height:1.6;letter-spacing:.09em;color:#e4ddd1;background:#18140fba;padding:9px 12px}.image-caption strong{font-size:12px;font-weight:400;letter-spacing:.04em}.frame-corner{width:18px;height:18px;position:absolute;border-color:#d1bda6;opacity:.8}.frame-corner.tl{left:11px;top:11px;border-left:1px solid;border-top:1px solid}.frame-corner.br{right:11px;bottom:11px;border-right:1px solid;border-bottom:1px solid}.hero-figure figcaption{display:flex;justify-content:space-between;padding-top:12px;font-size:11px;color:var(--muted)}.hero-bottom{border-top:1px solid var(--line);padding:18px 0;display:flex;align-items:center;gap:45px;font:9px ui-monospace,monospace;letter-spacing:.1em;color:var(--muted)}.hero-bottom span:nth-child(3){margin-left:auto}.round-arrow{width:28px;height:28px;border:1px solid #555046;border-radius:50%;display:grid;place-items:center;font-size:15px;color:var(--ink)}.families{display:grid;grid-template-columns:1fr 1fr;padding-top:65px;padding-bottom:87px;gap:55px}.families article{position:relative;padding-top:24px;border-top:2px solid var(--orange)}.families article.vhs-family{border-color:var(--purple)}.families .section-number{color:var(--muted);margin-bottom:22px}.families h2{font-size:clamp(45px,5.1vw,70px);line-height:.94}.families p:not(.section-number){font-size:13px;line-height:1.8;color:var(--muted);max-width:380px;margin:22px 0 18px}.vhs-family .text-link:hover{color:var(--purple);border-color:var(--purple)}.explorer{padding-top:70px;padding-bottom:95px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:44px}.section-heading>p{max-width:340px;font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:4px}.compare-shell{--look-accent:var(--orange);display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);border:1px solid #494337;background:#1d1b17}.compare-image{min-width:0}.compare-stage{position:relative;aspect-ratio:4/3;background:#000;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;cursor:ew-resize}.compare-stage>img{pointer-events:none;-webkit-user-drag:none;user-select:none;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.compare-stage #original-image{clip-path:inset(0 calc(100% - var(--split)) 0 0);z-index:2}.compare-label{position:absolute;z-index:4;top:14px;padding:6px 8px;background:#17130fd9;color:#f0ede4;font:9px ui-monospace,monospace;letter-spacing:.09em;pointer-events:none}.compare-label.before{left:14px}.compare-label.after{right:14px;color:var(--look-accent)}.split-line{position:absolute;top:0;bottom:0;left:var(--split);width:1px;background:var(--look-accent);z-index:3;pointer-events:none}.split-line span{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);width:35px;height:35px;display:grid;place-items:center;background:#1a1712ed;border:1px solid var(--look-accent);border-radius:50%;font-size:21px;color:var(--look-accent)}.range-row{display:flex;align-items:center;gap:12px;padding:13px 16px;background:#161410;font:9px ui-monospace,monospace;color:var(--muted)}.range-row input{flex:1;min-width:50px;accent-color:var(--look-accent);height:14px;cursor:ew-resize;direction:ltr}.reset-compare{font:9px ui-monospace,monospace;color:var(--ink);background:none;border:1px solid #4d4739;padding:5px 7px;margin-left:8px}.compare-info{display:flex;flex-direction:column;padding:35px 30px 22px}.compare-info .eyebrow{color:var(--look-accent);margin-bottom:20px}.compare-info h3{font-family:Barlow Condensed,sans-serif;text-transform:uppercase;font-size:43px;line-height:1.02;letter-spacing:-.015em;margin-bottom:23px}.compare-info>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#c1bcb0}.compare-info .context{margin-top:17px;font-size:11px!important;color:#8e887c!important}.context:empty{display:none}.compare-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:18px;margin-top:30px}.square-button{background:none;border:1px solid #4c463a;width:34px;height:34px;font-size:16px}.square-button:hover{border-color:var(--look-accent);color:var(--look-accent)}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:28px 0 22px}.filters{display:flex;gap:5px}.filters button{padding:10px 14px;color:var(--muted);background:none;border:1px solid transparent;font-size:11px}.filters button span{margin-left:14px;font:9px ui-monospace,monospace;opacity:.6}.filters button.active{color:var(--ink);border-color:#635844}.filters button:hover{color:var(--ink)}.look-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 17px}.look-card{padding:0 0 10px;display:block;text-align:left;background:transparent;border:0;border-bottom:1px solid #393329;color:var(--ink);min-width:0;position:relative}.look-card[aria-pressed=true]{border-bottom:2px solid var(--orange)}.look-card[data-kind=vhs][aria-pressed=true]{border-color:var(--purple)}.look-card .thumb{position:relative;aspect-ratio:4/3;background:#000;overflow:hidden}.look-card img{width:100%;height:100%;object-fit:contain;transition:transform .35s}.look-card:hover img{transform:scale(1.035)}.look-card[aria-pressed=true] .thumb:after{content:'IM VERGLEICH';position:absolute;bottom:8px;left:8px;padding:5px 6px;background:var(--orange);color:#1b130d;font:7px ui-monospace,monospace;letter-spacing:.07em}.look-card[data-kind=vhs][aria-pressed=true] .thumb:after{background:var(--purple)}.card-label{display:flex;justify-content:space-between;gap:12px;margin-top:13px;align-items:baseline;font-size:12px}.card-label span:last-child{font:8px ui-monospace,monospace;color:#867e70}.card-family{font:8px ui-monospace,monospace;color:var(--muted);letter-spacing:.05em;margin-top:7px}.gallery-note{font-size:10px;color:#8e877a;line-height:1.7;max-width:760px;margin-top:24px}.download-section{background:#c95830;color:#19120f;padding:80px 0;overflow:hidden}.download-section .eyebrow{color:#472216}.download-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;align-items:center}.download-layout h2{font-size:clamp(65px,7vw,100px);line-height:.9}.download-layout h2 span{color:#fae5cd}.download-layout>div>p:not(.eyebrow){font-size:14px;line-height:1.8;margin-top:25px;color:#42251c}.download-layout .button{margin-top:28px}.download-meta{display:flex;gap:15px;flex-wrap:wrap;font:9px ui-monospace,monospace;margin-top:19px;color:#572b1d}.package-art{border:1px solid #71361f;background:#1d1914;color:var(--ink);box-shadow:16px 19px 0 #793719;transform:rotate(-2deg)}.package-top{display:flex;align-items:center;gap:15px;padding:26px;border-bottom:1px solid #3c3027;font:10px ui-monospace,monospace;line-height:1.6;letter-spacing:.09em}.package-row{display:flex;align-items:center;gap:18px;padding:28px 25px;border-bottom:1px solid #3c3027}.package-index{align-self:start;margin-top:7px;font:9px ui-monospace,monospace;color:#8f8174}.package-row h3{font:30px Barlow Condensed,sans-serif;line-height:1}.package-row p{font-size:10px;color:#9b8f82;margin-top:7px}.package-dot{width:9px;height:9px;border-radius:50%;margin-left:auto}.package-bottom{display:flex;justify-content:space-between;padding:17px 25px;font:8px ui-monospace,monospace;letter-spacing:.08em;color:#a48e7c}.installation{padding-top:95px;padding-bottom:95px}.install-layout{display:grid;grid-template-columns:.9fr 1.4fr;gap:100px;margin-top:60px}.big-number{font:74px Barlow Condensed,sans-serif;line-height:1;color:#37332b}.install-intro h3{font-size:24px;line-height:1.25;font-weight:400;margin:21px 0 17px;letter-spacing:-.03em}.install-intro>p{font-size:12px;line-height:1.8;color:var(--muted);max-width:340px}.requirement{display:flex;align-items:baseline;margin-top:25px;gap:1px}.requirement p{font:9px ui-monospace,monospace;line-height:1.8;color:#b1a894}.platform-tabs{display:flex;border-bottom:1px solid var(--line);gap:30px;margin-bottom:26px}.platform-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:10px 0 14px;color:var(--muted);font-size:12px}.platform-tabs button[aria-selected=true]{border-color:var(--orange);color:var(--ink)}.install-panel[hidden]{display:none}.install-panel ol{list-style:none;counter-reset:steps;margin:0;padding:0}.install-panel li{counter-increment:steps;position:relative;padding:0 0 22px 37px}.install-panel li:before{content:'0' counter(steps);position:absolute;left:0;top:3px;color:var(--orange);font:9px ui-monospace,monospace}.install-panel li strong{font-size:14px;font-weight:500}.install-panel li p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:7px}.install-panel li b{font-weight:400;color:#dfd6c4}code{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.path-details{border-top:1px solid var(--line);padding-top:16px}.path-details summary{font-size:10px;color:#aca18f;cursor:pointer}.path-details code{display:block;background:#211d16;padding:13px;margin-top:14px;color:#cebc9c;line-height:1.7}.path-details p{font-size:10px;color:var(--muted);line-height:1.7;margin-top:9px}.tutorial-section{padding:85px 0;background:#1c1a16;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tutorial-layout{display:grid;grid-template-columns:.8fr 1.7fr;gap:65px;align-items:start}.tutorial-steps{position:relative}.tutorial-step{display:flex;width:100%;gap:18px;text-align:left;background:none;border:0;border-top:1px solid #3b352b;padding:24px 0;color:#8f877a}.tutorial-step>span{font:10px ui-monospace,monospace;line-height:1.6}.tutorial-step strong{font-size:14px;font-weight:400;line-height:1.4}.tutorial-step p{font-size:10px;line-height:1.6;margin-top:7px;color:#80776a}.tutorial-step.active{color:var(--orange)}.tutorial-step.active p{color:#b8ad9b}.tutorial-progress{height:2px;background:#3f3629;margin-top:1px}.tutorial-progress>span{display:block;width:25%;height:100%;background:var(--orange)}.tutorial-panel{min-width:0}.tutorial-panel figure{background:#12110e;border:1px solid #494033}.tutorial-panel figure img{width:100%;aspect-ratio:16/10;object-fit:contain;background:#100f0d}.tutorial-panel figcaption{display:flex;gap:15px;justify-content:space-between;align-items:center;font:8px ui-monospace,monospace;letter-spacing:.04em;padding:14px 16px;color:#c3b39a;border-top:1px solid #383127}.tutorial-panel figcaption .micro{font-size:8px}.tutorial-panel h3{font-size:20px;font-weight:400;letter-spacing:-.02em;margin:25px 0 12px}.tutorial-panel>p{font-size:12px;line-height:1.9;color:#b5aa98}.tutorial-navigation{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #3a3227;margin-top:23px;padding-top:13px}.tutorial-navigation .text-link{border-bottom:0}.workflow{padding-top:90px;padding-bottom:80px;border-bottom:1px solid var(--line)}.workflow-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end}.workflow-heading h2{font-size:clamp(48px,5vw,73px)}.workflow-heading p{font-size:13px;line-height:1.9;color:var(--muted)}.workflow-heading strong{font-weight:400;color:var(--ink)}.node-flow{display:flex;align-items:center;gap:15px;margin-top:45px}.node-flow>div{flex:1;border:1px solid #524633;min-height:88px;padding:17px 17px;display:flex;flex-direction:column;gap:14px}.node-flow span{font:9px ui-monospace,monospace;color:#9a8569}.node-flow strong{font-size:12px;font-weight:400}.node-flow i{font-style:normal;color:#6d5e46}.node-flow .active{border-color:var(--orange);background:#2b2117}.node-flow .active span{color:var(--orange)}.workflow-note{font-size:11px;color:var(--muted);line-height:1.8;max-width:830px;margin-top:24px}.faq{display:grid;grid-template-columns:.9fr 1.3fr;gap:100px;padding-top:90px;padding-bottom:95px}.faq h2{font-size:clamp(48px,5vw,72px)}.faq-list details{border-top:1px solid var(--line);padding:21px 0}.faq-list summary{font-size:13px;line-height:1.6;cursor:pointer;list-style:none;position:relative;padding-right:30px}.faq-list summary:after{content:'+';position:absolute;right:3px;top:0;color:var(--orange);font-size:17px}.faq-list details[open] summary:after{content:'−'}.faq-list summary::-webkit-details-marker{display:none}.faq-list p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:15px}.faq-list strong{font-weight:400;color:#e2d8c5}.site-footer{border-top:1px solid #594530;padding-top:35px;padding-bottom:25px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:35px}.site-footer>div>p{font:9px ui-monospace,monospace;letter-spacing:.07em;margin-top:17px;color:#877862}.footer-links{display:flex;gap:28px;align-items:start;padding-top:10px;font-size:10px}.footer-links a:hover{color:var(--orange)}.footer-bottom{width:100%;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #30291e;padding-top:21px;font:8px ui-monospace,monospace;letter-spacing:.07em;color:#8d7e65}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}noscript{font-size:13px;line-height:1.7;color:#c9bba3;margin:20px 0;display:block}.nojs-tutorial{line-height:2}
@media(min-width:1600px){.hero-copy h1{font-size:145px}}@media(max-width:1100px){.wrap{padding-left:36px;padding-right:36px}.site-header{padding:0 36px}.hero-copy h1{font-size:10.5vw}.hero-layout{gap:20px}.hero-description{font-size:13px}.hero-actions{gap:17px}.hero-actions .button{gap:22px}.compare-info{padding:25px 23px 18px}.compare-info h3{font-size:36px}.compare-info>p:not(.eyebrow){font-size:12px}.download-layout{gap:50px}.install-layout,.faq{gap:60px}.tutorial-layout{gap:35px}.package-row h3{font-size:25px}.gallery-toolbar>.micro{font-size:8px}.workflow-heading{gap:40px}}
@media(max-width:760px){html{scroll-padding-top:30px}.wrap{padding-left:22px;padding-right:22px}.site-header{height:79px;padding:0 22px}.brand{font-size:17px;gap:8px}.brand img{width:30px;height:30px}.brand small{font-size:7px}.site-header nav{gap:19px;font-size:10px}.site-header nav a:nth-child(2),.site-header nav a:nth-child(3){display:none}.nav-download span{margin-left:8px}.hero{padding-top:23px}.hero-top>.micro{display:none}.hero-layout{grid-template-columns:1fr;padding:35px 0 28px;gap:30px}.hero-copy h1{font-size:clamp(64px,19.7vw,120px)}.hero-description{font-size:13px;margin-top:24px}.hero-actions{margin-top:23px;gap:24px}.hero-figure{max-width:570px;width:100%;margin:5px auto 0;transform:rotate(.8deg)}.hero-bottom{gap:22px;font-size:8px;flex-wrap:wrap}.hero-bottom span:nth-child(3){margin-left:0;flex:1;min-width:130px;text-align:right}.round-arrow{display:none}.families{gap:25px;padding-top:38px;padding-bottom:53px}.families .section-number{font-size:8px;margin-bottom:18px}.families h2{font-size:clamp(33px,7vw,48px)}.families p:not(.section-number){font-size:11px;line-height:1.7;margin:17px 0 12px}.families .text-link{font-size:9px;gap:12px}.explorer{padding-top:50px;padding-bottom:55px}.section-heading{display:block;margin-bottom:27px}.section-heading>p{font-size:12px;margin-top:20px;max-width:450px}.eyebrow{font-size:9px;margin-bottom:20px}h2{font-size:60px}.compare-shell{display:block}.compare-info{padding:23px 20px 18px}.compare-info .eyebrow{margin-bottom:13px}.compare-info h3{font-size:35px;margin-bottom:14px}.compare-info>p:not(.eyebrow){font-size:12px}.compare-info .context{font-size:10px!important;margin-top:10px}.compare-bottom{margin-top:18px;padding-top:14px}.compare-label{top:10px;font-size:8px}.compare-label.before{left:10px}.compare-label.after{right:10px}.gallery-toolbar{gap:12px;align-items:start;flex-direction:column;margin-top:24px}.filters button{padding:8px 12px}.filters button span{margin-left:12px}.look-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.card-label{font-size:11px;gap:5px;margin-top:10px}.card-family{font-size:7px}.gallery-note{font-size:9px;margin-top:22px}.download-section{padding:53px 0 60px}.download-layout{grid-template-columns:1fr;gap:44px}.download-layout h2{font-size:78px}.download-layout>div>p:not(.eyebrow){font-size:13px}.download-meta{font-size:8px;gap:12px}.package-art{max-width:500px;width:calc(100% - 15px);margin:auto;box-shadow:10px 12px 0 #793719;transform:rotate(-1deg)}.package-top{padding:21px}.package-row{padding:23px 21px}.package-row h3{font-size:29px}.installation{padding-top:55px;padding-bottom:55px}.install-layout{grid-template-columns:1fr;gap:30px;margin-top:30px}.big-number{display:none}.install-intro h3{font-size:23px;margin-top:0}.install-intro>p{max-width:500px}.requirement{margin-top:18px}.platform-tabs{margin-bottom:23px}.tutorial-section{padding:50px 0}.tutorial-layout{grid-template-columns:1fr;gap:25px}.tutorial-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}.tutorial-step{padding:16px 0;gap:10px}.tutorial-step>span{font-size:8px}.tutorial-step strong{font-size:12px}.tutorial-step p{font-size:9px;margin-top:5px}.tutorial-progress{grid-column:1/-1}.tutorial-panel figcaption{padding:11px 10px;gap:8px;font-size:7px}.tutorial-panel figcaption .micro{font-size:6px}.tutorial-panel h3{font-size:19px;margin-top:20px}.tutorial-panel>p{font-size:11px}.tutorial-navigation .micro{font-size:8px}.tutorial-navigation .text-link{font-size:10px}.workflow{padding-top:50px;padding-bottom:50px}.workflow-heading{grid-template-columns:1fr;gap:23px}.workflow-heading h2{font-size:55px}.workflow-heading p{font-size:12px}.node-flow{display:grid;grid-template-columns:1fr 20px 1fr;gap:12px;margin-top:27px}.node-flow>div{padding:13px;min-height:80px}.node-flow strong{font-size:10px}.node-flow i:nth-of-type(2){display:none}.node-flow i:nth-of-type(3){grid-column:2;grid-row:2}.node-flow>div:last-child{grid-column:3;grid-row:2}.workflow-note{font-size:10px}.faq{grid-template-columns:1fr;gap:30px;padding-top:50px;padding-bottom:50px}.faq h2{font-size:55px}.faq-list details{padding:18px 0}.faq-list summary{font-size:12px}.faq-list p{font-size:11px}.site-footer{padding-top:25px;gap:28px}.footer-links{font-size:9px;gap:22px;flex-wrap:wrap;padding-top:0}.footer-bottom{flex-direction:column;gap:10px;font-size:7px;padding-top:20px}.button{font-size:11px}.micro{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-figure,.package-art{transform:none}}
.tutorial-shots{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.tutorial-shots[hidden]{display:none}.tutorial-shots button{font:9px ui-monospace,monospace;padding:7px 9px;background:transparent;border:1px solid #514634;color:#a89a84}.tutorial-shots button[aria-pressed=true]{color:var(--orange);border-color:var(--orange)}.guide-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:23px}.guide-links a{font-size:10px;color:#3d2016;border-bottom:1px solid #8f3d20;padding-bottom:4px}.guide-links a:hover{color:#fce7d5}.crop-note{margin-top:27px;padding:19px 22px;border-left:2px solid var(--purple);background:#221e26;font-size:12px;line-height:1.8;color:#b7adbf}.crop-note strong{color:#e2d5ee;font-weight:400}.crop-note p+p{margin-top:9px}
/* Separate collection, product and guide routes. */
.site-header nav a[aria-current=page]{color:var(--orange);border-bottom:1px solid var(--orange)}.theme-vhs{--orange:#b3a1e6}.breadcrumb{display:flex;gap:13px;padding-top:27px;font:9px ui-monospace,monospace;letter-spacing:.05em;color:#8f8675}.breadcrumb a:hover{color:var(--orange)}.breadcrumb [aria-current]{color:#d6cbb7}.product-page .hero{padding-top:24px}.product-page .hero-copy h1{font-size:clamp(87px,10vw,148px)}.product-page .hero-top>.micro{font-size:8px}.collection-section{padding-top:65px;padding-bottom:90px;border-top:1px solid var(--line)}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.product-card{border:1px solid #4b3a2a;background:#1c1914}.product-card-image{display:block;position:relative;aspect-ratio:4/3;background:#000;overflow:hidden}.product-card-image img{width:100%;height:100%;object-fit:contain;transition:transform .5s}.product-card-image:hover img{transform:scale(1.03)}.product-card-image>span{position:absolute;bottom:15px;left:17px;font:9px ui-monospace,monospace;letter-spacing:.08em;padding:7px 9px;background:#1a130fe6;color:var(--orange)}.product-card-copy{padding:31px}.product-card-copy .eyebrow{margin-bottom:17px}.product-card-copy h2{font-size:69px;line-height:.94}.product-card-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted);max-width:400px;margin:22px 0}.product-card-copy .button{margin-top:5px;font-size:11px;gap:24px}.vhs-card{border-color:#4b405d;background:#1b1820}.vhs-card .eyebrow,.vhs-card .product-card-image>span{color:var(--purple)}.vhs-card .button{background:var(--purple)}.vhs-card .button:hover{background:#c8b9ef}.start-guide{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end;padding-top:80px;padding-bottom:90px}.start-guide>div>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.8;max-width:410px}.start-guide .text-link{margin-top:25px}.product-features{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding-top:45px;padding-bottom:65px}.product-features article{border-top:1px solid #493b2a;padding-top:23px}.product-features .eyebrow{margin-bottom:16px;font-size:9px}.product-features h3{font-size:18px;font-weight:400;letter-spacing:-.02em}.product-features p:not(.eyebrow){font-size:12px;line-height:1.8;color:var(--muted);margin-top:14px}.product-page .explorer{padding-top:65px}.product-page .explorer h2{font-size:clamp(55px,6.3vw,91px)}.product-page .gallery-toolbar{padding-top:10px;border-top:1px solid #302a20;margin-top:30px}.product-cta{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:end;padding-top:75px;padding-bottom:90px;border-top:1px solid var(--line)}.product-cta h2{font-size:clamp(55px,6vw,82px)}.product-cta>div>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.8;max-width:480px;margin-top:25px}.product-cta aside{border-top:1px solid #4c3e2d;padding-top:24px;padding-bottom:7px}.product-cta aside p{font-size:12px;color:var(--muted);margin-bottom:18px}.product-cta aside a{display:flex;justify-content:space-between;gap:20px;font:32px Barlow Condensed,sans-serif;text-transform:uppercase}.product-cta aside a:hover{color:var(--orange)}.guide-intro{padding-top:55px;padding-bottom:60px}.guide-intro h1{font-size:clamp(65px,8vw,110px)}.guide-intro>p:not(.eyebrow){max-width:590px;font-size:14px;line-height:1.8;color:var(--muted);margin-top:29px}.guide-jumps{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.guide-jumps a{border:1px solid #5a4630;font-size:10px;padding:12px 15px}.guide-jumps a:hover{color:var(--orange);border-color:var(--orange)}.guide-downloads{display:flex;gap:24px;font-size:10px;margin-top:23px;color:#bca483}.guide-downloads a{border-bottom:1px solid #5a4630;padding-bottom:4px}.guide-page .installation{border-top:1px solid var(--line);padding-top:65px}.guide-page .tutorial-step{padding:19px 0}.guide-page .tutorial-progress>span{width:12.5%}.guide-page .tutorial-panel{position:sticky;top:35px}.guide-page .footer-links,.collection-page .footer-links,.product-page .footer-links{font-size:9px;gap:20px}.range-row label{white-space:nowrap}
@media(max-width:1100px){.site-header nav{gap:21px;font-size:10px}.collection-grid{gap:25px}.product-card-copy{padding:25px}.product-card-copy h2{font-size:59px}.product-card-copy .button{font-size:10px;gap:16px}.product-page .hero-copy h1{font-size:11vw}.product-cta{gap:40px}.start-guide{gap:55px}}
@media(max-width:760px){.site-header{height:auto;min-height:106px;flex-wrap:wrap;padding-top:19px;padding-bottom:13px;gap:17px}.site-header nav{width:100%;justify-content:space-between;gap:12px;font-size:9px}.site-header nav a:nth-child(2),.site-header nav a:nth-child(3){display:block}.site-header nav a{padding:5px 0}.nav-download span{margin-left:4px}.breadcrumb{padding-top:21px;font-size:8px;gap:10px}.product-page .hero{padding-top:22px}.product-page .hero-copy h1{font-size:clamp(72px,18.5vw,112px)}.product-page .hero-top>.micro{display:none}.collection-section{padding-top:45px;padding-bottom:55px}.collection-section h2{font-size:57px}.collection-grid{grid-template-columns:1fr;gap:28px}.product-card-copy{padding:25px}.product-card-copy h2{font-size:61px}.product-card-copy>p:not(.eyebrow){font-size:12px;line-height:1.75;margin:19px 0}.product-card-copy .button{font-size:11px;gap:25px}.start-guide{grid-template-columns:1fr;gap:26px;padding-top:50px;padding-bottom:55px}.start-guide>div>p:not(.eyebrow){font-size:13px}.start-guide .text-link{margin-top:18px}.product-features{grid-template-columns:1fr;gap:24px;padding-top:30px;padding-bottom:40px}.product-features article{padding-top:19px}.product-features .eyebrow{margin-bottom:11px}.product-features h3{font-size:18px}.product-features p:not(.eyebrow){margin-top:10px;font-size:12px}.product-page .explorer{padding-top:45px}.product-page .explorer h2{font-size:clamp(43px,11vw,66px)}.product-page .gallery-toolbar{flex-direction:row;align-items:center}.product-page .gallery-toolbar .micro{font-size:7px}.product-page .range-row{gap:7px;padding:12px 10px;font-size:8px}.product-page .reset-compare{margin-left:2px;font-size:8px}.product-cta{grid-template-columns:1fr;gap:40px;padding-top:50px;padding-bottom:55px}.product-cta h2{font-size:55px}.product-cta>div>p:not(.eyebrow){font-size:12px;margin-top:22px}.product-cta .hero-actions{gap:20px}.product-cta aside a{font-size:30px}.guide-intro{padding-top:37px;padding-bottom:45px}.guide-intro h1{font-size:clamp(50px,13.4vw,78px)}.guide-intro>p:not(.eyebrow){font-size:12px;margin-top:23px}.guide-jumps{gap:8px;margin-top:25px}.guide-jumps a{font-size:9px;padding:10px 12px}.guide-downloads{font-size:9px;gap:18px}.guide-page .installation{padding-top:45px}.guide-page .tutorial-step{padding:16px 0}.guide-page .tutorial-panel{position:static}.guide-page .footer-links,.collection-page .footer-links,.product-page .footer-links{gap:17px;line-height:1.8;font-size:9px}.guide-page .tutorial-section h2{font-size:clamp(40px,10.8vw,61px)}}
@media(max-width:760px){.site-header nav a:nth-child(n){min-height:32px;display:flex;align-items:center}}
