/* Match the expanded directory photo exactly, then invite the user into the tool. */
body.calculator-photo-page{padding-top:0!important;margin:0}
.calculator-photo-page #announce-bar{display:none!important}
.calculator-photo-page #main-nav{position:fixed!important;top:0!important;left:0;right:0;z-index:1000}
.calculator-photo-hero{position:relative;isolation:isolate;display:block;width:100%;height:100vh;height:100dvh;min-height:0;margin:0;padding:0;overflow:hidden;background:#101115 var(--calculator-hero-preview) center/cover no-repeat;color:#fff;font-family:Inter,Arial,sans-serif}
.calculator-photo-hero>.calculator-photo-image{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.calculator-photo-hero::after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#0003,#0001 45%,#0009);pointer-events:none}
.calculator-photo-hero .calculator-photo-title{position:absolute;left:clamp(24px,5vw,80px);bottom:clamp(145px,18vh,220px);z-index:1;max-width:85%;margin:0;padding:0;font:400 clamp(32px,5vw,72px)/1.05 Inter,Arial,sans-serif;letter-spacing:-.045em;color:#fff;text-transform:none}
.calculator-photo-title small{display:block;font:11px/2 monospace;letter-spacing:.15em;text-transform:uppercase;margin-bottom:14px;color:#fff}
.calculator-photo-hero .calculator-photo-back{position:absolute;top:112px;left:clamp(24px,5vw,80px);z-index:1;color:#fff;font:12px/1.5 Inter,Arial,sans-serif;text-decoration:none;text-shadow:0 1px 10px #0009}
.calculator-photo-hero .calculator-scroll-cue{position:absolute;left:50%;bottom:max(26px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:13px;min-width:150px;min-height:74px;padding:8px;color:#fff;font:10px/1.5 Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.15em;text-align:center;text-decoration:none}
.calculator-scroll-cue svg{width:22px;height:31px;stroke:currentColor;stroke-width:1.5;fill:none;animation:calculator-scroll-nudge 2s ease-in-out infinite}
.calculator-photo-hero a:focus-visible{outline:2px solid #fff;outline-offset:6px}
.calculator-photo-hero a:hover{color:#fff;text-decoration:none}
.calculator-photo-page #calculator-workspace{scroll-margin-top:110px}
.calculator-photo-page #calculator-workspace:focus{outline:none}
@keyframes calculator-scroll-nudge{0%,100%{transform:translateY(-3px);opacity:.55}50%{transform:translateY(5px);opacity:1}}
@media(max-width:600px){.calculator-photo-hero .calculator-photo-back{top:96px}.calculator-photo-hero .calculator-photo-title{max-width:calc(100% - 48px)}}
@media(prefers-reduced-motion:reduce){.calculator-scroll-cue svg{animation:none}.calculator-photo-page{scroll-behavior:auto}}
@media print{.calculator-photo-hero{display:none!important}}