/* V7: distinct work phases, fewer repeated routes and native graphic accents. */
.define-preview{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.05fr;gap:7%;align-items:center;padding-block:95px 100px}.phase-copy .eyebrow{font-size:10px;margin-bottom:25px}.phase-copy h2{font-size:clamp(36px,4.5vw,64px);line-height:1.05;letter-spacing:-.045em;font-weight:450;margin:0 0 25px}.phase-copy h2 em{color:var(--orange)}.phase-copy>p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.75;max-width:390px;margin:0 0 28px}.phase-copy .text-link{font-size:12px}.brief-playground{position:relative;min-width:0;height:440px}.brief-note{position:absolute;display:flex;flex-direction:column;gap:10px;align-items:start;text-align:left;border:1px solid #25231f35;padding:23px 25px;min-height:155px;box-shadow:6px 7px 0 #25231f0a;transition:transform .5s,background .3s}.brief-note>img{width:29px;height:29px;margin-bottom:5px}.brief-note>span{font-size:19px;letter-spacing:-.025em;max-width:180px;line-height:1.2}.brief-note>small{font-size:10px;color:#655d70}.brief-note-one{width:56%;left:0;top:2%;background:#d8cee8;transform:rotate(-7deg)}.brief-note-two{width:54%;right:0;top:19%;background:#f0b69b;transform:rotate(7deg)}.brief-note[aria-pressed=true]{z-index:3;box-shadow:7px 10px 0 #25231f18}.brief-note:hover{transform:rotate(0) translateY(-5px)}.brief-note:focus-visible{z-index:4}.brief-result{position:absolute;bottom:4%;left:7%;right:4%;padding:24px 28px;background:#f8f6ef;box-shadow:5px 7px 0 #25231f15;rotate:-2deg;border:1px solid #25231f30;z-index:4}.brief-result>small{font-size:8px;letter-spacing:.14em}.brief-result>strong{display:block;font-size:29px;font-weight:450;letter-spacing:-.035em;margin:14px 0 8px}.brief-result>p{font-size:12px;line-height:1.6;color:var(--muted);max-width:290px;margin:0}.brief-connector{position:absolute;border:1px solid #7d927c55;border-radius:50%;inset:-3% 7%;rotate:18deg}.brief-pencil{position:absolute;bottom:0;right:0;z-index:5;background:#bfd0bd;padding:14px;rotate:13deg}.brief-result.is-changing{animation:brief-pop .42s cubic-bezier(.2,.7,.2,1)}.design-preview{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center;padding-block:85px 70px}.design-stage{position:relative;background:#ded3eb;display:block;min-width:0;aspect-ratio:1.16;isolation:isolate;overflow:hidden}.design-work{position:absolute;inset:10% 0;width:100%;height:80%;object-fit:cover;mix-blend-mode:multiply;rotate:-5deg;transition:rotate .7s,scale .7s;z-index:1}.design-stage:hover .design-work{rotate:0deg;scale:1.04}.design-ring{position:absolute;width:105%;aspect-ratio:1;border:1px solid #7f718c70;border-radius:50%;left:-45%;top:20%;z-index:0}.design-palette{position:absolute;right:5%;bottom:7%;display:flex;gap:7px;z-index:3;rotate:8deg}.design-palette>i{height:42px;width:30px;border:5px solid var(--paper);border-bottom-width:10px;background:var(--orange);box-shadow:3px 4px 0 #25231f14}.design-palette>i:nth-child(2){background:var(--mint)}.design-palette>i:nth-child(3){background:var(--lilac)}.design-sample{position:absolute;left:7%;top:6%;font-size:37px;font-weight:500;letter-spacing:-.06em;z-index:3}.landing-page .projects{padding-top:65px}.landing-contact,.alive-contact{isolation:isolate;position:relative;overflow:hidden}.landing-contact-copy,.contact-orbit,.alive-contact>img,.alive-contact>div{position:relative;z-index:2}.contact-character{position:relative;display:block;padding:0;border:0;background:none;width:100%;cursor:pointer}.contact-character>img{width:100%;height:auto;object-fit:contain;max-height:400px}.contact-arc{position:absolute!important;z-index:0!important;pointer-events:none;width:58%;aspect-ratio:1;border:40px solid #b5cdbc;border-radius:50%;left:-25%;bottom:-45%;opacity:.85}.contact-arc-two{width:48%;left:auto;right:-22%;bottom:auto;top:-45%;border-color:#edb79e}.contact-spark{position:absolute!important;z-index:1!important;pointer-events:none;width:35px;height:35px;left:37%;top:14%;background:var(--orange);clip-path:polygon(47% 0,54% 37%,78% 12%,62% 45%,100% 46%,65% 54%,88% 80%,57% 62%,53% 100%,45% 65%,16% 89%,36% 57%,0 51%,37% 45%,14% 18%,43% 37%);rotate:10deg}.contact-spark-two{left:7%;top:auto;bottom:14%;width:23px;height:23px;background:#665478;rotate:-15deg}.contact-dot{position:absolute!important;z-index:0!important;right:3%;top:45%;width:85px;height:85px;border-radius:50%;background:#f0c06466}.landing-contact-copy>.contact-direct{margin-top:21px}.landing-contact h2{margin-bottom:35px}.alive-contact .contact-arc{width:75%;bottom:-110%;left:-20%;border-width:30px}.alive-contact .contact-arc-two{width:43%;bottom:auto;top:-110%;right:-15%;left:auto}.alive-contact .contact-spark{left:32%;top:16%;width:26px;height:26px}.motion-paused .brief-note:hover,.motion-paused .design-stage:hover .design-work{transform:none;rotate:0deg;scale:1}.motion-paused .brief-result{animation:none}
@keyframes brief-pop{0%{opacity:.5;translate:0 8px}100%{opacity:1;translate:0 0}}
@media(max-width:1000px){.define-preview{gap:4%}.brief-playground{height:410px}.brief-note{padding:20px}.brief-note>span{font-size:17px}.brief-result{padding:22px}.brief-result>strong{font-size:25px}.phase-copy h2{font-size:43px}.phase-copy>p:not(.eyebrow){font-size:14px}.design-preview{gap:6%}.design-palette>i{width:25px;height:35px}.contact-spark{left:40%}}
@media(max-width:760px){.define-preview{grid-template-columns:1fr;gap:25px;padding-block:55px 60px}.phase-copy h2{font-size:clamp(34px,8vw,46px);margin-bottom:21px}.phase-copy .eyebrow{font-size:9px;margin-bottom:19px}.phase-copy>p:not(.eyebrow){font-size:14px;max-width:460px;margin-bottom:21px}.brief-playground{height:390px;max-width:490px;width:100%;justify-self:center}.brief-note-one{width:55%;left:1%}.brief-note-two{width:53%;right:1%}.brief-note>span{font-size:17px}.brief-result{bottom:0}.design-preview{grid-template-columns:1fr;gap:30px;padding-block:50px 40px}.design-stage{width:100%;max-width:530px;aspect-ratio:1.25}.design-preview .phase-copy{grid-row:1}.design-work{height:80%}.landing-page .projects{padding-top:50px}.contact-character>img{max-height:245px}.landing-contact h2{margin-bottom:28px}.contact-arc{width:110%;border-width:30px;bottom:-40%;left:-70%}.contact-arc-two{width:100%;left:auto;right:-65%;top:-15%;bottom:auto}.contact-spark{left:auto;right:10%;top:19%}.contact-dot{right:-30px;top:58%;width:95px;height:95px}.alive-contact .contact-arc{width:130%;left:-90%;bottom:-22%}.alive-contact .contact-arc-two{width:110%;right:-60%;left:auto;top:-35%}.alive-contact .contact-spark{left:auto;right:16%;top:20%}}
@media(max-width:360px){.brief-playground{height:365px}.brief-note{padding:18px 15px;min-height:146px}.brief-note>span{font-size:15px}.brief-note>img{width:25px;height:25px}.brief-result{left:3%;right:2%;padding:20px}.brief-result>strong{font-size:25px}.brief-result>p{font-size:11px}.phase-copy h2{font-size:33px}.brief-pencil{padding:10px}.design-palette>i{height:32px;width:23px}.design-sample{font-size:32px}}
@media(prefers-reduced-motion:reduce){.brief-result{animation:none!important}.brief-note:hover{transform:none}.design-stage:hover .design-work{rotate:0deg;scale:1}}
.landing-ready .jump-enter[data-character-host=hero]{animation:none!important;transform:none}.jump-float:has([data-character-host=hero]){animation:none!important}.jump-enter[data-character-host=hero]{transform:none}.alive-hero-character[data-character-host=services]{line-height:0}.contact-character[data-character-host=contact]{aspect-ratio:400/450}

.alive-hero-character[data-character-host=services]{position:absolute}
/* Keep the centered phone portrait measurable when its canvas is absolute. */
.landing-contact>.contact-orbit{width:100%}