/* The homepage header and hero share one viewport. */
body{--pg-admin-height:0px;--pg-header-height:98px}
body.admin-bar{--pg-admin-height:32px}
.home .pg-header{position:absolute;inset:var(--pg-admin-height) 0 auto;height:var(--pg-header-height);background:transparent;border:0}
.pg-hero{--note-width:285px;position:relative;isolation:isolate;overflow:hidden;background:#070707;height:calc(100svh - var(--pg-admin-height));min-height:540px;padding:0 var(--page-gutter)}
.pg-hero-photo{position:absolute;inset:0;height:100%;z-index:-2;margin:0!important;max-width:none!important}
.pg-hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 38%;filter:saturate(.7) contrast(1.06);mask-image:linear-gradient(#000 72%,transparent 100%)}
.pg-hero::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#000b,transparent 25%),linear-gradient(0deg,#101010 1%,transparent 65%),linear-gradient(90deg,#0004,transparent 40%)}
.pg-hero-content{position:absolute;bottom:clamp(32px,5svh,64px);left:var(--page-gutter);width:calc(100% - 2 * var(--page-gutter) - var(--note-width) - 44px);max-width:980px}
.pg-hero h1{font-size:clamp(60px,min(8.7vw,13svh),145px);line-height:.97;letter-spacing:-.025em;transform:rotate(-2deg);text-shadow:0 2px 24px #0003}
.pg-hero h1 span{display:block;color:var(--paper);font-size:.72em;margin-bottom:.06em}
.pg-hero h1 em{color:var(--pink)}
.pg-hero-content .wp-block-buttons{margin-top:clamp(20px,3svh,35px)}
.pg-hero-tag,.pg-hero-index{position:absolute;top:calc(var(--pg-header-height) + 10px);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#ddd}
.pg-hero-tag{left:var(--page-gutter)}.pg-hero-index{right:var(--page-gutter)}
.pg-hero-note{position:absolute;right:var(--page-gutter);bottom:clamp(48px,7svh,80px);width:var(--note-width);transform:rotate(3deg);background:#121212e6;padding:24px 20px 18px;border-top:1px solid #ffffff60}
.pg-hero-note::before{content:'';position:absolute;left:22px;top:-13px;width:75px;height:25px;background:#d3d1bc77;transform:rotate(-9deg)}
.pg-hero-note>p:not(.pg-sticker){font-family:monospace;font-size:14px;line-height:1.6}
.pg-hero-note .pg-sticker{margin:24px -20px -29px;padding:17px 20px;background:var(--lime);color:var(--ink);font-family:var(--label);font-weight:700;font-size:23px;line-height:1.13;text-transform:uppercase;transform:rotate(-6deg);clip-path:polygon(0 5%,8% 7%,19% 0,32% 5%,50% 1%,71% 4%,91% 0,99% 4%,97% 26%,100% 45%,98% 73%,100% 96%,78% 100%,57% 96%,38% 100%,17% 96%,1% 100%,2% 76%,0 48%,2% 21%)}
.pg-rave-smile{position:absolute;right:0;top:-133px;width:96px;display:block;transform:rotate(11deg);text-decoration:none;transition:transform .2s}
.pg-rave-smile:hover{transform:rotate(-10deg) scale(1.06)}
.pg-rave-smile img{width:100%;height:auto;display:block}
.pg-rave-smile span{display:block;margin:6px auto 0;width:76px;border:2px solid var(--paper);border-radius:50%;font:700 25px/1.1 var(--label);color:var(--paper);text-align:center;transform:rotate(-18deg);padding:3px}
@media(max-width:1100px){.pg-hero{--note-width:225px}.pg-hero-note>p:not(.pg-sticker){font-size:12px}.pg-hero-note .pg-sticker{font-size:20px}.pg-rave-smile{width:80px;top:-117px}}
@media(max-width:900px){body{--pg-header-height:84px}.pg-hero-photo{height:86%}.pg-hero-content{width:calc(100% - 2 * var(--page-gutter) - var(--note-width) - 28px)}.pg-hero h1{font-size:clamp(50px,min(8.7vw,12svh),78px)}.pg-hero-content .wp-block-button__link{font-size:15px;padding:13px 15px;gap:10px}}
@media(max-width:782px){body.admin-bar{--pg-admin-height:46px}}
@media(max-width:600px){
 body{--pg-header-height:78px}
 .pg-hero{display:flex;flex-direction:column;justify-content:flex-end;gap:25px;padding:calc(var(--pg-header-height) + 50px) 24px 32px;min-height:520px}
 .pg-hero-photo{height:60%;width:100%}
 .pg-hero-photo img{object-position:49% 25%;mask-image:linear-gradient(#000 65%,transparent)}
 .pg-hero-tag,.pg-hero-index{font-size:8px;letter-spacing:.08em;top:calc(var(--pg-header-height) + 3px)}
 .pg-hero-tag{left:24px}.pg-hero-index{right:24px}
 .pg-hero-content{position:relative;inset:auto;width:100%;max-width:none}
 .pg-hero-content>.eyebrow{display:none}
 .pg-hero h1{font-size:clamp(39px,min(12.8vw,7.8svh),70px);line-height:1;letter-spacing:-.02em}
 .pg-hero h1 span{font-size:.83em}
 .pg-hero-content .wp-block-buttons{margin-top:18px;gap:9px}
 .pg-hero-content .wp-block-button__link,.pg-hero-content .wp-block-button.is-style-outline .wp-block-button__link{font-size:14px;padding:11px 12px;gap:9px}
 .pg-hero-note{position:relative;inset:auto;width:100%;transform:none;padding:13px 14px 14px}
 .pg-hero-note>p:not(.pg-sticker){font-size:11px;max-width:calc(100% - 52px);line-height:1.5}
 .pg-hero-note .pg-sticker{font-size:20px;padding:10px 12px;margin:14px -10px -18px;max-width:calc(100% + 20px)}
 .pg-rave-smile{right:6px;top:-25px;width:52px}.pg-rave-smile span{width:46px;font-size:18px;margin-top:3px}
}
@media(max-width:380px){.pg-hero h1{font-size:38px}.pg-hero-tag,.pg-hero-index{display:none}.pg-hero-content .wp-block-button__link,.pg-hero-content .wp-block-button.is-style-outline .wp-block-button__link{font-size:12px;padding:10px 6px}.pg-hero-content .wp-block-buttons{gap:8px}.pg-hero-note .pg-sticker{font-size:18px}}
/* Keep enlarged text usable: the compact layouts may grow naturally on very short screens. */
@media(max-height:650px) and (min-width:601px){.pg-hero h1{font-size:clamp(44px,10svh,65px)}.pg-hero-content>.eyebrow{margin-bottom:14px}.pg-hero-note{padding-top:16px}.pg-rave-smile{width:64px;top:-88px}.pg-rave-smile span{font-size:18px;width:54px}.pg-hero-note .pg-sticker{font-size:19px;margin-top:16px}}
@media(prefers-reduced-motion:reduce){.pg-rave-smile{transition:none}}