/* Hymanna / service-led cinematic campaign system. */
.profile-service-visual{height:230px;width:100%;position:relative;overflow:hidden;border-radius:14px;margin:25px 0 0;background:#080b05;direction:ltr;isolation:isolate}.profile-service-visual>img{position:absolute;top:50%;left:0;width:200%;max-width:none;height:auto;transform:translateY(-50%);transition:transform .9s ease}.profile-service-visual figcaption{position:absolute;bottom:12px;left:12px;background:#050805c9;border:1px solid #b1ca883b;backdrop-filter:blur(10px);color:#d4dfc6;padding:5px 10px;border-radius:30px;font-size:8px;direction:rtl;z-index:2}.agency-home .a-service-graphic .profile-service-visual,.agency-home .a-service-interior .profile-service-visual{width:calc(100% + 58px);margin-inline:-29px;border-radius:0;height:260px}.agency-home .a-service-ai .profile-service-visual{width:40%;flex:0 0 40%;height:270px;margin:0}.company-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.company-spread{margin:0;overflow:hidden;border:1px solid #37452b;border-radius:18px;background:#0a0e07;min-width:0;transition:border-color .3s,transform .35s}.company-spread>button{padding:0;display:block;width:100%;position:relative;overflow:hidden}.company-spread img{width:100%;height:auto;display:block;transition:transform .6s}.company-spread button>span{position:absolute;bottom:11px;left:11px;display:flex;align-items:center;gap:7px;font-size:8px;color:#edf3e4;padding:7px 10px;background:#050805d9;border:1px solid #769d4844;border-radius:30px;backdrop-filter:blur(10px)}.company-spread button>span>svg{width:13px;height:13px}.company-spread>figcaption{padding:15px 17px;display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:15px}.company-spread figcaption small{font-size:9px;color:#91a878;direction:ltr;white-space:nowrap}.company-profile-actions{margin-top:28px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.company-profile-actions .button{font-size:12px;gap:20px}.company-profile-actions .text-link{font-size:11px;color:#b5c69f}.company-page-intro{padding:70px 0 45px;max-width:760px}.company-page-intro h1{font:700 clamp(40px,5.5vw,70px)/1.5 var(--display);letter-spacing:-2px}.company-page-intro p{font-size:17px;line-height:2;margin:24px 0}.company-page-intro .button{font-size:14px;padding:13px 24px}.company-page-intro>small{display:block;font-size:10px;color:#91a478;margin-top:13px}.company-pages-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.company-pages-grid .company-spread>figcaption{font-size:13px;padding:19px 22px}.company-pages-grid .company-spread button>span{font-size:10px;bottom:17px;left:17px;padding:9px 13px}.company-page-cta{padding:70px 0 85px;display:flex;justify-content:space-between;align-items:center;gap:30px}.company-page-cta h2{font-size:45px}.company-page-cta .button{padding:13px 22px;font-size:13px;gap:22px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.fx-card:hover .profile-service-visual>img{transform:translateY(-50%) scale(1.035)}.company-spread:hover{transform:translateY(-4px);border-color:#8db750}.company-spread:hover img{transform:scale(1.02)}}
@media(max-width:900px){.company-preview-grid{grid-template-columns:1fr}.company-preview-grid .company-spread>button{aspect-ratio:1.414}.company-preview-grid .company-spread img{height:100%;object-fit:contain}.company-preview-grid .company-spread>figcaption{font-size:14px}.company-preview-grid .company-spread button>span{font-size:10px}.company-page-intro h1{font-size:50px}.company-pages-grid{gap:20px}.company-page-cta h2{font-size:36px}}
@media(max-width:700px){.profile-service-visual{height:210px}.agency-home .a-service-graphic .profile-service-visual,.agency-home .a-service-interior .profile-service-visual{width:calc(100% + 46px);margin-inline:-23px;height:230px}.agency-home .a-service-ai .profile-service-visual{width:100%;height:230px;margin-top:25px}.company-preview-grid{gap:18px}.company-spread{border-radius:14px}.company-preview-grid .company-spread>figcaption{font-size:12px;padding:15px}.company-profile-actions{margin-top:24px;display:grid;gap:18px;justify-content:start}.company-profile-actions .button{font-size:11px;gap:14px}.company-profile-actions .text-link{font-size:10px}.company-page-intro{padding:42px 0 32px}.company-page-intro h1{font-size:34px;letter-spacing:-1px;line-height:1.65}.company-page-intro p{font-size:13px;margin:20px 0}.company-page-intro .button{font-size:12px;padding:12px 20px;gap:15px}.company-page-intro>small{font-size:9px}.company-pages-grid{grid-template-columns:1fr;gap:22px}.company-pages-grid .company-spread>figcaption{font-size:12px;padding:15px}.company-pages-grid .company-spread button>span{font-size:9px;bottom:10px;left:10px;padding:7px 10px}.company-page-cta{display:block;padding:50px 0 65px}.company-page-cta h2{font-size:31px;line-height:1.6}.company-page-cta .button{margin-top:25px;font-size:12px}}
.desktop-nav{gap:18px;font-size:11px}.header-inner{gap:22px}.desktop-nav a.current{color:var(--lime)}.specialty-menu-heading,.specialty-tabs,.menu-pages{display:none}
.campaign-hero{position:relative;isolation:isolate;min-height:750px;margin-top:-90px;padding-top:90px;background:#050505;overflow:clip}.campaign-stage{position:relative;min-height:660px}.campaign-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .7s ease,visibility .7s ease;overflow:hidden}.campaign-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}.campaign-slide>picture{position:absolute;inset:0;overflow:hidden;background:#090a07}.campaign-slide>picture>img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.07);transition:transform 1.5s cubic-bezier(.2,.65,.2,1),filter .7s}.campaign-slide.is-active>picture>img{transform:scale(1)}.campaign-shade{position:absolute;inset:0;background:linear-gradient(270deg,#050505f2 0%,#050505db 23%,#05050575 44%,#05050500 67%),linear-gradient(0deg,#050505 0%,#05050500 27%,#05050500 80%,#05050566);pointer-events:none}.campaign-content{position:relative;display:flex;align-items:center;min-height:660px;padding-block:70px 80px;z-index:1}.campaign-copy{width:53%;max-width:760px;min-width:0}.campaign-copy h1,.campaign-copy h2{font:800 clamp(44px,5.3vw,82px)/1.5 var(--display);letter-spacing:-2.8px;white-space:normal;text-wrap:balance;transition:transform .8s ease,opacity .8s;transform:translateY(24px);opacity:0}.campaign-copy h1 span,.campaign-copy h2 span{color:var(--lime)}.campaign-slide.is-active .campaign-copy h1,.campaign-slide.is-active .campaign-copy h2{transform:none;opacity:1}.campaign-copy>.eyebrow{font-size:11px;margin-bottom:23px;color:#cad1c0}.campaign-offer{font:600 clamp(19px,1.8vw,27px)/1.8 var(--display);color:var(--ink);margin-top:14px}.campaign-description{font-size:16px;line-height:2;max-width:510px;margin-top:19px;color:#bcc4b2}.campaign-actions{display:flex;align-items:center;gap:22px;margin-top:28px;flex-wrap:wrap}.campaign-actions .button{font-size:13px}.campaign-secondary{display:inline-flex;align-items:center;gap:10px;font-size:12px;padding-block:14px;border-bottom:1px solid #99b87888}.campaign-secondary svg{width:20px;transform:rotate(180deg);color:var(--lime)}.campaign-secondary:hover{color:var(--lime)}.campaign-disclosure{display:block;font-size:9px;color:#929b83;margin-top:23px}.campaign-bottom{position:relative;z-index:3;display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px;border-top:1px solid #63764a55;padding-block:18px 24px;margin-top:-10px}.campaign-selectors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.campaign-picker{position:relative;display:flex;align-items:center;gap:13px;text-align:right;color:#979f8b;padding:15px 0 17px;border-bottom:1px solid #343f29;min-width:0;transition:color .3s}.campaign-picker-number{font-size:10px;font-weight:500;color:#70805d;font-variant-numeric:tabular-nums}.campaign-picker strong{font-family:var(--display);font-size:12px;font-weight:500;display:block;line-height:1.8}.campaign-picker small{font-size:9px;display:block;margin-top:6px;line-height:1.8;color:#849173}.campaign-picker[aria-pressed=true]{color:var(--lime);border-bottom-color:#c7ff5780}.campaign-picker[aria-pressed=true] .campaign-picker-number{color:var(--lime)}.campaign-picker-progress{position:absolute;bottom:-1px;height:2px;background:var(--lime);right:0;width:0;opacity:0}.campaign-hero[data-playing=true] .campaign-picker[aria-pressed=true] .campaign-picker-progress{animation:campaign-timer 8s linear both;opacity:1}.campaign-arrows{display:flex;align-items:center;gap:11px;direction:rtl}.campaign-arrows .icon-button{min-width:39px;min-height:39px;border-color:#52633b;color:#c9d7b9}.campaign-arrows>span{font-size:10px;direction:ltr;color:#b7c5a5;min-width:30px;text-align:center}.campaign-rotation{position:absolute;left:max(52px,calc((100% - 1440px)/2));top:117px;z-index:5}.campaign-rotation button{display:flex;align-items:center;gap:9px;color:#c4d1b3;border:1px solid #5e7443;border-radius:30px;padding:9px 14px;background:#0c1108a3;backdrop-filter:blur(10px);font-size:10px;min-height:39px}.campaign-rotation button>span:first-child{color:var(--lime);font-size:16px;line-height:1}.campaign-hero:hover .campaign-picker-progress{animation-play-state:paused!important}@keyframes campaign-timer{from{width:0}to{width:100%}}
@media(max-width:700px){html{scroll-padding-bottom:100px}#mobile-menu .specialty-tabs>a.specialty-tab{font-size:12px}#mobile-menu .menu-pages a{font-size:12px}#mobile-menu .specialty-menu-heading strong{font-size:14px}}
/* Stronger card feedback, activated only by actual interaction. */
.fx-card{position:relative;isolation:isolate;transform:perspective(1100px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg)) translateY(var(--card-lift,0px));transition:transform .5s cubic-bezier(.18,.75,.2,1),border-color .35s,box-shadow .4s;will-change:auto}.fx-card:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;background:radial-gradient(500px circle at var(--card-x,50%) var(--card-y,50%),#c7ff5720,transparent 55%);opacity:0;transition:opacity .35s}.fx-card:after{content:'';position:absolute;inset:0;border:1px solid transparent;border-radius:inherit;pointer-events:none;z-index:4;transition:border-color .3s,box-shadow .3s}.fx-card:focus-within:after{border-color:#c7ff57aa;box-shadow:inset 0 0 20px #c7ff570b}.fx-card .project-visual>img{transition:transform 1s cubic-bezier(.18,.75,.2,1),filter 1s}.fx-card .project-card-info .circle-arrow{transition:transform .45s,background-color .35s,color .35s}.fx-card .project-card-info .circle-arrow svg{transition:transform .45s}.fx-card .a-service-main>img{transition:transform .9s ease}.fx-card .project-card-info{position:relative}.fx-card .project-kind{transition:background-color .3s,color .3s}.fx-card[data-card-ready=false]{opacity:0;transform:translateY(38px) scale(.98)}.fx-card[data-card-ready=true]{opacity:1}.project-card,.a-service,.client-review{backface-visibility:hidden}.agency-home .agency-work-grid{perspective:1500px}.agency-services .a-service-top>svg{filter:drop-shadow(0 0 8px #c7ff5720)}
@media(hover:hover) and (pointer:fine){.fx-card:hover{--card-lift:-7px;border-color:#8fab61;box-shadow:0 25px 55px #0007,0 0 25px #6d942516}.fx-card:hover:before{opacity:1}.fx-card:hover:after{border-color:#c7ff5750;box-shadow:inset 0 0 28px #c7ff570a}.fx-card:hover .project-visual>img{transform:scale(1.075);filter:saturate(1.08)}.fx-card:hover .project-card-info .circle-arrow{background:var(--lime);color:#0a0d06;transform:rotate(-36deg)}.fx-card:hover .project-kind{background:var(--lime);color:#101606}.fx-card:hover .a-service-main>img{transform:scale(1.035)}}
.agency-home .agency-ticker{margin-top:0}.agency-home .agency-film{border-block:1px solid #3a472c}.agency-home h2{text-wrap:balance}.agency-home .a-service-main>img{display:block;width:100%;height:210px;object-fit:cover;border-radius:13px;margin-top:25px}.agency-home .a-service-main{display:block}.agency-home .a-service-main>div{width:100%}.agency-home .a-service-ai .a-service-main{display:flex;gap:50px}.agency-home .a-service-ai .a-service-main>div{width:60%}.agency-home .a-service-ai .a-service-main>img{position:static;width:40%;height:290px;mix-blend-mode:normal;object-fit:cover}.agency-home .a-service-graphic .a-service-main>img,.agency-home .a-service-interior .a-service-main>img{width:calc(100% + 58px);margin-inline:-29px;border-radius:0;height:260px}.agency-home .a-service-graphic .a-service-main,.agency-home .a-service-interior .a-service-main{overflow:hidden}
@media(min-width:1700px){.campaign-stage,.campaign-content{min-height:780px}.campaign-copy h1,.campaign-copy h2{font-size:90px}.campaign-description{font-size:18px}.campaign-rotation{top:140px}}
@media(max-width:1150px){.desktop-nav{gap:12px;font-size:10px}.campaign-copy h1,.campaign-copy h2{font-size:clamp(43px,5.4vw,64px)}.campaign-copy{width:58%}.campaign-description{font-size:15px;max-width:460px}.campaign-picker strong{font-size:11px}.campaign-picker small{font-size:8px}.campaign-bottom{gap:18px}.campaign-selectors{gap:12px}.campaign-rotation{left:36px}.campaign-stage,.campaign-content{min-height:650px}}
@media(max-width:1080px){.desktop-nav{display:none}.menu-toggle{display:inline-flex}.header-inner>.button{margin-right:auto}.mobile-menu{display:block;top:82px;inset-inline:0;border:1px solid #4c6330;border-radius:24px;padding:23px;background:#0b1008f5;backdrop-filter:blur(24px);max-height:calc(100svh - 115px);overflow-y:auto;overscroll-behavior:contain}.specialty-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.specialty-menu-heading strong{font:600 15px var(--display)}.specialty-menu-heading>span{font-size:10px;color:#8fa577}.specialty-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-menu a.specialty-tab{display:flex;gap:11px;align-items:center;text-align:right;padding:15px 13px;min-height:60px;background:linear-gradient(135deg,#1c2910,#11190b);border:1px solid #40552a;border-radius:12px;font-size:13px;line-height:1.7;color:#e1e9d5;position:relative}.specialty-tab>svg{color:var(--lime);width:23px;height:23px;flex-shrink:0}.specialty-tab>span:last-child{margin-right:auto;color:#a1bd7b;font-size:13px}.specialty-tab:last-child{grid-column:1/-1}.specialty-tab.current{background:#293e13!important;border-color:var(--lime)!important}.menu-pages{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-top:20px;padding-top:13px;border-top:1px solid #354329}.mobile-menu .menu-pages a{padding:12px 0;border-bottom:1px solid #27321d;font-size:12px;color:#aab99a}.mobile-menu .menu-start{display:flex;align-items:center;justify-content:space-between;border:1px solid #7da33f;border-radius:12px;background:var(--lime);color:#111807;font-size:14px;padding:12px 17px;width:100%;margin-top:19px}.menu-start svg{transform:rotate(180deg);width:22px}.campaign-copy{width:62%}.campaign-copy h1,.campaign-copy h2{font-size:54px}.campaign-description{max-width:450px}.campaign-selectors{gap:12px}.campaign-picker{gap:9px}.campaign-picker strong{font-size:10px}.campaign-picker small{display:none}.campaign-bottom{padding-bottom:22px}.campaign-rotation{top:116px}}
@media(max-width:700px){.mobile-menu{top:70px;padding:20px 16px;max-height:calc(100svh - 100px);border-radius:21px}.specialty-menu-heading{margin-bottom:15px}.specialty-menu-heading strong{font-size:13px}.specialty-menu-heading>span{font-size:9px}.specialty-tabs{gap:9px}.mobile-menu a.specialty-tab{padding:12px 9px;min-height:59px;font-size:11px;gap:8px;border-radius:11px}.specialty-tab>svg{width:20px;height:20px}.specialty-tab>span:last-child{font-size:11px}.menu-pages{margin-top:16px;gap:0 17px;padding-top:10px}.mobile-menu .menu-pages a{font-size:11px;padding:11px 0}.mobile-menu .menu-start{font-size:12px;padding:11px 15px;margin-top:16px}.campaign-hero{margin-top:-72px;padding-top:72px;min-height:0}.campaign-stage{min-height:750px}.campaign-content{min-height:750px;padding-block:49px 320px;align-items:flex-start}.campaign-copy{width:100%;max-width:none}.campaign-copy h1,.campaign-copy h2{font-size:clamp(37px,9.7vw,59px);line-height:1.55;letter-spacing:-1.6px;max-width:100%;text-wrap:initial}.campaign-copy>.eyebrow{font-size:9px;line-height:1.9;margin-bottom:21px}.campaign-offer{font-size:20px;line-height:1.8;margin-top:14px}.campaign-description{font-size:13px;line-height:2;max-width:355px;margin-top:17px}.campaign-actions{margin-top:24px;gap:13px 20px}.campaign-actions .button{font-size:11px;min-height:49px;padding:5px 7px 5px 17px;gap:17px}.campaign-actions .primary .circle-arrow{width:34px;height:34px}.campaign-secondary{font-size:10px;gap:7px;padding-block:12px}.campaign-secondary svg{width:17px}.campaign-disclosure{font-size:8px;margin-top:15px}.campaign-slide>picture{top:365px;bottom:0}.campaign-slide>picture>img{object-position:28% 50%;filter:brightness(.84)}.campaign-shade{background:linear-gradient(0deg,#050505 0%,#05050500 11%,#05050500 32%,#050505c9 48%,#050505 62%)}.campaign-bottom{display:block;margin-top:-8px;padding-top:0;border-top:0}.campaign-selectors{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.campaign-picker{display:block;padding:11px 0 13px;text-align:right;line-height:1.7}.campaign-picker-number{display:block;font-size:8px;margin-bottom:8px}.campaign-picker strong{font-size:9px;line-height:1.9;font-family:var(--body);font-weight:500}.campaign-arrows{justify-content:flex-end;margin-top:17px;gap:13px}.campaign-arrows .icon-button{min-height:36px;min-width:36px}.campaign-arrows>span{font-size:10px}.campaign-rotation{top:auto;bottom:29px;right:20px;left:auto}.campaign-rotation button{font-size:9px;padding:7px 11px;min-height:35px;gap:7px}.campaign-rotation button>span:first-child{font-size:15px}.agency-home .a-service-main>img{height:200px}.agency-home .a-service-graphic .a-service-main>img,.agency-home .a-service-interior .a-service-main>img{width:calc(100% + 46px);margin-inline:-23px;height:230px}.agency-home .a-service-ai .a-service-main{display:block}.agency-home .a-service-ai .a-service-main>div{width:100%}.agency-home .a-service-ai .a-service-main>img{width:100%;height:230px;margin-top:22px}.fx-card:before{display:none}.fx-card{transform:none}.fx-card[data-card-ready=false]{transform:translateY(28px)}.agency-home .agency-ticker span{font-size:20px}.agency-home .agency-facts{padding-top:25px}.campaign-slide>picture:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#050505cc,transparent 30%,transparent 80%,#05050588)}}
@media(max-width:360px){.campaign-stage,.campaign-content{min-height:770px}.campaign-copy h1,.campaign-copy h2{font-size:36px}.campaign-offer{font-size:18px}.campaign-description{font-size:12px}.campaign-secondary{font-size:9px}.campaign-actions{gap:9px 13px}.campaign-actions .button{font-size:10px;gap:13px}.campaign-slide>picture{top:400px}.campaign-picker strong{font-size:8px}.mobile-menu a.specialty-tab{font-size:10px;padding-inline:8px;gap:6px}.specialty-tab>svg{width:18px;height:18px}.specialty-menu-heading>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.campaign-slide,.campaign-slide>picture>img,.campaign-copy h1,.campaign-copy h2{transition:none;transform:none}.campaign-picker-progress{animation:none!important}.fx-card,.fx-card:hover{transform:none!important;--card-lift:0px}.fx-card:before{display:none}.fx-card[data-card-ready=false]{opacity:1;transform:none}.fx-card .project-visual>img,.fx-card .a-service-main>img{transition:none;transform:none!important}}
