/* PAHM FINAL WORDMARK — approved proportion: PAHM is primary, by Pham is ~55% width */
.header{height:108px}
.brand{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;line-height:1!important;width:max-content!important}
.brand>span:first-child{font-family:"Bodoni Moda","Didot","Bodoni 72",serif!important;font-size:56px!important;font-weight:400!important;line-height:.82!important;letter-spacing:.115em!important;padding-left:.115em!important;color:#111!important;white-space:nowrap!important;font-synthesis:none!important}
.brand small{display:block!important;width:145px!important;height:45px!important;margin:-1px auto 0!important;padding:0!important;font-size:0!important;line-height:0!important;letter-spacing:0!important;color:transparent!important;background-image:url('/by-pham.svg')!important;background-repeat:no-repeat!important;background-position:center center!important;background-size:100% 100%!important;opacity:.88!important;transform:none!important}
.hero{height:460px;grid-template-columns:43% 57%;background:#eee5da}.hero-photo{height:100%;overflow:hidden}.hero-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 25%;filter:saturate(.88)}.hero-content{padding:55px 8vw;background:#eee5da}.hero-content h1{font:500 clamp(48px,5.1vw,78px)/.88 "Cormorant Garamond",serif;letter-spacing:.13em;margin:22px 0 27px}.hero-mark{right:37%;opacity:.14}.services{border-top:0;padding:25px 5vw}.section-heading{position:relative;text-align:center;margin-bottom:25px}.section-heading h2{font:500 34px/1 "Cormorant Garamond",serif;letter-spacing:.16em;margin:0}.section-heading a{position:absolute;right:5px;top:50%;transform:translateY(-50%);font-size:7px;letter-spacing:.15em}.product-grid{grid-template-columns:repeat(6,1fr);gap:10px}.product-line{display:block;font-size:7px;letter-spacing:.1em;line-height:1.5;min-height:36px}.product-line span:last-child{display:block;margin-top:6px;font-size:8px}.product-info p{display:none}.preorder-label{display:block;font-size:6px;margin-top:7px}.private-banner{grid-template-columns:1fr 1.15fr 1fr;min-height:245px;background:#eee6dc}.private-copy{display:flex!important;align-items:center;gap:30px;padding:35px 4vw!important}.private-copy h2{font:500 42px/1 "Cormorant Garamond",serif;letter-spacing:.16em;margin:7px 0 0}.private-copy p{font-size:8px;line-height:1.8;color:#706960;max-width:250px;margin-top:12px}.private-banner form{align-self:center;display:grid;grid-template-columns:1fr auto;max-width:420px;margin:auto;width:85%}.private-banner input[type=email]{border:1px solid #cfc4b9;border-right:0;background:#faf8f4;padding:13px;font-size:9px}.private-banner form button{border:0;background:#1b1917;color:#fff;padding:0 18px;font-size:7px;letter-spacing:.18em}.gift-image img{width:100%;height:100%;object-fit:cover}.footer-brand em{display:block;font-style:normal;font-size:6px;letter-spacing:.17em;margin-top:9px}footer{padding:45px 6vw 35px}.catalog,.dna,.editorial{display:none!important}.pahm-monogram{display:block;width:100%;height:100%;object-fit:contain}.hero-mark .pahm-monogram{width:220px;height:220px}.private-copy .pahm-monogram{width:85px;height:85px;flex:none}.footer-brand .pahm-monogram{width:52px;height:52px;margin:0 auto 4px}.footer-brand small{display:block!important;width:78px!important;height:24px!important;margin:1px 0 0!important;font-size:0!important;line-height:0!important;color:transparent!important;background:url('/by-pham.svg') center/100% 100% no-repeat!important;opacity:.86!important}.private-copy .private-byline{display:block!important;width:120px!important;height:36px!important;margin-top:0!important;font-size:0!important;color:transparent!important;background:url('/by-pham.svg') center/100% 100% no-repeat!important;opacity:.82!important}
@media(max-width:1050px){.product-grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:48% 52%}}
@media(max-width:700px){.header{height:120px;padding:0 18px}.brand>span:first-child{font-family:"Bodoni Moda","Didot","Bodoni 72",serif!important;font-size:38px!important;font-weight:400!important;line-height:.82!important;letter-spacing:.105em!important;padding-left:.105em!important}.brand small{width:92px!important;height:29px!important;margin:-1px auto 0!important;background-size:100% 100%!important}.hero{grid-template-columns:1fr;height:600px}.hero-content{position:absolute;left:0;right:0;bottom:0;padding:95px 8vw 42px;background:linear-gradient(transparent,rgba(250,248,244,.98) 35%)}.hero-content h1{font-size:49px;margin:15px 0 20px}.hero-mark{display:none}.services{grid-template-columns:repeat(2,1fr);padding:22px 12px;gap:18px 0}.services>div{padding:0 12px}.services>div:nth-child(2){border-right:0}.services>div:nth-child(3),.services>div:nth-child(4){border-top:1px solid #d6d0c8;padding-top:18px}.shop{padding:35px 14px 45px}.section-heading h2{font-size:29px}.product-grid{grid-template-columns:repeat(2,1fr);gap:25px 9px}.private-banner{grid-template-columns:1fr;min-height:0}.private-copy{padding:35px 25px!important}.private-copy .pahm-monogram{width:65px;height:65px}.private-copy h2{font-size:35px}.private-copy .private-byline{width:95px;height:30px;margin-top:0!important}.private-banner form{margin:0 25px 35px;width:auto}.gift-image{height:180px}footer{grid-template-columns:repeat(2,1fr);padding:38px 25px;gap:30px 20px}.footer-brand{grid-column:1/-1}}
@media(min-width:701px) and (max-width:900px){.brand>span:first-child{font-family:"Bodoni Moda","Didot","Bodoni 72",serif!important;font-size:48px!important;font-weight:400!important}.brand small{width:125px!important;height:39px!important;margin-top:-1px!important}}

/* DESKTOP — wider landscape hero video; mobile layout remains unchanged */
@media(min-width:901px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .header{position:sticky;top:0;width:100%;height:96px;min-height:96px;padding:0 40px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);overflow:visible}
  .left-nav,.right-nav{min-width:0;white-space:nowrap}
  .left-nav{gap:26px}
  .right-nav{gap:24px}
  .brand{position:relative;z-index:2}
  .brand>span:first-child{font-size:48px!important;line-height:.84!important;letter-spacing:.115em!important;padding-left:.115em!important}
  .brand small{width:124px!important;height:38px!important;margin:-1px auto 0!important}
  .hero{width:100%;height:520px;min-height:520px;display:grid;grid-template-columns:minmax(0,60%) minmax(0,40%);overflow:hidden;background:#eee5da}
  .hero-photo{position:relative;width:100%;height:100%;min-width:0;overflow:hidden;background:#eee5da}
  .hero-photo video{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center center!important}
  .hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
  .hero-content{position:relative;width:100%;min-width:0;height:100%;padding:60px 5vw;background:#eee5da;overflow:hidden}
  .hero-content h1{max-width:100%;font-size:clamp(46px,4.4vw,70px)}
  .hero-mark{pointer-events:none;right:12%;opacity:.14}
  .services{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));padding:28px 6vw;overflow:hidden}
  .shop{width:100%;overflow:hidden}
  .product-grid{width:100%;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
  .product-card,.product-image{min-width:0;max-width:100%}
  .product-image img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
  .product-line{min-width:0;overflow:hidden}
  .product-line span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .private-banner{width:100%;overflow:hidden}
  footer{width:100%;overflow:hidden}
}

/* PRODUCT MODAL — desktop must show the complete source image, never crop it. */
@media(min-width:901px){
  .product-modal{inset:3vh 3vw;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);overflow:hidden;}
  .modal-image{min-width:0;min-height:0;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#e7ded4;}
  .modal-gallery{width:100%;height:100%;display:flex;flex-direction:column;min-height:0;}
  .modal-main-image{width:100%;height:calc(100% - 92px)!important;min-height:0!important;aspect-ratio:auto!important;background:#e7ded4;display:flex;align-items:center;justify-content:center;overflow:hidden;}
  .modal-main-image img,.modal-image>img{width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;display:block;}
  .gallery-thumbs{height:78px;flex:0 0 78px;padding:8px 12px 0;overflow-x:auto;overflow-y:hidden;display:flex;gap:8px;}
  .gallery-thumb{flex:0 0 62px;width:62px;height:68px;}
  .modal-info{min-width:0;overflow:auto;padding:70px 55px;}
}

/* Keep the compact mobile composition unchanged; also prevent accidental cropping inside the mobile gallery. */
@media(max-width:900px){
  .modal-main-image img{object-fit:contain!important;object-position:center center!important;}
}

/* GALLERY THUMBNAILS — always show the complete source image, never crop the face/body. */
.gallery-thumb{position:relative;overflow:hidden;background:#e7ded4;display:flex;align-items:center;justify-content:center;}
.gallery-thumb img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;display:block!important;}
@media(max-width:900px){
  .gallery-thumbs{overflow-x:auto;overflow-y:hidden;align-items:flex-start;}
  .gallery-thumb{flex:0 0 62px;width:62px;height:68px;background:#e7ded4;}
  .gallery-thumb img{object-fit:contain!important;object-position:center center!important;}
}