/* v7: exact supplied mascots, calmer artwork, contained animated quest panels. */
.hero-masthead{gap:15px;padding-inline:3%}
.hero-masthead p{font-size:clamp(14px,1.6vw,24px)}
.hero-masthead nav{gap:clamp(12px,1.8vw,25px);font-size:13px}
.art-window--about img.native-character{left:12%;top:31%;width:21%;height:auto;max-width:none;mix-blend-mode:normal;z-index:2}
.art-window--play img.native-character{left:12%;top:47%;width:18%;height:auto;max-width:none;mix-blend-mode:normal;z-index:2}
.quest-group{width:100%;max-width:780px;margin-inline:auto}
.quest-toggle{width:100%;max-width:100%}
.quest-panel{width:100%;max-width:100%;padding:0;margin:0 auto;border:0;border-radius:0;overflow:hidden;overflow:clip;background:transparent}
.quest-panel[hidden]{display:none}
.quest-panel-inner{padding:26px 12px 32px;border-top:2px dotted #d4aa70;background:#f8e8c155;border-radius:0 0 22px 22px}
.quest-grid{width:100%;max-width:100%}
.quest-plus{transition:transform .35s cubic-bezier(.22,1,.36,1),background-color .25s}
.quest-toggle[aria-expanded=true] .quest-plus{transform:rotate(180deg);background:#9e5931}
.maps{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px;row-gap:54px;align-items:start;margin-top:20px}
.map-card{min-width:0;overflow:visible}
.map-card>img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.site-footer{background:#633a25;padding-bottom:35px}
.credits-art{mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 84%,transparent);mask-composite:intersect}
.footer-copyright{width:min(460px,92%);height:auto;margin:30px auto 0;opacity:.86}
.access-panel .button.pink,.access-panel .button.pink:visited{color:#fff!important}
@media(min-width:768px) and (max-width:1000px){.hero-masthead p{font-size:13px;letter-spacing:0}.hero-masthead nav{gap:10px;font-size:10px}}
@media(max-width:767px){
 .hero-masthead{padding:5px 8px 3px}.hero-masthead p{font-size:clamp(12px,3.5vw,20px)}
 .hero-masthead nav{gap:clamp(8px,2.8vw,17px);font-size:10px}.hero-masthead a{min-height:32px}
 .art-window--about img.native-character{left:8%;top:31%;width:31%}
 .art-window--play img.native-character{left:72%;top:20%;width:20%}
 .quest-panel{margin:0;padding:0}
 .quest-panel-inner{padding:22px 9px 28px}
 .quest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .maps{grid-template-columns:1fr;gap:44px;margin:15px 2px 12px}
 .site-footer{padding-bottom:28px}.footer-copyright{width:94%;margin-top:26px}
}
@media(prefers-reduced-motion:reduce){.quest-plus{transition:none}}

/* v9: all 24 quests are visible in a four-column desktop grid. */
.quest-grid--all{
 display:grid;width:100%;max-width:none;margin:30px auto 0;padding:0;
 grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px;
 list-style:none;align-items:start;
}
.quest-grid--all .quest-item{min-width:0}
.quest-grid--all .quest-item img{display:block;width:100%;height:auto;border:0;border-radius:0}
@media(max-width:767px){
 .quest-grid--all{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;margin-top:18px}
}

/* v10: use the full 1F/2F map artwork with its wooden frame. */
.maps.maps--single{grid-template-columns:1fr;margin:20px auto 10px}
.map-card--full{padding:0;border:0;background:transparent;box-shadow:none}
.map-card--full>img{display:block;width:100%;height:auto}
@media(max-width:767px){
 .maps.maps--single{margin:8px auto}
}

/* v11: revised artwork and an access CTA matching the hero's pink pill. */
@media(min-width:768px){
 .art-window--about{aspect-ratio:1808/870}
 .art-window--play{aspect-ratio:1625/968}
 .art-window--about picture img,.art-window--play picture img{top:0}
 .art-window img.native-character{display:none}
}
.access-panel .button--hero-style,.access-panel .button--hero-style:visited{
 position:relative;width:min(530px,100%);min-height:58px;padding:11px 58px 11px 28px;
 border:3px solid #b81562;border-radius:999px;
 background:linear-gradient(180deg,#f746a6 0%,#ef2e91 56%,#e8217f 100%);
 box-shadow:inset 0 2px 0 #ffb4d8,0 5px 0 #b91a6038;
 color:#fff!important;font-size:18px;font-weight:900;letter-spacing:.02em;
}
.access-panel .button--hero-style span{
 position:absolute;right:22px;top:50%;transform:translateY(-53%);
 font-family:Arial,sans-serif;font-size:31px;font-weight:700;line-height:1;
}
@media(max-width:767px){
 .art-window img.native-character{display:block}
 .access-panel .button--hero-style{width:94%;min-height:48px;padding:9px 42px 9px 16px;font-size:12px}
 .access-panel .button--hero-style span{right:15px;font-size:25px}
}

/* v12: dedicated mobile play art, transparent section art, image-backed notices. */
.notice-original{
 border:0;border-image:none;
 background-color:transparent;
 background-image:var(--nishi-notices-background-image);
 background-position:center;background-repeat:no-repeat;background-size:100% 100%;
 padding:34px 32px 34px 24px;
}
@media(max-width:767px){
 .art-window--play{aspect-ratio:1078/1460}
 .art-window--play picture img{top:0}
 .art-window--play img.native-character{display:none}
 .notice-original{border:0;border-image:none;padding:22px 17px 26px}
}

/* v13: remove the duplicate story frame and match the hero CTA exactly. */
.story-section .illustrated-panel,.play-section .illustrated-panel{
 border:0;border-image:none;background:none;padding:0;
}
.quest-grid--all{margin-top:0}
.access-panel .button--hero-style,.access-panel .button--hero-style:visited{
 border-color:#a61151;
 background:#f44793;
 box-shadow:0 6px 0 #e8bea9;
}
.access-panel .button--hero-style span{font-size:22px;right:24px}
@media(max-width:767px){
 .access-panel .button--hero-style span{right:16px;font-size:18px}
}

/* v14: story artwork contains content only; the shared scallop asset draws the panel. */
.story-section .illustrated-panel,.play-section .illustrated-panel{
 border:24px solid transparent;
 border-image:var(--nishi-scallop-image) 24 fill / 24px / 0 round;
 background:none;padding:0;
}
.story-section .art-window,.play-section .art-window{
 aspect-ratio:auto;mask-image:none;overflow:hidden;border-radius:0;
}
.story-section .art-window picture,.play-section .art-window picture{display:block}
.story-section .art-window picture img,.play-section .art-window picture img{
 position:static;display:block;width:100%;height:auto;max-width:none;mix-blend-mode:normal;
}
@media(max-width:767px){
 .story-section .illustrated-panel,.play-section .illustrated-panel{
  border-width:14px;border-image:var(--nishi-scallop-image) 24 fill / 14px / 0 round;
 }
}

/* v15: match the access CTA typography and chevron to the hero's play CTA. */
.access-panel .button--hero-style,.access-panel .button--hero-style:visited{
 font-family:"Hiragino Maru Gothic ProN","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
 font-size:21px;font-weight:900;letter-spacing:.025em;
}
.access-panel .button--hero-style span{
 right:22px;font-family:Arial,sans-serif;font-size:34px;font-weight:900;line-height:.8;
 transform:translateY(-52%);
}
@media(max-width:767px){
 .access-panel .button--hero-style{
  font-size:clamp(17px,4.8vw,20px);font-weight:900;letter-spacing:.015em;
 }
 .access-panel .button--hero-style span{right:16px;font-size:32px}
}

/* v16: use the same content width for every section. */
.section-inner.narrow,.information-grid .section-inner.narrow{max-width:none}
.information-grid{max-width:none}
.information-grid .section{padding-inline:30px}
@media(max-width:767px){.information-grid .section{padding-inline:12px}}

/* v17: draw the hero chevron with matching strokes and use a portrait notice frame on mobile. */
.access-panel .button--hero-style span{
 width:11px;height:11px;border-top:4px solid #fff;border-right:4px solid #fff;border-radius:1px;
 font-size:0;line-height:0;transform:translateY(-50%) rotate(45deg);
}
@media(max-width:767px){
 .access-panel .button--hero-style span{right:18px;width:10px;height:10px;border-width:4px}
 .notice-original{background-image:var(--nishi-notices-background-sp-image)}
}

/* v18: the notice artwork already includes its own frame. */
.notices-section .illustrated-panel.notice-cloud{
 border:0;border-image:none;background:none;padding:0;
}

/* v19: chocolate masthead, mobile drawer navigation, and candy-style back-to-top control. */
.hero-masthead{
 height:64px;min-height:64px;padding:7px clamp(18px,3vw,46px);
 background:
  linear-gradient(180deg,#7e4a2d 0%,#63351f 58%,#512817 100%),
  repeating-linear-gradient(90deg,transparent 0 38px,#ffffff0b 38px 40px);
 border-bottom:4px solid #f4c85f;
 box-shadow:0 4px 0 #a94c32,0 9px 18px #4b261b40,inset 0 2px 0 #ae7657;
 text-align:left;overflow:visible;
}
.hero-masthead::after{
 content:"";position:absolute;inset:auto 0 -7px;height:7px;pointer-events:none;
 background:radial-gradient(circle at 7px 0,#f4c85f 0 6px,transparent 6.5px) 0 0/14px 7px repeat-x;
}
.masthead-brand{
 position:relative;display:flex!important;flex-direction:column;justify-content:center;gap:0;
 min-width:255px;min-height:46px!important;padding:3px 18px 3px 44px;
 border:2px solid #b9794f;border-radius:12px;
 background:linear-gradient(135deg,#4e2415,#713b24 58%,#552616);
 box-shadow:inset 0 0 0 2px #8e5134,0 3px 0 #35180e;
 color:#fff8df;text-decoration:none;line-height:1.2;
}
.masthead-brand::before{
 content:"";position:absolute;left:12px;top:50%;width:20px;height:20px;
 border:2px solid #d49761;border-radius:5px;transform:translateY(-50%) rotate(-9deg);
 background:linear-gradient(135deg,#8c5234,#5a2d1b);box-shadow:inset 0 0 0 2px #4d2315;
}
.masthead-brand__kicker{font-size:10px;font-weight:700;letter-spacing:.08em;opacity:.82}
.masthead-brand__title{font-size:17px;font-weight:900;letter-spacing:.06em;text-shadow:0 2px 0 #32170e}
.masthead-toggle{display:none}
.masthead-menu{
 display:flex;align-items:center;justify-content:flex-end;gap:8px;
 font-size:12px!important;font-weight:900!important;
}
.masthead-menu a{
 position:relative;display:flex!important;align-items:center;gap:7px;
 min-height:38px!important;padding:6px 11px;
 border:1px solid #b87a51;border-radius:999px;
 background:linear-gradient(180deg,#fff9e7 0%,#f9e7bd 100%);
 box-shadow:0 3px 0 #3b1b10,inset 0 1px 0 #fff;
 color:#63351f;text-shadow:none;
 transition:transform .32s cubic-bezier(.22,1,.36,1);
}
.masthead-menu a span{
 display:grid;place-items:center;width:21px;height:21px;border-radius:50%;
 background:#f44793;color:#fff;font:900 9px/1 Arial,sans-serif;
 box-shadow:inset 0 1px 0 #ffadd1;
}
.masthead-menu a:hover,.masthead-menu a:focus-visible{
 transform:translateY(-2px);background:#fff5d7;
 box-shadow:0 5px 0 #3b1b10,inset 0 1px 0 #fff;
}

.back-top{
 position:fixed;right:max(18px,calc((100vw - 1440px)/2 + 18px));bottom:22px;z-index:90;
 display:grid!important;place-items:center;align-content:center;width:72px;height:72px;
 margin:0!important;padding:7px!important;border:3px solid #fff1b7;border-radius:50%;
 outline:4px solid #f2a640;
 background:
  radial-gradient(circle at 29% 25%,#c17c4b 0 3px,transparent 4px),
  radial-gradient(circle at 70% 65%,#3d1b11 0 3px,transparent 4px),
  linear-gradient(145deg,#8a5030,#5b2a19);
 box-shadow:0 7px 0 #4b2417,0 10px 22px #3c1d1760,inset 0 2px 0 #c98556;
 color:#fff8df!important;text-decoration:none!important;
 opacity:0;visibility:hidden;pointer-events:none;transform:translateY(18px) scale(.88);
 transition:opacity .22s ease,transform .22s ease,visibility .22s;
}
.back-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.back-top:hover,.back-top:focus-visible{transform:translateY(-4px);box-shadow:0 11px 0 #4b2417,0 14px 26px #3c1d1760,inset 0 2px 0 #c98556}
.back-top__arrow{
 position:relative;width:0;height:0;margin-top:2px;
 border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:10px solid #ffd65b;
}
.back-top__arrow::after{
 content:"";position:absolute;left:-2px;top:8px;width:4px;height:9px;border-radius:2px;background:#ffd65b;
}
.back-top__label{margin-top:6px;font:900 11px/1 Arial,sans-serif;letter-spacing:.08em}

@media(min-width:768px) and (max-width:1050px){
 .hero-masthead{padding-inline:12px;gap:8px}
 .masthead-brand{min-width:174px;padding-left:35px;padding-right:8px}
 .masthead-brand::before{left:9px;width:17px;height:17px}
 .masthead-brand__kicker{font-size:7px}.masthead-brand__title{font-size:13px}
 .masthead-menu{gap:4px!important;font-size:10px!important}
 .masthead-menu a{gap:4px;padding:5px 7px;min-height:35px!important}
 .masthead-menu a span{width:17px;height:17px;font-size:7px}
}

@media(max-width:767px){
 .hero-masthead{
  position:fixed;inset:10px 10px auto auto;width:auto;height:58px;min-height:58px;
  padding:0;background:none;border:0;box-shadow:none;display:block;text-align:left;
  overflow:visible;z-index:100;pointer-events:none;
 }
 .hero-masthead::after{display:none}
 .hero-masthead::before{
  content:"";position:fixed;inset:0;z-index:0;background:#32170eb3;
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s;
 }
 .hero-masthead.is-menu-open::before{opacity:1;visibility:visible}
 .masthead-brand{display:none!important}
 .masthead-toggle{
  position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:68px;height:58px;padding:6px 9px 5px;border:3px solid #fff0b6;border-radius:15px;
  background:
   radial-gradient(circle at 18% 20%,#af6840 0 2px,transparent 3px),
   linear-gradient(145deg,#7c452a,#4d2315);
  box-shadow:0 5px 0 #d33a76,0 8px 18px #3f201552,inset 0 2px 0 #b97852;
  color:#fff8df;pointer-events:auto;
 }
 .masthead-toggle__icon{display:grid;gap:4px;width:27px}
 .masthead-toggle__icon i{
  display:block;width:100%;height:3px;border-radius:4px;background:#ffd55c;
  box-shadow:0 1px 0 #3b1b10;transition:transform .2s ease,opacity .2s ease;
 }
 .hero-masthead.is-menu-open .masthead-toggle__icon i:nth-child(1){transform:translateY(7px) rotate(45deg)}
 .hero-masthead.is-menu-open .masthead-toggle__icon i:nth-child(2){opacity:0}
 .hero-masthead.is-menu-open .masthead-toggle__icon i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .masthead-menu{
  position:absolute;right:0;top:70px;z-index:2;width:min(310px,calc(100vw - 20px));
  display:grid!important;gap:7px!important;padding:18px 15px 16px;
  border:3px solid #6b3620;border-radius:22px;
  outline:4px solid #f5c85f;
  background:
   radial-gradient(circle at 18px 18px,#ef4a90 0 3px,transparent 3.5px) 0 0/54px 42px,
   linear-gradient(160deg,#fffdf0,#fff0cf);
  box-shadow:0 12px 0 #ad5d34,0 20px 44px #28150f73,inset 0 0 0 3px #fff;
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px) scale(.96);
  transform-origin:top right;transition:opacity .2s ease,transform .2s ease,visibility .2s;
 }
 .hero-masthead.is-menu-open .masthead-menu{opacity:1;visibility:visible;pointer-events:auto;transform:none}
 .masthead-menu a{
  display:grid!important;grid-template-columns:34px 1fr;align-items:center;gap:10px;
  min-height:48px!important;padding:7px 14px;border:1px solid #e7ba79;border-radius:13px;
  background:#fff9e9e8;box-shadow:0 3px 0 #e4bf82;color:#63351f;
  font-size:14px;letter-spacing:.03em;pointer-events:auto;
 }
 .masthead-menu a span{width:27px;height:27px;font-size:10px}
 .masthead-menu a:hover,.masthead-menu a:focus-visible{transform:translateX(-3px);box-shadow:3px 3px 0 #d43a79}
 .is-masthead-menu-open{overflow:hidden}
 .back-top{
  right:15px;bottom:17px;width:58px;height:58px;padding:5px!important;
  border-width:2px;outline-width:3px;box-shadow:0 5px 0 #4b2417,0 8px 18px #3c1d1760,inset 0 2px 0 #c98556;
 }
 .back-top__arrow{border-left-width:6px;border-right-width:6px;border-bottom-width:8px}
 .back-top__arrow::after{top:7px;height:7px}
 .back-top__label{margin-top:4px;font-size:9px}
}

@media(prefers-reduced-motion:reduce){
 .masthead-menu a,.masthead-toggle__icon i,.hero-masthead::before,.masthead-menu,.back-top{transition:none}
}

/* v20: use the Kitanagoya-style full-screen slide menu at every viewport. */
.hero-masthead{
 position:fixed!important;inset:10px 10px auto auto!important;z-index:2147483000;
 width:68px!important;height:58px!important;min-height:58px!important;padding:0!important;
 display:block!important;background:none!important;border:0!important;box-shadow:none!important;
 overflow:visible!important;pointer-events:none;
}
.hero-masthead::before,.hero-masthead::after{display:none!important}
.masthead-brand{display:none!important}
.hero-masthead .masthead-toggle{
 position:relative;z-index:2;display:flex!important;flex-direction:column;align-items:center;justify-content:center;
 width:68px;height:58px;padding:6px 9px 5px;border:3px solid #fff0b6;border-radius:15px;
 background:
  radial-gradient(circle at 18% 20%,#af6840 0 2px,transparent 3px),
  linear-gradient(145deg,#7c452a,#4d2315);
 box-shadow:0 5px 0 #d33a76,0 8px 18px #3f201552,inset 0 2px 0 #b97852;
 color:#fff8df;pointer-events:auto;animation:masthead-button-in .8s .2s both;
}
.masthead-toggle__icon{display:grid;gap:4px;width:27px}
.masthead-toggle__icon i{
 display:block;width:100%;height:3px;border-radius:4px;background:#ffd55c;
 box-shadow:0 1px 0 #3b1b10;transition:transform .28s ease,opacity .22s ease;
}
.hero-masthead.is-menu-open .masthead-toggle__icon i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hero-masthead.is-menu-open .masthead-toggle__icon i:nth-child(2){opacity:0}
.hero-masthead.is-menu-open .masthead-toggle__icon i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.hero-masthead .masthead-overlay{
 position:fixed;inset:0;z-index:0;display:block;width:100vw;height:100dvh;
 margin:0;padding:0;border:0;background:rgba(0,0,0,.42);
 opacity:0;visibility:hidden;pointer-events:none;
 transition:opacity .35s ease,visibility 0s linear .35s;
}
.hero-masthead.is-menu-open .masthead-overlay{
 opacity:1;visibility:visible;pointer-events:auto;
 transition:opacity .35s ease,visibility 0s;
}

.hero-masthead .masthead-menu{
 position:fixed;inset:0 0 0 auto;z-index:1;width:min(420px,100vw);height:100dvh;min-height:100%;
 display:grid!important;grid-template-columns:minmax(0,1fr);
 justify-content:center;align-content:center;gap:12px;
 padding:90px 30px 55px;overflow-y:auto;
 border-left:3px solid #fff0b6;box-shadow:-18px 0 45px #32170e66;
 background:
  radial-gradient(circle at 10% 18%,#f44a9460 0 4px,transparent 4.5px),
  radial-gradient(circle at 86% 72%,#ffd75c55 0 5px,transparent 5.5px),
  linear-gradient(135deg,#4b2018fa 0%,#743823f7 54%,#512117fa 100%);
 background-size:92px 74px,118px 96px,auto;
 opacity:1;visibility:hidden;pointer-events:none;transform:translateX(100%);
 transition:transform .8s ease,visibility 0s linear .8s;
}
.hero-masthead .masthead-menu::before{
 content:"ぷりむらんクエスト";grid-column:1;display:block;
 margin:0 auto 12px;padding:13px 30px;border:2px solid #d89157;border-radius:13px;
 background:linear-gradient(135deg,#4e2415,#713b24 58%,#552616);
 box-shadow:inset 0 0 0 2px #8e5134,0 5px 0 #35180e;
 color:#fff7d8;font-size:clamp(18px,2vw,27px);font-weight:900;letter-spacing:.08em;text-align:center;
}
.hero-masthead.is-menu-open .masthead-menu{
 visibility:visible;pointer-events:auto;transform:translateX(0);
 transition:transform .8s ease,visibility 0s;
}
.hero-masthead .masthead-menu a{
 display:grid!important;grid-template-columns:42px 1fr;align-items:center;gap:13px;
 min-height:66px!important;padding:10px 20px;border:2px solid #e9bd7e;border-radius:16px;
 background:linear-gradient(180deg,#fffdf1,#fce9bf);box-shadow:0 5px 0 #cf7c43,inset 0 2px 0 #fff;
 color:#63351f;font-size:18px;font-weight:900;letter-spacing:.03em;pointer-events:auto;
}
.hero-masthead .masthead-menu a span{
 width:34px;height:34px;background:#f44793;color:#fff;font-size:11px;
}
.hero-masthead .masthead-menu a:hover,.hero-masthead .masthead-menu a:focus-visible{
 transform:translateY(-3px);
 background:linear-gradient(180deg,#fffdf1,#fce9bf);box-shadow:0 5px 0 #cf7c43,inset 0 2px 0 #fff;
 color:#63351f;
}
.is-masthead-menu-open{overflow:hidden}

@keyframes masthead-button-in{
 from{opacity:0;transform:translateY(-12px) scale(.9)}
 to{opacity:1;transform:none}
}

/* Header-free artwork is displayed in full; CTA positions use its original canvas. */
.image-hero>picture>img{margin-top:0}
@media(max-width:767px){
 /* The PNG's scalloped alpha edge reveals the same waffle as the next section. */
 .image-hero{background:transparent}
 .section-inner,.section-inner.narrow,.information-grid .section-inner.narrow{max-width:none!important}
 .hero-masthead .masthead-menu{
  inset:0;width:100vw;grid-template-columns:minmax(0,1fr);gap:9px;padding:76px 28px 26px;
  border-left:0;box-shadow:none;
 }
 .hero-masthead .masthead-menu::before{
  grid-column:1;margin-bottom:6px;padding:10px 17px;font-size:17px;
 }
 .hero-masthead .masthead-menu a{
  grid-template-columns:34px 1fr;min-height:52px!important;padding:7px 15px;
  border-radius:13px;font-size:14px;
 }
 .hero-masthead .masthead-menu a span{width:27px;height:27px;font-size:9px}
}

/* Cover sub-pixel seams between the scallop border image and inner artwork. */
@media(min-width:768px){
 .illustrated-panel>.section-art,
 .story-section .art-window picture img,
 .play-section .art-window picture img{transform:scale(1.0025);transform-origin:center}
}

/* Sections enter softly as they do on the reference LP. */
.has-reveal-motion .reveal-item{
 opacity:0;filter:blur(4px);transform:translateY(34px);
 transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1),filter .6s ease;
}
.has-reveal-motion .reveal-item.is-revealed{opacity:1;filter:none;transform:none}

@media(prefers-reduced-motion:reduce){
 .hero-masthead .masthead-menu,.hero-masthead .masthead-overlay{transition:none}
 .hero-masthead .masthead-toggle{animation:none}
 .has-reveal-motion .reveal-item{opacity:1;filter:none;transform:none;transition:none}
}

@media(max-width:767px){
 .hero-masthead{
  inset:8px 8px auto auto!important;width:52px!important;height:52px!important;min-height:52px!important;
 }
 .hero-masthead .masthead-toggle{
  width:52px;height:52px;padding:0;border-radius:13px;
 }
 .masthead-toggle__icon{width:25px}
}

/* Preserve the original mobile scalloped silhouette for the updated hero. */
@media(max-width:767px){.image-hero>picture>img{-webkit-mask-image:var(--hero-edge);mask-image:var(--hero-edge);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}