@font-face{font-family:StudioBody;src:url('/assets/portfolio-motion/fonts/DMSans-Variable.ttf');font-weight:100 1000;font-display:swap}@font-face{font-family:StudioDisplay;src:url('/assets/home-bridge/ArchivoBlack-Regular.ttf');font-weight:400;font-display:swap}
.studio-site{--ink:#182d37;--paper:#f1e9dc;--cream:#e9dfce;--deep-green:#102a36;--green:#315763;--brass:#ddb582;--line:#3348522b;--studio-ease:cubic-bezier(.16,1,.3,1);background:var(--paper);font-family:StudioBody,Arial,sans-serif;color:var(--ink)}.studio-site ::selection{background:#e4b680;color:#122b37}.studio-site :focus-visible{outline:3px solid #c88943;outline-offset:5px}.studio-site:not(.studio-exhibition) h1,.studio-site:not(.studio-exhibition) h2,.studio-site:not(.studio-exhibition) h3{font-family:StudioDisplay,Arial,sans-serif;font-weight:400}.studio-site button,.studio-site input,.studio-site textarea,.studio-site select{font-family:StudioBody,Arial,sans-serif}
.studio-site:not(.studio-exhibition) .site-header{position:relative;z-index:30;min-height:86px;padding:22px 4%;background:linear-gradient(135deg,#122934f5,#101e28f5);color:#f6e7d1;border-bottom:1px solid #e6bb8045;box-shadow:0 5px 22px #0002;backdrop-filter:blur(18px)}.studio-site.bridge-home .site-header{position:absolute}.studio-site .wordmark{font-family:StudioBody,Arial,sans-serif;color:#f5e3c8;font-size:28px;letter-spacing:-1.5px}.studio-site .wordmark i{color:#e2af77}.studio-site #site-nav{gap:24px}.studio-site #site-nav a{color:#eedcc2;font-size:12px;font-weight:500}.studio-site #site-nav .nav-cta{background:linear-gradient(#fff0d7,#dfc7a6);color:#243640;border:1px solid #ffe8c440;border-radius:6px;padding:12px 18px;box-shadow:inset 0 1px #fff8e8}.studio-site #site-nav a[aria-current=page]:not(.nav-cta){color:#ffc68a;text-decoration:underline;text-underline-offset:7px}.studio-site .menu-toggle{color:#efdfc7;border-color:#b39775}
.studio-site:not(.studio-exhibition) .section{padding:90px 7vw}.studio-site .eyebrow{color:#966734;font-family:StudioBody,Arial,sans-serif;font-size:11px;letter-spacing:.12em;font-weight:650}.studio-site .service-hero,.studio-site .case-hero{position:relative;isolation:isolate;background:linear-gradient(90deg,#071f2bef,#0e283cd9),url('/assets/home-bridge/studio-interior.webp') center/cover;min-height:650px;grid-template-columns:1.05fr .95fr;border-bottom:2px solid #c39967}.studio-site .service-hero::before{display:none}.studio-site .service-hero-copy,.studio-site .case-hero-copy{padding:85px 5vw 85px 7vw}.studio-site .service-hero h1,.studio-site .case-hero h1{font-size:clamp(40px,5.1vw,74px);line-height:1.02;letter-spacing:-.055em;max-width:760px;color:#fff1db}.studio-site .service-hero .eyebrow,.studio-site .case-hero .eyebrow{color:#e4b780}.studio-site .service-hero-copy>p:not(.eyebrow),.studio-site .case-hero-copy>p:not(.eyebrow){font-size:17px;color:#c7d6d9;line-height:1.7}.studio-site .hero-actions{gap:24px;flex-wrap:wrap}.studio-site .service-hero .text-link{color:#f3d5af}.studio-site .service-hero-index{display:none}
.studio-screen{align-self:center;margin:50px 5vw 50px 0;padding:14px;border-radius:25px;background:radial-gradient(400px circle at var(--mouse-x,50%) var(--mouse-y,0%),#fff6e2aa,transparent),linear-gradient(140deg,#f6e7ce,#b79a75 55%,#e4ceb0);border:1px solid #fff1d67a;box-shadow:0 0 0 2px #493e30,0 9px 0 -4px #8e7254,0 28px 55px #0006,inset 0 2px #fff5df;transform:perspective(1400px) rotateY(-5deg);backdrop-filter:blur(16px)}.studio-screen img{width:100%;display:block;aspect-ratio:1.35;object-fit:cover;border:5px solid #1a2e37;border-radius:13px}.studio-screen figcaption{padding:17px 6px 5px;color:#483e32;font-size:10px;line-height:1.5;display:flex;justify-content:space-between;gap:20px}.studio-screen figcaption span:last-child{color:#67503b}.studio-voice{padding:32px 24px;border:5px solid #26383e;border-radius:13px;background:radial-gradient(ellipse at top,#285162,#081f2c);min-height:340px;color:#e8eef0}.studio-voice>p{color:#e6bb88;font-size:11px;letter-spacing:.08em}.studio-wave{height:80px;display:flex;gap:7px;align-items:center;justify-content:center;margin:25px 0}.studio-wave i{display:block;width:7px;height:var(--height);border-radius:6px;background:linear-gradient(#fce5bd,#d59758);animation:studio-wave 2.4s ease-in-out infinite alternate;animation-delay:var(--delay)}.studio-voice ol{display:flex;justify-content:space-between;gap:15px;padding:0;list-style:none;font-size:12px;color:#d5e3e8}.studio-voice small{display:block;color:#9db8c3;text-align:center;margin-top:25px;font-size:10px}
.studio-site .button-primary,.studio-site .button-light{background:linear-gradient(#f5dbb5,#d7ad7d);color:#1f3039;border:1px solid #efd5b055;border-radius:6px;box-shadow:inset 0 1px #fff1db,0 4px 14px #0002}.studio-site .button-outline,.studio-site .button-secondary{border-radius:6px}.studio-site :is(button,.button,.text-link,.nav-cta,summary){transition:transform .35s var(--studio-ease),box-shadow .35s var(--studio-ease),color .25s,background-color .25s}.studio-site :is(button,.button,.nav-cta):hover{transform:translateY(-2px);box-shadow:0 7px 24px #d3a06640}.studio-site :is(button,.button,.nav-cta):active{transform:translateY(1px) scale(.97);box-shadow:inset 0 2px 8px #061b2933;transition-duration:.1s}.studio-site button:disabled{transform:none;box-shadow:none}.studio-site .text-link:hover{color:#ae7336}.studio-site .text-link:active{transform:translateY(1px)}
.studio-site .service-promise,.studio-site .service-fit,.studio-site .case-summary,.studio-site .case-architecture{background:#ebe1d0}.studio-site :is(.service-promise h2,.service-section-heading h2,.service-fit h2,.case-section-copy h2){font-size:clamp(30px,3.8vw,54px);line-height:1.1;letter-spacing:-.045em}.studio-site .service-section-heading{gap:35px;margin-bottom:50px}.studio-site .deliverable-grid{border:0;gap:18px}.studio-site .deliverable-grid article,.studio-site .case-points article{border:1px solid #fff7e09c;border-radius:14px;background:radial-gradient(400px circle at var(--mouse-x,50%) var(--mouse-y,0%),#fff9ecbd,transparent 70%),linear-gradient(135deg,#f3ebdfe0,#e5d9c6d9);box-shadow:inset 0 1px #fff9ec,0 8px 32px -4px #172d3718;backdrop-filter:blur(14px)}.studio-site .deliverable-grid article{min-height:300px;padding:32px}.studio-site .deliverable-grid h3{margin-top:45px}.studio-site .deliverable-grid p,.studio-site .service-promise-copy p{color:#536168}.studio-site .service-packages,.studio-site .app-process,.studio-site .river-guardrails,.studio-site .case-strategy,.studio-site .case-safety,.studio-site .case-results{background:linear-gradient(140deg,#102a36,#1a3d49);color:#eee2d0}.studio-site :is(.service-packages,.app-process,.river-guardrails,.case-strategy,.case-safety,.case-results) .eyebrow{color:#e0b583}.studio-site .compact-price-grid{gap:20px;border:0}.studio-site .compact-price-grid article{border:1px solid #d8c1a333;border-radius:16px;background:linear-gradient(135deg,#ffffff0a,#00000010);box-shadow:0 8px 32px -4px #0003}.studio-site .compact-price-grid article.featured{background:linear-gradient(140deg,#f3e4ca,#d5b98e);color:#223640;border-color:#f6e5c8}.studio-site .package-note{color:#b9ced4}.studio-site .application-pricing,.studio-site .service-proof,.studio-site .service-proof-river{background:linear-gradient(125deg,#e8cda6,#eee3cf);color:#263840}.studio-site .river-capabilities{background:#f1e8d9}.studio-site .service-cta{background:linear-gradient(90deg,#082330e8,#122c3ae8),url('/assets/home-bridge/studio-interior.webp') center 70%/cover;color:#f4e4c9;border-top:1px solid #d1a368}.studio-site .service-cta .eyebrow{color:#e8be8c}.studio-site .service-cta h2{font-size:clamp(34px,4.5vw,64px);line-height:1.1}
.studio-site .case-hero-visual{background:transparent;padding:55px 5vw 55px 0}.studio-site .case-hero-visual img{transform:perspective(1400px) rotateY(-5deg);padding:13px;border-radius:22px;border:1px solid #e9d4b3;background:linear-gradient(135deg,#f9e9cf,#a99071);box-shadow:0 30px 60px #0006}.studio-site .case-tags span{color:#f0d6b3;border-color:#d3b18855;background:#ffffff08;border-radius:30px}.studio-site .case-section-number{color:#a77d49}.studio-site .case-points{gap:20px}.studio-site .case-points article{padding:25px;color:#253e48}.studio-site .case-points article p{color:#53666d}.studio-site .case-facts{border-color:#a18a6b}.studio-site .case-facts small{color:#746045}.studio-site .metric-grid{gap:15px}.studio-site .metric-grid>div{border:1px solid #c9b28d33;border-radius:14px;background:#ffffff06;padding:28px}.studio-site .metric-grid strong{color:#f1cea0}.studio-site .brandi-orbit{background:radial-gradient(ellipse,#315367,#102835);border-left:1px solid #cfaa7050}.studio-site .brandi-orbit::before{border-color:#c5a57544}
.studio-site.legal-body{background:linear-gradient(#0e2b38d9,#0e2632ed),url('/assets/home-bridge/studio-interior.webp') center top/cover fixed}.studio-site .legal-page{max-width:1160px;margin:55px auto 80px;padding:60px clamp(24px,6vw,85px);background:linear-gradient(135deg,#fff3dedf,#ede0cceF);border:1px solid #ffebc680;border-radius:22px;box-shadow:0 25px 65px #0005;backdrop-filter:blur(20px);color:#293e47}.studio-site .legal-hero h1{font-size:clamp(38px,6vw,70px);line-height:1.08;color:#1a3441}.studio-site .legal-content{max-width:850px}.studio-site .legal-content h2{font-size:23px;line-height:1.3;color:#244856;margin-top:42px}.studio-site .legal-content p,.studio-site .legal-content li{color:#475b62;line-height:1.8}.studio-site .legal-content a,.studio-site .rr-policy-note a{color:#80552b}.studio-site .confirmation-page{margin:55px auto 80px;width:min(1100px,92%);min-height:650px;border-radius:24px;padding:65px 7%;background:linear-gradient(125deg,#173747eF,#0b2332ed);border:1px solid #ddb68170;box-shadow:0 25px 65px #0005}.studio-site .confirmation-page h1{font-size:clamp(38px,6vw,70px);color:#f9e5c8;line-height:1.1}.studio-site .confirmation-mark{background:#edc595;color:#183848}.studio-site .confirmation-page .eyebrow{color:#e4b580}
.studio-site .rr-footer{background:#112b37;color:#c1cbd0;border-top:1px solid #d6af7a66;padding:65px 6vw}.studio-site .rr-footer a,.studio-site .rr-footer-nav strong,.studio-site .footer-mark{color:#e7d2b4}.studio-site .footer-mark i{color:#c99961}.studio-site .rr-footer a:hover{color:#ffcf91}.studio-site .reveal{opacity:1;transform:none}.studio-site.studio-motion .reveal:not(.visible){opacity:0;transform:translateY(24px)}.studio-site.studio-motion .reveal{transition:opacity .8s var(--studio-ease),transform .8s var(--studio-ease)}
.studio-site.studio-exhibition .site-header{background:linear-gradient(#142c36f2,#112a36e8);border-bottom:1px solid #cda16b65;backdrop-filter:blur(15px);color:#f0dfc5}.studio-site.studio-exhibition .site-header a{color:#f0dfc5}.studio-site.studio-exhibition .pill,.studio-site.studio-exhibition .project-navigation button{background:linear-gradient(#f7e5c9,#d5b48a);color:#233943;border:1px solid #f7e7ce;border-radius:7px;box-shadow:0 5px 20px #18354320}.studio-site.studio-exhibition #project-index{background:#efe5d5}.studio-site.studio-exhibition .project{border-color:#c5aa8660}.studio-site.studio-exhibition .world-footer{background:linear-gradient(#f4e7d7e8,#e4d0b7f5);border-color:#a38965;backdrop-filter:blur(15px)}
@keyframes studio-wave{to{transform:scaleY(.45);opacity:.65}}
.studio-screen img{height:auto}.studio-site .legal-hero{background:transparent;color:#203d4b;min-height:0;padding:15px 0 35px;border-bottom:1px solid #9b876852}.studio-site .legal-hero h1{color:#203d4b}.studio-site .legal-hero p{color:#725936}.studio-site .legal-content{padding:40px 0 0}.studio-site .brandi-orbit>span{background:linear-gradient(#e7cfaa,#b89a74);color:#223d49;border:1px solid #f2dfc2;border-radius:5px;box-shadow:0 4px 15px #0003}
@media(max-width:1000px){.studio-site #site-nav{gap:13px}.studio-site .service-hero,.studio-site .case-hero{grid-template-columns:1fr}.studio-site .service-hero-copy,.studio-site .case-hero-copy{padding:65px 7vw 35px}.studio-screen{margin:15px 7vw 65px;max-width:700px;transform:none}.studio-screen img{aspect-ratio:1.7}.studio-site .case-hero-visual{padding:25px 7vw 60px;min-height:0}.studio-site .case-hero-visual img{max-width:750px;transform:none}.studio-site .legal-page{margin:30px 4vw 55px}.studio-site .service-hero h1,.studio-site .case-hero h1{font-size:clamp(40px,7vw,65px)}}
@media(max-width:760px){.studio-site:not(.studio-exhibition) .site-header{padding:19px 5%;min-height:76px}.studio-site .menu-toggle{display:block}.studio-site #site-nav{display:none;position:absolute;top:75px;left:0;right:0;background:#142c38;padding:20px;flex-direction:column;align-items:stretch;border-bottom:1px solid #c59d6d}.studio-site #site-nav.open{display:flex}.studio-site #site-nav a{padding:12px;font-size:14px}.studio-site:not(.studio-exhibition) .section{padding:60px 6vw}.studio-site .service-hero h1,.studio-site .case-hero h1{font-size:40px;overflow-wrap:anywhere}.studio-site .service-hero-copy,.studio-site .case-hero-copy{padding:55px 6vw 25px}.studio-site .service-hero-copy>p:not(.eyebrow),.studio-site .case-hero-copy>p:not(.eyebrow){font-size:15px}.studio-screen{margin:15px 6vw 45px;padding:10px;border-radius:18px}.studio-screen img{border-width:4px;border-radius:10px;aspect-ratio:1.2}.studio-screen figcaption{font-size:9px;gap:12px}.studio-site .deliverable-grid,.studio-site .compact-price-grid{grid-template-columns:1fr}.studio-site .deliverable-grid article{min-height:0;padding:28px}.studio-site .deliverable-grid h3{margin-top:30px}.studio-site .legal-page{padding:35px 23px;border-radius:15px}.studio-site .legal-hero h1{font-size:38px}.studio-site .legal-content h2{font-size:21px}.studio-site .confirmation-page{padding:45px 25px;min-height:600px}.studio-site .confirmation-page h1{font-size:40px}.studio-site .rr-footer{padding:50px 6vw}.studio-site .hero-actions{gap:20px}.studio-site .studio-voice{padding:25px 15px}.studio-site .studio-voice ol{font-size:10px}}
@media(prefers-reduced-motion:reduce){.studio-site *, .studio-site *::before,.studio-site *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.studio-site.studio-motion .reveal:not(.visible){opacity:1;transform:none}.studio-site :is(button,.button,.nav-cta):hover,.studio-site :is(button,.button,.nav-cta):active{transform:none}}
