@font-face{font-family:'Cormorant Garamond';src:url("CormorantGaramond-Medium.woff?v=613131724928") format('woff');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Wollstonecraft Romance';src:url("WollstonecraftRomance-Regular.woff?v=06085cf01348") format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Breathe Fire II';src:url("BreatheFireII-Regular.woff?v=9238138b93e9") format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'University';src:url("University.woff?v=a29c36cb45c2") format('woff');font-style:normal;font-weight:400;font-display:swap}
:root{--paper:#0c0c14;--ink:#e7e0ef;--muted:#b6abc5;--line:#c0aee326;--accent:#baa9e9;--focus:#a4d9ce;color-scheme:dark;font-family:'Cormorant Garamond',Georgia,serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;min-width:280px;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 2% 4%,#593a7b25,transparent 49%),radial-gradient(ellipse at 95% 8%,#28686618,transparent 47%),var(--paper);line-height:1.55;font-size:20px}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:2px solid var(--focus);outline-offset:7px;border-radius:4px}a:hover{text-decoration-thickness:1px}h1,h2,p{margin:0}h1,h2{line-height:1.04;font-weight:500;letter-spacing:-.025em}h1{font-size:clamp(3rem,7.5vw,6.5rem)}h2{font-size:clamp(2rem,3.6vw,3rem)}p{max-width:60ch}svg,img{display:block}img{max-width:100%;height:auto}::selection{background:#66537d;color:#fff4fc}[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.muted{color:var(--muted)}.skip{position:fixed;top:12px;left:20px;z-index:100;padding:8px 14px;background:var(--ink);color:var(--paper);transform:translateY(-160%)}.skip:focus{transform:none}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:112px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;flex-shrink:0}.brand-symbol{width:38px;height:38px;flex-shrink:0;color:var(--ink)}.brand-type{font-size:.83rem;line-height:1.3;font-weight:500;letter-spacing:.16em}.brand-type span{display:block;font-size:.63rem;letter-spacing:.36em;margin-top:3px}.main-nav{display:flex;align-items:center;gap:32px;font-size:1.12rem}.main-nav a{text-decoration:none;color:var(--muted);padding-block:10px;position:relative}.main-nav a[aria-current]{color:var(--ink)}.main-nav a[aria-current]::after{content:"";height:1px;background:linear-gradient(90deg,#9fd4cc,#c2a2de,#f0d7cb);position:absolute;bottom:3px;left:0;right:0}.main-nav a:hover{color:var(--ink)}main{flex:1}.arrow{width:18px;height:18px;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:48px;border:1px solid #bda6e359;padding:10px 24px;border-radius:100px;color:var(--ink);background:linear-gradient(125deg,#8a63b52b,#415f8c22 50%,#2a746b2b);text-decoration:none;font-size:1.08rem;line-height:1.4;box-shadow:inset 0 1px 0 #e9d7fa0c;transition:transform .2s ease,border-color .2s ease}.button:hover{transform:translateY(-2px);border-color:#c3ade5b3}.button.secondary{background:#ffffff04;color:var(--ink);border-color:var(--line)}.button.secondary:hover{background:#d8c1f20d}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:1.08rem;text-decoration:none}.text-link:hover{text-decoration:underline}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.page-top{padding-block:58px 36px}.page-top p{margin-top:13px;font-size:1rem}.games-list{padding-bottom:65px}.game-entry{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;background:linear-gradient(120deg,#1c17254d,#15141eaa 55%,#16232138);box-shadow:0 22px 60px #0002}.game-entry-art{padding:26px;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 0,#6c398328,transparent 70%),radial-gradient(ellipse at 100% 100%,#315f6230,transparent 70%),#11111b}.game-entry-art img{width:100%;max-width:310px;border-radius:4px;box-shadow:0 16px 34px #0006}.game-entry-copy{padding:42px}.game-entry-copy h2{font-size:3rem;letter-spacing:.02em}.game-entry-copy p{margin-top:16px;color:var(--muted);font-size:1.17rem}.game-entry-copy .text-link{margin-top:28px;color:#c7b6e5}.game-entry:hover{border-color:#ae92cf80}.site-footer{border-top:1px solid var(--line);padding-block:24px 30px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:.9rem;color:var(--muted)}.footer-right{display:flex;gap:25px;align-items:center}.site-footer a{text-decoration:none}.site-footer a:hover{text-decoration:underline}.crumbs{display:flex;align-items:center;gap:11px;flex-wrap:wrap;font-size:1rem;color:var(--muted);padding-top:29px}.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}.artifact-theme{--paper:#111;--ink:#d1bfa7;--muted:#b1a596;--line:#d1bfa72c;--accent:#fe5e64;--focus:#fe5e64;background:#111;color:var(--ink)}.artifact-theme ::selection{background:#54191b;color:#f2ddc2}.artifact-theme .main-nav a[aria-current]::after{background:var(--accent)}.artifact-theme .button{background:var(--accent);border-color:var(--accent);color:#171111;box-shadow:none}.artifact-theme .button:hover{background:#ff7b80}.artifact-theme .button.secondary{background:#111111b8;border-color:var(--line);color:var(--ink)}.artifact-theme .button.secondary:hover{background:#29201f}.artifact-theme .text-link{color:var(--accent)}.artifact-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:65px;padding-block:45px 70px}.artifact-logo{width:100%;margin-bottom:23px;mix-blend-mode:screen}.artifact-description{font-family:'Wollstonecraft Romance',Georgia,serif;font-size:1.32rem;color:var(--ink);line-height:1.65;max-width:49ch}.artifact-cover{width:100%;max-width:420px;justify-self:end;border-radius:4px;box-shadow:0 18px 65px #0008}.store-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:29px}.store-links .button{font-family:'Breathe Fire II',Georgia,serif;font-size:.84rem;letter-spacing:.015em;min-height:45px;border-radius:5px;padding:11px 15px;gap:11px}.artifact-guide{margin-top:24px}.artifact-guide .text-link{font-family:'Breathe Fire II',Georgia,serif;font-size:.82rem;letter-spacing:.02em}.screenshots{padding-block:0 50px}.screenshots h2{font-family:'Breathe Fire II',Georgia,serif;font-size:1.3rem;letter-spacing:.02em;margin-bottom:20px}.screenshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.screenshot-grid a{border-radius:6px;overflow:hidden;display:block;border:1px solid var(--line)}.screenshot-grid img{aspect-ratio:16/9;object-fit:contain;background:#111}

@media(max-width:800px){.wrap{width:calc(100% - 40px)}.site-header{min-height:92px}.game-entry-copy{padding:30px}.artifact-hero{gap:30px;padding-bottom:50px}.artifact-description{font-size:1.22rem}.store-links .button{font-size:.77rem;padding-inline:12px}.page-top{padding-top:42px}}
@media(max-width:600px){.brand-type{font-size:.74rem}.brand-type span{font-size:.58rem}.brand-symbol{width:32px;height:32px}.main-nav{gap:22px;font-size:1.05rem}.game-entry{grid-template-columns:1fr}.game-entry-art{padding:24px}.game-entry-art img{max-width:265px}.game-entry-copy{padding:27px}.game-entry-copy h2{font-size:2.65rem}.games-list{padding-bottom:40px}.artifact-hero{grid-template-columns:1fr;padding-block:24px 40px;gap:32px}.artifact-logo{width:min(100%,440px);margin-bottom:12px}.artifact-cover{justify-self:center;max-width:380px}.artifact-description{font-size:1.25rem}.store-links{margin-top:23px}.store-links .button{font-size:.8rem;gap:9px;padding-inline:15px}.artifact-guide{margin-top:21px}.artifact-theme{background:linear-gradient(#111111c9,#111111ef),url("artifact-clocktower.webp?v=50f7cbbfa7a1") right top/auto 100svh no-repeat,#111}.screenshot-grid{grid-template-columns:1fr}.site-footer{font-size:.85rem}.site-footer .footer-right{gap:18px}}
@media(max-width:350px){.brand{gap:9px}.brand-type{font-size:.65rem}.brand-type span{font-size:.51rem}.main-nav{gap:16px;font-size:1rem}.store-links .button{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* The studio's optical treatment frames Artifact's own artwork. */
:root {
  --studio-mint: #91f5db;
  --studio-violet: #b79bff;
  --studio-pink: #ed8bd4;
  --iridescence: linear-gradient(115deg, var(--studio-pink), var(--studio-violet) 42%, var(--studio-mint));
}
.studio-page { --accent: var(--studio-mint); --focus: var(--studio-mint); --line: #bd9feb35; }
body {
  position: relative;
  isolation: isolate;
  --page-scene: radial-gradient(ellipse at 8% 8%, #673fa532, transparent 50%),
    radial-gradient(ellipse at 94% 38%, #267e7a28, transparent 50%), #0c0c14;
  background: #0c0c14;
}
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background: var(--page-scene);
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: repeating-radial-gradient(ellipse at 90% 35%, #c1a0ee16 0 1px, transparent 1px 23px);
  mask-image: linear-gradient(100deg, transparent 12%, #0009 75%, transparent);
  opacity: .6;
}
.artifact-theme {
  /* Breathe Fire's short letterforms need a larger nominal size than the prose. */
  --artifact-title-size: clamp(2.85rem, 4.6vw, 3.5rem);
  --artifact-section-size: clamp(2.15rem, 3.2vw, 2.5rem);
  --page-scene: linear-gradient(90deg, #111111f7, #111111eb),
    url("artifact-clocktower.webp?v=50f7cbbfa7a1") center top / cover no-repeat, #111;
}
.artifact-theme::before { content: none; }
.site-header { min-height: 96px; flex-wrap: wrap; gap: 8px 24px; padding-block: 18px; }
.brand { gap: 13px; }
.brand-symbol { width: 44px; height: 36px; }
.brand .brand-symbol { transition: filter .25s ease; }
.brand:hover .brand-symbol, .brand:focus-visible .brand-symbol { filter: brightness(1.12); }
.artifact-theme .brand-symbol { opacity: .82; }
.studio-page .main-nav a[aria-current]::after { height: 2px; background: var(--iridescence); border-radius: 2px; }
.main-nav { margin-inline-start: auto; }
.main-nav a { display: inline-flex; align-items: center; min-height: 44px; }
.site-footer { flex-wrap: wrap; padding-block: 20px; }
.footer-right { margin-inline-start: auto; }
.site-footer a { display: inline-flex; align-items: center; min-height: 44px; }
.crumbs a { display: inline-flex; align-items: center; min-height: 44px; }
.home-page {
  --page-scene: radial-gradient(ellipse at 10% 20%, #923c962a, transparent 52%),
    radial-gradient(ellipse at 88% 48%, #257f7529, transparent 45%), #0c0c14;
}
.home-page::before {
  background: repeating-radial-gradient(circle at 77% 47%, #b8a1dd12 0 1px, transparent 1px 27px);
  mask-image: linear-gradient(90deg, transparent 28%, #0008 75%, transparent);
  opacity: .3;
}
.home-page main { display: grid; align-content: center; padding-block: 32px; }
.home-showcase {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
  grid-template-areas: "story artwork" "actions artwork";
  grid-template-rows: auto auto;
  align-content: center;
  align-items: center;
  gap: 28px 44px;
  min-height: clamp(460px, 60svh, 580px);
  padding: 40px 48px;
  border: 1px solid transparent;
  border-radius: 16px;
  overflow: hidden;
  background: linear-gradient(120deg, #1b1423f5, #101b21f5) padding-box,
    linear-gradient(125deg, #ed8bd47a, #b79bff70 40%, #91f5db87 70%, #b79bff35) border-box;
  box-shadow: 0 26px 75px #0003;
}
.home-showcase::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse at 82% 48%, #87d8c91b, transparent 58%);
}
.home-story { grid-area: story; position: relative; z-index: 1; align-self: end; min-width: 0; }
.home-kicker { font-size: 1.03rem; line-height: 1.5; letter-spacing: .015em; color: #d2bbdf; }
.home-story h1 {
  margin-top: 15px;
  font-size: clamp(3.6rem, 8vw, 6.75rem);
  line-height: 1.08;
  color: #e7e0ef;
  text-shadow: 0 0 40px #c4a7e418;
}
.home-premise { max-width: 35ch; margin-top: 22px; font-size: 1.35rem; line-height: 1.55; color: #c5b9d2; }
.home-actions { grid-area: actions; align-self: start; margin-top: 0; gap: 12px; }
.home-actions .button, .games-page .game-entry-actions .button {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 48px;
  padding: 11px 17px;
  border: 1px solid transparent;
  border-radius: 8px;
  gap: 13px;
  font-size: 1.05rem;
  background: linear-gradient(115deg, #30223c, #173c3c) padding-box, var(--iridescence) border-box;
  color: #f0e8f5;
}
.home-actions .button.secondary { background: #171620; border-color: #c4a7e65c; color: #ded4e8; }
.home-actions .button:hover, .games-page .game-entry-actions .button:hover { transform: none; border-color: var(--studio-mint); }
.home-actions .button::before, .games-page .game-entry-actions .button::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(105deg, transparent 20%, #d3fff418 46%, #f6d8ff28 51%, transparent 78%);
  transform: translateX(-125%);
  transition: transform .65s cubic-bezier(.2, .65, .3, 1);
}
.home-actions .button:is(:hover, :focus-visible)::before,
.games-page .game-entry-actions .button:is(:hover, :focus-visible)::before { transform: translateX(125%); }
.home-artwork {
  grid-area: artwork;
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  max-width: 430px;
  aspect-ratio: 1;
  justify-self: end;
}
.showcase-aura { position: absolute; inset: -8%; pointer-events: none; }
.spiral-art {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: .46;
  animation: trance-turn 80s linear infinite;
  will-change: transform;
  mask-image: radial-gradient(circle, transparent 14%, #000 28%, #000 60%, transparent 70%);
}
.showcase-cover {
  position: relative;
  z-index: 1;
  display: block;
  width: 66%;
  max-width: 280px;
  aspect-ratio: 2 / 3;
  border: 1px solid #d1bfa73b;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 22px 50px #0006;
}
.showcase-cover img { width: 100%; }
.showcase-cover:hover { border-color: var(--studio-mint); }
.motion-control {
  position: absolute;
  right: 0;
  bottom: 0;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  z-index: 3;
  border: 1px solid #b79bff70;
  border-radius: 50%;
  background: #0e0e19f2;
  color: #cfc0e2;
  cursor: pointer;
}
.motion-control:hover { border-color: var(--studio-mint); color: #d6fff3; }
.motion-control svg { width: 19px; height: 19px; }
.motion-control .motion-play { display: none; }
.motion-toggle:checked ~ .showcase-aura .spiral-art { animation-play-state: paused; will-change: auto; }
.motion-toggle:checked ~ .motion-control .motion-play { display: block; }
.motion-toggle:checked ~ .motion-control .motion-pause { display: none; }
.motion-toggle:focus-visible ~ .motion-control { outline: 2px solid var(--focus); outline-offset: 5px; }
.text-link .arrow { transition: transform .2s ease; }
a:hover .text-link .arrow, a.text-link:hover .arrow { transform: translateX(3px); }
.game-entry {
  border: 1px solid transparent;
  border-radius: 14px;
  background: linear-gradient(120deg, #1d1428, #11131c 64%, #10231f) padding-box,
    linear-gradient(130deg, #ed8bd47a, #b79bff70 40%, #91f5db87 70%, #b79bff35) border-box;
}
.game-entry-art {
  position: relative;
  isolation: isolate;
  align-self: stretch;
  background: radial-gradient(ellipse at 20% 0, #6c398338, transparent 70%),
    radial-gradient(ellipse at 100% 100%, #315f624a, transparent 70%), #11111b;
}
.game-entry-art::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: url("hypnosis-vortex.svg?v=f0fd53afdbee") center/130% no-repeat;
  opacity: .18;
  mask-image: radial-gradient(circle, #000, transparent 75%);
}
.game-entry:hover { border-color: #b79bff9c; }
.game-entry:focus-within { border-color: #b79bff9c; }
.game-entry-art { text-decoration: none; }
.game-entry-art img { max-width: 430px; border: 1px solid #d1bfa72c; }
.game-entry-art:focus-visible { outline-offset: -5px; }
.game-entry-copy { min-width: 0; }
.game-entry-copy h2 a { text-decoration: none; }
.game-entry-copy h2 a:hover { text-decoration: underline; text-decoration-thickness: 1px; }
.game-entry-copy .game-kicker { margin: 0 0 12px; font-size: 1rem; color: #c2b4d2; }
.game-entry-actions { display: flex; gap: 12px 22px; align-items: center; flex-wrap: wrap; margin-top: 28px; }
.game-entry-actions .button { min-height: 48px; padding-inline: 18px; }
.game-entry-copy .game-entry-actions .text-link { margin-top: 0; min-height: 44px; font-size: 1.05rem; color: #b6f1df; }
.page-top h1 { color: #e2d6ee; text-shadow: 0 0 30px #ba91e71a; }
.page-top::after {
  content: "";
  display: block;
  width: 96px;
  height: 2px;
  margin-top: 22px;
  background: var(--iridescence);
  border-radius: 2px;
  opacity: .85;
}
.game-context { display: flex; align-items: center; justify-content: space-between; gap: 16px 24px; min-height: 80px; }
.game-context .crumbs { padding-top: 0; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.1rem; }
.game-nav { display: flex; gap: 24px; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.18rem; }
.game-nav a { display: inline-flex; align-items: center; min-height: 44px; color: var(--muted); text-decoration: none; border-bottom: 1px solid transparent; }
.game-nav a:hover, .game-nav a[aria-current] { color: var(--ink); }
.game-nav a[aria-current] { border-color: var(--accent); }
.artifact-description { font-size: 1.22rem; line-height: 1.65; color: var(--muted); }
.artifact-description-lead { font-size: 1.36rem; line-height: 1.55; color: #dfccb3; }
.artifact-description + .artifact-description { margin-top: 18px; }
.artifact-hero { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); align-items: start; gap: clamp(32px, 5vw, 60px); padding-block: 24px 32px; }
.artifact-intro { min-width: 0; }
.artifact-kicker { font: 1.1rem/1.5 'Cormorant Garamond', Georgia, serif; color: var(--muted); margin-bottom: 4px; }
.content-advisory { font: 500 1.125rem/1.5 'Cormorant Garamond', Georgia, serif; color: var(--ink); }
.artifact-intro > .content-advisory { margin-block: 14px 18px; }
.artifact-wordmark {
  width: min(100%, 340px);
  aspect-ratio: 16 / 9;
  margin-block: -10px -8px;
}
.artifact-wordmark .artifact-logo {
  width: 100%;
  max-width: none;
  margin: 0;
  mix-blend-mode: screen;
}
.artifact-platforms { font: 1.125rem/1.5 'Cormorant Garamond', Georgia, serif; color: var(--ink); margin-top: 18px; }
.platform-list { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 24px; list-style: none; margin: 0; padding: 0; }
.platform-list li { display: inline-flex; align-items: center; gap: 9px; min-height: 28px; }
.platform-icon { width: 21px; height: 21px; flex: none; }
.platform-note { margin-top: 5px; font-size: 1.05rem; color: var(--muted); }
.artifact-guide { margin-top: 20px; }
.artifact-guide .button {
  min-height: 50px;
  padding: 10px 20px;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.2rem;
  line-height: 1.4;
  letter-spacing: 0;
  gap: 20px;
  border-color: #fe5e6470;
  background: #fe5e640c;
  color: #dfccb3;
}
.artifact-guide .button:hover { transform: none; border-color: var(--accent); background: #fe5e641c; }
.artifact-artwork { position: relative; width: min(100%, 420px); justify-self: end; align-self: center; padding: 9px; border: 1px solid #d1bfa735; border-radius: 5px; background: #151313; box-shadow: 0 18px 60px #0007; }
.artifact-artwork .artifact-cover { display: block; width: 100%; margin: 0; border: 0; border-radius: 1px; box-shadow: none; }
.artifact-details {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  gap: clamp(32px, 5vw, 60px);
  padding-block: 32px 48px;
  border-top: 1px solid var(--line);
  font-family: 'Wollstonecraft Romance', Georgia, serif;
  font-size: 1.2rem;
  line-height: 1.65;
}
.artifact-details h2, .artifact-theme .screenshots h2 { font-family: 'Breathe Fire II', Georgia, serif; font-size: var(--artifact-section-size); line-height: 1.3; letter-spacing: .015em; }
.artifact-features { padding-left: 22px; margin: 18px 0 0; }
.artifact-features li + li { margin-top: 13px; }
.artifact-features li::marker { color: var(--accent); }
.artifact-status p { margin-top: 18px; }
/* The walkthrough shares Artifact's palette and fixed background artwork. */
.walkthrough-page #main { font-family: 'Wollstonecraft Romance', Georgia, serif; }
.walkthrough-header { padding-block: 22px 26px; border-bottom: 1px solid var(--line); margin-bottom: 32px; }
.walkthrough-header .guide-title { font-family: 'Breathe Fire II', Georgia, serif; font-size: var(--artifact-title-size); line-height: 1.2; letter-spacing: .015em; }
.walkthrough-header p { margin-top: 10px; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.15rem; color: var(--muted); }
.walkthrough-header .content-advisory { color: var(--ink); }
.walkthrough-header p span { padding-inline: 8px; color: var(--line); }
.guide-layout { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 48px; align-items: start; }
.guide-index { position: sticky; top: 28px; font-family: 'University', Georgia, serif; }
.guide-index h2 { font: inherit; font-size: 1.125rem; line-height: 1.5; letter-spacing: .025em; margin: 0 0 12px 12px; }
.guide-index ol { list-style: none; padding: 0; margin: 0; }
.guide-index li + li { margin-top: 4px; }
.guide-index a { display: flex; gap: 13px; min-height: 46px; align-items: center; padding: 8px 12px; font-size: 1rem; line-height: 1.5; letter-spacing: .015em; color: var(--muted); text-decoration: none; border-left: 2px solid var(--line); }
.guide-index a span { font-size: .8rem; font-variant-numeric: tabular-nums; }
.guide-index a:hover { color: var(--ink); border-color: var(--accent); background: #d1bfa707; }
.guide-index a:focus-visible { outline-offset: -3px; border-radius: 2px; }
.guide-index a[aria-current="location"] { color: var(--ink); border-color: var(--accent); background: #d1bfa707; }
.guide { min-width: 0; max-width: 740px; padding-bottom: 64px; }
.guide-intro { margin: 0 0 28px; padding-bottom: 24px; border-bottom: 1px solid var(--line); font-size: 1.22rem; line-height: 1.65; color: var(--ink); }
.guide-intro p { max-width: none; }
.guide-intro .guide-strategy { margin-top: 20px; padding-left: 18px; border-left: 2px solid #fe5e645c; }
.guide-section { scroll-margin-top: 28px; }
.guide-section + .guide-section { margin-top: 30px; padding-top: 26px; border-top: 1px solid var(--line); }
.guide-section-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.guide-section-head h2 { display: flex; gap: 14px; align-items: center; margin: 0; font-family: 'Breathe Fire II', Georgia, serif; font-size: var(--artifact-section-size); line-height: 1.3; letter-spacing: .015em; }
.guide-section-number { font: 1.125rem/1 'Cormorant Garamond', Georgia, serif; color: var(--accent); font-variant-numeric: tabular-nums; }
.guide-section.is-current .guide-section-head h2 { color: var(--accent); }
.guide-contents-link { display: inline-flex; align-items: center; min-height: 44px; white-space: nowrap; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1rem; color: var(--muted); }
.guide-section p, .guide-section li, .guide-notes dd { font-size: 1.2rem; line-height: 1.65; color: var(--muted); }
.guide-section > p + p { margin-top: 18px; }
.guide-section strong { color: var(--ink); font-weight: 400; }
.guide-notes { margin: 0; }
.guide-notes dt { font-size: 1.32rem; line-height: 1.5; color: #dfccb3; }
.guide-notes dd { margin: 7px 0 0; }
.guide-notes dd + dt { margin-top: 28px; }
.guide-section p + .guide-notes { margin-top: 24px; }
.guide-thresholds { width: 100%; margin-block: 24px; border-collapse: collapse; font-size: 1.2rem; line-height: 1.5; text-align: left; }
.guide-thresholds caption { padding-bottom: 9px; text-align: left; font-family: 'Cormorant Garamond', Georgia, serif; color: var(--ink); font-size: 1.25rem; }
.guide-thresholds thead th { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 500; font-size: 1.05rem; color: var(--muted); }
.guide-thresholds th, .guide-thresholds td { padding: 11px 14px; border-bottom: 1px solid var(--line); vertical-align: top; }
.guide-thresholds th:first-child { padding-left: 0; width: 80px; }
.guide-thresholds td { padding-right: 0; color: var(--muted); }
.guide-thresholds tbody th { color: var(--accent); font: 500 1.25rem/1.4 'Cormorant Garamond', Georgia, serif; font-variant-numeric: tabular-nums; }
.guide-tiers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-block: 22px; padding-block: 17px; border-block: 1px solid var(--line); }
.guide-tiers dt { font: 1.1rem/1.5 'Cormorant Garamond', Georgia, serif; color: var(--muted); }
.guide-tiers dd { display: flex; align-items: baseline; flex-wrap: wrap; column-gap: 10px; margin: 2px 0 0; font-size: 1.15rem; line-height: 1.5; color: var(--muted); }
.guide-tiers dd strong { font: 500 2.1rem/1.2 'Cormorant Garamond', Georgia, serif; color: var(--accent); }
.guide-next { display: flex; justify-content: flex-end; margin-top: 24px; }
.guide-next .text-link, .guide-end .text-link { min-height: 44px; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.15rem; }
.guide-end { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
@keyframes trance-turn { to { transform: rotate(-360deg); } }
@media (max-width: 1000px) {
  .home-showcase { padding: 36px 32px; gap: 24px 28px; }
  .home-premise { font-size: 1.25rem; }
  .home-actions .button { padding-inline: 13px; gap: 10px; }
}
@media (max-width: 900px) {
  .artifact-hero { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .artifact-intro { max-width: 650px; }
  .artifact-description { max-width: 58ch; }
  .artifact-artwork { justify-self: center; width: min(100%, 460px); }
  .artifact-artwork .artifact-cover { max-width: none; }
  .artifact-details { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .artifact-status { max-width: 650px; }
  .guide-layout { display: block; }
  .guide-index { position: sticky; top: 0; z-index: 5; padding-block: 10px; margin-bottom: 26px; background: #111; border-bottom: 1px solid var(--line); }
  .guide-index h2 { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .guide-index ol { display: flex; gap: 8px; flex-wrap: nowrap; overflow-x: auto; padding: 2px 4px 7px; scroll-padding-inline: 4px; scrollbar-width: thin; scrollbar-color: #d1bfa74d transparent; }
  .guide-index li { flex: 0 0 auto; }
  .guide-index li + li { margin-top: 0; }
  .guide-index a { min-height: 46px; padding: 4px 12px; gap: 9px; border-left: 0; border-bottom: 1px solid var(--line); }
  .guide { max-width: 740px; margin-inline: auto; }
  .guide-section { scroll-margin-top: 100px; }
  .guide-index:focus-within { z-index: 6; }
  .guide-contents-link { display: none; }
  .guide-end { justify-content: flex-end; }
}
@media (max-width: 760px) {
  .home-page main { display: block; padding-block: 24px; }
  .home-showcase { grid-template-columns: minmax(0, 1fr); grid-template-areas: "story" "artwork" "actions"; min-height: 0; padding: 32px; gap: 26px; }
  .home-story { max-width: 500px; }
  .home-artwork { width: min(350px, 100%); justify-self: center; }
  .showcase-aura { inset: -5%; }
  .home-premise { max-width: 38ch; font-size: 1.22rem; }
  .home-actions { width: 100%; max-width: 500px; }
  .home-page::before {
    background: repeating-radial-gradient(circle at 50% 70%, #b8a1dd12 0 1px, transparent 1px 27px);
    mask-image: linear-gradient(transparent 35%, #0009 70%, transparent);
  }
}
@media (max-width: 600px) {
  .site-header { min-height: 88px; }
  .brand-symbol { width: 38px; height: 32px; }
  body::before { opacity: .4; }
  .game-context { flex-wrap: wrap; min-height: 0; padding-top: 16px; gap: 6px 20px; }
  .walkthrough-header { padding-block: 24px 26px; margin-bottom: 18px; }
  .guide-intro { font-size: 1.18rem; margin-bottom: 28px; padding-bottom: 24px; }
  .guide-intro .guide-strategy { padding-left: 14px; }
  .guide-notes dt { font-size: 1.28rem; }
  .guide-section p, .guide-section li, .guide-notes dd { font-size: 1.15rem; }
  .guide-thresholds { font-size: 1.15rem; }
  .guide-thresholds th:first-child { width: 65px; }
  .guide-tiers { gap: 14px; }
  .guide-tiers dd { font-size: 1.1rem; }
  .artifact-description-lead { font-size: 1.3rem; }
  .game-entry-art img { max-width: 340px; }
  .artifact-artwork { max-width: 420px; }
  .artifact-details { grid-template-columns: 1fr; gap: 30px; padding-bottom: 40px; font-size: 1.15rem; }
}
@media (max-width: 440px) {
  .home-page main { padding-block: 20px; }
  .home-showcase { padding: 28px 20px; }
  .home-actions { flex-direction: column; align-items: stretch; margin-top: 0; }
  .home-actions .button { justify-content: space-between; padding-inline: 16px; }
  .home-artwork { width: min(300px, 100%); }
  .game-entry-actions { align-items: stretch; gap: 10px; }
  .game-entry-actions .button, .game-entry-actions .text-link { justify-content: space-between; width: 100%; }
  .guide-section-head { gap: 10px; }
  .guide-contents-link { font-size: .95rem; }
}
@media (prefers-reduced-motion: reduce) {
  .spiral-art { animation: none; will-change: auto; }
  .motion-toggle, .motion-control { display: none; }
  .brand .brand-symbol { transition: none; }
  .home-actions .button::before, .games-page .game-entry-actions .button::before { content: none; transition: none; }
}

/* Official remote widgets retain each service's own branding and controls. */
.store-widgets {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 20px;
  padding-block: 24px 40px;
  border-top: 1px solid var(--line);
}
.store-widget {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border: 0;
  color-scheme: normal;
}
.store-slot { display: grid; grid-template-rows: 190px auto; align-content: start; min-width: 0; width: 100%; }
.store-direct-link { display: inline-flex; align-items: center; justify-self: start; gap: 9px; min-height: 44px; margin-top: 8px; font: 500 1.1rem/1.4 'Cormorant Garamond', Georgia, serif; color: var(--ink); text-decoration: none; }
.store-direct-link:hover { text-decoration: underline; }
.steam-widget { height: 190px; }
.itch-widget { height: 167px; }
.site-footer .patreon-support {
  display: inline-flex;
  align-items: center;
  min-height: 58px;
  padding: 8px 16px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: #fff;
  color: #111;
  text-decoration: none;
}
.patreon-support img { width: 132px; height: auto; }
.site-footer .patreon-support:hover { background: #e9e9e9; border-color: #e9e9e9; }
.footer-community { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; min-width: 0; }
.discord-invite {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  padding: 16px;
  border: 1px solid #5865f2;
  border-radius: 5px;
  background: #5865f2;
  color: #fff;
  text-decoration: none;
}
.discord-invite img { width: 132px; height: auto; flex-shrink: 0; }
.site-footer .discord-invite { min-height: 58px; min-width: 166px; }
.discord-invite:hover { background: #4752c4; border-color: #4752c4; }
.discord-invite:focus-visible { outline: 2px solid var(--focus); outline-offset: 5px; }
.discord-featured { display: flex; justify-content: space-between; gap: 20px; margin-top: 24px; padding: 20px 24px; border-radius: 8px; }
.discord-featured img { width: 160px; max-width: 100%; }
.discord-invite-copy { display: grid; gap: 12px; min-width: 0; }
.discord-invite-copy > span { font: 500 1.15rem/1.4 'Cormorant Garamond', Georgia, serif; }
.discord-featured .arrow { width: 22px; height: 22px; color: #fff; }
.discord-featured + .contact-routes { margin-top: 18px; }
.store-widget:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 4px;
}
.steam-attribution {
  display: block;
  margin-top: 10px;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: .8rem;
  line-height: 1.5;
  color: var(--muted);
}
@media (max-width: 900px) {
  .store-widgets { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .store-slot { max-width: 646px; justify-self: center; }
  .store-slot { grid-template-rows: auto auto; }
}
@media (max-width: 600px) {
  .store-widgets { padding-bottom: 32px; }
  .site-footer { gap: 12px 16px; }
  .site-footer .footer-right { gap: 18px; }
}
@media (max-width: 440px) {
  .site-footer .footer-right { flex-wrap: wrap; width: 100%; justify-content: space-between; }
  .footer-community { flex: 1 1 100%; }
  .footer-community > a { flex: 1 1 166px; }
}


/* Brief studio pages; no feed embeds, form service, or extra scripts. */
.main-nav { gap: clamp(18px, 2.5vw, 32px); flex-wrap: wrap; }
.main-nav a { gap: 6px; white-space: nowrap; }
.main-nav .arrow { width: 14px; height: 14px; opacity: .8; }
.studio-main { padding-bottom: clamp(44px, 7vw, 88px); }
.studio-main .page-top { padding-block: 54px 40px; }
.studio-main .page-top h1 { font-size: clamp(3.6rem, 7.5vw, 6rem); }
.studio-main .page-top .studio-page-intro { margin-top: 20px; font-size: 1.3rem; line-height: 1.5; color: var(--muted); }
.studio-main h2 { font-size: clamp(1.9rem, 3vw, 2.5rem); line-height: 1.18; letter-spacing: -.015em; }
.studio-main p, .studio-main li { font-size: 1.22rem; line-height: 1.6; }
.studio-main .text-link { min-height: 44px; font-size: 1.15rem; color: var(--studio-mint); }
.about-layout { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); gap: 56px; align-items: center; padding-block: 8px 30px; }
.studio-copy { max-width: 620px; }
.studio-copy .studio-lead { margin-block: 20px; font-size: clamp(1.5rem, 2.5vw, 1.8rem); line-height: 1.45; color: #e2d9ed; }
.studio-copy > p:not(.studio-lead) { color: var(--muted); }
.studio-actions { margin-top: 28px; gap: 16px 26px; }
.studio-actions .button { border-radius: 8px; background: linear-gradient(115deg, #30223c, #173c3c); border-color: #a598d07a; padding-inline: 20px; font-size: 1.15rem; }
.studio-actions .button:hover { transform: none; border-color: var(--studio-mint); }
.studio-seal { position: relative; display: grid; place-items: center; aspect-ratio: 1; width: min(100%, 340px); justify-self: end; isolation: isolate; }
.studio-seal::before { content: ""; position: absolute; inset: 0; border: 1px solid #b79bff26; border-radius: 50%; background: radial-gradient(circle, #c2a3ff13, transparent 68%); }
.studio-seal::after { content: ""; position: absolute; inset: 10%; border: 1px solid #91f5db14; border-radius: 50%; }
.studio-seal .brand-symbol { width: 58%; height: auto; opacity: .88; }
.contact-section { margin-top: 26px; padding-top: 34px; border-top: 1px solid var(--line); scroll-margin-top: 28px; }
.contact-header { margin-bottom: 28px; }
.contact-header p { margin-top: 16px; color: var(--muted); }
.contact-email { color: var(--studio-mint); overflow-wrap: anywhere; }
.contact-layout h3 { margin: 0; font-size: 1.65rem; font-weight: 500; line-height: 1.25; }
.contact-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(40px, 7vw, 88px); padding-top: 8px; }
.contact-layout .section-intro { color: var(--muted); margin-top: 16px; max-width: 34ch; }
.contact-routes { margin-top: 24px; border-top: 1px solid var(--line); }
.contact-route { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 68px; padding: 14px 4px; border-bottom: 1px solid var(--line); font-size: 1.45rem; line-height: 1.3; text-decoration: none; }
.contact-route .arrow { width: 21px; height: 21px; color: var(--studio-mint); }
.contact-route:hover { color: var(--studio-mint); }
.contact-layout .contact-note { font-size: 1.05rem; margin-top: 14px; color: var(--muted); }
.report-help > p { margin-top: 16px; color: var(--muted); }
.report-help ul { padding-left: 22px; margin-block: 14px 18px; color: var(--muted); }
.report-help li + li { margin-top: 8px; }
.report-help li::marker { color: var(--studio-violet); }
.report-help .contact-guide { margin-top: 22px; font-size: 1.1rem; }
.report-help .contact-guide a { color: #e2d9ed; }
@media (max-width: 760px) {
  .site-header .main-nav { width: 100%; margin-inline-start: 0; justify-content: space-between; column-gap: 18px; row-gap: 0; }
  .site-header { row-gap: 6px; padding-block: 16px 10px; }
  .studio-main .page-top { padding-block: 34px 28px; }
  .about-layout { gap: 32px; grid-template-columns: minmax(0, 1fr); padding-bottom: 0; }
  .studio-seal { display: none; }
  .contact-layout { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .contact-layout section { max-width: 620px; }
  .studio-main p, .studio-main li { font-size: 1.18rem; }
  .studio-main .page-top .studio-page-intro { font-size: 1.22rem; }
}
@media (max-width: 440px) {
  .site-header .main-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; }
  .site-header .main-nav a { justify-content: center; }
}
@media (max-width: 380px) {
  .studio-actions { align-items: stretch; }
  .studio-actions .button { width: 100%; justify-content: space-between; }
}

/* Local entrance and optional-widget controls; no consent-service dependency. */
body.content-pending { --page-scene: #0c0c14; background: #0c0c14; color: #e7e0ef; }
body.content-pending::before, body.content-pending::after { display: none; background: none; }
[data-adult-root] { display: contents; }
.entry-notice { display: grid; place-items: center; width: min(100% - 40px, 620px); min-height: 100svh; margin: auto; padding-block: 40px; font-family: 'Cormorant Garamond', Georgia, serif; }
.entry-card { width: 100%; padding: clamp(24px, 5vw, 44px); border: 1px solid #b79bff45; border-radius: 14px; background: radial-gradient(ellipse at top left, #b79bff12, transparent 70%), #12111b; }
.entry-brand { display: flex; align-items: center; gap: 16px; font-size: .85rem; letter-spacing: .15em; }
.entry-brand .brand-symbol { width: 44px; height: 36px; opacity: 1; }
.entry-kicker { margin-top: 34px; color: #91f5db; font-size: 1.2rem; }
.entry-notice h1 { margin-block: 10px 22px; color: #e7e0ef; font: 500 clamp(2.9rem, 9vw, 4rem)/1.05 'Cormorant Garamond', Georgia, serif; }
.entry-notice p { font-size: 1.25rem; line-height: 1.55; }
.entry-notice .entry-storage { margin-top: 22px; color: #b6abc5; font-size: 1.05rem; }
.entry-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.entry-links { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 20px; color: #b6abc5; font-size: 1.1rem; }
.entry-links a { display: inline-flex; align-items: center; min-height: 44px; }
.entry-no-script { margin-top: 16px; color: #b6abc5; }
.control-button { display: inline-flex; justify-content: center; align-items: center; min-height: 48px; padding: 10px 18px; border: 1px solid var(--focus, #91f5db); border-radius: 6px; background: #91f5db; color: #101717; font: 500 1.15rem/1.4 'Cormorant Garamond', Georgia, serif; text-decoration: none; cursor: pointer; }
.control-button:hover { background: #b2f8e7; }
.control-button.secondary { color: var(--ink, #e7e0ef); border-color: var(--line, #b79bff45); background: #ffffff04; }
.control-button.secondary:hover { background: #b79bff13; }
.control-button[aria-pressed="true"] { border-color: var(--focus); background: #91f5db14; }
.control-button:disabled, .control-link:disabled { cursor: default; opacity: .6; }
.control-link { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 0; border: 0; background: transparent; color: var(--muted); font: 500 1.05rem/1.4 'Cormorant Garamond', Georgia, serif; text-align: left; text-decoration: underline; text-underline-offset: 5px; cursor: pointer; }
.control-link:hover { color: var(--ink); }
.control-button:focus-visible, .control-link:focus-visible { outline: 2px solid var(--focus, #91f5db); outline-offset: 5px; }
.content-pending .control-button { border-color: #91f5db; }
.content-pending .control-button.secondary { background: transparent; border-color: #b79bff65; color: #e7e0ef; }
.content-pending a:focus-visible, .content-pending button:focus-visible { outline-color: #91f5db; }
.footer-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 22px; min-width: 0; }
.footer-meta a { display: inline-flex; align-items: center; min-height: 44px; font-size: 1rem; }
.store-slot { display: block; }
.buy-section { border-top: 1px solid var(--line); padding-block: 26px 36px; }
.buy-intro { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 24px; align-items: center; }
.buy-toggle { gap: 18px; min-width: 140px; border-radius: 6px; font-size: 1.25rem; font-family: 'Cormorant Garamond', Georgia, serif; cursor: pointer; }
.buy-toggle:disabled { cursor: default; opacity: .6; }
.buy-chevron { width: 20px; height: 20px; flex-shrink: 0; }
.buy-toggle[aria-expanded="true"] .buy-chevron { transform: rotate(180deg); }
.buy-toggle:focus-visible { outline: 2px solid var(--focus); outline-offset: 5px; }
.buy-consent { max-width: 69ch; font: 500 1.1rem/1.5 'Cormorant Garamond', Georgia, serif; color: var(--muted); }
.buy-direct-links { display: flex; flex-wrap: wrap; gap: 0 26px; margin-top: 12px; }
.buy-direct-links .store-direct-link { margin-top: 0; }
.buy-section .store-widgets { margin-top: 18px; padding-block: 0; border-top: 0; }
.store-frame { min-height: 190px; }
.store-placeholder { min-height: 190px; padding: 22px; border: 1px solid var(--line); border-radius: 6px; background: #171514; }
.store-placeholder h2 { margin-bottom: 12px; color: var(--ink); font: 500 1.8rem/1.1 'Cormorant Garamond', Georgia, serif; letter-spacing: 0; }
.store-placeholder p { margin-bottom: 18px; font: 500 1.15rem/1.45 'Cormorant Garamond', Georgia, serif; color: var(--muted); }
.store-placeholder .control-button { background: #231b1a; color: var(--ink); border-color: #d1bfa766; }
.store-placeholder .control-button:hover { background: #32201f; border-color: var(--accent); }
.store-actions { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0 18px; margin-top: 8px; }
.store-actions .store-direct-link { margin-top: 0; }
.privacy-main { padding-bottom: 64px; }
.privacy-copy { max-width: 780px; }
.privacy-copy > p { margin-bottom: 32px; }
.privacy-section { border-top: 1px solid var(--line); padding-top: 28px; margin-top: 32px; scroll-margin-top: 28px; }
.privacy-section h2 { margin-bottom: 18px; }
.privacy-section p + p { margin-top: 18px; }
.privacy-main .privacy-date { margin-top: 20px; font-size: 1.1rem; color: var(--muted); }
.privacy-main .privacy-detail { font-size: 1.08rem; color: var(--muted); }
.privacy-toggles { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.privacy-toggles .control-button { gap: .3em; }
.privacy-reset { display: flex; flex-wrap: wrap; gap: 0 28px; margin-top: 14px; }
.privacy-choice-status:empty { display: none; }
.privacy-main .privacy-choice-status { margin-top: 18px; color: var(--studio-mint); font-size: 1.1rem; }
@media (max-width: 760px) {
  .site-footer { flex-wrap: wrap; }
  .footer-meta { width: 100%; justify-content: space-between; }
  .buy-intro { grid-template-columns: minmax(0, 1fr); justify-items: start; gap: 16px; }
}
@media (max-width: 440px) {
  .entry-notice { width: calc(100% - 28px); padding-block: 20px; }
  .entry-brand { gap: 12px; font-size: .72rem; letter-spacing: .1em; }
  .entry-actions { flex-direction: column; align-items: stretch; }
  .privacy-toggles { flex-direction: column; align-items: stretch; }
  .store-placeholder { padding: 20px; }
}