*{box-sizing:border-box}html{scroll-behavior:smooth}body{--paper:#eb627c;--ink:#34214b;--accent:#ebe842;margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',sans-serif;transition:background .8s,color .8s}a{color:inherit}button,input{font:inherit}button{cursor:pointer;color:inherit}header{position:absolute;top:0;width:100%;z-index:3;display:flex;justify-content:space-between;padding:25px 4%;align-items:center}.initial{font:800 25px 'Barlow Condensed',sans-serif;text-decoration:none}nav{display:flex;gap:30px}nav a{text-decoration:none;font-size:13px}nav a:hover{text-decoration:underline}.hero{position:relative;min-height:700px;height:100svh;overflow:hidden}.identity{position:absolute;left:5%;top:40%;z-index:2;width:40%}.identity p{font-size:9px;letter-spacing:.14em;margin:0 0 25px}h1{font:800 clamp(70px,10vw,170px)/.76 'Barlow Condensed',sans-serif;letter-spacing:-.045em;margin:0}h1 em{display:block;font:italic .7em/1 Georgia,serif;letter-spacing:-.075em;margin-top:12px}.work-link{display:inline-block;margin-top:35px;font:italic 20px Georgia,serif;text-decoration:none;border-bottom:1px solid;padding-bottom:6px}.scope{position:absolute;width:65%;right:-2%;top:8%;height:86%;}#scope{width:100%;height:100%;display:block}.scope>a{position:absolute;bottom:3%;left:42%;font-size:11px;text-underline-offset:4px}.instrument{position:absolute;right:4%;bottom:6%;width:140px;z-index:3;text-align:center}.chrome{width:83px;height:83px;border:3px solid #333;border-radius:50%;background:conic-gradient(#ededed,#777,#eee,#777,#fff,#777,#eee);box-shadow:inset 0 0 0 5px #bdbdbd,inset 0 0 0 7px #444,3px 5px 0 #34214b;position:relative;color:#242424}.chrome:active{transform:translateY(3px);box-shadow:inset 0 0 0 5px #bdbdbd,inset 0 0 0 7px #444,1px 2px 0 #34214b}.chrome span{font-size:30px}.change-label{display:block;font:italic 14px Georgia,serif;margin:10px 0 15px}.sliders{background:#e8e4d4;color:#272333;padding:10px 12px;border:1px solid #272333;box-shadow:3px 3px 0 #34214b}.sliders label{display:block;text-align:left;font-size:10px;margin-bottom:7px}.sliders input{display:block;width:100%;accent-color:#734280;height:16px}#motion{border:0;background:transparent;margin-top:10px;font-size:10px;text-decoration:underline;text-underline-offset:3px}.portfolio{background:#f7f3e9;color:#292332;padding:40px 4% 70px;scroll-margin-top:0}.gallery-toolbar{display:flex;gap:30px;align-items:center;justify-content:space-between;margin-bottom:35px}h2{font:italic 40px Georgia,serif;letter-spacing:-.05em;margin:0}h2 span{margin-left:15px}.sorts{display:flex;gap:20px;flex-wrap:wrap}.sorts button{border:0;background:none;padding:8px 0;font-size:13px;border-bottom:1px solid transparent}.sorts [aria-pressed=true]{border-color:currentColor}.size{font-size:10px;display:flex;align-items:center;gap:10px}.size input{width:90px;accent-color:#734280}.gallery{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:28px 22px}.art-card{margin:0;min-width:0}.art-card button{padding:0;border:0;width:100%;height:clamp(150px,calc(75vw / var(--cols,3)),380px);background:none;display:block}.art-card img{display:block;width:100%;height:100%;object-fit:contain}.art-card figcaption{display:none}.art-card button:hover img{filter:brightness(.95)}footer{display:flex;justify-content:space-between;padding:30px 4%;gap:20px;font-size:12px}dialog{border:0;background:#f7f3eb;color:#272333;padding:40px;width:min(1000px,94vw);max-height:94svh}dialog::backdrop{background:#201339d9}.viewer-layout{display:grid;grid-template-columns:1fr 190px;align-items:center;gap:25px}#viewer-image{width:100%;height:auto;max-height:78svh;object-fit:contain}.viewer-close{position:absolute;right:10px;top:8px;border:0;background:none;font-size:30px}.viewer-details h2{font:italic 28px Georgia,serif}.viewer-nav{display:flex;gap:10px;margin-top:20px}.viewer-nav button{padding:10px 20px;background:transparent;border:1px solid}.eyebrow{font-size:10px}.modal-open{overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}:focus-visible{outline:3px solid #734280;outline-offset:5px}
@media(max-width:700px){header{padding:20px 5%}nav{gap:20px}.hero{min-height:780px;height:100svh}.identity{top:15%;left:6%;width:80%}.identity p{font-size:8px;margin-bottom:17px}h1{font-size:90px}.work-link{margin-top:18px;font-size:17px}.scope{width:110%;right:-15%;top:36%;height:60%}.scope>a{bottom:1%;left:29%}.instrument{right:auto;left:6%;bottom:7%;width:110px}.chrome{width:62px;height:62px}.sliders{padding:8px}.change-label{font-size:12px;margin:8px 0}.gallery-toolbar{flex-wrap:wrap;gap:18px}h2{font-size:32px}.sorts{order:3;width:100%;gap:20px}.gallery{gap:22px 12px;grid-template-columns:repeat(var(--mobile-cols,2),minmax(0,1fr))}.art-card button{height:calc(90vw / var(--mobile-cols,2) * 1.2)}.size input{width:70px}.viewer-layout{grid-template-columns:1fr}#viewer-image{max-height:58svh}.viewer-details h2{font-size:24px}footer{flex-wrap:wrap}.portfolio{padding-top:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body{transition:none}}

/* Second visual study: bold cut lettering, soft controls, denser artwork. */
.initial svg{width:40px;height:40px;display:block}.identity{left:5%;top:36%;width:40%}h1{font-family:'DM Sans',Arial,sans-serif;font-weight:700;line-height:.9;letter-spacing:-.08em;font-size:clamp(80px,11vw,175px)}.mara{display:inline-block;background:#ffb8d5;color:#f33a17;padding:0 .12em .07em;transform:rotate(-7deg);-webkit-text-stroke:2px #f33a17;box-shadow:7px 7px 0 #ffb8d5}h1 em{font-family:Palatino,'Palatino Linotype','Book Antiqua',serif;font-weight:700;font-size:.49em;letter-spacing:-.08em;transform:rotate(-5deg);margin-top:5px;position:relative;left:.08em}.work-link{font-family:Palatino,'Palatino Linotype','Book Antiqua',serif;font-weight:700;font-size:26px;margin-top:34px}.hello-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:22px}.hello-links a{font-size:13px;text-decoration:none}.hello-links a:hover{text-decoration:underline}.scope{right:-1%;width:63%}.instrument{width:180px;right:3%;bottom:6%}.chrome{width:64px;height:64px;background:#ffc5d9;border:1px solid currentColor;border-radius:20px;box-shadow:3px 4px 0 var(--ink);color:var(--ink);transform:rotate(8deg)}.chrome:hover{transform:rotate(-5deg)}.chrome:active{transform:translateY(2px);box-shadow:1px 2px 0 var(--ink)}.change-label{font:700 14px 'DM Sans',sans-serif;letter-spacing:-.02em}.sliders{background:transparent;border:0;box-shadow:none;padding:8px 5px}.sliders label{font-size:10px;margin-bottom:16px}.sliders input{-webkit-appearance:none;appearance:none;height:11px;border-radius:20px;margin:9px 0 0;background:linear-gradient(90deg,#fa95c3,#9056bc);box-shadow:inset 0 2px 4px #38204f30}.sliders label:nth-child(2) input{background:linear-gradient(90deg,#f3da6d,#43bdba)}.sliders label:nth-child(3) input{background:linear-gradient(90deg,#ffad7e,#f34080)}.sliders input::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff9ef;border:0;box-shadow:0 2px 5px #39274740,0 0 0 4px #ffffff22}.sliders input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff9ef;border:0;box-shadow:0 2px 5px #39274740,0 0 0 4px #ffffff22}#original{z-index:4;bottom:3%;left:38%;padding:12px;white-space:nowrap}#original-preview{position:absolute;width:135px;height:160px;object-fit:contain;background:#fff5e9;padding:5px;bottom:100%;left:50%;transform:translateX(-50%) rotate(-4deg);box-shadow:3px 8px 20px #39274740;opacity:0;visibility:hidden;transition:opacity .15s}#original:hover img,#original:focus-visible img{opacity:1;visibility:visible}.portfolio{padding:25px 2% 45px}.gallery-toolbar{margin-bottom:22px;gap:20px}.gallery{gap:10px;--cols:4}.art-card button{height:auto;aspect-ratio:4/5}.art-card img{height:100%;width:100%;object-fit:cover}.art-card.located{outline:4px solid #ab3976;outline-offset:3px}h2,.viewer-details h2{font-family:Palatino,'Palatino Linotype','Book Antiqua',serif}.gallery-toolbar h2{font-size:35px}
@media(max-width:700px){.identity{top:14%;left:6%;width:85%}h1{font-size:86px}.work-link{font-size:21px;margin-top:20px}.hello-links{flex-direction:row;gap:17px;margin-top:15px}.hello-links a{font-size:11px}.scope{width:103%;right:-18%;top:42%;height:53%}.instrument{left:5%;right:auto;bottom:5%;width:116px}.chrome{width:50px;height:50px;border-radius:16px}.sliders label{margin-bottom:12px}.change-label{font-size:12px}.portfolio{padding:24px 3% 35px}.gallery{gap:8px}.art-card button{height:auto;aspect-ratio:4/5}#original{left:27%;bottom:0;font-size:10px}#original-preview{width:105px;height:130px}.hero{min-height:860px}.initial svg{width:30px;height:30px}}

/* Artwork palette follows the entire page. */
body{--art-0:#764480;--art-1:#b177b4;--art-2:#e6b7d0}.portfolio{background:color-mix(in srgb,var(--paper) 24%,#fff9ed);color:var(--ink);transition:background .8s,color .8s}footer{background:var(--paper);color:var(--ink)}.mara{background:color-mix(in srgb,var(--paper) 40%,white);color:var(--ink);-webkit-text-stroke-color:var(--ink);box-shadow:7px 7px 0 color-mix(in srgb,var(--paper) 40%,white)}.chrome{background:color-mix(in srgb,var(--paper) 40%,white)}.sliders label input,.sliders label:nth-child(2) input,.sliders label:nth-child(3) input{background:linear-gradient(90deg,var(--art-0),var(--art-1));height:7px}.sliders label:nth-child(2) input{background:linear-gradient(90deg,var(--art-1),var(--art-2))}.sliders label:nth-child(3) input{background:linear-gradient(90deg,var(--art-2),var(--art-0))}.sliders input::-webkit-slider-thumb{width:15px;height:15px;box-shadow:0 2px 4px #39274740,0 0 0 3px #ffffff22}.sliders input::-moz-range-thumb{width:15px;height:15px;box-shadow:0 2px 4px #39274740,0 0 0 3px #ffffff22}.instrument{width:142px}.sliders label{margin-bottom:12px}.identity-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px}.identity-actions a{font:500 14px 'DM Sans',sans-serif;text-decoration:none;border:1px solid currentColor;border-radius:24px;padding:12px 20px;background:color-mix(in srgb,var(--paper) 75%,white);text-align:center;min-width:135px}.identity-actions a:hover{background:color-mix(in srgb,var(--paper) 45%,white)}#download{display:block;margin:12px auto 0;border:1px solid currentColor;border-radius:20px;background:color-mix(in srgb,var(--paper) 65%,white);padding:8px 12px;font-size:10px}.size input{accent-color:var(--art-0)}.art-card.located{outline-color:var(--art-0)}dialog{background:color-mix(in srgb,var(--paper) 20%,#fff9ed);color:var(--ink)}:focus-visible{outline-color:var(--ink)}.gallery{--cols:5}
@media(max-width:700px){.instrument{width:112px}.identity-actions{margin-top:24px;gap:10px}.identity-actions a{min-width:0;padding:10px 15px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.portfolio{transition:none}}

.name-animation{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer}.name-animation img{display:block;width:100%;height:auto}.name-animation canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0}.name-animation.drawing canvas{opacity:1}.name-animation.drawing img{visibility:hidden}#scope{cursor:pointer}.change-text{border:0;border-bottom:1px solid currentColor;background:transparent;font:500 13px 'DM Sans',sans-serif;padding:6px 0;margin-bottom:12px}.change-text:hover{opacity:.7}.gallery-toolbar h2{font:700 35px/1 'DM Sans',Arial,sans-serif;letter-spacing:-.045em}.identity-actions{margin-top:25px}
@media(max-width:700px){.name-animation{max-width:390px}.gallery-toolbar h2{font-size:30px}}

.instrument #original{position:relative;display:block;left:auto;bottom:auto;padding:8px 0;margin:0 0 4px;font-size:11px}.instrument #original-preview{left:auto;right:100%;bottom:0;transform:rotate(-4deg);margin-right:15px}.instrument .change-text{display:block;margin:0 auto 14px}.name-animation{width:91%;transform:translateY(20px)}.gallery img,.gallery .art-card button{border-radius:7px}.new-footer{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:55px 5%}.footer-name{width:250px;max-width:40%}.footer-name img{width:100%;height:auto;display:block}.footer-links{display:flex;gap:65px}.new-footer nav,.new-footer .socials{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.new-footer a{text-decoration:none;font-size:13px}.new-footer a:hover{text-decoration:underline}.socials span{opacity:.55;font-size:13px}
#art-viewer{background:transparent;padding:45px 60px;width:min(1300px,98vw);max-height:98svh;overflow:visible;box-shadow:none;color:#fff}#art-viewer::backdrop{background:#171319ec}.viewer-layout{display:block}.viewer-details{display:contents}.viewer-details h2,.viewer-details p,.viewer-details>a{display:none}#viewer-image{display:block;width:100%;height:auto;max-height:85svh;object-fit:contain;border-radius:7px}.viewer-close{position:absolute;right:5px;top:0;width:44px;height:44px;color:#fff;background:transparent;font:300 35px Arial,sans-serif}.viewer-nav{display:contents}.viewer-nav button{position:absolute;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#fff;width:48px;height:64px;padding:10px;display:grid;place-items:center}.viewer-nav button:first-child{left:0}.viewer-nav button:last-child{right:0}.viewer-nav svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.viewer-nav button:hover,.viewer-close:hover{opacity:.65}
@media(max-width:700px){.name-animation{transform:translateY(12px)}.instrument #original-preview{right:auto;left:100%;margin-right:0;margin-left:12px}.new-footer{padding:35px 5%;gap:25px;align-items:start}.footer-name{width:150px;max-width:35%}.footer-links{gap:25px}.new-footer a,.socials span{font-size:11px}.new-footer nav,.new-footer .socials{gap:13px}#art-viewer{padding:40px 30px;width:100vw}.viewer-nav button{width:32px;padding:3px}.viewer-nav svg{width:24px}.viewer-close{right:3px}}

header{justify-content:flex-end}.socials a{display:grid;place-items:center;width:40px;height:40px}.socials svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.new-footer .socials{gap:8px}.socials a:hover{opacity:.65}.instrument{width:160px}.instrument #original,.instrument .change-text{font:500 13px/1.3 'DM Sans',Arial,sans-serif;text-decoration:none;border:0;border-bottom:1px solid currentColor;padding:7px 0;margin:0 auto 10px;width:max-content;display:block}.instrument #original:hover,.instrument .change-text:hover{opacity:.75}.sliders label{font-size:13px;font-weight:500;margin-bottom:15px}.instrument #motion{font:500 13px/1.4 'DM Sans',Arial,sans-serif;margin-top:8px}.instrument #download{font:500 13px/1.4 'DM Sans',Arial,sans-serif;padding:8px 12px}.click-hint{position:absolute;top:12%;left:21%;font:italic 17px Palatino,'Book Antiqua',serif;transform:rotate(-12deg);pointer-events:none;background:color-mix(in srgb,var(--paper) 70%,white);padding:6px 12px;border-radius:50%}.gallery-toolbar{justify-content:space-between}
@media(max-width:700px){.instrument{width:130px}.instrument #original,.instrument .change-text,.sliders label,.instrument #motion,.instrument #download{font-size:12px}.click-hint{top:10%;left:26%;font-size:15px}.new-footer .socials{gap:4px}.socials a{width:35px;height:35px}.socials svg{width:22px;height:22px}}

.instrument .click-hint{display:block;position:static;transform:none;background:none;border-radius:0;padding:0;margin:0 0 10px;font:italic 15px Palatino,'Book Antiqua',serif}.scope #scope:focus-visible{outline:2px dashed var(--ink);outline-offset:-10px}

/* Homepage composition follows Mara's layout sketch. */
body:not(.about-page) .hero{min-height:720px;height:100svh}body:not(.about-page) .identity{left:3%;top:auto;bottom:20%;width:39%}.identity .name-animation{width:100%;transform:translateY(48px)}.identity .identity-actions{position:relative;z-index:2;margin-top:-5px;margin-left:4%}.scope{width:57%;height:83%;right:2%;top:7%}.scope .click-hint{position:absolute;top:11%;right:2%;left:auto;padding:5px;font:italic 18px Palatino,'Book Antiqua',serif;background:none;transform:rotate(-8deg)}.instrument{position:absolute;left:46%;right:3%;bottom:2%;width:auto;display:grid;grid-template-columns:max-content max-content 1fr;align-items:end;gap:10px 24px;text-align:left}.instrument #original,.instrument .change-text{margin:0 0 15px;padding:7px 0;font-size:13px}.instrument .sliders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding:0}.instrument .sliders label{margin:0 0 15px;font-size:12px}.instrument #download{position:absolute;right:0;bottom:100px;white-space:nowrap;margin:0}.instrument #motion{grid-column:3;font-size:11px;margin:0;justify-self:end}.instrument #scope-status{position:absolute}
@media(max-width:1050px) and (min-width:701px){.instrument{gap:10px 16px;left:42%}.instrument .sliders{gap:14px}.instrument #original,.instrument .change-text{font-size:11px}.instrument .sliders label{font-size:11px}.identity .identity-actions a{padding:10px 13px;min-width:0}}
@media(max-width:700px){body:not(.about-page) .hero{min-height:880px;height:100svh}body:not(.about-page) .identity{left:6%;top:12%;bottom:auto;width:82%}.identity .name-animation{transform:translateY(20px)}.identity .identity-actions{margin-top:0;margin-left:0}.scope{right:0;top:36%;width:100%;height:48%}.scope .click-hint{right:5%;top:6%;font-size:15px}.instrument{left:6%;right:6%;bottom:3%;display:grid;grid-template-columns:1fr 1fr;gap:13px 22px}.instrument #original,.instrument .change-text{margin:0;font-size:12px;justify-self:start}.instrument .sliders{grid-column:1/-1;grid-row:2;gap:22px}.instrument .sliders label{margin:0;font-size:12px}.instrument #download{position:static;grid-column:1;grid-row:3;font-size:11px;justify-self:start}.instrument #motion{grid-column:2;grid-row:3;align-self:center;font-size:11px}}
/* Bilingual navigation and the optional science read. */
.language-switch{display:inline-flex;gap:9px;align-items:center;font-size:11px}
.language-switch a{font-size:11px;opacity:.6}
.language-switch [aria-current=true]{opacity:1;text-decoration:underline;text-underline-offset:4px;font-weight:700}
.instrument .science-link{grid-column:1/3;grid-row:2;font-size:11px;line-height:1.4;text-underline-offset:3px;align-self:center;width:max-content;max-width:100%}
.instrument #motion{grid-row:2}
.about-copy a{text-underline-offset:3px;text-decoration-thickness:1px}
@media(max-width:700px){header nav{gap:16px;align-items:center}.about-page header nav{gap:13px}.language-switch{gap:7px}.instrument .science-link{grid-column:1/-1;grid-row:4;justify-self:center;font-size:11px}.instrument #motion{grid-row:3}body:not(.about-page) .hero{min-height:930px}.about-copy p{font-size:14px}}

/* Keep every tile still while the complete artwork bleeds over its neighbours. */
.art-card{position:relative}
.art-card button{position:relative;overflow:visible;cursor:zoom-in}
.art-card:is(:hover,:focus-within){z-index:12}
@media(hover:hover){
 .art-card.portrait button:hover img{position:absolute;left:0;top:50%;width:100%;height:auto;max-width:none;transform:translateY(-50%);object-fit:fill}
 .art-card.landscape button:hover img{position:absolute;left:50%;top:0;width:auto;height:100%;max-width:none;transform:translateX(-50%);object-fit:fill}
}
.art-card.portrait button:focus-visible img{position:absolute;left:0;top:50%;width:100%;height:auto;max-width:none;transform:translateY(-50%);object-fit:fill}
.art-card.landscape button:focus-visible img{position:absolute;left:50%;top:0;width:auto;height:100%;max-width:none;transform:translateX(-50%);object-fit:fill}

/* Feedback pass: compact instrument, readable help, and richer portfolio cues. */
@media(min-width:701px){
 body:not(.about-page) .hero{height:calc(100svh - 78px);min-height:650px}
 body:not(.about-page) .identity{bottom:17%}
 .scope{height:79%;top:5%}
 .instrument{bottom:1%;padding-right:205px}
}
.scope .click-hint{display:none}
.instrument #original{position:absolute;right:18px;bottom:58px;width:76px;height:94px;padding:7px;margin:0;background:#fffaf2;transform:rotate(-5deg);box-shadow:4px 7px 16px #241b3035;border:0;z-index:4}
.instrument #original:hover{opacity:1;transform:rotate(-2deg) scale(1.03)}
.instrument #original-preview{display:block;position:static;width:100%;height:100%;object-fit:contain;padding:0;margin:0;transform:none;box-shadow:none;background:transparent;opacity:1;visibility:visible}
.instrument #download{right:0;bottom:8px}
.read-control{position:absolute;right:170px;bottom:7px;z-index:7}
.read-control>button{width:58px;height:58px;border:1px solid currentColor;border-radius:50%;background:color-mix(in srgb,var(--paper) 58%,white);font:italic 13px Palatino,'Book Antiqua',serif;transform:rotate(7deg)}
.read-control>button:hover,.read-control>button:focus-visible{transform:rotate(-4deg)}
.read-control [role=tooltip]{position:absolute;right:0;bottom:calc(100% + 12px);width:270px;padding:16px 18px;background:#fffaf2;color:#293348;border:1px solid currentColor;border-radius:12px;text-align:left;font:12px/1.55 'DM Sans',Arial,sans-serif;box-shadow:7px 9px 0 #29334820;opacity:0;visibility:hidden;transform:translateY(7px);transition:.16s ease;pointer-events:none}
.read-control:hover [role=tooltip],.read-control:focus-within [role=tooltip]{opacity:1;visibility:visible;transform:none}
.read-control b{font-weight:700}
.category-break{grid-column:1/-1;margin:44px 0 4px;padding-top:22px;border-top:1px solid color-mix(in srgb,var(--ink) 28%,transparent);font:700 clamp(20px,2.2vw,32px)/1 'DM Sans',Arial,sans-serif;letter-spacing:-.04em}.category-break:first-child{margin-top:8px}
.art-card.landscape::after{content:'';position:absolute;right:8px;top:8px;width:25px;height:9px;border-radius:5px;background:var(--paper);box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 35%,transparent);pointer-events:none;z-index:14}
@media(hover:hover){
 .art-card.portrait button:hover img{border-top:1px solid var(--paper);border-bottom:1px solid var(--paper)}
 .art-card.landscape button:hover img{border-left:1px solid var(--paper);border-right:1px solid var(--paper)}
}
.art-card.portrait button:focus-visible img{border-top:1px solid var(--paper);border-bottom:1px solid var(--paper)}
.art-card.landscape button:focus-visible img{border-left:1px solid var(--paper);border-right:1px solid var(--paper)}
.footer-intro{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.footer-note{margin:0;font:italic 15px/1.3 Palatino,'Book Antiqua',serif}.new-footer .footer-name{max-width:250px}
.instrument #motion{grid-column:2;justify-self:center}
#art-viewer .viewer-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:32px;align-items:center}
#art-viewer .viewer-details{display:block;color:#fff}
#art-viewer .viewer-details h2{display:block;margin:0 0 8px;font:700 25px/1.05 'DM Sans',Arial,sans-serif}
#art-viewer .viewer-details #viewer-counter{display:block;font-size:11px;opacity:.65}
#art-viewer .viewer-details #viewer-description{display:block;font:15px/1.55 Palatino,'Book Antiqua',serif;margin:25px 0 8px}
#art-viewer .viewer-details #viewer-description[hidden]{display:none}
#art-viewer .viewer-details #viewer-enquiry{display:inline-block;margin-top:18px;color:inherit;font-size:12px;text-underline-offset:5px}
@media(max-width:700px){
 .instrument{padding-right:0}.instrument #original{right:0;bottom:93px;width:58px;height:72px}.instrument #download{right:0;bottom:42px}.read-control{right:82px;bottom:42px}.read-control>button{width:50px;height:50px;font-size:12px}.read-control [role=tooltip]{width:min(260px,82vw);right:-70px}
 #art-viewer .viewer-layout{display:block}.viewer-details{position:absolute;left:40px;right:40px;bottom:5px;background:#171319b8;padding:10px 12px;border-radius:8px}.viewer-details h2{font-size:17px!important}.viewer-details #viewer-counter,.viewer-details #viewer-enquiry{font-size:10px!important}.viewer-details #viewer-description{font-size:12px!important;margin:7px 0!important}.footer-note{font-size:13px}
}


/* Family feedback: clearer introduction, more portfolio above the fold. */
.home-hello,.home-role{position:relative;z-index:3;margin:0 0 0 4%;font-family:'DM Sans',Arial,sans-serif}
.home-hello{font:italic 18px/1 Palatino,'Book Antiqua',serif;letter-spacing:0;transform:translateY(38px) rotate(-3deg);width:max-content}
.home-role{font:700 13px/1 'DM Sans',Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;margin-top:5px}
.identity .name-animation{transform:translateY(35px)}
.identity .identity-actions{margin-top:7px}
.hero>.read-control{position:absolute;top:78px;right:3.5%;bottom:auto;z-index:8}
.hero>.read-control [role=tooltip]{top:calc(100% + 12px);bottom:auto}
.instrument #original{bottom:86px}
@media(min-width:701px){
 body:not(.about-page) .hero{height:calc(100svh - 120px);min-height:600px}
 body:not(.about-page) .identity{bottom:15%}
 .scope{height:77%;top:5%}
}
@media(hover:hover){
 .art-card.portrait button:hover img{border-top:10px solid #fffaf2;border-bottom:10px solid #fffaf2}
 .art-card.landscape button:hover img{border-left:10px solid #fffaf2;border-right:10px solid #fffaf2}
}
.art-card.portrait button:focus-visible img{border-top:10px solid #fffaf2;border-bottom:10px solid #fffaf2}
.art-card.landscape button:focus-visible img{border-left:10px solid #fffaf2;border-right:10px solid #fffaf2}
@media(max-width:700px){
 .home-hello{font-size:16px;transform:translateY(24px) rotate(-3deg)}
 .identity .name-animation{transform:translateY(20px)}
 .home-role{font-size:11px;margin-top:1px}
 .identity .identity-actions{margin-top:7px}
 .hero>.read-control{top:66px;right:5%}
 .hero>.read-control [role=tooltip]{right:0;top:calc(100% + 10px);bottom:auto}
 .instrument #original{bottom:108px}
}


/* Refinement: stronger introduction beside the handwritten name. */
.home-hello{font-size:clamp(26px,2.5vw,38px);transform:translateY(30px) rotate(-3deg)}
.home-role{position:absolute;right:5%;top:17%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:0;font-size:clamp(13px,1.3vw,18px);line-height:.9;letter-spacing:.07em;transform:rotate(3deg)}
.instrument .sliders{transform:translateX(24px)}
@media(max-width:700px){
 .home-hello{font-size:24px;transform:translateY(18px) rotate(-3deg)}
 .home-role{right:2%;top:18%;font-size:13px}
 .instrument .sliders{transform:translateX(10px)}
}

.identity .home-hello{font-size:clamp(26px,2.5vw,38px);line-height:1;letter-spacing:0;margin-bottom:0}
.identity .home-role{font-size:clamp(13px,1.3vw,18px);line-height:.9;letter-spacing:.07em;margin:0}
@media(max-width:700px){.identity .home-hello{font-size:24px}.identity .home-role{font-size:13px}}

/* Readability pass: let the artwork lead while keeping the small controls legible. */
@media(min-width:701px){
 .scope{width:61%;height:84%;right:0;top:3%}
}
header nav a{font-size:15px}
.language-switch,.language-switch a{font-size:13px}
.instrument #original,.instrument .change-text,.instrument .sliders label{font-size:14px}
.instrument #motion,.instrument #download,.instrument .science-link{font-size:13px}
.sorts button{font-size:14px}
.size{font-size:12px}
.new-footer a{font-size:14px}
.footer-note{font-size:15px}
@media(max-width:700px){
 .scope{right:-2%;top:35%;width:104%;height:50%}
 header nav a{font-size:13px}
 .instrument #original,.instrument .change-text,.instrument .sliders label{font-size:12px}
 .instrument #motion,.instrument #download,.instrument .science-link{font-size:11px}
}

/* Keep the artwork viewer inside the active colour world. */
#art-viewer{color:var(--ink)}
#art-viewer::backdrop{background:color-mix(in srgb,var(--paper) 84%,#171319 16%);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
#art-viewer .viewer-details{color:inherit}
#art-viewer .viewer-close,#art-viewer .viewer-nav button{color:inherit}
@media(max-width:700px){#art-viewer .viewer-details{background:color-mix(in srgb,var(--paper) 86%,transparent)}}