/*
Theme Name: AGENCY by Amir Rasuly
Description: Individueller Technologieauftritt mit responsiven Inhalten und zugänglichen Interaktionen.
Version: 2.2.0
Author: AGENCY by Amir Rasuly
License: GPL-2.0-or-later
Text Domain: ar-agency
Requires at least: 6.7
Requires PHP: 8.1
*/
:root{--ink:#f5f4f0;--muted:#a8aab0;--paper:#080a0d;--panel:#101318;--green:#ff7848;--accent:#ff7848;--line:#2b2e34;--white:#fff;--radius:18px;--ease:cubic-bezier(.2,.65,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{max-width:100%;height:auto}button{cursor:pointer}.shell,.entry-content,.site-footer-inner{width:min(1280px,calc(100% - 112px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:20px;z-index:1000;background:var(--accent);color:#101010;padding:12px}.skip-link:focus{top:12px}.site-header{position:relative;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:36px;min-height:104px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:750}.brand-mark{display:grid;place-items:center;border:1px solid #56595e;width:42px;height:42px;flex:none;border-radius:50%;font-size:15px;letter-spacing:-1.2px;color:var(--accent)}.brand-copy{display:grid;line-height:1.1;gap:5px}.brand-title{font-size:22px;letter-spacing:.075em}.brand-byline{font-size:10px;letter-spacing:.04em;font-weight:450;color:#b8b8bc}.main-menu{display:flex;gap:30px;align-items:center;list-style:none;margin:0;padding:0}.main-menu a{font-size:13px;text-decoration:none;color:#b6b8be;min-height:44px;display:inline-flex;align-items:center;transition:color .2s}.main-menu a:hover,.main-menu .current-menu-item a{color:#fff}.header-cta{display:inline-flex;align-items:center;min-height:44px;border:1px solid #4b4e54;padding:9px 20px;border-radius:5px;font-size:12px;text-decoration:none;font-weight:600;white-space:nowrap;transition:background .2s,border-color .2s}.header-cta:hover{background:#22252a;border-color:#85888f}.menu-toggle{display:none}.entry-content{padding-block:76px 110px;overflow-wrap:break-word}.entry-content:has(.innovation-hero){padding-top:0}.entry-content>h1{max-width:1000px;margin-bottom:34px}.entry-content>p,.entry-content>h2,.entry-content>h3{max-width:820px}.entry-content h1{font-size:clamp(46px,6.5vw,90px);font-weight:500;letter-spacing:-.06em;line-height:1.05;margin:0 0 30px;text-wrap:balance;hyphens:auto}.entry-content h2{font-size:clamp(36px,4.5vw,60px);font-weight:450;line-height:1.1;letter-spacing:-.05em;margin:0 0 24px;text-wrap:balance}.entry-content h3{font-size:25px;font-weight:500;line-height:1.22;letter-spacing:-.025em;margin:0 0 16px}.entry-content p{color:var(--muted);margin:0 0 24px}.entry-content .eyebrow{font:500 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.15em;color:#c5c7cb;margin-bottom:28px;display:flex;align-items:center;gap:12px;text-transform:uppercase}.eyebrow:before{content:"";width:6px;height:6px;flex:none;background:var(--accent);border-radius:50%;box-shadow:0 0 16px #ff784866}.button,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid var(--accent);background:var(--accent);color:#101114;border-radius:5px;padding:16px 24px;min-height:52px;font-size:14px;font-weight:650;line-height:1.3;text-decoration:none;transition:background .2s,transform .2s}.button:hover,.wp-block-button__link:hover{background:#ff916b;border-color:#ff916b;transform:translateY(-2px)}.button span{font-size:20px;font-weight:400}.is-style-outline .wp-block-button__link{background:transparent;color:var(--ink);border-color:#51545a}.is-style-outline .wp-block-button__link:hover{background:#1a1e24}.wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px}.text-link{font-size:13px;font-weight:500;text-decoration:none;display:inline-flex;gap:14px;align-items:center;min-height:48px;border-bottom:1px solid #575a60}.text-link:hover{color:var(--accent);border-color:var(--accent)}
/* Hero: original artwork, locally served, with optional low-motion animation. */
.innovation-hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;position:relative;min-height:710px;isolation:isolate;padding-block:72px 66px;gap:10px}.hero-copy{position:relative;z-index:2}.innovation-hero h1{font-size:clamp(58px,7.5vw,105px);line-height:.98;letter-spacing:-.07em;font-weight:500;margin-bottom:30px;hyphens:none;text-wrap:initial}.innovation-hero h1 span{color:#888d96}.hero-copy .hero-lead{font-size:17px;line-height:1.7;max-width:390px;color:#b6bac1}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 24px;margin-top:32px}.hero-copy .hero-footnote{font-size:11px;color:#8d929b;margin-top:24px;margin-bottom:0}.hero-art{position:relative;min-width:0;aspect-ratio:1;display:grid;align-content:center;margin-right:0}.innovation-sculpture{width:108%;max-width:none;margin-left:-4%;mix-blend-mode:screen;mask-image:radial-gradient(ellipse 52% 53% at center,#000 67%,transparent 100%);animation:sculptureFloat 15s ease-in-out infinite;transform-origin:52% 52%;will-change:transform}.art-caption{position:absolute;left:14px;top:-8px;font:9px ui-monospace,monospace;letter-spacing:.13em;color:#9da2ad;z-index:2}.art-caption:before{content:"+";color:var(--accent);margin-right:12px}.art-coordinate{position:absolute;display:flex;gap:10px;align-items:center;font:8px ui-monospace,monospace;letter-spacing:.07em;color:#b3b7bf;z-index:2}.art-coordinate i{width:6px;height:6px;background:var(--accent);border:1px solid #ffbfa8;border-radius:50%;box-shadow:0 0 15px var(--accent)}.art-coordinate:before{content:"";height:1px;width:35px;background:#5b4b42}.coordinate-one{right:-4px;top:26%}.coordinate-two{left:-18px;bottom:21%}.art-bottom{position:relative;display:flex;justify-content:space-between;gap:12px;align-items:center;margin:4px 12px 0;color:#747b87;font:8px/1.6 ui-monospace,monospace;letter-spacing:.08em}.motion-toggle{display:none;align-items:center;gap:7px;background:transparent;border:0;color:#b0b5bd;font-family:inherit;font-size:11px;line-height:1.4;min-height:44px;white-space:nowrap;padding:4px}.js .motion-toggle{display:inline-flex}.motion-symbol{font-size:14px}.motion-paused .innovation-sculpture,.motion-paused .workflow-core{animation-play-state:paused}.capability-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;border-block:1px solid var(--line);padding:25px 0;font:10px/1.5 ui-monospace,monospace;letter-spacing:.1em;color:#a7abb3}.capability-strip i{font-style:normal;font-size:20px;color:var(--accent)}
/* Services */
.innovation-services{padding-top:112px;scroll-margin-top:40px}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:48px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:15px;max-width:370px;margin:0 0 4px;justify-self:end}.innovation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.innovation-card{background:linear-gradient(150deg,#15181e,#0c0e12);padding:26px 26px 28px;border:1px solid #2c3038;border-radius:12px;display:flex;flex-direction:column;transition:border-color .3s,transform .3s}.innovation-card:hover{border-color:#736054;transform:translateY(-5px)}.card-top{display:flex;justify-content:space-between;gap:12px;color:#a6abb5;font:9px ui-monospace,monospace;letter-spacing:.04em}.card-top>span:last-child{font-size:18px;color:var(--accent)}.innovation-card h3{font-size:31px;line-height:1.13;letter-spacing:-.035em}.innovation-card>p{font-size:14px;line-height:1.8;margin-bottom:28px}.card-link{margin-top:auto;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;font-weight:500;text-decoration:none;border-top:1px solid var(--line);padding-top:18px;min-height:44px}.card-link span{color:var(--accent);font-size:20px}.card-link:hover{color:var(--accent)}.service-visual{height:200px;display:flex;align-items:center;justify-content:center;position:relative;margin:15px -6px 25px;overflow:hidden}.mini-browser{width:100%;max-width:285px;border:1px solid #4a505a;border-radius:7px;background:#191d25;transform:perspective(550px) rotateY(-12deg) rotateX(7deg);box-shadow:15px 20px 32px #0005}.mini-toolbar{height:24px;padding:0 10px;display:flex;align-items:center;gap:3px;border-bottom:1px solid #333943}.mini-toolbar i{width:3px;height:3px;border-radius:50%;background:#677180}.mini-toolbar span{font:5px ui-monospace,monospace;color:#aeb7c4;margin-left:auto;letter-spacing:1px}.mini-web-content{display:grid;grid-template-columns:1.1fr 1fr;gap:8px;padding:22px 18px 14px}.mini-web-content b{font-size:15px;line-height:1.2;letter-spacing:-.5px;display:block;font-weight:550}.mini-line{display:block;width:78%;height:2px;background:#4c5564;margin-top:10px}.mini-line.short{width:57%;margin-top:4px}.mini-pill{display:block;width:41px;height:11px;border-radius:2px;margin-top:12px;background:var(--accent)}.mini-sculpture{width:64px;height:74px;border:12px solid #e28357;transform:rotate(25deg);border-radius:50%;box-shadow:inset 5px 3px 10px #000,4px 4px 16px #e7682922;background:#15191f;margin:auto}.mini-web-grid{display:flex;gap:6px;padding:0 18px 16px}.mini-web-grid span{height:21px;flex:1;background:#262d36;border-radius:2px}.chat-visual{flex-direction:column;align-items:stretch;gap:12px;padding:17px 2px}.mock-label{font:7px ui-monospace,monospace;color:#9199a7;letter-spacing:1px}.chat-bubble{border:1px solid #3a414d;border-radius:10px;padding:12px 15px;font-size:11px;max-width:92%;color:#c4cad4}.chat-bubble.customer{margin-left:auto;border-bottom-right-radius:2px;background:#242b35}.chat-bubble.assistant{margin-right:10%;border-bottom-left-radius:2px;display:flex;align-items:flex-start;gap:10px;background:#11161c}.spark{color:var(--accent);font-size:21px;line-height:1}.chat-trace{display:flex;gap:4px;margin-left:13px}.chat-trace i{width:4px;height:4px;background:#ff8e64;border-radius:50%}.automation-visual{flex-direction:column;gap:0}.workflow-node{border:1px solid #4c535f;background:#181e26;border-radius:5px;font:8px ui-monospace,monospace;letter-spacing:1px;padding:10px 15px;z-index:1}.workflow-wire{height:22px;width:1px;background:linear-gradient(#5a4a3f,#ff7848)}.workflow-core{border:1px solid #a75438;background:#37251f;color:var(--accent);width:58px;height:58px;border-radius:14px;display:grid;place-items:center;font-size:32px;box-shadow:0 0 34px #ff642c26;animation:coreGlow 5s ease-in-out infinite}.node-out{font-size:7px}
/* Interactive example; no external requests or personal data. */
.experience-section{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:center;padding-block:125px;border-bottom:1px solid var(--line)}.experience-copy>p:not(.eyebrow){font-size:15px;max-width:390px}.scenario-controls{display:none;flex-wrap:wrap;gap:8px;margin-top:30px}.js .scenario-controls{display:flex}.scenario-controls button{border:1px solid #424750;color:#b9c0cb;background:transparent;font-size:11px;padding:10px 15px;min-height:44px;border-radius:5px;transition:background .2s,color .2s}.scenario-controls button[aria-pressed=true]{border-color:var(--accent);color:#18120f;background:var(--accent)}.scenario-controls button:hover{border-color:var(--accent)}.experience-copy .demo-disclaimer{font-size:11px;color:#838b98;line-height:1.6;margin-top:20px;max-width:340px}.experience-board{border:1px solid #3c414a;background:radial-gradient(ellipse at 100% 0,#29231c55,transparent 60%),#10141a;border-radius:12px;padding:26px 28px;box-shadow:0 30px 80px #0003}.board-header{display:flex;align-items:center;justify-content:space-between;gap:15px;font:8px ui-monospace,monospace;letter-spacing:.04em;border-bottom:1px solid #303640;padding-bottom:23px;color:#aab4c3}.board-header>span:first-child{display:flex;align-items:center;gap:8px}.board-header i{width:5px;height:5px;border-radius:50%;background:var(--accent)}.board-example{border:1px solid #50504c;border-radius:4px;padding:4px 7px;color:#c9b8a4}.journey-step{display:grid;grid-template-columns:28px 1fr 20px;gap:14px;padding-top:26px}.journey-number{display:grid;place-items:center;width:27px;height:27px;border:1px solid #56606c;border-radius:50%;font:9px ui-monospace,monospace;color:#bec8d6;position:relative}.journey-label{display:block;font:8px ui-monospace,monospace;color:#ffab87;letter-spacing:.12em;margin-bottom:9px}.journey-step h3{font-size:17px;letter-spacing:-.025em;margin-bottom:7px}.journey-step p{font-size:12px;line-height:1.7;color:#a6afbd;margin:0}.journey-icon{font-size:19px;color:#ff936b}.journey-result{display:flex;gap:16px;align-items:center;border-top:1px solid #353b45;margin-top:25px;padding-top:19px;color:var(--accent)}.journey-result p{font-size:11px;margin:0;color:#c4cad4}.beyond-section{padding-block:110px 35px}.service-row{display:grid;grid-template-columns:70px 1fr 60px;align-items:start;gap:20px;padding:30px 0;border-top:1px solid var(--line);text-decoration:none}.service-row:last-child{border-bottom:1px solid var(--line)}.row-number{font:11px ui-monospace,monospace;color:var(--accent);padding-top:8px}.service-row h3{font-size:27px;margin-bottom:10px}.service-row p{font-size:14px;max-width:640px;margin:0}.row-arrow{font-size:34px;text-align:right;transition:transform .2s;color:#aeb3bc}.service-row:hover .row-arrow{transform:translate(3px,-3px);color:var(--accent)}
/* Shared pages */
.process-section{margin-top:75px;border-top:1px solid var(--line);padding-top:72px}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px;margin-top:48px}.steps p{font-size:13px}.steps h3{font-size:21px}.step-number{font:11px ui-monospace,monospace!important;color:var(--accent)!important;margin-bottom:25px!important}.callout{border:1px solid #49382d;border-radius:16px;padding:68px;margin-top:75px;background:radial-gradient(ellipse at 100% 100%,#9b481824,transparent 60%),#131414;position:relative;overflow:hidden}.callout:after{content:"↗";position:absolute;right:45px;top:24px;color:#533626;font-size:155px;font-weight:200;line-height:1;pointer-events:none}.callout>h2{max-width:690px;font-size:clamp(38px,5vw,64px);position:relative;z-index:1}.callout>p:not(.eyebrow){max-width:600px;font-size:15px}.callout .wp-block-buttons{margin-top:32px}.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:50px 0}.service-list>div{background:linear-gradient(145deg,#171b21,#101318);border:1px solid var(--line);border-radius:12px;padding:36px;scroll-margin-top:40px}.service-list h2{font-size:34px;hyphens:auto}.service-list p{font-size:15px}.service-list>div:before{content:"↗";display:block;color:var(--accent);font-size:28px;margin-bottom:40px}.faq-item{border-bottom:1px solid var(--line);padding:27px 0;max-width:1000px}.faq-item summary{font-size:20px;cursor:pointer;font-weight:500;padding-right:20px;line-height:1.4}.faq-item summary::marker{color:var(--accent)}.faq-item p{padding-top:20px;margin-bottom:0;font-size:15px;max-width:800px}.contact-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:75px;margin-top:55px}.contact-layout>div:first-child h2{font-size:40px}.contact-layout>div:first-child>p{font-size:15px}.contact-panel{background:#11161d;border:1px solid #333b48;border-radius:12px;padding:36px}.contact-panel label{display:block;font-size:13px;font-weight:500;color:#d5dae2;margin-bottom:18px}.contact-panel input:not([type=submit]),.contact-panel textarea,.contact-panel select{display:block;width:100%;max-width:100%;background:#0b1016;border:1px solid #5c6573;border-radius:5px;padding:13px;margin-top:8px;font-size:16px;font-weight:400;line-height:1.5;min-height:48px;color:#f0f2f5;color-scheme:dark}.contact-panel textarea{height:165px;min-height:150px;resize:vertical}.contact-panel input[type=submit]{background:var(--accent);color:#17110e;border:0;border-radius:5px;padding:14px 26px;font-weight:650;font-size:14px;min-height:48px;white-space:normal;max-width:100%;cursor:pointer}.contact-panel .wpcf7-not-valid-tip{color:#ffa18f;font-size:12px;line-height:1.4;margin-top:7px}.contact-panel .wpcf7-response-output{margin:20px 0;padding:14px;border-radius:5px;font-size:14px;color:#e4e8f0}.contact-panel .wpcf7-form.submitting input[type=submit]{opacity:.65;cursor:wait}.contact-panel .wpcf7-form>p{font-size:12px}.wpcf7-spinner{vertical-align:middle}.ar-form-trap{display:none!important}.site-footer{border-top:1px solid var(--line);padding:52px 0 25px;color:var(--ink);background:#06080b;overflow-wrap:anywhere}.footer-top{display:flex;justify-content:space-between;gap:40px}.site-footer p{font-size:12px;max-width:300px;color:#858e9b;line-height:1.7}.footer-top .brand{margin-bottom:20px}.footer-menu{display:flex;flex-wrap:wrap;gap:26px;list-style:none;padding:0;font-size:12px}.footer-menu a{text-decoration:none;color:#b3bac5;display:inline-flex;align-items:center;min-height:44px}.footer-menu a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);margin-top:42px;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#88909c}.footer-bottom a{display:inline-flex;align-items:center;min-height:44px;margin-left:20px}.single-content{min-height:55vh}.hero-copy,.hero-art,.innovation-grid>*,.service-list>*,.steps>*,.contact-layout>*,.experience-section>*,.section-heading>*{min-width:0}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.entry-content>h2{margin-top:45px}.entry-content>p a{overflow-wrap:anywhere}.about-manifesto{border-left:2px solid var(--accent);padding-left:30px;margin-block:40px}.about-manifesto p{font-size:22px;color:#d4d8df}.entry-content ul{color:var(--muted)}
@keyframes sculptureFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(3deg)}}@keyframes coreGlow{0%,100%{box-shadow:0 0 25px #ff642c20}50%{box-shadow:0 0 40px #ff642c42}}
@media(min-width:1600px){.innovation-hero{min-height:810px}}
@media(max-width:1100px){.shell,.entry-content,.site-footer-inner{width:calc(100% - 72px)}.header-inner{gap:22px;min-height:90px}.main-menu{gap:22px}.header-cta{padding:9px 13px;font-size:11px}.innovation-hero{min-height:630px;padding-block:65px}.hero-art{margin-right:0}.innovation-sculpture{width:104%;margin-left:-2%}.innovation-hero h1{font-size:clamp(60px,7.8vw,86px)}.hero-copy .hero-lead{font-size:16px;max-width:330px}.coordinate-two{left:0;bottom:16%;font-size:7px}.art-bottom>span{display:none}.art-bottom{justify-content:flex-end}.section-heading,.experience-section{gap:40px}.innovation-card{padding:21px}.innovation-card h3{font-size:27px}.service-visual{height:170px}.mini-web-content{padding:18px 12px 12px}.mini-web-content b{font-size:12px}.mini-sculpture{width:50px;height:60px;border-width:10px}.chat-bubble{font-size:10px;padding:10px}.chat-bubble.assistant{margin-right:0}.experience-board{padding:25px 21px}.service-list h2{font-size:30px}.contact-layout{gap:38px}.contact-panel{padding:28px}.callout{padding:48px}.callout:after{opacity:.4}.steps{gap:22px}.capability-strip{font-size:8px}}
@media(max-width:850px){.header-cta{display:none}.header-inner{gap:20px}.main-menu{gap:25px}.innovation-hero{grid-template-columns:1fr 1fr;min-height:590px;gap:0}.innovation-hero h1{font-size:61px}.hero-copy .hero-lead{font-size:14px;max-width:290px}.hero-actions{gap:14px}.hero-actions .button{font-size:12px;padding:14px 17px;gap:15px}.text-link{font-size:11px}.art-caption{font-size:7px;left:0}.art-coordinate{font-size:6px;gap:5px}.art-coordinate:before{width:14px}.coordinate-two{bottom:15%}.innovation-grid{gap:12px}.innovation-card{padding:18px 16px}.innovation-card h3{font-size:25px}.innovation-card>p{font-size:12px}.card-top{font-size:7px}.card-link{font-size:11px}.service-visual{height:150px;margin-bottom:20px}.mini-web-content b{font-size:10px}.mini-sculpture{width:39px;height:49px;border-width:8px}.mini-web-content{padding:15px 9px 8px}.mini-web-grid{padding:0 9px 11px}.chat-visual{gap:8px}.chat-bubble{font-size:9px;padding:8px}.spark{font-size:17px}.workflow-node{padding:7px 11px;font-size:7px}.workflow-wire{height:15px}.workflow-core{width:45px;height:45px;font-size:27px}.experience-section{gap:30px;padding-block:90px}.section-heading{gap:35px}.section-heading>p{font-size:13px}.experience-copy>p:not(.eyebrow){font-size:13px}.experience-copy .demo-disclaimer{font-size:10px}.experience-board{padding:20px 17px}.board-header{font-size:7px;gap:9px}.journey-step{grid-template-columns:24px 1fr;gap:10px}.journey-icon{display:none}.journey-step h3{font-size:15px}.journey-step p{font-size:11px}.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 36px}.contact-layout{grid-template-columns:1fr 1.2fr;gap:26px}.contact-layout>div:first-child h2{font-size:34px}.contact-panel{padding:24px}.service-list>div{padding:28px}.service-list h2{font-size:27px}}
@media(max-width:700px){.shell,.entry-content,.site-footer-inner{width:calc(100% - 40px)}.header-inner{min-height:82px;flex-wrap:wrap;justify-content:space-between;gap:0}.brand-mark{width:37px;height:37px;font-size:13px}.brand-title{font-size:19px}.brand-byline{font-size:9px}.js .menu-toggle{display:block;background:transparent;border:1px solid #4d535c;border-radius:5px;color:#d1d5dc;min-height:44px;min-width:70px;padding:8px 14px;font-size:12px}.site-nav{width:100%}.js .site-nav{display:none}.js .site-nav.is-open{display:block}.main-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 0 20px}.main-menu a{display:flex;padding:10px 14px;background:#151a22;border-radius:5px;font-size:13px;color:#d2d6de}.entry-content{padding-block:48px 65px}.entry-content h1{font-size:clamp(38px,10vw,60px);line-height:1.08;letter-spacing:-.05em}.entry-content h2{font-size:clamp(34px,8.9vw,47px)}.entry-content h3{font-size:24px}.entry-content .eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:23px}.innovation-hero{grid-template-columns:1fr;min-height:0;padding-block:52px 28px;gap:25px}.innovation-hero h1{font-size:clamp(58px,13vw,86px);line-height:.99;letter-spacing:-.065em;margin-bottom:25px}.hero-copy .hero-lead{font-size:15px;max-width:360px;line-height:1.8}.hero-actions{margin-top:25px;gap:16px 20px}.hero-actions .button{font-size:12px;padding:14px 18px;gap:22px}.text-link{font-size:11px}.hero-copy .hero-footnote{font-size:10px;margin-top:18px}.hero-art{width:100%;max-width:480px;margin:8px auto 0;aspect-ratio:1.07}.innovation-sculpture{width:98%;margin-inline:1%}.art-caption{font-size:7px;left:4px;top:0}.art-coordinate{font-size:7px}.coordinate-one{right:0;top:24%}.coordinate-two{left:0;bottom:24%}.art-bottom{margin-top:-10px;justify-content:space-between}.art-bottom>span{display:block;font-size:6px;max-width:170px}.motion-toggle{font-size:9px}.capability-strip{display:grid;grid-template-columns:1fr 14px 1fr;gap:18px 12px;text-align:center;font-size:8px;padding-block:23px}.capability-strip>i:nth-child(4){display:none}.capability-strip>span:nth-child(5){grid-column:1}.capability-strip i{font-size:17px}.innovation-services{padding-top:66px}.section-heading{grid-template-columns:1fr;gap:23px;margin-bottom:32px}.section-heading>p{justify-self:start;font-size:14px;max-width:440px}.innovation-grid{grid-template-columns:1fr;gap:18px}.innovation-card{padding:28px}.innovation-card h3{font-size:32px}.innovation-card>p{font-size:14px;max-width:460px}.card-top{font-size:9px}.card-link{font-size:13px}.service-visual{height:200px;max-width:330px;width:100%;align-self:center;margin:10px 0 23px}.mini-browser{max-width:280px}.mini-toolbar{height:25px}.mini-web-content{padding:24px 18px 17px}.mini-web-content b{font-size:16px}.mini-sculpture{width:68px;height:82px;border-width:14px}.mini-web-grid{padding:0 18px 18px}.chat-visual{gap:13px}.chat-bubble{font-size:12px;padding:12px 16px}.chat-bubble.assistant{margin-right:12%}.spark{font-size:24px}.mock-label{font-size:8px}.workflow-node{font-size:9px;padding:10px 20px}.workflow-wire{height:22px}.workflow-core{width:58px;height:58px;font-size:34px}.experience-section{grid-template-columns:1fr;gap:32px;padding-block:75px}.experience-copy>p:not(.eyebrow){font-size:14px;max-width:440px}.scenario-controls{margin-top:24px}.experience-copy .demo-disclaimer{font-size:11px;max-width:360px}.experience-board{padding:24px 20px}.board-header{font-size:7px}.journey-step{grid-template-columns:28px 1fr 18px;gap:12px}.journey-icon{display:block}.journey-step h3{font-size:17px}.journey-step p{font-size:12px}.journey-result p{font-size:11px}.beyond-section{padding-block:70px 10px}.service-row{grid-template-columns:24px 1fr 25px;gap:12px;padding-block:25px}.service-row h3{font-size:23px}.service-row p{font-size:13px}.row-arrow{font-size:25px}.row-number{font-size:10px}.process-section{padding-top:55px;margin-top:50px}.steps{gap:20px 25px;margin-top:34px}.steps h3{font-size:21px}.steps p{font-size:12px}.step-number{margin-bottom:18px!important}.callout{padding:36px 25px;margin-top:45px;border-radius:12px}.callout:after{font-size:100px;right:15px;top:30px;opacity:.25}.callout>h2{font-size:39px;max-width:370px}.callout>p:not(.eyebrow){font-size:14px}.callout .wp-block-buttons{gap:12px}.wp-block-button__link{font-size:13px;padding:14px 18px}.service-list{grid-template-columns:1fr;gap:18px;margin-block:35px}.service-list>div{padding:30px}.service-list h2{font-size:32px}.faq-item{padding-block:23px}.faq-item summary{font-size:18px}.contact-layout{grid-template-columns:1fr;gap:25px;margin-top:36px}.contact-layout>div:first-child h2{font-size:34px}.contact-panel{padding:24px}.contact-layout+.callout>h2{font-size:31px}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}.footer-menu{gap:5px 24px;margin-top:8px}.footer-bottom{margin-top:24px;padding-top:20px;gap:4px}.footer-bottom a{margin-left:0;margin-right:24px}.site-footer{padding-top:38px}.about-manifesto{padding-left:20px}.about-manifesto p{font-size:19px}}
@media(max-width:360px){.shell,.entry-content,.site-footer-inner{width:calc(100% - 32px)}.innovation-hero h1{font-size:54px}.hero-actions{gap:9px 16px}.hero-actions .button{font-size:11px;padding:13px 15px}.hero-footnote{max-width:240px}.art-bottom>span{max-width:120px}.innovation-card{padding:23px}.innovation-card h3{font-size:29px}.journey-icon{display:none}.journey-step{grid-template-columns:25px 1fr}.board-header{font-size:6px}.steps{grid-template-columns:1fr}.service-list>div{padding:24px}.contact-panel{padding:20px}.scenario-controls{gap:6px}.scenario-controls button{padding:9px 10px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .motion-toggle{display:none}}

/* Editorial refinement: tighter opening, visual chapters and native hosted film. */
.header-inner{min-height:94px}.innovation-hero{min-height:0;padding-block:50px 56px;grid-template-columns:1.13fr 1fr;gap:25px}.innovation-hero h1{font-size:clamp(58px,6.8vw,98px);letter-spacing:-.057em;line-height:1.015}.hero-copy .hero-lead{max-width:420px;font-size:17px}.hero-art{max-width:550px;width:100%;justify-self:end;aspect-ratio:auto}.innovation-sculpture{width:100%;margin-left:0}.art-caption{top:0}.art-bottom{margin-top:0}.art-bottom>span{max-width:175px;line-height:1.8}.hero-film-link{border-bottom:0;gap:10px;color:#c4c7cd}.inline-play{width:28px;height:28px;border:1px solid #555a63;border-radius:50%;display:grid;place-items:center;font-size:14px;color:var(--accent)}.hero-film-link:hover .inline-play{border-color:var(--accent)}.hero-copy .hero-footnote{font-size:12px}.capability-strip{padding-block:23px;font-size:11px;letter-spacing:.07em}.brand-film-section{padding-top:78px;scroll-margin-top:36px}.film-stage{position:relative;border:1px solid #373538;border-radius:14px;overflow:hidden;background:#0a0b0d;isolation:isolate}.brand-film{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#000}.film-cover{display:none;position:absolute;inset:0;padding:34px 42px;background:linear-gradient(90deg,#070a0edf 0%,#080a0d66 60%,#0002 100%);flex-direction:column;justify-content:space-between;pointer-events:none}.js .film-cover{display:flex}.film-stage.has-started .film-cover{display:none}.film-cover-top,.film-cover-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;font:10px/1.5 ui-monospace,monospace;letter-spacing:.08em;color:#d1d2d2}.film-cover-bottom>span:last-child{font:35px/1 sans-serif;color:#eee5dc}.film-cover-center{display:flex;justify-content:space-between;align-items:center;gap:40px}.film-cover .eyebrow{font-size:10px;color:#ffb698;margin-bottom:20px}.film-cover h2{font-size:clamp(36px,4.7vw,65px);line-height:1.06;letter-spacing:-.045em;color:#faf7f2;margin:0;max-width:600px}.film-play{display:flex;flex-direction:column;align-items:center;gap:15px;background:none;border:0;color:#f7f1ec;padding:10px 25px;font-size:12px;pointer-events:auto}.play-circle{display:grid;place-items:center;width:92px;height:92px;border:1px solid #e5e0d180;border-radius:50%;background:#fff1;backdrop-filter:blur(8px);font-size:20px;padding-left:4px;transition:transform .3s,background .3s}.film-play:hover .play-circle{transform:scale(1.07);background:#ff784833;border-color:var(--accent)}.film-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;font-size:11px;color:#9399a2;padding-top:17px}.film-caption details{max-width:560px;text-align:right}.film-caption summary{cursor:pointer;min-height:30px;color:#b5bac4}.film-caption details p{font-size:12px;text-align:left;margin-top:16px;margin-bottom:0}.film-stage.video-failed .film-cover{display:none}.film-error{color:#ffc2ac!important;font-size:13px;padding:16px 20px;margin:0!important;background:#2d1915}.innovation-services{padding-top:90px}.section-heading{gap:65px;margin-bottom:42px}.section-heading>p{font-size:16px;line-height:1.8;max-width:380px}.innovation-grid{gap:22px}.innovation-card{padding:29px 28px 28px;border-radius:10px}.innovation-card:first-child{background:#e9e5dc;border-color:#e9e5dc;color:#171b22}.innovation-card:first-child>p{color:#515760}.innovation-card:first-child .card-top{color:#525864}.innovation-card:first-child .card-link{border-color:#c2c0ba}.innovation-card:first-child .card-link span,.innovation-card:first-child .card-top>span:last-child{color:#9a3e20}.innovation-card:first-child .card-link:hover{color:#9a3e20}.innovation-card h3{font-size:32px;line-height:1.14;font-weight:500;letter-spacing:-.032em}.innovation-card>p{font-size:14px;line-height:1.85}.card-top{font-size:10px}.card-link{font-size:13px;padding-top:20px}.service-visual{height:205px;margin-bottom:28px}.experience-section{padding-block:105px;border-bottom:0}.experience-copy>p:not(.eyebrow){font-size:16px;line-height:1.8}.experience-copy .demo-disclaimer{font-size:12px;line-height:1.65}.scenario-controls button{font-size:12px;padding-inline:17px}.journey-step p{font-size:13px}.journey-step h3{font-size:18px}.journey-label{font-size:9px}.board-header{font-size:9px}.journey-result p{font-size:12px}.experience-board{border-radius:10px;padding:30px}.studio-section{display:grid;grid-template-columns:1.1fr 1fr;align-items:stretch;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#121519}.studio-photo{margin:0;position:relative;min-width:0;min-height:490px}.studio-photo img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:48% center}.studio-photo:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#080a0dda);pointer-events:none}.studio-photo figcaption{position:absolute;z-index:1;bottom:23px;left:27px;right:27px;display:flex;justify-content:space-between;gap:25px;align-items:end;font:8px/1.5 ui-monospace,monospace;letter-spacing:.07em;color:#dad8d3}.studio-photo figcaption>span:first-child{max-width:220px}.studio-photo figcaption>span:last-child{white-space:nowrap;color:#c1bcb6}.studio-copy{padding:54px 49px;align-self:center}.studio-copy .eyebrow{font-size:9px;letter-spacing:.1em}.studio-copy h2{font-size:46px;line-height:1.1;letter-spacing:-.04em}.studio-copy>p:not(.eyebrow){font-size:15px;line-height:1.85}.studio-copy .text-link{font-size:13px;margin-top:5px}.beyond-section{padding-top:100px}.steps>.wp-block-group{border-top:1px solid #424751;padding-top:23px}.steps h3{font-size:22px}.steps p{font-size:14px;line-height:1.8}.step-number{font-size:12px!important}.callout:has(.wp-block-buttons){display:grid;grid-template-columns:1.4fr 1fr;column-gap:50px;padding:55px 58px;background:radial-gradient(ellipse at 0 100%,#7b371c25,transparent 65%),#141519}.callout:has(.wp-block-buttons):after{display:none}.callout:has(.wp-block-buttons)>.eyebrow,.callout:has(.wp-block-buttons)>h2,.callout:has(.wp-block-buttons)>p{grid-column:1}.callout:has(.wp-block-buttons)>h2{font-size:clamp(36px,4vw,52px)}.callout:has(.wp-block-buttons)>.wp-block-buttons{grid-column:2;grid-row:2/4;align-self:center;justify-self:end;flex-direction:column;align-items:stretch;gap:12px;margin:0;min-width:230px}.about-photo{margin:55px 0 0;max-width:100%;position:relative}.about-photo img{display:block;width:100%;max-height:480px;object-fit:cover;border-radius:12px}.about-photo figcaption{font:10px/1.6 ui-monospace,monospace;color:#959ba4;margin-top:15px}.film-cover button:focus-visible{outline-offset:10px}.studio-photo,.studio-copy,.film-cover-center>*{min-width:0}
@media(max-width:1100px){.header-inner{min-height:88px}.innovation-hero{gap:14px;padding-block:45px 48px}.innovation-hero h1{font-size:clamp(58px,7.2vw,78px)}.hero-copy .hero-lead{font-size:16px;max-width:360px}.hero-art{max-width:460px}.art-bottom>span{display:none}.capability-strip{font-size:9px;gap:14px}.film-cover{padding:26px 32px}.film-cover h2{font-size:48px}.play-circle{width:76px;height:76px}.film-cover-top,.film-cover-bottom{font-size:9px}.innovation-card{padding:24px 23px}.innovation-card h3{font-size:28px}.service-visual{height:185px}.innovation-grid{gap:16px}.studio-copy{padding:38px 32px}.studio-copy h2{font-size:40px}.studio-photo{min-height:450px}.studio-photo figcaption{left:20px;right:20px;flex-direction:column;align-items:flex-start;gap:9px}.studio-copy>p:not(.eyebrow){font-size:14px}.experience-board{padding:24px}.section-heading>p{font-size:15px}.experience-section{gap:45px}.callout:has(.wp-block-buttons){padding:42px;gap:32px}.callout:has(.wp-block-buttons)>.wp-block-buttons{min-width:215px}}
@media(max-width:850px){.hero-art{max-width:355px}.innovation-hero{grid-template-columns:1fr 1fr}.innovation-hero h1{font-size:60px}.hero-copy .hero-lead{font-size:15px}.hero-copy .hero-footnote{font-size:11px}.brand-film-section{padding-top:55px}.film-cover h2{font-size:40px}.film-cover{padding:22px 27px}.film-cover-top,.film-cover-bottom{font-size:8px}.film-cover .eyebrow{font-size:8px;margin-bottom:15px}.film-play{padding:10px;font-size:11px;gap:10px}.play-circle{width:62px;height:62px;font-size:17px}.film-caption{font-size:10px}.innovation-card{padding:21px 18px}.innovation-card h3{font-size:26px}.innovation-card>p{font-size:13px;line-height:1.75}.card-top{font-size:8px}.card-link{font-size:11px}.service-visual{height:160px}.section-heading>p,.experience-copy>p:not(.eyebrow){font-size:14px}.experience-copy .demo-disclaimer{font-size:11px}.scenario-controls{gap:7px}.scenario-controls button{font-size:11px;padding-inline:12px}.experience-board{padding:22px 19px}.experience-section{gap:30px}.journey-step p{font-size:12px}.journey-step h3{font-size:16px}.board-header{font-size:7px}.studio-section{grid-template-columns:1fr 1fr}.studio-copy{padding:32px 27px}.studio-copy h2{font-size:35px}.studio-copy>p:not(.eyebrow){font-size:13px}.studio-copy .eyebrow{font-size:8px}.studio-copy .text-link{font-size:12px;line-height:1.5}.studio-photo{min-height:430px}.steps p{font-size:13px}.callout:has(.wp-block-buttons){padding:35px;column-gap:25px}.callout:has(.wp-block-buttons)>.wp-block-buttons{min-width:195px}.callout:has(.wp-block-buttons)>h2{font-size:36px}}
@media(max-width:700px){.header-inner{min-height:78px}.innovation-hero{display:grid;grid-template-columns:1fr;padding-block:40px 28px;gap:23px}.innovation-hero h1{font-size:clamp(52px,13.5vw,78px);letter-spacing:-.052em;line-height:1.015;margin-bottom:24px}.hero-copy .hero-lead{font-size:15px;max-width:390px;line-height:1.7}.hero-actions{gap:15px 22px;margin-top:24px}.hero-actions .button{padding:14px 17px;font-size:12px;gap:18px}.hero-film-link{font-size:12px;gap:8px}.inline-play{width:25px;height:25px;font-size:13px}.hero-copy .hero-footnote{font-size:11px;line-height:1.6;margin-top:17px}.hero-art{max-width:390px;width:100%;justify-self:center;margin-top:0}.innovation-sculpture{width:97%;margin-inline:1.5%}.art-caption{font-size:7px}.art-bottom>span{display:block}.art-bottom{margin-top:-6px}.capability-strip{font-size:8px;gap:15px 12px;padding-block:21px}.brand-film-section{padding-top:42px}.film-stage{border-radius:9px}.brand-film{aspect-ratio:4/3;object-fit:cover}.film-stage.has-started .brand-film{object-fit:contain}.film-cover{padding:19px 20px}.film-cover-top{font-size:7px;letter-spacing:.03em;gap:12px}.film-cover-center{gap:14px}.film-cover .eyebrow{font-size:7px;letter-spacing:.08em;margin-bottom:11px;gap:7px}.film-cover h2{font-size:31px;letter-spacing:-.04em}.play-circle{width:51px;height:51px;font-size:14px}.film-play{font-size:9px;gap:8px;padding:5px 0;white-space:nowrap}.film-cover-bottom{font-size:6px;letter-spacing:.04em}.film-cover-bottom>span:last-child{font-size:25px}.film-caption{font-size:10px;display:grid;gap:8px;padding-top:12px}.film-caption details{text-align:left}.film-caption summary{min-height:30px}.film-caption details p{font-size:12px;line-height:1.7;margin-top:8px}.innovation-services{padding-top:59px}.section-heading{gap:22px;margin-bottom:30px}.section-heading>p{font-size:14px}.innovation-grid{gap:19px}.innovation-card{padding:29px}.innovation-card h3{font-size:31px}.innovation-card>p{font-size:14px;line-height:1.85}.card-top{font-size:9px}.card-link{font-size:13px}.service-visual{height:195px;margin-block:12px 22px}.experience-section{padding-block:68px;gap:30px}.experience-copy>p:not(.eyebrow){font-size:14px}.experience-copy .demo-disclaimer{font-size:11px}.experience-board{padding:25px 21px}.journey-step h3{font-size:17px}.journey-step p{font-size:12px}.board-header{font-size:7px}.scenario-controls button{font-size:12px;padding-inline:15px}.studio-section{grid-template-columns:1fr;border-radius:10px}.studio-photo{min-height:0;aspect-ratio:1.4}.studio-photo img{object-position:center}.studio-photo figcaption{left:20px;right:20px;bottom:18px;flex-direction:row;align-items:end;font-size:7px;gap:16px}.studio-photo figcaption>span:first-child{max-width:160px}.studio-copy{padding:34px 27px}.studio-copy .eyebrow{font-size:9px}.studio-copy h2{font-size:38px}.studio-copy>p:not(.eyebrow){font-size:14px}.studio-copy .text-link{font-size:12px;line-height:1.5;gap:10px}.beyond-section{padding-top:66px}.steps h3{font-size:21px}.steps p{font-size:13px}.steps>.wp-block-group{padding-top:20px}.callout:has(.wp-block-buttons){display:block;padding:34px 26px}.callout:has(.wp-block-buttons)>h2{font-size:38px}.callout:has(.wp-block-buttons)>.wp-block-buttons{margin-top:27px;min-width:0;display:flex;flex-direction:column;align-items:stretch;max-width:320px}.about-photo{margin-top:35px}.about-photo img{min-height:230px;object-fit:cover;border-radius:9px}.about-photo figcaption{font-size:9px}}
@media(max-width:360px){.innovation-hero h1{font-size:49px}.hero-actions{gap:13px}.hero-actions .button{padding-inline:13px;gap:12px;font-size:11px}.hero-film-link{font-size:11px}.hero-copy .hero-footnote{max-width:100%}.film-cover{padding:17px 16px}.film-cover h2{font-size:27px}.film-cover .eyebrow{font-size:6px}.film-cover-center{gap:8px}.film-cover-top{font-size:6px}.play-circle{width:43px;height:43px}.film-play{font-size:8px}.film-cover-bottom{font-size:5px}.innovation-card{padding:24px}.studio-copy{padding:30px 22px}.studio-copy h2{font-size:35px}.studio-photo figcaption{font-size:6px}.studio-photo figcaption>span:first-child{max-width:125px}.callout:has(.wp-block-buttons)>h2{font-size:34px}.experience-board{padding:24px 17px}}
@media(prefers-reduced-motion:reduce){.play-circle{transition:none}.innovation-sculpture{animation:none}.film-cover{transition:none}}
/* Continuous ambient film: the typography stays still while the image breathes. */
.film-cover,.js .film-cover,.film-stage.has-started .film-cover,.film-stage.video-failed .film-cover{display:flex}
.brand-film,.film-stage.has-started .brand-film{object-fit:cover}
.film-cover{background:linear-gradient(90deg,#070a0ed9 0%,#080a0d40 60%,#0001 100%)}
.film-cover-center{flex:1;align-items:center}
.film-cover h2{font-size:clamp(40px,5.6vw,78px);max-width:740px;letter-spacing:-.05em}
.film-cover-bottom{min-height:44px}
.film-motion-toggle{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;min-width:88px;padding:8px 14px;border:1px solid #f4eee336;border-radius:30px;background:#07090d55;color:#f4eee3;font:11px/1.2 ui-monospace,monospace;cursor:pointer;backdrop-filter:blur(8px)}
.film-motion-toggle:hover{border-color:#ffaf86;background:#111720aa}
.film-motion-toggle:focus-visible{outline:2px solid #ffaf86;outline-offset:5px}
.film-motion-toggle[hidden]{display:none}
.film-motion-symbol{font-size:15px;line-height:1}
.ambient-unavailable .brand-film{object-fit:cover}
@media(max-width:700px){.brand-film{aspect-ratio:1/1}.film-cover{padding:21px}.film-cover h2{font-size:clamp(36px,10vw,50px)}.film-cover .eyebrow{font-size:8px;margin-bottom:16px}.film-cover-top{font-size:7px;gap:10px}.film-cover-bottom{font-size:6px;gap:15px}.film-cover-bottom>span:first-child{max-width:140px;line-height:1.8}.film-motion-toggle{font-size:10px;min-width:80px;padding:8px 11px}}
@media(max-width:360px){.film-cover{padding:17px}.film-cover h2{font-size:34px}.film-cover-top{font-size:6px}.film-cover .eyebrow{font-size:7px}.film-cover-bottom>span:first-child{max-width:117px}}


