@font-face{font-family:Suhve Editorial;src:url('assets/editorial-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Suhve Editorial;src:url('assets/editorial-italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
.petal-gallery{--paper:#f8efeb;--ink:#392626;--muted:#775c55;--serif:"Suhve Editorial",Georgia,serif;font-family:Arial,sans-serif}
.petal-gallery .petal-kicker{font:10px/1.5 Arial,sans-serif;letter-spacing:.19em;text-transform:uppercase;color:inherit;margin:0}
.petal-gallery .petal-link{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:48px;padding:13px 0;border-bottom:1px solid currentColor;color:inherit;font:10px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:.13em;text-decoration:none}
.petal-gallery .petal-link span{font:24px/1 Arial,sans-serif;transition:transform .25s}
.petal-gallery .petal-link:hover span{transform:translate(3px,-3px)}
.petal-gallery{background:#ead7ce;color:var(--ink);scroll-margin-top:80px}
.petal-gallery .petal-chapter-line{padding:27px 5vw;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--paper)}
.petal-gallery .petal-chapter-line>span:first-child{font:9px/1.5 Arial,sans-serif;letter-spacing:.16em}
.petal-gallery .petal-chapter-line p{font:italic 26px var(--serif);margin:0}
.petal-gallery .petal-chapter-flower{font:30px var(--serif);color:#98695c}
.petal-gallery .petal-campaign{position:relative;aspect-ratio:16/9;min-height:570px;max-height:1000px;overflow:hidden;background:#b78e7d}
.petal-gallery .petal-campaign-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.petal-gallery .petal-campaign-copy{position:absolute;left:5vw;top:50%;transform:translateY(-50%);max-width:31%;color:#fff5ec;text-shadow:0 1px 20px #361e2010}
.petal-gallery .petal-campaign-copy h2{font:400 clamp(58px,6.2vw,96px)/.94 var(--serif);letter-spacing:-.045em;margin:25px 0 26px;color:inherit}
.petal-gallery .petal-campaign-copy h2 em{font-weight:400}
.petal-gallery .petal-campaign-copy>p:not(.petal-kicker){font:13px/1.9 Arial,sans-serif;max-width:280px;margin:0 0 24px}
.petal-gallery .petal-image-note{position:absolute;bottom:24px;right:30px;font:8px/1.5 Arial,sans-serif;letter-spacing:.16em;color:#fff5ec}
.petal-gallery .petal-discovery{background:var(--paper);padding:0 5vw 30px;scroll-margin-top:85px}
.petal-gallery .petal-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #39262630}
.petal-gallery .petal-tabs button{display:grid;grid-template-columns:1fr auto;gap:12px;background:none;color:#9a8076;border:0;border-bottom:2px solid transparent;border-radius:0;padding:26px 24px 25px;cursor:pointer;text-align:left;position:relative;margin-bottom:-1px;transition:color .2s,background .2s}
.petal-gallery .petal-tabs button:first-child{padding-left:0}
.petal-gallery .petal-tabs button:last-child{padding-right:0}
.petal-gallery .petal-tabs button>span{grid-column:1/-1;font:9px Arial,sans-serif;letter-spacing:.16em}
.petal-gallery .petal-tabs strong{font:400 clamp(28px,3vw,44px)/1 var(--serif);letter-spacing:-.025em}
.petal-gallery .petal-tabs i{font:22px Arial,sans-serif;align-self:center}
.petal-gallery .petal-tabs button[aria-selected=true]{color:var(--ink);border-color:#965e4e}
.petal-gallery .petal-tabs button:hover{color:var(--ink);background:#b27b5a06}
.petal-gallery .petal-finish-panel{display:grid;grid-template-columns:1.1fr 1.1fr .8fr;gap:5vw;align-items:center;padding:42px 0 20px;min-height:170px}
.petal-gallery .petal-finish-title .petal-kicker{font-size:8px;color:#8c685b}
.petal-gallery .petal-finish-title h3{font:400 38px/1.1 var(--serif);margin:10px 0 0;letter-spacing:-.02em}
.petal-gallery .petal-finish-panel>p{font:13px/1.8 Arial,sans-serif;color:var(--muted);max-width:350px;margin:0}
.petal-gallery .petal-finish-panel .petal-link{justify-self:end;width:100%;max-width:220px}
.petal-gallery .petal-concept-note{font:10px/1.7 Arial,sans-serif;color:#80685c;text-align:center;margin:28px 0 0}
@media(max-width:980px){
.petal-gallery .petal-campaign-copy{max-width:35%}
.petal-gallery .petal-campaign-copy h2{font-size:7vw}
.petal-gallery .petal-finish-panel{gap:30px}
.petal-gallery .petal-finish-title h3{font-size:32px}
.petal-gallery .petal-finish-panel>p{font-size:12px}
}
@media(max-width:720px){
.petal-gallery{scroll-margin-top:66px}
.petal-gallery .petal-chapter-line{padding:24px;gap:15px;flex-wrap:wrap}
.petal-gallery .petal-chapter-line>span:first-child{font-size:8px}
.petal-gallery .petal-chapter-line p{font-size:22px;order:3;width:100%}
.petal-gallery .petal-chapter-flower{font-size:24px}
.petal-gallery .petal-campaign{aspect-ratio:auto;min-height:0;max-height:none;background:#e8d5cb;display:flex;flex-direction:column}
.petal-gallery .petal-campaign-image{height:auto;width:160%;max-width:none;aspect-ratio:16/9;object-fit:cover;object-position:center;margin-left:-50%;order:2}
.petal-gallery .petal-campaign-copy{position:relative;left:auto;top:auto;transform:none;max-width:none;padding:35px 24px 30px;color:#4e302d;background:#e8d5cb;order:1;display:grid;grid-template-columns:1fr 1fr;gap:15px}
.petal-gallery .petal-campaign-copy .petal-kicker{grid-column:1/-1;font-size:8px}
.petal-gallery .petal-campaign-copy h2{font-size:58px;margin:0;grid-row:2/4}
.petal-gallery .petal-campaign-copy>p:not(.petal-kicker){font-size:11px;line-height:1.8;margin:4px 0 0;align-self:end}
.petal-gallery .petal-campaign-copy .petal-link{font-size:8px;gap:12px;min-height:40px;align-self:start}
.petal-gallery .petal-image-note{bottom:13px;right:18px;font-size:6px}
.petal-gallery .petal-discovery{padding:0 24px 26px;scroll-margin-top:75px}
.petal-gallery .petal-tabs button{padding:22px 8px 20px;gap:10px}
.petal-gallery .petal-tabs button>span{font-size:7px;letter-spacing:.1em}
.petal-gallery .petal-tabs strong{font-size:23px;line-height:1;white-space:nowrap}
.petal-gallery .petal-tabs i{display:none}
.petal-gallery .petal-finish-panel{grid-template-columns:1fr;gap:18px;padding:28px 0 8px;min-height:245px}
.petal-gallery .petal-finish-title h3{font-size:36px}
.petal-gallery .petal-finish-panel>p{font-size:12px;max-width:none}
.petal-gallery .petal-finish-panel .petal-link{justify-self:start;font-size:9px;width:210px}
.petal-gallery .petal-concept-note{font-size:9px;text-align:left;margin-top:24px}
}
@media(max-width:720px){
.petal-gallery .petal-campaign-copy h2{grid-column:1/-1;grid-row:auto;font-size:64px;line-height:.92}
.petal-gallery .petal-campaign-copy>p:not(.petal-kicker){align-self:center}
.petal-gallery .petal-campaign-copy .petal-link{align-self:center}
}

.petal-gallery :is(a,button,[role="tabpanel"]):focus-visible{outline:2px solid #a6755c;outline-offset:5px}
/* Keep the original footer size and layout; only change the logo color. */
.site-footer .footer-brand .wordmark img{filter:brightness(0) invert(1)!important}
