/* One material language: charcoal, aged brass, warm paper. */
:root{--ux-dark:#101817;--ux-black:#080e0e;--ux-brass:#b79b65;--ux-paper:#eee9df;--ux-line:#a488574d;--sans:Arial,-apple-system,BlinkMacSystemFont,sans-serif}
.ux-site{background:var(--ux-paper);color:#242c28}.ux-site button,.ux-site select,.ux-site input{font-family:var(--sans)}.ux-site a:focus-visible,.ux-site button:focus-visible,.ux-site select:focus-visible,.ux-site canvas:focus-visible{outline:2px solid #b89856;outline-offset:5px}.ux-site .hero[hidden]{display:none!important}
.ux-site .mast{background:#0e1615;padding:24px max(25px,calc((100vw - 1320px)/2));min-height:80px;border-bottom:1px solid #9e845c42;box-shadow:none}.ux-site .site-label{font-family:Georgia,serif;font-weight:400;font-size:22px;letter-spacing:.035em;text-transform:none;color:#f5efe2}.ux-site .mast .author{font:10px Arial;letter-spacing:.15em;color:#c6b590}.ux-site .site-tools{background:#0e1615;padding:10px max(25px,calc((100vw - 1320px)/2));font:11px Arial}.ux-site .language-control select{min-height:32px;font:11px Arial;background:#1b2521}.ux-site .chapter-nav{background:#14201c;padding:8px max(25px,calc((100vw - 1320px)/2));border-bottom:1px solid #b79b6554}.ux-site .chapter-nav ul{gap:34px;flex-wrap:wrap}.ux-site .chapter-nav a,.ux-workshop-link{font:11px/1.5 Arial;color:#e4ddcd;letter-spacing:.055em}.ux-workshop-link{background:none;border:0;cursor:pointer;padding:10px 0}.ux-site .chapter-nav a:hover,.ux-workshop-link:hover{color:#d6b475}
.ux-opening{margin:0;position:relative;background:var(--ux-dark);color:#f3eddd}.ux-scene{position:relative;height:680px;min-height:550px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 70% 30%,#525a4d,#121b18 70%)}.ux-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y}.ux-fallback-art{display:none;position:absolute;inset:0 0 0 auto;width:60%;height:100%;object-fit:contain;opacity:.65}.ux-scene[data-render=fallback] .ux-canvas{display:none}.ux-scene[data-render=fallback] .ux-fallback-art{display:block}.ux-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#07100ff2 0%,#091411d4 22%,#111d1766 45%,transparent 77%),linear-gradient(0deg,#0b1415c7,transparent 30%);z-index:1}.ux-scene-top{position:absolute;left:6%;right:6%;top:30px;z-index:3;display:flex;justify-content:space-between;gap:20px;pointer-events:none;font:9px/1.5 Arial;letter-spacing:.18em;color:#dfd3b8}.ux-render-status{white-space:nowrap;font-size:8px}.ux-render-status:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:#c0ba83;margin-right:8px}
.ux-hero-copy{position:relative;z-index:2;width:50%;max-width:710px;padding:107px 0 110px max(35px,calc((100vw - 1260px)/2));pointer-events:none}.ux-kicker{font:600 10px/1.6 Arial!important;letter-spacing:.18em;text-transform:uppercase;color:var(--ux-brass);margin:0 0 24px!important}.ux-hero-copy h1{font:400 clamp(52px,5.4vw,84px)/1.03 StemDisplay,Georgia,serif;letter-spacing:-.042em;margin:0 0 28px;max-width:600px;color:#f6f0e3;text-wrap:balance}.ux-deck{font:14px/1.9 Arial;color:#d0d3c9;max-width:370px;margin:0 0 31px}.ux-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;pointer-events:auto}.ux-primary{display:inline-flex;justify-content:space-between;gap:35px;align-items:center;background:#e5ddcb;color:#19231e!important;border:1px solid #e5ddcb;padding:17px 22px;min-height:48px;box-sizing:border-box;text-decoration:none;font:600 11px/1.4 Arial!important;cursor:pointer}.ux-primary:hover{background:#fff8e8}.ux-secondary{color:#ded5c1;background:none;border:0;border-bottom:1px solid #9a8768;padding:12px 0;font:11px Arial;cursor:pointer}.ux-symbolic{position:absolute;z-index:2;right:5%;bottom:100px;font:42px/1 Georgia,serif;color:#dacfb5;letter-spacing:-.06em;pointer-events:none}.ux-symbolic small{display:block;max-width:190px;margin-top:14px;font:9px/1.8 Arial;text-align:right;letter-spacing:0;color:#d4d1bc}.ux-scene-controls{display:flex;gap:8px;position:absolute;left:6%;bottom:24px;z-index:3}.ux-scene-controls button{min-height:43px;padding:9px 14px;background:#111b17a8;color:#e4ddc9;border:1px solid #a48d5c4f;backdrop-filter:blur(10px);font:10px/1.5 Arial;cursor:pointer}.ux-scene-controls button[aria-pressed=true]{border-color:#c2aa73;color:#fff}.ux-scene.is-exploring .ux-hero-copy{opacity:.23}.ux-scene.is-exploring .ux-canvas{z-index:2}.ux-scene.is-exploring .ux-vignette{opacity:.3}.ux-scene.is-exploring .ux-scene-controls{z-index:4}.ux-art-focus .ux-hero-copy{opacity:.05}.ux-art-focus .ux-vignette{opacity:.05}
.ux-room-nav{display:grid;grid-template-columns:repeat(5,1fr);max-width:1320px;margin:auto;background:#111c18;border-bottom:1px solid var(--ux-line)}.ux-room-nav button{position:relative;min-height:86px;padding:20px 24px;background:none;border:0;border-right:1px solid var(--ux-line);text-align:left;color:#d3cdbc;cursor:pointer}.ux-room-nav button:first-child{border-left:1px solid var(--ux-line)}.ux-room-nav button[aria-current=step]:after{content:'';position:absolute;bottom:0;left:20px;right:20px;height:2px;background:#c5ac76}.ux-room-nav button[aria-current=step]{background:#8e724b18;color:#fff2da}.ux-room-nav small{display:block;font:8px Arial;letter-spacing:.18em;color:#ac9470;margin-bottom:9px}.ux-room-nav span{font:17px Georgia,serif}
.ux-invitation{display:grid;grid-template-columns:1fr 1fr;gap:24px 70px;max-width:1150px;margin:0 auto;padding:95px 30px 65px}.ux-invitation .ux-kicker{grid-column:1/-1;margin:0!important}.ux-invitation h2,.ux-workshop-teaser h2{font:400 clamp(32px,3.5vw,54px)/1.08 StemDisplay,Georgia,serif;letter-spacing:-.035em;margin:0}.ux-invitation>p:not(.ux-kicker){font:14px/1.9 Arial;max-width:440px;color:#555d53;margin:0}.ux-invitation>a{grid-column:2;font:11px Arial;letter-spacing:.04em;color:#5d4827;text-decoration:none;border-bottom:1px solid #ac926854;padding-bottom:13px;justify-self:start}
.ux-art-ribbon{max-width:1200px;margin:0 auto 85px;padding:0 30px}.ux-ribbon-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.ux-ribbon-heading .ux-kicker{margin:0!important;color:#6a593b}.ux-ribbon-heading button{background:none;border:1px solid #bfb8a5;min-width:42px;min-height:40px;color:#25332d;font:11px Arial;cursor:pointer}.ux-art-track{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.ux-art-card{padding:0;border:0;background:transparent;text-align:left;cursor:pointer;color:#24312b;min-width:0}.ux-art-image{display:block;height:410px;background:#111a18;padding:12px;box-sizing:border-box;box-shadow:0 18px 25px #1a19111c;border:1px solid #9e885858;transition:transform .65s ease}.ux-art-card:hover .ux-art-image{transform:translateY(-6px)}.ux-art-image img{height:100%;width:100%;object-fit:contain;display:block}.ux-art-caption{position:relative;display:block;padding:20px 28px 15px 0}.ux-art-caption small{font:8px Arial;letter-spacing:.12em;color:#736953}.ux-art-caption strong{display:block;font:21px/1.2 StemDisplay,Georgia,serif;margin-top:9px;font-weight:400}.ux-art-caption>span{position:absolute;right:0;top:35px;color:#8b7347}.ux-art-credit{border-top:1px solid #c4bdaa;padding-top:18px;margin-top:16px;font:10px/1.7 Arial!important;color:#6a675b}.ux-art-credit span{float:right;font-size:9px}
.ux-site .page{border-top:1px solid #aa8b57;box-shadow:none;background:#f9f6ed;margin-top:60px;margin-bottom:60px}.ux-site .page p{font-family:Georgia,serif;line-height:1.85;font-size:18px}.ux-site .page .byline{font:10px/1.5 Arial}.ux-site .resource-page p,.ux-site .community p{font:14px/1.8 Arial}.ux-site .page h2{font-family:StemDisplay,Georgia,serif}.ux-site .share{margin:45px auto 65px;border-top:1px solid #c6bba4;padding-top:27px}.ux-site .share button,.ux-site .share a{font:10px Arial;border-color:#bfb69e}.ux-site .hero:not([hidden]){min-height:300px;background:linear-gradient(115deg,#0e1917,#27382c);border-bottom:1px solid #a38753;padding-top:55px;padding-bottom:55px}.ux-site .hero h1{font-size:clamp(42px,5vw,70px);font-family:StemDisplay,Georgia,serif;font-weight:400;max-width:900px}.ux-site .hero .deck{font:14px/1.8 Arial;max-width:650px}.ux-site .hero .reader-start{display:none}.ux-site .hero .visual-credit{display:none}.ux-site .community{max-width:none}.ux-site .pt-guide{max-width:1200px;margin:65px auto;background:#e7e1d3;border:1px solid #b49b6e;padding:45px;box-shadow:none}.ux-site .pt-stage{background:#18251e;border-color:#b49b6e;color:#ede6d5}.ux-site .pt-stage p,.ux-site .pt-stage h3{color:#ede6d5}.ux-site .pt-choices{gap:8px}.ux-site .pt-choice{border-radius:0}.ux-workshop-teaser{max-width:1200px;box-sizing:border-box;padding:58px;display:grid;grid-template-columns:1fr 1fr;gap:80px;margin:70px auto;background:#14201c;color:#eee6d3;border:1px solid #b29765}.ux-workshop-teaser p:not(.ux-kicker){font:14px/1.9 Arial;color:#c3c7b8;margin-top:0}.ux-workshop-teaser small{display:block;font:9px/1.8 Arial;color:#adb49f;margin-top:18px}.ux-site .follow-box{background:#14201c;border-left-color:#a99463}.ux-site .footer{font:11px/1.8 Arial;border-color:#b5a885}
.ux-gallery-room{padding:0;margin:30px -56px 50px;background:#101b18;color:#eee5d2;box-shadow:0 25px 70px #151c1820}.ux-gallery-room>header{padding:40px 44px;display:flex;gap:60px;align-items:end;justify-content:space-between}.ux-gallery-room h2{font:400 clamp(32px,4vw,50px)/1.05 StemDisplay,Georgia,serif;margin:0;color:#efe8d9}.ux-gallery-room header .ux-kicker{margin-bottom:12px!important}.ux-gallery-room header>p{max-width:330px;font:12px/1.8 Arial!important;color:#b4bead}.ux-gallery-scene{height:540px;min-height:400px}.ux-gallery-scene .ux-vignette{background:linear-gradient(0deg,#0e1916b3,transparent 25%,transparent 90%,#0c1714b3)}.ux-gallery-scene .ux-scene-top{top:22px}.ux-gallery-scene .ux-fallback-art{width:100%;opacity:1}.ux-art-selector{display:flex;align-items:center;gap:12px;padding:24px 30px;border-top:1px solid var(--ux-line);flex-wrap:wrap}.ux-art-selector label{display:flex;align-items:center;gap:15px;font:10px Arial;flex:1}.ux-art-selector select{width:100%;min-width:0;max-width:450px;background:#1b2b22;color:#ece4d0;border:1px solid #8e7d58;padding:12px;font:12px Arial}.ux-art-selector button{color:#e8e0cd;background:none;border:1px solid #8d7f5c;min-width:40px;min-height:42px;padding:10px 15px;font:11px Arial;cursor:pointer}.ux-art-source{font:10px/1.8 Arial;color:#b9b7a4;padding:0 30px 24px}.ux-gallery-mode{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #b9ad91;font:10px/1.6 Arial}.ux-gallery-mode span{flex:1;color:#79694d;font-size:8px;letter-spacing:.1em}.ux-gallery-mode a{color:#5b492f}.ux-site .pg-gallery{border:0;background:transparent;margin:30px -56px;padding:20px 0}.ux-site .pg-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.ux-site .pg-card{border:0;border-bottom:1px solid #b5a789;background:transparent;box-shadow:none}.ux-site .pg-card img{height:340px;aspect-ratio:auto;object-fit:contain;padding:10px;background:#15221c;box-sizing:border-box}.ux-site .pg-card strong{font:20px/1.3 StemDisplay,Georgia,serif;font-weight:400}.ux-site .pg-card .pg-credit{font-size:9px;margin-top:7px}.ux-site .pg-chip{font-size:10px}.ux-site .pg-intro{font:13px/1.8 Arial!important}.ux-art-dialog{background:#0f1b16;color:#eee7d4;max-width:90vw;max-height:94vh;width:900px;border:1px solid #b7a06a;padding:28px;box-sizing:border-box}.ux-art-dialog::backdrop{background:#050b09ed}.ux-art-dialog>img{width:100%;max-height:72vh;object-fit:contain}.ux-art-dialog h2{font:25px Georgia;margin:18px 0 8px}.ux-art-dialog p,.ux-art-dialog a{font:11px/1.8 Arial;color:#d5c7a7}.ux-close{position:absolute;right:12px;top:12px;width:44px;height:44px;background:#12221bd9;border:1px solid #a59061;color:#fff;cursor:pointer;font:24px Arial}
@media(min-width:1400px){.ux-scene{height:720px}.ux-hero-copy{padding-top:125px}}
@media(max-width:950px){.ux-site .chapter-nav ul{gap:25px;flex-wrap:nowrap;width:max-content}.ux-site .chapter-nav{overflow:auto}.ux-hero-copy{width:57%;padding-left:35px}.ux-hero-copy h1{font-size:59px}.ux-scene{height:650px}.ux-room-nav button{padding:17px}.ux-invitation{gap:25px 35px;padding:65px 30px 45px}.ux-art-track{gap:16px}.ux-art-image{height:300px}.ux-art-caption strong{font-size:18px}.ux-workshop-teaser{margin:50px 20px;gap:35px;padding:35px}.ux-site .pt-guide{margin:50px 20px;padding:25px}.ux-gallery-room,.ux-site .pg-gallery{margin-left:-20px;margin-right:-20px}.ux-gallery-room>header{padding:30px;gap:25px}.ux-site .pg-grid{gap:18px}}
@media(max-width:600px){.ux-site .mast{padding:18px;min-height:65px}.ux-site .site-label{font-size:17px;max-width:180px;line-height:1.2}.ux-site .mast .author{font-size:8px;max-width:95px;line-height:1.7;text-align:right}.ux-site .site-tools{padding:10px 18px}.ux-site .chapter-nav{padding:4px 18px}.ux-site .chapter-nav ul{gap:23px}.ux-site .chapter-nav a,.ux-workshop-link{font-size:10px}.ux-scene{height:650px;min-height:0}.ux-hero-copy{padding:100px 24px 0;width:auto;max-width:100%;box-sizing:border-box}.ux-hero-copy h1{font-size:48px;max-width:370px;line-height:1.04}.ux-kicker{font-size:8px!important;letter-spacing:.12em;margin-bottom:20px!important}.ux-deck{font-size:12px;max-width:290px;line-height:1.9}.ux-vignette{background:linear-gradient(180deg,#06120fc9, #0917108f 38%,#10221914 63%,#0b1916d9),linear-gradient(90deg,#07131088,transparent)}.ux-scene-top{left:24px;right:24px;top:24px;font-size:7px;letter-spacing:.1em}.ux-render-status{font-size:7px}.ux-primary{padding:14px 18px;min-height:44px;font-size:10px!important;gap:20px}.ux-secondary{font-size:10px}.ux-symbolic{right:24px;bottom:95px;font-size:34px}.ux-symbolic small{font-size:8px}.ux-scene-controls{left:18px;right:18px;bottom:20px;gap:5px}.ux-scene-controls button{padding:9px 8px;font-size:8px;min-height:44px;flex:1}.ux-room-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.ux-room-nav button{padding:15px 6px;min-height:72px;text-align:center}.ux-room-nav span{font:10px Arial}.ux-room-nav small{font-size:7px}.ux-room-nav button[aria-current=step]:after{left:6px;right:6px}.ux-invitation{display:block;padding:55px 24px 35px}.ux-invitation h2{font-size:37px;margin:22px 0}.ux-invitation>p:not(.ux-kicker){font-size:13px;margin-bottom:24px}.ux-invitation>a{display:inline-block;font-size:11px}.ux-art-ribbon{padding:0 22px;margin-bottom:45px}.ux-art-track{grid-template-columns:1fr}.ux-art-card:not(:first-child){display:none}.ux-art-image{height:420px;padding:12px}.ux-art-caption strong{font-size:23px}.ux-art-credit span{float:none;display:block;margin-top:5px}.ux-workshop-teaser{display:block;padding:32px 25px;margin:40px 14px}.ux-workshop-teaser h2{font-size:37px;margin-bottom:27px}.ux-workshop-teaser p:not(.ux-kicker){font-size:13px}.ux-site .page{padding:30px 23px}.ux-site .page p{font-size:17px}.ux-site .pt-guide{margin:35px 14px;padding:24px 18px}.ux-gallery-room{margin:25px -12px 35px}.ux-gallery-room>header{display:block;padding:28px 20px}.ux-gallery-room header>p{font-size:12px;margin-bottom:0}.ux-gallery-scene{height:530px}.ux-art-selector{padding:18px 14px;gap:8px}.ux-art-selector label{order:-1;flex-basis:100%;font-size:9px;gap:10px}.ux-art-selector select{width:100%;max-width:100%;font-size:11px}.ux-art-selector button{font-size:10px}.ux-art-source{padding:0 15px 21px;font-size:9px}.ux-site .pg-gallery{margin:20px -12px;padding:10px 0}.ux-site .pg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ux-site .pg-card img{height:240px;padding:6px}.ux-site .pg-card strong{font-size:16px;margin:0 0 5px}.ux-site .pg-card small,.ux-site .pg-card .pg-credit{margin-left:0;font-size:8px}.ux-gallery-mode{font-size:9px}.ux-art-dialog{max-width:96vw;padding:17px}.ux-art-dialog h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.ux-art-image{transition:none}.ux-site *{scroll-behavior:auto!important}}@media print{.ux-opening,.ux-art-ribbon,.ux-gallery-room,.ux-workshop-teaser,.ux-workshop-link{display:none!important}.ux-site .hero[hidden]{display:block!important}.ux-site .page{border:0;background:white}.ux-site .pg-grid{grid-template-columns:1fr 1fr}}
/* Crossfaded, preloaded artwork ribbon. Each new layer occupies the same frame. */
.ux-art-window{position:relative;min-height:515px}.ux-art-window .ux-art-track{position:absolute;inset:0;opacity:1;transition:opacity 1.4s ease}.ux-art-window .ux-art-track.ux-art-enter,.ux-art-window .ux-art-track.ux-art-exit{opacity:0}.ux-art-window .ux-art-track.ux-art-exit{pointer-events:none}@media(max-width:950px){.ux-art-window{min-height:410px}}@media(max-width:600px){.ux-art-window{min-height:525px}}@media(prefers-reduced-motion:reduce){.ux-art-window .ux-art-track{transition:none}}