/* Wenyu's question cabinet: original objects, quiet typography, curious details. */
.portfolio-home { --paper:#f6f3e9; --ink:#27382e; --muted:#5e675b; --line:#cccebf; --space:clamp(24px,4.5vw,88px); background:var(--paper); color:var(--ink); }
.portfolio-home .masthead { position:relative; left:auto; right:auto; height:92px; margin:0 var(--space); color:var(--ink); border-color:var(--line); gap:40px; }
.portfolio-home .masthead-note { font:11px/1.6 'Courier New',monospace; letter-spacing:.03em; }
.portfolio-home .masthead nav { gap:26px; font-size:15px; }
.portfolio-home .masthead nav button { font:inherit; background:none; border:0; padding:10px 0; }
.portfolio-home .masthead nav a { padding:10px 0; }
.portfolio-home .identity { font-size:25px; letter-spacing:-.9px; }
.portfolio-home .identity-dot { background:#b34e38; width:20px; height:20px; }
.portfolio-home .pointer-toggle { font-size:13px; border-color:#9aab91; }
.portfolio-home main { max-width:1800px; margin:auto; }
.curiosity-hero { display:grid; grid-template-columns:1.03fr 1fr; gap:0 clamp(40px,5vw,96px); padding:45px var(--space) 0; position:relative; }
.hero-letter { align-self:center; padding:0 0 12px; }
.hero-letter>.eyebrow { font:12px/1.5 'Courier New',monospace; color:#596a55; letter-spacing:.07em; }
.hero-letter h1 { position:relative; font-size:clamp(65px,7.15vw,114px); font-weight:400; line-height:.98; letter-spacing:-.065em; margin:25px 0 24px; }
.hero-letter h1 em { color:#ad4c35; font-weight:400; letter-spacing:-.065em; }
.care-word { position:relative; white-space:nowrap; display:inline-block; }
.care-word svg { position:absolute; inset:-13% -10%; width:120%; height:130%; overflow:visible; pointer-events:none; }
.care-word path { fill:none; stroke:#b75a3f; stroke-width:1.6; stroke-linecap:round; opacity:.65; }
.hero-flower { font-family:Georgia,serif; font-size:.47em; display:inline-block; color:#b75a3f; vertical-align:top; margin:6px 0 0 15px; transform:rotate(-18deg); transition:transform 900ms cubic-bezier(.76,0,.24,1); }
.hero-letter:hover .hero-flower { transform:rotate(68deg); }
.hero-personal { font-size:18px; line-height:1.7; max-width:40ch; margin:0; }
.hero-entrances { display:flex; align-items:center; gap:24px; flex-wrap:wrap; margin-top:26px; }
.ink-link { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; min-height:44px; font-size:16px; border-bottom:1px solid currentColor; padding:8px 0; }
.ink-link>span { display:inline-block; transition:transform 450ms cubic-bezier(.16,1,.3,1); }
.ink-link:hover>span { transform:translate(3px,-3px); }
.studio-invitation { background:none; border:0; display:flex; align-items:center; gap:10px; min-height:44px; padding:0; font-size:15px; }
.play-symbol { display:grid; place-items:center; width:33px; height:33px; border:1px solid #89967c; border-radius:50%; font-size:23px; line-height:1; transition:transform 850ms cubic-bezier(.76,0,.24,1); }
.studio-invitation:hover .play-symbol { transform:rotate(180deg); }
.question-cabinet { min-width:0; position:relative; padding-top:5px; }
.cabinet-top { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.cabinet-top .eyebrow,.cabinet-count { font:11px/1.5 'Courier New',monospace; letter-spacing:.045em; }
.cabinet-count { color:#69725e; }
.cabinet-question { font:italic 25px/1.25 Georgia,'Times New Roman',serif; color:#667353; margin:15px 0 0; max-width:29ch; min-height:62px; }
.cabinet-stage { position:relative; height:clamp(285px,27.4vw,460px); margin:5px -18px 0; isolation:isolate; }
.cabinet-orbit { position:absolute; left:15%; right:7%; top:6%; bottom:4%; z-index:-1; background:#e5e8d4; border-radius:45% 52% 46% 50%; transform:rotate(-18deg); transition:background 650ms; }
.curiosity-hero[data-active-project=easwallow] .cabinet-orbit { background:#e1e6ec; transform:rotate(14deg); }
.curiosity-hero[data-active-project=floraecho] .cabinet-orbit { background:#e0e5d2; }
.curiosity-hero[data-active-project=plateau-ark] .cabinet-orbit { background:#dce1e5; }
.cabinet-figure { position:absolute; inset:0; display:grid; place-items:center; margin:0; }
.cabinet-figure[hidden] { display:none; }
.cabinet-figure a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; }
.cabinet-figure .exhibit-object { width:100%; height:100%; object-fit:contain; transform:translate(var(--look-x,0),var(--look-y,0)) rotate(var(--look-r,0deg)); transition:transform 750ms cubic-bezier(.16,1,.3,1); filter:drop-shadow(0 18px 16px #34463714); }
.cabinet-body .exhibit-object { width:80%; height:98%; }
.cabinet-space .exhibit-object { width:100%; height:auto; max-height:92%; filter:none; }
.cabinet-journey .exhibit-object { width:100%; height:auto; max-height:90%; filter:none; }
.cabinet-aside { position:absolute; right:-7px; bottom:15px; font:italic 16px/1.2 Georgia,serif; color:#6a735b; transform:rotate(-9deg); pointer-events:none; }
.cabinet-bottom { display:flex; justify-content:space-between; align-items:flex-end; gap:18px; margin-top:18px; }
.cabinet-bottom>a { display:flex; justify-content:space-between; gap:25px; align-items:center; font-size:26px; line-height:1.25; letter-spacing:-.8px; }
.cabinet-bottom>a:hover { text-decoration:underline; text-underline-offset:6px; text-decoration-thickness:1px; }
.cabinet-bottom>span { font:10px/1.5 'Courier New',monospace; letter-spacing:.025em; max-width:145px; text-align:right; }
.question-picker { display:flex; align-items:center; flex-wrap:wrap; gap:10px; border-top:1px solid var(--line); margin-top:18px; padding-top:12px; }
.question-picker>span { font:italic 15px/1.5 Georgia,serif; color:#647157; margin-right:5px; }
.question-picker button { background:none; border:0; border-bottom:1px solid transparent; min-height:40px; padding:7px 2px; display:inline-flex; align-items:center; gap:6px; font-size:14px; }
.question-picker button[aria-pressed=true] { border-bottom-color:currentColor; }
.lens-dot { width:7px; height:7px; border-radius:50%; display:inline-block; }
.lens-body { background:#5a7d9c; }.lens-play { background:#c96848; }.lens-space { background:#6b8054; }.lens-journey { background:#41556c; }
.hero-colophon { grid-column:1/-1; display:flex; justify-content:space-between; gap:20px; border-top:1px solid var(--line); margin-top:42px; padding:18px 0; font:10px/1.5 'Courier New',monospace; letter-spacing:.055em; color:#68725e; }
.hero-colophon>a { display:flex; gap:20px; align-items:center; }
.hero-colophon>a>span { font-size:18px; }
/* The work has a different rhythm for a space, a wearable, a toy and a journey. */
.portfolio-home .exhibition-work { padding:0 var(--space) 105px; }
.exhibition-heading { display:grid; grid-template-columns:1fr 2.5fr 1.3fr; align-items:start; gap:35px; padding:90px 0 64px; }
.exhibition-heading>.eyebrow { margin-top:13px; }
.exhibition-heading h2 { font-size:clamp(44px,4.7vw,72px); line-height:1.03; font-weight:400; letter-spacing:-.055em; }
.exhibition-heading h2 em { letter-spacing:-.05em; }
.exhibition-heading>p { font-size:17px; line-height:1.65; padding-top:12px; }
.exhibit-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:88px 64px; align-items:start; }
.project-exhibit { min-width:0; position:relative; }
.project-exhibit .project-visual { position:relative; display:flex; align-items:center; justify-content:center; width:100%; padding:0; overflow:hidden; background:transparent; }
.project-exhibit .exhibit-object { display:block; width:100%; height:100%; object-fit:contain; transform:translate(var(--look-x,0),var(--look-y,0)) rotate(var(--look-r,0deg)); transition:transform 850ms cubic-bezier(.16,1,.3,1); }
.exhibit-number { position:absolute; left:17px; top:15px; font:13px/1.2 'Courier New',monospace; z-index:1; color:#f7f7f0; background:#27382edb; padding:7px 8px; }
.exhibit-open { position:absolute; right:15px; bottom:15px; width:40px; height:40px; border-radius:50%; border:1px solid #27382e55; background:#faf8ed; display:grid; place-items:center; font-size:24px; transition:transform 500ms cubic-bezier(.16,1,.3,1); }
.project-visual:hover .exhibit-open { transform:rotate(45deg); }
.exhibit-copy { padding-top:25px; }
.exhibit-category { display:flex; justify-content:space-between; align-items:start; gap:20px; font:11px/1.6 'Courier New',monospace; letter-spacing:.03em; color:#596752; }
.exhibit-copy h3 { font-size:clamp(37px,3.7vw,59px); line-height:1.08; font-weight:400; letter-spacing:-.055em; margin:13px 0 15px; }
.exhibit-copy h3 a:hover { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:7px; }
.exhibit-question { font:italic 26px/1.2 Georgia,serif; color:#637555; margin-bottom:18px; }
.exhibit-question br { display:none; }
.exhibit-description { font-size:18px; line-height:1.7; max-width:52ch; }
.exhibit-audience { font-size:14px; line-height:1.6; color:#626d59; margin-top:15px; }
.exhibit-actions { display:flex; align-items:center; gap:18px; flex-wrap:wrap; border-top:1px solid var(--line); margin-top:25px; padding:12px 0 0; }
.exhibit-actions button,.exhibit-actions a { min-height:44px; font-size:14px; padding:8px 0; background:none; border:0; }
.exhibit-actions>a { margin-left:auto; border-bottom:1px solid currentColor; }
.exhibit-actions button:not(.thinking-toggle) { color:#5c6e4f; }
.thinking-toggle { display:flex; align-items:center; gap:15px; }
.thinking-toggle>span { font-size:20px; font-weight:300; }
.thinking-toggle[aria-expanded=true] { color:#ad4c35; }
.exhibit-thinking { display:grid; gap:25px; padding:27px 0 0; border-bottom:1px solid var(--line); padding-bottom:28px; }
.exhibit-thinking[hidden] { display:none; }
.exhibit-thinking .eyebrow { font-size:11px; color:#ad4c35; }
.exhibit-thinking h4 { font-size:22px; line-height:1.3; font-weight:400; letter-spacing:-.5px; margin:10px 0; }
.exhibit-thinking p { font-size:16px; line-height:1.7; }
.exhibit-thinking a { display:inline-block; font-size:14px; margin-top:12px; text-decoration:underline; text-underline-offset:4px; }
.exhibit-space { grid-column:span 7; }
.exhibit-space .project-visual { aspect-ratio:1344/768; }
.exhibit-body { grid-column:span 5; margin-top:160px; }
.exhibit-body .project-visual { aspect-ratio:1/1.1; background:#e4e9ec; padding:35px; }
.exhibit-body .exhibit-object { max-height:100%; width:100%; }
.exhibit-body .exhibit-number { background:none; color:#496379; }
.exhibit-body .exhibit-question { color:#526b82; }
.exhibit-play { grid-column:1/-1; display:grid; grid-template-columns:1.35fr 1fr; gap:0 7vw; align-items:center; padding:55px 0 25px; border-top:1px solid var(--line); }
.exhibit-play .project-visual { grid-column:1; grid-row:1; height:clamp(340px,38vw,620px); overflow:visible; }
.exhibit-play .project-visual::before { content:""; position:absolute; inset:8% 5% 9%; background:#e6e7d0; border-radius:48% 45% 49% 42%; transform:rotate(9deg); }
.exhibit-play .exhibit-object { position:relative; z-index:1; }
.exhibit-play .exhibit-number { left:0; top:0; background:none; color:#8c4c34; }
.exhibit-play .exhibit-copy { grid-column:2; grid-row:1; padding-top:0; }
.exhibit-play .exhibit-copy h3 { font-size:clamp(48px,5.5vw,84px); }
.exhibit-play .exhibit-question { font-size:32px; color:#9b5940; }
.exhibit-play .exhibit-actions,.exhibit-play .exhibit-thinking { grid-column:1/-1; }
.exhibit-play .exhibit-thinking { grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px; }
.exhibit-journey { grid-column:1/-1; display:grid; grid-template-columns:1fr 1.2fr; gap:0 7vw; border-top:1px solid var(--line); padding-top:30px; }
.exhibit-journey .project-visual { grid-column:1/-1; grid-row:2; margin-top:30px; aspect-ratio:2/1; background:#172a3d; }
.exhibit-journey .exhibit-copy { grid-column:1/-1; grid-row:1; display:grid; grid-template-columns:1fr 1.15fr; column-gap:7vw; padding:0; align-items:start; }
.exhibit-journey .exhibit-category { grid-column:1/-1; }
.exhibit-journey .exhibit-copy h3 { grid-row:2/5; font-size:clamp(48px,5.8vw,88px); margin-top:18px; }
.exhibit-journey .exhibit-question { grid-column:2; grid-row:2; margin:23px 0 15px; }
.exhibit-journey .exhibit-description { grid-column:2; grid-row:3; }
.exhibit-journey .exhibit-audience { grid-column:2; grid-row:4; }
.exhibit-journey .exhibit-actions,.exhibit-journey .exhibit-thinking { grid-column:1/-1; }
.exhibit-journey .exhibit-thinking { grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px; }
/* A material detour; the original cutout stays intact. */
.portfolio-home .material-exploration { background:#e8e9e0; padding:75px var(--space) 85px; grid-template-columns:.85fr 1.2fr; gap:7vw; border-top:1px solid #c2c7b8; }
.portfolio-home .material-copy>h2 { font-size:clamp(70px,7.3vw,112px); line-height:1.0; letter-spacing:-.065em; }
.portfolio-home .material-copy>p { max-width:36ch; }
.portfolio-home .material-diptych { grid-template-columns:1.6fr .8fr; gap:25px; }
.portfolio-home .material-swatches { padding-top:100px; gap:30px; }
.portfolio-home .material-swatches figure:first-child { transform:rotate(4deg); }
.portfolio-home .material-swatches figure:last-child { transform:rotate(-5deg); }
/* A personal workbench rather than another row of cards. */
.portfolio-home .field-about { display:grid; grid-template-columns:1fr 1fr; gap:9vw; padding:110px var(--space) 100px; align-items:center; }
.about-letter h2 { font-size:clamp(50px,5.7vw,86px); line-height:1.02; letter-spacing:-.06em; margin:30px 0; }
.about-letter p { font-size:18px; line-height:1.75; max-width:49ch; margin-bottom:18px; }
.about-letter .ink-link { margin-top:12px; }
.workbench { min-width:0; text-align:center; }
.workbench-caption { font:italic 25px/1.3 Georgia,serif; color:#687554; display:inline-block; transform:rotate(-4deg); }
.workbench-pieces { position:relative; height:420px; margin:25px 0 8px; }
.bench-piece { position:absolute; top:35px; left:50%; width:52%; padding:12px 12px 16px; background:#faf8ef; border:1px solid #c6c6b8; box-shadow:0 7px 18px #31402e12; transition:transform 850ms cubic-bezier(.16,1,.3,1); text-align:left; }
.bench-piece img { width:100%; height:180px; object-fit:contain; background:#ecebe2; }
.bench-piece>span { display:block; font:11px/1.6 'Courier New',monospace; margin-top:14px; }
.bench-clay { transform:translateX(-90%) rotate(-15deg); z-index:1; }
.bench-circuit { transform:translateX(-28%) rotate(12deg); z-index:2; }
.bench-test { transform:translateX(-50%) translateY(130px) rotate(-2deg); z-index:3; }
.workbench-pieces:hover .bench-clay { transform:translateX(-105%) rotate(-18deg); }
.workbench-pieces:hover .bench-circuit { transform:translateX(-10%) rotate(17deg); }
.bench-piece:hover,.bench-piece:focus-visible { z-index:5; }
.workbench-pieces .bench-test:hover,.workbench-pieces .bench-test:focus-visible { transform:translateX(-50%) translateY(130px) rotate(1deg); }
.workbench>p { font-size:15px; line-height:1.7; color:#63705a; }
.portfolio-home .field-footer { background:#e8ebd6; border-top:1px solid #bfc8aa; padding:30px var(--space) 22px; }
.portfolio-home .footer-name { color:#31472f; font-size:clamp(65px,12.7vw,218px); font-weight:400; letter-spacing:-.075em; padding:45px 0 30px; }
.portfolio-home .footer-name>.footer-petal { font:400 .68em/1 Georgia,serif; color:#ad4c35; transform:rotate(-15deg); transition:transform 1000ms cubic-bezier(.76,0,.24,1); }
.portfolio-home .footer-name:hover>.footer-petal { transform:rotate(75deg); }
/* The existing studio becomes a clearly labelled, optional room. */
.studio-room { position:fixed; inset:0; margin:18px; width:calc(100vw - 36px); height:calc(100dvh - 36px); max-width:none; max-height:none; padding:0; border:1px solid #b6c0a7; background:var(--hero-paper); color:var(--hero-ink); overflow:auto; overscroll-behavior:contain; }
.studio-room::backdrop { background:#203426c9; }
.studio-room-close { position:fixed; top:34px; right:38px; z-index:60; min-height:42px; padding:9px 15px; border:1px solid #78836c; border-radius:24px; background:#f7f5e9; color:#263b28; font-size:14px; }
.studio-room .studio-opening { height:auto; min-height:820px; overflow:visible; }
.studio-room .studio-inner { position:relative; top:auto; height:820px; }
.studio-room .studio-stages { top:31px; left:32px; right:160px; gap:25px; }
.studio-room .studio-stages button { font-size:14px; }
.studio-room .studio-heading { top:94px; left:32px; }
.studio-room .studio-heading h1 { font-size:51px; }
.studio-room .studio-intro { top:94px; right:32px; font-size:14px; width:290px; max-width:290px; }
.studio-room .studio-intro>span { font-size:13px; }
.studio-room .studio-tools { top:240px; right:32px; }
.studio-room .studio-tools button { font-size:13px; }
.studio-room .studio-canvas { top:276px; bottom:180px; }
.studio-room .studio-guide { top:278px; left:32px; width:200px; padding:15px; }
.studio-room .studio-guide h2 { font-size:17px; }.studio-room .studio-guide p,.studio-room .studio-guide>button { font-size:13px; }
.studio-room .studio-inspector { bottom:210px; right:32px; width:235px; }
.studio-room .studio-inspector>h2 { font-size:31px; }
.studio-room .studio-inspector>p { font-size:14px; }
.studio-room .studio-inspector-actions>button,.studio-room .studio-inspector-actions>a { font-size:13px; }
.studio-room .studio-hint { left:32px; right:32px; bottom:115px; font-size:11px; }
.studio-room .studio-index { left:32px; right:32px; bottom:20px; }
.studio-room .studio-index>button>span:last-child { font-size:23px; }
.studio-room .studio-index>button .eyebrow { font-size:11px; }
.studio-room .studio-orbit { bottom:143px; }
.studio-room .studio-inner[data-mode=focus] .studio-inspector { bottom:215px; left:32px; right:auto; width:210px; }
.studio-room .studio-inner[data-mode=focus] .studio-experiment { top:278px; bottom:200px; right:32px; width:270px; }
.studio-room .studio-viewer { bottom:158px; }
.studio-room .studio-evidence { top:278px; left:32px; bottom:180px; }
.studio-room .studio-evidence-content p { font-size:15px; }
.studio-room .studio-inner[data-mode=research] .studio-inspector { bottom:200px; }
@media(min-width:1800px) { .portfolio-home { max-width:1800px; margin:auto; } }
@media(min-width:761px) and (max-width:1180px) {
 .portfolio-home .masthead { gap:25px; }.portfolio-home .masthead-note { display:none; }.portfolio-home .masthead nav { gap:22px; }
 .curiosity-hero { column-gap:35px; padding-top:35px; }.hero-letter h1 { font-size:clamp(64px,7.5vw,88px); }.hero-personal { font-size:17px; }.hero-entrances { gap:16px; }.ink-link { font-size:15px; }.studio-invitation { font-size:14px; }
 .cabinet-question { font-size:23px; }.cabinet-bottom>a { font-size:24px; }.cabinet-bottom>span { max-width:100px; font-size:9px; }.question-picker { gap:8px; }.question-picker>span { flex-basis:100%; }.question-picker button { font-size:14px; }
 .exhibition-heading { grid-template-columns:.7fr 2fr 1fr; gap:25px; }.exhibit-grid { gap:70px 38px; }.exhibit-actions { gap:12px; }.exhibit-actions button,.exhibit-actions a { font-size:13px; }.exhibit-description { font-size:17px; }.exhibit-copy h3 { font-size:38px; }.exhibit-body { margin-top:125px; }
 .workbench-pieces { height:400px; }.bench-piece { width:58%; }.bench-piece img { height:150px; }
 .studio-room .studio-heading h1 { font-size:43px; }.studio-room .studio-intro { width:250px; max-width:250px; }.studio-room .studio-guide { width:180px; }.studio-room .studio-inspector { width:200px; }.studio-room .studio-inner[data-mode=focus] .studio-experiment { width:240px; }
}
@media(max-width:760px) {
 .portfolio-home .masthead { height:80px; gap:15px; }.portfolio-home .identity { font-size:21px; }.portfolio-home .masthead-note { display:none; }.portfolio-home .masthead nav { gap:16px; font-size:13px; }.portfolio-home .masthead nav button { display:none; }.portfolio-home .masthead .pdf-link { display:none; }.portfolio-home .identity-dot { width:16px; height:16px; }
 .curiosity-hero { grid-template-columns:1fr; gap:28px; padding-top:32px; }.hero-letter { padding:0; }.hero-letter>.eyebrow { font-size:11px; }.hero-letter h1 { font-size:clamp(64px,14.5vw,95px); margin:23px 0; line-height:.98; }.hero-flower { font-size:.4em; margin-left:12px; }.hero-personal { font-size:17px; max-width:38ch; }.hero-entrances { margin-top:20px; gap:23px; }.ink-link { font-size:15px; gap:20px; }.studio-invitation { font-size:14px; }
 .question-cabinet { padding-top:22px; border-top:1px solid var(--line); }.cabinet-question { font-size:25px; min-height:0; margin-top:14px; }.cabinet-stage { height:clamp(260px,76vw,430px); margin-top:20px; }.cabinet-aside { right:3px; bottom:8px; font-size:15px; }.cabinet-top .eyebrow,.cabinet-count { font-size:10px; }.cabinet-bottom { margin-top:15px; }.cabinet-bottom>a { font-size:27px; }.cabinet-bottom>span { font-size:9px; max-width:115px; }.question-picker { gap:12px; margin-top:16px; }.question-picker>span { flex-basis:100%; }.question-picker button { font-size:15px; }.hero-colophon { margin-top:12px; gap:15px; font-size:9px; flex-wrap:wrap; }.hero-colophon>span:nth-child(2) { display:none; }.hero-colophon>a { margin-left:auto; }
 .portfolio-home .exhibition-work { padding-bottom:60px; }.exhibition-heading { display:block; padding:55px 0 35px; }.exhibition-heading>.eyebrow { margin:0 0 24px; }.exhibition-heading h2 { font-size:clamp(39px,10vw,65px); }.exhibition-heading>p { font-size:16px; margin-top:20px; padding:0; }.exhibit-grid { display:block; }.project-exhibit { margin:0 0 55px; }.exhibit-body .project-visual { aspect-ratio:1/1; padding:30px; }.exhibit-copy { padding-top:20px; }.exhibit-copy h3 { font-size:40px; }.exhibit-question { font-size:25px; }.exhibit-description { font-size:17px; }.exhibit-category { font-size:10px; }.exhibit-actions { gap:12px; margin-top:20px; }.exhibit-actions button,.exhibit-actions a { font-size:13px; }.exhibit-actions button:not(.thinking-toggle) { flex-basis:auto; }.exhibit-thinking { gap:28px; }.exhibit-thinking h4 { font-size:21px; }.exhibit-thinking p { font-size:16px; }
 .exhibit-play { display:block; padding-top:35px; }.exhibit-play .project-visual { height:350px; margin-bottom:25px; }.exhibit-play .exhibit-copy h3 { font-size:45px; }.exhibit-play .exhibit-question { font-size:28px; }.exhibit-play .exhibit-thinking,.exhibit-journey .exhibit-thinking { display:grid; grid-template-columns:1fr; }.exhibit-play .exhibit-thinking[hidden],.exhibit-journey .exhibit-thinking[hidden] { display:none; }
 .exhibit-journey { display:flex; flex-direction:column; padding-top:25px; }.exhibit-journey .exhibit-copy { display:block; }.exhibit-journey .exhibit-copy h3 { font-size:48px; margin:18px 0; }.exhibit-journey .exhibit-question { margin:15px 0; }.exhibit-journey .project-visual { margin-top:25px; }.exhibit-journey .exhibit-actions,.exhibit-journey .exhibit-thinking { width:100%; }
 .portfolio-home .material-exploration { padding-top:50px; padding-bottom:55px; grid-template-columns:1fr; gap:35px; }.portfolio-home .material-copy>h2 { font-size:75px; }.portfolio-home .material-diptych { gap:16px; }.portfolio-home .material-swatches { padding-top:45px; gap:24px; }
 .portfolio-home .field-about { grid-template-columns:1fr; gap:55px; padding-top:60px; padding-bottom:65px; }.about-letter h2 { font-size:56px; margin:25px 0; }.about-letter p { font-size:17px; }.workbench-caption { font-size:23px; }.workbench-pieces { height:400px; margin-top:15px; }.bench-piece { width:54%; }.bench-piece img { height:150px; }.bench-piece>span { font-size:10px; }.workbench>p { font-size:14px; }.portfolio-home .footer-name { font-size:12.9vw; padding:35px 0 25px; }.field-footer .footer-top { gap:18px; font-size:13px; }.field-footer .footer-top .eyebrow { flex-basis:100%; }.portfolio-home .footer-bottom { font-size:9px; align-items:flex-end; }.portfolio-home .footer-bottom>span { max-width:180px; }
 .studio-room { margin:8px; width:calc(100vw - 16px); height:calc(100dvh - 16px); }.studio-room-close { top:18px; right:20px; font-size:12px; min-height:36px; padding:7px 12px; }.studio-room .studio-inner { height:1160px; }.studio-room .studio-stages { top:72px; left:20px; right:20px; gap:15px; }.studio-room .studio-stages button { font-size:11px; }.studio-room .studio-heading { top:125px; left:20px; }.studio-room .studio-heading h1 { font-size:43px; }.studio-room .studio-intro { top:225px; left:20px; right:20px; width:auto; max-width:none; font-size:14px; }.studio-room .studio-intro>span { font-size:12px; }.studio-room .studio-tools { top:375px; left:20px; right:20px; gap:12px; }.studio-room .studio-tools button { font-size:11px; }.studio-room .studio-canvas { top:430px; height:280px; bottom:auto; }.studio-room .studio-guide { top:422px; width:165px; left:20px; }.studio-room .studio-guide p { font-size:11px; }.studio-room .studio-inspector,.studio-room .studio-inner[data-mode=focus] .studio-inspector { top:790px; bottom:auto; left:20px; right:20px; width:auto; }.studio-room .studio-index { bottom:20px; left:20px; right:20px; }.studio-room .studio-index>button>span:last-child { font-size:19px; }.studio-room .studio-hint { bottom:145px; left:20px; right:20px; font-size:10px; }.studio-room .studio-orbit { top:720px; bottom:auto; }.studio-room .studio-inner[data-mode=focus] { height:1570px; }.studio-room .studio-inner[data-mode=focus] .studio-experiment { top:1000px; left:20px; right:20px; width:auto; bottom:auto; }.studio-room .studio-viewer { top:735px; bottom:auto; left:20px; right:20px; }.studio-room .studio-inner[data-mode=research] { height:1550px; }.studio-room .studio-evidence { top:920px; left:20px; right:20px; width:auto; bottom:auto; }.studio-room .studio-inner[data-mode=research] .studio-inspector { top:810px; bottom:auto; }.studio-room .studio-evidence-content p { font-size:14px; }
}
@media(prefers-reduced-motion:reduce) {
 .hero-flower,.play-symbol,.exhibit-object,.bench-piece,.portfolio-home .footer-name>.footer-petal { transition:none!important; }
 .hero-letter:hover .hero-flower { transform:rotate(-18deg); }.studio-invitation:hover .play-symbol { transform:none; }
 .cabinet-figure .exhibit-object,.project-exhibit .exhibit-object { transform:none!important; }
 .workbench-pieces:hover .bench-clay { transform:translateX(-90%) rotate(-15deg); }.workbench-pieces:hover .bench-circuit { transform:translateX(-28%) rotate(12deg); }.workbench-pieces .bench-test:hover { transform:translateX(-50%) translateY(130px) rotate(-2deg); }
 .portfolio-home .footer-name:hover>.footer-petal { transform:rotate(-15deg); }
}

/* Explicit image bounds keep the complete product clear of its caption. */
.cabinet-stage { height:clamp(280px,25vw,430px); margin-top:13px; }
.cabinet-figure { display:block; height:100%; min-height:0; min-width:0; }
.cabinet-figure a { position:absolute; inset:0; min-height:0; min-width:0; height:100%; }
.cabinet-figure .exhibit-object { min-width:0; min-height:0; max-height:100%; max-width:100%; }
.cabinet-body .exhibit-object { width:80%; height:100%; }
.cabinet-space .exhibit-object,.cabinet-journey .exhibit-object { height:100%; max-height:100%; object-fit:contain; }
.question-picker { margin-top:0; padding-top:6px; }
@media(max-width:760px) { .cabinet-stage { height:clamp(260px,76vw,430px); margin-top:20px; }.question-picker { margin-top:16px; padding-top:10px; } }
@media(max-width:760px) {
 .portfolio-home .masthead nav a[href="#about"] { display:inline-block; }
 .cabinet-orbit { left:18%; right:12%; top:8%; bottom:8%; }
}

/* Keep the complete making sheet readable when enlarged; never crop its steps. */
.bench-clay img { object-fit:contain; background:#fff; }