/* DidiShalom: colors sampled from the client's supplied blue-and-pink logo. */
:root{
  --paper:#ffffff;
  --ink:#0d518e;
  --blue:#176ea9;
  --muted:#506e89;
  --rose:#a24378;
  --pink:#f3aecf;
  --line:#d6e6f4;
  --brand-deep:#093c70;
  --brand-soft:#eef7ff;
  --brand-sky:#dceeff;
  --brand-pink-soft:#fdf0f7;
}
body{background:var(--paper);color:var(--ink)}
::selection{background:var(--pink);color:var(--brand-deep)}
:focus-visible{outline-color:var(--blue)}
.site-header{background:rgba(255,255,255,.97);border-bottom-color:var(--line)}
.brand{--brand-width:156px;width:var(--brand-width)}
.brand-crop{width:var(--brand-width);height:calc(var(--brand-width)*.26);mix-blend-mode:normal}
.brand-crop img{width:calc(var(--brand-width)*1.67);height:auto;left:calc(var(--brand-width)*-.333);top:calc(var(--brand-width)*-1.384)}
.brand-caption{color:var(--rose)}
.desktop-nav a.active:after{background:var(--pink)}
.button:hover{background:var(--brand-deep)}
.button-outline{color:var(--ink);border-color:#95bcdf;background:#fff}
.button-outline:hover{background:var(--brand-soft)}
.text-link:hover{color:var(--rose)}
.hero h1 em,.page-heading h1 em{color:var(--blue)}
.illustration-frame{background:var(--brand-pink-soft)}
.illustration-frame img{width:186%;height:auto;left:-85%;top:-1%;clip-path:none;mix-blend-mode:normal}
.hero-orbit{border-color:#bfdcf3}
.float-note{background:rgba(255,255,255,.97);box-shadow:0 7px 30px #0d518e16;border:1px solid #e1edf7}
.float-note .icon,.hero-spark{color:var(--rose);fill:none}
.hero-spark{fill:var(--pink)}
.hero-art-caption{color:var(--muted)}
.quiet-strip{color:var(--ink);background:var(--brand-soft);border-color:var(--line)}
.audio-card{background:var(--brand-sky)}
.garden-card{background:#f3f8fe}
.experience-card{border:1px solid #d6e6f4}
.experience-card:hover{box-shadow:0 10px 30px #0d518e12}
.card-copy p{color:var(--muted)}
.sound-circle{border-color:#a9cce9}
.sound-disc{background:radial-gradient(circle at 33% 25%,#ffffff,#f3aecf 70%,#c778a3);box-shadow:10px 13px 28px #0d518e15}
.sound-stem{background:#6f9cc5}
.sound-stem:after{background:#abcdea}
.star,.headphone-hint{color:var(--muted)}
.about-section{background:var(--brand-soft)}
.about-art{background:var(--ink);color:#ffffff}
.about-quote em{display:block;margin-top:1rem;font-size:.72em;line-height:1.3;letter-spacing:-.02em;color:#ffffff}
.signature{color:var(--pink)}
.about-leaf{color:#83b7e3;opacity:.6}
.about-copy h2 em,.services-heading h2 em{color:var(--blue)}
.coming-note{border-top-color:#c6def1;color:var(--muted)}
.booking-section{background:var(--ink);color:#fff;border:1px solid #0d518e}
.booking-section h2{color:#fff}
.booking-section h2 em{color:var(--pink)}
.booking-section p{color:#e1f0ff}
.booking-leaf{color:var(--pink)}
.booking-section .button{background:#fff;color:var(--ink);border-color:#fff}
.booking-section .button:hover{background:var(--brand-pink-soft)}
.site-footer{background:#fff;border-color:var(--line);justify-content:center}
.site-footer .site-credit{align-items:center;text-align:center}
.site-footer .site-cta{background:var(--brand-soft);border-color:#bad5ec;color:var(--ink)}
.site-footer .site-cta:hover{background:var(--brand-sky);border-color:#7facd4}
.mobile-nav{background:rgba(255,255,255,.98);border-top-color:var(--line)}
.mobile-nav a{color:var(--muted)}
.mobile-nav .active,.mobile-nav .nav-book{color:var(--ink)}
.mobile-nav .active:before{background:var(--pink)}

/* Playlist, live mixer and breathing. */
.player-panel,.mixer-player{background:var(--ink);color:#fff}
.player-top,.now-playing-label,.player-panel>p,.time-labels,.volume-control>span{color:#deedfc}
.player-panel h2{color:#fff}
.live-dot,.mini-bars i{background:var(--pink)}
.album-disc{background:radial-gradient(circle at 34% 27%,#ffffff,#9ec8ea);color:var(--ink);box-shadow:0 0 45px #cae6ff26}
.album-art[data-track="1"] .album-disc{background:radial-gradient(circle at 34% 27%,#ffffff,#75abd7);color:#0d518e}
.album-art[data-track="2"] .album-disc{background:radial-gradient(circle at 34% 27%,#ffffff,#bfdcf3);color:#3978b0}
.album-art[data-track="3"] .album-disc{background:radial-gradient(circle at 34% 27%,#ffffff,#dceeff);color:#0d518e}
.album-art[data-track="4"] .album-disc{background:radial-gradient(circle at 34% 27%,#ffffff,#f3aecf);color:#a24378}
.album-art[data-track="5"] .album-disc{background:radial-gradient(circle at 34% 27%,#eaf4ff,#83b1de);color:#0a467e}
.album-spark{color:var(--pink)}
.play-button,.mixer-play-icon{background:var(--pink);color:var(--brand-deep)}
.play-button:hover{background:#f8c9e1}
.progress-block input,.volume-control input{accent-color:var(--pink)}
input[type=range]::-webkit-slider-runnable-track{background:#81afd4}
input[type=range]::-moz-range-track{background:#81afd4}
input[type=range]::-webkit-slider-thumb{background:#fbd5e9}
input[type=range]::-moz-range-thumb{background:#fbd5e9}
.track:hover{background:#f3f9ff}
.track.active{background:#e6f2fd}
.track-art-garden,.track-art-forest{background:#e4f2fd;color:#3978b0}
.track-art-rain,.track-art-night{background:#d7eafb;color:#0d518e}
.track-art-sea{background:#eef7ff;color:#4484ba}
.track-art-bowls,.track-art-custom{background:#fce5f1;color:#a24378}
.listen-section .track-copy>span,.track-duration,.audio-credit{color:var(--muted)}
.track-play{color:#507faa}
.track.active .track-play{color:var(--rose)}
.playlist-note{background:var(--brand-soft);border:1px solid var(--line)}
.playlist-note>.icon{color:var(--rose)}
.audio-error{background:var(--brand-pink-soft);color:#793258!important;border:1px solid #e7bed4}
.mini-player{background:var(--ink);box-shadow:0 3px 14px #0d518e26}
.audio-jumps a{background:#fff;border-color:#bad5ec;color:var(--ink)}
.audio-jumps a:hover{background:var(--brand-soft);border-color:#80afd5}
.mix-entry{background:#f5faff;border-bottom-color:var(--line)}
.mix-entry:hover{background:#e8f3fd}
.mix-edit{color:var(--rose)}
.mixer-card,.breathing-card{background:#fff;border-color:var(--line);box-shadow:0 8px 24px #0d518e08}
.tool-heading p{color:var(--muted)}
.mixer-time{color:#deedfc}
.mixer-player progress{background:#6d9cc5;accent-color:var(--pink)}
.mixer-player progress::-webkit-progress-bar{background:#6d9cc5}
.mixer-player progress::-webkit-progress-value{background:var(--pink)}
.mixer-player progress::-moz-progress-bar{background:var(--pink)}
.mixer-sliders legend{color:var(--ink)}
.mixer-row{background:var(--brand-soft);border-color:#e0edf8}
.mixer-row label{color:var(--ink)}
.mixer-row label .icon,.mixer-row:nth-of-type(2) .icon{color:var(--blue)}
.mixer-row:nth-of-type(3) .icon{color:var(--rose)}
.mixer-row output,.mixer-foot p{color:var(--muted)}
.mixer-row input{accent-color:var(--ink)}
.mixer-row input::-webkit-slider-runnable-track{background:#b4d3ed}
.mixer-row input::-moz-range-track{background:#b4d3ed}
.mixer-row input::-webkit-slider-thumb{background:var(--ink);box-shadow:0 0 0 3px #eef7ff}
.mixer-row input::-moz-range-thumb{background:var(--ink);box-shadow:0 0 0 3px #eef7ff}
.relax-tools .quiet-button{color:var(--ink)}
.relax-tools .quiet-button:hover{background:var(--brand-soft)}
.breath-steps li,.breath-cycle,.breath-note{color:var(--muted)}
.breath-steps li+li{border-left-color:var(--line)}
.breath-steps strong,#breath-phase{color:var(--ink)}
.breath-ring{background:conic-gradient(from -40deg,#ffffff,#0d518e,#8fc2ed,#f3aecf,#ffffff);box-shadow:0 10px 20px #0d518e18,0 0 0 7px #fff}
.breath-ring:after{background:#fff}
#breath-count{color:var(--rose)}
.breath-actions .button{background:var(--ink);border-color:var(--ink)}
.breath-actions .button:hover{background:var(--brand-deep)}
.relax-tools{grid-template-columns:minmax(0,1fr);max-width:620px}
.home-breathing{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:40px;align-items:center;margin-top:32px;padding:34px 38px;background:var(--brand-soft);scroll-margin-top:12px}
.home-breathing .tool-heading{text-align:left}
.home-breathing .tool-heading h2{font-size:clamp(2rem,3.5vw,2.75rem)}
.home-breathing .tool-heading .eyebrow{color:var(--rose)}
.home-breathing .tool-heading p,.home-breathing .breath-note{color:var(--muted)}
.home-breathing .breath-steps{margin:26px 0 18px}
.home-breathing .breath-actions{max-width:350px;margin:auto}
.home-breathing .breath-actions .button{font-size:1rem}
.home-breathing .quiet-button{font-size:.875rem;color:var(--ink);padding:9px 12px;min-height:44px}
.home-breathing .quiet-button:hover{background:var(--brand-sky)}
.breath-voice-control{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:20px}
#breath-voice-toggle{border:1px solid #a8cae6;border-radius:24px;background:#fff;gap:9px}
#breath-voice-toggle[aria-pressed="false"]{background:transparent}
#breath-voice-toggle:disabled{opacity:.65;cursor:default}
#breath-voice-hint{font-size:.875rem;line-height:1.6;color:var(--muted);margin:0;max-width:350px}
.home-breathing .breath-note{max-width:410px;margin:18px auto 0}
@media(max-width:760px){
  .relax-tools{max-width:450px}
  .home-breathing{grid-template-columns:minmax(0,1fr);gap:4px;margin-top:26px;padding:26px 22px}
  .home-breathing .tool-heading{text-align:center}
  .home-breathing .tool-heading p{margin-bottom:18px}
  .home-breathing .breath-steps{margin-top:20px}
  .home-breathing .breath-visual{height:240px}
}

/* The same brand colors extend through every game. Symbols remain distinct. */
.game-tab{background:#fff;border-color:#ccdfef;color:var(--ink)}
.game-tab>.icon,.game-tab small{color:var(--muted)}
.game-tab:hover{background:var(--brand-soft);border-color:#82b0d5}
.game-tab[aria-selected="true"]{background:var(--ink);border-color:var(--ink);box-shadow:0 3px 8px #0d518e19}
.game-tab[aria-selected="true"]>.icon{color:var(--pink)}
.game-tab[aria-selected="true"] small{color:#e0efff}
.game-stage{background:#fff;border-color:var(--line)}
.challenge-heading p,.challenge-stats,.challenge-detail{color:var(--muted)}
.challenge-tag{border-color:#e9b8d3;color:var(--rose);background:var(--brand-pink-soft)}
.challenge-stats{border-bottom-color:var(--line)}
.challenge-stats strong,.game-hub .quiet-button{color:var(--ink)}
.challenge-status,.games-audio-link .text-link{color:var(--muted)}
.challenge-win{background:var(--brand-soft);border-color:#c4dff4}
.challenge-win>.icon,.challenge-win p{color:var(--ink)}
.memory-card{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 3px 0 #083b6b}
.memory-card:hover:not(:disabled){background:#216da9}
.memory-card.revealed{background:#fbd9ea;border-color:#f3aecf;color:#86325f;box-shadow:0 3px 0 #d890b4}
.memory-card.revealed:hover{background:#fce5f1}
.memory-card.matched{background:#e1f0ff;border-color:#90bce2;color:var(--ink);box-shadow:none}
.sequence-pad{color:#0b3f70;border-color:#5b84ad}
.sequence-pad span{background:#ffffff70}
.pad-0{background:#f3aecf}.pad-1{background:#8fbee6}.pad-2{background:#dceeff}.pad-3{background:#fff;border-color:#5b84ad}
.sequence-pad.lit{box-shadow:0 0 0 4px #fff,0 0 0 7px #0d518e;border-color:#0d518e}
.puzzle-target{color:var(--muted)}
.puzzle-target>span+span{background:var(--brand-soft);border-color:var(--line);color:var(--ink)}
.puzzle-board{background:var(--ink)}
.puzzle-tile{background:#fff;color:var(--ink)}
.puzzle-tile.in-place{background:#dceeff}
.puzzle-tile.can-move{background:#f3aecf;border-color:#fff;box-shadow:0 3px 0 #073b6b77}
.puzzle-tile.can-move:hover{background:#f8c9e1}
.puzzle-tile.empty{background:#08396888;border-color:#b1d3f088}
.maze-key{color:var(--muted)}
.maze-key b{color:var(--rose)}
.maze-you{background:var(--ink);box-shadow:0 0 0 1px #0d518e}
.maze-exit{border-color:var(--rose)}
.maze-board{background:#f4faff;border-color:var(--ink)}
.maze-cell{background:#f4faff;color:var(--rose)}
.maze-cell.wall{background:var(--ink)}
.maze-cell.player:after{background:var(--blue);box-shadow:0 2px 3px #0d518e30}
.maze-cell.exit:before{border-color:var(--rose)}
.maze-controls button{background:var(--brand-soft);border-color:#adcfee;color:var(--ink)}
.maze-controls button:hover:not(:disabled){background:#dceeff}
.maze-controls button:active:not(:disabled){background:#bddcf5}
.bubble-target,#bubble-target-name{color:var(--ink)}
#bubble-target-symbol{background:var(--brand-pink-soft);border-color:#ecc2d9;color:var(--rose)}
.bubble-button{box-shadow:inset 4px 7px 12px #ffffff80,0 4px 9px #0d518e18}
.bubble-button[data-kind="0"]{background:#f3aecf;color:#7b2e58}
.bubble-button[data-kind="1"]{background:#91c1e8;color:#0b487b}
.bubble-button[data-kind="2"]{background:#dceeff;color:#0d518e}
.bubble-button[data-kind="3"]{background:#fff;color:#0d518e;border-color:#5b84ad}
.garden{background:linear-gradient(#eaf6ff,#fff);border-color:#c7e1f6}
.garden-sun{background:#f7c6df;box-shadow:0 0 0 22px #f3aecf18,0 0 0 48px #f3aecf18}
.garden-cloud{background:#fff}
.garden-count,.garden-count strong,.quiet-button,.garden-message>span,.garden-message small,.garden-signature,.game-bottom p{color:var(--muted)}
.quiet-button:hover{background:var(--brand-soft)}
.quiet-button[aria-pressed=true]{background:#dceeff;color:var(--ink)}
.seed-glow{background:#fff;box-shadow:0 0 0 6px #ffffff60,0 0 22px #f3aecfaa}
.seed-glow:after{background:var(--rose)}
.seed svg{filter:drop-shadow(2px 4px 2px #0d518e11)}
.game-complete>.icon{color:var(--ink)}
.noscript-notice{background:var(--brand-soft);color:var(--ink)}
@keyframes glow{50%{box-shadow:0 0 0 9px #ffffff50,0 0 26px #f3aecfaa;transform:scale(.9)}}
@media(max-width:1050px){.brand{--brand-width:146px}}
@media(max-width:760px){.brand{--brand-width:144px}.garden-sun{box-shadow:0 0 0 16px #f3aecf18,0 0 0 33px #f3aecf18}}
@media(max-width:370px){.brand{--brand-width:138px}}

/* Detailed service guide and Didi's story. */
.about-copy p,.services-copy p{font-size:1rem}
.about-copy .button,.services-copy .button{font-size:.9375rem}
.detail-page{padding:28px 0 48px;font-size:1rem}
.detail-page .eyebrow{display:block;font-size:.75rem;letter-spacing:.15em;margin-bottom:16px}
.detail-back{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;text-decoration:underline;text-underline-offset:5px;color:var(--muted)}
.detail-back:hover{color:var(--ink)}
.detail-heading{padding:32px 0 36px;max-width:780px}
.detail-heading h1{font-size:clamp(2.6rem,5.2vw,4.2rem);line-height:1.12;margin-bottom:22px}
.detail-heading p{max-width:650px;font-size:1.0625rem;line-height:1.8;margin-bottom:0}
.detail-jumps{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.detail-jumps a{display:flex;align-items:center;min-height:46px;padding:9px 17px;background:var(--brand-soft);border:1px solid var(--line);border-radius:24px;font-size:.875rem;line-height:1.4}
.detail-jumps a:hover{background:var(--brand-sky)}
.detail-section{padding:52px 0;border-bottom:1px solid var(--line);scroll-margin-top:12px}
.detail-section-heading{max-width:720px;margin-bottom:28px}
.detail-section-heading h2{font-size:clamp(2rem,3.5vw,2.75rem);margin-bottom:20px;line-height:1.16}
.detail-section-heading p{margin:0;line-height:1.8}
.massage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.massage-card{display:flex;flex-direction:column;align-items:flex-start;padding:28px 25px;border:1px solid var(--line);border-radius:14px;background:var(--paper);min-width:0}
.service-number{font-family:var(--serif);font-size:1.25rem;color:var(--rose);margin-bottom:20px}
.massage-card h3{font-size:1.8rem;line-height:1.2;margin-bottom:18px}
.massage-card p{font-size:1rem;line-height:1.75;margin-bottom:22px}
.service-focus{font-size:.875rem;line-height:1.5;padding-top:17px;border-top:1px solid var(--line);margin-top:auto;width:100%;color:var(--ink)}
.massage-help{background:var(--brand-soft)}
.massage-help>.icon{width:30px;height:30px;margin-bottom:24px}
.detail-page .button{font-size:.9375rem;min-height:48px;max-width:100%}
.massage-help .button{margin-top:auto}
.complementary-panel{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;padding:32px;margin-top:24px;border-radius:14px;background:var(--brand-soft)}
.complementary-panel h3{font-size:1.85rem;line-height:1.2;margin-bottom:0}
.complementary-panel p:last-child{margin:0}
.technique-list{display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0;margin:20px 0}
.technique-list li{padding:6px 12px;border:1px solid #c5dbed;border-radius:6px;background:white;font-size:.875rem}
.benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px;list-style:none;margin:0;padding:0}
.benefit-grid li{position:relative;padding:20px 4px 20px 26px;border-bottom:1px solid var(--line);line-height:1.6}
.benefit-grid li:before{content:'';position:absolute;left:2px;top:30px;width:8px;height:8px;background:var(--pink);border-radius:50%}
.detail-note{font-size:.875rem;line-height:1.75;margin:24px 0 0;max-width:750px}
.detail-two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;line-height:1.8}
.detail-two-columns p:last-child{margin:0}
.care-quote{margin:32px 0 0;padding:30px;border-left:3px solid var(--pink);background:var(--brand-soft);font-family:var(--serif);font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.45}
.care-quote em{color:var(--rose)}
.care-list{border-top:1px solid var(--line)}
.care-list section{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;padding:26px 0;border-bottom:1px solid var(--line)}
.care-list h3{font-size:1.5rem;line-height:1.3;margin:0}
.care-list p{line-height:1.8;margin:0}
.menstrual-note{background:var(--brand-pink-soft);border-radius:14px;margin-top:30px;padding:32px}
.menstrual-note h3{font-size:1.85rem;margin-bottom:20px;line-height:1.2}
.menstrual-note p{line-height:1.8;max-width:850px}
.menstrual-note p:last-child{margin:0}
.care-sources{font-size:.875rem;line-height:1.7;margin:24px 0 0}
.care-sources a{text-decoration:underline;text-underline-offset:3px}
.story-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:64px;align-items:start}
.story-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr);gap:64px;align-items:center;padding:26px 0 52px}
.story-intro .detail-heading{padding:0;max-width:none}
.story-intro .detail-heading h1{font-size:clamp(2.6rem,4.7vw,3.8rem)}
.story-portrait{width:100%;max-width:360px;justify-self:end;margin:0;padding:9px;background:var(--paper);border:1px solid var(--line);border-radius:54px 14px 14px 14px;box-shadow:10px 10px 0 var(--brand-pink-soft)}
.story-portrait img{width:100%;height:auto;border-radius:46px 8px 8px 8px}
.story-portrait figcaption{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;padding:14px 9px 7px;line-height:1.5}
.story-portrait figcaption>span:first-child{font-family:var(--serif);font-size:1.5rem;color:var(--ink)}
.story-portrait figcaption>span+span{font-size:.875rem;color:var(--muted)}
.story-training{margin:28px 0 4px;padding:10px;background:var(--brand-soft);border:1px solid var(--line);border-radius:14px}
.story-training img{width:100%;height:auto;border-radius:6px}
.story-training figcaption{padding:13px 5px 3px;font-size:.875rem;line-height:1.6;color:var(--muted)}
.story-note{padding:38px 32px;border-radius:55px 12px 12px 12px;background:var(--ink);color:white}
.story-note blockquote{font-family:var(--serif);font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.3;margin:30px 0 22px}
.story-note .signature{font-size:1.3rem}
.story-copy section+section{margin-top:38px}
.story-copy h2{font-size:clamp(1.8rem,3vw,2.3rem);line-height:1.2;margin-bottom:20px}
.story-copy p{font-size:1rem;line-height:1.85}
.story-copy p:last-child{margin-bottom:0}
.detail-invitation{margin-top:48px;padding:38px 28px;border-radius:14px;background:var(--brand-soft);text-align:center}
.detail-invitation h2{font-size:clamp(1.9rem,3.5vw,2.7rem);line-height:1.2;margin-bottom:18px}
.detail-invitation p{margin-bottom:24px}
.detail-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
@media(max-width:1050px){.massage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-layout,.story-intro{gap:36px}}
@media(max-width:760px){
  .detail-page{padding:18px 0 32px}
  .detail-heading{padding:24px 0 30px}
  .detail-heading p{font-size:1rem}
  .detail-jumps{gap:8px;padding-bottom:24px}
  .detail-jumps a{padding:10px 14px}
  .detail-section{padding:36px 0}
  .massage-grid,.complementary-panel,.detail-two-columns,.care-list section,.story-layout,.story-intro{grid-template-columns:1fr}
  .massage-grid{gap:14px}
  .massage-card{padding:25px}
  .service-number{margin-bottom:12px}
  .massage-card h3{margin-bottom:14px}
  .complementary-panel{padding:25px;gap:20px}
  .benefit-grid{grid-template-columns:1fr}
  .detail-two-columns{gap:20px}
  .care-quote{padding:25px 22px}
  .care-list section{gap:12px;padding:24px 0}
  .menstrual-note{padding:26px 24px}
  .story-layout{gap:32px}
  .story-intro{gap:28px;padding:24px 0 38px}
  .story-intro .detail-heading{padding:0}
  .story-portrait{max-width:340px;justify-self:center;box-shadow:7px 7px 0 var(--brand-pink-soft)}
  .story-note{padding:32px 28px}
  .story-note blockquote{margin-top:24px}
  .detail-invitation{padding:30px 22px;margin-top:36px}
  .detail-actions{flex-direction:column;align-items:stretch}
}