@font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/assets/fonts/inter-latin-ext-variable.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/assets/fonts/inter-latin-variable.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* NICE v0.17 — Archivo, shared glass, independent content spaces. */ :root{--ink:#182a42;--muted:#52647a;--paper:#f4f7fb;--line:#d8e2ec;--accent:#ffea6c;--pink:#a6d4ff;--people:#9ccbea;--projects:#eddb62;--partner:#b6d0fa;--events:#accdf3;--gutter:clamp(20px,4vw,64px);--font:'Archivo',Arial,'PingFang SC','Microsoft YaHei',sans-serif;--glass:rgba(255,255,255,.64);--glass-shadow:inset 0 1px 0 #fff,0 12px 48px #222f3b09;--radius:24px} *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--paper);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;z-index:-1;inset:0;background:radial-gradient(ellipse at 8% 15%,#fffba746,transparent 50%),radial-gradient(ellipse at 95% 70%,#a6d4ff26,transparent 50%);pointer-events:none}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer;background:none;border:0}button:disabled{cursor:default}img{display:block;max-width:100%;height:auto}svg{display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:650;line-height:1.06;letter-spacing:-.035em}h1,h2{font-stretch:95%}h1{font-size:clamp(48px,7.8vw,116px)}h2{font-size:clamp(36px,5.8vw,84px)}h3{font-size:clamp(23px,2.5vw,36px)}[hidden]{display:none!important}::selection{background:var(--accent)}:focus-visible{outline:0;background-color:#fff19b!important;color:var(--ink)!important;text-decoration:underline!important;text-underline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:20px;z-index:120;background:var(--ink);color:#fff;padding:12px}.skip-link:focus{top:12px}.wrap{max-width:1600px;margin:auto;padding-inline:var(--gutter)}.eyebrow,.category-label{font-size:13px;letter-spacing:.05em;font-weight:500}.muted,.image-caption{color:var(--muted)}.body-large{font-size:clamp(19px,2.4vw,28px);line-height:1.4;letter-spacing:-.015em}.arrow{display:inline-block;flex-shrink:0;margin-left:8px;transition:transform .2s}.text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:500;line-height:1.3}.text-link:hover .arrow{transform:translate(3px,-3px)}.pill-button,.header-collaborate{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:12px 22px;border-radius:50px;background:var(--accent);font-size:15px;font-weight:550;line-height:1.3}.pill-button.dark{background:var(--ink);color:#fff}.pill-button:hover,.header-collaborate:hover{background:#fff4a5;transform:translateY(-1px)}.pill-button.dark:hover{background:#404449}.category-dot{width:8px;height:8px;border-radius:50%;background:var(--category,var(--ink));flex-shrink:0}.brand-ring{filter:invert(1);mix-blend-mode:multiply;object-fit:contain} /* A small shared launcher; each collection has its own controls. */ .site-header{position:relative;z-index:50;height:88px}.header-inner{height:100%;display:flex;align-items:center;gap:12px}.word-brand{font-size:17px;font-weight:750;letter-spacing:-.025em;line-height:1.1;display:flex;align-items:center;gap:10px;white-space:nowrap}.header-ring{width:32px;height:32px}.header-context{font-size:14px;color:var(--muted);margin-left:16px}.desktop-nav,.utility-nav{display:none}.header-collaborate{margin-left:auto;white-space:nowrap}.menu-button{display:inline-flex;gap:12px;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border-radius:50px;background:#ffffffb8;box-shadow:var(--glass-shadow);font-size:15px}.menu-button[aria-expanded=true]{background:var(--ink);color:white}.mobile-menu{position:absolute;top:76px;right:var(--gutter);left:auto;width:min(560px,calc(100% - 2*var(--gutter)));background:#fbfcfded;backdrop-filter:blur(18px);border-radius:24px;padding:24px;box-shadow:0 20px 70px #20282f29;display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-menu>a{display:flex;align-items:center;gap:12px;min-height:64px;padding:16px;border-radius:14px;font-size:20px;font-weight:600}.mobile-menu>a:hover,.mobile-menu>a[aria-current=page]{background:#fff2b5}.mobile-menu .menu-meta{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:24px;padding:16px}.menu-meta a{font-size:14px;min-height:32px}.menu-mark{width:10px;height:10px;border-radius:50%;background:var(--category)} /* Connections — one flat brand scene and four direct doors. */ .network-hero{display:flex;flex-direction:column;position:relative;padding-top:26px;background:radial-gradient(ellipse at 32% 75%,#fffba7b0,transparent 52%),radial-gradient(ellipse at 78% 80%,#a6d4ff72,transparent 48%)}.network-hero>.wrap{order:-1;width:100%}.network-hero-caption{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end}.network-hero-caption h1{font-size:clamp(52px,8.8vw,138px);font-weight:700;line-height:.9;letter-spacing:-.05em}.network-hero-caption h1 span{display:block}.network-hero-caption p{font-size:18px;max-width:205px;line-height:1.25;padding-bottom:8px}.network{position:relative;overflow:clip}.network-stage{height:clamp(410px,49vw,540px);max-width:1600px;margin:auto;position:relative;isolation:isolate}.network-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.network-lines path{fill:none;stroke:#b0b5bb;stroke-width:1;opacity:.52;transition:stroke .2s,opacity .2s}.network-lines path.main-line{stroke-width:1.3;opacity:.85}.network-lines path[data-family]{stroke:color-mix(in srgb,var(--category) calc(var(--active,0)*90%),#a3a8ad)}.network-center{position:absolute;width:clamp(184px,22vw,300px);height:clamp(184px,22vw,300px);left:50%;top:47%;transform:translate(-50%,-50%);display:grid;place-items:center}.logo-play{position:relative;width:100%;height:100%;border-radius:50%;padding:0;cursor:grab;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}.logo-play.is-dragging{cursor:grabbing}.logo-object{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;transform:translate(var(--logo-shift-x,0px),var(--logo-shift-y,0px))}.logo-glass{position:absolute;inset:-7%;border-radius:50%;background:radial-gradient(circle at var(--light-x,28%) var(--light-y,20%),#fffffff0,transparent 65%),linear-gradient(145deg,#fffbd3a0,#ffffff6b 50%,#c8e5ff6b);box-shadow:inset 0 2px 4px #fff,0 15px 46px #46566515;backdrop-filter:blur(10px);mask-image:radial-gradient(circle,transparent 0 27%,#000 27.5%)}.network-center .brand-ring{width:100%;height:100%;transform:rotate(calc(var(--logo-angle,0deg) + var(--scene-turn,0deg)));user-select:none;pointer-events:none}.logo-play:focus-visible{background:transparent!important}.logo-play:focus-visible .logo-glass{background:#ffea6ccc}.logo-hint{position:absolute;top:calc(100% + 28px);left:50%;transform:translateX(-50%);font-size:13px;white-space:nowrap;color:var(--muted)}.logo-play.is-dragging+.logo-hint{opacity:0}.network-label{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;min-width:214px;min-height:62px;padding:16px 24px;border-radius:18px;background:#ffffffb8;backdrop-filter:blur(14px);box-shadow:var(--glass-shadow);font-size:20px;font-weight:550;letter-spacing:-.02em;z-index:4;white-space:nowrap;transition:background .2s}.network-label .arrow{margin-left:auto;font-size:18px}.network-label:hover{background:#fff7be}.network-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;box-shadow:0 4px 20px #303a4514;z-index:2;transition:opacity .2s}.node-label{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;background:#fffdfb;padding:7px 12px;border-radius:8px;font-size:13px;opacity:0;visibility:hidden;pointer-events:none;box-shadow:var(--glass-shadow)}.network-node:hover,.network-node:focus-visible{z-index:9}.network-node:hover .node-label,.network-node:focus-visible .node-label{opacity:1;visibility:visible}.network-speck{position:absolute;left:var(--x);top:var(--y);width:var(--size,7px);height:var(--size,7px);border-radius:50%;background:#abb4bc;z-index:-1}.network[data-active=people] [data-family=people],.network[data-active=projects] [data-family=projects],.network[data-active=partner] [data-family=partner],.network[data-active=events] [data-family=events]{--active:1}.network[data-active] .network-node{opacity:.3}.network[data-active=people] .network-node[data-family=people],.network[data-active=projects] .network-node[data-family=projects],.network[data-active=partner] .network-node[data-family=partner],.network[data-active=events] .network-node[data-family=events]{opacity:1}.hero-bottom{display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter) 26px;max-width:1600px;width:100%;margin:auto;font-size:14px;color:var(--muted)} /* The four home sections are independent surfaces in one shared network. */ .home-content{padding-top:20px}.section{padding-top:80px}.home-content>.section{margin-block:24px 60px;padding:clamp(24px,3.2vw,50px);border-radius:32px;background:var(--glass);box-shadow:var(--glass-shadow);backdrop-filter:blur(14px);position:relative;isolation:isolate}.home-content>.section:before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--section-accent,var(--pink)) 35%,transparent),transparent 65%);z-index:-1;pointer-events:none}#nice-events{--section-accent:#a6d4ff}#nice-projects{--section-accent:#ffea6c}#nice-partners{--section-accent:#b6d0fa}#nice-people{--section-accent:#b9dcff}.section-heading{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:32px}.section-heading-copy{min-width:0}.section-heading h2{max-width:880px}.section-heading .text-link{flex-shrink:0}.heading-prelude,.heading-afterword{display:block;font-stretch:100%;font-weight:400;letter-spacing:-.01em;font-size:clamp(18px,2.4vw,30px);line-height:1.25;margin:0 0 8px}.heading-afterword{margin:8px 0 0}.app-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px;font-size:14px;color:var(--muted)}.app-bar .app-name{display:flex;align-items:center;gap:10px}.app-bar .app-name:before{content:'';width:9px;height:9px;border-radius:50%;background:var(--section-accent,var(--ink))}.app-bar a{display:inline-flex;align-items:center;min-height:36px;font-size:14px;font-weight:550;color:var(--ink)}.events-home{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:32px;align-items:start}.event-feature{display:block;min-width:0}.event-feature-image{overflow:hidden;border-radius:16px}.event-feature-copy{padding:20px 0 0}.event-feature-copy h3{font-size:clamp(27px,3vw,44px);max-width:720px;margin:10px 0}.event-feature-copy>p:last-child{font-size:15px;color:var(--muted)}.event-meta{font-size:14px;line-height:1.45;color:var(--muted)}.event-archive{display:grid;gap:20px}.event-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:start;background:#ffffff70;border-radius:16px;padding:18px}.event-row>.arrow{display:none}.event-row-image{width:96px;aspect-ratio:4/3;border-radius:8px;overflow:hidden}.event-row h3{font-size:23px;margin:8px 0;letter-spacing:-.025em}.event-row p:not(.event-meta){font-size:14px;color:var(--muted)}.event-row:hover,.partner-tile:hover,.person-card:hover{background:#fffdfae0}.project-grid{display:grid;grid-template-columns:1fr;gap:32px}.project-card{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);column-gap:32px;align-items:start;padding-block:10px;min-width:0}.project-card>.image-wrap{grid-row:1/5;overflow:hidden;border-radius:16px}.project-card:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}.project-card:nth-child(even)>.image-wrap{grid-column:2}.project-card .card-meta{margin:8px 0 14px;font-size:14px;color:var(--muted)}.project-card h3{margin-bottom:18px}.project-card p{font-size:16px;max-width:440px;color:var(--muted)}.project-card .arrow{font-size:23px}.project-card img{transition:transform .35s}.project-card:hover img{transform:scale(1.025)}.partner-strip{display:grid;grid-template-columns:1fr 1fr;gap:24px}.partner-tile{display:grid;grid-template-columns:136px minmax(0,1fr) 16px;gap:22px;align-items:center;background:#ffffff86;border-radius:18px;padding:24px;min-width:0;transition:background .2s}.partner-monogram{display:block;width:136px;aspect-ratio:1.6;border-radius:8px;overflow:hidden}.partner-tile h3{font-size:clamp(21px,2.4vw,29px);overflow-wrap:anywhere}.partner-tile p{font-size:14px;margin-top:8px;color:var(--muted)}.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.person-card{display:flex;flex-direction:column;align-items:flex-start;padding:22px;border-radius:18px;transition:background .2s}.portrait{display:block;width:clamp(112px,13vw,190px);height:clamp(112px,13vw,190px);border-radius:50%;overflow:hidden;margin-bottom:24px}.person-copy h3{font-size:clamp(24px,2.7vw,36px);margin-bottom:10px}.person-copy p{font-size:15px;color:var(--muted)}.open-call-strip{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px 36px;border-radius:24px;background:#ffffff9c;backdrop-filter:blur(12px);box-shadow:var(--glass-shadow);margin-bottom:44px}.open-call-strip h3{font-size:27px}.app-mini-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.app-mini-nav a{font-size:14px;min-height:42px;padding:9px 16px;background:#ffffffb0;border-radius:30px}.app-mini-nav a:hover{background:var(--accent)} /* Shared media contract. Photos crop; logos and posters remain complete. */ .media-frame{display:block;position:relative;overflow:hidden;width:100%;min-width:0;aspect-ratio:3/2;background:#e8ebed;border-radius:inherit}.media-frame>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--image-position,50% 50%);padding:0}.media-portrait{aspect-ratio:1}.media-logo{background:#ffffffa8}.media-logo>img{inset:12% 8%;width:84%;height:76%;object-fit:contain}.media-poster>img{object-fit:contain}.network-node>.media-frame{height:100%;aspect-ratio:auto;border-radius:inherit}.network-node:has(.media-logo){width:74px;border-radius:12px}.network-node .media-logo>img{inset:12% 6%;width:88%;height:76%}.event-feature-image>.media-frame{aspect-ratio:16/10}.event-row-image>.media-frame,.partner-monogram>.media-frame,.portrait>.media-frame{height:100%;aspect-ratio:auto}.image-caption{font-size:13px;line-height:1.5;margin-top:12px}.row-monogram{display:grid;place-items:center;aspect-ratio:1;background:#fff3bc;border-radius:16px;font-size:30px} /* A collection is a focused app: switcher, local tools and useful results. */ .breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:14px;color:var(--muted);padding:20px 0 28px;line-height:1.45}.breadcrumb a:hover{color:var(--ink);text-decoration:underline}.page-intro{display:flex;justify-content:space-between;align-items:end;gap:28px;padding-block:24px 42px}.page-intro p{max-width:360px;color:var(--muted)}.collection-shell{--app-accent:var(--pink);margin-top:16px;border-radius:32px;padding:28px 32px 40px;background:#ffffffa6;box-shadow:var(--glass-shadow);backdrop-filter:blur(16px);min-height:60vh;position:relative;isolation:isolate}.collection-shell:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--app-accent) 44%,transparent),transparent 55%);border-radius:inherit;z-index:-1;pointer-events:none}.collection-shell[data-app=projects]{--app-accent:#ffea6c}.collection-shell[data-app=partner]{--app-accent:#b6d0fa}.collection-shell[data-app=people]{--app-accent:#b6d8ff}.collection-topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;margin-bottom:34px}.collection-back{font-size:14px;display:inline-flex;align-items:center;min-height:38px;gap:10px}.app-switcher{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:4px;background:#ffffffb3;border-radius:26px}.app-switcher a{padding:9px 15px;border-radius:22px;font-size:14px;line-height:1.3}.app-switcher a[aria-current=page]{background:var(--ink);color:#fff}.app-switcher a:hover:not([aria-current]){background:var(--accent)}.collection-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.collection-heading h1{font-size:clamp(60px,8vw,120px);line-height:.92;font-weight:700}.collection-heading p{font-size:18px;max-width:310px;color:var(--muted)}.collection-heading .collection-total{font-size:14px;vertical-align:top;font-stretch:100%;font-weight:450;letter-spacing:0;display:inline-block;margin-left:8px;padding-top:8px;color:var(--muted)}.filters{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin:0 0 20px;padding:20px;border-radius:18px;background:#ffffffb5}.filter-field{display:flex;flex-direction:column;gap:8px;min-width:145px;flex:1}.field-label{display:block;font-size:14px;line-height:1.4;font-weight:500;margin-bottom:7px}.filter-field .field-label{margin:0}.search-field{flex:2;min-width:220px}input,select,textarea{width:100%;border:0;border-radius:10px;background:#edf3f8;min-height:46px;padding:12px 14px;line-height:1.4}input:focus,select:focus,textarea:focus{outline:0;background:#fff5c8}textarea{resize:vertical;min-height:170px}select{appearance:auto}.clear-filters,.copy-button{min-height:46px;font-size:14px;padding:8px 12px;text-decoration:underline;text-underline-offset:4px}.collection-tabs,.search-filters{display:flex;gap:7px;flex-wrap:wrap}.collection-tabs{margin:0 0 24px}.collection-tabs button,.filter-chip,.view-toggle button{display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border-radius:30px;background:#ffffffa1;font-size:14px;line-height:1.3}.collection-tabs button[aria-pressed=true],.filter-chip[aria-pressed=true],.view-toggle button[aria-pressed=true]{background:var(--ink);color:#fff}.chip-count{opacity:.65;font-variant-numeric:tabular-nums}.collection-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0}.result-count{font-size:14px;color:var(--muted)}.view-toggle{display:flex;gap:4px}.view-toggle button{min-height:38px;padding:8px 14px}.record-list{display:grid;gap:16px}.record-row{display:grid;grid-template-columns:160px minmax(0,1fr) 20px;align-items:center;gap:28px;padding:24px;border-radius:18px;background:#ffffff8c;transition:background .2s,transform .2s}.record-row:hover{background:#fff;transform:translateY(-2px)}.record-row>.media-frame{width:160px;aspect-ratio:3/2;border-radius:12px}.record-row>.media-portrait{width:100px;aspect-ratio:1;border-radius:50%;justify-self:center}.record-row>.media-logo{aspect-ratio:16/9}.record-row>div{min-width:0}.record-row h2{font-stretch:100%;font-size:clamp(25px,2.6vw,36px);letter-spacing:-.025em}.record-row p{font-size:16px;margin-top:12px;color:var(--muted);max-width:740px}.row-meta{font-size:14px;color:var(--muted);margin-top:12px}.record-row .category-label{margin-bottom:8px}.record-row .record-cta{display:inline-block;margin-top:18px;font-size:14px;font-weight:550}.date-stamp{display:flex;align-items:baseline;gap:9px;font-size:14px;margin-bottom:12px}.date-stamp strong{font-size:26px;font-stretch:80%;letter-spacing:-.025em}.collection-shell[data-app=events] .record-list[data-view=gallery]{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.collection-shell[data-app=events] .record-list[data-view=gallery] .record-row{grid-template-columns:1fr;gap:0;align-content:start;padding:0;overflow:hidden;background:#ffffffa6}.collection-shell[data-app=events] .record-list[data-view=gallery] .record-row>.media-frame{width:100%;aspect-ratio:16/10;border-radius:0}.collection-shell[data-app=events] .record-list[data-view=gallery] .record-row>div{padding:24px}.collection-shell[data-app=events] .record-list[data-view=gallery] .record-row>.arrow{display:none}.collection-shell[data-app=projects] .record-list[data-view=gallery]{grid-template-columns:repeat(12,minmax(0,1fr));gap:32px}.collection-shell[data-app=projects] .record-list[data-view=gallery] .record-row{grid-column:span 7;display:block;padding:0;background:transparent;align-self:start}.collection-shell[data-app=projects] .record-list[data-view=gallery] .record-row:nth-child(4n+2),.collection-shell[data-app=projects] .record-list[data-view=gallery] .record-row:nth-child(4n+3){grid-column:span 5}.collection-shell[data-app=projects] .record-list[data-view=gallery] .record-row:nth-child(even){margin-top:80px}.collection-shell[data-app=projects] .record-list[data-view=gallery] .record-row>.media-frame{width:100%;aspect-ratio:4/3;border-radius:14px}.collection-shell[data-app=projects] .record-list[data-view=gallery] .record-row>div{padding:22px 0}.collection-shell[data-app=projects] .record-list[data-view=gallery] .record-row>.arrow{display:none}.collection-shell[data-app=people] .record-list[data-view=gallery]{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.collection-shell[data-app=people] .record-list[data-view=gallery] .record-row{display:block;padding:24px}.collection-shell[data-app=people] .record-list[data-view=gallery] .record-row>.media-portrait{width:min(100%,200px);margin-bottom:28px}.collection-shell[data-app=people] .record-list[data-view=gallery] .record-row>.arrow{display:none}.collection-shell[data-app=partner] .record-row{grid-template-columns:220px minmax(0,1fr) 22px;padding:32px}.collection-shell[data-app=partner] .record-row>.media-logo{width:220px}.empty-state{padding:clamp(26px,6vw,70px);border-radius:20px;background:#ffffffaf;max-width:800px;margin:24px auto}.empty-state h2{font-size:40px;margin-bottom:18px}.empty-state p{max-width:560px;color:var(--muted);margin-bottom:24px}.empty-state .pill-button{margin-right:12px}.search-box{display:flex;gap:12px;background:#ffffffbf;border-radius:20px;padding:12px;margin-bottom:22px}.search-box input{background:transparent;font-size:20px;min-width:0}.search-box button{padding:12px 22px;background:var(--accent);border-radius:12px;font-size:16px;white-space:nowrap}.search-filters{margin-bottom:26px}#search-results{margin-top:24px} /* Detail pages stay inside the originating content app. */ .detail-appbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:24px 0}.detail-appbar>a{min-height:40px;display:inline-flex;align-items:center;gap:10px;font-size:14px}.detail-head{padding:24px 0 44px;max-width:1250px}.detail-head h1{font-size:clamp(48px,6.8vw,98px);line-height:.99;margin-bottom:28px}.detail-head .body-large{max-width:840px;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:44px;align-items:start}.detail-image{min-width:0}.detail-image>.media-frame{aspect-ratio:var(--image-ratio,3/2);border-radius:18px}.detail-image.profile-image{max-width:400px}.detail-grid:has(.profile-image){grid-template-columns:minmax(0,400px) minmax(280px,1fr)}.detail-image.logo-image>.media-frame{aspect-ratio:5/2}.detail-image.poster-image>.media-frame{aspect-ratio:var(--image-ratio,16/9)}.detail-facts{margin:0;display:grid;gap:20px;padding:28px;background:#ffffffa6;box-shadow:var(--glass-shadow);border-radius:22px;backdrop-filter:blur(12px)}.fact{display:grid;grid-template-columns:90px 1fr;gap:16px}.fact dt{font-size:14px;color:var(--muted)}.fact dd{margin:0;font-size:16px}.detail-action{margin-top:18px}.detail-action .text-link{background:var(--accent);padding:14px 22px;border-radius:30px}.article-body{max-width:800px;margin:44px 0 0 auto;padding:32px;border-radius:22px;background:#ffffffa6;box-shadow:var(--glass-shadow)}.article-section+.article-section{margin-top:32px}.article-section h2{font-size:36px;margin-bottom:16px}.article-section p{line-height:1.75}.article-section p+p{margin-top:18px}.related-section{padding-top:60px}.related-section .section-heading h2{font-size:clamp(30px,3.6vw,48px)}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.related-card{padding:26px;border-radius:18px;background:#ffffffa6;box-shadow:var(--glass-shadow)}.related-card h3{font-size:25px}.related-card p{font-size:15px;color:var(--muted);margin-top:12px}.source-details{font-size:14px;color:var(--muted);margin:32px 0}.source-details summary{cursor:pointer;min-height:40px;padding-block:8px}.source-details a{text-decoration:underline;text-underline-offset:3px}.source-details li{margin-top:10px}.journey-context{font-size:14px;background:#fff5c8;padding:14px 20px;border-radius:12px;margin-bottom:18px}.archive-note{font-size:16px;padding-top:20px;color:var(--muted)}.detail-profile .portrait{display:grid;place-items:center;font-size:50px;background:var(--accent)} /* Contact is an honest, manual email hand-off. */ .contact-intro{padding:22px 0 50px}.contact-intro h1{max-width:900px}.contact-grid{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:60px;align-items:start}.contact-address{padding:28px;background:#ffffffa6;border-radius:22px}.contact-address p{margin-bottom:18px}.contact-address a{font-size:clamp(21px,2.1vw,29px);overflow-wrap:anywhere}.contact-form{padding:32px;background:#ffffffb0;border-radius:24px;backdrop-filter:blur(14px);box-shadow:var(--glass-shadow)}.contact-form fieldset{border:0;margin:0;padding:0;min-width:0}.contact-form label{display:block;margin-bottom:24px}.form-note,.form-status{font-size:14px;line-height:1.55;margin-top:14px;color:var(--muted)}.form-status:empty{display:none}.form-status{color:var(--ink);background:#fff4b3;border-radius:10px;padding:14px}.copy-button{padding-left:0}.contact-form textarea[readonly]{font-size:14px;margin-top:20px}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}.about-grid>div{padding:32px;background:#ffffffb0;border-radius:22px}.about-grid p{margin-bottom:22px}.about-grid img{width:100%;border-radius:20px}.about-forum{display:grid;grid-template-columns:1fr 1.1fr;gap:44px;align-items:center}.about-forum h2{font-size:54px;margin:18px 0}.about-forum p{margin-bottom:18px;color:var(--muted)}.about-forum img{border-radius:18px}.timeline-list{display:grid;gap:20px}.timeline-item{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:30px;border-radius:22px;background:#ffffffab}.timeline-item .year{font-size:50px;font-stretch:80%;font-weight:600;line-height:1}.timeline-item h3{margin-bottom:18px}.timeline-item .category-label{margin-bottom:10px}.timeline-item p{max-width:800px}.not-found{padding-block:100px}.not-found p{margin-block:30px}.not-found .text-link{margin-right:28px} .site-footer{margin-top:80px;padding:44px 0 20px;background:#eaf0f7}.footer-main{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:30px}.footer-brand{font-size:30px;font-weight:700;letter-spacing:-.04em}.footer-address{font-size:14px;color:var(--muted);margin-top:10px}.footer-links{display:flex;flex-direction:column;gap:10px;font-size:14px}.footer-links a{min-height:26px}.footer-bottom{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);padding-top:42px} /* v0.20 — the archive opens into the same light as the network. */ body[data-page=intro] .site-header,body[data-page=intro] .site-footer{display:none} body[data-page=intro]{background:var(--paper)} .intro-transition{position:relative;min-height:100svh;display:flex;color:#fff;overflow:hidden;background:var(--paper);isolation:isolate;transition:color .8s ease} .intro-frame,.intro-backdrop{position:absolute;inset:0} .intro-frame{opacity:0;visibility:hidden;transition:opacity 1.15s ease,visibility 1.15s;pointer-events:none} .intro-frame.is-active{opacity:1;visibility:visible} .intro-backdrop{overflow:hidden} .intro-backdrop img{width:100%;height:100%;object-fit:cover;object-position:var(--image-position,50% 50%);transform:scale(1.025);transition:transform 5.8s cubic-bezier(.2,.65,.3,1)} .intro-frame.is-active .intro-backdrop img{transform:scale(1.075)} .intro-frame:not([data-scene=present]) .intro-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#15121ce0 0%,#15121c85 52%,#15121c24 100%),linear-gradient(0deg,#15121c80,transparent 30%)} .intro-frame[data-scene=present]{background:var(--paper)} .intro-frame[data-scene=forum] .intro-backdrop img{filter:blur(3px);object-position:65% 50%} .intro-content{position:relative;z-index:2;min-height:100svh;width:100%;max-width:1600px;margin:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;padding:164px var(--gutter) 150px} .intro-ring{position:absolute;top:40px;left:var(--gutter);width:82px;height:82px;margin:0;filter:none;mix-blend-mode:screen;animation:ring-spin 28s linear infinite} .intro-copy{max-width:1040px} .intro-kicker{display:flex;align-items:baseline;gap:18px;margin-bottom:28px;font-size:1rem;line-height:1.2;letter-spacing:0} .intro-year{font-size:clamp(1.5rem,3vw,2.75rem);font-weight:450;font-variant-numeric:tabular-nums;letter-spacing:-.035em} .intro-category{opacity:.8;font-size:.875rem} .intro-claim{font-size:clamp(2.75rem,6.7vw,6.25rem);max-width:1050px;font-stretch:95%;font-weight:600;line-height:1.04;letter-spacing:-.04em;text-wrap:balance} .intro-description{font-size:clamp(1.125rem,1.6vw,1.375rem);line-height:1.55;max-width:600px;margin-top:28px;color:#ffffffd9;text-wrap:pretty} .intro-history{margin-top:28px;font-size:clamp(1.125rem,2.2vw,1.75rem);line-height:1.4;font-weight:400} .intro-actions{position:absolute;z-index:4;right:max(var(--gutter),calc((100vw - 1472px)/2));bottom:36px} .intro-enter{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:28px;min-height:60px;padding:10px 10px 10px 26px;margin:0;border:0;border-radius:999px;color:#fff;background:linear-gradient(135deg,#ffffff36,#ffffff12);box-shadow:inset 0 1px 1px #ffffff75,inset 0 -1px 1px #ffffff12,0 8px 32px #030b131c;backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);font-size:1rem;font-weight:500;transition:background .5s,color .5s,box-shadow .4s,translate .3s} .intro-enter .arrow{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-size:22px;line-height:1;background:#ffffff26;transition:transform .35s,background .35s} .intro-enter:hover{background:linear-gradient(135deg,#ffffff55,#ffffff22);translate:0 -2px;box-shadow:inset 0 1px 1px #ffffffa0,0 12px 36px #030b131c} .intro-enter:hover .arrow{transform:rotate(45deg);background:#ffffff40} .intro-enter:focus-visible{background:#fffba7!important;color:var(--ink)!important;box-shadow:inset 0 1px 2px #fff,0 10px 36px #313f4c20} .intro-caption{position:absolute;z-index:3;left:var(--gutter);bottom:46px;max-width:calc(100% - 360px);font-size:.75rem;line-height:1.4;color:#ffffffe0;text-align:left} .intro-transition[data-scene=present]{color:var(--ink)} .intro-transition[data-scene=present] .intro-content{align-items:center;text-align:center;padding:80px var(--gutter) 150px} .intro-transition[data-scene=present] .intro-ring{position:relative;top:auto;left:auto;width:104px;height:104px;margin:0 0 38px;filter:invert(1);mix-blend-mode:multiply} .intro-transition[data-scene=present] .intro-kicker,.intro-transition[data-scene=present] .intro-description{display:none} .intro-transition[data-scene=present] .intro-copy{max-width:none} .intro-transition[data-scene=present] .intro-claim{font-size:clamp(2.6rem,6.2vw,6.2rem);max-width:none} .intro-transition[data-scene=present] .intro-actions{left:50%;right:auto;bottom:calc(50% - 255px);transform:translateX(-50%);white-space:nowrap} .intro-transition[data-scene=present] .intro-enter{color:var(--ink);background:linear-gradient(135deg,#ffffffe0,#ffffff65 52%,#fffba752);box-shadow:inset 0 2px 2px #fff,inset 0 -1px 1px #ffffffa6,0 8px 36px #4253641a} .intro-transition[data-scene=present] .intro-enter .arrow{background:#ffea6c99} .intro-transition[data-scene=present] .intro-enter:hover{background:#ffffffd9} @keyframes ring-spin{to{transform:rotate(360deg)}} /* Small 2D enhancements, never a navigation gate. */ .page-enter{animation:page-in .3s ease both}@keyframes page-in{from{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.reveal-window{position:relative;overflow:hidden;clip-path:circle(var(--reveal-radius,100%) at 50% 50%)}.scene-progress{transform:translateY(var(--scene-shift,0px)) rotate(var(--scene-turn,0deg));transform-origin:50% 50%}.image-wrap,.event-feature-image{isolation:isolate} @media(max-width:1199px){.partner-tile{grid-template-columns:106px minmax(0,1fr);gap:18px;padding:20px}.partner-tile>.arrow{display:none}.partner-monogram{width:106px}.network-label{min-width:188px;font-size:18px}.event-row{grid-template-columns:1fr}.event-row-image{width:100%;aspect-ratio:16/9}.event-row h3{font-size:24px}.events-home{grid-template-columns:1.6fr 1fr;gap:24px}.collection-shell{padding:26px}.header-context{display:none}.footer-main{grid-template-columns:1.4fr 1fr 1fr}.footer-invite{grid-column:1/-1}} @media(max-width:767px){:root{--gutter:20px}body{font-size:16px}.site-header{height:76px}.header-inner{gap:8px}.header-ring{width:26px;height:26px}.word-brand{font-size:14px;gap:7px}.header-collaborate{padding:10px 15px;font-size:14px;min-height:44px}.menu-button{font-size:14px;padding:10px 14px;min-height:44px}.mobile-menu{top:68px;padding:16px;border-radius:20px}.mobile-menu>a{font-size:17px;padding:12px;min-height:60px}.network-hero{padding-top:18px}.network-hero-caption{grid-template-columns:1fr;gap:18px}.network-hero-caption h1{font-size:clamp(54px,11.8vw,88px)}.network-hero-caption p{max-width:none;font-size:16px;padding:0}.network-stage{height:440px}.network-center{width:168px;height:168px;top:46%}.network-label{left:var(--mx);top:var(--my);min-width:0;font-size:15px;gap:8px;min-height:50px;padding:12px 14px;border-radius:14px}.network-label .arrow{font-size:15px}.network-node{left:var(--mx);top:var(--my);width:36px;height:36px}.network-node:has(.media-logo){width:55px;height:36px;border-radius:9px}.network-speck{left:var(--mx);top:var(--my)}.mobile-hide{display:none}.logo-hint{font-size:12px;top:calc(100% + 19px)}.hero-bottom{font-size:13px;padding-bottom:18px}.home-content{padding-top:0}.home-content>.section{padding:24px 20px;margin-block:20px 34px;border-radius:24px}.app-bar{margin-bottom:26px;font-size:13px}.app-bar a{font-size:13px}.section-heading{display:block;margin-bottom:26px}.section-heading>.text-link{margin-top:14px}.section-heading h2{font-size:clamp(42px,9vw,66px)}.heading-prelude,.heading-afterword{font-size:19px}.events-home{grid-template-columns:1fr}.event-feature-copy h3{font-size:30px}.event-archive{gap:14px}.event-row{grid-template-columns:96px minmax(0,1fr);padding:16px;gap:14px}.event-row-image{width:96px;aspect-ratio:4/3}.event-row h3{font-size:22px}.event-meta{font-size:14px}.project-grid{gap:34px}.project-card,.project-card:nth-child(even){display:block}.project-card>.image-wrap{margin-bottom:20px}.project-card .card-meta{margin-top:0}.project-card h3{font-size:29px}.project-card p{max-width:none}.partner-strip{grid-template-columns:1fr;gap:16px}.partner-tile{grid-template-columns:104px minmax(0,1fr);padding:18px;gap:18px}.partner-monogram{width:104px}.partner-tile h3{font-size:24px}.people-grid{grid-template-columns:1fr;gap:12px}.person-card{display:grid;grid-template-columns:90px minmax(0,1fr);gap:22px;align-items:center;padding:16px}.portrait{width:90px;height:90px;margin:0}.person-copy h3{font-size:26px}.person-copy p{font-size:14px}.open-call-strip{display:block;padding:24px}.open-call-strip .text-link{margin-top:16px}.app-mini-nav{margin-top:22px}.collection-shell{margin-top:10px;border-radius:24px;padding:20px}.collection-topbar{gap:12px;margin-bottom:30px}.app-switcher{width:100%;justify-content:space-between;gap:0}.app-switcher a{font-size:14px;padding:11px 7px;min-height:44px}.collection-heading{display:block}.collection-heading h1{font-size:clamp(54px,11vw,80px)}.collection-heading p{margin-top:18px;font-size:16px;max-width:none}.filters{padding:16px;gap:16px}.filter-field,.search-field{min-width:0;flex:1 1 160px}.search-field{flex-basis:100%}.clear-filters{margin-left:auto}.collection-tabs{gap:6px}.collection-tabs button{padding:10px 14px}.collection-meta{align-items:center}.collection-shell[data-app=events] .record-list[data-view=gallery],.collection-shell[data-app=projects] .record-list[data-view=gallery],.collection-shell[data-app=people] .record-list[data-view=gallery]{grid-template-columns:1fr}.collection-shell[data-app=projects] .record-list[data-view=gallery] .record-row{grid-column:auto!important;margin-top:0}.collection-shell[data-app=people] .record-list[data-view=gallery] .record-row{display:grid;grid-template-columns:82px minmax(0,1fr);padding:18px;gap:18px}.collection-shell[data-app=people] .record-list[data-view=gallery] .record-row>.media-portrait{width:82px;margin:0}.collection-shell[data-app=partner] .record-row{grid-template-columns:90px minmax(0,1fr);padding:20px;gap:20px}.collection-shell[data-app=partner] .record-row>.media-logo{width:90px}.collection-shell[data-app=partner] .record-row>.arrow{display:none}.record-row{grid-template-columns:86px minmax(0,1fr);padding:18px;gap:18px}.record-row>.media-frame{width:86px}.record-row>.media-portrait{width:72px}.record-row>.arrow{display:none}.record-row h2{font-size:25px}.record-row p{font-size:15px}.record-row:has(.media-photo),.record-row:has(.media-poster){grid-template-columns:1fr}.record-row:has(.media-photo)>.media-frame,.record-row:has(.media-poster)>.media-frame{width:100%;aspect-ratio:16/10}.row-meta{font-size:14px}.collection-shell[data-app=events] .record-list[data-view=gallery] .record-row>div{padding:22px}.page-intro{display:block;padding-top:20px}.page-intro p{margin-top:24px}.empty-state{padding:24px}.empty-state h2{font-size:32px}.search-box{padding:8px;gap:4px}.search-box input{font-size:17px;padding:12px 8px}.search-box button{padding:12px 15px;font-size:14px}.detail-appbar .app-switcher{order:2}.detail-head{padding:24px 0 30px}.detail-head h1{font-size:clamp(42px,9vw,68px);overflow-wrap:break-word}.detail-grid,.detail-grid:has(.profile-image){grid-template-columns:1fr;gap:28px}.detail-image.profile-image{max-width:340px}.article-body{padding:24px;margin-top:32px}.related-grid{grid-template-columns:1fr}.detail-facts{padding:24px}.fact{grid-template-columns:80px 1fr}.contact-intro{padding-bottom:32px}.contact-grid{display:flex;flex-direction:column;gap:26px}.contact-form{order:-1;padding:24px;width:100%}.contact-address{width:100%}.about-grid,.about-forum{grid-template-columns:1fr;gap:28px}.about-grid>div{padding:24px}.timeline-item{grid-template-columns:1fr;gap:18px;padding:26px}.about-forum h2{font-size:42px}.section{padding-top:48px}.site-footer{margin-top:50px;padding-top:34px}.footer-main{grid-template-columns:1fr 1fr;gap:28px}.footer-brand-block{grid-column:1/-1}.footer-brand{font-size:32px}.intro-ring{width:76px;height:76px}.intro-content{padding-bottom:90px}.intro-claim{font-size:clamp(39px,8.8vw,65px)}.intro-kicker{font-size:14px}.intro-caption{font-size:12px;left:20px;right:20px}} @media(max-width:360px){:root{--gutter:16px}.word-brand{font-size:12px;gap:5px}.header-ring{width:23px;height:23px}.header-collaborate{font-size:13px;padding-inline:12px}.menu-button{padding-inline:11px}.network-label{font-size:14px;padding-inline:11px;gap:6px}.network-label .category-dot{display:none}.network-center{width:140px;height:140px}.collection-shell{padding:16px}.app-switcher a{padding-inline:6px;font-size:14px}.collection-heading h1{font-size:50px}.collection-heading .collection-total{display:none}.partner-tile{grid-template-columns:80px minmax(0,1fr);gap:14px;padding:16px}.partner-monogram{width:80px}.partner-tile h3{font-size:22px}.person-card{grid-template-columns:72px minmax(0,1fr);gap:16px;padding:12px}.portrait{width:72px;height:72px}.event-row{grid-template-columns:1fr}.event-row-image{width:100%;aspect-ratio:16/9}.collection-shell[data-app=people] .record-list[data-view=gallery] .record-row{grid-template-columns:60px minmax(0,1fr);padding:16px;gap:14px}.collection-shell[data-app=people] .record-list[data-view=gallery] .record-row>.media-portrait{width:60px}.collection-shell[data-app=partner] .record-row{grid-template-columns:1fr}.collection-shell[data-app=partner] .record-row>.media-logo{width:140px}.record-row h2{font-size:23px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.logo-object,.network-center .brand-ring,.scene-progress{transform:none!important}.logo-hint{display:none}.logo-play{cursor:default}.reveal-window{clip-path:none!important}.page-enter{opacity:1;transform:none}} @media(forced-colors:active){:focus-visible{outline:2px solid Highlight;text-decoration:underline}.network-lines path{stroke:CanvasText}.logo-glass{display:none}} main:focus-visible{background-color:transparent!important;text-decoration:none!important} .hero-bottom{justify-content:flex-end} @media(max-width:767px){ .collection-topbar{margin-bottom:20px;gap:8px}.collection-back{min-height:30px} .collection-heading{margin-bottom:24px}.collection-heading h1{font-size:clamp(48px,10.5vw,72px)} .collection-shell .filters{padding:14px;gap:12px;display:grid;grid-template-columns:minmax(0,1fr) auto} .collection-shell .search-field{grid-column:1/-1}.collection-shell .search-field .field-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)} .collection-shell .filter-field{min-width:0}.collection-shell .filters .field-label{font-size:13px} .collection-tabs{margin-bottom:12px}.collection-meta{margin:12px 0} } @media(max-width:360px){.logo-hint{display:none}} /* v0.17 — one type family, shared column lines, a living flat network. */ :root{--gutter:clamp(20px,4vw,64px);--grid-gap:24px;--space-unit:8px;--display:clamp(2.5rem,5vw,5rem);--heading:clamp(2rem,4.25vw,4rem);--body:1.125rem;--ink:#1d2c41;--paper:#f5f8fb} body{font-size:var(--body);font-stretch:100%;line-height:1.55} h1,h2,h3{font-stretch:95%;font-weight:600;letter-spacing:-.025em;line-height:1.12;text-wrap:pretty} h1{font-size:var(--display)}h2{font-size:var(--heading)}h3{font-size:2rem} .wrap{max-width:1600px}.body-large{font-size:clamp(1.125rem,1.65vw,1.5rem);line-height:1.5}.eyebrow,.category-label,.image-caption{font-size:.875rem;letter-spacing:0} .text-link,.pill-button,.header-collaborate,.menu-button{font-size:1rem}.text-link{font-weight:500}.header-context{display:none}.word-brand{margin-right:auto} .header-open-calls{font-size:1rem;padding:12px 18px;min-height:46px;display:flex;align-items:center;background:#a6d4ff85;border-radius:28px;font-weight:550;white-space:nowrap}.header-open-calls:hover{background:var(--pink)}.header-collaborate{margin-left:0}.header-inner{gap:8px} /* Full first viewport: statement above, space for the network below. */ .network-hero{height:calc(100svh - 88px);min-height:620px;padding:20px 0 0;overflow:clip;background:radial-gradient(ellipse at 27% 74%,#fffba7a1,transparent 50%),radial-gradient(ellipse at 83% 58%,#a6d4ff78,transparent 48%)} .network-hero .hero-heading{order:-1;margin:0 auto;flex-shrink:0}.hero-heading p{font-size:1rem;color:var(--muted);margin-bottom:16px}.hero-heading h1{font-size:clamp(2.5rem,5.35vw,5.35rem);font-stretch:95%;font-weight:600;line-height:1.08;letter-spacing:-.035em;max-width:none;text-wrap:wrap} .network{flex:1;min-height:0;overflow:visible}.network-stage{height:100%;min-height:0;max-width:1600px;margin:auto}.network-center{width:clamp(190px,23vw,320px);height:clamp(190px,23vw,320px);top:48%} .network-label{min-width:190px;min-height:60px;font-size:1.125rem;border-radius:30px;letter-spacing:-.01em;padding:16px 24px;background:#ffffffb5;backdrop-filter:blur(16px);transition:background .2s,box-shadow .2s} .network-label .category-dot{display:none}.network-label:hover{background:#fff;box-shadow:0 8px 30px #313f4c14}.network-node{width:clamp(60px,6.25vw,90px);height:clamp(60px,6.25vw,90px);box-shadow:0 8px 30px #31425321} .network-node:has(.media-logo){width:clamp(84px,8vw,120px);height:clamp(55px,5vw,76px);border-radius:18px}.network-node:has(.media-photo){border-radius:22px;width:clamp(76px,8vw,112px);height:clamp(62px,6vw,88px)} .network-node>.media-frame{animation:node-drift 8s ease-in-out infinite;animation-delay:calc(var(--drift-index,0)*-.73s)} .network-node:hover>.media-frame,.network-node:focus-visible>.media-frame{animation-play-state:paused}.network-speck{background:#b9cddc;opacity:.5}.network-speck:nth-child(even){background:#e3d770} @keyframes node-drift{0%,100%{translate:0 -5px;rotate:-1deg}50%{translate:4px 7px;rotate:1deg}} .network[data-ambient-paused] .network-node>.media-frame{animation-play-state:paused}.network[data-active] .network-node{opacity:.6}.logo-hint{font-size:.875rem;top:calc(100% + 16px)} .hero-bottom{flex-shrink:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px var(--gutter) 24px;gap:24px}.hero-bottom>.text-link{justify-self:start}.hero-bottom .calls-cta{background:var(--accent);padding:15px 24px;box-shadow:0 8px 24px #52441313}.motion-toggle{justify-self:end;min-height:44px;padding:10px 8px;font-size:.875rem;color:var(--muted);text-decoration:underline;text-underline-offset:4px} /* A twelve-column content grid and a small, honest archive dashboard. */ .home-content{padding-top:48px}.home-content>.section{padding:40px;margin:48px 0 80px;border-radius:32px;overflow:visible}.home-content .section-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;margin-bottom:40px}.section-heading h2{max-width:none;font-size:var(--heading);font-stretch:95%;line-height:1.12}.heading-prelude,.heading-afterword{font:inherit;display:inline;margin:0;letter-spacing:inherit}.heading-prelude:after{content:' '}.heading-afterword:before{content:' '} #nice-events .section-heading h2{font-size:clamp(2rem,3.3vw,3rem)}.app-bar{margin-bottom:24px;font-size:1rem}.app-bar .app-name:before{display:none}.app-bar .app-name{font-variant-numeric:tabular-nums}.events-home{grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:var(--grid-gap)}.project-card{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--grid-gap)}.project-card:nth-child(even){grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.partner-strip,.people-grid{gap:var(--grid-gap)} .event-feature-copy h3,.project-card h3{font-size:clamp(1.5rem,2.4vw,2rem);font-weight:600;line-height:1.2}.event-row h3,.partner-tile h3,.person-copy h3{font-size:clamp(1.375rem,1.8vw,1.625rem);font-weight:550;line-height:1.2;letter-spacing:-.02em}.person-copy h3,.record-row h2{font-stretch:100%}.project-card p,.event-feature-copy>p:last-child{font-size:1.125rem;line-height:1.55}.event-row p,.event-meta,.person-copy p,.partner-tile p{font-size:1rem;line-height:1.5}.event-row{grid-template-columns:80px minmax(0,1fr);padding:16px;gap:16px}.event-row-image{width:80px} .archive-dashboard{padding:8px 0 16px}.archive-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:24px}.archive-heading h2{font-size:1.5rem;font-stretch:100%;letter-spacing:-.02em}.archive-heading>span{font-size:.875rem;color:var(--muted)}.archive-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.archive-metric{display:grid;grid-template-columns:1fr auto;align-content:start;gap:4px 8px;padding:24px;border-radius:24px;background:linear-gradient(135deg,#ffffffd9,#ffffff8a);backdrop-filter:blur(12px);box-shadow:inset 0 1px #fff;transition:background .2s,transform .2s;position:relative;overflow:hidden}.archive-metric:before{content:'';position:absolute;inset:auto 0 0;height:5px;background:var(--metric-accent)}.metric-value{font-size:clamp(2.5rem,4vw,4rem);font-weight:500;letter-spacing:-.04em;line-height:1.1;font-variant-numeric:tabular-nums;grid-column:1;display:block;margin-bottom:12px}.metric-label{font-size:1rem;grid-column:1}.metric-unit{font-size:.875rem;line-height:1.45;color:var(--muted);grid-column:1/-1}.archive-metric>.arrow{grid-column:2;grid-row:1;align-self:center}.archive-metric:hover{background:#fff;transform:translateY(-3px)} /* Context belongs above the view; controls use the same translucent language. */ .collection-shell{padding:32px 40px 40px}.collection-heading{margin:32px 0}.collection-heading h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.1;font-weight:600;letter-spacing:-.025em;font-stretch:95%;display:flex;align-items:baseline;gap:20px;width:100%}.collection-heading .collection-total{margin-left:auto;font-size:clamp(2rem,4vw,3.5rem);font-weight:400;letter-spacing:-.03em;color:#747c84;padding:0;font-stretch:100%;font-variant-numeric:tabular-nums} .context-back{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:6px 16px 6px 6px;border-radius:40px;background:#ffffff94;transition:background .2s}.back-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;background:#fff;border-radius:50%;font-size:1.25rem;transition:translate .2s}.back-copy{display:flex;flex-direction:column;gap:2px;line-height:1.3}.back-copy strong{font-size:1rem;font-weight:500}.back-copy>span{font-size:.875rem;color:var(--muted)}.context-back:hover{background:#fff}.context-back:hover .back-icon{translate:-3px 0;background:var(--accent)}.detail-appbar{padding:24px 0;gap:24px}.collection-topbar{gap:24px;margin-bottom:0}.app-switcher{padding:4px;background:#ffffffad}.app-switcher a{font-size:.875rem;padding:12px 16px;min-height:44px} .filters{background:none;box-shadow:none;padding:0;border-radius:0;gap:12px;margin-bottom:20px;align-items:stretch;position:relative;z-index:12}.filter-field{gap:0;min-width:180px;flex:0 1 auto;position:relative}.filter-field>.field-label{font-size:.875rem;margin:0 0 8px;color:var(--muted)}.search-field{flex:1 1 280px;min-width:200px;background:#ffffffb8;border-radius:32px;align-self:end;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff}.search-field>.field-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.search-field:before{content:'';position:absolute;left:21px;top:20px;width:13px;height:13px;border:1.6px solid currentColor;border-radius:50%;opacity:.65;pointer-events:none}.search-field:after{content:'';position:absolute;left:34px;top:33px;width:6px;height:1.6px;background:currentColor;rotate:45deg;opacity:.65;pointer-events:none}.search-field input{background:transparent;border-radius:32px;padding:17px 20px 17px 48px;min-height:58px;font-size:1rem;box-shadow:none}.search-field:focus-within{background:#fff8d3}.search-field input:focus{background:transparent}input::placeholder,textarea::placeholder{color:#6d747a;opacity:1}.clear-filters{padding:12px;min-height:58px;align-self:end;font-size:.875rem;color:var(--muted)} input,textarea,select{border-radius:20px;background:#ffffffb8;box-shadow:inset 0 1px #fff;font-size:1rem;padding:15px 18px;min-height:54px}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23584c5d' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;padding-right:42px}.select-enhanced>select{display:none}.select-control{position:relative;min-width:180px}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;width:100%;padding:16px 20px;border-radius:32px;background:#ffffffbd;box-shadow:inset 0 1px #fff;font-size:1rem;text-align:left}.select-trigger:after{content:'';width:8px;height:8px;border-right:1.5px solid;border-bottom:1.5px solid;rotate:45deg;translate:0 -2px;transition:rotate .18s;flex:none}.select-trigger[aria-expanded=true]{background:#fff8cf}.select-trigger[aria-expanded=true]:after{rotate:225deg;translate:0 2px}.select-options{position:absolute;top:calc(100% + 8px);left:0;right:0;min-width:100%;padding:6px;border-radius:20px;background:#fcfeffef;backdrop-filter:blur(20px);box-shadow:0 16px 48px #26323d26;z-index:30;max-height:300px;overflow:auto}.select-options button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px 14px;min-height:44px;border-radius:14px;font-size:1rem;text-align:left;line-height:1.3}.select-options button:hover{background:#e9edf2}.select-options button[aria-pressed=true]{background:#ffea6c80}.select-options button[aria-pressed=true]:after{content:'✓'} .collection-tabs{gap:8px}.collection-tabs button,.filter-chip,.view-toggle button{font-size:.875rem;padding:11px 16px;min-height:44px;background:#ffffff85}.collection-tabs button[aria-pressed=true],.filter-chip[aria-pressed=true]{background:#ffea6c;color:var(--ink)}.view-toggle{background:#ffffff85;border-radius:28px;padding:4px}.view-toggle button{background:none;min-height:36px;padding:8px 14px}.result-count{font-size:1rem;font-variant-numeric:tabular-nums}.record-row h2{font-size:clamp(1.5rem,2.1vw,2rem)}.record-row p{font-size:1rem}.date-stamp strong{font-stretch:100%;font-size:1.5rem}.record-row>.arrow{display:none}.record-row{grid-template-columns:160px minmax(0,1fr)}.record-cta{font-size:1rem!important}.record-row:focus-visible{background:#fff5bd!important}.record-row.return-highlight{animation:return-highlight 1.1s ease-out}.search-box{background:#ffffffba;border-radius:40px;padding:8px 12px 8px 24px}.search-box input{box-shadow:none;background:none;font-size:1.125rem}.search-box button{border-radius:30px;background:var(--ink);color:#fff;font-size:1rem;padding:14px 24px}.contact-form .select-control{width:100%}.contact-form label:has(.select-control){position:relative;z-index:2}.contact-form fieldset{min-width:0}.detail-head h1{font-size:var(--display);max-width:1100px}.detail-head p{max-width:65ch} @keyframes return-highlight{0%{background:#fff0a8}100%{background:#ffffff8c}} /* Open Calls: a visible participation destination, with honest availability. */ .open-call-feature{display:grid;grid-template-columns:minmax(0,8fr) minmax(260px,4fr);gap:32px;align-items:end;padding:56px 40px;margin:32px 0 72px;border-radius:32px;background:radial-gradient(ellipse at 100% 0,#619dffa0,transparent 60%),linear-gradient(120deg,#fffba7c9,#a6d4ffc4);box-shadow:inset 0 1px #fff;backdrop-filter:blur(18px);position:relative;overflow:hidden}.call-eyebrow{font-size:1rem;font-weight:500;margin-bottom:16px}.open-call-feature h2{font-size:clamp(2.5rem,4.8vw,4.5rem);margin-bottom:24px}.open-call-feature p:not(.call-eyebrow){font-size:1.5rem;max-width:32ch}.call-feature-action{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.call-feature-action>span{font-size:.875rem;color:#424a53}.calls-heading{padding:40px 0 64px;max-width:1100px}.calls-heading h1{font-size:clamp(2.75rem,6.5vw,6rem);margin-bottom:32px}.calls-heading>p:last-child{font-size:1.25rem;max-width:50ch}.calls-page{background:radial-gradient(ellipse at 100% 0,#a6d4ff54,transparent 60%)}.call-status{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding:40px;background:#ffffffb3;backdrop-filter:blur(16px);border-radius:32px;box-shadow:var(--glass-shadow)}.call-status-label{font-size:1rem;color:var(--muted);display:block;margin-bottom:16px}.call-status h2{font-size:2rem;margin-bottom:16px}.call-status p{max-width:56ch;font-size:1.125rem}.calls-next{padding:56px 0;display:flex;flex-wrap:wrap;gap:24px}.calls-next h2{font-size:1.5rem;flex-basis:100%} /* One continuous history instead of isolated cards. */ .history-heading{display:grid;grid-template-columns:7fr 5fr;gap:var(--grid-gap);align-items:end;padding:40px 0 64px}.history-heading h1{font-size:clamp(3rem,6vw,5.75rem)}.history-heading>div:last-child{max-width:48ch}.history-heading>div:last-child p+p{margin-top:24px;color:var(--muted)}.history-navigation{position:sticky;top:12px;z-index:25;display:flex;gap:4px;width:fit-content;max-width:100%;padding:6px;background:#ffffffc9;backdrop-filter:blur(20px);border-radius:40px;box-shadow:0 8px 35px #343e480d;margin-bottom:24px}.history-navigation a{font-size:1rem;font-variant-numeric:tabular-nums;min-height:44px;padding:10px 20px;border-radius:28px}.history-navigation a[aria-current=true]{background:var(--ink);color:#fff}.history-navigation a:hover{background:var(--accent);color:var(--ink)}.history-timeline{list-style:none;padding:0;margin:0;position:relative}.history-step{display:grid;grid-template-columns:minmax(80px,2fr) minmax(0,5fr) minmax(0,5fr);gap:24px;padding:56px 0 64px;position:relative;scroll-margin-top:100px}.history-step:before{content:'';position:absolute;left:36px;top:0;bottom:0;width:2px;background:linear-gradient(#cfdeed,#c2d6ee)}.history-year{position:relative;z-index:1;padding-top:4px}.history-year>span{display:inline-block;font-size:clamp(2rem,3.8vw,3.75rem);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.04em;line-height:1.1;background:var(--paper);padding:8px 0}.history-copy{background:#ffffff99;border-radius:24px;padding:32px;backdrop-filter:blur(12px);align-self:start}.history-copy h2{font-size:clamp(1.75rem,2.6vw,2.5rem);line-height:1.2;margin-bottom:24px}.history-copy>p:not(.call-eyebrow){font-size:1.125rem;line-height:1.55}.history-copy>.text-link,.history-copy>.pill-button{margin-top:24px}.history-copy .source-details{margin-top:24px;padding-top:0;font-size:.875rem}.history-image{align-self:start;padding-top:0;overflow:hidden}.history-image img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:24px}.history-image.history-poster img{object-fit:contain;background:#fff;aspect-ratio:1400/788}.history-image figcaption{font-size:.875rem;color:var(--muted);line-height:1.5;margin-top:16px}.history-now{grid-template-columns:minmax(80px,2fr) minmax(0,10fr)}.history-now .history-copy{background:linear-gradient(110deg,#fffba7a3,#a6d4ffb3);padding:40px}.history-now .history-copy h2{font-size:clamp(2rem,4vw,3.75rem)}.history-note{font-size:.875rem;color:var(--muted);max-width:75ch} /* Motion is short for content and pausable for the ambient network. */ .motion-ready [data-reveal]{transition:opacity .5s ease,translate .5s cubic-bezier(.2,.7,.2,1)}.motion-ready [data-reveal]:not(.is-revealed){opacity:.1;translate:0 16px}.motion-ready [data-reveal].is-revealed{opacity:1;translate:0 0}.page-enter{animation:page-in .18s ease-out}.media-frame img{transition:transform .4s ease}.event-feature:hover img{transform:scale(1.02)} @media(min-width:1600px){.hero-heading h1{font-size:5.5rem}} @media(max-width:1100px){.header-context{display:none}.network-center{width:220px;height:220px}.network-label{min-width:168px;padding:14px 18px;font-size:1rem}.home-content>.section{padding:32px}.events-home{grid-template-columns:7fr 5fr}.archive-metric{padding:20px}.history-step{grid-template-columns:100px minmax(0,1fr);gap:24px}.history-image{grid-column:2;max-width:620px}.history-copy{padding:28px}.history-step:before{left:28px}.history-heading{grid-template-columns:1fr 1fr}.open-call-feature{grid-template-columns:1fr;gap:32px}.call-feature-action{flex-direction:row;flex-wrap:wrap;align-items:center}.collection-shell{padding:28px}.filters{gap:8px}.app-switcher a{padding:12px}.collection-topbar{gap:16px}} @media(max-width:767px){:root{--gutter:20px;--grid-gap:16px;--body:1rem;--heading:clamp(1.75rem,6.7vw,2.75rem);--display:clamp(2.25rem,8vw,3.5rem)}.site-header{height:76px}.header-open-calls{display:none}.header-inner{gap:8px}.word-brand{font-size:.875rem}.header-collaborate,.menu-button{font-size:.875rem;padding:10px 14px}.header-ring{width:26px;height:26px}.network-hero{height:calc(100svh - 76px);min-height:580px;padding-top:16px}.hero-heading p{font-size:.875rem;margin-bottom:12px}.hero-heading h1{font-size:clamp(2rem,7.4vw,3.25rem);line-height:1.12;letter-spacing:-.025em}.network-stage{height:100%;min-height:0}.network-center{width:164px;height:164px;top:48%}.network-label{left:var(--mx);top:var(--my);font-size:.875rem;min-width:0;min-height:46px;padding:12px 14px;gap:4px;border-radius:26px}.network-label .arrow{display:none}.network-node{left:var(--mx);top:var(--my);width:46px;height:46px}.network-node:has(.media-logo){width:60px;height:42px;border-radius:12px}.network-node:has(.media-photo){width:56px;height:46px;border-radius:14px}.network-speck{display:none}.logo-hint{font-size:.75rem;top:calc(100% + 10px)}.hero-bottom{grid-template-columns:1fr auto;gap:4px 8px;padding:10px var(--gutter) 16px}.hero-bottom .calls-cta{font-size:.875rem;grid-column:2;grid-row:1/3;padding:14px 16px;min-height:48px}.hero-bottom>.text-link{font-size:.875rem}.motion-toggle{grid-column:1;justify-self:start;padding:0;min-height:28px;font-size:.75rem}.home-content{padding-top:32px}.home-content>.section{padding:24px 20px;margin:32px 0 48px;border-radius:24px}.home-content .section-heading{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:32px}.section-heading h2,#nice-events .section-heading h2{font-size:var(--heading)}.section-heading>.text-link{margin-top:0}.app-bar{margin-bottom:16px;font-size:.875rem}.app-bar a{font-size:.875rem}.events-home,.project-card,.project-card:nth-child(even){display:grid;grid-template-columns:1fr;gap:20px}.project-card>.image-wrap,.project-card:nth-child(even)>.image-wrap{grid-column:auto;grid-row:auto;margin:0}.project-card{gap:0}.project-card .card-meta{margin:20px 0 12px}.project-card h3{margin-bottom:12px}.project-card p{font-size:1rem}.project-grid{gap:32px}.event-feature-copy h3{font-size:1.75rem}.event-feature-copy>p:last-child,.event-meta{font-size:.875rem}.event-row{grid-template-columns:80px minmax(0,1fr);gap:16px}.event-row h3{font-size:1.375rem}.event-row p{font-size:.875rem}.event-row-image{width:80px}.person-copy h3,.partner-tile h3{font-size:1.375rem}.person-copy p,.partner-tile p{font-size:.875rem}.archive-heading{display:block;margin-bottom:20px}.archive-heading h2{font-size:1.25rem;margin-bottom:8px}.archive-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.archive-metric{padding:20px 16px;border-radius:20px}.metric-value{font-size:2.5rem}.metric-label{font-size:.875rem}.metric-unit{font-size:.75rem}.collection-shell{padding:20px}.collection-heading{margin:24px 0}.collection-heading h1{font-size:clamp(2rem,7.4vw,3rem);gap:12px}.collection-heading .collection-total{font-size:1.5rem;display:block}.context-back{padding-right:12px}.back-copy strong{font-size:.875rem}.back-copy>span{font-size:.75rem}.back-icon{width:36px;height:36px}.collection-topbar{gap:16px}.app-switcher{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.app-switcher a{padding:12px 6px;font-size:.875rem;text-align:center}.filters{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.search-field{grid-column:1/-1;min-width:0}.filter-field{min-width:0;flex:auto}.filter-field>.field-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.select-control{min-width:0}.select-trigger{min-height:52px;font-size:.875rem;padding:14px 18px;gap:12px}.select-options button{font-size:.875rem}.clear-filters{min-height:52px;font-size:.875rem}.search-field input{font-size:1rem;min-height:54px}.search-field:before{top:18px}.search-field:after{top:31px}.collection-tabs{gap:6px}.collection-tabs button{font-size:.875rem;padding:10px 12px}.collection-meta{gap:12px}.result-count{font-size:.875rem}.record-row{grid-template-columns:86px minmax(0,1fr)}.record-row h2{font-size:1.5rem}.record-row p{font-size:1rem}.record-row .record-cta{font-size:.875rem!important}.detail-head h1{font-size:var(--display)}.detail-appbar .app-switcher{order:2}.open-call-feature{padding:32px 24px;margin:24px 0 48px;border-radius:24px}.open-call-feature h2{font-size:clamp(2rem,7.5vw,3rem);margin-bottom:20px}.open-call-feature p:not(.call-eyebrow){font-size:1.125rem}.call-eyebrow{font-size:.875rem}.call-feature-action{align-items:flex-start;flex-direction:column}.calls-heading{padding:24px 0 40px}.calls-heading h1{font-size:clamp(2.25rem,9vw,3.5rem);margin-bottom:24px}.calls-heading>p:last-child{font-size:1.125rem}.call-status{grid-template-columns:1fr;padding:28px 24px;gap:28px;border-radius:24px}.call-status h2{font-size:1.625rem}.call-status p{font-size:1rem}.call-status .pill-button{justify-self:start}.history-heading{grid-template-columns:1fr;gap:32px;padding:24px 0 40px}.history-heading h1{font-size:clamp(2.75rem,9vw,4rem)}.history-heading>div:last-child{max-width:none}.history-navigation{gap:0;padding:4px;top:8px;width:100%;justify-content:space-between}.history-navigation a{padding:12px 10px;font-size:.875rem}.history-step{grid-template-columns:1fr;gap:20px;padding:24px 0 40px 24px}.history-step:before{left:3px}.history-year:before{content:'';position:absolute;left:-26px;top:24px;width:12px;height:12px;background:var(--pink);border-radius:50%}.history-year>span{font-size:2.5rem;background:none}.history-copy{padding:24px}.history-copy h2{font-size:1.5rem;margin-bottom:20px}.history-copy>p:not(.call-eyebrow){font-size:1rem}.history-image{grid-column:auto}.history-image img{border-radius:20px}.history-image figcaption{font-size:.75rem;margin-top:12px}.history-now .history-copy{padding:28px 24px}.history-now .history-copy h2{font-size:2rem}.history-note{font-size:.875rem}.search-box{padding:6px 8px 6px 14px}.search-box input{font-size:1rem;padding-inline:0}.search-box button{font-size:.875rem;padding:12px 16px}} @media(max-width:360px){:root{--gutter:16px}.word-brand{font-size:.75rem;gap:5px}.header-ring{width:23px;height:23px}.header-collaborate,.menu-button{font-size:.8125rem;padding-inline:11px}.hero-heading h1{font-size:1.875rem}.network-center{width:144px;height:144px}.network-label{padding:11px 12px;font-size:.875rem}.network-node{width:40px;height:40px}.network-node:has(.media-logo){width:52px;height:38px}.network-node:has(.media-photo){width:48px;height:42px}.logo-hint{display:none}.hero-bottom .calls-cta{font-size:.8125rem;padding-inline:13px}.hero-bottom>.text-link{font-size:.8125rem}.home-content>.section,.collection-shell{padding:20px 16px}.collection-heading h1{font-size:1.875rem}.collection-heading .collection-total{font-size:1.25rem}.app-switcher a{padding-inline:3px}.event-row{grid-template-columns:1fr}.event-row-image{width:100%;aspect-ratio:16/9}.archive-metric{padding:16px 12px}.metric-value{font-size:2.25rem}.metric-label{font-size:.875rem}.history-copy{padding:20px}.history-step{padding-left:20px}.history-year:before{left:-22px}.history-navigation a{padding-inline:8px}} @media(prefers-reduced-motion:reduce){.network-node>.media-frame{animation:none!important;translate:none;rotate:none}.motion-ready [data-reveal]{opacity:1!important;translate:none!important;transition:none!important}.record-row.return-highlight{animation:none}.motion-toggle{display:none}.history-navigation{scroll-behavior:auto}} /* Glass bleeds outward; reading edges share the page grid. */ .home-content>.section{--section-pad:min(var(--gutter),40px);margin-inline:calc(-1 * var(--section-pad));padding-inline:var(--section-pad)} .collection-shell{--section-pad:min(var(--gutter),40px);margin-inline:calc(-1 * var(--section-pad));padding-inline:var(--section-pad)} .select-options button[aria-pressed=true]:after{content:'';width:7px;height:12px;border:solid currentColor;border-width:0 1.5px 1.5px 0;rotate:45deg;margin-right:4px;flex:none} /* Text enlargement keeps controls in flow instead of clipping. */ .site-header{height:auto;min-height:88px}.header-inner{height:auto;min-height:88px;padding-block:16px;flex-wrap:wrap}.word-brand{flex-shrink:0} .collection-meta{flex-wrap:wrap}.view-toggle{max-width:100%;flex-wrap:wrap} .node-label{white-space:normal;width:max-content;max-width:min(210px,44vw);left:0;transform:none}.network-node[data-family=partner] .node-label,.network-node[data-family=events] .node-label{left:auto;right:0} @media(max-width:767px){.site-header,.header-inner{min-height:76px}.app-switcher{grid-template-columns:repeat(auto-fit,minmax(min(100%,4.5rem),1fr))}.network-label{max-width:44%;white-space:normal;text-align:center;justify-content:center}.hero-bottom{grid-template-columns:minmax(0,1fr) auto}.hero-bottom .calls-cta{max-width:100%;text-align:center}} @media(max-width:360px){.header-inner{gap:6px}.menu-button>span{display:none}.menu-button{gap:0}} /* Wide editorial layouts share actual twelve-column tracks. */ @media(min-width:1101px){ .events-home,.project-card,.project-card:nth-child(even),.partner-strip,.people-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--grid-gap)} .events-home>.event-feature{grid-column:span 8}.events-home>.event-archive{grid-column:span 4} .project-card>.image-wrap{grid-column:1/8;grid-row:1/5}.project-card>.card-meta,.project-card>h3,.project-card>p{grid-column:8/-1} .project-card:nth-child(even)>.image-wrap{grid-column:6/-1}.project-card:nth-child(even)>.card-meta,.project-card:nth-child(even)>h3,.project-card:nth-child(even)>p{grid-column:1/6} .partner-strip>.partner-tile{grid-column:span 6}.people-grid>.person-card{grid-column:span 4} } .project-card>.image-wrap{grid-row:auto}.project-copy{min-width:0} @media(min-width:1101px){.project-card>.project-copy{grid-column:8/-1;grid-row:1}.project-card:nth-child(even)>.project-copy{grid-column:1/6}.project-card>.image-wrap{grid-row:1}} @media(min-width:768px) and (max-width:1100px){.project-card>.project-copy{grid-column:2;grid-row:1}.project-card:nth-child(even)>.project-copy{grid-column:1}.project-card>.image-wrap{grid-row:1}} /* v0.18 — programme categories remain separate from historical collaboration. */ :root{--seeds:#eddb62;--organisations:#d0d4d7} .collection-note{font-size:15px;color:var(--muted);line-height:1.5;margin-top:16px;max-width:54ch} .programme-profile{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:300px;padding:clamp(24px,4vw,56px);border-radius:24px;background:radial-gradient(ellipse at 90% 15%,#a6d4ff60,transparent 70%),linear-gradient(135deg,#ffffffce,#fffba75c);box-shadow:var(--glass-shadow);backdrop-filter:blur(14px);gap:28px} .programme-profile strong{font-size:clamp(44px,6vw,84px);font-weight:650;letter-spacing:-.04em;overflow-wrap:anywhere} .programme-tier{font-size:14px;letter-spacing:.04em}.programme-profile>span:last-child{font-size:16px;color:var(--muted)} .partner-monogram>.row-monogram{width:100%;height:100%;aspect-ratio:auto;border-radius:12px;font-size:clamp(18px,2vw,28px);background:linear-gradient(130deg,#ffffffc2,#b6d0fa64)} .network-node>.row-monogram{width:100%;height:100%;aspect-ratio:auto;border-radius:inherit;font-size:clamp(10px,1.5vw,18px);font-weight:600;background:linear-gradient(130deg,#ffffffed,#b6d0fab0)} /* v0.19 — source reports stay close to the event archive. */ .event-press{margin:28px 0 40px;padding:28px 32px;background:var(--glass);border-radius:24px;box-shadow:var(--glass-shadow);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;gap:24px} .event-press h2{font-size:clamp(1.375rem,2vw,1.75rem);line-height:1.2;white-space:nowrap} .event-press nav{display:flex;gap:24px;flex-wrap:wrap}.event-press .text-link{font-size:1rem} .detail-action:has(>.pill-button){display:flex;align-items:flex-start;flex-direction:column;gap:22px} @media(max-width:767px){.event-press{padding:24px;align-items:flex-start;flex-direction:column}.event-press nav{flex-direction:column;gap:16px}.event-press .text-link{white-space:normal;line-height:1.4}} /* Shared two-dimensional colour field: no video, canvas or 3D resources. */ .nice-light-field{position:absolute;inset:0;overflow:hidden;pointer-events:none;isolation:isolate} .nice-light-field>span{position:absolute;width:110%;height:120%;border-radius:50%;will-change:transform} .nice-light-yellow{left:-32%;top:8%;background:radial-gradient(ellipse,#fffba7c4 0%,#ffea6c55 27%,#fffba700 65%);animation:nice-light-yellow 16s ease-in-out infinite alternate} .nice-light-pink{right:-38%;top:-6%;background:radial-gradient(ellipse,#a6d4ff92 0%,#619dff31 26%,#a6d4ff00 65%);animation:nice-light-pink 19s ease-in-out infinite alternate} @keyframes nice-light-yellow{from{transform:translate(-3%,4%) scale(.95)}to{transform:translate(12%,-9%) scale(1.12)}} @keyframes nice-light-pink{from{transform:translate(6%,-3%) scale(.94)}to{transform:translate(-9%,12%) scale(1.09)}} .network-hero{background:none;isolation:isolate} .network-hero>.nice-light-field{z-index:-1} .intro-light{opacity:0;transition:opacity 1.6s ease .25s;z-index:1} .intro-transition[data-scene=present]>.intro-light{opacity:1} .intro-transition:not(.is-playing) .intro-ring,.intro-transition:not(.is-playing) .nice-light-field>span{animation-play-state:paused} .network-hero:has(.network[data-ambient-paused]) .nice-light-field>span{animation-play-state:paused} .intro-bridge{position:fixed;inset:0;z-index:80;pointer-events:none} .intro-bridge-surface{position:absolute;inset:0;background:var(--paper)} .intro-bridge-ring{position:fixed;object-fit:contain;filter:invert(1);mix-blend-mode:multiply;max-width:none;transform-origin:center} .home-arriving{animation:none!important} .home-arriving .network-center .brand-ring{visibility:hidden} @media(min-width:900px){.intro-transition[data-scene=present] .intro-claim{white-space:nowrap}} @media(max-width:767px){ .intro-content{padding:132px 24px 158px;min-height:100svh} .intro-ring{top:28px;left:24px;width:64px;height:64px} .intro-kicker{margin-bottom:24px;gap:14px}.intro-year{font-size:1.75rem}.intro-category{font-size:.8125rem;max-width:190px} .intro-claim{font-size:clamp(2.25rem,9.6vw,4rem);line-height:1.08;letter-spacing:-.035em} .intro-description{font-size:1rem;line-height:1.5;margin-top:24px;max-width:32ch} .intro-actions{left:24px;right:auto;bottom:54px}.intro-enter{font-size:.9375rem;min-height:56px;gap:24px;padding:8px 8px 8px 22px}.intro-enter .arrow{width:40px;height:40px} .intro-caption{left:24px;right:24px;max-width:none;bottom:20px;font-size:.75rem;text-align:left} .intro-transition[data-scene=present] .intro-content{padding:68px 24px 146px} .intro-transition[data-scene=present] .intro-ring{width:84px;height:84px;margin-bottom:32px} .intro-transition[data-scene=present] .intro-claim{font-size:clamp(2.5rem,9.6vw,4rem);max-width:12ch;text-wrap:balance} .intro-history{font-size:1.125rem;margin-top:24px;max-width:24ch} .intro-transition[data-scene=present] .intro-actions{bottom:54px} } @media(max-height:600px){.intro-content{padding-top:104px;padding-bottom:138px}.intro-ring{top:20px;width:56px;height:56px}.intro-claim{font-size:clamp(2rem,5vw,3.5rem)}.intro-description{margin-top:18px}.intro-transition[data-scene=present] .intro-content{padding-top:30px;padding-bottom:120px}.intro-transition[data-scene=present] .intro-ring{width:56px;height:56px;margin-bottom:20px}.intro-transition[data-scene=present] .intro-actions{bottom:26px}.intro-history{margin-top:18px}} @media(prefers-reduced-motion:reduce){.intro-frame,.intro-backdrop img,.intro-light{transition:none!important}.intro-backdrop img{transform:none!important}.nice-light-field>span{animation:none!important;will-change:auto}.intro-bridge{display:none}.home-arriving .network-center .brand-ring{visibility:visible}} @media(forced-colors:active){.nice-light-field,.intro-backdrop{display:none}.intro-transition{color:CanvasText;background:Canvas}.intro-enter{background:ButtonFace;color:ButtonText;outline:1px solid ButtonText}.intro-ring{filter:none!important;mix-blend-mode:normal!important}} /* Text enlargement keeps the entry label inside the glass control. */ .intro-copy{width:100%;min-width:0} .intro-claim,.intro-description{overflow-wrap:anywhere} .intro-actions{max-width:calc(100% - 48px)} .intro-enter{max-width:100%;white-space:normal;text-align:left} .intro-enter .arrow{flex:0 0 40px} .intro-transition[data-scene=present] .intro-claim,.intro-transition[data-scene=present] .intro-history{margin-inline:auto} /* v0.21 — Contact details and a durable enquiry receipt. */ .contact-address .contact-lead{font-size:clamp(22px,2.6vw,34px);line-height:1.18;letter-spacing:-.035em;max-width:17ch;margin:0 0 28px} .contact-form .contact-fields{display:grid;grid-template-columns:1fr 1.35fr;gap:18px} .contact-form .contact-fields>*{min-width:0} .contact-form .form-note{max-width:46ch;margin:18px 0;color:var(--muted)} .contact-secondary{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:20px} .contact-secondary .copy-button{margin:0} .contact-form .form-status:empty{display:none} .contact-form .form-status{margin:22px 0 0} .contact-receipt{padding:clamp(8px,2vw,24px) 0;animation:receipt-in .4s ease both} .receipt-check{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;font-size:27px;background:linear-gradient(145deg,#fffba7,#ffea6c);box-shadow:0 8px 26px #d4bd3620;margin-bottom:28px} .contact-receipt h2{font-size:clamp(28px,3.2vw,44px);letter-spacing:-.045em;line-height:1.08;margin:0 0 20px;outline:none} .contact-receipt p{margin:0 0 24px} .receipt-reference{display:block;font-size:13px;line-height:1.6;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin-top:8px;opacity:.7} .contact-receipt .contact-secondary{margin-top:24px} .contact-form button:disabled{cursor:wait;opacity:.65} .contact-form [hidden]{display:none!important} @keyframes receipt-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}} @media(max-width:540px){.contact-form .contact-fields{grid-template-columns:1fr;gap:0}.contact-form .pill-button{max-width:100%}} @media(prefers-reduced-motion:reduce){.contact-receipt{animation:none}} /* v0.22 — A shared orbit and a continuous partner collection. */ :root{--seeds:var(--partner)} .network-node,.network-speck{left:var(--orbit-left,var(--x));top:var(--orbit-top,var(--y))} .network-node{width:clamp(44px,4.3vw,58px);height:clamp(44px,4.3vw,58px);box-shadow:0 5px 18px #31425315} .network-node:has(.media-logo){width:clamp(54px,5.3vw,74px);height:clamp(40px,3.7vw,50px);border-radius:12px} .network-node:has(.media-photo){width:clamp(52px,5vw,70px);height:clamp(42px,4vw,56px);border-radius:14px} .network[data-playing] .network-node>.media-frame{animation-play-state:paused} .network-node .node-label{font-size:.8125rem;max-width:190px;white-space:normal;line-height:1.35} .partner-carousel{position:relative;min-width:0} .partner-track{display:flex;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:10px 2px 18px;position:relative;touch-action:pan-x pan-y pinch-zoom;mask-image:linear-gradient(90deg,transparent,#000 10px,#000 calc(100% - 10px),transparent)} .partner-track::-webkit-scrollbar{display:none} .partner-track>.partner-tile{flex:0 0 clamp(224px,24vw,296px);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:28px;padding:28px;min-height:264px;border-radius:24px;background:linear-gradient(145deg,#ffffffbd,#ffffff58);box-shadow:inset 0 1px #ffffff,0 8px 30px #33465907;backdrop-filter:blur(14px);transition:background .2s,box-shadow .2s} .partner-track>.partner-tile:hover,.partner-track>.partner-tile:focus-visible{background:#ffffffdc;box-shadow:0 10px 30px #33465912} .partner-track .partner-monogram{width:100%;height:100px;aspect-ratio:auto;display:flex;align-items:center;overflow:visible} .partner-track .partner-monogram .media-frame{width:100%;height:100%;border-radius:0;background:transparent;aspect-ratio:auto} .partner-track .media-logo>img{inset:5% 0;width:100%;height:90%;object-position:left center} .partner-track .partner-tile h3{font-size:1.25rem;line-height:1.22;max-width:22ch;letter-spacing:-.025em} .partner-track .partner-tile p{font-size:.875rem;color:var(--muted);margin:8px 0 0} .partner-track .partner-monogram .row-monogram{font-size:1.625rem;background:none;border-radius:0;justify-content:start;color:var(--ink);line-height:1.3} .carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px} .carousel-controls>div{display:flex;gap:8px} .carousel-arrow{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;font-size:22px;background:#ffffffb0;box-shadow:inset 0 1px #fff} .carousel-arrow:hover,.carousel-arrow:focus-visible{background:var(--yellow)} .carousel-toggle{min-height:44px;padding:8px 4px;font-size:.875rem;color:var(--muted);text-decoration:underline;text-underline-offset:4px} .collection-shell[data-app=partner] .record-row>.media-logo{background:#ffffffa8;aspect-ratio:1.65;border-radius:16px} .detail-image.logo-image>.media-logo{aspect-ratio:1.4;background:linear-gradient(140deg,#ffffffc2,#ffffff67);border-radius:24px} .detail-image.logo-image>.media-logo>img{inset:18% 12%;width:76%;height:64%} @media(max-width:767px){ .network-node,.network-node:has(.media-logo),.network-node:has(.media-photo){width:44px;height:44px;background:none;box-shadow:none;border-radius:50%} .network-node>.media-frame,.network-node>.row-monogram{width:32px;height:32px;margin:6px;border-radius:50%;box-shadow:0 4px 14px #31425315} .network-node:has(.media-logo)>.media-frame{width:42px;height:30px;margin:7px 1px;border-radius:8px} .network-node:has(.media-photo)>.media-frame{width:38px;height:30px;margin:7px 3px;border-radius:8px} .partner-track{gap:14px;margin-inline:-6px} .partner-track>.partner-tile{flex-basis:230px;min-height:242px;padding:24px;gap:24px} .partner-track .partner-monogram{height:88px} .partner-track .partner-tile h3{font-size:1.125rem} } @media(max-width:360px){.partner-track>.partner-tile{flex-basis:204px;padding:20px}} .media-logo.identity-university-of-macau>img{object-position:center;transform:scale(1.45)} .partner-track .identity-bull>img{width:144px;max-width:100%;height:90%;object-position:left center} .partner-track .identity-bambu-lab>img{height:70%;top:15%} @media(max-width:767px){ .network-label[data-family=people],.network-label[data-family=partner]{top:8%} .network-label[data-family=projects],.network-label[data-family=events]{top:90%} .network[data-playing] .logo-hint{opacity:0} } .network-label{width:max-content} /* v0.23 — one calls identity, Archivo A, and space for the network. */ :root{--calls:#b7d5ff;--calls-hover:#a0c7ff;--calls-ink:#144ab4;--page-max:1920px;--gutter:clamp(16px,3.5vw,72px);--title-width:80%;--title-weight:650} body,button,input,select,textarea{font-family:var(--font)} body{font-stretch:100%;font-synthesis:none} .hero-heading h1,.section-heading h2,.collection-heading h1,.detail-head h1,.calls-heading h1,.history-heading h1,.contact-intro h1,.intro-claim,.open-call-feature h2{font-stretch:var(--title-width);font-weight:var(--title-weight);letter-spacing:-.025em} .record-row h2,.person-copy h3,.partner-tile h3,.event-row h3,.project-card h3{font-stretch:100%} .nice-calls-link{color:var(--calls-ink)} .header-open-calls,.hero-bottom .calls-cta,.call-feature-action .pill-button,.calls-page .call-status .pill-button{background:var(--calls);color:var(--ink);box-shadow:inset 0 1px #ffffffb0,0 6px 22px #245b940d} .header-open-calls:hover,.hero-bottom .calls-cta:hover,.call-feature-action .pill-button:hover,.calls-page .call-status .pill-button:hover{background:var(--calls-hover);color:var(--ink)} .nice-calls-link:focus-visible,.calls-page .call-status .pill-button:focus-visible{background:var(--calls-hover)!important;color:var(--ink)!important} .mobile-menu .nice-calls-link{background:var(--calls);padding:10px 14px;border-radius:24px} .open-call-feature{background:radial-gradient(ellipse at 95% 0,#80b4f574,transparent 64%),linear-gradient(120deg,#edf5ffc9,#dbeaffe0)} .calls-page{background:radial-gradient(ellipse at 100% 0,#b7d5ff74,transparent 65%)} body[data-page=open-calls] .call-eyebrow{color:var(--calls-ink)} /* The home header floats into view only after the visitor starts exploring. */ body[data-page=home] .site-header{position:fixed;inset:0 0 auto;min-height:0;background:#f6faffdf;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 8px 32px #222f3b08;opacity:0;visibility:hidden;transform:translateY(-110%);pointer-events:none;transition:transform .32s cubic-bezier(.2,.7,.2,1),opacity .24s,visibility .32s} body[data-page=home][data-home-nav-visible] .site-header{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto} body[data-page=home] .network-hero{height:100svh;min-height:40rem;padding-top:clamp(28px,5svh,56px)} .mobile-menu{max-height:calc(100svh - 100px);overflow:auto;overscroll-behavior:contain} /* All app surfaces share a fluid outer grid; prose keeps a readable measure. */ .wrap{width:100%;max-width:var(--page-max);min-width:0} .network-stage,.hero-bottom,.intro-content{max-width:var(--page-max)} .home-content>.section,.collection-shell{--section-pad:min(var(--gutter),40px);min-width:0} .collection-heading h1>span:first-child{min-width:0;overflow-wrap:anywhere} .collection-heading .collection-total{flex:none} .network-label{min-width:0;width:max-content;max-width:32%;padding-inline:clamp(18px,2vw,30px)} .home-content .section-heading{grid-template-columns:minmax(0,1fr) max-content} .app-bar,.collection-topbar,.detail-appbar{min-width:0} .app-bar{flex-wrap:wrap} .record-list,.events-home,.event-archive,.project-grid,.people-grid,.detail-grid,.contact-grid,.history-heading,.history-step{min-width:0} .record-list>*,.events-home>*,.people-grid>*,.detail-grid>*,.contact-grid>*,.history-heading>*,.history-step>*{min-width:0} .record-row h2,.row-meta,.detail-head h1,.fact dd,.history-copy h2,.contact-address a{overflow-wrap:anywhere} .record-row .row-monogram{max-width:100%} .record-row>.media-frame{max-width:100%} .fact{grid-template-columns:minmax(64px,90px) minmax(0,1fr)} .search-box,.search-box input,.filter-field,.select-control{min-width:0} .filters .filter-field{max-width:100%} .context-back{max-width:100%}.back-copy{min-width:0;overflow-wrap:anywhere} @media(min-width:768px) and (max-width:1023px){ .events-home{grid-template-columns:1fr}.event-archive{grid-template-columns:repeat(2,minmax(0,1fr))} .people-grid,.collection-shell[data-app=people] .record-list[data-view=gallery]{grid-template-columns:repeat(2,minmax(0,1fr))} .collection-shell[data-app=partner] .record-row{grid-template-columns:minmax(130px,24%) minmax(0,1fr);padding:24px;gap:24px} .collection-shell[data-app=partner] .record-row>.media-logo{width:100%} .contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:28px} .detail-grid,.detail-grid:has(.profile-image){grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px} .detail-facts{padding:22px} } @media(max-width:767px){ body[data-page=home] .network-hero{height:100svh;min-height:36rem;padding-top:28px} .network-label{min-width:0;max-width:44%;padding-inline:14px} .home-content .section-heading{display:flex} .collection-shell,.home-content>.section{border-radius:24px} .app-switcher{display:flex;flex-wrap:wrap;gap:2px;width:100%;justify-content:space-between} .app-switcher a{flex:1 1 auto;min-width:0;padding-inline:10px} .contact-form,.contact-address,.detail-facts,.article-body{padding:clamp(16px,5vw,24px)} .detail-appbar .context-back{flex-shrink:1} } @media(max-width:360px){ .network-label{padding-inline:12px} .app-switcher a{padding-inline:7px} .collection-shell[data-app=partner] .record-row{padding:18px} .search-box{flex-wrap:wrap}.search-box input{flex:1 1 160px;width:auto}.search-box button{margin-left:auto} } @media(prefers-reduced-motion:reduce){body[data-page=home] .site-header{transition:none}} /* v0.25 — mobile frames, poster-scale statements and a touch-first hub. */ .header-inner{padding-top:max(16px,env(safe-area-inset-top,0px))} .mobile-menu{top:100%} .intro-transition,.intro-content{min-height:100vh;min-height:100dvh} body[data-page=intro] main{min-height:100vh;min-height:100dvh} .intro-transition{width:100%;padding-bottom:env(safe-area-inset-bottom,0px)} .intro-transition[data-scene=present] .intro-actions{width:max-content} .intro-content{min-height:calc(100dvh - env(safe-area-inset-bottom,0px))} .intro-actions{bottom:max(36px,calc(env(safe-area-inset-bottom,0px) + 20px))} .network-label{white-space:nowrap} .logo-play{transition:scale .24s cubic-bezier(.2,.8,.2,1)} .logo-play.is-dragging{scale:1.045} .network[data-playing] .logo-glass{box-shadow:inset 0 2px 4px #fff,0 18px 58px #5e9ecf25,0 0 50px #ffea6c42} @media(max-width:767px){ :root{--gutter:clamp(18px,5vw,28px);--display:clamp(2.75rem,14vw,5.5rem)} .wrap{padding-left:max(var(--gutter),env(safe-area-inset-left,0px));padding-right:max(var(--gutter),env(safe-area-inset-right,0px))} .home-content>.section,.collection-shell{margin-inline:0;padding-inline:clamp(16px,4.5vw,28px);border-radius:24px} .home-content>.section{padding-block:28px 32px;margin-block:28px 40px} body[data-page=home] .network-hero{height:100svh;min-height:640px;padding-top:max(24px,calc(env(safe-area-inset-top,0px) + 12px))} .hero-heading p{font-size:.875rem;margin-bottom:18px} .hero-heading h1{font-size:clamp(3rem,16vw,6.5rem);line-height:.95;letter-spacing:-.035em;max-width:14ch;text-wrap:balance} .network-stage{min-height:360px} .network-center{width:clamp(176px,51vw,256px);height:clamp(176px,51vw,256px);top:48%} .logo-hint{display:block;font-size:.8125rem;top:50%;width:6ch;white-space:normal;line-height:1.25;text-align:center;transform:translate(-50%,-50%);color:var(--ink);pointer-events:none;letter-spacing:-.02em} .logo-glass{inset:-5%;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)} .network-label{width:calc((100% - 2 * var(--gutter) - 12px)/2);max-width:none;min-width:0;min-height:50px;height:50px;padding:12px 10px;gap:6px;white-space:nowrap;font-size:clamp(.8125rem,3.55vw,1rem);border-radius:26px;line-height:1.2;justify-content:center} .network-label .arrow{font-size:14px;margin:0;flex:none} .network-label[data-family=people],.network-label[data-family=projects]{left:calc(var(--gutter) + (100% - 2 * var(--gutter) - 12px)/4)} .network-label[data-family=partner],.network-label[data-family=events]{left:calc(100% - var(--gutter) - (100% - 2 * var(--gutter) - 12px)/4)} .network-label[data-family=people],.network-label[data-family=partner]{top:7%} .network-label[data-family=projects],.network-label[data-family=events]{top:91%} .hero-bottom{gap:8px 12px;padding:12px var(--gutter) max(20px,env(safe-area-inset-bottom,0px));grid-template-columns:minmax(0,1fr) auto} .hero-bottom>.text-link,.hero-bottom .calls-cta{font-size:.8125rem;white-space:nowrap} .hero-bottom .calls-cta{padding:12px 14px} .hero-bottom .motion-toggle{grid-column:1/-1;justify-self:center;padding:2px 8px;min-height:32px;font-size:.75rem} .home-content .section-heading{gap:18px;margin-bottom:28px;align-items:flex-start} .home-content .section-heading h2,#nice-events .section-heading h2{font-size:clamp(2.5rem,11.8vw,4.5rem);line-height:1;letter-spacing:-.025em} .home-content .section-heading>.text-link{margin-top:0;font-size:.875rem} .collection-heading h1{font-size:clamp(2.7rem,13.8vw,5rem);line-height:1;gap:10px;align-items:baseline} .collection-heading h1>span:first-child{overflow-wrap:normal} .collection-heading .collection-total{font-size:1rem;padding:0} .detail-head h1,.contact-intro h1,.calls-heading h1,.history-heading h1,.page-intro h1{font-size:clamp(2.8rem,14.5vw,5.5rem);line-height:.98;letter-spacing:-.03em} .open-call-feature{padding:28px 20px} .open-call-feature h2{font-size:clamp(2.7rem,13vw,5rem);line-height:1;margin-bottom:18px} .collection-shell[data-app=people] .record-list[data-view=gallery] .record-row{grid-template-columns:64px minmax(0,1fr);padding:16px;gap:14px} .collection-shell[data-app=people] .record-list[data-view=gallery] .record-row>.media-portrait{width:64px} .record-row h2{font-size:clamp(1.25rem,5.8vw,1.625rem)} .event-row h3,.person-copy h3{font-size:clamp(1.25rem,5.5vw,1.625rem)} .intro-content{padding:124px var(--gutter) 154px} .intro-ring{left:max(var(--gutter),env(safe-area-inset-left,0px));top:max(28px,calc(env(safe-area-inset-top,0px) + 16px))} .intro-claim{font-size:clamp(3rem,15vw,5.8rem);line-height:.98;letter-spacing:-.025em} .intro-description{font-size:1rem;line-height:1.45;margin-top:24px;max-width:32ch} .intro-kicker{margin-bottom:20px} .intro-actions{left:var(--gutter);max-width:calc(100% - 2 * var(--gutter));bottom:calc(56px + env(safe-area-inset-bottom,0px))} .intro-caption{left:var(--gutter);right:var(--gutter);bottom:calc(20px + env(safe-area-inset-bottom,0px));font-size:.6875rem} .intro-transition[data-scene=present] .intro-content{padding:72px var(--gutter) 154px} .intro-transition[data-scene=present] .intro-claim{font-size:clamp(3.25rem,16vw,6rem);line-height:.95;max-width:11ch} .intro-transition[data-scene=present] .intro-actions{bottom:calc(48px + env(safe-area-inset-bottom,0px))} .intro-history{font-size:1.125rem;max-width:22ch} } @media(max-width:767px) and (max-height:700px){ body[data-page=home] .network-hero{min-height:610px;padding-top:20px} .hero-heading h1{font-size:clamp(2.8rem,14.5vw,3.75rem)} .hero-heading p{margin-bottom:12px} .network-stage{min-height:340px} .hero-bottom{padding-top:4px;padding-bottom:12px} .intro-content{padding-top:108px;padding-bottom:138px} .intro-claim{font-size:clamp(2.65rem,13.2vw,4rem)} .intro-description{font-size:.9375rem;margin-top:18px} .intro-transition[data-scene=present] .intro-content{padding-top:44px;padding-bottom:140px} .intro-transition[data-scene=present] .intro-claim{font-size:clamp(2.85rem,14.5vw,4.5rem)} .intro-transition[data-scene=present] .intro-ring{width:72px;height:72px;margin-bottom:26px} } @media(prefers-reduced-motion:reduce){.logo-play{transition:none}.logo-hint{display:none}} /* v0.27 — metadata stays in details; collections start with one search. */ .collection-controls:not([data-directory=events]) .filters{display:flex;align-items:center;gap:8px;padding:0} .collection-controls:not([data-directory=events]) .search-field{flex:1 1 auto;min-width:0} .collection-controls:not([data-directory=events]) .clear-filters{flex:0 0 auto} /* v0.28 — retain breathing room after removing the project category line. */ @media(max-width:767px){.project-copy>h3:first-child{margin-top:20px}} /* v0.29 — a blue NICE desktop; four apps, one shared network. */ :root{--blue:#195ddd;--blue-dark:#123b84;--blue-pale:#d9eaff;--paper:#f3f7fc;--partner:#b6d0fa;--seeds:var(--partner);--calls:#b7d5ff;--calls-hover:#a0c7ff;--calls-ink:#144ab4} body:before{background:radial-gradient(ellipse at 10% 5%,#cde8ff70,transparent 55%),radial-gradient(ellipse at 95% 75%,#b9d2ff40,transparent 50%)} body[data-page=home] .site-header,body[data-page=home] .site-footer{display:none} body[data-page=home] main{min-height:100svh} body.folder-is-open{overflow:hidden} .nice-desktop{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100vh;min-height:100svh;overflow:hidden;padding:0 max(var(--gutter),env(safe-area-inset-left));color:var(--ink)} .desktop-wallpaper{position:absolute;inset:0;z-index:-1;overflow:hidden;background:linear-gradient(160deg,#f5faff 5%,#e5f1ff 50%,#dcecff 100%)} .desktop-wallpaper span{position:absolute;width:90vw;height:90vw;border-radius:50%;pointer-events:none} .desktop-wallpaper span:nth-child(1){left:-48vw;top:-54vw;background:radial-gradient(circle,#fff 8%,#a5c9fc62 52%,transparent 70%)} .desktop-wallpaper span:nth-child(2){right:-48vw;bottom:-60vw;background:radial-gradient(circle,#3c80ed52 10%,#a2c8ff36 48%,transparent 70%)} .desktop-wallpaper span:nth-child(3){width:150vw;height:60vw;left:-25vw;bottom:-35vw;background:linear-gradient(170deg,#ffffffa1,#7caafa12);box-shadow:0 -2px 2px #ffffff76;transform:rotate(-12deg)} .desktop-topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:max(26px,env(safe-area-inset-top));min-height:76px;flex:none} .desktop-topbar .brand-ring{width:32px;height:32px} .desktop-topbar nav{display:flex;gap:28px;font-size:14px} .desktop-topbar nav a{display:flex;align-items:center;min-height:44px} .desktop-content{width:100%;max-width:1600px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(36px,6svh,64px);padding:48px 0 42px} .desktop-heading{text-align:center;width:100%} .desktop-heading p{font-size:clamp(15px,1.35vw,20px);margin-bottom:20px;color:#4b6585;letter-spacing:-.015em} .desktop-heading h1{font-size:clamp(52px,6.55vw,104px);font-stretch:80%;font-weight:650;letter-spacing:-.035em;line-height:1.02;text-wrap:balance} .desktop-apps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,5vw,80px);width:min(100%,960px);padding:12px 0} .desktop-app{min-width:0;display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center;border-radius:24px;padding:12px 4px;touch-action:manipulation} .desktop-app-icon{position:relative;isolation:isolate;width:clamp(112px,12vw,172px);aspect-ratio:1;border-radius:27%;display:grid;place-items:center;color:#1b5dc6;background:linear-gradient(145deg,#ffffffef,#e8f4ffb0 40%,#a9ccff91);box-shadow:inset 0 2px 2px #fff,inset 0 -2px 2px #649aec33,0 18px 35px #22599514,0 3px 5px #2c5e9920;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s} .desktop-app-icon:after{content:'';position:absolute;z-index:-1;inset:6px 6px 52%;border-radius:32px 32px 48% 48%;background:linear-gradient(#fff7,#fff0)} .desktop-app-icon svg{width:62%;height:62%;filter:drop-shadow(0 2px 1px #fff9)} .desktop-app[data-open-app=projects] .desktop-app-icon{color:#36739c;background:linear-gradient(145deg,#ffffffef,#e5faffb0 40%,#b7dcf791)} .desktop-app[data-open-app=partner] .desktop-app-icon{color:#2253b8;background:linear-gradient(145deg,#fff,#e3ecffb0 40%,#a2bff291)} .desktop-app[data-open-app=people] .desktop-app-icon{color:#267593;background:linear-gradient(145deg,#fff,#e4f8ffb0 40%,#a8d9e991)} .desktop-app-name{font-size:clamp(16px,1.5vw,21px);font-weight:550;letter-spacing:-.025em;white-space:nowrap} .desktop-app:hover .desktop-app-icon{transform:translateY(-8px) rotate(-2deg);box-shadow:inset 0 2px 2px #fff,inset 0 -2px 2px #649aec33,0 26px 45px #22599524,0 4px 8px #2c5e991c} .desktop-app:active .desktop-app-icon{transform:translateY(-2px) scale(.96)} .desktop-app:focus-visible{background:#ffffff50!important;border-radius:24px;color:var(--blue-dark)!important} .desktop-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;padding:10px;border-radius:999px;background:#ffffff66;box-shadow:inset 0 1px #fff,0 12px 32px #2b609815;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)} .desktop-actions .pill-button{min-height:52px;padding:15px 24px;font-size:15px} .desktop-actions .desktop-calls{background:var(--blue);color:#fff} .desktop-actions .desktop-calls:hover{background:#154fc0;color:#fff} .desktop-actions .desktop-collaborate{background:#ffffffb0;color:#203c62} .desktop-actions .desktop-collaborate:hover{background:#fff} .desktop-footnote{display:flex;align-items:center;min-height:68px;padding-bottom:max(18px,env(safe-area-inset-bottom));font-size:12px;color:#526a89} .desktop-replay{min-height:40px;display:flex;align-items:center} .app-folder{padding:0;border:0;border-radius:26px;width:min(1060px,calc(100vw - 80px));max-width:none;height:min(720px,calc(100dvh - 96px));max-height:calc(100dvh - 40px);margin:auto;color:var(--ink);background:#f5f9fff2;box-shadow:inset 0 1px #fff,0 36px 120px #0e3c6e42,0 10px 30px #24537b1a;overflow:hidden;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px)} .app-folder[open]{display:flex;flex-direction:column} .app-folder::backdrop{background:#33598530;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);animation:folder-backdrop-in .25s ease both} @keyframes folder-backdrop-in{from{opacity:0}to{opacity:1}} .folder-header{display:flex;align-items:center;gap:12px;min-height:82px;padding:14px 24px 14px 14px;background:linear-gradient(180deg,#ffffffa0,#ebf3ff70);box-shadow:0 1px #fff;flex:none} .folder-close{width:44px;height:44px;display:grid;place-items:center;flex:none;border-radius:50%} .folder-close span{display:grid;place-items:center;border-radius:50%;background:#f78479;color:#6e221b;width:22px;height:22px;font-size:20px;line-height:1;font-weight:500;transition:scale .2s} .folder-close:hover span{scale:1.12} .folder-heading{display:flex;align-items:baseline;gap:14px;min-width:0} .folder-heading h2{font-size:23px;font-stretch:100%;letter-spacing:-.03em;white-space:nowrap} .folder-heading>span{font-size:12px;color:var(--muted);white-space:nowrap} .folder-all{font-size:13px;margin-left:auto;min-height:44px;display:flex;align-items:center;white-space:nowrap;color:var(--blue-dark)} .folder-body{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:0;flex:1} .folder-sidebar{padding:22px 12px;background:#d6e6fa60;display:flex;flex-direction:column;gap:6px} .folder-switch{display:flex;align-items:center;gap:12px;font-size:14px;text-align:left;min-height:48px;padding:10px 12px;border-radius:12px} .folder-switch svg{width:24px;height:24px;color:#3470bb;flex:none} .folder-switch[aria-pressed=true]{background:#fff9;box-shadow:0 3px 12px #2b60980c;color:var(--blue-dark)} .folder-switch:hover{background:#ffffff65} .folder-content{padding:24px;overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;scrollbar-color:#9ab6d8 transparent} .folder-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px} .folder-shortcut{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:11px 18px;background:#e4effbd0;border-radius:12px;font-size:13px;font-weight:500} .folder-shortcut:hover{background:#d8eaff} .folder-files{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 18px;align-items:start} .folder-file{min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px;border-radius:16px;text-align:center;transition:background .2s,translate .2s} .folder-file:hover{background:#dceaff80;translate:0 -3px} .folder-file>.media-frame,.folder-file>.row-monogram{width:100%;height:112px;aspect-ratio:auto;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 16px #264f8512;display:grid;place-items:center} .folder-file>.media-frame img{inset:0;transform:none;width:100%;height:100%;object-fit:cover;object-position:var(--image-position,50% 50%)} .folder-file>.media-logo img,.folder-file>.media-poster img{object-fit:contain;padding:12px;background:#fff} .folder-file>.media-portrait{width:92px;height:92px;border-radius:50%;margin:10px 0} .folder-file>.row-monogram{font-size:32px;color:#3971ad;background:#e4effb} .folder-file-title{font-size:14px;font-weight:550;line-height:1.3;overflow-wrap:anywhere;max-width:100%;text-wrap:balance} .folder-file-meta{font-size:11px;line-height:1.45;color:#5c6e85;overflow-wrap:anywhere;max-width:100%} /* A composited 2D corridor; no video, WebGL, additional font, or animation library. */ body[data-page=intro]{background:#e5f1ff} .intro-corridor{height:100vh;height:100dvh;min-height:320px;width:100%;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(160deg,#f5faff,#e5f1ff 50%,#dcecff);display:grid;place-items:center} .corridor-glow{position:absolute;inset:-30%;z-index:-1;background:radial-gradient(ellipse,#fff 0%,#fff9 24%,#bedaff44 55%,transparent 70%);animation:corridor-light 1500ms ease-in forwards} .corridor-gallery{position:absolute;inset:0;overflow:hidden;pointer-events:none} .corridor-frame{position:absolute;width:32vw;height:34vh;top:33%;left:34%;border-radius:12px;box-shadow:0 12px 60px #164b8738,0 0 0 8px #ffffff70;opacity:0;will-change:transform,opacity;animation:corridor-flight 1260ms cubic-bezier(.37,.02,.62,1) both;animation-delay:var(--delay)} .corridor-frame img{width:100%;height:100%;object-fit:cover} .corridor-frame-0{--delay:-200ms;--x:-95vw;--y:-30vh;--r:-12deg;--ix:-14vw;--iy:-8vh} .corridor-frame-1{--delay:-40ms;--x:95vw;--y:26vh;--r:10deg;--ix:12vw;--iy:6vh} .corridor-frame-2{--delay:80ms;--x:-100vw;--y:35vh;--r:-8deg;--ix:-12vw;--iy:9vh} .corridor-frame-3{--delay:200ms;--x:95vw;--y:-34vh;--r:12deg;--ix:14vw;--iy:-9vh} @keyframes corridor-flight{0%{opacity:0;transform:translate(var(--ix),var(--iy)) scale(.12) rotate(0)}15%{opacity:.9}65%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(2) rotate(var(--r))}} @keyframes corridor-light{0%{transform:scale(.6);opacity:.6}75%,100%{transform:scale(1);opacity:1}} .corridor-brand{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;animation:corridor-brand-in 1500ms ease both;pointer-events:none} .corridor-brand .brand-ring{width:70px;height:70px;margin-bottom:24px} .corridor-brand h1{font-size:clamp(48px,7vw,104px);font-stretch:80%;letter-spacing:-.04em;line-height:1} .corridor-brand p{font-size:clamp(14px,1.5vw,20px);margin-top:20px;color:var(--muted)} @keyframes corridor-brand-in{0%,30%{opacity:0;transform:scale(.88)}75%,100%{opacity:1;transform:scale(1)}} .corridor-skip{position:absolute;z-index:2;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;white-space:nowrap;min-height:44px;padding:12px 20px;border-radius:30px;background:#ffffff9c;box-shadow:inset 0 1px #fff;font-size:13px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)} .corridor-fallback{position:absolute;bottom:80px;left:0;right:0;text-align:center} @media(min-width:1800px){.desktop-content{gap:80px}.desktop-apps{width:1120px;max-width:none;gap:100px}.desktop-app-icon{width:196px}} @media(max-width:900px){.desktop-apps{gap:24px}.folder-body{grid-template-columns:160px minmax(0,1fr)}.folder-sidebar{padding:18px 8px}.folder-switch{padding-inline:8px;font-size:12px;gap:6px}.folder-files{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){ .nice-desktop{min-height:100svh;padding-inline:max(24px,env(safe-area-inset-left))} .desktop-topbar{min-height:66px;padding-top:max(18px,env(safe-area-inset-top));gap:12px} .desktop-topbar .word-brand{font-size:13px;gap:7px}.desktop-topbar .brand-ring{width:26px;height:26px}.desktop-topbar nav{gap:14px;font-size:12px} .desktop-content{gap:28px;padding:32px 0 20px} .desktop-heading p{font-size:14px;margin-bottom:16px} .desktop-heading h1{font-size:clamp(47px,13vw,72px);line-height:.98;max-width:12ch;margin-inline:auto} .desktop-apps{width:min(100%,360px);grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 26px;padding:0} .desktop-app{gap:14px;padding:4px 0}.desktop-app-icon{width:clamp(100px,27vw,142px);border-radius:28%}.desktop-app-name{font-size:15px} .desktop-actions{flex-wrap:nowrap;gap:6px;padding:7px;max-width:100%;width:min(100%,360px)} .desktop-actions .pill-button{padding:13px 14px;min-height:46px;font-size:12px;gap:4px;white-space:nowrap;flex:1} .desktop-actions .arrow{margin-left:4px} .desktop-footnote{min-height:64px;font-size:11px} .app-folder{width:calc(100vw - 24px);height:calc(100dvh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 24px);border-radius:22px} .folder-header{gap:6px;min-height:70px;padding:10px 12px 10px 6px;flex-wrap:wrap} .folder-close{width:40px;height:40px}.folder-close span{width:20px;height:20px} .folder-heading{display:block}.folder-heading h2{font-size:19px}.folder-heading>span{display:block;font-size:11px;margin-top:3px} .folder-all{font-size:11px;gap:2px}.folder-all .arrow{margin-left:1px} .folder-body{display:flex;flex-direction:column} .folder-sidebar{flex:none;flex-direction:row;padding:8px;gap:2px;justify-content:space-between} .folder-switch{flex:1;flex-direction:column;padding:7px 2px;min-height:56px;font-size:9px;gap:3px;white-space:nowrap;border-radius:10px} .folder-switch svg{width:22px;height:22px} .folder-content{padding:18px 10px 26px;flex:1} .folder-shortcuts{gap:6px;margin-bottom:16px}.folder-shortcut{padding:10px 12px;font-size:11px;gap:5px;min-height:42px} .folder-shortcut .arrow{margin-left:2px} .folder-files{gap:20px 6px;grid-template-columns:repeat(2,minmax(0,1fr))} .folder-file{padding:6px;gap:9px}.folder-file>.media-frame,.folder-file>.row-monogram{height:94px}.folder-file>.media-portrait{width:80px;height:80px;margin:7px 0} .folder-file-title{font-size:12px}.folder-file-meta{font-size:10px} .corridor-frame{width:54vw;height:26vh;left:23%;top:37%;border-radius:8px} .corridor-brand .brand-ring{width:60px;height:60px}.corridor-brand h1{font-size:clamp(42px,13vw,72px)} } @media(max-width:360px){.nice-desktop{padding-inline:20px}.desktop-topbar nav{gap:10px;font-size:11px}.desktop-apps{gap:22px}.desktop-app-icon{width:100px}.desktop-app-name{font-size:14px}.desktop-actions .pill-button{font-size:11px;padding-inline:10px}.desktop-content{gap:26px}.folder-header{column-gap:2px}.folder-heading h2{font-size:17px}.folder-all{font-size:10px}} @media(prefers-reduced-motion:reduce){.corridor-gallery{display:none}.corridor-brand{opacity:1;transform:none}.desktop-app:hover .desktop-app-icon,.folder-file:hover{transform:none;translate:none}.app-folder::backdrop{animation:none}} @media(forced-colors:active){.desktop-app-icon,.desktop-actions,.app-folder,.folder-file,.folder-switch[aria-pressed=true]{border:1px solid ButtonText}.desktop-calls{background:ButtonFace;color:ButtonText}} .app-folder :focus-visible{background-color:#d9eaff!important;color:#183e73!important} /* v0.30 — yellow + blue, one precise icon family, and Inter throughout. */ :root{--font:'Inter',Arial,'PingFang SC','Microsoft YaHei',sans-serif;--title-width:100%;--title-weight:600;--yellow:#ffe36a;--yellow-soft:#fff2b0;--accent:var(--yellow);--blue:#195ddd;--paper:#fafaf5;--events:#b7d5ff;--projects:#ffe36a;--people:#ffea91;--partner:#b6d0fa} body{font-optical-sizing:auto;font-feature-settings:'liga' 1,'calt' 1} h1,h2,h3{font-stretch:100%;font-weight:600} body:before{background:radial-gradient(ellipse at 5% 10%,#ffe36a68,transparent 58%),radial-gradient(ellipse at 95% 82%,#8ebaff4d,transparent 58%)} .desktop-wallpaper{background:#fafbf8} .desktop-wallpaper span:nth-child(1){width:105vw;height:105vw;left:-46vw;top:-53vw;background:radial-gradient(circle,#ffdf56b3 2%,#ffe98c88 40%,#fff1af38 58%,transparent 72%)} .desktop-wallpaper span:nth-child(2){width:112vw;height:100vw;right:-51vw;bottom:-59vw;background:radial-gradient(circle,#488bed80 5%,#9fc4ff66 43%,transparent 69%)} .desktop-wallpaper span:nth-child(3){background:linear-gradient(170deg,#fffbe5a8,#ffffff86 48%,#dceaff55);box-shadow:0 -2px 3px #ffffffa0} .desktop-heading h1{font-stretch:100%;font-size:clamp(48px,5.7vw,92px);font-weight:600;letter-spacing:-.052em;line-height:1.05} .desktop-heading p{color:#566473;font-weight:450} .word-brand{font-weight:700;letter-spacing:-.035em} .desktop-app-name{font-weight:550;letter-spacing:-.035em;font-size:clamp(15px,1.35vw,20px)} .desktop-app-icon{color:#195bb7;background:linear-gradient(145deg,#ffffffef,#e5f0ffbd 44%,#adceff9c);box-shadow:inset 0 1.5px 1.5px #fff,inset 0 -1px 2px #5383c933,0 16px 34px #24548917,0 3px 5px #2c5e9917} .desktop-app-icon svg{width:55%;height:55%;filter:drop-shadow(0 1px .5px #ffffffa0)} .desktop-app[data-open-app=projects] .desktop-app-icon,.desktop-app[data-open-app=people] .desktop-app-icon{color:#235db0;background:linear-gradient(145deg,#fffdf1f5,#fff0a6dc 46%,#ffde6ab0);box-shadow:inset 0 1.5px 1.5px #fff,inset 0 -1px 2px #c3a12b2b,0 16px 34px #6d622717,0 3px 5px #8a6c2012} .desktop-app[data-open-app=partner] .desktop-app-icon{color:#195bb7;background:linear-gradient(145deg,#fffffff0,#e5f0ffbd 44%,#adceff9c)} .desktop-actions{background:#ffffff80} .desktop-actions .desktop-collaborate{background:var(--yellow);color:#213452} .desktop-actions .desktop-collaborate:hover{background:#ffdc45} .desktop-app:focus-visible{background:#fff0ac99!important} .app-folder{background:#fafbfff2} .folder-header{background:linear-gradient(100deg,#fff3b973,#ffffffb3 43%,#e4efff80)} .folder-sidebar{background:linear-gradient(160deg,#fff5cb70,#edf3fd90)} .folder-switch[aria-pressed=true]{background:#ffe98999;color:#23477d;box-shadow:inset 0 1px #fff9,0 3px 12px #a88a240b} .folder-switch svg{stroke-width:1.5;color:#2863b2} .folder-heading h2{font-weight:600;font-size:22px;letter-spacing:-.04em} .collection-shell[data-app=events]{--app-accent:var(--events)} .collection-shell[data-app=projects]{--app-accent:var(--projects)} .collection-shell[data-app=partner]{--app-accent:var(--partner)} .collection-shell[data-app=people]{--app-accent:var(--people)} .app-folder :focus-visible{background-color:#fff0ad!important;color:#183e73!important} /* Two image pairs hold their scale before flying outward. Photos are present from frame one. */ body[data-page=intro]{background:#f8f9f2} .intro-corridor{background:radial-gradient(ellipse at 5% 8%,#ffe36a75,transparent 62%),radial-gradient(ellipse at 95% 90%,#89b7ff70,transparent 62%),#fafbf8} .corridor-glow{background:radial-gradient(ellipse,#fff9 2%,#fff5 22%,transparent 66%);animation:corridor-light 1700ms ease-in forwards} .corridor-frame{width:42vw;height:48vh;left:29%;top:26%;border-radius:10px;box-shadow:0 14px 44px #17335023,0 0 0 6px #ffffffb0;opacity:1;animation:corridor-readable-flight 1100ms linear both;animation-delay:var(--delay);z-index:var(--depth,1)} .corridor-frame-0{--delay:0ms;--depth:3;--start-x:-25vw;--start-y:-4vh;--exit-x:-77vw;--exit-y:-22vh;--turn:-4deg} .corridor-frame-1{--delay:0ms;--depth:3;--start-x:25vw;--start-y:4vh;--exit-x:77vw;--exit-y:22vh;--turn:4deg} .corridor-frame-2{--delay:600ms;--depth:2;--start-x:-25vw;--start-y:4vh;--exit-x:-77vw;--exit-y:22vh;--turn:-4deg} .corridor-frame-3{--delay:600ms;--depth:2;--start-x:25vw;--start-y:-4vh;--exit-x:77vw;--exit-y:-22vh;--turn:4deg} @keyframes corridor-readable-flight{ 0%{opacity:1;transform:translate(var(--start-x),var(--start-y)) scale(.82) rotate(var(--turn))} 48%{opacity:1;transform:translate(var(--start-x),var(--start-y)) scale(1) rotate(var(--turn));animation-timing-function:cubic-bezier(.4,.05,.8,.8)} 84%{opacity:1} 100%{opacity:0;transform:translate(var(--exit-x),var(--exit-y)) scale(1.45) rotate(var(--turn))} } .corridor-brand{animation:corridor-brand-reveal 1700ms ease both} .corridor-brand h1{font-family:var(--font);font-stretch:100%;font-weight:600;letter-spacing:-.05em;font-size:clamp(46px,6vw,86px)} .corridor-brand .brand-ring{width:58px;height:58px;margin-bottom:20px} @keyframes corridor-brand-reveal{0%,64%{opacity:0;transform:scale(.97)}88%,100%{opacity:1;transform:scale(1)}} .intro-arrival{animation:page-in .2s ease both} @media(max-width:600px){ .desktop-heading h1{font-size:clamp(42px,11.8vw,66px);max-width:14ch;letter-spacing:-.05em;line-height:1.06} .desktop-app-name{font-size:14px;letter-spacing:-.035em} .desktop-topbar .word-brand{font-size:12px}.desktop-topbar nav{font-size:11px} .desktop-actions .pill-button{font-size:12px;padding-inline:12px} .folder-heading h2{font-size:18px}.folder-all{font-size:10px} .folder-switch{font-size:9px}.folder-file-title{font-size:12px;font-weight:550} .corridor-frame{width:76vw;height:28vh;left:12%;top:36%;box-shadow:0 12px 28px #17335023,0 0 0 4px #ffffffb0} .corridor-frame-0{--start-x:-5vw;--start-y:-19vh;--exit-x:-70vw;--exit-y:-52vh} .corridor-frame-1{--start-x:5vw;--start-y:19vh;--exit-x:70vw;--exit-y:52vh} .corridor-frame-2{--start-x:5vw;--start-y:-19vh;--exit-x:70vw;--exit-y:-52vh} .corridor-frame-3{--start-x:-5vw;--start-y:19vh;--exit-x:-70vw;--exit-y:52vh} .corridor-brand h1{font-size:clamp(36px,11vw,64px)} } @media(max-width:360px){.desktop-actions .pill-button{font-size:11px;padding-inline:9px}.folder-heading h2{font-size:16px}} @media(prefers-reduced-motion:reduce){.corridor-gallery{display:none}.corridor-brand{opacity:1;transform:none}.intro-arrival{animation:none}} /* v0.31 — the desktop continues into a compact, glass widget screen. */ body[data-page=home] .site-header{display:block} .desktop-footnote{position:relative} .desktop-explore{position:absolute;left:50%;translate:-50% 0;display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;color:#264f86;white-space:nowrap} .desktop-explore span{font-size:22px;line-height:1;animation:board-cue 2.4s ease-in-out infinite} @keyframes board-cue{0%,100%{translate:0 -2px}50%{translate:0 3px}} .nice-board{position:relative;isolation:isolate;padding:64px var(--gutter) 100px;scroll-margin-top:0;background:radial-gradient(ellipse at 85% 6%,#a8ceff80,transparent 45%),radial-gradient(ellipse at 8% 65%,#ffe67b65,transparent 52%),linear-gradient(#f6f9fa,#f4f7ed 52%,#edf4fc)} .board-wrap{max-width:1480px;margin-inline:auto} .board-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px} .board-heading h2{font-size:clamp(32px,3.3vw,52px);line-height:1.1;letter-spacing:-.05em} .board-back{font-size:14px;min-height:44px;display:flex;align-items:center;padding:0 18px;border-radius:24px;background:#ffffff70;box-shadow:inset 0 1px #fff} .widget-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;align-items:stretch} .nice-widget{min-width:0;position:relative;scroll-margin-top:12px;border-radius:28px;padding:26px;background:linear-gradient(135deg,#ffffffca,#ffffff6e);box-shadow:inset 0 1px 1px #fff,0 10px 28px #26497709,0 2px 4px #26497704;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)} .widget-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px} .widget-header h3,.widget-overview>h3,.widget-calls>h3{font-size:16px;font-weight:600;letter-spacing:-.025em;line-height:1.3} .widget-header h3{display:flex;align-items:center;gap:10px;min-width:0} .widget-header h3 svg{width:24px;height:24px;flex:none;color:#235db0} .widget-all{font-size:14px;color:#456384;display:flex;align-items:center;min-height:36px;flex:none;border-radius:18px;padding-inline:8px} .widget-all:hover,.board-back:hover{background:#fff} .nice-widget h4{font-size:18px;line-height:1.25;font-weight:600;letter-spacing:-.035em} .nice-widget .widget-meta,.nice-widget .widget-location{font-size:13px;line-height:1.5;color:#556779} .nice-widget .media-frame{display:block;position:relative;overflow:hidden;background:#f4f6f8;border-radius:14px;aspect-ratio:auto} .nice-widget .media-frame img{display:block;position:absolute;inset:0;width:100%;height:100%;transform:none;object-fit:cover;object-position:var(--image-position,50% 50%);transition:scale .45s ease} .nice-widget .media-logo img,.nice-widget .media-poster img{object-fit:contain;padding:8px;background:#fff} .nice-widget a:focus-visible{background-color:#fff0b0!important;color:#183e73!important;border-radius:12px} .widget-events{grid-column:span 8} .widget-event-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px} .widget-feature{display:block;min-width:0;border-radius:18px} .widget-feature>.media-frame{height:220px;aspect-ratio:16/10} .widget-event-copy{padding-top:18px} .widget-event-copy h4{font-size:clamp(23px,2.25vw,34px);margin-block:8px;letter-spacing:-.045em} .widget-event-list{display:flex;flex-direction:column;justify-content:space-between;gap:20px} .widget-event-row{display:flex;flex-direction:column;gap:12px;min-width:0;border-radius:14px} .widget-event-row>.media-frame{height:112px;flex:none} .widget-event-row h4{font-size:16px;margin-block:4px} .widget-side{grid-column:span 4;display:flex;flex-direction:column;gap:20px;min-width:0} .widget-overview{flex:1;background:linear-gradient(135deg,#fffef1c9,#fff6c073)} .widget-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;margin-top:22px} .widget-metric{display:flex;flex-direction:column;gap:6px;border-radius:12px;min-width:0} .widget-metric strong{font-weight:550;font-size:clamp(36px,3.9vw,58px);letter-spacing:-.065em;line-height:1;font-variant-numeric:tabular-nums;color:#244c82} .widget-metric span{font-size:13px;color:#556779;line-height:1.4} .widget-calls{background:linear-gradient(135deg,#e3f0ffe6,#b5d2ffab);display:flex;flex-direction:column;align-items:flex-start;gap:16px} .widget-calls>h3{font-size:22px;letter-spacing:-.04em} .widget-calls>p{font-size:14px;color:#435b7a;line-height:1.5} .widget-call-button{font-size:14px;display:flex;align-items:center;min-height:44px;padding:10px 18px;border-radius:28px;background:var(--blue);color:#fff;margin-top:auto} .widget-call-button:hover{background:#154fc0} .widget-projects{grid-column:span 8} .widget-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px} .widget-project{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;align-items:start;border-radius:14px;min-width:0} .widget-project>.media-frame{height:118px;width:100%} .widget-project p,.widget-person p{font-size:13px;line-height:1.55;color:#556779;margin-top:8px} .widget-people{grid-column:span 4} .widget-person-list{display:flex;flex-direction:column;gap:24px} .widget-person{display:flex;align-items:center;gap:16px;min-width:0;border-radius:14px} .widget-person>.media-frame{width:70px;height:70px;border-radius:50%;flex:none;background:#eaf0ee} .widget-person h4{font-size:18px} .widget-person p{margin-top:5px} .widget-partners{grid-column:1/-1} .widget-partners .widget-header{margin-bottom:8px} .widget-partners .partner-track{gap:14px;margin-inline:0;padding-block:10px 12px} .widget-partners .partner-track>.partner-tile{flex-basis:220px;min-height:172px;gap:20px;padding:22px;border-radius:20px;background:#ffffff8a;box-shadow:inset 0 1px #fff,0 4px 12px #33465905} .widget-partners .partner-track .partner-monogram{height:65px;width:100%} .widget-partners .partner-track .media-logo{height:65px;background:transparent;border-radius:0} .widget-partners .partner-track .media-logo img{height:100%;width:100%;inset:0;object-fit:contain;object-position:center;background:transparent;padding:0;transform:none} .widget-partners .partner-track .partner-tile h4{font-size:15px;letter-spacing:-.025em} .widget-partners .partner-track .row-monogram{font-size:20px;font-weight:600;line-height:1.3} .widget-partners .carousel-controls{margin-top:0} .widget-partners .carousel-toggle{font-size:13px;text-decoration:none} .widget-partners .carousel-arrow{width:36px;height:36px;font-size:18px} .board-bottom{display:flex;gap:28px;justify-content:center;align-items:center;margin-top:38px;font-size:14px;color:#456384} .board-bottom a{min-height:44px;display:flex;align-items:center} @media(hover:hover){.widget-feature:hover img,.widget-event-row:hover img,.widget-project:hover img{scale:1.035}.widget-person:hover h4,.widget-project:hover h4{color:#195ddd}} @media(min-width:1500px){.widget-event-row{flex-direction:row;align-items:center}.widget-event-row>.media-frame{width:112px;height:112px}.widget-event-list{justify-content:center;gap:34px}.widget-feature>.media-frame{height:236px}} @media(max-width:1100px){ .nice-widget{padding:22px}.widget-events,.widget-projects{grid-column:span 7}.widget-side,.widget-people{grid-column:span 5} .widget-event-grid{grid-template-columns:1fr;gap:22px}.widget-feature>.media-frame{height:220px}.widget-event-row{flex-direction:row;align-items:center;gap:14px}.widget-event-row>.media-frame{width:80px;height:76px}.widget-event-row h4{font-size:15px}.widget-event-row .widget-meta{font-size:12px}.widget-project{grid-template-columns:1fr;gap:12px}.widget-project>.media-frame{height:132px}.widget-person{align-items:flex-start}.widget-person>.media-frame{width:58px;height:58px}.widget-person h4{font-size:17px}.widget-metrics{gap:28px 16px}.widget-calls{min-height:196px} } @media(max-width:767px){ .nice-board{padding:40px max(20px,env(safe-area-inset-left)) 88px}.board-heading{margin-bottom:22px}.board-heading h2{font-size:34px}.board-back{font-size:12px;padding-inline:14px} .widget-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.widget-events,.widget-side,.widget-projects,.widget-people,.widget-partners{grid-column:1/-1} .widget-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.nice-widget{padding:22px;border-radius:24px}.widget-header{margin-bottom:18px}.widget-header h3{font-size:16px}.widget-all{font-size:13px}.widget-header h3 svg{width:22px;height:22px} .widget-event-grid{grid-template-columns:1.15fr 1fr;gap:20px}.widget-event-row{flex-direction:column;align-items:stretch}.widget-event-row>.media-frame{width:100%;height:90px}.widget-feature>.media-frame{height:200px}.widget-event-copy h4{font-size:27px} .widget-project{grid-template-columns:96px minmax(0,1fr);gap:14px}.widget-project>.media-frame{height:106px}.widget-person-list{gap:20px}.widget-person{align-items:center}.widget-person>.media-frame{width:66px;height:66px} .widget-overview,.widget-calls{padding:20px}.widget-metric strong{font-size:40px}.widget-calls>h3{font-size:23px}.widget-calls>p{font-size:13px}.widget-call-button{font-size:13px;padding-inline:14px} .desktop-explore{font-size:12px;left:auto;right:0;translate:none}.desktop-footnote{padding-right:104px} } @media(max-width:600px){ .widget-event-grid{grid-template-columns:1fr;gap:24px}.widget-feature>.media-frame{height:auto;aspect-ratio:16/10}.widget-event-row{flex-direction:row;align-items:center}.widget-event-row>.media-frame{width:80px;height:80px}.widget-event-list{gap:22px}.widget-event-row h4{font-size:15px} .widget-side{grid-template-columns:1fr}.widget-overview{padding:22px}.widget-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}.widget-metric strong{font-size:36px}.widget-metric span{font-size:12px;line-height:1.4;max-width:7ch}.widget-calls{min-height:0;padding:22px;gap:14px}.widget-calls>h3{font-size:24px}.widget-call-button{font-size:14px} .widget-project-grid{grid-template-columns:1fr;gap:24px}.widget-project{grid-template-columns:100px minmax(0,1fr);gap:16px}.nice-widget h4{font-size:17px}.widget-project>.media-frame{height:116px}.widget-event-copy h4{font-size:28px}.widget-event-row h4{font-size:15px}.widget-person h4{font-size:18px} .widget-partners .partner-track>.partner-tile{flex-basis:192px;min-height:160px;padding:20px}.board-bottom{gap:22px;font-size:13px} } @media(max-width:360px){.nice-board{padding-inline:18px}.nice-widget{padding:18px}.board-heading h2{font-size:29px}.board-back{padding-inline:12px}.widget-project{grid-template-columns:84px minmax(0,1fr);gap:13px}.widget-header{gap:6px}.widget-header h3{gap:7px}.widget-header h3 svg{width:20px}.widget-all{padding-inline:2px;font-size:12px}.widget-metric strong{font-size:32px}.widget-metrics{gap:8px}.widget-event-row>.media-frame{width:64px;height:76px}.widget-person>.media-frame{width:58px;height:58px}.widget-person{gap:13px}} @media(prefers-reduced-motion:reduce){.desktop-explore span{animation:none}.nice-widget img{transition:none}.nice-widget a:hover img{scale:1}} @media(forced-colors:active){.nice-widget,.board-back,.widget-call-button{border:1px solid ButtonText}} /* v0.33 — blue leads; a small warm accent keeps the network welcoming. */ :root{ --brand-yellow:#fadf61;--brand-sky:#75c8ef;--brand-blue:#5c77f7;--brand-navy:#141f9c; --ink:#253550;--muted:#586980;--paper:#f6f9fd;--blue:var(--brand-navy);--blue-dark:var(--brand-navy);--blue-pale:#e9f2ff; --yellow:var(--brand-yellow);--yellow-soft:#fbf2ce;--accent:var(--brand-yellow);--pink:var(--brand-sky); --events:#dceaff;--projects:#e3edfb;--people:#e7f0fc;--partner:#dceaff;--seeds:var(--partner); --calls:var(--brand-navy);--calls-hover:#10197d;--calls-ink:var(--brand-navy); --surface-glass:linear-gradient(145deg,#ffffffdf,#edf5ffaf);--surface-shadow:inset 0 1px 1px #fff,0 12px 36px #23487809; --action-soft:#eaf1fb;--focus-fill:#f9efc7; } body:before{background:radial-gradient(ellipse at 0 0,#75c8ef24,transparent 55%),radial-gradient(ellipse at 100% 100%,#fadf6110,transparent 40%)} h1,h2{color:#203456} .desktop-wallpaper{background:#f6f9fd} .desktop-wallpaper span:nth-child(1){background:radial-gradient(circle,#75c8ef55 0%,#b8d8fa38 42%,transparent 69%);width:108vw;height:96vw;left:-42vw;top:-51vw} .desktop-wallpaper span:nth-child(2){background:radial-gradient(circle,#fadf6155 0%,#fadf6128 42%,transparent 68%);width:66vw;height:66vw;right:-24vw;bottom:-41vw} .desktop-wallpaper span:nth-child(3){background:linear-gradient(170deg,#ffffff00,#ffffff55);box-shadow:none} :root{--statement-ink:#203456} .desktop-heading h1{color:var(--statement-ink)}.desktop-heading p{color:var(--muted)} .desktop-app .desktop-app-icon,.desktop-app[data-open-app] .desktop-app-icon{color:var(--brand-navy);background:linear-gradient(148deg,#ffffffef 3%,#dcecffdf 55%,#a9cffaac);box-shadow:inset 0 1.5px 1.5px #fff,inset 0 -1px 2px #527fb526,0 16px 34px #23487813,0 3px 6px #2348780b} .desktop-app .desktop-app-icon:after{background:linear-gradient(#ffffff70,#ffffff00)} .desktop-app:hover .desktop-app-icon{box-shadow:inset 0 1.5px 1.5px #fff,inset 0 -1px 2px #527fb526,0 22px 38px #2348781c,0 3px 6px #23487810} .desktop-app-name{color:#2e4262} .pill-button{background:#ffffffb8;color:var(--brand-navy);box-shadow:inset 0 1px #fff} .pill-button:hover{background:var(--action-soft);color:var(--brand-navy)} .desktop-actions{padding:7px;gap:7px;background:#ffffff8c;box-shadow:var(--surface-shadow)} .desktop-actions .desktop-calls,.widget-call-button,.call-feature-action .pill-button,.calls-page .call-status .pill-button,.contact-request,.pill-button.dark{background:var(--brand-navy);color:#fff;box-shadow:none} .desktop-actions .desktop-calls:hover,.widget-call-button:hover,.call-feature-action .pill-button:hover,.calls-page .call-status .pill-button:hover,.contact-request:hover,.pill-button.dark:hover{background:#10197d;color:#fff} .desktop-actions .desktop-collaborate,.header-collaborate,.footer-invite .pill-button{background:#ffffffb8;color:var(--brand-navy);box-shadow:inset 0 1px #fff} .desktop-actions .desktop-collaborate:hover,.header-collaborate:hover,.footer-invite .pill-button:hover{background:var(--action-soft);color:var(--brand-navy)} .header-open-calls{background:transparent;color:var(--brand-navy);box-shadow:none} .header-open-calls:hover{background:var(--action-soft);color:var(--brand-navy)} .site-header,body[data-page=home] .site-header{background:#f6f9fde6;box-shadow:0 1px 0 #ffffffb3,0 8px 28px #20284805} .menu-button,.board-back{background:#ffffff9c;color:#42485e;box-shadow:inset 0 1px #fff} .menu-button[aria-expanded=true]{background:var(--brand-navy);color:#fff} .mobile-menu{background:#fafbffeF;box-shadow:0 20px 70px #20284820} .mobile-menu>a:hover,.mobile-menu>a[aria-current=page],.mobile-menu .nice-calls-link{background:var(--action-soft);color:var(--brand-navy)} .desktop-explore,.desktop-footnote,.board-bottom,.widget-all{color:var(--muted)} .nice-board{background:radial-gradient(ellipse at 100% 15%,#75c8ef20,transparent 55%),radial-gradient(ellipse at 0 85%,#fadf610e,transparent 36%),#edf3fb} .nice-widget,.widget-overview,.widget-calls{background:var(--surface-glass);box-shadow:var(--surface-shadow)} .widget-header h3 svg,.widget-metric strong{color:var(--brand-navy)} .widget-header h3,.widget-overview>h3,.widget-calls>h3,.nice-widget h4{color:#2a3d5d} .widget-calls{background:linear-gradient(145deg,#ffffffd9,#dfeeffb3)} .widget-calls>h3{color:var(--brand-navy)} .widget-calls>p,.widget-metric span,.nice-widget .widget-meta,.nice-widget .widget-location,.widget-project p,.widget-person p{color:var(--muted)} .widget-partners .partner-track>.partner-tile{background:#ffffff87;box-shadow:inset 0 1px #fff} .carousel-arrow{background:#ffffffbb;color:var(--brand-navy)} .carousel-arrow:hover{background:var(--action-soft)} .app-folder{background:#fafbfdf7;box-shadow:inset 0 1px #fff,0 36px 100px #252a4933} .app-folder::backdrop{background:#252a4921} .folder-header{background:#f4f9ffb3}.folder-sidebar{background:#e7f0fb99} .folder-close span{background:#e5e8f1;color:#545b78} .folder-switch[aria-pressed=true]{background:#d9e8fb;color:var(--brand-navy);box-shadow:inset 0 1px #fff8} .folder-switch svg{color:var(--brand-navy)} .folder-shortcut,.folder-file:hover{background:var(--action-soft);color:var(--brand-navy)} .folder-shortcut:hover{background:#e7ebfb} .collection-shell{background:var(--surface-glass);box-shadow:var(--surface-shadow)} .collection-heading .collection-total{color:var(--brand-navy);background:var(--action-soft)} .app-switcher a[aria-current=page],.collection-tabs button[aria-pressed=true],.view-toggle button[aria-pressed=true]{background:var(--action-soft);color:var(--brand-navy)} .select-trigger,.search-field input,.contact-form input,.contact-form select,.contact-form textarea{background:#ffffffa8;box-shadow:inset 0 1px #fff} .select-options{background:#fcfcff}.select-options button:hover,.select-options button[aria-selected=true]{background:var(--action-soft)} .detail-facts,.article-body,.contact-form,.contact-address,.history-copy{background:var(--surface-glass);box-shadow:var(--surface-shadow)} .history-now .history-copy{background:linear-gradient(125deg,#e1edffad,#ffffffb3)} .history-navigation a[aria-current=true]{background:var(--brand-navy);color:#fff} .history-step:before{background:#dce0ef} .calls-page{background:radial-gradient(ellipse at 100% 0,#5c77f70a,transparent 65%)} .open-call-feature,.call-status{background:var(--surface-glass);box-shadow:var(--surface-shadow)} .intro-corridor{background:radial-gradient(ellipse at 0 0,#75c8ef45,transparent 62%),radial-gradient(ellipse at 100% 100%,#fadf6120,transparent 38%),#f6f9fd} :focus-visible,.desktop-app:focus-visible,.nice-widget a:focus-visible,.nice-calls-link:focus-visible,.calls-page .call-status .pill-button:focus-visible,.app-folder :focus-visible{background-color:var(--focus-fill)!important;color:var(--brand-navy)!important} /* Contact stays reachable while the primary navigation rests. */ .contact-access{position:fixed;right:max(var(--gutter),env(safe-area-inset-right,0px));bottom:max(20px,calc(env(safe-area-inset-bottom,0px) + 12px));z-index:92;color:var(--brand-navy)} .contact-access>summary{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:12px 18px;border-radius:30px;background:#fffffff0;box-shadow:inset 0 1px #fff,0 5px 22px #22284814;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-size:14px;font-weight:550;line-height:1.2;list-style:none;cursor:pointer;white-space:nowrap} .contact-access>summary::-webkit-details-marker{display:none}.contact-access>summary svg{width:20px;height:20px;flex:none} .contact-access[open]>summary{background:var(--action-soft)} .contact-access-panel{position:absolute;right:0;bottom:calc(100% + 12px);width:320px;max-width:calc(100vw - 36px);padding:24px;border-radius:24px;background:#fcfcfff5;box-shadow:inset 0 1px #fff,0 14px 55px #22284822;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;flex-direction:column;gap:24px} .contact-email{display:flex;flex-direction:column;gap:8px;min-height:44px;border-radius:10px} .contact-email span{font-size:13px;color:var(--muted)}.contact-email strong{font-size:17px;font-weight:500;letter-spacing:-.03em;overflow-wrap:anywhere} .contact-email:hover strong{text-decoration:underline;text-underline-offset:4px} .contact-request{display:flex;align-items:center;justify-content:center;padding:13px 18px;min-height:46px;border-radius:28px;font-size:14px;font-weight:550} .folder-support{display:flex;align-items:center;gap:24px;flex:none;min-height:60px;padding:10px 24px;background:#ffffffba;box-shadow:0 -1px #fff;font-size:13px} .folder-support>span{color:var(--muted);margin-right:auto}.folder-support>a{display:flex;align-items:center;min-height:40px;color:var(--brand-navy)} .folder-support>.folder-request{padding:8px 16px;background:var(--action-soft);border-radius:22px} .desktop-content{padding:24px 0 20px}.desktop-footnote{margin-bottom:0}.nice-board{padding-bottom:108px}.site-footer{padding-bottom:108px} @media(max-width:600px){ .contact-access{right:max(18px,env(safe-area-inset-right,0px))}.contact-access>summary{min-height:44px;padding:11px 14px;font-size:13px;gap:7px}.contact-access-panel{padding:22px;width:300px;gap:22px} .folder-support{padding:8px 14px;gap:16px;min-height:56px;font-size:12px}.folder-support>.folder-request{padding-inline:12px}.desktop-footnote{margin-bottom:0;min-height:108px}.desktop-explore{left:50%;right:auto;top:6px;translate:-50% 0} .desktop-app .desktop-app-icon,.desktop-app[data-open-app] .desktop-app-icon{box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #527fb526,0 12px 26px #23487812} } @media(max-width:360px){.folder-support{gap:10px;padding-inline:10px;font-size:11px}.contact-email strong{font-size:16px}} @media(forced-colors:active){.contact-access>summary,.contact-access-panel,.contact-request,.folder-request{border:1px solid ButtonText}} /* v0.34 — navigation is a floating control surface, with air on every side. */ :root{--nav-top:max(18px,calc(env(safe-area-inset-top,0px) + 10px));--nav-height:64px;--nav-gap:max(24px,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));--nav-clearance:calc(var(--nav-top) + var(--nav-height) + 18px)} html{scroll-padding-top:var(--nav-clearance)} .site-header,body[data-page=home] .site-header{width:min(820px,calc(100% - 2 * var(--nav-gap)));height:auto;min-height:0;top:var(--nav-top);background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:0} .site-header{position:sticky;margin:var(--nav-top) auto 24px} body[data-page=home] .site-header{position:fixed;left:50%;right:auto;margin:0;translate:-50% 0;transform:translateY(calc(-100% - var(--nav-top) - 16px))} body[data-page=home][data-home-nav-visible] .site-header{transform:translateY(0)} .header-inner{min-height:var(--nav-height);height:auto;width:100%;max-width:none;padding:8px 10px 8px 20px;gap:6px;flex-wrap:nowrap;border-radius:40px;background:linear-gradient(145deg,#ffffffeb,#eaf3ffcf);box-shadow:inset 0 1px 1px #fff,0 12px 36px #23487812,0 2px 6px #23487808;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)} .header-inner .word-brand{min-height:44px;font-size:15px;gap:8px;color:var(--ink);padding-right:16px;margin-right:auto} .header-ring{width:30px;height:30px} .header-inner .header-open-calls,.header-inner .header-collaborate,.header-inner .menu-button{min-height:44px;padding:11px 17px;font-size:14px;line-height:1.3;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s;transform:none} .header-inner .header-open-calls{background:var(--brand-navy);color:#fff;box-shadow:0 3px 10px #141f9c12} .header-inner .header-open-calls:hover{background:var(--calls-hover);color:#fff} .header-inner .header-collaborate{background:#ffffff96;color:var(--brand-navy);box-shadow:inset 0 1px #fff9} .header-inner .header-collaborate:hover{background:#fff} .header-inner .menu-button{gap:8px;background:transparent;box-shadow:none;color:var(--ink)} .header-inner .menu-button:hover{background:#ffffffc4} .header-inner .menu-button>span{display:inline-block;font-size:18px;line-height:1;transition:rotate .22s} .header-inner .menu-button[aria-expanded=true]{background:var(--action-soft);color:var(--brand-navy)} .header-inner .menu-button[aria-expanded=true]>span{rotate:45deg} .site-header .mobile-menu{top:calc(100% + 12px);right:0;left:auto;width:min(560px,100%);max-height:calc(100svh - var(--nav-clearance) - 24px);padding:18px;border-radius:28px;background:linear-gradient(145deg,#ffffffed,#edf5fff2);box-shadow:inset 0 1px #fff,0 24px 60px #23487820;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);animation:nav-panel-in .2s ease-out} .mobile-menu>a{font-size:18px} .mobile-menu .menu-mark{background:var(--brand-blue)} .mobile-menu .menu-meta{gap:12px 22px;padding:12px 16px} .history-navigation{top:var(--nav-clearance)} .history-step{scroll-margin-top:calc(var(--nav-height) + 24px)} @keyframes nav-panel-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}} @media(max-width:767px){ :root{--nav-top:max(12px,calc(env(safe-area-inset-top,0px) + 8px));--nav-height:60px;--nav-gap:max(16px,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px))} .site-header{margin-bottom:20px} .header-inner{padding:8px 8px 8px 14px;gap:4px} .header-inner .word-brand{font-size:14px;gap:7px;padding-right:4px} .header-ring{width:27px;height:27px} .header-inner .header-collaborate,.header-inner .menu-button{font-size:13px;padding:11px 13px} .header-inner .menu-button{gap:4px} .site-header .mobile-menu{padding:12px;border-radius:24px;top:calc(100% + 10px)} .mobile-menu>a{font-size:16px;min-height:56px;padding:12px 10px;gap:8px} .mobile-menu .menu-meta{padding:10px;gap:10px 18px} .mobile-menu .menu-meta a{min-height:44px;display:inline-flex;align-items:center} } @media(max-width:420px){.header-brand-name>span{display:none}.header-inner .word-brand{font-size:14px}.header-inner .menu-button{padding-inline:10px}.mobile-menu>a{font-size:14px;padding-inline:8px;gap:6px;white-space:nowrap}.mobile-menu .menu-mark{width:6px;height:6px;flex-shrink:0}} @media(prefers-reduced-motion:reduce){.site-header .mobile-menu{animation:none}.header-inner .menu-button>span{transition:none}} @media(forced-colors:active){.header-inner,.site-header .mobile-menu{outline:1px solid ButtonText}} /* v0.35 — one bar for orientation, participation and contact. */ .site-header,body[data-page=home] .site-header{width:min(1040px,calc(100% - 2 * var(--nav-gap)))} body[data-page=home] .site-header{opacity:1;visibility:visible;pointer-events:auto;transform:none} .header-inner{padding:8px 10px 8px 14px;gap:10px} .header-identity,.header-utilities,.header-actions{display:flex;align-items:center;gap:6px;min-width:0} .header-identity{margin-right:auto;flex:none} .header-inner .word-brand{margin:0;padding-right:6px;gap:7px;font-size:14px} .header-brand-name>span{display:inline} .header-back,.header-utility,.header-inner .menu-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;flex:none;border-radius:24px;color:var(--brand-navy);background:#ffffff85;box-shadow:inset 0 1px #fff;transition:background .2s} .header-back{width:44px} .header-back svg,.header-utility svg,.header-inner .menu-button svg{width:20px;height:20px;flex:none} .header-back:hover,.header-utility:hover,.header-inner .menu-button:hover{background:#fff} .header-back svg{transition:translate .2s}.header-back:hover svg{translate:-2px 0} .header-utility{font-size:13px;gap:8px;padding:11px 13px} .header-utility[aria-current=page]{background:#dceaff} .header-inner .menu-button{width:44px;padding:0} .header-inner .menu-button[aria-expanded=true]{background:#dceaff} .header-inner .menu-button[aria-expanded=true] svg{rotate:none} .header-inner .menu-button svg path{transform-origin:12px 12px;transition:transform .2s} .header-inner .menu-button svg path:first-child{transform:translateY(-4px)} .header-inner .menu-button svg path:last-child{transform:translateY(4px)} .header-inner .menu-button[aria-expanded=true] svg path:first-child{transform:rotate(45deg)} .header-inner .menu-button[aria-expanded=true] svg path:last-child{transform:rotate(-45deg)} .header-actions{gap:6px;flex:none} .site-header .contact-access,.site-header .collaborate-access{position:static;color:var(--brand-navy);flex:none;z-index:auto} .site-header .contact-access>summary,.collaborate-access>summary{display:flex;align-items:center;justify-content:center;min-height:44px;padding:12px 16px;gap:8px;border-radius:26px;font-size:13px;font-weight:550;line-height:1.2;list-style:none;cursor:pointer;white-space:nowrap;backdrop-filter:none;-webkit-backdrop-filter:none} .collaborate-access>summary::-webkit-details-marker{display:none} .collaborate-access>summary{background:#ffffffad;box-shadow:inset 0 1px #fff;color:var(--brand-navy)} .collaborate-access>summary:hover,.collaborate-access[open]>summary{background:#dceaff} .collaborate-access>summary svg{width:16px;height:16px;flex:none;transition:rotate .2s} .collaborate-access[open]>summary svg{rotate:180deg} .site-header .contact-access>summary{background:var(--brand-navy);color:#fff;box-shadow:0 4px 12px #141f9c14} .site-header .contact-access>summary:hover,.site-header .contact-access[open]>summary{background:var(--calls-hover);color:#fff} .site-header .contact-access>summary svg{width:18px;height:18px} .site-header .nav-access-panel{position:absolute;top:calc(100% + 12px);bottom:auto;right:0;width:360px;max-width:100%;padding:24px;border-radius:26px;background:linear-gradient(145deg,#fffffff5,#edf5fff2);box-shadow:inset 0 1px #fff,0 24px 60px #23487820;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);animation:nav-panel-in .2s ease-out;max-height:calc(100svh - var(--nav-clearance) - 20px);overflow:auto} .collaboration-panel{display:grid;gap:8px} .collaboration-option{display:flex;flex-direction:column;gap:7px;padding:16px;border-radius:18px;min-width:0} .collaboration-option strong{font-size:16px;font-weight:600;line-height:1.25;color:var(--brand-navy)} .collaboration-option>span{font-size:13px;color:var(--muted);line-height:1.5} .collaboration-option:hover{background:#dceaff80} .site-header .collaboration-panel{padding:10px} .site-header .mobile-menu{width:min(540px,100%)} .mobile-menu>a svg{width:22px;height:22px;flex:none;color:var(--brand-navy)} .mobile-menu .menu-meta{justify-content:flex-end;padding:4px 12px} .nice-desktop{padding-top:var(--nav-clearance)} .desktop-content{gap:clamp(38px,7svh,76px);padding-block:32px 42px} .collection-topbar,.detail-appbar{justify-content:flex-end} .detail-appbar:empty{display:none} .header-back .sr-only{white-space:normal} @media(max-width:1050px){.header-brand-name>span{display:none}.header-inner .word-brand{padding-right:0}.header-about>span{display:none}.header-about{width:44px;padding-inline:0}} @media(max-width:820px) and (min-width:701px){.header-brand-name{display:none}.header-inner{gap:6px}.header-actions summary{padding-inline:12px}} @media(max-width:700px){ :root{--nav-height:110px} .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;gap:6px;padding:8px 10px;border-radius:30px} .header-identity{grid-column:1;grid-row:1;gap:4px;margin:0} .header-inner .word-brand{font-size:14px;gap:6px} .header-ring{width:26px;height:26px} .header-utilities{grid-column:2;grid-row:1;gap:4px} .header-utilities .header-utility{width:44px;padding:0} .header-inner .menu-button{grid-column:3;grid-row:1} .header-actions{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:6px} .site-header .contact-access,.site-header .collaborate-access{min-width:0} .site-header .contact-access>summary,.collaborate-access>summary{padding:12px 8px;font-size:12px;gap:5px;width:100%} .site-header .contact-access>summary svg{width:16px;height:16px} .collaborate-access>summary svg{width:14px;height:14px} .site-header .nav-access-panel{width:360px;max-width:100%;padding:20px;border-radius:24px} .site-header .collaboration-panel{padding:8px} .contact-email strong{font-size:16px} .site-header .mobile-menu{border-radius:24px} .desktop-content{gap:30px;padding-block:26px 32px} .desktop-footnote{min-height:108px} } @media(max-width:360px){.header-inner .word-brand{gap:4px}.header-inner{padding-inline:8px;column-gap:4px}.header-back{width:36px}.header-identity{gap:2px}.header-utilities{gap:2px}.mobile-menu>a{gap:6px;font-size:13px}.mobile-menu>a svg{width:18px;height:18px}.header-actions{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.site-header .contact-access>summary svg{display:none}} @media(prefers-reduced-motion:reduce){.site-header .nav-access-panel{animation:none}.header-back svg,.header-inner .menu-button svg path,.collaborate-access>summary svg{transition:none}} @media(forced-colors:active){.header-back,.header-utility,.collaborate-access>summary,.site-header .contact-access>summary,.site-header .nav-access-panel{outline:1px solid ButtonText}} /* Native folders keep their own contact action inside their title bar. */ .folder-contact{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:44px;padding:11px 16px;border-radius:24px;background:var(--brand-navy);color:#fff;font-size:13px;white-space:nowrap} .folder-contact:hover{background:var(--calls-hover)} @media(max-width:700px){.folder-header{display:grid;grid-template-columns:40px minmax(0,1fr) auto;padding:10px 12px 10px 6px;column-gap:6px;row-gap:4px}.folder-close{grid-column:1;grid-row:1}.folder-heading{grid-column:2;grid-row:1;min-width:0;display:block}.folder-heading h2{font-size:16px}.folder-heading>span{display:block;font-size:11px;margin-top:3px}.folder-contact{grid-column:3;grid-row:1;font-size:12px;padding:11px 12px}.folder-all{grid-column:2/4;grid-row:2;justify-self:end;min-height:36px;font-size:12px}.folder-heading h2{white-space:nowrap}.folder-header{min-height:104px}} @media(max-width:360px){.folder-contact{font-size:11px;padding-inline:9px}.folder-heading h2{font-size:14px}} /* v0.36 — brand first, photographs in front, one continuous arrival. */ body[data-page=intro],.intro-corridor{background:#f6f9fd} .corridor-brand{animation:none;opacity:1;transform:none;z-index:1} .corridor-brand h1{white-space:nowrap;color:var(--statement-ink)} .corridor-brand .brand-ring{width:58px;height:58px} .corridor-gallery{z-index:2} .corridor-skip{z-index:3;color:var(--statement-ink);background:linear-gradient(140deg,#ffffffdc,#ffffff85);box-shadow:inset 0 1px 1px #fff,0 5px 24px #223a6410} .corridor-frame{width:36vw;height:40vh;left:32%;top:30%;opacity:0;border-radius:12px;overflow:hidden;box-shadow:0 14px 40px #17335022,0 0 0 5px #ffffffb8;animation:corridor-pass 1020ms linear both;animation-delay:var(--delay)} .corridor-frame-0{--delay:200ms;--depth:3;--start-x:-15vw;--start-y:-8vh;--exit-x:-78vw;--exit-y:-34vh;--turn:-4deg} .corridor-frame-1{--delay:250ms;--depth:3;--start-x:15vw;--start-y:8vh;--exit-x:78vw;--exit-y:34vh;--turn:4deg} .corridor-frame-2{--delay:550ms;--depth:2;--start-x:-15vw;--start-y:8vh;--exit-x:-78vw;--exit-y:34vh;--turn:3deg} .corridor-frame-3{--delay:600ms;--depth:2;--start-x:15vw;--start-y:-8vh;--exit-x:78vw;--exit-y:-34vh;--turn:-3deg} @keyframes corridor-pass{ 0%{opacity:0;transform:translate(var(--start-x),var(--start-y)) scale(.72) rotate(var(--turn))} 18%{opacity:1} 42%{opacity:1;transform:translate(var(--start-x),var(--start-y)) scale(.94) rotate(var(--turn));animation-timing-function:cubic-bezier(.35,.05,.6,1)} 78%{opacity:1} 100%{opacity:0;transform:translate(var(--exit-x),var(--exit-y)) scale(1.28) rotate(var(--turn))} } /* Old and new scenes coexist for 600 ms. Their wallpaper is the same component. */ main.intro-outgoing{position:fixed;inset:0;z-index:80;width:100%;height:100dvh;min-height:0;overflow:hidden;pointer-events:none;animation:intro-scene-out 600ms cubic-bezier(.4,0,.2,1) both} .intro-outgoing .corridor-brand{animation:intro-brand-out 220ms ease-out both} .intro-outgoing .corridor-skip{animation:intro-control-out 180ms ease both} .intro-arrival{animation:intro-content-in 600ms cubic-bezier(.2,.7,.2,1) both} body[data-page=home] .intro-arrival{animation:none} .intro-arrival .desktop-heading{animation:intro-content-in 480ms 120ms cubic-bezier(.2,.7,.2,1) both} .intro-arrival .desktop-apps{animation:intro-content-in 460ms 140ms cubic-bezier(.2,.7,.2,1) both} .intro-arrival .desktop-footnote{animation:intro-content-in 400ms 200ms ease both} .intro-is-arriving .site-header{animation:intro-bar-in 480ms 120ms ease both} @keyframes intro-scene-out{from{opacity:1}to{opacity:0}} @keyframes intro-brand-out{to{opacity:0;transform:translateY(-12px) scale(1.025)}} @keyframes intro-control-out{to{opacity:0}} @keyframes intro-content-in{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}} @keyframes intro-bar-in{from{opacity:0}to{opacity:1}} @media(max-width:600px){ .corridor-frame{width:70vw;height:28vh;left:15%;top:36%;box-shadow:0 10px 30px #17335020,0 0 0 4px #ffffffb8} .corridor-frame-0{--start-x:-14vw;--start-y:-14vh;--exit-x:-76vw;--exit-y:-48vh} .corridor-frame-1{--start-x:14vw;--start-y:14vh;--exit-x:76vw;--exit-y:48vh} .corridor-frame-2{--start-x:-14vw;--start-y:14vh;--exit-x:-76vw;--exit-y:48vh} .corridor-frame-3{--start-x:14vw;--start-y:-14vh;--exit-x:76vw;--exit-y:-48vh} .corridor-brand h1{font-size:clamp(36px,11vw,64px)} } @media(prefers-reduced-motion:reduce){ .corridor-gallery,.intro-outgoing{display:none} .corridor-brand,.intro-arrival,.intro-arrival .desktop-heading,.intro-arrival .desktop-apps,.intro-arrival .desktop-footnote,.intro-is-arriving .site-header{animation:none;opacity:1;transform:none;translate:none} } /* v0.37 — a single persistent collaboration control; search closes the bar. */ .site-header{z-index:100} body[data-page=intro] .site-header{display:block;position:fixed;left:50%;right:auto;translate:-50% 0;margin:0;opacity:1;visibility:visible;pointer-events:auto;transform:none;z-index:100} .intro-is-arriving .site-header{animation:none} .header-search{width:44px;padding-inline:0} .collaborate-access>summary{background:var(--brand-navy);color:#fff;box-shadow:0 4px 12px #141f9c14} .collaborate-access>summary:hover,.collaborate-access[open]>summary{background:var(--calls-hover);color:#fff} .collaboration-email{box-shadow:0 -1px #233b6710;border-radius:0 0 18px 18px;margin-top:4px} .collaboration-email>span{overflow-wrap:anywhere} .folder-header{position:relative;z-index:2} .folder-collaborate{flex:none;color:var(--brand-navy)} .folder-collaborate>summary{font-size:13px} .folder-collaborate .nav-access-panel{position:absolute;z-index:3;top:calc(100% + 8px);right:12px;width:min(360px,calc(100% - 24px));max-height:calc(100dvh - 220px);overflow:auto;padding:10px;border-radius:24px;background:linear-gradient(145deg,#fffffff5,#edf5fff2);box-shadow:inset 0 1px #fff,0 20px 48px #23487820;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);animation:nav-panel-in .2s ease-out} @media(max-width:700px){ .header-actions{grid-column:1/3;grid-row:2;display:flex;min-width:0} .header-actions .collaborate-access{width:100%} .header-search{grid-column:3;grid-row:2} .site-header .collaborate-access>summary{font-size:13px;gap:8px} .folder-header{grid-template-columns:40px minmax(0,1fr) auto;min-height:114px;row-gap:8px} .folder-all{grid-column:3;grid-row:1;font-size:11px;margin:0;min-height:44px;justify-self:end} .folder-collaborate{grid-column:1/-1;grid-row:2;min-width:0} .folder-collaborate>summary{width:100%;min-height:44px} .folder-collaborate .nav-access-panel{right:8px;width:calc(100% - 16px);max-height:calc(100dvh - 210px)} } @media(forced-colors:active){.collaborate-access>summary,.collaboration-panel{outline:1px solid ButtonText}} @media(prefers-reduced-motion:reduce){.folder-collaborate .nav-access-panel{animation:none}} @media(min-width:601px) and (max-width:700px){ :root{--nav-height:60px} .header-inner{display:flex;gap:8px;border-radius:40px} .header-identity{margin-right:auto} .header-actions{display:flex;flex:none} .site-header .collaborate-access>summary{padding:12px 16px} } /* v0.38 — an uncluttered mobile control bar, without a second brand mark. */ @media(max-width:767px){ :root{--nav-height:60px} .site-header,body[data-page=home] .site-header,body[data-page=intro] .site-header{width:max-content;max-width:calc(100% - 2 * var(--nav-gap))} .header-inner{display:flex;flex-wrap:nowrap;gap:3px;padding:8px 6px;border-radius:40px} .site-header .word-brand{display:none} .header-identity{margin:0;gap:0} .header-identity:has(.header-back[hidden]){display:none} .header-back{width:36px} .header-utilities,.header-actions{gap:0;flex:none} .header-utilities .header-utility,.header-inner .menu-button,.header-search{width:40px;padding-inline:0;min-height:44px} .site-header .collaborate-access>summary{min-height:44px;padding:12px 6px;font-size:12px;gap:4px} .site-header .collaborate-access>summary svg{width:12px;height:12px} .site-header .nav-access-panel,.site-header .mobile-menu{width:min(360px,calc(100vw - 2 * var(--nav-gap)));max-width:none;left:50%;right:auto;translate:-50% 0} } /* v0.39 — one statement, four apps, and a direct way to contact NICE. */ .site-header{transition:opacity .22s ease,transform .22s ease,visibility .22s} body[data-page=home]:not([data-home-nav-visible]) .site-header,body[data-page=intro] .site-header{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px)} body[data-page=home][data-home-nav-visible] .site-header{opacity:1;visibility:visible;pointer-events:auto;transform:none} .nice-desktop{padding-top:max(28px,env(safe-area-inset-top,0px))} .desktop-heading h1{font-size:clamp(32px,4.2vw,60px);font-weight:500;letter-spacing:-.035em;line-height:1.15;max-width:none;margin:0} .desktop-content{gap:clamp(28px,5svh,48px);padding-block:28px} .home-contact{position:relative;z-index:3;flex:none} .home-contact>summary{padding:13px 24px;font-size:14px;min-height:46px} .home-contact .nav-access-panel{position:absolute;bottom:calc(100% + 12px);left:50%;translate:-50% 0;width:min(360px,calc(100vw - 32px));max-height:min(390px,60svh);overflow:auto;padding:10px;border-radius:24px;background:linear-gradient(145deg,#fffffff5,#edf5fff2);box-shadow:inset 0 1px #fff,0 18px 56px #23487820;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);animation:nav-panel-in .2s ease-out} .intro-arrival .home-contact{animation:intro-content-in 420ms 180ms cubic-bezier(.2,.7,.2,1) both} @media(max-width:600px){ .desktop-heading h1{font-size:clamp(28px,7.5vw,36px);max-width:18ch;margin-inline:auto;line-height:1.16} .desktop-content{gap:28px;padding-block:24px} } @media(prefers-reduced-motion:reduce){.site-header,.intro-arrival .home-contact,.home-contact .nav-access-panel{animation:none;transition:none}} /* v0.40 — readable mobile type and a bar sized to the available viewport. */ html{-webkit-text-size-adjust:100%;text-size-adjust:100%} body{font-kerning:normal;font-synthesis:none} .desktop-app-name,.folder-file-title,.widget-header h3,.widget-overview>h3{letter-spacing:-.012em;font-weight:500} .site-header,body[data-page=home] .site-header,body[data-page=intro] .site-header{ width:min(680px,calc(100% - 2 * var(--nav-gap)));max-width:none } .header-inner{gap:8px;padding-inline:12px} .site-header .collaborate-access>summary{font-weight:500;letter-spacing:0} @media(max-width:767px){ :root{--nav-height:60px;--type-caption:.8125rem;--type-label:.875rem;--type-copy:1rem} body{font-size:var(--type-copy);line-height:1.6} .site-header,body[data-page=home] .site-header,body[data-page=intro] .site-header{ width:min(392px,calc(100% - 2 * var(--nav-gap))) } .header-inner{padding:8px 6px;gap:4px;min-width:0} .header-identity,.header-utilities{flex:none;gap:0} .header-back,.header-utilities .header-utility,.header-inner .menu-button,.header-search{width:44px;min-width:44px;min-height:44px;padding-inline:0} .header-actions{flex:1;min-width:0} .header-actions .collaborate-access{width:100%;min-width:0} .site-header .collaborate-access>summary{min-height:44px;padding:12px 8px;font-size:var(--type-label);gap:5px;line-height:1.25} .site-header .collaborate-access>summary svg{width:12px;height:12px} .desktop-heading h1{font-size:clamp(1.625rem,6.8vw,2rem);font-weight:450;line-height:1.2;letter-spacing:-.025em;max-width:none;text-wrap:balance} .desktop-app-name{font-size:var(--type-label);line-height:1.4;letter-spacing:-.01em;font-weight:500;white-space:nowrap} .home-contact>summary{font-size:.9375rem;font-weight:500;letter-spacing:0;line-height:1.35;padding:13px 24px;min-height:48px} .desktop-explore{font-size:var(--type-caption);line-height:1.4;letter-spacing:0} .board-heading h2{font-size:2rem;line-height:1.18;letter-spacing:-.03em;font-weight:550} .widget-header h3,.widget-overview>h3{font-size:1rem;line-height:1.4;letter-spacing:-.01em;font-weight:550} .nice-widget h4{font-weight:550;line-height:1.35;letter-spacing:-.015em;text-wrap:pretty} .widget-event-copy h4{font-size:1.5rem;line-height:1.25;letter-spacing:-.025em} .widget-event-row h4,.widget-project h4,.widget-person h4{font-size:1rem} .nice-widget .widget-meta,.nice-widget .widget-location,.widget-project p,.widget-person p,.widget-metric span{font-size:var(--type-caption);line-height:1.55;letter-spacing:0} .widget-all,.widget-call-button{font-size:var(--type-label);line-height:1.4} .collection-heading h1,.detail-head h1,.calls-heading h1,.history-heading h1,.contact-intro h1{font-size:clamp(2rem,9.2vw,2.75rem);font-weight:550;line-height:1.12;letter-spacing:-.03em;text-wrap:balance} .contact-intro h1{max-width:none} .collection-heading h1{align-items:center} .collection-heading .collection-total{font-size:1rem;line-height:1.4;letter-spacing:0} .folder-heading h2{font-size:1.125rem;font-weight:550;letter-spacing:-.015em;line-height:1.3} .folder-heading>span,.folder-all{font-size:.75rem;line-height:1.4} .folder-switch{font-size:.6875rem;letter-spacing:0;line-height:1.4} .folder-shortcut{font-size:var(--type-caption);line-height:1.35} .folder-file-title{font-size:var(--type-label);line-height:1.4;letter-spacing:-.01em;font-weight:500;overflow-wrap:break-word} .folder-file-meta{font-size:.75rem;line-height:1.5;letter-spacing:0;overflow-wrap:break-word} .folder-files{row-gap:24px} .collaboration-option strong{font-size:1rem;font-weight:550;line-height:1.35;letter-spacing:-.01em} .collaboration-option>span{font-size:var(--type-label);line-height:1.5;letter-spacing:0} .mobile-menu>a{font-size:var(--type-label);font-weight:500;line-height:1.4;letter-spacing:-.01em} input,textarea,select{font-size:1rem;line-height:1.5} } @media(max-width:359px){ .header-inner{gap:0;padding-inline:4px} .site-header .collaborate-access>summary{font-size:.8125rem;padding-inline:5px;gap:0} .site-header .collaborate-access>summary svg{display:none} .folder-heading h2{font-size:1rem} .folder-all{font-size:.6875rem} } @media(max-width:600px){ .folder-sidebar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px} .folder-switch{font-size:.75rem;line-height:1.3;min-width:0;min-height:76px;gap:5px;white-space:normal;text-align:center;align-items:center;justify-content:center} .folder-switch>span>span{display:block} } /* v0.43: Open Call records use the established blue palette. */ :root{--open-calls:var(--projects)} /* v0.44: module-driven app launcher and folders. */ .desktop-app-name{overflow-wrap:anywhere;text-align:center} .widget-custom{grid-column:1/-1} .folder-empty{grid-column:1/-1;color:var(--muted);padding:24px 0} .collection-note{max-width:50rem;color:var(--muted);font-size:1rem;line-height:1.65;margin-block:12px} @media(max-width:600px){.folder-sidebar{display:flex;flex-direction:row;justify-content:flex-start;overflow-x:auto}.folder-switch{flex:0 0 calc((100% - 12px)/4);min-width:68px}.folder-switch>span{overflow-wrap:anywhere}.app-switcher{overflow-x:auto;max-width:100%}.app-switcher a{flex-shrink:0}.widget-custom .widget-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} /* v0.46 — a quiet glass About button beside Contact. */ .home-actions{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;max-width:100%} .home-about{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:13px 22px;border-radius:999px;color:var(--ink);font-size:14px;font-weight:500;line-height:1.35;background:#ffffff8c;box-shadow:inset 0 1px #fff,0 3px 14px #2348780a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);text-decoration:none;white-space:nowrap;transition:background .18s,box-shadow .18s} .home-about:hover{background:#ffffffe6;box-shadow:inset 0 1px #fff,0 4px 18px #23487812;text-decoration:none} .home-actions .home-contact{position:static} .intro-arrival .home-actions{animation:intro-content-in 420ms 180ms cubic-bezier(.2,.7,.2,1) both} .intro-arrival .home-actions .home-contact{animation:none} @media(max-width:600px){.home-about{font-size:15px;min-height:48px;padding-inline:20px}} @media(prefers-reduced-motion:reduce){.intro-arrival .home-actions{animation:none}.home-about{transition:none}} /* v0.47 — complete rows instead of reserved module positions. */ .widget-grid{display:flex;flex-direction:column;gap:20px} .widget-row{display:grid;gap:20px;align-items:stretch;min-width:0} .widget-row>.nice-widget{grid-column:auto;min-width:0} .widget-row-wide-first{grid-template-columns:minmax(0,2fr) minmax(0,1fr)} .widget-row-narrow-first{grid-template-columns:minmax(0,1fr) minmax(0,2fr)} .widget-row-equal{grid-template-columns:repeat(2,minmax(0,1fr))} .widget-row-single{grid-template-columns:minmax(0,1fr)} .widget-overview{display:flex;align-items:center;gap:32px;flex:none;padding-block:24px} .widget-overview>h3{flex:0 1 150px;margin:0} .widget-overview .widget-metrics{display:flex;flex:1;flex-wrap:wrap;gap:20px;margin:0} .widget-overview .widget-metric{flex:1 1 100px;gap:8px} .widget-overview .widget-metric strong{font-size:clamp(32px,3.2vw,46px)} .widget-overview .widget-metric span{max-width:none} .widget-row .widget-people{display:flex;flex-direction:column} .widget-row .widget-person-list{flex:1;justify-content:space-between} .widget-event-list:empty{display:none} .widget-event-grid:has(.widget-event-list:empty){grid-template-columns:minmax(0,1fr)} .widget-row .widget-project-grid{display:flex;flex-wrap:wrap;gap:24px 20px} .widget-row .widget-project{flex:1 1 240px} @media(min-width:768px){ .widget-row-single .widget-project{flex-basis:220px} .widget-row-single .widget-project{grid-template-columns:1fr;gap:14px} .widget-row-single .widget-project>.media-frame{height:clamp(150px,18vw,220px);aspect-ratio:auto} .widget-row-single .widget-project:only-child{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:center;gap:24px} .widget-row-single .widget-person-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:24px} .widget-row-single .widget-event-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)} .widget-row-single .widget-event-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:20px;align-content:start} .widget-row-single .widget-event-row{flex-direction:column;align-items:stretch} .widget-row-single .widget-event-row>.media-frame{width:100%;height:160px} .widget-row-single .widget-event-grid:has(.widget-event-list:empty){grid-template-columns:minmax(0,1fr)} .widget-row-single .widget-event-list:empty{display:none} .widget-row-single .widget-event-grid:has(.widget-event-list:empty) .widget-feature{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:24px;align-items:center} .widget-row-single .widget-event-grid:has(.widget-event-list:empty) .widget-event-copy{padding-top:0} } @media(min-width:768px) and (max-width:1100px){ .widget-row-wide-first{grid-template-columns:minmax(0,7fr) minmax(0,5fr)} .widget-row-narrow-first{grid-template-columns:minmax(0,5fr) minmax(0,7fr)} .widget-row:not(.widget-row-single) .widget-project{flex-basis:100%} } @media(max-width:767px){ .widget-grid,.widget-row{gap:16px} .widget-row{grid-template-columns:minmax(0,1fr)} .widget-overview{gap:20px;align-items:flex-start;flex-direction:column} .widget-overview>h3{flex:auto} .widget-overview .widget-metrics{width:100%;gap:18px 14px} .widget-overview .widget-metric{flex-basis:90px} .widget-row .widget-person-list{gap:24px} } @media(max-width:600px){.widget-row .widget-project{flex-basis:100%}} /* v0.52 — stable launcher slots: fill a row, then continue from its first column. */ .desktop-apps{ --app-capacity:2; --app-columns:min(var(--app-count,4),var(--app-capacity)); --app-cell:140px; --app-gap:24px; display:grid;grid-template-columns:repeat(var(--app-columns),minmax(0,1fr)); grid-auto-flow:row;align-items:start;justify-content:normal; width:min(100%,calc(var(--app-columns) * var(--app-cell) + (var(--app-columns) - 1) * var(--app-gap))); max-width:100%;gap:24px var(--app-gap);padding:0; } .desktop-apps:empty{display:none} .desktop-app{gap:12px;padding:4px 0} .desktop-app-icon{width:clamp(100px,27vw,116px);max-width:100%;flex:none} .desktop-app-name{width:100%;max-width:18ch;min-height:2.8em;white-space:normal;overflow-wrap:anywhere;text-wrap:balance;line-height:1.4} @media(min-width:480px){ .desktop-apps{--app-capacity:3;--app-cell:144px;row-gap:28px;padding:8px 0} .desktop-app-icon{width:116px} } @media(min-width:700px){ .desktop-apps{--app-capacity:4;--app-cell:clamp(144px,14vw,184px);--app-gap:clamp(24px,3.4vw,48px);row-gap:32px} .desktop-app{gap:14px;padding:8px 0} .desktop-app-icon{width:clamp(112px,12vw,152px)} .desktop-app-name{max-width:20ch} } @media(min-width:1180px){.desktop-apps{--app-capacity:5}} /* v0.53 — shared editorial hierarchy for built-in and newly created modules. */ :root{--content-title:clamp(34px,4.5vw,64px);--content-copy:clamp(16px,1.5vw,19px);--content-caption:13px} .collection-shell{margin-inline:0;padding:clamp(22px,3.5vw,48px);--app-accent:#c7dcf2} .collection-topbar{justify-content:flex-start;margin:0 0 32px} .collection-topbar .app-switcher,.detail-appbar .app-switcher{display:flex;flex-wrap:nowrap;width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:thin;align-items:center} .app-switcher a{flex:none;white-space:nowrap} .collection-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;margin:0 0 32px} .collection-heading-copy{min-width:0} .collection-heading h1{display:block;font-size:var(--content-title);font-weight:550;line-height:1.12;letter-spacing:-.035em;font-stretch:100%;max-width:23ch;text-wrap:balance;overflow-wrap:break-word} .collection-heading .collection-note{max-width:58ch;margin:16px 0 0;font-size:var(--content-copy);line-height:1.65} .collection-stat{display:grid;gap:5px;justify-items:end;align-self:end;padding-bottom:4px;min-width:54px} .collection-heading .collection-total{display:block;margin:0;padding:0;background:none;color:var(--brand-navy);font-size:clamp(28px,3vw,40px);font-weight:450;line-height:1;letter-spacing:-.03em} .collection-stat-label{color:var(--muted);font-size:var(--content-caption);line-height:1.4;letter-spacing:0} .collection-controls .filters{align-items:end;margin:0 0 16px} .collection-controls .filter-field{gap:6px} .collection-controls .filter-field .field-label{font-size:var(--content-caption);line-height:1.4} .collection-controls .search-field .field-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)} .collection-tabs{margin:0;gap:8px} .collection-meta{margin:24px 0 20px;min-height:36px} .collection-meta .result-count{font-size:var(--content-caption);line-height:1.4;margin:0} .record-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0} .record-row .record-copy h2{font-size:clamp(21px,2vw,29px);font-weight:550;line-height:1.25;letter-spacing:-.025em;text-wrap:pretty;overflow-wrap:break-word;margin:0} .record-row .record-copy>p{font-size:15px;line-height:1.65;color:var(--muted);margin:10px 0 0;max-width:60ch} .record-row .record-copy .date-stamp,.record-row .record-copy .category-label{font-size:var(--content-caption);line-height:1.45;margin:0 0 12px} .record-row .record-copy .row-meta{font-size:var(--content-caption);line-height:1.55;margin:12px 0 0} .collection-shell[data-collection-layout=cards] .record-list[data-view=gallery]{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start} .collection-shell[data-collection-layout=cards] .record-list[data-view=gallery] .record-row{grid-column:auto!important;display:flex;flex-direction:column;align-items:stretch;gap:0;margin-top:0!important;padding:0;overflow:hidden;background:#ffffff9c;border-radius:20px} .collection-shell[data-collection-layout=cards] .record-list[data-view=gallery] .record-row>.media-frame{width:100%;height:auto;aspect-ratio:3/2;border-radius:0} .collection-shell[data-collection-layout=cards] .record-list[data-view=gallery] .record-row>.record-copy{padding:24px} .collection-shell[data-collection-layout=cards] .record-list[data-view=gallery] .record-row>.arrow{display:none} .collection-shell .row-monogram{color:#426187;background:linear-gradient(145deg,#eef5fd,#dae9f8);font-size:32px;font-weight:450} .collection-shell[data-collection-layout=cards] .record-list[data-view=gallery] .record-row:not(:has(.media-frame)){display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;padding:24px;align-items:start} .collection-shell[data-collection-layout=cards] .record-list[data-view=gallery] .record-row:not(:has(.media-frame))>.record-copy{padding:0} .collection-shell[data-collection-layout=cards] .record-list[data-view=gallery] .record-row>.row-monogram{width:64px;height:72px;aspect-ratio:auto;border-radius:14px} @media(min-width:768px){ .collection-shell[data-collection-layout=cards] .record-list[data-view=gallery]>.record-row:only-child{grid-column:1/-1!important;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center} .collection-shell[data-collection-layout=cards] .record-list[data-view=gallery]>.record-row:only-child:not(:has(.media-frame)){grid-template-columns:96px minmax(0,1fr);padding:32px;gap:28px} .collection-shell[data-collection-layout=cards] .record-list[data-view=gallery]>.record-row:only-child>.row-monogram{width:96px;height:112px} .collection-shell[data-collection-layout=cards] .record-list[data-view=gallery]>.record-row:only-child>.record-copy h2{font-size:clamp(26px,2.6vw,36px)} } /* Folder chrome separates the title and item count; file captions share one axis. */ .folder-header{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;gap:12px 16px;min-height:92px;padding:18px 24px 18px 14px;align-items:center} .folder-close{grid-column:1;grid-row:1;align-self:start} .folder-heading{display:grid;gap:5px;grid-column:2;grid-row:1;align-self:center;min-width:0} .folder-heading h2{font-size:clamp(18px,1.8vw,23px);font-weight:550;letter-spacing:-.02em;line-height:1.25;white-space:normal;overflow-wrap:break-word;text-wrap:balance} .folder-heading>span{display:block;margin:0;font-size:13px;line-height:1.4;letter-spacing:0} .folder-all{grid-column:3;grid-row:1;justify-self:end;margin:0;font-size:13px;line-height:1.4} .folder-collaborate{grid-column:4;grid-row:1} .folder-collaborate>summary{width:auto;min-height:44px;padding:12px 18px} .folder-content{padding:28px} .folder-shortcuts{margin-bottom:24px} .folder-shortcuts:empty{display:none} .folder-switch{line-height:1.45;letter-spacing:0;font-weight:450} .folder-files{gap:28px 20px} .folder-file{align-items:stretch;text-align:left;padding:8px;gap:14px} .folder-file>.media-frame,.folder-file>.row-monogram{height:auto;aspect-ratio:3/2} .folder-file>.media-portrait{width:92px;height:92px;aspect-ratio:1;margin-inline:auto} .folder-file:has(.media-portrait){text-align:center} .folder-file-copy{display:flex;flex-direction:column;gap:7px;min-width:0} .folder-file-title{font-size:16px;line-height:1.4;letter-spacing:-.015em;font-weight:550;text-wrap:pretty} .folder-file-meta,.folder-file-description{font-size:13px;line-height:1.55;color:var(--muted);letter-spacing:0} .folder-files>.folder-file:only-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:28px;padding:24px;border-radius:20px;background:#ffffff80} .folder-files>.folder-file:only-child .folder-file-title{font-size:clamp(22px,2vw,28px);line-height:1.3} .folder-files>.folder-file:only-child .folder-file-description{font-size:15px;line-height:1.65} .folder-files>.folder-file:only-child:not(:has(.media-frame)){grid-template-columns:88px minmax(0,1fr)} .folder-files>.folder-file:only-child>.row-monogram{width:88px;height:104px;aspect-ratio:auto} /* Details keep summary, imagery, facts and prose aligned; empty data creates no blank panels. */ .detail-appbar{justify-content:flex-start;padding:24px 0 32px} .detail-head{padding:0 0 32px;max-width:1120px} .detail-head h1{font-size:clamp(36px,5vw,72px);font-weight:550;line-height:1.12;letter-spacing:-.035em;text-wrap:balance;max-width:24ch;margin:0 0 20px;overflow-wrap:break-word} .detail-head .body-large{font-size:var(--content-copy);line-height:1.65;max-width:62ch;margin:0} .detail-grid{gap:32px} .detail-aside{min-width:0;display:flex;flex-direction:column;gap:24px} .detail-action{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:0} .detail-action .text-link{background:var(--action-soft);color:var(--brand-navy);font-size:14px;padding:12px 20px;border-radius:999px;min-height:46px} .detail-grid-no-media{display:block;max-width:760px} .detail-grid-no-media .detail-facts{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))} .detail-page .article-body{max-width:760px;margin:40px 0 0;padding:clamp(24px,3vw,40px)} .article-section h2{font-size:clamp(24px,2.6vw,34px);font-weight:550;line-height:1.25;letter-spacing:-.025em;margin-bottom:14px} .article-section p{font-size:17px;line-height:1.8} .widget-header{align-items:baseline;gap:20px;margin-bottom:24px} .widget-header h3{align-items:center;font-size:16px;font-weight:550;line-height:1.4;letter-spacing:-.01em} .widget-all{flex:none;font-size:13px} .widget-project h4,.widget-event-row h4,.widget-person h4{line-height:1.3;font-weight:550;letter-spacing:-.02em} .widget-project p,.widget-person p{margin-top:8px;line-height:1.6} .widget-row .widget-custom .widget-project:not(:has(.media-frame)){grid-template-columns:72px minmax(0,1fr);align-items:center;gap:22px} .widget-custom .row-monogram{width:72px;height:84px;background:linear-gradient(145deg,#eef5fd,#dae9f8);color:#426187;font-size:28px} .widget-custom .widget-project h4{font-size:clamp(22px,2.2vw,30px)} .widget-custom .widget-project p{font-size:15px;line-height:1.65} @media(max-width:767px){ .collection-shell{padding:24px 18px;border-radius:24px} .collection-topbar{margin-bottom:26px} .collection-heading{gap:16px;margin-bottom:26px;align-items:start} .collection-heading h1{font-size:clamp(30px,7.6vw,44px);letter-spacing:-.025em;line-height:1.15;max-width:none;text-wrap:pretty} .collection-heading .collection-note{font-size:15px;margin-top:12px} .collection-stat{min-width:32px;padding-top:5px} .collection-heading .collection-total{font-size:26px} .collection-stat-label{font-size:12px} .collection-meta{margin:20px 0 16px} .collection-shell[data-collection-layout=cards] .record-list[data-view=gallery]{grid-template-columns:minmax(0,1fr);gap:20px} .collection-shell[data-collection-layout=cards] .record-list[data-view=gallery] .record-row>.record-copy{padding:20px} .collection-shell[data-collection-layout=cards] .record-list[data-view=gallery] .record-row:not(:has(.media-frame)){grid-template-columns:48px minmax(0,1fr);gap:16px;padding:20px 16px} .collection-shell[data-collection-layout=cards] .record-list[data-view=gallery] .record-row>.row-monogram{width:48px;height:60px;font-size:24px} .record-row .record-copy h2{font-size:21px;line-height:1.3;letter-spacing:-.015em} .record-row .record-copy>p{font-size:14px;line-height:1.65} .detail-appbar{padding:16px 0 28px} .detail-head{padding-bottom:28px} .detail-head h1{font-size:clamp(32px,8vw,44px);line-height:1.18;margin-bottom:16px;max-width:none;text-wrap:pretty;letter-spacing:-.025em} .detail-head .body-large{font-size:17px} .detail-grid,.detail-grid:has(.profile-image){grid-template-columns:minmax(0,1fr);gap:24px} .detail-grid-no-media{display:block} .detail-page .article-body{padding:24px 20px;margin-top:28px} .article-section p{font-size:16px;line-height:1.75} .widget-header{gap:14px;margin-bottom:20px} .widget-row .widget-custom .widget-project:not(:has(.media-frame)){grid-template-columns:52px minmax(0,1fr);gap:16px} .widget-custom .row-monogram{width:52px;height:64px;font-size:24px} .widget-custom .widget-project h4{font-size:21px;line-height:1.35} .widget-custom .widget-project p{font-size:14px} } @media(max-width:700px){ .folder-header{grid-template-columns:36px minmax(0,1fr) auto;gap:12px 8px;padding:16px 16px 14px 8px;min-height:0} .folder-close{width:36px} .folder-heading{grid-column:2/-1;grid-row:1} .folder-heading h2{font-size:18px;line-height:1.3} .folder-heading>span{font-size:12px} .folder-all{grid-column:2;grid-row:2;justify-self:start;font-size:12px} .folder-collaborate{grid-column:3;grid-row:2} .folder-collaborate>summary{font-size:12px;padding:12px 16px} .folder-content{padding:20px 14px} .folder-file{padding:6px;gap:12px} .folder-files{gap:24px 10px} .folder-file-title{font-size:14px;line-height:1.4} .folder-file-meta,.folder-file-description{font-size:12px;line-height:1.5} .folder-files>.folder-file:only-child{grid-template-columns:minmax(0,1fr);gap:18px;padding:20px 16px} .folder-files>.folder-file:only-child:not(:has(.media-frame)){grid-template-columns:52px minmax(0,1fr);gap:16px} .folder-files>.folder-file:only-child>.row-monogram{width:52px;height:64px;font-size:24px} .folder-files>.folder-file:only-child .folder-file-title{font-size:21px} .folder-files>.folder-file:only-child .folder-file-description{font-size:14px} } @media(max-width:600px){ .folder-sidebar{display:flex;gap:8px;padding:10px 12px;align-items:stretch;overflow-x:auto} .folder-switch{flex:0 0 156px;min-width:0;min-height:72px;flex-direction:row;gap:10px;padding:10px 12px;align-items:center;justify-content:flex-start;text-align:left} .folder-switch>span{font-size:11px;line-height:1.4;color:var(--muted);overflow-wrap:break-word} .folder-switch>span>span{display:block;margin-top:2px;font-size:13px;line-height:1.35;font-weight:500;color:var(--ink)} } .collection-stat{align-self:start;padding-top:8px;padding-bottom:0} /* Mixed image availability uses one caption axis instead of uneven gallery holes. */ @media(min-width:768px){ .collection-shell[data-collection-layout=cards] .record-list[data-view=gallery]:has(>.record-row>.row-monogram){grid-template-columns:minmax(0,1fr);gap:20px} .collection-shell[data-collection-layout=cards] .record-list[data-view=gallery]:has(>.record-row>.row-monogram)>.record-row{display:grid;grid-template-columns:128px minmax(0,1fr);gap:28px;padding:28px;align-items:center} .collection-shell[data-collection-layout=cards] .record-list[data-view=gallery]:has(>.record-row>.row-monogram)>.record-row>.record-copy{padding:0} .collection-shell[data-collection-layout=cards] .record-list[data-view=gallery]:has(>.record-row>.row-monogram)>.record-row>.media-frame, .collection-shell[data-collection-layout=cards] .record-list[data-view=gallery]:has(>.record-row>.row-monogram)>.record-row>.row-monogram{width:128px;height:112px;aspect-ratio:auto;border-radius:14px} } @media(max-width:767px){.collection-stat{padding-top:5px}} /* v0.57 — quiet, icon-only institutional links. */ .institution-channels{display:flex;justify-content:flex-end;margin-top:28px;padding:0;border:0} .institution-links{display:flex;align-items:center;gap:4px} .institution-channel{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0;color:#69788b;background:none;border:0;border-radius:50%;box-shadow:none;text-decoration:none;transition:color .18s ease} .institution-channel svg{display:block;width:18px;height:18px;flex:none} .institution-channel:focus-visible{outline:2px solid #3167b5;outline-offset:2px} .footer-home-replay{display:none} body[data-page=home] .nice-board{padding-bottom:28px} body[data-page=home] .site-footer{display:block;margin:0;padding:0 0 max(36px,env(safe-area-inset-bottom));background:#edf3fb} body[data-page=home] .site-footer>.wrap{max-width:calc(1480px + var(--gutter) * 2)} body[data-page=home] .footer-main,body[data-page=home] .footer-bottom{display:none} body[data-page=home] .institution-channels{margin-top:0} body[data-page=home] .footer-home-replay{display:flex;justify-content:center;margin-top:12px;color:var(--muted);font-size:12px} .footer-home-replay a{display:inline-flex;align-items:center;min-height:44px} .nice-desktop .desktop-footnote{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;flex:none;width:100%;min-height:76px;padding:0 0 max(20px,env(safe-area-inset-bottom))} .desktop-footnote>.desktop-explore{position:static;translate:none;grid-column:2;grid-row:1} .desktop-footnote>.home-channels{grid-column:3;grid-row:1;justify-self:end;margin:0} @media(hover:hover){.institution-channel:hover{color:#254f83}} @media(max-width:767px){ body[data-page=home] .site-footer>.wrap{padding-inline:max(20px,env(safe-area-inset-left),env(safe-area-inset-right))} .nice-desktop .desktop-footnote{grid-template-columns:minmax(0,1fr) auto;gap:8px} .desktop-footnote>.desktop-explore{grid-column:1;font-size:11px;gap:4px} .desktop-footnote>.home-channels{grid-column:2} .institution-links{gap:0} } @media(max-width:360px){body[data-page=home] .site-footer>.wrap{padding-inline:max(18px,env(safe-area-inset-left),env(safe-area-inset-right))}} @media(prefers-reduced-motion:reduce){.institution-channel{transition:none}}