/* WBA studio — public presentation, independent of the existing portal styles. */
:root{--studio-blue:#0a53c7;--studio-navy:#072b58;--studio-yellow:#f5c416;--studio-paper:#fbfcff;--studio-line:#dce3ed}
body.wba-public{background:var(--studio-paper);color:var(--studio-navy);font-size:16px;overflow-x:clip}.wba-public h1,.wba-public h2,.wba-public h3{color:inherit}.wba-public em{font-style:normal;color:var(--studio-blue)}.wba-public main{min-height:40vh}.wba-public .eyebrow{font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.13em;line-height:1.6}.studio-nav{position:relative;z-index:40;display:flex;align-items:center;gap:25px;min-height:110px;padding:20px 5vw;border-bottom:1px solid var(--studio-line);background:var(--studio-paper);color:var(--studio-navy)}.studio-logo{font-family:'Space Grotesk',sans-serif;font-size:57px;font-weight:700;letter-spacing:-5px;line-height:1;display:inline-block}.studio-logo span{font-size:13px;letter-spacing:0;vertical-align:top;position:relative;top:8px;margin-left:5px}.studio-location{font-size:12px;line-height:1.5;padding-left:22px;border-left:1px solid var(--studio-line)}.studio-menu{margin-left:auto;display:flex;align-items:center;gap:26px;font-size:14px;font-weight:500}.studio-menu>a:not(.nav-whatsapp){padding:12px 0}.studio-menu>a:hover{color:var(--studio-blue)}.studio-menu a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}.studio-menu .portal-link{color:#64748b;font-size:13px}.nav-whatsapp{background:var(--studio-yellow);padding:13px 20px;border-radius:30px;display:flex;gap:22px;align-items:center}.studio-menu-toggle{display:none}.studio-skip{position:fixed;top:-100px;left:20px;z-index:999;background:var(--studio-yellow);padding:15px}.studio-skip:focus{top:10px}.studio-hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:3vw;align-items:center;min-height:690px;padding:65px 5vw 110px;background:var(--studio-blue);color:white;overflow:hidden}.hero-wording{position:relative;z-index:2}.hero-wording>.eyebrow{color:#d9e6ff;max-width:350px;margin-bottom:25px}.hero-wording h1{font-size:clamp(65px,7.4vw,120px);line-height:.97;letter-spacing:-.065em;font-weight:500;margin:0 0 32px}.hero-wording h1 em{color:var(--studio-yellow);position:relative}.hero-wording>p:not(.eyebrow){font-size:18px;line-height:1.7;max-width:470px;color:#e2ebfb}.hero-links{display:flex;align-items:center;gap:28px;margin-top:30px;flex-wrap:wrap}.studio-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 24px;min-height:50px;background:var(--studio-yellow);color:var(--studio-navy);border:1px solid transparent;border-radius:30px;font-weight:600;font-size:15px;cursor:pointer;transition:transform .2s,background .2s}.studio-button:hover{background:#ffdb4c;transform:translateY(-2px)}.studio-button.outline{border-color:currentColor;background:transparent}.quiet-link{display:inline-flex;gap:20px;font-size:14px;font-weight:500;align-items:center;border-bottom:1px solid currentColor;padding-bottom:5px;line-height:1.7}.hero-work{position:relative;min-width:0;padding:20px 0 30px}.hero-photo-link{display:block;transform:rotate(-5deg);padding:12px 12px 0;background:#fff;color:var(--studio-navy);box-shadow:20px 25px 0 #072b583d;transition:transform .4s}.hero-photo-link:hover{transform:rotate(-2deg) translateY(-5px)}.hero-photo-link img{height:350px;width:100%;object-fit:cover}.photo-caption{display:flex;align-items:center;justify-content:space-between;padding:16px 3px;font-size:11px;letter-spacing:.08em;gap:15px}.photo-caption b{font-size:22px}.hero-sticker{position:absolute;right:-7px;top:-38px;width:130px;height:130px;border-radius:50%;background:var(--studio-yellow);color:var(--studio-navy);display:flex;align-items:center;justify-content:center;text-align:center;font:600 14px/1.3 'Space Grotesk',sans-serif;letter-spacing:.05em;transform:rotate(10deg);box-shadow:4px 4px 0 #072b5830}.hero-side{position:absolute;right:15px;bottom:-40px;font-size:11px;letter-spacing:.16em}.hero-bottom-link{position:absolute;bottom:26px;left:5vw;right:5vw;border-top:1px solid #ffffff35;display:flex;justify-content:space-between;padding-top:20px;font-size:13px;color:#ecf2ff}.hero-bottom-link span{font-size:22px}.directions,.studio-work,.site-teaser,.studio-about-strip,.included,.process,.short-faq,.work-collection,.about-editorial,.contact-grid,.project-story,.project-extra,.error-links{padding:85px 7vw}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:40px}.section-heading p{font-size:15px}.section-heading h2{font-size:clamp(38px,4.5vw,65px);font-weight:500;letter-spacing:-.045em;line-height:1.08;margin-top:16px}.direction{display:grid;grid-template-columns:50px 1.4fr .7fr 55px;gap:20px;padding:30px 0;border-top:1px solid var(--studio-line);align-items:center;transition:padding .3s,color .3s}.direction:last-child{border-bottom:1px solid var(--studio-line)}.direction:hover{padding-left:15px;color:var(--studio-blue)}.direction .index{font:12px var(--font-mono);align-self:start;padding-top:10px}.direction h2{font-size:clamp(29px,3.4vw,51px);font-weight:500;line-height:1.13;letter-spacing:-.045em}.direction h2 em{display:block;color:#697d98}.direction p{font-size:14px;line-height:1.7;color:#53647d}.dir-arrow{height:50px;width:50px;display:grid;place-items:center;border:1px solid var(--studio-line);border-radius:50%;font-size:25px}.direction:hover .dir-arrow{background:var(--studio-yellow);border-color:var(--studio-yellow)}.studio-work{background:#eaf0fb}.work-grid,.work-collection{display:grid;grid-template-columns:1.15fr 1fr;gap:6vw}.work-grid .work-item:nth-child(2){margin-top:110px}.work-image{position:relative;overflow:hidden;aspect-ratio:1.3;background:#d7e3ef}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.work-item:hover img{transform:scale(1.035)}.work-open{position:absolute;bottom:17px;right:17px;width:44px;height:44px;display:grid;place-items:center;background:white;border-radius:50%;font-size:24px}.work-caption{display:flex;justify-content:space-between;gap:20px;margin-top:20px;align-items:end}.work-caption p{font-size:12px;color:#53647d;margin-bottom:7px}.work-caption h3{font-size:25px;font-weight:500}.work-caption>span{font-size:12px;max-width:130px;text-align:right}.site-teaser{display:grid;grid-template-columns:1.3fr 1fr;gap:10vw;align-items:center}.site-teaser h2,.studio-about-strip h2{font-size:clamp(42px,5vw,75px);font-weight:500;letter-spacing:-.05em;line-height:1.04;margin:22px 0}.site-teaser p{font-size:16px;line-height:1.8}.site-teaser .quiet-link{margin-top:25px}.price-note{background:var(--studio-yellow);padding:35px;transform:rotate(3deg);box-shadow:10px 12px 0 #072b5810}.price-label{font-size:12px;letter-spacing:.12em}.price-note>strong{font-size:100px;display:block;line-height:1.1;font-family:var(--font-display);font-weight:500;letter-spacing:-8px;margin:20px 0}.price-note strong span{font-family:var(--font-body);font-size:14px;letter-spacing:0;display:block;margin-top:8px}.price-note>div{border-top:1px solid #072b5830;padding:20px 0}.price-note>div b{font-size:20px;font-weight:500}.price-note>div p{font-size:12px;max-width:240px;margin-top:8px}.price-note>a{display:flex;justify-content:space-between;font-size:14px;border-top:1px solid #072b5830;padding-top:18px}.studio-about-strip{background:#072b58;color:white;display:grid;grid-template-columns:1.4fr 1fr;gap:20px 8vw;align-items:center}.studio-about-strip>.eyebrow{grid-column:1/-1;color:#b7cae2}.studio-about-strip h2 em{color:var(--studio-yellow)}.studio-about-strip>div p{font-size:17px;line-height:1.8;color:#d7e2f1;margin-bottom:26px}.studio-footer{background:var(--studio-paper);color:var(--studio-navy);padding:65px 7vw 25px}.footer-invite{padding-bottom:50px}.footer-big{font-family:var(--font-display);font-size:clamp(65px,11vw,160px);letter-spacing:-.065em;line-height:1.1;display:flex;justify-content:space-between;align-items:center;margin:15px 0 25px}.footer-big>span{font-size:.7em}.footer-big:hover{color:var(--studio-blue)}.contact-options{display:flex;flex-wrap:wrap;gap:30px;font-size:16px}.contact-options a{border-bottom:1px solid #072b5850}.footer-links{display:grid;grid-template-columns:1fr 1fr .8fr 1.1fr;gap:25px;border-top:1px solid var(--studio-line);padding:35px 0}.footer-links>div{display:flex;flex-direction:column;gap:12px;font-size:14px}.footer-links>p{font-size:20px;line-height:1.5}.studio-fine{border-top:1px solid var(--studio-line);padding-top:22px;display:flex;gap:25px;font-size:12px;color:#53647d}.studio-fine>span{margin-right:auto}.studio-intro{padding:70px 7vw 65px}.studio-intro h1{font-size:clamp(46px,6vw,88px);font-weight:500;letter-spacing:-.055em;line-height:1.04;margin:22px 0}.intro-copy{max-width:590px;font-size:18px;line-height:1.7;color:#53647d}.section-jumps{display:flex;gap:30px;padding:0 7vw 45px;flex-wrap:wrap;font-size:14px}.section-jumps a{border-bottom:1px solid;padding-bottom:6px}.service-section{padding:65px 7vw;display:grid;grid-template-columns:1fr 1.1fr;gap:10vw;border-top:1px solid var(--studio-line);scroll-margin-top:30px}.service-section:nth-of-type(even){background:#edf3fd}.service-section h2{font-size:clamp(38px,4.5vw,65px);font-weight:500;letter-spacing:-.04em;margin:18px 0}.service-section>div>p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:320px;margin-bottom:25px}.wba-public details{border-top:1px solid var(--studio-line)}.wba-public details:last-of-type{border-bottom:1px solid var(--studio-line)}.wba-public summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 0;cursor:pointer;font-size:18px;font-weight:500;line-height:1.5}.wba-public summary::-webkit-details-marker{display:none}.wba-public summary>span{font-size:23px;transition:transform .2s}.wba-public details[open]>summary>span{transform:rotate(45deg)}.wba-public details>p{font-size:16px;line-height:1.8;color:#53647d;padding:0 0 24px}.wba-public details>p a{text-decoration:underline}.service-next{display:flex;flex-direction:column;align-items:start;gap:16px;padding-top:30px;font-size:14px}.service-next a{border-bottom:1px solid}.onward{margin:0;padding:50px 7vw;display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:1px solid var(--studio-line);background:#eaf0fb}.onward h2{font-size:30px;font-weight:500;margin:10px 0}.onward p:not(.eyebrow){font-size:15px;color:#53647d}.website-offer{padding:0 7vw 75px;display:grid;grid-template-columns:1.15fr 1fr;gap:9vw;align-items:center}.website-poster{background:var(--studio-blue);color:white;padding:40px;transform:rotate(-2deg);min-height:400px;display:flex;flex-direction:column;justify-content:space-between}.website-poster>span{font-size:12px;letter-spacing:.13em}.website-poster h2{font-size:clamp(50px,6vw,90px);font-weight:600;letter-spacing:-.055em;line-height:.95;margin:45px 0}.website-poster h2 span{color:var(--studio-yellow)}.website-poster p{font-size:14px;max-width:220px}.price-inline{display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--studio-line);padding-bottom:15px}.price-inline strong{font:500 90px/1 var(--font-display);letter-spacing:-7px}.price-inline>span{font-size:14px}.offer-explain>h2{font-size:35px;font-weight:500;margin:20px 0 12px}.offer-explain>h2 span{font-size:16px}.offer-explain>p{font-size:15px;line-height:1.8;margin-bottom:25px;color:#53647d}.offer-explain .quiet-link{display:table;margin-top:25px;font-size:12px}.included{background:#eaf0fb}.included-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.included-grid span{font-size:12px}.included-grid h3{font-size:22px;font-weight:500;line-height:1.3;margin:23px 0 15px}.included-grid p{font-size:16px;line-height:1.8;color:#53647d}.process ol{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;list-style:none;margin-top:30px}.process b{font-size:18px;font-weight:500}.process p{font-size:16px;line-height:1.8;color:#53647d;margin-top:13px}.short-faq{padding-top:10px;max-width:1100px;margin:auto}.short-faq h2{font-size:35px;font-weight:500;margin-bottom:30px}.work-collection{padding-top:10px;gap:70px 5vw}.work-collection .work-item:nth-child(even){margin-top:90px}.tidal-tails .work-image,.project-main-image.tidal-tails{background:#c9eced}.tidal-tails .work-image img,.project-main-image.tidal-tails img{object-fit:contain;padding:12%;}.work-text-item{background:var(--studio-navy);color:white;padding:45px;display:flex;flex-direction:column;justify-content:space-between;min-height:340px;margin-top:90px}.work-text-item h2{font-size:50px;line-height:1.1;font-weight:500}.work-text-item>span:last-child{font-size:14px}.project-story{padding-top:0;display:grid;grid-template-columns:1.3fr 1fr;gap:6vw;align-items:center}.project-main-image{aspect-ratio:1.15;overflow:hidden}.project-main-image img{width:100%;height:100%;object-fit:cover}.project-description h2{font-size:33px;font-weight:500}.project-description p{font-size:16px;line-height:1.8;color:#53647d;margin:20px 0}.project-description ul{list-style:none;padding:0;margin:20px 0 30px}.project-description li{border-top:1px solid var(--studio-line);padding:12px 0;font-size:14px}.project-extra{padding-top:0}.project-extra img{width:100%;max-height:650px;object-fit:cover}.type-project{display:flex;flex-direction:column;justify-content:center;padding:40px;background:#072b58;color:#fff;height:100%;gap:30px}.type-project>span{font:500 60px/1 var(--font-display);letter-spacing:-3px}.about-editorial{padding-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.about-photo img{width:100%;height:540px;object-fit:cover}.about-editorial h2{font-size:36px;line-height:1.2;font-weight:500;margin:20px 0}.about-editorial p:not(.eyebrow){font-size:16px;line-height:1.8;color:#53647d;margin-bottom:20px}.contact-grid{padding-top:5px;display:grid;grid-template-columns:1.05fr 1fr;gap:25px}.contact-primary{background:var(--studio-blue);color:#fff;padding:40px;display:flex;flex-direction:column}.contact-primary h2{font-size:70px;line-height:1.05;font-weight:500;letter-spacing:-.05em;margin:35px 0 25px}.contact-primary h2 span{float:right;color:var(--studio-yellow)}.contact-primary p{font-size:16px;margin-bottom:25px}.contact-primary b{font-weight:400;font-size:24px;margin-top:auto}.contact-alternatives{display:flex;flex-direction:column;gap:25px}.contact-alternatives>a{border:1px solid var(--studio-line);padding:32px;flex:1}.contact-alternatives h2{font-size:30px;font-weight:500;margin:10px 0}.contact-alternatives span,.contact-alternatives p{font-size:14px;overflow-wrap:anywhere}.contact-alternatives b{display:block;font-size:13px;font-weight:500;margin-top:20px}.contact-form-option{margin:0 7vw 70px;max-width:900px}.contact-form-option form{padding-bottom:30px}.contact-form-option label{display:block;font-size:14px;flex:1}.contact-form-option input,.contact-form-option textarea{display:block;width:100%;border:1px solid #bac7dc;background:white;color:var(--studio-navy);padding:13px;margin:8px 0 20px;border-radius:6px}.contact-form-option label span{color:#64748b}.contact-form-option .form-note{margin-top:20px}.error-links{display:flex;gap:30px;flex-wrap:wrap;align-items:center;padding-top:0}.wba-public .wa-fab{display:none!important}.wba-public .page-hero{background:#eaf0fb;color:var(--studio-navy);padding:55px 7vw}.wba-public .page-hero .hero-media,.wba-public .page-hero .hero-scrim,.wba-public .page-hero .beacon{display:none}.wba-public .page-hero .h-lg,.wba-public .page-hero .h-xl{color:var(--studio-navy);font-weight:500}.wba-public .page-hero .lede,.wba-public .page-hero .crumb{color:#53647d}.wba-public .page-hero .win{display:none}.wba-public .page-hero-inner{max-width:none;display:block}.wba-public .post-article,.wba-public .legal-wrap{font-size:16px}.wba-public .post-card{border-radius:4px;box-shadow:none;border-color:var(--studio-line)}.wba-public .post-card h3{font-size:23px;font-weight:500}.wba-public .post-card p{font-size:15px}.wba-public .post-tag{font-size:12px}.wba-public .post-meta{font-size:12px}.wba-public .filter-btn{font-size:14px}.wba-public .section .h-lg{font-weight:500}.wba-public .section .win,.wba-public .page-hero .hp-grid{box-shadow:none}.wba-public a:focus-visible,.wba-public button:focus-visible,.wba-public summary:focus-visible{outline:3px solid #e9b300;outline-offset:5px}.wba-public input:focus-visible,.wba-public textarea:focus-visible{outline:2px solid var(--studio-blue);outline-offset:2px}.studio-menu-toggle:focus-visible{outline:3px solid var(--studio-yellow)}
/* Portal/admin: keep existing element IDs, layout contracts and application code. */
.portal-body .nav-logo,.admin-body .nav-logo{font:700 48px/1 'Space Grotesk',sans-serif;color:white;letter-spacing:-4px}.portal-body .nav-logo span,.admin-body .nav-logo span{font-size:12px;vertical-align:top;letter-spacing:0}.portal-body .pt-gate-bg{background:#0a53c7!important}.portal-body .win{border-radius:16px}.portal-body .pt-help{font-size:14px}.portal-body .pt-foot{font-size:14px}.portal-body .pt-card .hp-live{display:none}.portal-body .pt-note{font-size:13px}.portal-body .pt-site-note{font-size:14px}.pta-hosted{margin:20px 0;padding:20px;border:1px solid #d3dce9;border-radius:8px}.pta-hosted label{display:block;font-weight:600;margin-bottom:8px}.pta-hosted input{width:100%;margin-bottom:12px}.pta-hosted p{font-size:13px;line-height:1.6;margin:8px 0}.pt-help a{text-decoration:underline}
@media(min-width:1600px){.studio-hero{min-height:800px}.hero-photo-link img{height:450px}.hero-wording h1{font-size:130px}}
@media(max-width:1050px){.studio-location{display:none}.studio-menu{gap:20px}.studio-hero{min-height:630px;gap:5vw}.hero-wording h1{font-size:70px}.hero-wording>p:not(.eyebrow){font-size:16px}.hero-photo-link img{height:290px}.hero-sticker{width:105px;height:105px;font-size:12px}.direction{grid-template-columns:35px 1.2fr .8fr 45px}.work-caption>span{display:none}.price-note{padding:25px}.about-photo img{height:450px}}
@media(max-width:760px){.studio-nav{min-height:85px;padding:18px 6vw}.studio-logo{font-size:47px}.studio-menu-toggle{display:flex;align-items:center;gap:15px;margin-left:auto;background:transparent;border:0;font-size:15px;padding:8px}.studio-menu-toggle span{font-size:25px}.studio-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--studio-paper);padding:20px 6vw 30px;border-bottom:1px solid var(--studio-line);box-shadow:0 15px 20px #072b5810;align-items:stretch;gap:8px}.studio-menu.is-open{display:flex;flex-direction:column}.studio-menu a{font-size:17px}.studio-menu .portal-link{font-size:15px}.nav-whatsapp{margin-top:10px}.studio-hero{grid-template-columns:1fr;padding:40px 6vw 85px;gap:45px;min-height:0}.hero-wording>.eyebrow{font-size:11px;max-width:290px}.hero-wording h1{font-size:clamp(62px,14vw,90px);margin-bottom:25px}.hero-wording>p:not(.eyebrow){font-size:16px}.hero-links{gap:22px;margin-top:24px}.hero-work{padding:10px 15px 20px}.hero-photo-link{transform:rotate(-3deg)}.hero-photo-link img{height:230px}.hero-sticker{right:0;top:-15px;width:85px;height:85px;font-size:10px}.hero-side{bottom:-7px;font-size:10px;right:15px}.photo-caption{font-size:9px;padding:12px 0}.hero-bottom-link{bottom:18px;font-size:12px}.directions,.studio-work,.site-teaser,.studio-about-strip,.included,.process,.short-faq,.work-collection,.about-editorial,.contact-grid,.project-story,.project-extra,.error-links{padding:55px 6vw}.section-heading{gap:20px;margin-bottom:25px}.section-heading p{font-size:13px}.section-heading h2{font-size:37px}.section-heading>.quiet-link{font-size:12px;white-space:nowrap}.direction{grid-template-columns:24px 1fr 40px;gap:10px;padding:25px 0}.direction h2{font-size:33px}.direction p{display:none}.dir-arrow{width:38px;height:38px;font-size:21px}.direction:hover{padding-left:0}.work-grid,.work-collection{grid-template-columns:1fr;gap:45px}.work-grid .work-item:nth-child(2),.work-collection .work-item:nth-child(even){margin-top:0}.work-caption{margin-top:15px}.work-caption h3{font-size:24px}.site-teaser{grid-template-columns:1fr;gap:45px}.site-teaser h2,.studio-about-strip h2{font-size:48px}.price-note{margin:0 10px;max-width:460px;transform:rotate(2deg)}.price-note>strong{font-size:90px}.studio-about-strip{grid-template-columns:1fr;gap:0}.studio-about-strip>div p{font-size:16px}.studio-footer{padding:45px 6vw 25px}.footer-big{font-size:75px}.contact-options{gap:20px;font-size:14px}.footer-links{grid-template-columns:1fr 1fr;gap:30px}.footer-links>.studio-logo{grid-column:1/-1}.footer-links>p{font-size:17px;grid-column:1/-1}.studio-fine{flex-wrap:wrap;gap:15px;font-size:11px}.studio-fine>span{width:100%}.studio-intro{padding:45px 6vw}.studio-intro h1{font-size:clamp(40px,9.6vw,65px)}.intro-copy{font-size:16px}.section-jumps{gap:17px;padding:0 6vw 35px;font-size:13px}.service-section{padding:45px 6vw;grid-template-columns:1fr;gap:35px}.service-section h2{font-size:45px}.wba-public summary{font-size:17px}.website-offer{padding:0 6vw 50px;grid-template-columns:1fr;gap:45px}.website-poster{padding:30px;min-height:340px}.website-poster h2{font-size:74px}.included-grid,.process ol{grid-template-columns:1fr;gap:30px}.included-grid h3{margin:12px 0}.short-faq{padding-top:5px}.onward{padding:35px 6vw;align-items:start;flex-direction:column}.onward h2{font-size:28px}.work-text-item{margin:0;min-height:260px;padding:30px}.work-text-item h2{font-size:43px}.project-story{padding-top:0;grid-template-columns:1fr;gap:30px}.project-main-image{aspect-ratio:1.2}.project-extra{padding-top:0}.about-editorial{padding-top:0;grid-template-columns:1fr;gap:30px}.about-photo img{height:320px}.contact-grid{padding-top:0;grid-template-columns:1fr}.contact-primary{padding:30px}.contact-primary h2{font-size:65px}.contact-alternatives>a{padding:25px}.contact-alternatives h2{font-size:27px}.contact-form-option{margin:0 6vw 45px}.contact-form-option .form-row{display:block}.error-links{padding-top:0}.wba-public .page-hero{padding:40px 6vw}.wba-public .page-hero .h-lg{font-size:42px}.wba-public .post-card p{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wba-public *{transition:none!important;animation:none!important}.hero-photo-link:hover{transform:rotate(-5deg)}}

/* Fixes from the mobile pass (2026-09-18). styles.css still ships underneath this sheet, so a few of its class names collide. */
.price-note{color:var(--studio-navy);font-size:16px;line-height:1.5;margin-top:0}
.wba-public .page-hero .crumb,.wba-public .page-hero .crumb a{color:#53647d;font-size:12px}.wba-public .page-hero .crumb a:hover{color:var(--studio-blue)}
.website-offer>*,.site-teaser>*,.project-story>*,.about-editorial>*,.contact-grid>*,.service-section>*{min-width:0}
.website-poster h2{font-size:clamp(46px,20vw,90px)}.contact-primary h2{font-size:clamp(40px,15vw,70px)}
@media(max-width:760px){.section-heading{flex-direction:column;align-items:flex-start}.hero-wording>.eyebrow{font-size:12px}.website-poster h2{font-size:clamp(46px,20vw,74px)}.contact-primary h2{font-size:clamp(40px,15vw,65px)}.photo-caption{font-size:10px}.hero-side{font-size:11px}.studio-fine{font-size:12px}}
.footer-links>div{gap:2px}.footer-links>div a{padding:5px 0}.studio-fine a{padding:4px 0}
/* Final art direction: the original wave mark, a coastal palette, and a project collage. */
.studio-nav{background:#072b58;color:#fff;border-bottom-color:#ffffff20;min-height:98px;padding-block:15px}
.studio-logo{letter-spacing:0;line-height:0;flex-shrink:0}.studio-logo img{width:112px;height:auto;display:block;object-fit:contain}
.studio-location{border-color:#ffffff35;color:#c5d8ef}.studio-menu .portal-link{color:#b7cbe3}.studio-menu>a:hover{color:#f5c416}.studio-menu .nav-whatsapp{color:#072b58}.studio-menu-toggle{color:inherit}
.studio-footer{background:#072b58;color:#fff}.studio-footer .eyebrow,.studio-fine{color:#bfd1e8}.footer-links,.studio-fine{border-color:#ffffff25}.contact-options a{border-color:#ffffff65}.footer-big:hover{color:#f5c416}.footer-links a:hover{color:#f5c416}.footer-links>.studio-logo{align-self:start}
.nav .nav-logo img{width:100px;height:auto;object-fit:contain}.nav .nav-logo{line-height:0}
.studio-hero-final{min-height:740px;background:radial-gradient(ellipse at 85% 40%,#206bdb 0,transparent 50%),#0a53c7;padding-top:90px;padding-bottom:130px;isolation:isolate;grid-template-columns:1.15fr 1fr}
.studio-hero-final:after{content:'';position:absolute;width:120%;height:120px;left:-10%;bottom:-98px;background:var(--studio-paper);border-radius:50% 50% 0 0;transform:rotate(-3deg);z-index:-1}
.studio-hero-final .hero-wording h1{font-size:clamp(74px,8.3vw,140px);letter-spacing:-.07em;line-height:.95;margin-bottom:28px}
.studio-hero-final .hero-wording h1 em{white-space:nowrap}.studio-hero-final .hero-wording>.eyebrow{font-size:10px;letter-spacing:.17em;max-width:none;margin-bottom:35px}
.studio-hero-final .hero-wording>p:not(.eyebrow){font-size:17px}.hero-collage{height:440px;padding:0;margin-left:15px;margin-right:20px}
.hero-collage .hero-photo-link{position:absolute;left:0;top:28px;width:88%;z-index:2;transform:rotate(-9deg);padding:9px 9px 0;box-shadow:0 20px 40px #001b4933}.hero-collage .hero-photo-link img{height:270px}.hero-collage .photo-caption{font-size:10px;padding:13px 4px}
.collage-menu{position:absolute;right:-8px;bottom:-18px;width:47%;z-index:3;background:#f9f7ef;transform:rotate(9deg);padding:8px;box-shadow:0 16px 30px #001b4933;color:#072b58;transition:transform .35s}.collage-menu img{width:100%;height:175px;object-fit:cover}.collage-menu>span{display:flex;justify-content:space-between;font-size:10px;padding:9px 3px 2px;letter-spacing:.12em}
.collage-tidal{position:absolute;left:-30px;bottom:-20px;z-index:4;width:138px;height:162px;background:#f5c416;transform:rotate(-7deg);padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#072b58;box-shadow:0 10px 20px #001b4922;transition:transform .35s}.collage-tidal img{width:105px;height:105px;object-fit:contain;mix-blend-mode:multiply}.collage-tidal span{font-size:9px;letter-spacing:.08em;margin-top:8px}
.collage-note{position:absolute;right:-15px;top:-25px;z-index:3;width:98px;height:98px;display:grid;place-content:center;border-radius:50%;color:#072b58;background:#f5c416;font-size:14px;font-weight:600;line-height:1.25;transform:rotate(14deg)}
.orbit{position:absolute;border:1px solid #a4caff55;border-radius:50%;width:125%;height:80%;top:12%;left:-10%;transform:rotate(-30deg);pointer-events:none}.orbit-two{transform:rotate(35deg);width:110%;left:0;height:95%;top:0}
.hero-collage a:hover,.hero-collage a:focus-visible{transform:rotate(0deg) translateY(-8px);z-index:5}.studio-hero-final .hero-bottom-link{bottom:42px}
.directions{padding-top:65px}.direction{position:relative}.direction:before{content:'';position:absolute;inset:0 -2vw;background:#f5c416;transform:scaleY(0);transform-origin:bottom;transition:transform .25s;z-index:-1}.direction:hover:before,.direction:focus-visible:before{transform:scaleY(1)}.direction:hover h2 em{color:#072b58}.direction:hover{color:#072b58}.directions{isolation:isolate}.direction .dir-arrow{border-color:#9aadc6}
.studio-work{background:#e6edf7;border-radius:5vw 5vw 0 0}.work-image{border-radius:3px}.work-grid .work-item:nth-child(2) .work-image{aspect-ratio:.94}.work-caption>span:empty{display:none}.studio-about-strip{padding-block:65px}.studio-about-strip h2{margin:0}.studio-about-strip>.eyebrow{display:none}
.service-section{position:relative;overflow:hidden}.service-section>div:first-child>.eyebrow{font-size:60px;letter-spacing:-.07em;line-height:1;color:#0a53c755;margin-bottom:22px}.studio-intro h1 em{position:relative}.onward{border-radius:0 50px 0 0}.studio-button:focus-visible,.quiet-link:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e5a900;outline-offset:5px}
@media(min-width:1600px){.hero-collage{max-width:620px}.hero-collage .hero-photo-link img{height:310px}.hero-collage{height:490px}}
@media(max-width:1050px) and (min-width:761px){.studio-menu{gap:16px}.studio-location{display:none}.studio-hero-final{min-height:650px}.hero-collage{height:360px;margin-right:0}.hero-collage .hero-photo-link img{height:220px}.collage-menu img{height:145px}.collage-tidal{width:105px;height:125px;left:-10px}.collage-tidal img{width:75px;height:75px}.collage-note{width:80px;height:80px;font-size:12px}}
@media(max-width:760px){.studio-nav{min-height:85px;padding:14px 6vw}.studio-logo img{width:92px}.studio-menu{background:#072b58;border-color:#ffffff25;color:white}.studio-menu>a{color:white}.studio-menu .nav-whatsapp{color:#072b58}.studio-menu-toggle{border-color:#ffffff45}.studio-hero-final{display:flex;flex-direction:column;align-items:stretch;gap:45px;padding:45px 6vw 115px;min-height:0}.studio-hero-final .hero-wording h1{font-size:clamp(66px,12vw,92px);margin-bottom:23px}.studio-hero-final .hero-wording>.eyebrow{font-size:9px;margin-bottom:27px;letter-spacing:.12em}.studio-hero-final .hero-wording>p:not(.eyebrow){font-size:14px}.studio-hero-final .hero-links{gap:23px;margin-top:25px}.hero-links .studio-button{padding:13px 20px;min-height:48px}.hero-links .quiet-link{font-size:12px;gap:10px}.hero-collage{height:315px;max-width:430px;width:calc(100% - 28px);margin:0 auto}.hero-collage .hero-photo-link{width:85%;left:8px;top:20px}.hero-collage .hero-photo-link img{height:195px}.hero-collage .photo-caption{font-size:8px;padding:10px 3px}.collage-menu{width:43%;right:-5px;bottom:-8px}.collage-menu img{height:133px}.collage-tidal{width:105px;height:125px;left:-9px;bottom:-15px}.collage-tidal img{width:75px;height:75px}.collage-tidal span{font-size:8px}.collage-note{width:76px;height:76px;font-size:11px;top:-6px;right:-5px}.studio-hero-final .hero-bottom-link{bottom:37px}.studio-hero-final:after{bottom:-110px}.studio-work{border-radius:35px 35px 0 0}.work-grid .work-item:nth-child(2) .work-image{aspect-ratio:1.2}.direction h2{font-size:30px}.service-section>div:first-child>.eyebrow{font-size:48px;margin-bottom:14px}.studio-about-strip{gap:24px;padding-block:45px}.studio-about-strip>div p{font-size:15px;margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.hero-collage a:hover,.hero-collage a:focus-visible{transform:none}.direction:before{transition:none}}
/* Quick-scroll edition: readable service posters and an always-available route forward. */
.quick-nav{position:sticky;top:0;z-index:35;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 5vw;background:#fbfcfff2;backdrop-filter:blur(16px);border-bottom:1px solid #dce3ed;box-shadow:0 5px 20px #072b5808}.quick-nav a{font-size:13px;padding:11px 19px;border-radius:30px;white-space:nowrap}.quick-nav a:hover,.quick-nav a[aria-current]{background:#e6edf7;color:#072b58}.quick-nav .quick-chat{background:#072b58;color:white;margin-left:20px;display:flex;gap:24px}.quick-nav .quick-chat:hover{background:#f5c416}.wba-home section[id]{scroll-margin-top:85px}
.service-posters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-poster{display:flex;flex-direction:column;padding:26px 26px 20px;background:#e5edf8;min-width:0;position:relative;transition:transform .25s,box-shadow .25s;overflow:hidden;border-radius:3px}.service-poster:hover{transform:translateY(-7px);box-shadow:0 16px 25px #072b5814}.poster-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.13em}.poster-top>span:last-child{font-size:25px;line-height:1}.poster-create{background:#f5c416}.poster-grow{background:#072b58;color:white}.service-poster h3{font-size:clamp(29px,3vw,43px);font-weight:500;letter-spacing:-.05em;line-height:1.05;margin:24px 0 13px}.service-poster>p{font-size:13px;line-height:1.6;margin:0 0 22px}.service-poster ul{list-style:none;padding:0;margin:0 0 25px;font-size:12px;line-height:1.8}.service-poster li{padding:5px 0;border-bottom:1px solid #072b5820}.poster-grow li{border-color:#ffffff20}.poster-link{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;padding-top:8px}.poster-link b{font-size:21px;font-weight:400}.poster-art{height:150px;margin-top:20px;position:relative}.art-browser{border:1px solid #072b58;border-radius:5px;margin-inline:10px;transform:rotate(-5deg);background:#fbfcff;box-shadow:8px 8px 0 #9cbbeb}.browser-dots{display:block;padding:1px 10px;border-bottom:1px solid #072b58;letter-spacing:3px;font-size:16px;height:27px}.browser-type{font:500 42px/.85 'Space Grotesk',sans-serif;letter-spacing:-3px;display:block;padding:15px}.browser-type>span{display:block;color:#0a53c7}.browser-cursor{position:absolute;right:4px;bottom:0;font-size:75px;line-height:1;color:#0a53c7;text-shadow:2px 2px #f5c416}.art-type{display:flex;align-items:center;justify-content:center;gap:6px}.art-type>span{font:500 115px/1 Georgia,serif;letter-spacing:-15px;transform:rotate(-8deg)}.art-type>i{font:600 10px/1.1 'Space Grotesk',sans-serif;letter-spacing:.05em;transform:rotate(12deg);background:#072b58;color:#fff;width:67px;height:67px;border-radius:50%;display:grid;place-content:center;position:relative;left:10px}.art-signal{display:flex;gap:9px;align-items:end;justify-content:center;padding-top:15px}.art-signal>span{width:40px;background:#f5c416;transform:skewY(-12deg);height:35%}.art-signal>span:nth-child(2){height:60%;background:#8bb8ff}.art-signal>span:nth-child(3){height:85%;background:#e5edf8}.art-signal>b{position:absolute;right:12px;top:10px;font:400 90px/1 'Space Grotesk',sans-serif;color:#f5c416}.offer-inclusions{list-style:none;padding:0;margin:25px 0 0;font-size:15px;line-height:1.6}.offer-inclusions li{padding:8px 0;display:flex;gap:14px}.offer-inclusions li:before{content:'↗';color:#0a53c7}.idea-route{padding:70px 7vw;display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;background:#e6edf7}.idea-route h2{font-size:clamp(32px,4vw,59px);line-height:1.1;font-weight:500;letter-spacing:-.05em;margin:20px 0 30px}.idea-route ol{list-style:none;margin:0;padding:0}.idea-route li{display:flex;gap:25px;padding:20px 0;border-bottom:1px solid #bdcce0;align-items:center}.idea-route li>span{font-size:12px;letter-spacing:.05em;background:#fbfcff;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;flex-shrink:0}.idea-route h3{font-size:22px;font-weight:500;letter-spacing:-.025em}.idea-route p{font-size:13px;margin-top:7px;color:#53647d}.wba-home .studio-work{padding-block:65px}.wba-home .work-grid .work-item:nth-child(2){margin-top:55px}.wba-home .work-image{aspect-ratio:1.55}.wba-home .work-grid .work-item:nth-child(2) .work-image{aspect-ratio:1.3}
@media(max-width:1000px) and (min-width:761px){.service-poster{padding:20px 17px}.service-poster h3{font-size:32px}.art-type>span{font-size:95px}.art-type>i{width:50px;height:50px;left:0;font-size:8px}.poster-link{font-size:10px;gap:10px}}
@media(max-width:760px){.quick-nav{gap:0;padding:9px 10px;justify-content:space-between}.quick-nav a{font-size:10px;padding:10px 9px}.quick-nav .quick-chat{margin-left:2px;gap:7px}.wba-home section[id]{scroll-margin-top:65px}.wba-home .studio-hero-final{gap:26px;padding-top:34px;padding-bottom:85px}.wba-home .hero-collage{height:242px;max-width:350px}.wba-home .hero-collage .hero-photo-link img{height:150px}.wba-home .collage-menu img{height:105px}.wba-home .collage-tidal{width:85px;height:104px;bottom:-5px}.wba-home .collage-tidal img{width:62px;height:62px}.wba-home .collage-note{width:65px;height:65px;font-size:10px}.wba-home .hero-wording>p:not(.eyebrow){line-height:1.5}.wba-home .hero-wording h1{margin-bottom:19px}.wba-home .hero-wording>.eyebrow{margin-bottom:23px}.wba-home .hero-links{margin-top:21px}.wba-home .hero-bottom-link{bottom:26px}.service-posters{grid-template-columns:1fr;gap:14px}.service-poster{padding:22px;display:grid;grid-template-columns:1fr 85px;column-gap:8px}.poster-top{grid-column:1/-1}.poster-art{grid-column:2;grid-row:2/4;margin:18px 0 0;width:78px;height:80px;align-self:center}.service-poster h3{grid-column:1;grid-row:2;font-size:32px;margin:18px 0 9px}.service-poster>p{grid-column:1/-1;grid-row:4;margin:0 0 9px;font-size:13px}.service-poster ul{grid-column:1/-1;grid-row:5;display:flex;flex-wrap:wrap;gap:5px 13px;margin:0 0 15px;font-size:11px;line-height:1.5}.service-poster li{border:0;padding:0}.service-poster li:before{content:'·';margin-right:6px}.poster-link{grid-column:1/-1;border-top:1px solid #072b5825;padding-top:12px}.poster-grow .poster-link{border-color:#ffffff30}.browser-dots{height:17px;font-size:11px;line-height:12px;padding:0 6px}.browser-type{font-size:24px;letter-spacing:-1.5px;padding:10px 6px}.browser-cursor{font-size:37px;right:-4px;bottom:-4px}.art-browser{box-shadow:4px 4px 0 #9cbbeb}.art-type>span{font-size:66px;letter-spacing:-9px}.art-type>i{position:absolute;width:35px;height:35px;font-size:6px;left:48px;top:0}.art-signal{gap:5px;padding-top:8px}.art-signal>span{width:19px}.art-signal>b{font-size:45px;right:0;top:0}.wba-home .directions{padding:38px 6vw}.wba-home .directions .section-heading{flex-direction:row;align-items:end;gap:10px}.wba-home .directions h2{font-size:33px}.wba-home .directions .eyebrow{font-size:10px}.wba-home .directions .quiet-link{font-size:11px;gap:5px}.wba-home .studio-work{padding:40px 6vw}.wba-home .work-grid{gap:30px}.wba-home .work-grid .work-item:nth-child(2){margin-top:0}.wba-home .work-grid .work-image,.wba-home .work-grid .work-item:nth-child(2) .work-image{aspect-ratio:1.55}.wba-home .site-teaser{padding-block:40px;gap:28px}.offer-inclusions{font-size:13px;margin-top:18px}.offer-inclusions li{padding:5px 0}.idea-route{padding:40px 6vw;grid-template-columns:1fr;gap:20px}.idea-route h2{font-size:36px}.idea-route li{padding:17px 0}.idea-route h3{font-size:21px}.wba-home .studio-about-strip{padding-block:35px}.wba-home .studio-about-strip h2{font-size:40px}}
@media(max-width:350px){.quick-nav a{padding:10px 6px;font-size:9px}.quick-nav .quick-chat{gap:3px}.service-poster{padding:18px}.wba-home .hero-links{gap:15px}}
@media(prefers-reduced-motion:reduce){.service-poster:hover{transform:none}}
.quick-nav a{min-height:44px;display:flex;align-items:center;justify-content:center}.quick-nav a[aria-current="location"]{background:#e6edf7;box-shadow:inset 0 -2px #0a53c7}.wba-home section[id]{scroll-margin-top:90px}
@media(max-width:760px){.quick-nav a{font-size:11px;padding-inline:8px}.wba-home section[id]{scroll-margin-top:78px}}
@media(max-width:350px){.quick-nav a{font-size:10px;padding-inline:5px}}
/* Final polish: legible service illustrations with a shared, bounded canvas. */
.service-illustration{display:flex;align-items:center;justify-content:center;margin:22px 0 0;height:150px;transform:none;padding:0;box-shadow:none;border:0;background:none}.service-illustration img{display:block;width:100%;max-width:240px;height:150px;object-fit:contain}.service-poster{overflow:visible}.service-poster h3{margin-top:22px}.hero-collage .photo-caption{padding-right:18%;}.collage-note{right:-5px;top:-45px}.hero-collage .hero-photo-link{width:83%}.collage-menu{right:-3px;bottom:-27px}.collage-tidal{left:-10px;bottom:-30px}.poster-link{gap:14px}.poster-link b{flex-shrink:0}.price-note{transform:rotate(1.5deg)}
@media(max-width:760px){.service-illustration{width:90px;height:76px;margin:12px 0 0;grid-row:2;align-self:center}.service-illustration img{width:90px;height:76px;max-width:none}.service-poster{grid-template-columns:minmax(0,1fr) 90px;column-gap:12px}.service-poster h3{font-size:30px;line-height:1.1;margin-top:18px}.wba-home .hero-collage{height:263px}.hero-collage .hero-photo-link{width:83%;left:0;transform:rotate(-5deg)}.wba-home .collage-menu{right:-2px;bottom:-3px;transform:rotate(5deg);width:40%}.wba-home .collage-tidal{left:0;bottom:-1px;transform:rotate(-3deg)}.wba-home .collage-note{right:-4px;top:-8px;width:59px;height:59px;font-size:9px}.hero-collage .photo-caption{font-size:8px;padding:10px 2px 12px;min-height:36px}.wba-home .hero-collage .hero-photo-link img{height:140px}.price-note{transform:none;margin-inline:0}.offer-inclusions li{align-items:baseline}.contact-options{row-gap:16px}}
@media(max-width:350px){.service-poster{grid-template-columns:minmax(0,1fr) 72px;column-gap:8px}.service-poster h3{font-size:27px}.service-illustration,.service-illustration img{width:72px;height:64px}.poster-link{font-size:10px}.wba-home .hero-wording h1{font-size:58px}}
@media(max-width:760px){.service-poster .poster-link{grid-row:6}.service-poster .poster-top{grid-row:1}}