/*
Theme Name: Bloom to Perfume
Theme URI: https://example.com/bloom-to-perfume
Author: Bloom to Perfume
Author URI: https://example.com
Description: A botanical editorial WordPress theme adapted from the Bloom to Perfume HTML templates.
Version: 1.0.4
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bloom-to-perfume
Tags: blog, custom-menu, featured-images, one-column, two-columns, editor-style
*/

:root{
  --ink:#173d32;
  --green:#1f664c;
  --green2:#2c8060;
  --rose:#ef6f91;
  --coral:#ff8c70;
  --yellow:#f2c552;
  --mint:#bce9d5;
  --cream:#fff8dc;
  --paper:#fffdf7;
  --line:#eadcc5;
  --muted:#667970;
  --shadow:0 22px 60px rgba(36,91,70,.12);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:"Mulish",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.72;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

a{color:inherit}
img{display:block;max-width:100%;height:auto}
figure{margin:0}
h1,h2,h3,h4{
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  font-weight:600;
  letter-spacing:-.02em;
}

.shell{width:min(1180px,calc(100% - 40px));margin:auto}
.narrow,.reading{width:min(800px,calc(100% - 40px));margin:auto}
.screen-reader-text{
  border:0;
  clip:rect(1px,1px,1px,1px);
  clip-path:inset(50%);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
  word-wrap:normal!important;
}

.topbar{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,253,247,.92);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(31,102,76,.08);
}
.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{text-decoration:none;display:flex;align-items:center;gap:11px}
.brand-flower{
  width:38px;
  height:38px;
  flex:0 0 38px;
  border-radius:50% 45% 50% 45%;
  background:radial-gradient(circle at 50% 50%,var(--yellow) 0 17%,var(--rose) 18% 38%,#ffb9c8 39% 63%,transparent 64%);
  transform:rotate(12deg);
}
.brand strong{font:600 24px "Cormorant Garamond",Georgia,serif;letter-spacing:-.01em}
.brand small{display:block;text-transform:uppercase;letter-spacing:.18em;color:#6a8477;font-size:9px}
.menu,.menu ul{display:flex;gap:27px;align-items:center;font-size:13px;list-style:none;margin:0;padding:0}
.menu a{text-decoration:none}.menu a:hover{color:var(--rose)}

.kicker,.eyebrow{
  display:flex;
  align-items:center;
  gap:11px;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:10px;
  font-weight:800;
  color:#71877b;
}
.kicker:before,.eyebrow:before{
  content:"";
  width:38px;
  height:3px;
  border-radius:5px;
  background:linear-gradient(90deg,var(--rose),var(--yellow));
}

.button,.wp-block-button__link{
  min-height:50px;
  padding:0 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  border:1px solid transparent;
  background:linear-gradient(135deg,var(--green),var(--green2));
  color:white;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(31,102,76,.18);
  transition:.22s ease;
}
.button:hover,.wp-block-button__link:hover{transform:translateY(-2px)}
.button.secondary{background:white;color:var(--ink);border-color:var(--line);box-shadow:none}

.site-main{min-height:50vh}

.home-hero{
  min-height:750px;
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  gap:48px;
  align-items:center;
  padding:62px 0 78px;
}
.home-hero h1{font-size:clamp(58px,7vw,99px);line-height:.9;margin:23px 0 29px}
.home-hero h1 em{font-style:italic;font-weight:500;color:var(--rose)}
.hero-copy p{font-size:18px;color:#5c7168;max-width:560px;margin:0 0 32px}
.actions{display:flex;gap:13px;flex-wrap:wrap}
.hero-gallery{position:relative;height:650px}
.hero-main{
  position:absolute;
  right:0;
  top:0;
  width:78%;
  height:570px;
  border-radius:240px 240px 24px 24px;
  overflow:hidden;
  box-shadow:0 24px 65px rgba(36,91,70,.14);
}
.hero-small{
  position:absolute;
  left:0;
  bottom:8px;
  width:43%;
  height:280px;
  padding:10px;
  background:white;
  box-shadow:0 20px 50px rgba(36,91,70,.16);
  transform:rotate(-3deg);
  z-index:3;
}
.hero-main img,.hero-small img,.photo-card img,.journey-photo img,.spotlight-photos img,.post img,.photo-break img,.page-hero-image img,.photo-split img,.article-hero-image img,.figure img,.related-card img{width:100%;height:100%;object-fit:cover}
.hero-small img{height:220px}
.hero-badge{
  position:absolute;
  right:1%;
  bottom:21px;
  z-index:4;
  background:#fff2b9;
  padding:17px 20px;
  width:185px;
  box-shadow:0 14px 35px rgba(36,91,70,.12);
  text-decoration:none;
}
.hero-badge small{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#657b70}
.hero-badge strong{display:block;font:600 28px "Cormorant Garamond",Georgia,serif;margin-top:3px;letter-spacing:-.01em}
.seasonal-ingredient-image{text-decoration:none}
[data-seasonal-title-link],
[data-seasonal-season],
[data-seasonal-reading]{
  display:inline-block;
}
.seasonal-ingredient-image img,
.hero-badge,
[data-seasonal-title-link],
[data-seasonal-excerpt],
[data-seasonal-season],
[data-seasonal-reading],
[data-seasonal-button]{
  transition:opacity .34s ease,transform .34s ease,filter .34s ease;
}
body.seasonal-ingredient-is-changing .seasonal-ingredient-image img,
body.seasonal-ingredient-is-changing .hero-badge,
body.seasonal-ingredient-is-changing [data-seasonal-title-link],
body.seasonal-ingredient-is-changing [data-seasonal-excerpt],
body.seasonal-ingredient-is-changing [data-seasonal-season],
body.seasonal-ingredient-is-changing [data-seasonal-reading],
body.seasonal-ingredient-is-changing [data-seasonal-button]{
  opacity:0;
  transform:translateY(6px);
  filter:saturate(.9);
}

.ribbon{overflow:hidden;border-top:1px solid #f0d8dc;border-bottom:1px solid #f0d8dc;background:linear-gradient(90deg,#ffe5ec,#fff5c9,#dbf6ea)}
.ribbon div{min-width:max-content;padding:14px 20px;display:flex;gap:46px;justify-content:center;text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:800;color:#658074}
.ribbon b{color:var(--rose)}

section{padding:100px 0}
.section-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:end;margin-bottom:48px}
.section-head h2{font-size:clamp(43px,5vw,68px);line-height:.98;margin:11px 0 0}
.section-head h2:after{
  content:"";
  display:block;
  width:78px;
  height:7px;
  border-radius:10px;
  margin-top:19px;
  background:linear-gradient(90deg,var(--rose),var(--yellow),#66cda2);
}
.section-head p{margin:0;color:var(--muted);max-width:590px}

.photo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.photo-card{min-height:510px;background:white;border:1px solid var(--line);box-shadow:0 12px 35px rgba(36,91,70,.06);overflow:hidden;transition:.25s}
.photo-card:hover{transform:translateY(-7px);box-shadow:0 22px 48px rgba(36,91,70,.13)}
.photo-card .image{height:290px;overflow:hidden}
.photo-card .body{padding:25px 26px 27px}
.photo-card .num{font:italic 16px "Cormorant Garamond",Georgia,serif;color:var(--rose)}
.photo-card h3{font-size:31px;line-height:1.04;margin:12px 0 10px}
.photo-card p{font-size:13px;color:#687b72;margin:0 0 18px}
.photo-card a.more{font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;text-decoration:none}

.journey{padding:0;background:var(--green);color:white;display:grid;grid-template-columns:1fr 1fr;min-height:720px}
.journey-photo{position:relative;min-height:720px}
.journey-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,rgba(31,102,76,.55))}
.journey-copy{padding:85px max(40px,calc((100vw - 1180px)/2)) 75px 72px;display:flex;flex-direction:column;justify-content:center}
.journey-copy .eyebrow{color:#d6e8df}
.journey-copy h2{font-size:clamp(46px,5vw,70px);line-height:.97;margin:17px 0 20px}
.journey-copy>p{color:#cde0d7;max-width:520px}
.steps{margin-top:30px;border-top:1px solid rgba(255,255,255,.18)}
.step{display:grid;grid-template-columns:46px 120px 1fr;gap:13px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.13);align-items:start}
.step i{font:italic 17px "Cormorant Garamond",Georgia,serif;color:#f5cc68}
.step strong{font:600 24px "Cormorant Garamond",Georgia,serif;letter-spacing:-.01em}
.step span{font-size:12px;color:#c6dbd1}

.spotlight{display:grid;grid-template-columns:1.1fr .9fr;gap:66px;align-items:center}
.spotlight-photos{height:625px;position:relative}
.spotlight-photos .big{position:absolute;inset:0 70px 50px 0;overflow:hidden;border-radius:5px}
.spotlight-photos .small{position:absolute;width:255px;height:255px;right:0;bottom:0;border:10px solid var(--paper);box-shadow:var(--shadow)}
.spotlight h2{font-size:clamp(45px,5vw,70px);line-height:.95;margin:17px 0 26px}
.spotlight h2 a{text-decoration:none}
.spotlight .lede{font-size:17px;color:#60736b}
.meta{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--line);padding-top:25px;margin-top:26px}
.meta small{display:block;text-transform:uppercase;letter-spacing:.16em;font-size:9px;color:#758980}
.meta strong{font:600 21px "Cormorant Garamond",Georgia,serif;letter-spacing:-.01em}
.seasonal-controls{display:flex;align-items:center;gap:12px;margin-top:22px}
.seasonal-controls[hidden]{display:none}
.seasonal-arrow,.seasonal-dot{
  appearance:none;
  border:1px solid var(--line);
  background:white;
  color:var(--green);
  cursor:pointer;
  transition:.2s ease;
}
.seasonal-arrow{
  width:34px;
  height:34px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  font-size:24px;
  line-height:1;
  box-shadow:0 8px 18px rgba(31,102,76,.08);
}
.seasonal-dots{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.seasonal-dot{
  width:11px;
  height:11px;
  border-radius:999px;
  padding:0;
  background:#eadcc5;
}
.seasonal-arrow:hover,.seasonal-dot:hover{transform:translateY(-2px);border-color:var(--rose)}
.seasonal-dot.is-active{width:28px;background:linear-gradient(90deg,var(--rose),var(--yellow));border-color:transparent}

.journal,.related{background:radial-gradient(circle at 8% 15%,rgba(255,184,201,.32),transparent 20rem),radial-gradient(circle at 90% 72%,rgba(188,233,213,.35),transparent 25rem),#fff8df}
.posts{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:20px}
.post,.related-card{background:white;border:1px solid rgba(31,102,76,.09);overflow:hidden}
.post .pic{height:230px}
.post:first-child .pic{height:300px}
.post .body,.related-card .body{padding:24px}
.post .tag,.related-card .tag{font-size:9px;color:var(--rose);letter-spacing:.15em;text-transform:uppercase;font-weight:800}
.post h3{font-size:27px;line-height:1.05;margin:12px 0 13px}
.post:first-child h3{font-size:35px}
.post p,.related-card p{font-size:13px;color:#6b7d74}
.post a,.related-card a{text-decoration:none}
.post .read-more,.related-card .read-more{font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:800}

.photo-break{
  min-height:520px;
  position:relative;
  display:grid;
  place-items:center;
  text-align:center;
  color:white;
  background:linear-gradient(rgba(19,66,48,.30),rgba(19,66,48,.47)),url("assets/images/floral-photo-break.jpg") center 46%/cover no-repeat;
}
.photo-break .inner{max-width:850px;padding:50px 26px}
.photo-break .eyebrow{justify-content:center;color:white}
.photo-break h2{font-size:clamp(45px,6vw,78px);line-height:.98;margin:0 0 20px;text-shadow:0 3px 24px rgba(0,0,0,.18)}
.photo-break p{font-size:17px;max-width:650px;margin:0 auto}

.breadcrumbs{padding:25px 0 0;color:#7b8d84;font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.breadcrumbs a{text-decoration:none}.breadcrumbs span{padding:0 9px;color:#b7bdb9}
.page-hero{padding:55px 0 75px;display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}
.page-hero h1{font-size:clamp(58px,7vw,92px);line-height:.91;margin:18px 0 25px}
.page-hero p{font-size:19px;color:#5d7068;max-width:610px;margin:0}
.page-hero-image{height:560px;overflow:hidden;border-radius:210px 210px 8px 8px;box-shadow:var(--shadow)}

.intro{
  padding:92px 0;
  background:radial-gradient(circle at 10% 20%,rgba(255,184,201,.22),transparent 22rem),radial-gradient(circle at 92% 75%,rgba(188,233,213,.28),transparent 24rem),#fff9e8;
}
.intro-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:65px;align-items:start}
.intro h2{font-size:50px;line-height:1;margin:0}
.intro-copy{font-size:17px;color:#3d574d}
.intro-copy p:first-child{margin-top:0}
.values{padding:100px 0}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.value{background:white;border:1px solid var(--line);padding:32px;min-height:260px;position:relative;overflow:hidden}
.value:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-35px;bottom:-35px;background:linear-gradient(135deg,#ffdbe5,#dff6ea)}
.value span{font:italic 17px "Cormorant Garamond",Georgia,serif;color:var(--rose)}
.value h3{font-size:31px;line-height:1.05;margin:18px 0 11px}
.value p{font-size:14px;color:#6d7d75;max-width:280px}

.photo-split{display:grid;grid-template-columns:1fr 1fr;background:var(--green);color:white;min-height:650px;padding:0}
.photo-split .image{min-height:650px}
.photo-split .copy{padding:80px max(38px,calc((100vw - 1180px)/2)) 70px 68px;display:flex;flex-direction:column;justify-content:center}
.photo-split .kicker{color:#d2e3da}
.photo-split h2{font-size:58px;line-height:.97;margin:17px 0 22px}
.photo-split p{color:#c9ddd3;max-width:560px}
.list{margin-top:22px;border-top:1px solid rgba(255,255,255,.16)}
.list div{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.13);display:grid;grid-template-columns:42px 1fr;gap:12px}
.list b{font:600 21px "Cormorant Garamond",Georgia,serif}
.list i{font:italic 16px "Cormorant Garamond",Georgia,serif;color:#f2ca66}

.contact{padding:100px 0;background:#fffdf7}
.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}
.contact-copy h2{font-size:56px;line-height:1;margin:13px 0 20px}
.contact-copy p{color:#64776e}
.contact-note{margin-top:30px;padding:20px 22px;background:#eff8f3;border-left:4px solid #64a986;font-size:13px;color:#4f675d}
.form{border:1px solid var(--line);background:white;padding:34px;box-shadow:0 14px 38px rgba(36,91,70,.06)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{display:flex;flex-direction:column;gap:7px}
.field.full{grid-column:1/-1}
label{font-size:9px;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:#71847b}
input,textarea,select{width:100%;border:1px solid #dfd7c8;background:#fffdfa;padding:13px 14px;font:14px "Mulish",sans-serif;color:var(--ink);outline:none}
textarea{min-height:160px;resize:vertical}
input:focus,textarea:focus,select:focus{border-color:#7eaa92;box-shadow:0 0 0 3px rgba(126,170,146,.12)}
.cta{padding:90px 0;text-align:center;background:radial-gradient(circle at 16% 30%,rgba(255,255,255,.6),transparent 18rem),radial-gradient(circle at 86% 65%,rgba(188,233,213,.35),transparent 20rem),linear-gradient(135deg,#ffdce5,#fff1c7 52%,#dff5e9)}
.cta h2{font-size:58px;line-height:1;margin:0 0 16px}
.cta p{max-width:650px;margin:0 auto 25px;color:#61736b}
.cta a{text-decoration:none}

.article-hero{padding:58px 0 54px}
.article-hero h1{font-size:clamp(56px,7vw,94px);line-height:.91;max-width:980px;margin:18px 0 26px}
.article-hero .dek{max-width:760px;font-size:20px;line-height:1.62;color:#5d7068;margin:0 0 30px}
.article-meta{display:flex;gap:24px;flex-wrap:wrap;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#71847b}
.article-meta b{color:var(--ink)}
.article-hero-image{height:min(68vw,720px);max-height:720px;overflow:hidden;border-radius:4px;box-shadow:var(--shadow);margin-top:48px}
.article-hero-image img{object-position:center 46%}
.article-layout{display:grid;grid-template-columns:220px minmax(0,760px) 180px;justify-content:center;gap:42px;padding:72px 20px 110px}
.article-aside{font-size:12px;color:#71847b}
.sticky{position:sticky;top:108px}
.toc-title,.share-title{font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#8a998f;margin-bottom:14px}
.toc a{display:block;text-decoration:none;padding:7px 0;border-bottom:1px solid #eee6d8}
.toc a:hover{color:var(--rose)}
.share a{width:38px;height:38px;border:1px solid var(--line);display:grid;place-items:center;text-decoration:none;margin-bottom:8px;background:white;font-weight:800;font-size:11px}
.article-body{font-size:17px;color:#304a40}
.article-body>p:first-of-type:first-letter{float:left;font-family:"Cormorant Garamond",Georgia,serif;font-size:78px;line-height:.75;padding:10px 10px 0 0;color:var(--rose);font-weight:600}
.article-body h2{font-size:46px;line-height:1.03;margin:58px 0 18px;color:var(--ink)}
.article-body h2:after{content:"";display:block;width:64px;height:5px;border-radius:5px;margin-top:14px;background:linear-gradient(90deg,var(--rose),var(--yellow),#6dc9a5)}
.article-body h3{font-size:31px;line-height:1.1;margin:34px 0 14px;color:var(--ink)}
.article-body p{margin:0 0 24px}
.article-body a{color:#1d7657;text-decoration-thickness:1px;text-underline-offset:3px}
.article-body ul,.article-body ol{padding-left:24px;margin:0 0 28px}
.article-body li{margin:8px 0}
.article-body blockquote,.pullquote{margin:44px -60px;padding:34px 46px;background:linear-gradient(135deg,#ffe8ee,#fff6cf 58%,#e4f7ed);border-left:5px solid var(--rose);font:500 34px/1.15 "Cormorant Garamond",Georgia,serif;color:#254b3c}
.article-body figure,.figure{margin:42px 0}
.article-body figure img,.figure .image{max-height:470px;overflow:hidden;object-fit:cover}
.article-body figcaption,.figure figcaption{font-size:11px;color:#809087;margin-top:10px}
.fact-box{margin:38px 0;padding:28px 30px;border:1px solid #e6d9c3;background:#fffaf0}
.fact-box .title{font:600 27px "Cormorant Garamond",Georgia,serif;margin:0 0 18px;color:var(--ink)}
.fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.fact-grid small{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:9px;color:#829088}
.fact-grid strong{font:600 19px "Cormorant Garamond",Georgia,serif}
.note{margin:34px 0;padding:20px 22px;background:#eef8f2;border-left:4px solid #5da782;font-size:14px;color:#466258}
.author{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0;margin-top:58px;display:grid;grid-template-columns:90px 1fr;gap:22px;align-items:center}
.author-photo{width:90px;height:90px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#ffdce6,#dff5e9)}
.author-photo img{width:100%;height:100%;object-fit:cover}
.author h4{font-size:27px;margin:0 0 5px}
.author p{margin:0;font-size:13px;color:#6b7d74}
.related{padding:90px 0 105px}
.related-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}
.related-head h2{font-size:52px;line-height:1;margin:0}
.related-head p{max-width:450px;color:#6c7e75;margin:0}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.related-card .pic{height:230px}
.related-card h3{font-size:28px;line-height:1.04;margin:10px 0 12px}

.archive-hero{padding:70px 0 45px}
.archive-hero h1{font-size:clamp(52px,6vw,78px);line-height:.96;margin:14px 0}
.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:100px}
.pagination{padding:0 0 90px;text-align:center}
.pagination .nav-links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.pagination a,.pagination span{padding:10px 14px;border:1px solid var(--line);background:white;text-decoration:none}
.pagination .current{background:var(--green);color:white;border-color:var(--green)}

footer{background:#153b2e;color:#cbdcd4;padding:58px 0 30px}
.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:60px}
footer h3{font-size:29px;color:white;margin:0 0 10px}
footer p{font-size:13px;color:#9fb8ac;max-width:420px}
footer h4{font:800 9px "Mulish",sans-serif;text-transform:uppercase;letter-spacing:.18em;color:#f2c96a}
footer a{display:block;text-decoration:none;font-size:13px;margin:8px 0}
footer ul{list-style:none;margin:0;padding:0}
.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:38px;padding-top:18px;font-size:10px;color:#809c8e}

.alignwide{max-width:1180px;margin-left:auto;margin-right:auto}
.alignfull{width:100vw;margin-left:calc(50% - 50vw)}

@media(max-width:1040px){
  .article-layout{grid-template-columns:minmax(0,760px)}
  .article-aside{display:none}
}
@media(max-width:900px){
  .menu{display:none}
  .home-hero,.page-hero,.section-head,.spotlight,.intro-grid,.contact-grid{grid-template-columns:1fr}
  .hero-gallery{height:580px}
  .photo-cards,.posts,.archive-grid{grid-template-columns:1fr}
  .photo-card{min-height:0}
  .journey,.photo-split{grid-template-columns:1fr}
  .journey-photo{min-height:520px}
  .journey-copy,.photo-split .copy{padding:65px 30px}
  .page-hero-image{height:500px}
  .value-grid{grid-template-columns:1fr}
  .photo-split .image{min-height:500px}
  .related-grid{grid-template-columns:1fr}
  .related-card{display:grid;grid-template-columns:220px 1fr}
  .related-card .pic{height:100%}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .shell,.narrow,.reading{width:calc(100% - 28px)}
  section{padding:75px 0}
  .home-hero{padding:45px 0 58px}
  .home-hero h1,.page-hero h1{font-size:58px}
  .hero-gallery{height:470px}
  .hero-main{width:88%;height:420px}
  .hero-small{width:48%;height:220px}
  .hero-small img{height:165px}
  .hero-badge{width:160px;padding:12px}
  .section-head{gap:22px}
  .step{grid-template-columns:35px 95px 1fr}
  .spotlight-photos{height:470px}
  .spotlight-photos .big{inset:0 35px 40px 0}
  .spotlight-photos .small{width:190px;height:190px}
  .page-hero{padding:38px 0 58px}
  .page-hero p,.article-hero .dek{font-size:17px}
  .page-hero-image{height:430px}
  .intro,.values,.contact{padding:72px 0}
  .intro h2,.section-head h2,.contact-copy h2,.cta h2{font-size:44px}
  .form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}
  .article-hero{padding-top:38px}
  .article-hero h1{font-size:57px}
  .article-hero-image{height:480px}
  .article-layout{padding:52px 14px 80px}
  .article-body{font-size:16px}
  .article-body h2{font-size:38px}
  .article-body blockquote,.pullquote{margin:36px 0;padding:26px 25px;font-size:29px}
  .article-body figure img,.figure .image{max-height:360px}
  .fact-grid{grid-template-columns:1fr}
  .author{grid-template-columns:70px 1fr}.author-photo{width:70px;height:70px}
  .related-head{display:block}.related-head p{margin-top:12px}
  .related-card{display:block}.related-card .pic{height:230px}
  .footer-grid{grid-template-columns:1fr}
}