.vintage-hero{position:relative;padding:62px 0 78px;overflow:hidden;background:linear-gradient(180deg,#faf5eb 0%,#f5eee4 72%,#f8f8fc 100%)}.vintage-hero:before,.vintage-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.vintage-hero:before{top:70px;left:-150px;width:390px;height:390px;background:radial-gradient(circle,rgba(207,122,65,.16),transparent 70%)}.vintage-hero:after{right:-130px;bottom:200px;width:430px;height:430px;background:radial-gradient(circle,rgba(96,74,118,.12),transparent 70%)}.grain-page{position:absolute;inset:0;opacity:.16;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E")}.hero-copy{position:relative;z-index:1;text-align:center}.crumbs{display:flex;justify-content:center;gap:9px;margin-bottom:24px;color:#81756e;font-size:.82rem}.crumbs a{color:#9c4f32;font-weight:800}.vintage-hero .eyebrow{color:#8b4b34;background:rgba(255,255,255,.64);border:1px solid rgba(126,73,48,.12)}.vintage-hero .eyebrow-dot{background:#c56d42}.vintage-hero h1{max-width:980px;color:#2d2928;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,7vw,5.8rem);font-weight:700;letter-spacing:-.055em}.warm-text{color:#a85335;font-style:italic}.vintage-hero .lead{max-width:760px;color:#6f645e}.trust-row{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:20px}.trust-row span{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(84,61,49,.1);border-radius:999px;color:#675c55;background:rgba(255,255,255,.56);font-size:.76rem;font-weight:760}.trust-row i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;color:#fff;background:#64836b;font-size:.61rem;font-style:normal}
.film-lab{position:relative;z-index:1;margin-top:44px;overflow:hidden;border:1px solid rgba(66,48,39,.16);border-radius:28px;background:#fffdf8;box-shadow:0 35px 90px rgba(75,50,37,.17)}.lab-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:78px;padding:13px 19px 13px 24px;border-bottom:1px solid rgba(82,61,48,.13);background:linear-gradient(90deg,#fffdf8,#f7efe4)}.lab-title,.lab-title>span:last-child,.panel-heading>div,.panel-subheading,.preview-heading>div{display:flex;align-items:center}.lab-title{gap:13px}.lab-title>span:last-child{align-items:flex-start;flex-direction:column}.lab-title strong,.panel-heading strong,.panel-subheading strong,.preview-heading strong{color:#37302c;font-size:.86rem}.lab-title small,.panel-heading small,.panel-subheading small,.preview-heading small{margin-top:3px;color:#877a73;font-size:.68rem}.reel-icon{position:relative;width:37px;height:37px;border:3px solid #a95736;border-radius:50%;background:#ead1b6;box-shadow:inset 0 0 0 3px #fff8ec}.reel-icon:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;transform:translate(-50%,-50%);border-radius:50%;background:#a95736}.reel-icon i{position:absolute;width:8px;height:8px;border-radius:50%;background:#a95736}.reel-icon i:nth-child(1){top:5px;left:12px}.reel-icon i:nth-child(2){top:12px;right:5px}.reel-icon i:nth-child(3){bottom:5px;left:12px}.reel-icon i:nth-child(4){top:12px;left:5px}.top-actions{display:flex;gap:8px}.quiet-button,.upload-button,.reset-button,.shuffle-button,.compare-button,.download-button{font:inherit;cursor:pointer}.quiet-button,.upload-button{min-height:42px;padding:0 15px;border-radius:11px;font-size:.75rem;font-weight:800}.quiet-button{color:#695d56;background:#fff;border:1px solid rgba(74,56,46,.14)}.upload-button{color:#fff;background:#9e5034;box-shadow:0 9px 22px rgba(134,63,39,.22)}.upload-button:hover{background:#ad5b3d;transform:translateY(-1px)}
.lab-grid{display:grid;grid-template-columns:380px minmax(0,1fr)}.control-panel{padding:24px;border-right:1px solid rgba(82,61,48,.13);background:#fffdf9}.panel-heading,.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.panel-heading>div,.preview-heading>div,.panel-subheading{gap:10px}.panel-heading>div>span:last-child,.preview-heading>div>span:last-child,.panel-subheading>span:last-child{display:flex;align-items:flex-start;flex-direction:column}.step-number{display:grid;place-items:center;flex:0 0 auto;width:31px;height:31px;border-radius:50%;color:#9e5034;background:#f4e4d4;font-family:Georgia,serif;font-size:.68rem;font-weight:900}.reset-button{min-height:33px;padding:0 10px;border:0;border-radius:9px;color:#81736c;background:#f3ede7;font-size:.7rem;font-weight:800}.reset-button:hover{color:#9e5034;background:#efe1d4}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.preset{display:flex;align-items:center;gap:9px;min-width:0;padding:6px;border:1px solid rgba(76,57,47,.12);border-radius:13px;color:#554b46;background:#fff;cursor:pointer;text-align:left;transition:.2s}.preset:hover{transform:translateY(-2px);border-color:rgba(158,80,52,.3)}.preset.active{border-color:#a55538;box-shadow:0 0 0 3px rgba(158,80,52,.09)}.preset-photo{display:block;flex:0 0 auto;width:55px;height:51px;border-radius:9px;background:url("../assets/image-filter-previewer-og.jpeg") center/cover}.preset-photo.amber{filter:sepia(.48) saturate(.86) contrast(.94) brightness(1.05)}.preset-photo.instant{filter:sepia(.16) saturate(.85) contrast(.94) brightness(1.08)}.preset-photo.matinee{filter:sepia(.22) saturate(.78) contrast(1.1) hue-rotate(-8deg)}.preset-photo.postcard{filter:sepia(.25) saturate(1.15) contrast(.94) brightness(1.06)}.preset-photo.faded{filter:sepia(.2) saturate(.68) contrast(.82) brightness(1.12)}.preset-photo.silver{filter:grayscale(.82) sepia(.14) contrast(1.14)}.preset>span:last-child,.preset strong,.preset small{display:block;min-width:0}.preset strong{overflow:hidden;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.preset small{margin-top:2px;color:#938780;font-size:.6rem}.shuffle-button{width:100%;min-height:40px;margin-top:10px;border:1px dashed rgba(158,80,52,.34);border-radius:11px;color:#985037;background:#f9efe5;font-size:.73rem;font-weight:820}.shuffle-button:hover{background:#f4e3d3}.shuffle-button span{color:#d09143}.panel-divider{height:1px;margin:22px 0;background:rgba(82,61,48,.12)}.panel-subheading{display:flex;margin-bottom:18px}.controls{display:grid;gap:15px}.range-control{display:grid;gap:8px}.range-control>span{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#665b55;font-size:.73rem;font-weight:800}.range-control output{min-width:46px;padding:4px 6px;border-radius:7px;color:#8c452f;background:#f5e7da;text-align:center;font-size:.66rem}.range-control input{--value:50%;width:100%;height:5px;margin:0;border-radius:999px;background:linear-gradient(90deg,#aa5b3d 0 var(--value),#e8dfd8 var(--value) 100%);appearance:none;cursor:pointer}.range-control input::-webkit-slider-thumb{width:17px;height:17px;border:3px solid #fff;border-radius:50%;background:#a95738;box-shadow:0 2px 8px rgba(88,48,33,.28);appearance:none}.range-control input::-moz-range-thumb{width:11px;height:11px;border:3px solid #fff;border-radius:50%;background:#a95738;box-shadow:0 2px 8px rgba(88,48,33,.28)}.range-control input:focus-visible{outline:3px solid rgba(169,87,56,.2);outline-offset:5px}
.preview-panel{min-width:0;padding:24px;background:linear-gradient(145deg,#eee5db,#e8ddd2)}.preview-heading{margin-bottom:17px}.era-badge{padding:7px 10px;border:1px solid rgba(77,48,33,.18);border-radius:7px;color:#77432f;background:#f3dcc0;font:900 .64rem/1 ui-monospace,Consolas,monospace;letter-spacing:.08em;transform:rotate(1deg)}.photo-stage{--split:50%;--grain:.32;--vignette:.28;--dust:.16;--warm:.12;position:relative;display:grid;place-items:center;min-height:590px;overflow:hidden;border:10px solid #fdf9ee;border-bottom-width:38px;border-radius:4px;background:#c9b8a9;box-shadow:0 18px 42px rgba(63,42,31,.24),inset 0 0 0 1px rgba(61,41,31,.12);isolation:isolate}.original-photo,.after-layer{position:absolute;inset:0;width:100%;height:100%}.original-photo,.vintage-photo{width:100%;height:100%;object-fit:contain}.after-layer{z-index:2;overflow:hidden;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.vintage-photo{display:block}.after-layer>span{position:absolute;inset:0;pointer-events:none}.warm-overlay{opacity:var(--warm);background:#b35c25;mix-blend-mode:soft-light}.grain-overlay{opacity:var(--grain);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.vignette-overlay{opacity:var(--vignette);background:radial-gradient(ellipse at center,transparent 46%,rgba(30,17,10,.9) 100%);mix-blend-mode:multiply}.dust-overlay{opacity:var(--dust);background-image:radial-gradient(circle at 18% 22%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 73% 68%,#22150f 0 1px,transparent 1.6px),radial-gradient(circle at 44% 81%,#fff 0 1px,transparent 1.5px),linear-gradient(88deg,transparent 38%,rgba(255,255,255,.55) 38.15%,transparent 38.4%);background-size:87px 91px,113px 107px,137px 131px,260px 100%;mix-blend-mode:soft-light}.compare-line{position:absolute;z-index:5;top:0;bottom:0;left:var(--split);width:2px;transform:translateX(-1px);background:#fff;box-shadow:0 0 0 1px rgba(31,20,15,.18),0 0 16px rgba(31,20,15,.2);pointer-events:none}.compare-line i{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:40px;height:40px;transform:translate(-50%,-50%);border:4px solid #fff;border-radius:50%;color:#984a31;background:#fff;box-shadow:0 8px 20px rgba(40,24,17,.25);font-style:normal;font-weight:900}.compare-range{position:absolute;z-index:7;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.compare-label{position:absolute;z-index:4;top:15px;padding:7px 9px;border-radius:4px;color:#fff;background:rgba(45,31,25,.68);font-size:.61rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(5px);pointer-events:none}.before-label{left:15px}.after-label{right:15px}.drop-overlay{position:absolute;z-index:10;inset:12px;display:none;place-items:center;align-content:center;gap:8px;border:2px dashed #9d5135;color:#81422d;background:rgba(253,247,236,.94);text-align:center;pointer-events:none}.drop-icon{font-size:2rem}.photo-stage.dragging .drop-overlay{display:grid}.photo-stage.single .original-photo,.photo-stage.single .compare-line,.photo-stage.single .compare-range,.photo-stage.single .compare-label{display:none}.photo-stage.single .after-layer{clip-path:none}.date-stamp{position:absolute;z-index:6;right:18px;bottom:13px;color:#e7b47e;font:900 .73rem/1 ui-monospace,Consolas,monospace;letter-spacing:.05em;text-shadow:0 1px rgba(70,37,25,.45);pointer-events:none}.film-flash{position:absolute;z-index:9;inset:-20%;opacity:0;transform:translateX(-100%) rotate(13deg);background:linear-gradient(90deg,transparent,rgba(255,185,105,.62),rgba(255,245,204,.8),transparent);pointer-events:none}.photo-stage.developing .film-flash{animation:develop .75s ease-out}.photo-stage.demo .original-photo,.photo-stage.demo .vintage-photo{object-fit:cover;object-position:72% center}.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:13px}.preview-footer p{margin:0;color:#74675f;font-size:.68rem;font-weight:750}.preview-footer>div{display:flex;gap:8px}.compare-button,.download-button{min-height:41px;padding:0 14px;border-radius:10px;font-size:.72rem;font-weight:850}.compare-button{border:1px solid rgba(78,58,47,.15);color:#685d56;background:#fffaf2}.compare-button[aria-pressed=true]{color:#934930;border-color:rgba(158,80,52,.28);background:#f7e9dc}.download-button{border:0;color:#fff;background:#2f2a28;box-shadow:0 8px 20px rgba(45,38,35,.2)}.download-button:hover{transform:translateY(-1px);background:#433b37}
.content-section{padding:74px 0}.content-section.alt{border-block:1px solid rgba(31,34,62,.06);background:rgba(255,255,255,.5)}.content{max-width:1000px}.section-kicker{margin-bottom:9px;color:#a45437;font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.content>h2,.guide-copy h2{margin:0 0 13px;color:#302b29;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em}.content>p,.guide-copy p{max-width:760px;margin:0;color:var(--muted);line-height:1.75}.benefit-grid,.try-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:30px}.benefit-card,.try-card{padding:23px;border:1px solid var(--border);border-radius:19px;background:#fff;box-shadow:0 12px 34px rgba(53,49,110,.06)}.benefit-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:16px;border-radius:50%;color:#9a4d32;background:#f3e1cf;font-family:Georgia,serif;font-size:.7rem;font-weight:900}.benefit-card h3{margin:0 0 8px;font-size:1rem}.benefit-card p{margin:0;color:var(--muted);font-size:.85rem;line-height:1.65}.steps{display:grid;gap:13px;margin:28px 0 0;padding:0;list-style:none}.steps li{display:flex;gap:16px;padding:19px;border:1px solid var(--border);border-radius:17px;background:rgba(255,255,255,.82)}.steps li>span{display:grid;place-items:center;flex:0 0 auto;width:37px;height:37px;border-radius:50%;color:#fff;background:#a65335;font-family:Georgia,serif;font-size:.73rem;font-weight:900}.steps strong{display:block;margin:2px 0 5px}.steps p{margin:0;color:var(--muted);line-height:1.6}.film-guide{background:#2f2a28;color:#fff}.film-guide .section-kicker{color:#e4ad79}.film-guide .guide-copy h2{color:#fff}.film-guide .guide-copy p{color:#c9bfba}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:31px}.guide-grid article{padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.045)}.guide-grid h3{margin:13px 0 7px;color:#fff;font-size:.88rem}.guide-grid p{margin:0;color:#bbb0aa;font-size:.77rem;line-height:1.6}.swatch{display:block;width:100%;height:64px;border-radius:10px}.swatch.warm{background:linear-gradient(135deg,#edb267,#a45135 58%,#493b49)}.swatch.faded{background:linear-gradient(135deg,#ddd0b8,#a9a082 54%,#716b68);filter:contrast(.8)}.swatch.texture{background-color:#b9aa93;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.swatch.vignette{background:radial-gradient(circle,#c59362,#6d4938 58%,#211a18)}.faq{display:grid;gap:10px;margin-top:28px}.faq details{border:1px solid var(--border);border-radius:15px;background:#fff}.faq summary{padding:18px 48px 18px 19px;font-weight:800;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;margin-right:-28px;color:#a45437;font-size:1.2rem}.faq details[open] summary:after{content:"\2212"}.faq details p{margin:0;padding:0 19px 19px;color:var(--muted);line-height:1.7}.try-card{display:flex;align-items:center;gap:13px;padding:19px;transition:.22s}.try-card:hover{transform:translateY(-4px);border-color:rgba(164,84,55,.25);box-shadow:0 18px 40px rgba(53,49,110,.11)}.try-icon{display:grid;place-items:center;flex:0 0 auto;width:45px;height:45px;border-radius:50%;color:#9a4d32;background:#f3e1cf;font-size:.68rem;font-weight:900}.try-card>span:last-child,.try-card strong{display:block}.try-card>span:last-child>span{margin-top:4px;color:var(--muted);font-size:.79rem;line-height:1.45}.toast{position:fixed;z-index:100;right:22px;bottom:22px;padding:12px 16px;opacity:0;transform:translateY(12px);border-radius:10px;color:#fff;background:#322b28;box-shadow:0 15px 35px rgba(23,24,42,.25);font-size:.8rem;font-weight:780;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateY(0)}@keyframes develop{0%{opacity:0;transform:translateX(-100%) rotate(13deg)}30%{opacity:1}100%{opacity:0;transform:translateX(100%) rotate(13deg)}}
@media(max-width:1000px){.lab-grid{grid-template-columns:340px minmax(0,1fr)}.control-panel,.preview-panel{padding:20px}.photo-stage{min-height:520px}.preset-photo{width:48px}}@media(max-width:840px){.lab-grid{grid-template-columns:1fr}.control-panel{border-right:0;border-bottom:1px solid rgba(82,61,48,.13)}.preset-grid{grid-template-columns:repeat(3,1fr)}.photo-stage{min-height:520px}.guide-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.vintage-hero{padding:46px 0 58px}.film-lab{margin-top:34px;border-radius:20px}.lab-topbar{align-items:flex-start;flex-direction:column;padding:15px}.top-actions{width:100%}.quiet-button,.upload-button{flex:1}.control-panel,.preview-panel{padding:15px}.preset-grid{grid-template-columns:1fr 1fr}.photo-stage{min-height:390px;border-width:7px;border-bottom-width:31px}.preview-footer{align-items:stretch;flex-direction:column}.preview-footer>div{display:grid;grid-template-columns:1fr 1.2fr}.benefit-grid,.try-grid{grid-template-columns:1fr}.content-section{padding:56px 0}.guide-grid{grid-template-columns:1fr}.date-stamp{right:10px;bottom:9px}.vintage-hero h1{font-size:clamp(2.8rem,15vw,4.7rem)}}@media(max-width:410px){.preset-photo{width:43px;height:45px}.photo-stage{min-height:330px}.preview-heading{align-items:flex-start}.era-badge{margin-top:4px}.compare-button,.download-button{padding:0 8px}.panel-heading small,.preview-heading small{display:none}}@media(prefers-reduced-motion:reduce){.film-flash{display:none}.preset,.upload-button,.download-button,.try-card{transition:none}}