@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,600;1,700&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#eeeae2;background:#111313;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}p{line-height:1.55}.brand{font-family:Manrope,Arial,sans-serif;letter-spacing:.22em;font-size:1.22rem;font-weight:700}.brand .a{font-weight:400}.nav{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 4.5vw}.navlinks{display:flex;gap:32px;align-items:center;font-size:.86rem}.navlinks a:hover,.switcher a:hover{color:#d4bf9e}.switcher{position:fixed;z-index:50;bottom:20px;left:50%;transform:translateX(-50%);padding:7px;border:1px solid #ffffff40;background:#151716e8;backdrop-filter:blur(20px);border-radius:50px;display:flex;align-items:center;gap:4px;box-shadow:0 12px 40px #0008;white-space:nowrap;font-size:.74rem}.switcher span{color:#aaa;padding:0 12px}.switcher a{padding:10px 15px;border-radius:30px}.switcher a.active{background:#e5ded0;color:#151515}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid currentColor;padding:16px 23px;font-size:.86rem;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button:focus-visible,a:focus-visible{outline:2px solid #d5bb89;outline-offset:4px}.media{position:relative;overflow:hidden}.media img{width:100%;height:100%;object-fit:cover}.media::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,#07080899)}.demo-tag{position:absolute;z-index:2;top:18px;left:18px;background:#111b;color:#fff;padding:8px 11px;font-size:.72rem;letter-spacing:.07em;backdrop-filter:blur(10px)}.play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border:1px solid #fff9;border-radius:50%;display:grid;place-items:center;background:#15151566;color:white;font-size:1.2rem}.play:after{content:'▶';margin-left:3px}.muted{color:#a7a7a0}.footer{padding:80px 5vw 120px;display:flex;justify-content:space-between;align-items:end;gap:30px;border-top:1px solid #ffffff24}.footer p{max-width:500px}.footer small{color:#aaa}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.asset-moon{background:#101112 url('assets/moon.png') center/cover no-repeat}.asset-home{background:#31302b url('assets/hospitality.png') center/cover no-repeat}.asset-care{background:#53514e url('assets/healthcare.png') center/cover no-repeat}
/* Direction 1 — cinematic */
.cinema{background:#0a0c0d}.cinema .nav{position:absolute;left:0;right:0}.cinema-hero{height:100svh;min-height:690px;position:relative;display:flex;align-items:center;padding:110px 8vw 95px;overflow:hidden}.cinema-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0a0c0d 3%,#0a0c0dde 38%,transparent 85%),linear-gradient(0deg,#0a0c0d 0%,transparent 28%);z-index:1}.cinema-hero .asset-moon{position:absolute;inset:0;background-position:center center;transform:scale(1.08);animation:float 12s ease-in-out infinite alternate}.cinema-copy{position:relative;z-index:2;max-width:780px}.cinema h1{font:600 clamp(3.6rem,7.4vw,8rem)/.99 Manrope,Arial,sans-serif;letter-spacing:-.072em;margin:26px 0 30px}.cinema h1 em{color:#d8c6a5;font-style:normal}.cinema .lead{font-size:1.05rem;max-width:420px;color:#cfcbc3;margin-bottom:40px}.cinema .scrollhint{position:absolute;z-index:2;bottom:45px;right:6vw;letter-spacing:.15em;font-size:.74rem;color:#bdbcb6}.cinema-work{padding:95px 8vw 150px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section-head h2{font:600 clamp(2.5rem,5vw,5.5rem)/1.03 Manrope;letter-spacing:-.06em;margin:14px 0 0}.section-head p{max-width:300px;color:#aaa}.cinema-card{display:grid;grid-template-columns:1.4fr .6fr;min-height:540px;margin-bottom:24px;background:#171a1a}.cinema-card .media{height:540px}.cinema-card .copy{padding:42px;display:flex;flex-direction:column;justify-content:space-between}.cinema-card h3{font:600 clamp(2rem,3vw,3rem)/1.08 Manrope;letter-spacing:-.045em;margin:16px 0}.cinema-services{border-top:1px solid #ffffff33;padding:110px 8vw 130px;display:grid;grid-template-columns:1fr 1fr;gap:12vw}.cinema-services h2{font:600 clamp(2.8rem,5vw,5rem)/1.05 Manrope;letter-spacing:-.06em;margin:18px 0}.service-line{border-top:1px solid #ffffff44;padding:23px 0}.service-line h3{font-size:1.4rem;margin:0 0 8px}.service-line p{color:#aaa;margin:0}
/* Direction 2 — editorial */
.editorial{background:#e5e0d5;color:#1c201f}.editorial .nav{border-bottom:1px solid #1b211f33}.editorial .muted{color:#646b68}.editorial-hero{min-height:690px;display:grid;grid-template-columns:1.04fr .96fr;border-bottom:1px solid #1b211f33}.editorial-hero .words{padding:7vw 5vw 6vw;display:flex;flex-direction:column;justify-content:space-between}.editorial-hero h1{font:500 clamp(4.2rem,8vw,9.5rem)/.91 Manrope;letter-spacing:-.09em;margin:70px 0 40px}.editorial-hero h1 span{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.08em}.editorial-hero .intro{max-width:420px;font-size:1.07rem}.editorial-hero .image-panel{min-height:690px;background:#181a1b;position:relative}.editorial-hero .image-panel .asset-moon{position:absolute;inset:0;background-position:57% center}.editorial-hero .image-panel:after{content:'LUNAH / 01';position:absolute;bottom:35px;left:35px;color:#eee;font-size:.7rem;letter-spacing:.2em}.editorial-work{padding:110px 5vw 130px}.editorial-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;border-bottom:1px solid #1c201f55;padding-bottom:25px;margin-bottom:60px}.editorial-head h2{font:500 clamp(3rem,6vw,6rem)/1 Manrope;letter-spacing:-.07em;margin:10px 0}.editorial-card{display:grid;grid-template-columns:.54fr 1fr;gap:5vw;margin-bottom:95px;align-items:center}.editorial-card:nth-child(even){grid-template-columns:1fr .54fr}.editorial-card:nth-child(even) .media{order:-1}.editorial-card .media{height:500px}.editorial-card .media img{filter:saturate(.72)}.editorial-card .info{padding:20px 0}.editorial-card h3{font:500 clamp(2.8rem,5vw,5.3rem)/1 Manrope;letter-spacing:-.07em;margin:25px 0}.editorial-card p{max-width:380px}.editorial-services{background:#1b201e;color:#eeeae2;padding:100px 5vw 130px;display:grid;grid-template-columns:1fr 1fr;gap:7vw}.editorial-services h2{font:500 clamp(3rem,5vw,5.5rem)/1 Manrope;letter-spacing:-.07em;margin:0}.editorial-services article{border-top:1px solid #ffffff66;padding:30px 0}.editorial-services article h3{font-size:1.5rem}.editorial .footer{background:#1b201e;color:white;border-color:#ffffff33}
/* Direction 3 — campaign typography */
.pulse{background:#121412;color:#f0f0e8}.pulse .nav{border-bottom:1px solid #ffffff44}.pulse-hero{min-height:740px;position:relative;overflow:hidden;padding:5vw;display:flex;flex-direction:column;justify-content:space-between}.pulse-hero .eyebrow{color:#c7d6b5}.pulse-hero h1{font:700 clamp(5.8rem,13.4vw,15rem)/.82 Manrope;letter-spacing:-.11em;margin:60px 0;position:relative;z-index:2;text-transform:uppercase}.pulse-hero h1 span{display:block}.pulse-hero h1 span:last-child{color:#c9d6b4}.pulse-hero .moon-cut{position:absolute;right:-10vw;top:5%;width:60vw;height:90%;background:url('assets/moon.png') 72% center/cover no-repeat;opacity:.55;filter:grayscale(1);mask-image:linear-gradient(90deg,transparent,black 35%)}.pulse-hero-bottom{position:relative;z-index:3;display:flex;align-items:end;justify-content:space-between;border-top:1px solid #ffffff66;padding-top:22px;gap:40px}.pulse-hero-bottom p{font-size:1.05rem;max-width:350px}.ticker{overflow:hidden;background:#c9d6b4;color:#111;padding:18px 0;font-weight:700;letter-spacing:.14em;white-space:nowrap}.ticker span{display:inline-block;animation:marquee 24s linear infinite}.pulse-work{padding:90px 5vw 120px}.pulse-work h2{font:700 clamp(3rem,6.5vw,7rem)/.95 Manrope;letter-spacing:-.075em;margin:10px 0 60px}.pulse-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:25px}.pulse-card{position:relative}.pulse-card:nth-child(2){margin-top:100px}.pulse-card .media{height:560px}.pulse-card .media img{filter:contrast(1.05)}.pulse-card .label{display:flex;justify-content:space-between;align-items:end;gap:20px;border-top:1px solid #ffffff55;padding:22px 0}.pulse-card h3{font:700 clamp(1.7rem,2.8vw,3rem)/1 Manrope;letter-spacing:-.05em;margin:0}.pulse-card p{margin:0;color:#aaa}.pulse-services{background:#c9d6b4;color:#131813;padding:100px 5vw 130px}.pulse-services h2{font:700 clamp(3.4rem,7vw,8rem)/.9 Manrope;letter-spacing:-.08em;margin:0 0 70px}.pulse-services article{border-top:2px solid #131813;display:grid;grid-template-columns:120px 1fr 1fr;gap:25px;padding:35px 0}.pulse-services article h3{font:700 clamp(2rem,4vw,4rem)/1 Manrope;letter-spacing:-.06em;margin:0}.pulse-services article p{max-width:350px;margin:0}
/* chooser */
.chooser{background:#141615;min-height:100vh;padding:50px 5vw 90px}.chooser-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff33;padding-bottom:30px}.chooser h1{font:600 clamp(3rem,6vw,6rem)/1.05 Manrope;letter-spacing:-.07em;max-width:1000px;margin:75px 0 18px}.chooser .sub{max-width:650px;color:#b9b8b0;font-size:1.07rem;margin-bottom:60px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.choice{display:block;border:1px solid #ffffff33;background:#1d201e;transition:transform .25s,border-color .25s}.choice:hover{transform:translateY(-7px);border-color:#d7c4a1}.choice-preview{height:300px;position:relative;overflow:hidden;padding:23px;display:flex;flex-direction:column;justify-content:space-between}.choice-preview.one{background:linear-gradient(90deg,#0a0b0c 10%,transparent),url('assets/moon.png') center/cover}.choice-preview.two{background:#e5e0d5;color:#141817;display:grid;grid-template-columns:1fr 1fr;padding:0}.choice-preview.two .txt{padding:24px}.choice-preview.two .pic{background:url('assets/moon.png') 58% center/cover}.choice-preview.three{background:#151715 url('assets/moon.png') 150% center/cover no-repeat}.choice-preview.three .big{font:800 4.5rem/.85 Manrope;letter-spacing:-.09em;text-transform:uppercase;color:#cad8b8}.choice-preview .tiny{font-size:.62rem;letter-spacing:.19em}.choice-preview .big{font:600 2.4rem/.95 Manrope;letter-spacing:-.07em}.choice-meta{padding:22px}.choice-meta h2{font:600 1.5rem Manrope;margin:0 0 12px}.choice-meta p{color:#aeb2ac;min-height:75px;margin:0}.choice-meta .go{display:block;margin-top:25px;border-top:1px solid #ffffff33;padding-top:17px}.placeholder-note{margin-top:42px;color:#999;font-size:.83rem}
@keyframes float{to{transform:scale(1.13) translateX(-1%)} }@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:850px){.navlinks{gap:12px}.navlinks a:nth-child(2){display:none}.cinema-card,.editorial-hero,.editorial-card,.editorial-card:nth-child(even),.editorial-services,.cinema-services,.pulse-grid,.choice-grid{grid-template-columns:1fr}.cinema-hero{min-height:680px}.cinema-hero .asset-moon{background-position:65% center;opacity:.58}.cinema-card .media{height:340px}.cinema-card .copy{gap:50px}.editorial-hero .image-panel{min-height:370px;order:-1}.editorial-hero .words{padding:50px 5vw}.editorial-hero h1{margin:45px 0}.editorial-card:nth-child(even) .media{order:0}.editorial-card .media{height:370px}.pulse-card:nth-child(2){margin-top:25px}.pulse-hero h1{font-size:clamp(4.4rem,15vw,8rem)}.pulse-hero .moon-cut{width:100vw;right:-30vw}.pulse-services article{grid-template-columns:45px 1fr}.pulse-services article p{grid-column:2}.choice-preview{height:270px}}@media(max-width:550px){.nav{padding:20px 5vw}.navlinks a:nth-child(1),.navlinks a:nth-child(3){display:none}.switcher{width:calc(100% - 24px);justify-content:center;bottom:10px;font-size:.65rem}.switcher span{display:none}.switcher a{padding:10px 12px}.cinema-hero{padding-left:6vw;padding-right:6vw}.cinema h1{font-size:clamp(3.2rem,12vw,5rem)}.cinema-work,.cinema-services,.editorial-work,.editorial-services,.pulse-work,.pulse-services{padding-left:6vw;padding-right:6vw}.section-head,.pulse-hero-bottom,.footer{display:block}.cinema-card .copy{padding:25px}.editorial-head{grid-template-columns:1fr}.editorial-hero h1{font-size:clamp(3.9rem,13vw,6rem)}.pulse-hero{min-height:640px}.pulse-hero h1{font-size:clamp(4.1rem,17vw,6rem)}.pulse-card .media{height:390px}.footer{padding-bottom:130px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* Expanded comparison */
.choice-preview.four{background:#181a19;color:#e6d4b8}.choice-preview.four:before{content:'';position:absolute;right:0;top:12px;bottom:12px;width:48%;background:url('assets/moon.png') 75% center/contain no-repeat;opacity:.9}.choice-preview.four>*{z-index:1}.choice-preview.five{background:#242724;color:#eae7db}.choice-preview.five:after{content:'';position:absolute;right:0;top:0;width:48%;height:100%;background:url('assets/hospitality.png') center/cover no-repeat;opacity:.65}.choice-preview.five>*{z-index:1}.choice-preview.six{background:#d8c7ac;color:#171a18}.choice-preview.six .big{font-size:2.8rem}
/* 04 Nocturne */
.nocturne{background:#171a19;color:#eee7d9}.nocturne .nav{border-bottom:1px solid #d9c9ab36}.nocturne-hero{min-height:720px;display:grid;grid-template-columns:1.05fr .95fr;padding:5vw;gap:4vw}.nocturne-content{display:flex;flex-direction:column;align-items:start;justify-content:center}.nocturne-content h1{font:600 clamp(3.8rem,7vw,8rem)/.99 Manrope;letter-spacing:-.075em;margin:34px 0}.nocturne-content h1 i{font-family:Georgia,serif;font-weight:400;color:#d3b995}.nocturne-content p{max-width:420px;color:#c6c0b5;font-size:1.1rem;margin:0 0 35px}.nocturne-art{background:#090b0c;position:relative;min-height:550px;overflow:hidden}.nocturne-art img{width:100%;height:100%;object-fit:contain}.nocturne-art span{position:absolute;bottom:25px;left:25px;font-size:.7rem;letter-spacing:.15em;color:#ddcfb7}.nocturne-work{padding:100px 5vw 140px}.nocturne-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:50px;gap:40px}.nocturne-title h2{font:600 clamp(2.8rem,5vw,5.6rem)/1 Manrope;letter-spacing:-.065em;margin:0}.nocturne-row{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;border-top:1px solid #d5c3a951;padding:32px 0;gap:6vw}.nocturne-row .media{height:460px}.nocturne-row h3{font:600 clamp(2rem,3.4vw,3.8rem)/1.05 Manrope;letter-spacing:-.055em}.nocturne-row p{color:#b7b2a8}.nocturne-services{background:#d7c5a8;color:#191c19;padding:100px 5vw 120px}.nocturne-services h2{font:600 clamp(3rem,5vw,6rem)/1 Manrope;letter-spacing:-.06em;max-width:900px}.nocturne-services>div{display:grid;grid-template-columns:1fr 1fr;gap:30px}.nocturne-services article{border-top:1px solid #222;padding:26px 0}.nocturne-services article p{max-width:420px}
/* 05 Studio */
.studio{background:#242725;color:#eae6dc}.studio .nav{border-bottom:1px solid #ffffff2c}.studio-hero{display:grid;grid-template-columns:1.1fr .9fr;min-height:760px}.studio-heading{padding:7vw 5vw;display:flex;flex-direction:column;justify-content:space-between}.studio-heading h1{font:600 clamp(4rem,7.5vw,9rem)/.97 Manrope;letter-spacing:-.082em;margin:60px 0}.studio-heading h1 em{color:#d7c2a0;font-weight:500;font-style:normal}.studio-bottom{display:flex;gap:30px;align-items:end;justify-content:space-between}.studio-bottom p{max-width:260px}.studio-visual{position:relative;background:#101213;overflow:hidden}.studio-visual img{width:100%;height:100%;object-fit:contain}.studio-visual span{position:absolute;bottom:30px;left:30px}.studio-work{padding:110px 5vw 130px;background:#191c1a}.studio-caption{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px;border-bottom:1px solid #ffffff44;padding-bottom:20px}.studio-caption h2{font:600 clamp(2.8rem,5vw,5.6rem)/1 Manrope;letter-spacing:-.065em;margin:0;max-width:700px}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.studio-grid article:nth-child(2){margin-top:80px}.studio-grid .media{height:570px}.studio-meta{padding:22px 0;display:flex;justify-content:space-between;gap:25px;border-top:1px solid #ffffff60}.studio-meta span{color:#bcb5a9}.studio-services{padding:110px 5vw 130px;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.studio-services h2{font:600 clamp(2.8rem,4.5vw,5rem)/1.05 Manrope;letter-spacing:-.06em}.studio-services article{border-top:1px solid #fff6;padding:27px 0;display:grid;grid-template-columns:55px 1fr}.studio-services article h3{font:600 2rem Manrope;margin:0}.studio-services article p{grid-column:2;max-width:430px;color:#bcb5a9}
/* 06 Eclipse */
.eclipse{background:#151817;color:#eee7da}.eclipse .nav{background:#d9c8aa;color:#171a18;border-bottom:1px solid #171a1838}.eclipse-hero{background:#d9c8aa;color:#181b19;min-height:710px;padding:5vw;display:flex;flex-direction:column;justify-content:space-between}.eclipse-lead{display:flex;align-items:end;justify-content:space-between;gap:50px}.eclipse-lead h1{font:600 clamp(4.2rem,8.2vw,10rem)/.94 Manrope;letter-spacing:-.085em;margin:50px 0 65px}.eclipse-lead p{max-width:290px;font-size:1.05rem;padding-bottom:70px}.eclipse-foot{display:flex;justify-content:space-between;border-top:1px solid #181b1966;padding-top:18px;font-size:.75rem;letter-spacing:.14em}.eclipse-image{height:55vw;max-height:760px;min-height:450px;background:#080a0b url('assets/moon.png') center/contain no-repeat;position:relative}.eclipse-image span{position:absolute;bottom:28px;left:5vw;font-size:.7rem;letter-spacing:.16em}.eclipse-work{padding:110px 5vw 130px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.eclipse-intro{grid-column:1/-1;display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:30px}.eclipse-intro h2{font:600 clamp(3rem,5vw,6rem)/1 Manrope;letter-spacing:-.065em;max-width:700px;margin:0}.eclipse-intro p{max-width:300px;color:#b6b2aa}.eclipse-card .media{height:530px}.eclipse-card>div:last-child{display:flex;justify-content:space-between;border-top:1px solid #ffffff6b;padding-top:20px;gap:20px}.eclipse-card h3{font:600 1.6rem Manrope;margin:0}.eclipse-card p{color:#aaa;margin:0}.eclipse-services{background:#242823;padding:100px 5vw 130px}.eclipse-services h2{font:600 clamp(3rem,6vw,7rem)/1 Manrope;letter-spacing:-.07em}.eclipse-services>div{display:grid;grid-template-columns:1fr 1fr;gap:30px}.eclipse-services p{border-top:1px solid #fff7;padding-top:25px;font-size:1.1rem;color:#bbb}.eclipse-services b{color:#fff}
@media(max-width:900px){.nocturne-hero,.studio-hero{grid-template-columns:1fr}.nocturne-hero{padding:55px 5vw}.nocturne-content{padding-bottom:55px}.nocturne-art{min-height:400px;height:54vw}.nocturne-row{grid-template-columns:1fr;gap:15px}.nocturne-row .media{height:360px}.studio-heading{padding:65px 5vw}.studio-heading h1{margin:50px 0}.studio-visual{height:65vw;max-height:550px}.studio-services{grid-template-columns:1fr}.eclipse-lead{display:block}.eclipse-lead p{padding:0 0 20px}.eclipse-intro{display:block}}
@media(max-width:600px){.choice-preview.four:before{background-position:80% center}.nocturne-hero{padding:45px 6vw 60px;min-height:0}.nocturne-content h1{font-size:clamp(3.3rem,12vw,5rem);margin:36px 0 24px}.nocturne-art{min-height:0;height:86vw}.nocturne-art img{object-fit:contain}.nocturne-art span{font-size:.6rem;left:15px;bottom:15px}.nocturne-work,.nocturne-services,.studio-work,.studio-services,.eclipse-work,.eclipse-services{padding-left:6vw;padding-right:6vw}.nocturne-title{display:block}.nocturne-title h2{margin-top:20px}.nocturne-row .media{height:310px}.nocturne-services>div,.studio-grid,.eclipse-work,.eclipse-services>div{grid-template-columns:1fr}.studio-heading{padding:45px 6vw}.studio-heading h1{font-size:clamp(3.7rem,13vw,5rem);margin:65px 0}.studio-bottom{display:block}.studio-bottom .button{margin-top:15px}.studio-visual{height:90vw}.studio-grid article:nth-child(2){margin-top:10px}.studio-grid .media,.eclipse-card .media{height:350px}.studio-caption{display:block}.studio-caption h2{margin-top:18px}.studio-meta{display:block}.studio-meta span{display:block;margin-top:8px}.eclipse-hero{min-height:600px;padding:45px 6vw}.eclipse-lead h1{font-size:clamp(3.5rem,12vw,5.4rem);margin:55px 0 20px}.eclipse-foot{gap:15px}.eclipse-image{height:100vw;min-height:0;background-size:contain}.eclipse-intro{grid-column:auto}.eclipse-intro p{margin-top:20px}.eclipse-card>div:last-child{display:block}.eclipse-card p{margin-top:8px}.switcher{overflow-x:auto;justify-content:flex-start;max-width:calc(100% - 20px);scrollbar-width:none}.switcher::-webkit-scrollbar{display:none}.switcher a{flex:0 0 auto}.cinema-hero .asset-moon{background-size:contain;background-position:center 8%;opacity:.56}.cinema-hero{align-items:end;padding-bottom:110px}.cinema-hero:before{background:linear-gradient(0deg,#0a0c0d 5%,#0a0c0dcc 38%,transparent 78%)}.editorial-hero .image-panel .asset-moon{background-size:contain;background-position:center}.pulse-hero .moon-cut{top:0;right:-26vw;width:100vw;height:62%;background-size:contain;background-position:right top;opacity:.44}.choice-preview.one{background-size:auto,contain;background-repeat:no-repeat;background-color:#0a0b0c;background-position:center,85% center}.choice-preview.three{background-size:contain;background-position:150% center}}
/* 03 Kampagne — LUNAH charcoal / champagne revision */
.pulse{background:#171918;color:#f0eae0}.pulse .nav{border-color:#d7c2a04d}.pulse-hero{background:radial-gradient(ellipse at 83% 45%,#695b4930,transparent 43%),#171918}.pulse-hero .eyebrow{color:#d9c3a0}.pulse-hero h1 span:last-child{color:#d7c2a0}.pulse-hero .moon-cut{filter:none;opacity:.59}.pulse-hero-bottom{border-color:#d7c2a07a}.pulse-hero-bottom p{color:#e6ddcf}.pulse-hero .button{border-color:#d7c2a0;color:#e9dbc7}.pulse-hero .button:hover{background:#d7c2a0;color:#1b1d1a}.pulse .ticker{background:#d7c2a0;color:#1b1c19}.pulse-work{background:#171918}.pulse-work>.eyebrow{color:#d7c2a0}.pulse-work h2{color:#eee8db}.pulse-card .label{border-color:#d7c2a06b}.pulse-card .label>span{color:#d7c2a0}.pulse-card .label p{color:#c4b9a6}.pulse-services{background:#d7c2a0;color:#1b1c19}.pulse-services article{border-color:#2e2c24}.pulse-services article p{color:#464238}.pulse .footer{background:#171918;border-color:#d7c2a05e}.choice-preview.three{background-color:#171918;background-image:linear-gradient(90deg,#171918 1%,#171918cc 50%,transparent 95%),url('assets/moon.png');background-position:center,80% center;background-size:cover,cover}.choice-preview.three .big{color:#d7c2a0}
@media(max-width:600px){.pulse-hero{min-height:730px;padding:34px 6vw 47px;justify-content:flex-end;gap:26px}.pulse-hero>.eyebrow{position:absolute;top:38px;left:6vw;right:6vw;max-width:290px;line-height:1.6;z-index:2}.pulse-hero .moon-cut{top:42px;right:-16vw;width:105vw;height:52%;background-position:70% top;background-size:contain;opacity:.72;mask-image:linear-gradient(0deg,transparent 1%,black 36%)}.pulse-hero h1{font-size:clamp(3.65rem,16.6vw,6rem);line-height:.85;margin:0;max-width:100%;text-wrap:balance}.pulse-hero-bottom{display:flex;flex-direction:column;align-items:start;gap:14px;padding-top:18px}.pulse-hero-bottom p{margin:0;font-size:.96rem}.pulse-hero-bottom .button{padding:12px 17px}.choice-preview.three{background-size:cover,contain;background-repeat:no-repeat;background-position:center,115% center}}
/* Selected LUNAH direction — typography, navigation and mobile composition */
.pulse .nav{padding:22px 5vw;background:#171918;min-height:78px}.pulse-brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;color:#f0eae0;font:500 1.25rem/1 Manrope,Arial,sans-serif;letter-spacing:.23em}.pulse-brand img{width:28px;height:28px;object-fit:contain}.pulse-brand .lambda{font-weight:400}.pulse .navlinks{font-size:.91rem;color:#d9d2c8}.pulse-hero .moon-cut{mix-blend-mode:screen;filter:none;mask-image:radial-gradient(ellipse 77% 74% at 74% 46%,#000 36%,transparent 100%);opacity:.77}.pulse-hero>.eyebrow{z-index:3;line-height:1.65;max-width:520px}.pulse-hero h1{max-width:1160px}.pulse-work .pulse-card .media{background:#252521}.pulse-work .pulse-card .media img{object-position:center}.pulse-work .pulse-card .demo-tag{background:#141714e8;color:#efe7d7;border:1px solid #d7c2a066}.pulse-work .muted{max-width:700px;line-height:1.55}.pulse .footer .brand{font-weight:500;letter-spacing:.22em}
@media(max-width:850px){.pulse-hero .moon-cut{right:-20vw;width:110vw;top:10px;height:66%;background-size:contain;background-position:right top;mask-image:linear-gradient(0deg,transparent,black 30%)}}
@media(max-width:600px){.pulse .nav{padding:19px 6vw;min-height:70px}.pulse-brand{font-size:1.05rem;gap:8px;letter-spacing:.19em}.pulse-brand img{width:23px;height:23px}.pulse .navlinks{display:flex;gap:18px;font-size:.78rem}.pulse .navlinks a:nth-child(1),.pulse .navlinks a:nth-child(3){display:inline}.pulse .navlinks a:nth-child(2){display:none}.pulse-hero{min-height:calc(100svh - 70px);padding:24px 6vw 37px;gap:15px}.pulse-hero>.eyebrow{top:21px;font-size:.7rem;line-height:1.55;letter-spacing:.12em;max-width:235px}.pulse-hero .moon-cut{top:72px;right:-13vw;width:76vw;height:39%;background-position:right center;background-size:contain;mask-image:radial-gradient(ellipse 85% 80% at 70% 50%,black 34%,transparent 100%);opacity:.86}.pulse-hero h1{font-size:clamp(3.35rem,15.5vw,5.6rem);line-height:.88;letter-spacing:-.095em;margin:0;max-width:100%}.pulse-hero-bottom{gap:13px}.pulse-hero-bottom p{font-size:.91rem;line-height:1.42;max-width:315px}.pulse-work{padding-top:72px}.pulse-work h2{margin-bottom:34px}.pulse-card .media{height:360px}.pulse-card h3{font-size:1.7rem}.pulse-card .label{align-items:start}.pulse-card .label p{font-size:.86rem;line-height:1.45}.pulse-card .label>span{flex:0 0 auto}.pulse-services{padding-top:78px}.pulse-services h2{margin-bottom:48px}}

/* Real transparent lunar cutout, without a rectangular image backdrop */
.pulse-hero .moon-cut{background-image:url('assets/moon-cutout.png');background-color:transparent;background-size:contain;background-repeat:no-repeat;background-position:right center;mix-blend-mode:normal;mask-image:none;opacity:.96}
@media(max-width:850px){.pulse-hero .moon-cut{background-size:contain;background-position:right top;mask-image:none}}
@media(max-width:600px){.pulse-hero .moon-cut{top:68px;right:-12vw;width:86vw;height:42%;background-position:right center;background-size:contain;mask-image:none;opacity:.95}}
/* Mobile hero: moon sits beside the headline, clear of the copy */
@media(max-width:600px){.pulse-hero .moon-cut{top:205px;right:-16vw;width:86vw;height:42%;background-position:right center;background-size:contain;mix-blend-mode:screen;opacity:1;mask-image:none;pointer-events:none}.pulse-hero h1{isolation:isolate}.pulse-hero>.eyebrow{isolation:isolate}}
/* Tight mobile first screen: typography leads, moon remains to its right */
@media(max-width:600px){.pulse-hero{display:flex;justify-content:flex-start;min-height:0;padding:24px 6vw 42px}.pulse-hero h1{font-weight:800;margin:132px 0 24px;line-height:.86;letter-spacing:-.085em}.pulse-hero .moon-cut{top:145px;right:-16vw;width:86vw;height:230px}.pulse-hero-bottom{margin-top:0}}
/* Unified mobile composition: short label, bold headline, crescent at its side */
.pulse-hero .mobile-label{display:none}
@media(max-width:600px){.pulse-hero{display:flex;flex-direction:column;justify-content:flex-start;min-height:0;padding:30px 6vw 47px;gap:0}.pulse-hero>.eyebrow{position:relative;top:auto;left:auto;right:auto;max-width:none;margin:0 0 57px;font-size:.76rem;letter-spacing:.18em;line-height:1.25}.pulse-hero .full-label{display:none}.pulse-hero .mobile-label{display:inline}.pulse-hero h1{font-size:clamp(2.7rem,12.4vw,3.4rem);font-weight:800;line-height:.92;letter-spacing:-.08em;max-width:74vw;margin:0;z-index:3}.pulse-hero .moon-cut{top:100px;right:-16vw;width:220px;height:170px;background-image:url('assets/moon-tight.png');background-size:contain;background-position:center;mix-blend-mode:screen;opacity:1;pointer-events:none}.pulse-hero-bottom{margin:39px 0 0;gap:18px;max-width:100%}.pulse-hero-bottom p{max-width:325px;font-size:.97rem;line-height:1.5}.pulse-hero-bottom .button{padding:14px 19px}}
/* Restrained, seamless LUNAH service line */
.pulse .ticker{padding:0;overflow:hidden;background:#d7c2a0;color:#24241f;border-top:1px solid #d7c2a0;border-bottom:1px solid #d7c2a0;font:700 .81rem/1 Manrope,Arial,sans-serif;letter-spacing:.19em}.ticker-track{display:flex;width:max-content;animation:ticker-flow 28s linear infinite}.ticker-copy{flex:0 0 auto;white-space:nowrap;padding:17px 4rem 17px 0}.ticker-copy i{font-style:normal;font-weight:400;color:#72634c;padding:0 2.2rem}@keyframes ticker-flow{to{transform:translateX(-50%)}}@media(max-width:600px){.pulse .ticker{font-size:.68rem;letter-spacing:.15em}.ticker-copy{padding:13px 2.7rem 13px 0}.ticker-copy i{padding:0 1.35rem}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}}
.pulse .ticker .ticker-copy{animation:none}
/* Headline contrast: geometric declaration, editorial shadow */
.pulse-hero h1 .hero-accent{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.08em;font-style:italic;font-weight:700;letter-spacing:-.062em;line-height:.82;text-transform:none;color:#d7c2a0}.pulse-hero h1 .hero-accent span{display:block;color:inherit}.pulse-hero h1 .hero-accent span:first-child{margin-top:.05em}
@media(max-width:600px){.pulse-hero h1 .hero-accent{font-size:1.23em;line-height:.78;letter-spacing:-.065em}.pulse-hero h1 .hero-accent span:first-child{margin-top:.06em}.pulse-hero .moon-cut{top:128px}}
/* LUNAH hero surface: warm light from the right, no circular halo */
.pulse-hero{background:linear-gradient(180deg,transparent 0%,transparent 72%,#171918 100%),linear-gradient(108deg,#151716 0%,#1b1c1a 55%,#2b261f 100%)}
@media(max-width:600px){.pulse-hero{background:linear-gradient(180deg,transparent 0%,transparent 62%,#171918 100%),linear-gradient(104deg,#151716 0%,#191b19 55%,#26221d 100%)}}
/* Atmospheric moon treatment: make it part of the right edge, not a cutout sticker */
.pulse-hero .moon-cut{opacity:.58;filter:saturate(.62) brightness(.83) contrast(.9);mix-blend-mode:screen}
@media(max-width:600px){.pulse-hero .moon-cut{top:83px;right:-25vw;width:297px;height:230px;background-size:contain;background-position:center;opacity:.56;filter:saturate(.52) brightness(.76) contrast(.86);mix-blend-mode:screen}}
/* Keep the hero artwork unobstructed */
.pulse-hero-bottom{border-top:0}
/* Tablet hero: balanced typography and a nearby lunar motif */
@media(min-width:601px) and (max-width:1300px){.pulse-hero{min-height:640px;padding:5vw}.pulse-hero h1{font-size:clamp(4.1rem,8.8vw,7.2rem);line-height:.88;letter-spacing:-.085em;max-width:65%;margin:45px 0}.pulse-hero h1 .hero-accent{font-size:1.05em;line-height:.85}.pulse-hero .moon-cut{background-image:url('assets/moon-tight.png');background-size:contain;background-position:center;top:16%;right:7vw;width:47vw;height:68%;opacity:.69;filter:saturate(.65) brightness(.87) contrast(.92);mix-blend-mode:screen}}
/* A quiet charcoal surface with light confined to the moon. */
.pulse-hero{background:radial-gradient(ellipse 27% 39% at 88% 48%,rgba(179,139,88,.105),transparent 92%),#171918}
@media(min-width:601px) and (max-width:1300px){.pulse-hero{background:radial-gradient(ellipse 28% 35% at 75% 48%,rgba(179,139,88,.105),transparent 92%),#171918}}
@media(max-width:600px){.pulse-hero{background:radial-gradient(ellipse 145px 155px at calc(100% - 14px) 195px,rgba(179,139,88,.105),transparent 94%),#171918}}
/* Reduce the opening statement while giving its letterforms more substance. */
.pulse-hero h1{font-size:clamp(4.8rem,10vw,11.5rem);font-weight:800;line-height:.9;letter-spacing:-.075em}
.pulse-hero h1>span:first-child{-webkit-text-stroke:.35px currentColor}
@media(min-width:601px) and (max-width:1300px){.pulse-hero h1{font-size:clamp(3.7rem,7.3vw,6.2rem);line-height:.9;letter-spacing:-.075em}}
@media(max-width:600px){.pulse-hero h1{font-size:clamp(2.45rem,11.1vw,3.1rem);line-height:.94;letter-spacing:-.065em}}
/* Read the editorial part of the headline as one phrase. */
.pulse-hero h1 .hero-accent{display:flex;align-items:baseline;gap:.13em;white-space:nowrap;margin-top:.08em}
.pulse-hero h1 .hero-accent span{display:inline}
.pulse-hero h1 .hero-accent span:first-child{margin-top:0}
@media(max-width:600px){.pulse-hero h1{max-width:100%}.pulse-hero h1 .hero-accent{font-size:1.13em;letter-spacing:-.07em;gap:.1em;margin-top:.12em}}
/* Let the actual crescent carry the light; keep the rest of the surface calm. */
.pulse-hero{background:#1b1c1a}
.pulse-hero .moon-cut{opacity:.66;filter:saturate(.68) brightness(.9) contrast(.92) drop-shadow(0 0 34px rgba(215,183,133,.12))}
@media(min-width:601px) and (max-width:1300px){.pulse-hero .moon-cut{opacity:.72;filter:saturate(.68) brightness(.9) contrast(.92) drop-shadow(0 0 30px rgba(215,183,133,.12))}}
@media(max-width:600px){.pulse-hero .moon-cut{opacity:.64;filter:saturate(.6) brightness(.83) contrast(.9) drop-shadow(0 0 24px rgba(215,183,133,.12))}}
/* Deep violet and warm beige: preserve the established layout and artwork. */
.pulse{background:#211d29;color:#f2ece4}
.pulse .nav{background:#211d29;border-color:#d7c2a055}
.pulse .navlinks{color:#e3d8cf}
.pulse-hero{background:#2b2533}
.pulse-hero-bottom p{color:#e6ded7}
.pulse-work{background:#211d29}
.pulse-work .pulse-card .media{background:#302939}
.pulse-work .pulse-card .demo-tag{background:#211b2ae8}
.pulse .ticker{color:#2a2331}
.pulse-services{background:#d7c2a0;color:#292232}
.pulse-services article{border-color:#41364a}
.pulse-services article p{color:#514657}
.pulse .footer{background:#211d29;border-color:#d7c2a05e}
.pulse-hero .button:hover{color:#292232}
/* Floating beige glass navigation for the violet direction. */
.pulse .nav{position:absolute;z-index:20;top:18px;left:50%;transform:translateX(-50%);width:min(91vw,1280px);min-height:72px;margin:0;padding:14px 29px;border:1px solid rgba(255,247,226,.7);border-radius:999px;background:rgba(241,222,194,.78);box-shadow:0 18px 48px rgba(17,12,28,.24),inset 0 1px rgba(255,255,255,.62);-webkit-backdrop-filter:blur(20px) saturate(1.25);backdrop-filter:blur(20px) saturate(1.25)}
.pulse .pulse-brand,.pulse .navlinks{color:#292334}
.pulse .navlinks a:hover{color:#735784}
.pulse-hero{padding-top:max(135px,9vw)}
@media(min-width:601px) and (max-width:1300px){.pulse-hero{padding-top:max(125px,9vw)}}
@media(max-width:600px){.pulse .nav{top:12px;width:calc(100% - 24px);min-height:62px;padding:12px 16px}.pulse .pulse-brand{font-size:.94rem;letter-spacing:.14em;gap:7px}.pulse .pulse-brand img{width:22px;height:22px}.pulse .navlinks{font-size:.72rem;gap:13px}.pulse-hero{padding-top:112px}}
/* Lighter glass with a violet moon badge and matching pill controls. */
.pulse .nav{background:rgba(237,216,184,.27);border-color:rgba(250,233,207,.49);box-shadow:0 12px 38px rgba(17,12,28,.18),inset 0 1px rgba(255,255,255,.3);-webkit-backdrop-filter:blur(26px) saturate(1.35);backdrop-filter:blur(26px) saturate(1.35)}
.pulse .pulse-brand,.pulse .navlinks{color:#f7ebd8}
.pulse .pulse-brand img{width:38px;height:38px;padding:7px;border-radius:50%;background:#765a95;box-shadow:inset 0 1px rgba(255,255,255,.25),0 2px 8px rgba(28,18,45,.25)}
.pulse .navlinks a{padding:10px 17px;border:1px solid rgba(249,232,201,.24);border-radius:999px;background:rgba(242,218,181,.14);transition:background .2s,border-color .2s}
.pulse .navlinks a:hover{background:rgba(242,218,181,.31);border-color:rgba(249,232,201,.49);color:#fff}
.pulse .button{border:1px solid rgba(250,235,209,.58);border-radius:999px;background:rgba(234,209,169,.27);color:#fbefdd;box-shadow:inset 0 1px rgba(255,255,255,.18);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3)}
.pulse .button:hover{background:rgba(234,209,169,.43);color:#fff}
@media(max-width:600px){.pulse .nav{padding:10px 13px}.pulse .pulse-brand{font-size:.88rem;letter-spacing:.12em;gap:6px}.pulse .pulse-brand img{width:32px;height:32px;padding:6px}.pulse .navlinks{gap:5px;font-size:.69rem}.pulse .navlinks a{padding:8px 9px}}
/* Cloud study: soft lobes, transparent beige, quiet navigation. */
.pulse .nav{isolation:isolate;border:0;border-radius:48% 45% 49% 46% / 62% 53% 61% 54%;background:rgba(238,219,192,.24);box-shadow:0 14px 40px rgba(17,12,28,.15),inset 0 1px rgba(255,255,255,.21)}
.pulse .nav:before,.pulse .nav:after{content:'';position:absolute;z-index:-1;background:rgba(238,219,192,.24);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);pointer-events:none}
.pulse .nav:before{left:9%;top:-12px;width:29%;height:67px;border-radius:55% 48% 46% 44% / 67% 65% 40% 38%}
.pulse .nav:after{right:15%;top:-17px;width:30%;height:75px;border-radius:52% 48% 45% 52% / 68% 65% 38% 41%}
.pulse .pulse-brand img{background:#2b2533}
.pulse .navlinks a{padding:7px 0;border:0;border-radius:0;background:transparent}
.pulse .navlinks a:hover{background:transparent;border:0;color:#fff;text-decoration:underline;text-underline-offset:5px}
@media(max-width:600px){.pulse .nav{border-radius:44% 48% 46% 50% / 62% 55% 57% 54%}.pulse .nav:before{left:8%;top:-9px;width:37%;height:48px}.pulse .nav:after{right:11%;top:-12px;width:36%;height:53px}.pulse .navlinks{gap:13px}.pulse .navlinks a{padding:7px 0}}
/* Separate, solid beige pills in the same shade as the service band. */
.pulse .nav{width:min(91vw,1280px);min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.pulse .nav:before,.pulse .nav:after{display:none}
.pulse .pulse-brand{padding:10px 21px 10px 10px;border-radius:999px;background:#d7c2a0;color:#292232;box-shadow:0 8px 22px rgba(15,10,25,.17)}
.pulse .pulse-brand img{background:#2b2533}
.pulse .navlinks{gap:12px;color:#292232}
.pulse .navlinks a{display:inline-block;padding:13px 21px;border:0;border-radius:999px;background:#d7c2a0;color:#292232;box-shadow:0 8px 22px rgba(15,10,25,.14)}
.pulse .navlinks a:hover{border:0;background:#ead6b6;color:#292232;text-decoration:none}
@media(max-width:600px){.pulse .nav{top:15px;width:calc(100% - 24px);padding:0}.pulse .pulse-brand{padding:8px 12px 8px 8px;font-size:.88rem;letter-spacing:.12em}.pulse .pulse-brand img{width:29px;height:29px;padding:5px}.pulse .navlinks{gap:6px;font-size:.68rem}.pulse .navlinks a{padding:11px 12px}}
/* Flat beige bubbles: tactile movement without artificial shine. */
.pulse .pulse-brand,.pulse .navlinks a,.pulse .button{border:1px solid #d7c2a0;border-radius:999px;background:#d7c2a0;color:#2b2533;box-shadow:0 7px 17px rgba(14,8,25,.17);transition:transform .32s cubic-bezier(.22,1.55,.4,1),box-shadow .22s ease,background-color .22s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.pulse .pulse-brand:hover,.pulse .navlinks a:hover,.pulse .button:hover{transform:translateY(-2px) scale(1.025);background:#dfcbac;color:#2b2533;text-decoration:none;box-shadow:0 11px 23px rgba(14,8,25,.2)}
.pulse .pulse-brand:active,.pulse .navlinks a:active,.pulse .button:active{transform:translateY(1px) scale(.94,.88);background:#c7ad89;box-shadow:inset 0 3px 7px rgba(62,45,37,.2),0 2px 5px rgba(14,8,25,.13);transition-duration:.09s}
@media(prefers-reduced-motion:reduce){.pulse .pulse-brand,.pulse .navlinks a,.pulse .button{transition:none}.pulse .pulse-brand:hover,.pulse .navlinks a:hover,.pulse .button:hover,.pulse .pulse-brand:active,.pulse .navlinks a:active,.pulse .button:active{transform:none}}
/* The headline emerges from a directional shadow; the moon stays uncovered. */
.pulse-hero:before{content:'';position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(10,7,17,.75) 0%,rgba(10,7,17,.47) 34%,rgba(10,7,17,.16) 57%,rgba(10,7,17,0) 76%)}
@media(max-width:600px){.pulse-hero:before{background:linear-gradient(90deg,rgba(10,7,17,.72) 0%,rgba(10,7,17,.42) 43%,rgba(10,7,17,0) 87%)}}

/* Sparse, stationary pinpoints across the violet surfaces. The moon remains the focus. */
.pulse{
  --lunah-stars:
    radial-gradient(circle 1.5px at 9% 14%,rgba(250,236,208,.73) 98%,transparent),
    radial-gradient(circle 1px at 24% 36%,rgba(242,226,204,.51) 98%,transparent),
    radial-gradient(circle 1px at 43% 11%,rgba(251,235,210,.50) 98%,transparent),
    radial-gradient(circle 1.5px at 57% 27%,rgba(255,240,211,.71) 98%,transparent),
    radial-gradient(circle 1px at 73% 9%,rgba(234,214,196,.43) 98%,transparent),
    radial-gradient(circle 1px at 87% 36%,rgba(245,224,194,.56) 98%,transparent),
    radial-gradient(circle 1px at 16% 72%,rgba(245,229,203,.55) 98%,transparent),
    radial-gradient(circle 1.5px at 35% 59%,rgba(252,237,212,.66) 98%,transparent),
    radial-gradient(circle 1px at 51% 86%,rgba(245,229,203,.48) 98%,transparent),
    radial-gradient(circle 1px at 67% 68%,rgba(244,223,198,.56) 98%,transparent),
    radial-gradient(circle 1.5px at 79% 82%,rgba(251,232,198,.64) 98%,transparent),
    radial-gradient(circle 1px at 95% 70%,rgba(248,230,207,.49) 98%,transparent);
}
.pulse-hero,.pulse-work,.pulse-services,.pulse .footer{position:relative;isolation:isolate}
.pulse-hero:after,.pulse-work:before,.pulse-services:before,.pulse .footer:before{
  content:'';
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background-image:var(--lunah-stars);
  background-size:980px 590px;
  background-repeat:repeat;
  filter:drop-shadow(0 0 3px rgba(246,223,185,.78));
}
/* The moon occludes the sky: no stars inside its dark silhouette. */
.pulse-hero:after{
  -webkit-mask-image:radial-gradient(ellipse 27vw 36% at 83% 48%,transparent 63%,#000 95%);
  mask-image:radial-gradient(ellipse 27vw 36% at 83% 48%,transparent 63%,#000 95%);
}
.pulse-hero .moon-cut{z-index:1}
.pulse-hero>.eyebrow{position:relative;z-index:2}
.pulse-work>*,.pulse-services>*,.pulse .footer>*{position:relative;z-index:1}
.pulse-work:before{background-position:170px 63px}
.pulse .footer:before{background-position:360px 140px}
/* Carry the left-to-right shadow into the middle section for a continuous visual flow. */
.pulse-work:after{
  content:'';
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(10,7,17,.62) 0%,rgba(10,7,17,.33) 32%,rgba(10,7,17,.08) 64%,transparent 86%);
}
.pulse-services:before{
  background-image:
    radial-gradient(circle 1px at 15% 26%,rgba(70,52,83,.39) 98%,transparent),
    radial-gradient(circle 1px at 69% 15%,rgba(70,52,83,.34) 98%,transparent),
    radial-gradient(circle 1px at 84% 68%,rgba(70,52,83,.31) 98%,transparent),
    radial-gradient(circle 1px at 32% 79%,rgba(70,52,83,.28) 98%,transparent);
  background-size:950px 600px;
  filter:drop-shadow(0 0 3px rgba(86,63,104,.42));
}
@media(min-width:601px) and (max-width:1300px){
  /* Bring the crescent beside the headline on landscape tablets. */
  .pulse-hero .moon-cut{right:24vw}
  .pulse-hero:after{
    -webkit-mask-image:radial-gradient(ellipse 28vw 35% at 58% 48%,transparent 60%,#000 96%);
    mask-image:radial-gradient(ellipse 28vw 35% at 58% 48%,transparent 60%,#000 96%);
  }
}
@media(min-width:1301px) and (max-width:1450px){
  /* iPad Pro landscape: place the crescent beside the headline, not at the edge. */
  .pulse-hero .moon-cut{
    right:4vw;
    top:16%;
    width:47vw;
    height:68%;
    background-image:url('assets/moon-tight.png');
    background-size:contain;
    background-position:center;
  }
  .pulse-hero:after{
    -webkit-mask-image:radial-gradient(ellipse 28vw 35% at 64% 48%,transparent 60%,#000 96%);
    mask-image:radial-gradient(ellipse 28vw 35% at 64% 48%,transparent 60%,#000 96%);
  }
}
@media (min-width:1000px) and (max-width:1450px) and (hover:hover){
  /* Desktop browser at tablet-like width: keep the crescent toward the right edge. */
  .pulse-hero .moon-cut{
    right:10vw;
    top:5%;
    width:68vw;
    height:90%;
    background-image:url('assets/moon-cutout.png');
    background-size:contain;
    background-position:right center;
  }
  .pulse-hero:after{
    -webkit-mask-image:radial-gradient(ellipse 31vw 40% at 68% 48%,transparent 58%,#000 96%);
    mask-image:radial-gradient(ellipse 31vw 40% at 68% 48%,transparent 58%,#000 96%);
  }
}
.ticker i{font-size:0;font-style:normal;display:inline-block;min-width:1.3em;text-align:center}
.ticker i:after{content:'☾';font-size:.95rem;line-height:1;opacity:.82}
@media(max-width:600px){
  .pulse-hero:after,.pulse-work:before,.pulse .footer:before{background-size:650px 510px}
  .pulse-hero:after{
    background-position:45px 8px;
    -webkit-mask-image:radial-gradient(ellipse 168px 146px at calc(100% - 72px) 198px,transparent 68%,#000 98%);
    mask-image:radial-gradient(ellipse 168px 146px at calc(100% - 72px) 198px,transparent 68%,#000 98%);
  }
  .pulse-work:before{background-position:90px 51px}
  .pulse .footer:before{background-position:210px 83px}
}