/* A coherent directory, clear reading hierarchy and restrained motion. */
#header{position:fixed;transition:background .35s,border-color .35s,box-shadow .35s}#header.scrolled{background:#101110ed;backdrop-filter:blur(18px);border-color:#dec18d28;box-shadow:0 8px 32px #0002}#header nav a[aria-current=location]{color:var(--gold)}.reading-progress{position:fixed;top:0;left:0;height:2px;background:var(--gold);width:100%;transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none}.service-shortcuts{gap:0;padding:0 5%;flex-wrap:wrap}.service-shortcuts a{flex:1 1 160px;text-align:center;padding:25px 10px;font-size:10px;letter-spacing:.08em;transition:color .25s,background .25s}.service-shortcuts a:hover{color:var(--gold);background:#dec18d08}.portfolio-tools{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}.portfolio-search{display:flex;flex-direction:column;gap:9px;min-width:0;width:min(460px,100%)}.portfolio-search>span{font-size:12px;color:var(--gold)}.portfolio-search input{width:100%;min-height:48px;border:1px solid #ffffff35;background:#191b17;color:var(--text);padding:12px 16px;border-radius:3px;font:inherit;font-size:14px}.portfolio-search input::placeholder{color:#9fa295}.portfolio-search input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.portfolio-help{font-size:12px;color:var(--muted);padding-bottom:12px}.filters{gap:23px;overflow:visible;flex-wrap:wrap}.filters sup{color:#858a7e;font-size:9px}.project-meta{display:block}.project-meta h3{font-size:25px;line-height:1.3;max-width:95%}.project-meta p{margin-top:7px;font-size:11px;letter-spacing:.025em}.project-excerpt{font-size:13px;line-height:1.8;color:var(--muted);margin:13px 0 10px;max-width:620px}.case-study-link{font-size:12px;color:var(--gold);display:inline-flex;align-items:center;gap:18px;border-bottom:1px solid #dec18d55;padding:6px 0}.case-study-link span{transition:transform .3s}.case-study-link:hover span{transform:translate(3px,-3px)}.project-empty{padding:35px;border:1px solid var(--line);font-size:15px;color:var(--muted)}.project .badge{max-width:calc(100% - 34px);white-space:normal;text-transform:uppercase;font-size:9px;letter-spacing:.08em}.expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.expertise-card{border:1px solid var(--line);background:#171915;min-width:0;overflow:hidden}.expertise-card>a{height:100%;display:flex;flex-direction:column}.expertise-image{position:relative;overflow:hidden}.expertise-image img{aspect-ratio:1.5;object-fit:cover;width:100%;height:auto;transition:transform .65s var(--ease),filter .65s}.expertise-card:hover img{transform:scale(1.045);filter:brightness(1.1)}.expertise-number{position:absolute;bottom:14px;left:16px;background:#101110c9;padding:3px 10px;color:var(--gold);font-size:11px;border:1px solid #ffffff30}.expertise-copy{padding:22px;display:flex;flex-direction:column;flex:1}.expertise-copy h3{font-size:23px;line-height:1.3;letter-spacing:-.02em;display:flex;justify-content:space-between;gap:15px;margin-bottom:14px}.expertise-copy h3>span{color:var(--gold)}.expertise-copy p{font-size:13px;line-height:1.85;color:var(--muted);margin-bottom:24px}.expertise-copy>.text-link{margin-top:auto;align-self:flex-start;font-size:11px;color:var(--gold)}.section{position:relative}.section.phase::before{content:'';position:absolute;top:0;inset-inline-start:8%;width:65px;height:1px;background:var(--gold);transform:scaleX(.2);opacity:.3;transform-origin:left;transition:transform 1s var(--ease),opacity 1s}.section.phase.phase-visible::before{transform:scaleX(1);opacity:.8}.studio-signature{border-top:1px solid var(--line)}.gallery-bottom{margin-top:32px}#visitors{border-top:1px solid var(--line);padding:32px 8%}#visitors .visitor-number{font-size:35px}footer{align-items:flex-start;flex-wrap:wrap}.footer-nav{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;padding-top:8px}footer>div{padding-top:8px}.card-reveal{transition:opacity .6s var(--ease),translate .6s var(--ease);transition-delay:var(--reveal-delay,0ms)}.card-reveal.card-pending{opacity:0;translate:0 22px}.motion-off .card-pending,.motion-off .will-reveal{opacity:1!important;translate:none!important;transform:none!important}dialog[open]{animation:dialog-arrive .25s var(--ease)}.project-actions{flex-wrap:wrap}.dialog-details h2{line-height:1.25}.image-toolbar a{white-space:nowrap}.hero-content{animation:hero-arrive .85s var(--ease) both}.hero .hero-copy{max-width:660px}
@keyframes hero-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes dialog-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
html[dir=rtl] .project button{text-align:right}html[dir=rtl] .expertise-copy h3{letter-spacing:0;line-height:1.6}html[dir=rtl] .service-shortcuts a{letter-spacing:0}html[dir=rtl] .project-meta h3{line-height:1.6}html[dir=rtl] .expertise-number{left:auto;right:16px}
@media(max-width:1100px){#header>nav{display:none}.menu-toggle{display:flex}.expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-meta h3{font-size:22px}.service-shortcuts a{flex-basis:30%}.section.phase::before{inset-inline-start:6%}}
@media(max-width:700px){.portfolio-tools{display:block}.portfolio-search{width:100%}.portfolio-help{margin-top:12px;padding:0}.filters{column-gap:20px;row-gap:5px}.filters button{font-size:11px;padding:8px 0 12px}.project-meta h3{font-size:23px}.project-excerpt{font-size:12px}.expertise-grid{grid-template-columns:1fr;gap:22px}.expertise-copy{padding:22px}.expertise-image img{aspect-ratio:1.9}.service-shortcuts{display:grid;grid-template-columns:1fr 1fr;padding:0 6%}.service-shortcuts a{padding:17px 8px;text-align:start!important;font-size:9px;border-bottom:1px solid #ffffff10}.section.phase::before{inset-inline-start:7%}.hero-copy{font-size:15px}.hero-content{padding-top:185px}.hero-actions{gap:20px}.project .badge{font-size:8px}.footer-nav{width:100%;gap:18px;display:flex!important}footer>div{margin:0!important}.image-toolbar #fullImage{font-size:11px}.project-actions .button{flex:1 1 180px}.hero{min-height:760px}#visitors{padding:28px 7%}.portfolio-tools{margin-bottom:20px}.expertise-copy h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-content,dialog[open]{animation:none}.card-reveal.card-pending{opacity:1;translate:none}.section.phase::before{transform:none;opacity:.8}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}