@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Display&display=swap');
:root{color-scheme:dark;--paper:#ede8dd;--muted:#aeb1a7;--gold:#d9ba85;--line:#e7e7cc25;--ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}html{background:#101310}body{margin:0;background:#101310;color:var(--paper);font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:1px solid var(--gold);outline-offset:5px}.backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.backdrop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 900ms ease;filter:saturate(.65)}.backdrop img.visible{opacity:.42}.backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0d110fe8,#0d110f45 65%,#0d110fb0),linear-gradient(0deg,#101310 0%,#101310a0 45%,#10131050 80%,#101310cc)}main{position:relative;z-index:1;padding:35px 4.5vw 20px;max-width:2100px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:26px}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.21em;text-transform:uppercase;color:var(--muted);margin:0 0 13px}h1{font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(35px,3.8vw,62px);line-height:1.05;font-weight:400;letter-spacing:-.025em;margin:0}h1 em{font-weight:400;color:#c8cbbb}.hint{text-align:right;color:#c1c5ba;font-size:11px;line-height:1.9;letter-spacing:.04em}.hint span{color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.18em}.mobile{display:none}.project-caption{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:87px;border-top:1px solid var(--line);padding:20px 0 16px}.project-caption .eyebrow{margin-bottom:8px;color:var(--gold)}h2{font-weight:400;font-size:clamp(22px,2.3vw,38px);line-height:1.15;margin:0;letter-spacing:-.025em}#explore{font-size:11px;letter-spacing:.13em;text-transform:uppercase;border:1px solid #d5d9c270;padding:15px 23px;border-radius:30px;background:#e5e8d50a;transition:background .25s,color .25s;white-space:nowrap}#explore:hover{background:#d3d9c9;color:#182019}.collection{margin:5px 0 22px}.row-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px}.row-heading h3{font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;margin:0}.row-heading h3 span{color:#a8ad9c;font-size:10px;margin-left:14px;letter-spacing:.08em}.row-actions{display:flex;align-items:center;gap:10px}.row-actions button{background:transparent;border:1px solid var(--line);width:31px;height:31px;border-radius:50%;cursor:pointer;font-size:19px;font-family:Arial}.row-actions button:hover{border-color:var(--gold);color:var(--gold)}.row-actions button:disabled{opacity:.23;cursor:default}.track{display:flex;gap:15px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#d9ba8550 #ffffff06;padding:15px 0 13px;overscroll-behavior-x:contain;cursor:grab;scroll-behavior:smooth}.track.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.project{flex:0 0 clamp(220px,22vw,360px);position:relative;scroll-snap-align:start;border:0;background:transparent;padding:0;display:block;text-align:left;isolation:isolate;perspective:950px}.project:before{content:'';position:absolute;top:9%;left:15%;width:70%;height:70%;background:radial-gradient(ellipse,#cf9b5527,transparent 65%);opacity:0;transition:opacity .65s;pointer-events:none}.project.active:before,.project:hover:before{opacity:1}.model-stage{height:clamp(170px,17vw,270px);position:relative;display:flex;align-items:flex-end;justify-content:center}.model-stage:after{content:'';height:1px;position:absolute;bottom:3px;left:8%;right:8%;background:linear-gradient(90deg,transparent,#d5ceaf40,transparent)}.model{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;filter:brightness(.58) saturate(.22);transform:translateY(3px) scale(.94);transition:transform .65s var(--ease),filter .65s var(--ease);transform-origin:50% 80%;will-change:transform}.project.active .model,.project:hover .model,.project:focus-visible .model{filter:brightness(1.05) saturate(.94) drop-shadow(0 0 12px #ffba6120);transform:translateY(-5px) scale(1)}.project-name{display:flex;gap:12px;align-items:baseline;padding:13px 10px 8px}.project-name small{font-size:9px;color:#899283;letter-spacing:.1em}.project-name strong{font-weight:400;font-size:11px;letter-spacing:.07em;line-height:1.4;text-transform:uppercase;color:#bfc4b6}.project.active .project-name strong,.project:hover .project-name strong{color:#f0e4ce}.project.active .project-name small{color:var(--gold)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding-top:17px;font-size:9px;letter-spacing:.13em;color:#8f988c}.dragging a{cursor:grabbing}@media(min-width:1800px){.project{flex-basis:24%}.model-stage{height:260px}}@media(max-width:700px){main{padding:24px 22px 20px}.intro{display:block;margin-bottom:20px}h1{font-size:38px;max-width:330px}.hint{text-align:left;margin:15px 0 0;font-size:10px}.desktop{display:none}.mobile{display:inline}.project-caption{min-height:110px;align-items:flex-start;gap:10px}.project-caption h2{font-size:24px;max-width:230px}#explore{font-size:9px;padding:12px 15px;margin-top:17px}.project{flex-basis:245px}.model-stage{height:205px}.collection{margin-bottom:26px}.track{gap:10px;margin-right:-22px;padding-right:22px}.row-heading h3{font-size:11px}.row-heading h3 span{font-size:9px;margin-left:8px}footer{line-height:1.7;font-size:8px}footer span{max-width:50%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}.model{transform:none!important}}
@font-face{font-family:Oswald;src:url('https://file.squarespace-cdn.com/content/v2/namespaces/fonts/libraries/sqsp/assets/c02dd75d-df69-4519-9bfc-eedeadf97567/latin.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}.site-header{height:145px;position:relative;z-index:2;display:grid;grid-template-columns:1fr 93px 1fr;align-items:center;gap:24px;padding:20px 5.94vw 0}.site-header nav{display:flex;align-items:center;gap:clamp(24px,4.5vw,79px)}.site-header nav:last-child{justify-content:flex-end}.site-header nav a{font-family:Oswald,Arial,sans-serif;font-size:20px;line-height:1.4;letter-spacing:2.8px;color:#fff;white-space:nowrap}.site-header nav a.active{border-bottom:1px solid #fff8}.site-logo{display:flex;justify-content:center}.site-logo img{width:80px;height:108px;object-fit:contain}.site-header+ .backdrop{z-index:0}@media(max-width:1100px){.site-header{padding-left:32px;padding-right:32px;gap:20px}.site-header nav{gap:24px}.site-header nav a{font-size:16px;letter-spacing:1.8px}}@media(max-width:700px){.site-header{height:115px;padding:12px 22px 0;grid-template-columns:1fr 62px 1fr;gap:12px}.site-header nav{flex-direction:column;align-items:flex-start;gap:9px}.site-header nav:last-child{align-items:flex-end}.site-header nav a{font-size:11px;letter-spacing:1.2px}.site-logo img{width:57px;height:80px}}

/* Refined collection hierarchy and automatic browsing. */
.intro{align-items:flex-end;margin-bottom:30px}.intro .eyebrow{font-size:10px;letter-spacing:.28em;margin-bottom:12px}h1{font-size:clamp(38px,4.2vw,68px)}h1 em{font-style:normal;color:#b9c2b3}.browse-tools{text-align:right;flex-shrink:0}.hint{margin:0 0 10px}.hint span{font-size:10px;color:#bcc4b6;letter-spacing:.08em;text-transform:none}#motion-toggle{background:transparent;border:1px solid #d9ba8540;border-radius:30px;padding:9px 16px;font-size:10px;letter-spacing:.08em;cursor:pointer;color:#e6dbc4}#motion-toggle:hover{background:#d9ba8517}.project-caption{padding:22px 0 25px;margin-bottom:10px}.project-caption h2{font-size:clamp(26px,2.6vw,42px)}.row-heading{padding-top:22px;margin-bottom:8px}.row-heading h3{font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(30px,3vw,45px);font-weight:400;letter-spacing:-.015em;text-transform:none;display:flex;align-items:center;gap:18px}.row-heading h3 span{font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin:0;color:#b2baa9}.collection{margin-bottom:28px}.project-name strong{font-size:13px;font-weight:500;letter-spacing:.045em}.project-name{min-height:58px;padding-top:16px}.track{scroll-snap-type:none;scroll-behavior:auto;scrollbar-color:#d9ba8535 transparent}.row-actions button{width:35px;height:35px}.model{filter:brightness(.67) saturate(.35)}
@media(max-width:700px){.intro{margin-bottom:22px}h1{font-size:39px;max-width:none}h1 em{display:block}.browse-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;margin-top:18px}.hint{margin:0;line-height:1.5}.hint span{font-size:10px}.row-heading h3{font-size:32px;gap:12px}.row-heading h3 span{font-size:8px}.project-name strong{font-size:13px}.project-caption h2{font-size:25px}.project-caption{min-height:112px}.row-heading{padding-top:19px}#motion-toggle{padding:9px 12px;white-space:nowrap}.row-actions{gap:5px}.row-actions button{width:28px;height:28px}}

.track,.track .project{touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}

@media(pointer:coarse){.track,.track .project{touch-action:pan-x pan-y pinch-zoom}.track{scroll-behavior:auto!important;scroll-snap-type:none!important;-webkit-overflow-scrolling:touch}.project .model{will-change:auto}.project:active .model{transform:none}}

/* Clean collection presentation and warm miniature illumination. */
.intro{margin-bottom:32px}.collection:first-child .row-heading{padding-top:24px}.model-stage{isolation:isolate}.light-bloom{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;opacity:0;mix-blend-mode:screen;filter:brightness(1.8) saturate(1.7) blur(7px);transform:translateY(-5px) scale(1);transition:opacity .45s ease;z-index:1}.project.active .light-bloom,.project:hover .light-bloom,.project:focus-visible .light-bloom{opacity:.20}.project.active .model,.project:hover .model,.project:focus-visible .model{filter:brightness(1.02) saturate(1.08) drop-shadow(0 5px 14px #ffb04b24)}.project:before{top:24%;left:5%;width:90%;height:70%;background:radial-gradient(ellipse at 50% 70%,#ffc77724 0%,#e9993914 32%,transparent 70%)}.project.active .model-stage:after,.project:hover .model-stage:after{height:16px;bottom:-3px;filter:blur(10px);background:radial-gradient(ellipse,#ffcf7a50,transparent 68%)}@media(max-width:700px){.intro{margin-bottom:25px}.light-bloom{filter:brightness(1.8) saturate(1.6) blur(5px)}}

.intro h1,.row-heading h3{text-transform:uppercase}

/* Centered, softer main heading. */
.intro{justify-content:center;text-align:center}
.intro h1{width:100%;color:#b9bbae}
.intro h1 em{color:#989f93}

/* Match the main website navigation hover color. */
.site-header nav a{transition:color .2s ease,border-color .2s ease}
.site-header nav a:hover,.site-header nav a:focus-visible{color:#9c602b;border-bottom-color:currentColor}
