:root{color-scheme:dark;--bg:#0D0F12;--surface:#171A20;--text:#F5F5F5;--muted:#B6BDC8;--accent:#70D6FF;--line:#2a2e35}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,video:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.container{width:calc(100% - 40px);max-width:1200px;margin-inline:auto}.skip{position:fixed;top:-80px;left:20px;padding:12px;background:var(--accent);color:var(--bg);z-index:10}.skip:focus{top:12px}.header{border-bottom:1px solid var(--line)}.header-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.brand{font-size:13px;font-weight:700;letter-spacing:.045em}.menu-toggle{background:none;color:var(--text);border:1px solid var(--line);border-radius:5px;min-height:44px;padding:8px 12px}.header nav{display:none;width:100%;padding-bottom:20px;gap:24px;align-items:center}.header nav.open{display:flex;flex-direction:column;align-items:stretch}.header nav>a:not(.button){min-height:44px;display:flex;align-items:center;color:var(--muted);font-size:14px}.header nav>a:hover,.text-link:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:14px 20px;background:var(--accent);color:#0D0F12;font-weight:600;font-size:14px;border:1px solid transparent;border-radius:5px;transition:background .2s,transform .2s}.button:hover{background:#a5e5ff;transform:translateY(-2px)}.button.small{min-height:44px;padding:10px 16px}.hero{padding-block:65px 70px;display:grid;gap:42px}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:600;color:var(--accent);margin:0 0 24px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.6rem,4.5vw,4rem);line-height:1.09;letter-spacing:-.05em;font-weight:500;margin-bottom:26px}em{color:var(--accent);font-style:normal}.lead{color:var(--muted);font-size:16px;max-width:540px;line-height:1.8;margin-bottom:30px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.text-link{font-size:14px;min-height:44px;display:inline-flex;align-items:center;gap:20px}.hero-visual{position:relative;min-height:410px;display:flex;align-items:center;justify-content:center;padding-bottom:35px}.photo-frame,.video-frame{background:#12151a;border:1px solid #373e48;border-radius:8px;padding:10px;position:relative}.photo-frame{width:43%;transform:rotate(-7deg);z-index:1;margin-right:-23px;margin-top:48px}.video-frame{width:50%;max-width:240px;transform:rotate(5deg);z-index:2}.frame-label{font-size:10px;letter-spacing:.11em;color:var(--muted);padding:2px 2px 10px}.media-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;background:var(--surface);color:var(--muted);font-size:12px;overflow:hidden}.hero-photo{aspect-ratio:1}.hero-video{aspect-ratio:9/16;border:1px solid #30363e}.cross{font-size:38px;line-height:1;font-weight:200;color:#657383}.play-mark{font-size:35px;color:var(--accent);line-height:1.4}.conversion{position:absolute;left:35%;top:10%;font-size:55px;color:var(--accent)}.timeline{display:flex;align-items:center;gap:8px;font-size:9px;color:var(--muted);padding-top:10px}.timeline i{height:2px;background:#43505b;flex:1}.visual-caption{position:absolute;bottom:0;font-size:12px;letter-spacing:.08em;color:var(--muted)}.section{padding-block:70px}.section-heading{display:grid;gap:16px;margin-bottom:38px}.section-heading .eyebrow{margin-bottom:16px}h2{font-size:clamp(2rem,3.4vw,2.8rem);font-weight:500;line-height:1.14;letter-spacing:-.04em;margin-bottom:0}.section-heading>p{color:var(--muted);max-width:415px;margin-bottom:0}.projects{display:grid;gap:38px}.project{min-width:0}.project-media{aspect-ratio:9/16;background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden;position:relative}.project-media .placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:14px}.placeholder .play-mark{display:grid;place-items:center;width:60px;height:60px;border:1px solid #3d4550;border-radius:50%;font-size:28px;color:var(--muted)}.media-index{position:absolute;top:18px;left:20px;font-size:12px;letter-spacing:.08em;color:#9ba5b2}.media-format{position:absolute;bottom:18px;right:20px;font-size:12px;color:#9ba5b2}.project-category{display:block;color:var(--accent);font-size:12px;margin:22px 0 10px}.project h3{font-size:22px;font-weight:500;letter-spacing:-.025em;line-height:1.25;margin-bottom:12px}.project p,.steps p{color:var(--muted);font-size:16px;margin-bottom:0}video{display:block;width:100%;height:100%;object-fit:contain;background:#101216}img{max-width:100%;display:block}.hero-photo img{width:100%;height:100%;object-fit:contain}.process-section{border-block:1px solid var(--line);margin-top:18px;background:#101318}.steps{display:grid;gap:36px}.steps article{border-top:1px solid #39414c;padding-top:22px}.step-number{display:block;font-size:14px;color:var(--accent);margin-bottom:26px}.steps h3{font-size:20px;line-height:1.35;font-weight:500;margin-bottom:16px}.badges{display:flex;gap:8px;margin-top:22px}.badges span{border:1px solid #39414c;border-radius:4px;font-size:12px;padding:3px 10px}.contact{text-align:center;max-width:850px;padding-block:90px}.contact h2{font-size:clamp(2.5rem,4.8vw,4rem);max-width:750px;margin:0 auto 24px}.contact>p:not(.eyebrow){max-width:570px;margin-inline:auto;color:var(--muted)}.contact .button{margin-top:14px}.button[aria-disabled=true]{background:#222a30;color:var(--muted);cursor:not-allowed;transform:none;border-color:#35424b}.contact .contact-note{font-size:12px;margin-top:14px}.contact-links{display:flex;flex-wrap:wrap;justify-content:center;gap:25px;margin-top:24px;color:var(--muted);font-size:14px}.contact-links a{text-decoration:underline;text-underline-offset:5px}.contact-links span{color:var(--muted)}footer{border-top:1px solid var(--line);padding-block:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}footer p,footer>a{font-size:12px;color:var(--muted);margin:0}.reveal{animation:enter .65s ease both}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(min-width:700px){.container{width:calc(100% - 64px)}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:35px;padding-block:80px 90px}.hero-visual{min-height:450px}.projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{grid-template-columns:1.2fr 1fr;align-items:end;gap:30px}}@media(min-width:1000px){.menu-toggle{display:none}.header nav,.header nav.open{display:flex;flex-direction:row;width:auto;padding:0;gap:30px}.hero{gap:60px}.hero-visual{min-height:510px}.video-frame{width:51%;max-width:255px}.photo-frame{width:46%}.section{padding-block:85px}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.contact{padding-block:105px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.header nav>a[aria-current=page]{color:var(--accent);text-decoration:underline;text-underline-offset:8px}.gallery-intro{padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid var(--line)}.gallery-intro h1{max-width:800px;font-size:clamp(2.7rem,5vw,4.6rem)}.gallery-summary{display:flex;justify-content:space-between;gap:24px;align-items:end;flex-wrap:wrap}.gallery-summary p{max-width:650px;color:var(--muted);margin:0}.gallery-summary>span{font-size:14px;color:var(--accent)}.gallery{row-gap:48px}.gallery .project h3{font-size:20px}.all-projects{text-align:center;margin-top:40px}.brand{font-size:16px}.gallery-section{padding-bottom:30px}