/* style.css */
:root{color-scheme:dark;--bg:#111419;--blue:#5489ff;--white:#f3f5fa;--muted:#929ba9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}header{position:fixed;background:#111419e8;backdrop-filter:blur(16px);top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:30px 5.2%}header img{width:132px;display:block}nav{display:flex;align-items:center;gap:35px;font-size:13px}nav>a:first-child{color:#c1c7d2}.portal{border:1px solid #ffffff27;padding:13px 18px;border-radius:30px;backdrop-filter:blur(12px)}.portal span{margin-left:21px}.journey{height:430vh}.stage{height:100svh;min-height:680px;position:sticky;top:0;overflow:hidden;isolation:isolate;background:#111419}.ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 72% 43%,#34466350 0,transparent 51%),linear-gradient(130deg,#181c24,#111419 70%);z-index:-3}.floor{position:absolute;width:100%;height:18%;bottom:0;background:linear-gradient(0deg,#080a0f,transparent);z-index:-1}.scene-tag{position:absolute;top:124px;left:5.2%;display:flex;align-items:center;gap:9px;color:#8996aa;font-size:10px;font-weight:600;letter-spacing:1.4px}.live-dot{height:5px;width:5px;background:#6d98ff;border-radius:50%}.copy{position:absolute;top:27%;left:7.5%;width:47%;z-index:4;will-change:transform,opacity}.copy:not(.copy-0){opacity:0;pointer-events:none}.overline{font-size:10px;letter-spacing:2px;font-weight:600;color:#a3afc3;margin-bottom:27px}h1,h2{font-weight:500;font-size:clamp(60px,6.7vw,108px);line-height:.99;letter-spacing:-5.5px;margin:0}em{font-style:normal;color:#709bff}.copy p{font-size:16px;line-height:1.7;color:#a4adbd;margin:27px 0 30px}.primary{display:inline-flex;gap:31px;align-items:center;background:#e8eef9;color:#1a2335;padding:17px 22px;border-radius:32px;font-size:13px;font-weight:600;box-shadow:0 8px 28px #0002;transition:background .2s}.primary:hover{background:#9fbcff}.primary:focus-visible,nav a:focus-visible,.services a:focus-visible{outline:2px solid #83acff;outline-offset:7px}.robot-wrap{position:absolute;inset:14% -10% 4% 35%;will-change:transform,opacity;z-index:2}canvas{width:100%;height:100%;display:block}.orbit-label{position:absolute;top:77%;left:70%;font-size:13px;letter-spacing:1px;z-index:3;color:#c8d5e7}.orbit-label span{display:block;font-size:8px;letter-spacing:1.8px;color:#778398;margin-top:8px}.bottom-bar{position:absolute;bottom:37px;left:5.2%;right:5.2%;display:flex;align-items:center;justify-content:space-between;z-index:10}.scroll-hint{font-size:9px;letter-spacing:1.5px;color:#9ba6b8}.scroll-hint>span{font-size:22px;margin-right:13px;color:white;display:inline-block;animation:hint 2s infinite}.chapters{display:flex;gap:24px;font-size:9px;letter-spacing:1px;color:#5b6576}.chapters .active{color:#d3e2ff}.counter{font-size:10px;color:#9ba6b8;letter-spacing:2px}.progress-track{position:absolute;bottom:0;height:2px;left:0;width:100%;background:#ffffff0a}.progress-track div{height:100%;background:#6996ff;width:0}.work-panel{position:absolute;z-index:5;opacity:0;will-change:transform,opacity;pointer-events:none;border-radius:20px;overflow:hidden;box-shadow:0 40px 90px #0007;backface-visibility:hidden}.panel-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px;color:#858e9d}.plan-panel{left:60%;top:25%;width:310px;background:#edf1f7;color:#1e2737;padding:28px}.work-panel h3{font-size:38px;letter-spacing:-1.7px;line-height:1.06;font-weight:500;margin:31px 0}.plan-list{margin-top:30px}.plan-list>div{display:flex;gap:16px;align-items:center;padding:17px 0;border-top:1px solid #ccd3df;font-size:13px}.plan-list b{font-size:10px;color:#8d99ad;font-weight:400}.plan-list i{font-style:normal;margin-left:auto}.panel-foot{font-size:8px;letter-spacing:1px;margin-top:29px;color:#748299}.reel-panel{left:62%;top:21%;width:235px;background:#223657;color:white}.reel-visual{position:relative;height:350px;padding:29px;background:linear-gradient(140deg,#426aba,#22304f 70%)}.reel-type{font-size:69px;font-weight:700;line-height:.87;letter-spacing:-5px;position:relative;z-index:2}.reel-type em{color:#add0ff;display:block;margin:11px 0}.reel-caption{position:absolute;bottom:21px;font-size:7px;letter-spacing:1.5px}.reel-bottom{display:flex;justify-content:space-between;padding:17px;font-size:11px}.content-panel{left:77%;top:37%;width:225px;padding:20px;background:#eceff5;color:#1c2b40}.content-art{position:relative;overflow:hidden;background:#c9d7f4;height:205px;padding:16px;margin-top:21px}.content-art>span{font-size:27px;letter-spacing:-1px;line-height:1.02;position:relative;z-index:2}.content-art em{color:#35568c}.art-disc{position:absolute;bottom:-40px;right:-45px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#f7faff,#6f8ab9 49%,#172b4e 75%);box-shadow:-10px -10px 35px #3f5a9140}.report-panel{left:60%;top:24%;width:340px;background:#edf1f7;color:#263248;padding:29px}.report-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #cdd5e2;padding:19px 0;font-size:13px}.report-row b{font-size:10px;font-weight:400;color:#345b9f}.report-note{background:#dae4f8;padding:18px;border-radius:10px;color:#586a86;font-size:12px;line-height:1.6;margin-top:16px}.services{padding:83px 7.5% 100px;background:#e9edf3;color:#1d2637;scroll-margin-top:90px}.section-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#6d7a91;margin-bottom:48px}.services h2{font-size:clamp(44px,5.3vw,80px);line-height:1.02;letter-spacing:-3px}.services em{color:#446aa8}.service-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:62px;border-top:1px solid #bdc6d6}.service-grid>a{display:flex;align-items:flex-start;gap:30px;padding:35px 0}.service-grid>a:nth-child(even){border-left:1px solid #bdc6d6;padding-left:45px}.service-no{font-size:11px;color:#7584a0;line-height:30px}.service-grid h3{font-size:30px;font-weight:500;letter-spacing:-1px;line-height:1.1;margin:0}.service-grid p{font-size:14px;color:#707d92;line-height:1.7;margin:18px 0 0}.arrow{margin-left:auto;font-size:25px;padding-right:35px}.service-grid a:hover .arrow{color:#245cc5}footer{padding:45px 7.5%;display:flex;align-items:center;gap:40px}footer img{width:100px}footer p{font-size:10px;line-height:1.7;color:#7e8a9c;margin:0}footer>a{margin-left:auto;font-size:12px;color:#b2bfd2}.robot-fallback{position:absolute;inset:26% 27%;filter:drop-shadow(0 25px 25px #0008)}.fallback-head{height:125px;background:linear-gradient(135deg,#ddd,#63748a,#262f3d);border-radius:45px;border:6px solid #abb7c7;display:flex;justify-content:center;gap:13px;align-items:center}.fallback-head i{width:35px;height:5px;background:#9dc9ff;box-shadow:0 0 20px #538dff}.fallback-body{height:155px;border-radius:60px 60px 40px 40px;margin:13px;background:linear-gradient(135deg,#bbc7d7,#3b4657);text-align:center;padding-top:45px;color:#94bfff;font-size:30px}@keyframes hint{50%{transform:translateY(5px)}}
@media(min-width:1700px){.plan-panel,.report-panel{left:64%}.reel-panel{left:65%}.content-panel{left:79%}}
@media(max-width:760px){header{padding:24px 6%}header img{width:104px}nav{gap:18px;font-size:11px}.portal{padding:10px 12px}.portal span{margin-left:9px}.stage{min-height:720px}.journey{height:370vh}.scene-tag{top:95px;left:6%;font-size:8px}.copy{top:18%;left:7%;width:86%}h1,h2{font-size:58px;letter-spacing:-3px}.overline{font-size:8px;margin-bottom:18px}.copy p{font-size:13px;line-height:1.6;margin:18px 0}.primary{font-size:11px;padding:13px 18px;gap:21px}.robot-wrap{inset:49% -20% 6% 0%}.orbit-label{top:auto;bottom:90px;left:7%;font-size:10px}.orbit-label span{font-size:6px;letter-spacing:1px}.bottom-bar{bottom:27px;left:6%;right:6%}.chapters{gap:13px;font-size:7px}.scroll-hint{font-size:7px;letter-spacing:.7px}.scroll-hint>span{font-size:16px;margin-right:6px}.counter{display:none}.work-panel{border-radius:15px}.plan-panel{left:45%;top:51%;width:190px;padding:18px}.work-panel h3{font-size:25px;letter-spacing:-1px;margin:21px 0}.panel-top{font-size:6px}.plan-list{margin-top:20px}.plan-list>div{font-size:10px;padding:13px 0;gap:8px}.panel-foot{font-size:6px;margin-top:17px}.reel-panel{left:38%;top:50%;width:153px}.reel-visual{height:215px;padding:20px}.reel-type{font-size:46px;letter-spacing:-3px}.reel-caption{font-size:5px;bottom:13px}.reel-bottom{padding:11px;font-size:9px}.content-panel{left:66%;top:61%;width:128px;padding:12px}.content-art{margin-top:12px;height:117px;padding:10px}.content-art>span{font-size:17px}.art-disc{width:95px;height:95px}.report-panel{left:41%;top:51%;width:207px;padding:19px}.report-row{padding:12px 0;font-size:9px;gap:5px}.report-row b{font-size:7px}.report-note{font-size:9px;padding:11px;margin-top:10px}.services{padding:55px 7%}.section-top{font-size:7px;letter-spacing:.8px;margin-bottom:35px}.services h2{font-size:45px;letter-spacing:-2.5px}.service-grid{grid-template-columns:1fr;margin-top:35px}.service-grid>a{gap:20px;padding:28px 0}.service-grid>a:nth-child(even){border-left:0;border-top:1px solid #bdc6d6;padding-left:0}.service-grid h3{font-size:27px}.service-grid p{font-size:12px}.arrow{padding-right:5px}footer{padding:34px 7%;flex-wrap:wrap;gap:22px}footer img{width:80px}footer p{font-size:9px;width:100%;order:3}footer>a{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-hint>span{animation:none}.journey{height:100svh;min-height:720px}.copy-0{opacity:1!important;transform:none!important}.copy:not(.copy-0),.work-panel,.chapters{display:none}.robot-wrap{transform:none!important}.primary{transition:none}}

.service-grid>a:nth-child(n+3){border-top:1px solid #bdc6d6}

@media(min-width:761px){.copy-2 h2{font-size:clamp(60px,5.7vw,94px)}}

.character-image{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 20px 30px #0003);user-select:none;-webkit-user-drag:none}

@media(min-width:761px){.orbit-label{left:auto;right:6%}}

/* flow.css */
/* Ekranın Arkası: the stage is one continuous, reversible scroll timeline. */
.journey{height:500vh}.stage{perspective:1500px;background:#10131a}.ambient{background:radial-gradient(ellipse at 69% 39%,#34486455,transparent 55%),linear-gradient(125deg,#171c25,#0d1016 72%)}
.scene-tag{top:125px}.scene-tag,.bottom-bar,.orbit-label{z-index:12}.orbit-label{display:none}.copy{z-index:9;top:30%;left:7%;width:42%}.copy h1,.copy h2{font-size:clamp(62px,6.5vw,100px);letter-spacing:-5px;line-height:.97}.copy-0 h1{font-size:clamp(64px,7vw,110px)}.copy .overline{color:#9db1cf}.copy p{max-width:405px;color:#a9b6c9;font-size:15px}.copy-2 h2{font-size:clamp(60px,6.1vw,90px)}.stage-title{position:absolute;left:5.2%;bottom:110px;color:#4c5c73;font-size:9px;letter-spacing:2px;z-index:10}.camera-space{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}
.robot-wrap{inset:0;z-index:5;transform-style:preserve-3d;overflow:hidden;mask-image:linear-gradient(#000 85%,transparent 100%)}.character-image{position:absolute;height:137%;width:66%;object-fit:contain;left:38%;top:15%;transform-origin:52% 40%;filter:drop-shadow(-20px 12px 40px #04080d77)}.motion-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}.motion-video.ready{display:block}.robot-wrap.has-motion .character-image{display:none}
.orbital-type{position:absolute;inset:0;z-index:3;pointer-events:none;transform-style:preserve-3d}.orbital-type span{position:absolute;left:64%;top:44%;font-size:clamp(18px,2.4vw,40px);letter-spacing:4px;font-weight:500;white-space:nowrap;color:#899ebc;transform-origin:center;will-change:transform,opacity;backface-visibility:hidden}.orbital-type span:nth-child(even){font-size:clamp(11px,1.4vw,21px);letter-spacing:3px}.scene-word{position:absolute;top:17%;left:43%;font-size:clamp(70px,11vw,170px);font-weight:600;letter-spacing:-8px;color:transparent;-webkit-text-stroke:1px #53658360;z-index:1;white-space:nowrap;will-change:transform,opacity;pointer-events:none}.scene-word span{display:block;font-size:10px;letter-spacing:5px;color:#7d94b8;-webkit-text-stroke:0;padding-left:12px;margin-top:10px}
.turn-surface{position:absolute;left:48%;top:35%;width:47%;height:48%;transform-origin:4% 50%;transform-style:preserve-3d;z-index:7;opacity:0;pointer-events:none;will-change:transform,opacity}.surface-side{position:absolute;inset:0;backface-visibility:hidden;border:1px solid #768dad55;border-radius:17px;overflow:hidden;background:#1b2637;box-shadow:0 35px 80px #0006}.surface-front{display:flex;align-items:flex-end;padding:35px;background:linear-gradient(135deg,#cad7ee,#657da6);color:#17273f;font-size:70px;line-height:.95;letter-spacing:-3px}.surface-front span{position:absolute;left:35px;top:30px;font-size:9px;letter-spacing:3px;color:#354867}.surface-back{transform:rotateY(180deg);background:linear-gradient(145deg,#1b314e,#080d15)}.surface-back .film-slate{position:absolute;left:9%;top:15%;width:50%;height:60%;background:#151b26;transform:rotate(-8deg);box-shadow:0 25px 35px #0007;border-radius:8px;overflow:hidden}.slate-stripe{height:27px;background:repeating-linear-gradient(135deg,#bcc7d8 0 23px,#1b2637 23px 46px);border-bottom:7px solid #111827}.film-slate p{padding:20px 23px;font-size:12px;letter-spacing:2px;color:#91a7cb;line-height:2}.film-slate strong{display:block;font-size:34px;line-height:1.05;font-weight:500;color:#e5edfa;letter-spacing:-1px}.film-lens{position:absolute;right:8%;top:20%;width:175px;height:175px;border-radius:50%;background:radial-gradient(circle at 42% 40%,#7095d288,#0d172d 27%,#030608 30%,#202e43 32%,#070b12 42%,#6e7988 43%,#16202e 47%,#05070b 60%,#424e61 61%,#111720 66%);box-shadow:0 25px 45px #0008}.surface-back>small{position:absolute;bottom:22px;right:24px;font-size:8px;letter-spacing:3px;color:#7d91b0}.phone-surface{position:absolute;left:64%;top:24%;width:232px;height:420px;border:6px solid #7b879b;border-radius:35px;background:#09101a;z-index:8;opacity:0;overflow:hidden;box-shadow:0 40px 80px #0009;will-change:transform,opacity}.phone-island{width:75px;height:14px;border-radius:20px;background:#03070d;margin:13px auto;position:relative;z-index:2}.phone-story{position:absolute;inset:0;background:linear-gradient(150deg,#7b9ccf,#234575 60%,#0c182e);padding:80px 24px;color:#fff}.phone-story strong{font-size:53px;line-height:.89;letter-spacing:-3px;font-weight:600;display:block}.phone-story em{color:#c4d8ff}.phone-story small{position:absolute;bottom:55px;left:25px;font-size:8px;letter-spacing:3px}.phone-controls{position:absolute;right:17px;bottom:35px;font-size:10px;line-height:2.5;color:#c4d6f1}.portfolio-surface{position:absolute;left:59%;top:24%;width:36%;height:53%;z-index:8;opacity:0;background:#c7d4e6;border-radius:12px;overflow:hidden;box-shadow:0 40px 80px #0008;transform-origin:center;will-change:transform,opacity}.building-scene{position:absolute;inset:0;background:linear-gradient(#8fa6c9,#e1e9f4 75%);overflow:hidden}.building-scene .building{position:absolute;left:15%;top:16%;height:84%;width:62%;transform:perspective(800px) rotateY(-20deg);background:repeating-linear-gradient(0deg,transparent 0 30px,#c6c9cf 30px 36px),repeating-linear-gradient(90deg,#22394f 0 19px,#ccd0d4 19px 34px);border:10px solid #c6c9cf;box-shadow:30px 20px 40px #263b5866}.building-scene .ground{position:absolute;bottom:0;height:15%;width:100%;background:#788798}.portfolio-caption{position:absolute;left:22px;bottom:25px;background:#edf3fcde;padding:17px 23px;color:#24364f;font-size:23px;font-weight:500;letter-spacing:-.5px}.portfolio-caption small{display:block;font-size:8px;letter-spacing:2px;color:#5c718e;margin-bottom:9px}.work-panel{display:none}.report-panel{display:block;left:59%;top:27%;width:34%;max-width:440px;z-index:8;border-radius:14px;background:#e1e9f5}.report-panel h3{font-size:43px}.report-note{background:#c7d7f0}.scene-caption{position:absolute;bottom:103px;right:6%;z-index:12;color:#637691;font-size:8px;letter-spacing:1.5px;max-width:280px;line-height:1.6;text-align:right}.bottom-bar{background:linear-gradient(transparent,#10131a99);padding-top:16px}.chapters{gap:22px}.chapters span{transition:color .2s}.services{position:relative;z-index:2}
@media(max-width:760px){.journey{height:450vh}.stage{min-height:740px}.scene-tag{top:96px;font-size:7px}.copy{top:18%;left:7%;width:87%}.copy h1,.copy h2,.copy-2 h2{font-size:52px;letter-spacing:-3px;line-height:1}.copy-0 h1{font-size:57px}.copy p{font-size:12px;max-width:270px;margin-top:17px}.copy .overline{font-size:7px;margin-bottom:16px}.character-image{left:12%;top:45%;width:106%;height:78%}.robot-wrap{mask-image:linear-gradient(#000 86%,transparent 100%)}.orbital-type span{left:55%;top:65%;font-size:16px;letter-spacing:2px}.orbital-type span:nth-child(even){font-size:10px;letter-spacing:1.5px}.scene-word{top:48%;left:12%;font-size:66px;letter-spacing:-4px}.scene-word span{font-size:7px;letter-spacing:2px}.turn-surface{left:16%;top:53%;width:80%;height:31%;transform-origin:8% 50%}.surface-front{font-size:43px;padding:25px}.surface-front span{top:20px;left:25px;font-size:7px}.film-lens{height:90px;width:90px}.slate-stripe{height:17px}.film-slate p{padding:12px;font-size:7px}.film-slate strong{font-size:23px}.surface-back>small{font-size:6px;right:14px}.phone-surface{left:54%;top:50%;width:147px;height:262px;border-width:4px;border-radius:24px}.phone-island{width:50px;height:10px;margin-top:8px}.phone-story{padding:55px 17px}.phone-story strong{font-size:35px;letter-spacing:-2px}.phone-story small{font-size:5px;left:17px;bottom:36px}.phone-controls{font-size:7px;right:12px;bottom:15px}.portfolio-surface{left:36%;top:51%;width:60%;height:34%}.portfolio-caption{font-size:17px;left:12px;bottom:14px;padding:13px}.portfolio-caption small{font-size:6px}.building-scene .building{border-width:6px}.report-panel{left:32%;top:51%;width:62%;padding:19px}.report-panel h3{font-size:27px}.stage-title{display:none}.scene-caption{font-size:6px;bottom:78px;right:6%;width:185px}.chapters{gap:9px;font-size:6px}.scroll-hint{font-size:6px}.scene-caption,.scene-tag{pointer-events:none}}
@media(prefers-reduced-motion:reduce){.journey{height:100svh}.orbital-type,.turn-surface,.phone-surface,.portfolio-surface,.scene-word{display:none}.character-image{transform:none!important}.motion-video{display:none!important}.robot-wrap.has-motion .character-image{display:block}}
/* Integrated studio image keeps the human face large and inside the header's safe area. */
.robot-wrap{inset:105px 0 0;z-index:1;mask-image:none;overflow:hidden}.character-image{left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:50% 28%;filter:none;transform-origin:70% 40%}.orbital-type{z-index:3;mask-image:linear-gradient(90deg,transparent 30%,#000 42%,#000 64%,transparent 73%)}.scene-word{z-index:2}.scene-caption{background:#10131a70;padding:8px 12px;border-radius:6px}.copy{z-index:9}.copy-0 p{max-width:340px}.copy-0 h1{font-size:clamp(64px,6.6vw,101px)}
@media(max-width:760px){.robot-wrap{inset:80px 0 0}.character-image{object-position:71% 50%}.robot-wrap:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#10131ae6 0%,#10131aba 30%,transparent 55%,#10131a60)}.copy{top:19%}.orbital-type{mask-image:linear-gradient(180deg,transparent 35%,#000 55%,#000 80%,transparent 100%)}.scene-word{top:52%;font-size:60px;letter-spacing:-3px}.scene-caption{bottom:82px}.copy-0 h1{font-size:56px}}
.character-image{object-position:50% 0%}.scene-caption{opacity:0}
@media(max-width:760px){.robot-wrap{inset:49% 0 8%;mask-image:linear-gradient(180deg,transparent,#000 4%,#000 94%,transparent)}.character-image{object-position:71% 0%}.robot-wrap:after{background:linear-gradient(0deg,#10131a88,transparent 28%)}.orbital-type{z-index:3}}
/* Keep the rotating screen inside its visual column and render each face without mirrored copy. */
.turn-surface{transform-origin:50% 50%}.surface-back{transform:none}
.phone-story strong{font-size:34px;letter-spacing:-1.7px;line-height:1.05}
@media(max-width:760px){.phone-story strong{font-size:22px;letter-spacing:-1px}}
/* Service words enter at the upper right and descend along a scroll-driven helix. */
.orbital-type{inset:0;clip-path:inset(105px 0 72px 50%);mask-image:radial-gradient(ellipse 13% 21% at 71% 31%,transparent 66%,#000 100%)}
.orbital-type span{left:0;top:0;color:#b4c5df;font-size:clamp(16px,1.85vw,29px);letter-spacing:2px;font-weight:500;transform-origin:center;backface-visibility:visible}
.orbital-type span:nth-child(even){font-size:clamp(12px,1.3vw,20px);letter-spacing:2.5px}
@media(max-width:760px){.orbital-type{clip-path:inset(46% 0 72px 0);mask-image:radial-gradient(ellipse 18% 17% at 66% 61%,transparent 65%,#000 100%)}.orbital-type span{font-size:15px;letter-spacing:1.5px}.orbital-type span:nth-child(even){font-size:11px;letter-spacing:1.5px}}
/* Keep the moving service words visible while the presentation surfaces turn. */
.orbital-type{z-index:10;mix-blend-mode:difference}.orbital-type span{color:#d2d9e8}

/* typography.css */
/* Readable supporting copy and one clear service word at a time. */
body {
  font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif;
}
.copy h1, .copy h2, .services h2 {
  font-family: "Avenir Next", "Arial Black", Arial, sans-serif;
  font-weight: 800;
  letter-spacing: -.055em;
  line-height: 1.02;
}
.copy h1 em, .copy h2 em, .services h2 em { font-weight: inherit; }
.service-grid h3, .work-panel h3 { font-weight: 700; }
.surface-front, .film-slate strong, .phone-story strong { font-weight: 800; }
.primary, header nav, .panel-top, .section-top { font-weight: 600; }
.copy p,
.copy-0 p {
  max-width: 440px;
  font-weight: 500;
  color: #c1cbd9;
  font-size: clamp(17px, 1.35vw, 20px);
  line-height: 1.55;
  letter-spacing: -.25px;
  margin: 28px 0 30px;
}
.copy .overline {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.7px;
  color: #b1c3df;
  margin-bottom: 24px;
}
.scene-tag { font-size: 10px; letter-spacing: 1.3px; }
.scene-word { display: none; }
.orbital-type {
  clip-path: inset(106px 0 94px 0);
  mask-image: none;
  mix-blend-mode: difference;
  z-index: 10;
  perspective: 900px;
}
.orbital-type span,
.orbital-type span:nth-child(even) {
  top: 0;
  left: 0;
  font-size: clamp(24px, 2.45vw, 38px);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -.8px;
  color: #edf3ff;
  transform-origin: 50% 50%;
  backface-visibility: hidden;
}
.bottom-bar { bottom: 24px; padding-top: 22px; align-items: center; }
.scroll-hint { font-size: 10px; letter-spacing: 1px; color: #aebbd0; }
.chapters { display: flex; gap: 25px; }
.chapters button {
  appearance: none;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: #919fb5;
  font: 600 12px/1.2 "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  letter-spacing: .4px;
  padding: 15px 0 12px;
  cursor: pointer;
  transition: color .2s, border-color .2s;
}
.chapters button.active { color: #edf3ff; border-bottom-color: #8aaeff; }
.chapters button:hover { color: #fff; }
.chapters button:focus-visible { outline: 2px solid #8aaeff; outline-offset: 5px; }
.counter { color: #aebbd0; font-size: 11px; }
.section-top { font-size: 11px; letter-spacing: 1.1px; color: #56647a; }
.service-grid p { font-size: 16px; line-height: 1.65; color: #526078; }
.service-no { color: #586c8a; }
footer p { font-size: 12px; color: #a6b3c7; }
@media (max-width: 760px) {
  .copy p, .copy-0 p {
    font-size: 16px;
    max-width: 390px;
    margin: 21px 0 25px;
    line-height: 1.5;
  }
  .copy .overline { font-size: 10px; letter-spacing: 1.3px; margin-bottom: 20px; }
  .scene-tag { font-size: 9px; letter-spacing: 1.1px; }
  .bottom-bar { left: 7%; right: 7%; bottom: 15px; padding-top: 20px; }
  .chapters { width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
  .chapters button { padding: 14px 2px 11px; font-size: 11px; letter-spacing: .2px; }
  .scroll-hint, .counter { display: none; }
  .orbital-type { clip-path: inset(95px 0 87px 0); mask-image: none; }
  .orbital-type span, .orbital-type span:nth-child(even) { font-size: 24px; letter-spacing: -.65px; }
  .section-top { font-size: 9px; line-height: 1.5; letter-spacing: .6px; gap: 20px; }
  .service-grid p { font-size: 15px; }
  footer p { font-size: 12px; }
}
@media (min-width: 540px) and (max-width: 760px) {
  .copy { width: 61%; }
  .copy p, .copy-0 p { font-size: 18px; max-width: 410px; }
  .copy .overline { font-size: 11px; }
  .orbital-type span, .orbital-type span:nth-child(even) { font-size: 30px; }
  .chapters { max-width: 520px; margin: auto; }
  .chapters button { font-size: 13px; }
}
@media (max-width: 390px) {
  .copy p, .copy-0 p { font-size: 15px; letter-spacing: -.2px; }
  .copy .overline { font-size: 9px; }
  .chapters { gap: 6px; }
  .chapters button { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .orbital-type { display: none; }
  .chapters button { transition: none; }
}
@media (prefers-reduced-motion: reduce) { .bottom-bar { display: none; } }
@media (max-width: 539px) { .orbital-type { clip-path: inset(95px 0 55px 0); } }
@media (max-width: 539px) {
  .copy h1, .copy-0 h1 { font-size: clamp(40px, 12vw, 56px); }
  .copy h2, .copy-2 h2 { font-size: clamp(36px, 10.7vw, 50px); }
}
.orbital-type .orbit-long,
.orbital-type .orbit-long:nth-child(even) {
  font-size: clamp(20px, 1.9vw, 28px);
  line-height: 1.08;
  text-align: center;
  letter-spacing: -.65px;
}
@media (max-width: 539px) {
  .orbital-type .orbit-long,
  .orbital-type .orbit-long:nth-child(even) { font-size: 19px; }
}

/* portfolio.css */
.portfolio-surface {
  left: 56%; top: 20%; width: 39%; height: auto;
  padding: 22px; border: 1px solid #ffffff22; border-radius: 20px;
  color: #f3f5fa; background: #131920f5;
}
.portfolio-heading { display: flex; flex-direction: column; gap: 7px; margin-bottom: 16px; }
.portfolio-heading > span { color: #99add0; font-size: 9px; font-weight: 600; letter-spacing: 1.4px; }
.portfolio-heading > strong { font-size: clamp(19px, 2vw, 30px); line-height: 1.08; font-weight: 800; letter-spacing: -.04em; }
.portfolio-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 13px; }
.portfolio-grid { align-items: start; }
.project-group { min-width: 0; }
.project-group .project-card { display: block; width: 100%; }
.project-alternate { appearance: none; font: 600 10px/1.4 "Avenir Next", Arial, sans-serif; border: 0; border-bottom: 1px solid #8aaeff55; color: #b5cbf5; background: none; padding: 8px 0 5px; cursor: pointer; }
.project-alternate:focus-visible { outline: 2px solid #8aaeff; outline-offset: 3px; }
.project-card { appearance: none; border: 0; padding: 0; min-width: 0; text-align: left; font: inherit; color: inherit; background: transparent; cursor: pointer; }
.project-media { position: relative; aspect-ratio: 9/16; max-height: 42svh; overflow: hidden; border-radius: 9px; background: #080b10; }
.project-media video, .project-media img { display: block; width: 100%; height: 100%; object-fit: contain; }
.project-play { position: absolute; right: 9px; bottom: 9px; width: 30px; height: 30px; display: grid; place-items: center; background: #eef3ff; color: #111923; border-radius: 50%; font-size: 21px; transition: transform .2s; }
.project-card:hover .project-play { transform: rotate(45deg); }
.project-card:focus-visible { outline: 2px solid #89aaff; outline-offset: 5px; border-radius: 10px; }
.project-info { display: grid; gap: 4px; margin-top: 10px; }
.project-info strong { font-size: clamp(11px, 1.1vw, 16px); line-height: 1.2; font-weight: 700; }
.project-info > span { color: #a8b4c8; font-size: 10px; }
.portfolio-hint { display: block; text-align: center; margin-top: 17px; color: #9facbf; font-size: 10px; }
.scene-caption:empty { display: none; }
.project-dialog { width: min(740px, 94vw); max-height: 94svh; padding: 20px; background: #12171f; color: #f3f5fa; border: 1px solid #ffffff30; border-radius: 18px; box-shadow: 0 30px 100px #0008; }
.project-dialog::backdrop { background: #05070bdc; backdrop-filter: blur(12px); }
.project-dialog-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 17px; }
.project-dialog h2 { font: 700 22px/1.2 "Avenir Next", Arial, sans-serif; letter-spacing: -.5px; }
#project-kind { display: block; color: #9facbf; font-size: 11px; margin-bottom: 5px; }
.project-close { font: 600 12px/1.2 "Avenir Next", Arial, sans-serif; color: #f3f5fa; border: 1px solid #ffffff30; background: #202936; padding: 11px 15px; border-radius: 25px; cursor: pointer; }
.project-close:focus-visible { outline: 2px solid #89aaff; outline-offset: 3px; }
.project-player { display: block; width: 100%; height: min(76svh, 900px); object-fit: contain; background: #06090e; border-radius: 8px; }
@media (max-width: 760px) {
  header nav { gap: 13px; }
  .portfolio-surface { left: 29%; top: 49%; width: 67%; padding: 14px; border-radius: 14px; }
  .portfolio-heading { gap: 5px; margin-bottom: 10px; }
  .portfolio-heading > span { font-size: 7px; letter-spacing: .8px; }
  .portfolio-heading > strong { font-size: 19px; }
  .portfolio-grid { gap: 8px; }
  .project-media { max-height: 27svh; border-radius: 6px; }
  .project-play { width: 23px; height: 23px; bottom: 6px; right: 6px; font-size: 17px; }
  .project-info { margin-top: 7px; gap: 3px; }
  .project-info strong { font-size: 10px; }
  .project-info > span { font-size: 8px; }
  .project-alternate { font-size: 8px; padding-top: 6px; }
  .portfolio-hint { margin-top: 10px; font-size: 9px; }
  .project-dialog { padding: 14px; }
  .project-dialog h2 { font-size: 18px; }
}
@media (max-width: 420px) {
  header { padding-left: 5%; padding-right: 5%; }
  header img { width: 85px; }
  header nav { gap: 10px; font-size: 10px; }
  .portal { padding: 9px 10px; }
  .portal span { margin-left: 5px; }
  .portfolio-surface { left: 24%; width: 72%; padding: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .portfolio-surface { display: block !important; position: relative; left: auto; top: auto; width: min(640px, 90%); margin: 45px auto; opacity: 1 !important; transform: none !important; }
  .project-card:hover .project-play { transform: none; }
}


/* brand.css */
.brand-case-link { display: flex; justify-content: space-between; align-items: center; gap: 15px; margin-top: 15px; padding-top: 14px; border-top: 1px solid #ffffff1c; color: #e7b48c; font-size: 11px; font-weight: 600; }
.brand-case-link:focus-visible { outline: 2px solid #e7b48c; outline-offset: 4px; }
.brand-case { position: relative; padding: 85px 7% 105px; overflow: hidden; background: #181819; color: #f6f1e9; scroll-margin-top: 95px; }
.brand-case-top { display: flex; justify-content: space-between; gap: 25px; color: #b0a69b; font-size: 10px; font-weight: 600; letter-spacing: 1.2px; padding-bottom: 27px; border-bottom: 1px solid #ffffff1c; }
.brand-case-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 7%; align-items: center; padding-top: 55px; }
.brand-case-eyebrow { font-size: 10px; letter-spacing: 1.5px; font-weight: 600; color: #cdbca9; }
.brand-case h2 { font-family: "Avenir Next", "Arial Black", Arial, sans-serif; font-weight: 800; font-size: clamp(45px,5.1vw,78px); line-height: 1.02; letter-spacing: -.055em; margin: 22px 0 28px; }
.brand-case h2 em { color: #e9954f; }
.brand-case-copy > p { max-width: 400px; margin: 0; color: #c6bdb5; font-size: 17px; line-height: 1.7; }
.brand-case-facts { display: grid; grid-template-columns: 1fr 1.3fr; gap: 24px 20px; margin: 38px 0; }
.brand-case-facts dt { font-size: 9px; color: #92897f; letter-spacing: 1.2px; margin-bottom: 8px; }
.brand-case-facts dd { margin: 0; font-size: 14px; font-weight: 600; line-height: 1.55; }
.brand-next { display: inline-flex; align-items: center; gap: 22px; font-size: 12px; font-weight: 600; padding-bottom: 9px; border-bottom: 1px solid #d4a07180; }
.brand-next span { font-size: 21px; }
.brand-next:focus-visible { outline: 2px solid #e9954f; outline-offset: 5px; }
.brand-case-visuals { display: grid; grid-template-columns: 1fr .68fr; gap: 18px; align-items: center; }
.brand-photo { display: block; position: relative; width: 100%; margin: 0; padding: 0; border: 0; background: transparent; color: #f6f1e9; font: inherit; text-align: left; cursor: zoom-in; }
.brand-photo img { display: block; width: 100%; height: auto; border-radius: 7px; }
.brand-photo-main { transform: rotate(-3deg); }
.brand-photo-detail { transform: translateY(70px) rotate(4deg); }
.brand-photo > span { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 13px; font-size: 10px; color: #bdb1a6; }
.brand-photo b { font-size: 20px; font-weight: 400; }
.brand-photo:focus-visible { outline: 2px solid #e9954f; outline-offset: 8px; border-radius: 8px; }
.identity-service { grid-column: 1/-1; border-top: 1px solid #bdc6d6; }
.identity-service > span { font-size: 11px; color: #586c8a; line-height: 30px; }
.identity-service > b { font-size: 25px; margin-left: auto; padding-right: 35px; }
.brand-lightbox { width: min(900px,94vw); max-height: 95svh; padding: 18px; border: 1px solid #ffffff30; border-radius: 14px; background: #181819; color: #f6f1e9; }
.brand-lightbox::backdrop { background: #070707e6; backdrop-filter: blur(12px); }
.brand-lightbox-top { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 15px; }
.brand-lightbox h2 { font: 600 16px/1.3 "Avenir Next",Arial,sans-serif; letter-spacing: 0; }
.brand-lightbox button { padding: 10px 14px; border: 1px solid #ffffff30; border-radius: 25px; color: inherit; background: #2b2723; cursor: pointer; }
.brand-lightbox > img { display: block; max-width: 100%; max-height: 78svh; width: auto; height: auto; margin: auto; }
@media (max-width: 760px) {
  .brand-case-link { font-size: 9px; margin-top: 10px; padding-top: 10px; }
  .brand-case { padding: 55px 7% 65px; }
  .brand-case-top { font-size: 8px; letter-spacing: .7px; flex-wrap: wrap; gap: 9px; padding-bottom: 22px; }
  .brand-case-layout { grid-template-columns: 1fr; gap: 35px; padding-top: 35px; }
  .brand-case h2 { font-size: clamp(44px,10vw,68px); margin: 18px 0 23px; }
  .brand-case-copy > p { font-size: 16px; max-width: 490px; }
  .brand-case-facts { grid-template-columns: 1fr 1.2fr 1fr; gap: 12px; margin: 28px 0; }
  .brand-case-facts dd { font-size: 12px; }
  .brand-case-facts dt { font-size: 8px; }
  .brand-case-visuals { width: 96%; margin: 10px auto 40px; gap: 16px; }
  .brand-photo-detail { transform: translateY(30px) rotate(4deg); }
  .brand-photo > span { font-size: 9px; line-height: 1.4; }
  .identity-service > b { padding-right: 5px; }
}

.poki-social { margin-top: 100px; padding-top: 55px; border-top: 1px solid #ffffff1c; scroll-margin-top: 120px; }
.poki-social-heading { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 35px; }
.poki-social h3 { font-size: clamp(34px,3.4vw,52px); font-weight: 800; line-height: 1.08; letter-spacing: -.045em; margin: 16px 0 0; }
.poki-social-heading p { color: #bdb3a9; font-size: 14px; line-height: 1.65; margin: 0; }
.poki-film-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; max-width: 960px; margin: 0 auto; }
.poki-film { display: block; min-width: 0; border: 0; padding: 0; background: none; text-align: left; color: inherit; font: inherit; cursor: pointer; }
.poki-film-category { display: block; font-size: 10px; color: #b9a898; font-weight: 600; letter-spacing: 1.2px; margin-bottom: 14px; }
.poki-film-image { display: block; position: relative; border-radius: 10px; overflow: hidden; background: #100e0c; }
.poki-film-image img { display: block; width: 100%; height: auto; aspect-ratio: 9/16; object-fit: contain; transition: filter .25s; }
.poki-film-play { position: absolute; right: 14px; top: 14px; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: #f6f1e9; color: #181819; font-size: 25px; transition: transform .2s; }
.poki-film:hover .poki-film-play { transform: rotate(45deg); }
.poki-film:focus-visible { outline: 2px solid #e9954f; outline-offset: 7px; border-radius: 10px; }
.poki-film-label { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; }
.poki-film-label strong { font-size: 17px; font-weight: 700; letter-spacing: -.025em; }
.poki-film-label > span { font-size: 10px; color: #b6a99c; }
.poki-social-foot { display: flex; justify-content: flex-end; gap: 20px; margin-top: 30px; color: #c9b7a5; font-size: 11px; }
.poki-social-foot a { padding-bottom: 7px; border-bottom: 1px solid #ffffff30; }
.poki-swipe-hint { display: none; }
@media(max-width:760px) {
  .poki-social { margin-top: 45px; padding-top: 38px; scroll-margin-top: 90px; }
  .poki-social-heading { flex-direction: column; align-items: start; gap: 18px; margin-bottom: 25px; }
  .poki-social h3 { font-size: 36px; }
  .poki-social-heading p { font-size: 14px; }
  .poki-film-grid { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 82%; gap: 18px; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; padding: 8px 8px 15px; margin: -8px; scrollbar-width: thin; scrollbar-color: #987654 #272323; }
  .poki-film { scroll-snap-align: start; }
  .poki-film-label { display: grid; gap: 6px; margin-top: 12px; }
  .poki-film-label strong { font-size: 17px; }
  .poki-film-category { font-size: 9px; margin-bottom: 10px; }
  .poki-film-play { width: 33px; height: 33px; font-size: 23px; }
  .poki-swipe-hint { display: inline; }
  .poki-social-foot { justify-content: space-between; font-size: 10px; margin-top: 24px; }
}
@media(prefers-reduced-motion:reduce) { .poki-film-image img,.poki-film-play { transition: none; } }

/* showcase.css */
/* Real work, concise cases, and useful service destinations. */
.section-pad{padding:100px 7%;scroll-margin-top:85px}.section-kicker{display:flex;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid #ffffff24;font-size:10px;letter-spacing:1.4px;font-weight:600;color:#a3abb8}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin:48px 0}.section-heading h2{font:800 clamp(44px,5.6vw,82px)/1.04 "Avenir Next","Arial Black",Arial,sans-serif;letter-spacing:-.055em;margin:0}.section-heading h2 em{font-style:normal;color:#97b6ed}.section-heading>p{max-width:330px;color:#aab3c1;font-size:15px;line-height:1.7;margin:0 0 5px}.eyebrow{display:block;font-size:10px;font-weight:600;letter-spacing:1.3px;color:#a8b8d1}.text-link{display:inline-flex;gap:40px;align-items:center;font-size:13px;font-weight:600;border-bottom:1px solid #8b9fbc77;padding:0 0 12px}.text-link span{font-size:24px}.text-link:focus-visible,button:focus-visible{outline:2px solid #99baff;outline-offset:5px}
.ai-showcase{background:#111419;color:#edf1f8}.arriva-feature{display:grid;grid-template-columns:1fr minmax(250px,.72fr);gap:7%;padding:45px 6%;border-radius:16px;background:#20252c;align-items:center;overflow:hidden}.arriva-logo{display:block;width:70px;height:80px;object-fit:contain;margin-bottom:35px}.arriva-story h3{font:800 clamp(36px,4.7vw,65px)/1.04 "Avenir Next",Arial,sans-serif;letter-spacing:-.05em;margin:20px 0 25px}.arriva-story>p{max-width:420px;font-size:16px;line-height:1.75;color:#bbc2cc}.arriva-story .text-link{margin-top:25px}.feature-note{display:grid;gap:6px;border-top:1px solid #ffffff20;margin-top:45px;padding-top:22px;font-size:10px;color:#a4b1c4;letter-spacing:.7px}.feature-note span+span{font-size:12px;letter-spacing:0;color:#7f8b9c}.film-tile{display:block;border:0;padding:0;width:100%;text-align:left;background:transparent;color:inherit;font:inherit;cursor:pointer;min-width:0}.film-frame{display:block;position:relative;border-radius:10px;overflow:hidden;background:#171a20}.film-frame>img,.film-frame>video{display:block;width:100%;height:100%;aspect-ratio:9/16;object-fit:contain}.film-play{position:absolute;right:16px;top:16px;display:grid;place-items:center;background:#f3f5f9;color:#111419;border-radius:50%;height:44px;width:44px;font-size:26px;transition:transform .25s}.film-tile:hover .film-play{transform:rotate(45deg)}.film-meta{display:grid;gap:7px;padding-top:17px}.film-meta strong{font-size:19px;font-weight:700;letter-spacing:-.025em}.film-meta small{font-size:11px;color:#a9b3c2;font-weight:500}.arriva-feature>.film-tile{max-width:330px;justify-self:end}.arriva-feature .film-meta strong{font-size:15px}.ai-film-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;max-width:950px;margin:65px auto 35px}.ai-film-row .film-frame{max-height:440px}.all-ai{margin-top:15px}
.scene-film,.scene-reel{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:#111419;color:white;text-align:left;font:inherit;cursor:pointer;overflow:hidden}.scene-film video{width:100%;height:100%;object-fit:cover}.scene-film-label{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;background:linear-gradient(transparent 30%,#070b15d9)}.scene-film-label small{font-size:9px;letter-spacing:1.2px}.scene-film-label b{font-size:clamp(22px,2.5vw,35px);letter-spacing:-.05em;margin:8px 0 13px}.scene-film-label>span{font-size:11px}.surface-back{padding:0!important;overflow:hidden}.phone-surface{border-radius:26px!important;overflow:hidden}.scene-reel video{width:100%;height:100%;object-fit:contain}.reel-label{position:absolute;inset:auto 0 0;padding:16px 20px 22px;background:linear-gradient(transparent,#101014f2);font-size:8px;letter-spacing:1px}.reel-label b{display:block;font-size:24px;line-height:1.03;letter-spacing:-1px;margin:9px 0 14px}.reel-label small{font-size:9px;letter-spacing:0}.phone-island{z-index:3;pointer-events:none}.scene-reel:focus-visible,.scene-film:focus-visible{outline-offset:-5px}.process-mini{list-style:none;margin:24px 0 0;padding:0}.process-mini li{display:flex;gap:15px;border-top:1px solid #ffffff1c;padding:17px 0}.process-mini li>b{font-size:10px;line-height:22px;color:#84a8e5}.process-mini strong{display:block;font-size:14px;margin-bottom:5px}.process-mini li span{display:block;max-width:245px;color:#a8b3c5;font-size:11px;line-height:1.55}.report-panel .report-note{padding-top:12px;margin-top:4px;font-size:8px;letter-spacing:1px}
.compact-poki{padding:60px 7% 65px}.anchor-target{position:absolute;top:0;scroll-margin-top:90px}.poki-compact-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:8%;align-items:center;padding-top:40px}.compact-poki .brand-case-copy>p{max-width:500px;font-size:16px}.compact-poki .brand-next{margin-top:28px}.poki-compact-layout>.film-tile{max-width:215px;justify-self:center}.poki-compact-layout .film-meta strong{font-size:14px}.poki-compact-layout .film-meta small{font-size:10px}.compact-poki h2{font-size:clamp(42px,5.6vw,76px);margin:17px 0 23px}
.service-collection{padding:100px 7%;scroll-margin-top:80px}.service-collection .section-heading>p{color:#596576}.service-collection .section-heading h2{font-size:clamp(44px,5.6vw,82px)}.service-collection .section-heading h2 em{color:#54739c}.service-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.service-card{display:block;min-width:0;overflow:hidden;background:#fff;border:1px solid #dee3ea;border-radius:10px;color:#141921;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #26364c15}.service-card-image{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#242b32}.service-card-image img{display:block;width:100%;height:100%;object-fit:cover}.service-card-image>span{position:absolute;top:20px;left:22px;padding:8px 10px;border-radius:3px;background:#10141fc9;color:#fff;font-size:9px;letter-spacing:1.4px}.service-card-body{padding:30px 32px 28px}.service-card h3{font:800 32px/1.06 "Avenir Next",Arial,sans-serif;letter-spacing:-.035em;margin:0 0 18px}.service-card p{font-size:14px;line-height:1.7;max-width:470px;color:#596576;margin:0 0 24px}.service-card small{display:block;color:#6d7989;font-size:10px}.service-go{display:flex;border-top:1px solid #e0e4eb;margin-top:22px;padding-top:18px;font-size:12px;font-weight:600}.service-card:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.service-card:last-child:nth-child(odd) .service-card-image{aspect-ratio:auto;min-height:340px;max-height:420px}.service-card:last-child:nth-child(odd) .service-card-image img{object-position:50% 27%}.service-card:last-child:nth-child(odd) .service-card-body{align-self:center}.service-card:nth-child(1) img{object-position:50% 43%}.service-card:nth-child(3) img{object-position:center 42%}.service-card:nth-child(4) img{object-position:center 42%}
.references{background:#191d23;color:#f4f6fa}.reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#ffffff1c;border:1px solid #ffffff1c;margin:45px 0}.reference-logo,.reference-name{display:flex;align-items:center;justify-content:center;min-height:165px;padding:28px;background:#1b2027;transition:background .25s}.reference-logo:hover,.reference-name:hover{background:#262d38}.reference-logo img{width:100%;max-width:170px;max-height:90px;object-fit:contain}.reference-logo.arriva img{max-width:75px;max-height:95px}.reference-logo.pegai img{max-width:93px;max-height:90px}.reference-logo.remax{background:#f1f3f6}.reference-name{flex-direction:column;gap:10px}.reference-name strong{font-size:18px;letter-spacing:-.5px}.reference-name span{font-size:10px;color:#a6b4c9}
@media(max-width:900px){header nav{gap:16px}.arriva-feature{padding:35px;gap:30px}.arriva-story h3{font-size:42px}.arriva-story>p{font-size:14px}.feature-note{margin-top:24px}.service-card-body{padding:26px}.service-card h3{font-size:28px}}
@media(max-width:760px){.section-pad,.service-collection{padding:60px 7%}.section-kicker{font-size:8px;letter-spacing:1px;gap:20px}.section-kicker span:last-child{text-align:right}.section-heading{display:block;margin:32px 0}.section-heading h2,.service-collection .section-heading h2{font-size:clamp(39px,10vw,62px)}.section-heading>p{font-size:14px;margin-top:25px;max-width:100%}.arriva-feature{grid-template-columns:1fr;padding:28px;gap:28px}.arriva-logo{width:50px;height:55px;margin-bottom:24px}.arriva-story h3{font-size:43px;margin-top:15px}.arriva-story>p{font-size:14px;line-height:1.7}.arriva-story .text-link{margin-top:16px}.feature-note{display:none}.arriva-feature>.film-tile{max-width:285px;justify-self:center}.ai-film-row{grid-auto-flow:column;grid-auto-columns:77%;grid-template-columns:none;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;margin:35px -2px 25px;padding:6px 2px 18px;scrollbar-width:thin}.ai-film-row .film-tile{scroll-snap-align:start}.ai-film-row .film-frame{max-height:none}.film-meta strong{font-size:17px}.compact-poki{padding:40px 7% 50px}.poki-compact-layout{grid-template-columns:1fr;gap:30px;padding-top:30px}.poki-compact-layout>.film-tile{max-width:240px;justify-self:start}.compact-poki h2{font-size:50px}.service-cards{grid-template-columns:1fr;gap:22px}.service-card:last-child:nth-child(odd){display:block;grid-column:auto}.service-card:last-child:nth-child(odd) .service-card-image{aspect-ratio:16/9;min-height:0}.service-card-body{padding:25px}.service-card h3{font-size:29px}.service-card p{font-size:14px}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:32px 0}.reference-logo,.reference-name{min-height:125px;padding:22px}.reference-logo img{max-height:68px}.reference-logo.arriva img{max-height:72px}.reference-logo.pegai img{max-height:65px}.reference-name strong{font-size:15px}.scene-film-label{padding:16px}.scene-film-label b{font-size:21px}.scene-film-label small{font-size:7px}.scene-film-label>span{font-size:9px}.reel-label{padding:14px 15px}.reel-label b{font-size:22px}.process-mini{margin-top:12px}.process-mini li{gap:10px;padding:11px 0}.process-mini strong{font-size:12px}.process-mini li span{font-size:10px}.report-panel .report-note{font-size:7px;padding-top:7px}header nav>a[href="#references"]{display:none}}
@media(prefers-reduced-motion:reduce){.film-play,.service-card{transition:none}.service-card:hover{transform:none}}
.report-panel .process-mini li{border-color:#344e7625}.report-panel .process-mini li>b{color:#55769f}.report-panel .process-mini li span{color:#52627a}.report-panel .report-note{color:#506382}
@media(max-width:760px){.report-panel h3{font-size:26px;line-height:1.04;margin:14px 0 0}.report-panel .process-mini{margin-top:15px}.report-panel .process-mini li{padding:9px 0}.report-panel .process-mini li span{font-size:10px;line-height:1.4}.report-panel .report-note{display:none}}

.reference-logo.variant{background:#f1f3f6}.reference-logo.tekmod img,.reference-logo.kasapoglu img{max-height:85px}

#arriva-work{scroll-margin-top:125px}

.reference-logo.remax{overflow:hidden}.reference-logo.remax img{transform:scale(1.65)}

/* The opening idea becomes a tangible world while the original panel turns. */
.surface-front{isolation:isolate;background:#161a20;color:#fff;padding:clamp(22px,2.5vw,35px)}
.surface-front .idea-world{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:63% 50%;z-index:-2}
.surface-front:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080c1366,transparent 68%),linear-gradient(0deg,#080c13b8,transparent 58%);pointer-events:none}
.surface-front .idea-kicker{left:clamp(22px,2.5vw,35px);top:26px;color:#e4eaf4;font-size:8px;letter-spacing:2px;font-weight:600}
.surface-front .idea-title{font-size:clamp(29px,3.4vw,52px);font-weight:800;letter-spacing:-.055em;line-height:1.02;max-width:100%}
@media(max-width:760px){.surface-front{padding:22px}.surface-front .idea-title{font-size:clamp(26px,5.8vw,43px)}.surface-front .idea-kicker{left:22px;top:20px;font-size:7px;letter-spacing:1.5px}.surface-front .idea-world{object-position:63% 50%}}

/* Give Poki a proportionate presence across laptop and desktop screens. */
@media(min-width:761px){
 .compact-poki .brand-case-top,.compact-poki .poki-compact-layout{max-width:1280px;margin-left:auto;margin-right:auto}
 .compact-poki .poki-compact-layout{grid-template-columns:1.05fr .95fr;gap:8%}
 .compact-poki .poki-compact-layout>.film-tile{width:min(100%,clamp(260px,21vw,340px));max-width:none;justify-self:center}
 .compact-poki .film-meta strong{font-size:16px}
 .compact-poki .film-meta small{font-size:11px}
}

/* management.css */
/* A visual work sequence, using real Marchi portfolio assets. */
.stage[data-chapter="3"] .orbital-type { opacity: 0; }
.report-panel.management-scene {
  --management-enter: 0;
  left: 54%; top: 23%; width: 41%; max-width: 610px;
  padding: 22px 24px 14px; border: 1px solid #b9cef52b; border-radius: 22px;
  background: linear-gradient(145deg,#252b36f5,#10151efc 70%);
  color: #f4f6fb; overflow: visible; box-shadow: 0 24px 70px #0008;
}
.management-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; color: #c0cadd; font-size: 8px; font-weight: 600; letter-spacing: 1.2px; }
.management-top > span:last-child { color: #8998b1; font-size: 7px; letter-spacing: .8px; }
.management-deck { position: relative; height: clamp(180px,29svh,285px); margin: 23px 0 20px; perspective: 900px; }
.management-card {
  --card-x: 0%; --card-y: 0px; --card-angle: 0deg; --card-scale: 1;
  position: absolute; left: 50%; top: 0; height: 100%; width: 34%; max-width: 190px; margin: 0;
  overflow: hidden; border: 1px solid #ffffff38; border-radius: 10px; background: #1c2632;
  box-shadow: 0 13px 28px #0008;
  transform: translateX(calc(-50% + var(--card-x) * var(--management-enter))) translateY(var(--card-y)) rotate(calc(var(--card-angle) * var(--management-enter))) scale(var(--card-scale));
  transition: transform .65s cubic-bezier(.22,.8,.25,1),filter .45s ease;
}
.management-card img { display: block; width: 100%; height: 100%; object-fit: cover; }
.management-card[data-work="poki"] img { object-position: 50% 48%; }
.management-card figcaption { position: absolute; inset: auto 0 0; padding: 25px 12px 12px; display: flex; flex-direction: column; gap: 3px; color: #fff; background: linear-gradient(transparent,#080d17ed); }
.management-card figcaption strong { font-size: 15px; line-height: 1; letter-spacing: -.4px; }
.management-card figcaption span { font-size: 8px; color: #d1d9e7; }
.management-card[data-work="arriva"] { --card-x: -85%; --card-y: 8px; --card-angle: -10deg; --card-scale: .88; z-index: 1; }
.management-card[data-work="saloni"] { z-index: 3; }
.management-card[data-work="poki"] { --card-x: 85%; --card-y: 8px; --card-angle: 10deg; --card-scale: .88; z-index: 2; }
[data-step="production"] .management-card[data-work="arriva"] { --card-x: 0%; --card-y: 0px; --card-angle: 0deg; --card-scale: 1; z-index: 3; }
[data-step="production"] .management-card[data-work="saloni"] { --card-x: 85%; --card-y: 8px; --card-angle: 10deg; --card-scale: .88; z-index: 2; }
[data-step="production"] .management-card[data-work="poki"] { --card-x: -85%; --card-angle: -10deg; z-index: 1; }
[data-step="publish"] .management-card[data-work="poki"] { --card-x: 0%; --card-y: 0px; --card-angle: 0deg; --card-scale: 1; z-index: 3; }
[data-step="publish"] .management-card[data-work="saloni"] { --card-x: 85%; --card-y: 8px; --card-angle: 10deg; --card-scale: .88; z-index: 2; }
[data-step="review"] .management-card { --card-y: 5px; --card-scale: .88; --card-angle: 0deg; }
[data-step="review"] .management-card[data-work="arriva"] { --card-x: -96%; }
[data-step="review"] .management-card[data-work="poki"] { --card-x: 96%; }
.management-copy { min-height: 105px; padding: 0 1px 10px; }
.management-step-kicker { font-size: 8px; font-weight: 700; letter-spacing: 1.3px; color: #9eafff; }
.report-panel.management-scene h3 { font-size: clamp(22px,2.2vw,31px); letter-spacing: -.055em; line-height: 1.08; font-weight: 750; margin: 10px 0 9px; }
.management-copy p { font-size: 12px; line-height: 1.55; color: #c0cadb; margin: 0; max-width: 370px; }
.management-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid #ffffff20; gap: 8px; }
.management-steps button { appearance: none; border: 0; border-radius: 0; border-top: 2px solid transparent; background: transparent; color: #a5b1c7; margin-top: -1px; padding: 12px 0 9px; text-align: left; font: 600 11px/1.3 "Avenir Next","Helvetica Neue",Arial,sans-serif; cursor: pointer; transition: color .2s,border-color .2s; }
.management-steps button > span { display: block; color: #718099; font-size: 8px; margin-bottom: 4px; }
.management-steps button[aria-selected="true"] { color: #fff; border-color: #939eff; }
.management-steps button[aria-selected="true"] > span { color: #a5adff; }
.management-steps button:hover { color: white; }
.management-steps button:focus-visible,.management-copy:focus-visible { outline: 2px solid #a1b3ff; outline-offset: 3px; border-radius: 3px; }
@media(min-width:761px) and (max-height:800px) { .report-panel.management-scene { top: 21%; padding: 18px 22px 10px; }.management-deck { height: 180px; margin: 18px 0 15px; }.management-copy { min-height: 99px; } }
@media(max-width:760px) {
  .report-panel.management-scene { left: 7%; top: 45%; width: 86%; max-width: none; padding: 18px 20px 10px; border-radius: 18px; }
  .management-deck { height: clamp(120px,19svh,195px); margin: 17px 0 15px; }
  .management-card { width: 33%; border-radius: 8px; }
  .management-top { font-size: 7px; letter-spacing: .7px; }
  .management-top > span:last-child { font-size: 6px; letter-spacing: .4px; }
  .report-panel.management-scene h3 { font-size: clamp(22px,4vw,29px); margin: 8px 0; }
  .management-copy { min-height: 88px; }
  .management-copy p { font-size: 11px; line-height: 1.5; }
  .management-steps button { font-size: 11px; padding: 10px 0 5px; }
  .management-card figcaption { padding: 18px 9px 10px; }
  .management-card figcaption strong { font-size: 13px; }
  .management-card figcaption span { font-size: 7px; }
  .stage[data-chapter="3"] .copy-3 { top: 15%; }
  .stage[data-chapter="3"] .copy-3 .overline { margin-bottom: 13px; }
  .stage[data-chapter="3"] .copy-3 h2 { font-size: clamp(38px,9.7vw,52px); }
  .stage[data-chapter="3"] .copy-3 p { font-size: 14px; line-height: 1.45; margin: 14px 0 16px; }
  .stage[data-chapter="3"] .copy-3 .primary { padding: 11px 15px; font-size: 10px; }
}
@media(max-width:760px) and (max-height:800px) {
  .report-panel.management-scene { top: 44%; padding-top: 14px; }
  .management-deck { height: 122px; margin: 13px 0 10px; }
  .management-copy { min-height: 85px; }
  .report-panel.management-scene h3 { font-size: 21px; }
  .management-copy p { font-size: 10px; }
  .stage[data-chapter="3"] .copy-3 { top: 14%; }
  .stage[data-chapter="3"] .copy-3 h2 { font-size: 36px; }
  .stage[data-chapter="3"] .copy-3 p { margin: 10px 0; font-size: 13px; }
  .stage[data-chapter="3"] .copy-3 .overline { margin-bottom: 11px; font-size: 9px; }
}
@media(prefers-reduced-motion:reduce) {
  .report-panel.management-scene { position: relative; inset: auto; width: min(590px,90%); max-width: none; margin: 40px auto; opacity: 1; transform: none; }
  .management-card,.management-steps button { transition: none; }
}

/* viral.css */
/* A dedicated, film-led home for Marchi's social trends. */
.viral-section{position:relative;padding:64px 7% 76px;background:#0b0e13;color:#f0f3f9;scroll-margin-top:96px;overflow:hidden}
.viral-section-top{display:flex;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid #ffffff24;color:#a8b1c0;font-size:9px;font-weight:600;letter-spacing:1.4px}
.viral-layout{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:9%;max-width:1280px;margin:40px auto 0}
.viral-eyebrow{display:block;color:#97a8c7;font-size:9px;letter-spacing:1.5px;font-weight:600}
.viral-copy h2{font:800 clamp(54px,6.7vw,104px)/.97 "Avenir Next","Arial Black",Arial,sans-serif;letter-spacing:-.065em;margin:25px 0 26px}
.viral-copy h2 em{font-style:normal;color:#949bff}
.viral-copy>p{max-width:370px;color:#b5becd;font-size:15px;line-height:1.7;margin:0}
.viral-credit{display:grid;gap:7px;margin-top:29px;padding-left:14px;border-left:2px solid #8d98e6}
.viral-credit strong{font-size:12px;font-weight:650;letter-spacing:.1px}
.viral-credit span{font-size:11px;color:#909dae;line-height:1.5;max-width:310px}
.viral-next{display:inline-flex;align-items:center;gap:30px;margin-top:30px;padding-bottom:9px;border-bottom:1px solid #7d8cad80;color:#e3eaf7;font-size:12px;font-weight:600}
.viral-next>span{font-size:22px;line-height:1}
.viral-media{width:min(100%,326px);justify-self:center}
.viral-screen{position:relative;border-radius:15px;overflow:hidden;background:#1a1c21;border:1px solid #ffffff20;box-shadow:0 22px 65px #0007}
.viral-play{position:relative;display:block;width:100%;padding:0;border:0;background:none;color:#fff;cursor:pointer;font:inherit;text-align:left}
.viral-play video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain}
.viral-watch{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:9px;font-size:10px;font-weight:650;padding:7px 12px 7px 7px;border:1px solid #ffffff45;border-radius:30px;background:#0b1018b8;backdrop-filter:blur(8px)}
.viral-play-icon{display:grid;place-items:center;width:25px;height:25px;padding-left:2px;border-radius:50%;background:#f3f5f9;color:#121620;font-size:9px;transition:transform .2s}
.viral-play:hover .viral-play-icon{transform:scale(1.1)}
.viral-preview-toggle{position:absolute;right:12px;bottom:12px;padding:9px 11px;border:1px solid #ffffff30;border-radius:25px;background:#0a101dcc;color:#edf2fc;font:500 9px "Avenir Next",Arial,sans-serif;cursor:pointer;backdrop-filter:blur(6px)}
.viral-media-caption{display:flex;justify-content:space-between;gap:12px;padding:15px 2px 0;color:#8e9aaf;font-size:8px;letter-spacing:1px;font-weight:600}
.viral-play:focus-visible{outline:2px solid #b4bbff;outline-offset:-5px}
.viral-preview-toggle:focus-visible,.viral-next:focus-visible{outline:2px solid #b4bbff;outline-offset:3px}
.ai-page-links{display:flex;flex-wrap:wrap;align-items:baseline;gap:20px}
.ai-trends-link{display:inline-block;font-size:12px;color:#b0bcdf;border-bottom:1px solid #8f9ab666;padding-bottom:7px}
.detail-header~main .viral-section{scroll-margin-top:0}
@media(max-width:760px){
 .viral-section{padding:44px 7% 52px;scroll-margin-top:80px}
 .viral-section-top{font-size:7px;letter-spacing:.7px;padding-bottom:19px;gap:12px}
 .viral-layout{grid-template-columns:1fr;gap:32px;margin-top:30px}
 .viral-eyebrow{font-size:8px;letter-spacing:1px}
 .viral-copy h2{font-size:clamp(53px,12vw,80px);margin:21px 0 22px}
 .viral-copy>p{font-size:14px;max-width:400px}
 .viral-credit{margin-top:23px}.viral-next{margin-top:23px}
 .viral-media{width:min(100%,350px)}
 .viral-media-caption{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.viral-play-icon{transition:none}.viral-preview-toggle{display:none}}

/* social-visual.css */
/* A service illustration built from actual Marchi work, not a simulated account. */
.sm-storyboard{container-type:inline-size;position:relative;isolation:isolate;aspect-ratio:16/9;background:radial-gradient(ellipse at 80% 34%,#31455e66,transparent 70%),#151b24;color:#f2f5fb;overflow:hidden}
.sm-art-header{position:absolute;inset:7% 6% auto;display:flex;justify-content:space-between;align-items:center;gap:12px}
.sm-art-header img{display:block;width:17%;height:auto;object-fit:contain}
.sm-art-header>span{font:600 1.35cqw/1.4 "Avenir Next",Arial,sans-serif;letter-spacing:.14em;color:#a8b6ce}
.sm-art-title{position:absolute;left:6%;top:25%;z-index:2;font:750 4.8cqw/1.07 "Avenir Next","Arial Black",Arial,sans-serif;letter-spacing:-.055em;max-width:48%}
.sm-art-title em{font-style:normal;color:#a8b6ff}
.sm-art-covers{position:absolute;top:22%;right:5%;width:44%;height:55%;perspective:900px}
.sm-art-cover{position:absolute;top:0;width:43%;height:100%;overflow:hidden;border:1px solid #ffffff4a;border-radius:1.3cqw;box-shadow:0 12px 25px #0008;background:#242c35}
.sm-storyboard .sm-art-cover img{display:block;width:100%;height:100%;object-fit:cover}
.sm-art-cover>span{position:absolute;inset:auto 0 0;padding:4cqw 1.5cqw 1.5cqw;background:linear-gradient(transparent,#0a0f19ed);font:650 clamp(7px,1.55cqw,10px)/1.25 "Avenir Next",Arial,sans-serif;color:#fff}
.sm-cover-one{left:0;transform:translateY(4%) rotate(-9deg);z-index:1}
.sm-cover-two{left:27%;z-index:3}
.sm-cover-three{right:0;transform:translateY(4%) rotate(9deg);z-index:2}
.sm-art-process{position:absolute;inset:auto 6% 6%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4%;border-top:1px solid #9eaeca55;padding-top:3%}
.sm-art-process>div{display:flex;align-items:center;gap:12%;min-width:0}
.sm-art-process span{font:500 1.5cqw/1 "Avenir Next",Arial,sans-serif;color:#8097ba}
.sm-art-process b{font:650 clamp(9px,2cqw,14px)/1 "Avenir Next",Arial,sans-serif;color:#d7e1f3}
.sm-storyboard-detail{aspect-ratio:1/1.12;max-height:none;min-width:0;width:100%;border:1px solid #a1b4db20;box-shadow:0 28px 70px #0004}
.sm-storyboard-detail .sm-art-title{top:20%;max-width:90%;font-size:7cqw}
.sm-storyboard-detail .sm-art-covers{top:44%;right:13%;width:74%;height:37%}
.sm-storyboard-detail .sm-art-cover{width:34%;border-radius:2cqw}
.sm-storyboard-detail .sm-cover-two{left:33%}
.sm-storyboard-detail .sm-art-header>span{font-size:1.7cqw}
.sm-storyboard-detail .sm-art-cover>span{font-size:clamp(9px,2.1cqw,13px);padding:6cqw 2cqw 2cqw}
.sm-storyboard-detail .sm-art-process{bottom:6%;padding-top:4%}
.sm-storyboard-detail .sm-art-process span{font-size:1.8cqw}
.sm-storyboard-detail .sm-art-process b{font-size:clamp(11px,2.6cqw,15px)}
@media(max-width:760px){.sm-storyboard-detail{max-width:440px;justify-self:center}.sm-art-header>span{font-size:1.6cqw}.sm-art-process b{font-size:clamp(9px,2.3cqw,14px)}.sm-art-process span{font-size:1.7cqw}}

.sm-cover-three>span{text-align:right}

/* identity.css */
/* Arriva communication work and original character design have distinct roles. */
.arriva-identity-art{display:grid;grid-template-columns:.9fr 1.1fr;grid-template-rows:minmax(0,1fr);align-items:stretch;position:relative;background:#202b32;aspect-ratio:16/10;min-width:0;overflow:hidden;color:#f2f4f6;container-type:inline-size}
.arriva-identity-logo{min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7%;padding:12% 10%;text-align:center;min-width:0}
.arriva-identity-logo>span{font:600 clamp(7px,1.3cqw,10px)/1.4 "Avenir Next",Arial,sans-serif;letter-spacing:.14em;color:#b7c3ce}
.arriva-identity-art .arriva-identity-logo img{display:block;width:76%;height:auto;max-height:49%;object-fit:contain}
.arriva-identity-logo small{display:block!important;color:#b8c4cf!important;font:500 clamp(9px,1.9cqw,14px)/1.55 "Avenir Next",Arial,sans-serif!important}
.arriva-identity-work{min-height:0;display:flex;align-items:center;justify-content:center;padding:8% 12% 8% 0;min-width:0;background:linear-gradient(100deg,transparent,#78918324)}
.arriva-identity-art .arriva-identity-work img{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 12px 16px #0005)}
.arriva-identity-detail{aspect-ratio:1/1.1;max-height:none;grid-template-columns:.86fr 1.14fr;width:100%;border:1px solid #b2c0d520}
.arriva-identity-detail .arriva-identity-logo{padding:12% 5%}
.arriva-identity-detail .arriva-identity-work{padding:10% 8% 10% 0}
.identity-case-intro{max-width:640px;color:#b0bdcd;font-size:16px;line-height:1.75;margin:-8px 0 36px}
.poki-creator{margin-top:22px;color:#97a8bf;font-size:12px;line-height:1.6}
.poki-creator strong{color:#d5ddea;font-weight:600}
#brand-service,#poki-character{scroll-margin-top:100px}
@media(max-width:760px){.arriva-identity-detail{max-width:440px;justify-self:center}.identity-case-intro{font-size:14px}.poki-creator{font-size:11px}#brand-service,#poki-character{scroll-margin-top:80px}}

/* publications.css */
/* Original published covers and credit pages; no recreated book artwork. */
.publication-feature{padding:90px 7%;background:#1a2028;color:#edf1f8;display:grid;grid-template-columns:1fr 1.08fr;gap:7%;align-items:center;scroll-margin-top:100px}
.publication-copy{min-width:0}.publication-copy .eyebrow{display:block;font-size:10px;letter-spacing:1.2px;font-weight:600;color:#aabbd2;line-height:1.6}
.publication-copy h2,.publication-copy h1{font-size:clamp(40px,4.8vw,72px);font-weight:800;line-height:1.06;letter-spacing:-.05em;margin:25px 0}
.publication-copy em{font-style:normal;color:#aabdf3}.publication-copy>p{max-width:480px;font-size:16px;line-height:1.85;color:#b5bfce;margin:0}
.publication-signature{display:grid;gap:7px;margin-top:28px}.publication-signature>span{font-size:9px;letter-spacing:1.3px;color:#8494ad}.publication-signature strong{font-size:17px;font-weight:600}
.publication-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:16px 0;margin-top:23px;border-bottom:1px solid #8098bc75;font-size:12px;font-weight:600;color:inherit;text-decoration:none}.publication-link>span{font-size:22px;font-weight:400}
.publication-books{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start;min-width:0;padding:20px 0}.publication-books figure{margin:0;min-width:0;transform:rotate(-4deg)}.publication-books figure+figure{margin-top:55px;transform:rotate(5deg)}.publication-books img{display:block;width:100%;height:auto;box-shadow:0 20px 30px #0005;border-radius:1px}.publication-books figcaption{font-size:9px;line-height:1.6;color:#adb8c9;margin-top:15px;letter-spacing:.3px}
.publication-hero{background:#111419;min-height:670px}.publication-hero .breadcrumb{margin-bottom:25px}.publication-cases{padding:0 7% 70px;background:#e9edf3;color:#172131;scroll-margin-top:80px}.publication-case{display:grid;grid-template-columns:.78fr 1.22fr;gap:10%;padding:80px 0;border-bottom:1px solid #bdc7d5;align-items:start}.publication-case:last-child{border-bottom:0}.publication-cover-link{max-width:370px;justify-self:center;display:block}.publication-cover-link img{width:100%;height:auto;display:block;box-shadow:0 16px 30px #17213126}.publication-case-copy{min-width:0}.publication-case .eyebrow{color:#5b7396;line-height:1.6}.publication-case h2{font-size:clamp(28px,2.8vw,41px);line-height:1.15;margin:17px 0 28px;letter-spacing:-.04em}.publication-case dl{display:grid;gap:16px;margin:0}.publication-case dl>div{display:grid;grid-template-columns:110px 1fr;gap:15px;font-size:13px;line-height:1.6}.publication-case dt{color:#6c7c91}.publication-case dd{margin:0;font-weight:600}.publication-source{display:block;margin-top:12px;font-size:10px;color:#62728a}.publication-credit{margin-top:32px;border-top:1px solid #b9c5d5;border-bottom:1px solid #b9c5d5}.publication-credit summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;padding:18px 0;font-size:12px;font-weight:600;list-style:none}.publication-credit summary::-webkit-details-marker{display:none}.publication-credit summary span{font-size:18px;font-weight:400}.publication-credit[open] summary span{transform:rotate(45deg)}.publication-credit img{width:100%;max-width:460px;height:auto;display:block;margin:0 auto 25px;background:#fff}.publication-feature a:focus-visible,.publication-case a:focus-visible,.publication-credit summary:focus-visible{outline:2px solid #7396de;outline-offset:5px}
@media(max-width:760px){.publication-feature{padding:55px 7%;grid-template-columns:1fr;gap:32px;scroll-margin-top:80px}.publication-copy h2,.publication-copy h1{font-size:44px;margin:22px 0}.publication-copy>p{font-size:14px}.publication-signature strong{font-size:15px}.publication-books{gap:20px;padding:18px 7px;max-width:460px;width:100%;justify-self:center}.publication-books figure+figure{margin-top:35px}.publication-books figcaption{font-size:8px}.publication-hero{min-height:0}.publication-cases{padding-bottom:20px}.publication-case{grid-template-columns:1fr;gap:35px;padding:50px 0}.publication-cover-link{max-width:270px}.publication-case h2{font-size:29px}.publication-case dl>div{grid-template-columns:100px 1fr;gap:12px;font-size:12px}}

/* references.css */
/* Optical logo sizing uses the visible artwork, preserving every source ratio. */
#references .reference-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1px}
#references .reference-logo{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:94px 16px;align-content:center;justify-content:stretch;justify-items:center;gap:10px;height:180px;min-height:180px;padding:22px 25px;background:#1b2027;overflow:hidden}
#references .reference-logo:hover{background:#252c35}
#references .reference-logo:focus-visible{position:relative;z-index:1;outline:2px solid #97b6ed;outline-offset:-4px}
#references .reference-art{width:100%;height:94px;display:flex;align-items:center;justify-content:center;min-width:0}
#references .reference-mark{display:block;position:relative;overflow:hidden;width:min(85%,calc(var(--mark-w) * .85));aspect-ratio:var(--mark-ratio);flex-shrink:1}
#references .reference-mark img{position:absolute;display:block;width:var(--source-width);height:auto;max-width:none;max-height:none;left:var(--source-left);top:var(--source-top);object-fit:initial;transform:none;filter:brightness(0) invert(1);opacity:.9}
#references .reference-mark.is-negative img{filter:grayscale(1) contrast(3);opacity:.9}
#references .reference-mark.is-on-solid{mix-blend-mode:screen}
#references .reference-mark.is-on-solid img{filter:grayscale(1) contrast(5);opacity:.9}
#references .reference-caption{display:block;min-height:16px;font:500 10px/16px "Avenir Next",Arial,sans-serif;letter-spacing:1.2px;color:#a9b1bc;text-align:center}
@media(max-width:900px){#references .reference-logo{padding-left:20px;padding-right:20px}}
@media(max-width:760px){
 #references .reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #references .reference-logo{height:150px;min-height:150px;grid-template-rows:78px 14px;gap:8px;padding:20px}
 #references .reference-art{height:78px}
 #references .reference-caption{font-size:9px;line-height:14px;min-height:14px}
 #references .remida .reference-caption{font-size:8px;letter-spacing:.8px;white-space:nowrap}
}

/* entrance.css */
/* Marchi's own work forms a perspective gallery in the opening scene. */
.stage[data-chapter="0"] .ambient{background:radial-gradient(ellipse at 76% 44%,#283a55 0,transparent 49%),linear-gradient(120deg,#161b22,#0b0e13 78%)}
.stage[data-chapter="0"] .floor{background:linear-gradient(0deg,#0a0d13,transparent)}
.stage .copy-0{top:25%;left:6.5%;width:43%;max-width:690px}
.stage .copy-0 .overline{font-size:10px;letter-spacing:2px;color:#b0b7c5;margin-bottom:24px}
.stage .copy-0 h1{font-size:clamp(72px,7.6vw,122px);line-height:.95;letter-spacing:-.065em;font-weight:850}
.stage .copy-0 h1 em{display:block;color:#9fb5f4}
.stage .copy-0 p{max-width:410px;font-size:16px;line-height:1.55;margin:27px 0;color:#b7c0ce}
.entrance-actions{display:flex;align-items:center;flex-wrap:wrap;gap:21px}
.entrance-secondary{font-size:12px;font-weight:600;color:#b8c8e6;padding:12px 0;border-bottom:1px solid #71829c77}
.entrance-secondary span{margin-left:12px}
.entrance-secondary:hover{color:white}
.entrance-secondary:focus-visible{outline:2px solid #9fb5f4;outline-offset:5px}
.stage-watermark{position:absolute;left:4%;bottom:9%;width:89%;opacity:.035;pointer-events:none;z-index:0}
.hero-scene{--hero-progress:0;position:absolute;left:52%;top:15%;width:47%;height:71%;z-index:6;perspective:1600px;perspective-origin:50% 45%;opacity:1;touch-action:pan-y}
.hero-gallery{position:absolute;inset:0 0 68px;transform-style:preserve-3d;perspective:1200px;perspective-origin:50% 46%}
.hero-gallery::before{content:'';position:absolute;width:80%;height:10%;left:10%;bottom:0;border-radius:50%;background:#0008;filter:blur(24px);transform:rotateX(55deg);pointer-events:none}
.hero-tile{position:absolute;top:50%;left:50%;width:clamp(230px,21vw,350px);height:90%;max-height:590px;aspect-ratio:9/16;padding:0;border:1px solid #d9e4ff4a;border-radius:10px;overflow:hidden;appearance:none;color:#fff;background:#151a23;box-shadow:0 35px 70px #0008,0 0 0 4px #ffffff04;cursor:pointer;text-align:left;backface-visibility:hidden;will-change:transform,opacity;transform:translate(-50%,-50%);font:inherit}
.hero-tile:nth-child(2){transform:translate(-5%,-47%) rotateY(-25deg) rotateZ(5deg) scale(.82);z-index:-1}
.hero-tile:nth-child(3),.hero-tile:nth-child(4){opacity:0}
.hero-tile:nth-child(5){transform:translate(-95%,-47%) rotateY(25deg) rotateZ(-5deg) scale(.82);z-index:-1}
.hero-tile video,.hero-tile img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.hero-tile[data-project="ceksan"] video{object-position:58% 50%}
.hero-tile::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #fff2;pointer-events:none;background:linear-gradient(180deg,#0001,transparent 35%,#0000 50%,#050a14cc)}
.hero-tile:focus-visible{outline:3px solid #a2baff;outline-offset:6px}
.hero-tile-credit{position:absolute;z-index:2;left:20px;right:20px;bottom:20px;display:grid;grid-template-columns:1fr 34px;align-items:end;gap:8px}
.hero-tile-credit b{font-size:17px;letter-spacing:-.4px;line-height:1.1}
.hero-tile-credit small{font-size:8px;letter-spacing:1px;color:#dce3ec;display:block;font-weight:500;margin-bottom:6px}
.hero-tile-credit i{font-style:normal;display:grid;place-items:center;width:34px;height:34px;border:1px solid #fff8;border-radius:50%;font-size:19px;background:#0b132466}
.hero-service-type{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:visible}
.hero-service-type span{position:absolute;right:2%;top:0;font-weight:800;font-size:clamp(14px,1.5vw,24px);letter-spacing:-.6px;color:#c1cbed;transform:rotate(7deg)}
.hero-service-type span:nth-child(2){left:-1%;right:auto;top:73%;transform:rotate(-9deg);font-size:clamp(40px,5.3vw,78px);color:transparent;-webkit-text-stroke:1px #9baecc44}
.hero-service-type span:nth-child(3){right:0;top:68%;transform:rotate(90deg) translateX(15%);transform-origin:right;color:#c5cbd780;font-size:12px;letter-spacing:2px}
.hero-controls{position:absolute;left:12%;right:6%;bottom:5px;display:flex;align-items:center;gap:13px;padding:12px 0;border-top:1px solid #a1b7d332;color:#e6eaf3}
.hero-selection{flex:1;min-width:0}
.hero-selection small{display:block;font-size:8px;letter-spacing:1.6px;color:#8e9bb1;margin-bottom:6px}
.hero-selection strong{font-size:12px;font-weight:600;white-space:nowrap}
.hero-count{font-size:9px;color:#91a5c9;font-variant-numeric:tabular-nums;letter-spacing:1px}
.hero-control{display:grid;place-items:center;flex:none;appearance:none;width:35px;height:35px;padding:0;border:1px solid #acbed943;border-radius:50%;background:transparent;color:#d5def0;font:500 17px/1 Arial;cursor:pointer}
.hero-control:hover{background:#b7cbf2;color:#111722}
.hero-control:focus-visible{outline:2px solid #9fb5f4;outline-offset:4px}
.hero-control[data-hero-pause]{font-size:10px;letter-spacing:1px}
.hero-intro-line{position:absolute;left:6.5%;bottom:17%;font-size:9px;letter-spacing:1.2px;color:#728099;pointer-events:none}
.stage[data-chapter="0"] .orbital-type{opacity:0}
.stage[data-chapter="1"] .hero-intro-line,.stage[data-chapter="2"] .hero-intro-line,.stage[data-chapter="3"] .hero-intro-line{opacity:0}
.stage .scene-tag{top:126px;left:6.5%;font-size:9px;letter-spacing:1.8px}
.stage .bottom-bar{background:linear-gradient(transparent,#10131a);z-index:15}
@media(min-width:761px) and (max-height:800px){
 .stage .copy-0{top:23%}.stage .copy-0 h1{font-size:clamp(65px,6.8vw,100px)}
 .stage .copy-0 p{margin:19px 0;font-size:14px;max-width:370px}
 .hero-scene{top:16%;height:69%}.hero-intro-line{display:none}
 .stage .scene-tag{top:118px}.hero-tile{width:clamp(210px,19vw,300px)}
}
@media(max-width:1100px) and (min-width:761px){
 .entrance-actions{gap:10px}.entrance-actions .primary{font-size:11px;padding:15px 18px;gap:15px}
 .entrance-secondary{font-size:11px}.hero-control{width:30px;height:30px}.hero-controls{gap:9px;left:8%}
}
@media(max-width:760px){
 .stage{min-height:740px}
 .stage .scene-tag{top:99px;left:7%;font-size:7px}
 .stage .copy-0{top:16%;left:7%;width:86%;max-width:none}
 .stage .copy-0 .overline{font-size:8px;letter-spacing:1.1px;margin-bottom:15px}
 .stage .copy-0 h1{font-size:clamp(47px,9.6vw,68px);line-height:.97;letter-spacing:-.06em}
 .stage .copy-0 h1 em{display:inline}
 .stage .copy-0 p{font-size:13px;line-height:1.5;max-width:320px;margin:17px 0}
 .entrance-actions{gap:20px}.entrance-actions .primary{font-size:10px;padding:12px 17px;gap:18px}
 .entrance-secondary{font-size:10px;padding:8px 0}.entrance-secondary span{margin-left:5px}
 .hero-scene{left:2%;top:48%;width:96%;height:42%;perspective:1000px}
 .hero-gallery{inset:0 0 50px;perspective:900px}
 .hero-tile{width:clamp(150px,31vw,215px);height:96%;max-height:380px;border-radius:8px;box-shadow:0 20px 35px #0008}
 .hero-tile-credit{left:11px;right:11px;bottom:12px;grid-template-columns:1fr 23px;gap:5px}
 .hero-tile-credit b{font-size:12px}.hero-tile-credit small{font-size:6px;letter-spacing:.6px;margin-bottom:4px}
 .hero-tile-credit i{width:23px;height:23px;font-size:14px}
 .hero-service-type span:first-child{font-size:12px;top:0;right:7%}
 .hero-service-type span:nth-child(2){font-size:45px;left:6%;top:60%}
 .hero-service-type span:nth-child(3){display:none}
 .hero-controls{left:6%;right:6%;bottom:0;padding:8px 0;gap:12px}
 .hero-control{width:28px;height:28px;font-size:15px}.hero-control[data-hero-pause]{font-size:9px}
 .hero-selection strong{font-size:10px}.hero-selection small{font-size:6px;letter-spacing:1px;margin-bottom:3px}.hero-count{font-size:8px}
 .hero-intro-line{display:none}.stage-watermark{bottom:25%;opacity:.035}
}
@media(max-width:760px) and (max-height:800px){
 .stage .copy-0{top:15%}.stage .copy-0 h1{font-size:47px}.stage .copy-0 p{font-size:12px;margin:14px 0}
 .hero-scene{top:50%;height:39%}.hero-tile{width:145px}.hero-service-type span:first-child{top:-7px}
}
@media(prefers-reduced-motion:reduce){
 .stage .copy-0{opacity:1;visibility:visible}.hero-scene{opacity:1!important}
 .hero-control[data-hero-pause]{display:none}.hero-gallery::before{filter:none;opacity:.2}
 .hero-service-type{display:none}.stage-watermark{display:none}
}

.stage:not([data-chapter="0"]) .stage-watermark{display:none}
.stage[data-chapter="0"] .scene-word{visibility:hidden}

/* ads.css */
/* Advertising service: editorial typography, without simulated campaign data. */
.ads-art{display:flex;flex-direction:column;justify-content:space-between;min-height:100%;height:100%;padding:7%;color:#f1f4fb;background:linear-gradient(135deg,#202b3a,#111820 75%);container-type:inline-size}
.ads-art-top{display:flex;align-items:center;justify-content:space-between;gap:18px}
.ads-art-top img{width:75px!important;height:auto!important;object-fit:contain!important}
.ads-art-top span{font-size:8px;letter-spacing:1.2px;color:#a8b8ce;white-space:nowrap}
.ads-art-message{font:800 clamp(26px,9.5cqw,62px)/1.02 "Avenir Next",Arial,sans-serif;letter-spacing:-.055em;margin:6% 0}
.ads-art-message em{color:#9fb5f4;font-style:normal}
.ads-art-channels{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid #94aace38;padding-top:14px;font-size:8px;letter-spacing:1px;color:#b9c8df}
#advertising-service{scroll-margin-top:110px}
.service-card-image.arriva-identity-art{aspect-ratio:16/9}
.ads-hero-art{aspect-ratio:1/1.05;width:100%;min-height:0;max-height:540px;border:1px solid #b6c9e12a}
.ads-hero-art .ads-art{padding:10%}
.ads-hero-art .ads-art-message{font-size:clamp(40px,13cqw,68px)}
.ads-scope{padding:70px 7% 85px;scroll-margin-top:86px;background:#171e28}
.ads-scope h2{font-size:clamp(35px,4vw,55px);line-height:1.08;margin-top:20px}
.ads-channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:38px}
.ads-channel{border-top:1px solid #7186a64d;padding-top:25px}
.ads-channel>span{font-size:10px;color:#a4badd;letter-spacing:1px}
.ads-channel h3{font-size:27px;line-height:1.15;margin:14px 0}
.ads-channel p{font-size:15px;line-height:1.75;color:#b1bccd;max-width:560px}
.ads-channel ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px;color:#d3ddec;font-size:12px}
.ads-channel li{padding-left:16px;position:relative}.ads-channel li::before{content:'—';position:absolute;left:0;color:#8ba8d4}
.ads-report-note{max-width:740px;border-left:2px solid #839fcf;padding-left:20px;margin-top:34px;font-size:14px;line-height:1.8;color:#bac7d9}
.ads-service-page .detail-hero{min-height:0}
@media(max-width:760px){#advertising-service{scroll-margin-top:85px}.ads-art-top img{width:62px!important}.ads-art-top span{font-size:7px;letter-spacing:.8px}.ads-art-channels{font-size:7px;padding-top:10px;gap:15px}.ads-art-message{margin:5% 0}.ads-hero-art{aspect-ratio:1.15;max-width:440px}.ads-scope{padding:50px 7%;scroll-margin-top:72px}.ads-channel-grid{grid-template-columns:1fr;gap:35px}.ads-channel h3{font-size:25px}.ads-channel p{font-size:14px}.ads-report-note{font-size:13px}.ads-service-page .detail-hero h1{font-size:clamp(39px,10.2vw,54px)}}

/* evidence.css */
/* Project evidence and a direct, working contact route. */
.selected-work{padding:85px 7% 90px;background:#141922;scroll-margin-top:90px}
.selected-work .section-kicker{margin-bottom:25px;color:#9dafca;font-size:9px;letter-spacing:1.5px}
.selected-work .section-heading{align-items:end;margin:0 0 38px;gap:35px}
.selected-work h2{font-size:clamp(42px,5vw,72px);line-height:1;letter-spacing:-.05em;font-weight:800;margin:0}
.selected-work .section-heading p{max-width:300px;font-size:14px;line-height:1.65;color:#a7b4c7}
.case-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.case-index-card{display:block;min-width:0;border-bottom:1px solid #7e92b442;padding-bottom:22px}
.case-index-image{height:330px;display:block;background:#202936;overflow:hidden;border-radius:7px}
.case-index-image img{width:100%;height:100%;display:block;object-fit:contain;transition:transform .45s}
.case-index-card:hover img{transform:scale(1.035)}
.case-index-card:focus-visible{outline:2px solid #a4bcf3;outline-offset:7px}
.case-index-card small{display:block;color:#9dacc2;font-size:9px;letter-spacing:1px;margin-top:22px}
.case-index-card h3{font-size:27px;line-height:1.1;letter-spacing:-.035em;margin:10px 0 14px;color:#f3f5fb;font-weight:800}
.case-index-card p{font-size:13px;color:#acb8c9;line-height:1.7;min-height:44px;margin:0 0 20px}
.case-index-card>b{display:flex;justify-content:space-between;font-size:11px;font-weight:600;color:#c7d8f4}
.saloni-case .detail-film-grid.single{grid-template-columns:1fr;max-width:360px;margin:auto}
.case-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:32px}
.case-facts article{padding-top:19px;border-top:1px solid #8ea3c337}
.case-facts h3{font-size:11px;letter-spacing:.02em;color:#e0e8f6;margin:0 0 12px;font-weight:700}
.case-summary .case-facts p{font-size:14px;line-height:1.75;color:#adbbce;margin:0}
.case-summary.evidence-summary{padding:65px 7%}.evidence-summary h2{font-size:clamp(34px,4vw,52px);line-height:1.06}
.case-summary .case-tags{margin-top:26px}
.case-related{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;padding:28px 7%;font-size:12px;color:#bfcee6;border-top:1px solid #7a90b036}
.case-related a{padding:10px 0;border-bottom:1px solid #8298b966}
.marchi-contact{padding:80px 7%;display:grid;grid-template-columns:1fr 1fr;gap:9%;background:#e8edf6;color:#192331;scroll-margin-top:90px}
.marchi-contact .eyebrow{display:block;font-size:9px;letter-spacing:1.6px;color:#536b8e;margin-bottom:24px}
.marchi-contact h2{font-weight:800;font-size:clamp(44px,5.4vw,78px);line-height:1.02;letter-spacing:-.05em;margin:0}
.marchi-contact-copy{align-self:center}
.marchi-contact-copy>p{font-size:16px;line-height:1.7;color:#506077;margin:0 0 25px;max-width:490px}
.marchi-contact .contact-mail{display:inline-flex;gap:30px;align-items:center;font-size:12px;background:#172334;color:#edf2fc;border-radius:30px;padding:17px 25px;font-weight:600}
.marchi-contact address{display:flex;flex-wrap:wrap;gap:14px 25px;font-style:normal;margin-top:28px;font-size:12px;color:#526783}
.marchi-contact address a{border-bottom:1px solid #7b8da756;padding-bottom:5px}
.marchi-contact a:focus-visible{outline:2px solid #375eab;outline-offset:6px}
.marchi-contact small{display:block;font-size:10px;color:#61748e;margin-top:13px;line-height:1.6}
@media(max-width:900px){.case-index-image{height:285px}.case-index-card h3{font-size:23px}.case-index-grid{gap:18px}}
@media(max-width:760px){.selected-work{padding:55px 7%;scroll-margin-top:80px}.selected-work .section-heading{display:block}.selected-work .section-heading p{max-width:350px;margin-top:22px}.case-index-grid{grid-template-columns:1fr;gap:32px}.case-index-image{height:360px}.case-index-card h3{font-size:28px}.case-index-card p{min-height:0;font-size:14px;max-width:370px}.case-index-card>b{font-size:12px}.case-facts{grid-template-columns:1fr;gap:24px;margin-top:25px}.case-summary.evidence-summary{padding:50px 7%}.case-related{display:grid;gap:10px}.marchi-contact{padding:55px 7%;grid-template-columns:1fr;gap:30px;scroll-margin-top:80px}.marchi-contact-copy>p{font-size:15px}.marchi-contact address{font-size:12px}.marchi-contact .contact-mail{padding:16px 23px}}
@media(prefers-reduced-motion:reduce){.case-index-image img{transition:none}.case-index-card:hover img{transform:none}}

/* hospitality.css */
/* Hospitality portfolio: real Marchi footage, original proportions. */
.hospitality-section{padding:80px 7% 85px;background:#171d25;scroll-margin-top:90px}
.hospitality-section .section-kicker{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.6px;color:#a8bacf;padding-bottom:22px;border-bottom:1px solid #8499b333;margin-bottom:30px}
.hospitality-section .section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:38px}
.hospitality-section h2{font-size:clamp(42px,5.3vw,74px);font-weight:800;line-height:1.03;letter-spacing:-.045em;margin:0}
.hospitality-section .section-heading p{font-size:14px;line-height:1.8;color:#b0bbc9;max-width:335px;margin:0}
.hospitality-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:25px;align-items:start}
.hospitality-feature{min-width:0;margin:0}.hospitality-film{position:relative;display:block;width:100%;padding:0;border:0;background:#111821;color:inherit;text-align:left;cursor:pointer;overflow:hidden;border-radius:7px}
.hospitality-film img,.hospitality-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.hospitality-watch{position:absolute;left:18px;bottom:18px;display:inline-flex;align-items:center;gap:16px;background:#111923e8;color:#edf3fd;border:1px solid #a3b5d141;border-radius:30px;padding:11px 16px;font-size:11px;font-weight:600}
.hospitality-watch i{font-style:normal;font-size:18px;line-height:1}.hospitality-film:focus-visible,.hospitality-footer a:focus-visible{outline:2px solid #acbfe6;outline-offset:5px}
.hospitality-caption{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-top:17px}.hospitality-caption h3{font-size:clamp(21px,2vw,29px);line-height:1.1;letter-spacing:-.035em;font-weight:800;margin:0 0 7px}.hospitality-caption p{margin:0;color:#a5b4c8;font-size:11px;line-height:1.5}
.hospitality-pause{background:none;color:#becae0;border:0;border-bottom:1px solid #7188aa66;padding:2px 0 6px;font:inherit;font-size:10px;cursor:pointer;white-space:nowrap}
.hospitality-side{display:grid;gap:20px}.hospitality-small{display:grid;grid-template-columns:46% 1fr;gap:18px;align-items:center;text-decoration:none;min-width:0;border-bottom:1px solid #7188aa33;padding-bottom:20px}.hospitality-small img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block;border-radius:6px}.hospitality-small small{font-size:8px;letter-spacing:1.1px;color:#9fadc1;display:block;margin-bottom:10px}.hospitality-small h3{font-size:22px;line-height:1.1;margin:0 0 9px;font-weight:800;letter-spacing:-.025em}.hospitality-small p{font-size:11px;line-height:1.7;color:#adbbce;margin:0}.hospitality-small span{display:block;margin-top:13px;font-size:10px;color:#d0ddf2}
.hospitality-side-note{font-size:11px;line-height:1.75;color:#a8b8cf;margin:0;max-width:350px}
.hospitality-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #7188aa33;margin-top:30px;padding-top:24px}.hospitality-footer p{font-size:10px;color:#a8b8cf;margin:0;letter-spacing:.5px}.hospitality-footer a{font-size:12px;color:#e5edfb;display:flex;gap:28px;font-weight:600}
.hospitality-page .detail-hero{padding-bottom:55px;min-height:0;grid-template-columns:1fr 1fr;gap:6%}.hospitality-page .detail-hero h1{font-size:clamp(43px,4.7vw,68px)}.hospitality-page .detail-hero-media{max-height:none}.hospitality-page .detail-hero-media>img{height:auto;aspect-ratio:16/10;object-fit:cover}
.hospitality-case{padding:70px 7%;scroll-margin-top:0;border-top:1px solid #6f86a333}.hospitality-case:nth-of-type(even){background:#19212c}.hospitality-case-top{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;margin-bottom:32px}.hospitality-case-top h2{font-size:clamp(36px,4vw,55px);line-height:1.05;margin:17px 0 0}.hospitality-case-top p{color:#b0bfd2;font-size:15px;line-height:1.8;max-width:550px}.hospitality-case .hospitality-film{max-width:1100px;margin:auto}.hospitality-source-note{font-size:11px;color:#9eafc6;margin:16px 0 0;line-height:1.6}.hospitality-stills{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}.hospitality-stills figure{margin:0}.hospitality-stills img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#111820;border-radius:6px}.hospitality-stills figcaption{font-size:11px;color:#aab9ce;line-height:1.6;margin-top:11px}.hospitality-restaurant-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:28px;align-items:start}.hospitality-restaurant-layout>figure{margin:0}.hospitality-restaurant-layout>figure img{display:block;width:100%;max-height:490px;object-fit:contain;background:#111820;border-radius:7px}.hospitality-restaurant-layout figcaption{font-size:11px;color:#adbbce;margin-top:13px;line-height:1.6}
.hospitality-scope{padding:70px 7%;background:#e6ebf2;color:#192534}.hospitality-scope h2{font-size:clamp(35px,4vw,55px);line-height:1.08;margin:17px 0 30px}.hospitality-scope .eyebrow{color:#5b7090}.hospitality-scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.hospitality-scope article{border-top:1px solid #657d9b50;padding-top:23px}.hospitality-scope h3{font-size:23px;margin:0 0 14px;line-height:1.15}.hospitality-scope p{font-size:14px;color:#50617a;line-height:1.8}.hospitality-scope a{display:inline-block;margin-top:20px;font-size:12px;font-weight:600;border-bottom:1px solid #50617a50;padding-bottom:6px}
@media(max-width:1000px){.hospitality-grid{grid-template-columns:1.45fr 1fr}.hospitality-small{grid-template-columns:1fr;gap:12px}.hospitality-small img{aspect-ratio:16/9;max-height:170px}.hospitality-small h3{font-size:21px}.hospitality-small p,.hospitality-small span,.hospitality-side-note{display:none}.hospitality-caption{flex-wrap:wrap}}
@media(max-width:760px){.hospitality-section{padding:50px 7%;scroll-margin-top:80px}.hospitality-section .section-kicker{font-size:8px;line-height:1.6}.hospitality-section .section-kicker span:last-child{display:none}.hospitality-section .section-heading{display:block}.hospitality-section h2{font-size:44px}.hospitality-section .section-heading p{margin-top:22px;font-size:14px}.hospitality-grid{grid-template-columns:1fr;gap:30px}.hospitality-caption h3{font-size:24px}.hospitality-side{gap:20px}.hospitality-small{grid-template-columns:43% 1fr;gap:17px}.hospitality-small img{aspect-ratio:16/11}.hospitality-small small{font-size:7px;margin-bottom:8px}.hospitality-small h3{font-size:21px}.hospitality-small span{display:block;font-size:10px}.hospitality-footer{display:block}.hospitality-footer a{margin-top:17px;justify-content:space-between;font-size:12px}.hospitality-watch{left:12px;bottom:12px;padding:9px 13px;font-size:10px}.hospitality-page .detail-hero{grid-template-columns:1fr}.hospitality-page .detail-hero h1{font-size:44px}.hospitality-case{padding:50px 7%;scroll-margin-top:0}.hospitality-case-top{grid-template-columns:1fr;gap:24px;margin-bottom:25px}.hospitality-case-top p{font-size:14px}.hospitality-stills{grid-template-columns:1fr;gap:24px}.hospitality-restaurant-layout{grid-template-columns:1fr;gap:24px}.hospitality-restaurant-layout>figure img{max-height:470px}.hospitality-scope{padding:50px 7%}.hospitality-scope-grid{grid-template-columns:1fr;gap:30px}.hospitality-scope h3{font-size:23px}}

/* faq.css */
.marchi-faq{padding:90px 7%;display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;background:#151b24;scroll-margin-top:90px}
.marchi-faq h2{font-size:clamp(35px,4vw,57px);line-height:1.05;letter-spacing:-.045em;margin:22px 0}
.marchi-faq>div>p{color:#aebacf;font-size:14px;line-height:1.8;max-width:290px}
.faq-items{border-top:1px solid #798ba33b;min-width:0}
.faq-items details{border-bottom:1px solid #798ba33b}
.faq-items summary{cursor:pointer;list-style:none;padding:25px 36px 25px 0;position:relative;font-size:17px;font-weight:600;line-height:1.4;color:#eff3fa}
.faq-items summary::-webkit-details-marker{display:none}
.faq-items summary::after{content:'+';position:absolute;right:0;top:23px;color:#a5bdec;font-size:23px;font-weight:400}
.faq-items details[open] summary::after{content:'−'}
.faq-items summary:focus-visible{outline:2px solid #a5bdec;outline-offset:4px}
.faq-answer{padding:0 30px 26px 0;color:#b5c1d3;font-size:14px;line-height:1.85}
.faq-answer p{margin:0}.faq-answer a{display:inline-block;margin-top:13px;color:#bbcff9;text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.marchi-faq{grid-template-columns:1fr;gap:30px;padding:60px 7%;scroll-margin-top:72px}.marchi-faq h2{font-size:40px}.marchi-faq>div>p{max-width:100%}.faq-items summary{font-size:16px;padding-top:22px;padding-bottom:22px}.faq-answer{padding-right:10px;font-size:14px}}

.portal,.entrance-secondary,.text-link,.viral-next,.brand-next,.publication-link,.ai-trends-link,.case-related a{display:inline-flex;align-items:center;width:fit-content;background:#e8eef9;color:#1a2335;border:0;border-radius:32px;padding:13px 20px;transition:background .2s}
.service-go,.brand-case-link{display:inline-flex;width:fit-content;gap:18px;background:#172235;color:#edf2fc;border:0;border-radius:32px;padding:12px 18px}
.portal:hover,.entrance-secondary:hover,.text-link:hover,.viral-next:hover,.brand-next:hover,.publication-link:hover,.ai-trends-link:hover,.case-related a:hover{background:#9fbcff;color:#1a2335}
.hero-tile-credit i,.hero-control{background:#e8eef9;color:#1a2335;border-color:#e8eef9}
.case-index-card>b{display:inline-flex;gap:14px;width:fit-content;background:#e8eef9;color:#1a2335;border:0;border-radius:32px;padding:12px 18px}
.active-brands{margin-top:56px}
.active-brands h3{font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#9fb0cc;margin-bottom:18px}
.active-brand-list{display:flex;flex-wrap:wrap;gap:10px}
.active-brand-list a{display:inline-flex;align-items:center;background:#e8eef9;color:#1a2335;border-radius:32px;padding:11px 18px;font-size:13px;font-weight:600;transition:background .2s}
.active-brand-list a:hover{background:#9fbcff}
@media(max-width:760px){.portal{padding:9px 12px;font-size:11px}.portal span{margin-left:6px}}