:root{color-scheme:dark;--bg:#070707;--ink:#efefef;--muted:#999;--accent:#e9ff6b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.skip{position:fixed;left:20px;top:-80px;padding:15px;background:var(--accent);color:#000;z-index:10}.skip:focus{top:12px}header{padding:32px 28px 44px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}h1{font-size:clamp(1.5rem,2.7vw,2.75rem);font-weight:800;letter-spacing:-.045em;margin:0;line-height:1.15}.brand-dot{color:var(--accent)}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 22px;padding:0 22px 64px}.site{min-width:0;display:block}.preview{position:relative;overflow:hidden;background:#202020;aspect-ratio:16/9}.preview img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease,filter .55s ease;filter:grayscale(1)}.site:hover img,.site:focus-visible img{filter:grayscale(0);transform:scale(1.035)}.caption{display:grid;grid-template-columns:1fr;column-gap:12px;padding-top:14px}h2{font-size:1rem;margin:0;font-weight:700;line-height:1.3;letter-spacing:-.02em}.caption p{font-size:.875rem;line-height:1.4;color:var(--muted);margin:5px 0 0;grid-column:1/-1}footer{border-top:1px solid #272727;margin:0 22px;padding:26px 0 32px;display:flex;gap:24px;align-items:baseline;justify-content:space-between;font-size:.8125rem;color:var(--muted)}footer p{margin:0;max-width:520px;line-height:1.5}footer>a{white-space:nowrap}footer>a:hover{color:var(--accent)}@media(min-width:1700px){.gallery{gap:58px 28px;padding-inline:28px}}@media(max-width:900px){header{padding:28px 20px 32px;grid-template-columns:1fr auto}h1{font-size:2rem}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:18px;gap:34px 18px}footer{margin-inline:18px;flex-wrap:wrap}footer p{order:3;flex-basis:100%}}@media(max-width:560px){header{padding:24px 16px 26px;gap:8px}h1{font-size:1.625rem}.gallery{grid-template-columns:1fr;padding:0 16px 40px;gap:32px}footer{margin-inline:16px}h2{font-size:1rem}.preview img{filter:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

header{display:flex;justify-content:center}
.caption{grid-template-columns:1fr}
header{display:grid;grid-template-columns:1fr auto 1fr}header h1{grid-column:2}.order-trigger{justify-self:end;display:flex;align-items:center;gap:18px;cursor:pointer;background:var(--accent);color:#080808;border:1px solid var(--accent);border-radius:999px;padding:12px 16px 12px 20px;font:600 .875rem/1.2 Arial,sans-serif;transition:background .25s,transform .25s}.order-trigger:hover{background:#fff;transform:translateY(-2px)}.order-indicator{font-size:1.3rem;line-height:1;font-weight:400;transition:transform .3s}.order-trigger:hover .order-indicator{transform:rotate(90deg)}button:focus-visible,.order-mail:focus-visible{outline:2px solid var(--accent);outline-offset:5px}body.dialog-open{overflow:hidden}.order-dialog{padding:0;border:1px solid #393939;border-radius:24px;width:min(590px,calc(100vw - 32px));max-height:calc(100dvh - 32px);background:#111;color:var(--ink);box-shadow:0 24px 120px #0009;overscroll-behavior:contain}.order-dialog[open]{animation:order-enter .35s cubic-bezier(.22,1,.36,1)}.order-dialog::backdrop{background:#000b;backdrop-filter:blur(8px);animation:order-backdrop .3s ease}.order-window{position:relative;padding:42px}.order-close{position:absolute;right:18px;top:18px;width:38px;height:38px;display:grid;place-items:center;background:#222;color:#eee;border:1px solid #3a3a3a;border-radius:50%;font-size:1.6rem;cursor:pointer;transition:background .2s,transform .2s}.order-close:hover{background:#3a3a3a;transform:rotate(90deg)}.order-eyebrow{color:var(--accent);font-size:.8125rem;letter-spacing:.08em;margin:0 0 24px}.order-dialog h2{font-size:clamp(2rem,5vw,2.75rem);line-height:1.05;letter-spacing:-.045em;margin:0 0 24px}.order-dialog #order-intro{font-size:1rem;color:#aaa;margin:0 0 8px;line-height:1.5}.order-email{font-size:clamp(1.05rem,4vw,1.5rem);color:var(--accent);line-height:1.4;text-decoration:underline;text-decoration-color:#e9ff6b55;text-underline-offset:5px;overflow-wrap:anywhere}.order-email:hover{text-decoration-color:var(--accent)}.order-dialog h3{font-size:1.125rem;margin:34px 0 18px}.order-list{padding:0 0 0 22px;margin:0 0 30px}.order-list li{padding-left:8px;margin-bottom:18px;font-size:1rem;line-height:1.5}.order-list li::marker{color:var(--accent);font-weight:600}.order-list strong{font-weight:500}.order-list p{color:#aaa;margin:7px 0 0;font-size:1rem;line-height:1.5}.order-mail{display:block;text-align:center;background:var(--accent);color:#080808;border-radius:999px;padding:16px 20px;font-size:1rem;font-weight:600;transition:background .2s,transform .2s}.order-mail:hover{background:#fff;transform:translateY(-2px)}@keyframes order-enter{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes order-backdrop{from{opacity:0}to{opacity:1}}@media(max-width:700px){header{display:flex;justify-content:space-between;gap:14px}.order-trigger{padding:11px 12px 11px 16px;gap:12px}.order-window{padding:34px 24px}.order-dialog h2{margin-top:24px}}@media(max-width:360px){header h1{font-size:1.35rem}.order-trigger{font-size:.8125rem;gap:8px;padding-left:12px}}@media(prefers-reduced-motion:reduce){.order-dialog[open],.order-dialog::backdrop{animation:none}}

.about-panel{margin:0 22px 36px;border:1px solid #303030;border-radius:18px;background:#101010;overflow:hidden;transition:border-color .35s,background .35s}.about-panel:hover,.about-panel.is-open{border-color:#5a6040}.about-toggle{border:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;gap:20px;color:var(--ink);background:transparent;cursor:pointer;text-align:left;font-family:inherit}.about-heading{display:flex;align-items:center;gap:16px;font-size:1.125rem;font-weight:600}.about-monogram{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--accent);color:#090909;font-size:1.6rem;font-weight:800;transition:transform .4s cubic-bezier(.22,1,.36,1),border-radius .4s}.about-toggle:hover .about-monogram{transform:rotate(-8deg);border-radius:16px}.about-subtitle{display:block;margin-top:5px;font-size:.8125rem;font-weight:400;color:#999}.about-plus{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:50%;border:1px solid #444;font-size:1.6rem;font-weight:300;transition:transform .5s cubic-bezier(.22,1,.36,1),color .3s,background .3s}.is-open .about-plus{transform:rotate(45deg);background:var(--accent);color:#080808;border-color:var(--accent)}.about-content{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .6s cubic-bezier(.22,1,.36,1),opacity .35s}.is-open .about-content{grid-template-rows:1fr;opacity:1}.about-overflow{min-height:0;overflow:hidden}.about-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(32px,6vw,110px);border-top:1px solid #2e2e2e;margin:0 24px;padding:40px 0 42px;transform:translateY(16px);transition:transform .6s cubic-bezier(.22,1,.36,1)}.is-open .about-inner{transform:translateY(0)}.about-kicker{font-size:.75rem;letter-spacing:.12em;color:#999;margin:0 0 24px}.about-intro h2{font-size:clamp(2.7rem,5vw,5.5rem);line-height:1.02;letter-spacing:-.06em;margin:0}.about-intro h2 span{color:var(--accent)}.about-name{font-size:1rem;color:#aaa;margin:24px 0 0}.about-story{max-width:600px}.about-story>p{font-size:1.0625rem;line-height:1.65;color:#b8b8b8;margin:0 0 20px}.about-story>p:first-child{color:#eee;font-size:1.25rem;line-height:1.55}.about-story strong{font-weight:600}.about-signoff{border-top:1px solid #303030;margin-top:28px;padding-top:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px}.about-signoff>span{font-size:1rem}.about-order{border:1px solid #56612b;border-radius:999px;color:var(--accent);background:#1c2112;padding:12px 18px;font:600 .875rem/1.3 Arial,sans-serif;cursor:pointer;transition:color .25s,background .25s,transform .25s}.about-order:hover{background:var(--accent);color:#080808;transform:translateY(-2px)}.about-toggle:focus-visible{outline-offset:-4px;border-radius:16px}@media(max-width:900px){.about-panel{margin-inline:18px}.about-inner{grid-template-columns:1fr;gap:30px}.about-intro h2 br{display:none}.about-intro h2 span{margin-left:.15em}.about-name{margin-top:16px}}@media(max-width:560px){.about-panel{margin:0 16px 28px}.about-toggle{padding:16px}.about-heading{font-size:1rem;gap:12px}.about-monogram{width:38px;height:38px;font-size:1.4rem}.about-subtitle{font-size:.75rem;line-height:1.4}.about-inner{margin-inline:18px;padding:28px 0 30px;gap:26px}.about-intro h2{font-size:2.65rem}.about-kicker{margin-bottom:18px}.about-story>p:first-child{font-size:1.125rem}.about-story>p{font-size:1rem}.about-signoff{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.about-content,.about-inner,.about-plus,.about-monogram,.about-order,.about-panel{transition:none}}

/* Bespoke split-tab actions. */
.studio-cta{--cta-fill:var(--accent);position:relative;display:inline-flex;align-items:stretch;justify-content:space-between;gap:5px;padding:0;border:0;border-radius:0;background:transparent;color:#080808;cursor:pointer;font:600 .875rem/1.2 Arial,sans-serif;text-align:left;isolation:isolate;transition:transform .25s cubic-bezier(.22,1,.36,1)}
.studio-cta:hover{background:transparent;transform:translateY(-2px)}
.cta-label{position:relative;display:flex;align-items:center;min-height:50px;padding:15px 22px;background:var(--cta-fill);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:background .3s,padding .35s cubic-bezier(.22,1,.36,1)}
.cta-label:after{content:"";position:absolute;left:22px;right:22px;bottom:9px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.cta-arrow{position:relative;width:50px;min-width:50px;overflow:hidden;background:var(--cta-fill);clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);transition:background .3s,transform .35s cubic-bezier(.22,1,.36,1)}
.cta-arrow>span{position:absolute;inset:0;display:grid;place-items:center;font-size:1.6rem;font-weight:400;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.cta-arrow>span+span{transform:translate(-100%,100%)}
.studio-cta:hover .cta-label,.studio-cta:focus-visible .cta-label{background:#fff}
.studio-cta:hover .cta-label:after,.studio-cta:focus-visible .cta-label:after{transform:scaleX(1)}
.studio-cta:hover .cta-arrow,.studio-cta:focus-visible .cta-arrow{background:#fff;transform:translateX(3px)}
.studio-cta:hover .cta-arrow>span:first-child,.studio-cta:focus-visible .cta-arrow>span:first-child{transform:translate(100%,-100%)}
.studio-cta:hover .cta-arrow>span+span,.studio-cta:focus-visible .cta-arrow>span+span{transform:translate(0,0)}
.studio-cta:active{transform:translateY(1px) scale(.97)}
.studio-cta:focus-visible{outline:2px solid var(--accent);outline-offset:7px}
.about-order{color:#080808}.order-mail{display:flex;width:100%;font-size:1rem}.order-mail .cta-label{flex:1}.order-mail .cta-arrow{width:56px;min-width:56px}.order-mail .cta-label{min-height:56px}
@media(max-width:700px){.order-trigger{font-size:.8125rem;gap:4px}.order-trigger .cta-label{padding:13px 15px;min-height:44px}.order-trigger .cta-arrow{width:44px;min-width:44px}.order-trigger .cta-label:after{left:15px;right:15px;bottom:7px}}
@media(max-width:400px){header{flex-wrap:wrap;row-gap:16px}.order-trigger{margin-left:auto}.order-trigger .cta-label{padding-inline:12px}.order-trigger .cta-arrow{width:40px;min-width:40px}}
@media(prefers-reduced-motion:reduce){.studio-cta,.cta-label,.cta-label:after,.cta-arrow,.cta-arrow>span{transition:none}}

/* Gallery actions share the studio's split-tab design. */
.visit.studio-cta{position:absolute;right:14px;bottom:14px;max-width:calc(100% - 28px);pointer-events:none;filter:drop-shadow(0 3px 9px #0004);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.visit .cta-label{min-height:44px;padding:12px 18px;font-size:.8125rem;white-space:nowrap}
.visit .cta-arrow{width:44px;min-width:44px}
.visit .cta-label:after{left:18px;right:18px;bottom:7px}
.site:hover .visit,.site:focus-visible .visit{transform:translateY(-3px)}
.site:hover .visit .cta-label,.site:focus-visible .visit .cta-label,.site:hover .visit .cta-arrow,.site:focus-visible .visit .cta-arrow{background:#fff}
.site:hover .visit .cta-label:after,.site:focus-visible .visit .cta-label:after{transform:scaleX(1)}
.site:hover .visit .cta-arrow,.site:focus-visible .visit .cta-arrow{transform:translateX(3px)}
.site:hover .visit .cta-arrow>span:first-child,.site:focus-visible .visit .cta-arrow>span:first-child{transform:translate(100%,-100%)}
.site:hover .visit .cta-arrow>span+span,.site:focus-visible .visit .cta-arrow>span+span{transform:translate(0,0)}
.site:active .visit{transform:translateY(1px) scale(.97)}
@media(max-width:560px){.visit.studio-cta{right:12px;bottom:12px;max-width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){.visit.studio-cta{transition:none}}

.language-switch{grid-column:1;justify-self:start;display:inline-flex;gap:4px;padding:4px;border:1px solid #303030;background:#111}
.language-switch button{min-height:38px;padding:8px 12px;border:0;border-radius:0;background:transparent;color:#aaa;font:600 .8125rem/1.2 Arial,sans-serif;cursor:pointer;transition:background .2s,color .2s}
.language-switch button[aria-pressed="true"]{background:var(--accent);color:#080808;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px))}
.language-switch button:hover{color:#fff}.language-switch button[aria-pressed="true"]:hover{color:#080808;background:#fff}
.cta-label{white-space:nowrap}.about-intro h2{overflow-wrap:normal;font-size:clamp(2.3rem,4.3vw,4.8rem)}
@media(max-width:900px){header{grid-template-columns:auto 1fr auto;gap:14px}header h1{justify-self:center;font-size:1.7rem}.language-switch button{padding-inline:9px}}
@media(max-width:700px){header{display:grid;grid-template-columns:1fr auto;gap:18px 12px}header h1{grid-column:1;grid-row:1;justify-self:start}.language-switch{grid-column:2;grid-row:1;justify-self:end}.order-trigger{grid-column:1/-1;grid-row:2;justify-self:end}.about-intro h2{font-size:clamp(2rem,7vw,2.65rem)}}
@media(max-width:380px){header h1{font-size:1.3rem}.language-switch button{padding-inline:7px;font-size:.75rem}.visit .cta-label{padding-inline:12px;font-size:.75rem}.visit .cta-arrow{width:40px;min-width:40px}}

.work-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:0 22px 30px;border-bottom:1px solid #303030;padding-bottom:14px}
.work-tab{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:18px 20px;border:0;background:#171717;color:#aaa;font:600 clamp(.875rem,1.5vw,1.125rem)/1.2 Arial,sans-serif;text-align:left;cursor:pointer;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);transition:background .3s,color .3s}
.work-tab[aria-selected="true"]{background:var(--accent);color:#080808}.work-tab:hover{background:#282828;color:#fff}.work-tab[aria-selected="true"]:hover{background:#fff;color:#080808}.tab-spark{font-size:1.4rem;opacity:0;transform:translate(-5px,5px);transition:opacity .3s,transform .3s}.work-tab[aria-selected="true"] .tab-spark,.work-tab:hover .tab-spark{opacity:1;transform:translate(0,0)}
.work-tab:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--accent)}.work-tab[aria-selected="true"]:focus-visible{box-shadow:inset 0 0 0 3px #fff}
.work-panel[hidden]{display:none}.work-panel:not([hidden]){animation:none}.work-panel:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}
.coming-panel{position:relative;isolation:isolate;overflow:hidden;min-height:410px;margin:0 22px 64px;padding:64px 40px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px solid #303030;background:radial-gradient(ellipse at 50% 100%,#e9ff6b0d,transparent 65%),#101010}
.coming-panel:before{content:"";position:absolute;inset:16px;border:1px solid #ffffff06;z-index:-1;pointer-events:none}.coming-panel h2{font-size:clamp(3rem,9vw,7rem);letter-spacing:-.065em;line-height:1;margin:18px 0 24px}.coming-panel p{font-size:1.125rem;color:var(--accent);margin:0 0 12px}.coming-detail{font-size:.9375rem;line-height:1.5;color:#999;max-width:360px}.coming-symbol{color:var(--accent);font-size:2.75rem;line-height:1}
@keyframes section-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.work-tabs{margin-inline:18px}.work-tab{padding:16px 14px;gap:4px}.coming-panel{margin-inline:18px}}
@media(max-width:560px){.work-tabs{margin:0 16px 24px;gap:4px;padding-bottom:10px}.work-tab{justify-content:center;padding:15px 4px;font-size:.75rem;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%)}.tab-spark{display:none}.coming-panel{margin:0 16px 40px;min-height:340px;padding:44px 24px}.coming-panel h2{font-size:4rem}}
@media(prefers-reduced-motion:reduce){.work-panel:not([hidden]){animation:none}}

@media(max-width:900px){.work-tab{padding-inline:10px}.work-tab .tab-spark{display:none}}
@media(max-width:560px){.work-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.work-tab{padding:15px 5px;font-size:.8125rem}}

.case-panel{margin:0 22px 64px}.case-intro{padding:24px 0 42px;max-width:780px}.case-eyebrow{color:var(--accent);font-size:.75rem;letter-spacing:.13em}.case-intro h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.08;letter-spacing:-.045em;margin:16px 0}.case-intro>p{color:#aaa;font-size:1rem;line-height:1.6;max-width:610px;margin:0}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-card{--project-color:#e9ff6b;min-width:0;border:1px solid #303030;background:#111;transition:border-color .3s,transform .3s}.project-card:hover{border-color:#777}.project-art{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:16/10;padding:24px;background:#d6ff65;color:#151a0a}.project-art:before,.project-art:after{content:"";position:absolute;z-index:-1;pointer-events:none;transition:transform .7s cubic-bezier(.22,1,.36,1)}.project-platform{align-self:flex-start;padding:7px 10px;border:1px solid currentColor;font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase}.project-wordmark{font-size:clamp(3.6rem,8vw,8rem);font-weight:900;line-height:.83;letter-spacing:-.075em;transition:transform .6s cubic-bezier(.22,1,.36,1)}.project-art:hover .project-wordmark{transform:translateX(8px)}.project-art-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;font-size:.625rem;letter-spacing:.12em}.project-play{display:grid;place-items:center;width:42px;height:42px;border:1px solid currentColor;font-size:1.5rem;transition:transform .4s}.project-art:hover .project-play{transform:rotate(45deg)}.project-abuse .project-art{background:#d9d8d1;color:#191919}.project-abuse .project-art:before{width:70%;height:200%;left:55%;top:-50%;background:#b8b7af66;transform:rotate(22deg)}.project-abuse .project-wordmark{font-style:italic}.project-kono .project-art{background:#ff7046;color:#29130b}.project-kono .project-art:before{width:60%;aspect-ratio:1;border:1px solid #29130b40;border-radius:50%;right:-15%;top:-25%}.project-kono .project-art:after{width:85%;aspect-ratio:1;border:1px solid #29130b30;border-radius:50%;right:-28%;top:-48%}.project-kono .project-wordmark{letter-spacing:-.09em}.project-museum .project-art{background:#b8a8ff;color:#201246}.project-museum .project-art:before{inset:0;background-image:linear-gradient(#20124612 1px,transparent 1px),linear-gradient(90deg,#20124612 1px,transparent 1px);background-size:44px 44px;transform:rotate(-12deg) scale(1.3)}.project-museum .project-wordmark{font-size:clamp(3rem,6vw,6rem);letter-spacing:-.06em}.project-msu .project-art{background:#83c1fa;color:#0c2545}.project-msu .project-art:before{width:85%;height:160%;border:1px solid #0c254530;right:-30%;top:-20%;transform:rotate(35deg)}.project-msu .project-art:after{width:85%;height:160%;border:1px solid #0c254530;right:-20%;top:-20%;transform:rotate(35deg)}.project-msu .project-wordmark{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.065em;font-size:clamp(3rem,6vw,6rem)}.project-body{padding:26px}.project-niche{font-size:.8125rem;line-height:1.4;color:#999;margin:0 0 10px}.project-body h3{font-size:clamp(1.3rem,2.4vw,1.85rem);line-height:1.15;letter-spacing:-.035em;margin:0 0 18px}.project-description{font-size:.9375rem;line-height:1.65;color:#b8b8b8;margin:0 0 22px}.project-roles{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:28px}.project-roles span{font-size:.6875rem;color:#ccc;border:1px solid #3a3a3a;padding:7px 9px}.project-link .cta-label{min-height:44px;padding:12px 16px;font-size:.8125rem}.project-link .cta-arrow{width:44px;min-width:44px}.project-link .cta-label:after{bottom:7px;left:16px;right:16px}
@media(max-width:900px){.case-panel{margin-inline:18px}.project-grid{gap:18px}.project-art{padding:18px}.project-body{padding:22px}.project-wordmark{font-size:clamp(3rem,8vw,6rem)}}
@media(max-width:620px){.project-grid{grid-template-columns:1fr}.case-panel{margin:0 16px 40px}.case-intro{padding:10px 0 28px}.project-art{aspect-ratio:16/10;padding:22px}.project-wordmark{font-size:clamp(4rem,19vw,7rem)}.project-museum .project-wordmark,.project-msu .project-wordmark{font-size:clamp(3.5rem,15vw,6rem)}.project-art-bottom{font-size:.5625rem}.project-body{padding:24px}.project-body h3{font-size:1.6rem}}

/* Real project imagery replaces the typographic cover art. */
.project-art{display:block;padding:0!important;background:#171717!important;color:#fff!important;aspect-ratio:16/10}
.project-art:before,.project-art:after{display:none}
.project-photo-back{position:absolute;inset:-12%;width:124%;height:124%;object-fit:cover;filter:blur(24px) brightness(.45);transform:scale(1.06);pointer-events:none}
.project-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:transform .65s cubic-bezier(.22,1,.36,1),filter .4s;filter:saturate(.92)}
.project-art:hover .project-photo,.project-art:focus-visible .project-photo{transform:scale(1.035);filter:saturate(1.08)}
.project-art .project-platform{position:absolute;top:18px;left:18px;padding:8px 11px;background:#090909b8;border:1px solid #ffffff45;color:#fff;backdrop-filter:blur(8px);z-index:1}
.project-image-action{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:48px;height:48px;font-size:1.6rem;color:#080808;background:var(--accent);clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);transition:transform .35s,background .35s}
.project-art:hover .project-image-action{transform:translate(2px,-2px);background:#fff}
#panel-editing .project-photo{object-position:center 52%}
@media(max-width:620px){.project-art{aspect-ratio:4/3}.project-art .project-platform{top:14px;left:14px}.project-image-action{right:14px;bottom:14px;width:44px;height:44px}}

/* Official brand marks over distinct promotional photography. */
.project-photo{object-fit:cover;object-position:center 35%}
.project-msu .project-photo{object-position:center 30%}
.project-museum .project-photo{object-position:center 30%}
#panel-editing .project-photo{object-position:center 38%}
.project-art .project-platform{left:auto;right:18px;top:18px;font-size:.625rem}
.brand-badge{position:absolute;z-index:2;left:18px;bottom:18px;display:flex;align-items:center;justify-content:center;width:136px;height:58px;padding:9px 12px;background:#fff;box-shadow:0 3px 18px #0002;transition:transform .35s}
.brand-badge img{display:block;width:100%;height:100%;object-fit:contain}
.brand-badge-abuse{width:76px;height:58px;padding:0;background:#ffdb37}.brand-badge-abuse img{object-fit:cover}
.brand-badge-kono{width:132px;height:58px;padding:0;background:#f1dab0}.brand-badge-kono img{object-fit:cover}
.brand-badge-msu{width:58px;height:58px;padding:4px}
.brand-badge-museum{width:160px}
.project-art:hover .brand-badge{transform:translateY(-2px)}
@media(max-width:620px){.brand-badge{left:14px;bottom:14px}.project-art .project-platform{right:14px;top:14px}.brand-badge-museum{width:136px;height:52px}}

/* SMM case scope: strategy, production and analysis. */
#panel-smm .project-card{display:flex;flex-direction:column}
#panel-smm .project-art{flex-shrink:0}
#panel-smm .project-body{display:flex;flex-direction:column;flex:1}
#panel-smm .project-description{margin-bottom:24px}
.smm-scope{border-top:1px solid #303030;padding-top:20px;margin:0 0 24px}
.smm-scope h4{font-size:.6875rem;letter-spacing:.11em;text-transform:uppercase;color:var(--accent);margin:0 0 16px;line-height:1.5;font-weight:600}
.smm-scope ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.smm-scope li{position:relative;padding-left:17px;font-size:.875rem;line-height:1.65;color:#aaa}
.smm-scope li:before{content:"";position:absolute;top:.65em;left:0;width:4px;height:4px;background:var(--accent)}
.smm-scope strong{font-weight:600;color:#e7e7e7}
#panel-smm .project-link{margin-top:auto;align-self:flex-start}
@media(max-width:620px){.smm-scope li{font-size:.875rem}.smm-scope ul{gap:16px}}

/* Public PR campaign studies, with visible original authors and source materials. */
.pr-reference-note{display:flex;align-items:start;gap:32px;border-block:1px solid #343434;padding:22px 0;margin:0 0 30px}
.pr-reference-note strong{font-size:.7rem;line-height:1.6;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);flex:0 0 30%;font-weight:500}
.pr-reference-note p{color:#999;font-size:.83rem;line-height:1.65;margin:0;max-width:690px}
.pr-card{display:flex;flex-direction:column;overflow:hidden}
.pr-card .project-body{display:flex;flex-direction:column;flex:1;padding:28px}
.pr-card .project-art{flex-shrink:0}
.pr-card .project-photo{object-position:center;filter:none}
.pr-cover-emka .project-photo{object-position:center 28%}
.pr-cover-moroshka .project-photo{object-position:center 55%}
.pr-brand{position:absolute;left:20px;bottom:20px;max-width:calc(100% - 100px);font-size:clamp(1.1rem,2.4vw,1.8rem);font-weight:600;letter-spacing:-.04em;background:#080808d9;color:#fff;padding:9px 14px;backdrop-filter:blur(8px)}
.pr-byline{font-size:.7rem;line-height:1.6;color:#888;margin:0 0 25px}
.pr-byline>span{display:block;margin-bottom:3px;letter-spacing:.06em;text-transform:uppercase;font-size:.61rem}
.pr-byline strong{font-weight:500;color:#ccc}
.pr-subhead,.pr-detail-content h4{font-size:.65rem;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;font-weight:500}
.pr-card .project-description{font-size:.875rem;margin:0 0 18px}
.pr-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 16px;padding:8px 0}
.pr-metrics>div{border-left:1px solid #3e3e3e;padding-left:12px}
.pr-metrics dt{font-size:clamp(1.6rem,3.3vw,2.6rem);letter-spacing:-.065em;color:#f5f5f1;line-height:1.2}
.pr-metrics dd{margin:8px 0 0;font-size:.67rem;line-height:1.5;color:#999}
.pr-note,.pr-credit{font-size:.67rem;line-height:1.65;color:#858585;margin:0 0 22px}
.pr-details{border-block:1px solid #363636;margin:0 0 26px}
.pr-details summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;cursor:pointer;font-size:.8rem;color:#ddd;transition:color .2s}
.pr-details summary::-webkit-details-marker{display:none}
.pr-details summary:hover{color:var(--accent)}
.pr-details summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.pr-plus{font-size:1.5rem;font-weight:300;transition:transform .25s;color:var(--accent)}
.pr-details[open] .pr-plus{transform:rotate(45deg)}
.pr-detail-content{padding:7px 0 22px}
.pr-actions{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:10px}
.pr-actions li{font-size:.8rem;line-height:1.6;color:#aaa;padding-left:15px;position:relative}
.pr-actions li:before{content:'';width:4px;height:4px;background:var(--accent);position:absolute;left:0;top:.6em}
.pr-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 14px}
.pr-gallery a{display:flex;aspect-ratio:4/3;overflow:hidden;background:#ededeb;align-items:center;justify-content:center;border:1px solid #424242}
.pr-gallery img{width:100%;height:100%;object-fit:contain;transition:transform .4s}
.pr-gallery a:hover img{transform:scale(1.04)}
.pr-source-list{list-style:none;margin:0;padding:0;display:grid;gap:0}
.pr-source-list a{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.75rem;line-height:1.55;text-decoration:none;color:#bbb;border-top:1px solid #292929;padding:11px 0;transition:color .2s}
.pr-source-list a:hover{color:var(--accent)}
.pr-source-list a>span:last-child{color:var(--accent)}
.pr-card .project-link{align-self:flex-start;margin-top:auto}
.pr-product-trio{position:absolute;inset:0;background:#dbe5e8;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:5% 12% 9%}
.pr-product-trio img{height:100%;width:38%;object-fit:contain;filter:drop-shadow(8px 14px 7px #1f384025);transition:transform .65s cubic-bezier(.22,1,.36,1)}
.pr-product-trio img:first-child{transform:rotate(-10deg) translateY(5%)}
.pr-product-trio img:last-child{transform:rotate(10deg) translateY(5%)}
.pr-product-trio img:nth-child(2){z-index:1;transform:translateY(-5%)}
.pr-cover:hover .pr-product-trio img:first-child{transform:rotate(-14deg) translate(-3%,2%)}
.pr-cover:hover .pr-product-trio img:last-child{transform:rotate(14deg) translate(3%,2%)}
.pr-card-geltek{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
.pr-card-geltek .project-art{aspect-ratio:auto;min-height:100%;height:100%}
.pr-card-geltek .pr-product-trio{padding:10% 8%}
@media(max-width:900px){.pr-card .project-body{padding:22px}.pr-metrics{gap:8px}.pr-metrics>div{padding-left:8px}.pr-metrics dt{font-size:1.8rem}.pr-reference-note{gap:22px}}
@media(max-width:620px){.pr-reference-note{flex-direction:column;gap:10px;margin-bottom:22px;padding:20px 0}.pr-card-geltek{display:flex;grid-column:auto}.pr-card-geltek .project-art{aspect-ratio:4/3;min-height:0;height:auto}.pr-card .project-body{padding:24px}.pr-metrics dt{font-size:2.1rem}.pr-brand{font-size:1.4rem;left:14px;bottom:14px}.pr-metrics{gap:14px}.pr-note{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.pr-product-trio img,.pr-gallery img,.pr-plus{transition:none}}
.pr-grid{align-items:start}
.pr-card-geltek{align-self:stretch}
@media(min-width:621px){.pr-card-geltek .project-art{aspect-ratio:4/5;min-height:0;height:auto;align-self:start}}

/* Video and editing share one library. */
.work-tabs{grid-template-columns:1fr 1fr 1fr 1.6fr 1.4fr}
.film-reference-note{color:#929292;font-size:.8rem;line-height:1.7;border-top:1px solid #343434;padding-top:22px;max-width:900px;margin:0 0 28px}
.film-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 44px}
.film-filters button{display:flex;align-items:center;gap:20px;border:1px solid #353535;background:#141414;color:#aaa;padding:13px 17px;font:500 .8rem/1.4 Arial,sans-serif;cursor:pointer;transition:color .2s,background .2s;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%)}
.film-filters button>span:last-child{font-size:.65rem;opacity:.7}
.film-filters button[aria-pressed="true"]{color:#080808;background:var(--accent);border-color:var(--accent)}
.film-filters button:hover{color:#fff;background:#292929}
.film-filters button[aria-pressed="true"]:hover{color:#080808;background:#fff}
.film-filters button:focus-visible,.film-cover:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.film-group{margin-bottom:54px}
.film-group[hidden],.film-card[hidden]{display:none!important}
.film-group-head{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #343434;padding-bottom:18px;margin-bottom:26px}
.film-group-head h3{font-size:clamp(1.4rem,2.7vw,2.15rem);font-weight:500;letter-spacing:-.045em;margin:0;line-height:1.2}
.film-group-count{font-size:.75rem;color:var(--accent)}
.film-short-help{font-size:.73rem;line-height:1.6;color:#888;margin:-9px 0 24px;max-width:800px}
.film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.film-card{border:1px solid #303030;background:#101010;overflow:hidden}
.film-cover{position:relative;display:block;isolation:isolate;overflow:hidden;aspect-ratio:16/9;width:100%;padding:0;border:0;background:#171717;cursor:pointer;text-align:left;color:#fff}
.film-cover>img,.film-hover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .25s}
.film-cover:after{position:absolute;inset:0;content:'';background:linear-gradient(0deg,#0008,transparent 40%);pointer-events:none}
.film-card:hover .film-cover>img{transform:scale(1.035)}
.film-hover{opacity:0;pointer-events:none;object-fit:contain;background:#080808}
.film-cover.is-previewing .film-hover{opacity:1}
.film-duration{position:absolute;z-index:2;top:16px;right:16px;padding:7px 10px;font:500 .75rem/1 Arial,sans-serif;font-variant-numeric:tabular-nums;border:1px solid #fff3;background:#090909ba;backdrop-filter:blur(8px)}
.film-type{position:absolute;z-index:2;left:16px;bottom:16px;font:500 .59rem/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;background:#080808ba;backdrop-filter:blur(8px);padding:8px 10px;max-width:calc(100% - 98px)}
.film-play{position:absolute;z-index:2;right:16px;bottom:16px;display:grid;place-items:center;width:46px;height:46px;background:var(--accent);color:#080808;font-size:1.7rem;clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);transition:transform .25s,background .25s}
.film-cover:hover .film-play{transform:translate(2px,-2px);background:#fff}
.film-body{padding:26px}
.film-body h3{font-size:clamp(1.45rem,2.4vw,1.9rem);line-height:1.15;letter-spacing:-.04em;margin:0 0 16px}
.film-description{font-size:.9rem;line-height:1.65;color:#b6b6b6;margin:0 0 23px}
.film-treatment{border-top:1px solid #303030;padding-top:18px;margin-bottom:22px}
.film-treatment h4{font-size:.63rem;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-weight:500;margin:0 0 10px}
.film-treatment p{font-size:.82rem;line-height:1.65;color:#aaa;margin:0}
.film-credit{font-size:.66rem;line-height:1.6;color:#878787;margin:0 0 23px}
.film-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.film-open .cta-label{font-size:.8rem;padding:12px 16px;min-height:44px}
.film-open .cta-arrow{width:44px;min-width:44px}
.film-source{font-size:.7rem;line-height:1.5;color:#a0a0a0;text-decoration:none;border-bottom:1px solid #444;padding-bottom:3px}
.film-source:hover{color:var(--accent)}
#film-dialog{width:min(1100px,calc(100vw - 36px));max-width:1100px;max-height:calc(100dvh - 36px);padding:0;border:1px solid #414141;background:#101010;color:#eee;overflow:auto;border-radius:0;box-shadow:0 30px 120px #000b}
#film-dialog::backdrop{background:#000d;backdrop-filter:blur(12px)}
.film-dialog-head{display:flex;justify-content:space-between;align-items:start;gap:24px;padding:24px 28px}
.film-dialog-head h2{font-size:1.45rem;letter-spacing:-.035em;line-height:1.2;margin:0 0 7px}
.film-dialog-head p{font-size:.7rem;line-height:1.5;color:#999;margin:0}
#film-close{width:38px;height:38px;flex-shrink:0;background:#202020;color:#fff;border:1px solid #494949;cursor:pointer;font:300 1.8rem/1 Arial,sans-serif}
#film-close:hover{color:#080808;background:var(--accent)}
#film-player{background:#000;aspect-ratio:16/9;display:grid;place-items:center;max-height:70dvh}
#film-player video,#film-player iframe{display:block;width:100%;height:100%;max-height:70dvh;border:0;object-fit:contain}
.film-dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 28px}
.film-dialog-foot p{font-size:.7rem;line-height:1.5;color:#888;margin:0}
.film-dialog-foot a{font-size:.73rem;line-height:1.5;color:var(--accent);text-decoration:none;white-space:nowrap}
@media(max-width:900px){.work-tab{padding-inline:12px;font-size:.9rem}.film-grid{gap:18px}.film-body{padding:22px}}
@media(max-width:620px){.work-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.work-tab{font-size:.8rem;padding:14px 8px}.film-grid{grid-template-columns:1fr}.film-filters{gap:6px;margin-bottom:32px}.film-filters button{padding:11px 12px;gap:12px;font-size:.7rem}.film-body{padding:22px}.film-group-head h3{font-size:1.45rem}.film-group{margin-bottom:38px}#film-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.film-dialog-head{padding:18px}.film-dialog-head h2{font-size:1.2rem}.film-dialog-foot{padding:16px 18px;align-items:start;flex-direction:column;gap:12px}.film-duration{top:12px;right:12px}.film-type{left:12px;bottom:12px}.film-play{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.film-cover>img,.film-hover,.film-play{transition:none}.film-card:hover .film-cover>img{transform:none}}
/* Keep the requested player width when its height is limited by the viewport. */
#film-player{width:100%}

/* The creator's own AI and design portfolio. */
.ai-overview{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;border-block:1px solid #343434;margin:0 0 30px;font-size:.75rem;line-height:1.5}
.ai-overview-counts{display:flex;gap:24px;flex-wrap:wrap;color:#aaa}.ai-overview-counts>span:first-child{color:var(--accent)}
.ai-overview>a{color:#ddd;text-decoration:none;white-space:nowrap}.ai-overview>a:hover{color:var(--accent)}
.ai-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ai-card{border:1px solid #303030;background:#101010;overflow:hidden;display:flex;flex-direction:column}
.ai-card-featured{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr}
.ai-cover{display:block;position:relative;isolation:isolate;aspect-ratio:16/10;width:100%;border:0;padding:0;background:#171717;overflow:hidden;cursor:pointer;color:#fff;text-align:left}
.ai-cover-image,.ai-cover-video,.ai-triptych{position:absolute;inset:0;width:100%;height:100%}
.ai-cover-image{object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.ai-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0007,transparent 40%);pointer-events:none}
.ai-cover-video{object-fit:cover;opacity:0;pointer-events:none;transition:opacity .3s}
.ai-previewing .ai-cover-video{opacity:1}
.ai-card:hover .ai-cover-image{transform:scale(1.035)}
.ai-cover:focus-visible,.ai-work-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}
.ai-card-featured .ai-cover{aspect-ratio:auto;min-height:430px;height:100%}
.ai-cover-label{position:absolute;bottom:20px;left:20px;z-index:2;background:#080808ba;backdrop-filter:blur(8px);padding:8px 11px;font-size:.65rem;letter-spacing:.1em;line-height:1.3}
.ai-cover-arrow{position:absolute;right:20px;bottom:20px;z-index:2;display:grid;place-items:center;width:46px;height:46px;background:var(--accent);color:#080808;font-size:1.7rem;clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);transition:transform .3s}
.ai-cover:hover .ai-cover-arrow{transform:translate(2px,-2px)}
.ai-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;background:#080808}
.ai-triptych img{width:100%;height:100%;object-fit:cover;object-position:center}
.ai-card-body{display:flex;flex-direction:column;align-items:start;padding:28px;flex:1}
.ai-card-meta{width:100%;display:flex;justify-content:space-between;gap:12px;font-size:.62rem;line-height:1.5;color:#888;margin-bottom:22px}
.ai-card-meta>span:last-child{white-space:nowrap}
.ai-card-body h3{font-size:clamp(1.6rem,2.8vw,2.35rem);line-height:1.12;letter-spacing:-.045em;font-weight:500;margin:0 0 18px;max-width:500px}
.ai-card-description{font-size:.9rem;line-height:1.7;color:#aaa;margin:0 0 24px;max-width:600px}
.ai-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 28px}
.ai-tags span{border:1px solid #383838;padding:7px 10px;color:#bbb;font-size:.64rem;line-height:1.4}
.ai-open{margin-top:auto}.ai-open .cta-label{font-size:.8rem;padding:12px 16px;min-height:44px}.ai-open .cta-arrow{width:44px;min-width:44px}
#ai-dialog{width:min(1160px,calc(100vw - 36px));max-width:1160px;max-height:calc(100dvh - 36px);background:#101010;color:#eee;border:1px solid #414141;border-radius:0;padding:0;overflow:hidden;box-shadow:0 30px 120px #000b}
#ai-dialog::backdrop{background:#000e;backdrop-filter:blur(12px)}
.ai-dialog-header{display:flex;justify-content:space-between;gap:24px;align-items:start;padding:24px 28px 18px}
.ai-dialog-header h2{font-size:1.5rem;font-weight:500;line-height:1.2;letter-spacing:-.035em;margin:0 0 7px}
.ai-dialog-header p{color:#999;font-size:.7rem;line-height:1.5;margin:0}
#ai-close{flex-shrink:0;width:38px;height:38px;border:1px solid #444;background:#202020;color:white;font:300 1.8rem/1 Arial,sans-serif;cursor:pointer}
#ai-close:hover{background:var(--accent);color:#080808}
.ai-dialog-tools{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 28px 18px;border-bottom:1px solid #303030}
.ai-dialog-tools a,.ai-dialog-tools button{font-size:.72rem;line-height:1.5;color:var(--accent);text-decoration:none;border:0;padding:0;background:none;cursor:pointer}
#ai-back[hidden],#ai-viewer-footer[hidden]{display:none!important}
.ai-stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-height:65dvh;overflow:auto;padding:24px 28px;align-content:start}
.ai-work-thumb{position:relative;display:flex;flex-direction:column;gap:9px;padding:0 0 9px;border:0;background:#181818;color:#bbb;text-align:left;cursor:pointer;overflow:hidden}
.ai-work-thumb img{width:100%;aspect-ratio:16/11;object-fit:cover;object-position:center 35%;transition:transform .4s}
.ai-work-thumb:hover img{transform:scale(1.035)}
.ai-work-name{font-size:.67rem;line-height:1.5;padding:0 9px;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.ai-work-kind{position:absolute;top:8px;right:8px;background:#080808c9;color:var(--accent);padding:5px 7px;font-size:.75rem;line-height:1}
.ai-stage-viewer{display:flex;align-items:center;justify-content:center;background:#050505;height:61dvh;min-height:180px;overflow:hidden}
.ai-stage-viewer>img,.ai-stage-viewer>video{display:block;width:100%;height:100%;object-fit:contain}
#ai-viewer-footer{display:flex;align-items:center;gap:16px;padding:16px 28px;border-top:1px solid #303030}
#ai-viewer-footer button{border:1px solid #414141;background:#1c1c1c;color:#eee;width:38px;height:34px;font-size:1.1rem;cursor:pointer}
#ai-viewer-footer button:hover{background:var(--accent);color:#080808}#ai-position{font-size:.7rem;color:#999;font-variant-numeric:tabular-nums}
#ai-viewer-footer>a{margin-left:auto;text-decoration:none;color:var(--accent);font-size:.7rem;line-height:1.5}
@media(max-width:900px){.ai-card-body{padding:23px}.ai-card-featured{grid-template-columns:1fr 1fr}.ai-grid{gap:18px}.ai-card-featured .ai-cover{min-height:400px}.ai-stage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.ai-grid{grid-template-columns:1fr}.ai-card-featured{display:flex;grid-column:auto}.ai-card-featured .ai-cover{aspect-ratio:16/10;min-height:0;height:auto}.ai-card-body{padding:24px}.ai-card-body h3{font-size:1.85rem}.ai-overview{align-items:start;flex-direction:column;gap:16px}.ai-overview-counts{gap:8px 18px;font-size:.7rem}.ai-overview-counts>span:first-child{flex-basis:100%}.ai-cover-label{left:16px;bottom:16px}.ai-cover-arrow{right:16px;bottom:16px}#ai-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.ai-dialog-header{padding:18px}.ai-dialog-header h2{font-size:1.2rem}.ai-dialog-tools{padding:0 18px 15px}.ai-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px;max-height:63dvh}.ai-stage-viewer{height:58dvh}#ai-viewer-footer{padding:14px 18px;gap:10px}#ai-viewer-footer>a{font-size:.65rem}.ai-work-name{font-size:.61rem}}
@media(prefers-reduced-motion:reduce){.ai-cover-image,.ai-cover-video,.ai-cover-arrow,.ai-work-thumb img{transition:none}.ai-card:hover .ai-cover-image,.ai-work-thumb:hover img{transform:none}}

/* Personal introduction and direct contact details. */
.about-contacts{display:grid;gap:14px;margin-top:38px;max-width:390px}.about-contacts a{position:relative;display:grid;gap:7px;padding:17px 38px 17px 0;border-top:1px solid #343434;transition:color .25s}.about-contacts a>span:first-child{font-size:.75rem;color:#999}.about-contacts strong{font-size:clamp(.95rem,1.65vw,1.125rem);line-height:1.4;font-weight:500;overflow-wrap:anywhere}.about-contacts a>span:last-child{position:absolute;right:5px;bottom:19px;color:var(--accent);transition:transform .25s}.about-contacts a:hover{color:var(--accent)}.about-contacts a:hover>span:last-child{transform:translate(2px,-2px)}.about-story>.about-ranking{font-size:.8125rem;line-height:1.6;color:#999;margin-top:-10px;margin-bottom:26px}.about-ranking a{color:#c8c8c8;text-decoration:underline;text-decoration-color:#555;text-underline-offset:3px}.about-ranking a:hover{color:var(--accent)}.order-phone{display:block;width:fit-content;font-size:.9375rem;color:#aaa;margin-top:14px;line-height:1.5}.order-phone:hover{color:var(--accent)}
@media(max-width:900px){.about-contacts{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px}.about-contacts strong{font-size:1rem}}
@media(max-width:560px){.about-contacts{grid-template-columns:1fr;gap:0;margin-top:26px}.about-contacts a{padding-block:14px}.about-intro h2{line-height:1.12}.about-story>.about-ranking{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){.about-contacts a,.about-contacts a>span:last-child{transition:none}}

.portfolio-leadership{margin:0 22px 30px;padding:16px 0;border-bottom:1px solid #303030;color:#c8c8c8;font-size:.9375rem;line-height:1.6}.project-role-note{font-size:.8125rem!important;line-height:1.6!important;color:var(--accent)!important;margin:12px 0 18px!important}.caption .project-role-note{margin:9px 0 0!important}.ai-card-body .project-role-note{margin-top:16px!important}@media(max-width:900px){.portfolio-leadership{margin-inline:18px}}@media(max-width:560px){.portfolio-leadership{margin-inline:16px}}

/* Quiet rectangular controls and service packages. */
.about-panel,.order-dialog,.about-toggle:focus-visible,.about-plus,.order-close,.language-switch,.language-switch button,.film-filters button,#film-close,#ai-close{border-radius:0!important}.about-monogram{display:none}.about-plus{border:0;background:transparent!important;color:var(--ink)!important}.about-panel:hover,.about-panel.is-open{border-color:#555}.studio-cta,.work-tab,.cta-label,.project-image-action,.project-platform,.ai-cover-arrow,.film-play{clip-path:none!important;border-radius:0!important}.cta-arrow,.tab-spark,.project-image-action,.ai-cover-arrow,.about-contacts a>span:last-child{display:none!important}.studio-cta{gap:0!important;transform:none!important}.studio-cta .cta-label{justify-content:center;min-height:48px;transition:background .2s,color .2s}.studio-cta .cta-label:after{display:none!important}.studio-cta:hover,.studio-cta:active,.order-trigger:hover{transform:none!important}.order-close:hover{transform:none}.work-tab{justify-content:flex-start}.visit.studio-cta{border-radius:0!important}.visit.studio-cta .cta-label{border-radius:0!important}.service-packages{margin:16px 0 56px;padding:28px 0 0;border-top:1px solid #303030}#panel-sites>.service-packages{margin:0 22px 54px}.packages-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:26px}.packages-eyebrow{font-size:.75rem;color:var(--accent);margin:0 0 10px}.packages-heading h2{font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.04em}.packages-heading>p{color:#aaa;font-size:.9375rem;line-height:1.6;max-width:430px;margin:0}.packages-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.package-card{background:#111;border:1px solid #333;padding:28px 24px;display:flex;flex-direction:column;min-width:0;transition:border-color .2s}.package-card:hover{border-color:#777}.package-card h3{font-size:1.125rem;line-height:1.4;font-weight:500;margin:0 0 22px}.package-price{margin:0 0 24px;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.package-price strong{font-size:clamp(2.1rem,3.8vw,3.4rem);letter-spacing:-.06em;font-weight:600;line-height:1.1}.price-from{color:#aaa;font-size:.8125rem}.package-period{color:#aaa;font-size:.8125rem}.package-card ul{padding:0;margin:0 0 30px;list-style:none;flex:1}.package-card li{padding:12px 0;border-top:1px solid #292929;color:#c4c4c4;font-size:.9375rem;line-height:1.5}.package-select{width:100%}.package-select .cta-label{width:100%;padding-inline:12px;white-space:normal}.package-terms{border-bottom:1px solid #333;padding:18px 0}.package-terms summary{cursor:pointer;color:#bbb;font-size:.875rem;line-height:1.5}.package-terms p{font-size:.875rem;line-height:1.7;color:#999;max-width:1000px}.selected-package{position:relative;margin:0 0 24px;padding:16px 44px 16px 16px;border:1px solid #555;line-height:1.5}.selected-package>span{display:block;color:#999;font-size:.75rem;margin-bottom:6px}.selected-package strong{font-size:.9375rem;font-weight:500;overflow-wrap:anywhere}.selected-package button{position:absolute;right:8px;top:8px;width:28px;height:28px;border:0;background:transparent;color:#ddd;font-size:1.4rem;cursor:pointer}.selected-package[hidden]{display:none}
@media(max-width:900px){.packages-heading{align-items:start;flex-direction:column;gap:16px}.packages-heading>p{max-width:650px}.package-card{padding:24px 18px}.package-card h3{font-size:1rem}#panel-sites>.service-packages{margin-inline:18px}}
@media(max-width:700px){.packages-grid{grid-template-columns:1fr}.package-card{padding:26px 22px}.package-price strong{font-size:2.7rem}.service-packages{margin-bottom:36px}.packages-heading h2{font-size:1.8rem}.package-card ul{margin-bottom:20px}#panel-sites>.service-packages{margin-inline:16px}.package-card li{padding:10px 0}}
@media(prefers-reduced-motion:reduce){.package-card,.studio-cta .cta-label{transition:none}}

.language-switch button{clip-path:none!important}.film-play{display:none!important}

/* Prices stay tucked away until requested. */
.service-packages{padding-top:0;border-bottom:1px solid #303030}.service-packages>.packages-heading{list-style:none;cursor:pointer;margin:0;padding:22px 0;align-items:center;flex-direction:row}.packages-heading::-webkit-details-marker{display:none}.service-packages>.packages-heading:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.service-packages>.packages-heading h2{font-size:clamp(1.3rem,2vw,1.7rem)}.packages-toggle-label{flex-shrink:0;color:#bbb;font-size:.8125rem;line-height:1.4}.packages-hide{display:none}.service-packages[open] .packages-show{display:none}.service-packages[open] .packages-hide{display:inline}.packages-content{padding-bottom:8px}.packages-content>p{font-size:.9375rem;line-height:1.6;color:#aaa;max-width:650px;margin:0 0 24px}.service-packages[open]>.packages-content{animation:packages-open .35s ease both}.package-custom{display:block;width:100%;padding:14px 8px 0;border:0;background:transparent;color:#bbb;text-align:center;font:400 .8125rem/1.5 Arial,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#555}.package-custom:hover{color:var(--accent);text-decoration-color:currentColor}.package-custom:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@keyframes packages-open{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:560px){.service-packages>.packages-heading{gap:18px}.packages-toggle-label{max-width:95px;text-align:right;font-size:.75rem}}@media(prefers-reduced-motion:reduce){.service-packages[open]>.packages-content{animation:none}}

.custom-budget-banner{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:20px;padding:24px;border:1px solid #444;background:#131313}.custom-budget-banner h3{font-size:1.1rem;line-height:1.4;margin:0 0 8px;font-weight:500}.custom-budget-banner p{font-size:.9375rem;color:#aaa;line-height:1.6;max-width:650px;margin:0}.custom-budget-banner .studio-cta{flex-shrink:0}.custom-budget-banner .cta-label{white-space:normal;text-align:center}@media(max-width:850px){.custom-budget-banner{align-items:flex-start;flex-direction:column;gap:18px}}@media(max-width:560px){.custom-budget-banner{padding:22px}.custom-budget-banner .studio-cta,.custom-budget-banner .cta-label{width:100%}}

/* Privacy notice links */
.order-privacy{margin:22px 0;color:#aaa;font-size:.78rem;line-height:1.65}.order-privacy a{color:#d8d8d8;text-underline-offset:3px}.order-privacy a:hover{color:var(--accent)}body>footer{flex-wrap:wrap}body>footer>[data-privacy-link]{white-space:normal}