:root{--amber:#efb122;--ink:#1a1a1a;--white:#fff;--off:#f1f1f1;--muted:rgba(26,26,26,.62);--line:rgba(26,26,26,.12);--display:'Bricolage Grotesque',sans-serif;--sans:'Plus Jakarta Sans',sans-serif;--mono:'JetBrains Mono',monospace;--r:34px;--shadow:0 26px 80px rgba(26,26,26,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:var(--sans);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-3;background:linear-gradient(180deg,#fff 0%,#f8f8f8 58%,#fff 100%)}body:after{content:"";position:fixed;inset:0;z-index:-2;background-image:radial-gradient(rgba(26,26,26,.12) 1px,transparent 1.25px);background-size:22px 22px;mask-image:linear-gradient(to bottom,transparent,black 16%,black 82%,transparent);pointer-events:none}.wrap{width:min(1180px,88vw);margin:auto}.nav{position:fixed;top:22px;left:0;right:0;z-index:50}.nav-inner{width:min(880px,88vw);margin:auto;height:62px;border-radius:999px;display:flex;align-items:center;justify-content:space-between;padding:7px 8px 7px 18px;background:rgba(255,255,255,.76);backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.95);box-shadow:0 15px 55px rgba(26,26,26,.12),inset 0 0 0 1px rgba(26,26,26,.04)}.brand{display:flex;align-items:center;gap:9px;font:800 18px var(--display);text-decoration:none;color:var(--ink)}.mark{width:25px;height:25px;border-radius:50% 50% 50% 14%;background:var(--ink);position:relative;box-shadow:0 0 0 6px rgba(239,177,34,.15)}.mark:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--white);left:8px;top:6px}.links{display:flex;align-items:center;gap:26px}.links a:not(.btn){font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:rgba(26,26,26,.62)}.btn{--glow:rgba(239,177,34,.58);position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 20px;font:800 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border:0;isolation:isolate;transition:.25s cubic-bezier(.2,.8,.2,1);white-space:nowrap}.btn:before{content:"";position:absolute;inset:-10px;border-radius:inherit;background:radial-gradient(circle at 50% 50%,var(--glow),rgba(239,177,34,.22) 35%,transparent 68%);filter:blur(14px);opacity:.82;z-index:-2;transition:.25s}.btn:after{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.24),transparent);z-index:-1}.btn:hover{transform:translateY(-2px)}.btn:hover:before{opacity:1;filter:blur(21px)}.btn-dark{background:var(--ink);color:var(--white);box-shadow:0 8px 24px rgba(26,26,26,.18),0 0 38px rgba(239,177,34,.46)}.btn-amber{background:var(--amber);color:var(--ink);box-shadow:0 8px 24px rgba(239,177,34,.25),0 0 42px rgba(239,177,34,.55)}.btn-ghost{background:rgba(255,255,255,.78);color:var(--ink);border:1px solid var(--line);box-shadow:0 0 35px rgba(239,177,34,.20)}.cursor-glow{position:fixed;width:560px;height:560px;pointer-events:none;z-index:-1;left:0;top:0;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(239,177,34,.13),rgba(239,177,34,.055) 35%,transparent 72%);filter:blur(46px);opacity:.72}.morgan-flight{position:fixed;width:clamp(86px,12vw,150px);z-index:18;left:72vw;top:23vh;pointer-events:none;filter:drop-shadow(0 22px 24px rgba(26,26,26,.18));will-change:transform}.morgan-svg{width:100%;overflow:visible;animation:floatMirror 4s ease-in-out infinite}@keyframes floatMirror{0%,100%{transform:scaleX(-1) translateY(0) rotate(-2deg)}50%{transform:scaleX(-1) translateY(-18px) rotate(2deg)}}#ala{transform-box:fill-box;transform-origin:78% 55%;animation:flap .34s ease-in-out infinite}@keyframes flap{0%,100%{transform:rotate(7deg)}50%{transform:rotate(-18deg)}}#leg_sx_group,#leg_dx_group,#cappello,#ciuffetto,#bocca,#occhio{transform-box:fill-box}#leg_sx_group{transform-origin:42% 0%;animation:legLeft 1.28s ease-in-out infinite}#leg_dx_group{transform-origin:46% 0%;animation:legRight 1.63s ease-in-out -.42s infinite}@keyframes legLeft{0%,100%{transform:rotate(-4deg) translate(-1px,0)}28%{transform:rotate(5deg) translate(2px,-1px)}63%{transform:rotate(-2deg) translate(-1px,1px)}}@keyframes legRight{0%,100%{transform:rotate(4deg) translate(1px,0)}34%{transform:rotate(-6deg) translate(-2px,1px)}70%{transform:rotate(2deg) translate(1px,-1px)}}#cappello{transform-origin:18% 96%;animation:hatFollowBody 4s ease-in-out -.12s infinite}@keyframes hatFollowBody{0%,100%{transform:translate(0,0) rotate(1.4deg)}50%{transform:translate(2px,-4px) rotate(-2.6deg)}}#ciuffetto{transform-origin:47% 96%;animation:tuftFollowBody 4s cubic-bezier(.45,0,.55,1) -.32s infinite}@keyframes tuftFollowBody{0%,100%{transform:translate(0,0) rotate(2deg)}50%{transform:translate(2px,-2px) rotate(-6deg)}}#occhio{transform-origin:50% 50%;animation:blink 7.4s ease-in-out infinite}@keyframes blink{0%,7%,9%,49%,51.2%,53.4%,96%,100%{transform:scaleY(1)}8%{transform:scaleY(.04)}50.1%{transform:scaleY(.05)}52.1%{transform:scaleY(.18)}}#pupil_follow{transform-box:fill-box;transform-origin:center;transition:transform 90ms cubic-bezier(.2,.7,.2,1)}.hero{padding-top:132px;min-height:96vh;display:flex;align-items:center;position:relative}.hero-shell{position:relative;width:100%;min-height:720px;border:1px solid rgba(26,26,26,.10);border-radius:46px;background:rgba(255,255,255,.84);box-shadow:var(--shadow);overflow:visible}.hero-shell:before{content:"";position:absolute;inset:auto -8% -20% -8%;height:36%;background:linear-gradient(180deg,transparent,rgba(239,177,34,.16));filter:blur(32px);border-radius:50%;pointer-events:none}.hero-center{position:relative;z-index:4;max-width:760px;margin:0 auto;text-align:center;padding:132px 5vw 70px}.eyebrow{font:800 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(26,26,26,.62)}h1,h2,h3{font-family:var(--display);letter-spacing:-.045em;line-height:.96;margin:0}h1{font-size:clamp(4rem,8.6vw,8.3rem)}h2{font-size:clamp(2.5rem,5.8vw,5rem)}h3{font-size:clamp(1.45rem,2.4vw,2.3rem)}.italic{font-family:Georgia,serif;font-style:italic;font-weight:400}.lead{font-size:clamp(1rem,1.7vw,1.24rem);line-height:1.7;color:var(--muted);max-width:620px;margin:28px auto}.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.hero-decor{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;border-radius:46px}.hero-symbol{position:absolute;font-family:var(--display);font-weight:900;color:var(--ink);opacity:.9;text-shadow:0 0 22px rgba(239,177,34,.45);animation-name:symbolFloat;animation-timing-function:ease-in-out;animation-iteration-count:infinite;will-change:transform}.s1{left:8%;top:20%;font-size:34px;animation-duration:5.6s}.s2{left:22%;top:13%;font-size:44px;animation-duration:7.8s;animation-delay:-1.2s}.s3{right:25%;top:17%;font-size:38px;animation-duration:6.5s;animation-delay:-2.4s}.s4{right:9%;top:32%;font-size:50px;animation-duration:9.2s;animation-delay:-.6s}.s5{left:12%;bottom:20%;font-size:42px;animation-duration:8.3s;animation-delay:-3.4s}.s6{right:17%;bottom:18%;font-size:46px;animation-duration:6.9s;animation-delay:-1.9s}.s7{right:7%;bottom:38%;font-size:40px;animation-duration:10.5s;animation-delay:-4.2s}@keyframes symbolFloat{0%,100%{transform:translate3d(0,0,0) rotate(-6deg) scale(1)}35%{transform:translate3d(18px,-22px,0) rotate(12deg) scale(1.08)}70%{transform:translate3d(-10px,16px,0) rotate(-10deg) scale(.96)}}.hero-gallery{position:absolute;inset:0;z-index:1;pointer-events:none}.hero-work-card{position:absolute;width:165px;height:220px;border-radius:26px;background:var(--white);box-shadow:0 24px 60px rgba(26,26,26,.15);border:1px solid rgba(255,255,255,.98);overflow:hidden;animation:cardDrift 7s ease-in-out infinite}.hero-work-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#fff,rgba(239,177,34,.78),rgba(26,26,26,.12));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:2}.hw1{left:-34px;top:25%;transform:rotate(-13deg)}.hw2{left:13%;bottom:-34px;transform:rotate(7deg);animation-delay:-1.8s}.hw3{right:11%;top:-30px;transform:rotate(-6deg);animation-delay:-3s}.hw4{right:-36px;bottom:13%;transform:rotate(12deg);animation-delay:-4.6s}@keyframes cardDrift{0%,100%{translate:0 0}50%{translate:0 -18px}}.work-img{height:100%;display:grid;place-items:end start;padding:18px;font:900 15px/1 var(--display);color:var(--ink);background:var(--off);position:relative}.work-img:after{content:"";position:absolute;inset:18px;border-radius:20px;border:1px dashed rgba(26,26,26,.18)}.ph-brand{background:linear-gradient(145deg,var(--amber),#f5cf71)}.ph-kidlit{background:linear-gradient(145deg,#fff,var(--off))}.ph-pack{background:linear-gradient(145deg,var(--off),#fff)}.ph-web{background:linear-gradient(145deg,var(--ink),#3b3b3b);color:var(--white)}.section{padding:120px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}.intro-bento,.bento{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.panel,.card,.cta-panel,.review-card{position:relative;border-radius:34px;background:var(--off);border:1px solid rgba(26,26,26,.09);box-shadow:0 16px 48px rgba(26,26,26,.08);overflow:hidden}.panel:before,.card:before,.cta-panel:before,.review-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,1),rgba(239,177,34,.65),rgba(26,26,26,.08));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.panel{padding:52px}.dark{background:var(--ink);color:var(--white)}.amber{background:var(--amber)}.card{padding:30px;min-height:250px;text-decoration:none;color:inherit;transition:.35s cubic-bezier(.2,.8,.2,1)}.card:hover{transform:translateY(-8px) rotate(-.4deg);box-shadow:0 24px 70px rgba(26,26,26,.13),0 0 55px rgba(239,177,34,.28)}.card p,.panel p,.cta-panel p{line-height:1.65;color:var(--muted)}.dark p{color:rgba(255,255,255,.68)}.num{font:800 12px var(--mono);letter-spacing:.12em;color:rgba(26,26,26,.52)}.dark .num{color:var(--amber)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{min-height:320px;display:flex;flex-direction:column;justify-content:space-between}.reviews-section{overflow:hidden}.reviews-window{overflow:hidden;padding:12px 0 36px}.reviews-track{display:flex;gap:22px;will-change:transform;transition:transform .8s cubic-bezier(.65,0,.35,1)}.review-card{flex:0 0 calc((100% - 44px)/3);min-height:260px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;transition:background-color .55s ease,color .55s ease,transform .55s ease,box-shadow .55s ease}.review-card p{font-size:1.05rem;line-height:1.62;margin:0;color:var(--muted)}.review-card strong{font:900 1.05rem var(--display);margin-top:28px}.review-card span{font:800 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(26,26,26,.50)}.review-card.is-center{background:var(--ink);color:var(--white);transform:translateY(-10px);box-shadow:0 26px 70px rgba(26,26,26,.18),0 0 58px rgba(239,177,34,.38)}.review-card.is-center p{color:rgba(255,255,255,.76)}.review-card.is-center span{color:var(--amber)}.cta-panel{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:30px;padding:54px;background:var(--white)}.cta-side{display:flex;flex-direction:column;align-items:flex-start;gap:22px;justify-self:end}.availability{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(26,26,26,.12);border-radius:999px;padding:12px 16px;background:var(--off);font:900 12px var(--mono);letter-spacing:.08em;text-transform:uppercase}.availability i{width:12px;height:12px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 0 rgba(239,177,34,.7);animation:pulseLight 1.55s ease-in-out infinite}@keyframes pulseLight{0%{box-shadow:0 0 0 0 rgba(239,177,34,.75)}70%{box-shadow:0 0 0 14px rgba(239,177,34,0)}100%{box-shadow:0 0 0 0 rgba(239,177,34,0)}}.showcase{display:flex;gap:22px;overflow:auto;padding:20px 0 50px;scroll-snap-type:x mandatory}.case{min-width:min(440px,84vw);height:520px;scroll-snap-align:center;display:flex;flex-direction:column;justify-content:flex-end}.case .mock{position:absolute;inset:24px 24px 150px;border-radius:28px;background:var(--white);display:grid;place-items:center;font:900 70px var(--display);box-shadow:inset 0 0 0 1px rgba(26,26,26,.08)}.modal{position:fixed;inset:0;background:rgba(255,255,255,.62);backdrop-filter:blur(18px);z-index:90;display:none;align-items:center;justify-content:center;padding:5vw}.modal.is-open{display:flex}.modal-box{width:min(860px,92vw);border-radius:38px;background:#fff;border:1px solid rgba(26,26,26,.12);box-shadow:0 35px 120px rgba(26,26,26,.22);padding:40px;position:relative}.close{position:absolute;right:22px;top:22px}.form{display:grid;gap:16px}.field{display:grid;gap:7px}.field label{font:800 11px var(--mono);text-transform:uppercase;letter-spacing:.1em}.field input,.field textarea,.field select{border:1px solid rgba(26,26,26,.14);background:rgba(241,241,241,.75);border-radius:18px;padding:15px 16px;font:500 15px var(--sans)}.footer{padding:64px 0;color:rgba(26,26,26,.65);font-size:.92rem}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px;border-top:1px solid rgba(26,26,26,.10);padding-top:34px}.footer p{max-width:260px;line-height:1.6}.footer strong{display:block;font:900 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin-bottom:14px}.footer a,.footer span{display:block;color:rgba(26,26,26,.65);text-decoration:none;margin:9px 0}.footer-brand{margin-bottom:14px}@media(max-width:980px){.hero-work-card{width:120px;height:160px}.hw1{left:-24px}.hw2{left:8%}.hw3{right:5%}.review-card{flex-basis:calc((100% - 22px)/2)}}@media(max-width:820px){.links a:not(.btn){display:none}.morgan-flight{width:94px}.hero-shell{min-height:700px}.hero-center{padding-top:170px}.hero-symbol{font-size:30px!important}.hero-work-card{opacity:.55}.intro-bento,.bento,.grid-3,.cta-panel,.footer-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.section{padding:72px 0}h1{font-size:clamp(3.1rem,16vw,5.2rem)}.review-card{flex-basis:100%}.cta-side{justify-self:start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.cursor-glow{display:none}}


/* === v5 refinements === */
body{background-color:var(--off);background-image:radial-gradient(rgba(26,26,26,.16) 1px,transparent 1.2px);background-size:18px 18px;}
.brand-logo{width:38px;height:32px;object-fit:contain;display:block}.footer .brand-logo{width:48px;height:40px}.brand{gap:10px}.links{align-items:center}.links a{white-space:nowrap}.panel,.card,.review-card,.cta-panel{background:var(--white)}.panel.amber,.card.amber{background:var(--amber)}.panel.dark,.card.dark{background:var(--ink)}
.inner-hero{min-height:auto}.inner-hero .hero-shell{min-height:520px}.morgan-flight{transform:scaleX(-1);}.morgan-svg{transform:scaleX(-1);filter:drop-shadow(0 18px 22px rgba(26,26,26,.16))}
.about-snapshot{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center}.about-photo{min-height:360px;border-radius:30px;background:linear-gradient(135deg,#fff,var(--off));border:1px dashed rgba(26,26,26,.16);display:grid;place-items:center;font:900 14px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(26,26,26,.45);box-shadow:inset 0 0 0 1px rgba(255,255,255,.9)}.process-mini{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:14px}.process-mini li{display:grid;gap:4px;padding:14px 0;border-top:1px solid rgba(26,26,26,.10)}.process-mini strong{font:900 12px var(--mono);letter-spacing:.08em;text-transform:uppercase}.process-mini span{color:var(--muted);line-height:1.5}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.service-list .service-card{background:var(--white);min-height:360px}.service-icon{width:52px;height:52px;border-radius:18px;background:var(--amber);display:grid;place-items:center;font:900 28px var(--display);box-shadow:0 0 28px rgba(239,177,34,.28);margin-bottom:28px}.service-icon.big{width:72px;height:72px;font-size:40px}.service-card em{font:900 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;font-style:normal;margin-top:auto}.service-detail{display:grid;grid-template-columns:1fr 1fr;gap:22px}.clean-list{margin:28px 0 0;padding:0;list-style:none;display:grid;gap:12px}.clean-list li{padding-left:26px;position:relative;color:var(--muted);line-height:1.55}.clean-list li:before{content:'✦';position:absolute;left:0;color:var(--amber);font-weight:900}.slide-gallery{display:flex;gap:22px;overflow-x:auto;padding:10px 0 34px;scroll-snap-type:x mandatory}.gallery-item{flex:0 0 min(440px,82vw);height:330px;border-radius:34px;background:var(--white);border:1px solid rgba(26,26,26,.10);box-shadow:0 18px 50px rgba(26,26,26,.08);display:grid;place-items:end start;padding:28px;scroll-snap-align:center;position:relative;overflow:hidden}.gallery-item:before{content:'';position:absolute;inset:22px;border:1px dashed rgba(26,26,26,.18);border-radius:26px}.gallery-item span{font:900 2rem/1 var(--display);position:relative}.cta-centered{display:flex!important;flex-direction:column;align-items:center;text-align:center;max-width:1080px;margin:auto;padding:70px 6vw}.cta-centered h2{max-width:760px}.cta-centered p:not(.availability){max-width:620px}.availability{background:var(--white);box-shadow:0 10px 35px rgba(26,26,26,.07)}.availability i{width:10px;height:10px;filter:blur(.1px);animation:pulseLightSoft 2.4s ease-in-out infinite}@keyframes pulseLightSoft{0%,100%{box-shadow:0 0 0 0 rgba(239,177,34,.35),0 0 12px rgba(239,177,34,.38)}50%{box-shadow:0 0 0 12px rgba(239,177,34,.08),0 0 26px rgba(239,177,34,.45)}}.footer{padding-bottom:40px}.footer-brand{display:flex!important}.hero-work-card{background:var(--white)}.ph-brand,.ph-kidlit,.ph-pack,.ph-web{background:var(--white);color:var(--ink)}.work-img:before{content:'';position:absolute;inset:34px;border-radius:20px;background:var(--off)}.work-img span{position:relative;z-index:2}.hero-gallery{z-index:2}.hero-center{z-index:5}.hero-symbol{z-index:3}.hero-work-card{z-index:2}.hw1{left:-28px;top:32%}.hw2{left:10%;bottom:-28px}.hw3{right:8%;top:-26px}.hw4{right:-28px;bottom:17%}
@media(max-width:1100px){.process-grid,.grid-4{grid-template-columns:repeat(2,1fr)}.about-snapshot,.service-detail{grid-template-columns:1fr}.about-photo{min-height:280px}}
@media(max-width:700px){.brand span{display:none}.links a{font-size:11px}.links .btn{padding:10px 13px}.process-grid,.grid-4{grid-template-columns:1fr}.hero-work-card{width:104px;height:138px}.hw1,.hw4{display:none}.about-photo{min-height:220px}.cta-centered{padding:48px 7vw}.footer-grid{gap:20px}}


/* === v6 requested adjustments === */
.brand-logo{animation:brandLogoBreathe 4.8s ease-in-out infinite;transform-origin:center;filter:drop-shadow(0 7px 8px rgba(26,26,26,.10))}.footer .brand-logo{animation-duration:5.6s}@keyframes brandLogoBreathe{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3px) rotate(2deg)}}
.logo-embed{width:38px;height:32px;display:inline-grid;place-items:center}.logo-embed svg{width:100%;height:auto;overflow:visible}.footer .logo-embed{width:48px;height:40px}.logo-embed #cappelloGroup{transform-box:fill-box;transform-origin:25% 18%;animation:logoHat 3.8s ease-in-out infinite}.logo-embed #ciuffoGroup{transform-box:fill-box;transform-origin:48% 95%;animation:logoTuft 2.2s ease-in-out infinite}.logo-embed #codaGroup{transform-box:fill-box;transform-origin:85% 35%;animation:logoTail 3.6s ease-in-out infinite}.logo-embed #pupillaGroup{transform-box:fill-box;transform-origin:center;animation:logoLook 5.2s ease-in-out infinite}.logo-embed #ciglia{opacity:0;animation:logoBlink 4.8s infinite}@keyframes logoBlink{0%,7%,9%,55%,57%,100%{opacity:0}8%,56%{opacity:1}}@keyframes logoHat{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(4deg) translateY(-4px)}}@keyframes logoTuft{0%,100%{transform:rotate(2deg)}50%{transform:rotate(-8deg)}}@keyframes logoTail{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(10deg)}}@keyframes logoLook{0%,100%{transform:translate(0,0)}35%{transform:translate(8px,-3px)}65%{transform:translate(-5px,3px)}}

.intro-bento{grid-template-columns:1fr;gap:22px}.about-snapshot{grid-template-columns:1.55fr .8fr}.process-panel{padding:42px}.process-mini{grid-template-columns:repeat(4,1fr);gap:18px}.process-mini li{border-top:0;border-left:1px solid rgba(26,26,26,.10);padding:6px 0 6px 18px}
.service-card{background:var(--white)!important;color:var(--ink)!important}.service-card p{color:var(--muted)!important}.service-main-icon{width:58px;height:58px;border-radius:20px;background:var(--amber);display:grid;place-items:center;font:900 28px var(--display);box-shadow:0 14px 34px rgba(239,177,34,.25),0 0 32px rgba(239,177,34,.22)}.service-card .num{display:none}.service-card .card-arrow,.service-card em{font:900 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-top:22px;color:var(--ink)}
.reviews-section{overflow:visible}.reviews-window{overflow:hidden;padding:34px 0 58px;margin-top:-10px}.review-card.is-center{margin-top:10px}.reviews-track{padding-top:12px}
.cta-panel{overflow:visible}.cta-panel h2{margin-top:14px}.availability{position:relative}.availability i{animation:pulseLightSoft 2.8s ease-in-out infinite;background:var(--amber)}
.morgan-flight{transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .3s;transform-origin:center}.morgan-flight.is-docked{filter:drop-shadow(0 18px 18px rgba(26,26,26,.14))}.morgan-svg{animation:floatMirror 4s ease-in-out infinite!important}

.service-orbit .hero-shell{min-height:620px}.service-orbit .hero-center{padding-top:150px}.service-orbit-cards{position:absolute;inset:0;pointer-events:none;z-index:2}.service-orbit-card{position:absolute;width:150px;height:198px;border-radius:28px;background:#fff;box-shadow:0 22px 60px rgba(26,26,26,.14);border:1px solid rgba(26,26,26,.08);overflow:hidden;animation:orbitCard 7.5s ease-in-out infinite}.service-orbit-card:nth-child(1){left:6%;top:19%;rotate:-12deg}.service-orbit-card:nth-child(2){right:9%;top:13%;rotate:9deg;animation-delay:-2s}.service-orbit-card:nth-child(3){left:13%;bottom:6%;rotate:7deg;animation-delay:-3.8s}.service-orbit-card:nth-child(4){right:13%;bottom:8%;rotate:-8deg;animation-delay:-5.5s}.service-orbit-card div{height:100%;padding:18px;display:grid;place-items:end start;background:#fff;position:relative;font:900 15px/1 var(--display)}.service-orbit-card div:before{content:'';position:absolute;inset:22px;border-radius:22px;background:var(--off);border:1px dashed rgba(26,26,26,.18)}.service-orbit-card span{position:relative;z-index:2}@keyframes orbitCard{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-22px,0)}}

.infinite-curve{overflow:hidden;padding:30px 0 62px}.curve-track{display:flex;gap:22px;width:max-content;animation:curveSlide 26s linear infinite}.curve-item{width:300px;height:220px;border-radius:34px;background:#fff;border:1px solid rgba(26,26,26,.1);box-shadow:0 20px 54px rgba(26,26,26,.09);display:grid;place-items:end start;padding:24px;font:900 1.6rem/1 var(--display);position:relative;overflow:hidden}.curve-item:nth-child(odd){transform:translateY(22px) rotate(-2deg)}.curve-item:nth-child(even){transform:translateY(-16px) rotate(2deg)}.curve-item:before{content:'';position:absolute;inset:24px;border-radius:24px;background:var(--off);border:1px dashed rgba(26,26,26,.16)}.curve-item span{position:relative;z-index:2}@keyframes curveSlide{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 11px))}}

.case-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.case-card{min-height:430px;padding:0;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;text-align:left;cursor:pointer;border:0}.case-card .case-img{position:absolute;inset:16px 16px 132px;border-radius:28px;background:var(--off);overflow:hidden}.case-card .case-img:after{content:'';position:absolute;left:0;right:0;bottom:0;height:56%;background:linear-gradient(0deg,rgba(26,26,26,.35),transparent)}.case-card .case-body{position:relative;z-index:2;padding:0 26px 26px}.case-card h3{font-size:2rem;margin:10px 0}.label-row{display:flex;gap:8px;flex-wrap:wrap}.project-label{display:inline-flex;border-radius:999px;padding:8px 10px;background:var(--amber);font:900 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}.project-label.dark{background:var(--ink);color:#fff}.project-label.light{background:#fff;border:1px solid rgba(26,26,26,.12)}
.modal-box.case-modal{width:min(1060px,94vw);max-height:88vh;overflow:auto}.modal-hero-img{height:310px;border-radius:30px;background:var(--off);margin-bottom:28px;display:grid;place-items:center;font:900 3rem var(--display);color:rgba(26,26,26,.32)}.modal-info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin:24px 0}.modal-info-grid article{background:var(--off);border-radius:22px;padding:20px}.modal-info-grid h3{font-size:1.1rem;margin-bottom:10px;letter-spacing:-.02em}.modal-mini-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.modal-mini-gallery div{height:140px;border-radius:22px;background:var(--off);display:grid;place-items:center;font:900 18px var(--display);color:rgba(26,26,26,.35)}
.button-lab{min-height:100vh;display:grid;place-items:center;padding:8vw;background:var(--off);background-image:radial-gradient(rgba(26,26,26,.16) 1px,transparent 1.2px);background-size:18px 18px}.button-lab-panel{width:min(960px,92vw);background:#fff;border-radius:40px;padding:52px;box-shadow:var(--shadow);display:grid;gap:24px}.button-row{display:flex;gap:18px;flex-wrap:wrap}.btn-pill-soft{background:#fff;color:var(--ink);border:1px solid rgba(26,26,26,.12);box-shadow:0 12px 35px rgba(26,26,26,.08),0 0 38px rgba(239,177,34,.24)}.btn-cut{background:var(--ink);color:#fff;border-radius:22px 999px 999px 22px;box-shadow:0 14px 38px rgba(26,26,26,.18),0 0 40px rgba(239,177,34,.32)}.btn-arrow-orb{background:#fff;color:var(--ink);padding-right:54px;border:1px solid rgba(26,26,26,.12);box-shadow:0 16px 38px rgba(26,26,26,.08)}.btn-arrow-orb:after{content:'→';inset:auto;right:7px;top:7px;width:34px;height:34px;background:var(--amber);display:grid;place-items:center;border-radius:50%;position:absolute;z-index:1}.btn-underline{border-radius:0;background:transparent;padding:10px 0;color:var(--ink);box-shadow:none}.btn-underline:before{inset:auto 0 -5px 0;height:3px;background:var(--amber);filter:none;opacity:1;border-radius:99px}
@media(max-width:980px){.about-snapshot{grid-template-columns:1fr}.process-mini,.case-grid-3,.modal-info-grid{grid-template-columns:1fr}.service-orbit-card{width:112px;height:150px;opacity:.72}.service-orbit .hero-center{padding-top:170px}.case-card{min-height:380px}.modal-mini-gallery{grid-template-columns:1fr}.curve-item{width:240px;height:180px}}
@media(max-width:700px){.process-mini{grid-template-columns:1fr}.process-mini li{border-left:0;border-top:1px solid rgba(26,26,26,.1);padding:14px 0}.service-orbit-card:nth-child(1),.service-orbit-card:nth-child(4){display:none}.service-orbit-card:nth-child(2){right:4%;top:8%}.service-orbit-card:nth-child(3){left:4%;bottom:5%}.morgan-flight{width:78px}.case-grid-3{grid-template-columns:1fr}}


/* v7 targeted updates */
.btn{box-shadow:none;overflow:hidden;background:none}.btn:before{display:none}.btn:after{display:none}.btn-dark{background:var(--ink);color:var(--white);border:1px solid var(--ink);box-shadow:0 10px 24px rgba(26,26,26,.12);transition:background-color .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease}.btn-dark:hover{background:var(--amber);color:var(--ink);border-color:var(--amber);box-shadow:0 12px 28px rgba(239,177,34,.24);transform:translateY(-2px)}.btn-ghost{background:var(--white);color:var(--ink);border:1px solid rgba(26,26,26,.14);box-shadow:0 8px 22px rgba(26,26,26,.06);transition:background-color .25s ease,color .25s ease,transform .25s ease,border-color .25s ease}.btn-ghost:hover{background:var(--off);border-color:rgba(26,26,26,.22);transform:translateY(-2px)}
.hero-shell{overflow:visible}.page-decor{z-index:2}.cta-panel{position:relative;overflow:hidden}.cta-decor{z-index:0;border-radius:inherit}.cta-decor .hero-symbol{opacity:.16;text-shadow:0 0 18px rgba(239,177,34,.36)}.cta-panel>*:not(.cta-decor){position:relative;z-index:2}.cta-decor .s1{left:8%;top:22%}.cta-decor .s2{left:22%;top:68%}.cta-decor .s3{right:20%;top:18%}.cta-decor .s4{right:8%;bottom:18%}.cta-decor .s5{left:10%;bottom:15%}.cta-decor .s6{right:34%;bottom:9%}.cta-decor .s7{right:11%;top:48%}
.work-img{padding:0;overflow:hidden;color:var(--white);text-shadow:0 2px 18px rgba(26,26,26,.45);place-items:end start}.work-img img,.case-img img,.curve-item img,.modal-hero-img img{width:100%;height:100%;object-fit:cover;display:block}.work-img:before,.work-img:after{display:none}.work-img span{display:block;margin:18px;position:absolute;z-index:2}.work-img:after{content:"";display:block;position:absolute;inset:0;border:0;background:linear-gradient(0deg,rgba(26,26,26,.42),transparent 58%);z-index:1}.ph-brand,.ph-kidlit,.ph-pack,.ph-web{background:var(--white);color:var(--white)}
.portfolio-grid-6{grid-template-columns:repeat(3,1fr)}.case-card .case-img{background:var(--off)}.case-card .case-img:after{height:68%;background:linear-gradient(0deg,rgba(26,26,26,.56),rgba(26,26,26,.06),transparent)}.case-card p{color:rgba(255,255,255,.86)}.case-card h3{color:#fff;text-shadow:0 2px 18px rgba(26,26,26,.34)}.case-card .case-body{color:#fff}.project-label.light{color:var(--ink)}.modal-hero-img{overflow:hidden;color:transparent}.modal-mini-gallery div{overflow:hidden;background-size:cover;background-position:center;color:transparent}.modal-mini-gallery div:nth-child(1){background-image:url('assets/img-fashion-01.jpg')}.modal-mini-gallery div:nth-child(2){background-image:url('assets/img-ui-01.jpg')}.modal-mini-gallery div:nth-child(3){background-image:url('assets/img-illu-01.webp')}
.curve-item{padding:0;overflow:hidden}.curve-item:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(26,26,26,.42),transparent 62%);z-index:1}.curve-item span{z-index:2;color:#fff;text-shadow:0 2px 16px rgba(26,26,26,.38);padding:28px}.curve-item img{position:absolute;inset:0}.case-grid-3{align-items:stretch}
@media(max-width:980px){.portfolio-grid-6{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.portfolio-grid-6{grid-template-columns:1fr}.cta-decor .hero-symbol{font-size:26px!important}.hero-decor:not(.cta-decor) .s4,.hero-decor:not(.cta-decor) .s6{display:none}}


/* === v8 focused corrections === */
.brand-logo-inline{width:38px;height:32px;display:inline-flex;align-items:center;justify-content:center;line-height:0;flex:0 0 auto;filter:drop-shadow(0 7px 8px rgba(26,26,26,.10))}
.footer .brand-logo-inline{width:48px;height:40px}.brand-logo-inline svg{width:100%;height:auto;overflow:visible;display:block}.brand-logo-inline #morganLogo{animation:none!important}.brand-logo-inline #cappelloGroup{transform-box:fill-box;transform-origin:25% 18%;animation:logoHatFixed 3.8s ease-in-out infinite}.brand-logo-inline #ciuffoGroup{transform-box:fill-box;transform-origin:48% 95%;animation:logoTuftFixed 2.2s ease-in-out infinite}.brand-logo-inline #codaGroup{transform-box:fill-box;transform-origin:85% 35%;animation:logoTailFixed 3.6s ease-in-out infinite}.brand-logo-inline #pupillaGroup{transform-box:fill-box;transform-origin:center;animation:logoLookFixed 5.2s ease-in-out infinite}.brand-logo-inline #ciglia{animation:logoBlinkFixed 4.8s infinite}@keyframes logoBlinkFixed{0%,7%,9%,55%,57%,100%{opacity:0}8%,56%{opacity:1}}@keyframes logoHatFixed{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(4deg) translateY(-4px)}}@keyframes logoTuftFixed{0%,100%{transform:rotate(2deg)}50%{transform:rotate(-8deg)}}@keyframes logoTailFixed{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(10deg)}}@keyframes logoLookFixed{0%,100%{transform:translate(0,0)}35%{transform:translate(8px,-3px)}65%{transform:translate(-5px,3px)}}
.hero-shell{display:flex;align-items:center;justify-content:center}.hero-center{padding:72px 5vw!important}.inner-hero .hero-center{padding:86px 5vw!important}.hero-symbol{opacity:1!important}.cta-decor .hero-symbol{opacity:1!important;text-shadow:0 0 20px rgba(239,177,34,.48)}
.hero-work-card .work-img span{display:none!important}.work-img:after{display:none!important}.work-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-work-card{background:#fff}
.case-grid-3{gap:26px}.case-card{height:520px;min-height:520px;border-radius:44px!important;padding:0!important;overflow:hidden;background:var(--white)!important;box-shadow:0 26px 70px rgba(26,26,26,.12)!important;display:flex!important;align-items:flex-end!important;transform-origin:center}.case-card:hover{transform:translateY(-8px) rotate(.6deg)}.case-card:before{display:none!important}.case-card .case-img{position:absolute!important;inset:0!important;border-radius:inherit!important;background:var(--off);overflow:hidden}.case-card .case-img:after{content:""!important;position:absolute;inset:0!important;height:auto!important;background:linear-gradient(180deg,rgba(26,26,26,.06) 0%,rgba(26,26,26,.08) 42%,rgba(26,26,26,.72) 100%)!important}.case-card .case-body{width:100%;padding:0 28px 30px!important;position:relative;z-index:2;color:#fff}.case-card h3{font-size:clamp(2rem,3.1vw,3.25rem)!important;line-height:.9;color:#fff;margin:12px 0 10px;text-shadow:0 3px 20px rgba(26,26,26,.35)}.case-card p{color:rgba(255,255,255,.9)!important;max-width:28ch}.project-label{background:rgba(255,255,255,.82)!important;color:var(--ink)!important;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6)}.project-label.dark{background:var(--ink)!important;color:#fff!important}.project-label.light{background:var(--amber)!important;color:var(--ink)!important;border:0}.modal-mini-gallery{overflow:visible}.modal-mini-gallery div{background-size:cover;background-position:center}.form .btn-dark{cursor:pointer}
.about-long{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:stretch}.about-long .about-photo{min-height:520px}.about-copy p{font-size:1.05rem;line-height:1.75;color:var(--muted)}.about-copy .leadish{font-size:1.2rem;color:var(--ink)}.about-points{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.about-points article{background:var(--white);border:1px solid rgba(26,26,26,.09);border-radius:24px;padding:22px;box-shadow:0 12px 34px rgba(26,26,26,.06)}.about-points h3{font-size:1.25rem;margin-bottom:8px}.about-points p{font-size:.94rem;line-height:1.55;color:var(--muted)}
@media(max-width:980px){.about-long,.about-points{grid-template-columns:1fr}.case-grid-3{grid-template-columns:1fr}.case-card{height:460px;min-height:460px}.hero-center{padding:90px 7vw!important}.inner-hero .hero-center{padding:105px 7vw!important}}
@media(max-width:700px){.brand-logo-inline{width:32px;height:28px}.footer .brand-logo-inline{width:42px;height:36px}.case-card{height:420px;min-height:420px}.case-card h3{font-size:2.15rem!important}}


/* === v9 corrections + transitions === */
.page-transition{position:fixed;inset:0;z-index:9999;background:var(--ink);transform:translateY(100%);pointer-events:none}.page-transition:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(239,177,34,.34),transparent 42%);opacity:.75}
html.is-transitioning{cursor:wait}main[data-barba="container"]{will-change:transform,opacity}.section{padding:88px 0}.hero{padding-top:118px;min-height:86vh}.inner-hero{min-height:76vh}.hero-shell{min-height:620px}.hero-shell:before{display:none!important}.hero-center{align-self:center;margin:auto!important;transform:translateY(0)!important}.hero-symbol{opacity:1!important}.cta-decor .hero-symbol,.page-decor .hero-symbol{opacity:1!important;color:var(--ink)!important}.service-orbit .page-decor{z-index:2}.service-orbit-cards{z-index:1}.service-orbit-card{overflow:hidden;background:#fff!important}.service-orbit-card div,.service-orbit-card span{display:none!important}.service-orbit-card img{width:100%;height:100%;object-fit:cover;display:block}.about-long{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:start}.about-media-stack{display:grid;gap:18px}.about-media-stack .about-photo{min-height:430px}.about-media-stack .about-points{margin-top:0;grid-template-columns:1fr}.about-media-stack .about-points article{padding:18px 20px}.about-copy{padding:48px!important}.about-copy p{line-height:1.68}.about-points h3{font-size:1.12rem}.brand-logo-inline #cappelloGroup,.brand-logo-inline #ciuffoGroup,.brand-logo-inline #codaGroup,.brand-logo-inline #ciglia{animation:none!important;transform:none!important;opacity:0!important}.brand-logo-inline #pupillaGroup{animation:none!important;transform-box:fill-box;transform-origin:center;transition:transform 120ms cubic-bezier(.2,.7,.2,1)}.brand-logo-inline .brand-logo-svg{overflow:visible}.case-modal{position:relative}.modal-x{position:absolute!important;right:22px;top:18px;width:44px;height:44px;padding:0!important;border-radius:999px!important;font-size:28px!important;line-height:1!important;z-index:5;background:#fff!important;color:var(--ink)!important;border:1px solid rgba(26,26,26,.14)!important;box-shadow:0 14px 35px rgba(26,26,26,.12)!important;text-transform:none!important;letter-spacing:0!important}.modal-info-grid p,.modal-text{font-size:1rem;line-height:1.7}.modal-mini-gallery div,.modal-hero-img{cursor:zoom-in}.image-lightbox{position:fixed;inset:0;background:rgba(26,26,26,.82);backdrop-filter:blur(14px);z-index:10000;display:grid;place-items:center;padding:5vw;opacity:0;pointer-events:none;transition:opacity .25s ease}.image-lightbox.is-open{opacity:1;pointer-events:auto}.image-lightbox img{max-width:min(1100px,92vw);max-height:84vh;border-radius:28px;box-shadow:0 30px 100px rgba(0,0,0,.45);object-fit:contain;background:#fff}.lightbox-close{position:fixed;right:28px;top:24px;width:48px;height:48px;border-radius:999px;border:0;background:#fff;color:var(--ink);font-size:30px;cursor:pointer}.case-card{border-radius:42px!important}.case-card h3{letter-spacing:-.055em}.portfolio-grid-6 .case-card{height:500px;min-height:500px}@media(max-width:980px){.section{padding:68px 0}.about-long{grid-template-columns:1fr}.about-media-stack .about-photo{min-height:360px}.hero-shell{min-height:560px}.portfolio-grid-6 .case-card{height:450px;min-height:450px}}@media(max-width:700px){.section{padding:54px 0}.hero{padding-top:104px;min-height:auto}.hero-shell{min-height:620px}.inner-hero .hero-shell{min-height:520px}.about-copy{padding:34px!important}.modal-x{right:14px;top:12px}.service-orbit-card{opacity:.64}}


/* v10 fixes: solid logo, mascot page transition, working case gallery zoom */
.brand-logo-inline{width:38px;height:32px;display:inline-flex;align-items:center;justify-content:center;line-height:0;flex:0 0 auto;filter:drop-shadow(0 7px 8px rgba(26,26,26,.10))}
.footer .brand-logo-inline{width:48px;height:40px}.brand-logo-inline svg{width:100%;height:auto;overflow:visible;display:block}.morgan-head-logo .logo-amber{fill:var(--amber)!important}.morgan-head-logo .logo-ink{fill:var(--ink)!important}.morgan-head-logo .logo-white{fill:#fff!important}.morgan-head-logo .logo-mouth{fill:none!important;stroke:#fff!important;stroke-linecap:round;stroke-linejoin:round;stroke-width:7px!important}.morgan-head-logo .logo-pupil-group{transform-box:fill-box;transform-origin:center;transition:transform 120ms cubic-bezier(.2,.7,.2,1)}
.page-transition{position:fixed;inset:0;z-index:99999;background:var(--amber)!important;transform:translateY(100%);pointer-events:none;display:grid;place-items:center;overflow:hidden}.page-transition:after{display:none!important}.page-transition.is-visible{pointer-events:auto}.transition-mascot{width:min(170px,28vw);filter:drop-shadow(0 22px 28px rgba(26,26,26,.18));transform-origin:50% 85%}.transition-mascot svg{width:100%;height:auto;overflow:visible}.transition-mascot .tm-root{transform-origin:50% 82%;animation:tmJump .62s cubic-bezier(.28,.84,.42,1) infinite}.transition-mascot .tm-wing{transform-origin:15% 55%;animation:tmWing .34s ease-in-out infinite}.transition-mascot .tm-leg-l{transform-origin:38% 78%;animation:tmLegL .62s ease-in-out infinite}.transition-mascot .tm-leg-r{transform-origin:58% 78%;animation:tmLegR .62s ease-in-out infinite}.transition-mascot .tm-hat{transform-origin:45% 9%;animation:tmHat .62s ease-in-out infinite}.transition-mascot .tm-pupil{animation:tmLook 1.2s ease-in-out infinite}
@keyframes tmJump{0%,100%{transform:translateY(0) scale(1.03,.97) rotate(-2deg)}45%{transform:translateY(-28px) scale(.98,1.03) rotate(3deg)}70%{transform:translateY(2px) scale(1.06,.94) rotate(0)}}@keyframes tmWing{0%,100%{transform:rotate(10deg)}50%{transform:rotate(-22deg)}}@keyframes tmLegL{0%,100%{transform:rotate(4deg) translateY(0)}50%{transform:rotate(-8deg) translateY(6px)}}@keyframes tmLegR{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(8deg) translateY(6px)}}@keyframes tmHat{0%,100%{transform:translateY(0) rotate(-2deg)}45%{transform:translateY(-9px) rotate(6deg)}}@keyframes tmLook{0%,100%{transform:translate(0,0)}50%{transform:translate(8px,-3px)}}
.modal-mini-gallery div{cursor:zoom-in;overflow:hidden}.modal-mini-gallery div img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;transition:transform .35s ease}.modal-mini-gallery div:hover img{transform:scale(1.045)}.modal-hero-img img{cursor:zoom-in}.image-lightbox.is-open{opacity:1!important;pointer-events:auto!important}.image-lightbox img{max-width:min(1180px,92vw);max-height:86vh;object-fit:contain}
@media(max-width:700px){.transition-mascot{width:120px}}

/* === V11 navigation, layouts and responsive refinements === */
.nav-dropdown{position:relative;display:flex;align-items:center;height:54px}
.nav-dropdown-trigger{display:flex!important;align-items:center;gap:5px}
.nav-dropdown-trigger span{font-size:14px;transition:transform .22s ease}
.nav-dropdown-menu{position:absolute;top:calc(100% + 10px);left:50%;width:310px;padding:10px;background:rgba(255,255,255,.96);backdrop-filter:blur(24px);border:1px solid rgba(26,26,26,.09);border-radius:22px;box-shadow:0 22px 70px rgba(26,26,26,.16);opacity:0;visibility:hidden;transform:translate(-50%,-8px) scale(.98);transform-origin:top;transition:.22s ease;display:grid;gap:3px}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}
.nav-dropdown:hover .nav-dropdown-trigger span,.nav-dropdown:focus-within .nav-dropdown-trigger span{transform:rotate(180deg)}
.links .nav-dropdown-menu a{display:grid!important;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:11px!important;border-radius:14px;color:var(--ink)!important;text-transform:none!important;letter-spacing:0!important;transition:.2s ease}
.links .nav-dropdown-menu a:hover{background:var(--off);transform:translateX(3px)}
.nav-dropdown-menu b{width:34px;height:34px;border-radius:11px;background:var(--amber);display:grid;place-items:center;font:800 16px var(--display)}
.nav-dropdown-menu strong{display:block;font:800 13px var(--display)}
.nav-dropdown-menu small{display:block;margin-top:2px;color:var(--muted);font:500 10px var(--sans)}

.accent-text,.amber-text,.hero .italic{color:var(--amber)!important}
.section{padding:76px 0}
.inner-hero + .infinite-curve{margin-top:-28px;padding-top:0!important}
.infinite-curve{padding-bottom:36px!important}
.infinite-curve .curve-track{margin-top:0!important}
.infinite-curve img{display:block;width:100%;height:100%;object-fit:cover}

.about-editorial{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:26px;align-items:stretch}
.about-story{padding:52px!important;display:flex;flex-direction:column;justify-content:center}
.about-story h2{max-width:12ch;margin:10px 0 28px}
.about-story p{font-size:1.02rem;line-height:1.72;color:var(--muted)}
.about-story .leadish{font-size:1.16rem;color:var(--ink)}
.about-side{display:grid;grid-template-rows:minmax(360px,1fr) auto;gap:18px}
.about-photo-ai{min-height:380px;border-radius:34px;background-image:linear-gradient(145deg,rgba(239,177,34,.2),rgba(255,255,255,.2)),url('assets/img-fashion-01.jpg');background-size:cover;background-position:center;border:1px solid rgba(26,26,26,.09);box-shadow:0 16px 48px rgba(26,26,26,.08)}
.about-pillars{display:grid;gap:10px}
.about-pillars article{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;background:#fff;border:1px solid rgba(26,26,26,.09);border-radius:20px;padding:16px 18px;box-shadow:0 10px 30px rgba(26,26,26,.05)}
.about-pillars article>span{font:800 11px var(--mono);color:var(--amber);padding-top:4px}
.about-pillars h3{font-size:1.15rem;margin-bottom:5px}.about-pillars p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.5}
.about-manifesto-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.about-manifesto-grid .panel{min-height:290px;display:flex;flex-direction:column;justify-content:space-between}

.contact-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.75fr);gap:24px;align-items:start}
.contact-form-panel{padding:46px!important}.contact-form-panel h2{font-size:clamp(2.4rem,5vw,4.7rem);margin:10px 0 16px}.contact-intro{color:var(--muted);line-height:1.65;max-width:58ch;margin-bottom:30px}
.contact-form-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:20px!important}.contact-form-grid .field{margin:0!important}.field-full{grid-column:1/-1}.contact-form-grid .btn{width:100%}
.contact-sidebar{display:grid;gap:20px}.contact-sidebar .panel{padding:30px!important}.contact-sidebar h3{font-size:1.75rem;margin:8px 0 14px}.contact-sidebar p{line-height:1.6}.contact-faq details{border-top:1px solid rgba(26,26,26,.09);padding:14px 0}.contact-faq summary{cursor:pointer;font-weight:700;font-size:.9rem}.contact-faq details p{font-size:.84rem;color:var(--muted);margin:8px 0 0}

@media(max-width:980px){
 .links{gap:14px}.links a:not(.btn){font-size:10px}
 .about-editorial,.contact-layout{grid-template-columns:1fr}.about-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.about-photo-ai{min-height:390px}.about-pillars{align-content:start}
 .about-manifesto-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
 .nav-inner{height:auto;min-height:58px;padding:8px 10px 8px 14px}.links>a:not(.btn),.nav-dropdown{display:none}.links{gap:0}.links .btn{padding:12px 15px;font-size:10px}
 .section{padding:52px 0}.about-story,.contact-form-panel{padding:32px!important}.about-side{grid-template-columns:1fr}.about-photo-ai{min-height:330px}.contact-form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.about-manifesto-grid .panel{min-height:auto}
 .inner-hero + .infinite-curve{margin-top:-12px}
}


/* ===== v12 refinements ===== */
/* Feedback shadows: keep horizontal clipping for the loop, but create a safe shadow gutter */
.reviews-section{overflow:visible!important}
.reviews-window{overflow:hidden!important;padding:44px 48px 72px!important;margin-left:-48px!important;margin-right:-48px!important;width:calc(100% + 96px)!important}
.reviews-track{padding:14px 0 18px!important}
.review-card{box-shadow:0 18px 44px rgba(26,26,26,.10)!important}
@media(max-width:700px){.reviews-window{padding:34px 24px 58px!important;margin-left:-24px!important;margin-right:-24px!important;width:calc(100% + 48px)!important}}

/* Service moving gallery: detached from hero and with room for curves + shadows */
.inner-hero + .infinite-curve{margin-top:34px!important;padding-top:34px!important}
.infinite-curve{padding-bottom:78px!important;overflow:hidden!important}
.infinite-curve .curve-track{padding:28px 0 34px!important}
.curve-item{box-shadow:0 24px 62px rgba(26,26,26,.13)!important}
@media(max-width:700px){.inner-hero + .infinite-curve{margin-top:18px!important;padding-top:24px!important}.infinite-curve{padding-bottom:52px!important}}

/* Decorative safe zones: symbols live only in the outer frame and never over copy/images */
.hero-decor{z-index:1!important}
.hero-center{z-index:5!important;position:relative}
.hero-gallery,.service-orbit-cards{z-index:3!important}
.page-decor .s1{left:4%!important;top:10%!important}.page-decor .s2{left:9%!important;top:42%!important}.page-decor .s3{right:8%!important;top:12%!important}.page-decor .s4{right:4%!important;top:48%!important}.page-decor .s5{left:6%!important;bottom:9%!important}.page-decor .s6{right:7%!important;bottom:8%!important}.page-decor .s7{right:3%!important;bottom:34%!important}
.cta-decor .s1{left:3%!important;top:12%!important}.cta-decor .s2{left:6%!important;bottom:10%!important;top:auto!important}.cta-decor .s3{right:7%!important;top:12%!important}.cta-decor .s4{right:3%!important;bottom:12%!important;top:auto!important}.cta-decor .s5,.cta-decor .s6,.cta-decor .s7{display:none!important}
@media(max-width:980px){.page-decor .s2,.page-decor .s4,.page-decor .s7{display:none!important}.page-decor .s1{left:4%!important}.page-decor .s3{right:4%!important}.page-decor .s5{left:5%!important}.page-decor .s6{right:5%!important}}
@media(max-width:700px){.hero-symbol{font-size:24px!important}.page-decor .s1,.page-decor .s3{top:7%!important}.page-decor .s5,.page-decor .s6{bottom:5%!important}.cta-decor .s2,.cta-decor .s4{display:none!important}}

/* Portfolio CTA separation */
.portfolio-grid-6 + .section{padding-top:24px}

/* Richer case study modal */
.modal-box.case-modal{padding:34px!important}
.modal-heading{max-width:780px;margin:0 0 24px}
.modal-heading .modal-text{font-size:1.05rem;line-height:1.75;color:var(--muted)}
.modal-meta-row{display:grid;grid-template-columns:150px 1fr 1.5fr;gap:12px;margin:24px 0 28px}
.modal-meta-row>div{background:var(--off);border:1px solid rgba(26,26,26,.07);border-radius:18px;padding:15px 17px;display:flex;flex-direction:column;gap:5px}
.modal-meta-row span,.story-card>span{font:800 9px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(26,26,26,.48)}
.modal-meta-row strong{font:800 13px var(--sans);line-height:1.35}
.modal-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:8px 0 32px}
.story-card{background:#fff;border:1px solid rgba(26,26,26,.10);border-radius:24px;padding:24px;box-shadow:0 12px 34px rgba(26,26,26,.055)}
.story-card h3{font-size:1.35rem;margin:8px 0 12px;letter-spacing:-.035em}
.story-card p{font-size:.95rem;line-height:1.7;color:var(--muted);margin:0}
.story-info{background:var(--off)}
.story-solution{background:var(--ink);color:#fff}
.story-solution>span{color:var(--amber)}.story-solution h3{color:#fff}.story-solution p{color:rgba(255,255,255,.72)}
.modal-result{margin-top:16px!important;padding-top:16px;border-top:1px solid rgba(255,255,255,.15);color:#fff!important;font-weight:700}
.modal-gallery-head{display:flex;justify-content:space-between;align-items:end;margin-top:10px}.modal-gallery-head h3{font-size:1.25rem;margin-top:5px}
.modal-mini-gallery{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important;margin-top:18px!important}
.modal-mini-gallery button{height:160px;border:0;padding:0;border-radius:22px;overflow:hidden;background:var(--off);cursor:zoom-in;box-shadow:0 12px 30px rgba(26,26,26,.08)}
.modal-mini-gallery button img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.modal-mini-gallery button:hover img{transform:scale(1.045)}
.modal-hero-img{overflow:hidden!important}.modal-hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.image-lightbox{z-index:100000!important}.image-lightbox img{user-select:none}
@media(max-width:760px){.modal-box.case-modal{padding:22px!important}.modal-meta-row{grid-template-columns:1fr}.modal-story-grid{grid-template-columns:1fr}.modal-mini-gallery button{height:105px}.modal-hero-img{height:240px!important}}

/* === v13 micro refinements === */
/* Feedback viewport: exactly the visible set, with breathing room for shadows. */
.reviews-window{position:relative;overflow:hidden;padding:18px 0 48px}
.reviews-track{margin-inline:34px}
@media(max-width:980px){.reviews-track{margin-inline:26px}}
@media(max-width:820px){.reviews-track{margin-inline:18px}}

/* Navbar link clarity and current-page state. */
.links>a:not(.btn),.nav-dropdown-trigger{font-weight:500!important;transition:font-weight .16s ease,color .16s ease}
.links>a:not(.btn):hover,.links>a:not(.btn):focus-visible,.nav-dropdown-trigger:hover,.nav-dropdown-trigger:focus-visible,
.links>a.is-current:not(.btn),.nav-dropdown-trigger.is-current{font-weight:800!important;color:var(--ink)!important}
.links>.btn.is-current{outline:2px solid var(--amber);outline-offset:3px}

/* Stable dropdown chevron: rotate around its own fixed centre. */
.nav-dropdown-trigger>span{position:relative;display:inline-grid!important;place-items:center;width:14px;height:14px;flex:0 0 14px;font-size:0!important;line-height:0;transform-origin:50% 50%!important;transition:transform .22s ease!important}
.nav-dropdown-trigger>span:before{content:"";display:block;width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-1px) rotate(45deg)}
.nav-dropdown:hover .nav-dropdown-trigger>span,.nav-dropdown:focus-within .nav-dropdown-trigger>span{transform:rotate(180deg)!important}

/* Footer social icons. */
.footer .social-icon-link{display:inline-flex!important;align-items:center;justify-content:center;width:38px;height:38px;margin:3px 7px 3px 0!important;border:1px solid rgba(26,26,26,.13);border-radius:50%;color:var(--ink);transition:transform .2s ease,background-color .2s ease,border-color .2s ease}
.footer .social-icon-link:hover{transform:translateY(-2px);background:var(--amber);border-color:var(--amber)}
.footer .social-icon-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* v14 refinements: stable logo, exact review viewport, lighter interactions. */
.cursor-glow{left:0!important;top:0!important;transform:translate3d(-600px,-600px,0);will-change:transform}
.brand-logo-inline,.brand-logo-inline svg,.logo-pupil-group{transform:translateZ(0);backface-visibility:hidden}
.logo-pupil-group{transition:none!important;will-change:transform}

.reviews-section{overflow:visible!important}
.reviews-window{width:100%!important;overflow:hidden!important;padding:34px 0 64px!important;margin:0!important}
.reviews-track{display:flex!important;gap:22px!important;margin:0!important;padding:12px 0 0!important;will-change:transform;contain:layout paint}
.review-card{min-width:0}

.footer .social-icon-link{display:inline-flex!important;width:auto!important;height:auto!important;margin:5px 14px 5px 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--ink)!important;transition:color .2s ease,transform .2s ease}
.footer .social-icon-link:hover{background:transparent!important;border-color:transparent!important;color:var(--amber)!important;transform:translateY(-2px)}
.footer .social-icon-link svg{width:22px!important;height:22px!important;stroke:currentColor!important;stroke-width:1.5!important}

.hero-symbol:nth-child(2n),.cta-decor .hero-symbol:nth-child(odd){color:var(--amber)!important;text-shadow:0 0 24px rgba(239,177,34,.42)}
.cta-decor .s3{right:7%;top:18%}
.cta-decor .s4{right:5%;top:auto;bottom:12%}
.cta-decor .s6{right:18%;bottom:7%}
.cta-decor .s7{display:none}

.modal-open{overscroll-behavior:none}
.modal-hero-img img,.modal-mini-gallery img{cursor:zoom-in}

@media(max-width:980px){
  .reviews-window{padding-bottom:56px!important}
}
@media(max-width:820px){
  .reviews-window{padding:28px 0 50px!important}
}

/* === v15 refinements === */
/* Feedback: three exact cards, seamless loop, internal shadow-safe gutter. */
.reviews-section{overflow:visible!important}
.reviews-window{
  width:100%!important;
  overflow:hidden!important;
  padding:36px 34px 68px!important;
  margin:0!important;
}
.reviews-track{
  display:flex!important;
  gap:22px!important;
  width:100%!important;
  margin:0!important;
  padding:12px 0 0!important;
  will-change:transform;
  contain:layout!important;
  animation:none!important;
}
.review-card{
  min-width:0!important;
  box-shadow:0 18px 44px rgba(26,26,26,.10)!important;
}
@media(max-width:980px){.reviews-window{padding:34px 28px 62px!important}}
@media(max-width:820px){.reviews-window{padding:30px 22px 56px!important}}

/* Decorative symbols: always a deliberate black/amber mix. */
.hero-decor .s1,.hero-decor .s3,.hero-decor .s5,.hero-decor .s7{
  color:var(--ink)!important;
  text-shadow:none!important;
}
.hero-decor .s2,.hero-decor .s4,.hero-decor .s6{
  color:var(--amber)!important;
  text-shadow:0 0 24px rgba(239,177,34,.42)!important;
}

/* Service moving gallery: 3D edge turn hides the loop seam. */
.infinite-curve{
  perspective:1200px;
  mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%);
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%);
}
.curve-track{transform-style:preserve-3d}
.curve-item{
  --curve-lift:0px;
  --curve-z:0deg;
  --edge-rotate:0deg;
  --edge-opacity:1;
  --edge-scale:1;
  transform:translateY(var(--curve-lift)) rotateZ(var(--curve-z)) rotateY(var(--edge-rotate)) scale(var(--edge-scale))!important;
  transform-origin:center center;
  opacity:var(--edge-opacity);
  backface-visibility:hidden;
  will-change:transform,opacity;
}
.curve-item:nth-child(odd){--curve-lift:22px;--curve-z:-2deg}
.curve-item:nth-child(even){--curve-lift:-16px;--curve-z:2deg}

/* === v16: feedback layout, mouse-follow logo, seamless service gallery === */
/* Keep the complete logo visible. Only the pupil moves with the pointer. */
.brand-logo-inline .logo-hat-group,
.brand-logo-inline .logo-amber,
.brand-logo-inline .logo-ink,
.brand-logo-inline .logo-white,
.brand-logo-inline .logo-mouth,
.brand-logo-inline .logo-pupil-group{
  opacity:1!important;
  visibility:visible!important;
}
.brand-logo-inline .logo-hat-group,
.brand-logo-inline .logo-amber,
.brand-logo-inline .logo-ink,
.brand-logo-inline .logo-white,
.brand-logo-inline .logo-mouth{
  animation:none!important;
  transform:none!important;
}
.brand-logo-inline .logo-pupil-group{
  animation:none!important;
  transform-box:fill-box;
  transform-origin:center;
  will-change:transform;
}

/* Three-card testimonial viewport with a real shadow-safe inner gutter. */
.reviews-section{overflow:visible!important}
.reviews-window{
  width:100%!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  padding:34px 30px 66px!important;
  margin:0!important;
}
.reviews-track{
  display:flex!important;
  gap:22px!important;
  width:auto!important;
  margin:0!important;
  padding:12px 0 0!important;
  animation:none!important;
  contain:none!important;
  will-change:transform;
}
.review-card{
  min-width:0!important;
  min-height:330px!important;
  padding:34px 32px!important;
  background:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  border-radius:34px!important;
  box-shadow:0 18px 42px rgba(26,26,26,.10)!important;
  transition:background-color .55s ease,color .55s ease,transform .55s ease,box-shadow .55s ease!important;
}
.review-card.is-center{
  background:var(--ink)!important;
  color:#fff!important;
  transform:translateY(-8px)!important;
  box-shadow:0 25px 58px rgba(26,26,26,.20)!important;
}
.review-stars{font-size:1.25rem;letter-spacing:.08em;color:var(--amber);line-height:1;margin-bottom:28px}
.review-quote{font-size:clamp(1rem,1.35vw,1.22rem)!important;line-height:1.65!important;margin:0 0 30px!important;color:var(--ink)!important}
.review-card.is-center .review-quote{color:#fff!important}
.review-author{display:flex;align-items:center;gap:14px;margin-top:auto}
.review-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;flex:0 0 46px;background:var(--ink);color:var(--amber);font:800 14px var(--display)}
.review-card.is-center .review-avatar{background:var(--amber);color:var(--ink)}
.review-meta{display:flex;flex-direction:column;gap:2px}
.review-meta strong{font:800 1rem var(--display);color:inherit}
.review-meta>span{font:500 .72rem var(--mono);letter-spacing:.05em;color:rgba(26,26,26,.55)}
.review-card.is-center .review-meta>span{color:rgba(255,255,255,.62)}
@media(max-width:980px){.reviews-window{padding-inline:26px!important}.review-card{min-height:300px!important}}
@media(max-width:820px){.reviews-window{padding-inline:20px!important}.review-card{min-height:280px!important;padding:28px 26px!important}}

/* The service strip moves slowly left and right. No reset seam. */
.curve-track{
  animation:none!important;
  will-change:transform;
  transform:translate3d(0,0,0);
}


/* === v18 refinements === */
/* Mascot keeps a constant scale throughout the scroll path. */
.morgan-flight{transform-origin:center center!important}

/* Logo eye remains fully independent from any old transform rules. */
.brand-logo-inline .logo-pupil-group{
  transform-box:fill-box!important;
  transform-origin:center!important;
  transition:none!important;
  will-change:transform;
}

/* Exactly three testimonials inside the viewport on desktop, with no side peeks. */
.reviews-section{overflow:visible!important}
.reviews-window{
  width:100%!important;
  overflow:hidden!important;
  padding:18px 0 42px!important;
  margin:0!important;
  clip-path:inset(0 round 0);
}
.reviews-track{
  display:flex!important;
  gap:22px!important;
  margin:0!important;
  padding:10px 0 0!important;
  width:auto!important;
  will-change:transform;
}
.review-card{
  min-width:0!important;
  box-shadow:0 10px 24px rgba(26,26,26,.075)!important;
}
.review-card.is-center{
  box-shadow:0 14px 30px rgba(26,26,26,.14)!important;
  transform:translateY(-5px)!important;
}
@media(max-width:980px){.reviews-window{padding:16px 0 38px!important}}
@media(max-width:820px){.reviews-window{padding:14px 0 34px!important}}

/* Cleaner, uniform case-study information architecture. */
.modal-heading{max-width:780px}
.modal-meta-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.modal-story-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.story-card{
  background:var(--off)!important;
  border:1px solid rgba(26,26,26,.08)!important;
  box-shadow:none!important;
  min-height:240px;
}
.story-card:nth-child(n){background:var(--off)!important;color:var(--ink)!important}
.story-card p{color:var(--muted)!important}
@media(max-width:860px){.modal-story-grid{grid-template-columns:1fr!important}.story-card{min-height:auto}}
@media(max-width:650px){.modal-meta-row{grid-template-columns:1fr!important}}


/* === v19 visual balance + custom animated icon system === */
.custom-icon-wrap{width:58px;height:58px;border-radius:18px;background:#fff;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid rgba(26,26,26,.08);box-shadow:0 14px 34px rgba(26,26,26,.08);margin-bottom:20px;overflow:hidden}
.custom-icon{width:34px;height:34px;display:block;object-fit:contain;transform-origin:center;animation:iconBreathe 3.6s ease-in-out infinite;will-change:transform}
.service-card:nth-child(2n) .custom-icon{animation-delay:-1.1s}.service-card:nth-child(3n) .custom-icon{animation-delay:-2.2s}.process-grid article:nth-child(2n) .custom-icon{animation-delay:-1.6s}
.service-card:hover .custom-icon,.process-grid article:hover .custom-icon{animation:iconPop .6s cubic-bezier(.2,.8,.2,1) both}
@keyframes iconBreathe{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-4px) rotate(2deg)}}
@keyframes iconPop{0%{transform:scale(1) rotate(0)}45%{transform:scale(1.13) rotate(-5deg)}100%{transform:scale(1.04) rotate(0)}}
.process-mini li{display:grid!important;grid-template-columns:42px 1fr;column-gap:12px;align-items:center}.process-mini li .custom-icon-wrap{grid-row:1/3;width:42px;height:42px;border-radius:13px;margin:0}.process-mini li .custom-icon{width:25px;height:25px}.process-mini li strong,.process-mini li span{grid-column:2}
.process-grid .custom-icon-wrap{margin-bottom:16px}
.visual-ribbon{display:grid;grid-template-columns:1.15fr .8fr 1fr;gap:18px;margin-top:-54px;margin-bottom:28px;align-items:center}
.visual-ribbon figure{margin:0;border-radius:28px;overflow:hidden;box-shadow:0 18px 44px rgba(26,26,26,.10);border:1px solid rgba(26,26,26,.08);height:230px;transform:rotate(-2deg);transition:transform .35s ease,box-shadow .35s ease}
.visual-ribbon figure:nth-child(2){height:280px;transform:translateY(18px) rotate(2.5deg)}.visual-ribbon figure:nth-child(3){transform:rotate(1deg)}
.visual-ribbon figure:hover{transform:translateY(-8px) rotate(0);box-shadow:0 26px 60px rgba(26,26,26,.15)}
.visual-ribbon img{width:100%;height:100%;object-fit:cover;display:block}
.about-ribbon{margin-top:16px}
.contact-visual-stack{height:230px;position:relative;margin-bottom:24px}.contact-visual-stack>img{position:absolute;width:62%;height:190px;object-fit:cover;border-radius:25px;box-shadow:0 18px 40px rgba(26,26,26,.13);border:5px solid #fff}.contact-visual-stack>img:first-child{left:0;top:10px;transform:rotate(-5deg)}.contact-visual-stack>img:nth-child(2){right:0;top:26px;transform:rotate(6deg)}.floating-contact-icon{position:absolute;z-index:3;left:50%;bottom:0;transform:translateX(-50%);margin:0;background:var(--amber)}
/* Stronger black/amber mix in every CTA, always kept in the outer safe frame. */
.cta-decor .s1,.cta-decor .s3,.cta-decor .s5,.cta-decor .s7,.cta-decor .s9{display:block!important;color:var(--ink)!important;text-shadow:none!important}
.cta-decor .s2,.cta-decor .s4,.cta-decor .s6,.cta-decor .s8{display:block!important;color:var(--amber)!important;text-shadow:0 0 22px rgba(239,177,34,.4)!important}
.cta-decor .s1{left:4%!important;top:14%!important}.cta-decor .s2{left:10%!important;top:auto!important;bottom:14%!important}.cta-decor .s3{right:10%!important;top:14%!important}.cta-decor .s4{right:4%!important;top:auto!important;bottom:15%!important}.cta-decor .s5{left:3%!important;top:48%!important;bottom:auto!important}.cta-decor .s6{right:3%!important;top:48%!important;bottom:auto!important}.cta-decor .s7{left:17%!important;right:auto!important;top:8%!important;bottom:auto!important}.cta-decor .s8{right:18%!important;left:auto!important;bottom:7%!important;top:auto!important}.cta-decor .s9{right:16%!important;left:auto!important;top:7%!important;bottom:auto!important}
/* Slightly more compact portfolio/contact hero framing. */
main[data-barba-namespace="portfolio"]>.hero,main[data-barba-namespace="contatti"]>.hero{padding-top:112px;min-height:72vh}
main[data-barba-namespace="portfolio"]>.hero .hero-shell,main[data-barba-namespace="contatti"]>.hero .hero-shell{min-height:520px}
main[data-barba-namespace="portfolio"]>.hero .hero-center,main[data-barba-namespace="contatti"]>.hero .hero-center{padding-top:104px;padding-bottom:70px}
@media(max-width:900px){.visual-ribbon{grid-template-columns:1fr 1fr;margin-top:-24px}.visual-ribbon figure:nth-child(3){grid-column:1/-1}.cta-decor .s5,.cta-decor .s6,.cta-decor .s7,.cta-decor .s8,.cta-decor .s9{display:none!important}}
@media(max-width:620px){.visual-ribbon{grid-template-columns:1fr;margin-top:0}.visual-ribbon figure,.visual-ribbon figure:nth-child(2),.visual-ribbon figure:nth-child(3){height:210px;transform:none;grid-column:auto}.contact-visual-stack{height:200px}.contact-visual-stack>img{height:165px}.custom-icon-wrap{width:52px;height:52px}.custom-icon{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.custom-icon{animation:none!important}.visual-ribbon figure{transition:none!important}}


/* === v20: refined case-study hierarchy, semantic icon motion and restored logo === */
/* The uploaded Morgan head is used intact; only its pupil follows the pointer. */
.morgan-head-logo{overflow:visible;display:block}
.morgan-head-logo .logo-amber{fill:#de9925}
.morgan-head-logo .logo-white{fill:#fff}
.morgan-head-logo .logo-ink{fill:#1a1a1a}
.morgan-head-logo .logo-mouth{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:7px}
.morgan-head-logo .logo-pupil-group{transform-box:view-box!important;transform-origin:144.48px 132.63px!important;will-change:transform}

/* CTA symbols: explicit 50/50 ink and amber mix, immune to earlier nth-child rules. */
.cta-panel .cta-decor .hero-symbol.s1,
.cta-panel .cta-decor .hero-symbol.s3,
.cta-panel .cta-decor .hero-symbol.s5,
.cta-panel .cta-decor .hero-symbol.s7,
.cta-panel .cta-decor .hero-symbol.s9{
  color:#1a1a1a!important;-webkit-text-fill-color:#1a1a1a!important;text-shadow:none!important;opacity:1!important
}
.cta-panel .cta-decor .hero-symbol.s2,
.cta-panel .cta-decor .hero-symbol.s4,
.cta-panel .cta-decor .hero-symbol.s6,
.cta-panel .cta-decor .hero-symbol.s8{
  color:#efb122!important;-webkit-text-fill-color:#efb122!important;text-shadow:0 0 22px rgba(239,177,34,.4)!important;opacity:1!important
}

/* Icons have no badge/container: the artwork itself becomes the visual anchor. */
.custom-icon-wrap{
  width:82px!important;height:82px!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;overflow:visible!important;
  place-items:center!important;margin-bottom:22px!important
}
.custom-icon{width:66px!important;height:66px!important;animation:none!important;transform-origin:center;will-change:transform,filter}
.process-grid .custom-icon-wrap{width:72px!important;height:72px!important;margin-bottom:12px!important}
.process-grid .custom-icon{width:58px!important;height:58px!important}
.process-mini li .custom-icon-wrap{width:50px!important;height:50px!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.process-mini li .custom-icon{width:42px!important;height:42px!important}
.floating-contact-icon{width:78px!important;height:78px!important;background:transparent!important;box-shadow:none!important}
.floating-contact-icon .custom-icon{width:66px!important;height:66px!important}

/* Semantic animations linked to the represented object. */
.custom-icon[src$="Risorsa%2049.svg"],.custom-icon[src$="Risorsa 49.svg"]{animation:targetLock 3s ease-in-out infinite!important}
.custom-icon[src$="Risorsa%2050.svg"],.custom-icon[src$="Risorsa 50.svg"],
.custom-icon[src$="Risorsa%2063.svg"],.custom-icon[src$="Risorsa 63.svg"]{animation:pencilDraw 3.2s ease-in-out infinite!important}
.custom-icon[src$="Risorsa%2051.svg"],.custom-icon[src$="Risorsa 51.svg"]{animation:screenWake 3.4s ease-in-out infinite!important}
.custom-icon[src$="Risorsa%2047.svg"],.custom-icon[src$="Risorsa 47.svg"]{animation:messagePop 3s ease-in-out infinite!important}
.custom-icon[src$="Risorsa%2060.svg"],.custom-icon[src$="Risorsa 60.svg"]{animation:boxOpen 3.5s ease-in-out infinite!important}
.custom-icon[src$="Risorsa%2056.svg"],.custom-icon[src$="Risorsa 56.svg"]{animation:ideaGlow 2.8s ease-in-out infinite!important}
.custom-icon[src$="Risorsa%2057.svg"],.custom-icon[src$="Risorsa 57.svg"]{animation:toolMeasure 3.4s ease-in-out infinite!important}
.custom-icon[src$="Risorsa%2059.svg"],.custom-icon[src$="Risorsa 59.svg"]{animation:mailSend 3.2s ease-in-out infinite!important}
.custom-icon[src$="Risorsa%2061.svg"],.custom-icon[src$="Risorsa 61.svg"],
.custom-icon[src$="Risorsa%2054.svg"],.custom-icon[src$="Risorsa 54.svg"]{animation:teamNod 3.6s ease-in-out infinite!important}
.custom-icon[src$="Risorsa%2058.svg"],.custom-icon[src$="Risorsa 58.svg"]{animation:coinDrop 3.1s ease-in-out infinite!important}
@keyframes targetLock{0%,100%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(239,177,34,0))}45%{transform:scale(1.08)}60%{transform:scale(.98);filter:drop-shadow(0 0 9px rgba(239,177,34,.55))}}
@keyframes pencilDraw{0%,100%{transform:translate(0,0) rotate(0)}35%{transform:translate(7px,-4px) rotate(-5deg)}70%{transform:translate(-3px,3px) rotate(3deg)}}
@keyframes screenWake{0%,15%,100%{transform:scaleY(1);filter:none}45%{transform:scaleY(.94);filter:drop-shadow(0 0 9px rgba(239,177,34,.45))}55%{transform:scaleY(1.03)}}
@keyframes messagePop{0%,100%{transform:translateY(0) scale(1)}40%{transform:translateY(-7px) scale(1.06)}55%{transform:translateY(-3px) scale(.98)}}
@keyframes boxOpen{0%,100%{transform:translateY(0) rotate(0)}42%{transform:translateY(-6px) rotate(-2deg)}58%{transform:translateY(-2px) rotate(2deg)}}
@keyframes ideaGlow{0%,100%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(239,177,34,0))}50%{transform:scale(1.08);filter:drop-shadow(0 0 12px rgba(239,177,34,.65))}}
@keyframes toolMeasure{0%,100%{transform:rotate(0)}40%{transform:rotate(-7deg)}70%{transform:rotate(5deg)}}
@keyframes mailSend{0%,100%{transform:translate(0,0) rotate(0)}42%{transform:translate(9px,-7px) rotate(4deg)}58%{transform:translate(5px,-4px) rotate(2deg)}}
@keyframes teamNod{0%,100%{transform:translateY(0)}35%{transform:translateY(-4px)}55%{transform:translateY(1px)}}
@keyframes coinDrop{0%,100%{transform:translateY(0) rotate(0)}38%{transform:translateY(-5px) rotate(-3deg)}55%{transform:translateY(2px) rotate(2deg)}}
.service-card:hover .custom-icon,.process-grid article:hover .custom-icon{animation-play-state:paused!important;transform:scale(1.08)!important;filter:drop-shadow(0 8px 9px rgba(26,26,26,.12))}

/* Case study: compact base information beside a wider brief, then problem and solution below. */
.modal-overview-grid{display:grid;grid-template-columns:minmax(190px,.34fr) minmax(0,1fr);gap:16px;margin:24px 0 16px;align-items:stretch}
.modal-meta-panel{display:grid;grid-template-columns:1fr;gap:0;background:var(--off);border:1px solid rgba(26,26,26,.08);border-radius:24px;padding:8px 20px}
.modal-meta-panel>div{display:flex;flex-direction:column;gap:5px;padding:15px 0;border-bottom:1px solid rgba(26,26,26,.08)}
.modal-meta-panel>div:last-child{border-bottom:0}
.modal-meta-panel span,.story-card>span{font:800 9px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(26,26,26,.48)}
.modal-meta-panel strong{font:800 13px var(--sans);line-height:1.4}
.modal-resolution-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 32px}
.modal-overview-grid .story-card,.modal-resolution-grid .story-card{background:var(--off)!important;border:1px solid rgba(26,26,26,.08)!important;box-shadow:none!important;border-radius:24px!important;padding:26px!important;min-height:0!important}
.story-brief{min-height:100%!important}
.modal-overview-grid .story-card h3,.modal-resolution-grid .story-card h3{font-size:1.45rem;margin:8px 0 13px}
.modal-overview-grid .story-card p,.modal-resolution-grid .story-card p{font-size:.96rem;line-height:1.75;color:var(--muted)!important;margin:0}
@media(max-width:760px){.modal-overview-grid,.modal-resolution-grid{grid-template-columns:1fr}.modal-meta-panel{grid-template-columns:repeat(3,1fr);padding:8px 14px}.modal-meta-panel>div{border-bottom:0;border-right:1px solid rgba(26,26,26,.08);padding:12px}.modal-meta-panel>div:last-child{border-right:0}}
@media(max-width:520px){.modal-meta-panel{grid-template-columns:1fr}.modal-meta-panel>div{border-right:0;border-bottom:1px solid rgba(26,26,26,.08)}.modal-meta-panel>div:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){.custom-icon{animation:none!important}}

/* v20.1 semantic animation mapping for the renamed icon assets. */
.custom-icon[src$="/target.svg"]{animation:targetLock 3s ease-in-out infinite!important}
.custom-icon[src$="/illustration.svg"],.custom-icon[src$="/editorial.svg"]{animation:pencilDraw 3.2s ease-in-out infinite!important}
.custom-icon[src$="/web.svg"]{animation:screenWake 3.4s ease-in-out infinite!important}
.custom-icon[src$="/message.svg"]{animation:messagePop 3s ease-in-out infinite!important}
.custom-icon[src$="/packaging.svg"]{animation:boxOpen 3.5s ease-in-out infinite!important}
.custom-icon[src$="/idea.svg"],.custom-icon[src$="/spark.svg"]{animation:ideaGlow 2.8s ease-in-out infinite!important}
.custom-icon[src$="/design.svg"]{animation:toolMeasure 3.4s ease-in-out infinite!important}
.custom-icon[src$="/mail.svg"]{animation:mailSend 3.2s ease-in-out infinite!important}
.custom-icon[src$="/team.svg"],.custom-icon[src$="/collab.svg"]{animation:teamNod 3.6s ease-in-out infinite!important}
.custom-icon[src$="/budget.svg"]{animation:coinDrop 3.1s ease-in-out infinite!important}
.custom-icon[src$="/motion.svg"]{animation:motionSweep 3.4s ease-in-out infinite!important}
.custom-icon[src$="/photo.svg"]{animation:cameraClick 3.8s ease-in-out infinite!important}
.custom-icon[src$="/system.svg"]{animation:systemStack 3.5s ease-in-out infinite!important}
.custom-icon[src$="/person.svg"]{animation:personHello 3.8s ease-in-out infinite!important}
@keyframes motionSweep{0%,100%{transform:translateX(0) rotate(0)}45%{transform:translateX(7px) rotate(4deg)}70%{transform:translateX(-2px) rotate(-2deg)}}
@keyframes cameraClick{0%,42%,100%{transform:scale(1);filter:none}48%{transform:scale(.94);filter:drop-shadow(0 0 9px rgba(239,177,34,.55))}56%{transform:scale(1.04)}}
@keyframes systemStack{0%,100%{transform:translateY(0)}35%{transform:translateY(-4px)}65%{transform:translateY(3px)}}
@keyframes personHello{0%,100%{transform:rotate(0) translateY(0)}38%{transform:rotate(-3deg) translateY(-3px)}58%{transform:rotate(3deg) translateY(0)}}

/* === v21 refinements === */
/* Icons stay still until the related card is hovered, then perform a short playful giggle. */
.custom-icon{animation:none!important;transform-origin:50% 60%!important}
.card:hover .custom-icon,
.panel:hover .custom-icon,
.service-card:hover .custom-icon,
.contact-side-card:hover .custom-icon{
  animation:iconGiggle .58s cubic-bezier(.36,.07,.19,.97) both!important;
  filter:drop-shadow(0 7px 8px rgba(26,26,26,.10))
}
.service-card:nth-child(2n):hover .custom-icon,.panel:nth-child(2n):hover .custom-icon{animation-name:iconGiggleReverse!important}
@keyframes iconGiggle{
  0%,100%{transform:translate3d(0,0,0) rotate(0) scale(1)}
  18%{transform:translate3d(-2px,0,0) rotate(-5deg) scale(1.035)}
  38%{transform:translate3d(2px,-1px,0) rotate(4deg) scale(1.045)}
  58%{transform:translate3d(-1px,0,0) rotate(-3deg) scale(1.025)}
  78%{transform:translate3d(1px,0,0) rotate(2deg) scale(1.01)}
}
@keyframes iconGiggleReverse{
  0%,100%{transform:translate3d(0,0,0) rotate(0) scale(1)}
  18%{transform:translate3d(2px,0,0) rotate(5deg) scale(1.035)}
  38%{transform:translate3d(-2px,-1px,0) rotate(-4deg) scale(1.045)}
  58%{transform:translate3d(1px,0,0) rotate(3deg) scale(1.025)}
  78%{transform:translate3d(-1px,0,0) rotate(-2deg) scale(1.01)}
}

/* Process sections return to the cleaner numbered system. */
.process-number{display:block;font:900 1.55rem/1 var(--mono);color:var(--amber);margin-bottom:20px;letter-spacing:-.04em}
.process-mini li{display:grid!important;grid-template-columns:1fr!important;column-gap:0!important;align-items:start!important}
.process-mini li strong,.process-mini li span{grid-column:1!important}
.process-grid .custom-icon-wrap,.process-mini .custom-icon-wrap{display:none!important}

/* Keep all case-study information cards visually consistent, including the Solution heading. */
.modal-resolution-grid .story-solution,
.modal-resolution-grid .story-solution h3,
.modal-resolution-grid .story-solution p{color:var(--ink)!important}
.modal-resolution-grid .story-solution>span{color:rgba(26,26,26,.48)!important}

/* CTA decorations: black and amber are deliberately interleaved across top, middle and bottom. */
.cta-panel .cta-decor .hero-symbol.s1,
.cta-panel .cta-decor .hero-symbol.s4,
.cta-panel .cta-decor .hero-symbol.s5,
.cta-panel .cta-decor .hero-symbol.s9{
  color:var(--amber)!important;-webkit-text-fill-color:var(--amber)!important;
  text-shadow:0 0 22px rgba(239,177,34,.4)!important
}
.cta-panel .cta-decor .hero-symbol.s2,
.cta-panel .cta-decor .hero-symbol.s3,
.cta-panel .cta-decor .hero-symbol.s6,
.cta-panel .cta-decor .hero-symbol.s7,
.cta-panel .cta-decor .hero-symbol.s8{
  color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;text-shadow:none!important
}

/* Logo eye uses CSS transforms so pointer tracking remains reliable in every inline SVG instance. */
.morgan-head-logo .logo-pupil-group{transform-box:view-box!important;transform-origin:144.48px 132.63px!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.card:hover .custom-icon,.panel:hover .custom-icon,.service-card:hover .custom-icon{animation:none!important}}


/* v22 — requested refinements only */
/* Accent words in section titles match the hero treatment. */
.accent-text{font-family:Georgia,serif!important;font-style:italic!important;font-weight:400!important;color:var(--amber)!important;letter-spacing:-.035em}

/* Service dropdown uses the same custom icons as the service cards. */
.nav-dropdown-menu b{background:transparent!important;border-radius:0!important;width:38px!important;height:38px!important}
.nav-dropdown-menu b img{display:block;width:34px;height:34px;object-fit:contain}

/* One consistent giggle, triggered only by hovering the containing card/panel. */
.custom-icon{animation:none!important;transform-origin:50% 60%!important}
.card:hover .custom-icon,
.panel:hover .custom-icon,
.service-card:hover .custom-icon,
.contact-side-card:hover .custom-icon{animation:iconGiggle .52s cubic-bezier(.36,.07,.19,.97) both!important}
.service-card:nth-child(2n):hover .custom-icon,
.panel:nth-child(2n):hover .custom-icon{animation-name:iconGiggle!important}


/* === v29 stability fixes: preserve v22 layout, smoother motion === */
/* Dropdown: CMS descriptions may be longer than the original placeholders. */
.nav-dropdown-menu{
  width:min(440px,calc(100vw - 32px))!important;
  max-width:calc(100vw - 32px)!important;
  overflow:hidden!important;
}
.links .nav-dropdown-menu a{
  grid-template-columns:38px minmax(0,1fr)!important;
  min-width:0!important;
}
.nav-dropdown-menu a>span{min-width:0!important;overflow:hidden!important}
.nav-dropdown-menu strong,.nav-dropdown-menu small{
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.nav-dropdown-menu small{line-height:1.35!important}

/* Service gallery: duplicated image set + compositor-only CSS loop = seamless and lightweight. */
.infinite-curve{overflow:hidden!important;contain:layout paint style}
.infinite-curve .curve-track{
  animation:curveSlideV29 20s linear infinite!important;
  transform:translate3d(0,0,0);
  will-change:transform;
}
.infinite-curve:hover .curve-track{animation-play-state:paused!important}
@keyframes curveSlideV29{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(calc(-50% - 11px),0,0)}
}
/* Keep the elegant alternating lift, but remove the continuous per-card 3D calculations. */
.infinite-curve .curve-item{
  --edge-rotate:0deg!important;
  --edge-opacity:1!important;
  --edge-scale:1!important;
  opacity:1!important;
  backface-visibility:hidden;
}

/* Let the browser skip paint/layout work for sections far outside the viewport. */
main>.section:not(.infinite-curve),main>.wrap.visual-ribbon{
  content-visibility:auto;
  contain-intrinsic-size:auto 720px;
}
.hero,.nav,.footer{content-visibility:visible}

@media (prefers-reduced-motion:reduce){
  .infinite-curve .curve-track{animation:none!important}
}

/* === v30: unclipped shadows + lighter paint work === */
/* Paint containment/content-visibility clipped shadows and could cause small pop-in jolts. */
main > .section,
main > .wrap.visual-ribbon{
  content-visibility:visible!important;
  contain:none!important;
}

/* Give interactive grids a small paint-safe gutter without changing their visual alignment. */
.grid-3,
.grid-4,
.process-grid,
.case-grid-3,
.portfolio-grid-6,
.service-list{
  overflow:visible!important;
  padding:28px 20px 62px!important;
  margin:-28px -20px -62px!important;
}

/* The project ribbon also needs breathing room for rotated hover shadows. */
.visual-ribbon{
  overflow:visible!important;
  padding:34px 26px 62px!important;
  margin-left:-26px!important;
  margin-right:-26px!important;
}

/* Keep horizontal clipping for the moving gallery, but reserve enough vertical room for every shadow. */
.infinite-curve{
  contain:none!important;
  overflow:hidden!important;
  padding-top:88px!important;
  padding-bottom:112px!important;
}
.infinite-curve .curve-track{
  padding:8px 0 24px!important;
}
.infinite-curve .curve-item{
  box-shadow:0 18px 44px rgba(26,26,26,.11)!important;
}

/* Slightly lighter hover elevation: still visible, less expensive to repaint and less prone to clipping. */
.card:hover{
  transform:translateY(-5px) rotate(-.25deg)!important;
  box-shadow:0 20px 48px rgba(26,26,26,.12),0 0 38px rgba(239,177,34,.20)!important;
}
.visual-ribbon figure:hover{
  transform:translateY(-5px) rotate(0)!important;
  box-shadow:0 20px 46px rgba(26,26,26,.13)!important;
}

/* Avoid permanent compositor layers on elements that only animate on hover. */
.card,.visual-ribbon figure{will-change:auto!important}
.card:hover,.visual-ribbon figure:hover{will-change:transform}

@media(max-width:700px){
  .grid-3,.grid-4,.process-grid,.case-grid-3,.portfolio-grid-6,.service-list{
    padding:20px 12px 48px!important;
    margin:-20px -12px -48px!important;
  }
  .visual-ribbon{
    padding:24px 14px 48px!important;
    margin-left:-14px!important;
    margin-right:-14px!important;
  }
  .infinite-curve{padding-top:64px!important;padding-bottom:88px!important}
}