.story-page{--accent:#577866}.story-page main{max-width:1800px;margin:auto;overflow:hidden}.story-page h1,.story-page h2,.story-page h3{font-family:var(--serif);font-weight:500;letter-spacing:-.035em}.story-page h1{font-size:clamp(58px,7.7vw,132px);line-height:.93;margin:28px 0}.story-page h2{font-size:clamp(38px,4.4vw,72px);line-height:1.03;margin:20px 0 28px}.story-page h3{font-size:32px;line-height:1.1;margin:18px 0}.story-page em{font-weight:500;color:var(--accent)}.story-page p{font-size:17px;line-height:1.75;max-width:650px}.story-page figure{margin:30px 0 0}.story-page figcaption,.scope-note{font-size:13px!important;opacity:.72;margin-top:15px}.eyeline{display:block;text-transform:uppercase;font-size:11px!important;letter-spacing:.18em;margin:26px 0}.story-hero,.story-chapter,.story-result,.concert-cover,.ginger-cover,.app-hero,.android-panel,.sound-story{padding:clamp(38px,6vw,105px)}.story-hero{display:grid;grid-template-columns: .85fr 1.2fr;gap:55px;align-items:center;min-height:760px;background:radial-gradient(ellipse at 85% 30%,#dfe9d7,transparent 65%)}.hero-thought{font-size:clamp(22px,2.1vw,34px)!important;line-height:1.3!important}.story-split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.story-split>*{min-width:0}.story-chapter{border-top:1px solid var(--line)}.tinted{background:#e9ede4}.story-result{background:#e5e8df}.audience-grid,.ginger-duo{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:40px}.audience-grid article{border-top:1px solid #9cae9c;padding:28px 0}.audience-grid article>span{font-size:12px;letter-spacing:.12em}.wide-shot{width:100%;height:auto;display:block;border-radius:5px}.journey{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:35px;counter-reset:route;padding:0;margin:48px 0;list-style:none}.journey li{border-top:1px solid #94a294;padding-top:20px;counter-increment:route}.journey li:before{content:'0' counter(route);display:block;font:36px var(--serif);margin-bottom:20px;color:var(--accent)}.journey b{font-size:18px}.journey p{font-size:15px}.story-devices{position:relative;padding:35px 36px 90px 0;min-width:0}.story-monitor{position:relative;border:12px solid #1b211f;border-radius:18px 18px 4px 4px;background:#151b18;box-shadow:0 30px 45px #13251e25}.story-monitor:after{content:'';position:absolute;bottom:-24px;left:-6%;width:112%;height:15px;background:linear-gradient(#ced0cd,#8b928e);border-radius:0 0 50% 50%}.story-monitor video,.story-monitor img{width:100%;aspect-ratio:5/3;object-fit:cover;display:block}.story-phone{position:absolute;width:24%;right:0;bottom:55px;border:7px solid #202723;border-radius:26px;overflow:hidden;box-shadow:0 20px 35px #0003;transform:rotate(4deg);background:#202723}.story-phone video,.story-phone img{display:block;width:100%;aspect-ratio:390/844;object-fit:cover}.media-toggle{display:block;position:absolute;bottom:0;left:0;border:1px solid currentColor;border-radius:30px;padding:10px 18px;background:transparent;color:inherit;cursor:pointer;font-size:12px}.story-next{display:flex;justify-content:space-between;align-items:center;gap:30px;text-decoration:none;padding:50px max(24px,6vw);border-top:1px solid var(--line)}.story-next small{letter-spacing:.13em;text-transform:uppercase}.story-next img{width:230px;height:150px;object-fit:cover;border-radius:3px}.story-next h2{font-size:40px;margin-bottom:0}.story-contact{padding:55px max(24px,6vw);display:flex;align-items:center;gap:30px;background:#e3e7dc}.story-contact h2{font-size:38px;margin:0 auto 0 0}.story-contact>a:last-child{font-size:12px}.concert-cover{background:radial-gradient(ellipse at 75% 15%,#512036,#141519 70%);color:#fff;position:relative}.story-borsh{--accent:#d268a0}.concert-cover h1{font-size:clamp(95px,18vw,280px);font-style:italic;display:flex;align-items:center;gap:30px}.concert-cover h1 span{font:12px Arial;letter-spacing:.35em;border:1px solid #c0779b;padding:15px;border-radius:100%;transform:rotate(-15deg)}.concert-cover .story-devices{max-width:1100px;margin:0 auto}.concert-gallery{padding:80px max(24px,6vw);background:#16171c;color:white;display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;align-items:center}.setlist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.setlist-grid strong{font:80px var(--serif);color:#a3517b}.phone-story{display:grid;grid-template-columns:.65fr 1fr;gap:10%;align-items:center}.app-screen{display:block;width:min(100%,285px);height:auto;border:9px solid #232b27;border-radius:35px;box-shadow:0 25px 45px #142d2520;margin:auto}.story-ginger{--accent:#996a42}.ginger-cover{background:#e9ddcd}.ginger-cover .story-devices{max-width:1050px;margin:auto}.ginger-duo article{padding:35px;border-top:1px solid #baa387;overflow:hidden}.big-word{display:block;font-size:clamp(50px,7vw,120px);font-weight:bold;letter-spacing:-.06em;opacity:.13;margin-top:40px}.story-ginger .tinted{background:#e5e0d5}.app-hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;background:radial-gradient(ellipse at 75% 45%,#c3d3b9,transparent 65%);min-height:780px}.app-hero h1{font-size:clamp(50px,6vw,105px);overflow-wrap:anywhere}.phone-pair{display:flex;align-items:center;gap:20px}.phone-pair img{width:48%;min-width:0}.phone-pair img:last-child{transform:translateY(45px)}.screen-gallery{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:45px;align-items:center}.screen-controls{display:grid;gap:12px}.screen-controls button{text-align:left;border:0;border-bottom:1px solid #a7b4a4;background:none;padding:20px;font-size:20px;color:inherit;cursor:pointer}.screen-controls button[aria-pressed=true]{background:#243f32;color:white;border-radius:4px}.screen-controls button[aria-pressed=true]:after{content:' ↗';float:right}.screen-gallery figure{margin:0;text-align:center}.screen-gallery figcaption{max-width:330px;margin:25px auto 0;min-height:45px}.android-panel{background:#172922;color:#edf0e7}.android-panel h2 em{color:#a6bca3}.android-panel .audience-grid article{border-color:#5a7466}.story-sunrise{--accent:#b16a3c}.dawn-cover{background:radial-gradient(ellipse at 80% 70%,#f4c792,transparent 65%),#f5efe1}.dawn-cover h1 em{display:block}.sound-story{background:#ede2d1}.sound-curve{height:220px;display:flex;align-items:end;gap:3%;margin-top:60px;border-bottom:1px solid #ad9171}.sound-curve i{width:6%;height:calc(var(--n)*16px + 12px);background:linear-gradient(#b57342,#d8ba8a);border-radius:30px 30px 0 0;transform-origin:bottom;animation:swell 5s ease-in-out infinite alternate}.sound-curve i:nth-child(1){--n:1}.sound-curve i:nth-child(2){--n:2}.sound-curve i:nth-child(3){--n:3}.sound-curve i:nth-child(4){--n:4}.sound-curve i:nth-child(5){--n:5}.sound-curve i:nth-child(6){--n:6}.sound-curve i:nth-child(7){--n:7}.sound-curve i:nth-child(8){--n:8}.sound-curve i:nth-child(9){--n:9}.sound-curve i:nth-child(10){--n:10}.sound-curve i:nth-child(11){--n:11}.sound-curve i:nth-child(12){--n:12}.curve-labels{display:flex;justify-content:space-between;margin:20px 0;font-size:12px}.story-page .story-hero,.app-hero,.ginger-cover{position:relative;isolation:isolate}.story-hero:before,.app-hero:before,.ginger-cover:before{content:'';position:absolute;width:650px;height:650px;border:1px solid #6c8d7020;border-radius:50%;right:-220px;top:-170px;z-index:-1;box-shadow:0 0 0 100px #6c8d7008;pointer-events:none}.story-page .media-toggle:hover{background:#80958420}@keyframes swell{from{transform:scaleY(.93)}to{transform:scaleY(1)}}@media(min-width:1800px){.story-page main{border-inline:1px solid var(--line)}}@media(max-width:900px){.story-hero,.app-hero{grid-template-columns:1fr;gap:35px}.story-hero{min-height:auto}.story-devices{max-width:750px;width:100%;margin:auto}.app-hero>.app-screen{max-height:580px;width:auto;max-width:100%}.phone-pair{max-width:420px;margin:0 auto 40px}.story-split{gap:30px}.concert-gallery{grid-template-columns:1fr}.story-contact{flex-wrap:wrap}.story-contact h2{width:100%}.app-hero h1{overflow-wrap:normal}.story-next img{width:170px}.ginger-cover h1{font-size:75px}}@media(max-width:600px){.story-hero,.story-chapter,.story-result,.concert-cover,.ginger-cover,.app-hero,.android-panel,.sound-story{padding:40px 22px}.story-page p{font-size:15px}.story-split,.audience-grid,.ginger-duo,.setlist-grid,.phone-story,.screen-gallery{grid-template-columns:1fr}.story-page h1{font-size:62px}.app-hero h1{font-size:49px}.concert-cover h1{font-size:100px}.concert-cover h1 span{font-size:9px;padding:8px}.story-page h2{font-size:40px}.story-monitor{border-width:6px;border-radius:10px 10px 0 0}.story-phone{border-width:4px;border-radius:15px;width:27%;bottom:60px}.story-devices{padding:20px 20px 90px 0}.audience-grid,.ginger-duo{gap:0}.journey{grid-template-columns:1fr;gap:18px}.journey li:before{float:left;margin:0 20px 20px 0}.phone-story{gap:40px}.phone-story>.app-screen{max-width:230px}.screen-gallery{gap:30px}.screen-controls{grid-template-columns:1fr 1fr;gap:8px}.screen-controls button{font-size:14px;padding:14px 10px}.screen-controls button[aria-pressed=true]:after{display:none}.story-next{padding:35px 22px;gap:15px}.story-next h2{font-size:30px}.story-next img{width:100px;height:90px}.story-contact{padding:35px 22px;gap:20px}.story-contact h2{font-size:35px}.ginger-duo article{padding:25px 0}.sound-curve{height:180px}.sound-curve i{height:calc(var(--n)*12px + 10px)}.topbar .nav.is-open{display:flex;position:absolute;top:74px;left:0;right:0;z-index:40;background:#f7f6f1;padding:25px;flex-wrap:wrap;box-shadow:0 15px 20px #0002}}@media(prefers-reduced-motion:reduce){.story-page *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

@media(max-width:900px){.story-page .topbar .nav.is-open{display:flex;position:absolute;top:74px;left:0;right:0;z-index:40;background:#f7f6f1;padding:25px;flex-wrap:wrap;box-shadow:0 15px 20px #0002}}

/* Video-time cues: thin outlines preserve the recorded interface and its copy. */
.demo-cues{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1;fill:none;stroke:#ffca45;stroke-width:2;filter:drop-shadow(0 1px 1px #17221e)}
.demo-cues[hidden]{display:none!important}
.demo-cues *{pointer-events:none;vector-effect:non-scaling-stroke}
.demo-cue-pointer path{fill:#fff;stroke:#17221e;stroke-width:1.2}
.demo-cue-pointer circle{stroke:#ffca45}
.demo-cue-pointer,.demo-cue-scroll{display:none}
.demo-cues[data-kind=click] .demo-cue-pointer,.demo-cues[data-kind=tap] .demo-cue-pointer,.demo-cues[data-kind=scroll] .demo-cue-scroll{display:block}
.demo-cues[data-kind=tap] .demo-cue-pointer path{display:none}
.demo-cue-scroll{stroke-linecap:round;stroke-linejoin:round}

/* Е-нота: a quiet score connects the choice of lesson to the first contact. */
.story-enota{--accent:#287d82;--line:#c8dcd8}
.story-enota .enota-cover{position:relative;isolation:isolate;background:radial-gradient(ellipse at 100% 15%,#bbdcd9,transparent 65%),#eef4ed;grid-template-columns:.85fr 1.25fr;gap:5%;min-height:740px}
.story-enota .enota-intro{position:relative;z-index:1}
.story-enota .enota-score{display:inline-block;padding:18px 0 5px;border-bottom:1px solid #649a98;font-size:11px;letter-spacing:.15em;text-transform:uppercase}
.story-enota .enota-wave{position:absolute;inset:auto -4% 1%;z-index:-1;pointer-events:none;color:#72aaa3;opacity:.37}
.story-enota .enota-wave svg{display:block;width:100%;height:auto;overflow:visible}
.story-enota .enota-wave path{stroke:currentColor;stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--path-progress,1))}
.story-enota .enota-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin:48px 0 0}
.story-enota .enota-notes article{position:relative;padding:30px 0 0;border-top:1px solid #92b9b2}
.story-enota .enota-notes article:before{content:'';position:absolute;top:-5px;width:9px;height:9px;border-radius:50%;background:var(--accent)}
.story-enota .enota-notes article>span{font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--accent)}
.story-enota .enota-notes p{font-size:15px}
.story-enota .enota-session{background:#e3eeea}
.story-enota .enota-session .story-split{grid-template-columns:.85fr 1.15fr;gap:6%}
.story-enota .enota-session figure{margin:0}
.story-enota .enota-result{background:#d8e8e3}

/* Тур рядом: terrain, stops and itinerary information. */
.story-tour{--accent:#bd593e;--line:#d3d8d3}
.story-tour .tour-cover{background:radial-gradient(ellipse at 95% 8%,#50747b,transparent 65%),#143c49;color:#f6f5ed;position:relative}
.story-tour .tour-cover em{color:#e8b89d}
.story-tour .tour-cover>.story-split{gap:4%}
.story-tour .tour-window{position:relative;isolation:isolate;max-width:1070px;margin:20px auto 0}
.story-tour .tour-hero-route{position:absolute;inset:0 -8%;width:116%;height:100%;z-index:-1;stroke:#b8ccc4;stroke-width:1.5;opacity:.5;pointer-events:none}
.story-tour .tour-hero-route circle{fill:#143c49}
.story-tour .tour-coordinates{display:flex;align-items:center;gap:22px;padding-top:36px;letter-spacing:.22em;font-size:11px;color:#d3e2df}
.story-tour .tour-coordinates span:nth-child(2){flex:1;height:1px;background:#819d9f;overflow:hidden}
.story-tour .tour-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:45px}
.story-tour .tour-formats article{border-top:2px solid #c16a4d;padding:24px 0 0}
.story-tour .tour-formats article>span{color:var(--accent);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.story-tour .tour-formats p{font-size:15px}
.story-tour .tour-route{background:#e7ece6}
.story-tour .tour-line{margin:40px 0 0}
.story-tour .tour-line svg{width:100%;height:auto;display:block;overflow:visible}
.story-tour .tour-line-base{stroke:#9aaea8;stroke-width:1.5}
.story-tour .tour-line-draw{stroke:var(--accent);stroke-width:3;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--path-progress,1));stroke-linecap:round}
.story-tour .tour-line circle{fill:#e7ece6;stroke:var(--accent);stroke-width:3}
.story-tour .tour-route .journey{margin-top:30px}
.story-tour .tour-result{background:#e4e6da}

/* Ёлка: an orbital index and an ingredient-led catalogue. */
.story-yolka{--accent:#54704e;--line:#d4dac9}
.story-yolka .yolka-cover{background:radial-gradient(ellipse at 85% 40%,#bccab0,transparent 65%),#e9ecdf}
.story-yolka .yolka-window{position:relative;isolation:isolate;max-width:1060px;margin:35px auto 0}
.story-yolka .yolka-hero-orbit{position:absolute;inset:-5% -8%;width:116%;height:110%;z-index:-1;stroke:#6a8059;stroke-width:1.5;opacity:.45;pointer-events:none}
.story-yolka .yolka-composition{background:#1e3427;color:#f1f2e8}
.story-yolka .yolka-composition em{color:#b9cf9e}
.story-yolka .yolka-composition .story-split{grid-template-columns:1fr 1fr;gap:7%}
.story-yolka .yolka-orbit{position:relative;width:100%;max-width:530px;aspect-ratio:440/360;margin:20px auto;color:#b9cf9e}
.story-yolka .yolka-orbit svg{display:block;width:100%;height:100%;stroke:currentColor;stroke-width:1;opacity:.47}
.story-yolka .yolka-orbit-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;line-height:1.5;font-size:14px;letter-spacing:.04em}
.story-yolka .yolka-orbit-label{position:absolute;padding:8px 12px;border:1px solid #678265;background:#1e3427;border-radius:20px;font-size:12px;white-space:nowrap}
.story-yolka .yolka-orbit-label--chaga{top:15%;left:10%}
.story-yolka .yolka-orbit-label--arabino{top:48%;right:0}
.story-yolka .yolka-orbit-label--acerola{bottom:12%;left:17%}
.story-yolka .yolka-orbit-marker{position:absolute;width:12px;height:12px;background:#d6ddb7;border-radius:50%;top:calc(50% - 6px);left:calc(50% - 6px);transform:rotate(calc(var(--path-progress,1)*300deg - 150deg)) translateX(145px)}
.story-yolka .yolka-ingredients{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:50px}
.story-yolka .yolka-ingredients article{border-top:1px solid #677c65;padding-top:24px}
.story-yolka .yolka-ingredients article>span{font-size:11px;letter-spacing:.15em;color:#c0d2ac}
.story-yolka .yolka-ingredients h3{overflow-wrap:anywhere}
.story-yolka .yolka-ingredients p{font-size:15px;color:#d9e1d4}
.story-yolka .yolka-selection{background:#e9ecdf}
.story-yolka .yolka-result{background:#dce3d0}

@media(max-width:1000px){
  .story-enota .enota-cover{grid-template-columns:1fr;min-height:auto;gap:28px}
  .story-enota .enota-cover .story-devices{max-width:900px}
  .story-enota .enota-wave{inset:25% -15% auto}
  .story-yolka .yolka-composition .story-split{grid-template-columns:1fr;gap:25px}
  .story-yolka .yolka-orbit-marker{transform:rotate(calc(var(--path-progress,1)*300deg - 150deg)) translateX(100px)}
}

/* Local Wallpaper Shuffler — warm photographic case */
.story-wallpaper{--wp-ink:#153429;--wp-paper:#f2ede2;--wp-copper:#9e6541;--wp-night:#071b17;background:var(--wp-paper);color:var(--wp-ink)}
.story-wallpaper main{overflow:clip}.story-wallpaper h1,.story-wallpaper h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500}.story-wallpaper em{color:#678c78;font-weight:500}.wallpaper-hero{position:relative;min-height:calc(100svh - 22px);display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);align-items:center;padding:clamp(7rem,10vw,10rem) max(5vw,2rem) 8rem;color:#f8f2e8;isolation:isolate}.wallpaper-hero-bg,.wallpaper-memory-bg,.wallpaper-journey-bg,.wallpaper-system-bg{position:absolute;inset:-5%;z-index:-3;background-position:center;background-size:cover;will-change:transform}.wallpaper-hero-bg{background-image:url('/static/img/app-cases/local-wallpaper-shuffler/atmosphere/hero-room.webp')}.wallpaper-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,15,13,.92) 0%,rgba(4,15,13,.68) 42%,rgba(4,15,13,.15) 75%),linear-gradient(0deg,rgba(4,15,13,.65),transparent 40%)}.wallpaper-hero-copy{max-width:630px;z-index:2}.wallpaper-hero-copy>a:first-child{color:inherit;text-decoration:none}.wallpaper-hero .eyeline{margin:2.5rem 0 1.5rem;color:#ddd4c3}.wallpaper-hero h1{font-size:clamp(4.2rem,7.6vw,9rem);line-height:.76;letter-spacing:-.055em;margin:0 0 2rem}.wallpaper-hero h1 em{display:inline-block;color:#afc3ad;font-size:.82em}.wallpaper-hero .hero-thought{font-size:clamp(1.55rem,2.2vw,2.3rem);line-height:1.16;margin:0 0 1.4rem}.wallpaper-hero-copy>p:last-of-type{max-width:540px;font-size:clamp(1rem,1.3vw,1.25rem);line-height:1.65;color:#e6dfd3}.wallpaper-pill{display:inline-flex;margin-top:1.5rem;padding:1rem 1.35rem;border-radius:999px;background:#6b957e;color:#fff;text-decoration:none}.wallpaper-hero-device{position:relative;display:grid;place-items:center;z-index:2}.wallpaper-hero-device img{position:relative;width:min(330px,70vw);max-height:67vh;object-fit:contain;filter:drop-shadow(0 35px 40px rgba(0,0,0,.5));z-index:2}.wallpaper-hero-device small{margin-top:1rem;letter-spacing:.14em;text-transform:uppercase}.wallpaper-orbit{position:absolute;width:min(34vw,510px);aspect-ratio:1;border:1px solid rgba(183,208,188,.32);border-radius:50%;animation:wp-orbit 18s linear infinite}.wallpaper-orbit:after{content:"";position:absolute;inset:13%;border:1px solid rgba(183,208,188,.2);border-radius:50%;transform:rotate(32deg)}.wallpaper-facts{position:absolute;left:5vw;right:5vw;bottom:1.5rem;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.22)}.wallpaper-facts span{padding:1.25rem;border-right:1px solid rgba(255,255,255,.18);text-align:center;text-transform:uppercase;letter-spacing:.1em;font-size:.76rem}.wallpaper-memory{position:relative;min-height:680px;display:grid;align-items:center;padding:clamp(5rem,9vw,9rem) max(6vw,2rem);isolation:isolate}.wallpaper-memory-bg{background-image:linear-gradient(90deg,rgba(244,239,228,.96) 0%,rgba(244,239,228,.86) 48%,rgba(244,239,228,.08) 75%),url('/static/img/app-cases/local-wallpaper-shuffler/atmosphere/memory-table.webp')}.wallpaper-memory-copy{max-width:690px}.wallpaper-memory h2,.wallpaper-journey h2,.wallpaper-interface h2,.wallpaper-system h2,.wallpaper-contribution h2{font-size:clamp(3rem,5.3vw,6.2rem);line-height:.92;margin:.9rem 0 1.7rem}.wallpaper-memory-copy>p{font-size:1.15rem;line-height:1.7;max-width:610px}.wallpaper-note{padding-left:1.25rem;border-left:2px solid #83a58d;color:#5d6f63}.wallpaper-journey{position:relative;min-height:760px;padding:clamp(5rem,8vw,8rem) max(6vw,2rem);display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;color:#f3eee4;background:#0b211c;isolation:isolate}.wallpaper-journey-bg{background-image:linear-gradient(90deg,rgba(5,24,20,.96),rgba(5,24,20,.8) 52%,rgba(5,24,20,.42)),url('/static/img/app-cases/local-wallpaper-shuffler/atmosphere/hero-room.webp');filter:saturate(.7) brightness(.72)}.wallpaper-journey-copy>p{font-size:1.14rem;line-height:1.6}.wallpaper-journey ol{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;padding:0;margin:3rem 0 0;list-style:none}.wallpaper-journey li{display:grid;gap:.45rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.35)}.wallpaper-journey li b{color:#bd8a61}.wallpaper-journey li span{font-size:.86rem;color:#c9c8c0;line-height:1.45}.wallpaper-pair{position:relative;min-height:580px}.wallpaper-pair img{position:absolute;bottom:0;width:min(290px,56%);filter:drop-shadow(0 28px 32px rgba(0,0,0,.5))}.wallpaper-pair img:first-child{left:2%;transform:rotate(-4deg)}.wallpaper-pair img:last-child{right:2%;transform:translateY(4%) rotate(4deg)}.wallpaper-interface{display:grid;grid-template-columns:.9fr 1.1fr;min-height:900px;background:#eee6d7}.wallpaper-interface-copy{padding:clamp(5rem,8vw,8rem) max(4vw,2rem)}.wallpaper-interface-copy>p{font-size:1.1rem;line-height:1.65;max-width:580px}.wallpaper-tabs{display:grid;margin-top:2.5rem;border-top:1px solid rgba(21,52,41,.25)}.wallpaper-tabs button{display:grid;grid-template-columns:3rem 1fr;gap:1rem;width:100%;padding:1.15rem;border:0;border-bottom:1px solid rgba(21,52,41,.25);background:transparent;color:var(--wp-ink);font:inherit;text-align:left;cursor:pointer;transition:.2s ease}.wallpaper-tabs button b{color:var(--wp-copper)}.wallpaper-tabs button[aria-pressed="true"]{background:var(--wp-ink);color:#fff;padding-left:1.6rem}.wallpaper-stage{position:relative;display:grid;place-items:center;overflow:hidden;min-height:900px;background:linear-gradient(145deg,#cbb497,#7d624b 62%,#263c32)}.wallpaper-stage:before{content:"";position:absolute;inset:0;background:url('/static/img/app-cases/local-wallpaper-shuffler/atmosphere/hero-room.webp') center/cover;opacity:.48;filter:blur(2px)}.wallpaper-stage figure{position:relative;z-index:2;margin:0;display:grid;justify-items:center}.wallpaper-stage figure img{width:min(330px,63vw);max-height:690px;object-fit:contain;transition:opacity .22s ease,transform .32s ease;filter:drop-shadow(0 28px 38px rgba(0,0,0,.55))}.wallpaper-stage figure.is-switching img{opacity:0;transform:translateY(14px) scale(.98)}.wallpaper-stage figcaption{width:min(360px,78vw);margin-top:1.2rem;padding:1rem 1.2rem;background:rgba(243,237,225,.9);backdrop-filter:blur(12px);display:grid;gap:.3rem}.wallpaper-stage figcaption span{font-size:.9rem;line-height:1.45}.wallpaper-stage-glow{position:absolute;width:360px;aspect-ratio:1;background:rgba(216,152,84,.32);filter:blur(70px);border-radius:50%;animation:wp-glow 5s ease-in-out infinite}.wallpaper-handnote{position:absolute;right:5%;top:12%;z-index:2;color:#f7eee0;font-family:"Cormorant Garamond",serif;font-size:1.6rem;font-style:italic;transform:rotate(-6deg)}.wallpaper-system{position:relative;min-height:680px;padding:clamp(5rem,8vw,8rem) max(6vw,2rem);display:grid;align-items:center;color:#f5efe3;background:#061914;isolation:isolate}.wallpaper-system-bg{background-image:linear-gradient(90deg,rgba(4,22,18,.96),rgba(4,22,18,.72) 62%,rgba(4,22,18,.12)),url('/static/img/app-cases/local-wallpaper-shuffler/atmosphere/camera-lantern.webp')}.wallpaper-system-copy{max-width:900px}.wallpaper-system-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2.5rem 0}.wallpaper-system-grid article{padding:1.5rem;border-top:1px solid rgba(255,255,255,.28);background:rgba(6,25,20,.46);backdrop-filter:blur(8px)}.wallpaper-system-grid article>span{font-size:1.8rem;color:#d49a63}.wallpaper-system-grid h3{margin:.8rem 0}.wallpaper-system-grid p,.wallpaper-system .scope-note{line-height:1.55;color:#ddd7cc}.wallpaper-contribution{padding:clamp(5rem,8vw,8rem) max(6vw,2rem);display:grid;grid-template-columns:.3fr 1fr;gap:3rem;background:#f2ede2}.wallpaper-contribution>div{display:grid;grid-template-columns:1fr .75fr;gap:4rem;align-items:end}.wallpaper-contribution p{font-size:1.1rem;line-height:1.7}.wallpaper-contribution h2{margin:0}.story-wallpaper [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.story-wallpaper [data-reveal].is-revealed{opacity:1;transform:none}@keyframes wp-orbit{to{transform:rotate(360deg)}}@keyframes wp-glow{50%{opacity:.55;transform:scale(1.12)}}
@media(max-width:900px){.wallpaper-hero{grid-template-columns:1fr;padding-bottom:7rem}.wallpaper-hero-copy{padding-top:2rem}.wallpaper-hero-device{margin-top:3rem}.wallpaper-facts{grid-template-columns:1fr 1fr}.wallpaper-memory{min-height:600px}.wallpaper-memory-bg{background-image:linear-gradient(90deg,rgba(244,239,228,.96),rgba(244,239,228,.68)),url('/static/img/app-cases/local-wallpaper-shuffler/atmosphere/memory-table.webp')}.wallpaper-journey{grid-template-columns:1fr}.wallpaper-interface{grid-template-columns:1fr}.wallpaper-stage{min-height:760px}.wallpaper-contribution,.wallpaper-contribution>div{grid-template-columns:1fr}.wallpaper-system-grid{grid-template-columns:1fr}}
@media(max-width:640px){.wallpaper-hero{padding:6.5rem 1.25rem 8.5rem;min-height:auto}.wallpaper-hero h1{font-size:clamp(3.45rem,17vw,5rem);line-height:.82}.wallpaper-hero .hero-thought{font-size:1.38rem}.wallpaper-hero-device img{width:min(265px,77vw)}.wallpaper-facts{left:1.25rem;right:1.25rem}.wallpaper-facts span{padding:.8rem .35rem;font-size:.6rem}.wallpaper-memory,.wallpaper-journey,.wallpaper-interface-copy,.wallpaper-system,.wallpaper-contribution{padding-left:1.35rem;padding-right:1.35rem}.wallpaper-memory{min-height:720px;align-items:start;padding-top:5rem}.wallpaper-memory-bg{background-position:65% center}.wallpaper-memory h2,.wallpaper-journey h2,.wallpaper-interface h2,.wallpaper-system h2,.wallpaper-contribution h2{font-size:clamp(2.75rem,14vw,4.4rem)}.wallpaper-journey{gap:1rem}.wallpaper-journey ol{grid-template-columns:1fr}.wallpaper-pair{min-height:430px}.wallpaper-pair img{width:58%}.wallpaper-stage{min-height:690px}.wallpaper-tabs button{min-height:58px}.wallpaper-handnote{display:none}.wallpaper-system-bg{background-position:72% center}.wallpaper-contribution>div{gap:1rem}}
@media(prefers-reduced-motion:reduce){.story-wallpaper [data-reveal]{opacity:1;transform:none;transition:none}.wallpaper-orbit,.wallpaper-stage-glow{animation:none}.story-wallpaper [data-parallax]{transform:none!important}.wallpaper-stage figure img{transition:none}}
@media(max-width:700px){
  .story-enota .enota-notes,.story-tour .tour-formats,.story-yolka .yolka-ingredients{grid-template-columns:1fr;gap:28px}
  .story-enota .enota-session .story-split,.story-tour .tour-cover>.story-split,.story-yolka .yolka-composition .story-split{grid-template-columns:1fr;gap:25px}
  .story-enota .enota-notes h3,.story-tour .tour-formats h3,.story-yolka .yolka-ingredients h3{margin-block:12px}
  .story-tour .tour-coordinates{padding-top:24px;gap:12px;font-size:10px}
  .story-tour .tour-window,.story-yolka .yolka-window{margin-top:20px}
  .story-tour .tour-line{margin-top:35px}
  .story-yolka .yolka-orbit{max-width:390px}
  .story-yolka .yolka-orbit-label{font-size:10px;padding:6px 9px}
  .story-yolka .yolka-orbit-center{font-size:12px}
  .story-yolka .yolka-orbit-marker{width:8px;height:8px;top:calc(50% - 4px);left:calc(50% - 4px);transform:rotate(calc(var(--path-progress,1)*300deg - 150deg)) translateX(90px)}
}
@media(prefers-reduced-motion:reduce){
  .story-enota .enota-wave path,.story-tour .tour-line-draw{stroke-dashoffset:0}
  .story-yolka .yolka-orbit-marker{transform:rotate(150deg) translateX(80px)}
}

/* Second case group: each cover keeps its motif, screen and foreground independent. */
.case-window{position:relative;isolation:isolate;max-width:1080px;margin:30px auto 0}
.case-hero-motif{position:absolute;inset:-5% -8%;width:116%;height:110%;stroke:currentColor;stroke-width:1.5;opacity:.35;z-index:-1;pointer-events:none}
.case-source-links{display:flex;flex-wrap:wrap;gap:18px}

/* DogTime: a walk, with a clear beginning and a report at the end. */
.story-dogtime{--accent:#426e56;--line:#d0dccf}
.story-dogtime .dogtime-cover{background:radial-gradient(ellipse at 90% 45%,#d4dfc3,transparent 65%),#f0f1e6}
.story-dogtime .dogtime-cover h1{font-size:clamp(72px,10vw,155px)}
.story-dogtime .case-hero-motif{stroke:#75936a;stroke-dasharray:5 12;stroke-width:3}
.story-dogtime .dogtime-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:40px}
.story-dogtime .dogtime-trust article{border-top:1px solid #92a88c;padding-top:25px}
.story-dogtime .dogtime-trust span{color:var(--accent);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.story-dogtime .dogtime-trust p{font-size:15px}
.story-dogtime .dogtime-walk{background:#e4eadb}
.story-dogtime .dogtime-route{display:block;width:100%;height:auto;margin:30px 0 -20px;overflow:visible}
.story-dogtime .dogtime-route path{stroke:#64855c;stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--path-progress,1))}
.story-dogtime .dogtime-route circle{fill:#e4eadb;stroke:#64855c;stroke-width:3}
.story-dogtime .dogtime-result{background:#d8e3d0}

/* Bear: native radio controls compare two preserved presentations without pretending to play video. */
.story-bear{--accent:#80623f;--line:#d9cdbc}
.story-bear .bear-cover{background:radial-gradient(ellipse at 90% 20%,#e4d7be,transparent 70%),#f3ede1}
.story-bear .bear-cover h1{font-size:clamp(68px,9.5vw,155px)}
.story-bear .bear-compare{position:relative;min-width:0;margin:45px 0 0;border:0;padding:0}
.story-bear .bear-compare legend{font-size:12px;letter-spacing:.08em;margin-bottom:22px}
.story-bear .bear-choice{position:absolute;width:1px;height:1px;opacity:0}
.story-bear .bear-choice+label{display:inline-block;margin:0 10px 14px 0;border:1px solid #9e896b;border-radius:30px;padding:14px 22px;font-size:13px;cursor:pointer;transition:background .2s,color .2s}
.story-bear .bear-choice:checked+label{background:#674d30;color:#fff}
.story-bear .bear-choice:focus-visible+label{outline:3px solid #244a42;outline-offset:5px}
.story-bear .bear-stage{position:relative;isolation:isolate;max-width:1100px;margin:35px auto 0;padding:20px 0 0}
.story-bear .bear-motif{position:absolute;inset:-8% -6%;width:112%;height:108%;stroke:#977c55;stroke-width:1.5;opacity:.35;z-index:-1;pointer-events:none}
.story-bear .bear-presentation{display:none;grid-template-columns:minmax(0,1fr) 220px;gap:35px;align-items:center;margin:0;min-height:520px}
.story-bear #bear-workshop:checked~.bear-stage .bear-presentation--workshop,.story-bear #bear-souvenir:checked~.bear-stage .bear-presentation--souvenir{display:grid}
.story-bear .bear-presentation .story-monitor img{aspect-ratio:auto;height:auto;border-radius:0}
.story-bear .bear-presentation figcaption{grid-column:1/-1;margin:0;align-self:end;min-height:40px}
.story-bear .bear-subject{padding:30px 23px;background:#755939;color:#f5efe4;border-radius:3px;box-shadow:0 25px 35px #58432320}
.story-bear .bear-subject>span{font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.story-bear .bear-subject strong{display:block;margin-top:25px;font:32px/1.1 var(--serif)}
.story-bear .bear-subject p{font-size:13px;line-height:1.7;margin-bottom:0}
.story-bear .bear-presentation--souvenir .bear-subject{background:#b8c1a3;color:#283a2e}
.story-bear .bear-matrix{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin-top:45px}
.story-bear .bear-matrix article{border-top:2px solid #a48a65;padding-top:25px}
.story-bear .bear-matrix article>span{font-size:11px;letter-spacing:.15em;color:var(--accent);text-transform:uppercase}
.story-bear .bear-matrix ul{padding-left:18px;font-size:14px;line-height:1.9}
.story-bear .bear-process{background:#e8e0d0}
.story-bear .bear-bridge{display:flex;align-items:center;gap:10px;padding:40px 0;font-size:13px}
.story-bear .bear-bridge span{border:1px solid #ae9673;border-radius:25px;padding:14px 12px;background:#f3ede1}
.story-bear .bear-bridge i{flex:1;min-width:10px;height:1px;background:#80623f;transform:scaleX(var(--path-progress,1));transform-origin:left}
.story-bear .bear-result{background:#e1d7c3}

/* Stickers: a schematic layout assembles over a surface before approval. */
.story-stickers{--accent:#9c761d;--line:#d8d6c9}
.story-stickers .stickers-cover{background:#242c29;color:#f7f3e5}
.story-stickers .stickers-cover em{color:#e2bf4e}
.story-stickers .stickers-cover h1{font-size:clamp(64px,8.2vw,133px)}
.story-stickers .case-hero-motif{stroke:#e7c347;stroke-dasharray:12 10}
.story-stickers .stickers-layout{background:#e8e8de}
.story-stickers .stickers-glass{position:relative;isolation:isolate;aspect-ratio:1;max-width:480px;width:100%;margin:20px auto;border:1px solid #6c8381;background:linear-gradient(130deg,#f3f5e780,#9cb5ae50);box-shadow:inset 0 0 0 15px #fafbf044;overflow:hidden}
.story-stickers .stickers-glass-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.5%,#78958d40 50%,transparent 50.5%),linear-gradient(transparent 49.5%,#78958d40 50%,transparent 50.5%);background-size:25% 25%}
.story-stickers .stickers-layout-sheet{position:absolute;inset:18% 15% 24%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px dashed #7d7543;background:#efcf63d9;transform:translateY(calc((1 - var(--path-progress,1))*38px)) rotate(calc((1 - var(--path-progress,1))*-6deg));opacity:calc(.35 + var(--path-progress,1)*.65)}
.story-stickers .stickers-layout-sheet>span{font-size:10px;letter-spacing:.18em}
.story-stickers .stickers-layout-sheet strong{font:clamp(40px,5vw,70px)/.9 var(--serif);margin:16px 0;color:#343a2f}
.story-stickers .stickers-layout-sheet small{font-size:10px}
.story-stickers .stickers-proof{position:absolute;bottom:8%;left:0;width:100%;text-align:center;font-size:11px;letter-spacing:.08em;opacity:calc(.5 + var(--path-progress,1)*.5)}
.story-stickers .stickers-result{background:#e4dfc9}

/* FPV: three depth planes and a single continuous route through the room. */
.story-fpv{--accent:#426dc1;--line:#cdd5df}
.story-fpv .fpv-cover{background:radial-gradient(ellipse at 85% 25%,#284462,transparent 70%),#101d2e;color:#f2f4f8}
.story-fpv .fpv-cover em{color:#a5c1f4}
.story-fpv .fpv-cover h1{font-size:clamp(74px,10.5vw,170px)}
.story-fpv .case-hero-motif{stroke:#a9c8f2;stroke-width:2}
.story-fpv .fpv-flight{background:#14253c;color:#f0f3f7}
.story-fpv .fpv-flight em{color:#a5c1f4}
.story-fpv .fpv-flight .journey li{border-color:#62748e}
.story-fpv .fpv-flight .journey li:before{color:#a5c1f4}
.story-fpv .fpv-space{position:relative;aspect-ratio:5/4;max-width:560px;width:100%;margin:25px auto 0;isolation:isolate}
.story-fpv .fpv-gate{position:absolute;border:1px solid #8aa3c1;transform:skewY(-8deg);pointer-events:none}
.story-fpv .fpv-gate--far{inset:10% 15% 62% 55%;opacity:.35}
.story-fpv .fpv-gate--middle{inset:22% 30% 30% 25%;opacity:.6}
.story-fpv .fpv-gate--near{inset:38% 43% 4% 2%;opacity:.85}
.story-fpv .fpv-space svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.story-fpv .fpv-space path{stroke:#bad5ff;stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--path-progress,1))}
.story-fpv .fpv-space-label{position:absolute;bottom:-20px;width:100%;text-align:center;font-size:10px;letter-spacing:.1em;color:#c1cfe0}
.story-fpv .fpv-result{background:#dee5ef}

@media(max-width:1000px){
  .story-bear .bear-presentation{grid-template-columns:minmax(0,1fr) 180px;gap:25px;min-height:420px}
  .story-bear .bear-subject{padding:24px 18px}
  .story-bear .bear-subject strong{font-size:28px}
  .story-bear .bear-process .story-split{grid-template-columns:1fr;gap:10px}
  .story-bear .bear-bridge{max-width:650px;width:100%;margin:auto}
}
@media(max-width:800px){
  .story-dogtime .dogtime-trust{grid-template-columns:1fr;gap:28px}
  .story-dogtime .dogtime-cover>.story-split,.story-bear .bear-cover>.story-split,.story-stickers .stickers-cover>.story-split,.story-stickers .stickers-layout .story-split,.story-fpv .fpv-cover>.story-split,.story-fpv .fpv-flight>.story-split{grid-template-columns:1fr;gap:20px}
  .story-bear .bear-presentation{grid-template-columns:1fr;gap:30px;min-height:0}
  .story-bear .bear-presentation .story-monitor{max-width:100%;margin-bottom:15px}
  .story-bear .bear-subject{max-width:100%;display:grid;grid-template-columns:1fr 1fr;column-gap:25px}
  .story-bear .bear-subject>span{grid-column:1/-1}
  .story-bear .bear-subject strong{margin-top:16px}
  .story-bear .bear-subject p{align-self:end}
  .story-bear .bear-presentation figcaption{min-height:0}
  .story-bear .bear-matrix{grid-template-columns:1fr;gap:35px}
  .story-fpv .fpv-space{max-width:500px;margin-bottom:40px}
}
@media(max-width:600px){
  .story-dogtime .dogtime-cover h1{font-size:65px}
  .story-bear .bear-cover h1{font-size:63px}
  .story-stickers .stickers-cover h1{font-size:58px}
  .story-fpv .fpv-cover h1{font-size:73px}
  .story-bear .bear-choice+label{padding:12px 15px;font-size:12px;margin-right:5px}
  .story-bear .bear-stage{margin-top:15px}
  .story-bear .bear-subject{grid-template-columns:1fr;padding:24px}
  .story-bear .bear-subject strong{font-size:32px}
  .story-bear .bear-bridge{gap:7px;font-size:11px}
  .story-bear .bear-bridge span{padding:12px 9px}
  .story-bear .bear-bridge i{min-width:4px}
  .story-stickers .stickers-layout-sheet strong{font-size:47px}
  .story-stickers .stickers-layout-sheet small{font-size:8px}
  .story-dogtime .dogtime-route{margin:15px 0 0}
  .story-fpv .fpv-space-label{font-size:9px;letter-spacing:.04em}
  :is(.story-dogtime,.story-stickers,.story-fpv) .journey li{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:18px}
  :is(.story-dogtime,.story-stickers,.story-fpv) .journey li:before{grid-column:1;grid-row:1/3;float:none;margin:0}
  :is(.story-dogtime,.story-stickers,.story-fpv) .journey li b,:is(.story-dogtime,.story-stickers,.story-fpv) .journey li p{grid-column:2}
}
@media(prefers-reduced-motion:reduce){
  .story-dogtime .dogtime-route path,.story-fpv .fpv-space path{stroke-dashoffset:0}
  .story-stickers .stickers-layout-sheet{transform:none;opacity:1}
  .story-stickers .stickers-proof{opacity:1}
  .story-bear .bear-bridge i{transform:none}
}

/* Progressive enhancement: content and completed diagrams stay visible without JS. */
.story-page [data-parallax]{translate:0 var(--parallax-y,0px)}
.case-motion-ready .story-page [data-reveal]{transition:opacity .65s ease}
.case-motion-ready .story-page [data-reveal]:not(.is-revealed):not(:focus-within){opacity:0}
.story-page .media-toggle:focus-visible,.story-page .screen-controls button:focus-visible{outline:3px solid currentColor;outline-offset:5px}
@media(prefers-reduced-motion:reduce){
  .story-page [data-parallax]{translate:none!important}
  .story-page [data-reveal]{opacity:1!important}
}

/* Audiorassvet — quiet nature, real Android UI and restrained motion. */
.story-sunrise{--sun-ink:#173128;--sun-deep:#10251e;--sun-copper:#b85d31;--sun-paper:#f5f1e9;background:var(--sun-paper);color:var(--sun-ink)}
.story-sunrise main{max-width:none}
.story-sunrise .topbar{position:absolute;inset:0 0 auto;z-index:20;background:linear-gradient(#f7f0e4e8,#f7f0e400);border:0;color:var(--sun-ink)}
.sunrise-hero{position:relative;isolation:isolate;min-height:clamp(760px,93vh,1040px);display:grid;grid-template-columns:minmax(330px,.82fr) minmax(310px,.65fr);align-items:center;gap:7vw;padding:clamp(120px,12vw,185px) max(28px,10vw) 130px;color:#10261e;overflow:hidden}
.sunrise-hero:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#f3e8d7ed 0 34%,#f3e8d774 55%,#17291d12 100%)}
.sunrise-hero-bg{position:absolute;z-index:-3;inset:-35px;background:url('/static/img/app-cases/audiorassvet/atmosphere/hero-camp-sunrise.webp') center/cover no-repeat;scale:1.04}
.sunrise-glow{position:absolute;z-index:-1;width:48vw;aspect-ratio:1;border-radius:50%;right:8%;top:2%;background:radial-gradient(circle,#ffe3a88f 0,transparent 68%);mix-blend-mode:screen;animation:sunrise-breathe 10s ease-in-out infinite alternate;pointer-events:none}
.sunrise-hero-copy{max-width:630px}.sunrise-back{display:inline-block;margin-bottom:40px;color:inherit;text-decoration:none}.sunrise-hero h1{font-size:clamp(78px,10vw,164px);line-height:.72;margin:38px 0 52px}.sunrise-hero h1 em{display:inline-block;margin-left:.42em;color:var(--sun-copper);font-weight:500}.sunrise-hero .hero-thought{font-size:clamp(23px,2.5vw,39px)!important;line-height:1.15!important;margin-bottom:24px}.sunrise-hero-copy>p:last-of-type{max-width:540px}.sunrise-pill{display:inline-flex;margin-top:25px;padding:15px 24px;border:1px solid currentColor;border-radius:99px;color:inherit;text-decoration:none;background:#f8f1e6b8;backdrop-filter:blur(8px)}
.sunrise-phone-wrap{position:relative;justify-self:center;align-self:center;width:min(25vw,365px);text-align:center}.sunrise-phone{position:relative;z-index:2;display:block;width:100%;border:11px solid #1b221f;border-radius:52px;box-shadow:0 50px 80px #13201666,0 3px 0 #758179;transform:rotate(3deg)}.sunrise-phone-wrap p{font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin:25px auto;color:#183128}.sunrise-orbit{position:absolute;inset:-18%;border:1px solid #1831284f;border-radius:50%;transform:rotate(-24deg)}.sunrise-orbit:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--sun-copper);right:5%;top:32%;box-shadow:0 0 0 9px #b85d3122}
.sunrise-hero-facts{position:absolute;left:max(28px,10vw);right:max(28px,10vw);bottom:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #17312855}.sunrise-hero-facts span{padding:25px 2vw;border-right:1px solid #1731283d;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.sunrise-hero-facts span:first-child{padding-left:0}.sunrise-hero-facts span:last-child{border:0}
.sunrise-pause{position:relative;isolation:isolate;min-height:590px;padding:100px max(28px,10vw);overflow:hidden;background:#f3ede2}.sunrise-pause-bg{position:absolute;z-index:-2;inset:-30px;background:url('/static/img/app-cases/audiorassvet/atmosphere/mountain-sunrise.webp') center/cover no-repeat;opacity:.32;filter:saturate(.72)}.sunrise-pause:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#f5f1e9f5 0 48%,#f5f1e9a8 72%,#f5f1e945)}.sunrise-pause-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px 9vw;align-items:end;margin-top:55px}.sunrise-pause h2{font-size:clamp(70px,9vw,142px);margin:0}.sunrise-script{font:italic clamp(30px,4vw,62px)/1.1 var(--serif)!important;color:var(--sun-copper);grid-column:1}.sunrise-pause-grid>p:last-child{grid-column:2;grid-row:1/3;align-self:center}
.sunrise-volume{position:relative;min-height:700px;padding:100px max(28px,10vw) 70px;overflow:hidden;background:radial-gradient(circle at 75% 15%,#ffe8c9,#ead4b9 48%,#d6b58e);box-shadow:inset 0 20px 80px #fff8}.sunrise-volume-copy{display:grid;grid-template-columns:1fr .8fr;gap:9vw;align-items:end}.sunrise-volume h2{font-size:clamp(64px,8vw,126px);margin:20px 0}.sunrise-volume p{margin-bottom:35px}.sunrise-bars{height:290px;display:flex;align-items:end;gap:clamp(8px,1.7vw,29px);border-bottom:1px solid #77452f55;perspective:900px}.sunrise-bars i{flex:1;height:var(--level);min-width:8px;border-radius:999px 999px 3px 3px;background:linear-gradient(90deg,#9e4423,#d9854e 45%,#87341a);box-shadow:inset 7px 0 12px #ffbd7a55,8px 7px 20px #7b3c253b;transform:scaleY(.08) rotateX(2deg);transform-origin:bottom;transition:transform 1.05s cubic-bezier(.2,.85,.2,1);transition-delay:calc(var(--bar-index,0)*60ms)}.sunrise-volume.is-active .sunrise-bars i{transform:scaleY(1) rotateX(2deg)}.sunrise-scale{display:flex;justify-content:space-between;padding-top:18px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.sunrise-interface{display:grid;grid-template-columns:minmax(330px,.82fr) minmax(380px,1fr);gap:7vw;padding:110px max(28px,10vw);background:linear-gradient(125deg,#f8f5ef,#e5dbca);align-items:start}.sunrise-interface-intro{padding-top:5vh}.sunrise-interface h2{font-size:clamp(65px,8vw,122px)}.sunrise-tabs{margin-top:48px;display:grid}.sunrise-tabs button{display:grid;grid-template-columns:55px 1fr;align-items:center;text-align:left;border:0;border-top:1px solid #17312840;background:transparent;padding:20px 8px;color:inherit;font:18px inherit;cursor:pointer}.sunrise-tabs button:last-child{border-bottom:1px solid #17312840}.sunrise-tabs button b{font:22px var(--serif);color:var(--sun-copper)}.sunrise-tabs button[aria-pressed=true]{padding-left:22px;background:var(--sun-deep);color:#f6efe3}.sunrise-stage{position:sticky;top:40px;min-height:760px;display:grid;place-items:center;overflow:hidden}.sunrise-stage:before{content:"";position:absolute;width:min(47vw,720px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#d6ba915c 0 25%,transparent 68%);border:1px solid #17312828}.sunrise-stage-orbit{position:absolute;width:90%;aspect-ratio:1.6;border:1px solid #17312838;border-radius:50%;transform:rotate(-20deg)}.sunrise-stage-orbit:after{content:"";position:absolute;width:12px;height:12px;background:var(--sun-copper);border-radius:50%;left:7%;top:28%}.sunrise-stage figure{position:relative;margin:0;display:grid;grid-template-columns:minmax(210px,330px) minmax(170px,260px);gap:35px;align-items:end}.sunrise-stage img{display:block;width:100%;border:10px solid #1e2723;border-radius:48px;box-shadow:0 35px 65px #14251d45;transition:opacity .24s ease,transform .35s ease}.sunrise-stage.is-changing img{opacity:.2;transform:translateY(12px) scale(.98)}.sunrise-stage figcaption{padding:26px;border:1px solid #1731283b;background:#f7f3ebd9;backdrop-filter:blur(10px);min-height:180px}.sunrise-stage figcaption strong,.sunrise-stage figcaption span{display:block}.sunrise-stage figcaption strong{font:32px/1.05 var(--serif);margin-bottom:18px}.sunrise-stage figcaption span{font-size:14px;line-height:1.6}
.sunrise-reliability{position:relative;isolation:isolate;min-height:720px;padding:110px max(28px,10vw);display:grid;grid-template-columns:.8fr .45fr;gap:5vw;color:#f6f1e8;overflow:hidden}.sunrise-reliability-bg{position:absolute;z-index:-2;inset:-30px;background:url('/static/img/app-cases/audiorassvet/atmosphere/forest-deep.webp') center/cover no-repeat}.sunrise-reliability:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#0d211be8,#10251eb3)}.sunrise-reliability h2{font-size:clamp(74px,9vw,142px);margin-bottom:30px}.sunrise-clock{width:min(28vw,360px);aspect-ratio:1;border:1px solid #f2cc994f;border-radius:50%;display:grid;place-content:center;text-align:center;justify-self:center;position:relative}.sunrise-clock:before,.sunrise-clock:after{content:"";position:absolute;inset:11%;border:1px dashed #e8b9785c;border-radius:50%}.sunrise-clock:after{inset:27%;border-style:solid}.sunrise-clock span{position:absolute;left:50%;top:50%;width:2px;height:38%;background:linear-gradient(#ffb85e,transparent);transform-origin:top;animation:sunrise-hand 12s linear infinite}.sunrise-clock b{font:clamp(44px,5vw,72px) var(--serif)}.sunrise-clock small{letter-spacing:.14em;text-transform:uppercase}.sunrise-steps{grid-column:1/-1;list-style:none;padding:55px 0 0;margin:30px 0 0;border-top:1px solid #f6f1e842;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;counter-reset:rise}.sunrise-steps li{counter-increment:rise}.sunrise-steps li:before{content:'0' counter(rise);color:#dda063;font:31px var(--serif);display:block;margin-bottom:14px}.sunrise-steps b{font-size:18px}.sunrise-steps p{font-size:14px;opacity:.78}
.sunrise-engineering{position:relative;display:grid;grid-template-columns:1fr 1.3fr;gap:7vw;align-items:center;padding:110px max(28px,10vw);background:#f1ebdf;overflow:hidden}.sunrise-engineering:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,#fff9,transparent 35%);pointer-events:none}.sunrise-engineering>*{position:relative}.sunrise-engineering h2{font-size:clamp(58px,7vw,105px)}.sunrise-flow{grid-column:2;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:15px}.sunrise-flow article{min-height:190px;padding:25px;border:1px solid #17312838;background:#f9f5edb8}.sunrise-flow article span{display:block;color:var(--sun-copper);font:28px var(--serif);margin-bottom:24px}.sunrise-flow article b{font-size:17px}.sunrise-flow article p{font-size:13px;line-height:1.55}.sunrise-flow>i{font-style:normal;color:var(--sun-copper)}.sunrise-engineering-phone{position:absolute!important;width:165px;right:3vw;bottom:-95px;border:6px solid #202923;border-radius:26px;transform:rotate(8deg);box-shadow:0 20px 35px #0003}.sunrise-result{background:linear-gradient(120deg,#f6f2ea,#dfe8dc)}
@keyframes sunrise-breathe{to{transform:scale(1.12);opacity:.78}}@keyframes sunrise-hand{to{transform:rotate(360deg)}}
@media(max-width:900px){.sunrise-hero{grid-template-columns:1fr .55fr;padding-inline:6vw}.sunrise-hero h1{font-size:clamp(76px,13vw,120px)}.sunrise-pause,.sunrise-volume,.sunrise-interface,.sunrise-reliability,.sunrise-engineering{padding-inline:6vw}.sunrise-interface{grid-template-columns:.8fr 1fr;gap:4vw}.sunrise-stage figure{grid-template-columns:minmax(190px,270px);justify-content:center}.sunrise-stage figcaption{min-height:0}.sunrise-engineering{grid-template-columns:1fr}.sunrise-flow{grid-column:1}.sunrise-engineering-phone{display:none}}
@media(max-width:640px){.story-sunrise .topbar{position:relative;background:#f5f1e9}.sunrise-hero{min-height:auto;grid-template-columns:1fr;padding:55px 22px 100px}.sunrise-hero:after{background:linear-gradient(#f3e8d7ed 0 48%,#f3e8d766)}.sunrise-hero-bg{background-position:62% center}.sunrise-hero-copy{z-index:2}.sunrise-hero h1{font-size:75px;margin:24px 0 35px}.sunrise-hero h1 em{margin-left:.2em}.sunrise-phone-wrap{width:min(68vw,285px);margin-top:25px}.sunrise-phone{border-width:7px;border-radius:38px}.sunrise-hero-facts{left:22px;right:22px;grid-template-columns:1fr 1fr}.sunrise-hero-facts span{padding:13px 8px;font-size:9px}.sunrise-hero-facts span:nth-child(2){border-right:0}.sunrise-pause,.sunrise-volume,.sunrise-interface,.sunrise-reliability,.sunrise-engineering{padding:70px 22px}.sunrise-pause{min-height:680px}.sunrise-pause-grid,.sunrise-volume-copy{grid-template-columns:1fr;gap:15px}.sunrise-pause h2,.sunrise-volume h2,.sunrise-interface h2,.sunrise-reliability h2,.sunrise-engineering h2{font-size:59px}.sunrise-script{grid-column:1}.sunrise-pause-grid>p:last-child{grid-column:1;grid-row:auto}.sunrise-bars{height:190px;gap:7px}.sunrise-interface{grid-template-columns:1fr}.sunrise-tabs button{font-size:15px}.sunrise-stage{position:relative;top:auto;min-height:620px}.sunrise-stage figure{grid-template-columns:minmax(190px,245px)}.sunrise-stage figcaption{position:absolute;left:-20px;right:-20px;bottom:-120px}.sunrise-reliability{grid-template-columns:1fr}.sunrise-clock{width:250px;margin:10px auto}.sunrise-steps{grid-template-columns:1fr;gap:18px}.sunrise-steps li{border-top:1px solid #f6f1e832;padding-top:20px}.sunrise-flow{grid-template-columns:1fr;gap:8px}.sunrise-flow>i{transform:rotate(90deg);justify-self:center}.sunrise-engineering{padding-bottom:85px}}
@media(prefers-reduced-motion:reduce){.sunrise-glow,.sunrise-clock span{animation:none!important}.sunrise-bars i{transform:scaleY(1)!important;transition:none!important}.sunrise-stage img{transition:none!important}}

/* Borsh — concert energy outside, calm working system inside. */
.story-borsh{--borsh-pink:#ff2788;--borsh-ink:#0b0b12;--borsh-paper:#f5f0e9;background:var(--borsh-paper);color:#17141a}.story-borsh main{max-width:none}.story-borsh .topbar{position:absolute;inset:0 0 auto;z-index:20;background:linear-gradient(#09070dcc,transparent);border:0;color:#fff}.story-borsh h1,.story-borsh h2{font-family:var(--serif);font-weight:500}.story-borsh em{color:var(--borsh-pink);font-weight:500}.borsh-product-hero{position:relative;isolation:isolate;min-height:clamp(760px,94vh,1000px);display:grid;grid-template-columns:minmax(330px,.72fr) minmax(480px,1.28fr);align-items:center;gap:4vw;padding:130px 6vw 80px;overflow:hidden;color:#fff;background:#100914 url('/static/img/cases/borch-stage-glow.webp') center/cover no-repeat}.borsh-product-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#100813f2 0 36%,#1008139e 58%,#09060bbb)}.borsh-lights{position:absolute;z-index:-1;inset:-10%;background:radial-gradient(circle at 72% 10%,#ff3c9a55,transparent 21%),radial-gradient(circle at 20% 4%,#ff2b8b38,transparent 18%);animation:borsh-pulse 7s ease-in-out infinite alternate}.borsh-hero-copy{position:relative;z-index:2;max-width:600px}.borsh-hero-copy>a{color:#fff;text-decoration:none}.borsh-hero-copy h1{font-size:clamp(105px,12vw,185px);line-height:.72;margin:45px 0 42px}.borsh-hero-copy .hero-thought{font:clamp(28px,3vw,47px)/.98 var(--serif)!important;margin-bottom:30px}.borsh-hero-copy>p:last-of-type{max-width:490px;color:#eee2e9}.borsh-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:35px}.borsh-actions a{padding:15px 24px;border:1px solid #fff8;border-radius:99px;color:#fff;text-decoration:none}.borsh-actions a:first-child{background:var(--borsh-pink);border-color:var(--borsh-pink)}.borsh-hero-devices{position:relative;min-height:570px;display:grid;place-items:center;perspective:1200px}.borsh-laptop{width:min(48vw,780px);padding:12px 12px 32px;border:2px solid #6e6a72;border-radius:18px;background:#111317;box-shadow:0 45px 90px #000b;transform:rotateY(-3deg)}.borsh-laptop:after{content:"";position:absolute;left:-5%;right:-5%;bottom:0;height:22px;border-radius:3px 3px 14px 14px;background:linear-gradient(#bbc0c3,#6c7175)}.borsh-laptop img,.borsh-phone img{display:block;width:100%}.borsh-phone{position:absolute;width:min(16vw,245px);right:0;bottom:35px;padding:9px;border:2px solid #777;border-radius:38px;background:#08090c;box-shadow:0 25px 50px #000c;transform:rotate(4deg)}
.borsh-tasks{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:0;padding:90px 6vw;background:var(--borsh-paper)}.borsh-tasks>*{padding:12px 32px;border-right:1px solid #241b2430}.borsh-tasks>*:first-child{padding-left:0}.borsh-tasks>*:last-child{border:0}.borsh-tasks h2{font-size:clamp(58px,6vw,94px);line-height:.82}.borsh-tasks article b{color:var(--borsh-pink);font:30px var(--serif)}.borsh-tasks h3{margin:22px 0 12px;font-size:19px}
.borsh-visitor-path{padding:100px 6vw;color:#fff;background:radial-gradient(circle at 80% 25%,#641033,#0c0c14 48%);display:grid;grid-template-columns:.72fr 1.28fr;gap:6vw}.borsh-visitor-path h2{font-size:clamp(58px,6.5vw,104px);line-height:.88}.borsh-visitor-path>div>p:last-child{max-width:570px}.borsh-visitor-path ol{list-style:none;margin:0;padding:35px 0 0;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-content:center;counter-reset:stage}.borsh-visitor-path li{position:relative;min-height:145px;padding:60px 12px 15px;border:1px solid #ff27885c;background:#150e18}.borsh-visitor-path li:before{counter-increment:stage;content:'0' counter(stage);position:absolute;top:15px;color:var(--borsh-pink);font:26px var(--serif)}.borsh-visitor-path li:not(:last-child):after{content:'→';position:absolute;right:-17px;top:48%;z-index:2;color:var(--borsh-pink)}.borsh-visitor-path b,.borsh-visitor-path span{display:block}.borsh-visitor-path span{font-size:12px;opacity:.72;margin-top:7px}
.borsh-cms{display:grid;grid-template-columns:.67fr 1.33fr;gap:5vw;padding:110px 6vw;background:#f7f2eb}.borsh-cms-copy h2,.borsh-gallery-story h2,.borsh-mobile-cms h2,.borsh-performance h2{font-size:clamp(55px,6.3vw,100px);line-height:.9}.borsh-demo-badge{display:inline-block;margin:20px 0;padding:8px 11px;border:1px solid #ff27885e;color:#a20d53;font-size:10px;letter-spacing:.12em}.borsh-cms-tabs{display:grid;margin-top:25px}.borsh-cms-tabs button{border:0;border-top:1px solid #20182030;background:transparent;text-align:left;padding:17px;color:inherit;cursor:pointer}.borsh-cms-tabs button:last-child{border-bottom:1px solid #20182030}.borsh-cms-tabs button[aria-pressed=true]{background:#121119;color:#fff;padding-left:28px}.borsh-cms-stage{position:sticky;top:30px;align-self:start;margin:0;padding:20px;background:#111117;box-shadow:0 25px 70px #26152436}.borsh-cms-stage img{display:block;width:100%;transition:opacity .18s ease,transform .25s ease}.borsh-cms-stage.is-changing img{opacity:.25;transform:scale(.985)}.borsh-cms-stage figcaption{display:flex;gap:20px;justify-content:space-between;padding:18px 5px 2px;color:#fff}.borsh-cms-stage figcaption span{font-size:13px;color:#c9c3c8}
.borsh-gallery-story,.borsh-mobile-cms,.borsh-performance{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:5vw;padding:100px 6vw}.borsh-gallery-story{color:#fff;background:#100d13}.borsh-gallery-story img,.borsh-mobile-cms img,.borsh-performance img{width:100%;display:block;box-shadow:0 25px 65px #0004}.borsh-gallery-story ul{columns:2;padding-left:20px}.borsh-gallery-story li{margin:9px 0}.borsh-mobile-cms{background:linear-gradient(115deg,#1a0812,#4c102c 55%,#120a12);color:#fff}.borsh-mobile-cms img{mix-blend-mode:screen}.borsh-performance{background:#f7f3ed}.borsh-scores{display:grid;grid-template-columns:repeat(4,1fr);margin-top:35px;border-top:1px solid #251a2430}.borsh-scores b{padding:18px 8px;color:#188948;font:35px var(--serif)}.borsh-scores small{display:block;color:#3e3840;font:10px sans-serif}.borsh-result{background:linear-gradient(120deg,#f7f2ea,#eddde5)}.borsh-next{background:#111018;color:#fff}
@keyframes borsh-pulse{to{transform:scale(1.08);filter:saturate(1.3)}}
@media(max-width:900px){.borsh-product-hero{grid-template-columns:.72fr 1fr;padding-inline:5vw}.borsh-tasks{grid-template-columns:1fr 1fr}.borsh-tasks header{grid-column:1/-1}.borsh-visitor-path,.borsh-cms,.borsh-gallery-story,.borsh-mobile-cms,.borsh-performance{grid-template-columns:1fr;padding-inline:5vw}.borsh-visitor-path ol{grid-template-columns:repeat(5,1fr)}.borsh-cms-stage{position:relative;top:auto}}
@media(max-width:640px){.story-borsh .topbar{position:relative;background:#0d0910}.borsh-product-hero{min-height:auto;grid-template-columns:1fr;padding:55px 22px 70px}.borsh-hero-copy h1{font-size:96px;margin:30px 0}.borsh-hero-devices{min-height:390px;margin-top:20px}.borsh-laptop{width:94%}.borsh-phone{width:31%;right:0;bottom:10px}.borsh-tasks{grid-template-columns:1fr;padding:65px 22px}.borsh-tasks header{grid-column:auto}.borsh-tasks>*{padding:24px 0;border-right:0;border-bottom:1px solid #241b2430}.borsh-tasks h2,.borsh-visitor-path h2,.borsh-cms-copy h2,.borsh-gallery-story h2,.borsh-mobile-cms h2,.borsh-performance h2{font-size:52px}.borsh-visitor-path,.borsh-cms,.borsh-gallery-story,.borsh-mobile-cms,.borsh-performance{padding:70px 22px}.borsh-visitor-path ol{grid-template-columns:1fr}.borsh-visitor-path li{min-height:86px;padding:32px 15px 15px 65px}.borsh-visitor-path li:before{left:16px;top:27px}.borsh-visitor-path li:not(:last-child):after{content:'↓';right:18px;top:auto;bottom:-17px}.borsh-cms-stage{padding:8px}.borsh-cms-stage figcaption{display:block;padding:14px 5px}.borsh-cms-stage figcaption span{display:block;margin-top:5px}.borsh-gallery-story ul{columns:1}.borsh-scores{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.borsh-lights{animation:none!important}.borsh-cms-stage img{transition:none!important}}

/* Supplied Borsh atmosphere pack. */
.borsh-product-hero{background-image:url('/static/img/cases/borsh-case/stage-smoke.webp');background-position:center;background-size:cover}
.borsh-product-hero:after{background:linear-gradient(90deg,#100813f5 0 34%,#100813ba 52%,#09060b5e),linear-gradient(0deg,#09060b8c,transparent 48%)}
.borsh-tasks article{position:relative;padding-top:72px}.borsh-tasks article>img{position:absolute;top:8px;left:30px;width:49px;height:49px;object-fit:contain;filter:drop-shadow(0 8px 18px #ff278833)}
.borsh-visitor-path{position:relative;isolation:isolate;overflow:hidden;background:#0c0c14 url('/static/img/cases/borsh-case/stage-smoke.webp') center/cover no-repeat}
.borsh-visitor-path:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#090910f2 0 38%,#210916dc 72%,#090910e8)}
.borsh-path-play{position:absolute;z-index:-1;width:min(34vw,510px);right:-7%;top:-20%;opacity:.08;filter:drop-shadow(0 0 45px #ff2788);animation:borsh-icon-drift 8s ease-in-out infinite alternate}
.borsh-mobile-cms{position:relative;isolation:isolate;background:#120a12 url('/static/img/cases/borsh-case/stage-smoke.webp') 75% center/cover no-repeat;overflow:hidden}.borsh-mobile-cms:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#120a12f5,#3c0b27c7 52%,#120a12a8)}
@keyframes borsh-icon-drift{to{transform:translate(-35px,45px) rotate(8deg)}}
@media(max-width:640px){.borsh-product-hero{background-position:62% center}.borsh-product-hero:after{background:linear-gradient(#100813f5 0 48%,#100813d6 70%,#09060b80)}.borsh-tasks article{padding-top:75px}.borsh-tasks article>img{left:0;top:18px}.borsh-visitor-path{background-position:68% center}.borsh-path-play{width:75vw;right:-30%;top:4%}.borsh-mobile-cms{background-position:70% center}}
@media(prefers-reduced-motion:reduce){.borsh-path-play{animation:none!important}}

/* Download blocks shared by Android case studies. */
.app-download{display:grid;grid-template-columns:1fr .72fr;gap:8vw;align-items:center;padding:95px max(28px,10vw);overflow:hidden}.app-download h2{font-size:clamp(58px,7vw,108px);line-height:.88;margin:18px 0}.app-download p{max-width:650px}.app-download-action{display:grid;gap:15px;justify-items:start}.app-download-action a{display:inline-flex;align-items:center;justify-content:center;min-width:245px;padding:18px 28px;border-radius:999px;text-decoration:none;font-weight:650;transition:transform .2s ease,box-shadow .2s ease}.app-download-action a:hover{transform:translateY(-3px)}.app-download-action span{font-size:12px;letter-spacing:.07em;text-transform:uppercase;opacity:.7}.app-download-sunrise{color:#f8f2e7;background:radial-gradient(circle at 80% 20%,#bd6a3b44,transparent 30%),#10251e}.app-download-sunrise em{color:#e4a26d}.app-download-sunrise .app-download-action a{color:#173128;background:#f2c38f;box-shadow:0 18px 45px #0004}.app-download-wallpaper{color:#f6efe6;background:radial-gradient(circle at 78% 18%,#e2a16035,transparent 34%),#15271f}.app-download-wallpaper em{color:#b8d1bf}.app-download-wallpaper .app-download-action a{color:#f7f3ec;background:#406d58;box-shadow:0 18px 45px #0004}.app-download-action a:focus-visible{outline:3px solid currentColor;outline-offset:5px}
@media(max-width:700px){.app-download{grid-template-columns:1fr;padding:70px 22px;gap:30px}.app-download h2{font-size:54px}.app-download-action a{width:100%;min-width:0}.app-download-action span{line-height:1.55}}
@media(prefers-reduced-motion:reduce){.app-download-action a{transition:none!important}}