.mobile-tabs,.mobile-admin-link{display:none}
@media(max-width:760px){
  html{scroll-padding-top:calc(84px + env(safe-area-inset-top))}
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom));font-size:14px;line-height:1.65}
  .wrap{width:calc(100% - 32px)}
  .topbar{display:none}
  .site-header{padding-top:env(safe-area-inset-top);backdrop-filter:none}
  .header-wrap{height:68px;padding:0 16px;gap:16px;justify-content:space-between}
  .wordmark{width:auto;align-items:flex-start}
  .wordmark-name{font-size:22px;letter-spacing:.025em;margin:0}
  .wordmark-sub{font-size:6px;letter-spacing:.3em;margin:5px 0 0 2px}
  .site-header .menu-toggle,.site-header #main-navigation{display:none!important}
  .mobile-admin-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:24px;font-size:13px;font-weight:700;white-space:nowrap}
  .mobile-tabs{position:fixed;inset:auto 0 0;z-index:50;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line)}
  .mobile-tabs a{display:flex;min-height:52px;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;line-height:1.3;color:var(--muted);border:1px solid transparent;border-radius:12px}
  .mobile-tabs svg{width:22px;height:22px;flex:none}
  .mobile-tabs a[aria-current=page]{color:var(--ink);border-color:var(--line);font-weight:700}
  .mobile-tabs a[aria-current=page] svg{stroke-width:2.3}
  main{min-width:0}
  .section{padding:40px 0}
  h1,h2,h3{overflow-wrap:break-word}
  .section h2,.philosophy-banner h2{font-size:clamp(28px,7.8vw,36px);line-height:1.14;letter-spacing:-.035em}
  .eyebrow{font-size:10px;line-height:1.5;letter-spacing:.14em;margin-bottom:14px}
  .text-link{display:flex;width:100%;min-height:48px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;font-size:14px;line-height:1.5;gap:16px}
  .text-link span{font-size:21px}
  .worlds-hero{width:calc(100% - 32px);margin:12px 16px 0;gap:10px;height:clamp(300px,82vw,380px);min-height:0;max-height:none;grid-template-columns:repeat(2,minmax(0,1fr))}
  .world-panel{border-radius:18px;min-width:0}
  .world-panel>img{filter:none}
  .world-ethnic>img{object-position:50% 27%}
  .world-western>img{object-position:76% 30%}
  .world-shade{background:linear-gradient(0deg,#000000e0,transparent 90%)}
  .world-copy{left:12px;right:12px;bottom:12px}
  .world-copy h2{font-size:clamp(20px,6vw,28px);line-height:1.1;letter-spacing:-.04em}
  .world-copy>p{font-size:11px;line-height:1.45;margin-top:10px;min-height:48px;max-width:none;letter-spacing:0}
  .world-link{display:flex;justify-content:space-between;min-height:36px;font-size:11px;line-height:1.4;padding:4px 0;border:0;margin-top:8px;gap:8px}
  .world-link>span{font-size:18px}
  .home-fabrics{padding-top:36px}
  .section-heading{gap:12px;margin-bottom:24px}
  .section-heading>p{font-size:14px;line-height:1.6;margin:0}
  .fabric-tiles{grid-template-columns:minmax(0,1fr);gap:12px}
  .fabric-tile{display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:16px;row-gap:8px;padding:12px;border:1px solid var(--line);border-radius:16px;min-height:128px}
  .fabric-tile-image{grid-row:1/3;width:96px;height:104px;border-radius:10px}
  .fabric-tile>div:nth-child(2){margin:0;gap:8px;min-width:0;align-self:end}
  .fabric-tile h3{font-size:20px;line-height:1.25;letter-spacing:-.025em}
  .fabric-tile p{font-size:13px;line-height:1.5;margin:0;align-self:start}
  .home-fabrics>.wrap>.text-link{margin-top:20px}
  .split,.studio-inner{grid-template-columns:minmax(0,1fr);gap:24px}
  .split>*,.studio-inner>*{min-width:0}
  .section-copy p,.studio-inner>div>p{font-size:14px;line-height:1.7;margin-top:18px}
  .section-copy .text-link{margin-top:24px}
  .expression-photo,.home-process .craft-photo{height:auto;aspect-ratio:4/3;border-radius:18px}
  .process-visual .eyebrow{margin-bottom:16px}
  .philosophy-banner{padding:40px 0}
  .philosophy-banner p{font-size:14px;line-height:1.65;margin-top:18px}
  .philosophy-banner .text-link{margin-top:24px}
  .page-intro{padding:32px 0 28px}
  .page-intro h1{font-size:clamp(28px,8vw,36px);line-height:1.15;letter-spacing:-.035em}
  .lede{font-size:14px;line-height:1.7;margin-top:18px}
  .fabric-index{top:calc(68px + env(safe-area-inset-top));backdrop-filter:none}
  .fabric-index nav{width:calc(100% - 24px);gap:4px;min-height:64px}
  .fabric-index a{flex:1;min-width:0;min-height:56px;padding:8px 0;font-size:11px;gap:3px}
  .fabric-index a>span{font-size:9px}
  .fabric-guide{padding:24px 0 4px}
  .fabric-story,.fabric-story-reverse{padding:16px;margin:0 0 20px;border:1px solid var(--line);border-radius:18px;gap:34px;scroll-margin-top:64px;grid-template-columns:minmax(0,1fr)}
  .fabric-story:last-child{border:1px solid var(--line)}
  .fabric-story-photo{height:auto;aspect-ratio:4/3;min-width:0}
  .fabric-story-photo img{border-radius:12px}
  .fabric-story-photo figcaption{font-size:9px;bottom:-23px;letter-spacing:0}
  .fabric-story-copy{min-width:0}
  .fabric-story-copy h2{font-size:32px;line-height:1.15}
  .fabric-story-copy .eyebrow{font-size:9px}
  .fabric-story-copy .fabric-note{font-family:var(--sans);font-size:18px;font-weight:700;line-height:1.4;margin-top:14px}
  .fabric-story-copy p{font-size:14px;line-height:1.7;margin-top:14px}
  .fabric-tags{margin-top:18px;gap:6px}
  .fabric-tags li{font-size:11px;padding:7px 10px;border-radius:8px}
  .process-banner{height:auto;aspect-ratio:16/10;margin:0 16px 24px;border-radius:18px;overflow:hidden}
  .process-page{padding-top:0}
  .process-row{grid-template-columns:28px minmax(0,1fr);padding:20px 16px;gap:12px;margin-bottom:14px;border:1px solid var(--line);border-radius:16px}
  .process-row>span{font-size:17px;line-height:1.4}
  .process-row h2{font-size:23px;line-height:1.2;overflow-wrap:anywhere}
  .process-row p{font-size:14px;line-height:1.7}
  .process-row .process-kicker{font-family:var(--sans);font-size:16px;font-weight:700;line-height:1.5}
  .process-row p+p{margin-top:12px}
  .three-notes{gap:14px}
  .three-notes>div{border:1px solid var(--line);padding:20px;border-radius:16px}
  .three-notes h3{font-size:23px;line-height:1.25}
  .three-notes p,.philosophy-closing p{font-size:14px;line-height:1.7;margin-top:16px}
  .three-notes>div>span{font-size:10px;margin-bottom:14px}
  .reading h2{font-size:25px;line-height:1.25}
  .reading p{font-size:14px;line-height:1.75}
  footer{padding-top:32px}
  .focused-footer{gap:16px;padding-bottom:24px}
  .focused-footer nav{display:none}
  .footer-wordmark .wordmark-name{font-size:22px}
  .focused-footer p{font-size:12px;margin-top:16px}
  .focused-footer .eyebrow{font-size:10px;margin-top:14px}
  .footer-bottom{flex-direction:column;gap:12px;align-items:flex-start;font-size:11px;padding:20px 0}
  .footer-bottom>div{gap:20px;flex-wrap:wrap}
  .footer-bottom a{display:inline-flex;min-height:36px;align-items:center}
}