:root{color-scheme:light;--paper:#f6edda;--ink:#254c47;--red:#a94031;--pink:#f2ebdc;--gold:#d9ae4d;--line:#b6b09a;--mono:'Courier New',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#264e48;color:var(--ink);font:17px/1.65 Georgia,'Times New Roman',serif;padding:18px}body::before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23865c36' filter='url(%23n)' opacity='.3' d='M0 0h180v180H0z'/%3E%3C/svg%3E");z-index:8}.page-border{max-width:1600px;margin:auto;background:var(--paper);border:1px solid #eee3c9;box-shadow:0 0 0 5px #264e48,0 0 0 6px #b4b08c}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 4%;border-bottom:1px solid var(--ink)}.brand{display:flex;gap:12px;align-items:center;font-size:38px;line-height:1;letter-spacing:-4px;font-weight:bold}.brand span{font:11px/1.6 var(--mono);letter-spacing:1px;border-left:1px solid var(--ink);padding-left:15px}nav{display:flex;gap:27px;font:14px/1.5 var(--mono)}nav a{border-bottom:1px solid transparent}nav a:hover{border-color:var(--red);color:var(--red)}.about-link{font:14px var(--mono);border:1px solid var(--ink);padding:10px 16px;box-shadow:3px 3px 0 #cfb88e}.opening{padding:22px 4% 0;background:linear-gradient(#f5e6c5,#f4e9d2)}.running-head{display:flex;justify-content:space-between;font:11px var(--mono);letter-spacing:1.5px}.title-block{text-align:center;padding:28px 0 20px}.overline,.eyebrow{font:12px/1.5 var(--mono);letter-spacing:2px;color:var(--red);margin:0 0 12px}h1{font-size:clamp(56px,6.1vw,93px);font-weight:normal;line-height:.98;letter-spacing:-4px;margin:0}h1 i{font-weight:normal;font-size:.62em}.title-dot{color:var(--red)}.intro{font-size:17px;margin:20px 0 0;font-style:italic}.cabinet{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:35px;align-items:center;max-width:1110px;margin:20px auto 15px}.exhibit{display:block;text-align:center;position:relative;transition:transform .35s}.side{background:#ead7b4;padding:16px 18px 22px;border:1px solid #8c7c5a;box-shadow:4px 5px 0 #b2a18450}.left{transform:rotate(-2deg)}.right{transform:rotate(2deg)}.left:hover,.right:hover{transform:rotate(0) translateY(-4px)}.catalogue{font:10px/1.5 var(--mono);letter-spacing:.7px;display:block;margin-bottom:14px}.mat{background:#fcf7ec;border:1px solid #b9aa89;padding:12px;aspect-ratio:1.15;display:grid;place-items:center}.mat img{width:100%;height:100%;max-height:215px;object-fit:contain;mix-blend-mode:multiply}.exhibit-title{font-size:20px;line-height:1.2;display:block;margin:18px 0 8px}.exhibit-sub{font:10px/1.5 var(--mono);letter-spacing:.8px;display:block}.center{padding:24px 20px;background:#d3dfe4;border:1px solid #8f5848;box-shadow:inset 0 0 0 6px #d3dfe4,inset 0 0 0 7px #ab6e58,5px 6px 0 #b2a18450}.icon-mat{padding:8px 28px;min-height:200px;display:grid;place-items:center}.icon-mat img{width:100%;max-width:235px;height:auto;filter:drop-shadow(0 12px 9px #78473d35);transition:transform .5s}.center:hover img{transform:translateY(-7px) rotate(-3deg)}.seal{position:absolute;right:-28px;top:-23px;width:78px;height:78px;border:3px double #755e22;border-radius:50%;background:var(--gold);display:grid;place-content:center;font:bold 10px/1.2 var(--mono);letter-spacing:.6px;transform:rotate(12deg);z-index:1}.browse{display:flex;justify-content:center;gap:15px;padding:25px 0 22px;font:11px var(--mono);letter-spacing:1px;color:var(--red)}.chapter-nav{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);border-bottom:3px double var(--ink);text-align:center}.chapter-nav a{font-size:20px;padding:16px 10px;border-right:1px solid #7d8b7160}.chapter-nav a:last-child{border:0}.chapter-nav span{display:block;font:10px var(--mono);letter-spacing:1px;color:var(--red);margin-bottom:4px}.chapter-nav a:hover{background:#e8d6ad}.work-section,.link-section{padding:75px 6% 10px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;border-bottom:1px solid var(--ink);padding-bottom:20px;margin-bottom:30px}.section-head h2{font-size:44px;font-weight:normal;line-height:1.1;letter-spacing:-1.5px;margin:8px 0 0}.section-head>p{font-size:16px;font-style:italic;max-width:285px;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 26px}.project{min-width:0}.image-button{width:100%;padding:12px;background:#e5d8bd;border:1px solid #b2a083;cursor:pointer;position:relative;display:block;color:var(--ink);transition:box-shadow .25s,transform .25s}.image-button:hover{transform:translateY(-3px);box-shadow:4px 6px 0 #d4c2a0}.image-button img{display:block;width:100%;height:auto;aspect-ratio:1.15;object-fit:contain;background:#fcf8ef}.view{display:block;text-align:center;padding:10px 0 0;font:11px var(--mono);letter-spacing:1px}.caption{padding:14px 0 0}.caption h3{font-size:21px;line-height:1.2;font-weight:normal;margin:0}.caption p{font:12px/1.5 var(--mono);color:#67614e;margin:7px 0 0}.workshop{grid-template-columns:1fr 1fr}.workshop img{aspect-ratio:1.35;object-fit:contain}.more-work{margin-top:30px;border-top:1px dashed #8c8b70}.more-work summary{list-style:none;cursor:pointer;padding:18px 0;display:flex;justify-content:space-between;color:var(--red);font:14px var(--mono)}summary::-webkit-details-marker{display:none}.more-work[open] .grid{margin-top:18px}.more-work[open] summary span{transform:rotate(45deg)}.website-links{display:grid;grid-template-columns:repeat(3,1fr);gap:0 25px}.website-links a{border-bottom:1px solid var(--line);padding:16px 0;display:flex;justify-content:space-between;font-size:17px}.website-links a:hover{color:var(--red)}#video{background:#e9e0cf;margin-top:70px;padding-top:45px;padding-bottom:45px;border-top:3px double #8f5848;border-bottom:3px double #8f5848}.video-links{display:grid;grid-template-columns:1fr 1fr;gap:16px}.video-links a{display:grid;grid-template-columns:32px 1fr 18px;align-items:center;gap:12px;padding:18px;background:#f7ead1;border:1px solid #a16c56;box-shadow:3px 3px 0 #bc8570;font-size:16px;line-height:1.35}.video-links a:hover{background:#fcf4e4}.play{font-size:26px;color:var(--red)}.about{display:grid;grid-template-columns:.8fr 1.3fr;align-items:center;gap:9%;padding:75px 11%}.portrait{padding:12px 12px 0;background:#e4d6b8;border:1px solid #928366;transform:rotate(-3deg);box-shadow:5px 6px 0 #d2c4a7}.portrait img{display:block;width:100%;height:auto;max-height:360px;object-fit:cover;filter:sepia(.18)}.portrait p{font:10px var(--mono);text-align:center;letter-spacing:1px;margin:14px 0}.about h2{font-size:49px;line-height:1.05;letter-spacing:-1px;font-weight:normal;margin:14px 0 22px}.about p{font-size:17px}.about .eyebrow{font-size:12px}.text-link{display:inline-block;border-bottom:1px solid var(--red);color:var(--red);padding-bottom:5px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 4%;padding:24px 0;border-top:3px double var(--ink)}.footer-monogram{font-size:45px;font-weight:bold;letter-spacing:-5px}footer p{text-align:center;font:11px/1.8 var(--mono);letter-spacing:1px}footer em{font:italic 15px Georgia;letter-spacing:0}footer small{font:11px var(--mono)}dialog{background:var(--paper);color:var(--ink);border:5px double var(--ink);width:min(1050px,94vw);max-height:92vh;padding:50px 30px 30px}dialog::backdrop{background:#132e2acc}dialog h2{font-size:35px;font-weight:normal;line-height:1.2}dialog p{max-width:none}dialog img{display:block;width:100%;max-height:75vh;height:auto;object-fit:contain;margin-top:25px}.close{position:absolute;right:18px;top:12px;background:none;border:0;color:var(--ink);cursor:pointer;padding:10px;font:14px var(--mono)}.skip{position:fixed;top:-100px;left:25px;padding:10px;background:var(--paper);z-index:10}.skip:focus{top:10px}@media(max-width:1050px){nav{gap:15px;font-size:12px}.brand span{display:none}.cabinet{gap:23px}.catalogue{font-size:9px}.exhibit-title{font-size:18px}.icon-mat{padding:10px 15px}.seal{right:-15px}.grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){body{padding:10px}header{flex-wrap:wrap;padding:18px 5%}.brand{font-size:32px}.brand span{display:block;font-size:9px}nav{order:3;width:100%;justify-content:space-between;font-size:12px}.about-link{font-size:12px;padding:8px}.running-head{font-size:9px;gap:20px}.running-head span:last-child{text-align:right}.opening{padding:18px 5% 0}h1{font-size:58px;letter-spacing:-2.5px}.title-block{padding:30px 0 12px}.intro{font-size:16px}.cabinet{grid-template-columns:1fr 1fr;gap:22px 14px;margin-top:30px}.center{grid-column:1/-1;grid-row:1;width:78%;max-width:350px;justify-self:center}.side{padding:11px 10px 16px}.mat{padding:6px}.catalogue{font-size:8px;letter-spacing:0}.exhibit-sub{font-size:8px}.exhibit-title{font-size:16px;margin-top:12px}.seal{width:65px;height:65px;font-size:9px}.icon-mat{min-height:0;padding:5px 25px}.center .catalogue{font-size:10px}.center .exhibit-title{font-size:21px}.center .exhibit-sub{font-size:9px}.chapter-nav{grid-template-columns:1fr 1fr}.chapter-nav a{font-size:18px;padding:12px 6px;border-bottom:1px solid #7d8b7160}.chapter-nav a:nth-child(2){border-right:0}.chapter-nav a:nth-child(3){border-bottom:0}.section-head{display:block}.section-head h2{font-size:37px}.section-head>p{margin-top:12px;max-width:none}.work-section,.link-section{padding:50px 6% 5px}.grid{gap:28px 20px}.image-button{padding:8px}.caption h3{font-size:19px}.caption p{font-size:11px}.website-links{grid-template-columns:1fr 1fr;gap:0 18px}.website-links a{font-size:16px}.video-links{grid-template-columns:1fr}.about{padding:55px 8%;grid-template-columns:1fr;gap:40px}.portrait{width:65%;max-width:280px;margin:auto}.about h2{font-size:43px}footer{flex-wrap:wrap;justify-content:center;gap:14px 25px}footer small{width:100%;text-align:center}.footer-monogram{font-size:34px}}@media(max-width:460px){h1{font-size:48px}.grid{grid-template-columns:1fr}.workshop{grid-template-columns:1fr}.view{font-size:12px}.caption p{font-size:12px}.running-head{font-size:8px}.brand span{font-size:8px}.about-link{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Small labels remain legible without losing the catalogue character. */
.catalogue,.exhibit-sub,.running-head,.overline,.eyebrow,.chapter-nav span,.browse,.view,.portrait p,footer p,footer small{font-size:12px}.brand span{font-size:12px}.seal{font-size:10px}.catalogue{min-height:36px;display:flex;align-items:center;justify-content:center}.exhibit-sub{min-height:36px}.center .catalogue,.center .exhibit-sub{font-size:12px}.side .exhibit-title{min-height:48px;display:grid;place-items:center}.mat{aspect-ratio:1.15}@media(max-width:1050px){nav{font-size:14px}.brand span{display:none}.exhibit-sub{font-size:12px}.catalogue{font-size:12px}}@media(max-width:760px){.brand span{display:block;font-size:10px}.running-head{font-size:12px}.about-link{font-size:14px}nav{font-size:14px;flex-wrap:wrap;justify-content:center;gap:12px 20px}.catalogue,.exhibit-sub{font-size:12px}.side .catalogue{min-height:54px}.side .exhibit-sub{min-height:54px}.intro{font-size:17px}.caption p{font-size:12px}.seal{font-size:10px}}@media(max-width:460px){.brand span{font-size:10px}.running-head{font-size:12px}.catalogue,.exhibit-sub{font-size:12px}.side .exhibit-title{min-height:57px}}
@media(max-width:460px){header .brand span{display:none}header{gap:18px}.about-link{margin-left:auto}.center .exhibit-title{font-size:20px}}
/* Revision II — a collection of richly colored rooms. */
:root{--paper:#faeed4;--ink:#493446;--red:#485c73;--pink:#f2ebdc;--gold:#d5ae5d;--line:#b79985}body{background:#513647}.page-border{border-color:#dcb46a;box-shadow:0 0 0 5px #513647,0 0 0 6px #dcb46a}header{background:#f7f3e9;border-bottom:4px double #805360;padding-top:26px;padding-bottom:26px}.brand{color:#58374d}.about-link{box-shadow:3px 3px 0 #b3bdc4;background:#faf7ed}.opening{background:#f5f0e5;position:relative;padding-top:22px}.running-head{color:#71464d}.title-block{position:relative;padding:30px 0 24px}.ornament{display:block;color:#90662c;font-size:24px;margin:0 auto 12px;line-height:1}.title-block .overline{color:#704548;letter-spacing:2.4px}h1{color:#573b51}.title-dot{color:#607c94}.intro{color:#734b52}.cabinet{gap:38px;margin-top:12px}.side{background:#edcf95;border:4px double #94713e;box-shadow:5px 6px 0 #6c728140}.center{background:#cfdae0;border:1px solid #698b79;box-shadow:inset 0 0 0 6px #cfdae0,inset 0 0 0 7px #668e7b,5px 6px 0 #6c728135}.seal{background:#dcb467;border-color:#81602c;color:#573b36}.mat{border:4px double #b5945d;background:#fff2db}.exhibit-title{color:#533c40}.chapter-nav{background:#f5dfb6;border-top:4px double #997148;border-bottom:4px double #997148;margin-top:0}.chapter-nav a{border-color:#b8945d}.chapter-nav a:hover{background:#e5c27e}.chapter-nav span{color:#815530}.browse{color:#7c4148;padding:28px 0}.work-section,.link-section{padding:65px 6% 50px;border-bottom:4px double #aa8e71}.section-head{position:relative;padding-bottom:23px;border-bottom:3px double currentColor}.section-head h2{max-width:760px}.section-head .eyebrow{color:inherit;opacity:.8}.section-head>p{position:relative;z-index:1}.caption p{color:inherit;opacity:.82}.more-work{border-top-color:currentColor}.more-work summary{color:inherit}.image-button{background:#ead6ab;border:4px double #aa895b;box-shadow:3px 4px 0 #715b4420}.image-button:hover{box-shadow:5px 7px 0 #715b4435}.image-button img{background:#fcf5e6}.view{color:#674a36}#art{background:#fcfaf4;color:#594839}#art .section-head:after{content:'';position:absolute;right:25%;top:-35px;width:150px;height:150px;background:url('assets/pencil-baseball.webp') center/contain no-repeat;opacity:.065;pointer-events:none;mix-blend-mode:multiply}#design{background:#e8ddc2;color:#493b35}#design .image-button{background:#f4dfb5;border-color:#9f7644}#workshop{background:#dce5e8;color:#244e49;overflow:hidden}#workshop .image-button{background:#dce5cc;border-color:#6c9583}#workshop .view{color:#244e49}.workshop-vignette{max-width:900px;height:285px;margin:-12px auto 25px;overflow:hidden;mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent)}.workshop-vignette img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 68%;mix-blend-mode:multiply;opacity:.72}#websites{background:#eee1be;color:#4a5543}#video{background:#593b54;color:#f6e6cb;margin-top:0;padding-top:55px;padding-bottom:55px;border-top:6px double #d7b579;border-bottom:6px double #d7b579}#video .eyebrow{color:#e9c285;opacity:1}#video .section-head{border-color:#c4a07e}#video .section-head h2{font-size:52px}#video .section-head>p{color:#e7e7ef}.video-links{gap:20px}.video-links a{color:#513448;background:#f5efdf;border:4px double #9d997f;box-shadow:4px 5px 0 #2b202d60;padding:19px 16px}.video-links a:hover{background:#fffaf0;transform:translateY(-2px)}.play{color:#485c73}.about{background:#f5f1e7;color:#593e42;padding-top:70px;padding-bottom:70px}.portrait{background:#f4dbad;border:4px double #a07e4c;box-shadow:6px 7px 0 #65708630}.about .eyebrow{color:#536177}.about .text-link{color:#425c73}footer{background:#f6e8c9;margin:0;padding:27px 6%;border-top:4px double #9f8052;color:#553e49}.footer-monogram{color:#70495c}@media(max-width:1050px){.cabinet{gap:24px}}@media(max-width:760px){.running-head{font-size:11px}.cabinet{gap:22px 15px}.title-block .overline{font-size:11px;letter-spacing:1.4px}.work-section,.link-section{padding:48px 6% 35px}.section-head h2{font-size:35px}#video .section-head h2{font-size:39px}.workshop-vignette{height:200px;width:115%;margin-left:-7.5%;margin-top:-10px}.section-head>p{font-size:16px}#art .section-head:after{right:0;width:130px;height:150px;opacity:.055}.about{padding:55px 8%}.center .catalogue{font-size:11px}}@media(prefers-reduced-motion:reduce){.video-links a:hover{transform:none}}
.workshop-vignette{height:360px}.workshop-vignette img{object-position:center bottom}@media(max-width:760px){.workshop-vignette{height:220px}}
/* Selected revision: full-bleed previews, complete images in the viewer. */
.mat{padding:0;overflow:hidden;aspect-ratio:1.15;display:block}.mat img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;mix-blend-mode:normal}.left .mat img{object-position:center 43%}.right .mat img{object-position:48% 40%}.center{transition:transform .35s}.center:hover,.center:focus-visible{transform:rotate(-1deg) translateY(-4px)}.center:hover img{transform:none}.seal{width:90px;height:90px;font-size:10px;line-height:1.35;right:-28px;top:-27px}.image-button{padding:0;overflow:hidden}.image-button img,.art .image-button img,.workshop .image-button img{object-fit:cover;aspect-ratio:1.15;background:none}.view{padding:13px 8px}.video-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.video-links a.film-card{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;align-items:stretch}.film-picture{position:relative;overflow:hidden}.film-picture img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;transition:transform .4s}.film-card:hover .film-picture img{transform:scale(1.035)}.film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;display:grid;place-items:center;border:2px solid #f9e9c9;border-radius:50%;background:#553346cc;color:#ffefd7;font-size:29px}.film-label{font:11px var(--mono);letter-spacing:1px;margin:17px 18px 8px}.film-title{font-size:20px;line-height:1.25;margin:0 18px 18px}.film-watch{font:12px var(--mono);margin:auto 18px 18px;color:#4d5970}.film-card{min-height:100%}dialog img{object-fit:contain!important;aspect-ratio:auto!important}#design .grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:760px){.video-links,#design .grid{grid-template-columns:1fr}.seal{width:80px;height:80px;right:-19px;font-size:9px}.film-title{font-size:21px}.film-picture img{aspect-ratio:1.6}}@media(prefers-reduced-motion:reduce){.center:hover,.center:focus-visible{transform:none}.film-card:hover .film-picture img{transform:none}}

/* Parchment, dusty blue and plum — the artwork supplies the bright color. */
:root{--paper:#faf7ee;--ink:#394c61;--red:#4b6078;--gold:#c4ac75;--line:#b7ac92}
body{background:#353c50}.page-border{box-shadow:0 0 0 5px #353c50,0 0 0 6px #c5b486}header{border-color:#b8ae96}.brand,h1{color:#424258}.about-link{border-color:#82909e}.opening{isolation:isolate;overflow:hidden;background:#f5f0e5}.opening:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#f5f0e51a,#f5f0e533 60%,#f5f0e5),url('hero-parchment.webp') center/cover no-repeat;opacity:.35;pointer-events:none}.running-head,.title-block .overline,.intro,.browse{color:#4d5b6b}.title-block{background:radial-gradient(ellipse at center,#f5f0e5e6 0%,#f5f0e599 48%,transparent 73%)}.side{background:#f6efdc;border-color:#ab9770}.center{border-color:#7c91a0;box-shadow:inset 0 0 0 6px #cfdae0,inset 0 0 0 7px #8d9fac,5px 6px 0 #69798a25}.exhibit-title{color:#41485a}.seal{background:#dfc991;color:#514936}.chapter-nav{background:#ede5d0;border-color:#aaa086}.chapter-nav a:hover{background:#e2e8e9}.chapter-nav span{color:#58677a}#art{color:#4b4c4a}#design{color:#44485a}#design .image-button{background:#f3edde;border-color:#aa9a76}#workshop{color:#344f66}#workshop .image-button{background:#f2f3ec;border-color:#8d9fa7}#workshop .view{color:#344f66}.workshop-vignette{max-width:1000px;width:100%;height:auto;aspect-ratio:3/1;margin:0 auto 28px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.workshop-vignette img{object-fit:contain;object-position:center;opacity:.8;mix-blend-mode:multiply}
#video{background:#46445e;color:#f6efdc;border-color:#bda97d}#video .eyebrow{color:#ddcba0}#video .section-head>p{color:#eeeadf}.video-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}.video-links a.film-card{display:grid;grid-template-columns:144px minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:18px;padding:14px;background:#f5efdf;color:#41445b;border-color:#b6a786;align-items:start;min-height:150px}.video-links a.film-card:hover{background:#fffaf0}.film-picture{grid-column:1;grid-row:1/4;align-self:center;border:3px double #a99b7b}.film-picture img{aspect-ratio:1.5;height:auto;width:100%}.film-label{grid-column:2;margin:0 0 6px;font-size:10px}.film-title{grid-column:2;margin:0 0 10px;font-size:18px;line-height:1.3}.film-watch{grid-column:2;margin:0;font-size:11px;color:#53627b}.film-play{width:30px;height:30px;font-size:19px;border-width:1px;background:#41445bcc}.about{background:#f5f1e7;color:#444c5d}.portrait{background:#fbf7e9;border-color:#b1a282;box-shadow:6px 7px 0 #65708625}.portrait img{height:clamp(230px,28vw,360px);max-height:none;object-fit:cover;object-position:50% 20%}.about .eyebrow,.about .text-link{color:#475d75}footer{background:#ece5d5;color:#42485b}.footer-monogram{color:#53526c}
@media(max-width:900px){.video-links a.film-card{grid-template-columns:110px minmax(0,1fr);column-gap:12px}.film-title{font-size:17px}}
@media(max-width:760px){.video-links{grid-template-columns:1fr}.video-links a.film-card{grid-template-columns:112px minmax(0,1fr);padding:12px;min-height:132px}.film-title{font-size:17px}.workshop-vignette{width:100%;height:auto;aspect-ratio:2/1;margin:0 auto 24px}.opening:before{background-size:100% auto;background-position:center top;opacity:.3}.portrait img{height:270px;object-position:50% 20%}}
@media(max-width:380px){.video-links a.film-card{grid-template-columns:90px minmax(0,1fr);column-gap:10px}.film-label{font-size:9px}.film-title{font-size:16px}}

/* Full-width chapter strip and more visible illustrated rooms. */
.opening{--opening-gutter:4%;padding-left:var(--opening-gutter);padding-right:var(--opening-gutter)}
.chapter-nav{margin-left:calc(-100% * 4 / 92);margin-right:calc(-100% * 4 / 92)}
.opening:before{background-image:linear-gradient(180deg,#f5f0e5 0%,#f5f0e5eb 5%,#f5f0e533 22%,transparent 40%),url('hero-parchment.webp');background-size:cover;opacity:.7}
.seal{font-size:10px;letter-spacing:0;line-height:1.5;width:102px;height:102px}
#design .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#workshop{position:relative;isolation:isolate;padding-bottom:75px}
#workshop:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#dce5e8d9,transparent 24%),url('workshop-background.webp') center/cover no-repeat;opacity:.62;mix-blend-mode:multiply}
#workshop .section-head{background:linear-gradient(90deg,#dce5e8e6,#dce5e8a6 65%,transparent)}
#workshop .caption{background:#dce5e8de;padding:14px 12px 10px}
@media(max-width:760px){.opening{--opening-gutter:5%}.chapter-nav{margin-left:calc(-100% * 5 / 90);margin-right:calc(-100% * 5 / 90)}.opening:before{background-size:100% 100%;opacity:.65}.seal{width:94px;height:94px;font-size:9px}#design .grid{grid-template-columns:1fr}#workshop:before{background-size:auto 100%;opacity:.55}}

/* Richer blue, a larger central exhibit, and a paper invitation. */
header{background:#abc1ce;border-bottom-color:#708896}.brand,header nav,header .about-link{color:#2f4257}.about-link{background:#f4f0e4;box-shadow:3px 3px 0 #8199a8}
.cabinet{grid-template-columns:1fr 1.28fr 1fr;gap:30px}.center{padding:34px 24px 30px;min-height:495px;display:flex;flex-direction:column;justify-content:center}.center .icon-mat{min-height:270px;padding:12px 22px}.center .icon-mat img{max-width:270px}.center .exhibit-title{font-size:23px}.seal{width:112px;height:112px;font:bold 14px/1.45 var(--mono);letter-spacing:.1px;right:-24px;top:-30px}
.browse{padding:32px 0;margin:0 auto;position:relative;isolation:isolate}.ribbon-label{position:relative;display:inline-flex;align-items:center;gap:16px;padding:14px 25px;background:#f4e7c8;border-top:3px double #ad986c;border-bottom:3px double #ad986c;box-shadow:0 4px 7px #3c35451f;color:#41495c}.ribbon-label:before,.ribbon-label:after{content:'';position:absolute;top:7px;bottom:-8px;width:30px;background:#d9c8a0;z-index:-1}.ribbon-label:before{right:calc(100% - 7px);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,25% 50%)}.ribbon-label:after{left:calc(100% - 7px);clip-path:polygon(0 0,100% 0,75% 50%,100% 100%,0 100%)}
#workshop .section-head,#workshop .caption{background:none}#workshop .caption{padding:14px 0 0}#workshop .grid{grid-template-columns:repeat(3,minmax(0,1fr))}#workshop:before{background-size:100% auto;background-position:center top;background-repeat:repeat-y}#workshop .more-work{border-color:#607889}
@media(max-width:1050px){.cabinet{gap:23px}.center{min-height:450px;padding:30px 18px}.center .icon-mat{min-height:220px;padding:10px}.center .exhibit-title{font-size:21px}.seal{width:104px;height:104px;font-size:13px;right:-17px}}
@media(max-width:760px){.cabinet{grid-template-columns:1fr 1fr}.center{width:85%;min-height:0;padding:30px 22px}.center .icon-mat{min-height:210px;padding:10px 20px}.seal{width:104px;height:104px;font-size:13px;right:-14px;top:-25px}.ribbon-label{padding:13px 14px;font-size:11px;letter-spacing:.5px;gap:8px}.browse{padding:30px 14px}#workshop .grid{grid-template-columns:repeat(2,minmax(0,1fr))}#workshop:before{background-size:auto 850px}}
@media(max-width:460px){#workshop .grid{grid-template-columns:1fr}.seal{width:100px;height:100px;font-size:12px}.center .exhibit-title{font-size:21px}.ribbon-label{font-size:10px;padding:13px 10px;letter-spacing:0}}

/* Ivory surfaces, woodland green ribbon, and face-aware crops. */
header{background:#fcfaf4;border-bottom-color:#c4bdad}.center{background:#fcfaf4;border-color:#b9b7aa;box-shadow:inset 0 0 0 6px #fcfaf4,inset 0 0 0 7px #c5c0af,5px 6px 0 #69798a25}
#art{background:#fcfaf4}#art .section-head:after{content:none}
.ribbon-label{background:#68775d;color:#fffbed;border-color:#bac2a0;box-shadow:0 4px 7px #303c3526}.ribbon-label:before,.ribbon-label:after{background:#495b45}
#design .image-button img{aspect-ratio:16/9;object-fit:cover}
#workshop:before{opacity:.18}#workshop .workshop-last-line{white-space:nowrap}
.image-button[data-project="batman"] img{object-position:50% 15%}
.image-button[data-project="wolverine"] img{object-position:50% 10%}
.image-button[data-project="luke-grogu"] img{object-position:50% 0%}
.image-button[data-project="kratos"] img{object-position:50% 5%}
.image-button[data-project="new-drawing"] img{object-position:50% 18%}
.portrait{background:#fffef8;border-color:#ded8c9;box-shadow:0 0 0 1px #c4baa5,6px 7px 0 #65708625}

/* Woodland navigation, a county-fair rosette, and quiet blue linen. */
header{background:#68775d;border-bottom-color:#b8c1a2}.brand,header nav,header .about-link{color:#fffbed}header nav a:hover{color:#fffbed;border-color:#e1d3a9}header .brand span{border-color:#bec6ad}header .about-link{background:#526449;border-color:#cad0b8;box-shadow:3px 3px 0 #3c5035}header a:focus-visible{outline-color:#fffbed}
.intro-last-line{white-space:nowrap}
#workshop{background-color:#dce5e8;background-image:repeating-linear-gradient(0deg,#536e8008 0,#536e8008 1px,transparent 1px,transparent 4px),repeating-linear-gradient(90deg,#ffffff25 0,#ffffff25 1px,transparent 1px,transparent 5px)}#workshop:before{content:none}
.fair-rosette{width:128px;height:128px;right:-27px;top:-36px;border:0;background:repeating-conic-gradient(from 0deg,#bc9953 0deg 9deg,#e0c78a 9deg 18deg);border-radius:50%;isolation:isolate;box-shadow:0 2px 3px #453c4430;display:grid;place-items:center;transform:rotate(10deg)}
.fair-rosette:before,.fair-rosette:after{content:'';position:absolute;z-index:-1;top:96px;width:35px;height:63px;background:#66765d;border:2px solid #cbb77f;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%)}.fair-rosette:before{left:24px;transform:rotate(13deg)}.fair-rosette:after{right:24px;transform:rotate(-13deg)}
.rosette-face{width:105px;height:105px;border:4px double #94743c;border-radius:50%;background:#f5e8bf;display:flex;flex-direction:column;justify-content:center;align-items:center;font:bold 10px/1.1 var(--mono);letter-spacing:.3px;color:#4e4937;box-shadow:0 0 0 3px #ecd7a0}.rosette-face strong{font:bold 15px/1.1 var(--mono);letter-spacing:1px}.rosette-stars{display:block;font-size:11px;letter-spacing:2px;margin-bottom:5px}
/* The trim retained the old canvas ratio. Restore the earlier artwork proportions in both views. */
.image-button[data-project="new-drawing"] img{transform:scaleY(1.094);transform-origin:50% 18%}
dialog img[src$="character-study-trimmed.webp"]{width:min(100%,51.3986vh);max-width:100%;height:auto;max-height:none;aspect-ratio:980/1430!important;object-fit:fill!important;align-self:center;margin-left:auto;margin-right:auto}
@media(max-width:1050px){.fair-rosette{right:-20px}}
@media(max-width:760px){.fair-rosette{width:116px;height:116px;right:-18px;top:-32px}.rosette-face{width:96px;height:96px;font-size:9px}.rosette-face strong{font-size:14px}.fair-rosette:before,.fair-rosette:after{top:87px;height:57px;width:30px}}

/* Keep transformed artwork behind its label and preserve woodland proportions. */
.image-button[data-project="new-drawing"] .view{position:relative;z-index:1;background:#ead6ab}
header{background:#526449}header .about-link{background:#68775d;box-shadow:3px 3px 0 #3c5035}
.opening:before{background-size:cover;background-position:center center}
@media(max-width:760px){.opening:before{background-size:auto 100%;background-position:center center}}

/* Center the award lettering and let the ribbon tails reach the app icon. */
.rosette-face{position:relative;text-align:center}.rosette-words{display:block;transform:translateY(-3px);line-height:1.2}.rosette-words strong{display:block;margin-top:4px}.rosette-stars{position:absolute;bottom:8px;left:0;right:0;margin:0;font-size:9px;line-height:1;letter-spacing:2px}
.fair-rosette:before,.fair-rosette:after{height:116px}.fair-rosette:before{transform:rotate(18deg)}.fair-rosette:after{transform:rotate(-10deg)}
.image-button[data-project="noexcuses"] img,.image-button[data-project="social-easterday"] img{object-position:center bottom}
@media(max-width:760px){.fair-rosette:before,.fair-rosette:after{height:102px}.rosette-stars{bottom:7px;font-size:8px}}

/* Cast the clipped ribbon tails' silhouette onto the artwork beneath. */
.fair-rosette{filter:drop-shadow(3px 6px 3px #28352566) drop-shadow(0 2px 1px #28352533)}

/* Pin the prize to the upper-left edge, clear of the app illustration. */
.fair-rosette{left:-35px;right:auto;top:-43px;transform:rotate(-12deg)}
.fair-rosette:before,.fair-rosette:after{height:48px}
.fair-rosette:before{transform:rotate(12deg)}.fair-rosette:after{transform:rotate(-12deg)}
@media(max-width:1050px){.fair-rosette{left:-27px;right:auto;top:-43px}}
@media(max-width:760px){.fair-rosette{left:-23px;right:auto;top:-39px}.fair-rosette:before,.fair-rosette:after{height:42px}}

/* Give the award ribbon more breathing room without moving the exhibits. */
.title-block{transform:translateY(-14px)}
.left{transform:rotate(-5deg)}.right{transform:rotate(5deg)}
@media(max-width:760px){.title-block{transform:translateY(-10px)}.left{transform:rotate(-4deg)}.right{transform:rotate(4deg)}}
/* App collections lead with a compact, uncropped icon gallery. */
.app-icon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;text-align:center}.app-icon-grid figure{margin:0;min-width:0}.app-icon-grid img,dialog .app-icon-grid img{display:block;width:100%;max-width:180px;height:auto;aspect-ratio:1!important;object-fit:contain!important;margin:0 auto;filter:drop-shadow(0 7px 7px #453c4426)}.app-icon-grid figcaption{font:13px/1.5 var(--mono);margin-top:12px}.modal-icons{grid-template-columns:repeat(2,minmax(0,1fr));max-width:500px;margin:28px auto 35px}dialog .modal-icons img{max-height:none}.image-button[href]{display:block}
@media(max-width:460px){.app-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.modal-icons{gap:20px}}

/* Ownership context for archived app projects. */
dialog .project-ownership-note{max-width:none;margin:22px 0 26px;padding-top:12px;border-top:1px solid #b5a98a;color:#626252}
dialog .project-ownership-note span{font:9px/1.5 var(--mono);letter-spacing:1px}
dialog .project-ownership-note p{font:13px/1.6 Georgia,serif;margin:5px 0 0;text-wrap:pretty}

.project-video{margin:32px 0 10px;padding-top:24px;border-top:1px solid var(--line)}
.project-video h3{font-weight:normal;font-size:28px;margin:0 0 8px}
.project-video iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#172c29;margin:18px 0 12px}

.project-video-poster{display:block;position:relative;width:100%;padding:0;border:0;margin:18px 0 12px;background:#172c29;cursor:pointer;overflow:hidden}
dialog .project-video-poster img{display:block;width:100%;height:auto;max-height:none;margin:0;aspect-ratio:16/9!important;object-fit:contain!important}
.project-video-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:70px;height:70px;padding-left:4px;border:2px solid #fff5df;border-radius:50%;color:#fff5df;background:#193c35e6;box-shadow:0 4px 20px #0005;font-size:28px}
.project-video-poster:hover .project-video-play{background:#193c35}