/* Mobile-first interaction layer */
.mobile-nav-toggle{display:none;background:transparent;border:1px solid #494b42;color:#eeeae1;width:44px;height:44px;align-items:center;justify-content:center;padding:0;cursor:pointer}.mobile-nav-toggle span,.mobile-nav-toggle:before,.mobile-nav-toggle:after{content:'';display:block;width:20px;height:1px;background:#eeeae1;transition:transform .2s ease,opacity .2s ease}.mobile-nav-toggle span{margin:5px 0}.mobile-nav-toggle[aria-expanded="true"] span{opacity:0}.mobile-nav-toggle[aria-expanded="true"]:before{transform:translateY(6px) rotate(45deg)}.mobile-nav-toggle[aria-expanded="true"]:after{transform:translateY(-6px) rotate(-45deg)}

@media (max-width: 960px){
  .site-header{height:72px;grid-template-columns:1fr auto;padding:0 18px;gap:16px;position:sticky;top:0}
  .brand-word{font-size:34px}.brand-sprig{font-size:30px}
  .mobile-nav-toggle{display:flex;flex-direction:column}
  .header-marks{display:none}
  .site-header nav{display:none;position:absolute;left:0;right:0;top:72px;background:#11120f;border-top:1px solid #36382f;border-bottom:1px solid #36382f;padding:12px 18px 20px;grid-template-columns:1fr;gap:0;max-height:calc(100vh - 72px);overflow:auto;overscroll-behavior:contain}
  .site-header nav.is-open{display:grid}
  .site-header nav a{font-size:12px;letter-spacing:.15em;line-height:1.2;padding:16px 4px;border-bottom:1px solid #2c2f28;min-height:48px;display:flex;align-items:center}
  .site-header nav a:last-child{border-bottom:0}
  body.nav-open{overflow:hidden}

  .mock-hero{height:auto;min-height:540px;background-position:center}
  .mock-hero-copy{position:relative;left:auto;top:auto;transform:none;width:auto;padding:86px 26px 56px;max-width:620px}
  .mock-hero h1{font-size:clamp(46px,14vw,70px)}
  .visual-categories{height:auto;grid-template-columns:repeat(2,1fr)}
  .visual-category{min-height:190px}
  .home-panels{grid-template-columns:1fr;padding:12px}
  .journal-panel,.finds-panel{min-height:0;padding:18px}
  .journal-grid{grid-template-columns:1fr;height:auto}
  .journal-feature{min-height:360px}
  .journal-list{gap:8px}.journal-mini{min-height:120px}
  .aesthetic-band{grid-template-columns:1fr 1fr;padding:26px 18px}
  .aesthetic-intro{grid-column:1/-1;padding:0 0 22px}
  .aesthetic-item{min-height:150px;border-top:1px solid #36382f}
  .quiet-band{grid-template-columns:1fr}.quiet-image{height:220px}.quiet-action{text-align:left;padding:0 32px 30px}

  .interior-content-wrap{grid-template-columns:1fr;padding:12px}
  .interior-content-panel{padding:42px 24px 52px}
  .interior-side-panel{position:static}
  .section-hero,.style-hero{grid-template-columns:1fr!important;min-height:0}
  .section-hero-copy,.style-hero-copy{padding:54px 24px 38px}
  .section-hero-image,.style-hero-image{min-height:390px}
  .section-editorial,.style-editorial{grid-template-columns:1fr!important}
  .section-editorial-copy,.style-editorial-copy{padding:50px 24px}
  .section-plate,.style-plate{border-left:0!important}
  .section-element-grid,.style-element-grid,.section-reading-grid{grid-template-columns:1fr 1fr!important}
  .section-close,.style-close{grid-template-columns:1fr!important}
  .section-close-image,.style-close-image{min-height:300px}
  .article-body-band{grid-template-columns:1fr!important;padding:0!important}
  .article-body{padding:46px 24px 54px!important}
  .article-note{position:static!important;margin:0 12px 12px}
  .product-shelf{padding:46px 18px!important}.product-shelf-grid{grid-template-columns:1fr 1fr!important}
  .site-footer{grid-template-columns:1fr 1fr!important;gap:34px;padding:44px 24px!important}
  .footer-brand{grid-column:1/-1}
}

@media (max-width: 620px){
  .brand-word{font-size:31px}
  .mock-hero{min-height:500px}.mock-hero-copy{padding:72px 22px 46px}.mock-hero p{font-size:17px}
  .visual-categories{grid-template-columns:1fr 1fr}.visual-category{min-height:160px}
  .visual-category span{padding:8px 10px;font-size:9px}
  .panel-heading{height:auto;min-height:38px;gap:10px}.panel-heading a{text-align:right}
  .journal-feature{min-height:320px}.journal-feature h3{font-size:29px}
  .journal-mini{grid-template-columns:38% 62%;gap:10px}.journal-mini strong{font-size:18px}
  .finds-visual-grid{grid-template-columns:1fr 1fr;gap:16px 10px}.find-image{height:130px}
  .aesthetic-band{grid-template-columns:1fr}.aesthetic-item{border-left:0;min-height:135px}.aesthetic-intro{grid-column:auto}
  .section-hero-copy h1,.style-hero h1{font-size:clamp(44px,14vw,62px)!important}
  .section-hero-image,.style-hero-image{min-height:320px}
  .section-element-grid,.style-element-grid,.section-reading-grid{grid-template-columns:1fr!important}
  .section-elements,.style-elements,.section-reading{padding:46px 18px!important}
  .section-close-copy,.style-close-copy{padding:44px 24px!important}
  .section-close blockquote,.style-close blockquote{font-size:36px!important}
  .product-shelf-grid{grid-template-columns:1fr!important}.product-card{min-height:0!important}
  .site-footer{grid-template-columns:1fr!important}.footer-brand{grid-column:auto}
  .article-body{font-size:18px!important;line-height:1.65!important}
  table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;max-width:100%}
  img{max-width:100%;height:auto}
}