:root{--paper:#f6f3ec;--panel:#fffdf8;--ink:#17201e;--muted:#65706c;--line:#d8d1c4;--accent:#a8402e;--blue:#1d5fa7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,Times New Roman,serif}a{color:inherit}button,input,select{font:inherit}.site-shell{width:min(1120px,calc(100% - 32px));margin-inline:auto}.skip-link{position:absolute;top:-60px;left:12px;z-index:2000;padding:10px 14px;background:var(--ink);color:white}.skip-link:focus{top:10px}.shared-site-header__rail{position:sticky;top:0;z-index:50;height:76px;pointer-events:none}.shared-site-header{display:flex;width:min(1120px,calc(100% - 32px));min-height:76px;padding-block:12px;margin:auto;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);pointer-events:auto;transition:width .18s ease,min-height .18s ease,padding .18s ease,transform .18s ease,border-color .18s ease,border-radius .18s ease,background-color .18s ease,box-shadow .18s ease}.shared-site-header--scrolled{width:min(calc(100% - 48px),880px);min-height:60px;padding:7px 14px;transform:translateY(10px);border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--paper) 88%,transparent);box-shadow:0 10px 30px rgba(23,32,30,.1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.shared-site-header__brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-family:ui-sans-serif,system-ui,sans-serif;font-weight:750;text-decoration:none;white-space:nowrap}.shared-site-header__brand img{width:40px;height:40px;border-radius:8px;object-fit:cover}.shared-site-header__nav{display:flex;gap:18px;font-family:ui-sans-serif,system-ui,sans-serif}.shared-site-header__nav a{color:var(--ink);font-size:13px;font-weight:700;text-decoration:none}.shared-site-header__nav a:hover,.shared-site-header__nav a[aria-current=page]{color:var(--accent)}.article-main,.home-main{padding:32px 0 80px}.article-hero,.home-hero{padding:clamp(36px,7vw,82px);border:1px solid var(--ink);background:var(--ink);color:var(--paper)}.article-hero h1,.home-hero h1,.index-hero h1{max-width:850px;margin:0;font-size:clamp(44px,7vw,78px);font-weight:500;line-height:.98;letter-spacing:-.045em}.article-hero>p:last-child,.home-hero>p:last-of-type,.index-hero>div>p:last-child{max-width:700px;margin:24px 0 0;color:#e4e0d7;font-size:18px;line-height:1.65}.eyebrow-label{margin:0 0 16px;color:#e9a797;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.hero-actions a{padding:11px 15px;border:1px solid #8a8379;font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px;font-weight:700;text-decoration:none}.hero-actions a:first-child{background:var(--paper);color:var(--ink)}.content-section,.editorial-section,.section-block{margin-top:68px}.section-title{margin-bottom:22px}.content-section h2,.editorial-section h2,.section-title h2{margin:0 0 10px;font-size:clamp(29px,4vw,43px);font-weight:500;letter-spacing:-.025em}.section-title>p:last-child{max-width:760px;color:var(--muted);line-height:1.7}.tool-panel{padding:24px;border:1px solid var(--line);background:var(--panel);box-shadow:0 2px 0 rgba(23,32,30,.04)}.tool-form{display:grid;gap:20px}.tool-form fieldset{margin:0;padding:0;border:0}.field-label,.tool-form label,.tool-form legend{display:grid;gap:8px;margin:0;font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:700}.preset-row,.radio-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.radio-row label{display:flex;align-items:center;gap:7px;font-weight:500}.calculator-form input,.calculator-form select,.tool-form input:not([type]),.tool-form input[type=text],.tool-form select{width:100%;min-height:44px;padding:9px 12px;border:1px solid #bbb6ac;border-radius:6px;background:white;color:var(--ink)}.calculator-form input:focus,.calculator-form select:focus,.tool-form input:focus,.tool-form select:focus{outline:3px solid rgba(29,95,167,.2);border-color:var(--blue)}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.calculator-output,.tool-output{display:block;min-height:54px;padding:14px;border:1px solid var(--line);background:#f4f2ed;font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.55}.tool-output strong{color:var(--blue)}.muted{color:var(--muted)}.error-text{color:#b42318}.result-cards{display:grid;gap:10px}.result-card{padding:12px;border:1px solid var(--line);background:white}.result-card p{margin:5px 0;color:var(--muted)}.result-card small{color:#858d89}.best-match{margin-left:8px;padding:3px 6px;border-radius:4px;background:#16825d;color:white;font-size:11px}.split-panel{display:grid;grid-template-columns:1fr 1fr;gap:28px}.calculator-form{display:grid;gap:16px}.calculator-form label{display:grid;gap:8px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:700}.preset-row button,.system-tabs button{padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:white;cursor:pointer}.primary-button{padding:12px 18px;border:0;background:var(--ink);color:white;cursor:pointer}.calculator-output .result-label{color:var(--accent);font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;font-weight:800;text-transform:uppercase}.calculator-output h3{margin:8px 0 2px;font-size:32px}.calculator-output p{color:var(--muted)}.calculator-output ul{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}.calculator-output li{display:flex;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid var(--line)}.system-tabs{display:flex;flex-wrap:wrap;gap:8px}.system-tabs button[aria-selected=true]{border-color:var(--ink);background:var(--ink);color:white}.system-description{max-width:850px;color:var(--muted);line-height:1.7}.frame-card-list{display:grid;gap:10px;margin-top:20px}.frame-card{display:grid;grid-template-columns:.75fr 1.25fr auto;align-items:center;gap:24px;width:100%;padding:20px;border:1px solid var(--line);background:var(--panel);color:inherit;text-align:left;cursor:pointer}.frame-card:hover{border-color:var(--ink);transform:translateY(-1px)}.frame-card span{display:grid;gap:5px}.frame-card strong{font-size:20px}.frame-card b,.frame-card small{font-family:ui-sans-serif,system-ui,sans-serif}.frame-card small{color:var(--muted);font-size:13px;font-weight:400;line-height:1.5}.frame-card i{font-size:22px;font-style:normal}.modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px;background:rgba(15,20,19,.65)}.frame-modal{position:relative;width:min(600px,100%);max-height:90vh;overflow:auto;padding:32px;background:var(--panel);box-shadow:0 24px 60px rgba(0,0,0,.25)}.modal-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:white;font-size:24px;cursor:pointer}.frame-modal h2{margin:0;font-size:42px;font-weight:500}.modal-secondary{color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.detail-grid div{padding:14px;border:1px solid var(--line)}.detail-grid dt{color:var(--muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:11px;text-transform:uppercase}.detail-grid dd{margin:7px 0 0}.modal-notes{padding-top:18px;border-top:1px solid var(--line);color:var(--muted);line-height:1.65}.faq-list{display:grid;gap:10px}.faq-list details{padding:18px 20px;border:1px solid var(--line);background:var(--panel)}.faq-list summary{cursor:pointer;font-weight:700}.faq-list p{color:var(--muted);line-height:1.65}.breadcrumb{margin-bottom:18px;color:var(--muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px}.index-hero{display:grid;grid-template-columns:1.15fr .85fr;min-height:500px;overflow:hidden;border:1px solid var(--ink);background:var(--ink);color:var(--paper)}.index-hero>div:first-child{display:flex;flex-direction:column;justify-content:center;padding:clamp(36px,6vw,72px)}.frame-illustration{display:grid;place-items:center;background:var(--accent)}.metric-hero .frame-illustration{background:#d7e4dd;background-image:linear-gradient(#b9cbc3 1px,transparent 0),linear-gradient(90deg,#b9cbc3 1px,transparent 0);background-size:24px 24px}.frame-illustration span{display:grid;place-items:center;width:min(72%,290px);aspect-ratio:4/5;border:24px solid #33251d;outline:2px solid #e9cfa5;background:var(--panel);color:var(--ink);font-family:ui-monospace,SFMono-Regular,monospace;font-size:clamp(28px,4vw,48px);font-weight:800;text-align:center;white-space:pre-line;box-shadow:16px 18px 0 rgba(0,0,0,.18);transform:rotate(2deg)}.metric-hero .frame-illustration span{aspect-ratio:210/297;border-color:#0e5650;transform:rotate(-2deg)}.editorial-heading{display:grid;grid-template-columns:.5fr 1.5fr;gap:28px;margin-bottom:24px}.editorial-heading>span{color:var(--accent);font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;font-weight:800;text-transform:uppercase}.editorial-heading p{color:var(--muted);line-height:1.7}.size-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.size-grid article{min-height:190px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel)}.size-grid strong{display:block;margin-bottom:12px;color:var(--accent);font-family:ui-monospace,SFMono-Regular,monospace;font-size:28px}.decision-grid h3,.info-grid h3,.size-grid h3{margin:0 0 8px}.decision-grid p,.info-grid p,.size-grid p{color:var(--muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px;line-height:1.65}.decision-grid,.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.decision-grid article,.info-grid article{padding:25px;border:1px solid var(--line)}.decision-grid b{color:var(--accent);font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;text-transform:uppercase}.article-cta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;margin-top:64px;padding:28px;background:var(--ink);color:var(--paper)}.article-cta h2{margin:0 0 8px}.article-cta p{margin:0;color:#d9d5cd}.article-cta a{padding:12px 16px;border:1px solid var(--paper);font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px;font-weight:700;text-decoration:none}.table-scroll{overflow:auto;border:1px solid var(--line)}.table-scroll table{width:100%;border-collapse:collapse;background:var(--panel)}.table-scroll caption{padding:12px;text-align:left;color:var(--muted)}.table-scroll td,.table-scroll th{padding:14px;border-top:1px solid var(--line);text-align:left;white-space:nowrap}.table-scroll th{background:#ebe7de;font-family:ui-sans-serif,system-ui,sans-serif;font-size:12px;text-transform:uppercase}.steps-list{margin-top:54px}.steps-list article{display:grid;grid-template-columns:110px 1fr;gap:22px;padding:30px 0;border-top:1px solid var(--line)}.steps-list article>span{color:var(--accent);font-family:ui-monospace,SFMono-Regular,monospace;font-size:36px}.steps-list h2{margin:0;font-size:30px;font-weight:500}.steps-list p{max-width:780px;color:var(--muted);line-height:1.7}.steps-list code{display:inline-block;padding:10px 14px;background:var(--ink);color:var(--paper)}.calculation-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:28px;border:1px solid var(--line);background:var(--panel);font-size:20px}.info-grid.four{grid-template-columns:repeat(2,1fr)}.site-footer{margin-top:40px;padding:30px 0;border-top:1px solid var(--line);color:var(--muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.footer-grid p{margin:7px 0}.footer-legal{display:flex;justify-content:space-between;gap:20px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:11px}@media(max-width:800px){.index-hero,.split-panel{grid-template-columns:1fr}.frame-illustration{min-height:330px}.editorial-heading{grid-template-columns:1fr}.decision-grid,.size-grid{grid-template-columns:1fr 1fr}.frame-card{grid-template-columns:1fr auto}.frame-card>span:nth-child(2){grid-column:1/-1}.article-cta{grid-template-columns:1fr}}@media(max-width:560px){.article-main,.home-main{padding-top:18px}.article-hero,.home-hero{padding:38px 24px}.article-hero h1,.home-hero h1,.index-hero h1{font-size:44px}.decision-grid,.detail-grid,.field-grid,.footer-grid,.info-grid,.info-grid.four,.size-grid{grid-template-columns:1fr}.steps-list article{grid-template-columns:55px 1fr}.calculation-strip,.footer-legal{align-items:flex-start;flex-direction:column}.shared-site-header__rail{position:relative;height:64px}.shared-site-header,.shared-site-header--scrolled{width:min(100% - 32px,1120px);min-height:64px;padding:9px 0;transform:none;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--paper);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.shared-site-header__brand span{display:none}.shared-site-header__nav{gap:12px}.shared-site-header__nav a:first-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.frame-card:hover{transform:none}.shared-site-header{transition:none}}.home-photo-guide{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;margin-top:24px;padding:24px;border:1px solid #b9cbc3;background:#edf4f0}.home-photo-guide h2{margin:0 0 8px;font-size:clamp(24px,3vw,34px);font-weight:500}.home-photo-guide p{margin:0;color:var(--muted);line-height:1.6}.home-photo-guide .eyebrow-label{margin-bottom:8px;color:#0e5650}.home-photo-guide>a{padding:12px 16px;border:1px solid #0e5650;color:#0e5650;font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px;font-weight:800;text-decoration:none}.photo-hero{display:grid;grid-template-columns:1.15fr .85fr;min-height:520px;overflow:hidden;border:1px solid var(--ink);background:var(--ink);color:var(--paper)}.photo-hero>div:first-child{display:flex;flex-direction:column;justify-content:center;padding:clamp(36px,6vw,72px)}.photo-hero h1{max-width:760px;margin:0;font-size:clamp(44px,6vw,72px);font-weight:500;line-height:.98;letter-spacing:-.045em}.photo-hero>div:first-child>p:last-of-type{max-width:680px;margin:24px 0 0;color:#e4e0d7;font-size:18px;line-height:1.65}.photo-print-stack{position:relative;min-height:420px;overflow:hidden;background:#d7e4dd;background-image:linear-gradient(#b9cbc3 1px,transparent 0),linear-gradient(90deg,#b9cbc3 1px,transparent 0);background-size:24px 24px}.photo-print-stack span{position:absolute;display:grid;place-items:center;border:2px solid #0e5650;background:#fffdf8;color:#0e5650;font-family:ui-monospace,SFMono-Regular,monospace;font-weight:800;box-shadow:12px 14px 0 rgba(14,86,80,.16)}.photo-print-stack span:first-child{width:230px;height:285px;top:58px;left:12%;transform:rotate(-4deg)}.photo-print-stack span:nth-child(2){width:170px;height:235px;top:110px;right:8%;transform:rotate(5deg)}.photo-print-stack span:nth-child(3){width:126px;height:188px;right:30%;bottom:28px;transform:rotate(-1deg)}.photo-print-stack b{position:absolute;right:24px;bottom:18px;color:#0e5650;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.photo-section{min-width:0;margin-top:68px}.photo-section>.section-title{max-width:800px}.photo-section .table-scroll{min-width:0}.photo-note{display:flex;gap:12px;margin-top:12px;padding:16px 18px;border-left:4px solid var(--accent);background:#f0e9df;font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px;line-height:1.55}.photo-note span{color:var(--muted)}.photo-tools-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:20px}.photo-tool-card{min-width:0;padding:28px;border:1px solid var(--line);background:var(--panel)}.photo-tool-card h2{margin:0 0 8px;font-size:clamp(28px,4vw,40px);font-weight:500}.photo-tool-card>p:not(.eyebrow-label){color:var(--muted);line-height:1.65}.photo-tool-form{display:grid;gap:16px;margin-top:22px}.photo-tool-form label{display:grid;gap:8px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px;font-weight:750}.photo-tool-form input,.photo-tool-form select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #bbb6ac;border-radius:6px;background:white;color:var(--ink)}.photo-tool-form input:focus,.photo-tool-form select:focus{outline:3px solid rgba(29,95,167,.2);border-color:var(--blue)}.photo-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.photo-tool-form .error-text{min-height:20px;margin:0;font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px}.photo-tool-form .primary-button{min-height:46px}.photo-tool-output{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:14px 16px;border:1px solid var(--line);background:#f4f2ed;font-family:ui-sans-serif,system-ui,sans-serif}.photo-tool-output span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.photo-tool-output strong{color:var(--blue);font-size:24px}.photo-frame-results{display:grid;gap:10px;margin-top:18px}.photo-result-card{padding:16px;border:1px solid var(--line);background:#f9f7f2}.photo-result-card span{color:var(--accent);font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;font-weight:800;text-transform:uppercase}.photo-result-card h3{margin:5px 0;font-size:24px;font-weight:500}.photo-result-card p{margin:5px 0;font-size:13px;line-height:1.5}.photo-empty-state,.photo-result-card p{color:var(--muted);font-family:ui-sans-serif,system-ui,sans-serif}.photo-empty-state{padding:18px;border:1px dashed var(--line)}.photo-reference-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:20px}.photo-reference-card{min-width:0;padding:24px;border:1px solid var(--line);background:var(--panel)}.photo-reference-card h3{margin:0 0 18px;font-size:25px;font-weight:500}.photo-reference-card .table-scroll{border:0}.photo-reference-card table{font-size:13px}.photo-reference-card td,.photo-reference-card th{padding:12px 10px}.photo-source-note{margin:14px 0 0;color:var(--muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:12px;line-height:1.55}.photo-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.photo-guide-grid article{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel)}.photo-guide-grid span{color:var(--accent);font-family:ui-monospace,SFMono-Regular,monospace;font-size:30px}.photo-guide-grid h3{margin:24px 0 8px;font-size:22px}.photo-guide-grid p{margin:0;color:var(--muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px;line-height:1.65}@media(max-width:800px){.photo-hero,.photo-reference-grid,.photo-tools-grid{grid-template-columns:1fr}.photo-print-stack{min-height:360px}.home-photo-guide,.photo-guide-grid{grid-template-columns:1fr}}@media(max-width:560px){.photo-hero h1{font-size:42px}.photo-hero>div:first-child{padding:38px 24px}.photo-print-stack span:first-child{left:4%}.photo-field-row{grid-template-columns:1fr}.photo-reference-card,.photo-tool-card{padding:20px}.photo-note{flex-direction:column}.shared-site-header__nav a:nth-child(3),.shared-site-header__nav a:nth-child(4){display:none}}