@import url('https://fonts.googleapis.com/css2?family=Inter:wght@900&display=swap');
.volume-clouds{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:.95}.journey-weather .rain-canvas{z-index:3}.journey-weather .pepper{z-index:4}.avatar-stage{position:sticky;top:25svh;height:70svh;margin-bottom:-70svh;width:min(32vw,440px);z-index:3;pointer-events:none;opacity:0;will-change:transform,opacity;transform-origin:50% 100%}.avatar-stage img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 15px 20px #0005)}.badge-droplets{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}.water-drop{display:none}.polaroid{padding:13px 13px 42px}.polaroid:before{display:none}.polaroid figcaption{display:none}.founder-greeting>span{display:block;opacity:0;transform:translateY(30px);transition:opacity .75s,transform .8s cubic-bezier(.2,.7,.2,1)}.founder-greeting.has-entered>span{opacity:1;transform:none}.founder-greeting .greeting-name{transition-delay:.25s}
.brands-heading>.eyebrow{font:400 clamp(27px,3vw,46px)/1.1 var(--display);letter-spacing:0;max-width:70%}.brand-grid{gap:3vw}.brand-logo-frame{height:160px;aspect-ratio:auto;width:100%;max-width:190px;margin:0 auto}.brand-grid>div{padding:0;display:grid;grid-template-rows:160px 30px;align-items:center;text-align:center}.brand-grid .humo-logo{font:900 clamp(30px,3.8vw,58px)/1 'Inter',Arial,sans-serif!important;letter-spacing:-.06em;color:#71685e;height:160px!important;min-height:160px;max-height:160px;display:flex;align-items:center;justify-content:center}.brand-grid>div>span{margin:18px 0 0;font-size:9px;line-height:1.2;letter-spacing:1.5px;height:20px}.brand-mark{inset:15% 0!important;height:70%!important}.mark-pansy{height:65%!important;inset:17.5% 0!important}.brands{height:155svh;min-height:950px}.brands-stage{justify-content:center}.brands-heading{top:75px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:48px}.service-card{position:relative;min-width:0;perspective:1100px;background:transparent;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .2s;transform-style:preserve-3d}.service-flip{display:block;width:100%;height:235px;position:relative;padding:0;border:0;background:none;color:var(--ink);text-align:left;perspective:1000px}.service-turn{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.65,.2,1)}.service-face{position:absolute;inset:0;border-radius:12px;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:27px;background:linear-gradient(140deg,#faf5eb,#e5dbce);border:1px solid #fff9;box-shadow:0 4px 0 #c7bbae,0 10px 22px #473b2d14}.service-front:after{content:'';position:absolute;inset:4px;border:1px solid #a798811a;border-radius:9px;pointer-events:none}.service-emblem{width:64px;height:64px;background:linear-gradient(145deg,#f9f4eb,#d5c8b8);box-shadow:inset 1px 1px 2px #fff,3px 4px 6px #a6947c3b;border:1px solid #c7bbaa66;border-radius:14px;display:grid;place-items:center;color:#aa293c;transform:translateZ(18px)}.service-emblem svg{width:36px;height:36px;stroke:currentColor;stroke-width:1.45;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 0 #fff)}.service-front .service-name{font:400 clamp(23px,2.4vw,36px)/1.1 var(--display);transform:translateZ(12px)}.service-hint{position:absolute;right:25px;top:28px;font-size:24px;color:#948779}.service-back{transform:rotateY(180deg);background:#29242a;color:#f4ecdf;border-color:#51474d}.service-back-title{font:400 28px/1 var(--display);color:#f4ecdf}.service-description{font:400 16px/1.55 var(--body);max-width:270px;margin-top:18px}.service-back-icon{position:absolute;right:22px;bottom:18px;font-size:22px;color:#d78792}.service-card.is-flipped .service-turn{transform:rotateY(180deg)}.service-inquire{display:flex;justify-content:space-between;padding:17px 4px 7px;margin-top:5px;font-size:10px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #b4a79380}.service-inquire:hover{color:var(--red)}
@media(hover:hover){.service-flip:hover .service-turn{transform:rotateY(180deg)}}
.project-question{opacity:0;transform:translateX(-35px);transition:opacity .8s,transform .8s}.project-question.has-entered{opacity:1;transform:none}.project-word{display:inline-block;position:relative}.project-word:after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:3px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .65s .5s}.project-question.has-entered .project-word{animation:project-settle 1.1s .2s both}.project-question.has-entered .project-word:after{transform:scaleX(1)}@keyframes project-settle{0%{transform:rotate(-7deg) translateY(10px)}60%{transform:rotate(2deg) translateY(-2px)}100%{transform:none}}.closing-title .closing-line{display:block;opacity:0;transform:translateY(40px);transition:opacity .8s .2s,transform .9s .2s}.closing-title .closing-line:nth-child(2){transition-delay:.4s}.closing-title.has-entered .closing-line{opacity:1;transform:none}.closing-title .red-stop{color:var(--red)}
@media(max-width:700px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.service-flip{height:220px}.service-face{padding:20px}.service-front .service-name{font-size:22px}.service-emblem{width:52px;height:52px}.service-description{font-size:13px}.service-back-title{font-size:23px}.brand-grid>div{grid-template-rows:115px 25px}.brand-logo-frame{height:115px;max-width:155px}.brand-grid .humo-logo{height:115px!important;min-height:115px;max-height:115px;font-size:43px!important}.brands-heading>.eyebrow{font-size:30px}.avatar-stage{width:45vw}.brands-heading{top:40px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .volume-clouds,html:not(.motion-enabled) .avatar-stage{display:none}html:not(.motion-enabled) .founder-greeting>span,html:not(.motion-enabled) .project-question,html:not(.motion-enabled) .closing-title .closing-line{opacity:1;transform:none}html:not(.motion-enabled) .service-turn{transition:none}html:not(.motion-enabled) .project-question.has-entered .project-word{animation:none}}
/* v7: individual product renders, walking avatar and editorial spacing. */
.avatar-walk{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 20px #0004)}
.service-flip{height:auto;aspect-ratio:1.5}.service-front{overflow:hidden;background:#efe7da}.service-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.service-front .service-name{position:absolute;left:25px;bottom:20px;z-index:2;font-size:clamp(23px,2.25vw,35px);text-shadow:0 1px 8px #efe7da;transform:none}.service-hint{z-index:2;top:16px;right:19px}.service-front:after{z-index:1}.service-emblem{display:none}
.access-caption{left:8%;font-size:clamp(43px,5.7vw,90px);max-width:47%}
.brands{height:125svh;min-height:760px}.founder{grid-template-columns:minmax(250px,350px) minmax(320px,500px);justify-content:center;gap:5vw;padding:65px 8vw 105px}.founder-portrait{padding:15px 0}.founder-copy h2{font-size:clamp(60px,6.7vw,96px)}.founder-greeting .greeting-name{transition-delay:.38s}.brand-mark{background-image:none!important}
.project-question{margin-bottom:clamp(70px,10vh,120px)}.closing-title.has-entered .closing-line:first-child{transition-delay:.2s}.closing-title.has-entered .closing-line:last-child{transition-delay:.42s}
.dialogue-bubble{background:none;box-shadow:none;padding:0;max-width:350px;font:400 25px/1.2 var(--body);border-radius:0;transform:none;margin-top:28px}.dialogue-bubble:before{display:none}.chat-message{position:relative;display:block;margin-left:auto;width:fit-content;padding:22px 27px;border-radius:22px 22px 3px 22px;background:linear-gradient(145deg,#faf4e8,#ddd4c6);box-shadow:0 6px 18px #0002;opacity:0;transform:translateX(55px);transition:opacity .65s,transform .85s cubic-bezier(.16,1,.3,1)}.chat-message:after{content:'';position:absolute;right:-12px;bottom:0;border-top:15px solid transparent;border-left:17px solid #ddd4c6}.chat-reply{font-size:25px;font-weight:800;color:#ae2136;margin-top:13px;padding:17px 23px;transition-delay:.25s}.dialogue-bubble.is-visible{transform:none}.dialogue-bubble.is-visible .chat-message{opacity:1;transform:none}
.cursor-chili{position:fixed;z-index:99999;width:12px;height:18px;object-fit:contain;pointer-events:none;animation:cursor-fall .9s ease-in forwards;will-change:transform,opacity}@keyframes cursor-fall{0%{transform:translateY(0) rotate(-10deg);opacity:.9}100%{transform:translate(var(--drift),80px) rotate(var(--spin));opacity:0}}
@media(max-width:700px){.service-flip{aspect-ratio:1.05}.service-art{object-fit:contain}.service-front .service-name{font-size:20px;left:15px;bottom:17px}.founder{grid-template-columns:1fr;gap:25px;padding:55px 8vw}.access-caption{left:6%;font-size:clamp(30px,8vw,45px);max-width:55%}.project-question{margin-bottom:55px}.chat-message{font-size:22px}.brands{height:auto;min-height:750px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .chat-message{opacity:1;transform:none;transition:none}html:not(.motion-enabled) .cursor-chili{display:none}}
html,body{overflow-x:clip}.journey{overflow-x:clip}.founder-intro p{margin:0 0 1.15em}.founder-intro p:last-child{margin-bottom:0}.founder .text-link{margin-top:20px}.founder{grid-template-columns:minmax(240px,330px) minmax(350px,550px);align-items:center}.founder-copy h2{font-size:clamp(60px,6vw,88px)}
.storm-depth{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2;opacity:var(--rain-visibility,1)}.storm-near{position:absolute;width:110%;height:120%;object-fit:cover;max-width:none;opacity:.4;filter:brightness(.48) contrast(1.35);mask-image:radial-gradient(ellipse,black 12%,transparent 68%);will-change:transform}.storm-near-left{left:-74%;top:-32%;transform-origin:right center;animation:near-cloud-left 18s ease-in-out infinite alternate}.storm-near-right{right:-75%;bottom:-42%;transform-origin:left center;animation:near-cloud-right 23s ease-in-out infinite alternate}.volume-clouds{opacity:.65}.journey-weather .storm-video{filter:contrast(1.12) brightness(.83)}
@keyframes near-cloud-left{from{transform:translateX(calc(var(--camera,0) * 18%)) scale(calc(1 + var(--camera,0)*.65))}to{transform:translate(12%,8%) scale(calc(1.2 + var(--camera,0)*.65))}}
@keyframes near-cloud-right{from{transform:translateX(calc(var(--camera,0)*-18%)) scale(calc(1 + var(--camera,0)*.8))}to{transform:translate(-13%,-9%) scale(calc(1.16 + var(--camera,0)*.8))}}
.motion-paused .storm-near{animation-play-state:paused}@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .storm-depth{display:none}}@media(max-width:700px){.founder{grid-template-columns:1fr}}
/* v8: scene sequencing, compact editorial layout and a warmer invitation. */
.volume-clouds{opacity:.2}.journey-weather .storm-texture{opacity:.28}.storm-near{opacity:.52}.portal-cloud{filter:brightness(.65) contrast(1.2)}
.avatar-stage{top:54svh;height:34svh;width:25svh;margin-bottom:-34svh;z-index:3;mask-image:linear-gradient(#000 80%,transparent 99%)}
.access-caption{left:9%;max-width:47%;font-size:clamp(48px,5.9vw,94px);text-shadow:none}.access-caption p{margin:.09em 0}.hero-contact{font-size:14px}
.services{padding:52px 8vw 45px}.section-title{margin:0}.section-title h2{font-size:clamp(42px,4.5vw,72px)}
.service-grid{max-width:1040px;margin:30px auto 0;gap:17px}.service-flip{aspect-ratio:1.6}.service-front .service-name{font-size:clamp(20px,1.7vw,29px);left:18px;bottom:16px}.service-hint{font-size:20px;right:16px;top:12px}.service-back{justify-content:center;align-items:center;text-align:center;padding:22px}.service-back-title{font-size:26px}.service-description{margin-top:17px;font-size:15px;line-height:1.5;max-width:250px}.service-footer{padding-top:28px}.service-footer .button{padding:16px 28px}
.brands{height:auto;min-height:0;background:var(--bone)}.brands-stage{position:relative;height:auto;min-height:0;padding:65px 8vw 70px;background:var(--bone);overflow:hidden}.brands-heading{position:relative;top:auto;left:auto;right:auto;margin-bottom:45px;gap:30px}.brands-heading>.eyebrow{font-size:clamp(34px,3.7vw,58px);max-width:80%}.brand-grid{gap:3vw;overflow:visible}.brand-grid>div{grid-template-rows:145px 30px}.brand-logo-frame{height:145px;max-width:205px}.brand-grid .humo-logo{height:145px!important;min-height:145px;max-height:145px;font-size:clamp(38px,4vw,62px)!important}.brand-grid>div>span{font-size:11px;letter-spacing:1.3px;margin-top:12px}.brand-grid>div:hover .brand-logo-frame,.brand-grid>div:hover .humo-logo{transform:translateY(-5px);transition:transform .3s}
.founder{background:var(--bone);padding-top:70px;padding-bottom:90px;gap:4vw}.founder .text-link{font-size:clamp(17px,1.5vw,22px);line-height:1.4;margin-top:22px;display:inline-block}.founder-greeting>span{transform:translateY(45px) rotate(-3deg)}.founder-greeting.has-entered>span{transform:none}.founder-intro{max-width:550px}
.contact h2,.closing-title .red-stop{color:var(--bone)}.chat-reply{color:#386e64}.project-word:after{background:#72a599}.contact>.storm-video{filter:grayscale(.6) brightness(.85)}.contact>.contact-shade{background:linear-gradient(110deg,#101018b8,#16101c90)}.contact .project-question{margin-bottom:clamp(75px,12vh,130px)}
.back-top{position:fixed;left:25px;bottom:30px;z-index:40;display:flex;align-items:center;gap:10px;background:#eee6d9ed;color:#242126;border:1px solid #71685e55;border-radius:30px;padding:10px 16px;font-size:23px;box-shadow:0 4px 15px #0001;opacity:0;visibility:hidden;transform:translateY(15px);transition:.3s}.back-top span{font:500 12px var(--body)}.back-top.is-visible{opacity:1;visibility:visible;transform:none}.back-top:focus-visible{outline:3px solid #4e897e;outline-offset:4px}
.footer-social{display:flex;align-items:center;justify-content:center;gap:20px;font-size:15px}.footer-social svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;display:block}footer{padding-bottom:65px;gap:30px}footer>a:last-child{display:none}
.cursor-drop{position:fixed;z-index:99999;width:3px;height:8px;border-radius:60% 60% 65% 65%;background:#83b8c4;box-shadow:inset 1px 0 #e6f8ff;pointer-events:none;animation:cursor-fall .85s ease-in forwards}
@media(min-width:1100px) and (max-height:900px){.service-grid{max-width:900px;gap:14px;margin-top:24px}.service-flip{aspect-ratio:1.7}.services{padding-top:40px;padding-bottom:35px}.section-title h2{font-size:54px}.service-footer{padding-top:24px}}
@media(max-width:700px){.services{padding:50px 6vw}.service-grid{gap:17px 12px}.service-flip{aspect-ratio:1.05}.service-back-title{font-size:21px}.service-description{font-size:13px}.brands-stage{padding:45px 7vw}.brand-grid>div{grid-template-rows:115px 30px}.brand-logo-frame{height:115px}.brands-heading{margin-bottom:25px}.founder{padding:55px 8vw}.footer-social{gap:14px;font-size:12px}.back-top{left:12px;bottom:20px}.avatar-stage{width:23svh}.access-caption{font-size:clamp(30px,7.5vw,45px);left:6%;max-width:55%}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .cursor-drop{display:none}html:not(.motion-enabled) .back-top{opacity:1;visibility:visible;transform:none}html:not(.motion-enabled) .founder-greeting>span{transform:none}html:not(.motion-enabled) .brand-grid>div{opacity:1!important;transform:none!important}}
.contact h2 .closing-line,.contact h2 .red-stop{color:var(--bone)}footer{display:grid;grid-template-columns:1fr auto 1fr}.footer-social{grid-column:2}.brand-mark{overflow:hidden!important}@media(max-width:700px){footer{grid-template-columns:1fr}.footer-social{grid-column:1;justify-content:flex-start}}
/* v9 — clear title band, warm neutrals, controlled motion. */
.service-front{background:#efe5d6}.service-front .service-art{inset:0 0 auto;width:100%;height:78%;object-fit:cover;object-position:center 43%;mask-image:linear-gradient(#000 87%,transparent 100%)}
.service-front .service-name{bottom:15px;z-index:2}.service-front .service-art{transform:scale(.91);transform-origin:center top}
.whatsapp-float{background:#eee6d9!important;color:#272426!important;border-color:#c5baaa!important;box-shadow:0 5px 22px #0003}.chat-reply{color:#272426!important;font-weight:750}.project-word:after{background:#e9d38b!important}.back-top:focus-visible{outline-color:#bd233a}
.cursor-bolt{position:fixed;z-index:99999;width:8px;height:14px;background:#e8ca7f;clip-path:polygon(48% 0,100% 0,64% 39%,95% 39%,12% 100%,34% 54%,0 54%);pointer-events:none;animation:bolt-flash .4s ease-out both}@keyframes bolt-flash{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.7)}}
.avatar-lane{position:relative;height:185px;width:100%;overflow:hidden;pointer-events:none;margin-top:26px;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 82%,transparent)}
.contact .avatar-stage{position:absolute;top:0;left:0;width:135px;height:185px;margin:0;opacity:0;z-index:1;mask-image:linear-gradient(#000 84%,transparent 100%)}
.founder-portrait .polaroid{opacity:0;transform:translateY(70px) rotate(-11deg);transition:transform 1.1s cubic-bezier(.2,.7,.2,1),opacity .8s}.founder-portrait.portrait-entered .polaroid{opacity:1;transform:translateY(0) rotate(-5deg)}
.founder-greeting .greeting-name{transition-delay:.28s}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .avatar-lane{display:none}html:not(.motion-enabled) .founder-portrait .polaroid{opacity:1;transform:rotate(-5deg)}html:not(.motion-enabled) .cursor-bolt{display:none}}
.service-front .service-art{object-fit:contain;object-position:center;transform:scale(.94);mask-image:linear-gradient(#000 88%,transparent 100%)}
.service-front .service-art{mask-image:linear-gradient(90deg,transparent 9%,#000 22%,#000 78%,transparent 91%),linear-gradient(#000 78%,transparent 100%);mask-composite:intersect}

/* v10: photographic cloud banks, restrained scale and clear central space. */
.cloud-layer{object-fit:contain;object-position:center bottom;mask-image:linear-gradient(to bottom,#000 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent 100%);filter:contrast(1.08) saturate(.65)}
.cloud-back{width:112%;left:-6%;height:100%;bottom:-19%}
.cloud-front-left{width:84%;height:80%;left:-34%;bottom:-36%;opacity:.65}
.cloud-front-right{width:80%;height:76%;left:55%;bottom:-36%;opacity:.55}
.access-sky{background:linear-gradient(180deg,#687b87 0%,#a8b8bf 62%,#d9d9d0 100%)}
.access-sticky:after{height:12%}
.portal-cloud{object-fit:contain;filter:brightness(.62) contrast(1.14) saturate(.5)}
.storm-near{object-fit:contain;opacity:.32;filter:brightness(.48) contrast(1.2) saturate(.45)}
.volume-clouds{opacity:.09}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .cloud-back{opacity:.72!important}html:not(.motion-enabled) .cloud-front-left,html:not(.motion-enabled) .cloud-front-right{display:none}}

.cursor-bolt{width:11px;height:19px;background:#f2d78f;animation-duration:.6s}

/* v11 — restored full-bleed service imagery and calibrated composition. */
.service-front .service-art{inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:none;mask:none;-webkit-mask:none}
.service-card:nth-child(1) .service-art,.service-card:nth-child(5) .service-art,.service-card:nth-child(6) .service-art{object-position:center bottom}
.service-front .service-name{bottom:12px}
.badge-scene{left:43%}
.access-caption{font-size:clamp(52.8px,6.49vw,103.4px)}
.studio-divider{display:flex;align-items:center;justify-content:center;gap:23px;margin:35px 8vw 15px;padding:24px 0;color:#71685e;font:500 12px/1.5 var(--body);letter-spacing:2px;text-align:center}
.studio-divider:before,.studio-divider:after{content:'';height:1px;flex:1;background:#71685e42}
.studio-divider img{width:30px;height:30px;opacity:.65}
.founder{padding-top:90px}
.avatar-lane{height:185px}
.contact .avatar-stage{mask-image:none}
.avatar-stage:after{content:'';position:absolute;bottom:9px;left:24%;width:52%;height:7px;border-radius:50%;background:#0007;filter:blur(3px);z-index:-1}
@media(max-width:700px){.access-caption{font-size:clamp(33px,8.25vw,49.5px)}.studio-divider{gap:12px;font-size:9px;letter-spacing:1px}.studio-divider img{width:24px}.founder{padding-top:55px}}

/* Keep scroll effects on compositor-friendly transforms. */
.hero-content{filter:none!important;will-change:transform,opacity}
.badge-scene,.cloud-layer{transition:transform .12s linear}
.storm-near{animation-duration:32s;will-change:transform}
.service-card{transition:transform .3s ease-out}
.service-turn{transition:transform .7s cubic-bezier(.22,.61,.36,1)}

/* v12: continuous handoff, feathered cloud boundaries and restored avatar. */
.journey{overflow:visible}
.access{height:190svh;min-height:1100px}
.access-sticky{overflow:hidden}
.journey-exit{display:none}
.services{position:relative;z-index:7;margin-top:-1px}
.cloud-layer{object-fit:cover;mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 20%,#000 80%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 20%,#000 80%,transparent 100%);-webkit-mask-composite:source-in}
.cloud-back{width:140%;left:-20%;height:95%;bottom:-22%}
.access-sticky:after{height:22%;z-index:6}
.badge-scene{left:35%}
.studio-divider{background:var(--bone);margin:0;padding:55px 8vw 45px;justify-content:flex-start;text-align:left;font:400 clamp(22px,2.3vw,36px)/1.2 var(--display);letter-spacing:0;color:var(--ink)}
.studio-divider:before{flex:0 0 36px}.studio-divider:after{flex:1}.studio-divider:before,.studio-divider:after{background:#1d1b1c40;height:1px}
.studio-divider img{opacity:1;width:34px;height:34px}.brands-stage{padding-top:85px;padding-bottom:85px}.brands-heading{margin-bottom:65px}.founder{padding-top:70px}
.hero-contact{font:700 12px/1.4 var(--body);text-transform:uppercase;letter-spacing:.5px;transition:background-color .25s,color .25s,transform .25s}
.hero-contact:hover,.hero-contact:focus-visible{background:var(--red);color:var(--bone);transform:translateY(-2px)}
.topbar .logo{width:76px}.topbar .logo img{height:76px}
.footer-social{flex-wrap:wrap;max-width:470px}.footer-phone{order:4;flex-basis:100%;text-align:center;font-size:14px;letter-spacing:.7px}
@media(max-width:700px){.studio-divider{padding:35px 6vw;font-size:20px;gap:12px}.studio-divider:before{flex-basis:14px}.studio-divider img{width:25px;height:25px}.topbar .logo{width:54px}.topbar .logo img{height:54px}.footer-phone{text-align:left}.badge-scene{left:27%}.access{height:185svh}.brands-stage{padding-top:55px;padding-bottom:55px}}

/* Keep navigation controls together above WhatsApp. */
.back-top{left:auto;right:25px;bottom:169px}
@media(max-width:700px){.back-top{left:auto;right:15px;bottom:148px}}

/* A single quiet separator and clear contact feedback. */
.studio-divider{display:block;padding:0;height:1px;margin:45px 8vw;background:#1d1b1c40}
.studio-divider:before,.studio-divider:after{content:none}
#inquiry .button,.whatsapp-float,.back-top{transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
#inquiry .button:is(:hover,:focus-visible,:active),.whatsapp-float:is(:hover,:focus-visible,:active),.back-top:is(:hover,:focus-visible,:active){background:#bd233a!important;color:#eee6d9!important;border-color:#bd233a!important}
@media(max-width:700px){.studio-divider{margin:35px 6vw}}

/* Keep cloud edges outside the visible image and avoid magnifying video compression. */
.portal-cloud,.storm-near{object-fit:cover;mask-image:radial-gradient(ellipse at center,#000 10%,transparent 65%);-webkit-mask-image:radial-gradient(ellipse at center,#000 10%,transparent 65%)}
.journey-weather .storm-texture{opacity:.55;mix-blend-mode:normal}
.journey-weather .storm-video{filter:brightness(.85)}

/* One continuous cloud bank avoids intersecting silhouettes at the center. */
.cloud-front-left,.cloud-front-right{display:none}
.cloud-back{width:140%;left:-20%;height:100%;bottom:-18%;object-fit:cover}

.studio-divider{height:auto;margin:0;padding:45px 8vw;background:var(--bone)}.studio-divider:after{content:"";display:block;width:100%;height:1px;background:#1d1b1c40}@media(max-width:700px){.studio-divider{margin:0;padding:35px 6vw}}

.access-sticky:after{height:30%;background:linear-gradient(to bottom,rgba(238,230,217,0) 0%,rgba(238,230,217,.12) 20%,rgba(238,230,217,.4) 45%,rgba(238,230,217,.78) 70%,#eee6d9 96%)}

.footer-social a{transition:color .2s ease}.footer-social a:is(:hover,:focus-visible,:active){color:var(--red)}.footer-social a svg{stroke:currentColor}

.topbar nav a{transition:color .2s ease,border-color .2s ease}.topbar nav a:is(:hover,:focus-visible,:active){color:var(--red);border-bottom-color:var(--red)}