/* Real identity, animated navigation, and immersive project galleries. */
.logo-window{display:block;position:relative;width:260px;aspect-ratio:1478/370;overflow:hidden;isolation:isolate}.logo-window img{position:absolute;max-width:none;width:138.5656%;height:auto;left:-19.7564%;top:-51.8919%}.brand-real{display:block;mix-blend-mode:multiply}.creative-header{height:112px;gap:25px}.header-actions{display:flex;align-items:center;gap:20px}.creative-header .quick-nav{display:flex;gap:28px}.quick-nav a{position:relative;padding:9px 0;font-size:14px}.quick-nav a:after{content:'';position:absolute;bottom:1px;left:0;width:100%;height:2px;background:var(--red);transform:scaleX(0);transform-origin:right;transition:transform .35s}.quick-nav a:hover:after,.quick-nav a[aria-current=page]:after{transform:scaleX(1);transform-origin:left}.creative-header #menu{display:flex;align-items:center;gap:20px;background:var(--ink);color:var(--paper);border:0;border-radius:40px;padding:14px 22px;cursor:pointer;font-size:14px}.menu-glyph{width:21px;height:16px;position:relative;display:block}.menu-glyph i{position:absolute;width:21px;height:2px;background:var(--red);left:0;top:4px;transition:transform .35s}.menu-glyph i:last-child{top:11px;width:14px;left:7px}.creative-menu-button:hover .menu-glyph i{transform:translateX(3px)}.creative-menu-button:hover .menu-glyph i:last-child{transform:translateX(-5px)}.footer-logo{display:block;background:white;padding:12px 16px;border-radius:3px}.footer-logo .logo-window{width:220px}.pill,.contact-top,.filter,.form-actions button,.creative-menu-button,.gallery-controls button,.menu-close,.gallery-close{transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease;position:relative}.pill:hover,.contact-top:hover{transform:translateY(-3px);box-shadow:0 8px 0 -3px #f5822060}.pill:active,.contact-top:active,.filter:active,.creative-menu-button:active,.gallery-controls button:active{transform:translateY(1px) scale(.98);box-shadow:none}.filter:hover{transform:translateY(-2px)}.creative-menu-button:hover{box-shadow:0 6px 0 -2px #f5822070}.creative-menu{inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;background:var(--red);color:var(--ink);padding:35px max(4.5%,calc((100% - 1638px)/2));overflow-y:auto}.creative-menu[open]{display:flex;flex-direction:column}.creative-menu::backdrop{background:#181818cc;backdrop-filter:blur(12px)}.menu-top,.menu-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.menu-label{font-size:12px;letter-spacing:1.5px}.menu-close,.gallery-close{border:1px solid currentColor;background:transparent;border-radius:40px;padding:9px 20px;display:flex;align-items:center;gap:20px;cursor:pointer;font-size:14px}.menu-close span,.gallery-close span{font-size:28px;line-height:1}.menu-close:hover{background:var(--ink);color:var(--paper)}.menu-body{flex:1;display:grid;grid-template-columns:1fr 1.5fr;align-items:center;gap:8%;padding:45px 0}.menu-intro>span{font-size:100px;line-height:1;display:block;animation:spin 40s linear infinite;width:min-content}.menu-intro p{font-size:clamp(27px,3vw,45px);line-height:1.15;letter-spacing:-1.5px}.menu-intro em{font-family:Georgia,serif}.menu-body nav{display:flex;flex-direction:column;gap:0;width:100%}.menu-body nav a{display:flex;align-items:center;gap:30px;border-bottom:1px solid #0004;font-size:clamp(45px,6.5vw,95px);letter-spacing:-.055em;line-height:1.16;padding:12px 0;overflow:hidden}.menu-body nav a small{font-size:12px;letter-spacing:0}.menu-body nav a span{display:inline-block;transition:transform .4s,color .3s}.menu-body nav a:hover{color:var(--ink)}.menu-body nav a:hover span{transform:translateX(20px);color:white}.menu-body nav a[aria-current=page] span{font-family:Georgia,serif;font-style:italic}.menu-bottom{border-top:1px solid #0004;padding-top:25px;font-size:14px}.menu-bottom>span{font-size:11px;letter-spacing:1px}.modal-active{overflow:hidden}.gallery-dialog{width:min(1500px,94vw);max-width:none;max-height:92dvh;padding:0;border:0;border-radius:16px;background:var(--paper);overflow:auto;overscroll-behavior:contain}.gallery-dialog::backdrop{background:#111a;backdrop-filter:blur(18px) saturate(.6)}.gallery-top{position:sticky;top:0;background:#f7f7f2ed;backdrop-filter:blur(14px);z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 30px;border-bottom:1px solid #ccc}.gallery-top>span{font-size:12px;letter-spacing:1px}.gallery-close{margin:0;font-size:13px;padding:8px 17px}.gallery-close:hover{background:var(--ink);color:var(--paper)}.gallery-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:0}.gallery-visual{background:#e7e8e1;padding:30px;min-width:0;align-self:start}.gallery-image-stage{height:min(62dvh,720px);display:grid;place-items:center;overflow:hidden;touch-action:pan-y}.gallery-dialog #gallery-image{width:100%;height:100%;max-height:100%;object-fit:contain;background:transparent;user-select:none;filter:drop-shadow(0 10px 12px #0002)}.gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 0 15px}.gallery-controls button{font-size:13px;cursor:pointer;border:1px solid #999;border-radius:30px;background:transparent;padding:10px 18px}.gallery-controls button:hover{background:var(--ink);color:var(--paper)}.gallery-controls button:disabled{opacity:.3;cursor:default;transform:none}.gallery-counter,#gallery-counter{font-size:13px;font-variant-numeric:tabular-nums}.gallery-thumbs{display:flex;gap:10px;overflow-x:auto;padding:5px 3px 10px;scrollbar-width:thin}.gallery-thumbs button{border:2px solid transparent;background:#d5d6d0;padding:4px;min-width:65px;width:65px;height:65px;cursor:pointer;border-radius:5px;flex-shrink:0}.gallery-thumbs button[aria-pressed=true]{border-color:#b65300;background:#f5822022}.gallery-dialog .gallery-thumbs img{height:100%;width:100%;object-fit:contain;background:transparent}.gallery-story{padding:45px 38px}.gallery-story h2{font-size:clamp(35px,4vw,62px);line-height:1.02;letter-spacing:-2px;margin:20px 0}.gallery-story #gallery-subtitle{font:italic 25px/1.2 Georgia,serif;color:#b65300;margin:0 0 35px}.gallery-rule{height:1px;background:#ccc;margin:30px 0}.gallery-story h3{font-size:21px;font-weight:500}.gallery-story p,.gallery-story #gallery-detail{font-size:16px;line-height:1.7;color:#555}.gallery-story #gallery-detail{margin:25px 0}.gallery-story #gallery-note{font-size:12px;line-height:1.6;border-top:1px solid #ddd;padding-top:20px;margin-top:35px}.gallery-story .pill{font-size:13px;padding:16px 22px;margin-top:20px}.gallery-thumbs[hidden],.gallery-controls button[hidden]{display:none}
@media(max-width:1000px){.creative-header .quick-nav{gap:18px}.logo-window{width:225px}.header-actions{gap:10px}.creative-header .contact-top{display:none}.gallery-layout{grid-template-columns:1.2fr 1fr}.gallery-visual{padding:20px}.gallery-story{padding:30px 25px}.gallery-story h2{font-size:40px}}
@media(max-width:700px){.creative-header{height:95px}.creative-header .quick-nav{display:none}.creative-header #menu{padding:12px 17px;gap:14px}.logo-window{width:200px}.menu-body{grid-template-columns:1fr;padding:30px 0}.menu-intro{display:none}.menu-body nav a{font-size:clamp(47px,12vw,80px);padding:20px 0}.menu-bottom{align-items:flex-start;flex-direction:column;gap:12px}.menu-label{font-size:10px;max-width:170px}.creative-menu{padding-top:25px;padding-bottom:30px}.gallery-dialog{width:96vw;max-height:94dvh;border-radius:12px}.gallery-layout{grid-template-columns:1fr}.gallery-top{padding:14px 18px}.gallery-top>span{font-size:10px;max-width:170px}.gallery-image-stage{height:53dvh}.gallery-visual{padding:20px}.gallery-story{padding:30px 25px}.gallery-story h2{font-size:43px}.gallery-controls button{font-size:12px;padding:9px 13px}.gallery-close{font-size:12px;gap:10px}.footer-logo .logo-window{width:190px}}
@media(max-width:380px){.logo-window{width:165px}.creative-header #menu{font-size:12px;padding:11px 14px}.menu-glyph{width:18px}.creative-header{gap:10px}}
@media(prefers-reduced-motion:reduce){.menu-intro>span{animation:none}.pill,.contact-top,.filter,.creative-menu-button,.quick-nav a:after,.menu-body nav a span,.menu-glyph i{transition:none}}
/* Elegant staggered letter motion, scoped to the navigation. */
.menu-body nav a .menu-roll-word,.quick-nav a .menu-roll-word{display:inline-flex;white-space:pre;transform:none!important;color:inherit;line-height:1.2;transition:none}
.menu-body nav a .menu-roll-cell,.quick-nav a .menu-roll-cell{position:relative;display:inline-block;overflow:hidden;height:1.2em;transform:none!important;color:inherit;transition:none;vertical-align:top}
.menu-roll-cell i{display:block;font-style:inherit;line-height:1.2;transition:transform .6s cubic-bezier(.22,1,.36,1);transition-delay:var(--letter-delay)}
.menu-roll-cell i+ i{position:absolute;top:100%;left:0;color:var(--paper)}
.quick-nav .menu-roll-cell i+ i{color:#ac4900}
.menu-body nav a:hover .menu-roll-word,.menu-body nav a:focus-visible .menu-roll-word{color:var(--ink)}
.menu-body nav a:hover .menu-roll-cell i,.menu-body nav a:focus-visible .menu-roll-cell i,.quick-nav a:hover .menu-roll-cell i,.quick-nav a:focus-visible .menu-roll-cell i{transform:translateY(-100%)}
.menu-body nav a small{transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s}
.menu-body nav a:hover small,.menu-body nav a:focus-visible small{transform:translateX(5px);opacity:.55}
.quick-nav a:after{transition:transform .6s cubic-bezier(.22,1,.36,1)}
@media(prefers-reduced-motion:reduce){.menu-roll-cell i{transition:none!important}.menu-body nav a small{transition:none!important}}
/* Keep the supplied mark and its placement; only its backing becomes transparent. */
.brand-real{mix-blend-mode:normal}
.footer-logo{background:transparent}