/* Liquid glass portfolio, adapted from the supplied Chandra HTML reference. */
html:has(body.glass-portfolio) { background:#0f1113; }
body.glass-portfolio {
  min-width:0;
  --bg:#0f1113; --bg-soft:#14171b; --panel:#1a1d20; --accent:#e5b869; --accent-2:#e5b869;
  --text:#f3f4f6; --muted:#a7adb7; --line:rgba(255,255,255,.15);
  background:radial-gradient(ellipse at 9% 7%,rgba(229,184,105,.07),transparent 36%),radial-gradient(ellipse at 95% 24%,rgba(107,91,149,.065),transparent 38%),#0f1113;
}
a { -webkit-tap-highlight-color:transparent; }
.glass-portfolio .site-header {
  max-width:1360px; margin-inline:auto; border-radius:999px; height:68px;
  background:linear-gradient(125deg,rgba(40,44,49,.83),rgba(19,22,25,.8));
  border-color:rgba(255,255,255,.17); backdrop-filter:blur(24px) saturate(180%); -webkit-backdrop-filter:blur(24px) saturate(180%);
  box-shadow:inset 0 1px 1px #ffffff32,inset 0 -1px 1px #e5b8690d,0 16px 44px #00000044;
  overflow:visible;
}
.glass-portfolio .site-header.scrolled { background:linear-gradient(125deg,#21252bea,#101317f2); }
.glass-portfolio .desktop-nav { position:absolute; left:50%; transform:translateX(-50%); gap:4px; background:#00000024; border:1px solid #ffffff0c; border-radius:999px; padding:3px; }
.glass-portfolio .desktop-nav > a,.work-nav > summary { padding:9px 18px; font-size:13px; font-weight:550; color:#d3d6dc; }
.glass-portfolio .desktop-nav > a:hover { background:#ffffff0b; border-radius:999px; color:white; }
.work-nav { position:relative; }
.work-nav summary { display:flex; align-items:center; gap:8px; list-style:none; cursor:pointer; border-radius:999px; }
.work-nav summary::-webkit-details-marker { display:none; }
.work-nav[open] summary,.work-nav summary:hover { background:#ffffff10; color:#e5b869; }
.work-nav summary:focus-visible { outline:2px solid #e5b869; outline-offset:3px; }
.work-nav__menu { position:absolute; top:calc(100% + 18px); left:-24px; width:264px; padding:10px; border-radius:20px; background:#1c2025; border:1px solid #ffffff26; box-shadow:0 25px 60px #00000077,inset 0 1px 0 #ffffff20; }
.work-nav__menu a { display:flex; align-items:center; justify-content:space-between; padding:12px 14px; border-radius:11px; font-size:13px; line-height:1.5; text-decoration:none; }
.work-nav__menu a:first-child { border-bottom:1px solid #ffffff12; margin-bottom:5px; color:#e5b869; }
.work-nav__menu a:hover,.work-nav__menu a[aria-current] { background:#ffffff0a; color:#e5b869; }
.header-cta { display:inline-flex; align-items:center; gap:25px; margin-left:auto; min-height:40px; padding:10px 20px; border-radius:999px; background:linear-gradient(135deg,#f0c97d,#e5b869 65%,#d49b3d); color:#111416; font-size:12px; font-weight:750; text-decoration:none; box-shadow:inset 0 1px 1px #fff8,0 5px 16px #e5b86917; }
.header-cta { white-space:nowrap; }
.header-cta:focus-visible { outline:2px solid white; outline-offset:4px; }
.glass-portfolio .hero.section-shell { --canvas-bg:#0f1113; --canvas-amber:#e5b869; --canvas-ivory:#f3f4f6; background:transparent; }
.glass-portfolio .hero-kicker { display:inline-flex; align-items:center; gap:10px; padding:9px 13px; border-radius:999px; border:1px solid #e5b86930; background:#e5b86908; color:#e5b869; font-size:9px; letter-spacing:.12em; }
.glass-portfolio .hero-kicker::before { content:''; width:5px; height:5px; border-radius:50%; background:#e5b869; box-shadow:0 0 12px #e5b86999; flex-shrink:0; }
.glass-portfolio .hero-move { color:#f3d59d; }
.glass-portfolio .hero-selection { border-color:#e5b869aa; }
.glass-portfolio .hero-selection i { border-color:#e5b869; background:#14171b; }
.glass-portfolio .hero .button-primary,.glass-portfolio .button-primary,.glass-portfolio .contact-button--whatsapp { background:linear-gradient(135deg,#f0c97d,#e5b869 70%,#d49b3d); border-color:#f0c97d; color:#101214; }
.glass-portfolio .button { border-radius:999px; }
.glass-portfolio .hero-lead { color:#adb2bb; }
.glass-portfolio .hero-footer { color:#979faa; border-color:#ffffff14; }
.glass-portfolio .hero-media__surface { background:linear-gradient(135deg,#f4e4c888,#d7d6ef33 37%,#e5b86988 80%,#f4e4c888); }
.glass-portfolio .glass-cursor-light { background:radial-gradient(480px circle at var(--mouse-x,50%) var(--mouse-y,20%),#e5b86925,#ffffff0a 35%,transparent 70%); }
.glass-portfolio .page-cursor-light { background:radial-gradient(circle,#e5b8690e,#ffffff03 38%,transparent 70%); }
.glass-portfolio .eyebrow { color:#b6a280; font-size:10px; letter-spacing:.16em; }
.discipline-intro { display:flex; align-items:end; justify-content:space-between; gap:24px; margin:0 0 26px; }
.discipline-intro .eyebrow { margin-bottom:12px; }
.discipline-intro h2 { font-size:clamp(30px,3.5vw,48px); letter-spacing:-.045em; line-height:1.1; margin:0; }
.text-link { display:inline-flex; align-items:center; gap:22px; color:#c6cbd2; text-decoration:none; font-size:12px; padding-block:10px; }
.text-link:hover { color:#e5b869; }
.discipline-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin-bottom:110px; }
.discipline-card { position:relative; display:flex; flex-direction:column; min-width:0; min-height:222px; padding:22px; border:1px solid #ffffff21; border-radius:22px; background:linear-gradient(135deg,#24292d88,#191d2059); box-shadow:inset 0 1px 0 #ffffff20,0 12px 30px #00000018; overflow:hidden; text-decoration:none; transition:transform .25s,border-color .25s; }
.discipline-card:hover { transform:translateY(-5px); border-color:#e5b86970; }
.discipline-card:focus-visible { outline:2px solid #e5b869; outline-offset:5px; }
.discipline-card__top { display:flex; justify-content:space-between; align-items:center; color:#e5b869; }
.discipline-card__top > span { font:10px ui-monospace,SFMono-Regular,monospace; color:#b1a58d; }
.discipline-card h3 { margin:31px 0 19px; color:#f0f2f5; font-size:18px; font-weight:650; letter-spacing:-.035em; line-height:1.25; max-width:12ch; }
.discipline-card__bottom { margin-top:auto; display:flex; align-items:end; justify-content:space-between; gap:8px; font-size:10px; line-height:1.5; color:#a8afb8; }
.discipline-card__bottom > span:last-child { font-size:18px; color:#e5b869; }
.glass-portfolio .work-heading { margin-top:0; }
.glass-portfolio .contact-main { background:radial-gradient(ellipse at 95% 5%,#e5b8690a,transparent 60%),linear-gradient(130deg,#ffffff0c,#171b1f77); border-color:#ffffff26; }
.glass-portfolio .contact-button { border-radius:18px; }
.skip-link { position:fixed; top:-100px; left:24px; padding:12px 20px; background:#e5b869; color:#111; z-index:1000; border-radius:10px; }
.skip-link:focus { top:20px; }
.collection-hero { padding-top:150px; padding-bottom:65px; display:grid; grid-template-columns:minmax(0,1.45fr) minmax(260px,.85fr); align-items:center; gap:clamp(32px,6vw,90px); }
.breadcrumbs { display:flex; flex-wrap:wrap; gap:11px; font-size:10px; color:#8e98a4; margin-bottom:34px; }
.breadcrumbs a { color:#b6bcc6; text-decoration:none; }
.breadcrumbs span:last-child { color:#d7dbe1; }
.collection-copy > .eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 19px; font-size:9px; }
.eyebrow-dot { width:4px; height:4px; border-radius:50%; background:#e5b869; }
.collection-hero h1 { margin:0; font:750 clamp(38px,4.5vw,66px)/1.07 Manrope,Inter,sans-serif; letter-spacing:-.055em; text-wrap:balance; }
.collection-hero h1::first-line { color:#f3f4f6; }
.collection-hero h1 { color:#e5b869; }
.collection-description { max-width:51ch; color:#aeb5be; font-size:14px; line-height:1.8; margin:24px 0 22px; }
.format-tags { display:flex; flex-wrap:wrap; gap:7px; }
.format-tags span { padding:7px 11px; border:1px solid #ffffff18; border-radius:999px; font-size:10px; color:#bac1ca; background:#ffffff03; }
.category-visual { position:relative; display:flex; flex-direction:column; justify-content:space-between; min-height:310px; aspect-ratio:1.15; padding:24px; border-radius:28px; border:1px solid #ffffff29; overflow:hidden; background:radial-gradient(ellipse at 65% 38%,#e5b86918,transparent 68%),linear-gradient(130deg,#2b3034a3,#181c2180); box-shadow:inset 0 1px 1px #ffffff30,0 24px 60px #00000044; }
.category-visual__grid { position:absolute; inset:0; opacity:.4; background-image:linear-gradient(#ffffff13 1px,transparent 1px),linear-gradient(90deg,#ffffff13 1px,transparent 1px); background-size:33px 33px; mask-image:radial-gradient(ellipse,black,transparent 75%); }
.category-visual__image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.7; }
.category-visual.has-cover::after { position:absolute; content:''; inset:0; background:linear-gradient(#11141688,transparent 30%,#111416e8); pointer-events:none; }
.category-visual__top,.category-visual__bottom { display:flex; justify-content:space-between; position:relative; z-index:1; }
.category-visual__top { color:#d1c3aa; font-size:8px; letter-spacing:.12em; }
.category-visual__top > span:last-child { font-size:17px; }
.category-visual__number { align-self:center; font-size:clamp(100px,12vw,165px); line-height:1; letter-spacing:-.09em; font-weight:700; color:transparent; -webkit-text-stroke:1px #e5b8698a; position:relative; z-index:1; }
.has-cover .category-visual__number { visibility:hidden; }
.category-visual__bottom { flex-direction:column; gap:9px; }
.category-visual__bottom strong { color:#f1f1ee; font-size:22px; letter-spacing:-.04em; font-weight:600; }
.category-visual__bottom > span { color:#b1b7c1; font-size:9px; line-height:1.6; }
.category-visual__handle { position:absolute; z-index:2; width:7px; height:7px; background:#171b1e; border:1px solid #e5b869; }
.category-visual__handle--a { top:40px; left:34px; }
.category-visual__handle--b { bottom:85px; right:34px; }
.category-tabs { position:relative; display:flex; align-items:center; gap:6px; padding:8px; border:1px solid #ffffff1a; border-radius:19px; background:linear-gradient(135deg,#ffffff08,#ffffff02); box-shadow:inset 0 1px 0 #ffffff10; margin-bottom:46px; overflow:auto; scrollbar-width:thin; scrollbar-color:#52504b transparent; }
.category-tabs > a { position:relative; flex:1 0 auto; white-space:nowrap; display:flex; align-items:center; justify-content:center; gap:8px; padding:12px 13px; color:#adb5bf; font-size:10px; border-radius:12px; text-decoration:none; min-height:44px; }
.category-tabs > a:hover { color:#e5b869; background:#ffffff05; }
.category-tabs > a[aria-current] { color:#f0d29d; background:linear-gradient(130deg,#e5b86920,#e5b8690d); box-shadow:inset 0 1px 0 #e5b86935; }
.category-tabs__count { font:8px ui-monospace,monospace; opacity:.8; }
.collection-toolbar { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:26px; }
.collection-toolbar .eyebrow { margin:0 0 10px; font-size:9px; }
.collection-toolbar h2 { margin:0; font-size:clamp(25px,3vw,34px); font-weight:650; letter-spacing:-.04em; }
.collection-toolbar h2 sup { font:11px Inter,sans-serif; color:#e5b869; margin-left:9px; vertical-align:super; }
.collection-tools { display:flex; align-items:center; gap:12px; }
.media-filters { display:flex; border:1px solid #ffffff14; border-radius:999px; padding:3px; }
.media-filters button { padding:8px 13px; min-height:36px; border:0; background:transparent; border-radius:999px; color:#a7b0bc; font:10px Inter,sans-serif; cursor:pointer; }
.media-filters button[aria-pressed="true"] { color:#f3d6a3; background:#e5b86915; }
.work-search { display:flex; align-items:center; gap:10px; border:1px solid #ffffff1a; border-radius:999px; padding:11px 14px; color:#aeb7c3; background:#ffffff02; min-height:44px; }
.work-search input { min-width:0; width:133px; padding:0; background:transparent; color:#f0f2f5; border:0; font:10px Inter,sans-serif; outline:none; }
.work-search:focus-within { border-color:#e5b86999; box-shadow:0 0 0 2px #e5b86918; }
.work-search input::placeholder { color:#9ca7b6; }
.media-filters button:focus-visible,.category-tabs a:focus-visible,.text-link:focus-visible { outline:2px solid #e5b869; outline-offset:3px; }
.work-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.work-card { position:relative; min-width:0; border:1px solid #ffffff1b; border-radius:21px; background:linear-gradient(135deg,#ffffff08,#ffffff02); box-shadow:inset 0 1px 0 #ffffff12; transition:transform .25s,border-color .25s; overflow:hidden; }
.work-card:hover { transform:translateY(-4px); border-color:#e5b86966; }
.work-card:focus-within { outline:2px solid #e5b869; outline-offset:5px; }
.work-card__open { width:100%; display:flex; flex-direction:column; padding:7px; border:0; border-radius:inherit; color:inherit; background:transparent; text-align:left; font:inherit; cursor:pointer; }
.work-card__open:focus-visible { outline:none; }
.work-card__media { width:100%; display:block; position:relative; aspect-ratio:4/3; overflow:hidden; border-radius:15px; background:radial-gradient(ellipse at 70% 25%,#e5b8690a,transparent 60%),#181d22; }
.work-card__media img,.work-card__media video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.work-card:hover .work-card__media img { transform:scale(1.035); }
.work-card__media:has(img) video { opacity:0; }
.work-card__media.is-playing video { opacity:1; }
.work-card__badge { position:absolute; top:12px; left:12px; padding:7px 9px; border-radius:999px; border:1px solid #ffffff2a; background:#0f1113bb; color:#f4e8d3; font:8px ui-monospace,monospace; letter-spacing:.06em; backdrop-filter:blur(10px); }
.work-card__preview { position:absolute; bottom:12px; right:12px; padding:10px 13px; border-radius:999px; background:#1a1d20dd; color:#f5d7a1; font-size:10px; border:1px solid #ffffff22; opacity:0; transform:translateY(5px); transition:opacity .2s,transform .2s; }
.work-card:hover .work-card__preview,.work-card:focus-within .work-card__preview { opacity:1; transform:none; }
.work-card__info { display:flex; flex-direction:column; padding:19px 15px 17px; gap:10px; }
.work-card__category { color:#c0a77a; font-size:8px; line-height:1.5; text-transform:uppercase; letter-spacing:.1em; }
.work-card__info strong { font-size:17px; letter-spacing:-.025em; line-height:1.3; font-weight:600; }
.work-card__caption { color:#aab2bd; font-size:11px; line-height:1.7; }
.collection-note { margin-top:32px; padding-top:20px; border-top:1px solid #ffffff15; display:flex; justify-content:space-between; gap:20px; color:#9ea9b7; font-size:10px; }
.collection-note a { text-decoration:none; color:#b6beca; }
.collection-note a span { color:#e5b869; margin-left:18px; }
.gallery-empty { padding:60px 24px; border:1px solid #ffffff1a; border-radius:24px; background:linear-gradient(135deg,#ffffff05,#ffffff01); text-align:center; }
.gallery-empty__symbol { display:block; color:#e5b869; font-size:28px; margin-bottom:18px; }
.gallery-empty h3 { font-size:24px; letter-spacing:-.035em; margin:0 0 12px; font-weight:600; }
.gallery-empty p { max-width:46ch; margin:0 auto 25px; color:#aeb7c3; font-size:13px; line-height:1.8; }
.gallery-empty .button { font-size:11px; min-height:44px; padding:12px 23px; }
.next-discipline { padding-top:95px; padding-bottom:0; }
.next-discipline > .eyebrow { font-size:9px; margin-bottom:20px; }
.next-discipline__link { display:flex; justify-content:space-between; align-items:center; gap:25px; border-bottom:1px solid #ffffff1c; padding-bottom:25px; text-decoration:none; font-size:clamp(28px,5vw,60px); letter-spacing:-.05em; line-height:1.2; color:#eceff3; }
.next-discipline__link:hover { color:#e5b869; }
.next-discipline__link > span:last-child { color:#e5b869; }
.collection-page .collection-contact { padding-top:90px; }
.project-dialog { width:min(1000px,calc(100% - 40px)); max-height:92svh; padding:0; border:1px solid #ffffff32; border-radius:22px; color:#f3f4f6; background:#15191e; box-shadow:0 30px 100px #000b; overflow:auto; }
.project-dialog::backdrop { background:#070a0ede; backdrop-filter:blur(12px); }
.project-dialog__bar { display:flex; align-items:center; justify-content:space-between; padding:10px 16px 10px 24px; color:#c5b590; font:10px ui-monospace,monospace; border-bottom:1px solid #ffffff13; }
.dialog-close { width:40px; height:40px; border:1px solid #ffffff22; border-radius:50%; background:#ffffff05; color:#f4f4f4; font-size:17px; cursor:pointer; }
.dialog-close:hover { color:#e5b869; border-color:#e5b86970; }
.project-dialog__media { display:grid; place-items:center; min-height:120px; background:#0c0f12; }
.project-dialog__media img,.project-dialog__media video { display:block; width:100%; max-height:62svh; object-fit:contain; }
.project-dialog__info { display:flex; align-items:center; justify-content:space-between; padding:25px; gap:24px; }
.project-dialog__info .eyebrow { margin:0 0 8px; font-size:8px; }
.project-dialog__info h2 { margin:0; font-size:22px; letter-spacing:-.03em; }
.project-dialog__info p:not(.eyebrow) { margin:10px 0 0; color:#afb8c4; font-size:12px; line-height:1.7; }
.project-dialog__info .button { font-size:11px; flex-shrink:0; padding:12px 20px; min-height:44px; }
.project-dialog__controls { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:12px 25px; border-top:1px solid #ffffff13; font-size:9px; color:#a3adb9; }
.project-dialog__controls button { padding:12px 0; background:none; color:#e2cc9c; border:0; font:11px Inter,sans-serif; cursor:pointer; }
.project-dialog__controls button:disabled { opacity:.35; cursor:default; }
.project-dialog button:focus-visible,.project-dialog a:focus-visible { outline:2px solid #e5b869; outline-offset:3px; }
.media-error { color:#c5cbd4; padding:30px; font-size:14px; }
@media(min-width:1100px) { .glass-portfolio .hero-shell { max-width:1360px; } .glass-portfolio .hero-composition { grid-template-columns:minmax(0,.47fr) minmax(0,.53fr); gap:35px; } .glass-portfolio .hero h1 { font-size:clamp(42px,4.2vw,64px); } }
@media(max-width:1100px) { .discipline-card { padding:18px; } .discipline-card h3 { font-size:16px; } .collection-tools { gap:8px; } .work-search input { width:110px; } .collection-hero { gap:32px; } .category-tabs > a { padding-inline:10px; font-size:9px; } }
@media(max-width:900px) { .discipline-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .discipline-card { min-height:200px; } .collection-toolbar { align-items:start; flex-direction:column; gap:22px; } .collection-tools { width:100%; justify-content:space-between; } .work-search input { width:155px; } .collection-hero { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:24px; padding-top:135px; } .category-visual { min-height:280px; padding:20px; } .collection-hero h1 { font-size:41px; } .work-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; } .work-card__info strong { font-size:16px; } }
@media(max-width:767px) {
  .glass-portfolio .site-header { height:62px; top:12px; border-radius:999px; padding-inline:18px 10px; }
  .glass-portfolio .header-cta { min-height:36px; padding:9px 14px; margin-right:8px; gap:14px; font-size:10px; }
  .glass-portfolio .site-header .brand { font-size:17px; }
  .glass-portfolio .menu-button { width:40px; height:40px; border-radius:50%; border-color:#ffffff25; }
  .glass-portfolio .mobile-nav { inset:84px 16px auto; padding:14px 22px; border-radius:24px; border:1px solid #ffffff26; max-height:calc(100svh - 110px); overflow-y:auto; box-shadow:0 20px 60px #0008; }
  .glass-portfolio .mobile-nav a { padding:13px 0; font-size:15px; line-height:1.5; }
  .glass-portfolio .hero-kicker { font-size:8px; letter-spacing:.06em; padding-inline:10px; }
  .glass-portfolio .hero.section-shell { padding-top:112px; }
  .discipline-intro { gap:16px; align-items:end; }
  .discipline-intro .eyebrow { font-size:8px; max-width:26ch; line-height:1.6; }
  .text-link { gap:10px; font-size:10px; white-space:nowrap; }
  .discipline-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:75px; }
  .discipline-card { min-height:184px; padding:19px 17px; border-radius:20px; }
  .discipline-card h3 { font-size:18px; margin-top:22px; margin-bottom:18px; }
  .discipline-card__bottom { font-size:9px; }
  .discipline-card:last-child { grid-column:1/-1; min-height:150px; }
  .discipline-card:last-child h3 { max-width:none; margin-top:15px; }
  .collection-hero { grid-template-columns:1fr; padding-top:116px; padding-bottom:32px; gap:30px; }
  .breadcrumbs { margin-bottom:28px; font-size:9px; }
  .collection-copy > .eyebrow { font-size:8px; letter-spacing:.1em; }
  .collection-hero h1 { font-size:clamp(34px,7.5vw,54px); line-height:1.12; }
  .collection-description { font-size:13px; line-height:1.8; margin-top:21px; }
  .format-tags span { font-size:9px; }
  .category-visual { min-height:0; aspect-ratio:1.85; padding:20px; border-radius:23px; }
  .category-visual__number { position:absolute; right:24px; top:45px; font-size:95px; }
  .category-visual__bottom strong { font-size:23px; }
  .category-visual__bottom { max-width:76%; }
  .category-visual__bottom span { font-size:8px; }
  .category-visual__handle--b { bottom:42px; }
  .category-tabs { gap:5px; padding:6px; margin-bottom:31px; border-radius:16px; }
  .category-tabs > a { flex:0 0 auto; padding:10px 13px; min-height:40px; font-size:10px; }
  .collection-toolbar { gap:22px; }
  .collection-tools { flex-wrap:wrap; gap:12px; }
  .media-filters button { min-height:36px; padding-inline:13px; }
  .work-search { padding:10px 12px; flex:1; max-width:230px; }
  .work-search input { width:100%; }
  .work-gallery { gap:14px; }
  .work-card { border-radius:18px; }
  .work-card__open { padding:5px; }
  .work-card__media { border-radius:13px; }
  .work-card__badge { top:8px; left:8px; padding:5px 7px; font-size:7px; }
  .work-card__info { padding:14px 10px; gap:8px; }
  .work-card__info strong { font-size:14px; }
  .work-card__category { font-size:7px; }
  .work-card__caption { font-size:10px; }
  .collection-note { font-size:9px; flex-direction:column; gap:12px; }
  .next-discipline { padding-top:60px; }
  .collection-page .collection-contact { padding-top:60px; }
  .project-dialog { width:calc(100% - 20px); border-radius:18px; max-height:94svh; }
  .project-dialog__info { align-items:start; flex-direction:column; gap:17px; padding:20px; }
  .project-dialog__info h2 { font-size:19px; }
  .project-dialog__controls { padding-inline:20px; }
  .project-dialog__controls > span { display:none; }
}
@media(max-width:440px) { .work-gallery { grid-template-columns:1fr; gap:22px; } .work-card__info { padding:17px 13px; } .work-card__info strong { font-size:18px; } .work-card__category { font-size:8px; } .work-card__caption { font-size:11px; } .collection-tools { align-items:stretch; } .work-search { max-width:none; min-width:120px; } .media-filters button { padding-inline:10px; font-size:9px; } .category-visual { aspect-ratio:1.6; } }
@media(max-width:380px) { .glass-portfolio .site-header { padding-left:14px; padding-right:8px; } .glass-portfolio .site-header .brand { font-size:15px; letter-spacing:.18em; } .glass-portfolio .header-cta { padding-inline:11px; font-size:9px; gap:8px; margin-right:5px; } .glass-portfolio .menu-button { width:36px; height:36px; flex-shrink:0; } }
@media(hover:none) { .work-card__preview { opacity:1; transform:none; font-size:9px; padding:8px 10px; } }
@media(prefers-reduced-motion:reduce) { .discipline-card:hover,.work-card:hover { transform:none; } .work-card:hover .work-card__media img { transform:none; } }
@supports not (backdrop-filter:blur(1px)) { .glass-portfolio .site-header { background:#1c2025; } }
@media(forced-colors:active) { .category-visual__number { color:CanvasText; -webkit-text-stroke:0; } .header-cta,.category-tabs > a[aria-current],.media-filters button[aria-pressed="true"] { border:1px solid Highlight; background:Canvas; color:Highlight; } .work-card,.discipline-card { border-color:CanvasText; } }