*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#38204d;font-family:Arial,"Noto Sans Thai",sans-serif;background:radial-gradient(circle at 20% 0,#f5eaff 0,#fff9fc 35%,#f4eaff 100%);overflow-x:hidden}.stars{position:fixed;inset:0;pointer-events:none;opacity:.32;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#caa4ff 1px,transparent 1px);background-size:45px 45px,73px 73px;z-index:0}header{height:82px;padding:10px 5vw;display:flex;align-items:center;gap:35px;background:#261033f2;color:white;position:relative;z-index:5;border-bottom:1px solid #c89ad7}.logo{width:145px;height:62px;object-fit:contain}nav{display:flex;gap:28px;flex:1;justify-content:center}nav a{color:#f9eefc;text-decoration:none;font-size:14px}.lang{border:1px solid #d8b8e4;border-radius:20px;background:transparent;color:white;padding:8px 15px}.hero{min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;position:relative;z-index:1;background:radial-gradient(circle at 75% 35%,#8d4cac 0,#49215f 26%,#24102f 62%,#16091e 100%);color:white;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,9,30,.2),rgba(22,9,30,.03)),radial-gradient(circle at 10% 20%,rgba(255,213,251,.15),transparent 25%)}.hero-copy{padding:90px 5vw 55px 8vw;position:relative;z-index:2}.eyebrow{color:#e6c9ef;letter-spacing:2px}.hero h1{font-family:Georgia,serif;font-size:44px;line-height:1.18;margin:18px 0;color:#fff5fd}.hero h1 strong{font-size:54px;color:#f4d8a8}.hero h1 small{font-size:30px}.hero h2{font:25px Georgia,serif;letter-spacing:4px;color:#e5c6ed}.hero-copy>p{font-size:20px;line-height:1.8;color:#eee0f4;max-width:520px}.cta{display:inline-block;margin-top:15px;background:linear-gradient(135deg,#f3d6ff,#a96bc9);color:#3c1553;text-decoration:none;padding:17px 45px;border-radius:40px;font-weight:bold;font-size:20px;box-shadow:0 0 25px #c38bdd80;border:1px solid #ffe6ff}.cred{display:flex;gap:25px;margin-top:55px}.cred span{max-width:150px;font-size:12px;color:#dbc8e2}.cred b{display:block;font-size:15px;color:#fff;margin:5px 0}.hero-photo{position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0;filter:saturate(.9) contrast(1.02)}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#24102f 0,transparent 22%,transparent 75%,#24102f99 100%),linear-gradient(0deg,#24102f 0,transparent 30%)}.photo-tag{z-index:2;margin-bottom:32px;text-align:center;color:#f4d8a8;font:18px Georgia,serif;letter-spacing:2px}.photo-tag small{color:#eee0f4;font:11px Arial}.question,.decks{position:relative;z-index:1;padding:65px 6vw;background:rgba(255,250,255,.92)}.section-title{text-align:center;margin-bottom:35px}.section-title span{font-size:12px;letter-spacing:2px;color:#9a68ac}.section-title h3{font:38px Georgia,serif;margin:8px 0;color:#4e1c67}.section-title p{margin:0;color:#795b84}.topics{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;max-width:1180px;margin:auto}.topics button{min-height:150px;border:1px solid #dec2e6;background:#fffafc;border-radius:22px;color:#81529a;font-size:34px;box-shadow:0 10px 25px #6b3b7712}.topics b,.topics small{display:block}.topics b{font-size:19px;margin:10px 0 6px;color:#4e1c67}.topics small{font-size:12px;color:#806a87}.decks{background:linear-gradient(#f1e5f8,#fff9fc)}.deck-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.deck{background:#271531;border-radius:24px;overflow:hidden;box-shadow:0 15px 35px #33143e33;color:white;border:1px solid #8e6a9c}.deck.active{border:2px solid #d3a8e7;box-shadow:0 0 30px #a15fc64d}.real{height:340px;background:#160d1d}.real img{width:100%;height:100%;object-fit:cover}.deck-text{padding:20px 22px 24px}.deck-text em{font-size:11px;color:#e7c8f2}.deck-text h4{font:26px Georgia,serif;margin:9px 0 3px;color:#f5e6fa}.deck-text p{margin:0 0 16px;color:#cfb8d6}.deck-text button{border:0;border-radius:24px;padding:11px 24px;background:#dcb9e9;color:#4b205b;font-weight:bold}.deck-text button:disabled{background:#4a3a50;color:#a99bad}.about{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;min-height:520px;background:#25102f;color:white}.about-photo img{width:100%;height:100%;object-fit:cover}.about>div:last-child{padding:90px 8vw 50px 6vw}.about h3{font:40px Georgia,serif;color:#f1d5f8}.about p{line-height:1.8;color:#dfcfe4}.about blockquote{font:25px Georgia,serif;color:#e9c9a1;margin:35px 0}footer{position:relative;z-index:1;background:#15081d;text-align:center;color:#d8c2df;padding:45px}footer img{width:160px}footer p{font:italic 20px Georgia,serif;color:#e9d3ef}@media(max-width:800px){header{height:68px;padding:5px 16px}.logo{width:115px}nav{display:none}.lang{margin-left:auto}.hero{grid-template-columns:1fr;min-height:860px}.hero-copy{padding:55px 24px 20px;text-align:center}.hero h1{font-size:32px}.hero h1 strong{font-size:39px}.hero h1 small{font-size:23px}.hero h2{font-size:17px}.hero-copy>p{font-size:16px}.cred{justify-content:center;margin-top:30px}.hero-photo{min-height:430px}.hero-photo img{object-position:center 20%}.topics{grid-template-columns:repeat(2,1fr)}.topics button:last-child{grid-column:1/3}.deck-grid{grid-template-columns:1fr}.real{height:420px}.about{grid-template-columns:1fr}.about-photo{height:420px}.about>div:last-child{padding:50px 28px}.section-title h3{font-size:31px}}

/* V5 polish: subtle magical depth, bilingual link, contact section, music dock */
.lang{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;font-size:12px;letter-spacing:.7px;transition:background .2s,border-color .2s,transform .2s}.lang:hover{background:#ffffff12;border-color:#f1d4ff;transform:translateY(-1px)}
body:before,body:after{content:"";position:fixed;pointer-events:none;z-index:0;inset:0;opacity:.22;filter:blur(.2px)}
body:before{background:radial-gradient(circle at -4% 30%,transparent 0 68px,rgba(120,69,156,.08) 69px 70px,transparent 71px 104px,rgba(120,69,156,.055) 105px 106px,transparent 107px 150px),linear-gradient(28deg,transparent 0 16%,rgba(163,114,198,.025) 16.2% 16.5%,transparent 16.7% 100%)}
body:after{background:radial-gradient(circle at 104% 78%,transparent 0 58px,rgba(151,103,189,.08) 59px 60px,transparent 61px 94px,rgba(151,103,189,.05) 95px 96px,transparent 97px 142px),linear-gradient(-25deg,transparent 0 78%,rgba(151,103,189,.025) 78.2% 78.5%,transparent 78.7% 100%)}
.stars:before,.stars:after{content:"✦";position:absolute;color:#c59ee0;opacity:.32;text-shadow:180px 120px 0 #b689d3,360px 40px 0 #e7c9ee,520px 210px 0 #b98cd5,760px 90px 0 #d9b4e6,980px 260px 0 #c199d9,1220px 80px 0 #e6ccef;font-size:10px;animation:magic-drift 18s ease-in-out infinite alternate}.stars:before{left:5vw;top:110px}.stars:after{right:15vw;bottom:170px;transform:rotate(180deg);animation-duration:24s}@keyframes magic-drift{from{transform:translate3d(0,0,0) rotate(0)}to{transform:translate3d(0,-18px,0) rotate(7deg)}}
.question:before,.decks:before,.contact-section:before{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(126,78,155,.08);border-radius:50%;pointer-events:none;box-shadow:0 0 0 30px rgba(126,78,155,.025),0 0 0 62px rgba(126,78,155,.018);transform:rotate(18deg)}.question:before{left:-110px;top:70px}.decks:before{right:-100px;bottom:55px}.contact-section:before{left:calc(50% - 120px);top:-160px;opacity:.7}
.contact-section{position:relative;z-index:1;padding:72px 6vw 78px;background:linear-gradient(180deg,#fff9fc,#f3e9f8 58%,#ede0f4);overflow:hidden}.contact-grid{max-width:1080px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.contact-card{position:relative;display:flex;min-height:150px;flex-direction:column;justify-content:center;align-items:center;text-align:center;text-decoration:none;padding:22px 18px;border:1px solid #dcc6e5;border-radius:22px;background:rgba(255,252,255,.86);color:#4f255f;box-shadow:0 12px 28px #5a2b6c12;transition:transform .2s,box-shadow .2s,border-color .2s}.contact-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px #5a2b6c20;border-color:#b88bc9}.contact-card span{font-size:10px;letter-spacing:2px;color:#9b72aa}.contact-card strong{font:23px/1.5 Georgia,serif;color:#512063;margin:7px 0}.contact-card small{font-size:12px;color:#816b89}.contact-card-wide{grid-column:1/-1;min-height:118px}
.music-dock{position:fixed;right:18px;bottom:18px;z-index:900;display:grid;grid-template-columns:auto minmax(120px,1fr) auto auto;align-items:center;gap:10px;max-width:min(92vw,510px);padding:10px 12px;border:1px solid #b995c8;border-radius:18px;background:rgba(37,16,47,.94);color:#f8ebfb;box-shadow:0 12px 34px #1d092a55;backdrop-filter:blur(12px)}.music-dock button{min-height:38px;border:1px solid #d9bde5;border-radius:20px;padding:8px 13px;background:linear-gradient(135deg,#f0d6f8,#b980d0);color:#3f1750;font-weight:700}.music-meta{min-width:0}.music-meta strong,.music-meta small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-meta strong{font:14px Georgia,serif;color:#f4d8a8}.music-meta small{font-size:10px;color:#d9c3e0;margin-top:3px}.music-volume-label{font-size:10px;color:#d7c2df}.music-dock input[type=range]{width:78px;accent-color:#c391d7}.reader-toast{bottom:88px}
@media(max-width:800px){.contact-grid{grid-template-columns:repeat(2,1fr)}.contact-card-wide{grid-column:1/-1}.contact-section{padding:56px 18px 70px}.music-dock{left:10px;right:10px;bottom:10px;grid-template-columns:auto 1fr auto;padding:9px 10px}.music-volume-label,.music-dock input[type=range]{display:none}.music-meta strong{font-size:13px}.music-meta small{font-size:9px}.reader-toast{bottom:82px}.contact-card{min-height:135px;padding:18px 12px}.contact-card strong{font-size:20px}}
@media(max-width:420px){.contact-grid{grid-template-columns:1fr}.contact-card-wide{grid-column:auto}.contact-card{min-height:120px}.music-dock{grid-template-columns:auto 1fr}.music-dock button{font-size:11px;padding:7px 11px}.music-meta small{display:none}}
@media(prefers-reduced-motion:reduce){.stars:before,.stars:after{animation:none!important}.contact-card,.lang{transition:none!important}}
.question,.decks{overflow:hidden}

/* =========================================================
   QUEENTAROT READING V6 — Pastel clean magical theme
   User-supplied photos/deck showcase images are shown as-is:
   no color filters, no redraws, no image replacement by AI.
   ========================================================= */
:root{
  --v6-ink:#4d3564;
  --v6-ink-soft:#725a83;
  --v6-purple:#9b72c9;
  --v6-purple-deep:#6f4b95;
  --v6-lilac:#eadffc;
  --v6-pink:#faedf5;
  --v6-cream:#fffaf5;
  --v6-gold:#c9a15d;
  --v6-line:rgba(181,145,204,.38);
  --v6-card:rgba(255,255,255,.79);
  --v6-shadow:0 18px 46px rgba(101,66,126,.12);
}
html{background:#fbf7ff}
body{
  color:var(--v6-ink);
  background:
    radial-gradient(circle at 8% 9%,rgba(226,205,247,.72),transparent 24%),
    radial-gradient(circle at 92% 18%,rgba(248,219,238,.68),transparent 24%),
    linear-gradient(180deg,#fffdfd 0,#faf5ff 46%,#fffaf7 100%);
}
body:before,body:after{
  content:"";position:fixed;pointer-events:none;z-index:0;inset:0;opacity:.34;filter:none;
}
body:before{
  background:
    radial-gradient(circle at 7% 27%,transparent 0 82px,rgba(167,126,192,.11) 83px 84px,transparent 85px 125px,rgba(167,126,192,.055) 126px 127px,transparent 128px),
    radial-gradient(circle at 95% 68%,transparent 0 68px,rgba(201,161,93,.10) 69px 70px,transparent 71px 110px,rgba(201,161,93,.05) 111px 112px,transparent 113px),
    linear-gradient(135deg,transparent 0 22%,rgba(168,126,194,.028) 22.2% 22.5%,transparent 22.7% 100%);
}
body:after{
  background:
    radial-gradient(circle at 14% 48%,rgba(255,255,255,.95) 0 1px,transparent 1.7px),
    radial-gradient(circle at 71% 22%,rgba(167,126,194,.34) 0 1px,transparent 1.6px),
    radial-gradient(circle at 87% 83%,rgba(201,161,93,.30) 0 1px,transparent 1.6px);
  background-size:74px 74px,103px 103px,131px 131px;
}
.stars{opacity:.42;background-image:radial-gradient(rgba(155,114,201,.42) 1px,transparent 1.4px),radial-gradient(rgba(201,161,93,.38) 1px,transparent 1.5px);background-size:72px 72px,118px 118px;z-index:0}
.stars:before,.stars:after{color:#b48bd1;opacity:.42;text-shadow:180px 120px 0 #d6b1e8,360px 40px 0 #e9c999,520px 210px 0 #cda9e0,760px 90px 0 #dcc5eb,980px 260px 0 #d1b6e1,1220px 80px 0 #e7c994}

header{
  height:76px;padding:9px 5vw;gap:28px;
  background:rgba(255,250,255,.88);color:var(--v6-ink);
  border-bottom:1px solid rgba(199,159,104,.34);
  box-shadow:0 7px 30px rgba(90,54,115,.07);
  backdrop-filter:blur(14px);
}
.logo{width:140px;height:58px}
nav{gap:28px}
nav a{color:#5a416e;font-weight:600;font-size:14px;position:relative}
nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:-9px;height:1px;background:var(--v6-gold);transition:left .2s,right .2s}
nav a:hover:after{left:10%;right:10%}
.lang{border:1px solid rgba(155,114,201,.35);background:rgba(255,255,255,.7);color:#684a82;box-shadow:0 5px 18px rgba(106,74,132,.08)}
.lang:hover{background:#fff;border-color:#b993d0}

.hero{
  min-height:650px;grid-template-columns:1fr 1.08fr;
  color:var(--v6-ink);isolation:isolate;
  background:
    radial-gradient(circle at 8% 18%,rgba(218,196,243,.78),transparent 26%),
    radial-gradient(circle at 58% 28%,rgba(255,255,255,.95),rgba(255,255,255,.58) 38%,transparent 70%),
    linear-gradient(125deg,#f7edff 0,#fffafa 52%,#f9edf6 100%);
  border-bottom:1px solid rgba(201,161,93,.25);
}
.hero:before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(circle at 13% 42%,transparent 0 88px,rgba(151,108,181,.12) 89px 90px,transparent 91px 132px,rgba(151,108,181,.07) 133px 134px,transparent 135px),
    radial-gradient(circle at 7% 74%,rgba(170,126,197,.08) 0 34px,transparent 35px),
    linear-gradient(120deg,transparent 0 28%,rgba(201,161,93,.035) 28.2% 28.5%,transparent 28.7% 100%);
}
.hero:after{
  content:"☾";position:absolute;left:5.4vw;top:58px;z-index:1;
  color:rgba(178,137,203,.32);font:110px/1 Georgia,serif;transform:rotate(-8deg);
  text-shadow:0 0 28px rgba(205,176,225,.28);pointer-events:none;
}
.hero-copy{padding:80px 5vw 54px 7.5vw;position:relative;z-index:2}
.eyebrow{color:#8f6ea2;letter-spacing:2px;font-weight:600}
.hero h1{font-family:Georgia,"Noto Serif Thai",serif;font-size:42px;line-height:1.2;margin:18px 0;color:#513568;text-shadow:none}
.hero h1 strong{font-size:52px;color:#674889}
.hero h1 small{font-size:29px;color:#705681}
.hero h2{font:23px Georgia,serif;letter-spacing:4px;color:#73558d}
.hero-copy>p{font-size:19px;line-height:1.85;color:#665372;max-width:500px}
.cta{margin-top:14px;background:linear-gradient(135deg,#d8b7f3,#aa80d5);color:#fff;border:1px solid rgba(255,255,255,.85);box-shadow:0 10px 28px rgba(140,93,177,.24),inset 0 1px 0 #fff7;font-size:18px;padding:15px 42px}
.cta:hover{transform:translateY(-2px);box-shadow:0 13px 32px rgba(140,93,177,.30)}
.cred{gap:18px;margin-top:45px;border-top:1px solid rgba(176,138,197,.23);padding-top:22px}
.cred span{max-width:155px;color:#806b8b}
.cred b{color:#5d436f}
.hero-photo{margin:28px 3.5vw 28px 0;border-radius:30px;min-height:590px;align-self:stretch;border:1px solid rgba(201,161,93,.32);box-shadow:0 22px 55px rgba(91,57,109,.16);background:#f8f1fa;overflow:hidden}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center;filter:none!important}
.hero-photo:after{background:linear-gradient(90deg,rgba(246,237,252,.45) 0,transparent 16%,transparent 82%,rgba(255,242,248,.25) 100%),linear-gradient(0deg,rgba(62,38,76,.20) 0,transparent 25%)}
.photo-tag{margin-bottom:24px;color:#fff5d8;text-shadow:0 1px 8px rgba(48,28,62,.55)}
.photo-tag small{color:#fff}

.question,.decks{padding:64px 6vw;position:relative;z-index:1}
.question{background:rgba(255,252,255,.78)}
.decks{background:linear-gradient(180deg,rgba(247,239,252,.86),rgba(255,252,252,.88))}
.question:before,.decks:before,.contact-section:before{border-color:rgba(161,120,187,.09);box-shadow:0 0 0 30px rgba(161,120,187,.025),0 0 0 62px rgba(201,161,93,.014)}
.section-title span{color:#9b79ad}
.section-title h3{color:#56376e;font-size:36px}
.section-title p{color:#816f8b}
.section-title:before,.section-title:after{content:"✦";position:absolute;top:-6px;color:rgba(195,154,216,.58);font-size:11px}
.section-title:before{left:calc(50% - 160px)}.section-title:after{right:calc(50% - 160px)}

.topics{gap:14px}
.topics button{min-height:145px;border:1px solid rgba(180,145,201,.36);background:rgba(255,255,255,.78);border-radius:24px;color:#9e78bb;box-shadow:0 12px 28px rgba(88,55,108,.07);backdrop-filter:blur(8px)}
.topics button:hover,.topics button[aria-pressed=true]{border-color:#ae86c7;background:#fff;box-shadow:0 16px 34px rgba(103,68,127,.12);transform:translateY(-3px)}
.topics b{color:#5b3e70}.topics small{color:#83738c}

.deck-grid{max-width:1160px;gap:22px}
.deck{background:rgba(255,255,255,.78);border:1px solid rgba(201,161,93,.38);box-shadow:var(--v6-shadow);color:var(--v6-ink);border-radius:26px;backdrop-filter:blur(10px)}
.deck.active{border:1px solid rgba(168,126,195,.50);box-shadow:0 20px 50px rgba(103,68,126,.15)}
.real{height:360px;background:linear-gradient(180deg,#fff,#faf4fc);padding:12px;border-bottom:1px solid rgba(183,145,204,.20)}
.real img{width:100%;height:100%;object-fit:contain;object-position:center;filter:none!important;border-radius:17px}
.deck-text{padding:22px 23px 26px;text-align:center}
.deck-text em{color:#a681b5;font-style:normal;letter-spacing:1.5px}
.deck-text h4{color:#5a3a73;font-size:26px;margin:8px 0 4px}
.deck-text p{color:#806d89;margin-bottom:17px}
.deck-text button{background:linear-gradient(135deg,#e2c8f5,#c29adf);color:#5b3c71;box-shadow:0 7px 18px rgba(121,83,151,.13)}
.deck-text button:disabled{background:#eee6f0;color:#ad9caf;box-shadow:none}

.about{min-height:500px;background:linear-gradient(115deg,#fffdfb,#f8effc 56%,#fceff7);color:var(--v6-ink);border-top:1px solid rgba(201,161,93,.24);border-bottom:1px solid rgba(201,161,93,.22)}
.about-photo{padding:28px 0 28px 5vw;display:flex;align-items:center}
.about-photo img{width:100%;height:auto;max-height:450px;object-fit:contain;filter:none!important;border-radius:26px;border:1px solid rgba(201,161,93,.34);box-shadow:0 18px 45px rgba(92,58,112,.12);background:#fff}
.about>div:last-child{padding:78px 8vw 50px 6vw}
.about h3{color:#5c3b72;font-size:38px}
.about p{color:#75637f}
.about blockquote{color:#a47b56}

.contact-section{padding:70px 6vw 76px;background:linear-gradient(180deg,#fffafc,#f6edfb 60%,#fffaf7)}
.contact-grid{max-width:1100px;gap:15px}
.contact-card{border:1px solid rgba(190,154,208,.36);background:rgba(255,255,255,.74);color:#5b3d70;box-shadow:0 12px 32px rgba(89,57,107,.07);backdrop-filter:blur(9px)}
.contact-card:hover{border-color:#b68dcd;box-shadow:0 17px 38px rgba(95,61,115,.12)}
.contact-card:before{border-color:rgba(201,161,93,.13)}
.contact-card span{color:#a37db5}.contact-card strong{color:#5b3c70}.contact-card small{color:#83728b}

footer{background:linear-gradient(180deg,#f2e7fa,#e9daf4);color:#765f82;border-top:1px solid rgba(201,161,93,.25)}
footer p{color:#7a5b8f}

.music-dock{border:1px solid rgba(183,145,201,.55);background:rgba(255,250,255,.92);color:#5b3c70;box-shadow:0 14px 38px rgba(77,45,96,.18)}
.music-dock button{border:1px solid rgba(194,158,212,.66);background:linear-gradient(135deg,#e5cff6,#c9a4e2);color:#5b3c70}
.music-meta strong{color:#6c4b82}.music-meta small,.music-volume-label{color:#887391}
.music-dock input[type=range]{accent-color:#a575c6}

/* Reading experience in the same soft V6 palette */
.reading-studio{background:radial-gradient(ellipse at 10% 10%,#eadcf9 0,transparent 40%),radial-gradient(ellipse at 95% 75%,#f4dfe9 0,transparent 38%),#fcf9fe}
.reader-setup,.reading-result{background:rgba(255,255,255,.84);border-color:rgba(192,158,210,.40);box-shadow:0 15px 40px rgba(91,57,111,.08)}
.reader-primary{background:linear-gradient(135deg,#bd8fdc,#8f65b5);border-color:#caa8df;box-shadow:0 7px 22px rgba(112,72,143,.20)}
.reader-secondary{background:#fffafd;border-color:#dbc5e7;color:#6d4e80}
.topic-pill{background:#fbf6fe;border-color:#ddc9e7}.topic-pill[aria-pressed=true]{background:#9a70bb;border-color:#9a70bb}
.spread-panel{background:radial-gradient(ellipse at 50% 70%,#a783bf 0,#80629b 47%,#614879 100%);border-color:#c7a8d8;box-shadow:0 16px 42px rgba(78,48,96,.18)}
.shuffle-scene{background:radial-gradient(ellipse,#b494c8,#7d5f96);border-color:#ceb2de}

@media(max-width:800px){
  header{height:68px;background:rgba(255,250,255,.94)}
  .hero{grid-template-columns:1fr;min-height:0}
  .hero:after{left:16px;top:42px;font-size:76px;opacity:.5}
  .hero-copy{padding:58px 22px 26px;text-align:center}
  .hero h1{font-size:32px}.hero h1 strong{font-size:39px}.hero h1 small{font-size:23px}.hero h2{font-size:17px}
  .hero-copy>p{font-size:16px;margin-left:auto;margin-right:auto}.cred{justify-content:center;margin-top:28px}
  .hero-photo{margin:0 18px 26px;min-height:0;aspect-ratio:1.34/1;border-radius:24px}
  .hero-photo img{object-fit:cover;object-position:center 40%}
  .real{height:390px}
  .about{grid-template-columns:1fr}.about-photo{height:auto;padding:24px 18px 0}.about-photo img{max-height:none}.about>div:last-child{padding:42px 26px 48px;text-align:center}
  .section-title h3{font-size:30px}
}
@media(max-width:480px){
  .hero-photo{aspect-ratio:1/1}.real{height:340px}
  .cred{gap:10px}.cred span{max-width:105px}
}