*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#743D2B;--ink:#FADDBA;--neon:#D4FF00;--green:#5FB870;--mid:#E09A6A;--lt:#9B6845;--rule:#5C2E18;--dark:#4A2518;--display:'Syne',sans-serif;--body:'Outfit',sans-serif;--mono:'DM Mono',monospace}html{background:var(--dark)}body{background:var(--bg);color:var(--ink);font-family:var(--body);max-width:1200px;margin:0 auto;box-shadow:0 0 80px rgba(0,0,0,0.5)}.page{display:none}.page.active{display:block}footer{border-top:3px solid var(--neon);background:#5C2E18;padding:20px 56px;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-logo{font-family:var(--display);font-size:13px;font-weight:700;color:var(--neon)}.footer-cheeky{font-family:var(--mono);font-size:10px;color:var(--lt);font-style:italic;letter-spacing:0.06em}.footer-contact{font-family:var(--mono);font-size:10px;color:var(--mid);text-align:right;line-height:1.8}.footer-contact a{color:var(--neon);text-decoration:none}@media (max-width:768px){footer{padding:18px 28px;flex-wrap:wrap;gap:12px}.footer-cheeky{order:3;width:100%;text-align:center}}@media (max-width:480px){footer{flex-direction:column;align-items:flex-start;padding:18px 20px}.footer-contact{text-align:left}}
nav{display:flex;justify-content:space-between;align-items:center;padding:24px 56px;border-bottom:1px solid var(--rule);position:sticky;top:0;background:var(--bg);z-index:100}.nav-logo{font-family:var(--display);font-size:18px;font-weight:800;color:var(--neon);letter-spacing:-0.02em;cursor:pointer}.nav-logo span{font-weight:300}.nav-links{display:flex;gap:32px;list-style:none;align-items:center}.nav-links a{font-family:var(--mono);font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--mid);text-decoration:none;transition:color 0.2s;cursor:pointer}.nav-links a:hover,.nav-links a.active{color:var(--neon)}.nav-cta{font-family:var(--mono);font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--dark);background:var(--neon);padding:8px 16px;border-radius:2px;text-decoration:none;cursor:pointer;white-space:nowrap}@media (max-width:768px){nav{padding:18px 28px;gap:16px;flex-wrap:wrap}.nav-links{gap:20px}}@media (max-width:480px){nav{padding:16px 20px}.nav-logo{font-size:16px}.nav-links{gap:16px;order:3}.nav-links a{font-size:10px;letter-spacing:0.1em}.nav-cta{order:2;margin-left:auto}}
.hero{padding:84px 56px 68px;border-bottom:1px solid var(--rule);max-width:760px}.hero-eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--green);margin-bottom:28px;display:flex;align-items:center;gap:12px}.hero-eyebrow::before{content:'';width:24px;height:1px;background:var(--green);display:inline-block}.hero-tagline{font-family:var(--display);font-size:clamp(26px,3.5vw,42px);font-weight:400;font-style:italic;line-height:1.2;color:var(--ink);margin-bottom:24px;letter-spacing:-0.01em}.hero-positioning{font-family:var(--body);font-size:clamp(19px,2.4vw,27px);font-weight:300;color:var(--ink);line-height:1.5;letter-spacing:-0.01em;margin-bottom:34px}.hero-positioning strong,.hero-positioning b{font-weight:500;color:var(--neon)}.hero-pills{display:flex;gap:8px;flex-wrap:wrap}.hero-pill{font-family:var(--mono);font-size:9px;letter-spacing:0.12em;text-transform:uppercase;color:var(--dark);background:var(--neon);padding:5px 12px;border-radius:2px}.work-header{padding:40px 56px 28px;display:flex;justify-content:space-between;align-items:center;gap:16px}.work-title{font-family:var(--display);font-size:13px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--green)}.work-filter{display:flex;gap:8px}.filter-btn{font-family:var(--mono);font-size:9px;letter-spacing:0.1em;text-transform:uppercase;padding:5px 14px;border:1px solid var(--rule);border-radius:20px;color:var(--lt);cursor:pointer;transition:all 0.2s;background:transparent}.filter-btn.active,.filter-btn:hover{border-color:var(--neon);color:var(--neon)}.project-grid{padding:0 56px 64px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project-card{cursor:pointer;--client-color:var(--neon)}.project-card.hidden{display:none}.tile{position:relative;aspect-ratio:4 / 3;border-radius:3px;overflow:hidden;background:var(--rule)}.tile-face{position:absolute;inset:0;padding:22px;z-index:2;display:flex;flex-direction:column;justify-content:space-between;transition:opacity 0.35s ease}.tf-idx{font-family:var(--mono);font-size:11px;letter-spacing:0.14em;color:var(--lt)}.tf-name{margin-top:auto}.tf-client{display:block;font-family:var(--display);font-weight:800;font-size:clamp(22px,2.1vw,32px);line-height:1;letter-spacing:-0.02em;color:var(--client-color)}.tf-work{display:block;font-family:var(--mono);font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--green);margin-top:10px}.tile-reveal{position:absolute;inset:0;opacity:0;z-index:1;transition:opacity 0.35s ease}.tile-reveal img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.05);transition:transform 0.5s ease}.tile-reveal::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(30,10,2,0.9),rgba(30,10,2,0.1) 58%,rgba(30,10,2,0) 82%)}.tile-meta{position:absolute;left:22px;right:22px;bottom:20px;z-index:2}.tm-client{display:block;font-family:var(--mono);font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--neon);margin-bottom:6px}.tm-work{display:block;font-family:var(--display);font-size:19px;font-weight:700;color:var(--ink);line-height:1.15}.tm-loc{display:block;font-family:var(--body);font-size:12px;color:var(--mid);margin-top:3px}.project-card:hover .tile-face,.project-card:focus-visible .tile-face{opacity:0}.project-card:hover .tile-reveal,.project-card:focus-visible .tile-reveal{opacity:1;z-index:3}.project-card:hover .tile-reveal img{transform:scale(1)}.project-card:focus-visible{outline:2px solid var(--neon);outline-offset:3px}@media (hover:none){.tile-face{opacity:0}.tile-reveal{opacity:1;z-index:3}.tile-reveal img{transform:scale(1)}}.modal-overlay{position:fixed;inset:0;background:rgba(30,10,2,0.88);z-index:500;display:none;align-items:flex-end;justify-content:center;backdrop-filter:blur(4px)}.modal-overlay.open{display:flex;animation:fadeIn 0.25s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal{background:var(--bg);width:100%;max-width:1200px;max-height:92vh;overflow-y:auto;border-radius:8px 8px 0 0;border-top:3px solid var(--neon);animation:slideUp 0.3s ease}@keyframes slideUp{from{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-inner{padding:0 56px 56px}.modal-close{position:sticky;top:0;display:flex;justify-content:flex-end;padding:16px 0;background:var(--bg);border-bottom:1px solid var(--rule);margin-bottom:36px;z-index:10}.modal-close-btn{font-family:var(--mono);font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--lt);cursor:pointer;padding:6px 14px;border:1px solid var(--rule);border-radius:2px;background:transparent;transition:all 0.2s}.modal-close-btn:hover{color:var(--ink);border-color:var(--mid)}.modal-header{margin-bottom:28px}.modal-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.modal-tag{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--green);border:1px solid rgba(95,184,112,0.4);padding:3px 10px;border-radius:1px}.modal-title{font-family:var(--display);font-size:32px;font-weight:700;color:var(--neon);line-height:1.1;margin-bottom:6px}.modal-location{font-family:var(--body);font-size:13px;color:var(--lt)}.modal-video-wrap{display:block;position:relative;margin-bottom:20px;border-radius:2px;overflow:hidden;background:#000;text-decoration:none;cursor:pointer}.modal-video-wrap.regular{aspect-ratio:16 / 9}.modal-video-wrap.shorts{aspect-ratio:9 / 16;max-width:340px;margin-left:auto;margin-right:auto}.modal-video-wrap .video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.modal-video-wrap::after{content:'';position:absolute;inset:0;z-index:1;background:rgba(30,10,2,0.30);transition:background 0.2s ease}.modal-video-wrap:hover::after{background:rgba(30,10,2,0.14)}.modal-video-wrap .video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:72px;height:72px;border-radius:50%;background:var(--neon);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px rgba(0,0,0,0.45);transition:transform 0.2s ease}.modal-video-wrap .video-play::before{content:'';margin-left:5px;border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent var(--dark)}.modal-video-wrap:hover .video-play{transform:translate(-50%,-50%) scale(1.08)}.modal-video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3}.modal-video-wrap.playing::after,.modal-video-wrap.playing .video-play{display:none}.modal-images{columns:2;column-gap:10px;margin-bottom:32px}.modal-img{break-inside:avoid;margin-bottom:10px;overflow:hidden;border-radius:2px}.modal-img img{width:100%;height:auto;display:block}.carousel{position:relative;margin-bottom:32px;--slide-h:460px}.carousel-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{flex:0 0 auto;scroll-snap-align:center;background:var(--dark);border-radius:2px}.carousel-slide img{height:var(--slide-h);width:auto;max-width:100%;display:block;border-radius:2px}.carousel-arrow{position:absolute;top:calc(var(--slide-h) / 2);transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;background:rgba(30,10,2,0.6);color:var(--neon);font-size:26px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background 0.2s ease,color 0.2s ease}.carousel-arrow:hover{background:var(--neon);color:var(--dark)}.carousel-arrow.prev{left:10px}.carousel-arrow.next{right:10px}.carousel-count{position:absolute;top:14px;right:14px;z-index:3;font-family:var(--mono);font-size:11px;letter-spacing:0.08em;color:var(--ink);background:rgba(30,10,2,0.65);padding:4px 10px;border-radius:2px}.carousel-dots{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin-top:14px}.carousel-dot{width:8px;height:8px;border-radius:50%;border:none;padding:0;cursor:pointer;background:var(--rule);transition:background 0.2s ease}.carousel-dot.active{background:var(--neon)}.modal-body{display:grid;grid-template-columns:1fr 260px;gap:48px}.modal-desc{font-family:var(--body);font-size:15px;color:var(--mid);line-height:1.75}.modal-impact{font-family:var(--display);font-size:17px;color:var(--neon);margin-top:20px;display:flex;align-items:center;gap:8px}.modal-impact::before{content:'↗';font-size:13px}.modal-sidebar-label{font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:var(--green);margin-bottom:12px;display:block}.modal-sidebar-tag{font-family:var(--body);font-size:13px;color:var(--mid);padding:6px 0;border-bottom:1px solid var(--rule)}@media (max-width:768px){.hero{padding:48px 28px 44px}.work-header{padding:32px 28px 22px;flex-wrap:wrap}.project-grid{padding:0 28px 48px;grid-template-columns:repeat(2,1fr)}.modal-overlay{align-items:stretch}.modal{max-height:100vh;height:100%;border-radius:0;border-top:none}.modal-inner{padding:0 28px 40px}.modal-body{grid-template-columns:1fr;gap:28px}.modal-title{font-size:26px}}@media (max-width:480px){.hero{padding:40px 20px 36px}.work-header{padding:28px 20px 18px}.work-title{width:100%;margin-bottom:4px}.project-grid{padding:0 20px 40px;grid-template-columns:1fr}.modal-inner{padding:0 20px 32px}.modal-images{columns:1}.modal-video-wrap.shorts{max-width:100%}.carousel{--slide-h:300px}.carousel-arrow{width:38px;height:38px;font-size:22px}}
.about-page{padding:72px 56px 64px}.about-hero{margin-bottom:56px;padding-bottom:56px;border-bottom:1px solid var(--rule)}.about-hero.has-photo{max-width:none;display:grid;grid-template-columns:1fr 340px;gap:64px;align-items:start}.about-label{font-family:var(--mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--green);margin-bottom:24px;display:flex;align-items:center;gap:12px}.about-label::before{content:'';width:24px;height:1px;background:var(--green);display:inline-block}.about-heading{font-family:var(--display);font-size:clamp(32px,4vw,52px);font-weight:700;color:var(--ink);line-height:1.1;margin-bottom:28px;letter-spacing:-0.01em}.about-heading em{color:var(--neon);font-style:italic}.about-text{font-family:var(--body);font-size:15px;color:var(--mid);line-height:1.8;font-weight:300}.about-text p + p{margin-top:18px}.about-photo{width:100%;aspect-ratio:3 / 4;border-radius:2px;overflow:hidden;background:var(--rule)}.about-photo img{width:100%;height:100%;object-fit:cover;display:block}.about-photo-placeholder{width:100%;height:100%;background:var(--rule);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.about-photo-placeholder .icon{font-size:32px;opacity:0.2}.about-photo-placeholder .label{font-family:var(--mono);font-size:9px;letter-spacing:0.12em;text-transform:uppercase;color:var(--lt);opacity:0.5}.about-details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;margin-bottom:40px}.about-detail-card{background:var(--rule);padding:24px 20px}.detail-label{font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:var(--green);margin-bottom:10px}.detail-content{font-family:var(--body);font-size:13px;color:var(--mid);line-height:1.65}.detail-content strong{color:var(--ink);font-weight:500}.about-allyship{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:28px;border:1px solid var(--rule);border-left:3px solid var(--neon);border-radius:2px;align-items:center}.allyship-title{font-family:var(--display);font-size:17px;font-weight:700;color:var(--neon);margin-bottom:8px}.allyship-text{font-family:var(--body);font-size:13px;color:var(--mid);line-height:1.65}.allyship-link{font-family:var(--mono);font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--green);text-decoration:none;display:flex;align-items:center;gap:8px;margin-bottom:10px}.allyship-link::before{content:'→'}.contact-page{padding:72px 56px 80px;max-width:640px}.contact-heading{font-family:var(--display);font-size:clamp(36px,5vw,64px);font-weight:800;color:var(--neon);line-height:0.95;letter-spacing:-0.02em;margin-bottom:8px}.contact-sub{font-family:var(--display);font-size:clamp(28px,4vw,48px);font-weight:300;font-style:italic;color:var(--ink);margin-bottom:36px}.contact-text{font-family:var(--body);font-size:15px;color:var(--mid);line-height:1.7;margin-bottom:36px}.contact-detail{display:flex;align-items:baseline;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--rule);margin-bottom:14px}.contact-detail-label{font-family:var(--mono);font-size:9px;letter-spacing:0.15em;text-transform:uppercase;color:var(--green);min-width:80px}.contact-detail-value{font-family:var(--body);font-size:15px;color:var(--ink)}.contact-detail-value a{color:var(--neon);text-decoration:none}.contact-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--dark);background:var(--neon);padding:12px 24px;border-radius:2px;text-decoration:none;margin-top:24px}@media (max-width:768px){.about-page{padding:48px 28px 44px}.about-hero{grid-template-columns:1fr;gap:36px;margin-bottom:40px;padding-bottom:40px}.about-photo{max-width:340px}.about-details{grid-template-columns:1fr}.about-allyship{grid-template-columns:1fr;gap:20px}.contact-page{padding:48px 28px 60px}}@media (max-width:480px){.about-page{padding:40px 20px 40px}.contact-page{padding:40px 20px 52px}.contact-detail{flex-direction:column;gap:4px}.contact-detail-label{min-width:0}}