/* Phone and tablet layouts shared by the public pages. */
@media(max-width:820px){
  html{scroll-padding-top:112px}
  body{overflow-x:clip}
  input,select,textarea{font-size:16px!important;max-width:100%}
  button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
  .gd-home .top{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:14px 16px 6px;padding-top:max(14px,env(safe-area-inset-top));background:linear-gradient(#08080af5,#08080ae8 85%,#08080a00)}
  .gd-home .wordmark{align-self:center;font-size:12px;letter-spacing:.22em;min-height:32px}
  .gd-home .nav{display:grid;grid-template-columns:1fr .8fr 1.2fr .8fr;gap:4px;width:100%;margin:0}
  .gd-home .nav>*{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:4px 0;font-size:10px!important;letter-spacing:.10em!important;white-space:nowrap}
  .gd-home .nav button[aria-current="true"]::before{display:none}
  .gd-home .nav button[aria-current="true"]{box-shadow:inset 0 -1px var(--brass)}
  .gd-home #cover.on{padding:116px 18px 50px;align-items:start;overflow-y:auto}
  .gd-home #cover .intro-picture{position:absolute;inset:0;z-index:-2;pointer-events:none}
  .gd-home #cover .intro-art{object-fit:cover;object-position:center;transform:none;z-index:auto}
  .gd-home #cover .intro-copy{margin-top:clamp(12px,4svh,44px);width:100%}
  .gd-home #cover .big{font-size:clamp(46px,15vw,94px);margin-top:14px!important}
  .gd-home #cover .mono{font-size:8px;letter-spacing:.16em}
  .gd-home #cover .enter{margin-top:22px;padding:15px 20px;min-height:48px;letter-spacing:.15em}
  .gd-home #cover .veil{background:linear-gradient(180deg,#0008 0%,#0004 28%,transparent 50%,#0003 100%)}
  .gd-home #vitrine{padding-top:100px;scroll-padding-top:110px}
  .gd-home .vhero{height:calc(88svh - 100px);min-height:380px}
  .gd-home .vexplore{min-height:auto;padding:32px 18px 90px;gap:18px}
  .gd-home .stage{min-width:0;gap:12px}
  .gd-home .plate{width:min(100%,380px);height:45svh;max-height:460px}
  .gd-home .plate img{max-height:100%;max-width:100%;object-fit:contain}
  .gd-home .spec{width:100%;min-width:0;margin-top:8px}
  .gd-home .spec h2{font-size:clamp(19px,5.5vw,29px);overflow-wrap:anywhere}
  .gd-home .spec .acq{max-width:100%;white-space:normal;min-height:44px}
  .gd-home .arrow{width:44px;height:44px;z-index:8}
  .gd-home .arrow.prev{left:0}.gd-home .arrow.next{right:0}
  .gd-home .turntable{max-width:100%;overflow:hidden}
  .gd-home .vcloths{right:12px}
  .gd-home .film .cap{max-width:60%;bottom:24px}
  .gd-home .film .cap b{font-size:14px}
  .gd-home .film .cap span{font-size:8px;letter-spacing:.08em}
  .gd-home .film .sound{min-height:44px;right:12px;bottom:20px}
  .gd-home .pane.on,.gd-home #prive.on{padding:116px 16px 90px;scroll-padding-top:110px}
  .gd-home .pv{padding:0;width:100%;min-width:0}
  .gd-home .panegrid,.gd-home .ed-grid,.gd-home .mb-grid{min-width:0;width:100%}
  .gd-home .ed-cover{max-width:320px;width:100%;margin:auto}
  .gd-home .pv-list{display:grid;grid-template-columns:1fr;width:100%}
  .gd-home .pv-list input{min-width:0;width:100%;min-height:44px}
  .gd-home .pv-list button{min-height:44px}
  .gd-home .payin{margin:16px 12px;padding:26px 18px;max-width:calc(100% - 24px)}
  .gd-home .drawerin{padding:28px 18px;max-width:100%;overflow-y:auto}
  .gd-home .drawerin h2{font-size:22px;overflow-wrap:anywhere}
  .gd-home .concept-buy,.gd-home .concept-option{gap:12px;font-size:14px}
  .gd-home .readout{padding:8px 16px;font-size:7px;letter-spacing:.1em;gap:12px}
  .gd-home .readout span{min-width:0}
  .gd-home .hud{display:none}
  /* Store navigation and purchase controls. */
  body:not(.gd-home) header:has(.main-nav){display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:16px}
  .main-nav{display:grid;grid-template-columns:1fr .8fr 1.2fr .8fr;gap:4px;font-size:10px;letter-spacing:.04em;width:100%}
  .main-nav a{display:flex;justify-content:center;align-items:center;min-height:44px;white-space:nowrap}
  .product,.product section,.collection-card,.cart-copy{min-width:0}
  .product-nav{flex-wrap:wrap;gap:8px 16px}
  .product-nav a{min-height:44px;display:inline-flex;align-items:center}
  .product{gap:20px;padding-left:16px;padding-right:16px}
  .physical-shop .product section{padding-top:0}
  .collection-intro{padding:20px 0}
  .collection-grid{gap:26px 12px}
  .collection-card>div{overflow-wrap:anywhere}
  .collection-card>div span:last-child{white-space:normal}
  .filters{gap:8px 18px}
  .cart-controls{gap:10px}
  .cart-item img{flex-shrink:0}
  .purchase-row button{font-size:15px;padding:14px 10px}
  .sizes span{min-width:44px;padding:8px 12px}
  /* Magazine pages. */
  .gd-editions .nav-in{flex-direction:column;align-items:stretch;padding:12px 16px 4px;gap:4px}
  .gd-editions .nav-links{justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.10em}
  .gd-editions .nav-links a{display:inline-flex;align-items:center;min-height:44px}
  .gd-editions .brand{text-align:center}
  .gd-editions header.haus-intro{padding:28px 18px;gap:20px}
  .gd-editions .top-rule{font-size:9px;letter-spacing:.12em;gap:8px}
  .gd-editions .fan-in{padding:32px 16px 42px}
  .gd-editions .fan-foot,.gd-editions .actions{flex-wrap:wrap;gap:12px}
  .gd-editions .fan-foot .btn{max-width:100%;font-size:11px;letter-spacing:.08em}
  .gd-editions .current-in,.gd-editions .shelf,.gd-editions .explain-in{padding-left:18px;padding-right:18px}
  .gd-editions .current-in>*{min-width:0}
  .gd-editions .cur-title{overflow-wrap:anywhere}
  .gd-editions .haus-intro-art img{max-height:420px}
  .gd-editions .haus-atelier-art img{max-height:380px}
  .gd-preview .runner{position:sticky;flex-wrap:wrap;gap:4px 14px;padding:12px 16px;background:#fff;mix-blend-mode:normal;letter-spacing:.1em;font-size:9px}
  .gd-preview .page{padding:48px 18px}
  .gd-preview .hold,.gd-preview .study-text{min-width:0}
  .gd-preview .specs div{grid-template-columns:1fr;gap:4px}
}
@media(max-width:380px){
  .gd-home .top{padding-left:10px;padding-right:10px}
  .gd-home .nav>*{font-size:9px!important;letter-spacing:.06em!important}
  .gd-home .wordmark{font-size:11px}
  .gd-home #cover .enter{font-size:9px}
}
@media(max-height:520px) and (orientation:landscape){
  .gd-home #cover.on{padding-top:108px;align-items:center}
  .gd-home #cover .intro-copy{margin:0}
  .gd-home #cover .big{font-size:46px}
  .gd-home #cover .enter{margin-top:12px}
}

@media(max-width:600px){
 .gd-admin .heading,.gd-admin .dialog-heading{flex-wrap:wrap;gap:12px}
 .gd-admin .heading h1{font-size:36px;margin-bottom:12px}
 .gd-admin .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .gd-admin .stats>div{padding:12px 8px;min-width:0}
 .gd-admin .stats span{font-size:11px}
 .gd-admin .product-row{grid-template-columns:54px minmax(0,1fr);gap:12px}
 .gd-admin .product-row h3{overflow-wrap:anywhere}
 .gd-admin .product-row .row-actions{grid-column:1/-1}
 .gd-admin .pair{grid-template-columns:1fr;gap:0}
 .gd-admin .actions{flex-wrap:wrap}
 .gd-admin .media-manager{padding:12px}
 .gd-admin .media-heading{flex-wrap:wrap;gap:8px}
 .gd-admin .media-card-actions button{min-height:44px}
 .gd-admin dialog{max-height:90dvh}
}

/* Mobile intro: keep the storefront clear and place the copy on the sand. */
@media(max-width:820px) and (orientation:portrait){
  .gd-home #cover.on{padding:0;display:block}
  .gd-home #cover .intro-copy{position:absolute!important;left:16px;right:16px;bottom:max(52px,calc(env(safe-area-inset-bottom) + 42px));width:auto;margin:0;text-align:center}
  .gd-home #cover .big{font-size:clamp(42px,13vw,64px);margin-top:8px!important;line-height:1.08;filter:drop-shadow(0 2px 8px #000b)}
  .gd-home #cover .mono{font-size:8px;line-height:1.5;letter-spacing:.12em;text-shadow:0 1px 6px #000}
  .gd-home #cover .enter{margin-top:14px;min-height:44px;padding:12px 20px;font-size:9px;letter-spacing:.13em}
  .gd-home #cover .veil{background:linear-gradient(180deg,#0005 0%,transparent 28%,transparent 64%,#0007 82%,#0009 100%)}
}

/* Phone runway: large selected look with a swipeable collection beneath. */
@media(max-width:820px){
 .gd-home .turntable{height:auto;min-height:210px;perspective:none;overflow:visible;margin-top:24px;padding-bottom:30px;touch-action:auto}
 .gd-home .turntable .disc,.gd-home .turntable .discrim,.gd-home .turntable .discinner,.gd-home .turntable .pin{display:none}
 .gd-home .turntable .seats{position:relative;left:auto;top:auto;display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:8px 2px 14px;transform-style:flat;pointer-events:auto;scrollbar-width:thin;scrollbar-color:#b99154 #181819}
 .gd-home .turntable .thumb{position:relative;left:auto;top:auto;flex:0 0 106px;width:106px;height:152px;margin:0;border-radius:5px;transform:none;transform-style:flat;scroll-snap-align:center;border:1px solid #555;transition:border-color .2s}
 .gd-home .turntable .thumb[aria-current="true"]{border:2px solid var(--brass);box-shadow:0 0 0 2px #b9915433}
 .gd-home .turntable .thumb .pop{inset:3px;border-radius:2px;transform:none}
 .gd-home .turntable .thumb .tface{background-size:contain;background-repeat:no-repeat;background-position:center;opacity:1;animation:none;transform:none}
 .gd-home .turntable .thumb::after{display:none}
 .gd-home .turntable .hint{opacity:1;bottom:0;font-size:8px;letter-spacing:.12em;white-space:normal;text-align:center;width:100%}
 .gd-home .plate{height:50svh;max-height:540px}
}