:root{--bone:#eee6d9;--ink:#1d1b1c;--red:#d51d37;--violet:#b5a4d1;--body:'DM Sans',Arial,sans-serif;--display:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;--hand:'Caveat',cursive}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#14131a;color:var(--bone);font-family:var(--body);font-size:15px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c8b4eb;outline-offset:5px}::selection{background:var(--red);color:white}.definitions{position:absolute;width:0;height:0;overflow:hidden}.topbar{position:absolute;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:32px 5vw;gap:25px}.logo{font-family:var(--display);font-weight:700;font-size:30px;line-height:.95;letter-spacing:4px;display:inline-block}.logo span{display:block;font-family:var(--body);font-size:10px;letter-spacing:6px;text-align:center;margin-top:9px}.topbar nav{display:flex;gap:36px;text-transform:uppercase;font-size:11px;letter-spacing:1px;font-weight:600}.topbar nav a{padding:10px 0;border-bottom:1px solid transparent}.topbar nav a:hover{border-color:var(--bone)}.top-note{font-size:9px;letter-spacing:1.3px;line-height:1.5}.storm{position:relative;background:#18171e url('https://static.wixstatic.com/media/536243_4305cfd324924ad1ada12b5ddb8b58c0~mv2.webp') center/cover no-repeat}.hero{height:100vh;height:100svh;min-height:700px;max-height:1200px;overflow:hidden;display:grid;place-items:center}.hero:before,.contact:before,.brands:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,17,.25),transparent 60%,rgba(10,10,17,.25));pointer-events:none}.weather{position:absolute;inset:-30%;background:repeating-linear-gradient(112deg,transparent 0px,transparent 99px,rgba(240,230,255,.13) 100px,transparent 101px);animation:rain 1.5s linear infinite;opacity:.5;pointer-events:none}.hero-content{text-align:center;position:relative;z-index:2;width:100%;padding:75px 15px 40px;will-change:transform,opacity}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;line-height:1.7}.eyebrow b{margin:0 16px;color:var(--violet)}h1{font:900 clamp(110px,20vw,320px)/.82 var(--display);letter-spacing:-.035em;margin:30px 0 0;text-shadow:0 5px 30px #10101670}h1 span{display:block;font:600 clamp(16px,2.5vw,38px)/1.6 var(--body);letter-spacing:.55em;margin:24px 0 0 .55em}.hero-role{font-size:13px;letter-spacing:4px;font-weight:600;margin-top:26px}.hero-contact{display:inline-flex;gap:45px;font-size:11px;border-bottom:1px solid #eee6d950;padding:15px 0 10px;margin-top:10px}.hero-contact:hover{border-color:var(--bone)}.handwritten{font-family:var(--hand);font-size:clamp(22px,2.4vw,38px);line-height:1.05;transform:rotate(-8deg);font-weight:500}.handwritten i{display:block;height:3px;background:var(--red);width:85%;margin-top:9px;transform:rotate(-4deg)}.note-left{position:absolute;bottom:20%;left:5%;z-index:3}.note-right{position:absolute;bottom:18%;right:5%;z-index:3}.pepper{position:absolute;width:150px;height:160px;filter:drop-shadow(8px 8px 15px #0005);will-change:transform;pointer-events:none;z-index:3}.p1{top:18%;left:12%;width:95px;transform:rotate(-30deg)}.p2{right:9%;top:44%;transform:rotate(15deg)}.p3{bottom:-4%;left:-3%;width:260px;height:270px;filter:blur(3px);transform:rotate(35deg)}.scroll-cue{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:2px;text-align:center;z-index:4}.scroll-cue span{display:block;font-size:30px;font-weight:400;animation:nudge 2s ease-in-out infinite}.access{position:relative;height:165vh;min-height:950px;margin-top:-1px}.access-sticky{position:sticky;top:0;height:100vh;height:100svh;min-height:600px;overflow:hidden;background-position:center 55%;isolation:isolate}.access-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 45% 70%,#d7c8ed88,transparent 70%);z-index:-1}.badge{position:absolute;width:94%;height:90%;object-fit:contain;left:3%;top:2%;filter:drop-shadow(0 30px 30px #0003);will-change:transform;transform-origin:45% 40%}.access-label{position:absolute;top:7%;left:6%;z-index:2}.access-caption{position:absolute;right:10%;bottom:19%;font-size:clamp(28px,4vw,60px)}.access-bottom{position:absolute;bottom:4%;left:6%;font-size:9px;letter-spacing:2px}.light-section{background:var(--bone);color:var(--ink);position:relative}.services{padding:60px 6vw 45px}.section-top{display:flex;justify-content:space-between;align-items:start}.section-top>.eyebrow:first-child{color:#837d77}.section-title{display:flex;justify-content:space-between;gap:30px;align-items:center;margin:15px 0 42px}h2{font:800 clamp(45px,6vw,95px)/.93 var(--display);letter-spacing:-.025em;margin:0}.section-title .handwritten{font-size:26px;flex-shrink:0;margin-right:2%}.service-grid{display:grid;grid-template-columns:repeat(3,1fr)}.service{display:grid;grid-template-columns:30px 1fr 20px;text-align:left;align-items:center;gap:12px;border:0;border-bottom:1px solid #9c958859;background:transparent;padding:30px 20px 30px 0;color:var(--ink);transition:color .2s,background .2s}.service:not(:nth-child(3n+1)){padding-left:25px}.service:nth-last-child(-n+3){border-bottom:0}.service-number{font:500 18px var(--display);color:#928c83}.service-name{font:700 clamp(18px,2.1vw,30px)/1 var(--display)}.service-arrow{font-size:22px;transition:transform .2s}.service:hover{color:var(--red)}.service:hover .service-arrow{transform:translate(4px,-4px)}.service-footer{position:relative;text-align:center;padding-top:35px;min-height:100px}.button{display:flex;align-items:center;justify-content:center;gap:30px;border-radius:40px;padding:17px 26px;border:1px solid transparent;font-size:10px;letter-spacing:.7px;text-transform:uppercase;font-weight:700;transition:transform .2s,background .2s;min-height:49px}.button:hover{transform:translateY(-2px)}.black{background:var(--ink);color:var(--bone);display:inline-flex}.black:hover{background:var(--red)}.service-pepper{position:absolute;right:8%;top:0;width:130px;height:110px;transform:rotate(20deg)}.brands{padding:45px 6vw 55px;background-position:center bottom}.brands>*{position:relative}.brands-heading{display:flex;align-items:center;gap:30px}.brands-heading .line{height:1px;background:#eee6d940;flex:1}.brands-heading .handwritten{font-size:23px}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-top:38px;gap:20px}.brand-grid>div{text-align:center;border-right:1px solid #eee6d94d}.brand-grid>div:last-child{border:0}.brand-grid strong{font:400 clamp(16px,2.4vw,34px) Georgia,serif;display:block;white-space:nowrap}.brand-grid .pansy{font:500 38px var(--hand)}.brand-grid span{display:block;font-size:8px;letter-spacing:2px;margin-top:10px}.founder{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:70px 6vw}.founder-art{background:#c7b6d8;aspect-ratio:1;position:relative;overflow:hidden;padding:22px;display:flex;align-items:center;color:var(--ink)}.tiny{font-size:8px;letter-spacing:1.3px;position:absolute;top:20px;left:20px}.founder-art>div{font:900 clamp(80px,14vw,220px)/.8 var(--display);letter-spacing:-4px;position:relative;z-index:1}.founder-art>div>span{display:block;font-size:.45em;letter-spacing:-1px;margin-top:18px}.founder-art>svg{position:absolute;width:65%;height:65%;right:-13%;bottom:-9%;transform:rotate(-20deg);filter:drop-shadow(0 15px 25px #6b225933)}.founder-art-bottom{position:absolute;bottom:20px;left:20px;font-size:8px;letter-spacing:2px}.founder-copy{display:flex;flex-direction:column;align-items:start;justify-content:center}.founder-copy h2{font:400 clamp(48px,6vw,85px)/.98 Georgia,serif;margin:15px 0 25px;letter-spacing:-3px}.founder-role{font-size:10px;letter-spacing:1px;line-height:1.8;margin-bottom:20px}.founder-intro{font-size:15px;line-height:1.7;max-width:330px}.text-link{font-size:11px;border-bottom:1px solid #93837c;padding:16px 0 8px;margin-top:15px}.contact{padding:90px 6vw 70px;display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;overflow:hidden}.contact>*{position:relative;z-index:1}.contact h2{font-size:clamp(55px,7.2vw,112px);margin-top:25px}.contact h2 span{color:var(--red)}.contact-disciplines{margin-top:35px;font-size:9px}.contact-form-wrap{padding-top:45px}form{display:grid;gap:12px}form label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}input,select,textarea{width:100%;color:var(--bone);background:#10101688;border:1px solid #eee6d945;border-radius:0;padding:15px 16px;font-size:12px}input::placeholder,textarea::placeholder{color:#ded6cebf}textarea{resize:vertical;min-height:100px}select option{background:#1c1921;color:var(--bone)}.ivory{background:var(--bone);color:var(--ink);width:100%;margin-top:5px}.ivory:hover{background:#fff8ef}.outline{border-color:#eee6d980;background:#14101955;color:var(--bone)}.contact-note{text-align:right;margin:30px 0 0;font-size:30px;padding-right:10px}.contact-note i{width:80px;margin-left:auto}.contact-pepper{position:absolute;bottom:-50px;left:-50px;width:260px;height:240px;filter:blur(2px);transform:rotate(30deg);z-index:0}footer{padding:35px 6vw;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#14131a;font-size:8px;letter-spacing:1px}footer .logo{font-size:20px}footer .logo span{font-size:7px;letter-spacing:4px}dialog{width:min(92vw,550px);padding:45px;background:var(--bone);color:var(--ink);border:0;box-shadow:0 25px 120px #0008}dialog::backdrop{background:#0b0818b8;backdrop-filter:blur(8px)}dialog h2{font:400 38px Georgia,serif;line-height:1.1;margin:20px 0}dialog p{font-size:13px;line-height:1.7}dialog textarea{background:#fff5;color:var(--ink);border-color:#82796d70;min-height:170px;margin:12px 0}.dialog-close{position:absolute;right:14px;top:8px;background:none;border:0;color:var(--ink);font-size:30px}dialog .button{width:100%;margin-bottom:10px}.dialog-instagram{border-color:#82796d}#copy-status{min-height:22px;margin:0}.revealed{animation:reveal .7s ease both}@keyframes rain{to{transform:translate(-22px,55px)}}@keyframes nudge{50%{transform:translateY(7px)}}@keyframes reveal{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.services,.brands,.founder,.contact{padding-left:max(6vw,calc((100vw - 1450px)/2));padding-right:max(6vw,calc((100vw - 1450px)/2))}}
@media(max-width:700px){.topbar{padding:25px 6vw}.logo{font-size:25px}.top-note{display:none}.topbar nav{gap:16px;font-size:9px;letter-spacing:.5px}.hero{min-height:650px;max-height:950px}.hero-content{padding-bottom:70px}.eyebrow{font-size:8px}.eyebrow b{margin:0 8px}h1{font-size:25vw;letter-spacing:-.05em;margin-top:25px}h1 span{font-size:20px;letter-spacing:.4em;margin-top:20px}.hero-role{font-size:10px;letter-spacing:2px}.hero-contact{margin-top:15px}.note-left{bottom:16%;left:7%;font-size:26px}.note-right{bottom:15%;right:6%;font-size:24px}.p1{top:18%;left:14%;width:65px;height:80px}.p2{top:57%;right:2%;width:90px;height:100px}.p3{width:170px;height:190px;bottom:-4%;left:-12%}.access{height:135vh;min-height:850px}.access-sticky{min-height:600px}.badge{width:145%;height:85%;left:-15%;top:2%;object-fit:contain}.access-caption{bottom:18%;right:8%;font-size:36px}.access-label{top:9%;font-size:8px}.access-bottom{bottom:7%;font-size:7px}.services{padding:40px 6vw}.section-title{margin:20px 0 20px}.section-title h2{font-size:46px}.section-title .handwritten{display:none}.section-top .eyebrow:last-child{font-size:7px;letter-spacing:1px}.service-grid{grid-template-columns:repeat(2,1fr)}.service{padding:22px 10px 22px 0!important;gap:7px;grid-template-columns:20px 1fr 15px}.service:nth-child(even){padding-left:15px!important}.service-name{font-size:21px}.service-number{font-size:15px}.service:nth-last-child(-n+3){border-bottom:1px solid #9c958859}.service:last-child{border-bottom:0}.service-footer{text-align:left;padding-top:30px;min-height:100px}.button{font-size:9px;padding:16px 20px;gap:15px}.service-pepper{right:-6%;width:90px;height:90px;top:23px}.brands{padding:30px 6vw 40px}.brands-heading{gap:12px}.brands-heading .handwritten{font-size:19px}.brands-heading .eyebrow{letter-spacing:1px;font-size:8px}.brand-grid{grid-template-columns:repeat(2,1fr);row-gap:30px}.brand-grid>div:nth-child(2){border:0}.brand-grid strong{font-size:21px}.brand-grid .pansy{font-size:30px}.brand-grid span{font-size:7px}.founder{padding:40px 6vw;grid-template-columns:1fr;gap:35px}.founder-art{aspect-ratio:1.3}.founder-art>div{font-size:40vw}.founder-copy h2{font-size:64px;letter-spacing:-2px}.founder-intro{max-width:100%}.contact{padding:55px 6vw 60px;grid-template-columns:1fr;gap:10px}.contact h2{font-size:19vw;line-height:.89}.contact h2 br:nth-of-type(1){display:none}.contact-disciplines{margin-top:24px;letter-spacing:1.5px}.contact-form-wrap{padding-top:15px}.contact-note{font-size:26px}.contact-pepper{width:180px;height:180px;bottom:-65px}footer{flex-wrap:wrap;padding:30px 6vw;gap:25px}footer>span{display:none}footer>a:last-child{width:100%;font-size:7px}dialog{padding:30px}dialog h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled){scroll-behavior:auto}html:not(.motion-enabled) *,html:not(.motion-enabled) *:before,html:not(.motion-enabled) *:after{animation:none!important;transition:none!important}html:not(.motion-enabled) .access{height:100vh;height:100svh;min-height:650px}html:not(.motion-enabled) .access-sticky{position:relative}html:not(.motion-enabled) .badge,html:not(.motion-enabled) .hero-content,html:not(.motion-enabled) .pepper{transform:none!important;opacity:1!important}}

/* Scene and identity corrections, version 2 */

:root{--display:'Anton',Impact,sans-serif}h2,.service-name,.service-number{font-weight:400}.logo{width:135px;font-size:0;letter-spacing:0;line-height:1}.logo-original{display:block;width:100%;height:auto;filter:brightness(0) invert(94%) sepia(10%)}.hero-content{padding-top:90px}.hero h1{font-size:0;line-height:1;margin:25px auto 0;width:min(70vw,1000px)}.hero-wordmark{width:100%;height:auto;display:block;filter:brightness(0) invert(94%) sepia(10%)}.hero-role{margin-top:20px}.storm-video,.storm-texture,.rain-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.storm-video{object-fit:cover;filter:grayscale(.75) brightness(.9);z-index:0}.storm-texture{background:linear-gradient(180deg,#0c0b1590,#1e162f15 70%,#14131a55),url('https://static.wixstatic.com/media/536243_4305cfd324924ad1ada12b5ddb8b58c0~mv2.webp') center/cover;opacity:.5;mix-blend-mode:screen}.rain-canvas{z-index:1;opacity:.6}.hero:before{z-index:1;background:linear-gradient(180deg,#08081277,transparent 55%,#14131a44)}.motion-toggle{position:absolute;z-index:5;right:25px;bottom:25px;font-size:9px;letter-spacing:.5px;color:var(--bone);border:1px solid #eee6d950;border-radius:30px;padding:9px 12px;background:#15131d66}.access{height:240vh;height:240svh;min-height:1400px;margin-top:-1px;background:#e9edf0}.access-sticky{background:#17171f url('https://static.wixstatic.com/media/536243_4305cfd324924ad1ada12b5ddb8b58c0~mv2.webp') center/cover;isolation:isolate}.access-sky{position:absolute;inset:0;background:linear-gradient(#a3bac6,#e9edf1 70%,#f3f2ed);opacity:0;z-index:0}.cloud-layer{position:absolute;width:130%;height:110%;max-width:none;object-fit:cover;pointer-events:none;will-change:transform;bottom:-35%;left:-15%;z-index:1}.cloud-back{opacity:.85}.badge{z-index:2;object-fit:contain;width:95%;height:86%;left:3%;top:0;transform-origin:30% 25%;filter:drop-shadow(0 20px 25px #27203533)}.cloud-front-left{z-index:3;left:-40%;width:125%;bottom:-50%;object-position:left bottom}.cloud-front-right{z-index:4;left:30%;width:125%;bottom:-60%;object-position:right bottom;transform:scaleX(-1)}.access-caption{z-index:5;color:#292830;right:7%;bottom:24%;font-size:clamp(30px,4vw,60px)}.access-label{z-index:5;color:var(--bone)}.brands{height:160vh;height:160svh;min-height:950px;background:#f0ece5;color:var(--ink);padding:0;isolation:isolate}.brands:before{display:none}.brands-stage{position:sticky;top:0;height:100vh;height:100svh;min-height:600px;padding:65px 6vw;overflow:hidden;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(#eee6d9,#f4f2ed)}.brands-heading{position:absolute;top:60px;left:6vw;right:6vw}.brands-heading .line{background:#1d1b1c40}.brand-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;width:100%;padding-top:0;align-items:center}.brand-grid>div{border:0;padding:35px 0;will-change:transform,opacity}.brand-grid strong{font-size:clamp(15px,2.05vw,31px)}.brand-grid span{font-size:8px;letter-spacing:1.5px}.brand-grid .pansy{font-size:40px}.founder{overflow:hidden}.founder-art{background:#e4d7cb}.founder-art .founder-seal{width:65%;height:auto;margin:auto;position:relative;z-index:2;transform:rotate(-8deg)}.founder-art>svg{display:none}.founder-copy{will-change:transform,opacity}.service-name{font-size:clamp(17px,1.8vw,27px)}.section-title h2{font-size:clamp(38px,5.5vw,85px);line-height:1.05}.contact h2{line-height:1.04;font-size:clamp(48px,6.1vw,95px)}.whatsapp-float{position:fixed;bottom:76px;right:22px;z-index:40;background:#25d366;color:#fff;display:flex;align-items:center;gap:10px;padding:15px;border-radius:40px;box-shadow:0 5px 25px #0003;transition:transform .2s}.whatsapp-float:hover{transform:translateY(-3px)}.whatsapp-float svg{width:28px;height:28px}.whatsapp-float span{font-size:12px;padding-right:7px}footer .logo{width:100px}.motion-paused .pepper use{animation-play-state:paused}.pepper use{transform-box:fill-box;transform-origin:center;animation:chili-float 6s ease-in-out infinite alternate}.p2 use{animation-delay:-2s}.p3 use{animation-delay:-4s}@keyframes chili-float{to{transform:translateY(12px) rotate(7deg)}}
@media(max-width:700px){.topbar .logo{width:95px}.hero h1{width:88vw}.hero-content{padding-bottom:130px}.hero-role{font-size:9px}.hero-contact{margin-top:2px}.hero .eyebrow{font-size:7px}.motion-toggle{right:12px;bottom:12px;font-size:8px;padding:7px 9px}.access{height:190vh;height:190svh;min-height:1100px}.access-sticky{min-height:600px}.badge{width:150%;height:80%;left:-19%;top:6%}.cloud-back{width:190%;left:-45%}.cloud-front-left{width:170%;left:-70%;bottom:-45%}.cloud-front-right{width:170%;left:5%;bottom:-55%}.access-caption{bottom:17%;right:8%;font-size:34px}.access-label{font-size:7px;top:5%}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px;max-width:550px;margin:auto}.brand-grid>div{padding:20px 0}.brand-grid>div:last-child{grid-column:1/-1}.brand-grid strong{font-size:24px}.brand-grid .pansy{font-size:35px}.brands{height:175vh;height:175svh;min-height:1050px}.brands-stage{padding-top:100px;min-height:650px}.brands-heading{top:35px}.section-title h2{font-size:38px}.service-name{font-size:18px}.contact h2{font-size:15.5vw}.whatsapp-float{right:15px;bottom:68px;padding:13px}.whatsapp-float span{display:none}.whatsapp-float svg{width:27px;height:27px}.founder-art .founder-seal{width:55%}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .storm-video,html:not(.motion-enabled) .rain-canvas{display:none}html:not(.motion-enabled) .storm-texture{opacity:1;mix-blend-mode:normal}html:not(.motion-enabled) .access,html:not(.motion-enabled) .brands{height:auto;min-height:0}html:not(.motion-enabled) .access-sticky{position:relative;height:100vh;height:100svh}html:not(.motion-enabled) .access-sky{opacity:1}html:not(.motion-enabled) .cloud-back{transform:none!important}html:not(.motion-enabled) .cloud-front-left,html:not(.motion-enabled) .cloud-front-right{display:none}html:not(.motion-enabled) .brands-stage{position:relative;height:auto;min-height:500px;padding-top:130px}html:not(.motion-enabled) .brand-grid>div,html:not(.motion-enabled) .founder-copy{transform:none!important;opacity:1!important}html:not(.motion-enabled) .motion-toggle{display:none}}

.cloud-layer{mask-image:linear-gradient(to right,transparent,black 18%,black 82%,transparent),linear-gradient(to bottom,transparent,black 18%,black 75%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,black 18%,black 82%,transparent),linear-gradient(to bottom,transparent,black 18%,black 75%,transparent);-webkit-mask-composite:source-in}.cloud-front-left,.cloud-front-right{opacity:.96}.access-sticky:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20%;background:linear-gradient(transparent,#e9edf1);z-index:4;pointer-events:none}.founder-copy h2{font-family:var(--body);font-weight:500;letter-spacing:-2px}
/* Review corrections, v3 */
.topbar .logo{width:58px}.topbar .logo img{height:58px;object-fit:contain}.topbar nav{margin-left:auto}.hero h1{width:min(65vw,880px)}.hero-role{font-size:clamp(11px,1.25vw,18px);letter-spacing:1.5px;text-transform:none;margin:25px auto 5px;padding:0 20px}.hero-content{padding-top:70px}.hero-contact{background:var(--bone);color:var(--ink);border-radius:40px;padding:17px 26px;margin-top:22px}.pepper{object-fit:contain;top:-30%!important;bottom:auto!important;width:110px;height:150px;animation:pepper-rain 9s linear infinite;opacity:0}.p1{left:8%;animation-delay:-2s;--tilt:-35deg}.p2{left:83%;animation-duration:7s;animation-delay:-5s;--tilt:35deg;width:135px}.p3{left:30%;animation-duration:11s;animation-delay:-7s;--tilt:-5deg;width:65px;filter:blur(1px);z-index:1}@keyframes pepper-rain{0%{transform:translate(0,-20vh) rotate(var(--tilt));opacity:0}10%{opacity:1}85%{opacity:1}100%{transform:translate(-12vw,150vh) rotate(calc(var(--tilt) + 150deg));opacity:0}}
.access{height:250vh;height:250svh}.access-sticky{background:#17171f}.access .storm-video{z-index:-1}.badge-scene{position:absolute;z-index:2;left:3%;top:2%;width:55%;height:91%;transform-origin:50% 20%;will-change:transform}.badge-scene .badge{inset:0;width:100%;height:100%;transform:none!important;filter:drop-shadow(0 18px 20px #0004)}.access-caption{right:6%;bottom:27%;font-family:var(--display);font-size:clamp(30px,4vw,64px);line-height:1.05;transform:none;z-index:2;color:#29252d}.access-caption p{margin:0}.water-drop{position:absolute;z-index:3;width:5px;height:11px;border-radius:60% 40% 55% 45%;background:linear-gradient(110deg,#fff9,#fff1);box-shadow:1px 1px 2px #0004;top:63%;left:45%;animation:water-slide 7s ease-in infinite}.d2{left:53%;top:72%;animation-delay:-3s}.d3{left:39%;top:68%;animation-delay:-5s}@keyframes water-slide{0%,25%{transform:translateY(0);opacity:0}35%{opacity:.9}85%{opacity:.6}100%{transform:translateY(65px);opacity:0}}
.section-title{margin-top:15px}.service-number{font-family:Arial,sans-serif;color:var(--red);font-size:24px}.brands{height:190vh;height:190svh;min-height:1100px}.brands-stage{min-height:650px}.brand-grid{gap:2vw}.brand-logo-frame{position:relative;width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 12px 30px #27221b0b}.brand-logo-frame img{position:absolute;max-width:none;width:100%;height:100%;object-fit:cover}.brand-logo-frame.dae img{width:124%;height:auto;left:-13%;top:-18%}.brand-logo-frame.connie img{width:133%;height:auto;left:-20%;top:-22%}.brand-logo-frame.esme img{width:143%;height:auto;left:-35%;top:-39%}.brand-logo-frame.pansy img{width:165%;height:auto;left:-44%;top:-29%}.brand-grid>div{min-width:0;transform:none}.brand-grid span{font-size:9px;letter-spacing:1.5px;margin-top:20px}.brand-grid .humo-logo{height:14vw;max-height:220px;min-height:120px;display:flex;align-items:center;justify-content:center;font:italic 400 clamp(36px,5vw,80px)/1 Georgia,serif;letter-spacing:-4px}.founder-art-bottom{letter-spacing:1px}
.lab{min-height:90vh;min-height:90svh;padding:90px 8vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.lab-shade,.contact-shade{position:absolute;inset:0;background:linear-gradient(110deg,#101018c9,#16101c77);z-index:0;pointer-events:none}.lab-copy,.lab-vessel{position:relative;z-index:1}.lab h2{font-size:clamp(70px,10vw,160px);line-height:1.03}.lab h2 span{color:var(--red)}.lab-vessel{width:min(100%,410px);justify-self:center;filter:drop-shadow(0 0 55px #ed264a44);animation:lab-breathe 6s ease-in-out infinite}.lab-vessel svg{width:100%;overflow:visible}.bubbles{fill:#ffdddf99;animation:bubble-rise 4s ease-in infinite}@keyframes bubble-rise{0%{transform:translateY(40px);opacity:0}20%{opacity:.9}100%{transform:translateY(-150px);opacity:0}}@keyframes lab-breathe{50%{transform:translateY(-8px)}}.contact>.storm-video{position:absolute;inset:0;z-index:0;filter:grayscale(.6) brightness(.7)}.contact>.contact-shade{position:absolute;z-index:0}.contact-heading,.contact-form-wrap{position:relative;z-index:2}.contact-pepper{display:none}.whatsapp-float{bottom:85px;right:25px;padding:17px 23px;gap:12px;background:#128c4c;border:2px solid #fff9;box-shadow:0 7px 30px #0005}.whatsapp-float svg{width:34px;height:34px}.whatsapp-float span{display:block;font-size:14px;font-weight:700}.umbrella-cursor{position:fixed;z-index:10000;pointer-events:none;opacity:0;transform:translate(13px,-8px);color:#e83b50;font-size:25px;text-shadow:0 1px 2px #fff;transition:opacity .15s,scale .15s}.umbrella-cursor.visible{opacity:1}.umbrella-cursor.over-link{scale:1.25}.motion-paused *{animation-play-state:paused!important}
@media(max-width:700px){.topbar{padding:20px 5vw;gap:14px}.topbar .logo{width:42px}.topbar .logo img{height:42px}.topbar nav{gap:13px;font-size:8px;letter-spacing:.1px}.hero h1{width:88vw}.hero-role{font-size:12px;max-width:290px;line-height:1.6}.hero-content{padding-bottom:90px}.pepper{width:70px;height:100px}.p2{width:90px}.p3{width:45px}.badge-scene{width:90%;left:-9%;height:77%;top:0}.access-caption{right:7%;bottom:16%;font-size:30px}.access{height:240vh;height:240svh}.brands{height:200vh;height:200svh;min-height:1300px}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;width:90%;max-width:400px}.brand-grid>div{padding:5px 0}.brand-logo-frame{max-width:140px;margin:auto}.brand-grid span{font-size:8px;margin-top:12px}.brand-grid .humo-logo{min-height:55px;height:55px;font-size:45px}.brands-heading{top:30px}.brands-stage{padding-top:100px;min-height:700px}.lab{grid-template-columns:1fr;min-height:800px;gap:25px;padding:65px 8vw}.lab h2{font-size:23vw}.lab-vessel{width:210px}.whatsapp-float{right:15px;bottom:78px;padding:13px 16px}.whatsapp-float svg{width:28px;height:28px}.whatsapp-float span{display:block;font-size:12px}.umbrella-cursor{display:none}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .badge-scene{transform:none!important}html:not(.motion-enabled) .access-caption{opacity:1!important}html:not(.motion-enabled) .brand-grid>div{opacity:1!important;transform:none!important}html:not(.motion-enabled) .pepper{top:20%!important;opacity:1}html:not(.motion-enabled) .access .storm-video{display:none}html:not(.motion-enabled) .access-sticky{background:#c1ccd1}html:not(.motion-enabled) .brands{height:auto;min-height:0}html:not(.motion-enabled) .brands-stage{height:auto;padding-bottom:70px}html:not(.motion-enabled) .umbrella-cursor{display:none}}
.badge-scene{width:110%;left:-8%;height:86%;top:0}.access-caption{left:8%;right:auto;bottom:15%}.water-drop{left:90%;top:66%}.d2{left:87%;top:71%}.d3{left:92%;top:75%}
@media(max-width:700px){.badge-scene{width:155%;left:-35%;height:77%;top:1%}.access-caption{left:7%;right:auto;bottom:14%;font-size:29px}.water-drop{display:none}}
.access-storm-texture{position:absolute;inset:0;z-index:-1;background:url('https://static.wixstatic.com/media/536243_4305cfd324924ad1ada12b5ddb8b58c0~mv2.webp') center/cover;mix-blend-mode:screen;opacity:.5;pointer-events:none}.access-caption{z-index:5}.badge-scene{width:98%;left:1%}.brand-grid{overflow:hidden}.brand-grid>div{overflow:hidden}.brand-grid .humo-logo{letter-spacing:-3px}
@media(max-width:700px){.badge-scene{width:145%;left:-38%}.brand-grid{overflow:visible}.access-caption{font-size:29px}}
/* Continuous opening scene */
.journey{position:relative;isolation:isolate;background:#17151d}.journey-weather{position:sticky;top:0;height:100vh;height:100svh;min-height:650px;margin-bottom:-100vh;margin-bottom:-100svh;overflow:hidden;z-index:0;pointer-events:none}.journey-weather .storm-video{z-index:0}.journey-weather .storm-texture{z-index:1}.journey-weather .rain-canvas{z-index:2;opacity:calc(.6 * var(--rain-visibility,1))}.journey-weather .pepper{z-index:3;opacity:var(--rain-visibility,1)}.hero.storm{background:none;z-index:1}.hero:before{background:none}.hero{max-height:none;min-height:650px}.access{z-index:2;background:none;margin-top:0}.access-sticky{background:none}.access-sky{background:linear-gradient(#a4bac5,#e9edf1 70%,#eee6d9)}.access-sticky:after{background:linear-gradient(transparent,#eee6d9)}.cloud-back{opacity:0;transition:opacity .2s}.access-caption{left:7%;bottom:30%;font-size:clamp(40px,5.2vw,82px);letter-spacing:-.02em;line-height:1.1;z-index:5;max-width:45%;text-shadow:0 2px 18px #19212b22}.access-caption p{margin:.06em 0}.badge-scene{width:115%;height:90%;left:47%;top:0}.water-drop{left:14%;top:57%}.d2{left:20%;top:65%}.d3{left:24%;top:60%}.hero-role{font-size:clamp(15px,1.45vw,21px);font-weight:500;letter-spacing:.7px;margin-top:28px;text-shadow:0 2px 12px #000}.hero-contact{font-size:13px;min-width:255px;min-height:57px;padding:19px 30px}.section-title h2{font-size:clamp(45px,6.3vw,96px)}.services{padding-top:80px;padding-bottom:65px}.service{padding-top:37px;padding-bottom:37px}.service-name{font-size:clamp(20px,2.3vw,34px)}.service-footer{padding-top:45px}.service-footer .button{font-size:12px;padding:19px 32px}.whatsapp-float{background:#4e897e;color:#fffaf1;border-color:#a6cec399;box-shadow:0 5px 25px #163d3777}.whatsapp-float:hover{background:#386e64}.brand-logo-frame{border-radius:0;background:none;box-shadow:none;aspect-ratio:1.45;overflow:visible}.brand-mark{display:block!important;position:absolute!important;inset:0!important;margin:0!important;width:100%;height:100%;background-image:url('assets/brand-marks-taupe.png');background-repeat:no-repeat;background-size:200% 200%;}.mark-esme{background-position:0 0}.mark-dae{background-position:100% 0}.mark-connie{background-position:0 100%}.mark-pansy{background-position:100% 100%}.brand-grid .humo-logo{height:10vw;min-height:100px;color:#71685e;font-size:clamp(38px,5vw,72px)}.brand-grid>div{overflow:visible}.brand-grid span:not(.brand-mark){color:#71685e}.brand-grid{align-items:center}.brands-stage{padding-left:6vw;padding-right:6vw}
@media(max-width:700px){.journey-weather{min-height:650px}.hero-role{font-size:15px;max-width:320px;line-height:1.5}.hero-contact{min-width:235px;font-size:12px;min-height:54px}.badge-scene{width:210%;left:35%;top:9%;height:77%}.access-caption{font-size:clamp(30px,7.5vw,45px);left:6%;bottom:37%;max-width:55%;line-height:1.15}.services{padding-top:55px;padding-bottom:45px}.section-title h2{font-size:43px}.service-name{font-size:22px}.service{padding-top:28px!important;padding-bottom:28px!important}.service-footer .button{font-size:11px;padding:18px 26px}.brand-logo-frame{max-width:none}.brand-grid .humo-logo{height:55px;min-height:55px}.water-drop{display:none}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .journey-weather{position:absolute;inset:0;height:100%;margin:0}html:not(.motion-enabled) .access-sky{opacity:1!important}html:not(.motion-enabled) .cloud-back{opacity:1}html:not(.motion-enabled) .access-caption{color:#29252d!important}html:not(.motion-enabled) .badge-scene{transform:none!important}}

.journey-weather{margin-bottom:calc(-1 * max(100vh,650px));margin-bottom:calc(-1 * max(100svh,650px))}.brand-logo-frame{aspect-ratio:1}.brand-grid .humo-logo{height:14vw;max-height:220px}
@media(max-width:700px){.brand-grid .humo-logo{height:70px}}

svg.brand-mark{background:none;inset:13% 0!important;height:74%;overflow:hidden}.brand-logo-frame{overflow:hidden}

@media(pointer:fine){body.custom-cursor,body.custom-cursor *{cursor:none!important}.umbrella-cursor{transform:translate(-50%,-50%);font-family:Arial,sans-serif;font-size:28px;line-height:1;width:30px;height:30px;text-align:center;text-shadow:0 1px 2px #fff9}}

.umbrella-cursor{display:none!important}
@media(pointer:fine){body,body *,body.custom-cursor,body.custom-cursor *{cursor:url('assets/cursor-umbrella.svg') 16 15,auto!important}}
/* Depth, portrait and closing composition */
.journey-weather .storm-video,.journey-weather .storm-texture{transform-origin:50% 45%;will-change:transform}.journey-portal{position:sticky;top:0;height:100vh;height:100svh;min-height:650px;margin-bottom:calc(-1 * max(100vh,650px));margin-bottom:calc(-1 * max(100svh,650px));z-index:4;pointer-events:none;overflow:hidden;opacity:0}.portal-cloud{position:absolute;max-width:none;width:130%;height:130%;object-fit:cover;bottom:-30%;mask-image:radial-gradient(ellipse,black 15%,transparent 70%);will-change:transform}.portal-left{left:-85%;transform:translateX(calc(var(--tunnel,0) * 40%)) scale(calc(.9 + var(--tunnel,0) * 1.8));transform-origin:right center}.portal-right{right:-85%;transform:translateX(calc(var(--tunnel,0) * -40%)) scale(calc(-.9 - var(--tunnel,0) * 1.8),calc(.9 + var(--tunnel,0) * 1.8));transform-origin:left center}.journey-exit{position:absolute;inset:0;z-index:6;background:var(--bone);opacity:0;pointer-events:none}.hero-content{transform-origin:center 42%;will-change:transform,opacity,filter}.access-sticky{perspective:1100px}.founder{grid-template-columns:minmax(240px,.8fr) minmax(320px,1.2fr);padding:100px 10vw;gap:8vw;align-items:center}.founder-portrait{display:flex;justify-content:center;align-items:center;padding:25px 5px}.polaroid{width:min(100%,330px);margin:0;background:#fffaf0;padding:13px 13px 0;transform:rotate(-5deg);box-shadow:0 15px 35px #3c33231c,0 2px 4px #2d201211;position:relative}.polaroid:before{content:'';width:86px;height:27px;position:absolute;left:37%;top:-13px;background:#d4bfa66b;transform:rotate(6deg);z-index:2}.polaroid img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 35%}.polaroid figcaption{display:flex;align-items:center;justify-content:space-between;padding:20px 8px 24px;font:500 25px/1 var(--hand);color:#51483e}.polaroid figcaption span{color:var(--red)}.founder-copy h2{font-family:var(--display);font-size:clamp(55px,6vw,88px);line-height:1.05;letter-spacing:-1px;margin:16px 0 25px}.founder-copy .eyebrow{margin:0}.founder-role{font-size:10px;line-height:1.8;margin:0 0 18px}.founder-intro{max-width:490px;font-size:15px;line-height:1.8;margin:0 0 14px}.founder .text-link{margin-top:0}.contact{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);padding-top:105px;gap:6vw}.project-question{font:400 clamp(22px,2.8vw,42px)/1.2 var(--display);letter-spacing:0;margin:8px 0 20px}.contact h2{font-size:clamp(68px,8vw,128px);line-height:1.02;margin-top:0;letter-spacing:-1px}.contact-disciplines{margin-top:26px}.contact-form-wrap{padding-top:0}.dialogue-bubble{position:relative;background:#eee6d9;color:#292426;max-width:280px;padding:20px 24px;text-align:left;font:500 26px/1.12 var(--hand);border-radius:21px 21px 4px 21px;margin:27px 0 0 auto;opacity:0;transform:translateX(75px) rotate(3deg);transition:opacity .7s,transform .9s cubic-bezier(.2,.8,.2,1);box-shadow:0 8px 20px #0002}.dialogue-bubble:before{content:'';position:absolute;right:-13px;bottom:0;border-top:18px solid transparent;border-left:19px solid var(--bone)}.dialogue-bubble strong{font-weight:600;color:#c52d42}.dialogue-bubble.is-visible{opacity:1;transform:translateX(0) rotate(-2deg)}
@media(max-width:700px){.founder{grid-template-columns:1fr;padding:60px 8vw;gap:35px}.founder-portrait{padding:15px 25px}.polaroid{max-width:265px}.polaroid figcaption{font-size:23px}.founder-copy h2{font-size:63px}.founder-intro{font-size:14px}.contact{grid-template-columns:1fr;padding-top:65px;gap:30px}.project-question{font-size:7vw;margin-bottom:17px}.contact h2{font-size:20.5vw;line-height:1.03}.contact h2 br{display:block!important}.dialogue-bubble{font-size:25px;max-width:255px;margin-right:12px}.portal-cloud{width:180%;height:130%}.portal-left{left:-140%}.portal-right{right:-140%}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .journey-portal{display:none}html:not(.motion-enabled) .journey-exit{opacity:0!important}html:not(.motion-enabled) .dialogue-bubble{opacity:1;transform:none;transition:none}html:not(.motion-enabled) .hero-content{filter:none!important}}


.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:25vh;top:25svh;height:70vh;height:70svh;margin-bottom:-70vh;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:155vh;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:125vh;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:54vh;top:54svh;height:34vh;height:34svh;width:25vh;width:25svh;margin-bottom:-34vh;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:23vh;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:190vh;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:185vh;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)}

/* Touch-first layouts; desktop art direction is preserved. */
@media (hover:none),(pointer:coarse){
 html,body,a,button{cursor:auto!important}
 .cursor-bolt,.cursor-drop,.cursor-chili{display:none!important}
 a,button{touch-action:manipulation;-webkit-tap-highlight-color:rgba(213,29,55,.18)}
 .service-card{transform:none!important}
 .service-turn{transition-duration:.4s}
}
@media(max-width:1024px){
 .topbar{padding:24px 5vw;gap:20px}.topbar nav{gap:22px}
 .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}
 .service-flip{height:auto;aspect-ratio:1.5}
 .service-front .service-name{font-size:clamp(22px,3vw,30px)}
 .brand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px}
 .brands-heading>.eyebrow{font-size:clamp(30px,4vw,44px)}
 .founder{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);padding-left:7vw;padding-right:7vw}
 .founder-copy h2{font-size:64px}.founder-intro{font-size:15px}
 .contact{gap:5vw;padding-left:7vw;padding-right:7vw}
 footer{grid-template-columns:auto 1fr}.footer-social{grid-column:2}
}
@media(max-width:700px){
 .topbar{padding:18px 6vw;align-items:flex-start;gap:15px}.topbar .logo{width:48px;flex-shrink:0}.topbar .logo img{height:48px}
 .topbar nav{display:grid;grid-template-columns:auto auto;gap:0 18px;font-size:10px;letter-spacing:.5px}.topbar nav a{display:flex;align-items:center;min-height:44px;padding:8px 0}
 .hero{min-height:620px;height:100vh;height:100svh;max-height:none}.hero-content{padding:110px 6vw 80px}.hero h1{width:100%;margin:15px auto 0}.hero-role{font-size:16px;letter-spacing:0;max-width:290px;margin:25px auto 18px;line-height:1.5}.hero-contact{min-height:48px;gap:25px;padding:15px 22px;font-size:11px}
 .motion-toggle{right:6vw;bottom:72px;min-height:36px}.scroll-cue{bottom:20px}
 .journey-weather{min-height:620px;margin-bottom:calc(-1 * max(100vh,620px));margin-bottom:calc(-1 * max(100svh,620px))}
 .access{height:150vh;height:150svh;min-height:1050px}.access-sticky{height:100vh;height:100svh;min-height:700px}
 .access-caption{top:7%;bottom:auto;left:7%;right:auto;max-width:86%;font-size:clamp(34px,9vw,47px);line-height:1.04;opacity:1!important;transform:none!important}
 .access-caption p{margin:0}.access-caption p:last-child{display:flex;gap:.2em;flex-wrap:wrap}
 .badge-scene{width:250%;left:17%;top:29%;height:65%;transform:rotate(-3deg)!important;opacity:1!important;transform-origin:10% 40%}
 .access-caption{text-shadow:none!important}.cloud-back{height:85%;bottom:-10%}.access-sticky:after{height:25%}
 .services{padding:42px 6vw}.section-title h2{font-size:clamp(36px,9.2vw,52px)}
 .service-grid{grid-template-columns:1fr;max-width:440px;gap:18px;margin-top:28px}.service-flip{height:auto;aspect-ratio:1.5}.service-front .service-name{font-size:28px;left:18px;bottom:14px}.service-back-title{font-size:28px}.service-description{font-size:16px;line-height:1.5}.service-hint{font-size:24px}.service-footer .button{font-size:11px;gap:18px;min-height:48px;padding:15px 22px}
 .brands-stage{padding:45px 6vw}.brands-heading{gap:15px;margin-bottom:28px}.brands-heading>.eyebrow{font-size:32px;max-width:80%}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.brand-grid>div{grid-template-rows:105px 26px}.brand-logo-frame{height:105px;max-width:175px}.brand-grid .humo-logo{height:105px!important;min-height:105px;max-height:105px;font-size:46px!important}.brand-grid>div>span{font-size:9px;letter-spacing:1px;margin-top:8px}.brand-grid>div:last-child{grid-column:1/-1;max-width:180px;width:100%;justify-self:center}
 .studio-divider{padding:20px 6vw}.founder{grid-template-columns:minmax(0,1fr);padding:45px 8vw 55px;gap:34px}.founder-portrait{padding:12px 20px}.polaroid{max-width:280px}.founder-copy h2{font-size:64px}.founder-intro{max-width:none;font-size:16px;line-height:1.7}.founder .text-link{font-size:19px;padding:14px 0;line-height:1.5}
 .contact{grid-template-columns:minmax(0,1fr);padding:50px 7vw;gap:28px}.contact .project-question{font-size:29px;margin-bottom:35px}.contact h2{font-size:clamp(60px,17vw,100px)}.contact-disciplines{letter-spacing:1.5px}.contact-form-wrap{min-width:0}input,select,textarea{font-size:16px;padding:14px;min-height:48px}textarea{min-height:130px}.contact .button{font-size:10px;min-height:50px;gap:14px;padding:14px 18px}.dialogue-bubble{max-width:290px;margin-right:12px}.chat-message{font-size:21px;padding:18px 20px}.chat-reply{font-size:22px}
 footer{display:flex;flex-direction:column;align-items:flex-start;gap:28px;padding:35px 7vw 185px}.footer-social{justify-content:flex-start;gap:16px;max-width:100%;font-size:14px}.footer-social a:not(.footer-phone){min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.footer-phone{text-align:left;font-size:15px;padding:8px 0}.footer-social svg{width:25px;height:25px}
 .whatsapp-float{right:14px;bottom:calc(64px + env(safe-area-inset-bottom,0px));padding:12px 16px;min-height:54px;font-size:12px}.back-top{right:14px;left:auto;bottom:calc(130px + env(safe-area-inset-bottom,0px));min-height:44px;padding:8px 13px}
}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .access-caption,html:not(.motion-enabled) .badge-scene,html:not(.motion-enabled) .founder-copy{opacity:1!important;transform:none!important}html:not(.motion-enabled) .access-sky{opacity:1!important}html:not(.motion-enabled) .access-caption{color:var(--ink)!important}html:not(.motion-enabled) .journey-portal,html:not(.motion-enabled) .storm-depth{display:none}}

/* Independent soft clouds, revealed only as the storm clears. */
.cloud-layer{object-fit:contain;object-position:center;filter:none;mask-image:none;-webkit-mask-image:none;opacity:0;transition:none}
.cloud-back{width:105%;height:62%;left:-28%;bottom:5%}
.cloud-front-left{display:block;width:105%;height:64%;left:-35%;bottom:-19%}
.cloud-front-right{display:block;width:100%;height:66%;left:38%;bottom:-14%}
.access-sticky:after{height:34%;background:linear-gradient(transparent,var(--bone))}
.ui-arrow{display:inline-block;width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}
@media(max-width:700px){
 html{scroll-padding-top:112px}
 .topbar{position:fixed;inset:0 0 auto;z-index:60;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 12px 4px;background:#17151df2;border-bottom:1px solid #eee6d92b}
 .topbar .logo{width:35px}.topbar .logo img{height:35px}
 .topbar nav{display:flex;justify-content:space-evenly;gap:8px;width:100%;font-size:10px;letter-spacing:.4px}.topbar nav a{white-space:nowrap;min-height:44px;gap:4px}
 .hero-content{padding-top:140px}
 .whatsapp-float{width:52px;height:52px;min-height:52px;padding:0;justify-content:center;bottom:calc(70px + env(safe-area-inset-bottom,0px));right:14px}
 .back-top{width:44px;height:44px;min-height:44px;padding:0;justify-content:center;right:18px;bottom:calc(132px + env(safe-area-inset-bottom,0px))}
 .whatsapp-float span,.back-top span{display:none}.back-top .ui-arrow{width:22px;height:22px}
 .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;max-width:500px}
 .service-card:last-child{grid-column:1/-1;justify-self:center;width:calc((100% - 10px)/2)}
 .service-flip{height:auto;aspect-ratio:.88}.service-face{padding:12px}.service-front .service-name{font-size:clamp(17px,4.5vw,24px);left:10px;bottom:12px}.service-hint{right:10px;top:10px;font-size:18px}.service-back-title{font-size:21px}.service-description{font-size:12px;line-height:1.45;margin-top:10px}.service-back-icon{bottom:8px;right:9px;font-size:16px}
 .contact-form-wrap{display:flex;flex-direction:column;padding-top:0;gap:26px}.dialogue-bubble{order:-1;margin:0 0 0 auto;max-width:100%;opacity:1;transform:none}.contact-note{margin-top:0}
 footer{align-items:center;text-align:center;padding-bottom:155px}.footer-social{justify-content:center;width:100%;max-width:360px}.footer-phone{text-align:center}.footer-social>span{flex-basis:100%}footer .logo{width:120px}
 .cloud-back{width:170%;left:-65%;height:53%;bottom:12%}.cloud-front-left{width:180%;left:-78%;height:48%;bottom:-6%}.cloud-front-right{width:175%;left:5%;height:45%;bottom:-9%}
 .motion-toggle{right:auto;left:6vw;bottom:80px}
}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .cloud-layer{opacity:1}}
@media(max-width:700px){
 .contact-heading{display:contents}.contact .project-question{order:0;margin-bottom:0}.contact .closing-title{order:1;margin:0}.contact-disciplines{order:2;margin:0}.contact-form-wrap{order:3}.contact .avatar-lane{order:4}
 .dialogue-bubble{margin-right:34px}.contact{gap:24px}
}
@media(max-width:700px){.contact .project-question,.contact .project-question>span,.contact .closing-line,.contact-disciplines{opacity:1!important;transform:none!important;clip-path:none!important}}
@media(max-width:700px){.contact-heading> *{position:relative;z-index:1}}

/* Invitation precedes the form on every screen. */
.contact-form-wrap{display:flex;flex-direction:column;gap:28px}
.contact-form-wrap .dialogue-bubble{order:0;margin-top:0;margin-bottom:0}
@media(max-width:700px){.contact-form-wrap{gap:26px}}
@media(max-width:700px){
 .contact .avatar-lane{height:78px;margin-top:0;align-self:end}
 .contact .avatar-stage{width:53px;height:73px;top:auto;bottom:0}
 .contact .avatar-stage:after{height:3px;bottom:3px;filter:blur(2px)}
}


/* Mobile retains the weather and gives immediate touch feedback. */
@media(max-width:700px){
 .services .section-title{justify-content:center;text-align:center}
 .services .section-title h2{width:100%;text-align:center}
 .service-footer{text-align:center;display:flex;justify-content:center}
 .journey-portal{min-height:620px;margin-bottom:calc(-1 * max(100vh,620px));margin-bottom:calc(-1 * max(100svh,620px))}
 .contact .storm-video{opacity:.8}
}
.touch-feedback:is(.button,.hero-contact,.whatsapp-float,.back-top){
 background:var(--red)!important;color:var(--bone)!important;border-color:var(--red)!important;
}
a.touch-feedback:not(.button):not(.hero-contact):not(.whatsapp-float):not(.back-top){color:var(--red)!important}
.contact-rain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.4}
@media(prefers-reduced-motion:no-preference){
 .video-fallback .storm-texture{animation:mobile-weather-drift 18s ease-in-out infinite alternate}
}
@keyframes mobile-weather-drift{from{background-position:46% center}to{background-position:54% center}}

.touch-feedback{transition:none!important}

/* Playback must remain recoverable even with reduced motion or blocked autoplay. */
html .hero .motion-toggle{display:block;z-index:10}
html.motion-enabled .avatar-lane,html.motion-enabled .avatar-stage{display:block}
html.motion-enabled .video-fallback .storm-texture{animation:mobile-weather-drift 18s ease-in-out infinite alternate}

/* Keep the front lettering out of the reverse face in iOS compositing. */
.service-face{-webkit-backface-visibility:hidden;backface-visibility:hidden}
.service-front .service-name{transform:none}
.service-face>*{pointer-events:none}
.service-card.is-flipped .service-front{visibility:hidden}
.service-card:not(.is-flipped) .service-back{visibility:hidden}
@media(hover:hover) and (pointer:fine){
 .service-card:hover .service-front{visibility:hidden}
 .service-card:hover .service-back{visibility:visible}
}
.contact-lightning{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 70% 85%,#d9dcf8aa,transparent 75%)}
.contact-lightning.is-flashing{animation:contact-soft-flash 1.4s ease-out both}
@keyframes contact-soft-flash{0%{opacity:0}18%{opacity:.18}100%{opacity:0}}

@media(max-width:700px){
 .access-caption{font-size:clamp(37.4px,9.9vw,51.7px)}
 .badge-scene{top:19%}
}
.contact-lightning{background:radial-gradient(ellipse at 70% 25%,#e1e5ff,transparent 80%)}
.contact-lightning.is-flashing{animation:contact-soft-flash 1.8s ease-out both}
@keyframes contact-soft-flash{0%{opacity:0}15%{opacity:.48}35%{opacity:.08}48%{opacity:.28}100%{opacity:0}}

.site-copyright{display:block;grid-column:1/-1;flex-basis:100%;width:100%;margin:26px 0 0;text-align:center;font-size:11px;line-height:1.6;letter-spacing:.04em;color:var(--bone);opacity:.7}

/* Five destinations stay in one row on small screens. */
@media(max-width:700px){.topbar nav{gap:4px;justify-content:space-between;font-size:clamp(8px,2.2vw,10px);letter-spacing:.1px}.topbar nav a{justify-content:center;min-height:44px;padding:8px 2px}.topbar nav a[aria-current=page]{color:var(--red);border-bottom-color:var(--red)}}