/* Product bodies use flow layouts. Only decorative motifs and the motion control
   are positioned; copy never depends on a fixed canvas or screen coordinates. */
#aseta-site .pp7--devilish {
  --pp-cream:#f2e8da; --pp-plum:#261c2e; --pp-deep:#17131c;
  --pp-muted:#b9adbf; --pp-gutter:clamp(22px,4.45vw,64px);
  background:var(--pp-deep); color:var(--pp-cream);
  font-family:"HP7 Plex","IBM Plex Sans",sans-serif; font-weight:400;
  -webkit-font-smoothing:antialiased; overflow-x:clip;
}
#aseta-site .pp7--devilish *, #aseta-site .pp7--devilish *::before, #aseta-site .pp7--devilish *::after {box-sizing:border-box}
#aseta-site .pp7--devilish :is(h1,h2,h3,p,figure,dl,dd) {margin:0}
#aseta-site .pp7--devilish :is(section,div,figure) {min-width:0}
#aseta-site .pp7--devilish :is(h1,h2,h3) {color:inherit;font-family:inherit;text-wrap:balance}
#aseta-site .pp7--devilish h1 {font-size:clamp(52px,5.2vw,76px);line-height:1.04;font-weight:300;letter-spacing:-.035em}
#aseta-site .pp7--devilish h2 {font-size:clamp(32px,3.5vw,50px);line-height:1.18;font-weight:400;letter-spacing:-.028em}
#aseta-site .pp7--devilish h3 {font-size:clamp(22px,2.1vw,28px);line-height:1.3;font-weight:400;letter-spacing:-.015em}
#aseta-site .pp7--devilish p {font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:var(--pp-muted);text-wrap:pretty}
#aseta-site .pp7--devilish a {color:inherit}
#aseta-site .pp7--devilish p a:not(.hp7__button):not(.pp7__button) {text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
#aseta-site .pp7--devilish a:focus-visible,#aseta-site .pp7--devilish button:focus-visible,#aseta-site .pp7--devilish summary:focus-visible {outline:2px solid currentColor;outline-offset:5px}
#aseta-site .pp7--devilish .pp7__container {width:min(1280px,calc(100% - var(--pp-gutter)*2));margin-inline:auto;padding-inline:0;position:relative;z-index:1}
#aseta-site .pp7--devilish .pp7__copy {display:flex;flex-direction:column;align-items:flex-start;gap:22px}
#aseta-site .pp7--devilish .pp7__copy>.hp7__button {margin-top:10px}
#aseta-site .pp7--devilish .pp7__hero {position:relative;isolation:isolate;background:#201927;overflow:hidden}
#aseta-site .pp7--devilish .pp7__hero-grid {display:grid;grid-template-columns:minmax(0,.39fr) minmax(0,.61fr);gap:clamp(24px,3.4vw,48px);align-items:center;min-height:clamp(610px,calc(100svh - 84px),760px);padding-block:clamp(36px,5svh,60px)}
#aseta-site .pp7--devilish .pp7__hero-copy {position:relative;z-index:2;display:flex;align-items:flex-start;flex-direction:column;gap:20px;max-width:500px}
#aseta-site .pp7--devilish .pp7__lead {font-size:clamp(27px,2.45vw,34px);line-height:1.25;letter-spacing:-.02em;color:var(--pp-cream)}
#aseta-site .pp7--devilish .pp7__intro {font-size:clamp(17px,1.45vw,19px);line-height:1.5}
#aseta-site .pp7--devilish .pp7__price-note {font-size:15px;line-height:1.55}
#aseta-site .pp7--devilish .pp7__price-note a {text-decoration:underline;text-underline-offset:3px;text-decoration-color:currentColor}
#aseta-site .pp7--devilish .pp7__actions {display:inline-flex;flex-wrap:wrap;align-items:center;gap:12px;width:auto;max-width:100%;margin-top:8px}
#aseta-site .pp7--devilish .pp7__actions .hp7__button {flex:0 1 auto;width:auto;min-width:0;max-width:100%;min-height:46px;padding:11px 16px;font-size:15px;line-height:22px;white-space:normal;text-align:center}
#aseta-site .pp7--devilish .pp7__platform {font-size:14px;line-height:1.5}
#aseta-site .pp7--devilish .pp7__hero-art {position:relative;align-self:center;min-width:0}
#aseta-site .pp7--devilish .pp7__product {display:block;width:116%;height:auto;max-width:none;margin-left:-2%;user-select:none}
#aseta-site .pp7--devilish .pp7__motif {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;z-index:0}
#aseta-site .pp7--devilish .pp7__motif--hero {opacity:.7;object-position:center bottom}
#aseta-site .pp7--devilish .pp7__motif--editorial {opacity:1}
#aseta-site .pp7--devilish .pp7__motion-toggle {position:absolute;right:8px;bottom:0;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #f2e8da55;border-radius:2px;background:#17131c40;color:var(--pp-cream);cursor:pointer;transition:background .2s ease,border-color .2s ease}
#aseta-site .pp7--devilish .pp7__motion-toggle:hover {background:#17131c88;border-color:#f2e8daaa}
#aseta-site .pp7--devilish .pp7__motion-toggle svg {display:block;fill:none;stroke:currentColor;stroke-width:1.4}
#aseta-site .pp7--devilish .pp7__play-icon {display:none}
#aseta-site .pp7--devilish .pp7__motion-toggle[data-paused="true"] .pp7__play-icon {display:block}
#aseta-site .pp7--devilish .pp7__motion-toggle[data-paused="true"] .pp7__pause-icon {display:none}
#aseta-site .pp7--devilish .pp7__editorial-grid {display:grid;grid-template-columns:minmax(0,.45fr) minmax(0,.55fr);gap:clamp(40px,7vw,110px)}
#aseta-site .pp7--devilish .pp7__section--light {position:relative;isolation:isolate;background:var(--pp-cream);color:var(--pp-plum);padding-block:clamp(64px,7vw,104px)}
#aseta-site .pp7--devilish .pp7__section--light p {color:#655969}
#aseta-site .pp7--devilish .pp7__benefit-list {display:flex;flex-direction:column;gap:clamp(40px,5vw,72px)}
#aseta-site .pp7--devilish .pp7__benefit-list h3 {margin-bottom:18px}
#aseta-site .pp7--devilish .pp7__cinema {width:100%;overflow:hidden;background:var(--pp-deep)}
#aseta-site .pp7--devilish .pp7__cinema img {display:block;width:100%;max-width:1920px;height:auto;max-height:660px;object-fit:cover;object-position:center;margin-inline:auto}
#aseta-site .pp7--devilish .pp7__display-copy {padding-block:clamp(42px,5vw,72px);align-items:start}
#aseta-site .pp7--devilish .pp7__display-copy h2 {font-size:clamp(28px,2.6vw,36px)}
#aseta-site .pp7--devilish .pp7__editor {background:var(--pp-plum);padding-block:clamp(60px,7vw,104px)}
#aseta-site .pp7--devilish .pp7__editor-grid {display:grid;grid-template-columns:minmax(0,.57fr) minmax(0,.43fr);gap:clamp(42px,6vw,90px);align-items:center}
#aseta-site .pp7--devilish .pp7__native img {display:block;width:100%;height:auto;max-width:100%;border-radius:2px}
#aseta-site .pp7--devilish .pp7__editor h2 {font-size:clamp(32px,3.15vw,46px)}
#aseta-site .pp7--devilish .pp7__response-copy {padding-top:clamp(48px,5vw,76px);padding-bottom:38px}
#aseta-site .pp7--devilish .pp7__response-uses>div {display:grid;gap:16px}
#aseta-site .pp7--devilish .pp7__response-uses h3 {font-size:23px}
#aseta-site .pp7--devilish .pp7__native--wide {width:min(1100px,calc(100% - var(--pp-gutter)*2));margin:0 auto;padding-bottom:clamp(48px,5vw,72px)}
#aseta-site .pp7--devilish .pp7__compatibility {background:var(--pp-deep);padding-block:clamp(56px,6vw,86px)}
#aseta-site .pp7--devilish .pp7__utility-grid {display:grid;grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);gap:clamp(40px,5vw,78px);align-items:start}
#aseta-site .pp7--devilish .pp7__utility-grid h2 {font-size:clamp(30px,3vw,42px)}
#aseta-site .pp7--devilish .pp7__utility-grid .pp7__copy>p {font-size:17px}
#aseta-site .pp7--devilish .pp7__specs>div {display:grid;grid-template-columns:minmax(100px,.38fr) minmax(0,.62fr);gap:22px;padding:17px 0;border-bottom:1px solid #f2e8da24;line-height:1.5}
#aseta-site .pp7--devilish .pp7__specs>div:first-child {padding-top:0}
#aseta-site .pp7--devilish .pp7__specs dt {font-size:15px;color:var(--pp-muted)}
#aseta-site .pp7--devilish .pp7__specs dd {font-size:17px;color:var(--pp-cream)}
#aseta-site .pp7--devilish .pp7__questions {background:var(--pp-plum);padding-block:clamp(56px,6vw,86px)}
#aseta-site .pp7--devilish .pp7__faq-list details {padding:24px 0;border-bottom:1px solid #f2e8da24}
#aseta-site .pp7--devilish .pp7__faq-list details:first-child {padding-top:0}
#aseta-site .pp7--devilish .pp7__faq-list summary {display:flex;align-items:baseline;justify-content:space-between;gap:20px;list-style:none;font-size:19px;line-height:1.4;font-weight:500;cursor:pointer}
#aseta-site .pp7--devilish .pp7__faq-list summary::-webkit-details-marker {display:none}
#aseta-site .pp7--devilish .pp7__faq-list summary::after {content:"+";flex-shrink:0;font-weight:300;color:var(--pp-muted)}
#aseta-site .pp7--devilish .pp7__faq-list details[open]>summary::after {content:"−"}
#aseta-site .pp7--devilish .pp7__faq-list p {font-size:16px;line-height:1.55;padding-top:12px;padding-right:26px}
#aseta-site .pp7--devilish .pp7__purchase {background:#201927;padding-block:clamp(56px,6vw,86px) 30px;scroll-margin-top:96px}
#aseta-site .pp7--devilish .pp7__purchase-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,340px);gap:clamp(48px,10vw,160px);align-items:start}
#aseta-site .pp7--devilish .pp7__purchase-grid .pp7__copy {max-width:740px}
#aseta-site .pp7--devilish .pp7__purchase-actions {display:flex;flex-wrap:wrap;align-items:center;gap:12px}
#aseta-site .pp7--devilish .pp7__purchase-actions .hp7__button {flex:0 1 auto;width:auto;min-width:0;max-width:100%;min-height:46px;padding:11px 16px;font-size:15px;line-height:22px;white-space:normal;text-align:center}
#aseta-site .pp7--devilish .pp7__price {flex-basis:100%;font-size:clamp(64px,6vw,84px);line-height:1.1;font-weight:300;letter-spacing:-.04em;color:var(--pp-cream);margin-bottom:12px}
#aseta-site .pp7--devilish .pp7__bundle-line {display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #f2e8da24;margin-top:56px;padding-top:24px}
#aseta-site .pp7--devilish .pp7__bundle-line p {font-size:15px}
#aseta-site .pp7--devilish .pp7__bundle-line .hp7__button {flex-shrink:0}
@media (min-width:901px) and (max-height:760px) {
  #aseta-site .pp7--devilish .pp7__hero-grid {min-height:600px;padding-block:32px}
  #aseta-site .pp7--devilish h1 {font-size:clamp(50px,4.8vw,68px)}
  #aseta-site .pp7--devilish .pp7__hero-copy {gap:16px}
  #aseta-site .pp7--devilish .pp7__lead {font-size:30px}
  #aseta-site .pp7--devilish .pp7__intro {font-size:17px}
  #aseta-site .pp7--devilish .pp7__actions {margin-top:4px}
}
@media (max-width:1100px) and (min-width:901px) {
  #aseta-site .pp7--devilish .pp7__hero-grid {grid-template-columns:minmax(0,.43fr) minmax(0,.57fr);gap:24px}
  #aseta-site .pp7--devilish .pp7__hero-copy {gap:18px}
  #aseta-site .pp7--devilish .pp7__product {width:118%;margin-left:-4%}
}
@media (max-width:900px) {
  #aseta-site .pp7--devilish .pp7__hero-grid {grid-template-columns:1fr;min-height:0;padding-top:40px;padding-bottom:34px;gap:12px}
  #aseta-site .pp7--devilish .pp7__hero-copy {width:100%;max-width:650px;gap:20px}
  #aseta-site .pp7--devilish h1 {font-size:clamp(50px,8vw,70px)}
  #aseta-site .pp7--devilish .pp7__lead {font-size:30px}
  #aseta-site .pp7--devilish .pp7__hero-copy h1 br {display:none}
  #aseta-site .pp7--devilish .pp7__hero-copy h1 br::after {content:" "}
  #aseta-site .pp7--devilish .pp7__intro {font-size:18px;max-width:620px}
  #aseta-site .pp7--devilish .pp7__actions {margin-top:2px}
  #aseta-site .pp7--devilish .pp7__hero-art {width:min(780px,110%);justify-self:center;margin-top:-8px}
  #aseta-site .pp7--devilish .pp7__product {width:100%;margin:0}
  #aseta-site .pp7--devilish .pp7__motion-toggle {right:7%;bottom:5%}
  #aseta-site .pp7--devilish .pp7__editorial-grid {grid-template-columns:1fr;gap:32px}
  #aseta-site .pp7--devilish .pp7__section--light {padding-block:60px}
  #aseta-site .pp7--devilish .pp7__benefit-list {gap:32px}
  #aseta-site .pp7--devilish .pp7__benefit-list h3 {margin-bottom:12px}
  #aseta-site .pp7--devilish .pp7__editor-grid {grid-template-columns:1fr;gap:36px}
  #aseta-site .pp7--devilish .pp7__editor .pp7__copy {order:-1;max-width:650px}
  #aseta-site .pp7--devilish .pp7__native {width:min(680px,100%);margin-inline:auto}
  #aseta-site .pp7--devilish .pp7__native--wide {width:calc(100% - var(--pp-gutter)*2)}
  #aseta-site .pp7--devilish .pp7__utility-grid {grid-template-columns:1fr;gap:32px}
  #aseta-site .pp7--devilish .pp7__purchase-grid {grid-template-columns:minmax(0,1fr) minmax(230px,.7fr);gap:36px}
  #aseta-site .pp7--devilish .pp7__cinema img {min-height:300px;max-height:480px;object-fit:cover}
  #aseta-site .pp7--devilish .pp7__bundle-line {align-items:flex-start}
}
@media (max-width:560px) {
  #aseta-site .pp7--devilish {--pp-gutter:22px}
  #aseta-site .pp7--devilish h1 {font-size:clamp(44px,11vw,60px)}
  #aseta-site .pp7--devilish h2 {font-size:34px}
  #aseta-site .pp7--devilish h3 {font-size:23px}
  #aseta-site .pp7--devilish .pp7__hero-grid {padding-top:32px;gap:18px}
  #aseta-site .pp7--devilish .pp7__hero-copy {gap:18px}
  #aseta-site .pp7--devilish .pp7__lead {font-size:28px}
  #aseta-site .pp7--devilish .pp7__intro {font-size:17px}
  #aseta-site .pp7--devilish .pp7__hero-art {width:calc(100% + 32px);margin-top:-8px}
  #aseta-site .pp7--devilish .pp7__hero-copy h1 br {display:initial}
  #aseta-site .pp7--devilish .pp7__platform {font-size:13px}
  #aseta-site .pp7--devilish .pp7__section--light {padding-block:48px}
  #aseta-site .pp7--devilish .pp7__editor {padding-block:48px}
  #aseta-site .pp7--devilish .pp7__copy {gap:20px}
  #aseta-site .pp7--devilish .pp7__cinema img {min-height:250px;max-height:320px;object-position:52% center}
  #aseta-site .pp7--devilish .pp7__response-copy {padding-top:38px;gap:36px}
  #aseta-site .pp7--devilish .pp7__specs>div {grid-template-columns:110px minmax(0,1fr);gap:16px;padding-block:15px}
  #aseta-site .pp7--devilish .pp7__specs dt {font-size:14px}
  #aseta-site .pp7--devilish .pp7__specs dd {font-size:16px}
  #aseta-site .pp7--devilish .pp7__faq-list p {padding-right:0}
  #aseta-site .pp7--devilish .pp7__purchase-grid {grid-template-columns:1fr;gap:28px}
  #aseta-site .pp7--devilish .pp7__purchase-actions {max-width:360px;width:100%}
  #aseta-site .pp7--devilish .pp7__bundle-line {flex-direction:column;margin-top:36px;padding-top:24px}
  #aseta-site .pp7--devilish .pp7__bundle-line .hp7__button {width:100%}
}
@media (prefers-reduced-motion:reduce) {
  #aseta-site .pp7--devilish *, #aseta-site .pp7--devilish *::before,#aseta-site .pp7--devilish *::after {scroll-behavior:auto!important;transition:none!important}
  #aseta-site .pp7--devilish .pp7__motion-toggle {display:none}
}
