.guide-page{max-width:1160px;margin:40px auto 60px}.guide-heading{display:flex;justify-content:space-between;gap:30px;align-items:center;margin:28px 0}.guide-heading h1{font-size:clamp(32px,3.5vw,48px);letter-spacing:-.045em;line-height:1.1;margin:9px 0 12px}.guide-heading p{color:var(--sub);font-size:15px;max-width:640px;margin:0}.guide-pace{flex-shrink:0;font-size:12px;line-height:1.7;color:var(--sub);border-left:2px solid #d5c4b2;padding-left:18px}
.guide-deck{background:#fff;border:1px solid #e8ded4;border-radius:28px;overflow:hidden;box-shadow:0 12px 50px #57453606;scroll-margin-top:20px}.guide-progress{display:flex;gap:10px;padding:22px 28px;border-bottom:1px solid #eee6df}.guide-progress a{flex:1;display:flex;gap:8px;align-items:center;font-size:10px;line-height:1.3;color:#81776f;text-decoration:none;min-width:0}.guide-progress span{flex-shrink:0;display:grid;place-items:center;background:#f2ede7;width:25px;height:25px;border-radius:50%;font-size:11px}.guide-progress b{font-weight:500}.guide-progress a[aria-current]{color:#a43f25}.guide-progress a[aria-current] span{background:#b74529;color:white}.guide-progress a[aria-current] b{font-weight:700}
.guide-slide{display:grid;grid-template-columns:43% 57%;min-height:470px}.slide-art{background:#f3efe6;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px 16px;position:relative;isolation:isolate}.slide-art img{width:100%;height:auto;max-width:460px}.art-label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#7b6f61;border-top:1px solid #d9d0c3;padding-top:17px;width:70%;text-align:center;margin-top:16px}.slide-copy{padding:36px 38px;align-self:center}.slide-copy .eyebrow{font-size:10px;letter-spacing:.1em}.slide-copy h2{font-size:clamp(25px,2.5vw,34px);letter-spacing:-.035em;line-height:1.15;margin:12px 0 18px}.slide-copy h2:focus{outline:none}.slide-copy>p{font-size:15px;line-height:1.65;color:#605850;margin:0 0 17px}.slide-note{border-left:3px solid #b74529;background:#fbf4ed;padding:13px 16px;color:#5c4334;font-size:14px;line-height:1.6;border-radius:0 10px 10px 0}.slide-copy p.slide-extra{font-size:12px;line-height:1.6;color:#7e7369;margin:13px 0 0}.slide-copy>.text-link{margin-top:20px;font-size:14px}.slide-checklist{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:8px}.slide-checklist li{font-size:14px;line-height:1.5;padding-left:23px;position:relative}.slide-checklist li:before{content:'✓';color:#58806a;position:absolute;left:0;font-weight:700}
.guide-controls{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;padding:19px 28px;border-top:1px solid #eee6df;background:#fff}.guide-back{grid-column:1;font-size:13px;font-weight:600;color:var(--sub);width:fit-content}.guide-counter{grid-column:2;grid-row:1;font-size:12px;color:var(--sub)}.guide-next,.guide-done{grid-column:3;grid-row:1;justify-self:end;min-width:128px;gap:30px}.finish-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px}.finish-actions .btn{font-size:13px;padding:12px 17px;min-height:44px}.finish-actions .text-link{font-size:12px;gap:0}.optional-helper{margin-top:22px;border-top:1px solid #e8ded4;padding-top:15px;font-size:13px;color:var(--sub)}.optional-helper summary{font-weight:500;font-size:13px}.optional-helper p{margin:10px 0;font-size:13px}.optional-helper a{font-weight:600}.guide-after{display:flex;justify-content:space-between;gap:28px;margin-top:23px;align-items:start;font-size:12px;color:var(--sub)}.guide-after>a{color:var(--sub)}.guide-after details{max-width:410px}.guide-after summary{font-weight:400;font-size:12px}.guide-after li{margin:10px 0}.guide-after p{font-size:12px}
@media(max-width:900px){.guide-progress b{display:none}.guide-progress a{justify-content:center}.guide-slide{grid-template-columns:38% 62%}.slide-copy{padding:28px}.guide-pace{display:none}}
@media(max-width:600px){.guide-page{margin:24px auto 35px}.guide-heading{margin:22px 0}.guide-heading h1{font-size:32px}.guide-heading p{font-size:13px}.guide-deck{border-radius:19px}.guide-progress{padding:13px 17px;gap:12px}.guide-progress a{border-bottom:3px solid #eee6df;padding-bottom:8px}.guide-progress a[aria-current]{border-color:#b74529}.guide-progress span{width:23px;height:23px}.guide-slide{display:flex;flex-direction:column;min-height:0}.slide-art{padding:2px 25px;height:185px}.slide-art img{height:183px;width:auto;max-width:100%}.art-label{display:none}.slide-copy{padding:24px 22px;width:100%}.slide-copy h2{font-size:27px;margin:10px 0 14px}.slide-copy>p{font-size:14px;line-height:1.6}.slide-note{font-size:13px;padding:12px}.slide-copy p.slide-extra{font-size:11px}.slide-checklist li{font-size:13px}.guide-controls{padding:15px 18px;gap:10px}.guide-controls .btn{min-width:105px;min-height:43px;padding:10px 15px;font-size:12px;gap:20px}.guide-back{font-size:12px}.guide-after{flex-direction:column;gap:20px}.guide-after>a{line-height:1.5}}
/* Presentation view: start with the situation, no site navigation. */
.presentation main{padding:12px 0 30px;min-height:100vh}.presentation .guide-page{margin:0 auto}.presentation .guide-heading{margin:9px 0 22px;gap:16px}.presentation .guide-heading h1{margin:0;font-size:clamp(29px,3.3vw,44px)}.guide-close{display:grid;place-items:center;width:44px;height:44px;flex:none;background:#eee7de;border-radius:50%;font-size:28px;color:#776858;text-decoration:none}.guide-progress b{display:none}.guide-progress a{justify-content:center}.guide-progress{padding:14px 25px}.slide-copy .eyebrow{margin-bottom:0}.presentation .guide-slide{min-height:440px}.slide-art{padding:20px 24px;gap:12px}.art-figure{width:100%;margin:0;position:relative}.art-figure img{display:block;max-height:310px;object-fit:contain;margin:auto}.art-options{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.art-options button{border:1px solid #d9d0c0;border-radius:22px;background:#fffaf1;color:#6b6256;padding:9px 14px;font-size:12px;line-height:1.2}.art-options button[aria-pressed=true]{background:#5d7865;border-color:#5d7865;color:white}.art-caption{font-size:12px;line-height:1.5;text-align:center;color:#716451;max-width:330px;margin:0;min-height:36px}.photo-example{width:235px;height:270px;background:#fff;padding:12px;border-radius:8px;box-shadow:0 8px 22px #7d634623;transform:rotate(-3deg);overflow:hidden;margin-bottom:4px}.photo-example img{width:100%;height:100%;object-fit:cover;object-position:50% 37%;transition:filter .2s}.quality-mark{position:absolute;right:15px;bottom:15px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#5d7865;color:#fff;font-size:25px}.slide-art[data-quality=bad] .photo-example img{filter:blur(6px) brightness(.8)}.slide-art[data-quality=bad] .quality-mark{background:#b74529}.guide-after{margin-bottom:20px}
@media(max-width:600px){.presentation main{padding:12px 0 24px}.presentation .guide-heading{margin:0 0 16px;align-items:center}.presentation .guide-heading h1{font-size:28px}.guide-close{width:34px;height:34px;font-size:24px}.guide-progress{gap:5px;padding:11px 12px}.guide-progress a{padding-bottom:4px}.presentation .guide-slide{min-height:0}.slide-art{height:auto;padding:9px 15px 12px;gap:7px}.art-figure img{width:100%;height:150px;max-width:100%}.art-options button{font-size:11px;padding:8px 13px}.art-caption{font-size:11px;max-width:300px;min-height:0;line-height:1.4}.photo-example{width:145px;height:150px;padding:7px;margin:4px 0}.photo-example img{height:100%;width:100%;object-fit:cover}.quality-mark{width:28px;height:28px;right:10px;bottom:10px;font-size:21px}.slide-copy{padding:20px}.slide-copy h2{font-size:25px}.guide-controls{padding:13px 16px}.guide-after{font-size:11px}}
@media(prefers-reduced-motion:reduce){.photo-example img{transition:none}}
.art-badge{align-self:center;color:#9a361e;background:#f4d5bd;border:1px solid #dfab86;border-radius:24px;padding:9px 22px;font-size:17px}.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px;width:100%;max-width:430px}.photo-pair .photo-example{width:100%;height:auto;aspect-ratio:3/4;transform:none;padding:9px 9px 30px;margin:0;border-radius:9px}.photo-pair .photo-example img{width:100%;height:100%;object-fit:cover;max-height:none}.photo-pair figcaption{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:12px;color:#635649}.photo-pair .quality-mark{bottom:41px;right:16px}.photo-pair .compare-bad img{filter:blur(5px) brightness(.8)}.photo-pair .compare-bad .quality-mark{background:#b74529}.directory-return-bottom{margin-top:22px}.directory-return{color:#a43f25;font-weight:700}@media(max-width:600px){.photo-pair{gap:11px;max-width:320px;padding:9px 0}.photo-pair .photo-example{height:165px;aspect-ratio:auto;padding:7px 7px 27px}.photo-pair .quality-mark{bottom:35px;right:12px}.art-badge{font-size:15px;padding:7px 18px}.photo-pair figcaption{font-size:11px}}
.photo-pair .photo-example{position:relative}