.premium-home{--home-section-space:clamp(4rem,6vw,6rem)}.premium-home .hero-section{padding-top:clamp(2.5rem,4.5vw,4rem)}.premium-home .hero-grid{gap:clamp(2rem,4vw,3.5rem);padding-bottom:1rem}.premium-home .hero-description{line-height:1.85}.premium-home .hero-art-note{font-size:1.35rem}.premium-home .hero-role-note{right:0;padding:1.1rem}.premium-home .hero-role-note strong{font-size:1.35rem}.premium-home .about-section{padding-block:clamp(3.5rem,5vw,5rem)!important}.premium-home .portfolio-section{padding-block:clamp(4.5rem,7vw,7rem)}.premium-home .why-section{padding-block:clamp(3rem,4vw,4.5rem)}.premium-home .section-heading-row{margin-bottom:2.4rem}.premium-home .section-aside-copy{line-height:1.9}.premium-home :is(.ds-button,.portfolio-filters button,.project-caption-arrow,.service-arrow){transition:transform .22s var(--ease-brand),background-color .22s,border-color .22s,color .22s}.premium-home .ds-button>span:last-child{display:inline-block;transition:transform .22s var(--ease-brand)}.premium-home .ds-button:is(:hover,:focus-visible)>span:last-child{transform:translateX(3px)}.premium-home :is(a,button,input,textarea,select,summary):focus-visible{outline:2px solid var(--color-blue-strong);outline-offset:5px}.premium-home .final-cta :focus-visible{outline-color:#111}.premium-home .desktop-nav a:focus-visible:after{transform:scaleX(1)}.premium-home .portfolio-filters button:is(:hover,:focus-visible){transform:translateY(-2px)}.premium-home .portfolio-filters button[aria-pressed=true]{box-shadow:inset 0 0 0 1px rgb(17 17 17/.05)}.premium-home .live-portfolio-grid{gap:2rem 1.5rem}.premium-home .live-project-preview{position:relative;aspect-ratio:1.44;padding:1.2rem 1.1rem 1.5rem;border-radius:20px;background:#f2f4f7;isolation:isolate}.premium-home .live-project-preview:after{content:"";position:absolute;left:.65rem;right:.65rem;bottom:1.05rem;height:8px;border:1px solid #bec5cf;border-radius:1px 1px 50% 50%;background:linear-gradient(#e7ebf0,#bdc5d0)}.premium-home .project-device{height:100%;overflow:hidden;border:solid #292e36;border-width:5px 5px 8px;border-radius:10px 10px 4px 4px;background:#fff;box-shadow:0 12px 24px -16px rgb(15 23 42/.45);transform:translateY(0);transition:transform .28s var(--ease-brand)}.premium-home .project-device-toolbar{display:flex;align-items:center;gap:4px;height:24px;padding-inline:9px;border-bottom:1px solid #e5e7eb;background:#fafafa}.premium-home .project-device-toolbar i{width:5px;height:5px;border-radius:50%;background:#d1d5db;flex-shrink:0}.premium-home .project-device-toolbar i:first-child{background:#ff8b80}.premium-home .project-device-toolbar i:nth-child(2){background:#f6cc58}.premium-home .project-device-toolbar i:nth-child(3){background:#85cfa7}.premium-home .project-device-toolbar>span{flex:1 1;margin-right:19px;text-align:center;color:#64748b;font:500 8px/1 var(--font-sans)}.premium-home .project-device-screen{height:calc(100% - 24px);overflow:hidden}.premium-home .live-project-preview img{object-fit:cover;object-position:top;transform:none}.premium-home .live-project-link:is(:hover,:focus-visible) img{transform:none}.premium-home .project-open{position:absolute;z-index:2;left:50%;bottom:1rem;transform:translate(-50%,5px);opacity:0;display:flex;align-items:center;gap:1rem;white-space:nowrap;border-radius:999px;padding:.65rem 1rem;color:#fff;background:#15171b;font-size:.65rem;transition:opacity .22s,transform .22s var(--ease-brand);pointer-events:none}.premium-home .live-project-link:focus-visible .project-open{opacity:1;transform:translate(-50%)}.premium-home .live-project-link:focus-visible .project-caption-arrow{background:var(--color-yellow);color:#111;transform:rotate(8deg)}.premium-home .service-art .artwork{transition:transform .26s var(--ease-brand)}.premium-home .service-card:focus-visible .service-art .artwork{transform:translateY(-4px) rotate(-2deg)}.premium-home .contact-grid{gap:clamp(2rem,6vw,5rem);padding-top:3rem}.premium-home .contact-form{gap:1.2rem}.premium-home .contact-form label{gap:.65rem;line-height:1.5}.premium-home .contact-form :is(input,select,textarea){border-color:var(--color-line);background:var(--color-surface);border-radius:12px;transition:border-color .2s,background-color .2s}.premium-home .contact-form :is(input,select){min-height:52px}.premium-home .contact-form textarea{min-height:140px}.premium-home .contact-form :is(input,select,textarea):focus{border-color:var(--color-blue-strong)}.premium-home .form-note{font-size:.7rem;line-height:1.8;max-width:36rem}.premium-home .form-status:empty{display:none}html[data-theme=dark] .premium-home .live-project-preview{background:var(--color-paper);border-color:var(--color-line)}html[data-theme=dark] .premium-home .project-device{border-color:#4c5665}@media (hover:hover) and (pointer:fine){.premium-home .live-project-link:hover .project-device{transform:translateY(-4px)}.premium-home .live-project-link:hover .project-open{opacity:1;transform:translate(-50%)}.premium-home .live-project-link:hover .project-caption-arrow{background:var(--color-yellow);color:#111;transform:rotate(8deg)}.premium-home .service-card:hover .service-art .artwork{transform:translateY(-4px) rotate(-2deg)}}@media (prefers-reduced-motion:no-preference){.premium-home .has-revealed .hero-title-underline,.premium-home .has-revealed .word-stroke{animation:premium-ink .65s cubic-bezier(.22,1,.36,1) both}}@keyframes premium-ink{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@media (max-width:767px){.premium-home{--home-section-space:3.5rem}.premium-home .hero-section{padding-top:1.8rem}.premium-home .hero-grid{gap:2rem}.premium-home .portfolio-section{padding-block:3.5rem}.premium-home .about-section{padding-block:3rem!important}.premium-home .live-portfolio-grid{gap:1.5rem}.premium-home .live-project-preview{padding:1rem .9rem 1.3rem}.premium-home .contact-grid{padding-top:2rem;gap:2rem}}@media (prefers-reduced-motion:reduce){.premium-home *,.premium-home :after,.premium-home :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.premium-home .ds-button>span:last-child,.premium-home .live-project-link .project-device,.premium-home .portfolio-filters button,.premium-home .service-card .service-art .artwork{transform:none!important}}.premium-home .about-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}.premium-home .about-art.about-notebook{width:100%;max-width:420px;height:auto;aspect-ratio:1;margin-inline:auto}.premium-home .about-copy{min-width:0;max-width:33rem;padding-block:1rem}.premium-home .about-copy h2{max-width:32rem;font-size:clamp(2.2rem,3.4vw,3.1rem);line-height:1.12;text-wrap:balance}.premium-home .about-copy .section-copy{max-width:29rem;margin-top:1.5rem;font-size:.95rem;line-height:1.9}@media (max-width:767px){.premium-home .about-grid{grid-template-columns:1fr;gap:1.5rem}.premium-home .about-art.about-notebook{max-width:290px}.premium-home .about-copy{max-width:34rem;width:100%;padding-block:0;margin-inline:auto}.premium-home .about-copy h2{font-size:clamp(2rem,7vw,2.5rem)}.premium-home .about-copy .section-copy{margin-top:1.2rem;font-size:.9rem}}