/* A quieter material and type system for the content below the hero. */
.possibilities.section{background:linear-gradient(180deg,#efedf5f5,#f3f2f7fa)}
.about.section{background:linear-gradient(180deg,#f3f2f7fa,#f6f5f9f7);border-top:1px solid #d9d5e14d}
.process.section{background:#f6f5f9f7}
.journal.section{background:linear-gradient(180deg,#f6f5f9f7,#efedf5fa)}
.contact.section{background:radial-gradient(ellipse at 88% 100%,#46335b40,transparent 65%),#141521e3}
footer{background:#f3f2f7fc;border-top:1px solid #d9d5e180}
.section h2{font-weight:500;letter-spacing:-.045em;line-height:1.08;text-wrap:balance}
.section .eyebrow,.concept-label{font-size:10px;line-height:1.5;letter-spacing:.17em;font-weight:500}
.possibilities .eyebrow,.about .eyebrow,.process .eyebrow,.journal .eyebrow{color:#78668f}
.about>div>p:not(.eyebrow),.section-intro>p:not(.eyebrow),.lab-heading>div>p{line-height:1.85;max-width:40ch}
.about>div>p:not(.eyebrow),.process .section-intro>p:not(.eyebrow),.journal .section-intro>p:not(.eyebrow),.lab-copy p{color:#65616e}
.lab-heading{column-gap:clamp(32px,5vw,80px)}
.lab-heading small{font-size:11px;line-height:1.8;color:#787280}
.lab-tabs{border-color:#cfc9d97a}
.lab-tabs button{transition:color .25s,border-color .25s}
.lab-tabs button[aria-selected=true]{border-bottom-color:#76618e}
.lab-panel{border:1px solid #d5cfdfaa;border-radius:24px;background:#fbfafce6;box-shadow:0 12px 38px #28203405}
.lab-copy{padding:clamp(30px,3.5vw,54px)}
.lab-copy h3{line-height:1.13;letter-spacing:-.04em;text-wrap:balance}
.lab-tags span{border-color:#d7d1dfb3;color:#756b80;background:transparent}
.stage-caption{letter-spacing:.035em;color:#54645c}
.demo-phone{box-shadow:0 0 0 1px #b4bcb4,12px 26px 50px #1d3d382b}
.hero-services-scene .service-card{border-color:#d2c5f526;box-shadow:0 14px 36px #05091526}
.hero-services-scene .service-card:hover{transform:translateY(-3px);border-color:#b49bdd66;box-shadow:0 20px 44px #05091538}
.service-copy>p{color:#c3c5d1}
.service-copy h3{line-height:1.18}
.studio-image,.studio-image:hover{border:1px solid #ffffffb3;border-radius:20px;box-shadow:0 14px 40px #2821370d}
.values{gap:27px}
.values>div{padding-bottom:20px;border-bottom:1px solid #d9d3e07a}
.values>div:last-child{padding-bottom:0;border-bottom:0}
.values strong{font-weight:500;color:#302b3a}
.values p{color:#716b7b;line-height:1.7}
.values span{display:flex;align-items:center;justify-content:center;min-width:30px;color:#8a759e}
.studio-icon{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.step-control{border-color:#d6ccdf;background:linear-gradient(145deg,#fff,#f1edf6);box-shadow:0 5px 18px #6250740a}
.step-control:hover,.step-control:focus-visible{transform:translateY(-3px);box-shadow:0 8px 22px #62507418}
.steps h3{font-weight:500;letter-spacing:-.025em}
.steps p{line-height:1.75;color:#736d7c}
.journal-grid{transform:none;align-items:stretch}
.journal-card{display:flex;flex-direction:column;border:1px solid #d9d3e080;border-radius:18px;background:#faf9fccc;box-shadow:0 8px 24px #30283f05;transition:transform .35s,box-shadow .35s,border-color .35s}
.journal-card:hover{transform:translateY(-3px);border-color:#c6bad6;box-shadow:0 14px 30px #30283f0d}
.journal-card .journal-photo{width:calc(100% - 20px);aspect-ratio:1.42;height:auto;margin:10px 10px 0;border-radius:11px;flex-shrink:0;transition:filter .4s}
.journal-card:hover .journal-photo{filter:brightness(1.04)}
.journal-card small{font-size:9px;letter-spacing:.1em;color:#82718f;margin:22px 20px 13px}
.journal-card h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(21px,1.65vw,27px);letter-spacing:-.025em;line-height:1.22;margin:0 20px 14px;text-wrap:balance}
.journal-card p{font-size:13px;line-height:1.75;color:#736d7c;margin:0 20px 24px}
.journal-card .read{margin:auto 20px 0;padding-top:17px;border-top:1px solid #ded8e580;font-size:11px;letter-spacing:.02em;color:#63516f}
.contact-ribbon{opacity:.15}
.contact .eyebrow{color:#baabc9}
.contact p{color:#c3bfcd}
.section .button{transition:background .25s,border-color .25s,color .25s,box-shadow .25s}
.section .button:hover{box-shadow:0 5px 18px #46325512}
.section button:focus-visible,footer a:focus-visible{outline:2px solid #a48ab9;outline-offset:5px}
@media(prefers-reduced-motion:no-preference){
 .js :is(.about,.process,.journal,.contact) .reveal{transform:translateY(16px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
 .js :is(.about,.process,.journal,.contact) .reveal.visible{transform:none}
}
@media(min-width:1101px){
 .about.section{gap:clamp(30px,3vw,48px);padding-top:96px;padding-bottom:96px}
 .about h2,.process h2,.journal h2{font-size:clamp(36px,3.2vw,52px)}
 .process.section{padding-top:78px;padding-bottom:40px}
 .journal.section{padding-top:48px;padding-bottom:96px}
}
@media(max-width:760px){
 .section .eyebrow,.concept-label{font-size:9px;letter-spacing:.14em}
 .lab-copy{padding:30px 25px}.lab-panel{border-radius:22px}
 .about.section{padding-top:68px;padding-bottom:60px}
 .process.section{padding-top:60px;padding-bottom:28px}
 .journal.section{padding-top:28px;padding-bottom:68px}
 .values{gap:24px 20px}.values>div{padding-bottom:16px}.values>div:last-child{border-bottom:1px solid #d9d3e07a}
 .journal-card h3{font-size:26px}.journal-card p{font-size:14px}
 .journal-card .journal-photo{aspect-ratio:1.55}
 .studio-icon{width:25px;height:25px}
}
@media(prefers-reduced-motion:reduce){.service-card:hover .service-photo img,.hero-services-scene .service-card:hover,.journal-card:hover,.step-control:hover{transform:none}}
@media(min-width:1101px){.journal h2{font-size:clamp(32px,2.65vw,44px)}}