:root{--ink:#1d1c18;--coal:#24231f;--muted:#706d62;--paper:#f2eddf;--light:#faf7ee;--sand:#d7cbb4;--olive:#777661;--red:#b63828;--line:#c9c0ae;--sans:"DM Sans",sans-serif;--serif:"Instrument Serif",Georgia,serif;--shadow:0 26px 70px rgba(48,42,31,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 var(--sans)}.grain{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.035;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='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:3px solid var(--red);outline-offset:4px}
.site-header{height:72px;padding:0 clamp(20px,4vw,64px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(242,237,223,.94);backdrop-filter:blur(14px);position:sticky;top:72px;z-index:20}.brand{font:31px/1 var(--serif);letter-spacing:-1px;color:var(--ink);text-decoration:none}.brand b{font-weight:400;color:var(--red)}.brand-mark{display:inline-flex;width:54px;height:54px;border-radius:15px;overflow:hidden;background:var(--sand);transition:transform .22s ease,box-shadow .22s ease}.brand-mark:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(29,28,24,.2)}.brand-mark img{display:block;width:100%;height:100%;object-fit:cover}.brand-mark--footer{width:76px;height:76px;border-radius:20px}.site-header nav{display:flex;gap:28px}.site-header nav a{color:var(--ink);font-size:10px;font-weight:600;letter-spacing:.12em;text-decoration:none;text-transform:uppercase;position:relative}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--red);transition:.25s}.site-header nav a:hover:after{right:0}.site-header nav span{display:inline-grid;place-items:center;min-width:16px;height:16px;border:1px solid var(--red);color:var(--red);font-size:8px;margin-left:4px}.text-link{justify-self:end;color:inherit;text-decoration:none;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.hero{max-width:1480px;min-height:0;margin:auto;padding:clamp(20px,3vw,36px) clamp(18px,5vw,72px);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(280px,.62fr);gap:3vw;align-items:center;position:relative}.hero:before{content:"LOOK / CRAFT";position:absolute;left:15px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);font-size:8px;letter-spacing:.34em;color:#8d887b}.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:.22em;color:var(--muted);display:flex;align-items:center;gap:12px}.eyebrow span{width:42px;height:1px;background:var(--red)}.hero h1{font:400 clamp(32px,4.4vw,52px)/1.05 var(--serif);letter-spacing:-.03em;margin:16px 0 14px;max-width:720px}.hero h1 em{font-weight:400;color:var(--red)}.hero-copy{max-width:590px;font-size:clamp(16px,1.4vw,20px);color:#565349;line-height:1.65}.hero-actions{display:flex;gap:0;margin:20px 0 24px}.button{border:1px solid var(--ink);border-radius:0;padding:15px 19px;font:600 10px var(--sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.22s}.button.primary{background:var(--ink);color:var(--light)}.button.primary span{margin-left:34px}.button.ghost{background:transparent;color:var(--ink)}.button:hover{background:var(--red);border-color:var(--red);color:#fff}.hero-meta{display:flex;gap:0;border-top:1px solid var(--line);max-width:690px}.hero-meta span{font-size:8px;letter-spacing:.09em;text-transform:uppercase;padding:13px 18px 0 0;margin-right:18px;border-right:1px solid var(--line)}.hero-meta span:last-child{border:0}.hero-product{aspect-ratio:4/3;max-height:280px;background:#cfc4ae;position:relative;display:grid;place-items:center;border:1px solid #aaa18f}.hero-product:before{content:"";position:absolute;inset:12px;border:1px solid rgba(29,28,24,.25)}.hero-product img{width:94%;height:67%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 36px 27px rgba(27,24,18,.3));transform:rotate(-3deg);animation:reveal .8s both}.hero-product .frame-label{position:absolute;left:25px;top:24px;font:600 8px var(--sans);letter-spacing:.18em}.hero-product p{position:absolute;left:25px;bottom:23px;margin:0;font:italic 17px/1.15 var(--serif)}.hero-product b{position:absolute;right:24px;bottom:15px;font:400 72px/1 var(--serif);color:rgba(29,28,24,.18)}.crop-mark{position:absolute;width:25px;height:25px;z-index:3}.crop-mark:before,.crop-mark:after{content:"";position:absolute;background:var(--red)}.crop-mark:before{width:25px;height:1px;top:12px}.crop-mark:after{width:1px;height:25px;left:12px}.crop-a{right:-13px;top:56px}.crop-b{left:-13px;bottom:80px}
.quiz-section,.catalog-section,.compare-section{padding:clamp(78px,9vw,132px) clamp(20px,6vw,90px)}.quiz-section{background:#d8cdb7;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 31px,rgba(66,59,45,.035) 32px)}.section-heading{max-width:1280px;margin:0 auto 56px;display:grid;grid-template-columns:1.25fr .75fr;gap:9vw}.section-heading h2{font:400 clamp(50px,6vw,84px)/.91 var(--serif);letter-spacing:-.03em;margin:10px 0 0}.section-heading>p{align-self:end;color:var(--muted);max-width:470px}.index{color:var(--red);font:italic 20px var(--serif);float:left;margin-right:18px}.kicker{margin:3px 0;font-size:9px;text-transform:uppercase;letter-spacing:.2em;font-weight:600}.quiz-shell{max-width:1180px;min-height:570px;margin:auto;background:var(--light);padding:30px clamp(24px,5vw,68px);box-shadow:var(--shadow);border:1px solid #beb39d;display:flex;flex-direction:column;position:relative}.quiz-shell:before{content:"LC—QUESTIONNAIRE / 01";position:absolute;right:20px;top:14px;font-size:7px;letter-spacing:.2em;color:#8a8478}.quiz-progress{display:flex;align-items:center;gap:20px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.15em}.quiz-progress>div{height:2px;background:var(--line);flex:1}.quiz-progress i{display:block;height:100%;background:var(--red);transition:width .4s}.quiz-panel{flex:1;display:flex;justify-content:center;flex-direction:column;animation:appear .3s ease}.quiz-panel h3{font:400 clamp(38px,4.6vw,64px)/.98 var(--serif);margin:0 0 8px;max-width:850px}.quiz-panel>p{color:var(--muted);margin-bottom:30px}.options{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);counter-reset:answer}.option{counter-increment:answer;min-height:120px;text-align:left;padding:38px 17px 17px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:600 12px var(--sans);cursor:pointer;transition:.2s;position:relative}.option:before{content:"0" counter(answer);position:absolute;top:12px;left:17px;color:var(--red);font:italic 14px var(--serif)}.option small{display:block;color:var(--muted);font-weight:400;margin-top:6px;line-height:1.4}.option:hover,.option.selected{background:#e8dfcc;box-shadow:inset 0 -4px var(--red)}.quiz-nav{display:flex;justify-content:space-between;padding-top:16px}.small-button{border:0;background:none;color:var(--muted);font:600 9px var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:8px 0;cursor:pointer}.small-button:hover{color:var(--red)}.small-button:disabled{opacity:.3}.results-wrap h3{font:400 clamp(38px,4vw,60px) var(--serif);margin:0 0 24px}.result-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.quiz-result{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px;background:transparent}.quiz-result .rank{font-size:8px;color:var(--red);text-transform:uppercase;letter-spacing:.14em}.quiz-result-visual{height:92px;margin:12px 0 8px;display:grid;place-items:center;background:#e8dfcc;border:1px solid var(--line)}.quiz-result-visual img{height:78px;width:auto;max-width:92%;object-fit:contain}.quiz-result h4{font:400 27px var(--serif);margin:8px 0 7px}.quiz-result-tagline{font:italic 15px/1.25 var(--serif);color:var(--ink);margin:0 0 8px}.quiz-result-why,.quiz-result p{font-size:11px;color:var(--muted);min-height:0;margin:0 0 10px}.compare-picks{margin:22px 0 0;width:100%}
.catalog-section{background:var(--paper)}.compact{margin-bottom:36px}.chip-rows{max-width:1280px;margin:0 auto 22px}.brand-chips{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--ink)}.look-chips{border-top:0}.brand-chip,.look-chip{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;padding:12px 24px;font:600 9px var(--sans);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.brand-chip.active,.brand-chip:hover,.look-chip.active,.look-chip:hover{background:var(--ink);color:var(--light)}.filter-bar{max-width:1280px;margin:0 auto 42px;display:grid;grid-template-columns:1.7fr repeat(4,1fr) auto;background:var(--light);border:1px solid var(--line)}.filter-bar label{padding:9px 14px;border-right:1px solid var(--line);font-size:7px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}.filter-bar input,.filter-bar select{display:block;width:100%;border:0;background:transparent;color:var(--ink);font:500 11px var(--sans);margin-top:5px;outline:none}.search-field{position:relative}.search-field i{position:absolute;right:18px;bottom:8px;font:20px var(--serif)}.filter-reset{border:0;background:none;color:var(--red);font:600 8px var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:0 15px;cursor:pointer}.camera-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);counter-reset:contact}.camera-card{counter-increment:contact;background:var(--light);overflow:hidden;transition:.25s;position:relative}.camera-card:hover{z-index:2;box-shadow:var(--shadow)}.card-top{height:51px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;border-bottom:1px solid var(--line)}.contact-number:after{content:"0" counter(contact);display:grid;place-items:center;width:50px;height:50px;border-right:1px solid var(--line);color:var(--red);font:italic 16px var(--serif)}.brand-pill,.camera-type{font-size:8px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.brand-pill{padding-left:14px}.compare-toggle{height:50px;border:0;border-left:1px solid var(--line);background:transparent;padding:0 14px;font:600 8px var(--sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.compare-toggle:hover,.compare-toggle[aria-pressed=true]{background:var(--red);color:#fff}.camera-visual{height:300px;background:#d8cfbd;position:relative;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--line)}.camera-visual:after{content:"";position:absolute;width:36px;height:1px;background:var(--red);right:12px;top:18px;box-shadow:0 6px 0 rgba(182,56,40,.4)}.camera-image{width:88%;height:86%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 25px 19px rgba(31,27,20,.22));transition:transform .4s}.camera-card:hover .camera-image{transform:scale(1.055) rotate(-1deg)}.model-watermark{position:absolute;left:13px;bottom:-12px;color:rgba(29,28,24,.07);font:400 78px var(--serif);white-space:nowrap}.image-fallback{display:none}.camera-visual.image-error .image-fallback{display:grid;place-items:center}.camera-visual.image-error .camera-image{display:none}.mini-camera{width:160px;height:96px;background:var(--coal);position:relative}.mini-camera:before{content:"";position:absolute;width:55px;height:20px;background:var(--coal);left:15px;top:-14px}.mini-camera i{position:absolute;width:80px;height:80px;border:15px solid #3d3a33;background:#111;border-radius:50%;left:41px;top:8px}.mini-camera span{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--red);right:16px;top:15px}.card-copy{padding:22px}.camera-type{color:var(--red);margin:0}.card-copy h3{font:400 32px/1 var(--serif);margin:7px 0 10px}.camera-tagline{font-size:11px;color:var(--muted);line-height:1.55;min-height:38px}.spec-row{display:flex;gap:0;flex-wrap:wrap;margin:17px 0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.spec-row span{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px 8px;font-size:7px;letter-spacing:.05em;text-transform:uppercase}.card-bottom{display:flex;align-items:end;justify-content:space-between;gap:10px;padding-top:15px;border-top:1px solid var(--line)}.budget{font:italic 17px var(--serif)}.budget small{display:block;font:7px var(--sans);color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.amazon-link{background:var(--ink);color:var(--light);text-decoration:none;padding:11px 12px;font-size:8px;letter-spacing:.04em;white-space:nowrap}.amazon-link:hover{background:var(--red)}.empty-state{max-width:1280px;margin:auto;padding:60px;text-align:center;background:var(--light);border:1px solid var(--line)}
.compare-section{background:var(--coal);color:var(--light);position:relative}.compare-section:before{content:"35 MM / CONTACT SHEET";position:absolute;right:5vw;top:35px;color:#7b786d;font-size:8px;letter-spacing:.25em}.inverse>p{color:#aaa69a}.compare-scroll{overflow-x:auto}.compare-empty{border-top:1px solid #555147;border-bottom:1px solid #555147;padding:55px;text-align:center;color:#aaa69a}.compare-table{width:100%;min-width:700px;border-collapse:collapse}.compare-table th,.compare-table td{padding:16px;border:1px solid #4d4a42;text-align:left}.compare-table th{font:400 24px var(--serif)}.compare-table td:first-child{color:#aaa69a;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.affiliate-note{padding:50px clamp(20px,6vw,90px);display:grid;grid-template-columns:1fr 4fr;gap:25px;border-bottom:1px solid var(--line)}.affiliate-note span{font-size:9px;color:var(--red);text-transform:uppercase;letter-spacing:.17em}.affiliate-note p{margin:0;color:var(--muted);max-width:900px}footer{padding:34px clamp(20px,4vw,64px);display:flex;justify-content:space-between;align-items:center}footer p{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}footer div{display:flex;gap:18px}footer a{color:inherit;text-decoration:none;font-size:10px}
.compare-dock{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:30;width:min(780px,calc(100% - 28px));background:rgba(35,34,30,.97);color:var(--light);border:1px solid #514d43;border-left:5px solid var(--red);padding:12px 13px 12px 18px;display:flex;align-items:center;gap:16px;box-shadow:0 20px 55px rgba(20,18,14,.38);animation:dockIn .3s ease}.compare-dock>div{flex:1;min-width:0}.compare-dock strong{font:400 18px var(--serif);display:block}.compare-dock #dockNames{display:block;font-size:8px;color:#aaa69a;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compare-dock button{border:0;background:none;color:#aaa69a;font:600 8px var(--sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.compare-dock .dock-action{background:var(--red);color:#fff;padding:11px 14px}.compare-dock .dock-action span{margin-left:12px}
@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes reveal{from{opacity:0;transform:scale(.94) rotate(-5deg)}to{opacity:1;transform:rotate(-3deg)}}@keyframes dockIn{from{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:1050px){.hero{grid-template-columns:1fr .75fr;gap:3vw}.hero h1{font-size:clamp(28px,4.6vw,44px)}.camera-grid{grid-template-columns:repeat(2,1fr)}.filter-bar{grid-template-columns:repeat(3,1fr)}.options{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.site-header{height:52px;top:52px;grid-template-columns:1fr auto}.site-header nav{display:none}.text-link{font-size:8px}.hero{min-height:auto;display:block;padding:18px 16px 20px}.hero:before{display:none}.hero h1{font-size:26px;margin-top:8px}.hero-actions{flex-direction:column;margin-bottom:38px}.hero-meta{display:grid;grid-template-columns:1fr}.hero-meta span{border-right:0;border-bottom:1px solid var(--line);padding:10px 0;margin:0}.hero-product{margin-top:50px;aspect-ratio:4/4.5}.hero-product p{font-size:15px}.quiz-section,.catalog-section,.compare-section{padding:72px 16px}.section-heading{grid-template-columns:1fr;gap:15px}.section-heading h2{font-size:49px}.quiz-shell{padding:24px 14px;min-height:650px}.options{grid-template-columns:1fr}.option{min-height:82px}.result-list{grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}.brand-chip{padding:11px 14px}.camera-grid{grid-template-columns:1fr}.camera-visual{height:280px}.affiliate-note{grid-template-columns:1fr;padding:38px 18px}footer{flex-wrap:wrap;gap:18px}footer p{order:3;width:100%}.compare-dock{bottom:8px}.compare-dock #dockNames{max-width:170px}.compare-dock .dock-action span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.embed-mode .global-nav,.embed-mode .site-header,.embed-mode footer,.embed-mode .affiliate-note{display:none}.embed-mode .hero{min-height:0;padding:16px 18px 8px}.embed-mode .hero-product{max-height:200px;aspect-ratio:16/10}.embed-mode .hero-actions{margin:12px 0 16px}.embed-mode .compare-dock{bottom:10px}
.compare-section .index{color:#f08a78}
.compare-section{padding-bottom:calc(clamp(78px,9vw,132px) + 96px)}
.spec-sheet{margin:0 0 16px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.spec-sheet>div{padding:8px 10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}
.spec-sheet dt{margin:0;font:600 7px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.spec-sheet dd{margin:5px 0 0;font:500 12px/1.35 var(--sans);color:var(--ink)}
.camera-tagline{min-height:0}
.compare-table td:not(:first-child){font-size:13px;line-height:1.4}
.compare-table th,.compare-table td{padding:12px 14px}
.press-source{max-width:1280px;margin:-28px auto 22px;color:var(--muted);font-size:12px;line-height:1.5}
.press-pill{display:inline-block;margin:0 0 12px;padding:6px 10px;border:1px solid var(--red);color:var(--red);font:600 8px var(--sans);letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
.press-pill--hot{background:var(--red);color:#fff}
.press-pill:hover{background:var(--ink);border-color:var(--ink);color:var(--light)}
.quiz-result .press-pill{margin:0 0 8px}
.compare-table a{color:#f3d4cc}
@media(max-width:700px){.spec-sheet{grid-template-columns:1fr}}