/* Independent editorial homepage. All rules are scoped to its template. */
body.page-template-orl-home-2-page { background: #111; }
.h2-page { --h2-ink:#111210; --h2-paper:#f3f2ed; --h2-white:#f8f8f2; --h2-acid:#d7ef00; --h2-line:rgba(17,18,16,.19); --h2-ease:cubic-bezier(.22,.61,.36,1); --h2-sticky:104px; background:var(--h2-paper); color:var(--h2-ink); font-family:var(--tp-ff-body,"Montserrat",sans-serif); font-size:16px; line-height:1.55; overflow-x:clip; }
.h2-page *, .h2-page *::before, .h2-page *::after { box-sizing:border-box; }
.h2-page :where(h1,h2,h3,p,blockquote) { color:inherit; margin:0; letter-spacing:normal; }
.h2-page :where(h1,h2) { font-family:var(--tp-ff-heading,"Unbounded",sans-serif); font-weight:800; line-height:1.1; letter-spacing:-.045em; text-transform:uppercase; }
.h2-page :where(h3,p,button,a) { font-family:inherit; }
.h2-page p { font-size:inherit; font-weight:400; line-height:1.6; }
.h2-page a { color:inherit; text-decoration:none; }
.h2-page button { font:inherit; color:inherit; cursor:pointer; }
.h2-page img { display:block; max-width:100%; }
.h2-page em { font:inherit; color:var(--h2-acid); }
.h2-page ::selection { background:var(--h2-acid); color:var(--h2-ink); }
.h2-page :where(a,button,[tabindex]):focus-visible { outline:2px solid currentColor; outline-offset:5px; }
.h2-page [hidden] { display:none!important; }
.h2-wrap { width:min(calc(100% - 96px),1400px); margin-inline:auto; }
.h2-section { padding:112px 0; scroll-margin-top:110px; }
.h2-label,.h2-micro { display:flex; align-items:center; gap:9px; font-size:11px; font-weight:700; letter-spacing:.05em; line-height:1.45; text-transform:uppercase; }
.h2-micro { font-size:10px; }
.h2-dot { display:inline-block; flex:0 0 auto; width:8px; height:8px; border-radius:50%; background:var(--h2-acid); box-shadow:0 0 0 5px rgba(215,239,0,.12); }
.h2-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:48px; margin-bottom:48px; }
.h2-section-head .h2-label { margin-bottom:23px; }
.h2-page h2 { font-size:clamp(32px,3.8vw,58px); }
.h2-section-head > p { max-width:355px; color:#65655e; font-size:14px; flex-shrink:0; }
.h2-actions { display:flex; align-items:center; gap:28px; flex-wrap:wrap; }
.h2-btn { display:inline-flex; justify-content:space-between; align-items:center; gap:25px; padding:10px 10px 10px 24px; min-height:62px; border-radius:100px; color:var(--h2-ink)!important; background:var(--h2-acid); font-size:12px; line-height:1.3; font-weight:750; transition:transform .28s var(--h2-ease),background .25s; }
.h2-btn > span { display:flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:50%; color:var(--h2-acid); background:var(--h2-ink); font-size:25px; font-weight:400; transition:transform .3s var(--h2-ease); }
.h2-btn:hover { transform:translateY(-4px) rotate(-1deg); background:var(--h2-white); }
.h2-btn:hover > span { transform:rotate(45deg); }
.h2-btn--ink { background:var(--h2-ink); color:var(--h2-white)!important; }
.h2-btn--ink > span { color:var(--h2-ink); background:var(--h2-acid); }
.h2-btn--ink:hover { background:var(--h2-acid); color:var(--h2-ink)!important; }
.h2-btn--ink:hover > span { background:var(--h2-ink); color:var(--h2-acid); }
.h2-text-link { display:inline-flex; align-items:center; gap:20px; width:fit-content; padding:10px 0; border-bottom:1px solid currentColor; font-size:12px; font-weight:700; line-height:1.4; transition:color .2s,gap .25s; }
.h2-text-link > span { font-size:20px; line-height:1; }
.h2-text-link:hover { gap:28px; }
.h2-hero { background:#111210; color:var(--h2-white); padding:66px 0 28px; position:relative; }
.h2-hero__meta { display:flex; justify-content:space-between; gap:24px; color:#b8b8ae; }
.h2-hero__edition { font-size:11px; }
.h2-hero__grid { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); gap:48px; margin-top:44px; align-items:center; }
.h2-hero h1 { font-size:clamp(46px,5.65vw,86px); line-height:1.07; letter-spacing:-.045em; }
.h2-hero__promise { font-size:clamp(18px,1.55vw,23px)!important; font-weight:600!important; margin-top:25px!important; }
.h2-hero__desc { max-width:540px; font-size:14px!important; color:#abab9f; margin-top:13px!important; }
.h2-hero .h2-actions { margin-top:29px; gap:24px; }
.h2-hero .h2-text-link { color:#d5d5c9; }
.h2-hero .h2-text-link:hover { color:var(--h2-acid); }
.h2-route { height:520px; position:relative; isolation:isolate; }
.h2-route::before { content:""; position:absolute; inset:0 -16px; opacity:.18; background-image:radial-gradient(#a5a598 1px,transparent 1px); background-size:22px 22px; mask-image:radial-gradient(ellipse,black,transparent 73%); }
.h2-route__caption { display:flex; justify-content:space-between; position:absolute; top:0; left:10px; right:10px; font-size:10px; text-transform:uppercase; letter-spacing:.04em; color:#999a8f; }
.h2-route__caption > span:last-child { font-size:35px; color:var(--h2-acid); margin-top:4px; }
.h2-route__line { position:absolute; left:40%; top:50px; bottom:68px; border-left:1px dashed #656658; transform:rotate(-17deg); z-index:-1; }
.h2-route__card { position:absolute; width:72%; min-height:112px; background:#242520; border:1px solid #67685c; border-radius:18px; padding:18px 23px; text-align:left; box-shadow:0 16px 28px rgba(0,0,0,.2); transform:rotate(var(--route-angle)); transition:transform .3s var(--h2-ease),background .3s,color .3s,border-color .3s; }
.h2-route__card .h2-micro { color:#a8a99c; font-size:9px; }
.h2-route__card strong { font-size:27px; line-height:1.25; display:block; margin-top:8px; letter-spacing:-.035em; }
.h2-route__card-foot { display:flex; justify-content:space-between; align-items:center; font-size:10px; margin-top:10px; color:#b7b8a7; }
.h2-route__card-foot i { font-size:18px; font-style:normal; }
.h2-route__card--1 { --route-angle:-8deg; top:45px; left:0; }
.h2-route__card--2 { --route-angle:5deg; top:147px; left:21%; }
.h2-route__card--3 { --route-angle:-4deg; top:258px; left:3%; }
.h2-route__card--4 { --route-angle:6deg; top:363px; left:24%; background:var(--h2-acid); color:var(--h2-ink); border-color:var(--h2-acid); }
.h2-route__card--4 :is(.h2-micro,.h2-route__card-foot) { color:#464c13; }
.h2-route__card:is(:hover,:focus-visible,.h2-tip-active) { z-index:10; background:var(--h2-acid); color:var(--h2-ink); border-color:var(--h2-acid); transform:translateY(-6px) rotate(-2deg); }
.h2-route__card:is(:hover,:focus-visible,.h2-tip-active) :is(.h2-micro,.h2-route__card-foot) { color:#464c13; }
.h2-route__stamp { position:absolute; bottom:-18px; left:0; display:flex; gap:10px; align-items:center; font-size:9px; text-transform:uppercase; font-weight:600; color:#a7a898; }
.h2-route__stamp > span { font-size:42px; color:var(--h2-acid); animation:h2-turn 24s linear infinite; }
.h2-hero__bottom { margin-top:65px; padding-top:24px; border-top:1px solid #383a31; display:flex; align-items:center; justify-content:space-between; gap:25px; }
.h2-person { display:flex; align-items:center; gap:14px; }
.h2-person img { width:52px; height:52px; object-fit:cover; border-radius:50%; }
.h2-person strong { display:block; font-size:12px; }
.h2-person small { display:block; font-size:10px; margin-top:4px; color:#a7a79a; }
.h2-person > span:last-child:not(:nth-child(2)) { margin-left:15px; font-size:23px; }
.h2-hero__facts { display:flex; align-items:center; gap:40px; font-size:10px; text-transform:uppercase; line-height:1.6; color:#aaaa9c; }
.h2-hero__facts > span:first-child { display:flex; align-items:center; gap:10px; }
.h2-hero__facts strong { font-family:var(--tp-ff-heading,"Unbounded",sans-serif); font-size:35px; color:var(--h2-white); line-height:1; }
.h2-scroll { width:45px; height:45px; display:grid; place-items:center; border:1px solid #55584b; border-radius:50%; font-size:23px; transition:background .25s,color .25s; }
.h2-scroll:hover { background:var(--h2-acid); color:var(--h2-ink); }
.h2-ticker { padding:17px 0; background:var(--h2-acid); color:var(--h2-ink); overflow:hidden; }
.h2-ticker__track { display:flex; width:max-content; animation:h2-marquee 45s linear infinite; }
.h2-ticker__track > span { display:flex; align-items:center; gap:30px; padding-right:30px; white-space:nowrap; font-family:var(--tp-ff-heading,"Unbounded",sans-serif); font-size:17px; text-transform:uppercase; font-weight:650; }
.h2-ticker b { font-size:26px; font-weight:400; }
.h2-situation { padding-bottom:100px; }
.h2-diagnostic { display:grid; grid-template-columns:1fr 1.1fr; gap:48px; border-top:1px solid var(--h2-line); padding-top:64px; }
.h2-diagnostic__tabs { position:relative; min-width:0; }
.h2-choice-hint { position:absolute; left:16px; bottom:calc(100% + 14px); z-index:2; width:max-content; max-width:calc(100% - 32px); padding:11px 16px; border-radius:12px; background:var(--h2-acid); color:var(--h2-ink); font-size:12px; font-weight:650; line-height:1.5; letter-spacing:0; box-shadow:0 8px 22px #00000012; pointer-events:none; opacity:0; transform:translateY(4px); transition:opacity .2s,transform .2s; }
.h2-choice-hint::after { content:""; position:absolute; left:28px; bottom:-5px; width:10px; height:10px; background:inherit; transform:rotate(45deg); }
.h2-choice-hint[hidden] { display:none!important; }
.h2-choice-hint[data-open] { opacity:1; transform:none; }
.h2-diagnostic__choices { display:flex; flex-direction:column; gap:9px; }
.h2-choice { display:flex; align-items:center; gap:20px; text-align:left; min-height:88px; padding:18px 24px; border:1px solid var(--h2-line); background:transparent; border-radius:15px; transition:background .25s,transform .3s var(--h2-ease),border-color .25s; }
.h2-choice strong { font-size:17px; font-weight:650; }
.h2-choice__number { font-size:11px; color:#6a6b61; }
.h2-choice__arrow { margin-left:auto; font-size:25px; }
.h2-choice[aria-selected=true] { background:var(--h2-ink); color:var(--h2-white); border-color:var(--h2-ink); }
.h2-choice[aria-selected=true] .h2-choice__number { color:#aaad9b; }
.h2-choice:is(:hover,:focus-visible) { transform:translateY(-2px) rotate(-1deg); background:var(--h2-acid); color:var(--h2-ink); border-color:var(--h2-acid); }
.h2-choice:is(:hover,:focus-visible) .h2-choice__number { color:#596018; }
.h2-answer { padding:10px 20px 5px; }
.h2-answer .h2-micro { color:#6a6b61; }
.h2-answer h3 { font-size:clamp(24px,2.2vw,32px); font-weight:650; line-height:1.25; letter-spacing:-.035em; margin:22px 0 15px; }
.h2-answer > p { color:#63645c; font-size:14px; max-width:490px; }
.h2-answer__checks { display:flex; gap:10px; flex-wrap:wrap; margin:22px 0 18px; }
.h2-answer__checks > span { display:flex; gap:6px; align-items:center; font-size:10px; font-weight:650; padding:7px 10px; border:1px solid var(--h2-line); border-radius:100px; }
.h2-answer__checks i { font-style:normal; }
.h2-cases { background:#e8e7e0; }
.h2-cases h2 em,.h2-about h2 em,.h2-journal h2 em { color:inherit; }
.h2-cases__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.h2-case { display:flex; flex-direction:column; border-radius:22px; overflow:hidden; background:var(--h2-paper); transition:transform .3s var(--h2-ease),background .3s; }
.h2-case:hover { transform:translateY(-8px) rotate(-1deg); background:var(--h2-acid); }
.h2-case__image { position:relative; overflow:hidden; aspect-ratio:4/3; background:#d9d8d0; }
.h2-case__image img { width:100%; height:100%; object-fit:cover; transition:transform .65s var(--h2-ease); }
.h2-case:hover .h2-case__image img { transform:scale(1.045); }
.h2-case__open { position:absolute; right:16px; bottom:16px; width:44px; height:44px; background:var(--h2-acid); color:var(--h2-ink); display:grid; place-items:center; border-radius:50%; font-size:25px; transition:transform .3s,background .3s; }
.h2-case:hover .h2-case__open { transform:rotate(45deg); background:var(--h2-white); }
.h2-case__index { position:absolute; left:16px; top:16px; padding:5px 10px; border-radius:100px; font-size:10px; background:var(--h2-ink); color:var(--h2-white); }
.h2-case__body { padding:26px; display:flex; flex-direction:column; flex:1; }
.h2-case__body .h2-micro { color:#5c5e51; font-size:9px; }
.h2-case__body h3 { font-size:26px; font-weight:750; line-height:1.25; margin:13px 0 10px; }
.h2-case__body > p { font-size:12px; color:#616357; margin-bottom:27px; }
.h2-case__metric { display:flex; align-items:flex-start; flex-direction:column; gap:7px; margin-top:auto; border-top:1px solid var(--h2-line); padding-top:21px; }
.h2-case__metric strong { font-family:var(--tp-ff-heading,"Unbounded",sans-serif); font-size:clamp(23px,2.4vw,37px); letter-spacing:-.04em; line-height:1.25; }
.h2-case__metric > span { font-size:11px; color:#606254; }
.h2-case__read { display:flex; justify-content:space-between; align-items:center; font-size:10px; font-weight:700; margin-top:22px; }
.h2-case__read > span { font-size:23px; }
.h2-cases__note { font-size:10px!important; color:#6a6b60; margin-top:24px!important; }
.h2-solutions { background:var(--h2-ink); color:var(--h2-white); padding-bottom:52px; }
.h2-solutions .h2-section-head { margin-bottom:55px; }
.h2-solutions .h2-section-head > p { color:#9fa08f; }
.h2-stack { padding-bottom:12px; }
.h2-service { color:var(--h2-ink); background:var(--h2-paper); border-radius:26px; padding:30px 38px 22px; margin-bottom:22px; position:sticky; top:var(--h2-sticky); z-index:calc(2 + var(--card-order)); box-shadow:0 -16px 38px rgba(0,0,0,.13); scroll-margin-top:calc(var(--h2-sticky) + 12px); border:1px solid rgba(17,18,16,.18); }
.h2-service--ads { background:#e5e4dc; }
.h2-service--b24 { background:var(--h2-acid); }
.h2-service--design { background:#f4f2e9; }
.h2-service--dev { background:#252720; color:var(--h2-white); border-color:#616550; }
.h2-service__top { display:flex; justify-content:space-between; gap:20px; padding-bottom:24px; border-bottom:1px solid var(--h2-line); }
.h2-service__counter { font-size:10px; color:#6e7064; }
.h2-service__grid { display:grid; grid-template-columns:1.1fr .9fr; gap:70px; padding:31px 0 30px; align-items:center; }
.h2-service__copy h3 { font-family:var(--tp-ff-heading,"Unbounded",sans-serif); font-size:clamp(25px,3vw,44px); font-weight:750; line-height:1.15; letter-spacing:-.04em; max-width:680px; }
.h2-service__trigger { font-size:12px!important; font-weight:650!important; margin-top:20px!important; }
.h2-service__desc { font-size:13px!important; color:#65665b; margin-top:12px!important; max-width:600px; }
.h2-tags { display:flex; gap:7px; flex-wrap:wrap; margin:21px 0 23px; }
.h2-tags > button { display:flex; gap:12px; align-items:center; background:transparent; border:1px solid rgba(17,18,16,.3); border-radius:100px; padding:8px 12px; font-size:10px; font-weight:650; line-height:1.35; transition:background .25s,transform .25s var(--h2-ease),border-color .25s,color .25s; }
.h2-tags > button:is(:hover,:focus-visible,.h2-tip-active) { transform:translateY(-4px) rotate(-2deg); background:var(--h2-acid); color:var(--h2-ink); border-color:var(--h2-acid); }
.h2-service--b24 .h2-tags > button:is(:hover,:focus-visible,.h2-tip-active) { background:var(--h2-white); border-color:var(--h2-ink); }
.h2-service__bottom { display:flex; align-items:center; gap:22px; padding-top:18px; border-top:1px solid var(--h2-line); }
.h2-service__bottom > span:first-child { font-size:9px; color:#6b6d5e; text-transform:uppercase; flex-shrink:0; }
.h2-service__bottom > strong { font-size:11px; font-weight:650; }
.h2-service__bottom > span:last-child { margin-left:auto; font-size:25px; line-height:1; }
.h2-service__visual { position:relative; min-width:0; padding:12px 0; }
.h2-browser { background:#fffef7; border:1px solid #aaa99a; border-radius:13px; overflow:hidden; transform:rotate(3deg); box-shadow:8px 18px 0 #ddddd1; }
.h2-browser__bar { padding:13px 15px; display:flex; gap:5px; border-bottom:1px solid #d0d0c2; align-items:center; }
.h2-browser__bar i { width:5px; height:5px; border-radius:50%; background:#b4b5a3; }
.h2-browser__bar span { margin-left:auto; font-size:8px; color:#777b65; }
.h2-browser__screen { padding:27px 27px 18px; }
.h2-browser__screen > strong { font-family:var(--tp-ff-heading,"Unbounded",sans-serif); display:block; font-size:clamp(23px,2.4vw,35px); line-height:1.15; letter-spacing:-.04em; margin-top:19px; }
.h2-browser__lines { margin:16px 0 21px; }
.h2-browser__lines i { display:block; width:86%; height:5px; background:#e5e6da; border-radius:5px; margin-bottom:7px; }
.h2-browser__lines i:last-child { width:65%; }
.h2-browser__cta { font-size:9px; font-weight:700; padding:11px 16px; background:var(--h2-acid); border-radius:100px; display:inline-block; }
.h2-browser__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:26px; }
.h2-browser__grid span { background:#eeeeE4; border-radius:5px; padding:12px 6px; text-align:center; font-size:8px; font-weight:650; }
.h2-visual-sticker { position:absolute; right:-5px; bottom:-7px; transform:rotate(-7deg); padding:15px 22px; border-radius:5px; background:var(--h2-acid); color:var(--h2-ink); font-size:10px; font-weight:750; line-height:1.35; box-shadow:0 5px 18px #0001; }
.h2-ad { padding:30px 25px 23px; border:1px solid #a9aa98; border-radius:15px; background:#f5f5eb; transform:rotate(-2deg); }
.h2-search { display:flex; justify-content:space-between; align-items:center; background:var(--h2-white); padding:13px 16px; border:1px solid #babdad; border-radius:100px; font-size:10px; margin:24px 0 17px; }
.h2-search b { font-size:17px; }
.h2-ad__result { background:white; border:1px solid #d0d3c2; padding:20px; border-radius:9px; }
.h2-ad__result > span { font-size:8px; color:#737a57; display:block; }
.h2-ad__result strong { display:block; font-size:22px; line-height:1.15; margin:8px 0 15px; letter-spacing:-.035em; }
.h2-ad__result i { width:90%; height:4px; border-radius:3px; background:#e2e5d4; display:block; margin:7px 0; }
.h2-ad__result i:last-child { width:65%; }
.h2-ad__path { display:flex; justify-content:space-between; align-items:center; gap:5px; margin-top:25px; font-size:9px; }
.h2-ad__path > span { padding:9px 14px; border:1px solid #b1b697; border-radius:100px; }
.h2-kanban { background:#eff3d0; padding:25px 19px 17px; border:1px solid #6c781c; border-radius:15px; transform:rotate(2deg); }
.h2-kanban .h2-micro { font-size:8px; }
.h2-kanban__columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-top:24px; }
.h2-kanban__columns > div { padding:10px 7px; background:#dde5ad; border-radius:6px; min-height:186px; }
.h2-kanban__columns > div > span { font-size:8px; display:block; margin-bottom:16px; font-weight:700; }
.h2-kanban__columns article { background:#fffff8; padding:11px 8px; min-height:113px; border:1px solid #c2cba0; border-radius:6px; box-shadow:0 3px 5px #0001; }
.h2-kanban__columns article b { display:block; font-size:10px; line-height:1.3; }
.h2-kanban__columns article small { display:block; margin:10px 0 14px; font-size:7px; line-height:1.5; }
.h2-kanban__columns article i { display:block; width:70%; height:4px; background:#e2e6d4; margin-top:5px; border-radius:3px; }
.h2-kanban__footer { margin-top:18px; font-size:9px; font-weight:650; }
.h2-identity { background:var(--h2-ink); color:var(--h2-white); padding:25px; border-radius:14px; transform:rotate(-3deg); }
.h2-identity__type { font-family:var(--tp-ff-heading,"Unbounded",sans-serif); font-size:clamp(80px,10vw,140px); font-weight:750; letter-spacing:-.08em; display:flex; align-items:center; justify-content:space-between; line-height:1.15; }
.h2-identity__type span { color:var(--h2-acid); font-size:.68em; }
.h2-identity__swatches { display:flex; gap:5px; margin-top:13px; }
.h2-identity__swatches i { width:33.33%; height:24px; border-radius:4px; background:var(--h2-white); }
.h2-identity__swatches i:nth-child(2) { background:var(--h2-acid); }
.h2-identity__swatches i:nth-child(3) { background:#8c9276; }
.h2-identity__line { display:flex; justify-content:space-between; gap:25px; margin-top:21px; }
.h2-identity__line strong { font-size:19px; line-height:1.2; }
.h2-identity__line > span { font-size:8px; color:#b5b9a3; text-transform:uppercase; }
.h2-service--dev .h2-service__top,.h2-service--dev .h2-service__bottom { border-color:#626651; }
.h2-service--dev :is(.h2-service__desc,.h2-service__counter,.h2-service__bottom > span:first-child) { color:#b1b79f; }
.h2-service--dev .h2-tags > button { border-color:#7d8468; }
.h2-automation { border:1px solid #788260; border-radius:15px; background:#171b12; padding:24px; transform:rotate(3deg); color:var(--h2-white); }
.h2-automation__head { display:flex; align-items:center; gap:13px; font-size:10px; margin-bottom:26px; text-transform:uppercase; }
.h2-automation__step { display:flex; align-items:center; gap:12px; background:#242b1a; padding:16px; border-radius:6px; margin-bottom:8px; border:1px solid #53653b; }
.h2-automation__step > span { font-size:9px; color:#a0b081; }
.h2-automation__step > strong { font-size:12px; }
.h2-automation__step > b { margin-left:auto; font-size:18px; color:var(--h2-acid); font-weight:400; }
.h2-automation__step--done { background:var(--h2-acid); color:var(--h2-ink); border-color:var(--h2-acid); }
.h2-automation__step--done :is(span,b) { color:var(--h2-ink); }
.h2-automation__footer { font-size:9px; margin-top:24px; color:#aebd94; }
.h2-solutions__end { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:18px 0 0; font-size:13px; color:#b5b5a6; }
.h2-solutions__end .h2-text-link { color:var(--h2-white); }
.h2-about__grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:88px; align-items:start; }
.h2-about__portrait { position:sticky; top:var(--h2-sticky); margin-top:8px; }
.h2-about__portrait > img { border-radius:24px; width:100%; aspect-ratio:1/1.15; object-fit:cover; background:#dcded1; filter:grayscale(1); }
.h2-about__signature { display:flex; justify-content:space-between; align-items:center; gap:15px; padding-top:23px; }
.h2-about__signature strong { font-size:19px; letter-spacing:-.02em; }
.h2-about__signature > span { font-size:10px; color:#6d6f61; }
.h2-about__experience { display:flex; align-items:center; gap:10px; position:absolute; top:20px; right:20px; background:var(--h2-acid); color:var(--h2-ink); border-radius:100px; padding:11px 17px; font-size:9px; transform:rotate(5deg); }
.h2-about__experience strong { font-family:var(--tp-ff-heading,"Unbounded",sans-serif); font-size:23px; }
.h2-about__copy .h2-label { margin-bottom:25px; }
.h2-about h2 { font-size:clamp(29px,3.25vw,48px); line-height:1.15; }
.h2-about__lead { font-size:19px!important; line-height:1.45!important; margin:27px 0 17px!important; font-weight:550!important; }
.h2-about__copy > p:not(.h2-about__lead) { font-size:13px; color:#6d6f61; max-width:520px; }
.h2-about__principles { margin:34px 0 24px; }
.h2-about__principles > div { display:grid; grid-template-columns:30px 1fr; gap:7px 15px; border-top:1px solid var(--h2-line); padding:20px 0; }
.h2-about__principles > div > span { font-size:10px; color:#6d6f61; padding-top:3px; }
.h2-about__principles strong { font-size:14px; }
.h2-about__principles p { grid-column:2; font-size:12px; color:#6d6f61; }
.h2-process { color:var(--h2-white); background:var(--h2-ink); }
.h2-process .h2-section-head > p { color:#a0a190; }
.h2-process__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.h2-step { min-height:332px; padding:25px 23px; display:flex; flex-direction:column; border:1px solid #616451; border-radius:18px; background:#20221c; transition:background .3s,transform .3s var(--h2-ease),color .3s; }
.h2-step__number { display:flex; justify-content:space-between; align-items:center; color:#b7bca1; font-size:12px; }
.h2-step__number > span { color:var(--h2-acid); font-size:27px; }
.h2-step h3 { margin-top:36px; font-size:22px; font-weight:700; line-height:1.2; letter-spacing:-.025em; }
.h2-step > p { color:#b7bca1; font-size:12px; margin:14px 0 24px; }
.h2-step__result { display:flex; flex-direction:column; gap:8px; margin-top:auto; padding-top:17px; border-top:1px solid #565c45; }
.h2-step__result > span { color:#9ca284; font-size:9px; text-transform:uppercase; }
.h2-step__result strong { font-size:11px; }
.h2-step:is(:hover,:focus-visible) { background:var(--h2-acid); color:var(--h2-ink); transform:translateY(-5px) rotate(-1deg); border-color:var(--h2-acid); }
.h2-step:is(:hover,:focus-visible) :is(p,.h2-step__number,.h2-step__number > span,.h2-step__result > span) { color:#424b16; }
.h2-step:is(:hover,:focus-visible) .h2-step__result { border-color:#919f26; }
.h2-testimonial { background:var(--h2-acid); padding:70px 0; }
.h2-testimonial blockquote { font-family:var(--tp-ff-heading,"Unbounded",sans-serif); font-size:clamp(23px,2.8vw,41px); line-height:1.35; font-weight:600; letter-spacing:-.035em; max-width:1140px; margin:30px 0 40px; }
.h2-testimonial__bottom { display:flex; align-items:center; justify-content:space-between; gap:25px; }
.h2-testimonial .h2-person small { color:#535c1d; }
.h2-journal__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.h2-article { display:flex; flex-direction:column; border:1px solid var(--h2-line); border-radius:18px; overflow:hidden; transition:transform .3s var(--h2-ease),background .25s; }
.h2-article:hover { background:var(--h2-acid); transform:translateY(-5px) rotate(-1deg); }
.h2-article__image { aspect-ratio:16/10; overflow:hidden; background:#e0e1d5; }
.h2-article__image img { width:100%; height:100%; object-fit:cover; transition:transform .5s var(--h2-ease); }
.h2-article:hover img { transform:scale(1.04); }
.h2-article__body { display:flex; flex-direction:column; padding:23px; flex:1; }
.h2-article__body .h2-micro { color:#666c54; }
.h2-article__body h3 { font-size:18px; font-weight:650; line-height:1.4; letter-spacing:-.015em; margin:15px 0 28px; }
.h2-article__read { display:flex; justify-content:space-between; align-items:center; font-size:10px; font-weight:700; margin-top:auto; }
.h2-article__read > span { font-size:23px; }
.h2-contact { color:var(--h2-white); background:var(--h2-ink); position:relative; padding-bottom:75px; }
.h2-contact__top { display:flex; align-items:center; justify-content:space-between; margin-bottom:35px; }
.h2-contact__asterisk { color:var(--h2-acid); font-size:65px; line-height:1; animation:h2-turn 30s linear infinite; }
.h2-contact h2 { font-size:clamp(40px,7vw,106px); line-height:1.09; }
.h2-contact__bottom { display:flex; justify-content:space-between; align-items:center; gap:35px; padding-top:35px; margin-top:40px; border-top:1px solid #434734; }
.h2-contact__promise { font-size:22px!important; font-weight:550!important; }
.h2-contact__bottom p:last-child { color:#aaaF98; font-size:12px; margin-top:10px; }
.h2-contact .h2-btn { min-width:280px; font-size:14px; min-height:75px; }
.h2-contact .h2-btn > span { width:52px; height:52px; font-size:31px; }
.h2-tooltip { position:fixed; z-index:100010; max-width:min(290px,calc(100vw - 24px)); width:max-content; padding:13px 16px; border-radius:12px; background:#d7ef00; color:#111210; font-family:var(--tp-ff-body,"Montserrat",sans-serif); font-size:12px; line-height:1.45; font-weight:650; pointer-events:none; box-shadow:0 10px 28px #0003; opacity:0; visibility:hidden; transform:translateY(6px); transition:opacity .18s,transform .18s,visibility .18s; }
.h2-tooltip[data-open] { opacity:1; visibility:visible; transform:none; }
.h2-page.h2-motion [data-h2-reveal] { opacity:0; transform:translateY(25px); transition:opacity .65s var(--h2-ease),transform .65s var(--h2-ease); }
.h2-page.h2-motion [data-h2-reveal].h2-visible { opacity:1; transform:none; }
.h2-page.h2-motion :is(.h2-case,.h2-step,.h2-article).h2-visible { transition:opacity .65s var(--h2-ease),transform .3s var(--h2-ease),background .25s,color .25s; }
.h2-page.h2-motion :is(.h2-case,.h2-step,.h2-article).h2-visible:hover { transform:translateY(-6px) rotate(-1deg); }
@keyframes h2-marquee { to { transform:translateX(-50%); } }
@keyframes h2-turn { to { transform:rotate(360deg); } }
@media (min-width:1600px) { .h2-hero { padding-top:78px; } .h2-hero__grid { margin-top:55px; } }
@media (max-width:1200px) {
 .h2-wrap { width:calc(100% - 64px); }
 .h2-hero__grid { gap:30px; grid-template-columns:1.5fr 1fr; }
 .h2-hero h1 { font-size:5.5vw; }
 .h2-route { height:470px; }
 .h2-route__card { min-height:103px; padding:14px 18px; }
 .h2-route__card strong { font-size:24px; }
 .h2-route__card--1 { top:35px; }
 .h2-route__card--2 { top:129px; }
 .h2-route__card--3 { top:230px; }
 .h2-route__card--4 { top:325px; }
 .h2-section { padding:88px 0; }
 .h2-section-head { gap:30px; }
 .h2-section-head > p { max-width:280px; }
 .h2-service { padding:25px 28px 20px; }
 .h2-service__grid { gap:40px; }
 .h2-about__grid { gap:50px; }
 .h2-step { padding:22px 17px; }
 .h2-step h3 { font-size:19px; }
}
@media (max-width:1000px) {
 .h2-hero__edition { display:none; }
 .h2-hero h1 { font-size:5.7vw; }
 .h2-route__card strong { font-size:21px; }
 .h2-route__card .h2-micro { font-size:8px; }
 .h2-route__card-foot { font-size:8px; }
 .h2-hero__facts { gap:20px; }
 .h2-hero .h2-actions { gap:15px; }
 .h2-section-head { align-items:start; flex-direction:column; gap:22px; }
 .h2-section-head > p { max-width:560px; }
 .h2-diagnostic { gap:26px; }
 .h2-choice { padding:15px; gap:15px; }
 .h2-choice strong { font-size:15px; }
 .h2-case__body { padding:21px; }
 .h2-case__metric strong { font-size:23px; }
 .h2-case__body h3 { font-size:23px; }
 .h2-service__grid { gap:30px; }
 .h2-service__copy h3 { font-size:30px; }
 .h2-service__desc { font-size:12px!important; }
 .h2-browser__screen { padding:20px; }
 .h2-browser__screen > strong { font-size:23px; }
 .h2-service .h2-btn { gap:15px; font-size:10px; }
 .h2-service .h2-btn > span { width:34px; height:34px; }
 .h2-kanban { padding:20px 12px 15px; }
 .h2-kanban__columns { gap:5px; }
 .h2-kanban__columns article b { font-size:8px; }
 .h2-about__grid { gap:35px; }
 .h2-about h2 { font-size:30px; }
 .h2-about__signature { align-items:start; flex-direction:column; gap:8px; }
 .h2-process__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .h2-step { min-height:285px; padding:25px; }
 .h2-step h3 { font-size:24px; }
 .h2-article__body { padding:19px; }
 .h2-article__body h3 { font-size:15px; }
}
@media (max-width:760px) {
 .h2-wrap { width:calc(100% - 40px); }
 .h2-section { padding:66px 0; }
 .h2-page h2 { font-size:clamp(26px,6.7vw,43px); }
 .h2-hero { padding-top:38px; }
 .h2-hero__meta .h2-label { font-size:9px; }
 .h2-hero__grid { grid-template-columns:1fr; gap:35px; margin-top:30px; }
 .h2-hero h1 { font-size:clamp(34px,8vw,59px); }
 .h2-hero__promise { font-size:18px!important; margin-top:23px!important; }
 .h2-hero__desc { font-size:12px!important; max-width:480px; }
 .h2-hero .h2-actions { margin-top:23px; gap:12px 24px; }
 .h2-hero .h2-btn { min-height:57px; font-size:11px; }
 .h2-hero .h2-text-link { font-size:10px; }
 .h2-route { height:430px; width:min(100%,460px); margin:10px auto 0; }
 .h2-route__card { width:70%; min-height:99px; }
 .h2-route__card strong { font-size:24px; }
 .h2-route__card--1 { top:27px; left:1%; }
 .h2-route__card--2 { top:115px; left:23%; }
 .h2-route__card--3 { top:208px; left:4%; }
 .h2-route__card--4 { top:300px; left:25%; }
 .h2-route__stamp { left:5px; bottom:-12px; font-size:8px; }
 .h2-route__stamp > span { font-size:32px; }
 .h2-hero__bottom { margin-top:35px; gap:20px; flex-wrap:wrap; padding-top:23px; }
 .h2-hero__bottom .h2-person { flex:1; }
 .h2-person img { width:46px; height:46px; }
 .h2-person strong { font-size:11px; }
 .h2-person small { font-size:9px; }
 .h2-scroll { width:38px; height:38px; }
 .h2-hero__facts { width:100%; justify-content:space-between; order:3; border-top:1px solid #393d2d; padding-top:18px; gap:15px; font-size:8px; }
 .h2-hero__facts strong { font-size:27px; }
 .h2-hero__facts > span:first-child { gap:7px; }
 .h2-ticker { padding:12px 0; }
 .h2-ticker__track > span { font-size:13px; gap:20px; padding-right:20px; }
 .h2-ticker b { font-size:20px; }
 .h2-section-head { margin-bottom:30px; }
 .h2-section-head .h2-label { margin-bottom:18px; font-size:9px; }
 .h2-section-head > p { font-size:12px; }
 .h2-diagnostic { grid-template-columns:1fr; gap:25px; padding-top:24px; }
 .h2-diagnostic__choices { gap:7px; }
 .h2-choice { min-height:66px; padding:14px 17px; }
 .h2-choice strong { font-size:14px; }
 .h2-choice__number { font-size:9px; }
 .h2-choice__arrow { font-size:21px; }
 .h2-answer { padding:10px 3px 0; }
 .h2-answer h3 { font-size:25px; margin-top:17px; }
 .h2-answer > p { font-size:12px; }
 .h2-answer__checks { gap:6px; }
 .h2-answer__checks > span { font-size:9px; }
 .h2-cases__grid { grid-template-columns:1fr; gap:25px; }
 .h2-case__image { aspect-ratio:4/3; }
 .h2-case__body { padding:23px; }
 .h2-case__body h3 { font-size:26px; }
 .h2-case__body > p { font-size:12px; margin-bottom:22px; }
 .h2-case__metric { flex-direction:row; align-items:center; gap:20px; }
 .h2-case__metric strong { font-size:25px; flex-shrink:0; }
 .h2-case__metric > span { font-size:10px; }
 .h2-cases__note { font-size:9px!important; }
 .h2-solutions .h2-section-head { margin-bottom:30px; }
 .h2-service { position:relative; top:auto; padding:24px 22px 20px; border-radius:20px; margin-bottom:18px; }
 .h2-service__top { padding-bottom:20px; }
 .h2-service__top .h2-label { font-size:9px; }
 .h2-service__counter { font-size:9px; }
 .h2-service__grid { grid-template-columns:1fr; padding:24px 0 27px; gap:34px; }
 .h2-service__copy h3 { font-size:clamp(25px,6.4vw,37px); }
 .h2-service__trigger { font-size:12px!important; margin-top:17px!important; }
 .h2-service__desc { font-size:12px!important; }
 .h2-tags { gap:6px; margin:18px 0 22px; }
 .h2-tags > button { padding:7px 10px; font-size:9px; }
 .h2-service .h2-btn { font-size:11px; gap:22px; min-height:54px; padding-left:18px; }
 .h2-service__visual { width:min(100%,440px); margin-inline:auto; padding:10px 2px; }
 .h2-service__bottom { align-items:start; display:grid; grid-template-columns:1fr 24px; gap:8px; }
 .h2-service__bottom > span:first-child { grid-column:1; font-size:8px; }
 .h2-service__bottom > strong { grid-column:1; font-size:10px; }
 .h2-service__bottom > span:last-child { grid-column:2; grid-row:1 / 3; align-self:center; }
 .h2-browser__screen { padding:26px; }
 .h2-browser__screen > strong { font-size:27px; }
 .h2-browser__grid { margin-top:25px; }
 .h2-visual-sticker { right:0; font-size:9px; bottom:-10px; }
 .h2-kanban__columns article b { font-size:10px; }
 .h2-kanban { padding:22px 15px 17px; }
 .h2-kanban__columns { gap:7px; }
 .h2-identity__type { font-size:105px; }
 .h2-solutions__end { flex-direction:column; align-items:start; gap:7px; padding-top:10px; font-size:12px; }
 .h2-about__grid { grid-template-columns:1fr; gap:40px; }
 .h2-about__portrait { position:relative; top:auto; width:min(100%,450px); }
 .h2-about__portrait > img { aspect-ratio:1/1.05; }
 .h2-about__signature { flex-direction:row; align-items:center; }
 .h2-about__signature strong { font-size:17px; }
 .h2-about h2 { font-size:clamp(26px,6.4vw,42px); }
 .h2-about__lead { font-size:17px!important; }
 .h2-about__copy > p:not(.h2-about__lead) { font-size:12px; }
 .h2-about__principles strong { font-size:13px; }
 .h2-about__principles p { font-size:11px; }
 .h2-process__grid { gap:10px; }
 .h2-step { min-height:300px; padding:20px 17px; }
 .h2-step h3 { font-size:20px; margin-top:27px; }
 .h2-step > p { font-size:11px; }
 .h2-step__result strong { font-size:10px; }
 .h2-testimonial { padding:50px 0; }
 .h2-testimonial blockquote { font-size:clamp(21px,5.1vw,33px); line-height:1.4; margin:23px 0 30px; }
 .h2-testimonial__bottom { align-items:start; flex-direction:column; gap:22px; }
 .h2-journal__grid { grid-template-columns:1fr; gap:20px; }
 .h2-article__body { padding:22px; }
 .h2-article__body h3 { font-size:18px; }
 .h2-contact h2 { font-size:clamp(33px,8.8vw,65px); }
 .h2-contact__top { margin-bottom:27px; }
 .h2-contact__top .h2-label { font-size:9px; }
 .h2-contact__asterisk { font-size:37px; }
 .h2-contact__bottom { flex-direction:column; align-items:start; gap:24px; margin-top:27px; padding-top:27px; }
 .h2-contact__promise { font-size:19px!important; }
 .h2-contact__bottom p:last-child { font-size:11px; }
 .h2-contact .h2-btn { min-width:250px; min-height:66px; font-size:12px; }
 .h2-contact .h2-btn > span { width:46px; height:46px; }
}
@media (min-width:761px) and (max-height:780px) {
 .h2-service { padding-top:20px; padding-bottom:17px; }
 .h2-service__grid { padding:22px 0; }
 .h2-service__top { padding-bottom:16px; }
 .h2-service__copy h3 { font-size:clamp(25px,2.7vw,40px); }
 .h2-service__trigger { margin-top:15px!important; }
 .h2-tags { margin:14px 0 18px; }
 .h2-service__visual { max-width:400px; justify-self:center; }
 .h2-browser__screen { padding:20px; }
}
@media (max-width:380px) {
 .h2-wrap { width:calc(100% - 32px); }
 .h2-hero h1 { font-size:8vw; }
 .h2-page h2 { font-size:7vw; }
 .h2-case__metric { flex-direction:column; align-items:start; gap:7px; }
 .h2-service { padding-inline:18px; }
 .h2-service__copy h3 { font-size:24px; }
 .h2-process__grid { grid-template-columns:1fr; }
 .h2-step { min-height:245px; }
 .h2-about h2 { font-size:6.8vw; }
 .h2-person small { font-size:8px; }
 .h2-route__card { padding:13px 17px; }
 .h2-route__card strong { font-size:22px; }
}
@media (prefers-reduced-motion:reduce) {
 .h2-page *, .h2-tooltip { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
 .h2-page.h2-motion [data-h2-reveal] { opacity:1; transform:none; }
}
/* Second review: header continuity, readable active cards, intentional portrait scale. */
body.page-template-orl-home-2page-php { background:#111210; }
body.page-template-orl-home-2page-php .orl-header-space { background:#111210; }
.h2-page .h2-route__card strong { color:inherit; }
.h2-service--b24 .h2-service__desc { color:#49521b; }
.h2-case:hover .h2-case__body :is(.h2-micro,p,.h2-case__metric > span) { color:#465017; }
.h2-author-poster { min-height:550px; border-radius:24px; overflow:hidden; position:relative; padding:28px; background:#22241e; color:var(--h2-white); }
.h2-author-poster__head { display:flex; align-items:center; justify-content:space-between; gap:20px; color:#b3baa1; }
.h2-author-poster__head > span:last-child { font-size:28px; color:var(--h2-acid); }
.h2-author-poster__title { display:block; margin-top:30px; font-family:var(--tp-ff-heading,"Unbounded",sans-serif); font-size:clamp(36px,4vw,58px); font-weight:750; letter-spacing:-.045em; text-transform:uppercase; line-height:1.1; }
.h2-author-poster__photo { position:relative; margin:30px 0 0 auto; width:min(75%,275px); aspect-ratio:1; border-radius:50%; }
.h2-author-poster__photo::before { content:""; position:absolute; inset:-9px; border:1px solid #7a8560; border-radius:50%; }
.h2-author-poster__photo::after { content:"✳"; position:absolute; left:-40px; top:8px; font-size:80px; line-height:1; color:var(--h2-acid); }
.h2-author-poster__photo img { width:100%; height:100%; object-fit:cover; border-radius:50%; filter:grayscale(1); }
.h2-author-poster__foot { font-size:11px; line-height:1.5; color:#b3baa1; margin-top:32px; }
.h2-about__experience { top:127px; right:23px; z-index:2; padding:9px 13px; }
.h2-article__fallback { background:var(--h2-ink); color:var(--h2-acid); height:100%; padding:28px; font-family:var(--tp-ff-heading,"Unbounded",sans-serif); font-size:30px; font-weight:700; line-height:1.15; }
.h2-article__fallback > span { float:right; }
.h2-step h3 { overflow-wrap:normal; word-break:normal; }
@media(max-width:1200px) { .h2-author-poster { min-height:500px; } }
@media(max-width:1000px) { .h2-author-poster { min-height:455px; padding:24px; } .h2-author-poster__title { font-size:37px; } .h2-author-poster__photo { width:83%; } .h2-author-poster__photo::after { font-size:56px; left:-23px; } .h2-about__experience { top:133px; right:14px; padding:8px 10px; } }
@media(max-width:760px) { .h2-author-poster { min-height:490px; padding:25px; } .h2-author-poster__title { font-size:46px; } .h2-author-poster__photo { width:72%; max-width:260px; } .h2-about__experience { top:124px; right:24px; } .h2-step h3 { font-size:clamp(16px,4.5vw,22px); } }
@media(max-width:380px) { .h2-author-poster { min-height:430px; } .h2-author-poster__title { font-size:38px; } .h2-author-poster__photo { width:77%; } .h2-about__experience { top:132px; font-size:8px; } }
.h2-page .h2-route__card--4 { color:var(--h2-ink); }