/* Independent pages and photography-led mobile home. */
.hero-image picture{display:block;width:100%;height:100%}
.hero-image picture img{width:100%;height:100%;object-fit:cover;object-position:center top}
.catalog-photo{aspect-ratio:1;overflow:hidden;border-radius:10px;background:#f4eee3}
.catalog-photo.catalog-photo>img{position:static;inset:auto;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;aspect-ratio:1;border-radius:inherit;transform:none;transition:transform .4s ease}
.card-photo:hover .catalog-photo{transform:none}
.card-photo:hover .catalog-photo>img{transform:scale(1.035)}
.bread-card .card-photo{padding:0;border-radius:12px;background:#f4eee3;overflow:hidden}
.shop-grid .bread-card .card-photo{padding:0;border-radius:12px}
.shop-grid .card-name{font-size:clamp(23px,2.25vw,32px);letter-spacing:-.7px;line-height:1.12}
.shop-grid{gap:50px 30px}
.shop-grid .card-badge{top:16px;left:16px;background:#fffcf6e8;backdrop-filter:blur(5px)}
.product-detail-price{color:var(--crust)}
.bag-item .catalog-photo,.search-results .catalog-photo{border-radius:9px}
.page-intro{padding:52px 5% 0;max-width:1500px;margin:auto}
.page-intro .breadcrumb,.breadcrumb{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--cocoa);margin:0 0 24px}
.breadcrumb a{text-underline-offset:4px}
.page-intro h1{font-size:clamp(50px,6vw,84px);max-width:960px;line-height:1.02}
.page-intro p{max-width:630px;font-size:17px;color:var(--cocoa)}
body:not([data-page="home"]) main{min-height:60svh}
body[data-page="shop"] .shop-section{background:var(--oat);border-top:0;padding-top:55px;padding-bottom:85px}
body[data-page="shop"] .shop-heading h1,body[data-page="shop"] .shop-heading h2{font-size:clamp(50px,6.5vw,90px);line-height:1.02}
body[data-page="shop"] .shop-heading p{max-width:560px}
body[data-page="shop"] .shop-toolbar{padding:22px;background:#efe7d9;border-radius:8px}
body[data-page="shop"] .shop-trust{margin:30px 0;border-bottom:0;padding-bottom:0}
body[data-page="shop"] #shopCount{margin:30px 0 24px}
body[data-page="story"] .story{margin-top:0}
body[data-page="story"] .portrait{max-height:850px}
body[data-page="story"] .portrait img{object-position:center 28%;width:100%;height:100%}
body[data-page="story"] .story h1{font-size:clamp(45px,5vw,76px);line-height:1.05}
body[data-page="mood"] .films-section{min-height:70svh;padding-top:65px}
body[data-page="reviews"] .reviews-section{min-height:75svh}
body[data-page="faq"] .faq{min-height:70svh}
body[data-page="contact"] .local-section{min-height:65svh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
body[data-page="contact"] .local-section h1{font-size:clamp(48px,6vw,86px);line-height:1.06;position:relative;z-index:1;max-width:950px}
body[data-page="contact"] .local-section .phone{margin-top:25px}
.page-heading{font-size:clamp(46px,6vw,80px);line-height:1.03}
.story-teaser,.home-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#ede3d2}
.story-teaser img,.home-story img{width:100%;height:660px;object-fit:cover;object-position:center 28%}
.story-teaser>.story-copy,.home-story>div{padding:65px 12%}
.story-teaser h2,.home-story h2{font-size:clamp(38px,4.5vw,65px);line-height:1.08}
.story-teaser p,.home-story p{max-width:450px;color:var(--cocoa);line-height:1.75}
header nav a[aria-current="page"]{color:var(--crust)}
.footer-links a[aria-current="page"]{color:var(--wheat)}
@media(min-width:1600px){.hero{height:min(780px,85svh)}.hero-content{padding-top:95px}.hero h1{font-size:110px}.shop-section{padding-left:max(5%,calc((100vw - 1420px)/2));padding-right:max(5%,calc((100vw - 1420px)/2))}}
@media(max-width:700px){
  body[data-page="home"] .hero{display:block;position:relative;height:calc(100svh - 93px);min-height:570px;max-height:980px;background:#7a5a3e}
  body[data-page="home"] .hero-image{position:absolute;inset:0;height:100%;width:100%}
  body[data-page="home"] .hero-image img{object-fit:cover;object-position:45% 25%}
  body[data-page="home"] .hero:after{display:block;z-index:1;background:linear-gradient(180deg,transparent 34%,#271b110d 45%,#271b1140 58%,#271b11b8 77%,#21170ff0 100%)}
  body[data-page="home"] .hero-content{position:absolute;inset:auto 0 0;padding:26px 23px 27px;width:100%;z-index:2;background:transparent;color:#fffaf0}
  body[data-page="home"] .hero-content .eyebrow{color:#fff3df;font-size:10px;letter-spacing:1.7px;margin-bottom:10px;text-shadow:0 1px 6px #21170f66}
  body[data-page="home"] .hero h1{font-size:clamp(39px,10.5vw,48px);line-height:1.04;letter-spacing:-1.7px;margin:0 0 13px;max-width:400px;text-shadow:0 2px 15px #21170f22}
  body[data-page="home"] .hero h1 em{color:#efcda7;letter-spacing:-1.7px}
  body[data-page="home"] .hero h1 br:nth-of-type(2){display:none}
  body[data-page="home"] .hero h1 em:before{content:none}
  body[data-page="home"] .hero p{font-size:13px;color:#fff3e5;line-height:1.6;margin:0 0 18px;max-width:330px;text-shadow:0 1px 8px #21170f55}
  body[data-page="home"] .hero p br{display:none}
  body[data-page="home"] .hero .hero-note{display:none}
  body[data-page="home"] .hero .hero-story{display:none}
  body[data-page="home"] .hero .cta{background:#fff7e9;border-color:#fff7e9;color:#362319;font-size:15px;min-height:51px;padding:15px 19px;letter-spacing:.5px;width:100%;box-shadow:0 4px 16px #21170f18}
  body[data-page="home"] .hero .cta:hover{background:#ead3b2}
  body[data-page="home"] .hero .sticker{display:none}
  .page-intro{padding:30px 22px 0}.page-intro h1{font-size:44px}.page-intro p{font-size:15px}
  body[data-page="shop"] .shop-section{padding:38px 20px 65px}
  body[data-page="shop"] .shop-heading h1,body[data-page="shop"] .shop-heading h2{font-size:44px}
  body[data-page="shop"] .shop-seal{width:68px;height:68px;font-size:14px}
  body[data-page="shop"] .shop-heading p{font-size:14px}
  body[data-page="shop"] .shop-toolbar{padding:17px 14px;gap:14px 10px;margin:22px 0 0}
  body[data-page="shop"] .shop-trust{display:flex;flex-wrap:wrap;font-size:11px;gap:7px 16px;margin:24px 0 0;padding:16px 0 0}
  body[data-page="shop"] #shopCount{font-size:11px;margin:25px 0 18px}
  .shop-grid{gap:29px 15px}
  .shop-grid .card-name{font-size:18px;line-height:1.17;letter-spacing:-.35px}
  .shop-grid .card-badge{top:9px;left:9px;font-size:8px;padding:4px 6px}
  .shop-grid .card-bottom .product-price{font-size:16px}
  .shop-grid .bread-card .add-button{height:38px;width:38px;font-size:23px}
  .catalog-photo{border-radius:9px}
  .page-heading{font-size:43px}
  body[data-page="story"] .portrait{height:65svh;min-height:430px;max-height:660px}
  body[data-page="story"] .story h1{font-size:43px}
  body[data-page="mood"] .films-section{padding-top:40px}
  body[data-page="mood"] .films-heading h1{font-size:43px;line-height:1.06}
  body[data-page="reviews"] .reviews-section{padding-top:40px}
  body[data-page="reviews"] .reviews-section h1{font-size:44px}
  body[data-page="faq"] .faq{padding-top:40px}
  body[data-page="faq"] .faq h1{font-size:44px}
  body[data-page="contact"] .local-section{min-height:calc(100svh - 93px);padding:45px 24px 60px}
  body[data-page="contact"] .local-section h1{font-size:46px}
  .story-teaser,.home-story{grid-template-columns:1fr}
  .story-teaser img,.home-story img{height:530px;object-position:center 25%}
  .story-teaser>.story-copy,.home-story>div{padding:42px 24px 50px}
  .story-teaser h2,.home-story h2{font-size:39px}
}
@media(max-width:370px){body[data-page="home"] .hero-content{padding:22px 19px}body[data-page="home"] .hero h1{font-size:38px}body[data-page="home"] .hero p{font-size:12px}.shop-grid .card-name{font-size:16px}}
@media(prefers-reduced-motion:reduce){.catalog-photo.catalog-photo>img{transition:none}.card-photo:hover .catalog-photo>img{transform:none}}

/* Direct high-resolution product images (no screenshot crops). */
.product-photo{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;max-width:100%;border-radius:10px;transition:transform .4s ease}
.card-photo>.product-photo{height:100%;width:100%;object-fit:cover;margin:0;border-radius:inherit;transform:none}
.card-photo:hover>.product-photo{transform:scale(1.035)}
.bag-item>.product-photo,.search-results .product-photo{height:auto;object-fit:cover;aspect-ratio:1}
.modal-product>.product-photo{height:auto;max-height:none;aspect-ratio:1;object-fit:cover}
.story-teaser>.portrait{padding:0;height:660px;min-height:0}
.story-teaser>.portrait img{height:100%;width:100%;object-fit:cover}
.page-breadcrumb{display:flex;gap:12px;align-items:center;padding:24px 4% 0;margin:0;color:var(--cocoa);font-size:12px;background:var(--oat)}
.page-breadcrumb a{text-underline-offset:4px}
@media(max-width:700px){.story-teaser>.portrait{height:530px}.page-breadcrumb{display:none}}
@media(prefers-reduced-motion:reduce){.product-photo{transition:none}.card-photo:hover>.product-photo{transform:none}}
@media(max-width:700px){
  body[data-page="shop"] .shop-heading{display:block}
  body[data-page="shop"] .shop-seal,body[data-page="shop"] .shop-trust{display:none}
  body[data-page="shop"] .shop-heading h1{font-size:40px}
  body[data-page="shop"] .shop-heading p{font-size:13px;line-height:1.6;margin-bottom:0}
  body[data-page="shop"] .shop-section{padding-top:28px}
  body[data-page="shop"] .shop-toolbar{margin-top:24px;padding:14px}
}