:root{--orange-motion:#ff4600}
.variant-07 .site-header{--header-color:#111;--header-bg:rgba(255,70,0,.95);--header-line:rgba(17,17,17,.22);backdrop-filter:none;-webkit-backdrop-filter:none}
.variant-07 .site-header.scrolled{--header-bg:rgba(247,247,245,.96);--header-line:rgba(17,17,17,.16)}
.variant-07 .logo-mark i{color:#fff}
.variant-07 .site-header.scrolled .logo-mark i{color:var(--orange-motion)}
.variant-07 .nav-cta{background:#111;color:#fff}
.variant-07 .hero-orange{min-height:780px;height:min(900px,100svh);padding:0;background:var(--orange-motion);color:#111;overflow:hidden;isolation:isolate;display:block}
.variant-07 .hero-orange:before,.variant-07 .hero-orange:after{content:none}
.orange-hero-grid{position:relative;height:100%;padding:120px var(--gutter) 90px;display:flex;align-items:center}
.orange-copy{position:relative;z-index:5;width:62%;max-width:930px;animation:orange-copy-slide .75s cubic-bezier(.2,.7,.2,1) both}
.orange-title{font:900 clamp(88px,10.6vw,184px)/.82 var(--headline);letter-spacing:-.105em;margin:0;white-space:nowrap}
.orange-title span{color:#fff}
.orange-translation{font:800 clamp(18px,2.15vw,30px)/1.4 var(--jp);letter-spacing:-.07em;margin:30px 0 12px}
.orange-description{font-size:clamp(14px,1.18vw,17px);font-weight:650;line-height:1.85;max-width:480px;margin:0}
.orange-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:34px}
.orange-cta{display:inline-flex;justify-content:space-between;align-items:center;gap:42px;border-radius:100px;background:#111;color:#fff;padding:16px 22px;font-size:13px;font-weight:750;min-width:176px;min-height:52px;transition:background .2s,transform .2s}
.orange-cta:hover{background:#303030;transform:translateY(-2px)}
.orange-back{font-size:12px;font-weight:750;line-height:1.4;border-bottom:1px solid #111;padding:4px 0}
.orange-back:hover{color:#fff;border-color:#fff}
.orange-image-field{position:absolute;top:80px;bottom:0;right:-7%;width:53%;background:#e8e8e5;border-radius:48% 0 0 48%;overflow:hidden;transform:rotate(-8deg) scale(1.1);transform-origin:center;display:flex;gap:10px;padding:0 3.5% 0 8.5%;z-index:1}
.photo-stream{position:relative;min-width:0;flex:1;overflow:hidden;transform:translateY(-5%)}
.stream-two{transform:translateY(-1%)}
.stream-three{transform:translateY(-8%)}
.photo-track{display:flex;flex-direction:column;width:100%;animation:photo-rise 80s linear infinite;will-change:transform}
.stream-two .photo-track{animation-duration:96s;animation-direction:reverse}
.stream-three .photo-track{animation-duration:88s}
.photo-set{display:flex;flex-direction:column;gap:10px;padding-bottom:10px;flex:none}
.photo-set img{width:100%;height:clamp(210px,23vw,335px);object-fit:cover;display:block;filter:saturate(.8) contrast(1.05)}
.stream-one .photo-set img:nth-child(2n){object-position:75% center}
.orange-motion-control{position:absolute;right:calc(var(--gutter) - 4px);bottom:35px;z-index:6;display:flex;gap:12px;align-items:center;font:750 10px/1.4 var(--headline);letter-spacing:.08em}
.orange-motion-control button{background:#111;color:#fff;border:1px solid #111;border-radius:100px;padding:11px 15px;min-height:44px;font-size:11px;font-weight:750}
.orange-motion-control button:hover{background:#333}
.orange-side-note{position:absolute;right:14px;top:50%;z-index:3;writing-mode:vertical-rl;font:800 10px/1.4 var(--headline);letter-spacing:.14em}
.orange-bottom-bar{position:absolute;z-index:4;bottom:0;left:0;right:0;background:#111;color:#fff;display:flex;justify-content:space-between;gap:20px;padding:13px var(--gutter);font:750 10px/1.4 var(--headline);letter-spacing:.12em}
.orange-bottom-bar a:hover{color:var(--orange-motion)}
.hero-orange[data-paused="true"] .photo-track{animation-play-state:paused}
@keyframes photo-rise{to{transform:translateY(-50%)}}
@keyframes photo-sideways{to{transform:translateX(-50%)}}
@keyframes orange-copy-slide{from{transform:translateX(28px)}to{transform:translateX(0)}}
.variant-07 .manifesto{background:#f3f3f0}
.variant-07 .services{background:#111;color:#f7f7f4}
.variant-07 .service-overview article{background:#222}
.variant-07 .service-overview article:nth-child(2){background:#2a2c2d}
.variant-07 .service-overview .service-no,.variant-07 .service-overview li span{color:var(--orange-motion)}
.variant-07 .proof{background:#f3f3f0}
.variant-07 .case-card:nth-child(even){background:#181818;border-color:#181818}
.variant-07 .case-type,.variant-07 .case-facts dt{color:var(--orange-motion)}
.variant-07 .case-card:nth-child(even) .case-type,.variant-07 .case-card:nth-child(even) .case-facts dt{color:#ff9b77}
.variant-07 .contact{background:#111;color:#fff}
.variant-07 .contact-form{background:#f3f3f0;color:#111}
.variant-07 .contact .form-state{color:#111}
.variant-07 .contact h2 span{color:var(--orange-motion)}
.variant-07 .contact-info{color:#c9c9c6}
@media(max-width:1000px){.variant-07 .hero-orange{height:auto;min-height:760px}.orange-hero-grid{min-height:760px}.orange-title{font-size:clamp(76px,11.3vw,115px)}.orange-image-field{width:50%;right:-15%}.orange-copy{width:68%}}
@media(max-width:760px){
 .variant-07 .site-header{--header-color:#111;--header-bg:rgba(255,70,0,.96)}
 .variant-07 .hero-orange{height:auto;min-height:980px;padding:0;display:block}
 .variant-07 .hero-orange:after{content:none}
 .orange-hero-grid{min-height:930px;padding:105px var(--gutter) 390px;display:block}
 .orange-copy{width:100%;max-width:580px}
 .orange-title{font-size:clamp(76px,19.5vw,132px);line-height:.85}
 .orange-translation{font-size:20px;margin-top:23px}
 .orange-description{font-size:14px;line-height:1.75;max-width:410px}
 .orange-actions{gap:16px;margin-top:24px}
 .orange-cta{min-width:155px;min-height:48px;padding:13px 18px;font-size:12px}
 .orange-back{font-size:11px}
 .orange-image-field{top:auto;left:-7%;right:-7%;bottom:65px;width:114%;height:310px;border-radius:50% 50% 0 0;transform:rotate(-5deg) scale(1.03);padding:43px 0 25px;display:block}
 .photo-stream{height:100%;width:100%;transform:none}
 .stream-two,.stream-three{display:none}
 .photo-track{flex-direction:row;width:max-content;height:100%;animation:photo-sideways 40s linear infinite}
 .photo-set{flex-direction:row;gap:10px;padding:0 10px 0 0;height:100%}
 .photo-set img{width:210px;height:100%;object-fit:cover}
 .orange-motion-control{right:var(--gutter);bottom:80px}
 .orange-side-note{display:none}
 .orange-bottom-bar{font-size:9px;padding:12px var(--gutter)}
 .variant-07 .contact{color:#fff}
}
@media(max-width:380px){.orange-title{font-size:19.3vw}.orange-hero-grid{padding-bottom:380px}.orange-actions{gap:12px}.orange-back{font-size:10px}.orange-image-field{height:295px}}
@media(prefers-reduced-motion:reduce){.orange-copy{animation:none}.photo-track{animation:none!important}.orange-cta{transition:none}}

.variant-07 .consult-topics{background:#e9e9e6;color:#151515}
.topics-headline,.why-headline{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:42px}
.topics-headline .section-heading,.why-headline .section-heading{margin-bottom:0}
.topics-headline p,.why-headline p{max-width:360px;font-size:14px;line-height:1.9;margin:0;color:#353a3a}
.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.topic-card{background:#fff;padding:clamp(24px,3.2vw,43px);border-top:5px solid var(--orange-motion);min-height:285px;display:flex;flex-direction:column;align-items:flex-start}
.topic-no{font:800 10px/1.4 var(--headline);letter-spacing:.13em;color:#c23707}
.topic-card h3{font-size:clamp(23px,2.2vw,32px);line-height:1.4;font-weight:800;letter-spacing:-.06em;margin:25px 0 12px}
.topic-card p{font-size:14px;line-height:1.85;color:#333b3b;margin:0 0 24px}
.topic-card a{margin-top:auto;border-bottom:1px solid #151515;padding-bottom:5px;font-size:12px;font-weight:750}
.topic-card a:hover{color:#c23707;border-color:#c23707}
.variant-07 .why-us{background:#111;color:#f7f7f5}
.why-headline p{color:#c8cecb}
.reason-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.reason-card{border:1px solid #ffffff4d;background:#1c1c1c;padding:clamp(24px,3vw,38px);min-height:300px}
.reason-card>span{font:800 10px/1.4 var(--headline);letter-spacing:.13em;color:#ff8c63}
.reason-card h3{font-size:clamp(24px,2.2vw,32px);font-weight:800;line-height:1.4;letter-spacing:-.06em;margin:34px 0 20px;color:#fff}
.reason-card p{color:#d9ddda;font-size:14px;line-height:1.9;margin:0}
.variant-07 .faq{background:#f3f3f0;color:#151515}
.faq-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(35px,7vw,100px)}
.faq-intro{font-size:14px;line-height:1.9;color:#353a3a;max-width:300px}
.faq-list{border-top:1px solid #151515}
.faq-list details{border-bottom:1px solid #151515;padding:0 0 0 2px}
.faq-list summary{cursor:pointer;list-style:none;position:relative;padding:27px 50px 27px 0;font-size:clamp(16px,1.5vw,20px);font-weight:800;line-height:1.5}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:'＋';position:absolute;right:4px;top:23px;color:#c23707;font-size:23px;line-height:1}
.faq-list details[open] summary:after{content:'−'}
.faq-list details p{font-size:14px;line-height:1.95;color:#303838;margin:0 50px 26px 0}
@media(max-width:900px){.topics-headline,.why-headline{display:block}.topics-headline p,.why-headline p{margin-top:22px}.reason-grid{grid-template-columns:1fr}.reason-card{min-height:0}.faq-layout{grid-template-columns:1fr;gap:25px}}
@media(max-width:650px){.topic-grid{grid-template-columns:1fr;gap:12px}.topic-card{min-height:0;padding:25px}.topic-card h3{margin-top:18px}.reason-grid{gap:12px}.reason-card{padding:27px}.reason-card h3{margin:22px 0 13px}.faq-list summary{padding:21px 42px 21px 0;font-size:16px}.faq-list summary:after{top:19px}.faq-list details p{margin-right:22px}}
