/* MALDICO — Postcard bento (G). One responsive stylesheet.
   Desktop artboard 1440, mobile artboard 390. Mobile layout below 900px. */

:root{
  --teal:#4BA6B9; --yellow:#FCE55A; --orange:#F2913A; --ink:#2B2420; --footer:#3E9DB1;
  --teal-deep:#1F6B7A; --paper:#FCFBF8; --cream:#FEFDFB; --white:#FFFFFF; --photo-bg:#DCE8EE;
  --sans:'Instrument Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'DM Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --hand:'Nothing You Could Do',cursive;
  --tex:.5; /* brand rule: textures at 50% */
}

*,*::before,*::after{box-sizing:border-box}
/* footer blue behind everything, so iOS overscroll and the toolbar area below the footer stay blue */
html{-webkit-text-size-adjust:100%;background:var(--footer)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--cream);color:var(--teal-deep);font-family:var(--sans);-webkit-font-smoothing:antialiased}
body:has(#pm-toggle:checked){overflow:hidden}
img{max-width:100%}
a{color:inherit}
h1,h2,h3,p,figure,ul{margin:0}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}

.skip{position:absolute;left:12px;top:-60px;z-index:200;padding:10px 16px;border-radius:999px;background:var(--yellow);color:var(--ink);font-weight:600;text-decoration:none}
.skip:focus{top:12px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.page{position:relative;overflow:hidden}
/* paper grain over the whole page */
.page::after{content:"";position:absolute;inset:0;background:url(assets/texture-grain.webp) 0 0/180px 180px;opacity:var(--tex);pointer-events:none;z-index:60}

.type{font-family:var(--mono);font-weight:500;letter-spacing:.1em;text-transform:uppercase;font-size:11px}
.display{font-family:var(--sans);font-weight:600;letter-spacing:-.025em}
.grade{filter:saturate(.86) contrast(.94) brightness(1.05) sepia(.1) hue-rotate(-4deg)}
.wave{position:absolute;opacity:.85;pointer-events:none}
.wave path{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round}

/* flat pill buttons — no shadows */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 24px;border-radius:999px;border:1px solid var(--teal-deep);text-decoration:none;font-size:13.5px;font-weight:600;letter-spacing:.03em;transition:background .25s,color .25s}
.btn:hover{background:var(--footer);border-color:var(--footer);color:var(--cream)}
.btn--yellow{background:var(--yellow);border-color:var(--yellow);color:var(--teal-deep)}
.btn--ink{border-color:var(--ink);color:var(--ink)}

/* perforated stamp edge */
.perf{--hole:5.5px;--step:18px;padding:11px;background:radial-gradient(circle at 50% 50%,transparent var(--hole),var(--paper) calc(var(--hole) + .5px)) calc(var(--step) / -2) calc(var(--step) / -2)/var(--step) var(--step)}
.perf > div{background:var(--paper)}

.d-only{}
.m-only{display:none !important}

/* ───────── HERO ───────── */
.hero{position:relative;height:820px;overflow:hidden;background:var(--photo-bg);color:var(--white)}
.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 40%;filter:saturate(.93) contrast(.97) brightness(1.025) sepia(.05) hue-rotate(-2deg)}
.hero__tone{position:absolute;inset:0;pointer-events:none;opacity:.5;mix-blend-mode:soft-light;background:linear-gradient(180deg,rgba(255,206,160,.28) 0%,rgba(255,236,214,.06) 45%,rgba(31,107,122,.16) 100%)}
.hero__shade-b{position:absolute;left:0;right:0;bottom:0;height:55%;background:linear-gradient(0deg,rgba(15,35,45,.42),rgba(15,35,45,0));pointer-events:none}
.hero__shade-t{position:absolute;left:0;right:0;top:0;height:22%;background:linear-gradient(180deg,rgba(15,35,45,.28),rgba(15,35,45,0));pointer-events:none}
.hero__bar{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:22px 40px}
.hero__logo img{display:block;height:72px;width:auto}
.nav{display:flex;gap:6px;font-size:13.5px;font-weight:600;text-shadow:0 1px 10px rgba(0,0,0,.3)}
.nav a{padding:9px 12px;border-radius:999px;border:1px solid transparent;text-decoration:none;transition:border-color .25s}
.nav a:hover{border-color:var(--white)}
.menu-open{display:none;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid var(--white);border-radius:999px;font-size:13px;font-weight:600;cursor:pointer}
.menu-open i{display:inline-block;width:14px;height:6px;border-top:1.5px solid #fff;border-bottom:1.5px solid #fff}
.hero__foot{position:absolute;left:40px;right:40px;bottom:44px;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.hero h1{width:clamp(320px,38vw,540px)}
.hero h1 img{display:block;width:100%;height:auto;filter:drop-shadow(0 2px 14px rgba(0,0,0,.22))}
.hero__copy{margin-top:20px;max-width:500px;font-size:18px;line-height:1.55;font-weight:500;text-shadow:0 1px 12px rgba(0,0,0,.35)}
.hero__ctas{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:24px}
.hero__ctas .btn:hover{background:var(--cream);border-color:var(--cream)}
.hero__link{font-size:14.5px;font-weight:600;text-underline-offset:5px;text-shadow:0 1px 10px rgba(0,0,0,.3)}
.hero__seal{display:flex;flex-direction:column;align-items:flex-end;gap:14px;flex-shrink:0}
.hero__coords{padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.85);text-shadow:0 1px 8px rgba(0,0,0,.3)}

/* ───────── MOBILE MENU (checkbox) ───────── */
.pm-toggle{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.pm-toggle:focus-visible ~ .hero .menu-open,
.pm-toggle:focus-visible ~ .menu .menu-close{outline:2px solid #fff;outline-offset:3px}
.menu{position:fixed;inset:0;z-index:100;display:none;flex-direction:column;overflow-y:auto;padding:18px 22px 26px;background:var(--footer) url(assets/texture-fleck.webp) 0 0/400px 400px;color:var(--cream)}
.pm-toggle:checked ~ .menu{display:flex}
.menu__top{display:flex;justify-content:space-between;align-items:center}
.menu__top img{height:44px;width:auto;display:block}
.menu-close{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid var(--cream);border-radius:999px;font-size:13px;font-weight:600;cursor:pointer}
.menu nav{margin-top:40px;border-top:1px dashed rgba(250,247,242,.28)}
.menu nav a{display:flex;align-items:baseline;gap:14px;padding:14px 0;border-bottom:1px dashed rgba(250,247,242,.28);text-decoration:none}
.menu nav a span:last-child{font-weight:600;letter-spacing:-.025em;font-size:34.4px;line-height:1.05}
.menu__hand{margin-top:22px;font-family:var(--hand);font-size:18px;line-height:1.6;transform:rotate(-3deg);transform-origin:left}
.menu__end{margin-top:auto;padding-top:24px}
.menu__end .btn{width:100%;border-color:var(--cream);color:var(--cream)}
.menu__end div{display:flex;justify-content:space-between;margin-top:16px}
.menu__end .type{font-size:9.5px}

/* ───────── 01 OUR STORY ───────── */
.story{position:relative;overflow:hidden;padding:96px 72px 92px;background:var(--yellow) url(assets/texture-fleck.webp) 0 0/400px 400px;color:var(--teal-deep)}
.story__label{position:absolute;top:44px;right:72px}
.story__grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1180px;margin:0 auto}
.story__stamp{position:relative;width:min(440px,calc(100% - 60px));margin-left:60px;transform:rotate(-3deg)}
.story__badge{position:absolute;left:-74px;top:-58px;z-index:2;width:158px;height:auto;transform:rotate(-8deg)}
.story__stamp .perf > div{padding:58px 36px 54px;text-align:center}
.story h2{font-size:53.3px;line-height:1.05;color:var(--ink)}
.story__text{max-width:480px;font-size:15.5px;line-height:1.7}
.facts{display:flex;flex-wrap:wrap;gap:20px 40px;margin-top:28px}
.facts .type{font-size:10px}
.facts p + p{margin-top:4px;font-size:15px;font-weight:600}

/* ───────── PHOTO BANDS ───────── */
.band{position:relative;height:860px;overflow:hidden;background:var(--photo-bg)}
.band--2{height:900px}
.band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 62%}

/* ───────── 02 BEHIND THE DESIGNS ───────── */
.designs{position:relative;overflow:hidden;padding:0 0 28px;border-top:1px solid rgba(43,36,32,.12);background:var(--white) url(assets/texture-paper.webp) 0 0/260px 260px;color:var(--ink)}
.designs__head{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;max-width:1360px;margin:0 auto;padding:52px 40px 0}
.designs h2,.island h2{margin-top:14px;font-size:52px;line-height:1;letter-spacing:-.03em;color:var(--ink)}
.designs__lede{margin-top:30px;justify-self:end;max-width:420px;font-size:16px;line-height:1.6;color:rgba(43,36,32,.78)}
.concept{position:relative;max-width:1400px;margin:-28px auto 0;padding:0 24px}
.concept__art{position:relative}
.concept__art img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.step{position:absolute}
.step p:first-child{display:flex;align-items:baseline;gap:8px;white-space:nowrap}
.step b{font-family:var(--hand);font-weight:400;font-size:24px;line-height:1}
.step .type{font-size:10.5px}
.step p + p{margin-top:6px;font-size:13.5px;line-height:1.45;color:rgba(43,36,32,.72)}
.s1{left:7.5%;top:19%;width:15%;transform:rotate(-2deg)}
.s2{left:30%;top:18%;width:15%;transform:rotate(-1.5deg)}
.s3{left:50.5%;top:7.5%;width:14%;transform:rotate(-1deg)}
.s4{left:68%;top:12%;width:11%;transform:rotate(1deg)}

/* ───────── 03 ISLAND LIFE ───────── */
.island{padding:88px 0 0;background:var(--yellow) url(assets/texture-paper.webp) 0 0/360px 360px;color:var(--ink)}
.island__head{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end;max-width:1360px;margin:0 auto;padding:0 40px 48px}
.island h2{margin-top:18px;line-height:1.05;letter-spacing:-.025em}
.island__lede{margin-bottom:8px;justify-self:end;max-width:420px;font-size:16px;line-height:1.65}

/* 18 columns lets 1.25/.5/.5, 1/1 and 1/1/1 rows share one grid */
.products{display:grid;grid-template-columns:repeat(18,1fr);grid-template-rows:340px 340px 540px 420px}
.tile{position:relative;overflow:hidden;background:var(--photo-bg)}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tile__shade{position:absolute;left:0;right:0;bottom:0;height:55%;background:linear-gradient(0deg,rgba(15,35,45,var(--shade,.5)),rgba(15,35,45,0))}
.tile__cap{position:absolute;left:26px;right:26px;bottom:26px;color:var(--white)}
.tile__cap .type{font-size:10px}
.tile h3{margin-top:8px;font-size:24px;line-height:1.05;letter-spacing:-.025em;font-weight:600}
.tile__cap p + h3 + p{margin-top:6px;font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.9)}
.tile--big .tile__cap{left:32px;right:32px;bottom:34px}
.tile--big h3{font-size:34px}
.tile--big .tile__cap p + h3 + p{font-size:16px}
.tile__link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding-bottom:2px;border-bottom:1px solid var(--yellow);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:13px;color:var(--yellow);text-decoration:none}
.t-cards{grid-column:1/11;grid-row:1/3}
.t-note{grid-column:11/15;grid-row:1}
.t-mag{grid-column:15/19;grid-row:1}
.t-cush{grid-column:11/15;grid-row:2}
.t-brac{grid-column:15/19;grid-row:2}
.t-tote{grid-column:1/10;grid-row:3}
.t-tee{grid-column:10/19;grid-row:3}
.t-bottle{grid-column:1/7;grid-row:4}
.t-towel{grid-column:7/13;grid-row:4}
.t-salt{grid-column:13/19;grid-row:4}

/* ───────── 04 FIND US ───────── */
.find{position:relative;overflow:hidden;padding:96px 56px 100px;background:var(--teal) url(assets/texture-sand.webp) 0 0/240px 240px;color:var(--teal-deep)}
.find__grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1280px;margin:0 auto}
.find__label{margin-bottom:36px;color:var(--white)}
.find__card{transform:rotate(-2deg);max-width:520px}
.find__card .perf{padding:10px}
.find__card .perf > div{padding:44px 40px 30px;text-align:center;color:var(--ink)}
.find h2{font-size:38px;line-height:1.08}
.find__card p{margin-top:20px;font-size:15px;line-height:1.65}
.find__card p + p{margin-top:12px}
.find__cta{margin-top:22px;padding-top:18px;border-top:1px dashed rgba(43,36,32,.35)}
.find__cta .btn:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.find__cta .type{margin-top:14px;font-size:10px;opacity:.75}
.find__photo{position:relative;width:360px;max-width:100%;margin:0 auto;transform:rotate(3deg)}
.find__photo .perf{--hole:4.5px;--step:14px;padding:8px}
.find__photo .perf > div{padding:10px 10px 14px}
.find__photo .perf img{display:block;width:100%;height:400px;object-fit:cover;object-position:55% 35%}
.find__photo-cap{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px;padding:0 2px;color:var(--ink)}
.find__photo-cap span:first-child{font-size:18.9px}
.find__photo-cap .type{font-size:9.5px}
.find__mark{position:absolute;left:-110px;top:-44px;z-index:2;width:240px;height:auto;transform:rotate(-12deg)}

/* ───────── 05 CUSTOM & BOUTIQUES ───────── */
.custom{padding:64px 56px 68px;background:var(--orange) url(assets/texture-paper.webp) 0 0/360px 360px;color:var(--white)}
.custom__grid{display:grid;grid-template-columns:1.1fr 1fr;grid-template-areas:"head list" "cta list";column-gap:72px;align-items:center;max-width:1280px;margin:0 auto}
.custom__head{grid-area:head;align-self:end}
.custom__head .type{color:var(--yellow)}
.custom h2{margin-top:14px;font-size:44px;line-height:1.02;letter-spacing:-.035em}
.custom__head p:last-child{margin-top:18px;max-width:460px;font-size:16px;line-height:1.65;color:rgba(255,248,236,.85)}
.custom__cta{grid-area:cta;align-self:start;justify-self:start;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;margin-top:24px;padding:0 28px;border-radius:999px;background:var(--yellow);color:var(--ink);font-weight:600;font-size:15px;text-decoration:none;transition:background .25s}
.custom__cta:hover{background:var(--cream)}
.custom__list{grid-area:list;list-style:none;padding:0;border-bottom:1.5px solid rgba(252,229,90,.85)}
.custom__list li{display:flex;align-items:baseline;gap:14px;padding:18px 0;border-top:1.5px solid rgba(252,229,90,.85)}
.custom__list li > span:first-child{min-width:24px;font-weight:600;font-size:15px;color:var(--yellow)}
.custom__list strong{display:block;font-weight:600;font-size:22px;letter-spacing:-.02em;line-height:1.15}
.custom__list li span span{display:block;margin-top:3px;font-size:15px;line-height:1.5;color:rgba(255,248,236,.82)}

/* ───────── FOOTER ───────── */
.footer{overflow:hidden;padding:72px 40px 0;background:var(--footer) url(assets/texture-fleck.webp) 0 0/400px 400px;color:var(--cream)}
.footer__top{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-areas:"brand explore contact";gap:56px;max-width:1360px;margin:0 auto;padding-bottom:44px;border-bottom:1px solid rgba(254,253,251,.2)}
.footer__brand{grid-area:brand}
.footer__brand img:first-child{display:block;height:52px;width:auto}
.footer__brand img + img{display:block;width:220px;height:auto;margin-top:22px}
.footer__explore{grid-area:explore}
.footer__contact{grid-area:contact}
.footer .type.head{margin-bottom:16px;color:var(--yellow)}
.footer ul{list-style:none;padding:0;display:grid;gap:8px;font-size:17px;font-weight:600;letter-spacing:-.015em}
.footer a{text-decoration:none}
.footer a:hover{text-decoration:underline;text-underline-offset:4px}
.footer__mail{font-size:20px;font-weight:600;letter-spacing:-.02em}
.footer__city{margin-top:8px;font-size:15px;opacity:.85}
.footer__base{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:1360px;margin:0 auto;padding:20px 0}
.footer__base span{opacity:.8}
.footer__word{display:block;width:min(100%,1280px);height:auto;margin:8px auto 0;opacity:.08;transform:translateY(18%)}

/* ═════════════ TABLET (900–1180) ═════════════ */
@media (max-width:1180px) and (min-width:900px){
  .story{padding-left:48px;padding-right:48px}
  .story__grid{gap:48px}
  .story h2{font-size:44px}
  .story__stamp .perf > div{padding:46px 28px 42px}
  .find{padding-left:40px;padding-right:40px}
  .find__grid{gap:48px}
  .step p + p{font-size:12px}
  .s4{width:14%}
}

/* ═════════════ MOBILE (< 900) ═════════════ */
@media (max-width:899px){
  .d-only{display:none !important}
  .m-only{display:revert !important}
  .type{font-size:10px}

  .hero{height:600px}
  .hero__img{object-position:66% 40%}
  .hero__shade-b{height:62%;background:linear-gradient(0deg,rgba(15,35,45,.5),rgba(15,35,45,0))}
  .hero__bar{padding:16px 18px}
  .hero__logo img{height:54px}
  .nav{display:none}
  .menu-open{display:inline-flex}
  .hero__foot{left:18px;right:18px;bottom:28px}
  .hero h1{width:260px}
  .hero__copy{margin-top:14px;font-size:15px}
  .hero__ctas{gap:16px;margin-top:18px}
  .hero__ctas .btn{min-height:44px;padding:0 20px}
  .hero__link{font-size:14px}

  .story{padding:64px 22px 52px}
  .story__label{position:static;margin-bottom:34px}
  .story__grid{display:block;max-width:560px}
  .story__stamp{width:280px;margin-left:40px}
  .story__badge{left:-52px;top:-40px;width:101px}
  .story__stamp .perf{--hole:5px;--step:16px;padding:9px}
  .story__stamp .perf > div{padding:36px 20px 32px}
  .story h2{font-size:34.4px}
  .story__text{margin-top:30px;max-width:none;font-size:15px}
  .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
  .facts .type{font-size:9px}
  .facts p + p{margin-top:3px;font-size:14px}

  .band,.band--2{height:auto}
  .band img{position:static;display:block;height:auto}

  .designs{padding:48px 20px 52px}
  .designs__head{display:block;padding:0;max-width:560px}
  .designs h2,.island h2{margin-top:12px;font-size:34px;line-height:1.02;letter-spacing:-.03em}
  .designs__lede{margin-top:14px;font-size:15px;line-height:1.65}
  .concept{margin:22px auto 0;padding:50px 0 58px;max-width:560px}
  .concept__art{margin:0 -8px}
  .concept{position:relative}
  .step{position:absolute}
  .concept__art{position:static}
  .step p:first-child{gap:6px}
  .step b{font-size:20px}
  .step .type{font-size:9px}
  .step p + p{margin-top:4px;font-size:12px;line-height:1.4}
  .s1{top:0;left:9%;width:40%;transform:rotate(-2deg)}
  .s2{top:2px;left:53%;width:42%;transform:rotate(-1deg)}
  .s3{top:auto;bottom:0;left:5%;width:44%;transform:rotate(-1.5deg)}
  .s4{top:auto;bottom:0;left:53%;width:44%;transform:rotate(1deg)}

  .island{padding:48px 0 0}
  .island__head{display:block;padding:0 20px 24px}
  .island__lede{margin:12px 0 0;max-width:none;font-size:15px}
  .products{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:auto;
    grid-template-areas:"cards cards" "note mag" "tote tote" "cush brac" "tee tee" "towel bottle" "salt salt"}
  .products .tile{grid-column:auto;grid-row:auto;height:250px}
  .t-cards{grid-area:cards !important;height:380px !important}
  .t-note{grid-area:note !important}.t-mag{grid-area:mag !important}
  .t-tote{grid-area:tote !important;height:360px !important}
  .t-cush{grid-area:cush !important}.t-brac{grid-area:brac !important}
  .t-tee{grid-area:tee !important;height:360px !important}
  .t-towel{grid-area:towel !important}.t-bottle{grid-area:bottle !important}
  .t-salt{grid-area:salt !important;height:340px !important}
  .tile__shade{height:65%}
  .tile__cap,.tile--big .tile__cap{left:12px;right:12px;bottom:14px}
  .tile__cap .type{font-size:8.5px}
  .tile h3,.tile--big h3{margin-top:6px;font-size:16px;line-height:1.08;letter-spacing:-.02em}
  .tile__cap p + h3 + p,.tile--big .tile__cap p + h3 + p{margin-top:4px;font-size:12px;line-height:1.45}
  .tile--wide .tile__cap{left:18px;right:18px;bottom:20px}
  .tile--wide .tile__cap .type{font-size:9.5px}
  .tile--wide h3{font-size:24px !important}
  .tile--wide .tile__cap p + h3 + p{font-size:14px !important}
  .tile__link{font-size:12.5px}

  .find{padding:60px 20px 64px}
  .find__grid{display:block;max-width:560px}
  .find__label{margin-bottom:26px}
  .find__card{max-width:none}
  .find__card .perf{--hole:5px;--step:16px;padding:9px}
  .find__card .perf > div{padding:30px 20px 20px}
  .find h2{font-size:28px}
  .find__card p{margin-top:14px;font-size:14px;line-height:1.6}
  .find__card p + p{margin-top:10px}
  .find__cta{margin-top:16px;padding-top:16px}
  .find__cta .btn{width:100%}
  .find__cta .type{margin-top:12px;font-size:9px}
  .find__photo-wrap{margin-top:44px}
  .find__photo{width:250px}
  .find__photo .perf{--hole:4px;--step:12px;padding:7px}
  .find__photo .perf > div{padding:8px 8px 11px}
  .find__photo .perf img{height:280px}
  .find__photo-cap{margin-top:8px;padding:0}
  .find__photo-cap span:first-child{font-size:16.3px}
  .find__photo-cap .type{font-size:8px}
  .find__mark{left:-44px;top:-34px;width:150px}

  .custom{padding:44px 22px 46px}
  .custom__grid{display:block;max-width:560px}
  .custom h2{margin-top:12px;font-size:30px;line-height:1.05;letter-spacing:-.03em}
  .custom__head p:last-child{margin-top:14px;font-size:15px;line-height:1.6}
  .custom__list{margin-top:22px}
  .custom__list li{padding:13px 0}
  .custom__list li > span:first-child{font-size:14px}
  .custom__list strong{font-size:18px}
  .custom__list li span span{font-size:14px}
  .custom__cta{display:flex;width:100%;margin-top:22px}

  .footer{padding:52px 22px 0}
  .footer__top{grid-template-columns:1fr 1fr;grid-template-areas:"brand brand" "explore contact";gap:30px 20px;padding-bottom:28px}
  .footer__brand img:first-child{height:46px}
  .footer__brand img + img{width:190px;margin-top:18px}
  .footer .type.head{margin-bottom:12px}
  .footer ul{gap:6px;font-size:15.5px}
  .footer__mail{font-size:15.5px;overflow-wrap:anywhere}
  .footer__city{margin-top:6px;font-size:14px}
  .footer__base{padding:16px 0}
  .footer__base .type{font-size:9px}
  .footer__word{width:100%}
}

@media (max-width:374px){
  .hero h1{width:230px}
  .story__stamp{width:250px;margin-left:34px}
  .story h2{font-size:30px}
  .facts{grid-template-columns:1fr 1fr}
  .menu nav a span:last-child{font-size:30px}
}

@media (min-width:900px){ .menu{display:none !important} }