:root{--bg:#040806;--bg-2:#07110b;--lime:#c6ff3d;--lime-soft:#c6ff3d24;--text:#eef5ee;--muted:#e2eee4a8;--faint:#e2eee46b;--glass:#09180f99;--glass-strong:#09160eb3;--glass-border:#c6ff3d21;--radius:22px;--font-sans:"Inter Tight", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}main{overflow-x:clip}::selection{background:var(--lime);color:var(--bg)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:6px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.frame-canvas{z-index:-2;background:var(--bg);width:100vw;height:100vh;position:fixed;inset:0}.frame-overlay{z-index:-1;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,#0000 30%,#030805bf 100%),linear-gradient(#0308058c 0%,#03080540 35%,#0308058c 100%);position:fixed;inset:0}.load-bar{z-index:100;background:var(--lime);height:2px;box-shadow:0 0 12px var(--lime);transform-origin:0;pointer-events:none;transition:transform .3s linear,opacity .8s .4s;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.load-bar.is-done{opacity:0}.container{width:min(1240px,100% - 48px);margin-inline:auto}.mono{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em}.eyebrow{line-height:1.7;font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--lime);font-size:12px;font-weight:500;display:inline-block}.eyebrow:before{content:"";vertical-align:middle;background:currentColor;width:22px;height:1px;margin:-2px 10px 0 0;display:inline-block}.accent{color:var(--lime)}.h2{text-shadow:0 2px 30px #03080599;letter-spacing:-.035em;text-wrap:balance;margin:18px 0 0;font-size:clamp(34px,4.6vw,64px);font-weight:800;line-height:1.02}.h3{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}.lead{color:var(--text);max-width:56ch;margin:28px 0 0;font-size:clamp(18px,1.6vw,22px);line-height:1.5}.body{color:var(--muted);margin:12px 0 0;font-size:16px;line-height:1.6}.section{padding:clamp(96px,14vh,160px) 0;scroll-margin-top:40px;position:relative}.section-head{max-width:860px;margin-bottom:56px;position:relative}.section-head:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#030805b8,#0000);position:absolute;inset:-80px -120px}.glass{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(18px)saturate(1.3);box-shadow:inset 0 1px #ffffff0a,0 24px 60px -30px #000c}.card{height:100%;transition:border-color .4s var(--ease), background .4s var(--ease), box-shadow .4s var(--ease);padding:32px}.card:hover{background:#10261894;border-color:#c6ff3d57;box-shadow:inset 0 1px #ffffff0d,0 30px 70px -30px #000000e6,0 0 40px -18px #c6ff3d59}.btn{letter-spacing:-.01em;isolation:isolate;transition:color .35s var(--ease), border-color .35s var(--ease), box-shadow .35s var(--ease);border-radius:999px;align-items:center;gap:12px;padding:16px 26px;font-size:15px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn-small{padding:11px 18px;font-size:14px}.btn-primary{background:var(--lime);color:#071006;box-shadow:0 0 #c6ff3d00}.btn-primary:hover{box-shadow:0 10px 40px -8px #c6ff3d8c}.btn-primary:after{content:"";z-index:-1;transition:transform .8s var(--ease);background:linear-gradient(110deg,#0000 30%,#ffffff8c 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.btn-primary:hover:after{transform:translate(120%)}.btn-ghost{color:var(--text);-webkit-backdrop-filter:blur(10px);background:#08120c59;border:1px solid #eef5ee3d}.btn-ghost:hover{border-color:var(--lime);color:var(--lime)}.btn-arrow{transition:transform .35s var(--ease);display:inline-block}.btn:hover .btn-arrow{transform:translate(4px)}.header{z-index:50;transition:padding .4s var(--ease), background .4s var(--ease), border-color .4s var(--ease);border-bottom:1px solid #0000;padding:20px 0;position:fixed;top:0;left:0;right:0}.header.is-scrolled{border-color:var(--glass-border);-webkit-backdrop-filter:blur(16px)saturate(1.3);background:#040a0699;padding:12px 0}.header-inner{justify-content:space-between;align-items:center;gap:16px;display:flex}.logo-gusia{align-items:flex-start;height:30px;display:inline-flex}.logo-gusia img{width:auto;height:100%}.logo-gusia-star{filter:drop-shadow(0 0 10px #c6ff3d73);transition:transform .6s var(--ease);margin-left:4px}.logo-gusia:hover .logo-gusia-star{transform:rotate(90deg)scale(1.08)}.hero{align-items:center;min-height:100svh;padding:140px 0 120px;display:flex;position:relative}.hero:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#030805c7 0%,#03080559 55%,#0000 80%);position:absolute;inset:0}.hero-inner{max-width:1240px}.hero-title{letter-spacing:-.045em;margin:26px 0 0;font-size:clamp(46px,8.4vw,124px);font-weight:800;line-height:.95}.hero-title .line{display:block}.accent-italic{color:var(--lime);text-shadow:0 0 60px #c6ff3d40;padding-right:.08em;font-style:italic}.hero-sub{max-width:58ch;color:var(--muted);margin:32px 0 0;font-size:clamp(17px,1.45vw,20px);line-height:1.55}.hero-ctas{flex-wrap:wrap;gap:14px;margin-top:40px;display:flex}.hero-note{color:var(--faint);margin:36px 0 0;font-size:11px}.scroll-cue{color:var(--muted);align-items:center;gap:14px;font-size:11px;display:inline-flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scroll-line{background:#eef5ee33;width:64px;height:1px;position:relative;overflow:hidden}.scroll-line:after{content:"";background:var(--lime);animation:scroll-line 2.2s var(--ease) infinite;position:absolute;inset:0}@keyframes scroll-line{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}.about-grid{grid-template-columns:5fr 7fr;align-items:center;gap:clamp(40px,6vw,96px);display:grid}.about-frame{border-radius:28px;padding:10px}.about-img,.about-frame .placeholder{aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:20px;width:100%}.about-copy{position:relative}.about-copy:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#030805b3,#0000);position:absolute;inset:-60px -80px}.manifesto{border-top:1px solid var(--glass-border);color:var(--lime);flex-direction:column;gap:8px;margin-top:40px;padding-top:28px;font-size:13px;display:flex}.process-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.process-card{flex-direction:column;min-height:300px;display:flex}.process-n{color:var(--lime);margin-bottom:auto;padding-bottom:64px;font-size:13px}.portfolio-grid{grid-template-columns:repeat(12,1fr);gap:18px;display:grid}.project{grid-column:span var(--span,6)}.project-card{cursor:pointer;height:100%;transition:border-color .4s var(--ease);flex-direction:column;padding:10px;display:flex}.project-card:hover{border-color:#c6ff3d57}.project-media{border-radius:16px;height:clamp(240px,24vw,360px);position:relative;overflow:hidden}.project-wide .project-media{height:clamp(280px,34vw,480px)}.project-zoom{width:100%;height:100%}.project-img,.project-media .placeholder{object-fit:cover;width:100%;height:100%}.project-index{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);color:var(--lime);background:#040a0699;border-radius:999px;padding:6px 10px;font-size:11px;position:absolute;top:14px;left:14px}.project-info{padding:22px 18px 16px}.tag{color:var(--lime);margin-bottom:10px;font-size:11px;display:block}.placeholder{background:radial-gradient(80% 90% at 20% 10%,#c6ff3d2e,#0000 60%),radial-gradient(70% 80% at 90% 100%,#286e3c59,#0000 60%),linear-gradient(160deg,#0c1c12,#050b07);place-items:center;display:grid;position:relative;overflow:hidden}.placeholder-grid{background-image:linear-gradient(#c6ff3d0f 1px,#0000 1px),linear-gradient(90deg,#c6ff3d0f 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(closest-side,#000,#0000);mask-image:radial-gradient(closest-side,#000,#0000)}.placeholder-label{font-family:var(--font-mono);letter-spacing:.24em;color:#c6ff3dbf;text-align:center;padding:0 20px;font-size:12px;position:relative}.feedback-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.quote-card{flex-direction:column;margin:0;display:flex}.quote-mark{color:var(--lime);height:32px;font-size:72px;font-weight:800;line-height:.6}.quote{letter-spacing:-.01em;flex:1;margin:12px 0 32px;font-size:clamp(18px,1.5vw,21px);font-weight:500;line-height:1.5}.quote-author{border-top:1px solid var(--glass-border);align-items:center;gap:14px;padding-top:20px;display:flex}.quote-author strong{font-size:15px;display:block}.avatar{background:var(--lime-soft);width:44px;height:44px;color:var(--lime);letter-spacing:.04em;border:1px solid #c6ff3d59;border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid}.role{color:var(--faint);margin-top:3px;font-size:10.5px;display:block}.contact-card{background:radial-gradient(60% 80% at 100% 0%, #c6ff3d1a, transparent 60%), var(--glass-strong);padding:clamp(36px,6vw,80px)}.contact-title{max-width:18ch;font-size:clamp(36px,5.4vw,76px)}.contact-phone{color:var(--faint);margin:28px 0 0;font-size:12px}.contact-phone a{color:var(--text);transition:color .3s var(--ease)}.contact-phone a:hover{color:var(--lime)}.footer{border-top:1px solid var(--glass-border);background:linear-gradient(#03080566,#030805eb);padding:40px 0 48px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-links{gap:24px;font-size:11px;display:flex}.footer-links a{color:var(--muted);transition:color .3s var(--ease)}.footer-links a:hover{color:var(--lime)}.footer-copy{color:var(--faint);font-size:11px}.project-link{border-radius:var(--radius);height:100%;display:block}.project-cta{background:var(--lime);color:#071006;opacity:0;transition:opacity .4s var(--ease), transform .4s var(--ease);border-radius:999px;padding:8px 14px;font-size:11px;font-weight:600;position:absolute;bottom:14px;right:14px;transform:translateY(6px)}.project-card.has-case:hover .project-cta,.project-link:focus-visible .project-cta{opacity:1;transform:none}@media (hover:none){.project-cta{opacity:1;transform:none}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.case-intro{z-index:200;background:#000;height:100dvh;position:fixed;inset:0}.case-intro-video{object-fit:cover;width:100%;height:100%}.case-intro-skip{position:absolute;bottom:24px;right:24px}.case-intro-skip,.video-modal-close{-webkit-backdrop-filter:blur(10px);min-height:44px;color:var(--text);cursor:pointer;transition:border-color .3s var(--ease), color .3s var(--ease);background:#040a0666;border:1px solid #eef5ee66;border-radius:999px;padding:0 20px;font-size:12px}.case-intro-skip:hover,.video-modal-close:hover,.video-modal-close:focus-visible{border-color:var(--lime);color:var(--lime);outline:none}.case-bg{z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 85% 0%, #c6ff3d1a, transparent 70%), radial-gradient(50% 60% at 0% 100%, #1e5a3240, transparent 70%), var(--bg);position:fixed;inset:0}.case-hero{padding-top:clamp(140px,22vh,200px)}.case-back{color:var(--muted);transition:color .3s var(--ease);margin-bottom:36px;font-size:12px;display:inline-block}.case-back:hover{color:var(--lime)}.case-title{letter-spacing:-.04em;text-wrap:balance;max-width:20ch;margin:20px 0 0;font-size:clamp(38px,5.6vw,84px);font-weight:800;line-height:1.02}.case-section{border-top:1px solid var(--glass-border)}.case-split{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,6vw,96px);display:grid}.case-split.is-reversed .case-media{order:2}.case-frame{border-radius:28px;padding:10px}.case-frame img,.case-frame video{aspect-ratio:4/5;object-fit:cover;border-radius:20px;width:100%;display:block}.case-frame.is-natural{width:fit-content;max-width:100%;margin-inline:auto}.case-frame.is-natural img,.case-frame.is-natural video{aspect-ratio:auto;width:auto;max-width:100%;max-height:78vh}.case-copy .process-n{padding-bottom:8px;display:block}.case-body{max-width:52ch;margin-top:18px;font-size:17px}.case-gallery{border-top:1px solid var(--glass-border);overflow:hidden}.marquee{margin-top:48px;overflow:clip;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.marquee-track{width:max-content;animation:marquee var(--duration,40s) linear infinite;gap:24px;padding:0 24px;display:flex}.marquee:hover .marquee-track,.marquee:focus-within .marquee-track,.marquee.is-paused .marquee-track{animation-play-state:paused}.marquee-item{aspect-ratio:3/4;border:1px solid var(--glass-border);border-radius:20px;flex:none;width:clamp(220px,24vw,320px);overflow:hidden}.marquee.is-landscape .marquee-item{aspect-ratio:16/9;width:clamp(300px,40vw,560px)}.marquee.is-natural .marquee-item{aspect-ratio:auto;width:auto;height:clamp(220px,26vw,360px)}.marquee-item img{object-fit:cover;width:100%;height:100%}.marquee.is-natural .marquee-item img{width:auto}.marquee.is-videos .marquee-item{aspect-ratio:1}.video-card{background:var(--bg-2);cursor:pointer;transition:border-color .3s var(--ease);padding:0;position:relative}.video-card video{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease);display:block}.video-card:hover{border-color:var(--lime)}.video-card:focus-visible{outline:2px solid var(--lime);outline-offset:-2px}.video-card:hover video{transform:scale(1.04)}.video-play{width:44px;height:44px;color:var(--text);transition:background .3s var(--ease), border-color .3s var(--ease), color .3s var(--ease);background:#040a068c;border:1px solid #eef5ee66;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:14px;left:14px}.video-play svg{width:16px;height:16px;margin-left:2px}.video-card:hover .video-play,.video-card:focus-visible .video-play,.video-billboard:hover .video-play,.video-billboard:focus-visible .video-play{background:var(--lime);border-color:var(--lime);color:var(--bg)}.video-billboard{aspect-ratio:5;border:0;border-block:1px solid var(--glass-border);background:var(--bg-2);cursor:pointer;width:100%;transition:border-color .3s var(--ease);margin-top:48px;padding:0;display:block;position:relative;overflow:hidden}.video-billboard:hover{border-color:var(--lime)}.video-billboard:focus-visible{outline:2px solid var(--lime);outline-offset:-2px}.video-billboard video{object-fit:cover;object-position:50% 45%;width:100%;height:100%;position:absolute;inset:0}.video-billboard .video-play{z-index:1}.video-modal{z-index:300;-webkit-backdrop-filter:blur(16px)saturate(1.1);background:#0308058c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.video-modal-frame{border-radius:28px;padding:10px;position:relative}.video-modal-frame video{background:#000;border-radius:20px;max-width:min(1100px,100vw - 68px);max-height:calc(100dvh - 170px);display:block}.video-modal-close{position:absolute;bottom:calc(100% + 12px);right:0}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}.case-nav{border-top:1px solid var(--glass-border);padding:48px 0}.case-nav-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.case-nav .case-back{margin:0}.case-next{transition:border-color .3s var(--ease);flex-direction:column;gap:4px;padding:20px 28px;display:flex}.case-next .tag{margin:0}.case-next-name{letter-spacing:-.02em;font-size:24px;font-weight:800}.case-next:hover{border-color:var(--lime)}@media (width<=760px){.case-split{grid-template-columns:1fr}.case-split.is-reversed .case-media{order:0}.case-intro-skip{bottom:16px;right:16px}.video-billboard .video-play{width:36px;height:36px;bottom:10px;left:10px}.video-modal{padding:16px}.video-modal-frame video{max-width:calc(100vw - 52px)}}@media (width<=1024px){.process-grid{grid-template-columns:repeat(2,1fr)}.project{grid-column:span 6}.project-wide{grid-column:span 12}.project-media{aspect-ratio:16/10;height:auto}.project-wide .project-media{aspect-ratio:16/8;height:auto}}@media (width<=760px){.container{width:calc(100% - 32px)}.about-grid,.feedback-grid,.process-grid{grid-template-columns:1fr}.process-card{min-height:0}.process-n{padding-bottom:32px}.portfolio-grid>*{grid-column:1/-1!important}.project-wide .project-media{aspect-ratio:16/10}.card{padding:26px}.hero:before{background:linear-gradient(#03080580,#030805bf)}.header .btn-arrow{display:none}.header .btn-small{padding:9px 14px;font-size:13px}.logo-gusia{height:24px}.section-head:before,.about-copy:before{inset:-40px -16px}.footer-inner{flex-direction:column;align-items:flex-start}}