/* Product photographs are complete views, independent of the text length. */
.ssm-content .stage-photo,
.ssm-content .stage-thumbnails img,
.ssm-content .card-visual img{object-fit:contain}
.ssm-content .card-visual{aspect-ratio:4/3;background:#191510}
.ssm-content .card-visual:hover img{transform:none}
.ssm-content .stage-thumbnails img{background:#191510}

/* Portrait is a photographic folio: selection, full-width image, then story.
   Use orientation as well as width so the larger iPads receive this layout. */
@media (orientation:portrait) and (min-width:551px) and (max-width:1100px){
 .ssm-content .nature-section{padding-block:30px 40px}
 .ssm-content .nature-section>.wrap{display:flex;flex-direction:column}
 .ssm-content .nature-heading{order:1;display:block;margin-bottom:25px}
 .ssm-content .nature-heading h2{font-size:clamp(38px,4.8vw,52px)}
 .ssm-content .nature-heading>p{margin:12px 0 0;font-size:15px}
 .ssm-content .nature-heading>p br{display:none}
 .ssm-content .stage-bottom{order:2;display:block;margin:0 0 22px}
 .ssm-content .stage-bottom>p{display:none}
 .ssm-content .stage-thumbnails{gap:10px}
 .ssm-content .stage-thumbnails button{padding:6px}
 .ssm-content .stage-thumbnails img{aspect-ratio:4/3;object-fit:contain}
 .ssm-content .stage-thumbnails span{font-size:12px;padding:7px 3px 3px;min-height:0}
 .ssm-content .discovery-stage{order:3;grid-template-columns:1fr;min-height:0}
 .ssm-content .stage-visual{min-height:0}
 .ssm-content .stage-visual #stage-images{height:auto;min-height:0;flex:none;aspect-ratio:4/3}
 .ssm-content .stage-image-caption{padding:14px 24px;font-size:12px}
 .ssm-content .stage-image-caption button{font-size:13px;min-height:44px}
 .ssm-content .stage-copy{padding:28px 32px 30px}
 .ssm-content .stage-progress{margin-bottom:20px}
 .ssm-content .stage-progress>span:last-child{max-width:none}
 .ssm-content #stage-story h3{font-size:44px;max-width:none;margin-bottom:20px}
 .ssm-content #stage-story p:not(.eyebrow){font-size:16px;max-width:680px}
 .ssm-content .stage-price{margin-block:23px}
 .ssm-content .stage-action{flex-wrap:nowrap}
 .ssm-content .stage-navigation button{width:46px;height:46px}
 .ssm-content .nature-origin{order:4;grid-template-columns:1fr;gap:12px;margin-top:28px}
 .ssm-content .nature-origin a{grid-column:1}
 .ssm-content .section-head{display:block}
 .ssm-content .section-head>p{max-width:none;margin-top:15px}
 .ssm-content .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 .ssm-content .card h3{min-height:0}
 .ssm-content .card-desc{min-height:0}
 .ssm-content .detail-grid{grid-template-columns:1fr}
 .ssm-content .detail-image img{max-height:none;aspect-ratio:4/3;object-fit:contain}
 .ssm-content .detail-text{padding:30px 34px}
 .ssm-content .gift-story{grid-template-columns:1fr;gap:30px}
 .ssm-content .gift-copy{max-width:700px}
 .ssm-content .gift-copy h3{font-size:38px}
 .ssm-content .gift-copy>p:not(.eyebrow){font-size:16px}
 .ssm-content .idea-steps{grid-template-columns:1fr;gap:24px}
 .ssm-content .idea-steps>div{display:flex;gap:20px}
 .ssm-content .step-number{min-width:32px}
 .ssm-content .visit{grid-template-columns:1fr;gap:30px}
 .ssm-content .visit>img{aspect-ratio:auto;height:auto}
}

/* Keep the small-screen gallery consistent with the tablet folio. */
@media(max-width:550px){
 .ssm-content .stage-visual #stage-images{aspect-ratio:4/3}
 .ssm-content .stage-thumbnails img{aspect-ratio:4/3}
 .ssm-content .stage-thumbnails span{font-size:10px;min-height:32px}
}