@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap');
:root{color-scheme:dark;--gold:#d5aa64;--white:#f1f0ec;--bg:#080807}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Mono',monospace;font-size:16px}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;font:inherit}a:focus-visible,button:focus-visible{outline:1px solid var(--gold);outline-offset:6px}img{display:block;max-width:100%}svg{fill:none;stroke:currentColor;stroke-width:1.3}.site{position:relative;max-width:1600px;margin:auto;background:radial-gradient(ellipse at 95% 29%,#63361115,transparent 28%),radial-gradient(ellipse at 5% 68%,#784b1c15,transparent 24%),radial-gradient(ellipse at 53% 97%,#64401f18,transparent 26%);overflow:hidden}header{position:absolute;z-index:5;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:22px 3.7%}.brand{display:flex;align-items:center;gap:20px;font:500 clamp(23px,2.7vw,37px) 'Barlow Condensed',sans-serif;letter-spacing:.13em}.logo{display:block;width:61px;height:61px;overflow:hidden;border-radius:50%;position:relative}.logo img{width:100%;height:100%;object-fit:cover;filter:invert(1);mix-blend-mode:screen}nav{display:flex;gap:clamp(20px,3.2vw,46px)}nav a{font:500 12px 'Barlow Condensed',sans-serif;letter-spacing:.24em;padding:10px 0}nav a:hover{color:var(--gold)}.hero{position:relative;height:44vw;max-height:680px;min-height:400px}.hero-photo{position:absolute;left:0;top:0;width:76%;height:100%;object-fit:cover;object-position:50% 60%;filter:sepia(.9) saturate(1.55) brightness(.75) contrast(1.09)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 42%,#08080744 55%,#080807 78%),linear-gradient(0deg,#080807 0%,transparent 21%),linear-gradient(180deg,#08080711,transparent 18%)}.hero-title{position:absolute;left:58%;top:30%;padding:20px 3% 28px 0;border-right:1px solid var(--gold)}h1{font:800 clamp(85px,12.8vw,194px)/1 'Barlow Condensed',sans-serif;margin:0;letter-spacing:.012em;background:linear-gradient(120deg,#fff7e7,#d4c2a2 70%,#a9a18f);background-clip:text;color:transparent}.hero-title p{font:400 13px 'Barlow Condensed';letter-spacing:.56em;text-align:center;margin:13px 0 0}.scroll{position:absolute;bottom:7%;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font:400 12px 'Barlow Condensed';letter-spacing:.25em}.scroll span{display:block;background:#bcb9a388;width:1px;height:29px}.scroll svg{width:18px;height:11px}.signature{position:relative;text-align:center;padding:23px 3.7% 0}.signature:before{content:'';position:absolute;top:0;left:30%;right:30%;height:1px;background:linear-gradient(90deg,transparent,#b9752844,transparent);box-shadow:0 0 18px 2px #ad651818}.signature h2{font:500 clamp(25px,3.05vw,44px)/1.42 'Barlow Condensed';letter-spacing:.22em;margin:0}.signature h2 strong{font:700 clamp(58px,8.3vw,126px)/1.12 'Barlow Condensed';letter-spacing:.075em;display:block;margin:5px 0 0}.sampler-wrap{display:flex;align-items:center;gap:20px;margin:42px 0 0;min-height:84px}.sample-arrow{background:none;border:0;padding:12px;flex:0 0 40px}.sample-arrow svg{width:21px;height:35px}.sampler-bank{flex:1;display:grid;grid-template-columns:1fr 1fr minmax(240px,2fr) 1fr 1fr;align-items:center;gap:15px;min-width:0}.sample-side{font:400 clamp(16px,2vw,27px) 'Barlow Condensed';letter-spacing:.06em;color:#77756e;white-space:nowrap}.sample-main{position:relative;font:600 clamp(27px,3.8vw,55px)/1.15 'Barlow Condensed';color:var(--gold);letter-spacing:.055em;min-height:1.2em;display:grid;place-items:center;padding:8px 0;text-shadow:0 0 25px #a569242c}.sample-main:after{content:'';position:absolute;bottom:-8px;width:110%;height:1px;background:linear-gradient(90deg,transparent,#c99a4f,transparent);box-shadow:0 2px 16px 1px #e0a34b35}.sample-main.flash{opacity:.65;transform:translateY(-4px)}.pause{background:none;border:0;font:400 12px 'DM Mono';color:#78746a;margin:15px auto 0;min-width:32px;min-height:26px}.steps{display:grid;grid-template-columns:1fr 45px 1fr 45px 1fr;column-gap:3%;padding:26px 4.6% 0;align-items:start}.number{font:500 21px 'Barlow Condensed';color:var(--gold);letter-spacing:.08em;margin-left:14%}.number:after{content:'';display:block;width:18px;height:1px;background:var(--gold);margin:7px 0 9px 14%}article h3{font:500 clamp(21px,2.2vw,32px) 'Barlow Condensed';letter-spacing:.15em;margin:0 0 9px 14%;white-space:nowrap}article p{font:400 clamp(14px,1.5vw,19px)/1.65 'DM Mono';margin:0 0 8px 14%;min-height:66px;letter-spacing:.005em}article img{height:11vw;max-height:170px;min-height:104px;width:100%;object-fit:cover;filter:sepia(.85) saturate(1.45) brightness(.75);margin-top:10px}#headphones{object-position:50% 45%}#studio{object-position:center 45%}.step-arrow{margin-top:80px;color:#c9c6bc}.step-arrow svg{width:35px;height:24px}.wave{height:11vw;max-height:170px;min-height:104px;display:flex;justify-content:center;align-items:center;gap:2px;margin-top:10px}.wave i{width:1px;flex:0 0 1px;background:var(--gold);opacity:.85}.featured{height:26vw;min-height:265px;max-height:400px;margin:8.3vw 3.7% 0;position:relative;border:1px solid #6e695140;overflow:hidden}.featured-photo{position:absolute;inset:0 0 0 27%;background:#281d3e}.featured-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 47%;filter:brightness(.65) saturate(.7)}.featured-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,#a9005966 5%,#8000bc55 46%,#072fc877 91%);mix-blend-mode:color}.featured-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080807 17%,#080807dd 29%,#08080755 49%,transparent 79%),linear-gradient(0deg,#08080788,transparent 30%)}.featured-copy{position:relative;z-index:1;padding:24px 3.2%}.eyebrow{font:500 12px 'Barlow Condensed';letter-spacing:.27em;color:var(--gold);margin:0 0 7px}.featured h2{font:400 clamp(45px,5.4vw,82px)/1.1 'Barlow Condensed';letter-spacing:.17em;margin:0 0 13px}.featured-copy>p:not(.eyebrow){font:400 clamp(14px,1.5vw,19px)/1.7 'DM Mono';margin:0 0 22px}.button{display:inline-block;border:1px solid #d9d6cf;font:500 14px 'Barlow Condensed';letter-spacing:.17em;padding:11px 20px}.button:hover{border-color:var(--gold);color:var(--gold)}.mooviz-mark{position:absolute;right:13%;top:36%;font:bold clamp(29px,4vw,59px)/1 Arial,sans-serif;letter-spacing:-.04em;transform:rotate(-2deg);text-shadow:0 0 28px #485eef55;color:#edf2ff}.mooviz-mark span{display:block;font:bold clamp(8px,1vw,14px) Arial,sans-serif;letter-spacing:.065em;text-align:center;margin-top:5px}footer{display:flex;justify-content:space-between;align-items:center;padding:40px 3.7% 32px;margin-top:0;gap:24px;min-height:150px}.footer-left,.footer-right{display:flex;align-items:center;gap:28px}.footer-brand{font:600 27px 'Barlow Condensed';letter-spacing:.015em}footer nav{gap:24px}footer nav a{font-size:11px;letter-spacing:.2em}.social{display:flex;align-items:center;gap:20px}.social svg{width:24px;height:24px}.social a:hover{color:var(--gold)}.location{display:flex;align-items:center;gap:13px;padding-left:20px;border-left:1px solid #aaa;font:400 11px 'Barlow Condensed';letter-spacing:.15em;white-space:nowrap}.location span{height:1px;width:24px;background:#aaa}.footer-manifest{font:500 11px/1.6 'Barlow Condensed';letter-spacing:.17em;border-left:1px solid #a89666;padding-left:17px;white-space:nowrap;margin:0}.social a{display:flex} @media(min-width:1450px){.signature{padding-top:34px}.sampler-wrap{margin-top:58px}.steps{padding-top:38px}.featured-copy{padding-top:36px}.featured-copy>p:not(.eyebrow){margin-bottom:30px}footer{padding-top:56px;padding-bottom:44px}}@media(max-width:1050px){.footer-left,.footer-right{gap:20px}footer nav{gap:20px}.social{gap:16px}.location{padding-left:15px}.footer-manifest{padding-left:14px}.brand{gap:18px}.logo{width:55px;height:55px}}@media(max-width:850px){footer{flex-wrap:wrap}.footer-right{margin-left:auto}.sampler-bank{grid-template-columns:1fr minmax(240px,2fr) 1fr}.sample-side:first-child,.sample-side:last-child{display:none}.hero-title{left:56%}.hero{min-height:350px}.steps{column-gap:1.5%}article h3,article p,.number{margin-left:5%}.number:after{margin-left:5%}}@media(max-width:600px){header{padding:19px 5%;flex-wrap:wrap;gap:16px}.logo{width:42px;height:42px}.brand{font-size:25px;gap:12px}header nav{gap:16px}header nav a{font-size:11px;letter-spacing:.1em}.hero{height:540px;min-height:0}.hero-photo{width:100%;height:82%;object-position:61% 50%}.hero-shade{background:linear-gradient(0deg,#080807 10%,transparent 58%),linear-gradient(90deg,transparent 60%,#08080777)}.hero-title{left:auto;right:7%;top:auto;bottom:13%;padding:4px 20px 18px 0}.hero-title h1{font-size:86px}.hero-title p{font-size:12px;letter-spacing:.32em}.scroll{bottom:3%;gap:4px}.scroll span{height:16px}.signature{padding:24px 5% 0}.signature h2{font-size:23px;letter-spacing:.14em}.signature h2 strong{font-size:57px;letter-spacing:.04em}.sampler-wrap{margin-top:30px;gap:0;min-height:83px}.sampler-bank{display:block}.sample-side{display:none}.sample-main{font-size:32px;min-height:74px}.sample-main:after{width:100%}.sample-arrow{flex-basis:30px;padding:7px}.sample-arrow svg{width:16px;height:30px}.pause{margin-top:8px}.steps{padding:38px 8% 0;grid-template-columns:1fr;gap:16px}article{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.number{grid-column:1;margin:0}.number:after{margin-left:0}article h3{font-size:21px;margin:0 0 12px;grid-column:1}article p{font-size:14px;margin:0;grid-column:1;min-height:0}article img,.wave{grid-column:2;grid-row:1/4;min-height:140px;height:100%;max-height:none;object-fit:cover;margin:0}.wave{gap:1px}.wave i{max-height:110px}.step-arrow{margin:0;text-align:center;transform:rotate(90deg);height:30px}.featured{height:285px;min-height:0;margin:50px 5% 0}.featured-photo{inset:0 0 0 13%}.featured-photo img{object-position:58% center}.featured-shade{background:linear-gradient(90deg,#080807e6,transparent)}.featured-copy{padding:26px 6%}.featured h2{font-size:47px}.featured-copy>p:not(.eyebrow){font-size:14px}.eyebrow{font-size:11px}.mooviz-mark{right:4%;top:45%;font-size:27px;opacity:.85}.mooviz-mark span{font-size:8px}.button{padding:10px 15px;font-size:12px}footer{padding:32px 5%;gap:27px}.footer-left{width:100%;flex-wrap:wrap;gap:20px}footer nav{gap:20px}footer nav a{font-size:11px}.footer-right{margin:0;width:100%;justify-content:space-between;gap:13px}.footer-manifest{font-size:10px}.location{font-size:10px;padding-left:12px;gap:0}.location span{display:none}.social{gap:14px}.social svg{width:22px;height:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sample-main.flash{transform:none}}
/* The sampler controls stay secondary to the five-word composition. */
@media(min-width:601px){.pause{position:absolute;right:5%;bottom:-18px;margin:0;color:#777}.steps{padding-top:24px}.logo{overflow:hidden}.logo img{position:absolute;width:300%;height:300%;max-width:none;left:-100%;top:-100%;object-fit:cover}.featured{margin-top:7vw}}

/* Three-step story: typography and wide amber visuals from the reference. */
.steps article{min-width:0}
.steps article h3{font-family:'Oswald','Barlow Condensed',sans-serif;font-weight:300;font-size:clamp(16px,1.55vw,23px);line-height:1.5;letter-spacing:.2em;margin-bottom:8px}
.steps article p{font-size:clamp(10px,.85vw,13px);line-height:1.65;min-height:3.3em;margin-bottom:14px;white-space:nowrap}
.steps article img{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:2.35;object-fit:cover;filter:none;margin-top:0}
.steps .wave{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:2.35;margin-top:0;display:block}
.steps .wave svg{display:block;width:100%;height:100%;fill:none}
.steps .step-arrow{margin-top:70px}
@media(max-width:600px){
.steps article{display:block}
.steps article h3{font-size:19px;margin-left:0}
.steps article p{font-size:12px;margin-left:0}
.steps article img,.steps .wave{margin-top:18px}
.steps .step-arrow{margin:6px 0}
}

/* Natural document flow: every step occupies its final position from the start. */
.steps-sequence article{container-type:inline-size}
.steps-sequence article p{font-size:clamp(7px,3.6cqw,12px)}
.steps-sequence .steps{position:relative;column-gap:2%}
.steps-sequence .step-arrow{opacity:.3}
/* Two aligned render layers let a soft vertical frontier restore full light. */
.steps-sequence.has-reveal article{position:relative}
.step-layer{display:flow-root}
.step-light{position:absolute;inset:0;pointer-events:none;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
.step-ghost :is(.number,h3,p){color:#92928e;opacity:.34}
.step-ghost .number:after{opacity:.7}
.steps article .step-ghost img{filter:grayscale(1) brightness(.55);opacity:.1}
.steps article .step-ghost .wave{filter:grayscale(1);opacity:.12}
.steps-sequence.has-reveal .step-arrow{opacity:.17}
@media(max-width:600px){
.steps-sequence .steps{row-gap:10px}
.steps-sequence article p{font-size:clamp(10px,3.4cqw,12px)}
}

/* MOOVIZ — composition from the supplied featured-project mockup. */
#mooviz{isolation:isolate;overflow:visible;height:clamp(270px,25.6vw,410px);max-height:none;border:1px solid #79736355;background:#080807}
#mooviz:before{content:'';position:absolute;z-index:-1;pointer-events:none;right:-4%;top:-105px;width:65%;height:calc(100% + 180px);background:url('/assets/rencontre-texture-ambre.png') right top/cover no-repeat;opacity:.5;filter:saturate(.6);mask-image:radial-gradient(ellipse at 90% 15%,#000,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 90% 15%,#000,transparent 70%)}
#mooviz:after{content:'';position:absolute;z-index:3;left:-1px;top:0;bottom:0;width:1px;background:#c39c4e;pointer-events:none}
#mooviz .featured-photo{inset:0;background:#080807;overflow:hidden}
#mooviz .featured-photo img{width:100%;height:100%;object-fit:cover;object-position:center;filter:none}
#mooviz .featured-photo:after{display:none}
#mooviz .featured-shade{background:linear-gradient(90deg,#080807ee 0%,#080807b3 23%,#08080722 43%,transparent 58%)}
#mooviz .featured-copy{padding:clamp(24px,2.6vw,42px) 3.2%;width:43%}
#mooviz .eyebrow{font:300 clamp(11px,1vw,15px)/1.5 'Oswald',sans-serif;letter-spacing:.32em;color:#c39c4e;margin-bottom:5px}
#mooviz h2{font:300 clamp(44px,5.2vw,80px)/1.15 'Barlow Condensed',sans-serif;letter-spacing:.2em;margin:0 0 14px}
#mooviz .featured-copy>p:not(.eyebrow){font-size:clamp(12px,1.15vw,17px);line-height:1.7;margin-bottom:26px;white-space:nowrap}
#mooviz .button{font:300 clamp(12px,1.1vw,16px)/1.4 'Oswald',sans-serif;letter-spacing:.25em;padding:13px 25px;border-color:#ddd9cba6}
@media(max-width:600px){
#mooviz{height:350px}
#mooviz .featured-photo img{object-position:65% center}
#mooviz .featured-shade{background:linear-gradient(90deg,#080807f5,#080807b0 45%,#08080722)}
#mooviz .featured-copy{width:90%;padding:30px 7%}
#mooviz h2{font-size:49px}
#mooviz .featured-copy>p:not(.eyebrow){font-size:12px}
#mooviz:before{width:90%;top:-70px}
}
/* Featured projects share one frame; only the selected project is interactive. */
#mooviz .project-stage{position:absolute;inset:0;overflow:hidden}
#mooviz .project-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.22,.61,.36,1),visibility .65s;pointer-events:none}
#mooviz .project-slide.is-active{opacity:1;visibility:visible;transform:translateX(0);pointer-events:auto}
#mooviz .project-z .eyebrow{color:#eabf98}
#mooviz .project-z h2{color:#ef7856}
#mooviz .project-z .featured-copy>p:not(.eyebrow){color:#edd0b8}
#mooviz .project-z .button{color:#f1c9a6;border-color:#c58e6b}
#mooviz .project-z .button:hover{color:#ffb492;border-color:#ffb492}
#mooviz .project-controls{position:absolute;z-index:4;right:0;top:0;bottom:0;width:52px}
#mooviz .project-controls button{display:grid;place-items:center;width:100%;height:100%;padding:0;background:transparent;border:0;color:#dec499;transition:background .2s,color .2s}
#mooviz .project-controls button:hover{background:transparent;color:#fff0d1}
#mooviz .project-controls svg{width:27px;height:20px}
.project-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:600px){#mooviz .project-z .featured-photo img{object-position:70% center}#mooviz .project-z .featured-copy{width:90%}#mooviz .project-controls{width:44px}}
@media(prefers-reduced-motion:reduce){#mooviz .project-slide{transition:none;transform:none}}

/* A soft light behind the navigation, with a quieter arrow on Z·C·L. */
#mooviz .project-controls{transition:right .6s ease}
#mooviz .project-controls button{position:relative;isolation:isolate;overflow:visible;transition:color .45s ease}
#mooviz .project-controls button:before{content:'';position:absolute;z-index:-1;pointer-events:none;top:3%;bottom:3%;left:-35%;right:-35%;background:radial-gradient(ellipse at center,rgba(231,183,105,.24) 0%,rgba(192,135,61,.14) 35%,rgba(149,92,37,.06) 58%,transparent 76%);opacity:0;transition:opacity .55s ease}
#mooviz .project-controls button:is(:hover,:focus-visible):before{opacity:1}
#mooviz .project-controls svg{transition:opacity .4s ease,color .4s ease}
#mooviz .project-controls{right:clamp(14px,2.2vw,34px)}
#mooviz:has(.project-z.is-active) .project-controls svg{color:#f3dfb8;opacity:.92;filter:drop-shadow(0 1px 2px #080807cc)}
#mooviz:has(.project-z.is-active) .project-controls button:is(:hover,:focus-visible) svg{opacity:1;color:#fff0d1}
@media(prefers-reduced-motion:reduce){#mooviz .project-controls,#mooviz .project-controls button,#mooviz .project-controls button:before,#mooviz .project-controls svg{transition:none}}

/* The lower frame edge doubles as the seven-second project indicator. */
#mooviz .project-progress{position:absolute;z-index:5;pointer-events:none;bottom:-1px;left:0;width:100%;height:1px;background:#c39c4e;opacity:.8;transform:scaleX(0);transform-origin:left center}
@media(prefers-reduced-motion:reduce){#mooviz .project-progress{display:none}}

/* MOOVIZ art direction: separate source files, preserved subject proportions. */
#mooviz .mooviz-responsive{position:absolute;inset:0;display:block}
@media(min-width:768px) and (max-width:1199px){
  #mooviz .mooviz-responsive{inset:0;left:0}
  #mooviz .mooviz-responsive img{width:100%;height:100%;object-fit:cover;object-position:center}
}
@media(max-width:767px){
  #mooviz .mooviz-responsive{left:25%}
  #mooviz .mooviz-responsive img{object-fit:contain;object-position:right center}
}

/* Dedicated mobile home — the desktop composition remains untouched from 768px. */
#mooviz .zcl-responsive{position:absolute;inset:0;display:block}

@media(max-width:767px){
  .steps-sequence .steps{grid-template-columns:1fr;row-gap:0;padding:26px 6% 0}
  .steps-sequence article{display:block;border-bottom:1px solid rgba(213,170,100,.16)}
  .steps-sequence article:last-of-type{border-bottom:0}
  .steps-sequence .step-layer{padding:26px 0 34px}
  .steps-sequence .number{display:block;margin:0;font-size:19px;letter-spacing:.12em}
  .steps-sequence .number:after{width:24px;margin:8px 0 13px}
  .steps-sequence article h3{margin:0 0 10px;font-size:clamp(21px,6.4vw,29px);line-height:1.3;letter-spacing:.18em;white-space:normal}
  .steps-sequence article p{margin:0;font-size:clamp(12px,3.55vw,15px);line-height:1.65;min-height:0;white-space:normal}
  .steps-sequence article img,.steps-sequence .wave{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:2.35;margin:21px 0 0;object-fit:cover}
  .steps-sequence .wave svg{width:100%;height:100%}
  .steps-sequence .step-arrow{display:none}

  #mooviz{height:clamp(470px,125vw,620px);min-height:0;margin:34px 5% 0;overflow:visible}
  #mooviz:before{right:-7%;top:-48px;width:92%;height:calc(100% + 90px);opacity:.3}
  #mooviz .project-stage{overflow:hidden}
  #mooviz .featured-photo{inset:0}
  #mooviz .mooviz-responsive,#mooviz .zcl-responsive{inset:0;left:0}
  #mooviz .featured-photo img,#mooviz .mooviz-responsive img,#mooviz .zcl-responsive img{width:100%;height:100%;object-fit:cover;object-position:center;filter:none}
  #mooviz .project-z .featured-photo img{object-position:center}
  #mooviz .featured-shade{background:linear-gradient(90deg,rgba(8,8,7,.78) 0%,rgba(8,8,7,.48) 38%,rgba(8,8,7,.12) 70%,transparent 88%),linear-gradient(0deg,rgba(8,8,7,.34),transparent 42%)}
  #mooviz .featured-copy,#mooviz .project-z .featured-copy{width:82%;height:100%;padding:29px 7% 30px}
  #mooviz .eyebrow{font-size:11px;letter-spacing:.28em;margin-bottom:7px}
  #mooviz h2{font-size:clamp(48px,14vw,64px);line-height:1.04;letter-spacing:.16em;margin-bottom:13px}
  #mooviz .featured-copy>p:not(.eyebrow){min-height:3.4em;margin-bottom:20px;font-size:clamp(12px,3.5vw,15px);line-height:1.65;white-space:normal}
  #mooviz .button{min-height:44px;padding:11px 18px;font-size:12px;letter-spacing:.22em;display:inline-flex;align-items:center}
  #mooviz .project-controls{right:8px;width:50px}
  #mooviz .project-controls button{touch-action:manipulation;color:#f1d8ab}
  #mooviz .project-controls svg{width:29px;height:21px;opacity:.92;filter:drop-shadow(0 1px 3px rgba(0,0,0,.9))}
  #mooviz:has(.project-z.is-active) .project-controls svg{color:#fff0cd;opacity:1;filter:drop-shadow(0 1px 4px #080807)}
  #mooviz .project-controls button:active:before{opacity:1}
  #mooviz .project-controls button:active svg{color:#fff7e6}

  footer{min-height:132px;margin:0;padding:36px 6% 30px}
  footer .footer-left{display:none}
  footer .footer-right{display:grid;grid-template-columns:auto auto 1fr;align-items:center;width:100%;margin:0;gap:14px}
  footer .social{gap:13px}
  footer .social svg{width:21px;height:21px}
  footer .location{padding-left:13px;font-size:9px;letter-spacing:.13em}
  footer .location span{display:none}
  footer .footer-manifest{justify-self:end;padding-left:13px;font-size:9px;line-height:1.55;letter-spacing:.13em}
}

@media(max-width:360px){
  #mooviz .featured-copy,#mooviz .project-z .featured-copy{width:86%;padding-left:6%}
  footer .footer-right{gap:10px}
  footer .social{gap:10px}
  footer .location,footer .footer-manifest{padding-left:9px}
}