/* Real Sari Sari photographs. Full-size layers stay decorative and outside the reading order. */
.media-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.photo-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;min-height:680px;padding:62px 58px 104px;margin-top:28px;margin-bottom:35px;background:#20392c;border-radius:7px;overflow:hidden;color:var(--cream)}
.hero-scenes{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#284d36}.hero-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 47%;opacity:0;transition:opacity .8s ease}.hero-scene:nth-child(2){object-position:50% 58%}.hero-scene.is-current{opacity:1}.photo-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,30,20,.93),rgba(12,30,20,.82) 44%,rgba(12,30,20,.19) 100%)}
.photo-hero .hero-copy{position:relative;z-index:1;max-width:525px;padding:0}.photo-hero h1{color:#fffaf0;font-size:96px;line-height:.96}.photo-hero h1 em{color:#eddbb9}.photo-hero .eyebrow{color:#eee3c9}.photo-hero .small-line{background:#ceb388}.photo-hero .hero-description{color:#fff9ef}.photo-hero .hero-detail{color:#e0e3d4;max-width:355px;font-size:14px}.photo-hero .hero-actions{gap:24px}.photo-hero .hero-actions>.button{background:#f3e6c9;border-color:#f3e6c9;color:#233e2b}.photo-hero .hero-actions>.button:hover{background:#fff4da;border-color:#fff4da}.photo-hero .text-button{color:#fff5df}.photo-hero .text-button:hover{border-color:#e9d6b0}.photo-hero .hero-footnote{color:#cfdbca;margin-top:24px}.photo-hero .hero-footnote strong{color:#fff4dc}.photo-hero .leaf-mark{color:#e7d2ad;border-right-color:#e4e1c740}
.scene-controls{position:absolute;bottom:25px;left:58px;right:38px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:17px;border-top:1px solid #fff4d637;z-index:2}.scene-label{font-size:8px;letter-spacing:1.8px;color:#e6d3ad}.scene-controls p{font-size:11px;color:#f7f2e6;margin-top:3px}.scene-buttons{display:flex;align-items:center;gap:11px}.scene-buttons>span{font-size:10px;color:#f0e6cf;font-variant-numeric:tabular-nums;white-space:nowrap}.scene-buttons button{background:#172f23d9;color:#fff6df;border:1px solid #eddfbd69;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;font-size:10px;padding:9px 12px;cursor:pointer;touch-action:manipulation}.scene-buttons button:hover{background:#284d36}.scene-buttons button:last-child{width:43px;padding:8px}.scene-buttons button[aria-pressed=true]{background:#f0e2c4;color:#284d36}.scene-buttons svg{width:18px;height:18px}
.photo-heading{position:relative;isolation:isolate;overflow:hidden;border-radius:6px;padding:34px 36px 37px;min-height:230px;background:#223e2d;color:var(--cream);align-items:center}.calculator-scene{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% 60%}.photo-heading:before{position:absolute;content:'';inset:0;z-index:-1;background:linear-gradient(90deg,rgba(22,47,30,.96),rgba(22,47,30,.84) 60%,rgba(22,47,30,.76))}.photo-heading .eyebrow{color:#ddc79e}.photo-heading h2{color:#fff5e5}.photo-heading h2 em{color:#e3cfa8}.photo-heading .calculator-intro p{color:#f1f0e5}.photo-heading .calculator-intro>span{color:#d1dfc8}
.photo-story{position:relative;isolation:isolate;overflow:hidden;background:#20392a;border:0;color:#fff7e6}.story-scene{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:30% 52%}.photo-story:before{position:absolute;content:'';inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,24,16,.24),rgba(17,37,24,.6) 42%,rgba(17,37,24,.95) 65%),linear-gradient(0deg,rgba(8,20,13,.5),transparent 65%)}.photo-story .story-inner{position:relative;gap:90px;padding-block:74px;min-height:520px}.story-scene-marker{min-height:330px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.story-caption-card>span{font-size:9px;letter-spacing:1.6px;color:#fff1d6;border-top:1px solid #e9dbb982;padding-top:17px}.story-caption-card>p{font:48px/1 var(--serif);letter-spacing:-.8px;margin-top:15px;color:#fff4dd}.story-caption-card>small{font-size:10px;color:#e8e0ce;margin-top:16px}.photo-story .story-copy .eyebrow{color:#d4bb8e}.photo-story .story-copy h2{color:#fff8eb}.photo-story .story-copy h2 em{color:#e8d3aa}.photo-story .story-copy>p:not(.eyebrow){color:#eeeade;max-width:410px}.photo-story .story-copy .text-button{color:#fff3db}.photo-story .story-copy .text-button:hover{border-color:#d5b987}
@media(max-width:1160px){.photo-hero{padding-inline:42px}.scene-controls{left:42px;right:30px}.photo-hero h1{font-size:86px}.photo-hero .hero-copy{max-width:490px}.photo-story .story-inner{gap:60px}}
@media(max-width:930px){.photo-hero{padding-top:48px;padding-inline:36px;min-height:650px}.photo-hero h1{font-size:84px}.scene-controls{left:36px;right:26px}.photo-hero:before{background:linear-gradient(90deg,rgba(12,30,20,.92),rgba(12,30,20,.8) 56%,rgba(12,30,20,.3))}.photo-heading{padding:28px}.photo-heading .calculator-intro{max-width:280px}.photo-heading .calculator-intro p{font-size:12px}.photo-story .story-inner{gap:38px}.story-caption-card>p{font-size:43px}}
@media(max-width:700px){.photo-hero{width:calc(100% - 24px);padding:42px 24px 119px;min-height:690px;margin-top:16px;margin-bottom:24px;border-radius:6px;justify-content:flex-start}.photo-hero:before{background:linear-gradient(90deg,rgba(10,28,18,.88),rgba(10,28,18,.6)),linear-gradient(0deg,rgba(10,28,18,.55),transparent 65%)}.photo-hero .hero-copy{max-width:100%}.photo-hero h1{font-size:clamp(60px,16.8vw,76px);line-height:.98;margin-top:24px}.photo-hero .hero-detail{font-size:14px;color:#f0ebdd;max-width:340px}.photo-hero .hero-description{font-size:18px;max-width:330px;line-height:1.6}.photo-hero .hero-description br{display:none}.photo-hero .hero-actions{gap:12px 20px;flex-wrap:wrap;margin-top:24px}.photo-hero .hero-actions>.button{min-height:48px;font-size:12px;padding:12px 16px}.photo-hero .hero-actions>.text-button{font-size:12px}.hero-scene{object-position:58% 50%}.hero-scene:nth-child(2){object-position:47% 50%}.scene-controls{bottom:21px;left:24px;right:24px;padding-top:13px;gap:12px;align-items:flex-end}.scene-controls p{font-size:10px;max-width:150px;line-height:1.65}.scene-label{font-size:7px;letter-spacing:1px}.scene-buttons{gap:7px;flex-wrap:wrap;justify-content:flex-end}.scene-buttons>span{font-size:9px}.scene-buttons button{min-height:44px;font-size:10px;padding:8px 9px}.scene-buttons button:last-child{width:40px}.scene-buttons #scene-pause{gap:5px}.photo-heading{padding:27px 24px 29px;min-height:0;gap:22px}.photo-heading .calculator-intro{max-width:100%}.photo-heading .calculator-intro p{font-size:13px}.photo-heading .calculator-intro>span{font-size:10px}.calculator-scene{object-position:65% 60%}.photo-heading:before{background:linear-gradient(90deg,rgba(21,44,28,.95),rgba(21,44,28,.8))}.photo-story .story-inner{grid-template-columns:1fr;gap:30px;padding-block:36px 46px;min-height:0}.story-scene-marker{min-height:230px;justify-content:flex-end}.story-caption-card>span{font-size:8px;letter-spacing:1.1px}.story-caption-card>p{font-size:43px}.story-caption-card>small{font-size:9px}.story-scene{object-position:40% 20%}.photo-story:before{background:linear-gradient(180deg,rgba(16,34,22,.14),rgba(16,34,22,.4) 25%,rgba(16,34,22,.96) 48%,rgba(16,34,22,.99)),linear-gradient(90deg,rgba(9,24,14,.3),transparent)}.photo-story .story-copy{padding-top:4px}.photo-story .story-copy h2{font-size:47px}.photo-story .story-copy>p:not(.eyebrow){font-size:14px;max-width:100%}}
@media(max-width:380px){.photo-hero{padding-inline:18px;min-height:715px}.photo-hero h1{font-size:60px}.photo-hero .hero-actions{gap:12px 16px}.photo-hero .hero-actions>.button{font-size:11px;padding-inline:13px}.photo-hero .hero-actions>.text-button{font-size:11px}.scene-controls{left:18px;right:18px;gap:8px}.scene-controls p{max-width:125px;font-size:9px}.scene-buttons{gap:5px}.scene-buttons button{font-size:9px;padding-inline:7px}.scene-buttons>span{font-size:8px}.photo-heading{padding:25px 20px}.photo-story .story-copy h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){.hero-scene{transition:none!important}}

.story-caption-card{background:#112719e8;padding:22px 25px;border-left:2px solid #d4bb8e;border-radius:3px;max-width:370px}.scene-buttons{background:#102a1bca;padding:5px 8px;border-radius:5px}@media(max-width:700px){.story-caption-card{padding:18px 21px}.photo-story .story-copy{background:#112518c7;padding:22px;border-radius:4px}}