/* Pipley: a quiet fashion framework, with colour coming from the clothing. */
:root {
  --ink:#29232a; --muted:#736e73; --paper:#fff; --line:#e9e5e8;
  --rose:#674252; --pink:#f1dfe6; --lilac:#eee9f0;
  --font:'Inter',sans-serif; --heading:'Bodoni Moda',Georgia,serif;
}
html { scroll-padding-top:100px; }
body { font-size:14px; letter-spacing:-.015em; }
h1,h2,h3 { font-weight:400; }
h1,h2 { letter-spacing:-.05em; }
button,input,select { font-family:var(--font); }
svg { stroke-width:1.35; }
::selection { background:#e9cfda; color:var(--ink); }
.announcement {
  height:31px; background:#4c3441; color:#fff; font-size:9px;
  letter-spacing:.12em; gap:20px; text-transform:uppercase;
}
.announcement-divider { opacity:.4; }
.header { height:98px; padding:0 4.5%; border-bottom:1px solid #eeebed; background:#fff; }
.brand { width:138px; }
.brand-word { font-family:'Inter',sans-serif; font-weight:750; font-size:43px; letter-spacing:-4px; transform:none; }
.brand-word i:nth-child(n) { color:#4c3441; }
.brand-word sup { color:#bc839d; font-size:19px; top:-7px; right:-15px; }
.brand-sub { font-size:7px; letter-spacing:.46em; margin-top:8px; }
.desktop-nav { font-size:11px; gap:32px; margin-left:0; letter-spacing:0; }
.desktop-nav a { position:relative; }
.desktop-nav a:after { content:''; position:absolute; bottom:3px; left:0; width:0; height:1px; background:var(--ink); transition:width .2s; }
.desktop-nav a:hover:after { width:100%; }
.header-tools { gap:15px; }
.icon-button { width:38px; height:38px; }
.bag-button { min-height:40px; gap:9px; }
.bag-label { font-size:11px; }
#bag-count { background:#f4eff1; border-radius:0; width:19px; height:19px; }
.eyebrow { font-size:9px; font-weight:500; letter-spacing:.18em; margin-bottom:20px; color:var(--muted); }

/* Campaign */
.hero { margin:22px 22px 0; grid-template-columns:45% 55%; background:#f3e9e9; min-height:640px; }
.hero-copy { padding:70px 35px 38px 6vw; background:#f3e9e9; display:flex; flex-direction:column; align-items:flex-start; }
.hero .eyebrow { color:#665760; margin-bottom:35px; }
.hero .eyebrow:before { display:none; }
.hero h1 { font-size:clamp(58px,5.9vw,96px); line-height:1.04; letter-spacing:-.055em; max-width:600px; font-weight:400; }
.hero h1 em { font-family:var(--heading); color:#805c6e; font-weight:400; }
.hero-copy>p { font-size:12px; line-height:1.9; max-width:295px; margin-top:27px; color:#6d5e66; }
.hero-ctas { margin-top:30px; gap:22px; flex-wrap:wrap; }
.hero-photo { min-height:640px; background-position:51% 45%; }
.hero-photo:before,.hero-badge { display:none; }
.hero-footnote { font-size:9px; color:#7c6973; margin-top:auto; padding-top:45px; letter-spacing:.04em; }
.hero-footnote svg { display:none; }
.photo-caption { right:20px; bottom:20px; background:#ffffffed; border-radius:0; padding:13px 18px; font-size:9px; letter-spacing:.03em; }
.photo-caption span { display:none; }
.hero-edition { position:absolute; top:25px; right:26px; font-size:9px; text-transform:uppercase; letter-spacing:.18em; color:#fff; text-shadow:0 1px 8px #3335; }
.benefits { background:#fff; padding:28px 6%; gap:0; border-bottom:1px solid var(--line); }
.benefit { font-size:9px; letter-spacing:.03em; border-right:1px solid var(--line); min-height:24px; }
.benefit:last-child { border:0; }
.benefit svg { display:none; }

/* Shared controls */
.button {
  background:var(--ink); border:1px solid var(--ink); border-radius:0;
  padding:18px 23px; min-height:54px; gap:30px; font-size:10px;
  font-weight:500; letter-spacing:.09em; text-transform:uppercase;
  transition:background .2s,border-color .2s;
}
.button:hover { background:var(--rose); border-color:var(--rose); transform:none; }
.button svg { width:19px; transition:transform .2s; }
.button:hover svg { transform:translateX(3px); }
.button.rose { background:var(--ink); }
.button.rose:hover { background:var(--rose); }
.button.light { background:#fff; border-color:#fff; }
.button.outline { border-color:var(--ink); background:white; }
.button.outline:hover { background:#f4edf0; }
.text-link,.underlink { font-size:10px; font-weight:500; letter-spacing:.05em; text-transform:uppercase; border-color:#b4a5ae; padding-bottom:8px; gap:28px; }
.text-link:hover,.underlink:hover { border-color:var(--ink); }
.text-link svg { width:18px; }
.pill { border:0; border-bottom:1px solid transparent; border-radius:0; padding:13px 0; margin-right:22px; background:none; font-size:11px; color:#817a80; }
.pill.active,.pill:hover { color:var(--ink); background:none; border-color:var(--ink); }
.category-tabs { gap:0; }
.sort-select { border:0; border-bottom:1px solid var(--line); border-radius:0; background:#fff; padding:11px 24px 11px 10px; font-size:11px; color:var(--muted); }

/* Product discovery */
.section { padding:90px 5.8%; }
.section-head { margin-bottom:42px; align-items:flex-end; }
.section-head .eyebrow { color:var(--muted); font-size:9px; margin-bottom:15px; }
h2 { font-size:clamp(38px,4.2vw,62px); line-height:1.08; }
.section-head p { font-size:12px; margin-top:17px; color:var(--muted); }
.section-head>.text-link { margin-bottom:5px; }
.catalog-filters { gap:23px; margin-bottom:33px; }
.browse-label { font-size:9px; letter-spacing:.14em; font-weight:500; color:var(--muted); }
.browse-label-row { margin-bottom:16px; }
.all-themes { padding:7px 0; font-size:10px; }
.theme-tiles { gap:19px; }
.theme-tile { background:#fff; border:0; border-bottom:1px solid var(--line); border-radius:0; padding:0 0 12px; gap:12px; }
.theme-tile:hover { border-color:#9b8490; }
.theme-tile.selected { box-shadow:none; background:#fff; border-color:var(--ink); }
.theme-thumb { width:50px; height:56px; border-radius:0; background:#fff; }
.theme-tile strong { font-size:11px; font-weight:500; }
.theme-tile small { font-size:8px; letter-spacing:.02em; color:#91858d; }
.theme-tile-label { gap:6px; }
.apparel-browser { padding-top:0; border:0; gap:34px; }
.apparel-browser .browse-label { min-width:102px; }
.product-grid { gap:36px 28px; }
.product-visual { border-radius:0; background:#fff; aspect-ratio:1/1.15; border-bottom:1px solid #f4f1f3; }
.product-picture { background-color:#fff; }
.product-visual:hover .product-picture { transform:scale(1.025); }
.product-badge { top:11px; left:0; background:#fff; padding:6px 8px; border-radius:0; font-size:8px; letter-spacing:.05em; }
.favourite { top:7px; right:0; background:#fff; border-radius:0; width:34px; height:34px; }
.favourite svg { width:18px; }
.product-card .quick-add { bottom:0; left:0; right:0; border:1px solid #e9e3e6; background:#fff; padding:15px; font-size:9px; text-transform:uppercase; letter-spacing:.12em; }
.product-info { padding:20px 0 6px; }
.product-meta { font-size:8px; letter-spacing:.12em; color:#95828d; margin-bottom:10px; }
.product-title-row { gap:12px; align-items:baseline; }
.product-title-row h3 { font-family:var(--font); font-weight:500; font-size:12px; line-height:1.65; letter-spacing:-.02em; max-width:200px; }
.price { font-size:11px; }
.product-description { font-size:10px; margin-top:7px; color:#918990; line-height:1.8; min-height:36px; }
.swatches { gap:7px; margin-top:14px; align-items:center; }
.swatch { width:11px; height:11px; border:0; }
.swatch.selected { outline:1px solid #c3b7bd; outline-offset:3px; }
.swatch-label { font-size:8px; margin-left:7px; }
.catalog-end { text-align:center; padding-top:45px; }
.catalog-end .button { min-width:240px; }
.mini-note { font-size:9px; color:#9b9096; margin-top:30px; line-height:1.7; }

/* Stories and collections */
.story-strip { margin:10px 5.8%; border-radius:0; background:#f1edf3; grid-template-columns:1fr 1fr; }
.story-image { background:#fff; min-height:560px; border:1px solid #f2edf1; }
.story-image .product-picture { opacity:1; }
.story-sticker { box-shadow:none; transform:none; background:#fff; font-family:var(--font); font-size:9px; letter-spacing:.07em; text-transform:uppercase; padding:14px; left:20px; bottom:20px; }
.story-content { padding:65px 13%; }
.story-content h2 { font-size:52px; line-height:1.04; }
.story-content .eyebrow { color:#8a7689; }
.steps { gap:22px; margin:34px 0; }
.step { gap:18px; padding-bottom:18px; border-bottom:1px solid #d9d1dd; }
.step-number { border:0; width:18px; height:auto; align-self:flex-start; font-family:var(--font); font-size:10px; color:#a18ea3; margin-top:5px; }
.step h3 { font-family:var(--font); font-size:12px; font-weight:500; margin-bottom:8px; }
.step p { font-size:11px; color:#83778a; }
.theme-collections { grid-template-columns:repeat(3,1fr); gap:36px 24px; }
.collection-card,.collection-card:nth-child(n) { min-height:0; background:#fff; border-radius:0; padding:0; display:block; }
.collection-card .product-picture { position:relative; aspect-ratio:1; height:auto; opacity:1; mix-blend-mode:normal; margin-bottom:22px; border-bottom:1px solid var(--line); }
.collection-card:after { display:none; }
.collection-card .eyebrow { font-size:8px; color:#9a828f; margin-bottom:11px; }
.collection-card h3 { font-size:34px; letter-spacing:-.045em; }
.collection-card p { color:var(--muted); font-size:11px; margin:12px 0 20px; line-height:1.7; }
.collection-card .text-link { font-size:9px; }
.joy-banner { margin-top:20px; background:#f6f1ee; grid-template-columns:1.05fr 1fr; }
.joy-photo { min-height:570px; }
.joy-copy { padding:70px 13%; }
.joy-copy .hand-heart { display:none; }
.joy-copy h2 { font-size:55px; line-height:1.08; }
.joy-copy p { font-size:12px; color:#8b7b78; margin:25px 0 30px; }
.club { padding:80px 6%; background:#f1e2e8; }
.club h2 { font-size:53px; }
.club .eyebrow { color:#937483; }
.club p { font-size:12px; color:#887280; margin:20px 0 30px; }
.club form { border-color:#b399a6; max-width:460px; }
.club input { font-size:12px; padding:16px 0; }
.club button { font-size:9px; text-transform:uppercase; letter-spacing:.1em; }
.club small { font-size:9px; color:#947d88; margin-top:17px; }
footer { background:#fff; padding:65px 5.8% 25px; }
.footer-top { padding-bottom:55px; grid-template-columns:1.4fr 1fr 1fr 1fr; }
.footer-logo { font-family:var(--font); font-weight:650; font-size:40px; letter-spacing:-3px; color:#4c3441; }
.footer-logo span { color:#b78da1; }
.footer-top h3 { font-family:var(--font); font-size:10px; font-weight:500; letter-spacing:.08em; text-transform:uppercase; }
.footer-top p { font-size:11px; color:var(--muted); line-height:1.8; }
.footer-top>div>a:not(.footer-logo),.footer-top .text-button { font-size:10px; color:#8a7e86; margin:15px 0; }
.footer-note>span { display:none; }
.footer-note p { font-family:var(--heading); font-size:27px; line-height:1.3; letter-spacing:-.03em; color:#75606c; }
.footer-bottom small { font-size:8px; letter-spacing:.02em; }

/* Shop, product details and overlays */
.page-heading { background:#fbf9fa; padding:65px 5.8% 50px; border-bottom:1px solid var(--line); }
.page-heading h1 { font-size:68px; font-weight:400; letter-spacing:-.05em; }
.page-heading p { font-size:12px; max-width:570px; margin-top:20px; }
.shop-section { padding-top:38px; }
.shop-toolbar { margin-bottom:35px; gap:15px; }
.breadcrumbs { font-size:9px; letter-spacing:.02em; padding:25px 5.8%; }
.product-detail { padding:12px 5.8% 85px; gap:7%; grid-template-columns:1.1fr 1fr; }
.product-main-image { background:#fff; border-radius:0; border:1px solid #f3eff1; }
.product-main-image .product-badge { top:15px; left:15px; border:1px solid var(--line); font-size:8px; }
.image-note { font-size:9px; line-height:1.7; margin-top:12px; }
.thumbnail { border-radius:0; width:70px; height:78px; }
.thumbnail.selected { border:1px solid var(--ink); }
.detail-info { padding-top:10px; }
.detail-info .eyebrow { font-size:9px; color:#9a7a8c; margin-bottom:19px; }
.detail-info h1 { font-size:50px; letter-spacing:-.045em; font-weight:400; line-height:1.1; }
.detail-price { font-size:17px; margin:22px 0; }
.detail-intro { font-size:12px; line-height:1.9; margin:20px 0 27px; }
.included { background:#f9f6f8; border:1px solid #eee6eb; border-radius:0; padding:17px 19px; font-size:10px; line-height:1.9; margin-bottom:30px; }
.option-group { margin:27px 0; }
.option-group legend { font-size:10px; font-weight:500; letter-spacing:.02em; margin-bottom:16px; }
.colour-options { gap:15px; }
.colour-choice { width:30px; height:30px; border:4px solid white; outline:1px solid var(--line); }
.colour-choice.selected { outline:1px solid var(--ink); }
.size-option { border:1px solid var(--line); border-radius:0; min-height:43px; min-width:52px; font-size:10px; padding:12px 13px; }
.size-option:hover { border-color:var(--ink); }
.tone-option { border-radius:0; border:1px solid var(--line); min-height:42px; font-size:10px; padding:11px 16px; }
.tone-option.selected { background:#f7f2f5; border-color:var(--ink); }
.tone-dot { width:14px; height:14px; }
.fixed-theme { border-radius:0; background:transparent; padding:19px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin:28px 0; }
.fixed-theme strong { font-size:11px; font-weight:500; }
.fixed-theme li { font-size:10px; color:#8a7f86; line-height:2; }
.fixed-theme p { font-size:10px; color:#8a7f86; }
.fixed-theme .underlink { font-size:9px; text-transform:none; letter-spacing:0; padding:0; }
.option-note { font-size:9px; }
.add-row { margin:24px 0 17px; }
.quantity { border:1px solid var(--line); border-radius:0; }
.quantity button { min-width:38px; min-height:42px; padding:10px; }
.quantity span { font-size:11px; }
.detail-assurance { font-size:9px; }
.detail-accordion { padding:20px 0; }
summary { font-size:11px; font-weight:500; }
details p,details li { font-size:11px; }
.look-preview { background:#faf8f9; border:0; border-radius:0; padding:17px; font-size:10px; }
.faq-page { max-width:830px; padding-top:60px; }
.faq-page h2 { font-size:35px; }
.faq-page>p { font-size:13px; line-height:2; }
.about-image { border-radius:0; }
dialog { border-radius:0; background:#fff; padding:35px; box-shadow:0 20px 80px #28212a20; }
dialog::backdrop { background:#28202a55; backdrop-filter:blur(5px); }
dialog.drawer { padding:30px; width:min(480px,100%); }
.modal-header h2 { font-size:36px; letter-spacing:-.045em; }
.search-input { border-radius:0; background:#fff; border:0; border-bottom:1px solid #b9abb3; font-size:13px; padding:18px 0; }
.search-result .product-picture,.cart-item>.product-picture { border-radius:0; background-color:white; }
.search-result h3,.cart-item h3 { font-family:var(--font); font-weight:500; font-size:12px; }
.cart-item { gap:22px; }
.cart-item p { font-size:10px; }
.cart-item .quantity button { min-height:30px; min-width:28px; }
.remove-item { margin-top:10px; font-size:9px; }
.subtotal { font-size:15px; }
.modal-copy { font-size:12px; }
.size-table th { background:#f8f4f6; }
.inline-notice { background:#f7eff3; color:#8a7080; padding:20px; }
.mobile-links a { font-family:var(--heading); font-size:31px; padding:14px 0; }
#toast { border-radius:0; font-size:11px; padding:17px 25px; }

@media(min-width:1500px) {
  .hero { min-height:730px; }.hero-photo { min-height:730px; }
  .hero-copy { padding-top:85px; }.hero h1 { font-size:98px; }
  .section,footer { padding-left:max(6vw,calc((100vw - 1450px)/2)); padding-right:max(6vw,calc((100vw - 1450px)/2)); }
}
@media(max-width:1100px) {
  .desktop-nav { gap:21px; }.header { padding:0 4%; }
  .hero { grid-template-columns:47% 53%; min-height:600px; }.hero-photo { min-height:600px; }
  .hero-copy { padding:60px 24px 30px 5vw; }.hero h1 { font-size:65px; }
  .hero-ctas { gap:18px; }.hero-ctas .button { padding:17px 20px; }
  .product-grid { gap:30px 20px; }.product-title-row { flex-direction:column; gap:5px; align-items:flex-start; }
  .theme-tiles { gap:12px; }.theme-tile { gap:7px; }.theme-thumb { width:42px; height:49px; }
  .theme-tile strong { font-size:10px; }.theme-tile small { font-size:7px; }
  .story-content { padding:48px 11%; }.story-content h2 { font-size:43px; }
  .joy-copy { padding:45px 11%; }.joy-copy h2 { font-size:45px; }
  .detail-info h1 { font-size:44px; }.size-row { gap:12px; }.size-option { min-width:46px; padding:10px; }
}
@media(max-width:760px) {
  html { scroll-padding-top:76px; }
  .announcement { height:27px; font-size:8px; letter-spacing:.1em; }
  .announcement span { display:none!important; }
  .header { height:76px; padding:0 17px; }
  .brand { width:110px; }.brand-word { font-size:35px; letter-spacing:-3px; }.brand-sub { font-size:6px; letter-spacing:.4em; }
  .header-tools { gap:2px; }.icon-button { width:34px; height:36px; }.bag-button { padding:0; gap:5px; }
  .hero { display:flex; margin:12px 12px 0; }
  .hero-copy { padding:35px 25px 30px; }
  .hero .eyebrow { font-size:8px; letter-spacing:.13em; margin-bottom:24px; }
  .hero h1 { font-size:61px; line-height:1.02; max-width:390px; }
  .hero-copy>p { font-size:11px; line-height:1.85; margin-top:23px; max-width:275px; }
  .hero-ctas { gap:19px; margin-top:25px; align-items:center; }
  .hero-ctas .button { padding:16px 18px; min-height:50px; gap:18px; font-size:9px; }
  .hero-ctas .underlink { font-size:8px; }
  .hero-footnote { display:none; }
  .hero-photo { min-height:395px; background-position:51% 43%; }
  .hero-edition { top:20px; right:18px; font-size:8px; }
  .photo-caption { bottom:15px; right:15px; font-size:8px; padding:11px 13px; }
  .benefits { padding:23px 22px; gap:17px 14px; }
  .benefit { font-size:8px; padding:0; border:0; line-height:1.6; }
  .section { padding:55px 22px; }.section-head { margin-bottom:28px; gap:18px; flex-wrap:wrap; }
  .section-head h2 { font-size:41px; max-width:300px; }.section-head .eyebrow { font-size:8px; margin-bottom:14px; }
  .section-head p { font-size:11px; max-width:290px; }.section-head>.text-link { margin:0; font-size:9px; }
  .catalog-filters { gap:18px; margin-bottom:27px; }
  .theme-tiles { grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px 16px; }
  .theme-thumb { width:43px; height:48px; }.theme-tile { gap:9px; padding-bottom:10px; }
  .theme-tile strong { font-size:10px; }.theme-tile small { font-size:7px; }
  .browse-label { font-size:8px; }.all-themes { font-size:9px; }
  .apparel-browser { flex-direction:column; align-items:flex-start; gap:4px; padding-top:5px; }
  .category-tabs { gap:0; width:100%; }.pill { padding:11px 0; font-size:10px; margin-right:18px; }
  .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:27px 16px; }
  .product-visual { aspect-ratio:1/1.2; }.product-badge { font-size:7px; padding:5px; top:6px; left:0; }
  .favourite { top:3px; width:27px; height:27px; right:0; }.favourite svg { width:16px; }
  .product-info { padding-top:14px; }.product-title-row h3 { font-size:11px; line-height:1.6; max-width:none; }
  .product-meta { font-size:7px; line-height:1.65; letter-spacing:.07em; margin-bottom:6px; }
  .product-description { font-size:9px; line-height:1.7; min-height:46px; }.price { font-size:10px; }
  .swatches { gap:6px; margin-top:12px; flex-wrap:wrap; }.swatch { width:10px; height:10px; }.swatch-label { font-size:7px; margin-left:3px; }
  .catalog-end { padding-top:33px; }.catalog-end .button { min-width:230px; }
  .story-strip { margin:0 22px; grid-template-columns:1fr; }.story-image { min-height:340px; }
  .story-content { padding:37px 28px; }.story-content h2 { font-size:45px; }.story-content .eyebrow { font-size:8px; }
  .story-sticker { font-size:8px; padding:11px; bottom:13px; left:13px; }.steps { margin:30px 0; gap:17px; }
  .theme-collections { grid-template-columns:1fr 1fr; gap:30px 17px; }
  .collection-card .product-picture { background-size:200% 200%; margin-bottom:17px; }
  .collection-card h3 { font-size:26px; line-height:1.1; }.collection-card .eyebrow { font-size:7px; line-height:1.8; }
  .collection-card p { font-size:9px; line-height:1.8; }.collection-card .text-link { font-size:8px; gap:13px; white-space:normal; }
  .joy-banner { grid-template-columns:1fr; margin:0; }.joy-photo { min-height:350px; }
  .joy-copy { padding:42px 30px; }.joy-copy h2 { font-size:47px; }.joy-copy p { font-size:11px; }
  .club { padding:55px 26px; }.club h2 { font-size:43px; }.club .eyebrow { font-size:8px; }
  .club p { font-size:11px; line-height:1.8; margin-bottom:25px; }.club button { font-size:8px; gap:10px; }
  footer { padding:45px 23px 22px; }.footer-top { grid-template-columns:1fr 1fr; gap:28px; padding-bottom:35px; }
  .footer-top h3 { font-size:9px; }.footer-top>div>a:not(.footer-logo),.footer-top .text-button { font-size:10px; }
  .footer-logo { font-size:36px; }.footer-bottom { gap:15px; }.footer-bottom small { font-size:7px; line-height:1.6; }
  .page-heading { padding:43px 24px 36px; }.page-heading .eyebrow { font-size:8px; }.page-heading h1 { font-size:49px; }
  .page-heading p { font-size:11px; line-height:1.9; }.shop-section { padding-top:30px; }
  .shop-toolbar { gap:10px; margin-bottom:26px; }.sort-select { font-size:10px; }
  .breadcrumbs { font-size:8px; padding:20px 22px; flex-wrap:wrap; }
  .product-detail { grid-template-columns:1fr; padding:0 22px 50px; gap:25px; }
  .product-main-image .product-badge { font-size:7px; left:10px; top:10px; }
  .detail-info h1 { font-size:43px; }.detail-info .eyebrow { margin-bottom:15px; font-size:8px; }
  .detail-price { margin:18px 0; font-size:17px; }.detail-intro { font-size:11px; }
  .included { font-size:10px; padding:15px; }.size-row { align-items:flex-start; gap:12px; }
  .sizes { gap:6px; }.size-option { min-width:49px; font-size:9px; }.size-row .text-button { font-size:9px; padding-top:15px; white-space:nowrap; }
  .colour-choice { width:31px; height:31px; }.tone-option { min-height:42px; }
  .add-row .button { font-size:9px; padding:16px 14px; gap:15px; }
  .fixed-theme { padding:18px 0; }.image-note { font-size:8px; }.look-preview { font-size:9px; }
  .faq-page { padding:35px 24px 55px; }.faq-page h2 { font-size:31px; }.faq-page>p { font-size:12px; }
  dialog,dialog.drawer { padding:24px; }.modal-header h2 { font-size:31px; }
  .cart-item { grid-template-columns:77px 1fr; gap:16px; }.cart-item h3 { font-size:11px; }
}
@media(max-width:370px) {
  .hero h1 { font-size:53px; }.hero-copy { padding-left:21px; padding-right:21px; }
  .hero-ctas { gap:17px; }.section { padding-left:18px; padding-right:18px; }
  .product-grid { column-gap:12px; }.theme-tile { gap:7px; }
}