@media (max-width:700px) {
  :root {font-size:13px}
  .site-header {
    display:block;
    height:140px;
    padding:0;
    box-shadow:0 0 7px 4px #00000059;
  }
  .brand {position:absolute;left:24px;top:10px;width:102px;height:76px}
  .site-header .brand img {display:block;width:102px;height:76px;object-fit:contain}
  .cart-trigger {position:absolute;left:228px;top:123px;width:82px;height:15px;padding:0;display:flex;justify-content:space-between;gap:0;font-size:10px;line-height:15px}
  .cart-trigger>span:first-child {display:block}
  .cart-icon {width:14.3px;height:14.3px;border-radius:50%;background:#c7c7c7}
  .cart-icon svg {display:none}
  .cart-count {inset:0;line-height:14.3px;font-size:9px;color:white}
  .menu-toggle {display:block;position:absolute;left:268px;top:4px;width:50px;height:50px;z-index:12;padding:0;border-radius:0;background:white;font-size:0}
  .menu-toggle::before,.menu-toggle::after {content:"";position:absolute;left:12px;height:2px;border-radius:2px;background:#000;transition:transform .2s,width .2s}
  .menu-toggle::before {top:15px;width:13px;box-shadow:0 9px 0 #000}
  .menu-toggle::after {top:33px;width:18px}
  .menu-toggle {background-image:linear-gradient(#000,#000);background-size:26px 2px;background-position:12px 24px;background-repeat:no-repeat}
  .menu-toggle[aria-expanded=true] {position:fixed;background-image:none}
  .menu-toggle[aria-expanded=true]::before {width:26px;top:24px;box-shadow:none;transform:rotate(-45deg)}
  .menu-toggle[aria-expanded=true]::after {width:26px;top:24px;transform:rotate(45deg)}
  .main-nav {position:fixed;inset:0;z-index:11;padding:80px 46px 0;justify-content:flex-start;align-items:stretch;box-shadow:none}
  .main-nav.open {display:flex}
  .main-nav a {display:block;padding:0;line-height:50px;min-height:50px;text-align:center;font:15px/50px 'Portfolio Sans',Arial,sans-serif}
  body:has(.main-nav.open) {overflow:hidden}

  .hero {height:188px}
  .hero-background img {position:absolute;inset:0;width:100%;height:188px;object-fit:cover;object-position:center;will-change:auto}
  .hero-title {top:27px;left:50%;width:280px;padding:0;transform:translateX(-50%)}
  .hero h1 {font:16px 'Portfolio Sans',sans-serif;line-height:normal;letter-spacing:normal;white-space:nowrap}
  .hero h1>span {font:14px 'Portfolio Display',sans-serif;letter-spacing:.5em}
  .hero h1>.title-space {font:13px 'Portfolio Round',serif;letter-spacing:.0343596em}
  .hero-dot {position:absolute;top:-7px;left:139px;width:12px;text-align:center;font:20px 'Portfolio Round',serif;letter-spacing:.5em}
  .hero-title p {position:absolute;top:22px;left:-5px;width:290px;margin:0;padding:0;font:11px/13.2px 'Portfolio Light',sans-serif;letter-spacing:.75em}

  .eyebrow {width:280px;max-width:calc(100% - 40px);margin-left:auto;margin-right:auto;font:18px/normal 'Portfolio Editorial',Georgia,serif;letter-spacing:.1em}
  .section-title {width:280px;max-width:calc(100% - 40px);margin-left:auto;margin-right:auto;font:700 22px/normal 'Portfolio Editorial',Georgia,serif;letter-spacing:.1em}
  .section-line {height:60px;margin:1px auto 1px}
  .prose {width:280px;max-width:calc(100% - 40px);font:14px/22.4px 'Portfolio Sans',Arial,sans-serif}
  .about {display:flow-root;padding-bottom:35px}
  .about .eyebrow {line-height:normal;margin-bottom:51px}
  .signature {width:72px;height:35px;margin:5px 45px 0 auto}

  .home-gallery {display:flow-root;padding-bottom:0}
  .home-gallery .section-line {margin:1px auto 10px}
  .home-gallery .eyebrow {margin-bottom:10px}
  .home-gallery .section-title {margin-bottom:10px}
  .gallery {width:100%;height:300px;margin:0;overflow:hidden}
  .gallery-viewport {height:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .gallery-viewport::-webkit-scrollbar {display:none}
  .gallery-track {gap:20px;width:max-content;transition:none;touch-action:auto}
  .gallery-item {height:300px}
  .home-gallery .gallery-item {width:100%}
  .gallery-arrow,.home-gallery .gallery-arrow {width:40px;height:40px;background:#36363699;border-radius:50%}
  .gallery-arrow.next {right:23px}
  .gallery-arrow.prev {left:23px}
  .gallery-arrow::after {width:12px;height:12px;border-width:1px;margin-left:-5px}
  .gallery-arrow.prev::after {margin-left:5px}

  .prints {display:flow-root;padding-bottom:20px}
  .prints .section-line {height:70px;margin:1px auto 38px}
  .prints .eyebrow {margin-bottom:22px}
  .prints .prose {width:278px;font-size:15px;line-height:24px}
  .contact {padding:20px 0 21px}
  .contact .section-line {height:70px;margin:0 auto 11px}
  .contact .eyebrow {line-height:normal;margin-bottom:20px}
  .contact-form {width:280px;max-width:calc(100% - 40px);padding:24px;display:grid;grid-template-columns:minmax(0,1fr);gap:24px;font-size:13px;line-height:17px}
  .form-field {grid-column:1;gap:8px}
  .form-field.wide {grid-column:1}
  .form-field input {height:37px;padding:8px 2px;font:15px/19px 'Portfolio Sans',Arial,sans-serif}
  .form-field:has(textarea) {gap:16px}
  .form-field textarea {height:84px;min-height:84px;padding:0 12px;resize:none;font:15px/19px 'Portfolio Sans',Arial,sans-serif}
  .contact-form button[type=submit] {grid-column:1;width:100%;height:41.2px;margin:0;justify-self:stretch;font:15px/19.5px Arial,sans-serif}
  .form-status {grid-column:1}
  .form-status:empty {display:none}

  .portfolio-section,.portfolio-section:last-child {height:auto;padding:20px 0 0}
  .portfolio-section .section-line {height:60px;margin:0 auto 11px}
  .portfolio-section .eyebrow,.portfolio-section:nth-child(4) .eyebrow,.portfolio-section:nth-child(5) .eyebrow {min-height:25px;margin-bottom:10px}
  .portfolio-section .section-title {margin-bottom:20px}
  .portfolio-section:first-child .section-title {margin-bottom:24px}
  .portfolio-section .gallery {height:375px}
  .portfolio-section .gallery-track {height:375px;padding:25px 25px 0 0;align-items:flex-start;gap:50px}
  .portfolio-section .gallery-item {height:350px}
  .portfolio-section .gallery-item:first-child {margin-left:25px}
  .portfolio-section:nth-child(3) {padding-bottom:20px}
  .portfolio-section:nth-child(4) {padding-bottom:40px}
  .portfolio-section:last-child {padding-bottom:27px}

  .site-footer {height:auto;min-height:0;padding:18px 20px 7px;text-align:center}
  .socials {height:35px;gap:15px;margin-bottom:21px}
  .socials span,.socials img {width:35px;height:35px}
  .footer-links {display:flex;flex-direction:column;align-items:stretch;padding:0;gap:0}
  .footer-links a:nth-child(n) {width:100%;font:13px/normal 'Portfolio Editorial',Georgia,serif;letter-spacing:.1em;margin-bottom:15px}
  .footer-links a:nth-child(2) {margin-bottom:14px}
  .footer-links a:last-child {margin-bottom:0;line-height:normal}

  .shop {padding:20px 20px 21px;min-height:0}
  .breadcrumbs {font-size:14px;line-height:22px;margin-bottom:24px}
  .shop-category,.shop-category:has(.description:empty),.shop-category:has(.description[data-collapsed=false]) {display:block;position:relative;height:auto;min-height:0;padding:0;margin-bottom:16px}
  .category-banner {display:block;width:100%;height:140px;object-fit:cover;object-position:center;margin:0 0 16px}
  .shop-category h1 {font:22px/34px 'Portfolio Editorial',Georgia,serif;margin:0}
  .shop-category .description {font-size:14px;line-height:22px}
  .shop-description-toggle {font-size:14px;line-height:22px;margin-top:0}
  .shop-toolbar {height:auto;min-height:40px;gap:10px;font-size:13px;margin-bottom:16px}
  .shop-toolbar select {max-width:100%;font-size:13px}
  .products-grid {grid-template-columns:minmax(0,1fr);gap:20px}
  .product-card .card-image {height:280px;max-height:none;width:100%;object-fit:contain}
  .product-card .ribbon {top:0;left:0;font-size:13px;line-height:20px;padding:5px 12px}
  .card-name {font-size:15px;line-height:24.8px;margin-top:16px}
  .card-price {font-size:15px;line-height:24.8px;margin-top:4px}
  .shop-sidebar.open {font-size:13px}

  .product-page {width:280px;max-width:calc(100% - 40px);margin:20px auto 1px}
  .product-page .breadcrumbs {font-size:15px;line-height:24px;margin-bottom:24px}
  .product-layout {gap:24px}
  .product-details h1 {font-size:26px;line-height:31.2px;margin-bottom:8px}
  .product-price {font-size:15px;margin-bottom:24px}
  .product-description {font-size:15px;line-height:24px}
  .product-options {gap:15px}
  .product-buttons {margin-top:24px}
  .cart-page {margin:24px auto 40px;padding:0 20px}
  .cart-page-layout {grid-template-columns:minmax(0,1fr);gap:30px}
  .page-cart-items>.cart-line {grid-template-columns:70px minmax(0,1fr) 18px;gap:12px}
  .page-cart-items>.cart-line img {width:70px;max-height:90px}
  .page-cart-items>.cart-line>div {display:block}
  .page-cart-items .cart-quantity-row {display:flex}
  .page-cart-items .cart-quantity-row>span {font-size:13px}
  .drawer {width:320px;padding:22px 20px}
  .lightbox-main {width:100%;height:calc(100% - 100px)}
  .lightbox-close {right:18px;top:20px;font-size:30px}
  .lightbox-arrow {padding:0 7px;font-size:35px}
  .lightbox-arrow.prev {left:0}
  .lightbox-arrow.next {right:0}
  .legal-page {font-size:14px;line-height:1.4}
  .legal-content h1 {font-size:17px}
  .legal-page>.section-line {margin-top:20px;margin-bottom:32px}
}
@media(max-width:700px){html{scrollbar-width:none}html::-webkit-scrollbar{display:none}}