/* A: a cinema opening, a photographic four-chapter film, and a drawn team route. */
.direction-a .cinema-hero{--hero-progress:0}
.direction-a .cinema-stage{transform-origin:50% 0;will-change:transform}
.direction-a .intro-band{position:relative;overflow:hidden;padding-top:170px}
.direction-a .trade-type{position:absolute;top:15px;left:0;width:100%;overflow:hidden;pointer-events:none;color:#6f887666}
.direction-a .trade-type span{display:block;white-space:nowrap;width:max-content;font-size:clamp(65px,10vw,155px);font-weight:700;line-height:1;letter-spacing:-.06em;will-change:transform}
.direction-a .services{padding:70px 0 0;background:#19251e}
.direction-a .services>.section-head{padding:0 6%;margin-bottom:50px}
.direction-a .service-film{--film-height:calc(100svh - 96px);position:relative;isolation:isolate}
.direction-a .service-screen{position:sticky;top:96px;height:var(--film-height);min-height:600px;max-height:1000px;overflow:hidden;background:#10201b;z-index:0}
.direction-a .service-frame{position:absolute;inset:0;opacity:0;transition:opacity .65s ease;overflow:hidden}
.direction-a .service-frame:first-child,.direction-a .service-frame.is-active{opacity:1}
.direction-a .service-frame:not(:first-child){z-index:1}
.direction-a .service-frame img{width:100%;height:100%;object-fit:cover;transform:scale(1.09);will-change:transform}
.direction-a .frame-0 img{object-position:35% 45%}.direction-a .frame-1 img{object-position:25% 25%;width:125%;max-width:none}.direction-a .frame-2 img{object-position:85% 75%;width:150%;height:125%;max-width:none;margin-left:-35%;margin-top:-8%}.direction-a .frame-3 img{object-position:50% 70%}
.direction-a .service-vignette{position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,#06100e10 15%,#06100e7d 45%,#06100ef0 87%),linear-gradient(0deg,#06100e8c,transparent 30%,transparent 75%,#06100e80)}
.direction-a .film-index{position:absolute;z-index:4;top:35px;left:6%;font-size:9px;letter-spacing:.15em;color:#fff}
.direction-a .film-index>div{display:flex;gap:16px;margin-top:18px}
.direction-a .film-index>div>span{width:35px;height:35px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;font-size:10px;letter-spacing:0;transition:background .4s,color .4s}
.direction-a .film-index .is-active{background:#f2eee6;color:#16241b;border-color:#f2eee6}
.direction-a .film-symbol{position:absolute;bottom:25px;left:6%;z-index:4;font-size:9px;color:#fff}
.direction-a .service-chapters{position:relative;z-index:2;margin-top:calc(-1 * clamp(600px,var(--film-height),1000px));pointer-events:none}
.direction-a .service-chapter{width:51%;margin-left:49%;min-height:clamp(600px,var(--film-height),1000px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:110px 10% 100px 4%;pointer-events:auto}
.direction-a .service-chapter .eyebrow{font-size:10px;letter-spacing:.12em;color:#e9ac91}
.direction-a .service-chapter h3{font-size:clamp(45px,5.2vw,84px);letter-spacing:-.055em;line-height:1.06;margin:27px 0;color:#fff}
.direction-a .service-chapter h3>span{color:#e88a69}
.direction-a .service-chapter>p:not(.eyebrow){font-size:16px;line-height:1.85;max-width:470px;color:#e1e8e1}
.direction-a .service-chapter>a{display:flex;justify-content:space-between;gap:40px;min-height:48px;border-bottom:1px solid #d9dfd6aa;margin-top:30px;padding:15px 0;color:#fff;font-size:12px}
.direction-a .project-grid{perspective:1600px}.direction-a .project{will-change:transform;transform-origin:50% 100%}
.direction-a .project-photo>span{border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:10px}
.direction-a .chain{position:relative;padding-left:30px}
.direction-a .chain:before,.direction-a .chain:after{content:'';position:absolute;left:9px;top:0;bottom:0;width:2px;background:#ffffff1c;transform-origin:50% 0}
.direction-a .chain:after{background:#df8c6c;transform:scaleY(var(--route-progress,0));}
.direction-a .chain li{position:relative;transition:background .35s;padding-left:12px}
.direction-a .chain li:before{content:'';position:absolute;left:-26px;top:27px;width:10px;height:10px;border:1px solid #829483;border-radius:50%;background:#101716;z-index:1;transition:background .3s,box-shadow .3s}
.direction-a .chain li.is-current{background:#26362a}.direction-a .chain li.is-current:before{background:#e69674;box-shadow:0 0 0 5px #e6967429;border-color:#e69674}
.direction-a .process-grid{perspective:1500px;gap:24px}.direction-a .process-grid article{padding:27px;background:#203126;border:1px solid #68806b45;will-change:transform;transform-origin:50% 100%}
.direction-a .contact-intro{position:relative;isolation:isolate;padding-right:210px}
.direction-a .contact-intro h2{grid-column:1/-1}.direction-a .contact-intro>p:last-child{grid-column:1/-1;justify-self:start;margin-top:24px}
.direction-a .contact-orbit{position:absolute;right:0;top:24%;width:180px;height:180px;color:#a8523a}
.direction-a .contact-orbit svg{width:100%;height:100%;overflow:visible}
.direction-a .contact-orbit circle{fill:none;stroke:currentColor;stroke-width:1;stroke-dasharray:1;stroke-dashoffset:var(--ring-offset,1);transform:rotate(-90deg);transform-origin:center}
.direction-a .contact-orbit path{fill:none;stroke:currentColor;stroke-width:2.5;transform:rotate(var(--arrow-turn,-45deg));transform-origin:center}
@media(min-width:900px) and (min-height:800px){.motion-on .direction-a .cinema-hero{height:125svh}.motion-on .direction-a .cinema-stage{position:sticky;top:96px;height:calc(100svh - 96px)}}
@media(max-width:700px){.direction-a .intro-band{padding-top:130px}.direction-a .trade-type{top:25px}.direction-a .trade-type span{font-size:85px}.direction-a .services{padding-top:50px}.direction-a .service-film{--film-height:calc(100svh - 78px)}.direction-a .service-screen{top:78px;min-height:590px}.direction-a .service-chapters{margin-top:calc(-1 * max(590px,var(--film-height)))}.direction-a .service-chapter{width:100%;margin:0;min-height:max(590px,var(--film-height));padding:270px 7% 65px;justify-content:end}.direction-a .service-chapter h3{font-size:52px;margin:17px 0}.direction-a .service-chapter .eyebrow{font-size:8px}.direction-a .service-chapter>p:not(.eyebrow){font-size:13px;line-height:1.8;max-width:360px}.direction-a .service-chapter>a{margin-top:16px;font-size:11px;min-height:44px}.direction-a .service-vignette{background:linear-gradient(0deg,#06100ef5 5%,#06100ee8 28%,#06100e80 55%,#06100e15 80%,#06100e60)}.direction-a .film-index{top:22px;left:7%;font-size:8px}.direction-a .film-index>div{margin-top:12px}.direction-a .film-index>div>span{height:28px;width:28px;font-size:8px}.direction-a .film-symbol{bottom:17px;left:7%;font-size:8px}.direction-a .process-grid article{padding:22px;display:block}.direction-a .process-grid article h3{margin:16px 0 12px}.direction-a .contact-intro{padding-right:0;padding-bottom:105px}.direction-a .contact-orbit{top:auto;bottom:0;right:0;width:96px;height:96px}.direction-a .chain{padding-left:25px}.direction-a .chain li:before{left:-21px}}
.motion-off .direction-a .service-frame,.motion-off .direction-a .chain li{transition:none}.motion-off .direction-a .cinema-stage,.motion-off .direction-a .hero-visual img,.motion-off .direction-a .trade-type span,.motion-off .direction-a .service-frame img,.motion-off .direction-a .project,.motion-off .direction-a .process-grid article{transform:none!important;will-change:auto}.motion-off .direction-a .contact-orbit circle{stroke-dashoffset:0}.motion-off .direction-a .contact-orbit path{transform:none}
@media(prefers-reduced-motion:reduce){.direction-a .cinema-stage,.direction-a .hero-visual img,.direction-a .trade-type span,.direction-a .service-frame img,.direction-a .project,.direction-a .process-grid article{transform:none!important;will-change:auto}.direction-a .service-frame,.direction-a .chain li{transition:none}.direction-a .contact-orbit circle{stroke-dashoffset:0}.direction-a .contact-orbit path{transform:none}}

.direction-a .frame-1 img,.direction-a .frame-2 img{width:100%;height:100%;margin:0;object-position:50% 50%}

.direction-a .service-chapter:focus-within{opacity:1!important}
@media(max-width:700px){.direction-a .service-vignette{background:linear-gradient(0deg,#06100ef5 5%,#06100ee8 42%,#06100ebf 72%,#06100e30 92%,#06100e70)}}

/* One pinned film stage: image and copy change together; no empty text gaps. */
.direction-a.a-film-ready .service-film{height:380svh;min-height:2600px}
.direction-a.a-film-ready .service-chapters{position:sticky;top:96px;height:clamp(600px,var(--film-height),1000px);margin-top:calc(-1 * clamp(600px,var(--film-height),1000px));pointer-events:none}
.direction-a.a-film-ready .service-chapter{position:absolute;top:0;bottom:0;min-height:0;height:100%;opacity:0;visibility:hidden;transform:translateY(30px);transition:opacity .35s ease,transform .45s ease;pointer-events:none}
.direction-a.a-film-ready .service-chapter.is-film-active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
@media(max-width:700px){.direction-a.a-film-ready .service-film{height:360svh;min-height:2300px}.direction-a.a-film-ready .service-chapters{top:78px;height:max(590px,var(--film-height));margin-top:calc(-1 * max(590px,var(--film-height)))}.direction-a.a-film-ready .service-chapter{justify-content:end;padding-top:230px;padding-bottom:90px}}