/* The inner pages belong to the same visual world as the film-led homepage. */
:root{--line-light:#ffffff32;--line-dark:#10162b32}
.site-header{backdrop-filter:blur(18px)}
.inner-hero{position:relative;overflow:hidden;background-image:linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:25% 100%}
.inner-hero:after{content:'ECHT / 2026';position:absolute;right:var(--pad);bottom:25px;color:#ffffff65;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.2em}
.inner-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:clamp(50px,8vw,145px);align-items:center;padding-top:60px}
.inner-hero h1{font-size:clamp(70px,7.8vw,126px);line-height:.93;max-width:12ch}
.inner-hero-copy{position:relative;z-index:2}
.hero-aside-media{width:min(100%,470px);margin:0;position:relative;justify-self:center}
.hero-aside-media:before{content:'';position:absolute;left:-24px;top:25px;width:100%;height:100%;border:1px solid #ff4e4599;transform:rotate(-3deg)}
.hero-media-frame{position:relative;overflow:hidden;aspect-ratio:4/5.2;background:#19223c;box-shadow:22px 30px 70px #04081688;isolation:isolate}
.hero-media-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#10162b77,transparent 33%,transparent 75%,#10162b88);pointer-events:none}
.hero-media-frame img,.hero-media-frame video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none}
.hero-aside-media .hero-media-frame img{height:100%;box-shadow:none}
.hero-media-stamp{position:absolute;z-index:2;top:19px;left:20px;color:white;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}
.hero-aside-media figcaption{margin:18px 0 0;color:#fff;letter-spacing:.16em}
.services-hero .hero-media-frame{aspect-ratio:4/4.7}
.industries-hero .hero-media-frame{aspect-ratio:4/5.1}
.careers-hero .hero-media-frame{aspect-ratio:4/4.6}
.careers-hero .hero-media-frame img{object-position:center 57%}
.service-list{gap:12px;background:transparent;border:0}
.service-list a{min-height:460px;padding:0;position:relative;overflow:hidden;border:1px solid #ffffff38;background:#111a2f}
.service-list a:hover{background:#111a2f}
.service-card-image{position:absolute;inset:0;overflow:hidden}
.service-card-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#10162b55 0%,#10162b22 28%,#10162bea 77%,#10162b 100%)}
.service-card-image img{width:100%;height:100%;object-fit:cover;object-position:center 36%;filter:saturate(.85);transition:transform .65s ease,filter .65s ease}
.service-list a:hover img{transform:scale(1.055);filter:saturate(1.06)}
.service-card-content{position:relative;z-index:1;min-height:460px;padding:29px 33px;display:flex;flex-direction:column;color:#fff}
.service-card-content h3{margin:auto 0 13px;max-width:13ch;font-size:clamp(34px,3.5vw,55px)}
.service-card-content p{font-size:14px;max-width:40ch;margin:0 0 20px}
.service-card-content b{margin-top:0}
.process-strip{gap:12px;background:transparent}
.process-strip article{min-height:245px;border-top:2px solid var(--ink)}
.process-strip strong{font-size:64px}
.sector-list a{grid-template-columns:45px minmax(170px,1fr) minmax(170px,.7fr) 100px 27px;gap:clamp(15px,2.8vw,36px);min-height:145px;transition:padding .3s ease,background .3s ease}
.sector-list a:hover{background:#f2eee7;padding-left:16px;padding-right:16px}
.sector-list img{width:100px;height:92px;object-fit:cover;filter:grayscale(.15);transition:filter .3s ease,transform .3s ease}
.sector-list a:hover img{filter:none;transform:scale(1.04)}
.sector-list h3{font-size:clamp(30px,3.2vw,48px)}
.sector-list p{max-width:29ch}
.work-hero{min-height:690px;padding-bottom:66px;background-image:linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:25% 100%}
.work-hero-grid{grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);gap:7%}
.work-hero h1{font-size:clamp(80px,9vw,145px)}
.work-stage{grid-template-columns:1fr minmax(290px,47%) 1fr;min-height:650px;box-shadow:0 30px 60px #05091688}
.work-stage video{height:650px}
.story-card-new{transition:transform .3s ease}
.story-card-new:hover{transform:translateY(-5px)}
.story-card-new img{transition:filter .4s ease,transform .4s ease}
.story-card-new:hover img{filter:saturate(1.08)}
.contact-hero{background-color:var(--coral);background-image:linear-gradient(90deg,#10162b0a 1px,transparent 1px);color:var(--ink);min-height:560px;padding-bottom:75px}
.contact-hero:after{color:#10162b96}
.contact-hero .inner-hero-top{border-bottom-color:#10162b5d;color:#10162b}
.contact-hero .eyebrow{color:#10162b}
.contact-hero h1 em{color:#fff}
.contact-hero .inner-hero-copy>p{color:#10162b;font-size:clamp(19px,1.8vw,27px);max-width:34ch}
.contact-hero .jump-link span{color:#10162b}
.contact-hero .hero-aside.no-image{border:1px solid #10162b77;padding:35px;background:#fff;transform:rotate(2deg);max-width:390px}
.contact-hero .hero-aside.no-image span{color:#bd4740}
.contact-hero .hero-aside.no-image p{color:var(--ink);font-size:clamp(28px,3vw,45px);margin:20px 0 0}
.contact-layout{gap:5%}
.contact-aside{background:var(--ink);border-radius:0;box-shadow:16px 16px 0 #ff4e45}
.contact-form{border-top:1px solid var(--line-dark);padding-top:22px}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:2px solid var(--ink);outline-offset:1px}
.contact-form button{background:var(--coral);color:var(--ink);font-weight:600;min-height:58px;padding:16px 30px;transition:transform .25s ease}
.contact-form button:hover{transform:translateY(-3px)}
.about-hero{min-height:700px;background-image:linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:25% 100%}
.about-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:8%;align-items:center}
.about-hero-side{position:relative;max-width:470px;justify-self:end;width:100%}
.about-hero-art{margin:0;height:490px;overflow:hidden;transform:rotate(2deg);border:8px solid #f6f4ef;box-shadow:0 20px 55px #05091599}
.about-hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 76%;display:block}
.about-hero-note{position:absolute;left:-50px;bottom:-28px;max-width:350px;background:#f6f4ef;color:var(--ink);border:0;transform:rotate(-3deg);box-shadow:12px 18px 30px #0509156e}
.about-hero-note>span,.about-hero-note>b{color:#c7524a}
.about-hero-note p{font-size:25px;line-height:1.1;margin:19px 0 22px;color:var(--ink)}
.journal-hero{padding-bottom:60px;background-image:linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:25% 100%}
.journal-hero-main{padding-top:45px;align-items:center}
.journal-feature{min-height:510px}
.journal-feature-media{min-height:510px}
.journal-card img{transition:transform .4s ease}
.journal-card a:hover img{transform:scale(1.02)}
.journal-article-hero{background-image:linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:25% 100%}
.journal-article-hero:has(.article-visual){display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);grid-template-rows:auto 1fr auto;column-gap:clamp(45px,7vw,120px);align-items:center;min-height:660px;padding-top:65px;padding-bottom:65px}
.journal-article-hero:has(.article-visual) .article-meta,.journal-article-hero:has(.article-visual) h1,.journal-article-hero:has(.article-visual)>p{grid-column:1}
.journal-article-hero:has(.article-visual) h1{font-size:clamp(65px,6.5vw,102px);margin:20px 0 22px}
.journal-article-hero:has(.article-visual)>p{margin-bottom:0}
.journal-article-hero .article-visual{grid-column:2;grid-row:1/4;height:540px;position:relative;box-shadow:18px 25px 0 #ff4e4530}
.journal-article-hero .article-visual img{object-position:center 50%}
.article-visual img{transition:transform .8s ease}
.article-visual:hover img{transform:scale(1.025)}
@media(max-width:980px){.inner-hero-grid{gap:5%;grid-template-columns:1fr .9fr}.service-list a,.service-card-content{min-height:410px}.sector-list a{grid-template-columns:32px 1fr 85px 25px}.sector-list p{display:none}.sector-list img{width:85px;height:80px}.work-hero-grid{grid-template-columns:.8fr 1.2fr;gap:4%}.work-stage{grid-template-columns:1fr 230px 1fr;min-height:540px}.work-stage video{height:540px}}
@media(max-width:760px){.inner-hero{background-size:50% 100%;padding-bottom:65px}.inner-hero-grid{display:block;padding-top:46px}.inner-hero h1{font-size:clamp(63px,12vw,96px);margin:18px 0 25px}.inner-hero-copy>p{font-size:17px}.hero-aside-media{margin:45px auto 0;width:min(100%,430px)}.hero-media-frame{aspect-ratio:4/3.6!important}.hero-media-frame img,.hero-media-frame video{object-position:center 42%}.hero-aside-media:before{left:-10px;top:12px}.hero-aside-media figcaption{font-size:9px}.service-list{gap:9px}.service-list a,.service-card-content{min-height:350px}.service-card-content{padding:24px}.service-card-content h3{font-size:38px}.work-hero{min-height:0;padding-bottom:60px}.work-hero-grid{display:block}.work-hero h1{font-size:clamp(75px,14vw,110px);margin:20px 0}.work-stage{margin-top:38px}.contact-hero{min-height:0;padding-bottom:55px}.contact-hero .hero-aside.no-image{margin-top:45px}.about-hero{min-height:0}.about-hero-grid{display:block;padding-top:45px}.about-hero-side{max-width:430px;margin:42px auto 20px}.about-hero-art{height:390px}.about-hero-note{left:12px;bottom:-35px;max-width:300px}.journal-hero-main{padding-top:45px}.journal-article-hero:has(.article-visual){display:block;min-height:0;padding:55px 20px 0}.journal-article-hero:has(.article-visual) h1{font-size:clamp(57px,11vw,83px)}.journal-article-hero .article-visual{height:360px;margin:44px -20px 0;box-shadow:none}}
@media(max-width:560px){.inner-hero h1{font-size:clamp(62px,15vw,83px)}.inner-hero .jump-link{margin-top:10px}.hero-aside-media{margin-top:37px}.hero-media-frame{aspect-ratio:4/3.4!important}.hero-media-frame img,.hero-media-frame video{object-position:center 40%}.hero-aside-media figcaption{margin-top:12px}.work-hero h1{font-size:clamp(66px,16vw,92px)}.work-hero .jump-link{margin-top:4px}.work-stage{margin-top:35px;grid-template-columns:1fr min(76vw,290px) 1fr;min-height:490px}.work-stage video{height:490px}.service-list{grid-template-columns:1fr}.service-list a,.service-card-content{min-height:380px}.service-card-content h3{font-size:42px}.sector-list a{grid-template-columns:30px 1fr 72px 18px;gap:11px;min-height:105px;padding:15px 0}.sector-list h3{font-size:27px}.sector-list img{width:72px;height:72px}.contact-hero .hero-aside.no-image{margin-top:37px;padding:25px;transform:rotate(1deg)}.contact-hero .hero-aside.no-image p{font-size:29px}.contact-aside{box-shadow:8px 8px 0 #ff4e45}.about-hero{padding-bottom:80px}.about-hero h1{font-size:clamp(67px,15vw,90px)}.about-hero-side{margin-top:40px}.about-hero-art{height:310px;border-width:5px}.about-hero-note{position:relative;left:auto;bottom:auto;margin:-45px 10px 0 auto;max-width:270px;padding:18px}.about-hero-note p{font-size:21px;margin:12px 0}.journal-hero{padding-bottom:38px}.journal-hero-main{padding-top:32px}.journal-hero h1{font-size:clamp(70px,16vw,100px)}.journal-hero-copy{margin-top:22px}.journal-hero-copy p{font-size:17px;margin-bottom:15px}.journal-feature-media{min-height:300px}}
@media(prefers-reduced-motion:reduce){.service-card-image img,.sector-list img,.story-card-new,.journal-card img,.article-visual img{transition:none!important}}
