:root{--graphite:#17191c;--graphite-light:#1e2025;--graphite-lighter:#2a2c31;--cream:#f5f4f0;--cream-dark:#ebe9e3;--gold:#c6a45e;--gold-light:#d4b876;--gold-dark:#a88a45;--white:#fff;--black:#000;--text-dark:#17191c;--text-mid:#5a5c62;--text-light:#ffffffbf;--text-muted:#8a8c92;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;--sp-24:6rem;--sp-32:8rem;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Playfair Display", Georgia, serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #0000001f;--shadow-xl:0 16px 64px #00000029;--ease-out:cubic-bezier(.25, .46, .45, .94);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--container-max:1200px;--header-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-dark);background:var(--cream);line-height:1.6;overflow-x:hidden}body.nav-open{overflow:hidden}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}fieldset{border:none}.skip-link{top:-100%;left:var(--sp-4);background:var(--gold);color:var(--graphite);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-sm);z-index:10000;transition:top var(--duration-fast);font-weight:600;position:absolute}.skip-link:focus{top:var(--sp-2)}.container{max-width:var(--container-max);padding:0 var(--sp-6);margin:0 auto}.heading-display{font-family:var(--font-heading);font-size:clamp(var(--text-4xl), 5vw, var(--text-6xl));letter-spacing:-.02em;font-weight:600;line-height:1.1}.heading-serif{font-family:var(--font-heading);font-size:clamp(var(--text-2xl), 3vw, var(--text-4xl));letter-spacing:-.01em;font-weight:600;line-height:1.2}.section-title{margin-bottom:var(--sp-4)}.section-subtitle{color:var(--text-mid);max-width:560px;line-height:1.7}.text-gold{color:var(--gold)}.label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--gold);margin-bottom:var(--sp-3);font-weight:600;display:inline-block}.label--light{color:var(--gold-light)}.badge{font-size:var(--text-xs);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em;font-weight:600;display:inline-block}.badge--concept{color:var(--gold-dark);background:#c6a45e26}.badge--client{color:var(--gold-dark);background:#c6a45e40}.section{padding:var(--sp-20) 0}.section--dark{background:var(--graphite);color:var(--cream)}.section--white{background:var(--white)}.section--cream{background:var(--cream)}.section-header{text-align:center;margin-bottom:var(--sp-12)}.section-header .section-subtitle{margin:0 auto}.btn{align-items:center;gap:var(--sp-2);font-family:var(--font-body);font-size:var(--text-sm);border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-smooth);white-space:nowrap;border:2px solid #0000;padding:.75rem 1.5rem;font-weight:600;display:inline-flex}.btn--primary{background:var(--gold);color:var(--graphite);border-color:var(--gold)}.btn--primary:hover{background:var(--gold-light);border-color:var(--gold-light);transform:translateY(-1px);box-shadow:0 4px 20px #c6a45e4d}.btn--outline{color:var(--text-dark);border-color:var(--text-dark);background:0 0}.btn--outline:hover{background:var(--text-dark);color:var(--white);transform:translateY(-1px)}.btn--outline-light{color:var(--cream);background:0 0;border-color:#ffffff4d}.btn--outline-light:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-1px)}.btn--lg{font-size:var(--text-base);padding:1rem 2rem}.btn--sm{font-size:var(--text-xs);padding:.5rem 1rem}.header{z-index:1000;height:var(--header-height);transition:all var(--duration-normal) var(--ease-smooth);-webkit-backdrop-filter:blur(20px);background:#17191cd9;border-bottom:1px solid #ffffff0f;position:fixed;top:0;left:0;right:0}.header--scrolled{background:#17191cf2;box-shadow:0 2px 20px #0003}.header--hidden{transform:translateY(-100%)}.header__inner{justify-content:space-between;align-items:center;height:100%;display:flex}.header__logo{align-items:center;gap:var(--sp-3);z-index:1001;flex-shrink:0;text-decoration:none;display:flex}.header__logo-img{border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;width:42px;height:42px}.header__brand{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--cream);letter-spacing:-.01em;white-space:nowrap;font-weight:600}.nav--desktop{align-items:center;gap:var(--sp-2);display:none}@media (width>=881px){.nav--desktop{display:flex}}.nav__link{color:#ffffffb3;border-radius:var(--radius-sm);font-size:var(--text-sm);transition:color var(--duration-fast), background-color var(--duration-fast);padding:8px 14px;font-weight:500;text-decoration:none}.nav__link:hover,.nav__link.active{color:var(--cream);background:#ffffff0f}.nav__link:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.header__actions{display:none}@media (width>=881px){.header__actions{align-items:center;display:flex}}.hamburger{cursor:pointer;z-index:1002;border-radius:var(--radius-sm);width:44px;min-width:44px;height:44px;min-height:44px;transition:background-color var(--duration-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}@media (width>=881px){.hamburger{display:none}}.hamburger:hover{background:#ffffff14}.hamburger:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.hamburger__box{flex-direction:column;justify-content:space-between;width:22px;height:18px;display:flex;position:relative}.hamburger__line{background:var(--cream);transform-origin:50%;width:22px;height:2px;transition:transform .25s var(--ease-smooth), opacity .2s ease, background-color .2s ease;border-radius:2px;display:block}.hamburger[aria-expanded=true] .hamburger__line:first-child{background:var(--gold);transform:translateY(8px)rotate(45deg)}.hamburger[aria-expanded=true] .hamburger__line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger[aria-expanded=true] .hamburger__line:nth-child(3){background:var(--gold);transform:translateY(-8px)rotate(-45deg)}.nav-overlay{inset:0;top:var(--header-height);-webkit-backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;background:#000000a6;transition:opacity .22s;position:fixed}.nav-overlay.visible{opacity:1;pointer-events:auto}@media (width>=881px){.nav-overlay{display:none}}.mobile-nav{top:var(--header-height);width:100%;max-height:calc(100vh - var(--header-height));-webkit-backdrop-filter:blur(16px);z-index:1000;-webkit-overflow-scrolling:touch;visibility:hidden;opacity:0;pointer-events:none;transition:transform .22s var(--ease-smooth), opacity .22s var(--ease-smooth), visibility .22s ease;background:#17191cfa;border-bottom:1px solid #c6a45e40;position:fixed;left:0;right:0;overflow-y:auto;transform:translateY(-8px);box-shadow:0 16px 36px #0000008c}.mobile-nav.open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}@media (width>=881px){.mobile-nav{display:none}}.mobile-nav__inner{padding:var(--sp-6) var(--sp-6) var(--sp-8);gap:var(--sp-4);flex-direction:column;max-width:540px;margin:0 auto;display:flex}.mobile-nav__list{gap:var(--sp-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mobile-nav__link{color:#fffc;font-family:var(--font-body);font-size:var(--text-base);border-radius:var(--radius-md);transition:all var(--duration-fast);align-items:center;padding:12px 16px;font-weight:500;text-decoration:none;display:flex}.mobile-nav__link:hover{color:var(--white);background:#ffffff0f}.mobile-nav__link.active{color:var(--cream);border-left:3px solid var(--gold);background:#c6a45e26}.mobile-nav__link:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.mobile-nav__cta{padding-top:var(--sp-4);border-top:1px solid #ffffff14}.mobile-nav__cta-btn{width:100%;font-size:var(--text-base);justify-content:center;padding:13px 20px;font-weight:600;box-shadow:0 4px 14px #c6a45e40}.mobile-nav__cta-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (prefers-reduced-motion:reduce){.mobile-nav{transition:visibility,opacity .1s linear!important;transform:none!important}.hamburger__line{transition:none!important}}.page-header{background:var(--graphite);padding:calc(var(--header-height) + var(--sp-16)) 0 var(--sp-16)}.page-header--project{padding-bottom:var(--sp-12)}.page-header__sub{color:#fff9;max-width:560px;margin-top:var(--sp-4);line-height:1.7}.back-link{align-items:center;gap:var(--sp-2);color:var(--gold);font-size:var(--text-sm);margin-bottom:var(--sp-6);transition:opacity var(--duration-fast);font-weight:500;display:inline-flex}.back-link:hover{opacity:.8}.hero{background:var(--graphite);padding:calc(var(--header-height) + var(--sp-12)) 0 var(--sp-16);align-items:center;min-height:90vh;display:flex;position:relative;overflow:hidden}.hero__inner{gap:var(--sp-12);grid-template-columns:1fr;align-items:center;display:grid}@media (width>=768px){.hero__inner{gap:var(--sp-16);grid-template-columns:1fr 1fr}.hero{min-height:85vh;padding:calc(var(--header-height) + var(--sp-16)) 0}}.hero__greeting{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-6);display:flex}.hero__avatar{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--gold);width:56px;height:56px}.hero__label{font-size:var(--text-sm);color:#fff9;font-weight:500}.hero__heading{color:var(--cream);margin-bottom:var(--sp-6)}.hero__sub{color:#fff9;font-size:var(--text-lg);max-width:480px;margin-bottom:var(--sp-8);line-height:1.7}.hero__actions{gap:var(--sp-4);flex-wrap:wrap;display:flex}.hero__showcase{gap:var(--sp-4);flex-direction:column;width:100%;display:flex;position:relative}.hero__preview-top{width:100%}.hero__showcase-bottom,.hero__preview-bottom{gap:var(--sp-4);grid-template-columns:1fr 1fr;width:100%;display:grid}.hero__preview,.hero-preview-card{border-radius:var(--radius-xl);background:var(--graphite-light);box-shadow:var(--shadow-xl);color:var(--white);transition:transform var(--duration-normal) var(--ease-smooth), box-shadow var(--duration-normal) var(--ease-smooth), border-color var(--duration-normal) var(--ease-smooth);border:1px solid #ffffff1f;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.hero__preview:hover,.hero-preview-card:hover{border-color:#d4a85366;transform:translateY(-4px);box-shadow:0 20px 40px -10px #00000080}.hero__preview:focus-visible,.hero-preview-card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.hero__preview-bar{background:#141619f2;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.hero__preview-dots{gap:5px;display:flex}.hero__preview-dots span{background:#ffffff40;border-radius:50%;width:7px;height:7px}.hero__preview-url{font-size:var(--text-xs);color:#fff9;white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-family:monospace;overflow:hidden}.hero__preview-badge,.hero-preview-card__badge{border-radius:var(--radius-full);color:var(--gold);letter-spacing:.02em;white-space:nowrap;background:#d4a85326;border:1px solid #d4a8534d;padding:2px 8px;font-size:10px;font-weight:600}.hero__preview-media,.hero-preview-card__media{background:#121316;width:100%;position:relative;overflow:hidden}.hero__preview--web .hero__preview-media,.hero-preview-card--web .hero-preview-card__media,.hero__preview-media--web{height:180px;max-height:200px}.hero__preview--web img,.hero-preview-card--web img,.hero__preview-media--web img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.hero__preview--video .hero__preview-media,.hero-preview-card--video .hero-preview-card__media,.hero__preview-media--video{background:#000;height:170px;max-height:180px}.hero__preview--video video,.hero-preview-card--video video,.hero__preview-media--video video,.hero__preview--video img,.hero-preview-card--video img,.hero__preview-media--video img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-normal) var(--ease-smooth);display:block}.hero__preview--video:hover img,.hero-preview-card--video:hover img{transform:scale(1.03)}.hero__preview--design .hero__preview-media,.hero-preview-card--design .hero-preview-card__media,.hero__preview-media--design{background:#141518;height:170px;max-height:180px}.hero__preview--design img,.hero-preview-card--design img,.hero__preview-media--design img{object-fit:contain;width:100%;height:100%;display:block}.hero__preview-overlay,.hero-preview-card__play{transition:background var(--duration-fast);background:#00000059;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero__preview:hover .hero__preview-overlay,.hero-preview-card:hover .hero-preview-card__play{background:#00000026}.hero__play-btn{border-radius:var(--radius-full);color:var(--gold);font-size:var(--text-xs);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#17191cd9;border:1px solid #d4a8534d;padding:4px 12px;font-weight:600}.hero__preview-footer,.hero-preview-card__overlay{justify-content:space-between;align-items:center;gap:var(--sp-2);background:#141619f2;border-top:1px solid #ffffff14;padding:9px 12px;display:flex}.hero__preview-footer strong,.hero-preview-card__overlay strong{font-size:var(--text-xs);color:var(--cream);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hero__preview-type{color:#ffffff80;font-size:11px;display:block}.hero__preview-action,.hero-preview-card__overlay span{font-size:var(--text-xs);color:var(--gold);white-space:nowrap;font-weight:600}.hero__gradient{background:linear-gradient(to top, var(--cream), transparent);pointer-events:none;height:120px;position:absolute;bottom:0;left:0;right:0}.marquee-section{background:var(--cream);padding:var(--sp-10) 0;border-top:1px solid #0000000d;border-bottom:1px solid #0000000f;width:100%;position:relative;overflow:hidden}.marquee-section__header{justify-content:space-between;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.marquee-section__title{font-family:var(--font-heading);color:var(--text-dark);letter-spacing:-.01em;margin:0;font-size:clamp(1.15rem,2.5vw,1.45rem);font-weight:600}.marquee-toggle{background:var(--white);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-mid);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);border:1px solid #0000001f;align-items:center;gap:7px;padding:6px 14px;font-weight:500;display:inline-flex}.marquee-toggle:hover{background:var(--white);color:var(--text-dark);border-color:#c6a45e99;box-shadow:0 2px 6px #0000000a}.marquee-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.marquee-toggle[aria-pressed=true]{background:var(--graphite);color:var(--cream);border-color:var(--graphite)}.marquee-toggle__icon{justify-content:center;align-items:center;display:inline-flex}.marquee-toggle__svg{display:block}.marquee{--marquee-gap:var(--sp-6);-webkit-user-select:none;user-select:none;gap:var(--marquee-gap);width:100%;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 36px calc(100% - 36px),#0000);mask-image:linear-gradient(90deg,#0000,#000 36px calc(100% - 36px),#0000)}.marquee__track{align-items:center;gap:var(--marquee-gap);will-change:transform;flex-shrink:0;min-width:100%;animation:34s linear infinite marquee-scroll;display:flex}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translateX(calc(-100% - var(--marquee-gap)))}}.marquee:hover .marquee__track,.marquee:focus-within .marquee__track,.marquee.is-paused .marquee__track{animation-play-state:paused}.marquee__item{flex-shrink:0;justify-content:center;align-items:center;display:flex}.marquee__frame{background:var(--white);border-radius:var(--radius-md);box-sizing:border-box;width:164px;height:82px;transition:transform var(--duration-fast) var(--ease-smooth), box-shadow var(--duration-fast) var(--ease-smooth), border-color var(--duration-fast) var(--ease-smooth);border:1px solid #00000014;justify-content:center;align-items:center;padding:10px 16px;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000008}.marquee__frame:hover{border-color:#c6a45e73;transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.marquee__img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;transition:transform var(--duration-fast) var(--ease-smooth);border-radius:4px;display:block}.marquee__frame:hover .marquee__img{transform:scale(1.03)}@media (width<=768px){.marquee-section{padding:var(--sp-6) 0}.marquee{--marquee-gap:var(--sp-4);-webkit-mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000);mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000)}.marquee__track{animation-duration:26s}.marquee__frame{border-radius:var(--radius-sm);width:136px;height:68px;padding:8px 12px}}@media (prefers-reduced-motion:reduce){.marquee{flex-wrap:wrap;justify-content:center;overflow:visible;-webkit-mask-image:none;mask-image:none}.marquee__track{flex-wrap:wrap;justify-content:center;min-width:0;animation:none!important}.marquee__track[aria-hidden=true],.marquee__item[aria-hidden=true],.marquee-toggle{display:none!important}}.services-grid{gap:var(--sp-6);grid-template-columns:1fr;display:grid}@media (width>=600px){.services-grid{grid-template-columns:1fr 1fr}}@media (width>=900px){.services-grid{grid-template-columns:repeat(4,1fr)}}.service-card{background:var(--white);padding:var(--sp-8);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-smooth);border:1px solid #0000000f;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.service-card:hover{box-shadow:var(--shadow-lg);border-color:var(--gold);transform:translateY(-4px)}.service-card__num{font-family:var(--font-heading);font-size:var(--text-3xl);color:#c6a45e26;top:var(--sp-4);right:var(--sp-4);font-weight:700;position:absolute}.service-card__icon{font-size:var(--text-3xl);margin-bottom:var(--sp-4)}.service-card__title{font-family:var(--font-heading);font-size:var(--text-xl);margin-bottom:var(--sp-3);font-weight:600}.service-card__desc{color:var(--text-mid);font-size:var(--text-sm);flex:1;line-height:1.6}.service-card__link{align-items:center;gap:var(--sp-2);color:var(--gold);font-size:var(--text-sm);margin-top:var(--sp-6);transition:gap var(--duration-fast);font-weight:600;display:inline-flex}.service-card:hover .service-card__link{gap:var(--sp-3)}.work-grid{gap:var(--sp-8);grid-template-columns:1fr;display:grid}@media (width>=600px){.work-grid{grid-template-columns:1fr 1fr}}@media (width>=900px){.work-grid{grid-template-columns:repeat(3,1fr)}}.work-grid--portfolio{gap:var(--sp-6)}.project-card{background:var(--white);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-smooth);border:1px solid #0000000f;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.project-card__media{aspect-ratio:16/10;background:var(--graphite-light);position:relative;overflow:hidden}.project-card__media img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-smooth)}.project-card:hover .project-card__media img{transform:scale(1.04)}.project-card__badge{top:var(--sp-3);left:var(--sp-3);font-size:var(--text-xs);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);color:var(--gold);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:.06em;background:#17191ccc;font-weight:600;position:absolute}.project-card__body{padding:var(--sp-6);flex-direction:column;flex:1;display:flex}.project-card__type{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp-2)}.project-card__title{font-family:var(--font-heading);font-size:var(--text-xl);margin-bottom:var(--sp-2);font-weight:600}.project-card__desc{color:var(--text-mid);font-size:var(--text-sm);flex:1;line-height:1.6}.project-card__cta{color:var(--gold);font-size:var(--text-sm);margin-top:var(--sp-4);font-weight:600}.videos-row{gap:var(--sp-4);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.videos-row{grid-template-columns:repeat(4,1fr)}}.videos-grid{gap:var(--sp-4);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.videos-grid{grid-template-columns:repeat(4,1fr)}}.video-card{border-radius:var(--radius-lg);background:var(--graphite);aspect-ratio:9/16;box-shadow:var(--shadow-sm);transition:transform var(--duration-normal) var(--ease-smooth), box-shadow var(--duration-normal);position:relative;overflow:hidden}.video-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.video-card__player,.video-card__poster{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-normal) var(--ease-smooth);display:block}.video-card:hover .video-card__poster{transform:scale(1.04)}.video-card__overlay{transition:background var(--duration-fast);pointer-events:none;background:#17191c33;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-card:hover .video-card__overlay{background:#17191c73}.video-card__play-badge{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--gold);border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;transition:transform var(--duration-fast), background var(--duration-fast);background:#17191cd9;border:1px solid #d4a8534d;font-weight:600;display:inline-flex}.video-card:hover .video-card__play-badge{background:var(--graphite);border-color:var(--gold);transform:scale(1.08)}.video-card__desc{padding:var(--sp-3) var(--sp-4);color:var(--cream);font-size:var(--text-xs);pointer-events:none;background:linear-gradient(#0000,#17191ce6);margin:0;line-height:1.4;position:absolute;bottom:0;left:0;right:0}.video-card__contribution{color:var(--gold);margin-top:2px;font-size:.65rem;display:block}.design-grid,.graphic-design-preview-grid{gap:var(--sp-6);grid-template-columns:1fr;display:grid}@media (width>=640px){.design-grid,.graphic-design-preview-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.design-grid,.graphic-design-preview-grid{grid-template-columns:repeat(3,1fr)}}.design-card{border-radius:var(--radius-xl);background:var(--white);box-shadow:var(--shadow-sm);transition:transform var(--duration-normal) var(--ease-smooth), box-shadow var(--duration-normal) var(--ease-smooth), border-color var(--duration-normal);border:1px solid #00000014;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.design-card:hover{box-shadow:var(--shadow-xl);border-color:#d4a85366;transform:translateY(-4px)}.design-card__media{background:#141518;justify-content:center;align-items:center;width:100%;height:260px;max-height:280px;display:flex;position:relative;overflow:hidden}.design-card__media img{object-fit:contain;width:100%;height:100%;transition:transform var(--duration-normal) var(--ease-smooth);display:block}.design-card:hover .design-card__media img{transform:scale(1.02)}.design-card__badge{top:var(--sp-3);left:var(--sp-3);z-index:2;font-size:var(--text-xs);border-radius:var(--radius-full);color:var(--cream);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#17191cd9;border:1px solid #ffffff26;padding:3px 8px;font-weight:600;position:absolute}.design-card__overlay{opacity:0;transition:opacity var(--duration-fast);z-index:2;background:#17191c59;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.design-card:hover .design-card__overlay{opacity:1}.design-card__overlay span{padding:var(--sp-2) var(--sp-4);color:var(--gold);border-radius:var(--radius-full);font-size:var(--text-xs);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#17191ce6;border:1px solid #d4a85366;font-weight:600}.design-card__body{padding:var(--sp-4);background:var(--white);flex-direction:column;flex:1;gap:4px;display:flex}.design-card__subcat{font-size:var(--text-xs);color:var(--gold);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.design-card__title{font-size:var(--text-base);color:var(--graphite);margin:0;font-weight:600;line-height:1.35}.design-card__desc{font-size:var(--text-xs);color:var(--text-mid);margin:0;line-height:1.5}.service-examples-box{background:var(--white);border-radius:var(--radius-xl);padding:var(--sp-6);box-shadow:var(--shadow-md);border:1px solid #0000000f}.service-examples-box__label{font-size:var(--text-xs);color:var(--gold);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--sp-4);font-weight:700;display:block}.service-examples-videos,.service-examples-design,.service-examples-social{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.service-examples-box .video-card{aspect-ratio:9/16;max-height:220px}.service-examples-box .design-card{box-shadow:none;border:1px solid #00000014}.service-examples-box .design-card__media{height:160px}.service-examples-box .design-card__body{padding:var(--sp-3)}.service-examples-box .design-card__title{font-size:var(--text-xs)}.need-accordion{border-radius:var(--radius-xl);background:var(--white);margin-bottom:var(--sp-4);transition:box-shadow var(--duration-fast);border:1px solid #00000014;overflow:hidden}.need-accordion[open]{box-shadow:var(--shadow-sm);border-color:#d4a85366}.need-accordion__summary{padding:var(--sp-4) var(--sp-6);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--cream);transition:background var(--duration-fast);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;list-style:none;display:flex}.need-accordion__summary::-webkit-details-marker{display:none}.need-accordion[open] .need-accordion__summary{background:#d4a85314;border-bottom-color:#0000000f}.need-accordion__title{align-items:center;gap:var(--sp-3);display:flex}.need-accordion__title h3{font-size:var(--text-lg);color:var(--graphite);margin:0;font-weight:600}.need-accordion__icon{font-size:var(--text-xl)}.need-accordion__chevron{font-size:var(--text-base);color:var(--gold);transition:transform var(--duration-fast)}.need-accordion[open] .need-accordion__chevron{transform:rotate(180deg)}.need-accordion__content{padding:var(--sp-6)}.budget-inputs-row{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}@media (width<=480px){.budget-inputs-row{grid-template-columns:1fr}}.presto-showcase{gap:var(--sp-10);background:var(--cream);border-radius:var(--radius-xl);padding:var(--sp-10);grid-template-columns:1fr;align-items:center;display:grid}@media (width>=768px){.presto-showcase{grid-template-columns:1.2fr 1fr}}.presto-showcase__gallery{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.presto-showcase__img{border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden}.presto-showcase__img--main{grid-column:1/-1}.presto-showcase__img img{object-fit:cover;width:100%;height:100%}.presto-showcase__content{gap:var(--sp-4);flex-direction:column;display:flex}.presto-showcase__content p{color:var(--text-mid);line-height:1.7}.results-kpi-bar{gap:var(--sp-4);max-width:860px;margin:var(--sp-8) auto 0;padding:var(--sp-4) var(--sp-6);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff1a;grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.results-kpi-bar{gap:var(--sp-6);padding:var(--sp-5) var(--sp-8);grid-template-columns:repeat(4,1fr)}}.results-kpi-item{text-align:center;flex-direction:column;align-items:center;display:flex}.results-kpi-val{font-family:var(--font-heading);font-size:clamp(var(--text-2xl), 4vw, var(--text-4xl));color:var(--gold);font-weight:700;line-height:1.1}.results-kpi-lbl{font-size:var(--text-xs);color:#ffffffbf;margin-top:4px;font-weight:500}.results-grid{gap:var(--sp-6);margin-top:var(--sp-6);grid-template-columns:1fr;display:grid}@media (width>=640px){.results-grid{gap:var(--sp-6);grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.results-grid{gap:var(--sp-8);grid-template-columns:repeat(3,1fr)}}.results-filter-bar{gap:var(--sp-2);margin-bottom:var(--sp-8);flex-wrap:wrap;justify-content:center;display:flex}.results-filter-btn{background:var(--cream);color:var(--text-dark);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--sp-2) var(--sp-5);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);border:1px solid #00000014;font-weight:500}.results-filter-btn:hover{border-color:var(--gold);background:#c8a96e26}.results-filter-btn.active{background:var(--graphite);color:var(--cream);border-color:var(--graphite)}.results-filter-count{font-size:var(--text-xs);opacity:.7;margin-left:2px}.evidence-grid{gap:var(--sp-6);margin-top:var(--sp-6);grid-template-columns:1fr;display:grid}@media (width>=640px){.evidence-grid{gap:var(--sp-6);grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.evidence-grid{gap:var(--sp-6);grid-template-columns:repeat(3,1fr)}}.evidence-card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-smooth);border:1px solid #00000012;flex-direction:column;display:flex;overflow:hidden}.evidence-card:hover{box-shadow:var(--shadow-lg);border-color:#c8a96e66;transform:translateY(-4px)}.evidence-card__preview{cursor:pointer;background:#0f1013;justify-content:center;align-items:center;width:100%;height:220px;display:flex;position:relative;overflow:hidden}.evidence-card__img{object-fit:contain;max-width:100%;max-height:100%;transition:transform var(--duration-normal) var(--ease-smooth);display:block}.evidence-card__preview:hover .evidence-card__img{transform:scale(1.04)}.evidence-card__zoom-btn{bottom:var(--sp-3);right:var(--sp-3);color:var(--cream);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);transition:all var(--duration-fast);background:#0a0b0dd9;border:1px solid #ffffff26;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex;position:absolute}.evidence-card__preview:hover .evidence-card__zoom-btn{background:var(--gold);color:var(--graphite);border-color:var(--gold)}.evidence-card__body{padding:var(--sp-4) var(--sp-5) var(--sp-5);gap:var(--sp-2);flex-direction:column;flex:1;display:flex}.evidence-card__top{justify-content:space-between;align-items:center;gap:var(--sp-2);margin-bottom:2px;display:flex}.evidence-card__badge{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-full);color:#927238;background:#c8a96e1f;border:1px solid #c8a96e40;padding:2px 8px;font-size:10.5px;font-weight:700}.evidence-card__file{color:var(--text-muted);background:#0000000a;border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.evidence-card__title{font-size:var(--text-sm);color:var(--text-dark);margin:0;font-weight:600;line-height:1.35}.evidence-card__client{color:var(--text-muted);font-size:11.5px}.evidence-card__metric-row{align-items:baseline;gap:var(--sp-2);padding-top:var(--sp-3);border-top:1px solid #0000000d;margin-top:auto;display:flex}.evidence-card__metric-val{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--gold);font-weight:700;line-height:1}.evidence-card__metric-lbl{color:var(--text-mid);font-size:11px;font-weight:600}.evidence-card__summary{color:var(--text-mid);margin:0;font-size:11.5px;line-height:1.45}.evidence-card__period{color:var(--text-muted);font-size:11px}.result-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--sp-6);gap:var(--sp-4);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-smooth);border:1px solid #0000000f;flex-direction:column;display:flex}.result-card:hover{box-shadow:var(--shadow-lg);border-color:#c8a96e4d;transform:translateY(-4px)}.result-card__header{justify-content:space-between;align-items:flex-start;gap:var(--sp-2);display:flex}.result-card__meta-top{flex-direction:column;gap:2px;display:flex}.result-card__client{text-transform:uppercase;letter-spacing:.06em;color:var(--gold);font-size:11px;font-weight:700}.result-card__platform{font-size:var(--text-xs);color:var(--text-muted)}.result-card__format-badge{color:#927238;border-radius:var(--radius-full);white-space:nowrap;background:#c8a96e1f;border:1px solid #c8a96e40;padding:3px 8px;font-size:11px;font-weight:600}.result-card__title{font-size:var(--text-base);color:var(--text-dark);margin:0;font-weight:600;line-height:1.35}.result-card__metric{padding-bottom:var(--sp-2);border-bottom:1px solid #0000000f;flex-direction:column;gap:2px;display:flex}.result-card__value{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--gold);font-weight:700;line-height:1.1}.result-card__label{font-size:var(--text-xs);color:var(--text-mid);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.result-card__stats-list{gap:var(--sp-2);border-radius:var(--radius-md);padding:var(--sp-3);background:#00000005;border:1px solid #0000000a;grid-template-columns:repeat(2,1fr);display:grid}.result-card__stat-item{flex-direction:column;display:flex}.result-card__stat-val{font-size:var(--text-sm);color:var(--text-dark);font-weight:700}.result-card__stat-lbl,.result-card__meta-row{color:var(--text-muted);font-size:11px}.result-card__period{align-items:center;display:inline-flex}.result-card__contribution{font-size:var(--text-xs);color:var(--text-mid);line-height:1.5}.result-card__contribution strong{color:var(--graphite);margin-bottom:2px;font-size:11px;display:block}.result-card__context{font-size:var(--text-xs);color:var(--text-mid);margin:0;line-height:1.5}.result-card__evidence-box{padding-top:var(--sp-3);border-top:1px solid #0000000f;margin-top:auto}.result-card__evidence-label{color:var(--text-muted);margin-bottom:var(--sp-2);font-size:11px;display:block}.result-card__evidence-link{border-radius:var(--radius-md);background:var(--graphite-dark);border:1px solid #0000001a;display:block;position:relative;overflow:hidden}.result-card__evidence-img{object-fit:cover;object-position:center 15%;width:100%;height:130px;transition:transform var(--duration-fast);display:block}.result-card__evidence-zoom{bottom:var(--sp-2);right:var(--sp-2);color:var(--cream);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all var(--duration-fast);background:#0a0b0dd9;border:1px solid #ffffff26;align-items:center;padding:3px 8px;font-size:11px;display:inline-flex;position:absolute}.result-card__evidence-link:hover .result-card__evidence-img{transform:scale(1.03)}.result-card__evidence-link:hover .result-card__evidence-zoom{background:var(--gold);color:var(--graphite);border-color:var(--gold)}.result-card__gallery{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(70px,1fr));display:grid}.result-card__gallery-item{border-radius:var(--radius-sm);aspect-ratio:1;border:1px solid #0000001a;display:block;position:relative;overflow:hidden}.result-card--dark{color:var(--cream);background:#ffffff08;border:1px solid #ffffff14;box-shadow:0 4px 24px #0000004d}.result-card--dark:hover{background:#ffffff0d;border-color:#c8a96e59;box-shadow:0 12px 32px #00000080}.result-card--dark .result-card__title{color:var(--cream)}.result-card--dark .result-card__label{color:#ffffffb3}.result-card--dark .result-card__format-badge{color:var(--gold-light);background:#c8a96e26;border-color:#c8a96e4d}.result-card--dark .result-card__metric{border-bottom-color:#ffffff14}.result-card--dark .result-card__stats-list{background:#ffffff08;border-color:#ffffff0f}.result-card--dark .result-card__stat-val{color:var(--cream)}.result-card--dark .result-card__stat-lbl{color:#ffffff80}.result-card--dark .result-card__context{color:#ffffffbf}.result-card--dark .result-card__evidence-box{border-top-color:#ffffff14}.result-card--dark .result-card__evidence-label{color:#ffffff80}.result-card--dark .result-card__evidence-link{border-color:#ffffff1f}@media (width<=640px){.result-card{padding:var(--sp-5) var(--sp-4)}}.results-placeholder{max-width:640px;margin:0 auto}.results-placeholder__inner{text-align:center;padding:var(--sp-12) var(--sp-8);border-radius:var(--radius-xl);border:2px dashed #ffffff26}.results-placeholder__icon{font-size:var(--text-5xl);margin-bottom:var(--sp-4)}.results-placeholder__text{color:#fff9;margin:var(--sp-4) 0;line-height:1.7}.results-placeholder__note{font-size:var(--text-sm);color:#ffffff59;margin-top:var(--sp-4);font-style:italic;display:block}.section--white .results-placeholder__inner{border-color:#0000001a}.section--white .results-placeholder__text{color:var(--text-mid)}.section--white .results-placeholder__note{color:var(--text-muted)}.business-cards{gap:var(--sp-6);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.business-card{background:var(--white);padding:var(--sp-8);border-radius:var(--radius-lg);text-align:center;border:1px solid #0000000f}.business-card__logo img{height:40px;margin:0 auto var(--sp-4)}.business-card__name{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--gold);margin-bottom:var(--sp-4);font-weight:700;display:block}.business-card__work{color:var(--text-mid);font-size:var(--text-sm);margin-bottom:var(--sp-4)}.business-card__link{color:var(--gold);font-size:var(--text-sm);font-weight:600}.about-block{gap:var(--sp-10);grid-template-columns:1fr;align-items:center;display:grid}@media (width>=768px){.about-block{grid-template-columns:.4fr 1fr}}.about-block__image{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.about-block__image img{aspect-ratio:3/4;object-fit:cover;width:100%}.about-block__content{gap:var(--sp-4);flex-direction:column;display:flex}.about-block__content p{color:var(--text-mid);line-height:1.7}.process-steps{gap:var(--sp-4);margin:var(--sp-8) 0;grid-template-columns:repeat(3,1fr);display:grid}@media (width>=600px){.process-steps{grid-template-columns:repeat(6,1fr)}}.process-step{text-align:center;padding:var(--sp-4) var(--sp-2)}.process-step__num{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--gold);margin-bottom:var(--sp-2);font-weight:700}.process-step__label{font-size:var(--text-sm);color:var(--text-mid);font-weight:500}.cta-final{padding:var(--sp-24) 0}.cta-final__actions{gap:var(--sp-4);margin-top:var(--sp-8);flex-wrap:wrap;justify-content:center;display:flex}.footer{background:var(--graphite);color:var(--cream);padding:var(--sp-16) 0 0;border-top:1px solid #ffffff0f}.footer__inner{gap:var(--sp-10);grid-template-columns:1fr;display:grid}@media (width>=768px){.footer__inner{grid-template-columns:1.5fr 1fr}}.footer__logo-link{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3);display:flex}.footer__logo-link img{border-radius:var(--radius-md)}.footer__logo-link span{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600}.footer__tagline{color:#ffffff80;font-size:var(--text-sm);margin-bottom:var(--sp-6)}.footer__contacts{gap:var(--sp-2);flex-direction:column;display:flex}.footer__link{color:#fff9;font-size:var(--text-sm);transition:color var(--duration-fast)}.footer__link:hover{color:var(--gold)}.footer__link--icon{align-items:center;gap:var(--sp-2);display:inline-flex}.footer__cols{gap:var(--sp-8);grid-template-columns:1fr 1fr;display:grid}.footer__col-title{font-size:var(--text-sm);color:#fff6;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--sp-4);font-weight:600}.footer__col li{margin-bottom:var(--sp-2)}.footer__col a{color:#fff9;font-size:var(--text-sm);transition:color var(--duration-fast)}.footer__col a:hover{color:var(--gold)}.footer__bottom{margin-top:var(--sp-12);padding:var(--sp-6) 0;border-top:1px solid #ffffff0f}.footer__bottom-inner{justify-content:space-between;align-items:center;gap:var(--sp-4);flex-wrap:wrap;display:flex}.footer__bottom p,.footer__bottom a{font-size:var(--text-xs);color:#ffffff59}.footer__bottom a:hover{color:var(--gold)}.filter-bar{gap:var(--sp-2);margin-bottom:var(--sp-10);padding-bottom:var(--sp-6);border-bottom:1px solid #0000000f;flex-wrap:wrap;display:flex}.filter-btn{padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-mid);transition:all var(--duration-fast);border:1px solid #0000;font-weight:500}.filter-btn:hover{color:var(--text-dark);background:#0000000a}.filter-btn.active{background:var(--graphite);color:var(--cream)}.portfolio-section__title{margin:var(--sp-8) 0 var(--sp-6)}.visuals-bento{gap:var(--sp-4);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.visuals-bento{grid-template-columns:repeat(3,1fr)}}.bento-item{border-radius:var(--radius-lg);aspect-ratio:1;background:var(--graphite-light);overflow:hidden}.bento-item--large{aspect-ratio:2;grid-column:span 2}.bento-item img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow)}.bento-item:hover img{transform:scale(1.04)}.client-work-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--sp-8);border:1px solid #0000000f}.client-work-card__header{margin-bottom:var(--sp-6)}.client-work-card__header p{color:var(--text-mid);margin-top:var(--sp-3);line-height:1.7}.client-work-card__gallery{gap:var(--sp-4);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.client-work-card__gallery{grid-template-columns:repeat(4,1fr)}}.client-work-card__img{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.client-work-card__img img{width:100%}.service-detail{gap:var(--sp-10);grid-template-columns:1fr;align-items:start;display:grid}@media (width>=768px){.service-detail{grid-template-columns:1fr 1fr}.service-detail--reversed .service-detail__examples{order:-1}}.service-detail__desc{color:var(--text-mid);margin-bottom:var(--sp-6);line-height:1.7}.service-detail__note{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--sp-4)}.service-detail__examples{gap:var(--sp-4);flex-direction:column;display:flex}.mini-project-card{gap:var(--sp-4);background:var(--white);border-radius:var(--radius-md);transition:all var(--duration-fast);border:1px solid #0000000f;text-decoration:none;display:flex;overflow:hidden}.mini-project-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.mini-project-card img{object-fit:cover;flex-shrink:0;width:120px;height:80px}.mini-project-card div{padding:var(--sp-3);justify-content:center;gap:var(--sp-1);flex-direction:column;display:flex}.mini-project-card h4{font-size:var(--text-sm);font-weight:600}.service-examples-gallery{gap:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}.service-example-img{border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.service-examples-videos{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.service-single{max-width:640px}.check-list{gap:var(--sp-3);flex-direction:column;display:flex}.check-list--large{gap:var(--sp-4)}.check-list__item{align-items:flex-start;gap:var(--sp-3);color:var(--text-mid);font-size:var(--text-sm);line-height:1.5;display:flex}.check-list__item:before{content:"✓";width:20px;height:20px;color:var(--gold);border-radius:var(--radius-full);font-size:var(--text-xs);background:#c6a45e26;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.about-full{gap:var(--sp-10);grid-template-columns:1fr;align-items:start;display:grid}@media (width>=768px){.about-full{grid-template-columns:.45fr 1fr}}.about-full__image{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.about-full__image img{aspect-ratio:3/4;object-fit:cover;width:100%}.about-full__content{gap:var(--sp-4);flex-direction:column;display:flex}.about-full__content p{color:var(--text-mid);line-height:1.7}.about-services{gap:var(--sp-3);margin-top:var(--sp-4);flex-direction:column;display:flex}.about-service-item{align-items:flex-start;gap:var(--sp-4);padding:var(--sp-4);background:var(--cream);border-radius:var(--radius-md);transition:all var(--duration-fast);text-decoration:none;display:flex}.about-service-item:hover{background:var(--cream-dark);transform:translate(4px)}.about-service-item__icon{font-size:var(--text-2xl);flex-shrink:0}.about-service-item strong{margin-bottom:var(--sp-1);display:block}.about-service-item span{font-size:var(--text-sm);color:var(--text-mid)}.process-timeline{gap:var(--sp-6);grid-template-columns:1fr;display:grid}@media (width>=600px){.process-timeline{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.process-timeline{grid-template-columns:repeat(3,1fr)}}.process-timeline__step{background:var(--white);padding:var(--sp-6) var(--sp-6);border-radius:var(--radius-lg);transition:transform var(--duration-fast);border:1px solid #0000000f;flex-direction:column;display:flex}.process-timeline__step:hover{transform:translateY(-2px)}.process-timeline__header{align-items:baseline;gap:var(--sp-3);margin-bottom:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:1px solid #0000000a;display:flex}.process-timeline__num{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--gold);flex-shrink:0;font-weight:700;line-height:1}.process-timeline__step h3{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--graphite);margin:0;line-height:1.2}.process-timeline__step p{color:var(--text-mid);font-size:var(--text-sm);margin:0;line-height:1.6}.project-detail__hero{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--sp-10);overflow:hidden}.project-detail__hero img{width:100%}.project-detail__grid{gap:var(--sp-10);grid-template-columns:1fr;display:grid}@media (width>=768px){.project-detail__grid{grid-template-columns:1fr 1fr}}.project-detail__meta{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.meta-item{gap:var(--sp-1);flex-direction:column;display:flex}.meta-item__label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.meta-item__value{font-size:var(--text-sm);color:var(--text-dark)}.project-screenshot{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-top:var(--sp-6);overflow:hidden}.project-screenshot img{width:100%}.contact-layout{gap:var(--sp-12);grid-template-columns:1fr;display:grid}@media (width>=768px){.contact-layout{grid-template-columns:1.2fr .8fr}}.contact-form{gap:var(--sp-6);flex-direction:column;display:flex}.form-group{gap:var(--sp-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);color:var(--text-dark);font-weight:600}.required{color:var(--gold)}.optional{color:var(--text-muted);font-weight:400;font-size:var(--text-xs)}.form-input{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);background:var(--white);transition:border-color var(--duration-fast);color:var(--text-dark);border:2px solid #0000001a}.form-input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #c6a45e26}.form-input::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:120px}.checkbox-grid{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.checkbox-item{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast);border:2px solid #00000014;display:flex}.checkbox-item:hover{border-color:var(--gold)}.checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold)}.checkbox-item input[type=checkbox]:checked+.checkbox-item__icon+.checkbox-item__label{font-weight:600}.checkbox-item__icon{font-size:var(--text-lg)}.checkbox-item__label{font-size:var(--text-sm)}.form-status{padding:var(--sp-4);border-radius:var(--radius-md);font-size:var(--text-sm)}.form-status--warning{color:var(--gold-dark);background:#c6a45e26;border:1px solid #c6a45e4d}.form-status--success{color:#2d8a4e;background:#34c7591a;border:1px solid #34c75933}.form-status--error{color:#cc2d26;background:#ff3b301a;border:1px solid #ff3b3033}.form-note{font-size:var(--text-xs);color:var(--text-muted);text-align:center}.form-note a{color:var(--gold);text-decoration:underline}.contact-aside{top:calc(var(--header-height) + var(--sp-8));position:sticky}.contact-methods{gap:var(--sp-4);margin-top:var(--sp-6);flex-direction:column;display:flex}.contact-method{align-items:center;gap:var(--sp-4);padding:var(--sp-4);border-radius:var(--radius-md);background:var(--cream);transition:all var(--duration-fast);display:flex}.contact-method:hover{background:var(--cream-dark);transform:translate(4px)}.contact-method__icon{font-size:var(--text-2xl)}.contact-method strong{font-size:var(--text-sm);margin-bottom:2px;display:block}.contact-method span{font-size:var(--text-sm);color:var(--text-mid)}.legal-content{max-width:700px}.legal-content h2{font-family:var(--font-heading);font-size:var(--text-3xl);margin-bottom:var(--sp-6)}.legal-content h3{font-family:var(--font-heading);font-size:var(--text-xl);margin:var(--sp-8) 0 var(--sp-3)}.legal-content p{color:var(--text-mid);margin-bottom:var(--sp-4);line-height:1.7}.legal-content ul{padding-left:var(--sp-6);margin-bottom:var(--sp-4);list-style:outside}.legal-content li{color:var(--text-mid);margin-bottom:var(--sp-2)}.legal-content a{color:var(--gold);text-decoration:underline}.legal-content__note{font-size:var(--text-sm);color:var(--text-muted);padding-top:var(--sp-6);margin-top:var(--sp-8);border-top:1px solid #0000000f}.reveal{opacity:0;transition:opacity .6s var(--ease-smooth), transform .6s var(--ease-smooth);transition-delay:var(--delay,0s);transform:translateY(24px)}.reveal.revealed{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.video-modal{z-index:2000;padding:var(--sp-6);opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-smooth);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.video-modal.open{opacity:1;pointer-events:auto}.video-modal__backdrop{-webkit-backdrop-filter:blur(14px);background:#0a0b0de0;position:absolute;inset:0}.video-modal__container{z-index:1;align-items:center;gap:var(--sp-3);width:100%;max-width:440px;max-height:92vh;animation:modalPop var(--duration-normal) var(--ease-smooth);flex-direction:column;display:flex;position:relative}@keyframes modalPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.video-modal__close{border-radius:var(--radius-full);width:44px;height:44px;color:var(--cream);cursor:pointer;transition:all var(--duration-fast);background:#ffffff1a;border:1px solid #ffffff26;justify-content:center;align-self:flex-end;align-items:center;display:flex}.video-modal__close:hover{background:var(--gold);color:var(--graphite);transform:rotate(90deg)}.video-modal__media{aspect-ratio:9/16;border-radius:var(--radius-xl);background:#000;border:1px solid #ffffff1f;width:100%;max-height:68vh;overflow:hidden;box-shadow:0 25px 50px -12px #000c}.video-modal__player{object-fit:contain;width:100%;height:100%;display:block}.video-modal__caption{text-align:center;color:var(--cream);padding:0 var(--sp-4)}.video-modal__title{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--gold);margin-bottom:2px}.video-modal__desc{font-size:var(--text-sm);color:#ffffffb3}body.modal-open{overflow:hidden}.image-modal{z-index:2000;padding:var(--sp-6);opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-smooth);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.image-modal.open{opacity:1;pointer-events:auto}.image-modal__backdrop{-webkit-backdrop-filter:blur(14px);background:#0a0b0deb;position:absolute;inset:0}.image-modal__container{z-index:1;align-items:center;gap:var(--sp-2);width:100%;max-width:560px;max-height:96vh;animation:modalPop var(--duration-normal) var(--ease-smooth);flex-direction:column;display:flex;position:relative}.image-modal__header{width:100%;padding:0 var(--sp-1);justify-content:space-between;align-items:center;display:flex}.image-modal__counter{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.05em;color:var(--cream);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff26;padding:4px 12px;font-weight:600}.image-modal__close{border-radius:var(--radius-full);width:40px;height:40px;color:var(--cream);cursor:pointer;transition:all var(--duration-fast);background:#ffffff1a;border:1px solid #ffffff26;justify-content:center;align-items:center;display:flex}.image-modal__close:hover{background:var(--gold);color:var(--graphite);transform:rotate(90deg)}.image-modal__body{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.image-modal__nav{z-index:10;border-radius:var(--radius-full);width:44px;height:44px;color:var(--cream);cursor:pointer;-webkit-backdrop-filter:blur(8px);transition:all var(--duration-fast);background:#0f1013cc;border:1px solid #fff3;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 16px #0006}.image-modal__nav:hover{background:var(--gold);color:var(--graphite);border-color:var(--gold);transform:translateY(-50%)scale(1.08)}.image-modal__nav--prev{left:-58px}.image-modal__nav--next{right:-58px}@media (width<=720px){.image-modal__nav--prev{left:8px}.image-modal__nav--next{right:8px}.image-modal__nav{background:#0a0b0de0;width:38px;height:38px}}.image-modal__media{border-radius:var(--radius-xl);-webkit-overflow-scrolling:touch;background:#0f1013;border:1px solid #ffffff1f;justify-content:center;align-items:flex-start;width:100%;max-height:76vh;display:flex;overflow:hidden auto;box-shadow:0 25px 50px -12px #000c}.image-modal__img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:76vh;display:block}.image-modal__caption{text-align:center;color:var(--cream);padding:0 var(--sp-4);max-width:520px}.image-modal__title{font-family:var(--font-heading);font-size:var(--text-base);color:var(--gold);margin-bottom:2px}.image-modal__desc{font-size:var(--text-xs);color:#ffffffbf;line-height:1.4}.design-group{margin-bottom:var(--sp-12)}.design-group:last-child{margin-bottom:0}.design-group__header{margin-bottom:var(--sp-6);padding-bottom:var(--sp-2);border-bottom:1px solid #0000000f}.design-group__title{font-size:var(--text-xl);font-family:var(--font-heading);color:var(--graphite);margin-bottom:2px}.design-group__desc{font-size:var(--text-xs);color:var(--text-muted);margin:0}.badge--concept{color:var(--gold-dark);background:#d4a85326;border:1px solid #d4a85359}.badge--mockup{color:var(--text-mid);background:#646e781f;border:1px solid #646e7840}.work-card__badge-tag{border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.02em;padding:2px 8px;font-weight:600;display:inline-block}.business-cards--compact{justify-content:center;gap:var(--sp-6);flex-wrap:wrap;max-width:840px;margin:0 auto;display:flex}.business-cards--compact .business-card{flex:340px;max-width:420px}.contact-wizard-container{background:var(--white);border-radius:var(--radius-xl);padding:var(--sp-8);box-shadow:var(--shadow-sm);border:1px solid #0000000f}@media (width<=768px){.contact-wizard-container{padding:var(--sp-5)}}.wizard-progress{margin-bottom:var(--sp-8)}.wizard-steps-indicator{margin-bottom:var(--sp-3);justify-content:space-between;display:flex;position:relative}.wizard-step-node{align-items:center;gap:var(--sp-2);cursor:pointer;background:0 0;border:none;padding:0;display:flex}.wizard-step-node__num{border-radius:var(--radius-full);width:28px;height:28px;font-size:var(--text-xs);background:var(--cream-dark);color:var(--text-muted);transition:all var(--duration-fast);justify-content:center;align-items:center;font-weight:700;display:flex}.wizard-step-node__label{font-size:var(--text-xs);color:var(--text-muted);transition:color var(--duration-fast);font-weight:600}.wizard-step-node.active .wizard-step-node__num{background:var(--gold);color:var(--graphite)}.wizard-step-node.active .wizard-step-node__label{color:var(--graphite)}.wizard-step-node.completed .wizard-step-node__num{background:var(--graphite);color:var(--gold)}.wizard-step-node.completed .wizard-step-node__label{color:var(--text-mid)}@media (width<=600px){.wizard-step-node__label{display:none}}.wizard-progress__track{background:var(--cream-dark);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.wizard-progress__fill{background:linear-gradient(90deg, var(--graphite), var(--gold));border-radius:var(--radius-full);height:100%;transition:width var(--duration-normal) var(--ease-smooth)}.wizard-step{display:none}.wizard-step.active{animation:fadeInStep var(--duration-normal) var(--ease-smooth);display:block}@keyframes fadeInStep{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.wizard-step__header{margin-bottom:var(--sp-6)}.wizard-step__header h2{margin:var(--sp-2) 0;font-size:var(--text-2xl);color:var(--graphite)}.wizard-step__desc{color:var(--text-mid);font-size:var(--text-sm);margin:0;line-height:1.6}.service-selector-grid{gap:var(--sp-4);margin-bottom:var(--sp-6);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=650px){.service-selector-grid{grid-template-columns:1fr}}.service-select-card{cursor:pointer;background:var(--cream);border-radius:var(--radius-lg);padding:var(--sp-5);transition:all var(--duration-fast);border:2px solid #0000;display:flex;position:relative}.service-select-card:hover{background:var(--cream-dark);border-color:#d4a85366}.service-select-card.selected{background:var(--white);border-color:var(--gold);box-shadow:0 4px 12px #d4a85326}.service-select-card input[type=checkbox]{top:var(--sp-5);right:var(--sp-5);accent-color:var(--gold);cursor:pointer;width:18px;height:18px;position:absolute}.service-select-card__body{padding-right:var(--sp-6);flex-direction:column;display:flex}.service-select-card__icon{font-size:var(--text-2xl);margin-bottom:var(--sp-2)}.service-select-card__title{font-size:var(--text-base);color:var(--graphite);margin-bottom:var(--sp-1)}.service-select-card__text{font-size:var(--text-xs);color:var(--text-mid);line-height:1.5}.service-select-card--wide{grid-column:1/-1}.radio-pill-group,.checkbox-pills{gap:var(--sp-2);flex-wrap:wrap;display:flex}.radio-pill,.checkbox-pill{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:var(--cream);border-radius:var(--radius-full);cursor:pointer;font-size:var(--text-xs);color:var(--graphite);transition:all var(--duration-fast);border:1px solid #00000014;font-weight:500;display:inline-flex}.radio-pill:hover,.checkbox-pill:hover{background:var(--cream-dark);border-color:var(--gold)}.radio-pill input:checked+span,.checkbox-pill input:checked+span{color:var(--graphite);font-weight:600}:is(.radio-pill:has(input:checked),.checkbox-pill:has(input:checked)){background:var(--white);border-color:var(--gold);box-shadow:0 2px 6px #d4a85333}.radio-pill input,.checkbox-pill input{accent-color:var(--gold);cursor:pointer}.checkbox-grid-detailed{gap:var(--sp-2);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=600px){.checkbox-grid-detailed{grid-template-columns:1fr}}.need-section{background:var(--cream);border-radius:var(--radius-lg);padding:var(--sp-6);margin-bottom:var(--sp-6);border:1px solid #0000000f}.need-section__header{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5);padding-bottom:var(--sp-3);border-bottom:1px solid #00000014;display:flex}.need-section__header h3{font-size:var(--text-lg);color:var(--graphite);margin:0}.need-section__icon{font-size:var(--text-2xl)}.form-label-hint{font-size:var(--text-xs);color:var(--text-muted);font-weight:400}.form-row{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=650px){.form-row{grid-template-columns:1fr}}.input-error{background:#fff5f5!important;border-color:#e53e3e!important}.field-error{font-size:var(--text-xs);color:#e53e3e;margin-top:4px}.wizard-nav{margin-top:var(--sp-8);padding-top:var(--sp-6);border-top:1px solid #0000000f;justify-content:space-between;align-items:center;display:flex}.wizard-nav__spacer{flex:1}.wizard-validation-msg{color:#c53030;border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);font-size:var(--text-sm);margin-top:var(--sp-4);background:#fff5f5;border:1px solid #feb2b2}.review-summary{gap:var(--sp-4);margin-bottom:var(--sp-6);flex-direction:column;display:flex}.review-block{background:var(--cream);border-radius:var(--radius-lg);padding:var(--sp-5);border:1px solid #0000000f}.review-block__head{margin-bottom:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;display:flex}.review-block__head h4{font-size:var(--text-sm);color:var(--graphite);margin:0;font-weight:700}.btn-text-edit{color:var(--gold-dark);font-size:var(--text-xs);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.btn-text-edit:hover{color:var(--graphite)}.review-tags{gap:var(--sp-2);flex-wrap:wrap;display:flex}.review-tag{background:var(--white);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--graphite);border:1px solid #00000014;padding:4px 12px;font-weight:600}.review-subitem{margin-bottom:var(--sp-3);font-size:var(--text-xs);color:var(--text-mid)}.review-subitem:last-child{margin-bottom:0}.review-subitem strong{color:var(--graphite);font-size:var(--text-sm);margin-bottom:var(--sp-1);display:block}.review-subitem ul{margin:0 0 0 var(--sp-4);padding:0;list-style-type:disc}.review-subitem li{margin-bottom:2px;line-height:1.5}.review-meta-grid{gap:var(--sp-3);font-size:var(--text-xs);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=600px){.review-meta-grid{grid-template-columns:1fr}}.review-meta-label{color:var(--text-muted);margin-right:4px;display:inline-block}.form-disclaimer{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--sp-6);padding:var(--sp-3) var(--sp-4);background:var(--cream);border-radius:var(--radius-md);border:1px solid #0000000a;line-height:1.6}.hero__content{z-index:2;flex-direction:column;display:flex;position:relative}.footer__brand{gap:var(--sp-4);flex-direction:column;display:flex}.conditional-field{transition:opacity var(--duration-fast)}.portfolio-section{margin-bottom:var(--sp-16)}.portfolio-section:last-child{margin-bottom:0}.service-detail__content{flex-direction:column;display:flex}.marquee__dot{color:var(--gold);margin-left:var(--sp-6);opacity:.7;font-size:.75rem}@media (width<=767px){.section{padding:var(--sp-12) 0}.hero{min-height:auto;padding-bottom:var(--sp-12)}.hero__heading{font-size:clamp(var(--text-3xl), 7vw, var(--text-5xl))}.hero__showcase{margin-top:var(--sp-6)}.hero__card--video,.hero__card--visual{max-height:200px}.page-header{padding-top:calc(var(--header-height) + var(--sp-10));padding-bottom:var(--sp-10)}.heading-display{font-size:clamp(var(--text-3xl), 7vw, var(--text-5xl))}.process-steps{grid-template-columns:repeat(2,1fr)}.cta-final{padding:var(--sp-16) 0}.checkbox-grid{grid-template-columns:1fr}.footer__bottom-inner{text-align:center;flex-direction:column}}html,body{max-width:100vw;overflow-x:hidden}