:root{--serif:"Fraunces", Georgia, "Times New Roman", serif;--sans:"Inter", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--sans);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;transition:background-color .35s,color .35s;overflow-x:hidden}::selection{background:var(--accent);color:#fff}img{max-width:100%;display:block}.video-stage{z-index:0;background:#000;position:fixed;inset:0;overflow:hidden}#scrubVideo{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.grain{z-index:40;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.6s steps(2,end) infinite grainShift;display:none;position:fixed;inset:-50%}html[data-theme=dark] .grain{display:block}@keyframes grainShift{0%{transform:translate(0)}50%{transform:translate(-3%,2%)}to{transform:translate(2%,-2%)}}.progress{background:var(--accent);z-index:50;pointer-events:none;width:0%;height:2px;position:fixed;top:0;left:0}.hero{z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero-img{will-change:transform, opacity, filter;background:url("/assets/images/Colorado/Twelve Views of Pikes Peak/TYPOLOGY-01.jpg") 50%/cover no-repeat;position:absolute;inset:0;transform:scale(1.04)}.hero-vignette{background:radial-gradient(70% 60% at 50% 45%,#0000 30%,#08070699 100%),linear-gradient(#08070673,#08070633 40%,#080706d9);position:absolute;inset:0}.hero-inner{z-index:2;will-change:transform, opacity;opacity:0;padding:0 24px;transition:opacity 1s;position:relative}.hero-kicker{letter-spacing:.32em;text-transform:uppercase;color:#d9a441;backdrop-filter:blur(4px);text-shadow:0 1px 6px #0000008c;border:1px solid #f3ede124;border-radius:999px;margin-bottom:26px;padding:8px 18px;font-size:12px;display:inline-block}.hero-title{font-family:var(--serif);letter-spacing:-.01em;color:#f3ede1;text-shadow:0 1px 8px #0000008c;font-size:clamp(3.2rem,11vw,9rem);font-weight:300;line-height:1}.hero-title em{font-style:italic}.hero-cjk{color:#e03c31;letter-spacing:.18em;text-shadow:0 1px 6px #0000008c;margin-top:14px;font-family:Noto Serif SC,serif;font-size:clamp(1rem,2.5vw,1.8rem);font-weight:200;display:block}.hero-sub{color:#f3ede18c;letter-spacing:.04em;text-shadow:0 1px 4px #0009;margin-top:28px;font-size:clamp(.85rem,1.3vw,1rem)}main{z-index:10;position:relative}.collection{max-width:1240px;margin:0 auto;padding:12vh 5vw 18vh}.collection-head{text-align:center;border:1px solid var(--faint);background:var(--card);-webkit-backdrop-filter:blur(16px)saturate(1.1);max-width:740px;box-shadow:var(--card-shadow);opacity:0;border-radius:32px;margin:0 auto 56px;padding:44px 36px;transition:opacity .85s cubic-bezier(.2,.6,.2,1),transform .85s cubic-bezier(.2,.6,.2,1),background-color .35s,box-shadow .35s;position:relative;transform:translateY(32px)}.collection-head.in-view{opacity:1;transform:translateY(0)}.collection-index{font-family:var(--serif);color:var(--accent);letter-spacing:.1em;margin-bottom:12px;font-size:13px;font-style:italic;display:block}.collection-pill{letter-spacing:.28em;text-transform:uppercase;color:var(--muted);border:1px solid var(--faint);border-radius:999px;margin-bottom:18px;padding:7px 16px;font-size:11px;display:inline-block}.collection-title{font-family:var(--serif);letter-spacing:-.01em;color:var(--fg);font-size:clamp(1.8rem,4.5vw,3.2rem);font-weight:300;line-height:1.05}.collection-cjk{color:rgb(var(--c-primary));letter-spacing:.1em;margin-top:10px;font-family:Noto Serif SC,serif;font-size:.42em;font-weight:300;display:block}.collection-note{color:var(--muted);letter-spacing:.01em;margin-top:18px;font-size:15px}.accordion-section{opacity:0;will-change:opacity, transform}.acc-row{border-radius:14px;gap:4px;height:320px;transition:height .4s;display:flex;overflow:hidden}.acc-panel{cursor:pointer;flex:0 0 56px;transition:flex-grow .6s;position:relative;overflow:hidden}.acc-panel.acc-active{flex-grow:1}.acc-panel img{-o-object-fit:cover;object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.acc-see-more{background-color:var(--bg);justify-content:center;align-items:center;transition:flex-grow .6s,background-color .35s;display:flex}.acc-see-more img{filter:grayscale();opacity:.28;-o-object-fit:cover!important;object-fit:cover!important}.acc-see-more-overlay{background-color:var(--thumb-dim);pointer-events:none;transition:background-color .3s;position:absolute;inset:0}.acc-see-more:hover .acc-see-more-overlay{background-color:rgb(var(--c-primary) / .2)}html[data-theme=dark] .acc-see-more:hover .acc-see-more-overlay{background-color:rgb(var(--c-on-primary-fixed-variant) / .32)}.acc-see-more-text{letter-spacing:.15em;text-transform:uppercase;color:var(--fg);white-space:nowrap;pointer-events:none;user-select:none;z-index:1;font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:700;transition:transform .4s;position:relative}.acc-see-more:not(.acc-active) .acc-see-more-text{transform:rotate(90deg)}@media (width<=640px){.collection{padding:8vh 4vw 12vh}.collection-head{border-radius:24px;padding:30px 22px}.acc-row{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0;overflow-x:scroll;height:260px!important}.acc-row::-webkit-scrollbar{display:none}.acc-panel{scroll-snap-align:start;flex:0 0 100%!important}.acc-panel.acc-see-more{display:none}}.acc-mobile-controls{display:none}@media (width<=640px){.acc-mobile-controls{flex-direction:column;align-items:center;gap:10px;margin-top:10px;display:flex}.acc-dots{align-items:center;gap:6px;display:flex}.acc-dot{opacity:.4;cursor:pointer;background:#fff;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:opacity .2s,transform .2s}.acc-dot.acc-dot-active{opacity:1;transform:scale(1.4)}.acc-show-more-btn{letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--c-on-primary));background:rgb(var(--c-primary));border:1.5px solid rgb(var(--c-primary));cursor:pointer;border-radius:9999px;padding:8px 22px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;transition:background .2s,color .2s}}@media (prefers-reduced-motion:reduce){.grain{animation:none}.collection-head{transition:none}}
