:root{
    --var-theme-color:#ffffff;
    --clr-ink:#141414;
    --clr-ink-soft:#5b5b5b;
    --clr-line:#e2e2e2;
    --clr-wash:#f4f4f2;
    --ff-sans:'Archivo',Helvetica,Arial,sans-serif;
    --ff-serif:'Baskervville',Georgia,serif;
    --wrap:1520px;
}

*{box-sizing:border-box}

html{-webkit-text-size-adjust:100%}

body{
    margin:0;
    font-family:var(--ff-sans);
    font-weight:300;
    color:var(--clr-ink);
    font-size:16px;
    line-height:1.45;
    -webkit-font-smoothing:antialiased;
}

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

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

ul{margin:0;padding:0;list-style:none}

.sr-only{
    position:absolute;
    width:1px;height:1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap;
}

.l-wrapper{
    max-width:var(--wrap);
    margin:0 auto;
    padding-left:2.5rem;
    padding-right:2.5rem;
}

.l-wrapper--maxWidth-mobile{padding-left:2.5rem;padding-right:2.5rem}

.l-section--noMarginTop{margin-top:0}

.h2{font-size:52px;line-height:1.05;font-weight:300;letter-spacing:-.02em}
.h4{font-size:15px;font-weight:600;letter-spacing:.01em}

.m-TopMenu{
    position:sticky;
    top:0;
    z-index:40;
    background:var(--var-theme-color);
    padding-top:22px;
    padding-bottom:22px;
}

.m-TopMenu__container{
    display:flex;
    align-items:center;
    gap:46px;
}

.m-TopMenu__logo{flex:0 0 auto}

.m-TopMenu__logo .img img{width:148px;height:auto}

.m-TopMenu__navigation[data-navigation-menu="desktop"]{
    display:flex;
    flex:1 1 auto;
    align-items:center;
    justify-content:space-between;
}

.m-TopMenu__menu-section{
    display:flex;
    align-items:center;
    gap:2.1rem;
}

.m-TopMenu__menu-item a,
.m-TopMenu__menu-button{
    font-size:15px;
    letter-spacing:.005em;
    color:var(--clr-ink);
    padding-bottom:2px;
    border-bottom:1px solid transparent;
    transition:border-color .18s;
}

.m-TopMenu__menu-item a:hover{border-bottom-color:var(--clr-ink)}

.m-TopMenu__menu-item--lang .m-TopMenu__menu-button{
    color:var(--clr-ink-soft);
    letter-spacing:.08em;
    font-size:13px;
}

.m-TopMenu__btn-group{display:none}

.m-TopMenu__btn{
    background:none;
    border:0;
    padding:6px;
    cursor:pointer;
}

.m-TopMenu__btn-icon--menu{
    display:block;
    width:24px;height:2px;
    background:var(--clr-ink);
    position:relative;
}

.m-TopMenu__btn-icon--menu:before,
.m-TopMenu__btn-icon--menu:after{
    content:'';
    position:absolute;
    left:0;
    width:24px;height:2px;
    background:var(--clr-ink);
}

.m-TopMenu__btn-icon--menu:before{top:-7px}
.m-TopMenu__btn-icon--menu:after{top:7px}

.m-TopMenu__navigation[data-navigation-menu="mobile"]{display:none}

.m-SectorHeader{margin-top:0;margin-bottom:96px}

.m-SectorHeader__wrapper{position:relative}

.m-SectorHeader__media{
    margin-left:auto;
    width:76%;
}

.m-SectorHeader__pic img{
    width:100%;
    height:clamp(340px,44vw,620px);
    object-fit:cover;
}

.m-SectorHeader__nav{
    position:absolute;
    left:0;
    top:8%;
    width:64%;
}

.m-SectorHeader__navItems{
    display:flex;
    flex-direction:column;
    gap:2.4rem;
}

.m-SectorHeader__link a{
    display:inline-flex;
    align-items:center;
    gap:.65rem;
    font-size:clamp(34px,4.4vw,62px);
    font-weight:300;
    line-height:1;
    letter-spacing:-.025em;
}

.m-SectorHeader__link .add{font-weight:300}

.m-SectorHeader__link a:hover .c-Wysiwyg{
    box-shadow:inset 0 -2px 0 0 var(--clr-ink);
}

.m-SectorHeader__lead{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:2rem 5rem;
    margin-top:5.5rem;
    align-items:start;
}

.m-SectorHeader__title{grid-row:span 2}

.m-SectorHeader__sub{
    margin:0;
    max-width:44ch;
    font-size:19px;
    line-height:1.5;
    color:var(--clr-ink-soft);
    font-family:var(--ff-serif);
}

.c-Button{
    display:inline-block;
    font-size:15px;
    font-weight:500;
}

.c-Button__wrapper{
    display:inline-flex;
    align-items:center;
    gap:.5em;
    padding-bottom:3px;
    border-bottom:1px solid var(--clr-ink);
}

.add--bold{font-weight:600}

.m-Footer{
    border-top:1px solid var(--clr-line);
    padding-top:64px;
    padding-bottom:40px;
    margin-top:120px;
}

.m-Footer__columns{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:2rem 3rem;
}

.m-Footer__title{
    margin:0 0 18px;
    font-size:15px;
    font-weight:600;
}

.m-Footer__link{margin-bottom:9px}

.m-Footer__link .link{
    font-size:14px;
    color:var(--clr-ink-soft);
}

.m-Footer__link .link:hover{color:var(--clr-ink)}

.m-Footer__section--noTitle{padding-top:33px}

.m-Footer__text{
    margin:0;
    font-size:14px;
    line-height:1.75;
    color:var(--clr-ink-soft);
}

.m-Footer__copy{
    margin:72px 0 0;
    text-align:center;
    font-size:13px;
    color:var(--clr-ink-soft);
}

@media (max-width:1024px){
    .l-wrapper{padding-left:1.5rem;padding-right:1.5rem}
    .m-TopMenu__navigation[data-navigation-menu="desktop"]{display:none}
    .m-TopMenu__btn-group{display:block;margin-left:auto}
    .m-TopMenu__navigation[data-navigation-menu="mobile"]{
        display:block;
        padding:14px 1.5rem 6px;
    }
    .m-TopMenu__navigation[data-navigation-menu="mobile"] .m-TopMenu__menu-section{
        flex-wrap:wrap;
        gap:1rem 1.6rem;
    }
    .m-SectorHeader__media{width:100%}
    .m-SectorHeader__nav{
        position:static;
        width:auto;
        margin-top:1.8rem;
    }
    .m-SectorHeader__navItems{gap:1.1rem}
    .m-SectorHeader__lead{
        grid-template-columns:1fr;
        margin-top:3rem;
        gap:1.4rem;
    }
    .m-SectorHeader__title{grid-row:auto}
    .h2{font-size:38px}
    .m-Footer__columns{grid-template-columns:repeat(2,minmax(0,1fr))}
    .m-Footer__section--noTitle{padding-top:0}
}

@media (max-width:480px){
    .m-Footer__columns{grid-template-columns:1fr}
    .m-SectorHeader__pic img{height:300px}
}

.m-Footer__logo{
    display:block;
    margin:64px auto 0;
    width:132px;
}

.m-Footer__logo .img img{width:132px;height:auto}

.m-Footer__logo + .m-Footer__copy{margin-top:18px}

.m-SimpleHeadline__heading{
    font-size:clamp(28px,3vw,44px);
    font-weight:300;
    letter-spacing:-.02em;
    max-width:22ch;
}

.m-SimpleHeadline{margin-top:110px}
.l-section--marginBottom{margin-bottom:56px}
.l-section--marginTop{margin-top:118px}

.c-Button--big .c-Button__wrapper{font-size:17px}

.c-Button--solid{
    display:block;
    width:100%;
    margin-top:6px;
}

.c-Button--solid .c-Button__wrapper{
    justify-content:center;
    width:100%;
    padding:14px 18px;
    border:1px solid var(--clr-ink);
    background:var(--clr-ink);
    color:#fff;
}

.c-Button--solid .c-Button__wrapper:hover{background:#000}

.m-TopMenu__cart{
    background:none;
    border:0;
    padding:0;
    font:inherit;
    font-size:15px;
    cursor:pointer;
    display:inline-flex;
    gap:.4em;
    align-items:center;
    color:var(--clr-ink);
}

.m-TopMenu__cart-count{
    min-width:20px;
    height:20px;
    border-radius:50%;
    background:var(--clr-ink);
    color:#fff;
    font-size:11px;
    line-height:20px;
    text-align:center;
    padding:0 5px;
}

.m-Goods{margin-top:110px}

.m-Goods__title{margin-bottom:14px}

.m-Goods__note{
    margin:0 0 46px;
    max-width:58ch;
    font-family:var(--ff-serif);
    font-size:17px;
    color:var(--clr-ink-soft);
}

/* 4 col en desktop; el item--horizontal ocupa 2, por eso los saltos raros en el grid */
.m-Goods__grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:56px 32px;
}

.m-Goods__item--horizontal{grid-column:span 2}

.m-Goods__image{
    background:var(--clr-wash);
    margin-bottom:16px;
    overflow:hidden;
}

.m-Goods__image img{
    width:100%;
    aspect-ratio:1/1;
    object-fit:cover;
    transition:transform .5s ease;
}

.m-Goods__item--horizontal .m-Goods__image img{aspect-ratio:4/3}

.m-Goods__item:hover .m-Goods__image img{transform:scale(1.03)}

.m-Goods__item-title{
    font-size:19px;
    margin-bottom:6px;
}

.m-Goods__item-desc{
    display:flex;
    gap:.45em;
    font-size:13px;
    line-height:1.6;
    color:var(--clr-ink-soft);
    margin-bottom:16px;
}

.m-Goods__item-desc small{
    color:var(--clr-ink);
    white-space:nowrap;
}

.m-Goods__row{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:1rem;
    border-top:1px solid var(--clr-line);
    padding-top:12px;
}

.m-Goods__price{
    font-size:20px;
    font-weight:500;
    letter-spacing:-.01em;
}

.c-Button--add{
    background:none;
    border:0;
    padding:0;
    font:inherit;
    cursor:pointer;
    color:var(--clr-ink);
}

.c-Button--add .c-Button__wrapper{font-size:14px}

.m-Why__grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:44px 32px;
}

.m-Why__num{
    font-family:var(--ff-serif);
    font-size:34px;
    color:var(--clr-ink-soft);
    margin-bottom:14px;
}

.m-Why__title{margin:0 0 10px;border-top:1px solid var(--clr-ink);padding-top:14px}

.m-Why__text{margin:0;font-size:15px;line-height:1.65;color:var(--clr-ink-soft)}

.m-About{
    display:grid;
    grid-template-columns:minmax(0,42%) minmax(0,58%);
    gap:0 72px;
    align-items:center;
}

.m-About__media img{width:100%;height:100%;object-fit:cover;max-height:760px}

.m-About__kicker{
    font-size:12px;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:var(--clr-ink-soft);
    margin-bottom:20px;
}

.m-About__title{margin-bottom:26px;max-width:19ch}

.m-About__text{
    margin:0 0 18px;
    max-width:58ch;
    font-size:16px;
    line-height:1.7;
    color:var(--clr-ink-soft);
}

.m-About__sign{
    font-family:var(--ff-serif);
    font-style:italic;
    font-size:17px;
    margin:0 0 26px;
}

.m-Team__heading{margin-bottom:48px}

.m-Team__grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:36px;
}

.m-Team__ava{background:var(--clr-wash);margin-bottom:18px}

.m-Team__ava img{width:100%;aspect-ratio:1/1;object-fit:cover}

.m-Team__name{margin:0 0 4px;font-size:18px}

.m-Team__role{
    font-size:12px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--clr-ink-soft);
    margin-bottom:12px;
}

.m-Team__bio{margin:0;font-size:15px;line-height:1.65;color:var(--clr-ink-soft)}

.m-Voices__heading{margin-bottom:44px}

.m-Voices__grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:32px;
}

.m-Voices__item{
    margin:0;
    grid-column:span 2;
    border-top:1px solid var(--clr-ink);
    padding-top:20px;
}

.m-Voices__item:nth-child(4),
.m-Voices__item:nth-child(5){grid-column:span 3}

.m-Voices__text{
    margin:0 0 16px;
    font-family:var(--ff-serif);
    font-size:19px;
    line-height:1.55;
}

.m-Voices__who{
    font-size:12px;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--clr-ink-soft);
}

.m-Read{
    background:var(--clr-wash);
    padding:74px 0;
    max-width:none;
}

.m-Read__inner{
    max-width:var(--wrap);
    margin:0 auto;
    padding:0 2.5rem;
}

.m-Read__kicker{
    font-size:12px;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:var(--clr-ink-soft);
    margin-bottom:18px;
}

.m-Read__title{max-width:20ch;margin-bottom:18px}

.m-Read__text{
    margin:0 0 28px;
    max-width:56ch;
    font-family:var(--ff-serif);
    font-size:18px;
    line-height:1.6;
    color:var(--clr-ink-soft);
}

.m-Faq__heading{margin-bottom:42px}

.m-Faq__list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:38px 72px;
}

.m-Faq__q{
    margin:0 0 10px;
    padding-top:16px;
    border-top:1px solid var(--clr-line);
    font-size:17px;
}

.m-Faq__a{margin:0;font-size:15px;line-height:1.7;color:var(--clr-ink-soft);max-width:52ch}

.m-Terms{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:48px 72px;
}

.m-Terms__title{
    margin:0 0 12px;
    padding-top:16px;
    border-top:1px solid var(--clr-ink);
}

.m-Terms__text{margin:0;font-size:15px;line-height:1.75;color:var(--clr-ink-soft)}

.m-Visit{
    display:grid;
    grid-template-columns:minmax(0,44%) minmax(0,56%);
    gap:56px;
    align-items:center;
}

.m-Visit__title{margin-bottom:20px}

.m-Visit__text{margin:0 0 26px;font-size:16px;line-height:1.7;color:var(--clr-ink-soft);max-width:46ch}

.m-Visit__list{margin:0 0 30px;border-top:1px solid var(--clr-line)}

.m-Visit__row{
    display:flex;
    gap:1.5rem;
    padding:12px 0;
    border-bottom:1px solid var(--clr-line);
    font-size:15px;
}

.m-Visit__row small{
    flex:0 0 108px;
    font-size:12px;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--clr-ink-soft);
    padding-top:3px;
}

.m-Visit__map iframe{
    width: 100%;
    height: 28.75rem;
    border:0;
    display:block;
    filter:grayscale(1) contrast(1.05);
}

.m-Cart{
    position:fixed;
    inset:0;
    z-index:80;
    visibility:hidden;
    opacity:0;
    transition:opacity .25s,visibility .25s;
}

.m-Cart.is--active{visibility:visible;opacity:1}

.m-Cart__overlay{position:absolute;inset:0;background:rgba(20,20,20,.42)}

/* el translateX chico evita el flash del panel al cargar en firefox */
.m-Cart__panel{
    position:absolute;
    right:0;top:0;bottom:0;
    width:min(430px,100%);
    background:#fff;
    display:flex;
    flex-direction:column;
    transform:translateX(24px);
    transition:transform .25s ease;
}

.m-Cart.is--active .m-Cart__panel{transform:none}

.m-Cart__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:24px 28px 16px;
    border-bottom:1px solid var(--clr-line);
}

.m-Cart__title{font-size:19px}

.m-Cart__close{
    background:none;border:0;
    font-size:28px;line-height:1;
    cursor:pointer;
    color:var(--clr-ink);
}

.m-Cart__body{padding:20px 28px 32px;overflow-y:auto}

.m-Cart__row{
    display:grid;
    grid-template-columns:1fr auto auto;
    gap:10px;
    align-items:center;
    padding:12px 0;
    border-bottom:1px solid var(--clr-line);
    font-size:14px;
}

.m-Cart__qty{display:flex;align-items:center;gap:8px}

.m-Cart__qty button{
    width:24px;height:24px;
    border:1px solid var(--clr-line);
    background:none;
    cursor:pointer;
    font-size:14px;
    line-height:1;
    color:var(--clr-ink);
}

.m-Cart__empty{font-size:14px;color:var(--clr-ink-soft);margin:14px 0}

.m-Cart__total{
    display:flex;
    justify-content:space-between;
    font-size:18px;
    padding:18px 0;
    border-bottom:1px solid var(--clr-ink);
    margin-bottom:20px;
}

.m-Cart__label{display:block;font-size:13px;color:var(--clr-ink-soft);margin-bottom:14px}

.m-Cart__label input,
.m-Cart__label textarea{
    display:block;
    width:100%;
    margin-top:6px;
    padding:11px 12px;
    border:1px solid var(--clr-line);
    font:inherit;
    font-size:15px;
    color:var(--clr-ink);
    background:#fff;
    border-radius:0;
}

.m-Cart__label input:focus,
.m-Cart__label textarea:focus{outline:0;border-color:var(--clr-ink)}

.m-Cart__hp{position:absolute;left:-9999px;width:1px;height:1px}

.m-Cart__msg{font-size:14px;margin:14px 0 0}
.m-Cart__msg.is--ok{color:#1c6b3a}
.m-Cart__msg.is--err{color:#a32020}

@media (max-width:1200px){
    .m-Goods__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .m-Why__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:1024px){
    .l-section--marginTop{margin-top:76px}
    .m-Goods{margin-top:76px}
    .m-Goods__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 20px}
    .m-Goods__item--horizontal{grid-column:span 2}
    .m-About{grid-template-columns:1fr;gap:36px}
    .m-Team__grid{grid-template-columns:1fr;gap:44px}
    .m-Voices__grid{grid-template-columns:1fr;gap:28px}
    .m-Voices__item,
    .m-Voices__item:nth-child(4),
    .m-Voices__item:nth-child(5){grid-column:auto}
    .m-Faq__list,
    .m-Terms{grid-template-columns:1fr;gap:30px}
    .m-Visit{grid-template-columns:1fr;gap:34px}
    .m-Read__inner{padding:0 1.5rem}
    .m-TopMenu__btn-group{display:flex;align-items:center;gap:18px}
}

@media (max-width:480px){
    .m-Goods__grid{grid-template-columns:1fr}
    .m-Goods__item--horizontal{grid-column:auto}
    .m-Why__grid{grid-template-columns:1fr}
    .m-Visit__map iframe{height:320px}
    .m-Visit__row{flex-direction:column;gap:2px}
}

.m-CookieBar{
    position:fixed;
    left:0;right:0;bottom:0;
    z-index:90;
    background:var(--var-theme-color);
    border-top:1px solid var(--clr-ink);
    padding:20px 0;
}

.m-CookieBar[hidden]{display:none}

.m-CookieBar__inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:2.5rem;
}

.m-CookieBar__text{
    margin:0;
    max-width:74ch;
    font-size:14px;
    line-height:1.6;
    color:var(--clr-ink-soft);
}

.m-CookieBar__text .link{
    color:var(--clr-ink);
    box-shadow:inset 0 -1px 0 0 var(--clr-ink);
}

.m-CookieBar__actions{
    display:flex;
    align-items:center;
    gap:1.4rem;
    flex:0 0 auto;
}

.c-Button--ghost{
    background:none;border:0;padding:0;
    font:inherit;cursor:pointer;
    color:var(--clr-ink-soft);
    font-size:14px;
}

.c-Button--ghost .c-Button__wrapper{border-bottom-color:var(--clr-line)}
.c-Button--ghost:hover{color:var(--clr-ink)}

.c-Button--inline{
    width:auto;
    margin-top:0;
    border:0;
    background:none;
    padding:0;
    font:inherit;
    cursor:pointer;
}

.c-Button--inline .c-Button__wrapper{
    width:auto;
    padding:11px 22px;
    font-size:14px;
}

@media (max-width:1024px){
    .m-CookieBar__inner{
        flex-direction:column;
        align-items:flex-start;
        gap:1rem;
    }
}

.m-Legal{
    padding-top:64px;
    display:grid;
    grid-template-columns:minmax(0,34%) minmax(0,66%);
    gap:0 72px;
    align-items:start;
}

.m-Legal__head{position:sticky;top:104px}

.m-Legal__kicker{
    font-size:12px;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:var(--clr-ink-soft);
    margin-bottom:18px;
}

.m-Legal__title{margin:0 0 16px;font-weight:300}

.m-Legal__meta{
    margin:0;
    font-family:var(--ff-serif);
    font-style:italic;
    font-size:15px;
    color:var(--clr-ink-soft);
}

.m-Legal__body{max-width:66ch}

.m-Legal__h{
    margin:0 0 12px;
    padding-top:22px;
    border-top:1px solid var(--clr-line);
    font-size:16px;
}

.m-Legal__h:first-child{padding-top:0;border-top:0}

.m-Legal__p{
    margin:0 0 26px;
    font-size:16px;
    line-height:1.75;
    color:var(--clr-ink-soft);
}

.m-Legal__aside{
    margin-top:78px;
    padding-top:26px;
    border-top:1px solid var(--clr-ink);
}

.m-Legal__contact{
    margin:0 0 20px;
    max-width:70ch;
    font-size:14px;
    line-height:1.7;
    color:var(--clr-ink-soft);
}

.m-Legal__contact .link{
    color:var(--clr-ink);
    box-shadow:inset 0 -1px 0 0 var(--clr-line);
}

@media (max-width:1024px){
    .m-Legal{grid-template-columns:1fr;gap:34px;padding-top:36px}
    .m-Legal__head{position:static}
    .m-Legal__aside{margin-top:52px}
}

.m-Article{
    padding-top:56px;
    max-width:1180px;
}

.m-Article__head{max-width:22ch;margin-bottom:38px}

.m-Article__kicker,
.m-Contact__kicker,
.m-Jobs__kicker{
    font-size:12px;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:var(--clr-ink-soft);
    margin-bottom:18px;
}

.m-Article__head{max-width:26ch}

.m-Article__title{margin:0 0 14px;font-weight:300}

.m-Article__meta{
    margin:0;
    font-family:var(--ff-serif);
    font-style:italic;
    font-size:15px;
    color:var(--clr-ink-soft);
}

.m-Article__media{margin-bottom:44px}

.m-Article__media img{
    width:100%;
    height:clamp(280px,40vw,540px);
    object-fit:cover;
}

.m-Article__caption{
    margin:10px 0 0;
    font-size:13px;
    color:var(--clr-ink-soft);
}

.m-Article__body{max-width:66ch;margin-left:auto}

.m-Article__p{
    margin:0 0 26px;
    font-size:17px;
    line-height:1.75;
}

.m-About--page{padding-top:56px;align-items:start}
.m-About--page .m-About__title{margin-top:0}

.m-Contact{padding-top:56px}

.m-Contact__head{max-width:26ch;margin-bottom:52px}

.m-Contact__title{margin:0 0 16px;font-weight:300}

.m-Contact__lead{
    margin:0;
    max-width:52ch;
    font-family:var(--ff-serif);
    font-size:18px;
    line-height:1.6;
    color:var(--clr-ink-soft);
}

.m-Contact__cols{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:56px 72px;
    align-items:start;
}

.m-Contact__list{border-top:1px solid var(--clr-ink);margin-bottom:38px}

.m-Contact__row{
    display:flex;
    gap:1.5rem;
    padding:12px 0;
    border-bottom:1px solid var(--clr-line);
    font-size:15px;
}

.m-Contact__row small{
    flex:0 0 108px;
    font-size:12px;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--clr-ink-soft);
    padding-top:3px;
}

.m-Contact__sub{margin:0 0 16px;font-size:16px}

.m-Contact__hours{border-top:1px solid var(--clr-line);margin-bottom:20px}

.m-Contact__hour{
    display:flex;
    justify-content:space-between;
    padding:11px 0;
    border-bottom:1px solid var(--clr-line);
    font-size:15px;
}

.m-Contact__note{
    margin:0;
    font-size:14px;
    line-height:1.7;
    color:var(--clr-ink-soft);
    max-width:48ch;
}

.m-Contact__map{margin-top:64px}

.m-Contact__map iframe{
    width:100%;
    height:440px;
    border:0;
    display:block;
    filter:grayscale(1) contrast(1.05);
}

.m-Cart__label select{
    display:block;
    width:100%;
    margin-top:6px;
    padding:11px 12px;
    border:1px solid var(--clr-line);
    font:inherit;
    font-size:15px;
    background:#fff;
    color:var(--clr-ink);
    border-radius:0;
}

.m-Form__msg{font-size:14px;margin:14px 0 0}
.m-Form__msg.is--err{color:#a32020}

.m-Form__thanks{
    border-top:1px solid var(--clr-ink);
    padding-top:26px;
    max-width:52ch;
}

.m-Form__thanks-mark{
    font-size:38px;
    line-height:1;
    margin-bottom:14px;
}

.m-Form__thanks h3{margin:0 0 10px}

.m-Form__thanks-text{
    margin:0;
    font-size:15px;
    line-height:1.7;
    color:var(--clr-ink-soft);
}

.m-Jobs{padding-top:56px}

.m-Jobs__head{max-width:30ch;margin-bottom:56px}

.m-Jobs__title{margin:0 0 16px;font-weight:300}

.m-Jobs__lead{
    margin:0;
    max-width:56ch;
    font-family:var(--ff-serif);
    font-size:18px;
    line-height:1.6;
    color:var(--clr-ink-soft);
}

.m-Jobs__list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:56px;
}

.m-Jobs__item{border-top:1px solid var(--clr-ink);padding-top:22px}

.m-Jobs__num{
    font-family:var(--ff-serif);
    font-size:30px;
    color:var(--clr-ink-soft);
    margin-bottom:10px;
}

.m-Jobs__name{
    margin:0 0 18px;
    font-size:26px;
    font-weight:300;
    letter-spacing:-.015em;
}

.m-Jobs__meta{margin-bottom:24px}

.m-Jobs__meta li{
    font-size:14px;
    line-height:1.7;
    color:var(--clr-ink-soft);
    padding:7px 0;
    border-bottom:1px solid var(--clr-line);
}

.m-Jobs__meta small{
    display:inline-block;
    min-width:86px;
    font-size:12px;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--clr-ink);
}

.m-Jobs__h{margin:0 0 8px;font-size:15px}

.m-Jobs__p{margin:0 0 22px;font-size:15px;line-height:1.7;color:var(--clr-ink-soft)}

.m-Jobs__req li{
    font-size:15px;
    line-height:1.65;
    color:var(--clr-ink-soft);
    padding-left:22px;
    margin-bottom:10px;
    position:relative;
}

.m-Jobs__req li:before{
    content:'+';
    position:absolute;
    left:0;
    top:0;
    color:var(--clr-ink);
}

.m-Jobs__apply{
    margin-top:78px;
    border-top:1px solid var(--clr-ink);
    padding-top:30px;
    max-width:560px;
}

.m-Jobs__applyText{
    margin:0 0 26px;
    font-size:15px;
    line-height:1.7;
    color:var(--clr-ink-soft);
}

@media (max-width:1024px){
    .m-Article{padding-top:32px}
    .m-Article__body{margin-left:0}
    .m-Contact,
    .m-Jobs{padding-top:32px}
    .m-Contact__cols,
    .m-Jobs__list{grid-template-columns:1fr;gap:44px}
    .m-Contact__map iframe{height:320px}
    .m-Jobs__apply{margin-top:52px}
}