/* Auwave: warm paper, violet ink and assembled forms. */
body.auwave-site{--paper:#f5f2e9;--soft:#eeebe3;--ink:#30245f;--violet:#6045cf;--pale:#e8e2f8;--line:#d2cbdc;--muted:#645c78;background:var(--paper);color:var(--ink);font-family:"Instrument Sans",Arial,sans-serif}
.auwave-site .wrap{width:min(calc(100% - 96px),1320px)}
.auwave-site :is(h1,h2,h3){font-weight:400;letter-spacing:-.045em}
.auwave-site :is(a,button,summary){touch-action:manipulation}
.auwave-home .nav{width:100%;padding:0 32px;height:76px;position:sticky;top:0;z-index:50;grid-template-columns:1fr auto 1fr;background:rgba(245,242,233,.97);border-bottom:1px solid var(--line)}
.auwave-home .brand img{width:132px;mix-blend-mode:multiply}
.auwave-home .nav-links{height:100%;gap:0;font-weight:400}
.auwave-home .nav-links a{padding:0 24px;border-left:1px solid var(--line);transition:background .25s}
.auwave-home .nav-links a:last-child{border-right:1px solid var(--line)}
.auwave-home .nav-links a:hover{background:var(--pale)}
.auwave-home .nav-contact{background:var(--violet);color:var(--paper);padding:14px 18px;font-size:15px}
.auwave-home .nav-contact>span:last-child{color:inherit}
.auwave-home .nav-contact:hover{background:var(--ink);color:var(--paper)}
.auwave-site section[id]{scroll-margin-top:94px}
.studio-intro{display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:80px;padding-block:78px 64px}
.studio-intro h1{font-size:clamp(52px,5.6vw,84px);line-height:1.04;margin:0;letter-spacing:-.055em}
.studio-intro h1 span{color:var(--violet)}
.studio-intro-copy{max-width:400px;justify-self:end}
.studio-intro-copy p{font-size:19px;line-height:1.55;margin:0 0 26px}
.studio-text-link{display:inline-flex;align-items:center;gap:28px;min-height:44px;font-size:16px}
.studio-text-link svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .35s}
.studio-text-link:hover svg{transform:translateY(5px)}
.studio-playground{display:grid;grid-template-columns:2fr 1fr;min-height:470px;background:var(--violet);color:var(--paper);border-block:1px solid var(--violet)}
.studio-wave{position:relative;min-height:470px;overflow:hidden;border-right:1px solid #a491e8;background:var(--violet)}
.studio-wave canvas{position:absolute;width:100%;height:100%;inset:0}
.wave-caption{position:absolute;left:48px;top:28px;font-size:15px;color:var(--paper);pointer-events:none}
.studio-hero-side{display:grid;grid-template-rows:1fr 1fr}
.studio-promise{padding:32px 40px;display:flex;position:relative;flex-direction:column;justify-content:space-between;overflow:hidden}
.studio-promise>span{font-size:25px;line-height:1.25;letter-spacing:-.025em}
.studio-stages{display:flex;flex-wrap:wrap;gap:16px;padding-top:30px;font-size:14px}
.studio-stages span+span:before{content:"/";margin-right:16px;opacity:.5}
.assembly-mark{width:90px;height:40px;position:absolute;right:28px;bottom:76px;opacity:.35;fill:none;stroke:var(--paper);stroke-width:2}
.studio-contact{padding:30px 40px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border-top:1px solid #a491e8;transition:background .4s,color .4s}
.studio-contact>svg{width:80px;height:80px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:3;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.studio-contact>span{font-size:20px;line-height:1.45;text-align:right}
.studio-contact small{font-size:14px}
.studio-contact:hover{background:var(--paper);color:var(--violet)}
.studio-contact:hover svg{transform:translate(8px,-8px)}
.auwave-home .proof-strip{background:var(--paper)}
.auwave-home .proof-item{padding:28px;min-height:134px}
.auwave-home .proof-item strong{font-weight:400;font-size:22px;line-height:1.3}
.auwave-home .proof-item.lead strong{font-size:18px}
.auwave-home .section{padding-block:100px}
.auwave-home .section-head{grid-template-columns:1fr 2fr;gap:40px;margin-bottom:60px}
.auwave-home .section-head h2{font-size:clamp(38px,4.5vw,62px);line-height:1.1;letter-spacing:-.04em;font-weight:400}
.auwave-home .section-index{font-size:15px;color:inherit}
.auwave-home #capabilities{background:var(--violet);color:var(--paper);--line:#9d89df}
.auwave-home #capabilities .section-head h2 em{color:var(--paper);opacity:.7}
.auwave-home .cap-list{border-top:1px solid var(--line)}
.auwave-home .cap-explorer{border-color:var(--line)}
.auwave-home .cap-explorer summary{padding:28px 0;grid-template-columns:52px minmax(0,1fr) 44px}
.auwave-home .cap-explorer h3{color:var(--paper);font-weight:400;font-size:clamp(22px,2.3vw,32px)}
.auwave-home .cap-count{color:var(--paper);opacity:1}
.auwave-home .cap-toggle{color:var(--paper);border-color:#a995e8}
.auwave-home .cap-explorer[open] .cap-toggle{background:var(--paper);color:var(--violet);border-color:var(--paper)}
.auwave-home .cap-panel{grid-template-columns:1.15fr 1fr;gap:80px;padding:20px 0 50px 72px}
.auwave-home .cap-panel figure{background:transparent;padding:26px 28px 0;perspective:900px}
.auwave-home #capabilities .cap-panel .cap-art{max-width:380px;padding:24px;background:var(--paper);border:1px solid var(--paper);box-shadow:10px 12px 0 -1px var(--violet),10px 12px 0 0 #c6b8ec,20px 24px 0 -1px var(--violet),20px 24px 0 0 #a995e8;transform:rotateX(22deg) rotateZ(-8deg);transition:transform .8s cubic-bezier(.22,1,.36,1)}
.auwave-home .cap-panel figure:hover .cap-art{transform:rotateX(8deg) rotateZ(-3deg)!important}
.auwave-home .cap-panel figcaption{margin-top:30px;padding:16px 0 0;color:var(--paper);text-align:left;font-size:15px}
.auwave-home .cap-explanation>p{font-weight:400;font-size:clamp(28px,3.2vw,44px);line-height:1.15;max-width:380px}
.auwave-home .cap-explanation li{background:transparent;border-color:#a995e8;color:var(--paper);font-size:14px;padding:8px 12px}
.auwave-home .cap-explanation a,.auwave-home .cap-explanation a span{color:var(--paper)}
.auwave-home .work{background:var(--paper)}
.auwave-home .case-grid{gap:30px}
.auwave-home .project-card{background:transparent;border-color:var(--line)}
.auwave-home .project-copy{background:var(--paper)}
.auwave-home .project-card h3{font-weight:400;line-height:1.13;letter-spacing:-.035em}
.auwave-home .project-card .project-shot{min-height:0;background:var(--soft);padding:26px 26px 0;gap:0}
.auwave-home .project-card .shot-bar{height:36px;font-size:12px}
.auwave-home .project-shot img{flex:none;transform:none;transition:filter .6s}
.auwave-home .preview-label{background:transparent;color:var(--ink);padding:16px 0;font-size:14px}
.auwave-home .project-link{padding-top:20px;font-size:14px}
.auwave-home .project-link b{color:var(--ink)}
/* Dark process chapter, with bright deliverables on a lavender stage. */
.auwave-home .process{background:#15151b;color:#fff;--line:#3c3b47;--violet:#684bed;--ink:#15151b;--muted:#66616f}
.auwave-home .process :is(.section-index,.process-eyebrow){color:#b9aaff}
.auwave-home .process .section-head h2 em{color:#b9aaff}
.auwave-home .process-intro{color:#c1c0cb}
.auwave-home .process-tabs{border-color:var(--line);background:#15151b}
.auwave-home .process-heading h2{font-weight:500}
.auwave-home .process-heading h2 em{color:#b9aaff}
.auwave-home .process-tab{color:#cbc9d3;border-color:var(--line);font-weight:500}
.auwave-home .process-tab[aria-selected=true]{color:#fff}
.auwave-home .process-tab .tab-number{color:#b9aaff}
.auwave-home .process-tab[aria-selected=true] .tab-number{color:#e7e1ff}
.auwave-home .process-panel{border-color:var(--line)}
.auwave-home .process-copy{background:#15151b}
.auwave-home .process-copy h3{font-weight:500;line-height:1.12;font-size:clamp(30px,3.2vw,46px);letter-spacing:-.04em}
.auwave-home .process-copy>p,.auwave-home .outcome-list li{color:#c1c0cb}
.auwave-home .process-copy h4{color:#fff}
.auwave-home .process-tab:hover{color:#fff}
.auwave-home .process-heading>p{color:#c1c0cb}
.auwave-home .outcome-list li{border-color:var(--line)}
.auwave-home .outcome-list li:before{color:#b9aaff}
.auwave-home .process-visual{background:#d9d0fc;border-color:var(--line);--line:#d9d7df;color:#15151b}
.auwave-home .process-visual :is(.brief-sheet,.release-sheet){transform:none}
.auwave-home .process-next p{color:#fff}
.auwave-home .process-next p span{color:#c1c0cb}
.auwave-home .process-next a{border-color:#8a859b;color:#fff}
.auwave-home .process-next a:hover{background:var(--violet);border-color:var(--violet)}
.auwave-home .engagement-grid{gap:0;border-left:1px solid var(--line)}
.auwave-home .engagement{border:1px solid var(--line);border-left:0;background:transparent;padding:32px;transition:background .4s}
.auwave-home .engagement.featured{background:var(--pale);color:var(--ink)}
.auwave-home .engagement h3{font-weight:400}
.auwave-home .engagement.featured p,.auwave-home .engagement.featured .mono,.auwave-home .engagement.featured a{color:var(--ink)}
.auwave-home .engagement:hover{background:var(--pale)}
.auwave-home .faq{background:var(--soft)}
.auwave-home .faq-grid{display:block;border-top:1px solid var(--line)}
.auwave-home .faq-item{border-right:0;border-bottom:1px solid var(--line)}
.auwave-home .faq-item summary{padding:28px 0;font-weight:400;font-size:21px}
.auwave-home .faq-item p{max-width:850px;line-height:1.7}
.auwave-home .principle{background:var(--paper)}
.auwave-home .principle-copy{padding:80px 48px}
.auwave-home .principle-copy h2{font-size:clamp(40px,4.5vw,64px);font-weight:400}
.auwave-home .principle-row{padding:32px 40px}
.auwave-home .principle-row h3{font-weight:400}
.auwave-home .final{background:var(--violet);color:var(--paper);padding:90px 0}
.auwave-home .final-top{align-items:center;gap:60px}
.auwave-home .final h2{font-size:clamp(42px,5.3vw,76px);font-weight:400;line-height:1.08}
.auwave-home .final h2 span{color:var(--paper)}
.auwave-home .final-action{width:220px;height:220px;background:var(--paper);color:var(--violet);border:1px solid var(--paper);border-radius:0;transition:background .5s,color .5s,transform .5s}
.auwave-home .final-action canvas{display:none}
.auwave-home .final-action .bubble-label{font-family:inherit;font-size:18px;text-transform:none;color:inherit}
.auwave-home .final-action:hover{transform:translateY(-6px);background:transparent;color:var(--paper)}
.auwave-home footer{background:var(--paper);color:var(--ink);border-top:0}
.auwave-home .footer-top{padding-top:60px}
.studio-wordmark{display:flex;justify-content:center;font-size:clamp(84px,22vw,320px);line-height:1.15;letter-spacing:-.065em;color:var(--violet);overflow:hidden;border-bottom:1px solid var(--line);padding:20px 0 0;font-weight:500;text-align:center}
/* Balance the final letter's negative tracking as well as the text box. */
.studio-wordmark span{display:block;flex:none;max-width:100%;padding-inline-end:.065em;white-space:nowrap}
.studio-wordmark .wordmark-dot{display:inline-block;width:.12em;height:.12em;margin-left:.03em;border-radius:50%;background:currentColor;vertical-align:baseline}
.auwave-subpage nav{border-color:var(--line)}
.auwave-subpage nav img{mix-blend-mode:multiply}
.auwave-subpage .hero h1{font-weight:400;font-size:clamp(50px,6vw,88px);line-height:1.08;letter-spacing:-.05em}
.auwave-subpage :is(.form-wrap,.request-aside,.contact-aside,.brief,.story,.values,.policy,.model-card,.field input,.field textarea,.field select){background:var(--paper)}
.auwave-subpage :is(.routes,.formats,.hero-side){background:var(--violet);color:var(--paper)}
.auwave-subpage :is(.routes,.formats) :is(h2,h3,p,b,a){color:var(--paper)}
.auwave-subpage :is(.route,.format){border-color:#a995e8}
.auwave-subpage :is(.submit,.form-shortcut){background:var(--violet);color:var(--paper)}
.auwave-subpage :is(.submit,.form-shortcut):hover{background:var(--ink)}
.auwave-subpage :is(header>.signal,.brief-board,.availability,.manifesto){background:var(--violet)}
/* On-brand panels need on-violet colors, not the muted colors from the old
   charcoal panels. Keep these tokens local so light form fields stay dark. */
.auwave-site.auwave-subpage :is(header>.signal,.brief-board,.availability,.manifesto,.hero-side,.routes,.formats){color:#fff;--on-panel:#fff;--on-panel-muted:#eee8ff}
.auwave-site.auwave-subpage :is(.board-head span,.prompt p span,.brief-line b,.brief-line i,.manifesto-row b,.hero-side .mono,.hero-side p,.dates b,.routes .eyebrow,.formats .eyebrow,.route p,.format p,.route i){color:var(--on-panel-muted)}
.auwave-site.auwave-subpage :is(.brief-lines,.brief-line,.dates){border-color:#b9a7ed}
.auwave-site.auwave-subpage .brief-line span{font-weight:500}
.auwave-site.auwave-subpage :is(.brief-line i,.role i){font-size:16px}
.auwave-site.auwave-subpage .contact-card>span{color:#eee8ff}
.auwave-site.auwave-subpage .hero-side .status-mark{border-color:#b9a7ed}
.auwave-site.auwave-subpage .hero-side .status-mark:before,.auwave-site.auwave-subpage .hero-side .status-mark:after{background:#eee8ff}
/* All content is visible even if motion cannot start. */
.auwave-home .reveal,.auwave-home .reveal.visible,.motion-ready .auwave-home .reveal:not(.visible){opacity:1;transform:none;clip-path:none;transition:none;animation:none}
@media(min-width:901px){.studio-intro h1{animation:studio-rise .9s cubic-bezier(.22,1,.36,1) both}.studio-intro-copy{animation:studio-rise .9s .12s cubic-bezier(.22,1,.36,1) both}}
@keyframes studio-rise{from{opacity:.1;transform:translateY(24px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.auwave-home .nav-links a{padding:0 14px}.assembly-mark{display:none}.studio-contact{padding:28px}.studio-contact>span{font-size:18px}.studio-promise{padding:28px}.auwave-home .cap-panel{gap:42px}}
@media(max-width:900px){
 .auwave-home .nav{grid-template-columns:1fr auto auto;height:72px;padding-inline:24px;gap:16px}.auwave-home .nav-links{height:auto;background:var(--paper);padding:10px 24px}.auwave-home .nav-links a{border:0;padding:14px 0}.auwave-home .nav-links a:last-child{border:0}.auwave-home .nav-toggle{display:flex}.auwave-home .nav-contact{padding:10px 14px}
 .studio-intro{gap:40px;padding-block:60px 48px;grid-template-columns:1.15fr 1fr}.studio-intro h1{font-size:clamp(45px,6vw,60px)}.studio-intro-copy p{font-size:17px}
 .studio-playground{grid-template-columns:1.5fr 1fr}.studio-wave{min-height:420px}.studio-contact{flex-direction:column;align-items:flex-start;justify-content:space-between}.studio-contact>svg{width:48px;height:48px}.studio-contact>span{text-align:left}.studio-promise>span{font-size:22px}.studio-stages{gap:10px}.studio-stages span+span:before{margin-right:10px}
 .auwave-home .section-head{grid-template-columns:1fr;gap:18px}.auwave-home .section-head h2{max-width:700px}.auwave-home .engagement-grid{grid-template-columns:1fr}.auwave-home .engagement{min-height:230px}.auwave-home .final-action{justify-self:start}.auwave-home .principle-copy{padding:60px 48px}
}
@media(max-width:680px){
 .auwave-site .wrap{width:calc(100% - 40px)}.auwave-home .nav{width:100%;padding-inline:20px;gap:12px}.auwave-home .brand img{width:110px}.auwave-home .nav-contact{font-size:14px;padding:9px 12px}.auwave-home .nav-toggle{padding:0;min-width:44px}
 .studio-intro{grid-template-columns:1fr;padding-block:42px 38px;gap:26px}.studio-intro h1{font-size:clamp(43px,11.5vw,68px);line-height:1.07}.studio-intro-copy{justify-self:start;max-width:360px}.studio-intro-copy p{font-size:17px;margin-bottom:14px}.studio-text-link{font-size:16px}
 .studio-playground{grid-template-columns:1fr}.studio-wave{min-height:290px;border-right:0;border-bottom:1px solid #a491e8}.wave-caption{left:20px;top:20px;font-size:14px}.studio-hero-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.studio-promise{padding:24px 20px}.studio-promise>span{font-size:20px}.studio-contact{padding:24px 20px;border-top:0;border-left:1px solid #a491e8;gap:24px}.studio-contact>span{font-size:18px}.studio-contact small{display:inline-block;margin-top:8px;font-size:14px}.studio-stages{flex-direction:column;gap:4px;padding-top:22px;font-size:14px}.studio-stages span+span:before{content:none}
 .auwave-home .proof-inner{display:grid;grid-template-columns:1fr 1fr}.auwave-home .proof-item{border:0;border-top:1px solid var(--line);padding:20px 0;min-height:0}.auwave-home .proof-item.lead{grid-column:1/-1;padding:24px 0}.auwave-home .proof-item:nth-child(3){padding-left:20px}.auwave-home .proof-item:last-child{grid-column:1/-1}.auwave-home .proof-item strong{font-size:20px}.auwave-home .proof-item .mono{font-size:14px}
 .auwave-home .section{padding-block:64px}.auwave-home .section-head{margin-bottom:36px}.auwave-home .section-head h2{font-size:clamp(34px,8.8vw,46px);line-height:1.12}.auwave-home .cap-explorer summary{grid-template-columns:26px minmax(0,1fr) 38px;gap:12px;padding:24px 0}.auwave-home .cap-explorer h3{font-size:23px;line-height:1.25}.auwave-home .cap-toggle{width:38px;height:38px}.auwave-home .cap-panel{grid-template-columns:1fr;padding:8px 0 36px;gap:30px}.auwave-home .cap-panel figure{padding:16px 24px 0}.auwave-home #capabilities .cap-panel .cap-art{max-width:270px;padding:16px}.auwave-home .cap-panel figcaption{text-align:center}.auwave-home .cap-explanation>p{font-size:32px}.auwave-home .project-card .project-shot{padding:16px 16px 0}.auwave-home .project-card h3{font-size:30px}.auwave-home .project-card .project-copy{padding:24px 20px}.auwave-home .project-link{font-size:14px}
 .auwave-home .process-tabs-smooth{top:72px}.auwave-home .process-copy h3{font-size:34px}.auwave-home .process-copy{padding:28px 22px}.auwave-home .process-visual{min-height:360px}.auwave-home .process-panels .process-panel{grid-template-rows:auto auto}.auwave-home .process-next a{width:100%;font-size:16px}
 .auwave-home .engagement{padding:26px 22px}.auwave-home .faq-item summary{font-size:19px;padding:24px 0}.auwave-home .faq-item p{padding:0 0 24px;font-size:16px}.auwave-home .principle-copy{padding:54px 20px}.auwave-home .principle-row{padding:28px 20px}.auwave-home .final{padding:60px 0}.auwave-home .final-top{gap:32px}.auwave-home .final h2{font-size:44px}.auwave-home .final-action{width:100%;height:120px}.auwave-home .final-action .bubble-label{font-size:20px}.auwave-home .footer-top{gap:28px}.studio-wordmark{font-size:23vw;padding-top:32px}
 .auwave-subpage .hero h1{font-size:clamp(40px,10.5vw,60px)}
}
@media(prefers-reduced-motion:reduce){.studio-intro h1,.studio-intro-copy{animation:none}.auwave-home .cap-panel .cap-art{transform:none!important}.studio-contact svg,.studio-text-link svg{transition:none}}

/* Cream tiles assemble into a slow wave on the brand-violet surface. */
.studio-wave{background:var(--violet);touch-action:pan-y pinch-zoom}
.wave-caption{color:var(--paper)}
.auwave-home .final{background:var(--paper);color:var(--ink)}
.auwave-home .final h2 span{color:var(--violet)}
.auwave-home .final-top{grid-template-columns:minmax(0,1fr) 360px;padding-bottom:0}
.auwave-home .final-action{width:360px;height:360px;border:0;border-radius:50%;background:none;color:#fff;text-transform:none;font-family:inherit;justify-self:center;transform:none;isolation:isolate}
.auwave-home .final-action:before{content:none}
.auwave-home .final-action:hover{background:none;color:#fff;transform:none}
.bubble-orb{position:absolute;inset:6%;border-radius:49% 51% 46% 54% / 53% 46% 54% 47%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at var(--light-x,30%) var(--light-y,20%),#d0b9ff 0%,#9c7af1 14%,#7852dd 32%,#5935bd 58%,#311174 86%);box-shadow:inset -15px -22px 35px #260d5755,inset 8px 10px 22px #eadfff55,0 16px 35px #4f2b9425;animation:bubble-breathe 8s ease-in-out infinite;animation-play-state:paused;will-change:transform,border-radius}
.bubble-orb:before,.bubble-orb:after{content:none}
.final-action.motion-visible .bubble-orb{animation-play-state:running}
.auwave-home .final-action .bubble-label,.auwave-home .final-action:hover .bubble-label{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px;padding:0;border:0;background:none;backdrop-filter:none;color:#fff;font-size:21px;font-weight:500;letter-spacing:-.02em;white-space:normal;text-shadow:0 1px 8px #2b105566}
.bubble-label svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .5s}
.final-action:hover .bubble-label svg{transform:translate(3px,-3px)}
.auwave-home .final-action:focus-visible{outline:2px solid var(--violet);outline-offset:8px}
@keyframes bubble-breathe{0%,100%{border-radius:49% 51% 46% 54% / 53% 46% 54% 47%;transform:translateY(0) rotate(-3deg) scale(1)}33%{border-radius:44% 56% 53% 47% / 46% 55% 45% 54%;transform:translateY(-8px) rotate(3deg) scale(1.015,.985)}66%{border-radius:54% 46% 48% 52% / 51% 44% 56% 49%;transform:translateY(-3px) rotate(-1deg) scale(.985,1.015)}}
@media(max-width:900px){.auwave-home .final-top{grid-template-columns:1fr;gap:20px}.auwave-home .final-action{width:320px;height:320px}}
@media(max-width:680px){.auwave-home .final-action{width:min(310px,100%);height:auto;aspect-ratio:1}.auwave-home .final-action .bubble-label{font-size:20px}}
@media(prefers-reduced-motion:reduce){.bubble-orb{animation:none!important;will-change:auto}.bubble-label svg{transition:none}}