@font-face{font-family:DynaPuff;src:url('brand/DynaPuff.ttf') format('truetype');font-weight:400 700;font-display:swap}
body{background:#651322;color:#f4e6d4}.topbar{background:#651322;color:#f4e6d4;border-bottom-color:#b26e6e;margin:0;padding:0 4%;height:110px}.wordmark{font-size:19px;gap:14px}.wordmark small,.topbar .wordmark small{font-size:11px;letter-spacing:.025em;margin-top:6px}.topbar nav{font-size:15px}.nav-contact{font-size:15px}.hero{background:#651322;padding-top:35px}.hero-kicker{color:#e4c7b9;font-size:12px;line-height:1.7}.hero-title{color:#f5b332;font-family:DynaPuff,Arial,sans-serif;font-weight:700;text-transform:lowercase;letter-spacing:-.065em;font-size:12.6vw;line-height:1.15;margin:32px 0 48px;gap:3vw}.hero-title>span{filter:none!important;letter-spacing:inherit}.hero-title::after,.hero-title>span::before,.about::before,.contact::after{display:none!important}.hero-intro h2{font-size:clamp(28px,3.4vw,55px)}.hero-intro h2 em{color:#f5b332}.tiny{font-size:12px;letter-spacing:.08em}.intro-copy{font-size:16px;line-height:1.8;color:#e4c7b9}.text-link{font-size:15px;line-height:1.5}.hero-side-note{font-size:12px;line-height:1.7}.hero-bottom{color:#e4c7b9;font-size:12px;line-height:1.7;border-bottom-color:#a25a65}.film-top{font-size:11px}.film-bottom{background:#241b1c;font-size:23px}.film-bottom small{font-size:13px}.film-cta{font-size:13px}.play-orbit{color:#651322}.about{background:#211d1c;padding:95px 4%;isolation:auto}.about-main h2{font-size:clamp(35px,5vw,80px);line-height:1.25}.about-brand{font-family:DynaPuff,Arial,sans-serif;font-weight:600;text-transform:lowercase;display:inline-block;color:#f5b332;letter-spacing:-.04em;border-bottom:2px solid #986b30;padding-bottom:8px}.about h2 em{color:#eee1cb;text-shadow:none}.about-index{font-size:12px;color:#c4a68d}.about-columns{gap:45px}.about-lead{font-size:clamp(22px,2.1vw,34px);line-height:1.5}.about-copy{font-size:16px;line-height:1.9;color:#d9ccbc}.about-copy .text-link{color:#f5b332}.capabilities{border-top-color:#61524a}.capabilities span{font-size:13px;padding:11px 16px;border-color:#79624d}.work{background:#dba342;color:#4a1920;padding:80px 0 0}.work-intro{grid-template-columns:20% 52% 28%;padding-bottom:45px}.work-intro h2{font-size:clamp(32px,4.1vw,65px);line-height:1.12}.work-intro h2 em{color:#6c2030}.work-summary{font-size:16px;color:#5b302b;padding-left:20px}.category-nav{border-color:#70442b66;gap:10px;padding:20px 0;position:relative;z-index:2}.category-nav a{font-size:14px;line-height:1.5;padding:12px 17px;border:1px solid #70442b66;border-radius:30px;transition:background .35s,color .35s}.category-nav a.selected{background:#651322;border-color:#651322;color:#fff0db}.category-nav a:hover{background:#79283b;color:#fff0db}.collection,.collection:nth-child(even){background:#dba342;padding:35px 0 50px;color:#4a1920}.collection[hidden]{display:none!important}.collection-heading h3{font-size:33px;color:#4a1920}.collection-heading p{font-size:15px;color:#654330;max-width:650px}.collection .rail.coverflow{background:radial-gradient(ellipse at 50% 50%,#9b5b1220,transparent 70%)}.card-media img,.card-media video{object-fit:cover!important}.collection .rail.coverflow .card-media{background:#7b4c3c;border-color:#ad8047;box-shadow:0 18px 40px #4e2a1b25}.collection .rail.coverflow .card[data-active=true] .card-media{box-shadow:0 24px 45px #4e2a1b35}.card-caption h4{font-size:17px;font-weight:600;line-height:1.4}.card-caption p{font-size:13px;line-height:1.6;color:#654330}.duration{font-size:11px}.rail-hint{font-size:11px;color:#654330}.rail-line{background:#91602a66}.rail-line span{background:#651322}.case-story{padding:90px 6%;background:#6d192b;display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center}.case-visual{display:flex;gap:18px;align-items:center}.case-visual button{position:relative;border:0;padding:0;width:52%;aspect-ratio:3/4;background:#381b22;overflow:hidden;box-shadow:0 25px 45px #16050e33;transform:rotate(-5deg);transition:transform .7s}.case-visual button+button{width:43%;transform:rotate(7deg) translateY(25px)}.case-visual button:hover{transform:rotate(0) translateY(-8px)}.case-visual img{height:100%;width:100%;object-fit:cover}.case-visual button>span{position:absolute;bottom:0;left:0;right:0;background:#25191ce8;color:#f8ead8;font-size:13px;padding:14px}.case-copy h2,.ai-chapter h2{font-weight:400;font-size:clamp(34px,4vw,62px);line-height:1.15;letter-spacing:-.04em;margin:25px 0}.case-copy h2 em{color:#f5b332}.case-copy>p:not(.tiny){font-size:17px;line-height:1.9;color:#e5c8bd}.case-copy .text-link{color:#f5b332}.ai-chapter{background:#ede1ce;color:#402425;padding:90px 6%;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.ai-chapter h2 em{color:#8f3446}.ai-copy{font-size:17px;line-height:1.9}.ai-copy p:first-child{margin-top:0}.ai-tags{display:flex;gap:10px;flex-wrap:wrap;padding-top:15px}.ai-tags span{border:1px solid #ac8c70;border-radius:25px;padding:9px 14px;font-size:13px}.contact{background:#401422;color:#f4e6d4;padding-top:55px}.contact-top,.contact-bottom>p{color:#dbc4b4;font-size:14px;line-height:1.8}.contact h2{color:#f4e6d4}.contact h2 em{color:#f5b332}.contact-primary{font-size:16px;color:#401422;background:#f5b332;border-color:#f5b332;padding:17px 26px}.contact-card{border-color:#ac7c7444;background:#ffffff05;padding:22px}.contact-card>div>a{display:flex;gap:12px;align-items:center;color:#f7e8d5;font-size:17px}.service-icon{width:27px;height:27px;flex-shrink:0;fill:currentColor;color:#f5b332}.contact-card p{font-size:13px;line-height:1.7;color:#cdb7a8}.contact footer{border-color:#8d5c58;font-size:11px;line-height:1.7}.collection .rail.coverflow{height:440px}.collection[data-category=reels] .rail.coverflow{height:520px}.collection[data-category=art] .rail.coverflow{height:490px}#viewer .tiny{font-size:12px}.viewer-bottom>p{font-size:14px}.text-button{font-size:13px}
@media(max-width:1000px){.work-intro{grid-template-columns:1fr 2fr}.work-intro>.tiny{grid-column:1/-1}.work-summary{padding-left:0}.case-story{gap:6%}.case-copy>p:not(.tiny){font-size:15px}.about{grid-template-columns:20% 80%}.about-columns{gap:30px}}
@media(max-width:700px){.topbar{height:92px}.wordmark{font-size:14px;gap:8px}.wordmark small,.topbar .wordmark small{font-size:9px;max-width:130px;line-height:1.35}.topbar nav{font-size:12px;gap:15px}.nav-contact{font-size:12px}.hero-kicker{font-size:10px;gap:25px}.hero-kicker span:last-child{text-align:right}.hero-title{font-size:12.3vw;letter-spacing:-.055em;margin:28px 0 38px}.hero-intro{gap:0 20px}.hero-intro>.tiny{font-size:11px}.hero-intro h2{font-size:28px}.intro-copy{font-size:13px;line-height:1.7}.hero-intro .text-link{font-size:12px}.hero-bottom{font-size:10px;gap:30px}.hero-bottom span:last-child{text-align:right}.film-bottom{font-size:17px}.film-bottom small{font-size:11px}.film-cta{font-size:11px;gap:10px}.about{padding:55px 5%;display:block}.about-index{font-size:12px}.about-main h2{font-size:33px;line-height:1.3}.about-brand{padding-bottom:3px}.about-lead{font-size:23px}.about-copy{font-size:15px}.capabilities span{font-size:12px}.work{padding-top:55px}.work-intro{display:block;padding:0 5% 25px}.work-intro>.tiny{font-size:12px}.work-intro h2{font-size:33px;margin:20px 0}.work-summary{font-size:15px}.category-nav{margin:0 5%;gap:8px}.category-nav a{font-size:13px;padding:10px 13px}.collection-header{padding-inline:5%;gap:15px}.collection-heading h3{font-size:27px}.collection-heading p{font-size:13px;max-width:250px}.carousel-controls .icon-button{width:34px;height:34px}.collection .rail.coverflow{height:calc(42.5vw + 145px)}.collection[data-category=reels] .rail.coverflow{height:calc(73.334vw + 145px)}.collection[data-category=art] .rail.coverflow{height:calc(64vw + 145px)}.card-caption h4{font-size:15px}.card-caption p{font-size:12px}.rail-hint{font-size:10px;max-width:160px;line-height:1.6;text-align:right}.duration{font-size:10px}.case-story{padding:60px 5%;grid-template-columns:1fr;gap:50px}.case-copy h2,.ai-chapter h2{font-size:36px}.case-copy>p:not(.tiny){font-size:16px}.case-visual{max-width:500px;margin:auto}.ai-chapter{padding:55px 5%;grid-template-columns:1fr;gap:20px}.ai-copy{font-size:16px}.contact-top{font-size:11px}.contact-top span:last-child{max-width:160px}.contact h2{font-size:38px}.contact-bottom>p{font-size:15px}.contact-card{padding:18px;gap:16px}.contact-card>div>a{font-size:16px}.contact-card p{font-size:12px}.service-icon{width:25px;height:25px}.contact footer{font-size:10px}.hero-film>img,.hero-film>video{object-fit:contain!important}}
.hero-title{justify-content:center;gap:4vw}@media(max-width:700px){.hero-title{justify-content:center;gap:4vw}}
.topbar{background:#211d1c;border-bottom:1px solid #695447;color:#f4e6d4}.topbar .wordmark small{color:#ccb9a5}.topbar .nav-contact{color:#f5b332;border-color:#b68439}.topbar nav a:hover{color:#f5b332}
.category-nav{background:#291b1f;border:1px solid #5b3437;padding:26px;border-radius:18px;gap:12px;box-shadow:0 12px 28px #5b2c171c}.direction-intro{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex:0 0 100%;padding:0 0 10px}.direction-title{font-size:22px;font-weight:600;letter-spacing:-.025em;color:#fff0d8}.direction-help{font-size:13px;line-height:1.6;color:#e1c4a0}.category-nav a{display:flex;align-items:center;gap:10px;background:#f3dfb6;color:#4b1824;border:2px solid transparent;font-size:16px;font-weight:600;padding:14px 20px;box-shadow:0 2px 0 #0002;transition:background .25s,transform .25s,border-color .25s}.category-nav a:hover{background:#fff0d5;color:#4b1824;transform:translateY(-3px)}.category-nav a.selected{background:#f5b332;color:#401422;border-color:#ffe2a1;box-shadow:0 0 0 3px #f5b33225}.category-nav a.selected::before{content:'✓';font-size:17px}.category-nav a:focus-visible{outline:3px solid #fff0d5;outline-offset:4px}
@media(max-width:700px){.category-nav{margin:0 5%;padding:20px 16px;gap:10px;border-radius:14px}.direction-intro{display:block;padding-bottom:9px}.direction-title{display:block;font-size:21px;line-height:1.4}.direction-help{display:block;font-size:12px;margin-top:8px}.category-nav a{font-size:14px;padding:12px 15px;min-height:46px}.category-nav a.selected::before{font-size:15px}}
/* Liquid-glass accents and click-first gallery */
.topbar{position:sticky;top:16px;z-index:40;width:92%;max-width:1560px;margin:18px auto 0;padding:0 25px;height:86px;border:1px solid #f9e8d34d;border-radius:28px;background:linear-gradient(120deg,#ffffff1c,#ffffff08 48%,#f5b33214);backdrop-filter:blur(26px) saturate(145%);-webkit-backdrop-filter:blur(26px) saturate(145%);box-shadow:inset 0 1px 0 #fff7e766,inset 0 -1px 0 #ffffff0d,0 12px 35px #22081033;color:#fff0db;isolation:isolate}.topbar::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 1px 0 0 #fff7e72b,inset -1px 0 0 #e6b48a24}.topbar .brand-eye{width:48px;height:48px}.topbar .wordmark small{color:#ead6c2}.topbar nav{gap:30px}.topbar .nav-contact{border:1px solid #f5cc7f66;border-radius:40px;padding:13px 19px;background:linear-gradient(120deg,#ffedbd27,#ffe7ab0d);box-shadow:inset 0 1px 0 #fff3d855,0 5px 12px #2108101a;color:#ffe0a3;transition:background .3s,box-shadow .3s}.topbar .nav-contact:hover{background:#ffedbd30;box-shadow:inset 0 1px 0 #fff3d899,0 7px 18px #21081033}.topbar .nav-contact span{margin-left:20px}.hero{padding-top:38px}.hero-title.wordmark-art{display:block;line-height:0;margin:22px 0 36px;overflow:visible}.wordmark-art img{display:block;width:100%;height:auto;max-height:270px;object-fit:contain;filter:none}.category-nav{background:linear-gradient(130deg,#411c27db,#291b1fd4);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);border-color:#fff2d15c;box-shadow:inset 0 1px 0 #fff1ce66,inset 0 -1px 0 #ffe4ab12,0 15px 36px #5b2c172b}.category-nav a{background:linear-gradient(130deg,#fff3d8ef,#e7cba4d9);box-shadow:inset 0 1px 0 #fff9eb,0 4px 12px #0002}.category-nav a.selected{background:linear-gradient(130deg,#ffdb7f,#edab35);box-shadow:inset 0 1px 0 #fff0cc,0 0 0 3px #f5b33225}.contact-card{position:relative;border:1px solid #ffe8c540;border-radius:20px;background:linear-gradient(135deg,#ffffff13,#ffffff05);box-shadow:inset 0 1px 0 #fff4dd3d,inset 0 -1px 0 #ffffff08,0 12px 28px #190a151f;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}.card-open{border:1px solid #ffffffa6;background:linear-gradient(135deg,#fff9ece6,#f3dfbc8c);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);color:#541c2a;box-shadow:inset 0 1px 0 #ffffffd9,0 5px 12px #22091233;transition:transform .35s,box-shadow .35s}.collection .rail.coverflow .card .card-media{cursor:pointer;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s}.collection .rail.coverflow .card .card-media img,.collection .rail.coverflow .card .card-media video{transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .3s}.collection .rail.coverflow .card .card-media:is(:hover,:focus-visible){transform:translateY(-4px);border-color:#ffe5a5;box-shadow:0 22px 45px #40101a40,0 0 0 2px #f5b33266}.collection .rail.coverflow .card .card-media:is(:hover,:focus-visible) img,.collection .rail.coverflow .card .card-media:is(:hover,:focus-visible) video{transform:scale(1.045)}.card-media:is(:hover,:focus-visible) .card-open{transform:scale(1.15) rotate(5deg);box-shadow:inset 0 1px 0 #fff,0 6px 18px #22091255}
@media(max-width:700px){.topbar{top:10px;width:94%;margin-top:10px;height:78px;padding:0 15px;border-radius:22px}.topbar .brand-eye{width:36px;height:36px}.topbar .wordmark{font-size:13px;gap:8px}.topbar .wordmark small{font-size:8px}.topbar nav{gap:12px}.topbar .nav-contact{font-size:11px;padding:11px 13px}.topbar .nav-contact span{margin-left:9px}.hero{padding-top:28px}.wordmark-art img{max-height:none}.hero-title.wordmark-art{margin:20px 0 28px}.contact-card{border-radius:16px}}
@media(max-width:420px){.topbar nav>a:first-child{display:none}.topbar .nav-contact{font-size:12px}.topbar .wordmark{font-size:14px}.topbar .wordmark small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.collection .rail.coverflow .card .card-media:is(:hover,:focus-visible),.collection .rail.coverflow .card .card-media:is(:hover,:focus-visible) img,.collection .rail.coverflow .card .card-media:is(:hover,:focus-visible) video,.card-media:is(:hover,:focus-visible) .card-open{transform:none}}
.collection .rail.coverflow{overflow:clip}
.hero-title.wordmark-art{position:relative;aspect-ratio:6.6;overflow:hidden;line-height:0;margin:32px 0 42px}.hero-title.wordmark-art img{position:absolute;left:0;top:50%;width:100%;height:auto;max-height:none;transform:translateY(-50%)}.about-brand{font-family:Arial,sans-serif;text-transform:none;font-weight:900;letter-spacing:-.055em}
@media(max-width:700px){.hero-title.wordmark-art{margin:27px 0 35px}}
html{scroll-padding-top:120px}#home,#work,#about,#contact{scroll-margin-top:120px}
/* Lighter compositing, readable skill links, and responsive text motion. */
.hero-bottom{border-bottom:0}.capabilities{border-top:0;padding-top:12px}.capabilities a{display:inline-flex;align-items:center;border:1px solid #a78463;border-radius:30px;padding:11px 16px;font-size:13px;line-height:1.5;color:#f4e6d4;transition:background .25s,color .25s,transform .3s}.capabilities a:hover,.capabilities a:focus-visible{background:#f5b332;color:#401422;transform:translateY(-3px);border-color:#f5b332}.kinetic-heading{width:fit-content;cursor:default}.kinetic-heading>span,.kinetic-heading>em{display:inline-block;transition:transform .6s cubic-bezier(.22,1,.36,1),color .45s}.kinetic-heading:is(:hover,:focus-visible)>span{transform:translate(10px,-4px) rotate(-.6deg)}.kinetic-heading:is(:hover,:focus-visible)>em{transform:translate(-7px,5px) rotate(.7deg);color:#ffcf6b}.collection .rail.coverflow .card{will-change:auto}.collection .rail.coverflow .card[aria-hidden=true]{visibility:hidden}.topbar{backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);background:linear-gradient(120deg,#824c4de0,#5c3039d9 48%,#764735de)}.category-nav,.contact-card,.card-open,.duration,.play-orbit{backdrop-filter:none;-webkit-backdrop-filter:none}.category-nav{background:linear-gradient(130deg,#411c27,#291b1f)}.contact-card{background:linear-gradient(135deg,#ffffff13,#ffffff05)}.contact-card:has(.service-icon){contain:layout style}.hero-preview{pointer-events:none}main>section{border-top:0;border-bottom:0}.hero{margin-bottom:0}.about{margin-top:0}
@media(max-width:700px){.capabilities a{font-size:13px;padding:10px 13px}.topbar{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}
@media(prefers-reduced-motion:reduce){.kinetic-heading:is(:hover,:focus-visible)>span,.kinetic-heading:is(:hover,:focus-visible)>em{transform:none}}
/* Each word responds on its own; the sentence never moves as a single block. */
.kinetic-heading.word-motion:is(:hover,:focus-visible)>span,.kinetic-heading.word-motion:is(:hover,:focus-visible)>em{transform:none;color:inherit}.kinetic-heading.word-motion>em{color:#f5b332}.kinetic-heading.word-motion:hover>em{color:#f5b332}.motion-word{display:inline-block;position:relative;transition:transform .5s cubic-bezier(.22,1,.36,1),color .35s;outline-offset:5px;cursor:default}.word-motion>.motion-word:nth-child(1):is(:hover,:focus-visible){transform:translate(-4px,-7px) rotate(-2deg);color:#ffdda1}.word-motion>.motion-word:nth-child(2):is(:hover,:focus-visible){transform:translate(4px,-7px) rotate(2deg);color:#ffdda1}.word-motion>em>.motion-word:nth-child(1):is(:hover,:focus-visible){transform:translate(-4px,6px) rotate(-2deg);color:#ffda7d}.word-motion>em>.motion-word:nth-child(2):is(:hover,:focus-visible){transform:translate(4px,-7px) rotate(1.5deg);color:#ffda7d}.topbar{transition:transform .48s cubic-bezier(.22,1,.36,1),opacity .32s ease}.topbar.header-hidden{transform:translateY(calc(-100% - 36px));opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.word-motion .motion-word:is(:hover,:focus-visible){transform:none!important}.topbar{transition:none}}
.kinetic-heading.word-motion:is(:hover,:focus-visible)>em{color:#f5b332}
.hero-project{min-width:0}.hero-project .hero-film{width:100%;display:block}.motion-feature-label{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 14px;color:#f5b332;font-size:17px;font-weight:700;letter-spacing:.06em;line-height:1.5}.motion-feature-label>span{font-size:12px;font-weight:400;letter-spacing:.08em;color:#e4c7b9}#viewer::backdrop{background:#100b0ff2;backdrop-filter:none;-webkit-backdrop-filter:none}body:has(#viewer[open]) .topbar{backdrop-filter:none;-webkit-backdrop-filter:none}#viewer-media video{transform:none!important;filter:none!important;box-shadow:none}
@media(max-width:700px){.motion-feature-label{font-size:15px;gap:15px;margin-bottom:12px}.motion-feature-label>span{font-size:10px;max-width:130px;text-align:right}.hero-project .film-bottom{gap:15px}.hero-project .film-bottom>span:first-child{font-size:16px}.hero-project .film-bottom small{font-size:10px;line-height:1.5}.hero-project .film-cta{font-size:10px}}
/* Restrained controls: flat surfaces, balanced spacing, and explicit states. */
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}.category-nav{border:1px solid #ffffff20;border-radius:24px;background:#271d22;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;padding:28px}.direction-title{font-size:23px;font-weight:600;letter-spacing:-.035em}.direction-help{color:#bfb1a4}.category-nav a{background:#ffffff0b;color:#eee5da;font-weight:500;font-size:15px;line-height:1.4;padding:12px 18px;border:1px solid #ffffff12;border-radius:12px;box-shadow:none;transition:background .25s,color .25s,border-color .25s,transform .25s}.category-nav a:hover{background:#ffffff16;color:#fff;transform:translateY(-1px);box-shadow:none}.category-nav a.selected{background:#f1ece4;color:#251b20;border:1px solid #f1ece4;box-shadow:none}.category-nav a.selected::before{display:none}.category-nav a:focus-visible{outline-color:#e2c38e}.direction-intro{padding-bottom:14px}.icon-button{border:1px solid #48242c26;background:#48242c0a;box-shadow:none}.icon-button:hover{background:#48242c;color:#fff}.capabilities a{border-radius:12px;border-color:#ffffff20;background:#ffffff05;color:#e8ddd0}.capabilities a:hover,.capabilities a:focus-visible{background:#f1ece4;border-color:#f1ece4;color:#251b20;transform:translateY(-1px)}.contact-primary{border-radius:999px;background:#f1ece4;border-color:#f1ece4;color:#401422;font-weight:600;box-shadow:none}.topbar .nav-contact{background:#f1ece4;color:#401422;border:0;box-shadow:none;padding:12px 18px}.topbar .nav-contact:hover{background:#fff;color:#401422;box-shadow:none}.contact-card{box-shadow:none;border-color:#ffffff20;border-radius:20px;background:#ffffff05}.contact-card>div>a{font-weight:500}.service-icon{color:#e7cfaa}.card-open{box-shadow:none;background:#f1ece4;border-color:#fff9;color:#401422}.collection .rail.coverflow .card{transition:filter .3s}.collection .rail.coverflow .card:hover,.collection .rail.coverflow .card:focus-within{opacity:1!important;filter:brightness(1.06);z-index:30!important}.collection .rail.coverflow:has(.card:hover) .card:not(:hover){filter:brightness(.82)}.collection .rail.coverflow .card .card-media:is(:hover,:focus-visible){box-shadow:0 12px 30px #48242c33,0 0 0 1px #f6ead8,0 0 20px #f6ead855;border-color:#fff1da;transform:translateY(-3px)}.collection .rail.coverflow .card[data-active=false]:hover .card-caption{opacity:1}.hero-film .showcase-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.hero-film .showcase-incoming{opacity:0;z-index:1}.hero-film .play-orbit,.hero-film .film-bottom{z-index:3}.showcase-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:17px;min-height:34px}.showcase-dots{display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:30px;background:#ffffff0c}.showcase-dots button{border:0;background:#ffffff55;width:7px;height:7px;border-radius:50%;padding:0;transition:width .4s,background .4s}.showcase-dots button.active{background:#f1ece4;width:24px;border-radius:5px}.showcase-pause{border:0;border-radius:50%;width:32px;height:32px;background:#ffffff12;color:#f1ece4;display:grid;place-items:center;font-size:11px}.motion-feature-label>span:first-child{font-size:15px;font-weight:600;color:#f0d8b2;letter-spacing:.06em;text-align:left;max-width:none}.about-main h2>em{font-size:.7em;line-height:1.5}.about-brand{font-weight:650;border-bottom:0;color:#e8cda3}
@media(max-width:700px){.category-nav{padding:22px 18px;border-radius:20px}.category-nav a{font-size:14px;padding:12px 15px;border-radius:11px}.direction-title{font-size:22px}.direction-help{font-size:12px}.motion-feature-label>span:first-child{font-size:13px}.showcase-controls{margin-top:12px}.about-main h2>em{font-size:.72em}}
/* Source-quality showcase with layouts matched to the footage. */
.topbar{background:#30282c!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:inset 0 1px 0 #ffffff29,0 10px 30px #160b1426;border-color:#ffffff2e}.topbar::after{box-shadow:inset 1px 0 0 #ffffff0d,inset -1px 0 0 #ffffff0d}.topbar .wordmark small{font-size:12px;font-weight:500;letter-spacing:.07em;color:#d4c8bd}.about-main h2{line-height:1.2}.about-main h2>.about-brand{display:inline-block;margin-top:12px;font-size:.86em;letter-spacing:-.055em}.telegram-intro{gap:14px;align-items:center;border-bottom:0;padding:12px 0;width:fit-content}.telegram-intro>img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid #ffffff2b;flex-shrink:0}.telegram-intro>span:first-of-type{font-size:15px;border-bottom:1px solid #cbb69f;padding:7px 0}.telegram-intro>span:last-child{font-size:22px}.ai-work-link{display:inline-flex;align-items:center;gap:25px;margin-top:20px;padding:15px 22px;border-radius:12px;background:#402425;color:#f4e6d4;font-size:15px;line-height:1.5;transition:transform .3s,background .3s}.ai-work-link:hover{transform:translateY(-2px);background:#672b3c}.ai-work-link>span{font-size:21px}.service-icon{color:#f5b332!important}.contact-top>span:first-child{color:#e8cda3}#showcase-stage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#651322;isolation:isolate}.hero-slide{position:absolute;inset:0;display:grid;gap:10px}.hero-slide.single{grid-template-columns:1fr}.hero-slide.triple{grid-template-columns:repeat(3,minmax(0,1fr))}.showcase-tile{position:relative;min-width:0;height:100%;width:100%;padding:0;border:0;border-radius:14px;background:#651322;overflow:hidden;color:#fff;text-align:left;cursor:pointer}.showcase-tile>img,.showcase-tile>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.showcase-tile>video{opacity:0;transition:opacity .3s}.showcase-tile>video.is-playing{opacity:1}.tile-caption{position:absolute;left:0;right:0;bottom:0;background:#241b1cee;padding:20px 24px;font-size:19px;font-weight:500;line-height:1.4}.tile-caption small{display:block;margin-top:4px;color:#cdbeb1;font-size:12px;font-weight:400;line-height:1.5}.tile-play{position:absolute;right:20px;top:18px;display:grid;place-items:center;border:1px solid #ffffff8c;background:#f4eee1dd;color:#4c1d2a;width:42px;height:42px;border-radius:50%;font-size:24px;transition:transform .35s}.showcase-tile:hover .tile-play{transform:scale(1.08)}.hero-slide.triple .tile-caption{padding:14px 13px;font-size:13px}.hero-slide.triple .tile-caption small{font-size:10px}.hero-slide.triple .tile-play{width:30px;height:30px;right:10px;top:10px;font-size:18px}.showcase-tile:focus-visible{outline:2px solid #f5b332;outline-offset:-4px}
@media(max-width:700px){.topbar .wordmark small{font-size:10px}.about-main h2{font-size:34px}.telegram-intro>img{width:43px;height:43px}.telegram-intro>span:first-of-type{font-size:13px}.telegram-intro{gap:12px}.ai-work-link{font-size:14px;padding:14px 17px}.contact-top>span:first-child{max-width:170px}#showcase-stage{border-radius:12px}.hero-slide{gap:7px}.showcase-tile{border-radius:10px}.tile-caption{padding:13px 15px;font-size:15px}.tile-caption small{font-size:10px}.tile-play{right:12px;top:12px;width:34px;height:34px;font-size:20px}.hero-slide.triple .tile-caption{padding:9px 7px;font-size:10px}.hero-slide.triple .tile-caption small{display:none}.hero-slide.triple .tile-play{width:25px;height:25px;font-size:16px;right:6px;top:6px}}
.topbar .wordmark small{font-size:11px;letter-spacing:.035em;font-weight:500;color:#d9c3ab}.about-main h2{font-size:clamp(31px,4.2vw,67px);line-height:1.25}.ai-examples{background:#ede1ce;color:#402425;scroll-margin-top:120px}.ai-examples .collection{background:#ede1ce;color:#402425;padding-top:5px;padding-bottom:70px}.ai-examples .collection-heading h3{color:#402425}.ai-examples .collection-heading p{color:#715652}.ai-examples .card-caption h4{color:#402425}.ai-examples .card-caption p{color:#715652}.ai-examples .rail-hint{color:#715652}.ai-examples .collection .rail.coverflow{background:none}.ai-examples .icon-button{color:#402425;border-color:#a68b79}.ai-examples .icon-button:hover{color:#f4e6d4;background:#402425}.ai-examples .collection .card-caption{opacity:1}.ai-chapter{padding-bottom:45px}.ai-examples .rail-line{background:#bfa48d}
@media(max-width:700px){.topbar .wordmark small{font-size:9px}.about-main h2{font-size:31px}.ai-examples .collection{padding-bottom:45px}}
.portfolio-note{font-size:13px;line-height:1.75;color:#654330;max-width:280px;padding-top:15px;border-top:1px solid #69402d33;margin-top:20px}.ai-chapter{position:relative;padding-bottom:65px}.ai-examples-arrow{display:flex;align-items:center;gap:25px;width:fit-content;margin-top:32px;color:#582b36;padding:8px 0;outline-offset:8px}.arrow-label{font-size:11px;letter-spacing:.12em;font-weight:600}.ai-examples-arrow svg{width:50px;height:66px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .55s cubic-bezier(.22,1,.36,1)}.ai-examples-arrow:hover svg,.ai-examples-arrow:focus-visible svg{transform:translateY(8px)}.ai-examples{position:relative;background:#e2d2bc;padding-top:40px}.ai-examples::before{content:'';position:absolute;top:0;left:6%;right:6%;height:1px;background:#a1886c66}.ai-examples .collection{background:#e2d2bc;padding-top:25px}.contact-invitation{display:inline-flex;align-items:center;gap:7px}.typing-caret{display:inline-block;width:1.5px;height:1.1em;background:currentColor;flex-shrink:0;animation:invitation-caret 1.15s step-end infinite}@keyframes invitation-caret{0%,48%{opacity:1}49%,100%{opacity:0}}
@media(max-width:700px){.portfolio-note{font-size:12px;max-width:none;margin-top:18px}.ai-chapter{padding-bottom:40px}.ai-examples{padding-top:25px}.ai-examples-arrow{margin-top:22px;gap:20px}.ai-examples-arrow svg{width:43px;height:58px}.contact-top .contact-invitation{display:inline-flex;max-width:180px;text-align:right;justify-content:flex-end}.contact-invitation .typing-caret{height:13px}}
@media(prefers-reduced-motion:reduce){.typing-caret{animation:none;opacity:1}.ai-examples-arrow:hover svg,.ai-examples-arrow:focus-visible svg{transform:none}}
/* Neutral optical glass: translucent fill, clear rim, restrained refraction. */
.topbar{background:rgba(242,239,235,.68)!important;backdrop-filter:grayscale(1) blur(10px)!important;-webkit-backdrop-filter:grayscale(1) blur(10px)!important;border:1px solid #ffffff8c;border-radius:26px;box-shadow:inset 0 1px 0 #ffffffe6,inset 0 -1px 0 #ffffff55,inset 1px 0 0 #ffffff80,inset -1px 0 0 #ffffff40,0 8px 26px #160b141a!important;color:#29252b}.topbar::after{inset:1px;border:1px solid #ffffff30;border-radius:inherit;box-shadow:inset 0 2px 3px #fff6,inset 0 -2px 3px #ffffff0d}.topbar .wordmark small{color:#62555d}.topbar nav>a{color:#302a30}.topbar nav>a:hover{color:#762b3c}.topbar .nav-contact{background:#ffffff6e;color:#302a30;border:1px solid #ffffffa6;box-shadow:inset 0 1px 0 #fff9,0 2px 7px #3a27320a}.topbar .nav-contact:hover{background:#ffffffb8;color:#302a30;box-shadow:inset 0 1px 0 white,0 3px 10px #3a27321a}.topbar.header-hidden{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.category-nav{position:relative;isolation:isolate;background:rgba(246,240,226,.48);backdrop-filter:grayscale(1) blur(8px);-webkit-backdrop-filter:grayscale(1) blur(8px);border:1px solid #fff9;box-shadow:inset 0 1px 0 #ffffffe6,inset 0 -1px 0 #ffffff40,0 10px 28px #422d2012;color:#392b30}.category-nav::before{content:'';position:absolute;inset:1px;border-radius:inherit;border:1px solid #ffffff24;pointer-events:none;z-index:-1}.direction-title{color:#3b2931}.direction-help{color:#6a5553}.category-nav a{background:#ffffff26;color:#4a343a;border:1px solid #ffffff40;box-shadow:inset 0 1px 0 #ffffff55}.category-nav a:hover{background:#ffffff70;color:#35262e;box-shadow:inset 0 1px 0 #ffffffb3}.category-nav a.selected{background:#ffffffb8;color:#402530;border-color:#ffffffe6;box-shadow:inset 0 1px 0 white,0 3px 10px #482b2512}.category-nav a:focus-visible{outline-color:#762b3c}.contact-card{background:#ffffff08;border-color:#ffffff26;box-shadow:inset 0 1px 0 #ffffff26,inset 1px 0 0 #ffffff0a,0 5px 18px #10090c12}.contact-card>div>a{color:#f5e8d6}.contact-primary{background:#f8f0e1d9;border:1px solid #ffffffad;box-shadow:inset 0 1px 0 white,0 4px 12px #16091112}.showcase-pause{background:#ffffff18;border:1px solid #ffffff26;box-shadow:inset 0 1px 0 #ffffff2b}
@supports not (backdrop-filter:blur(1px)){.topbar{background:#e1dcd8!important}.category-nav{background:#e6d2ab}}
@media(max-width:700px){.topbar{border-radius:22px;backdrop-filter:grayscale(1) blur(7px)!important;-webkit-backdrop-filter:grayscale(1) blur(7px)!important}.category-nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:#eee1c9a6}}
/* Open navigation, with a discreet neutral surface only after scrolling. */
.topbar.is-open-header{width:92%;max-width:1560px;padding:0;height:82px;border:0;border-radius:0;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;color:#f4e6d4;transition:transform .48s cubic-bezier(.22,1,.36,1),opacity .32s,background-color .3s,color .3s}.topbar.is-open-header::after{display:none}.topbar.is-open-header .wordmark{color:#f4e6d4}.topbar.is-open-header .wordmark small{color:#d2bdb4}.topbar.is-open-header nav>a{color:#f1e4d7}.topbar.is-open-header nav>a:hover{color:#f5b332}.topbar.is-open-header .nav-contact{background:#f1ece4;color:#402530;border:0;box-shadow:none;padding:12px 19px;border-radius:999px}.topbar.is-open-header .nav-contact:hover{background:#fff;color:#402530}.topbar.is-open-header.is-scrolled{padding:0 22px;border-radius:18px;background:#efebe6f2!important;box-shadow:0 8px 25px #1b0c1214!important}.topbar.is-open-header.is-scrolled .wordmark{color:#30272c}.topbar.is-open-header.is-scrolled .wordmark small{color:#77666e}.topbar.is-open-header.is-scrolled nav>a{color:#403039}.topbar.is-open-header.is-scrolled nav>a:hover{color:#8c344a}.topbar.is-open-header.is-scrolled .nav-contact{background:#30272c;color:#f4e6d4}.topbar.is-open-header.is-scrolled .nav-contact:hover{background:#542a3c;color:#fff}.topbar.is-open-header nav{gap:30px}.showcase-frame{position:relative;min-width:0}.showcase-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:36px;height:36px;padding:0;display:grid;place-items:center;border:1px solid #ffffffa6;border-radius:50%;background:#f3eee6eb;color:#4e3640;box-shadow:0 3px 10px #23101c1a;transition:background .25s,box-shadow .25s,opacity .25s}.showcase-arrow svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.showcase-arrow-prev{left:-16px}.showcase-arrow-next{right:-16px}.showcase-arrow:hover:not(:disabled){background:#fff;box-shadow:0 4px 15px #23101c33}.showcase-arrow:disabled{opacity:.55;cursor:default}.showcase-arrow:focus-visible{outline:2px solid #f5b332;outline-offset:4px}
@media(max-width:700px){.topbar.is-open-header{width:92%;height:72px;padding:0}.topbar.is-open-header.is-scrolled{padding:0 13px;border-radius:16px}.topbar.is-open-header nav{gap:16px}.topbar.is-open-header .nav-contact{padding:11px 15px}.showcase-arrow{width:31px;height:31px}.showcase-arrow svg{width:18px;height:18px}.showcase-arrow-prev{left:-12px}.showcase-arrow-next{right:-12px}}
@media(prefers-reduced-motion:reduce){.topbar.is-open-header{transition:none}}
.about-title-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,230px);gap:28px;align-items:center;margin-bottom:58px}.about-title-layout h2{margin:0;font-size:clamp(32px,3.6vw,58px)}.logo-orbit{width:100%;aspect-ratio:1;background:transparent;pointer-events:none}.logo-orbit video{display:block;width:100%;height:100%;object-fit:contain;background:transparent;filter:none;box-shadow:none;border:0}
@media(max-width:700px){.about-title-layout{grid-template-columns:minmax(0,1fr) 130px;gap:16px;margin-bottom:35px}.about-title-layout h2{font-size:31px}}
@media(max-width:420px){.about-title-layout{grid-template-columns:minmax(0,1fr) 100px;gap:10px}.about-title-layout h2{font-size:27px}.about-title-layout h2>.about-brand{font-size:.83em}}
/* One continuous clear-glass surface at every scroll position. */
.topbar.is-open-header,.topbar.is-open-header.is-scrolled{padding:0 24px;border:1px solid rgba(255,255,255,.28);border-radius:23px;background:rgba(255,255,255,.035)!important;backdrop-filter:blur(14px) saturate(110%)!important;-webkit-backdrop-filter:blur(14px) saturate(110%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -1px 0 rgba(255,255,255,.08),inset 1px 0 0 rgba(255,255,255,.1),0 5px 20px rgba(18,9,14,.08)!important;color:#fff1e0;transition:transform .48s cubic-bezier(.22,1,.36,1),opacity .32s ease}.topbar.is-open-header::after,.topbar.is-open-header.is-scrolled::after{display:block;content:'';position:absolute;inset:1px;border:1px solid rgba(255,255,255,.055);border-radius:inherit;box-shadow:inset 0 1px 2px rgba(255,255,255,.16);pointer-events:none}.topbar.is-open-header .wordmark,.topbar.is-open-header.is-scrolled .wordmark{color:#fff1e0;text-shadow:0 1px 6px rgba(20,8,15,.5)}.topbar.is-open-header .wordmark small,.topbar.is-open-header.is-scrolled .wordmark small{color:#f0dfd0;text-shadow:0 1px 5px rgba(20,8,15,.55)}.topbar.is-open-header nav>a,.topbar.is-open-header.is-scrolled nav>a{color:#fff1e0;text-shadow:0 1px 6px rgba(20,8,15,.6)}.topbar.is-open-header nav>a:hover,.topbar.is-open-header.is-scrolled nav>a:hover{color:#ffdc99}.topbar.is-open-header .nav-contact,.topbar.is-open-header.is-scrolled .nav-contact{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.3);color:#fff1e0;box-shadow:inset 0 1px 0 rgba(255,255,255,.18);text-shadow:0 1px 5px rgba(20,8,15,.4)}.topbar.is-open-header .nav-contact:hover,.topbar.is-open-header.is-scrolled .nav-contact:hover{background:rgba(255,255,255,.18);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}.topbar.is-open-header.header-hidden{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body:has(#viewer[open]) .topbar.is-open-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@media(max-width:700px){.topbar.is-open-header,.topbar.is-open-header.is-scrolled{padding:0 14px;border-radius:20px;backdrop-filter:blur(9px) saturate(110%)!important;-webkit-backdrop-filter:blur(9px) saturate(110%)!important}.topbar.is-open-header.header-hidden{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
/* Softer glass rims and a continuous slide instead of a fast fade. */
.topbar.is-open-header,.topbar.is-open-header.is-scrolled{border-color:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(255,255,255,.025),0 5px 20px rgba(18,9,14,.05)!important;transition:transform .95s cubic-bezier(.25,.1,.25,1),opacity .7s ease}.topbar.is-open-header::after,.topbar.is-open-header.is-scrolled::after{border-color:rgba(255,255,255,.025);box-shadow:inset 0 1px 2px rgba(255,255,255,.06)}.topbar.is-open-header.header-hidden{opacity:1;transform:translateY(calc(-100% - 36px));backdrop-filter:blur(14px) saturate(110%)!important;-webkit-backdrop-filter:blur(14px) saturate(110%)!important}
/* A single composed author chapter, rather than a remote heading and logo. */
.about{display:block;padding:85px 6% 80px}.about-index{max-width:1240px;margin:0 auto 35px}.about-main{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);column-gap:70px;row-gap:30px}.about-title-layout,.about-columns{display:contents}.about-title-layout h2{grid-column:1;grid-row:1;margin:0;font-size:clamp(34px,3.7vw,59px);line-height:1.22;letter-spacing:-.045em}.about-title-layout h2>.about-brand{font-size:.9em;margin-top:10px}.about-lead{grid-column:1;grid-row:2;font-size:25px;line-height:1.55;margin:0;color:#d5c4b4}.logo-orbit{grid-column:2;grid-row:1/3;align-self:center;justify-self:center;width:min(100%,320px);aspect-ratio:1;margin:0}.about-copy{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:1fr 1fr;gap:24px 65px;margin-top:15px;font-size:16px;line-height:1.9}.about-copy>p,.about-copy>p:first-child{margin:0}.about-copy .telegram-intro{margin:0;align-self:center}.capabilities{grid-column:1/-1;grid-row:4;margin-top:10px;padding-top:10px;gap:10px}
/* Smoked glass over the ochre section, with no milky-white slab. */
.category-nav{background:rgba(43,30,37,.72)!important;border-color:rgba(255,255,255,.12);backdrop-filter:blur(9px) saturate(105%);-webkit-backdrop-filter:blur(9px) saturate(105%);box-shadow:inset 0 1px 0 #ffffff17,0 8px 25px #3d201018;color:#f4e6d4}.category-nav::before{border-color:#ffffff05}.direction-title{color:#f4e6d4}.direction-help{color:#d0bfae}.category-nav a{background:#ffffff08;color:#f0e2d2;border-color:#ffffff17;box-shadow:inset 0 1px 0 #ffffff09;transition:background .5s,color .5s,border-color .5s,transform .5s}.category-nav a:hover{background:#ffffff12;color:#fff;box-shadow:inset 0 1px 0 #ffffff13}.category-nav a.selected{background:#ffffff1f;color:#fff1d9;border-color:#ffffff36;box-shadow:inset 0 1px 0 #ffffff22}.category-nav a:focus-visible{outline-color:#e5c59d}
/* Opacity is controlled by CSS so hover can ease both in and out. */
.collection .rail.coverflow .card{opacity:var(--card-rest-opacity,1)!important;transition:opacity .75s cubic-bezier(.22,1,.36,1),filter .75s cubic-bezier(.22,1,.36,1)}.collection .rail.coverflow .card:hover,.collection .rail.coverflow .card:focus-within{opacity:1!important;filter:brightness(1.025)}.collection .rail.coverflow:has(.card:hover) .card:not(:hover){filter:brightness(.88)}.collection .rail.coverflow .card .card-media{transition:transform .8s cubic-bezier(.22,1,.36,1),box-shadow .8s cubic-bezier(.22,1,.36,1),border-color .8s ease}.collection .rail.coverflow .card .card-media img,.collection .rail.coverflow .card .card-media video{transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .55s ease}.collection .rail.coverflow .card .card-media:is(:hover,:focus-visible){transform:translateY(-2px);border-color:#f1dfbd88;box-shadow:0 14px 32px #48242c26,0 0 0 1px #f6ead87a,0 0 18px #f6ead82b}.collection .rail.coverflow .card .card-media:is(:hover,:focus-visible) img,.collection .rail.coverflow .card .card-media:is(:hover,:focus-visible) video{transform:scale(1.025)}.card-open{transition:transform .7s cubic-bezier(.22,1,.36,1),box-shadow .7s ease}.card-media:is(:hover,:focus-visible) .card-open{transform:scale(1.08);box-shadow:inset 0 1px 0 #ffffff80,0 4px 12px #22091233}
@media(max-width:700px){.about{padding:55px 5%}.about-index{margin-bottom:28px}.about-main{grid-template-columns:minmax(0,1fr) 145px;gap:22px 20px}.about-title-layout h2{grid-column:1/-1;grid-row:1;font-size:34px;max-width:100%}.about-lead{grid-column:1;grid-row:2;font-size:21px;line-height:1.55}.logo-orbit{grid-column:2;grid-row:2;width:145px}.about-copy{grid-template-columns:1fr;gap:21px;font-size:15px;margin-top:5px}.capabilities{margin-top:4px}.category-nav{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.topbar.is-open-header.header-hidden{backdrop-filter:blur(9px) saturate(110%)!important;-webkit-backdrop-filter:blur(9px) saturate(110%)!important}}
@media(max-width:420px){.about-main{grid-template-columns:minmax(0,1fr) 112px;column-gap:14px}.logo-orbit{width:112px}.about-title-layout h2{font-size:30px}.about-lead{font-size:19px}}
@media(prefers-reduced-motion:reduce){.topbar.is-open-header,.collection .rail.coverflow .card,.collection .rail.coverflow .card .card-media,.collection .rail.coverflow .card .card-media img,.collection .rail.coverflow .card .card-media video{transition:none}.collection .rail.coverflow .card .card-media:is(:hover,:focus-visible),.collection .rail.coverflow .card .card-media:is(:hover,:focus-visible) img,.collection .rail.coverflow .card .card-media:is(:hover,:focus-visible) video{transform:none}}
@media(min-width:701px){.about-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:60px}.logo-orbit{justify-self:start;width:min(100%,290px);margin-left:10px}}
@media(min-width:701px){.logo-orbit{justify-self:center;margin-left:0;width:min(100%,290px)}}
.hero-slide{background:#651322}.hero-slide.single,.hero-slide.triple{isolation:isolate}.collection .rail.soft-loop{mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}.collection .rail.soft-loop .card{transition:opacity .55s cubic-bezier(.22,1,.36,1),filter .65s ease}.collection .rail.soft-loop .card[aria-hidden=true]{visibility:hidden}.case-visual button>span{display:none}
@media(max-width:700px){.collection .rail.soft-loop{mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}}
/* Larger, quieter showcase controls. */
.showcase-arrow{width:46px;height:46px;background:#f3eee6f0;border-color:#ffffffb3;box-shadow:0 4px 14px #23101c26}.showcase-arrow svg{width:25px;height:25px;stroke-width:1.65}.showcase-arrow-prev{left:-21px}.showcase-arrow-next{right:-21px}.showcase-pause{width:38px;height:38px;font-size:13px}.portfolio-opening-note{display:flex;gap:10px;align-items:baseline;margin:-12px 0 35px;max-width:680px;font-size:13px;line-height:1.7;color:#d5bdb2}.portfolio-opening-note>span:first-child{font-size:24px;line-height:1;color:#e6c48d}.collection .rail.soft-loop .card{opacity:1!important;filter:brightness(.86)!important;transition:filter .65s cubic-bezier(.22,1,.36,1)}.collection .rail.soft-loop .card[data-active=true],.collection .rail.soft-loop .card:hover,.collection .rail.soft-loop .card:focus-within{opacity:1!important;filter:brightness(1)!important}.collection .rail.soft-loop:has(.card:hover) .card:not(:hover){filter:brightness(.83)!important}.collection .rail.soft-loop .card .card-caption,.collection .rail.soft-loop .card[data-active=false] .card-caption{opacity:1}
@media(max-width:700px){.showcase-arrow{width:39px;height:39px}.showcase-arrow svg{width:22px;height:22px}.showcase-arrow-prev{left:-15px}.showcase-arrow-next{right:-15px}.portfolio-opening-note{font-size:12px;margin:-8px 0 27px;gap:8px;max-width:100%}.portfolio-opening-note>span:first-child{font-size:21px}.showcase-pause{width:35px;height:35px}}

/* Edge controls stay outside the carousel fade mask. */
.rail-shell{position:relative;isolation:isolate}.rail-shell>.carousel-controls{position:absolute;inset:0;z-index:40;display:block;pointer-events:none}.rail-shell>.carousel-controls .icon-button{position:absolute;top:44%;transform:translateY(-50%);width:48px;height:48px;display:grid;place-items:center;pointer-events:auto;border:1px solid rgba(255,255,255,.28);background:rgba(40,25,31,.3);color:#fff1df;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #ffffff24,0 4px 18px #23101c20;font-size:24px;transition:background .3s,box-shadow .3s}.rail-shell>.carousel-controls [data-prev]{left:18px}.rail-shell>.carousel-controls [data-next]{right:18px}.rail-shell>.carousel-controls .icon-button:hover{background:rgba(40,25,31,.55);box-shadow:inset 0 1px 0 #ffffff30,0 5px 22px #23101c30}.rail-shell>.carousel-controls .icon-button:focus-visible{outline:2px solid #fff1df;outline-offset:4px}
@media(max-width:700px){.rail-shell>.carousel-controls .icon-button{width:40px;height:40px;font-size:21px}.rail-shell>.carousel-controls [data-prev]{left:8px}.rail-shell>.carousel-controls [data-next]{right:8px}}

/* Dim with a simple alpha layer, avoiding filtered 3D video surfaces. */
.collection .rail.coverflow.soft-loop .card,.collection .rail.coverflow.soft-loop .card[data-active=true],.collection .rail.coverflow.soft-loop .card:hover,.collection .rail.coverflow.soft-loop .card:focus-within,.collection .rail.coverflow.soft-loop:has(.card:hover) .card:not(:hover){filter:none!important;transition:none}
.collection .rail.soft-loop .card-media::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:#000;opacity:.14;border-radius:inherit;transition:opacity .65s cubic-bezier(.22,1,.36,1)}
.collection .rail.soft-loop .card[data-active=true] .card-media::after,.collection .rail.soft-loop .card:is(:hover,:focus-within) .card-media::after{opacity:0}
.collection .rail.soft-loop:has(.card:hover) .card:not(:hover) .card-media::after{opacity:.17}
.rail-shell>.carousel-controls .icon-button{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(40,25,31,.62)}
@media(prefers-reduced-motion:reduce){.collection .rail.soft-loop .card-media::after{transition:none}}

/* Mobile input and circular controls. */
#showcase-stage,.collection .rail{touch-action:pan-y pinch-zoom}
.rail-shell>.carousel-controls .icon-button{box-sizing:border-box;width:48px;height:48px;min-width:48px;min-height:48px;max-width:48px;max-height:48px;aspect-ratio:1;flex:none;padding:0;border-radius:50%;line-height:0;display:grid;place-items:center}
.rail-shell>.carousel-controls .icon-button svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.collection .card-caption{display:none}
.contact-top>.contact-invitation{display:block;max-width:none;text-align:right}.contact-last-word,.contact-city{white-space:nowrap}.contact-top .contact-city{max-width:none!important;text-align:inherit}.contact-last-word .typing-caret{display:inline-block;vertical-align:-.1em;margin-left:6px;width:1.5px;height:1em}
@media(max-width:700px){.contact-top{display:grid;grid-template-columns:1fr;gap:14px}.contact-top>span:first-child{max-width:none}.contact-top>.contact-invitation{text-align:left;max-width:none}.showcase-arrow{width:48px;height:48px;min-width:48px;padding:0;box-sizing:border-box}.showcase-arrow svg{width:24px;height:24px}.rail-shell>.carousel-controls [data-prev]{left:10px}.rail-shell>.carousel-controls [data-next]{right:10px}}

/* Safari hit testing: only buttons receive touches, never the composited video. */
.showcase-tile>video,.showcase-tile>img,.showcase-tile>.tile-caption{pointer-events:none}.showcase-arrow{z-index:50;pointer-events:auto;touch-action:manipulation;isolation:isolate}.showcase-arrow svg{pointer-events:none}
.rail-shell>.carousel-controls .icon-button svg,.showcase-arrow svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;display:block}
.contact-top>span:first-child,.contact-top .contact-city{max-width:none!important}.contact-city{display:inline-block;white-space:nowrap!important;word-break:keep-all;overflow-wrap:normal}
.contact-top>.contact-invitation{display:block!important;max-width:none!important}.contact-last-word{display:inline-block;white-space:nowrap!important}.contact-last-word::after{content:'';display:inline-block;width:1.5px;height:1em;margin-left:6px;vertical-align:-.1em;background:currentColor;animation:invitation-caret 1.15s step-end infinite}
@media(prefers-reduced-motion:reduce){.contact-last-word::after{animation:none}}

.kwork-reviews{background:#211d1d;color:#f4e6d4;padding:clamp(48px,7vw,106px) 5%}
.kwork-reviews-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:22px;margin-bottom:32px}
.kwork-reviews h2{font-size:clamp(32px,5vw,68px);line-height:1.04;margin:0;font-weight:500;letter-spacing:-.04em}
.kwork-reviews-link{display:inline-flex;align-items:center;gap:14px;padding:12px 18px;border:1px solid #f4e6d45c;border-radius:100px;color:inherit;text-decoration:none}
.kwork-reviews-link:hover,.kwork-reviews-link:focus-visible{background:#f4e6d4;color:#211d1d}
.kwork-reviews-grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3 - 22px);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;--review-inset:64px;scroll-padding-inline:var(--review-inset);padding:4px var(--review-inset) 14px;overscroll-behavior-x:contain}
.kwork-review{scroll-snap-align:center}
@media(max-width:1120px){.kwork-reviews-grid{grid-auto-columns:calc((100% - 24px)/2 - 14px)}}
@media(max-width:700px){.kwork-reviews-grid{--review-inset:34px;grid-auto-columns:calc(100% - 12px);gap:12px}.kwork-review-message{padding:14px}}
.kwork-review{display:grid;grid-template-columns:minmax(0,1fr)}
.kwork-review-avatar-link{display:block;width:64px;height:64px;border-radius:50%}
.kwork-review-heading .kwork-avatar{display:block;width:64px;height:64px;border-radius:50%;background-repeat:no-repeat}
.kwork-review-message{position:relative;display:flex;flex-direction:column;background:#302529;border:1px solid #f4e6d426;border-radius:16px;padding:18px}
.kwork-review-author{align-self:flex-start;color:#e6c48d;font-weight:700;font-size:clamp(20px,1.8vw,25px);line-height:1.2;text-decoration:none;overflow-wrap:anywhere}
.kwork-review-author:hover{text-decoration:underline}
.kwork-review blockquote{margin:7px 0 0;color:#fff4e8;font-size:clamp(17px,1.5vw,23px);line-height:1.45}
.kwork-review-service{margin:auto 0 0;padding-top:14px;color:#d5c4b4;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
@media(max-width:900px){.kwork-reviews-header{margin-bottom:24px}}
.kwork-avatar-1{background-image:url(brand/kwork-review-1.png);background-size:744px 140px;background-position:-26.67px -58.67px}
.kwork-avatar-2{background-image:url(brand/kwork-review-2.png);background-size:693.33px 133.33px;background-position:-17.33px -53.33px}
.kwork-avatar-3{background-image:url(brand/kwork-review-3.png);background-size:505.33px 128px;background-position:-17.33px -49.33px}

.kwork-avatar-4{background-image:url(brand/kwork-review-4.png);background-size:1172.00px 133.33px;background-position:-20.00px -54.67px}
.kwork-avatar-5{background-image:url(brand/kwork-review-5.png);background-size:1585.33px 133.33px;background-position:-20.00px -53.33px}
.kwork-avatar-6{background-image:url(brand/kwork-review-6.png);background-size:713.33px 129.33px;background-position:-25.33px -53.33px}
.kwork-avatar-7{background-image:url(brand/kwork-review-7.png);background-size:1670.67px 186.67px;background-position:-20.00px -54.67px}

.kwork-reviews-grid{position:relative}
.kwork-review-message{min-height:238px;min-width:0}
.kwork-review blockquote{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.review-expand{align-self:flex-start;margin-top:8px;padding:4px 0;border:0;background:none;color:#e6c48d;text-decoration:underline;font:inherit;font-size:13px}
.review-expand[hidden]{display:none}
/* Keep the expanded message outside the scroll container so it can overlap the next section. */
.kwork-reviews{position:relative;z-index:1}
.kwork-reviews-grid{scrollbar-width:none}
.kwork-reviews-grid::-webkit-scrollbar{display:none}
.kwork-review-overlay{position:absolute;z-index:2;box-sizing:border-box;box-shadow:0 16px 40px #0005}
.kwork-review-overlay blockquote{margin:7px 0 0;color:#fff4e8;font-size:clamp(17px,1.5vw,23px);line-height:1.45;overflow-wrap:anywhere}
.kwork-review-overlay .kwork-review-service{margin-top:auto}
@media(prefers-reduced-motion:no-preference){
  .kwork-review-overlay{animation:review-reveal .22s ease-out}
  @keyframes review-reveal{from{clip-path:inset(0 0 var(--review-extra) -8px)}to{clip-path:inset(0 0 0 -8px)}}
}

.kwork-review-author,.review-expand{color:#f5b332}

.kwork-review-heading{display:flex;align-items:center;gap:12px;min-width:0;margin-bottom:6px}
.kwork-review-heading .kwork-review-author{align-self:center;min-width:0}
.kwork-review-heading .kwork-review-avatar-link{flex:0 0 64px}

.kwork-review > .kwork-review-message{transform:scale(var(--review-scale,1));opacity:var(--review-opacity,1)}

.kwork-avatar-8{background-image:url(brand/kwork-review-8.png);background-size:458.67px 137.33px;background-position:-25.33px -58.67px}
.kwork-avatar-9{background-image:url(brand/kwork-review-9.png);background-size:1117.33px 170.67px;background-position:-32.00px -52.00px}
.kwork-avatar-10{background-image:url(brand/kwork-review-10.png);background-size:1673.33px 138.67px;background-position:-18.67px -57.33px}
.kwork-avatar-11{background-image:url(brand/kwork-review-11.png);background-size:1106.67px 128.00px;background-position:-25.33px -49.33px}
.kwork-avatar-12{background-image:url(brand/kwork-review-12.png);background-size:1101.33px 141.33px;background-position:-10.67px -52.00px}
.kwork-avatar-13{background-image:url(brand/kwork-review-13.png);background-size:1296.00px 157.33px;background-position:-25.33px -54.67px}

.rail-shell>.kwork-review-controls[hidden]{display:none}

.rail-shell>.kwork-review-controls .icon-button{width:56px;height:56px;min-width:56px;min-height:56px;max-width:56px;max-height:56px}
.rail-shell>.kwork-review-controls .icon-button svg{width:28px;height:28px}
.kwork-reviews-header .kwork-reviews-link{color:#f5b332;border-color:#f5b33280}
.kwork-reviews-header .kwork-reviews-link:hover,.kwork-reviews-header .kwork-reviews-link:focus-visible{background:#f5b332;color:#211d1d}

/* Fade just the edges instead of masking the entire moving rail. */
.collection .rail.coverflow.soft-loop{perspective:none;mask-image:none;-webkit-mask-image:none}
.collection .rail-shell{--rail-edge:#dba342}
.ai-examples .rail-shell{--rail-edge:#e2d2bc}
.collection .rail-shell::before,.collection .rail-shell::after{content:'';position:absolute;inset-block:0;width:7%;z-index:35;pointer-events:none}
.collection .rail-shell::before{left:0;background:linear-gradient(to right,var(--rail-edge),transparent)}
.collection .rail-shell::after{right:0;background:linear-gradient(to left,var(--rail-edge),transparent)}
.collection .rail.coverflow .card-media,.collection .rail.coverflow .card .card-media:is(:hover,:focus-visible){box-shadow:0 6px 14px #40101a24;transition:transform .28s ease-out,border-color .28s ease-out}
.topbar.is-open-header.header-hidden{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none}
@media(max-width:700px){.collection .rail-shell::before,.collection .rail-shell::after{width:5%}}

@media (max-width: 700px) {
  .rail-shell > .kwork-review-controls:not([hidden]) {
    position: static;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 8px;
    pointer-events: auto;
  }

  .rail-shell > .kwork-review-controls .icon-button {
    position: relative;
    inset: auto;
    transform: none;
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
  }

  .rail-shell > .kwork-review-controls .icon-button svg {
    width: 22px;
    height: 22px;
  }
}

#viewer .close-viewer {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid #fff1df50;
  background: #fff1df12;
  color: #fff1df;
}

#viewer .close-viewer svg {
  display: block;
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  pointer-events: none;
}

@media (max-width: 700px) {
  #viewer .close-viewer {
    border-color: #bc778566;
    background: #63192cbb;
    box-shadow: inset 0 1px 0 #fff1df28;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -webkit-tap-highlight-color: transparent;
  }
}

@media (max-width: 700px) and (hover: none) {
  .collection .rail .card-media {
    -webkit-tap-highlight-color: transparent;
  }

  .collection .rail.coverflow .card .card-media:is(:hover, :focus, :active):not(:focus-visible) {
    outline: none;
    border-color: #ad8047;
    box-shadow: 0 6px 14px #40101a24;
  }
}