:root {
  --paper:#f7f1e3; --ink:#092c52; --mustard:#d7ae16; --orange:#d85c2b;
  --teal:#069681; --clay:#b84937; --olive:#8a8c28; --navy:#092c52;
  --cream:#ead5aa; --brown:#704425; --rust:#77200d;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Avenir Next","Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.65}
a{color:inherit} .site-header{min-height:146px;padding:12px clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid rgba(9,44,82,.13);position:relative;z-index:5}
.brand{display:block;width:285px;height:112px;overflow:hidden;flex:0 0 auto}.brand img{width:440px;max-width:none;height:auto;display:block;transform:translateX(-39%)}.site-header nav{display:flex;align-items:center;gap:30px}.site-header nav a{text-decoration:none;font-size:.84rem;font-weight:600;letter-spacing:.01em}.nav-cta{border-bottom:2px solid var(--orange);padding:7px 0}
.hero{min-height:650px;display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:center;padding:90px clamp(24px,8vw,120px) 104px;overflow:hidden}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:800;margin:0 0 19px;color:var(--clay)}
h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:500;line-height:1.04;margin:0}h1{font-size:clamp(3.4rem,6vw,6.8rem);letter-spacing:-.047em;max-width:920px}h1 em{color:var(--clay);font-weight:400}.lede{font-size:1.18rem;line-height:1.7;max-width:690px;margin:32px 0;color:#294662}
.hero-actions{display:flex;align-items:center;gap:30px;margin-top:32px}.button{display:inline-block;padding:14px 23px;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:800}.primary{background:var(--ink);color:white}.dark{background:var(--rust);color:white}.text-link{text-decoration:none;font-weight:700;font-size:.88rem;border-bottom:1px solid currentColor}
.color-quilt{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.8vw,26px);width:100%;max-width:440px;justify-self:center;overflow:visible}.color-quilt>a,.color-quilt>button{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative;text-decoration:none;box-shadow:0 12px 30px rgba(9,44,82,.09);transition:transform .18s ease,box-shadow .18s ease}.color-quilt>a:hover,.color-quilt>a:focus-visible,.color-quilt>button:hover,.color-quilt>button:focus-visible{transform:translateY(-4px) scale(1.035);box-shadow:0 16px 34px rgba(9,44,82,.18);outline:3px solid #fff;outline-offset:3px}.color-quilt>a span,.color-quilt>button span{position:absolute;left:50%;bottom:-29px;transform:translateX(-50%) translateY(-3px);width:max-content;max-width:130px;padding:5px 8px;background:var(--ink);color:#fff;font-size:.66rem;font-weight:700;letter-spacing:.02em;line-height:1.2;text-align:center;border-radius:2px;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;z-index:3}.color-quilt>a:hover span,.color-quilt>a:focus-visible span,.color-quilt>button:hover span,.color-quilt>button:focus-visible span{opacity:1;transform:translateX(-50%) translateY(0)}.color-quilt>button{border:0;padding:0;cursor:pointer;font:inherit} .mustard{background:var(--mustard)}.orange{background:var(--orange)}.teal{background:var(--teal)}.clay{background:var(--clay)}.olive{background:var(--olive)}.navy{background:var(--navy)}.cream{background:var(--cream)}.brown{background:var(--brown)}.rust{background:var(--rust)}
.statement{background:var(--ink);color:white;padding:78px clamp(28px,12vw,180px)}.statement p{font-family:Fraunces,Georgia,serif;font-size:clamp(1.8rem,3vw,3.35rem);line-height:1.28;margin:0;max-width:1150px}
.services{padding:110px clamp(24px,8vw,120px)}.section-heading{display:grid;grid-template-columns:.7fr 1.3fr;align-items:start;margin-bottom:70px}.section-heading h2,.process h2,.studio h2,.contact h2{font-size:clamp(2.6rem,4.3vw,5rem);letter-spacing:-.035em}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(9,44,82,.3)}.service-grid article{padding:34px 36px 34px 0;border-bottom:1px solid rgba(9,44,82,.22)}.service-grid article:nth-child(even){border-left:1px solid rgba(9,44,82,.22);padding-left:36px}.service-grid h3{font-size:2rem;margin:5px 0 17px}.service-grid p{color:#405a70;margin:0}
.gallery{background:#fff;padding:110px clamp(24px,8vw,120px) 125px}.gallery-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:end;margin-bottom:60px}.gallery-heading h2{font-size:clamp(2.6rem,4.3vw,5rem);letter-spacing:-.035em}.gallery-heading>p{max-width:520px;color:#405a70;margin:0 0 8px}.gallery-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:auto auto;gap:42px 30px;align-items:start}.gallery-grid figure{margin:0}.gallery-grid img{width:100%;display:block;object-fit:cover;background:var(--cream)}.gallery-portrait{grid-row:span 2}.gallery-portrait img{aspect-ratio:4/5}.gallery-detail img{aspect-ratio:4/3}.gallery-wide{grid-column:1 / -1}.gallery-wide img{aspect-ratio:16/9;object-position:center 42%}.gallery-gift{grid-column:2;grid-row:2}.gallery-gift img{aspect-ratio:4/5}.gallery-grid figcaption{display:flex;justify-content:space-between;gap:18px;padding-top:13px;border-top:1px solid rgba(9,44,82,.25);margin-top:12px}.gallery-grid figcaption span{font-family:Baskerville,serif;font-size:1.22rem}.gallery-grid figcaption small{text-transform:uppercase;letter-spacing:.09em;font-size:.63rem;font-weight:700;color:#607284;text-align:right}
.process{background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding:110px clamp(24px,8vw,120px)}.process-intro>p:last-child{max-width:580px;color:#405a70;font-size:1.08rem}.process ol{list-style:none;margin:0;padding:0;border-top:1px solid rgba(9,44,82,.22)}.process li{display:grid;grid-template-columns:1fr 1.25fr;gap:20px;padding:27px 0;border-bottom:1px solid rgba(9,44,82,.22)}.process li strong{font-family:Baskerville,serif;font-size:1.35rem;font-weight:400}.process li span{font-size:.9rem;color:#52697c}
.studio{display:grid;grid-template-columns:.75fr 1.25fr;gap:9vw;align-items:center;background:var(--cream);padding:100px clamp(24px,10vw,150px);border-top:12px solid var(--mustard)}.studio-mark{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.studio-mark span{aspect-ratio:1;border-radius:50%;background:var(--mustard)}.studio-mark span:nth-child(2){background:var(--teal)}.studio-mark span:nth-child(3){background:var(--clay)}.studio-tagline{font-family:Baskerville,serif;font-style:italic;font-size:1.8rem;margin:12px 0}.studio-details{font-weight:700;margin:25px 0}.contact{text-align:center;padding:120px 24px;background:var(--rust);color:white}.contact .eyebrow{color:var(--cream)}.contact h2{max-width:880px;margin:0 auto 18px}.contact-note{max-width:680px;margin:0 auto 28px;color:rgba(255,255,255,.82)}.contact>a{font-family:Baskerville,serif;font-size:clamp(1.25rem,2.5vw,2.2rem);text-underline-offset:8px}
footer{display:flex;justify-content:space-between;gap:20px;padding:28px clamp(24px,5vw,76px);background:#fff;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
@media (max-width:900px){.site-header{height:auto;flex-direction:column;align-items:flex-start;gap:10px;padding-top:10px;padding-bottom:18px}.brand{width:285px;height:105px}.brand img{width:430px;transform:translateX(-39%)}.site-header nav{width:100%;overflow-x:auto;gap:20px;padding-bottom:2px}.hero{grid-template-columns:1fr;padding-top:70px}.color-quilt{width:min(430px,82vw)}.section-heading,.gallery-heading,.process,.studio{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.service-grid article:nth-child(even){border-left:0;padding-left:0}.gallery-grid{gap:28px 18px}.process li{grid-template-columns:1fr}.studio-mark{max-width:330px}footer{flex-direction:column}}
@media (max-width:560px){body{font-size:16px}.site-header nav{flex-wrap:wrap;overflow:visible;row-gap:10px}.site-header nav a{font-size:.76rem}.hero{min-height:0;padding-top:54px}h1{font-size:clamp(3rem,14vw,4.25rem)}.hero-actions{align-items:flex-start;flex-direction:column}.statement,.services,.gallery,.process,.studio,.contact{padding-top:72px;padding-bottom:72px}.section-heading,.gallery-heading{margin-bottom:40px}.color-quilt{gap:12px}.service-grid article{padding:28px 0}.gallery-grid{display:block}.gallery-grid figure+figure{margin-top:34px}.gallery-grid img,.gallery-portrait img,.gallery-detail img,.gallery-wide img,.gallery-gift img{aspect-ratio:auto}.gallery-grid figcaption{align-items:flex-start}.gallery-grid figcaption small{max-width:45%}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.gallery-teaser{display:grid;grid-template-columns:1.05fr .95fr;min-height:660px;background:#fff}.gallery-teaser>img{width:100%;height:100%;min-height:660px;object-fit:cover;object-position:center}.gallery-teaser>div{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:80px clamp(34px,7vw,105px)}.gallery-teaser h2{font-size:clamp(2.8rem,4.7vw,5.4rem);letter-spacing:-.035em}.gallery-teaser p:not(.eyebrow){color:#405a70;max-width:530px;margin:27px 0 32px}.gallery-page-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end;padding:100px clamp(24px,8vw,120px) 90px}.gallery-page-intro .gallery-kicker{grid-column:1 / -1}.gallery-page-intro h1{font-size:clamp(4rem,7vw,7.7rem)}.gallery-page{padding-top:20px}.gallery-contact{margin-top:0}
@media (max-width:900px){.gallery-teaser,.gallery-page-intro{grid-template-columns:1fr}.gallery-teaser>img{min-height:520px;max-height:680px}.gallery-page-intro .gallery-kicker{grid-column:auto}}
@media (max-width:560px){.gallery-page-intro{padding-top:72px;padding-bottom:72px}.gallery-teaser{display:block;min-height:0}.gallery-teaser>img{min-height:0;aspect-ratio:4/5}.gallery-teaser>div{padding:64px 24px 72px}}
.site-header nav button{font-family:inherit;font-size:.84rem;font-weight:600;letter-spacing:.01em}.nav-cta{border-left:0;border-right:0;border-top:0;background:transparent;color:inherit;cursor:pointer}.button[type="button"],.button[type="submit"]{border:0;font-family:inherit;cursor:pointer}.contact-link{border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;padding:0 0 5px;font-family:Baskerville,serif;font-size:clamp(1.25rem,2.5vw,2.2rem);cursor:pointer}
.contact-dialog{width:min(620px,calc(100% - 32px));max-height:calc(100vh - 32px);overflow:auto;border:0;padding:clamp(30px,5vw,54px);background:var(--paper);color:var(--ink);box-shadow:0 28px 80px rgba(9,44,82,.3)}.contact-dialog::backdrop{background:rgba(9,44,82,.72)}.contact-dialog h2{font-size:clamp(2.25rem,5vw,3.8rem);margin:0 38px 34px 0}.dialog-close{position:absolute;top:18px;right:22px;border:0;background:transparent;color:var(--ink);font:300 2rem/1 Inter,sans-serif;cursor:pointer}.contact-form{display:grid;gap:9px}.contact-form label{margin-top:10px;font-size:.74rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(9,44,82,.28);border-radius:0;background:#fff;color:var(--ink);font:inherit;padding:12px 13px}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--teal);outline-offset:2px}.contact-form .button{justify-self:start;margin-top:18px}.form-honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important;white-space:nowrap!important}.form-status{min-height:1.5em;margin:10px 0 0;font-size:.9rem;color:#405a70}
@media (max-width:560px){.site-header nav button{font-size:.76rem}.contact-dialog{padding:34px 24px}}
.site-header{min-height:112px;padding-top:10px;padding-bottom:10px}.brand{width:230px;height:88px}.brand img{width:360px;transform:translateX(-39%)}.site-header nav{position:absolute;left:50%;transform:translateX(-50%);justify-content:center;white-space:nowrap}.menu-toggle{display:none;border:0;background:transparent;color:var(--ink);padding:10px 2px;cursor:pointer}.menu-toggle span{display:block;width:27px;height:2px;margin:5px 0;background:currentColor;transition:transform .2s ease,opacity .2s ease}
@media (max-width:1050px){.site-header{min-height:96px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;padding:4px 24px}.brand{width:210px;height:82px}.brand img{width:335px;transform:translateX(-39%)}.menu-toggle{display:block;position:relative;z-index:2}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;width:100%;transform:none;overflow:visible;flex-direction:column;align-items:center;gap:0;padding:17px 24px 22px;background:#fff;border-top:1px solid rgba(9,44,82,.1);box-shadow:0 14px 28px rgba(9,44,82,.12);white-space:normal}.site-header nav[data-open]{display:flex}.site-header nav a,.site-header nav button{width:100%;padding:11px 0;text-align:center;font-size:.86rem}.site-header nav .nav-cta{width:auto;margin-top:5px;padding:9px 0}.hero{padding-top:64px}}
@media (max-width:560px){.site-header{padding-left:20px;padding-right:20px}.brand{width:195px;height:76px}.brand img{width:315px}.hero{padding-top:46px}}

/* v16 final header/above-the-fold spacing refinement */
@media (min-width:901px){
  .hero{padding-top:64px;padding-bottom:92px}
  .gallery-page-intro{padding-top:72px;padding-bottom:76px}
}
@media (min-width:561px) and (max-width:900px){
  .hero{padding-top:50px}
  .gallery-page-intro{padding-top:58px;padding-bottom:64px}
}
@media (max-width:560px){
  .site-header{min-height:88px}
  .brand{width:185px;height:72px}
  .brand img{width:300px}
  .hero{padding-top:38px}
  .gallery-page-intro{padding-top:50px;padding-bottom:58px}
}

/* v16.1 approved finishing touches */
@media (min-width:901px){.brand img{transform:translate(-39%,-6px)}}


/* v16.2 gallery identity + future-proofing */
.gallery-intro-aside{display:flex;flex-direction:column;align-items:flex-start;gap:28px;max-width:530px;margin:0 0 14px}
.gallery-intro-aside>p{margin:0;color:#405a70;font-size:1.08rem}
.gallery-mark{display:grid;grid-template-columns:repeat(3,18px);gap:10px;width:max-content}
.gallery-mark span{width:18px;height:18px;border-radius:50%;display:block}
.gallery-standard img{aspect-ratio:4/3}
.gallery-grid .gallery-standard{grid-column:auto;grid-row:auto}
@media (max-width:900px){.gallery-intro-aside{margin:0;gap:22px}.gallery-mark{grid-template-columns:repeat(3,16px);gap:9px}.gallery-mark span{width:16px;height:16px}}
@media (max-width:560px){.gallery-intro-aside{gap:20px}.gallery-grid .gallery-standard img{aspect-ratio:auto}}


/* v16.2 confirmed QKK social links */
.social-links{display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;justify-content:center;gap:12px;min-width:90px;white-space:nowrap}
.footer-mark{display:block!important;width:22px!important;height:22px!important;object-fit:contain;flex:0 0 22px}
.social-links a{display:inline-flex!important;align-items:center;justify-content:center;width:22px!important;height:22px!important;flex:0 0 22px;color:var(--ink);text-decoration:none;transition:opacity .15s ease,transform .15s ease}
.social-links a:hover{opacity:.68;transform:translateY(-1px)}
.social-links a:focus-visible{outline:2px solid var(--teal);outline-offset:4px}
.social-links svg{display:block;width:19px!important;height:19px!important;max-width:19px;max-height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.social-links a:last-child svg{fill:currentColor;stroke:none;width:18px!important;height:18px!important}
@media (max-width:900px){footer{align-items:flex-start}.social-links{margin:2px 0 1px}}

/* Gallery motif placement experiment: brand signature beside section label */
.gallery-kicker{display:flex;align-items:center;gap:16px;margin:0 0 19px}
.gallery-kicker .eyebrow{margin:0}
.gallery-kicker .gallery-mark{grid-template-columns:repeat(3,8px);gap:4px}
.gallery-kicker .gallery-mark span{width:8px;height:8px}
.gallery-intro-aside{gap:0}
@media (max-width:900px){.gallery-kicker{gap:13px}.gallery-kicker .gallery-mark{grid-template-columns:repeat(3,7px);gap:4px}.gallery-kicker .gallery-mark span{width:7px;height:7px}}

/* Card-aligned wordmark, without altering the approved September 5 layout. */
.brand{display:block;width:255px;height:auto;overflow:visible;text-decoration:none;color:var(--ink)}
.brand img{display:block;width:100%;max-width:100%;height:auto;transform:none}
.clean-amp{display:inline-block;position:relative;top:.06em;font-family:"Libre Baskerville",Georgia,serif;font-style:normal;font-weight:400;letter-spacing:0}
@media (min-width:1051px){.brand img{transform:none}}
@media (max-width:1050px){.brand{width:225px;height:auto}.brand img{width:100%;transform:none}}
@media (max-width:560px){.brand{width:205px;height:auto}.brand img{width:100%;transform:none}}

/* About the Artist — private development preview */
.about-page h2{font-size:clamp(2.7rem,4.5vw,5.2rem);letter-spacing:-.035em}
.about-hero{padding:86px clamp(24px,8vw,120px) 94px;background:var(--paper)}
.about-hero h1{font-size:clamp(3.5rem,6.1vw,7rem);max-width:1120px}
.about-hero .about-deck{font-family:"Libre Baskerville",Georgia,serif;font-size:clamp(1.25rem,2vw,1.75rem);color:#405a70;margin:30px 0 0}
.about-origin{display:grid;grid-template-columns:.92fr 1.08fr;gap:7vw;align-items:center;padding:105px clamp(24px,8vw,120px);background:#fff}
.about-origin-copy{max-width:610px}.about-origin-copy>p:not(.eyebrow){color:#405a70;font-size:1.05rem}.about-origin-copy strong{color:var(--ink)}
.about-photo{margin:0}.about-photo img{display:block;width:100%;height:auto}.about-photo figcaption{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:#607284;padding-top:11px;border-top:1px solid rgba(9,44,82,.22);margin-top:11px}
.about-photo-gram img{aspect-ratio:4/3;object-fit:cover;object-position:center}
.about-tupperware{padding:108px clamp(24px,8vw,120px) 120px;background:var(--cream)}
.about-tupperware-heading{display:grid;grid-template-columns:.7fr 1.3fr;align-items:start;margin-bottom:66px}.about-tupperware-heading h2{max-width:760px}
.about-story-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;align-items:center}.about-story-copy{max-width:560px}.about-story-copy p{color:#405a70}.about-story-copy .text-link{display:inline-block;margin-top:14px}
.about-photo-intimate img{aspect-ratio:4/3;object-fit:cover;object-position:center}
.about-photo-wide{margin-top:74px}.about-photo-wide img{aspect-ratio:16/10;object-fit:cover;object-position:center}
.about-kith-kin{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;padding:112px clamp(24px,8vw,120px);background:#fff}.about-definition{max-width:650px}.about-definition p{color:#405a70;font-size:1.04rem}.about-definition strong{color:var(--ink);font-family:"Libre Baskerville",Georgia,serif;font-size:1.12em;font-weight:400}
.about-closing{background:var(--ink);color:#fff;padding:90px clamp(28px,12vw,180px)}.about-closing p{font-family:Fraunces,Georgia,serif;font-size:clamp(2rem,3.7vw,4.25rem);line-height:1.32;margin:0;max-width:1150px}.about-closing strong{color:var(--cream);font-weight:400}
.site-header nav a[aria-current="page"]{border-bottom:2px solid var(--orange);padding-bottom:5px}
@media (max-width:900px){.about-origin,.about-story-grid,.about-kith-kin,.about-tupperware-heading{grid-template-columns:1fr}.about-origin{gap:48px}.about-tupperware-heading{gap:8px}.about-story-grid{gap:48px}.about-kith-kin{gap:32px}.about-photo-wide{margin-top:52px}}
@media (max-width:560px){.about-hero,.about-origin,.about-tupperware,.about-kith-kin,.about-closing{padding-top:68px;padding-bottom:72px}.about-hero{padding-top:54px}.about-hero h1{font-size:clamp(3rem,13vw,4.35rem)}.about-tupperware-heading{margin-bottom:42px}.about-photo-gram img,.about-photo-intimate img,.about-photo-wide img{aspect-ratio:auto}}

.about-tupperware-tiny{float:left;width:145px;margin:2px 24px 14px 0}
.about-tupperware-tiny img{display:block;width:100%;height:auto}
.about-tupperware-tiny figcaption{font-size:.62rem;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:#607284;line-height:1.35;margin-top:8px}
.about-story-copy::after{content:"";display:block;clear:both}
@media (max-width:560px){.about-tupperware-tiny{width:112px;margin-right:18px}}

/* Interactive nine-dot directory */
html{scroll-behavior:smooth}
#custom-quilts,#available-quilts,#home-textiles,#longarm,#process,#studio,#contact{scroll-margin-top:120px}
@media (max-width:900px){
  .color-quilt{width:min(430px,82vw);column-gap:clamp(18px,5vw,28px);row-gap:52px;margin-bottom:58px}
  .color-quilt>a,.color-quilt>button{min-width:64px;min-height:64px}
  .color-quilt>a span,.color-quilt>button span{
    display:block;bottom:-30px;padding:0;background:transparent;color:var(--ink);font-size:.68rem;line-height:1.15;opacity:1;transform:translateX(-50%);transition:none
  }
  .color-quilt>a:hover span,.color-quilt>a:focus-visible span,.color-quilt>button:hover span,.color-quilt>button:focus-visible span{transform:translateX(-50%)}
}
@media (max-width:560px){
  .color-quilt{width:min(300px,78vw);column-gap:22px;row-gap:48px;margin-top:12px;margin-bottom:54px}
  .color-quilt>a,.color-quilt>button{min-width:0;min-height:0}
  .color-quilt>a span,.color-quilt>button span{font-size:.64rem;max-width:92px;white-space:normal}
  .hero{padding-bottom:72px}
}