:root{
    --art-black:#11110f;
    --art-ink:#191815;
    --art-cream:#f3efe7;
    --art-paper:#f8f5ef;
    --art-beige:#ddd1c1;
    --art-sand:#cbbba6;
    --art-muted:#797168;
    --art-line:rgba(17,17,15,.15);
}

*{
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    margin:0;
    color:var(--art-ink);
    background:var(--art-cream);
    font-family:Arial,Helvetica,sans-serif;
    -webkit-font-smoothing:antialiased;
}

body.menu-open{
    overflow:hidden;
}

a{
    color:inherit;
    text-decoration:none;
}

img{
    display:block;
    max-width:100%;
}

button,
input{
    font:inherit;
}

button{
    cursor:pointer;
}

.art-wrap{
    width:min(1540px,calc(100% - 80px));
    margin:auto;
}

.art-label{
    display:block;
    font-size:9px;
    letter-spacing:.24em;
    text-transform:uppercase;
    color:var(--art-muted);
}

.art-light-label{
    color:rgba(255,255,255,.7);
}


/* =========================================================
   ANNOUNCEMENT
========================================================= */

.art-announcement{
    height:31px;
    overflow:hidden;
    background:#11110f;
    color:#fff;
    display:flex;
    align-items:center;
    position:relative;
    z-index:1200;
}

.art-announcement-track{
    width:max-content;
    display:flex;
    align-items:center;
    gap:34px;
    white-space:nowrap;
    animation:artTicker 28s linear infinite;
}

.art-announcement span{
    font-size:8px;
    letter-spacing:.18em;
}

.art-announcement i{
    font-style:normal;
    font-size:7px;
}

@keyframes artTicker{
    to{
        transform:translateX(-50%);
    }
}


/* =========================================================
   HEADER
========================================================= */

.art-header{
    position:absolute;
    left:0;
    right:0;
    top:31px;
    height:91px;
    z-index:1000;
    padding:0 42px;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    color:#fff;
    border-bottom:1px solid rgba(255,255,255,.22);
    transition:
        background .35s,
        color .35s,
        height .35s,
        position .35s;
}

.admin-bar .art-header{
    top:63px;
}

.art-header.is-sticky{
    position:fixed;
    top:0;
    background:rgba(246,242,234,.96);
    color:var(--art-black);
    backdrop-filter:blur(18px);
    border-bottom:1px solid var(--art-line);
    height:74px;
}

.admin-bar .art-header.is-sticky{
    top:32px;
}

.art-header-side{
    display:flex;
    align-items:center;
}

.art-header-right{
    justify-content:flex-end;
    gap:22px;
}

.art-desktop-nav{
    display:flex;
    gap:27px;
}

.art-desktop-nav a,
.art-icon-link,
.art-cart{
    font-size:9px;
    letter-spacing:.16em;
    text-transform:uppercase;
}

.art-icon-link{
    border:0;
    background:none;
    color:inherit;
    padding:0;
}

.art-cart{
    display:flex;
    align-items:center;
    gap:8px;
}

.art-cart span{
    width:20px;
    height:20px;
    border:1px solid currentColor;
    border-radius:50%;
    display:grid;
    place-items:center;
    font-size:8px;
}

.art-logo{
    text-align:center;
}

.art-logo small{
    display:block;
    font-size:6px;
    letter-spacing:.35em;
    margin-bottom:5px;
}

.art-logo strong{
    font-family:Georgia,"Times New Roman",serif;
    font-weight:400;
    letter-spacing:.17em;
    font-size:23px;
}

.art-menu-trigger{
    display:none;
    width:31px;
    height:25px;
    background:none;
    border:0;
    padding:0;
    flex-direction:column;
    justify-content:center;
    gap:6px;
}

.art-menu-trigger span{
    width:27px;
    height:1px;
    background:currentColor;
}


/* =========================================================
   HERO
========================================================= */

.art-hero{
    height:min(940px,100vh);
    min-height:760px;
    position:relative;
    color:#fff;
    display:flex;
    align-items:flex-end;
    overflow:hidden;
}

.art-hero-bg{
    position:absolute;
    inset:0;
    background:
        url("https://images.unsplash.com/photo-1603006905003-be475563bc59?auto=format&fit=crop&w=2400&q=95")
        center 48% / cover no-repeat;
    transform:scale(1.02);
    animation:artHeroZoom 12s ease-out forwards;
}

@keyframes artHeroZoom{
    to{
        transform:scale(1.08);
    }
}

.art-hero-shade{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            90deg,
            rgba(10,9,7,.7) 0,
            rgba(10,9,7,.32) 52%,
            rgba(10,9,7,.08) 100%
        ),
        linear-gradient(
            0deg,
            rgba(8,7,6,.52),
            transparent 55%
        );
}

.art-hero-content{
    position:relative;
    z-index:3;
    width:min(1540px,calc(100% - 90px));
    margin:0 auto;
    padding-bottom:100px;
}

.art-hero h1{
    font-family:Georgia,"Times New Roman",serif;
    font-weight:400;
    font-size:clamp(75px,9vw,145px);
    line-height:.78;
    letter-spacing:-.065em;
    margin:26px 0 45px;
    max-width:1200px;
}

.art-hero h1 em{
    font-weight:400;
    font-style:italic;
}

.art-hero-bottom{
    display:grid;
    grid-template-columns:500px 1fr;
    gap:80px;
    align-items:end;
}

.art-hero-bottom p{
    font-family:Georgia,serif;
    font-size:18px;
    line-height:1.6;
    margin:0;
    color:rgba(255,255,255,.84);
}

.art-hero-actions{
    display:flex;
    gap:27px;
    align-items:center;
}

.art-btn{
    min-height:55px;
    padding:0 27px;
    border:1px solid var(--art-black);
    display:inline-flex;
    justify-content:center;
    align-items:center;
    text-transform:uppercase;
    letter-spacing:.16em;
    font-size:8px;
    transition:.3s ease;
}

.art-btn:hover{
    transform:translateY(-2px);
}

.art-btn-light{
    background:#fff;
    border-color:#fff;
    color:#11110f;
}

.art-btn-dark{
    background:#11110f;
    color:#fff;
}

.art-text-button{
    display:inline-block;
    font-size:9px;
    letter-spacing:.15em;
    text-transform:uppercase;
    border-bottom:1px solid currentColor;
    padding-bottom:6px;
}

.art-white-link{
    color:#fff;
}

.art-hero-number{
    position:absolute;
    right:43px;
    top:165px;
    z-index:3;
    writing-mode:vertical-rl;
    font-size:8px;
    letter-spacing:.18em;
}

.art-scroll{
    position:absolute;
    right:43px;
    bottom:96px;
    z-index:3;
    font-size:8px;
    letter-spacing:.15em;
    text-transform:uppercase;
}


/* =========================================================
   INTRO
========================================================= */

.art-intro{
    padding:145px 0;
}

.art-intro-grid{
    display:grid;
    grid-template-columns:150px 1fr 390px;
    gap:70px;
    align-items:start;
}

.art-intro h2{
    font-family:Georgia,serif;
    font-size:clamp(50px,6vw,93px);
    line-height:.95;
    letter-spacing:-.055em;
    font-weight:400;
    margin:0;
}

.art-intro h2 em{
    display:block;
    font-weight:400;
}

.art-intro-copy{
    padding-top:20px;
}

.art-intro-copy p{
    color:var(--art-muted);
    line-height:1.85;
    font-size:14px;
    margin:0 0 30px;
}


/* =========================================================
   CATEGORIES
========================================================= */

.art-categories{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    grid-template-rows:450px 450px;
    gap:3px;
    background:#111;
}

.art-category-card{
    position:relative;
    overflow:hidden;
}

.art-category-large{
    grid-row:span 2;
}

.art-category-card > a{
    display:block;
    position:absolute;
    inset:0;
}

.art-category-image{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    transition:transform 1.1s cubic-bezier(.2,.8,.2,1);
}

.art-category-card:hover .art-category-image{
    transform:scale(1.045);
}

.art-image-candles{
    background-image:url("https://images.unsplash.com/photo-1602523961358-f9f03dd557db?auto=format&fit=crop&w=1600&q=90");
}

.art-image-wax{
    background-image:url("https://images.unsplash.com/photo-1605651202774-7d573fd3f12d?auto=format&fit=crop&w=1300&q=90");
}

.art-image-diffuser{
    background-image:url("https://images.unsplash.com/photo-1608571423902-eed4a5ad8108?auto=format&fit=crop&w=1300&q=90");
}

.art-category-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 65%);
}

.art-category-copy{
    position:absolute;
    left:35px;
    right:35px;
    bottom:34px;
    color:#fff;
}

.art-category-copy span{
    font-size:8px;
    letter-spacing:.17em;
}

.art-category-copy h3{
    margin:10px 0 13px;
    font-family:Georgia,serif;
    font-size:clamp(40px,5vw,74px);
    font-weight:400;
    letter-spacing:-.045em;
}

.art-category-copy em{
    font-style:normal;
    font-size:9px;
    letter-spacing:.13em;
    text-transform:uppercase;
}


/* =========================================================
   OFFER
========================================================= */

.art-offer{
    background:#cfba9d;
    min-height:600px;
    display:grid;
    grid-template-columns:.8fr 1.3fr .7fr;
    padding:90px 6vw;
    align-items:center;
}

.art-offer-number{
    font-family:Georgia,serif;
    font-size:clamp(130px,16vw,260px);
    line-height:.75;
    letter-spacing:-.08em;
}

.art-offer-number sup{
    font-size:.24em;
    vertical-align:top;
    margin-left:10px;
}

.art-offer-copy{
    max-width:650px;
}

.art-offer-copy h2{
    font-family:Georgia,serif;
    font-size:clamp(50px,6vw,88px);
    font-weight:400;
    line-height:.9;
    letter-spacing:-.055em;
    margin:20px 0 25px;
}

.art-offer-copy h2 em{
    font-weight:400;
}

.art-offer-copy p{
    max-width:430px;
    line-height:1.8;
    color:#5d554b;
    margin-bottom:30px;
}

.art-offer-side{
    border-left:1px solid rgba(17,17,15,.2);
    padding-left:35px;
}

.art-offer-side span{
    font-size:8px;
    letter-spacing:.17em;
}

.art-offer-side p{
    font-family:Georgia,serif;
    font-size:20px;
    line-height:1.5;
}


/* =========================================================
   PRODUCTS
========================================================= */

.art-products{
    padding:130px 0;
    background:var(--art-paper);
}

.art-section-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    margin-bottom:55px;
}

.art-section-header h2{
    font-family:Georgia,serif;
    font-size:clamp(48px,5vw,76px);
    letter-spacing:-.05em;
    line-height:.93;
    font-weight:400;
    margin:16px 0 0;
}

.art-product-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
}

.art-product{
    min-width:0;
}

.art-product-image{
    position:relative;
    aspect-ratio:.82;
    overflow:hidden;
    background:#e8e1d8;
}

.art-product-image > a{
    position:absolute;
    inset:0;
}

.art-product-image img{
    position:absolute;
    width:100%;
    height:100%;
    object-fit:cover;
    inset:0;
    transition:
        opacity .55s ease,
        transform .8s ease;
}

.art-product-hover{
    opacity:0;
}

.art-product:hover .art-product-hover{
    opacity:1;
    transform:scale(1.025);
}

.art-product:hover .art-product-main{
    opacity:0;
}

.art-product-tag{
    position:absolute;
    left:13px;
    top:13px;
    z-index:5;
    background:var(--art-paper);
    padding:8px 10px;
    font-size:7px;
    text-transform:uppercase;
    letter-spacing:.15em;
}

.art-quick-add{
    position:absolute;
    bottom:12px;
    left:12px;
    right:12px;
    height:48px;
    z-index:6;
    background:rgba(248,245,239,.96);
    border:0;
    color:#111;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 18px;
    font-size:8px;
    letter-spacing:.16em;
    text-transform:uppercase;
    opacity:0;
    transform:translateY(10px);
    transition:.3s;
}

.art-product:hover .art-quick-add{
    opacity:1;
    transform:none;
}

.art-product-meta{
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding-top:17px;
}

.art-product-type{
    display:block;
    font-size:7px;
    letter-spacing:.14em;
    color:var(--art-muted);
    text-transform:uppercase;
    margin-bottom:6px;
}

.art-product h3{
    font-family:Georgia,serif;
    font-weight:400;
    font-size:21px;
    margin:0;
}

.art-price{
    font-size:11px;
    white-space:nowrap;
    padding-top:15px;
}


/* =========================================================
   MARQUEE
========================================================= */

.art-marquee{
    height:145px;
    background:#11110f;
    color:#fff;
    display:flex;
    align-items:center;
    overflow:hidden;
}

.art-marquee-track{
    width:max-content;
    white-space:nowrap;
    display:flex;
    gap:45px;
    align-items:center;
    animation:artMarquee 30s linear infinite;
}

.art-marquee span{
    font-family:Georgia,serif;
    font-size:60px;
    font-style:italic;
    letter-spacing:-.035em;
}

.art-marquee i{
    font-style:normal;
    opacity:.45;
}

@keyframes artMarquee{
    to{
        transform:translateX(-50%);
    }
}


/* =========================================================
   FINDER
========================================================= */

.art-finder{
    display:grid;
    grid-template-columns:1fr 1fr;
    min-height:820px;
}

.art-finder-image{
    background:
        url("https://images.unsplash.com/photo-1602874801006-e26d6bd7d310?auto=format&fit=crop&w=1800&q=90")
        center/cover;
}

.art-finder-content{
    background:#ded2c2;
    padding:100px 8vw;
    display:flex;
    justify-content:center;
    flex-direction:column;
}

.art-finder h2{
    font-family:Georgia,serif;
    font-weight:400;
    font-size:clamp(52px,5vw,80px);
    line-height:.92;
    letter-spacing:-.055em;
    margin:18px 0 25px;
}

.art-finder-intro{
    line-height:1.8;
    color:#6b6359;
    max-width:500px;
}

.art-question{
    margin-top:30px;
}

.art-question > span{
    font-size:8px;
    letter-spacing:.16em;
    text-transform:uppercase;
    display:block;
    margin-bottom:12px;
}

.art-options{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.art-options button{
    background:transparent;
    border:1px solid rgba(17,17,15,.28);
    padding:12px 17px;
    font-size:11px;
}

.art-options button.active{
    background:#11110f;
    color:#fff;
}

#artFinderButton{
    width:max-content;
    margin-top:30px;
}

.art-finder-result{
    display:none;
    border-top:1px solid rgba(17,17,15,.25);
    padding-top:20px;
    margin-top:25px;
    max-width:520px;
    font-family:Georgia,serif;
    font-size:20px;
    line-height:1.5;
}


/* =========================================================
   NOTES
========================================================= */

.art-notes{
    padding:130px 0;
}

.art-notes-intro h2{
    font-family:Georgia,serif;
    font-size:clamp(55px,7vw,100px);
    font-weight:400;
    letter-spacing:-.055em;
    margin:17px 0 65px;
}

.art-note{
    min-height:96px;
    display:grid;
    grid-template-columns:70px 1fr 1fr auto;
    align-items:center;
    border-top:1px solid var(--art-line);
    transition:.25s;
}

.art-note:last-child{
    border-bottom:1px solid var(--art-line);
}

.art-note:hover{
    padding-left:18px;
    padding-right:18px;
    background:#e9e2d7;
}

.art-note span{
    font-size:9px;
    color:var(--art-muted);
}

.art-note strong{
    font-family:Georgia,serif;
    font-weight:400;
    font-size:35px;
}

.art-note small{
    color:var(--art-muted);
}

.art-note em{
    font-style:normal;
    font-size:25px;
}


/* =========================================================
   STORY
========================================================= */

.art-story{
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    min-height:760px;
}

.art-story-copy{
    background:#11110f;
    color:#fff;
    padding:100px 7vw;
    display:flex;
    justify-content:center;
    flex-direction:column;
}

.art-story-copy .art-label{
    color:#8f8a82;
}

.art-story-copy h2{
    font-family:Georgia,serif;
    font-weight:400;
    font-size:clamp(50px,5vw,78px);
    line-height:.92;
    letter-spacing:-.05em;
    margin:18px 0 30px;
}

.art-story-copy p{
    max-width:480px;
    line-height:1.9;
    color:#aaa49b;
    font-size:14px;
}

.art-story-copy .art-text-button{
    margin-top:25px;
    width:max-content;
}

.art-story-image{
    background:
        url("https://images.unsplash.com/photo-1608181831718-c9ffd66e32df?auto=format&fit=crop&w=1900&q=90")
        center/cover;
}


/* =========================================================
   GIFTS
========================================================= */

.art-gifts{
    min-height:780px;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    color:#fff;
}

.art-gifts-background{
    position:absolute;
    inset:0;
    background:
        url("https://images.unsplash.com/photo-1602173574767-37ac01994b2a?auto=format&fit=crop&w=2200&q=90")
        center/cover;
}

.art-gifts-overlay{
    position:absolute;
    inset:0;
    background:rgba(10,9,7,.48);
}

.art-gifts-copy{
    position:relative;
    z-index:2;
    max-width:850px;
}

.art-gifts-copy h2{
    font-family:Georgia,serif;
    font-size:clamp(65px,8vw,120px);
    line-height:.82;
    letter-spacing:-.06em;
    font-weight:400;
    margin:20px 0 28px;
}

.art-gifts-copy p{
    font-size:15px;
    line-height:1.7;
    margin-bottom:30px;
}


/* =========================================================
   SERVICES
========================================================= */

.art-services{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-bottom:1px solid var(--art-line);
}

.art-services > div{
    padding:45px 35px;
    border-right:1px solid var(--art-line);
}

.art-services > div:last-child{
    border:0;
}

.art-services span{
    font-size:8px;
    color:var(--art-muted);
}

.art-services strong{
    display:block;
    font-family:Georgia,serif;
    font-size:20px;
    font-weight:400;
    margin:12px 0 8px;
}

.art-services small{
    color:var(--art-muted);
}


/* =========================================================
   NEWSLETTER
========================================================= */

.art-newsletter{
    text-align:center;
    padding:125px 20px;
}

.art-newsletter h2{
    font-family:Georgia,serif;
    font-weight:400;
    font-size:clamp(55px,6vw,90px);
    line-height:.9;
    letter-spacing:-.05em;
    margin:19px 0 25px;
}

.art-newsletter p{
    color:var(--art-muted);
}

.art-newsletter-form{
    width:min(650px,100%);
    margin:35px auto 0;
    display:grid;
    grid-template-columns:1fr 190px;
    border-bottom:1px solid #111;
}

.art-newsletter-form input{
    height:60px;
    background:transparent;
    border:0;
    outline:0;
    font-family:Georgia,serif;
    font-size:18px;
}

.art-newsletter-form button{
    border:0;
    background:transparent;
    font-size:9px;
    letter-spacing:.14em;
    text-transform:uppercase;
}


/* =========================================================
   MENU OVERLAY
========================================================= */

.art-menu-overlay{
    position:fixed;
    inset:0;
    z-index:9999;
    background:#11110f;
    color:#fff;
    display:none;
}

.art-menu-overlay.open{
    display:block;
}

.art-menu-close{
    position:absolute;
    right:35px;
    top:25px;
    color:#fff;
    background:none;
    border:0;
    font-size:42px;
    z-index:3;
}

.art-menu-grid{
    height:100%;
    display:grid;
    grid-template-columns:1.1fr .9fr;
}

.art-menu-main{
    padding:110px 7vw;
}

.art-menu-main .art-label{
    color:#77736d;
}

.art-menu-main nav{
    margin-top:40px;
}

.art-menu-main nav a{
    display:grid;
    grid-template-columns:50px 1fr;
    align-items:center;
    border-bottom:1px solid rgba(255,255,255,.13);
    padding:17px 0;
    font-family:Georgia,serif;
    font-size:clamp(35px,4.8vw,75px);
}

.art-menu-main nav small{
    font-family:Arial,sans-serif;
    font-size:8px;
    color:#77736d;
}

.art-menu-feature{
    background:#d7c8b4;
    color:#111;
    padding:70px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
}

.art-menu-feature-image{
    flex:1;
    background:
        url("https://images.unsplash.com/photo-1603006905003-be475563bc59?auto=format&fit=crop&w=1000&q=90")
        center/cover;
    margin-bottom:35px;
}

.art-menu-feature span{
    font-size:8px;
    letter-spacing:.17em;
}

.art-menu-feature h3{
    font-family:Georgia,serif;
    font-size:46px;
    font-weight:400;
    line-height:.95;
    margin:12px 0 18px;
}

.art-menu-feature a{
    font-size:9px;
    letter-spacing:.15em;
    text-transform:uppercase;
}


/* =========================================================
   SEARCH
========================================================= */

.art-search-overlay{
    position:fixed;
    inset:0;
    z-index:10000;
    background:#f3efe7;
    display:none;
}

.art-search-overlay.open{
    display:block;
}

.art-search-close{
    position:absolute;
    right:35px;
    top:25px;
    background:none;
    border:0;
    font-size:42px;
}

.art-search-inner{
    width:min(1100px,calc(100% - 50px));
    margin:20vh auto 0;
}

.art-search-inner form{
    margin-top:30px;
}

.art-search-inner input[type=search]{
    width:100%;
    border:0;
    border-bottom:1px solid #111;
    background:transparent;
    outline:0;
    font-family:Georgia,serif;
    font-size:clamp(42px,6vw,80px);
    padding:15px 0 25px;
}

.art-search-inner button{
    margin-top:25px;
    border:0;
    background:none;
    padding:0;
    font-size:9px;
    letter-spacing:.15em;
    text-transform:uppercase;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:1100px){

    .art-desktop-nav,
    .art-account{
        display:none;
    }

    .art-menu-trigger{
        display:flex;
    }

    .art-intro-grid{
        grid-template-columns:100px 1fr;
    }

    .art-intro-copy{
        grid-column:2;
    }

    .art-product-grid{
        grid-template-columns:repeat(2,1fr);
        gap:45px 15px;
    }

    .art-offer{
        grid-template-columns:.8fr 1.2fr;
    }

    .art-offer-side{
        display:none;
    }

}


@media(max-width:700px){

    .art-wrap{
        width:calc(100% - 28px);
    }

    .art-announcement{
        height:28px;
    }

    .art-header{
        top:28px;
        height:71px;
        padding:0 16px;
    }

    .admin-bar .art-header{
        top:74px;
    }

    .admin-bar .art-header.is-sticky{
        top:46px;
    }

    .art-header-right{
        gap:10px;
    }

    .art-icon-link{
        display:none;
    }

    .art-logo small{
        display:none;
    }

    .art-logo strong{
        font-size:17px;
    }

    .art-hero{
        height:840px;
        min-height:0;
    }

    .art-hero-bg{
        background-position:57% center;
    }

    .art-hero-content{
        width:calc(100% - 34px);
        padding-bottom:58px;
    }

    .art-hero h1{
        font-size:59px;
        line-height:.84;
        margin:18px 0 30px;
    }

    .art-hero-bottom{
        display:block;
    }

    .art-hero-bottom p{
        font-size:15px;
        max-width:330px;
    }

    .art-hero-actions{
        margin-top:25px;
        display:block;
    }

    .art-hero-actions .art-btn{
        width:100%;
    }

    .art-hero-actions .art-text-button{
        margin-top:22px;
    }

    .art-hero-number,
    .art-scroll{
        display:none;
    }

    .art-intro{
        padding:80px 0;
    }

    .art-intro-grid{
        display:block;
    }

    .art-intro h2{
        font-size:53px;
        margin-top:18px;
    }

    .art-intro-copy{
        margin-top:30px;
    }

    .art-categories{
        display:block;
    }

    .art-category-card{
        height:520px;
        border-bottom:3px solid #111;
    }

    .art-category-card:not(.art-category-large){
        height:390px;
    }

    .art-category-copy{
        left:20px;
        bottom:22px;
    }

    .art-category-copy h3{
        font-size:48px;
    }

    .art-offer{
        display:block;
        min-height:0;
        padding:75px 22px;
    }

    .art-offer-number{
        font-size:130px;
        margin-bottom:45px;
    }

    .art-offer-copy h2{
        font-size:55px;
    }

    .art-products{
        padding:80px 0;
    }

    .art-section-header{
        display:block;
    }

    .art-section-header .art-text-button{
        margin-top:25px;
    }

    .art-product-grid{
        grid-template-columns:repeat(2,1fr);
        gap:35px 8px;
    }

    .art-product-image{
        aspect-ratio:.78;
    }

    .art-product h3{
        font-size:16px;
    }

    .art-product-meta{
        display:block;
    }

    .art-price{
        padding-top:8px;
    }

    .art-quick-add{
        opacity:1;
        transform:none;
        height:39px;
        bottom:7px;
        left:7px;
        right:7px;
    }

    .art-marquee{
        height:95px;
    }

    .art-marquee span{
        font-size:38px;
    }

    .art-finder{
        grid-template-columns:1fr;
    }

    .art-finder-image{
        min-height:510px;
    }

    .art-finder-content{
        padding:70px 22px;
    }

    .art-finder h2{
        font-size:55px;
    }

    .art-notes{
        padding:80px 0;
    }

    .art-notes-intro h2{
        font-size:59px;
        margin-bottom:40px;
    }

    .art-note{
        grid-template-columns:35px 1fr auto;
        min-height:75px;
    }

    .art-note strong{
        font-size:25px;
    }

    .art-note small{
        display:none;
    }

    .art-story{
        grid-template-columns:1fr;
    }

    .art-story-copy{
        padding:70px 23px;
    }

    .art-story-image{
        min-height:580px;
        grid-row:1;
    }

    .art-gifts{
        min-height:700px;
        padding:0 20px;
    }

    .art-gifts-copy h2{
        font-size:65px;
    }

    .art-services{
        grid-template-columns:1fr 1fr;
    }

    .art-services > div{
        padding:30px 20px;
        border-bottom:1px solid var(--art-line);
    }

    .art-services > div:nth-child(2){
        border-right:0;
    }

    .art-newsletter{
        padding:90px 18px;
    }

    .art-newsletter h2{
        font-size:57px;
    }

    .art-newsletter-form{
        grid-template-columns:1fr;
        border:0;
    }

    .art-newsletter-form input{
        border-bottom:1px solid #111;
    }

    .art-newsletter-form button{
        height:55px;
        background:#111;
        color:#fff;
        margin-top:10px;
    }

    .art-menu-grid{
        display:block;
    }

    .art-menu-main{
        padding:80px 22px;
    }

    .art-menu-main nav a{
        font-size:39px;
        grid-template-columns:35px 1fr;
    }

    .art-menu-feature{
        display:none;
    }

}