body:has(.portfolio-atelier){--color-primary: var(--color-atelier-cacao);--color-secondary: var(--color-atelier-paper);--color-accent: var(--color-atelier-clay);--color-depth: var(--color-atelier-depth);--color-geek: var(--color-atelier-olive);--color-ivory: var(--color-atelier-cream);--color-pearl: var(--color-atelier-cream);--color-ink-soft: var(--color-atelier-cacao);--color-muted-warm: var(--color-atelier-muted);--color-rose-mist: var(--color-atelier-clay-soft)}body:has(.portfolio-atelier) .bg-grain{opacity:.055;mix-blend-mode:multiply}.portfolio-atelier{background:var(--color-secondary)}.portfolio-hero{background:radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--color-atelier-clay) 28%,transparent),transparent 26rem),radial-gradient(circle at 16% 70%,color-mix(in srgb,var(--color-atelier-olive) 20%,transparent),transparent 24rem),linear-gradient(135deg,var(--color-depth),var(--color-primary) 58%,color-mix(in srgb,var(--color-primary) 88%,var(--color-accent) 12%))}.portfolio-glow{position:absolute;pointer-events:none;border-radius:9999px;filter:blur(18px);opacity:.7}.portfolio-glow-one{right:-8rem;top:10rem;width:24rem;height:24rem;background:color-mix(in srgb,var(--color-atelier-clay) 28%,transparent);animation:portfolio-float 13s ease-in-out infinite}.portfolio-glow-two{left:-10rem;bottom:6rem;width:26rem;height:26rem;background:color-mix(in srgb,var(--color-atelier-olive) 22%,transparent);animation:portfolio-float 16s ease-in-out infinite reverse}.portfolio-glow-three{right:8%;bottom:-10rem;width:28rem;height:28rem;background:color-mix(in srgb,var(--color-atelier-clay) 24%,transparent);animation:portfolio-float 17s ease-in-out infinite}.portfolio-sketch-lines{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(105deg,transparent 0 48%,color-mix(in srgb,var(--color-secondary) 32%,transparent) 49%,transparent 50%),linear-gradient(78deg,transparent 0 62%,color-mix(in srgb,var(--color-secondary) 16%,transparent) 63%,transparent 64%);background-size:18rem 18rem,27rem 27rem}.portfolio-kicker{display:inline-flex;align-items:center;gap:.75rem;font-size:.68rem;font-weight:800;letter-spacing:.24em;line-height:1;text-transform:uppercase;color:var(--color-accent)}.portfolio-kicker:before{content:"";width:2.7rem;height:1px;background:currentColor;transform:rotate(-6deg)}.portfolio-button{display:inline-flex;width:fit-content;align-items:center;justify-content:center;border-radius:9999px;padding:.95rem 1.45rem;font-size:.74rem;font-weight:800;letter-spacing:.14em;line-height:1;text-transform:uppercase;transition:transform .26s ease,background-color .26s ease,color .26s ease,border-color .26s ease}.portfolio-button:hover,.portfolio-button:focus-visible{transform:translateY(-2px)}.portfolio-button-light{background:var(--color-secondary);color:var(--color-primary)}.portfolio-button-ghost{border:1px solid color-mix(in srgb,var(--color-secondary) 38%,transparent);color:var(--color-secondary)}.portfolio-button-ghost:hover,.portfolio-button-ghost:focus-visible{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-primary)}.portfolio-button-dark{background:var(--color-primary);color:var(--color-secondary)}.portfolio-photo-card{position:absolute;inset:2rem 0 0 auto;width:min(100%,39rem);height:min(72vh,43rem);overflow:hidden;border:.82rem solid var(--color-secondary);border-radius:1rem 1rem 11rem;background:var(--color-secondary);box-shadow:0 2.8rem 7rem color-mix(in srgb,black 34%,transparent);transform:perspective(900px) rotateX(var(--tilt-y, 0deg)) rotateY(var(--tilt-x, 0deg)) rotate(-2.2deg);transition:transform .32s ease;will-change:transform}.portfolio-photo-card img,.portfolio-feature-image img{filter:saturate(.88) contrast(1.06) sepia(.08)}.portfolio-orbit{position:absolute;right:2rem;top:2rem;z-index:-1;width:min(88vw,40rem);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--color-secondary) 28%,transparent);border-radius:48% 52% 47% 53%;animation:portfolio-orbit 22s linear infinite}.portfolio-tape{position:absolute;z-index:2;width:6.8rem;height:1.7rem;background:color-mix(in srgb,var(--color-secondary) 66%,transparent);box-shadow:0 .6rem 1.3rem color-mix(in srgb,var(--color-primary) 18%,transparent);backdrop-filter:blur(5px)}.portfolio-tape-left{left:1.2rem;top:1.4rem;transform:rotate(-12deg)}.portfolio-tape-right{right:2rem;top:1.1rem;transform:rotate(10deg)}.portfolio-tape-center{left:50%;top:-.85rem;transform:translate(-50%) rotate(-4deg)}.portfolio-proof-card{position:absolute;right:0;bottom:0;width:min(88vw,25rem);padding:1.35rem;background:color-mix(in srgb,var(--color-secondary) 92%,transparent);color:var(--color-primary);box-shadow:0 1.4rem 3.2rem color-mix(in srgb,black 22%,transparent);transform:rotate(2.5deg)}.portfolio-proof-label,.portfolio-meta-label{display:block;font-size:.62rem;font-weight:800;letter-spacing:.22em;line-height:1.35;text-transform:uppercase}.portfolio-proof-label{color:var(--color-accent)}.portfolio-proof-card p{margin-top:.65rem;font-size:.9rem;line-height:1.7;color:var(--color-muted-warm)}.portfolio-hand-note{position:absolute;left:.8rem;bottom:3rem;color:color-mix(in srgb,var(--color-secondary) 72%,transparent);font-size:clamp(2rem,5vw,4.8rem);transform:rotate(-8deg)}.portfolio-marquee{position:absolute;inset-inline:0;bottom:0;overflow:hidden;border-block:1px solid color-mix(in srgb,var(--color-secondary) 16%,transparent);background:color-mix(in srgb,var(--color-depth) 74%,transparent)}.portfolio-marquee-track{display:flex;width:max-content;animation:portfolio-marquee 28s linear infinite}.portfolio-marquee span{padding:1rem 2rem;font-size:.72rem;font-weight:800;letter-spacing:.26em;text-transform:uppercase;color:color-mix(in srgb,var(--color-secondary) 72%,transparent)}.portfolio-paper{background:linear-gradient(90deg,color-mix(in srgb,var(--color-primary) 4%,transparent) 1px,transparent 1px),linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 3.5%,transparent) 1px,transparent 1px),var(--color-secondary);background-size:4.4rem 4.4rem}.portfolio-feature-card,.portfolio-mini-card,.portfolio-concept-card,.portfolio-motion-tile{background:color-mix(in srgb,var(--color-atelier-cream) 78%,transparent);box-shadow:0 2rem 5rem color-mix(in srgb,var(--color-primary) 12%,transparent)}.portfolio-feature-card{display:grid;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-primary) 14%,transparent);transform:perspective(1100px) rotateX(var(--tilt-y, 0deg)) rotateY(var(--tilt-x, 0deg));transition:transform .32s ease,box-shadow .32s ease}.portfolio-feature-image{min-height:29rem;overflow:hidden;background:var(--color-primary)}.portfolio-feature-copy{padding:clamp(2rem,4vw,4rem)}.portfolio-mini-card{overflow:hidden;border:1px solid color-mix(in srgb,var(--color-primary) 13%,transparent);transition:transform .28s ease,box-shadow .28s ease}.portfolio-mini-card:hover{transform:translateY(-.35rem) rotate(-.6deg)}.portfolio-method{background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--color-accent) 20%,transparent),transparent 23rem),radial-gradient(circle at 12% 78%,color-mix(in srgb,var(--color-geek) 17%,transparent),transparent 23rem),var(--color-primary)}.portfolio-motion-tile{min-height:19rem;border:1px solid color-mix(in srgb,var(--color-secondary) 16%,transparent);background:color-mix(in srgb,var(--color-secondary) 7.5%,transparent);color:var(--color-secondary);padding:2rem;transition:transform .32s ease,background-color .32s ease}.portfolio-motion-tile:hover{transform:translateY(-.45rem);background:color-mix(in srgb,var(--color-secondary) 12%,transparent)}.portfolio-motion-tile span{display:inline-flex;font-family:var(--font-serif);font-size:4.6rem;font-weight:700;line-height:.9;color:color-mix(in srgb,var(--color-accent) 72%,transparent)}.portfolio-motion-tile h3{margin-top:2rem;font-family:var(--font-serif);font-size:clamp(2rem,4vw,3.2rem);line-height:.96;color:var(--color-secondary)}.portfolio-motion-tile p{margin-top:1.15rem;max-width:20rem;color:color-mix(in srgb,var(--color-secondary) 74%,transparent);line-height:1.75}.portfolio-concept-card{position:relative;padding:clamp(2rem,5vw,4.5rem);border:1px solid color-mix(in srgb,var(--color-primary) 14%,transparent);transform:perspective(900px) rotateX(var(--tilt-y, 0deg)) rotateY(var(--tilt-x, 0deg)) rotate(1.4deg);transition:transform .32s ease}.portfolio-close{background:radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--color-secondary) 36%,transparent),transparent 20rem),linear-gradient(135deg,var(--color-accent),var(--color-atelier-clay-soft))}@media(min-width:768px){.portfolio-feature-card{grid-template-columns:.92fr 1.08fr}}@media(max-width:767px){.portfolio-hero>.container{min-height:auto;padding-top:7.25rem}.portfolio-photo-card{inset:2rem 0 auto;height:25rem;border-radius:.9rem .9rem 6rem}.portfolio-proof-card{bottom:-1.25rem}.portfolio-hand-note{display:none}}@media(prefers-reduced-motion:reduce){.portfolio-glow,.portfolio-orbit,.portfolio-marquee-track{animation:none}.portfolio-photo-card,.portfolio-feature-card,.portfolio-concept-card,.portfolio-button,.portfolio-mini-card,.portfolio-motion-tile{transition:none;transform:none}}@keyframes portfolio-float{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(1.4rem,-1rem,0) scale(1.06)}}@keyframes portfolio-orbit{to{transform:rotate(360deg)}}@keyframes portfolio-marquee{to{transform:translate(-50%)}}