/* Shared ORIWYN design system: all routes. */
:root{--bg:#101110;--bg-raise:#151714;--card:#151714;--card-border:#ffffff2b;--divider:#ffffff2b;--accent:#d6ef68;--accent-hover:#e6ff89;--text:#f7f7f0;--text-body:#b9bcb2;--text-body-2:#b9bcb2;--text-muted:#b0b3aa;--text-muted-2:#b0b3aa;--text-faint-2:#aeb0a8;--big-number:#30352a}body{background:var(--bg);font-family:Inter,Arial,sans-serif}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}[id]{scroll-margin-top:110px}.site-nav{padding:28px 4%;background:#101110f2;border-bottom:1px solid var(--divider)}.site-nav .logo,.home .site-nav .logo{font-family:'Instrument Serif',serif;font-style:italic;letter-spacing:-1px;font-size:21px;font-weight:400}.site-nav .links a{font-size:14px;letter-spacing:.1em;color:var(--text)}.site-nav .links a:last-child{border:1px solid #ffffff70;border-radius:40px;padding:11px 19px}.site-nav .links a.active{color:var(--accent)}.site-footer,.home .site-footer{padding:25px 4%;background:var(--bg)}.site-footer .brand{font-family:Inter,Arial,sans-serif;font-style:normal;font-size:15px}.site-footer .meta{font-size:14px}.intro p+p{margin-top:18px}.studio-link{display:inline-block;margin-top:25px}.accent-dot{color:var(--accent)}.work-top{display:flex;justify-content:space-between;gap:20px;margin-bottom:40px}.work-category{display:grid;grid-template-columns:1fr 1.55fr;gap:6%;padding:45px 0 55px;border-top:1px solid var(--divider)}.category-copy .micro{color:var(--accent)}.category-copy h2{font-size:clamp(34px,4vw,64px);font-weight:400;letter-spacing:-.045em;line-height:1.08;margin:24px 0}.category-copy p{color:var(--text-body);font-size:16px;line-height:1.65;max-width:30ch;margin-bottom:30px}.category-copy .text-link{display:inline-block}.more-disciplines{display:flex;gap:30px;flex-wrap:wrap;border-top:1px solid var(--divider);padding-top:28px;font-size:20px}.page-heading{padding:85px 4% 65px;border-bottom:1px solid var(--divider)}.page-heading .micro{color:var(--accent);font-size:13px;letter-spacing:.13em;text-transform:uppercase}.page-heading h1{font-size:clamp(40px,6.2vw,92px);font-weight:400;letter-spacing:-.055em;line-height:1.06;margin:24px 0}.page-heading p{font-size:18px;line-height:1.65;color:var(--text-body);max-width:62ch}.category-nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.category-nav a{padding:12px 20px;border:1px solid var(--divider);border-radius:99px;color:var(--text);font-size:14px}.category-nav a:hover{border-color:var(--accent);color:var(--accent)}.inner .section{padding:65px 4%;border-bottom:1px solid var(--divider)}.inner .h1,.inner .h2{font-family:Inter,Arial,sans-serif;transform:none;text-shadow:none;letter-spacing:-.045em}.inner .h2{font-size:clamp(32px,4vw,58px)}.inner .card-title,.inner .media-title,.inner .process-step .title,.inner .contact-line .value{font-family:Inter,Arial,sans-serif;font-size:23px;letter-spacing:-.02em}.inner .card-num,.inner .cat-role,.inner .process-step .num{font-family:Inter,Arial,sans-serif;font-style:normal;font-size:14px}.inner .card-desc,.inner .body-text,.inner .cat-desc,.inner .process-step .desc{font-size:16px;line-height:1.7}.inner .media-note,.inner .group-label,.inner .kicker,.inner .field label,.inner .contact-line .label,.inner .form-note{font-size:14px}.inner .card{background:transparent;border:0;border-top:1px solid var(--divider);border-radius:0;padding:30px 0!important}.inner .card:hover,.inner .media-card:hover{transform:none;box-shadow:none}.inner .media-card{background:transparent;padding:0;border:0;border-radius:0;gap:14px}.inner .grid{gap:40px 26px}.inner .media-frame{border-radius:0}.inner .media-frame img{opacity:1}.inner .play-btn i{background:var(--accent);width:52px;height:52px}.inner .cat-index{position:static;font-family:Inter,Arial,sans-serif;font-size:14px;color:var(--accent);margin-bottom:24px}.inner .cat-role{color:var(--text-muted)}.inner .btn{font-size:14px;box-shadow:none!important;transform:none!important}.inner .process{border-radius:0}.inner .field input,.inner .field textarea{background:var(--bg-raise);border:1px solid var(--divider);border-radius:0;font-size:16px}.inner .cta-band{padding:65px 4%;gap:18px}.inner .lede{font-size:18px}.inner .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.inner .contact-grid>*{min-width:0}.inner .contact-line .value{overflow-wrap:anywhere}
@media(max-width:760px){.site-nav,.home .site-nav{padding:22px 5%}.site-nav .links{visibility:hidden}.site-nav .links.open{visibility:visible;background:var(--bg);padding:20px 5%}.site-nav .links a{width:auto;min-height:44px}.work-category{grid-template-columns:1fr;gap:30px;padding:32px 0 40px}.category-copy h2{font-size:40px;margin:15px 0}.category-copy p{max-width:none;margin-bottom:15px}.page-heading{padding:55px 5% 45px}.page-heading h1{font-size:clamp(37px,9vw,60px)}.inner .section{padding:45px 5%}.inner .grid-2{grid-template-columns:1fr}.inner .process{grid-template-columns:1fr}.inner .process-step{border-right:0;border-bottom:1px solid var(--divider)}.inner .process-step:last-child{border-bottom:0}.inner .contact-grid{gap:35px}.site-footer,.home .site-footer{padding:25px 5%}.more-disciplines{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Restrained WhatsApp icon; 44px accessible touch target. */
.whatsapp-float,.home .whatsapp-float{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:35;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #ffffff45;border-radius:50%;background:#101110dc;color:#d6ef68;text-decoration:none;box-shadow:none}.whatsapp-float:hover,.home .whatsapp-float:hover{background:#242720;color:#e6ff89;border-color:#d6ef68}.whatsapp-contact{align-self:flex-start;margin-top:14px}.site-footer,.home .site-footer{padding-bottom:85px}@media(max-width:700px){.whatsapp-float,.home .whatsapp-float{right:14px;bottom:calc(14px + env(safe-area-inset-bottom))}.home .film-bottom{bottom:80px}}
/* Supplied Lumi artwork and native portrait portfolio layout. */
.home .project-image.lumi-cover{aspect-ratio:16/9}.inner .grid.portrait-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.portrait-grid .media-frame{aspect-ratio:9/16}.portrait-grid .media-frame img{width:100%;height:100%;object-fit:cover}.portrait-grid .media-frame iframe{display:block;width:100%;height:100%}.inner .portrait-grid .media-title{font-size:20px;line-height:1.4}@media(max-width:600px){.inner .grid.portrait-grid{grid-template-columns:1fr;max-width:380px;margin-inline:auto}}