:root{--paper:#f7f4ed;--ink:#192c25;--olive:#285442;--teal:#376951;--red:#b34e2d;--gold:#d2b567;--line:rgba(40,84,66,.2);--brand-gold:#927222}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55;letter-spacing:0}body:has(dialog[open]){overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #246fd0;outline-offset:6px}img{display:block;width:100%;height:auto}svg{width:20px;height:20px;stroke-width:1.5;flex-shrink:0}p,h1,h2,h3{margin:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:0}h2{font-size:48px;line-height:1.04}em{font-weight:400}p{max-width:43ch}button:disabled{opacity:.4;cursor:default}.eyebrow{display:block;font-size:13px;line-height:1.4}.skip{position:fixed;left:16px;top:-100px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.icon-button{width:44px;height:44px;display:inline-grid;place-items:center;border-radius:50%;transition:background .25s}.icon-button:hover{background:rgba(128,128,128,.16)}
.masthead{height:122px;margin:0 5.7%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:2}.index-button{display:flex;gap:12px;align-items:center;width:fit-content;padding:12px 0;font-size:15px}.brand{justify-self:center;width:125px}.brand img{height:90px;object-fit:contain}.header-right{justify-self:end;display:flex;align-items:center;gap:22px;font-size:13px}.hero{height:calc(88svh - 122px);min-height:520px;max-height:760px;position:relative;display:grid;grid-template-columns:1fr 3fr 1fr;align-items:center;padding:10px 5.7% 100px;overflow:hidden}.hero-center{text-align:center;position:relative}.hero h1{font-size:174px;line-height:.91}.hero h1 span{display:block;animation:title-in 1.4s cubic-bezier(.16,1,.3,1) both}.hero h1 span+span{animation-delay:.17s}.hero-center>p{max-width:none;margin-top:28px;font-size:14px;animation:fade-in 1.8s both}.hero-note{font-size:19px;line-height:1.35;animation:fade-in 1.8s both}.hero-note.right{text-align:right;justify-self:end}.enter{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;font-size:13px;white-space:nowrap}.enter svg{animation:nudge 2.8s ease-in-out infinite}
.mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;max-width:1920px;margin:auto}.tile{position:relative;min-width:0;overflow:hidden;padding:46px 40px;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.tile .eyebrow{margin-bottom:30px}.tile p{margin-top:24px}.tile .text-link{margin-top:auto;padding-top:34px}.text-link{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:44px;font-size:14px;width:100%;text-align:left}.text-link svg{transition:transform .35s}.text-link:hover svg{transform:translateX(6px)}.story{grid-column:span 2;min-height:430px;padding-left:11.4%;padding-right:11.4%}.story h2{font-size:64px}.story p{max-width:47ch}.village{grid-column:span 2;min-height:430px}.mission{grid-column:span 2;background:var(--olive);color:var(--paper);min-height:380px;padding-left:11.4%;padding-right:11.4%}.mission h2{font-size:58px}.mission .eyebrow{margin-bottom:22px}.mission p{max-width:44ch}.learning{background:var(--gold);min-height:380px}.learning h2{font-size:43px}.making{min-height:380px}.image-tile{padding:0;display:block;background:#d8d3c7}.image-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.045) translate(var(--pointer-x,0px),var(--pointer-y,0px));transition:transform 1.25s cubic-bezier(.2,.7,.2,1)}.image-tile:hover>img,.image-tile:focus-visible>img{transform:scale(1.1) translate(var(--pointer-x,0px),var(--pointer-y,0px))}.image-label{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 28px 20px;color:white;background:linear-gradient(transparent,rgba(0,0,0,.74));font-size:14px;transform:translateY(100%);transition:transform .45s}.image-tile:hover .image-label,.image-tile:focus-visible .image-label{transform:translateY(0)}.landscape{grid-column:span 3;min-height:510px}.nature{background:#384348;color:#fff;min-height:510px}.nature h2{font-size:48px}.portrait{background:var(--teal);justify-content:center;align-items:center;min-height:400px;padding:32px}.portrait-window{display:block;width:100%;max-width:225px;aspect-ratio:1;border-radius:50%;overflow:hidden;animation:float 7s ease-in-out infinite}.portrait-window img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;transform:scale(1.15);transition:transform 1.4s}.portrait:hover img{transform:scale(1.35) rotate(-3deg)}.portrait-label{font-size:14px;color:white;margin-top:32px;display:flex;gap:18px;align-items:center}.details-tile{background:var(--red);color:var(--paper);min-height:400px}.details-tile h2{font-size:43px}.daynight{grid-column:span 2;min-height:400px}
.collection{padding:65px 5.7% 40px;max-width:1920px;margin:auto}.collection-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:20px}.collection-heading h2{font-size:42px}.collection-heading>span:last-child{font-size:13px;min-width:52px;text-align:right}.collection-stage{height:450px;overflow:hidden;background:#ece7dc}.collection-stage button{width:100%;height:100%;padding:0;display:block}.collection-stage img{width:100%;height:100%;object-fit:contain;transition:opacity .3s,transform 1s}.collection-stage:hover img{transform:scale(1.025)}.collection-foot{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:20px;margin-top:12px}.collection-foot p{text-align:center;max-width:none;font-size:14px}.collaborate{display:grid;grid-template-columns:1fr 1.5fr 1.5fr;gap:32px;align-items:center;padding:70px 5.7%;border-top:1px solid var(--line);max-width:1920px;margin:auto}.collaborate h2{font-size:72px}.collaborate .text-link{margin-top:24px}footer{margin:0 5.7%;padding:25px 0 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px}footer>a{display:flex;gap:18px;align-items:center}footer>p{max-width:none}.credit-link{text-decoration:underline;text-underline-offset:4px;font-size:12px;padding:10px 0}
dialog{border:0;color:var(--ink);padding:0;background:var(--paper);max-width:100%;max-height:100svh}dialog::backdrop{background:rgba(17,21,18,.56);backdrop-filter:blur(3px)}dialog[open]{animation:dialog-in .45s cubic-bezier(.16,1,.3,1)}.index-dialog{margin:0;position:fixed;inset:0 auto 0 0;width:560px;height:100svh;background:var(--olive);color:var(--paper);padding:38px 45px}.index-dialog[open]{display:flex;flex-direction:column;animation:drawer-in .65s cubic-bezier(.16,1,.3,1)}.index-top{display:flex;align-items:center;justify-content:space-between;font-size:13px}.index-dialog nav{margin:auto 0;display:grid}.index-dialog nav a{font:44px/1.15 Georgia,serif;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.2);display:flex;gap:24px;align-items:center;transition:padding .3s}.index-dialog nav a:hover{padding-left:12px}.index-dialog nav span{font:12px Arial,sans-serif}.index-dialog>p{font-size:13px}.story-dialog{width:760px;padding:65px 60px;max-height:88svh;overflow:auto}.dialog-close{position:absolute;right:16px;top:16px}.story-dialog h2{font-size:58px;margin:28px 0 32px;max-width:12ch}.story-dialog h3{font:26px/1.2 Georgia,serif;margin:28px 0 12px}.story-dialog p{max-width:60ch;margin:14px 0}.story-dialog a{text-decoration:underline;text-underline-offset:4px}.story-dialog .tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:24px}.tabs button{font-size:14px;padding:14px 0;border-bottom:2px solid transparent}.tabs button[aria-selected=true]{border-color:var(--ink)}.art-dialog{width:100%;height:100svh;margin:0;background:#181c19;color:var(--paper);overflow:hidden}.art-dialog[open]{display:grid;grid-template-rows:66px minmax(0,1fr) 76px}.art-toolbar,.art-bottom{display:flex;align-items:center;justify-content:space-between;padding:12px 28px;font-size:14px;gap:16px}.art-dialog>img{width:100%;height:100%;object-fit:contain;padding:12px 5%}.art-bottom p{text-align:center;max-width:none}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(35px);transition:opacity .85s ease,transform 1.1s cubic-bezier(.16,1,.3,1)}.js-motion .reveal.visible{opacity:1;transform:none}.motion-paused *{animation-play-state:paused!important}.motion-paused .reveal{opacity:1;transform:none;transition:none}.motion-paused .image-tile>img{transform:scale(1.045)!important}.motion-paused .portrait-window img,.motion-paused .collection-stage img{transform:none!important}
@keyframes title-in{from{opacity:0;transform:translateY(65px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes drawer-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes dialog-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero h1{font-size:200px}.tile{padding:52px}.story,.mission{padding-left:11.4%;padding-right:11.4%}.image-tile{padding:0}.portrait{padding:40px}.landscape,.nature{min-height:580px}}
@media(max-width:1100px){.hero h1{font-size:140px}.hero-note{font-size:15px}.tile{padding:30px 25px}.image-tile{padding:0}.story h2{font-size:52px}.mission h2{font-size:50px}.learning h2,.details-tile h2{font-size:34px}.nature h2{font-size:38px}.tile p{font-size:15px}.landscape,.nature{min-height:450px}.collaborate h2{font-size:60px}}
@media(max-width:760px){.masthead{height:92px;margin:0 6%}.brand{width:104px}.brand img{height:74px}.header-right{gap:8px}.header-right>span{display:none}.hero{height:calc(87svh - 92px);min-height:460px;max-height:660px;padding:35px 6% 90px;grid-template-columns:1fr 1fr;align-content:center;gap:24px}.hero-center{grid-column:1/-1;grid-row:1}.hero h1{font-size:116px}.hero-center>p{font-size:12px;margin-top:24px}.hero-note{font-size:13px}.hero-note.left{grid-column:1;grid-row:2}.hero-note.right{grid-column:2;grid-row:2}.enter{font-size:12px;bottom:24px;gap:12px}.mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.story{grid-column:1/-1;min-height:350px;padding:36px 7%}.story h2{font-size:54px}.tile .eyebrow{margin-bottom:22px}.tile p{font-size:16px}.tile .text-link{padding-top:25px}.village{grid-column:1/-1;min-height:320px}.mission{grid-column:1/-1;min-height:370px;padding:36px 7%}.mission h2{font-size:48px}.learning,.making{min-height:350px}.learning{padding:30px 22px}.learning h2{font-size:34px}.learning p{font-size:14px}.learning .text-link{font-size:12px;gap:10px}.landscape{grid-column:1/-1;min-height:330px}.nature{grid-column:1/-1;min-height:330px;padding:36px 7%}.nature h2{font-size:48px}.nature h2 br:nth-child(2){display:none}.nature p{max-width:45ch}.portrait,.details-tile{min-height:350px;padding:28px 20px}.details-tile h2{font-size:31px}.details-tile p{font-size:14px}.details-tile .text-link{font-size:12px;gap:8px}.portrait-label{font-size:12px;gap:8px}.daynight{grid-column:1/-1;min-height:290px}.image-label{transform:none;padding:28px 20px 14px;font-size:12px}.collection{padding:40px 6% 28px}.collection-heading{flex-wrap:wrap;gap:12px;margin-bottom:24px}.collection-heading .eyebrow{flex-basis:100%;font-size:12px}.collection-heading h2{font-size:36px}.collection-stage{height:280px}.collection-foot p{font-size:12px}.collaborate{grid-template-columns:1fr;padding:40px 7%;gap:28px}.collaborate h2{font-size:65px}.collaborate h2 br{display:none}footer{margin:0 7%;flex-wrap:wrap;gap:12px;padding:24px 0}footer>p{order:3;width:100%;font-size:12px}.index-dialog{width:min(90%,480px);padding:25px}.index-dialog nav a{font-size:34px;gap:16px}.story-dialog{width:92%;padding:50px 26px;max-height:88svh}.story-dialog h2{font-size:43px}.art-toolbar,.art-bottom{padding:10px 12px}.art-bottom p{font-size:12px}.art-dialog>img{padding:4px}.tabs{gap:15px!important}}
@media(max-width:360px){.hero h1{font-size:98px}.hero{min-height:440px}.index-button{gap:6px}.learning h2{font-size:29px}.details-tile h2{font-size:27px}.learning,.details-tile{padding:26px 16px}.portrait{padding:22px 14px}.portrait-label{flex-direction:column}.collaborate h2{font-size:56px}}
.hero h1{font-family:'Times New Roman',Georgia,serif}.hero-center{transform:translateY(var(--hero-shift,0px));will-change:transform}.landscape>img{object-position:center calc(50% + var(--landscape-shift,0px))}.collaborate>*{min-width:0}
@media(max-width:760px){.collaborate h2 br{display:initial}.nature h2 br:nth-child(2){display:initial}}
/* Intrinsic logo dimensions stay unchanged at every breakpoint. */
.brand{width:125px;min-width:0;display:block}.brand img{width:100%;height:auto;aspect-ratio:641/408;object-fit:contain}
.hero{grid-template-columns:minmax(120px,1fr) minmax(0,4fr) minmax(120px,1fr);min-height:570px;padding-bottom:88px}
.hero h1{font-size:112px;line-height:1.04}.hero h1 span:first-child{color:var(--olive)}.hero h1 span:nth-child(2){color:var(--red)}.hero h1 span:nth-child(3){color:var(--brand-gold);animation-delay:.32s}.hero-center>p{margin-top:24px;color:var(--olive)}.hero-note{font-size:16px}.nature{background:var(--olive)}
.exhibition-note{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding:16px 0 24px;font-size:14px}.exhibition-note p{max-width:none;color:var(--olive)}.exhibition-note>span{font-size:12px;color:#595e56}
.site-footer{display:block;margin:0;padding:0;border-top:0;background:#eee9dc;position:relative}.site-footer::before{content:'';display:block;height:5px;background:linear-gradient(to right,var(--olive) 0 34%,var(--red) 34% 67%,var(--gold) 67% 100%)}
.footer-main{display:grid;grid-template-columns:1fr 2fr 1fr;gap:56px;padding:56px 5.7%;max-width:1920px;margin:auto;align-items:start}.footer-identity>a{display:block;width:155px;max-width:100%}.footer-identity img{width:100%;height:auto;aspect-ratio:641/408;object-fit:contain}.footer-identity p{margin-top:20px;color:var(--olive);font-size:14px}.footer-message .eyebrow{color:var(--red);font-size:13px}.footer-message h2{font-size:40px;color:var(--olive);margin:18px 0}.footer-message p{font-size:14px;max-width:42ch}.footer-nav{display:grid;gap:0}.footer-nav a{padding:12px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px}.footer-nav a:first-child{padding-top:0}.footer-nav svg{width:16px;height:16px}.footer-bottom{padding:22px 5.7%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--olive);color:var(--paper);font-size:12px}.footer-bottom p{max-width:none}.footer-bottom a{display:flex;align-items:center;gap:14px}.footer-nav a:hover{color:var(--red)}
@media(min-width:1600px){.hero h1{font-size:136px}}
@media(max-width:1100px){.hero h1{font-size:86px}.hero-note{font-size:14px}.footer-main{gap:28px}.footer-message h2{font-size:34px}}
@media(max-width:760px){.brand{width:108px}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:485px;padding:24px 6% 86px;gap:30px}.hero h1{font-size:76px;line-height:1.1}.hero-note{font-size:13px}.hero-center>p{font-size:13px;margin-top:24px}.exhibition-note{display:block;padding:16px 0 20px}.exhibition-note p{font-size:13px}.exhibition-note>span{display:block;margin-top:6px}.footer-main{grid-template-columns:1fr 1fr;padding:36px 7%;gap:30px 24px}.footer-identity>a{width:135px}.footer-message{grid-column:1/-1;grid-row:1}.footer-message h2{font-size:38px}.footer-message p{max-width:40ch}.footer-bottom{flex-wrap:wrap;padding:20px 7%;gap:14px;justify-content:space-between}.footer-bottom p{order:3;flex-basis:100%}.footer-nav a{font-size:13px;gap:10px}.footer-identity p{font-size:13px}}
@media(max-width:480px){.hero h1{font-size:60px}.hero{min-height:465px}.footer-message h2{font-size:34px}}
@media(max-width:360px){.hero h1{font-size:49px}.brand{width:98px}.hero-note{font-size:12px}.hero{min-height:430px}.footer-message h2{font-size:29px}.footer-identity>a{width:112px}}
/* Artwork carries the color; the surrounding exhibition furniture stays neutral. */
.index-dialog,.nature,.details-tile,.footer-bottom{background:#161616;color:#f8f7f3}.index-dialog nav a{border-color:#424242}.mission,.learning,.portrait{background:#eeede8;color:#191919}.learning{background:#f7f6f2}.portrait-label{color:#191919}.site-footer{background:#f1f0eb}.site-footer::before{height:1px;background:#bcbcb5}.footer-message .eyebrow,.footer-message h2,.footer-identity p,.footer-nav a,.exhibition-note p{color:#222}.footer-nav a:hover{color:var(--red)}
.sound-toggle{display:flex;align-items:center;gap:10px;min-width:44px;min-height:44px;padding:8px 0;font-size:13px;color:#171717}.sound-toggle svg{width:18px;height:18px}.sound-panel{position:fixed;top:105px;right:5.7%;z-index:8;display:flex;align-items:center;gap:12px;background:#171717;color:#fff;padding:7px 10px 7px 18px;box-shadow:0 5px 20px #0002}.sound-panel[hidden]{display:none}.sound-panel input{width:100px;accent-color:#fff}.sound-status{position:fixed;right:20px;bottom:20px;z-index:20;background:#171717;color:#fff;font-size:14px;padding:12px 18px}.sound-status:empty{display:none}
.hero{grid-template-columns:minmax(0,1fr) minmax(0,3.7fr) minmax(0,1fr);gap:20px}.hero-art{width:100%;max-width:175px}.hero-art button{display:block;width:100%;height:205px;padding:0;margin-bottom:24px;overflow:hidden;animation:float 8s ease-in-out infinite}.hero-art.left button{border-radius:48% 48% 44% 44%;transform:rotate(-5deg)}.hero-art.right button{border-radius:48% 48% 0 0;animation-delay:-4s}.hero-art img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s}.hero-art.left img{object-position:50% 30%}.hero-art.right img{object-position:68% 50%}.hero-art button:hover img{transform:scale(1.13)}.hero-art p{font-size:13px;line-height:1.45}.hero h1{font-size:106px}.hero-note.right p{text-align:right}
.mission{padding:0;display:grid;grid-template-columns:1.3fr 1fr;gap:0}.mission-copy{padding:40px 28px 35px 40px;display:flex;flex-direction:column}.mission h2{font-size:46px}.mission-copy p{font-size:15px}.mission .text-link{padding-top:28px}.mission-art{padding:0;overflow:hidden;height:100%;min-height:380px}.mission-art img{height:100%;width:100%;object-fit:cover;object-position:40% 50%;transition:transform 1.3s}.mission-art:hover img{transform:scale(1.08)}
@media(min-width:1600px){.hero h1{font-size:130px}.hero-art{max-width:210px}.hero-art button{height:260px}}
@media(max-width:1100px){.hero h1{font-size:80px}.hero-art button{height:155px}.mission h2{font-size:36px}.mission-copy{padding:30px 22px}.mission{grid-template-columns:1.5fr 1fr}}
@media(max-width:760px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;padding-top:25px;padding-bottom:74px;height:auto;min-height:560px;max-height:none}.hero h1{font-size:76px}.hero-art{max-width:none;width:100%;display:flex;align-items:center;gap:12px}.hero-art button{width:68px;height:88px;flex-shrink:0;margin:0}.hero-art p{font-size:11px}.hero-art.right{flex-direction:row-reverse}.hero-note.right p{text-align:right}.hero-center{grid-column:1/-1;margin-bottom:8px}.hero-center>p{margin-top:18px}.enter{bottom:20px}.sound-panel{top:84px;right:6%}.mission-copy{padding:30px 24px}.mission h2{font-size:38px}.mission-art{min-height:360px}.mission{grid-template-columns:1.45fr 1fr}.footer-bottom{gap:12px}.footer-bottom #motion-toggle{margin-left:auto}.footer-bottom>a{font-size:12px}}
@media(max-width:480px){.hero h1{font-size:60px}.hero-art{display:block;text-align:center}.hero-art button{width:80px;height:95px;margin:0 auto 12px}.hero-art p,.hero-note.right p{text-align:center;font-size:12px}.hero{min-height:590px;gap:12px;padding-bottom:62px}.hero-center{margin-bottom:0}.sound-toggle span{display:none}.sound-toggle{justify-content:center}.mission h2{font-size:34px}}
@media(max-width:360px){.hero h1{font-size:49px}.hero{min-height:540px}.hero-art button{width:64px;height:78px}.hero-art p{font-size:11px}.mission h2{font-size:29px}.mission-copy{padding:26px 18px}.mission-copy p{font-size:14px}.mission .text-link{font-size:12px;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.image-tile>img{transform:none!important}.hero-center{transform:none}}