:root{--ink:#172033;--blue:#3155d8;--gold:#997246;--muted:#5d6472;--line:#dfe3e9;--cream:#f6f4ef;--white:#fff;--radius:18px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:114px}body{margin:0;background:#fff}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img,video{max-width:100%;display:block}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8098ff;outline-offset:5px}[hidden]{display:none!important}.container{width:min(1180px,calc(100% - 80px));margin:auto}.header{background:#171a25;color:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid #303442}.nav-wrap{width:min(1280px,calc(100% - 80px));height:74px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.logo{font-weight:750;font-size:27px;letter-spacing:-1.3px;white-space:nowrap}.logo span{color:#567bf4}.header nav{display:flex;align-items:center;gap:30px;font-size:13px;color:#d9deec}.nav-cta{padding:12px 19px;border:1px solid #485264;border-radius:30px;color:#fff}.nav-cta span{margin-left:15px}.menu-toggle{display:none;color:#fff;background:none;border:1px solid #4b5260;border-radius:9px;padding:9px 12px}.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:80px;padding-top:64px;padding-bottom:68px;min-height:790px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:.14em;color:var(--gold);margin:0 0 24px;line-height:1.65}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(50px,5.5vw,78px);letter-spacing:-.052em;line-height:1.03;font-weight:640;margin-bottom:27px}em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--gold);letter-spacing:-.06em}p{font-size:15px;line-height:1.8;color:var(--muted)}.hero-lead{max-width:460px;font-size:17px;line-height:1.75;margin-bottom:26px}.included{font-size:13px;line-height:1.7;color:var(--ink);margin-bottom:30px}.included>span:first-child{display:inline-flex;color:#38643f;background:#e9f3e9;width:20px;height:20px;align-items:center;justify-content:center;margin-right:9px;border-radius:50%;font-size:12px}.included-indent{padding-left:33px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.btn{background:var(--blue);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:9px;padding:15px 19px;font-size:13px;font-weight:600;border:1px solid var(--blue);line-height:1.4;min-height:48px;transition:transform .2s,background .2s}.btn:hover{background:#2547bc;transform:translateY(-2px)}.btn-outline{background:#fff;color:var(--ink);border-color:var(--line)}.btn-outline:hover{background:#f1f4fd}.text-link{font-size:12px;line-height:1.5;font-weight:600;background:none;border:0;padding:8px 0;color:var(--ink)}.text-link:hover{color:var(--blue)}.artist-line{margin-top:43px;display:flex;align-items:center;gap:13px}.artist-line img{object-fit:cover;border-radius:50%;object-position:center 20%;width:44px;height:44px}.artist-line p{margin:0;font-size:10px;line-height:1.8}.artist-line strong{display:block;color:var(--ink);font-weight:600;font-size:12px}.artist-line span{display:block}.hero-showcase{position:relative;display:flex;align-items:center;flex-direction:column;padding-top:30px;isolation:isolate}.showcase-orbit{position:absolute;width:520px;height:520px;border-radius:50%;top:58px;background:radial-gradient(circle,#f2ede2 0%,#f8f7f3 58%,transparent 70%);z-index:-1}.float-label{position:absolute;top:-5px;right:2px;font-size:9px;font-weight:600;letter-spacing:.12em;background:#fff;border:1px solid var(--line);border-radius:30px;padding:12px 16px;display:flex;align-items:center;gap:8px;box-shadow:0 6px 28px #17203308}.live-dot{width:6px;height:6px;background:#749674;border-radius:50%;box-shadow:0 0 0 4px #74967410}.phone{width:286px;background:#fff;border:7px solid #222630;border-radius:43px;overflow:hidden;box-shadow:0 24px 50px #19243a20,0 3px 0 #080b14;position:relative;transform:rotate(2deg)}.phone-island{position:absolute;background:#16191f;top:9px;left:50%;transform:translateX(-50%);width:77px;height:21px;border-radius:16px;z-index:2}.phone-top{height:40px;display:flex;justify-content:space-between;padding:15px 20px 0;font-size:9px;font-weight:650;color:#1d2028}.post-head{display:flex;align-items:center;gap:8px;padding:9px 12px 11px;font-size:11px}.post-head img{object-fit:cover;border-radius:50%;width:31px;height:31px}.post-head p{font-size:9px;margin:0;line-height:1.6;color:var(--ink);flex:1}.post-head strong{font-size:10px;display:block}.post-head span{display:block;color:#6d7480;font-size:8px}.phone-media{height:341px;background:#eee;position:relative;overflow:hidden}.phone-media video,.phone-media #phone-photo{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.media-backdrop{position:absolute;width:100%;height:100%;object-fit:cover;filter:blur(15px) brightness(.6);transform:scale(1.2)}.phone-media.landscape video,.phone-media.landscape #phone-photo{object-fit:contain}.expand-video{position:absolute;bottom:10px;right:10px;background:#ffffffdd;border:0;border-radius:50%;width:29px;height:29px;z-index:3;font-size:16px;color:#202638;box-shadow:0 0 0 1px #ffffff33}.post-footer{padding:13px 14px 16px}.post-symbols{display:flex;justify-content:space-between;color:#272b32;font-size:20px;margin-bottom:9px;line-height:1}.post-footer p{font-size:10px;line-height:1.6;color:#626976;margin:0 0 7px}.post-footer strong{display:block;color:#1d2230;font-size:10px}.post-footer p>span{display:block}.post-disclaimer{font-size:7px;line-height:1.5;color:#858a95;display:block}.media-switch{display:flex;gap:7px;border-top:1px solid #eff0f3;padding-top:10px;margin-top:10px;flex-wrap:wrap}.media-switch button{border:1px solid #e2e5ec;border-radius:20px;background:#fff;font-size:9px;padding:5px 10px;line-height:1.5;color:#545b67;min-height:28px}.media-switch button[aria-pressed=true]{background:#eef2ff;color:#3155d8;border-color:#cbd6ff}.media-switch #sound-button{margin-left:auto;font-size:8px}.hero-pagination{display:flex;gap:12px;margin-top:28px}.hero-pagination button{border:0;background:none;font-size:10px;color:#979ba5;border-bottom:2px solid transparent;width:27px;padding:8px 0;min-height:30px}.hero-pagination button[aria-pressed=true]{color:#2b3550;border-bottom-color:var(--blue)}.showcase-caption{font-size:10px;color:#69707c;margin-top:10px;letter-spacing:.025em}.partners-section{padding:68px 0 82px;border-top:1px solid var(--line)}.partner-heading{text-align:center}.partner-heading .eyebrow{margin-bottom:13px}.partner-heading h2{font-size:30px;margin-bottom:15px}.partner-heading p:last-child{font-size:13px}.partner-logos{display:grid;grid-template-columns:repeat(5,1fr);gap:36px;align-items:center;margin:35px 0 78px}.partner-logos figure{margin:0;text-align:center}.partner-logos img{height:75px;width:100%;object-fit:contain;padding:4px 16px}.partner-logos figcaption{font-size:10px;color:#78808d;margin-top:17px}.tour-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:0 80px;margin-bottom:30px}.tour-heading .eyebrow{grid-column:1/-1;margin-bottom:14px}.tour-heading h3{font-size:31px;letter-spacing:-.03em;line-height:1.2;font-weight:550;margin:0}.tour-heading p{font-size:13px;margin:0;max-width:360px}.tour-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tour-card{margin:0;padding:24px;background:#f6f4ee;border:1px solid #eeebe4;border-radius:15px}.tour-year{font-size:10px;letter-spacing:.1em;color:#878278}.tour-card img{width:100%;height:156px;object-fit:contain;padding:16px 10px;margin-bottom:17px}.tour-card figcaption{border-top:1px solid #dfdbd2;padding-top:17px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px}.tour-card figcaption strong{font-weight:550}.tour-card figcaption span{font-size:10px;color:#797a7e}.tour-fire{background:#242630;border-color:#242630;color:#fff}.tour-fire .tour-year,.tour-fire figcaption span{color:#adb2c0}.tour-fire figcaption{border-color:#464852}.benefits-section,.packages-section{background:var(--cream);padding:90px 0}.section-title{max-width:610px;margin-bottom:45px}.section-title .eyebrow{margin-bottom:20px}h2{font-size:clamp(31px,3.1vw,44px);font-weight:550;line-height:1.16;letter-spacing:-.04em;margin-bottom:22px}.section-title>p:last-child{max-width:540px;font-size:14px;margin-bottom:0}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:38px}.benefit-grid article{border-top:1px solid #d8d5cc;padding-top:23px}.benefit-number{font-size:9px;font-weight:600;letter-spacing:.1em;color:#8d7960;display:block;margin-bottom:25px}.benefit-grid h3{font-size:20px;font-weight:550;letter-spacing:-.03em;line-height:1.3;margin-bottom:15px}.benefit-grid p{font-size:13px;margin:0;line-height:1.9}.examples-section{padding:96px 0}.examples-title{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:35px}.examples-title .eyebrow{margin-bottom:20px}.examples-title h2{margin-bottom:0}.examples-title>p{max-width:430px;font-size:14px;margin:0}.example-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.example-card{background:#fff;border:1px solid #e0e3e9;padding:0;text-align:left;border-radius:13px;overflow:hidden;color:var(--ink);transition:transform .25s,border .25s}.example-card:hover{transform:translateY(-5px)}.example-card.selected{border-color:#6e88da;box-shadow:0 0 0 2px #c9d6fa55}.example-image{position:relative;height:175px;background:#e2e4e9;overflow:hidden}.example-image img{width:100%;height:100%;object-fit:cover}.example-card[data-media=tour] .example-image img{object-position:50% 36%}.play-marker{position:absolute;left:14px;bottom:14px;width:28px;height:28px;background:#ffffffdd;border-radius:50%;display:grid;place-items:center;font-size:9px;padding-left:2px}.example-tag{position:absolute;right:12px;bottom:22px;color:#fff;text-shadow:0 1px 4px #000;font-size:8px;letter-spacing:.07em;background:#17203380;padding:5px 7px;border-radius:4px}.example-caption{position:relative;padding:18px 14px 17px;min-height:106px}.example-caption>span:first-child{font-size:9px;color:#9499a4}.example-caption h3{font-size:13px;font-weight:550;line-height:1.4;margin:7px 0 4px}.example-caption p{font-size:10px;margin:0;line-height:1.6;color:#727989}.example-caption>span:last-child{position:absolute;right:14px;top:18px;font-size:16px}.examples-note{font-size:10px;max-width:770px;line-height:1.75;margin:18px 0 26px;color:#858a96}.view-selected{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f7f8fa;border-radius:12px;padding:20px 23px}.view-selected p{margin:0;font-size:12px;line-height:1.7}.view-selected strong,.view-selected p>span{display:block}.view-selected strong{font-size:14px;color:var(--ink)}.view-selected .btn{font-size:11px;min-height:40px;padding:10px 13px}.package-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.package{border:1px solid #dededb;border-radius:17px;padding:34px;background:#fff;display:flex;flex-direction:column}.package-premium{background:#fbfaf7;border-color:#c5b18c}.package-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:28px}.package-label{font-size:11px;letter-spacing:.1em;font-weight:650}.package-tag{background:#f1f3f7;color:#697285;border-radius:20px;padding:7px 10px;font-size:9px}.package-premium .package-tag{background:#eee7d8;color:#826c48}.package h3{font-size:28px;line-height:1.15;font-weight:550;letter-spacing:-.035em;margin-bottom:20px}.package>p{font-size:13px;max-width:390px;line-height:1.8;margin-bottom:18px}.package ul{list-style:none;padding:0;margin:8px 0 28px}.package li{padding:11px 0 11px 24px;border-bottom:1px solid #edf0f3;font-size:12px;line-height:1.8;position:relative}.package li:before{content:'✓';position:absolute;left:0;color:#657779}.package li:last-child{border:0}.package li strong{font-weight:600;color:#785f38}.package>a{margin-top:auto;align-self:flex-start}.package-footnote{font-size:10px;margin:22px 0 0;color:#7f8084}.production-section{padding:100px 0;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.production-photo{height:380px;background:#e9e6df;position:relative;border-radius:18px;overflow:hidden}.production-photo img{width:100%;height:100%;object-fit:cover}.production-photo span{position:absolute;bottom:18px;left:20px;font-size:9px;letter-spacing:.06em;background:#ffffffea;color:#444d60;padding:9px 12px;border-radius:6px}.production-copy>p:not(.eyebrow){font-size:14px}.production-steps{margin-top:28px}.production-steps p{font-size:12px;padding-left:29px;position:relative;margin-bottom:17px;line-height:1.8}.production-steps p>span{position:absolute;left:0;top:2px;font-size:9px;color:var(--gold)}.production-steps strong{font-weight:600;color:var(--ink);margin-right:3px}.faq-section{padding:30px 0 100px;display:grid;grid-template-columns:1fr 1.5fr;gap:85px}.faq-heading h2{font-size:36px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;padding:21px 32px 21px 0;font-size:13px;font-weight:550;position:relative;line-height:1.6}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:3px;top:21px;font-size:20px;font-weight:350;color:#89909c}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:12px;max-width:560px;margin-bottom:23px;line-height:1.9}.contact-section{background:#f1f3f8;padding:84px 0;text-align:center}.contact-section h2{font-size:clamp(37px,4vw,54px);line-height:1.1}.contact-section p:not(.eyebrow){font-size:14px;max-width:540px;margin:0 auto 25px}.contact-note{display:block;font-size:10px;color:#848b99;margin-top:18px}.footer{padding:37px 0;display:flex;justify-content:space-between;gap:22px;align-items:center}.footer p,.footer>a:not(.logo),.footer>span{font-size:10px;color:#7a818d;line-height:1.8;margin:0}.footer .logo{font-size:23px}dialog{border:1px solid #d2d8e3;border-radius:15px;background:#12151d;color:#fff;width:min(960px,calc(100% - 32px));max-height:90vh;padding:18px;overflow:auto}dialog::backdrop{background:#111728b8;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:20px;font-size:13px}#close-dialog{border:1px solid #444954;background:none;color:#fff;border-radius:6px;padding:7px 10px;font-size:16px}#original-video{width:100%;max-height:68vh;background:#000}dialog p{font-size:10px;color:#b2b8c4;margin:13px 0 0}
@media(max-width:1100px){.hero{gap:30px;grid-template-columns:1.05fr .95fr}.header nav{gap:18px;font-size:12px}.hero-actions{gap:15px}.benefit-grid{gap:24px}.view-selected{flex-wrap:wrap}.production-section{gap:45px}.example-grid{gap:14px}.example-image{height:155px}.float-label{right:-5px}.showcase-orbit{width:410px;height:410px;top:90px}.hero h1{font-size:61px}}
@media(max-width:850px){.container,.nav-wrap{width:calc(100% - 48px)}.menu-toggle{display:block}.nav-wrap{height:65px}.header nav{display:none;position:absolute;top:65px;right:0;left:0;background:#171a25;border-top:1px solid #343a48;padding:22px 24px;text-align:right;align-items:flex-end;gap:23px;flex-direction:column}.header nav.open{display:flex}.header nav a{font-size:14px}.hero{gap:20px;min-height:730px}.hero h1{font-size:52px}.hero-lead{font-size:15px}.hero-showcase{padding-top:40px}.float-label{right:-10px;font-size:8px;padding:10px}.phone{width:260px}.phone-media{height:309px}.showcase-orbit{width:340px;height:340px}.hero-actions{flex-direction:column;align-items:flex-start}.partner-logos{gap:16px}.partner-logos img{padding:4px 7px;height:64px}.tour-grid{gap:12px}.tour-card{padding:18px}.tour-card img{height:120px;padding:9px 0}.tour-card figcaption{flex-direction:column;align-items:flex-start}.benefit-grid{grid-template-columns:repeat(2,1fr);gap:32px}.example-grid{grid-template-columns:repeat(2,1fr);gap:20px}.example-image{height:210px}.examples-title{gap:35px}.package{padding:26px}.package-top{flex-direction:column;align-items:flex-start;gap:13px}.package h3{font-size:24px}.production-section{gap:32px}.production-photo{height:355px}.faq-section{gap:45px;grid-template-columns:.8fr 1.2fr}.footer{flex-wrap:wrap}.footer>span{width:100%}}
@media(max-width:600px){html{scroll-padding-top:90px}.container,.nav-wrap{width:calc(100% - 40px)}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:43px;padding-bottom:54px;gap:48px}.hero h1{font-size:clamp(45px,11vw,60px)}.eyebrow{font-size:9px;margin-bottom:20px}.hero-lead{font-size:15px}.included{font-size:12px}.hero-actions{gap:11px}.hero-actions .btn{width:100%}.hero-actions .text-link{padding:7px 0}.artist-line{margin-top:25px}.hero-showcase{align-self:center;width:100%;padding-top:28px}.float-label{right:0;top:-8px;position:relative;align-self:center;font-size:8px;margin-bottom:12px}.showcase-orbit{width:min(340px,100%);height:420px;top:100px}.phone{width:280px}.phone-media{height:330px}.hero-pagination{margin-top:22px}.partners-section{padding:45px 0 58px}.partner-heading h2{font-size:27px}.partner-logos{grid-template-columns:repeat(3,1fr);gap:26px 16px;margin:26px 0 54px}.partner-logos img{height:67px;padding:0}.partner-logos figcaption{font-size:9px;margin-top:10px}.tour-heading{display:block;margin-bottom:23px}.tour-heading h3{font-size:29px;margin-bottom:18px}.tour-heading p{font-size:12px}.tour-grid{grid-template-columns:1fr;gap:14px}.tour-card{padding:22px}.tour-card img{height:157px;padding:8px 25px;margin-bottom:12px}.tour-card figcaption{flex-direction:row;align-items:center;font-size:13px}.benefits-section,.packages-section{padding:56px 0}.section-title{margin-bottom:33px}.section-title>p:last-child{font-size:13px}h2{font-size:32px}.benefit-grid{gap:29px 22px}.benefit-number{font-size:8px;margin-bottom:18px;letter-spacing:.045em}.benefit-grid h3{font-size:19px}.benefit-grid p{font-size:12px;line-height:1.8}.examples-section{padding:59px 0}.examples-title{display:block;margin-bottom:25px}.examples-title h2{margin-bottom:22px}.examples-title>p{font-size:13px}.example-grid{gap:13px}.example-image{height:146px}.example-caption{padding:14px 11px;min-height:117px}.example-caption h3{font-size:12px;line-height:1.45}.example-caption p{font-size:9px}.example-tag{font-size:7px;right:7px;bottom:14px;letter-spacing:0;max-width:115px}.play-marker{left:9px;bottom:10px;width:23px;height:23px;font-size:8px}.view-selected{padding:20px;gap:14px}.view-selected p,.view-selected .text-link,.view-selected .btn{width:100%;text-align:left}.view-selected .btn{justify-content:center}.package-grid{grid-template-columns:1fr;gap:19px}.package{padding:26px}.package-top{flex-direction:row;align-items:center}.package h3{font-size:28px}.package li{font-size:12px}.production-section{padding:58px 0;display:flex;flex-direction:column;gap:31px;align-items:stretch}.production-photo{height:260px}.production-copy>p:not(.eyebrow){font-size:13px}.faq-section{display:block;padding:8px 0 57px}.faq-heading h2{font-size:31px}.faq-list summary{font-size:12px}.contact-section{padding:57px 0}.contact-section h2{font-size:39px}.contact-section p:not(.eyebrow){font-size:13px}.contact-section .btn{width:100%;max-width:330px}.contact-note{font-size:9px}.footer{padding:30px 0;display:grid;grid-template-columns:1fr 1fr;gap:18px}.footer>p{grid-column:1/-1;grid-row:2}.footer>span{grid-column:1/-1}.footer>a:not(.logo){text-align:right}.examples-note{font-size:9px}.phone{transform:rotate(1deg)}}
@media(max-width:350px){.container,.nav-wrap{width:calc(100% - 32px)}.hero h1{font-size:43px}.phone{width:260px}.phone-media{height:309px}.partner-logos{gap:22px 12px}.partner-logos figcaption{font-size:8px}.package-top{flex-direction:column;align-items:flex-start}.example-image{height:125px}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{padding-top:20px}.benefit-grid h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.phone{transform:none}}
@media(max-width:600px){
 .hero{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
 .hero-copy{display:contents}
 .hero-copy>.eyebrow{order:1}.hero-copy>h1{order:2;margin-bottom:21px}
 .hero-copy>.included{order:3;margin-bottom:22px}.hero-showcase{order:4;margin:15px 0 32px}
 .hero-copy>.hero-lead{order:5;margin-bottom:24px}.hero-copy>.hero-actions{order:6}.hero-copy>.artist-line{order:7}
}

/* Keep the compact device; the post opens into a Reel after two seconds. */
.tour-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.tour-zusammen{background:#e7f0f0;border-color:#d1e0e0}
.tour-zusammen img{padding:0;object-fit:contain;border-radius:5px}
.phone{height:610px;isolation:isolate}
.phone-media{height:341px;aspect-ratio:auto;transition:height .55s ease,top .55s ease;z-index:0}
.phone-media video,.phone-media #phone-photo{object-fit:contain;position:absolute;inset:0;width:100%;height:100%}
.phone-top,.post-head,.post-footer{position:relative;z-index:2;background:#fff;transition:background-color .5s,color .5s,opacity .5s}
.phone-top{background:transparent}.post-head{transition:opacity .45s,background-color .45s}
.phone-island{z-index:6}.media-backdrop{z-index:0}
.reel-actions{position:absolute;right:10px;bottom:134px;display:flex;flex-direction:column;align-items:center;gap:21px;z-index:4;color:#fff;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .45s,transform .45s;filter:drop-shadow(0 1px 3px #0008)}
.reel-actions button,.reel-actions>span:not(.reel-avatar){width:28px;min-height:29px;padding:0;background:none;border:0;color:inherit;display:flex;flex-direction:column;align-items:center;gap:4px}
.reel-actions svg{width:25px;height:25px;overflow:visible}.reel-avatar{border:1px solid #fff;border-radius:8px;overflow:hidden;transform:rotate(5deg)}.reel-avatar img{width:28px;height:28px;object-fit:cover}
.reel-like[aria-pressed=true]{color:#ff4968}.reel-like[aria-pressed=true] svg,.reel-save[aria-pressed=true] svg{fill:currentColor}
.reel-progress{position:absolute;bottom:3px;left:10px;right:10px;height:2px;background:#ffffff35;z-index:4;opacity:0;transition:opacity .45s}.reel-progress span{display:block;width:0;height:100%;background:#ffffffc9}
.phone.reel-mode{background:transparent}
.phone.reel-mode .phone-media{position:absolute;inset:0;height:100%;width:100%;background:transparent}
.phone.reel-mode .media-backdrop{filter:blur(14px) brightness(.65)}
.phone.reel-mode .phone-top{color:#fff}
.phone.reel-mode .post-head{background:transparent;color:#fff;opacity:0;pointer-events:none}
.phone.reel-mode .post-footer{position:absolute;left:14px;right:45px;bottom:15px;padding:0;background:transparent;transition:background-color .45s,color .45s;z-index:3}
.phone.reel-mode .post-footer:before{content:'';position:absolute;left:-14px;right:-45px;bottom:-15px;height:155px;background:linear-gradient(transparent,#0008);z-index:-1;pointer-events:none}
.phone.reel-mode .post-symbols{display:none}
.phone.reel-mode .post-footer p,.phone.reel-mode .post-footer strong,.phone.reel-mode .post-disclaimer{color:#fff;text-shadow:0 1px 3px #0009}
.phone.reel-mode .post-footer strong{font-size:10px;font-weight:650}.phone.reel-mode .post-footer p>span{font-size:9px}.phone.reel-mode .post-disclaimer{color:#ffffffb8;font-size:7px}
.phone.reel-mode .media-switch{border-top-color:transparent;padding-top:4px;margin-top:6px;gap:5px}
.phone.reel-mode .media-switch button{background:transparent;color:#fff;border-color:#ffffff75;font-size:8px;padding:4px 8px;text-shadow:0 1px 3px #0009}
.phone.reel-mode .media-switch button[aria-pressed=true]{background:#ffffff21;color:#fff;border-color:#ffffffb8}
.phone.reel-mode .media-switch #sound-button{margin-left:0;font-size:7px}
.phone.reel-mode .reel-actions{opacity:1;pointer-events:auto;transform:none}
.phone.reel-mode .reel-progress{opacity:1}
.phone.reel-mode .expand-video{bottom:auto;top:46px;right:14px;background:transparent;border:1px solid #ffffff70;color:#fff;box-shadow:none;z-index:5}
@media(max-width:850px){.phone{height:572px}.phone-media{height:309px}}
@media(max-width:600px){.phone{height:600px}.phone-media{height:330px}.tour-grid{grid-template-columns:1fr}}
@media(max-width:350px){.phone{height:574px}.phone-media{height:309px}}
@media(prefers-reduced-motion:reduce){.phone-media,.post-head,.reel-actions{transition:none}}

/* Instagram-style overlay. Counts are explicitly illustrative in this illustrative component. */
.phone{display:flex;flex-direction:column}
.phone-top,.post-head,.post-footer{flex-shrink:0}
.phone-media{flex:1;min-height:0}
.hero-showcase>.media-switch{border:0;margin-top:22px;padding:0;justify-content:center;min-height:28px}
.hero-pagination{margin-top:12px}
.reel-sample-note{font-size:8px;line-height:1.5;color:#89909b;margin-top:5px;text-align:center}
.reel-heading{position:absolute;top:48px;left:15px;z-index:4;color:#fff;font-size:17px;font-weight:700;opacity:0;transition:opacity .45s;text-shadow:0 1px 4px #0007;pointer-events:none}
.reel-heading span{font-size:13px;padding-left:3px}
.reel-author{display:none;align-items:center;gap:7px;margin-bottom:10px}
.reel-author img{border-radius:50%;object-fit:cover;width:25px;height:25px}
.reel-count{font-size:9px;font-weight:600;line-height:1.25}
.reel-actions{right:11px;bottom:130px;gap:17px}
.reel-actions>button,.reel-actions>span:not(.reel-avatar){min-height:30px}
.phone.reel-mode .reel-heading{opacity:1}
.phone.reel-mode .reel-author{display:flex}
.phone.reel-mode .post-footer{right:42px;bottom:17px}
.phone.reel-mode .post-footer .reel-author strong{font-size:10px;letter-spacing:-.02em}
.phone.reel-mode #phone-title{display:none}
.phone.reel-mode #phone-caption{font-size:10px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.phone.reel-mode .post-disclaimer{margin-top:8px;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.phone.reel-mode .post-disclaimer:before{content:'♫ ';font-size:11px}
.phone.reel-mode .phone-media video{padding:38px 0 108px}
.phone.reel-mode .phone-media.landscape video{padding:0}
.phone.reel-mode .expand-video{width:25px;height:25px;top:47px;right:15px;font-size:14px}

/* The origin and working relationship, based on Alexander's own account. */
.origin-section{padding:80px 0 90px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:80px;align-items:center;border-top:1px solid var(--line)}
.origin-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;margin-bottom:20px;max-width:660px}
.origin-copy h2{font-size:clamp(32px,3.6vw,45px);line-height:1.16;margin-bottom:28px}
.origin-founder{margin:0;min-width:0}.origin-founder>img{width:100%;height:380px;border-radius:16px;object-fit:cover;object-position:center 20%;background:#f2eee7}
.origin-founder figcaption{margin-top:17px;font-size:10px;line-height:1.7;color:#7b828f}.origin-founder strong,.origin-founder span{display:block}.origin-founder strong{font-size:13px;color:var(--ink);margin-bottom:4px}
.origin-copy>.origin-offer{border-left:2px solid #b69b71;padding-left:17px;margin:27px 0 23px;font-size:12px!important;line-height:1.8!important}.origin-offer strong,.origin-offer span{display:block}.origin-offer strong{font-weight:600;color:#8a6b40;margin-bottom:6px}
.collaboration-section{padding:80px 0;background:#f8f9fb;border-top:1px solid var(--line)}
.collaboration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:35px}.collaboration-grid article>span{font-size:9px;letter-spacing:.1em;color:var(--gold);display:block;margin-bottom:17px}.collaboration-grid h3{font-size:18px;font-weight:550;line-height:1.3;letter-spacing:-.025em;margin-bottom:13px}.collaboration-grid p{font-size:12px;line-height:1.8;margin:0}.collaboration-note{font-size:10px;color:#8c929b;margin:30px 0 0;line-height:1.8}
.visibility-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;padding:80px 0;border-bottom:1px solid var(--line);align-items:start}.visibility-section h2{font-size:36px;line-height:1.17}.visibility-copy p{font-size:13px;line-height:1.85;margin-bottom:23px}.visibility-copy strong{display:block;font-weight:600;color:var(--ink);margin-bottom:5px}
@media(max-width:850px){.origin-section{gap:35px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.origin-founder>img{height:330px}.collaboration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.visibility-section{gap:40px}.visibility-section h2{font-size:30px}}
@media(max-width:600px){.origin-section{padding:55px 0;grid-template-columns:minmax(0,1fr);gap:32px}.origin-copy h2{font-size:31px}.origin-copy>p:not(.eyebrow){font-size:13px;line-height:1.85}.origin-founder{max-width:340px}.origin-founder>img{height:330px}.origin-copy>.origin-offer{font-size:11px!important}.collaboration-section{padding:55px 0}.collaboration-grid{gap:27px 22px}.collaboration-grid h3{font-size:17px}.collaboration-grid p{font-size:11px}.visibility-section{grid-template-columns:minmax(0,1fr);gap:20px;padding:55px 0}.visibility-section h2{font-size:31px}.visibility-copy p{font-size:12px}}
@media(max-width:350px){.collaboration-grid{grid-template-columns:1fr}.origin-copy h2{font-size:29px}}

/* Legal information matches the existing JOAJU homepage. */
.footer button{background:none;border:0;color:#7a818d;padding:0;font-size:10px;line-height:1.8;cursor:pointer}
.footer button:hover{text-decoration:underline;text-underline-offset:3px}
dialog.legal-dialog{background:#fff;color:#192134;max-width:680px;padding:28px}
.legal-dialog .modal-content{position:relative}
.legal-dialog .modal-close-btn{float:right;border:1px solid #d9dfe7;border-radius:8px;background:#fff;color:#192134;width:32px;height:32px;cursor:pointer}
.legal-dialog p{font-size:13px;color:#526071;line-height:1.8}
.legal-dialog h2{font-size:27px;margin-bottom:22px}
.legal-dialog h3{font-size:17px;letter-spacing:0;margin:20px 0 10px}
.legal-dialog a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.footer{grid-template-columns:1fr 1fr}.footer button{text-align:left}.legal-dialog h2{font-size:25px}}