/* Nuha: project-first presentation. Shared forms and other pages retain b2b.css. */
.experience{--max:1280px;--bg:#090e11;--surface:#111b20;--soft:#b5c6ca;--accent:#9cf0ce;background:var(--bg)}
.experience .wrap{width:min(var(--max),calc(100% - 96px))}.experience .site-header{background:rgba(9,14,17,.93);backdrop-filter:blur(18px)}.experience .header-inner{min-height:84px}.experience .brand{font-size:1.8rem}.experience .nav{gap:24px;font-size:.83rem}.experience .button{border-radius:10px;gap:22px;min-height:54px;font-weight:600;padding:14px 22px}.experience .button.primary{background:#a0efcf;border:1px solid #a0efcf;color:#10271f;box-shadow:0 6px 24px #6cdeb310}.experience .button.primary:hover{background:#bbf9df;box-shadow:0 8px 28px #6cdeb324}.experience .button.small{min-height:44px;padding:10px 17px}.experience .button.ghost{border-color:#405158;background:#11202750;color:#e0ebeb}.experience .eyebrow{font-size:.7rem;letter-spacing:.14em}.experience .lead{font-size:1.12rem;line-height:1.75}.experience .micro{font-size:.8rem;color:#adc0c3}.experience h2{font-size:clamp(2.15rem,4.25vw,3.6rem);font-weight:550;letter-spacing:-.045em;line-height:1.08}.experience .text-link{font-size:.87rem}.experience .section{padding-block:104px}.experience .section-heading{max-width:none;margin-bottom:42px}.experience .section-heading.row{display:grid;grid-template-columns:1.12fr .88fr;gap:90px;align-items:end}.experience .section-heading.row>p,.experience .section-heading.row>div>p:not(.eyebrow){max-width:440px;font-size:1rem}.experience .section-heading.row .text-link{margin-top:18px}.experience .section-heading:not(.row)>p:last-child{max-width:580px;margin-top:25px}.eyebrow-line{display:inline-block;width:24px;height:2px;background:var(--accent);vertical-align:middle;margin-right:9px}
.new-hero{background:radial-gradient(ellipse at 80% 25%,#21453f55,transparent 48%),#090e11;isolation:isolate}.hero-grid{position:absolute;z-index:-1;inset:0;background-image:linear-gradient(#96e4ca06 1px,transparent 1px),linear-gradient(90deg,#96e4ca06 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000)}.experience .hero-inner{grid-template-columns:1fr .9fr;gap:76px;padding-block:88px 70px;align-items:center}.experience .hero h1{font-size:clamp(4rem,6.8vw,6.1rem);font-weight:550;letter-spacing:-.065em;line-height:1.015}.experience .hero h1 em{color:#a0efcf}.hero-copy .lead{max-width:535px;margin-top:28px}.hero-copy .actions{gap:12px;margin-top:30px}.hero-work{border:1px solid #3f645b;border-radius:22px;background:linear-gradient(155deg,#1b2e30,#101a20 70%);box-shadow:0 28px 70px #0004;position:relative;padding:24px 26px 18px;transform:rotate(1deg)}.work-topline{display:flex;gap:12px;align-items:center;font-size:.72rem;line-height:1.5;color:#a8bcbe}.work-topline strong{font-weight:550;font-size:.79rem}.work-symbol{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:10px;background:#a0efcf;color:#173d31;font-size:1.4rem;font-weight:700}.work-example-tag{margin-left:auto;padding:4px 9px;border:1px solid #4b645f;border-radius:5px;color:#c5d8d5;font-size:.63rem;text-transform:uppercase;letter-spacing:.08em}.work-input{display:flex;gap:16px;margin:25px 0 0;padding:19px 22px;border-radius:12px;border:1px solid #425251;background:#0d171a}.work-input>div>span{font-size:.64rem;color:#9fb8b3;letter-spacing:.08em;text-transform:uppercase}.work-input p{font-size:1.03rem;line-height:1.5;color:#e4eeec;margin-top:7px}.input-icon{color:var(--accent);font-size:1.5rem}.work-connection{display:flex;align-items:center;justify-content:center;gap:10px;height:43px}.work-connection>span{width:35px;height:1px;background:#538372}.work-connection i{font-size:.65rem;font-style:normal;color:var(--accent);letter-spacing:.1em}.work-output{background:#e9f0e9;color:#18382e;padding:24px 25px 17px;border-radius:12px;box-shadow:0 10px 25px #0002;transform:rotate(-1deg)}.document-top{display:flex;justify-content:space-between;gap:10px;color:#517463;font-size:.56rem;letter-spacing:.1em;font-weight:650}.experience .work-output h2{font-size:1.6rem;line-height:1.12;letter-spacing:-.035em;margin-top:13px;margin-bottom:18px}.output-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #1b44351c}.check-icon{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:50%;background:#cddfd0;color:#296e50;font-size:.8rem}.output-row>div{display:grid;gap:1px}.output-row strong{font-size:.78rem;color:#234535;font-weight:650;line-height:1.4}.output-row>div>span{font-size:.69rem;color:#53705e;line-height:1.5}.work-link{display:flex;justify-content:space-between;border-top:1px solid #1b44352b;margin-top:7px;padding-top:13px;font-size:.71rem;font-weight:650;color:#214b37}.work-link:hover{color:#126346}.work-foot{text-align:center;margin-top:14px;font-size:.63rem;color:#b0c6bf}.trust-line{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding-block:25px 28px;border-top:1px solid #b4dfd021}.trust-line>span{font-size:.75rem;color:#9fb5b9;display:grid;gap:3px}.trust-line b{font-size:.85rem;color:#e0ece9;font-weight:500}.proof-strip{border-bottom:1px solid var(--line);background:#0c1418}.proof-strip>.wrap{padding-block:35px;display:grid;grid-template-columns:230px 1fr;gap:30px;align-items:center}.proof-strip p{font-size:.7rem;line-height:1.6;color:#cfddda}.proof-strip p>span{font-size:.65rem;color:#91a7aa}.proof-brands{display:flex;align-items:center;justify-content:space-between;gap:25px}.proof-brands>a{font-size:1.15rem;font-weight:650;line-height:1.1;letter-spacing:-.045em;color:#d0dcd9}.proof-brands>a:hover{color:var(--accent)}.proof-brands .brand-studio{font-size:.92rem;letter-spacing:-.05em}.brand-studio span{font-weight:400}.proof-brands>a:nth-child(2)>span{display:block;font-size:.37rem;letter-spacing:.13em;margin-top:5px}.proof-brands .brand-hdr{font-weight:750;font-size:1.4rem;font-style:italic}.brand-hdr>span{font-weight:400}.proof-brands .brand-vital{font-size:1.05rem}.proof-brands .brand-kalibrator{font-size:.69rem;letter-spacing:.1em;font-weight:500}
.ideas-section{background:#0c1317}.idea-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.idea-filters[hidden]{display:none}.idea-filters button{font-size:.8rem;line-height:1.4;padding:11px 19px;min-height:44px;background:transparent;color:#bdd0d1;border:1px solid #36464c;border-radius:999px}.idea-filters button[aria-pressed=true]{color:#112c22;background:#a0efcf;border-color:#a0efcf}.idea-filters button span{font-size:.66rem;padding-left:8px;opacity:.7}.idea-filters button:hover{border-color:#a0efcf}.idea-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.idea-card{border:1px solid #2d4045;border-radius:15px;overflow:hidden;background:#111c21;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s}.idea-card:hover{transform:translateY(-4px);border-color:#5b8073}.idea-card[hidden]{display:none}.idea-visual{height:242px;position:relative;background:#1c302e;padding:43px 26px 0;overflow:hidden;display:flex;align-items:flex-start;justify-content:center}.visual-example{position:absolute;top:13px;left:19px;font-size:.55rem;letter-spacing:.035em;color:#b7d3c8}.visual-website{background:linear-gradient(125deg,#293f3b,#24302c)}.visual-briefing{background:linear-gradient(125deg,#213e47,#243239)}.visual-checklist{background:linear-gradient(125deg,#3b3830,#323a2c)}.visual-knowledge{background:linear-gradient(125deg,#253b44,#29364b)}.visual-report{background:linear-gradient(125deg,#264e48,#1d3438)}.visual-data{background:linear-gradient(125deg,#393d2e,#293c32)}.mini-doc,.mini-site{width:100%;max-width:310px;min-height:210px;background:#edf2eb;color:#2d453b;box-shadow:0 12px 30px #0003;padding:21px 22px;border-radius:7px 7px 0 0;transform:rotate(-3deg);pointer-events:none}.mini-doc>b,.mini-site>b{display:block;font-size:1rem;letter-spacing:-.04em;line-height:1.2;margin:11px 0 15px;font-weight:650}.paper-label,.mini-kicker{color:#587162;font-size:.43rem;letter-spacing:.12em;font-weight:650}.doc-row{display:flex;gap:10px;align-items:center;justify-content:flex-start;font-size:.57rem;line-height:1.45;padding:10px 0;border-top:1px solid #ccd7c9}.doc-row>span{font-size:.5rem;color:#4d7b65}.mini-site{background:#f1eee3;transform:rotate(3deg);color:#354d38;padding-top:24px}.mini-site>b{font-size:1.42rem;max-width:210px;margin-top:14px}.mini-site i{font-size:.55rem;display:block;line-height:1.5;font-style:normal;color:#71806a}.mini-cta{font-size:.5rem;background:#3c6547;color:#fff;display:inline-block;padding:8px 12px;border-radius:4px;margin-top:15px}.mini-search{display:flex;justify-content:space-between;border:1px solid #bdcdbd;border-radius:4px;padding:8px 10px;font-size:.5rem;margin-bottom:7px}.mini-chart{height:93px;display:flex;gap:10px;align-items:flex-end;padding-top:10px;border-bottom:1px solid #b8ccc1}.mini-chart>i{background:#4c8a6f;border-radius:3px 3px 0 0;flex:1;height:48%}.mini-chart>i:nth-child(2){height:63%}.mini-chart>i:nth-child(3){height:55%}.mini-chart>i:nth-child(4){height:81%}.mini-chart>i:nth-child(5){height:69%}.mini-chart>i:nth-child(6){height:94%;background:#b7b86b}.mini-chart>i:nth-child(7){height:84%}.mini-chart>i:nth-child(8){height:100%}.chart-caption{display:flex;justify-content:space-between;font-size:.43rem;margin-top:10px;color:#577262}.data-line{display:flex;justify-content:space-between;font-size:.58rem;border-bottom:1px solid #cdd8cc;padding:8px 0}.data-line.head{font-size:.47rem;color:#5b7260}.data-line em{font-style:normal;font-size:.5rem;color:#3a6a4c}.data-line em.missing{color:#856536}.idea-copy{padding:25px 25px 24px}.idea-meta{display:flex;justify-content:space-between;gap:10px;font-size:.59rem;color:#a0c1b9;letter-spacing:.055em;text-transform:uppercase;margin-bottom:15px}.idea-meta>span:last-child{color:#83a195}.idea-copy h3{font-size:1.35rem;line-height:1.2;letter-spacing:-.035em;font-weight:550;min-height:3.65rem}.idea-copy>p{font-size:.86rem;line-height:1.7;margin-top:17px}.idea-copy details{margin-top:23px;border-block:1px solid #30454a}.idea-copy summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;list-style:none;padding-block:15px;font-size:.76rem;color:#d3e4dd;line-height:1.5}.idea-copy summary::-webkit-details-marker{display:none}.idea-copy summary>span{font-size:1.2rem;color:#a0efcf;transition:transform .2s}.idea-copy details[open] summary>span{transform:rotate(45deg)}.idea-details{padding-block:0 16px}.idea-details strong{font-size:.7rem;font-weight:600;color:#a0efcf}.idea-details p{font-size:.8rem;line-height:1.7;margin-block:5px 12px}.idea-copy>.text-link{font-size:.75rem;margin-top:20px;justify-content:space-between;display:flex;gap:5px}.idea-outro{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #304046;padding-top:26px;margin-top:34px;align-items:center}.idea-outro p{font-size:.85rem}.idea-outro p>strong{font-weight:500}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.case-section{background:#e9eee8;color:#16362d}.case-section .eyebrow{color:#526e5b}.case-section p{color:#516858}.case-section .section-heading h2{color:#18392c}.case-section .text-link{color:#285b43}.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.case-card{min-width:0;overflow:hidden;border:1px solid #c4d0c2;border-radius:14px;background:#f5f7f0}.case-image{display:block;background:#d6e1d5;overflow:hidden;border-bottom:1px solid #c4d0c2}.browser-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 18px;color:#556c5e;font-size:.63rem;line-height:1.1;background:#dce6da}.browser-bar>span:first-child{font-size:.47rem;letter-spacing:.12em;color:#8b9f8a}.case-image img{width:100%;height:auto;aspect-ratio:1200/833;object-fit:cover;object-position:top}.case-copy{padding:29px 30px 27px}.case-copy .eyebrow{margin-bottom:13px;font-size:.6rem}.case-copy h3{font-size:1.6rem;line-height:1.17;letter-spacing:-.04em;max-width:440px;color:#18392c}.case-copy>p:not(.eyebrow){font-size:.87rem;margin-top:17px;line-height:1.7}.feature-tags{list-style:none;padding:0;margin:20px 0;display:flex;flex-wrap:wrap;gap:6px;color:#45634f}.feature-tags li{border:1px solid #b7c9b6;padding:5px 10px;border-radius:5px;font-size:.61rem;line-height:1.4;margin:0}.case-copy>.text-link{margin-top:3px;font-size:.77rem}.case-note{font-size:.72rem;line-height:1.65;margin-top:26px;max-width:800px}.case-list{display:grid;gap:44px}.case-detail{display:grid;grid-template-columns:1.15fr 1fr;align-items:center}.case-detail .case-image{border:0;border-right:1px solid #c4d0c2;height:100%;display:flex;flex-direction:column;justify-content:center;background:#dce6da}.case-detail .case-copy{padding:36px}.case-transfer{border-top:1px solid #cad5c6;padding-top:17px;margin-bottom:20px}.case-transfer strong{color:#2d5038;font-size:.74rem;font-weight:650}.case-transfer p{font-size:.83rem;margin-top:7px;line-height:1.65}.references-page .reference-hero{background:radial-gradient(ellipse at 90% 40%,#24483c66,transparent 65%);padding-block:58px 78px}.reference-hero h1{font-size:clamp(3.1rem,6vw,5.3rem);line-height:1.06;letter-spacing:-.055em;max-width:950px}.reference-hero h1 em{font-style:normal;color:var(--accent)}.reference-hero .lead{max-width:720px}.reference-hero .project-context{font-size:.82rem;max-width:800px;margin-top:24px;color:#a9bfba;line-height:1.7}
.start-section{background:#101a1e}.start-section .section-heading>p:last-child{max-width:590px}.start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-top:50px}.start-card{border-top:1px solid #3e5658;padding-top:22px}.step-number{font-size:.73rem;color:#9bbaa9;display:block;margin-bottom:25px}.start-card h3{font-size:1.3rem;line-height:1.2;font-weight:550}.start-card p{font-size:.88rem;line-height:1.75;margin-top:17px}.human-note{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;border:1px solid #3b5554;border-radius:12px;background:#1a2a2a;padding:26px 28px;margin-top:50px}.human-mark{font-size:2rem;color:#99e5c4}.human-note h3{font-size:1rem;letter-spacing:-.02em;font-weight:550}.human-note p{font-size:.8rem;max-width:640px;line-height:1.7;margin-top:8px}.human-note>a{max-width:160px;font-size:.76rem}.experience #fragen{background:#0b1317}.experience .faq{max-width:900px}.experience .faq h2{font-size:clamp(2rem,3.5vw,3rem)}.experience .faq summary{font-size:1rem;font-weight:500}.experience .faq details p{font-size:.91rem}.contact-section{background:radial-gradient(ellipse at 50% 100%,#26534040,transparent 60%),#0c1418}.experience .contact{background:linear-gradient(120deg,#1d3c35,#152b2a);border:1px solid #416d59;box-shadow:0 20px 70px #0002;border-radius:18px;padding:56px;grid-template-columns:1.25fr .75fr;gap:65px}.experience .contact h2{font-size:clamp(2.1rem,3.9vw,3.3rem)}.experience .contact p{font-size:.98rem}.experience .contact .micro{font-size:.75rem}.experience .contact-note{border-color:#416254}.experience .contact-note h3{font-size:1.2rem;line-height:1.3;font-weight:500;letter-spacing:-.025em}.experience .contact-note p{font-size:.82rem;margin-top:16px}.experience .contact-note .email{font-size:.92rem;letter-spacing:0;margin-top:24px}.contact-orbit{width:43px;height:43px;display:grid;place-items:center;border:1px solid #6b9c80;color:#a0efcf;border-radius:50%;font-size:1.45rem;margin-bottom:23px}.experience .footer{background:#090e11}.experience .footer p{font-size:.8rem}.experience .footer nav{font-size:.78rem}
/* Content and reference images remain stable while scrolling. */
@media(min-width:1600px){.experience .hero-inner{padding-block:105px 85px}}
@media(max-width:1150px){.experience .wrap{width:calc(100% - 64px)}.experience .hero-inner{gap:42px}.experience .nav{gap:18px}.experience .nav a:nth-child(4){display:none}.experience .hero h1{font-size:5.1rem}.hero-work{padding:22px 20px 16px}.work-output{padding:23px 20px 16px}.experience .section-heading.row{gap:55px}.idea-visual{padding-inline:20px;height:222px}.mini-doc,.mini-site{padding:20px 17px}.idea-copy{padding:23px 20px}.idea-copy h3{font-size:1.22rem;min-height:4.4rem}.proof-strip>.wrap{grid-template-columns:1fr;gap:22px}.proof-brands{justify-content:space-between}.proof-strip p>br{display:none}.proof-strip p>span{margin-left:8px}.human-note{grid-template-columns:auto 1fr}.human-note>a{grid-column:2;max-width:none}.case-detail{grid-template-columns:1fr 1fr}.case-detail .case-copy{padding:28px}.case-copy h3{font-size:1.4rem}.experience .contact{gap:40px;padding:43px}}
@media(max-width:900px){.experience .hero-inner{gap:32px}.experience .hero h1{font-size:4.25rem}.hero-copy .lead{font-size:1rem}.hero-copy .button{padding:12px 17px;font-size:.82rem}.work-output h2{font-size:1.45rem!important}.work-input{padding:15px}.work-input p{font-size:.9rem}.work-output{padding:20px 17px 14px}.document-top{font-size:.5rem}.output-row strong{font-size:.68rem}.output-row>div>span{font-size:.62rem}.output-row{gap:8px}.work-topline{font-size:.65rem}.work-topline strong{font-size:.68rem}.work-example-tag{font-size:.54rem;padding:4px 6px}.work-symbol{width:31px;height:31px}.idea-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.idea-copy h3{font-size:1.35rem;min-height:3.3rem}.idea-visual{height:240px;padding-inline:30px}.experience .section-heading.row{gap:35px}.proof-brands{flex-wrap:wrap;justify-content:flex-start;gap:25px 32px}.case-copy{padding:25px}.start-grid{gap:24px}.start-card h3{font-size:1.15rem}.case-detail{grid-template-columns:1fr}.case-detail .case-image{border-right:0;border-bottom:1px solid #c4d0c2}.case-detail .case-copy{padding:32px}.case-detail .case-copy h3{font-size:1.75rem}.case-detail .case-image img{max-height:450px;object-fit:cover;object-position:top}.case-transfer{max-width:600px}}
@media(max-width:700px){.experience .wrap{width:calc(100% - 40px)}.experience .header-inner{min-height:72px;gap:15px}.experience .brand{font-size:1.55rem}.experience .nav{font-size:.78rem;gap:22px}.experience .nav a:nth-child(2),.experience .nav a:last-child{display:block}.experience .hero-inner{grid-template-columns:1fr;padding-block:47px 38px;gap:38px}.experience .hero h1{font-size:clamp(3.7rem,11.2vw,5.3rem)}.hero-copy .lead{font-size:1.03rem;max-width:540px;margin-top:23px}.hero-copy .actions{margin-top:26px}.experience .hero .eyebrow{font-size:.62rem;letter-spacing:.1em}.hero-copy .micro{font-size:.74rem}.hero-work{max-width:440px;width:100%;margin-inline:auto;padding:21px 24px 16px;transform:rotate(.6deg)}.work-input{padding:15px 19px;margin-top:20px}.work-input p{font-size:1rem}.work-output{padding:23px 23px 17px}.work-output h2{font-size:1.65rem!important}.output-row strong{font-size:.77rem}.output-row>div>span{font-size:.67rem}.document-top{font-size:.54rem}.work-topline{font-size:.7rem}.work-topline strong{font-size:.76rem}.work-symbol{width:35px;height:35px}.work-example-tag{font-size:.6rem}.trust-line{grid-template-columns:1fr;gap:15px;padding-block:24px}.trust-line>span{display:block;font-size:.71rem}.trust-line b{margin-right:10px;font-size:.75rem}.proof-strip>.wrap{padding-block:26px}.proof-brands{gap:24px 28px}.proof-brands>a{font-size:1.08rem}.proof-brands .brand-kalibrator{font-size:.62rem}.proof-brands .brand-studio{font-size:.9rem}.experience .section{padding-block:65px}.experience .section-heading.row{grid-template-columns:1fr;gap:24px}.experience h2{font-size:clamp(2rem,7.8vw,3rem)}.experience .section-heading.row>p,.experience .section-heading.row>div>p:not(.eyebrow){max-width:540px;font-size:.92rem}.experience .section-heading{margin-bottom:30px}.idea-filters{gap:7px;margin-bottom:26px}.idea-filters button{padding:10px 14px;font-size:.72rem}.idea-filters button span{font-size:.59rem}.idea-grid{gap:18px}.idea-copy{padding:23px 21px}.idea-copy h3{font-size:1.2rem;min-height:4.4rem}.idea-copy>p{font-size:.81rem}.idea-copy>.text-link{font-size:.7rem}.idea-meta{font-size:.53rem}.idea-visual{height:215px;padding-inline:16px}.mini-doc,.mini-site{padding:19px 15px}.mini-doc>b{font-size:.85rem}.doc-row{font-size:.48rem;padding:10px 0}.mini-site>b{font-size:1.2rem}.visual-example{font-size:.47rem;left:13px}.idea-outro{display:block}.idea-outro p{font-size:.8rem}.idea-outro .text-link{margin-top:14px}.case-grid{grid-template-columns:1fr;gap:30px}.case-copy{padding:26px}.case-copy h3{font-size:1.65rem}.case-copy>p:not(.eyebrow){font-size:.9rem}.start-grid{grid-template-columns:1fr;gap:30px;margin-top:34px}.start-card{position:relative;padding-left:42px}.step-number{position:absolute;left:0;top:22px}.start-card h3{font-size:1.22rem}.start-card p{font-size:.85rem;margin-top:13px}.human-note{padding:23px;gap:16px;margin-top:34px}.human-mark{font-size:1.5rem}.human-note h3{font-size:.95rem;line-height:1.3}.human-note p{font-size:.77rem}.human-note>a{font-size:.72rem}.experience .contact{grid-template-columns:1fr;gap:28px;padding:30px 26px}.experience .contact-note{padding-top:26px}.experience .contact h2{font-size:2.25rem}.experience .contact p{font-size:.9rem}.experience .contact .micro{font-size:.73rem}.experience .faq summary{font-size:.91rem}.experience .faq details p{font-size:.85rem}.references-page .reference-hero{padding-block:40px 55px}.reference-hero h1{font-size:clamp(2.6rem,9vw,4rem)}.reference-hero .project-context{font-size:.77rem}.case-list{gap:28px}.case-detail .case-copy{padding:27px}}
@media(max-width:460px){.experience .wrap{width:calc(100% - 36px)}.experience .hero h1{font-size:clamp(3.15rem,12vw,4.5rem)}.hero-copy .actions .button{width:100%;font-size:.87rem}.experience .hero .eyebrow{font-size:.57rem;letter-spacing:.065em}.eyebrow-line{width:17px;margin-right:6px}.hero-work{padding:18px 16px 14px}.work-input{padding:14px}.work-output{padding:20px 18px 16px}.work-output h2{font-size:1.5rem!important}.output-row strong{font-size:.72rem}.output-row>div>span{font-size:.62rem}.work-topline strong{font-size:.69rem}.work-topline{font-size:.64rem}.trust-line b{display:block;margin-bottom:2px}.trust-line>span{font-size:.73rem}.trust-line b{font-size:.8rem}.proof-strip p{font-size:.67rem}.proof-strip p>br{display:block}.proof-strip p>span{margin-left:0}.proof-brands{gap:20px 25px}.idea-grid{grid-template-columns:1fr}.idea-visual{height:244px;padding-inline:36px}.mini-doc,.mini-site{padding:23px}.mini-doc>b{font-size:1rem}.doc-row{font-size:.57rem}.visual-example{font-size:.53rem;left:20px}.idea-copy{padding:25px}.idea-copy h3{font-size:1.4rem;min-height:0}.idea-copy>p{font-size:.88rem}.idea-meta{font-size:.6rem}.idea-copy summary{font-size:.78rem}.idea-copy>.text-link{font-size:.78rem}.mini-site>b{font-size:1.45rem}.human-note{grid-template-columns:1fr}.human-mark{display:none}.human-note>a{grid-column:1}.experience .contact{padding:28px 22px}.experience .contact h2{font-size:2.05rem}.case-copy{padding:25px}.case-copy h3{font-size:1.5rem}.case-detail .case-copy{padding:25px}.case-detail .case-copy h3{font-size:1.5rem}.experience .nav{gap:16px;font-size:.74rem}.experience .brand{font-size:1.4rem}.feature-tags{gap:5px}.feature-tags li{font-size:.58rem}}
@media(prefers-reduced-motion:reduce){.experience html{scroll-behavior:auto}.experience *, .experience *::before,.experience *::after{animation:none!important;transition:none!important}.hero-work,.work-output,.mini-site,.mini-doc{transform:none}}
/* Future-facing hero: motion belongs to the decorative environment. */
.experience:has(.scroll-nav){padding-bottom:78px}.brand-lockup{display:grid;gap:4px;line-height:1}.experience .brand-lockup small{font-size:.57rem;font-weight:450;letter-spacing:.015em;color:#b9d4c9;white-space:nowrap}.experience .brand img{filter:drop-shadow(0 0 14px #64edbb35)}
.future-hero{background:radial-gradient(ellipse at 72% 40%,#17473d80,transparent 49%),radial-gradient(ellipse at 92% 10%,#244d5b55,transparent 42%),#080f12}.matrix-field{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.24;mask-image:linear-gradient(90deg,#0002,#000 60%);pointer-events:none}.future-layout{display:grid;grid-template-columns:.9fr 1.1fr;grid-template-rows:auto auto auto;column-gap:36px;position:relative;padding-block:72px 30px;align-items:center}.future-heading{grid-column:1;grid-row:1;align-self:end}.experience .future-hero h1{font-size:clamp(3.9rem,6.3vw,5.8rem);line-height:1.02}.future-heading .eyebrow{font-size:.63rem;letter-spacing:.08em;max-width:380px}.future-summary{grid-column:1;grid-row:2;align-self:start}.experience .future-summary .lead{max-width:430px;font-size:1.03rem;line-height:1.7;margin-top:22px}.future-summary .actions{gap:22px;margin-top:26px}.future-summary .button{font-size:.84rem;padding-inline:18px}.future-summary .text-link{font-size:.76rem}.future-summary .micro{max-width:395px;font-size:.73rem;margin-top:20px}.future-scene{position:relative;grid-column:2;grid-row:1/3;min-width:0;aspect-ratio:1.04;isolation:isolate}.future-scene::before{content:'';position:absolute;inset:10%;background:radial-gradient(circle,#7cf8cb20,transparent 63%);filter:blur(10px)}.orbit{position:absolute;inset:17%;border:1px solid #7ae6c53a;border-radius:50%;background:conic-gradient(from 10deg,transparent 0 12%,#79d8b312 17%,transparent 23% 70%,#94f2d322 76%,transparent 82%);pointer-events:none}.orbit::after{content:'';position:absolute;top:12%;left:12%;height:5px;width:5px;border-radius:50%;background:#b8ffe3;box-shadow:0 0 14px #b6ffd7}.orbit-two{inset:7%;border-color:#729dbe22;border-style:dashed;transform:rotate(35deg)}.orbit-axis{position:absolute;inset:10%;border:1px solid #82dac715;border-radius:50%;transform:rotateX(62deg) rotate(-24deg);pointer-events:none}.nuha-core{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);display:grid;justify-items:center;width:235px;z-index:2;pointer-events:none}.nuha-core img{height:95px;width:95px;filter:drop-shadow(0 0 25px #8ff9cc55);margin-bottom:4px}.nuha-core>span{font-size:3rem;font-weight:600;line-height:1;letter-spacing:-.065em;text-shadow:0 0 36px #8dffd342}.nuha-core>small{font-size:.61rem;color:#d0e9dd;letter-spacing:.015em;margin-top:12px}.scene-project{position:absolute;display:block;width:43%;border:1px solid #71a69280;border-radius:10px;overflow:hidden;background:#101f23;box-shadow:0 16px 45px #0005;z-index:3}.scene-project:focus-visible,.scene-flow:focus-visible{outline-offset:6px}.scene-project:hover,.scene-flow:hover{border-color:#b3f8d9;color:#eaf9f0}.scene-web{top:0;left:0}.scene-content{right:0;top:48%}.scene-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.57rem;color:#dcf0e6;padding:10px 12px;line-height:1.4}.scene-label>span{color:#a4edce}.scene-project img{aspect-ratio:2.05;object-fit:cover;object-position:top;width:100%;height:auto;opacity:1}.scene-caption{display:block;font-size:.5rem;color:#a6c8ba;padding:7px 12px;letter-spacing:.07em}.scene-flow{position:absolute;left:0;bottom:3%;width:56%;border:1px solid #6e9b8a77;border-radius:10px;background:#102127ee;box-shadow:0 16px 45px #0003;z-index:3;padding-bottom:12px}.flow-steps{display:flex;align-items:center;gap:8px;justify-content:space-between;padding:5px 12px 12px;font-size:.57rem;color:#d7e9df}.flow-steps>span{padding:6px;background:#27463b;border-radius:4px;white-space:nowrap}.flow-steps>i{color:#a0efcf;font-style:normal}.scene-flow>small{font-size:.49rem;color:#a7c2b6;padding-inline:12px;display:block}.motion-controls{grid-row:3;grid-column:2;display:flex;justify-content:flex-end;margin-top:8px;min-height:38px}.motion-toggle{font:inherit;font-size:.66rem;line-height:1.4;color:#b8d7c9;background:#12241b70;border:1px solid #4a756555;border-radius:999px;min-height:38px;padding:9px 13px;display:inline-flex;align-items:center;gap:14px}.motion-toggle[hidden]{display:none}.motion-toggle:hover{border-color:#9df0cc;color:#e5fbef}.future-hero .trust-line{margin-top:0}.scroll-nav{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:25;display:flex;align-items:center;gap:3px;padding:6px;border-radius:999px;border:1px solid #8ad1b742;background:#0c1b20ef;backdrop-filter:blur(16px);box-shadow:0 8px 35px #0005;max-width:calc(100vw - 26px)}.scroll-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 19px;border-radius:999px;font-size:.73rem;color:#c5dbd4;line-height:1.3}.scroll-nav a[aria-current=location]{color:#0c291d;background:#a3efcf}.scroll-nav a:hover{color:#eafff5;background:#294a3d}.scroll-nav a[aria-current=location]:hover{color:#102d20;background:#c2f8e1}.proof-brands{flex-wrap:wrap;gap:22px 28px}.proof-brands .brand-film{font-size:.72rem;letter-spacing:.07em}.experience section[id]{scroll-margin-top:100px}.experience .idea-card{transition:border-color .2s}.experience .idea-card:hover{transform:none}
@media(prefers-reduced-motion:no-preference){.future-hero:not(.motion-paused) .orbit-one{animation:orbit-drift 55s linear infinite}.future-hero:not(.motion-paused) .orbit-two{animation:orbit-drift 85s linear infinite reverse}}
@keyframes orbit-drift{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.future-hero.motion-paused .orbit{animation-play-state:paused!important}.future-hero.motion-paused .matrix-field{opacity:.18}
@media(max-width:1150px){.experience .header-inner{gap:20px}.experience .header-inner>.button{display:none}.future-layout{column-gap:24px;padding-top:55px}.experience .future-hero h1{font-size:4.6rem}.future-summary .actions{gap:14px}.future-scene{aspect-ratio:.95}.scene-project{width:47%}.nuha-core{top:41%}.scene-content{top:48%}.scene-flow{width:64%;bottom:5%}.experience .future-summary .lead{font-size:.95rem}.scene-label{font-size:.52rem;padding:9px}.scene-flow .scene-label{font-size:.52rem}.flow-steps{gap:4px;font-size:.49rem;padding-inline:9px}.scene-flow>small{font-size:.46rem;padding-inline:9px}}
@media(max-width:800px){.future-layout{grid-template-columns:1fr;gap:0;padding-top:35px}.future-heading{grid-row:1;grid-column:1;max-width:600px}.experience .future-hero h1{font-size:clamp(3.4rem,8vw,5.2rem)}.future-heading .eyebrow{max-width:none;margin-bottom:18px}.future-scene{grid-row:2;grid-column:1;width:100%;max-width:510px;justify-self:center;aspect-ratio:1.35;margin-top:24px}.future-summary{grid-row:3;grid-column:1}.experience .future-summary .lead{max-width:600px;font-size:1rem;margin-top:20px}.future-summary .micro{max-width:550px}.motion-controls{grid-row:4;grid-column:1;margin-top:16px}.scene-project{width:40%}.scene-content{top:40%;right:0}.scene-web{top:0}.nuha-core{top:42%;width:200px}.nuha-core img{width:73px;height:73px}.nuha-core>span{font-size:2.55rem}.nuha-core>small{font-size:.52rem;margin-top:8px}.scene-flow{width:56%;bottom:0}.scene-label{font-size:.53rem}.scene-caption{font-size:.47rem;padding:6px 9px}.orbit-one{inset:9% 22%}.orbit-two{inset:0 14%}.orbit-axis{inset:3% 14%}.future-summary .actions{gap:24px}.future-summary .actions .button{width:auto}.future-hero .trust-line{grid-template-columns:repeat(3,1fr);gap:20px}.trust-line>span{display:grid;font-size:.63rem}.trust-line b{font-size:.71rem;margin-right:0}.experience .header-inner{min-height:76px}.experience .brand-lockup small{font-size:.51rem}.experience .nav a:nth-child(2){display:none}.experience .nav a:last-child{display:block}}
@media(max-width:480px){.future-layout{padding-top:28px;padding-bottom:24px}.experience .future-hero h1{font-size:clamp(3.05rem,11.4vw,4.2rem)}.future-heading .eyebrow{font-size:.51rem;letter-spacing:.035em;margin-bottom:14px}.future-scene{aspect-ratio:1.08;margin-top:20px}.scene-project{width:45%}.scene-content{top:47%}.scene-label{font-size:.48rem;padding:8px}.scene-caption{font-size:.43rem}.nuha-core{top:42%;width:180px}.nuha-core img{width:64px;height:64px}.nuha-core>span{font-size:2.3rem}.nuha-core>small{font-size:.48rem}.scene-flow{width:62%;bottom:0}.scene-flow .scene-label{font-size:.48rem}.flow-steps{gap:4px;font-size:.43rem;padding:5px 8px 8px}.flow-steps>span{padding:5px}.scene-flow>small{font-size:.42rem;padding-inline:8px}.scene-flow{padding-bottom:10px}.future-summary .actions{gap:19px}.future-summary .actions .button{width:100%;font-size:.86rem}.future-summary .actions .text-link{min-height:44px}.experience .future-summary .lead{font-size:.94rem;line-height:1.7}.future-summary .micro{margin-top:13px}.future-hero .trust-line{grid-template-columns:1fr;gap:11px}.trust-line>span{display:block;font-size:.71rem}.trust-line b{display:inline;font-size:.74rem;margin-right:8px}.experience .brand{gap:8px}.experience .brand-lockup small{font-size:.47rem}.experience .nav{gap:0}.scroll-nav{bottom:10px;padding:5px;gap:0}.scroll-nav a{padding-inline:15px;font-size:.68rem}.experience:has(.scroll-nav){padding-bottom:74px}.scene-project img{aspect-ratio:1.9}.proof-brands{gap:21px 25px}.future-hero .hero-grid{background-size:45px 45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.matrix-field{opacity:.16}.orbit{animation:none!important}}
/* Keep the central name and claim clear of project cards at every size. */
.scene-content{top:61%}.scene-project{width:41%}.scene-flow{width:55%;bottom:0}.nuha-core{top:42%}
@media(max-width:1150px) and (min-width:801px){.scene-project{width:44%}.scene-content{top:60%}.scene-flow{width:54%}.flow-steps{font-size:.42rem;gap:3px}.flow-steps>span{padding:4px}.nuha-core img{width:74px;height:74px}.nuha-core>span{font-size:2.5rem}.nuha-core>small{font-size:.51rem}}
@media(max-width:800px){.future-scene{aspect-ratio:1.2}.scene-project{width:40%}.scene-content{top:62%}.scene-flow{width:55%;bottom:0}.nuha-core{top:40%}}
@media(max-width:480px){.future-scene{aspect-ratio:.98}.scene-project{width:43%}.scene-content{top:60%}.scene-flow{width:54%;bottom:0}.nuha-core{top:41%}.scene-flow .scene-label{font-size:.44rem}.flow-steps{font-size:.39rem;gap:3px;padding-inline:7px}.flow-steps>span{padding:4px}.scene-flow>small{font-size:.39rem;padding-inline:7px}.scene-flow{padding-bottom:9px}.nuha-core>small{font-size:.45rem}}

/* Chapter navigation shares the sticky header and never covers a lower action. */
.experience:has(.scroll-nav){padding-bottom:0}.experience:has(.scroll-nav) .nav a[href^="#"]{display:none}.experience:has(.scroll-nav) .header-inner>.button{margin-left:8px}.scroll-nav{position:static;transform:none;margin:0 auto 10px;box-shadow:none;backdrop-filter:none;width:max-content;padding:3px;border-color:#8ad1b72b;background:#101f22}.scroll-nav a{min-height:36px;padding:8px 24px;font-size:.65rem}.experience:has(.scroll-nav) section[id]{scroll-margin-top:152px}
@media(max-width:800px){.experience:has(.scroll-nav) .header-inner{min-height:68px}.scroll-nav{margin-bottom:8px}.scroll-nav a{min-height:44px;padding:9px 24px;font-size:.67rem}.future-layout{padding-top:28px}}
@media(max-width:480px){.scroll-nav a{padding-inline:21px}.experience:has(.scroll-nav){padding-bottom:0}.future-layout{padding-top:23px}.experience .future-hero h1{font-size:clamp(2.9rem,10.7vw,4rem)}}

/* Expertise and AI efficiency visibly work together; the labels stay still. */
.gear-system{position:absolute;inset:0;pointer-events:none}.gear{position:absolute;overflow:visible;filter:drop-shadow(0 0 16px #8ef6c915)}.gear path{fill:#1a493c5c;stroke:#9ee7c363;stroke-width:1.1;stroke-linejoin:round}.gear circle{fill:none;stroke:#b2ebcf26;stroke-width:.7;stroke-dasharray:2 5}.gear-one{left:15%;top:15%;width:58%;height:auto}.gear-two{right:0;top:29%;width:30%;height:auto}.gear-caption{position:absolute;right:1%;top:42%;width:28%;text-align:center;font-size:.61rem;color:#b7dbc9;letter-spacing:.02em}.nuha-core .core-expertise{font-size:.61rem;letter-spacing:.055em;font-weight:450;color:#b7dbc9;margin-top:18px;line-height:1.3;text-shadow:none}
@media(prefers-reduced-motion:no-preference){.gear-one{animation:gear-turn 50s linear infinite}.gear-two{animation:gear-turn 25s linear infinite reverse}}
@keyframes gear-turn{to{transform:rotate(360deg)}}
.future-hero.motion-paused .gear{animation-play-state:paused!important}
@media(max-width:800px){.gear-one{left:13%;top:8%;width:60%}.gear-two{right:0;top:23%;width:30%}.gear-caption{top:35%;font-size:.52rem}.nuha-core .core-expertise{font-size:.52rem;margin-top:14px}}
@media(max-width:480px){.gear-one{left:10%;top:14%;width:63%}.gear-two{right:0;top:30%;width:30%}.gear-caption{top:42%;font-size:.46rem}.nuha-core .core-expertise{font-size:.48rem;margin-top:12px}}

/* Longer offer label still fits the chapter navigation on narrow phones. */
@media(max-width:480px){.scroll-nav a{padding-inline:14px}}

/* Both gears share one undistorted SVG; pitch circles touch and teeth mesh.
   The fixed parent positions the axle; only its inner rotor turns. */
.future-scene{container-type:size}
.gear-system{position:absolute;inset:0;pointer-events:none}
.gear-pair{display:block;width:100%;height:100%;overflow:visible}
.gear-pair .gear{position:static;width:auto;height:auto;filter:none;transform-box:view-box;transform-origin:0px 0px}
.gear-pair .gear path{fill:#1c493c70;stroke:#a9e8c47a;stroke-width:1.1;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.gear-pair .gear circle{fill:none;stroke:#b2ebcf30;stroke-width:.7;stroke-dasharray:3 8;vector-effect:non-scaling-stroke}
.gear-label{fill:#c7e9d8;font-size:22px;font-family:inherit;letter-spacing:.01em}
.nuha-core{left:50%;top:calc(50% - 5cqmin)}

@media(max-width:480px){.scene-web{width:40%}.nuha-core img{width:clamp(52px,16cqmin,64px);height:clamp(52px,16cqmin,64px)}}

/* HDRmaster product identity on the Nuha reference surfaces. */
.proof-brands .brand-hdr{display:block;flex:0 0 auto;line-height:1}
.proof-brands .brand-hdr img{width:232px;height:auto;max-width:100%}
.hdrmaster-reference-logo{display:block;width:min(100%,360px);height:auto;margin:0 0 26px}