:root{color-scheme:light;--color-bg: #FAFAFA;--color-card: #FFFFFF;--color-alt: #F5F3F0;--color-text-primary: #1A1A1A;--color-text-secondary: #6B6B6B;--color-text-muted: #999999;--color-accent: #F2992E;--color-link: #1F4E79;--color-divider: #E8E8E8;--color-scrim: rgba(0, 0, 0, .55);--color-skeleton: #ECECEC;--shadow-subtle: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-medium: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-elevated: 0 12px 32px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06);--radius-card: 12px;--radius-sm: 8px;--radius-xs: 6px;--radius-full: 999px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--duration-fast: .2s;--duration-panel: .4s;--duration-max: .7s;--ease-smooth: cubic-bezier(.25, .1, .25, 1);--ease-decelerate: cubic-bezier(0, 0, .2, 1);--ease-accelerate: cubic-bezier(.4, 0, 1, 1);--top-bar-height: 52px;--rail-padding: var(--space-4);--section-gap: var(--space-10)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;background-color:#f3f1ed;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg);min-height:100dvh;overflow-x:hidden;position:relative;max-width:1360px;margin:0 auto;box-shadow:0 0 50px #00000014}img,video{display:block;max-width:100%;height:auto}a{color:var(--color-link);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-xs)}:focus:not(:focus-visible){outline:none}.top-bar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:var(--top-bar-height);padding:0 var(--space-4);background-color:#fafafad9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-divider)}.site-name{font-size:var(--font-size-md);font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;text-decoration:none}.site-name:hover{text-decoration:none;color:var(--color-accent)}.top-nav{display:flex;gap:var(--space-1)}.nav-btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);position:relative;transition:color var(--duration-fast) var(--ease-smooth)}.nav-btn:hover{color:var(--color-text-primary)}.nav-btn.active{font-weight:600;color:var(--color-text-primary);background-color:transparent}.nav-btn:after{content:"";position:absolute;bottom:0;left:var(--space-3);right:var(--space-3);height:2px;background-color:var(--color-accent);transform:scaleX(0);transform-origin:center;transition:transform var(--duration-fast) var(--ease-smooth)}.nav-btn.active:after{transform:scaleX(1)}.hero{position:absolute;top:var(--top-bar-height);left:0;width:100%;aspect-ratio:var(--hero-aspect-ratio, 16 / 9);max-height:560px;overflow:hidden;margin-top:0;background:var(--color-bg);z-index:1;pointer-events:none;will-change:transform;transition:max-height var(--duration-panel) var(--ease-smooth)}.hero--hidden{display:none}.hero__slides-container{width:100%;height:100%;position:relative;z-index:1}.hero__slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity 1s ease-in-out,visibility 1s ease-in-out}.hero__slide--active{opacity:1;visibility:visible}.hero__media{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.hero__media img,.hero__media video{width:100%;height:100%;object-fit:cover}.hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;background-color:#00000073;transition:opacity var(--duration-fast) var(--ease-smooth)}.hero__slide-fade-overlay{position:absolute;top:0;left:0;width:100%;height:calc(100% + 4px);pointer-events:none;z-index:3;background:linear-gradient(to bottom,#fafafa00,#fafafa00 50%,#fafafa26,#fafafa73,#fafafacc 80%,#fafafaf2 88%,#fafafa 93%,#fafafa)}.hero__content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:var(--space-12) var(--space-4) var(--space-8);box-sizing:border-box;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-smooth)}.hero__tagline{font-family:var(--hero-tagline-font, var(--font-family));font-size:clamp(.75rem,4vw,var(--hero-tagline-size-mobile, 1.25rem));font-weight:800;color:#fff;margin:0;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.hero__subtitle{font-size:var(--font-size-sm);color:#ffffffd9;font-weight:500;margin-top:var(--space-2);line-height:1.5}@media(min-width:768px){.hero__content{padding:var(--space-12) var(--space-10)}.hero__tagline{font-size:var(--hero-tagline-size-desktop, var(--font-size-2xl))}.hero__subtitle{font-size:var(--font-size-lg)}}@media(min-width:1024px){.hero__content{padding:var(--space-16) var(--space-12);max-width:800px}}.discovery-surface{position:relative;z-index:2;background:transparent;pointer-events:none}.discovery-surface__spacer{width:100%;aspect-ratio:var(--hero-aspect-ratio, 16 / 9);max-height:560px;pointer-events:none}.discovery-surface__content{background-color:var(--color-bg);position:relative;z-index:2;pointer-events:auto;padding-top:var(--space-6);padding-bottom:var(--space-16);box-shadow:0 -15px 30px #00000008;border-radius:var(--radius-card) var(--radius-card) 0 0}.content-section{margin-bottom:var(--section-gap)}.content-section__header{padding:0 var(--rail-padding);margin-bottom:var(--space-3)}.content-section__title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;line-height:1.2}.content-section__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.content-rail{display:flex;gap:var(--space-3);padding:var(--space-1) var(--rail-padding);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scroll-padding-left:var(--rail-padding);cursor:grab;-webkit-user-select:none;user-select:none}.content-rail.grabbing{scroll-snap-type:none;scroll-behavior:auto}.content-rail.grabbing,.content-rail.grabbing *{cursor:grabbing!important}.content-rail::-webkit-scrollbar{display:none}.content-rail{scrollbar-width:none}.content-rail:after{content:"";flex:0 0 var(--space-4)}.card{flex:0 0 auto;display:flex;flex-direction:column;background:var(--color-card);border-radius:var(--radius-card);box-shadow:var(--shadow-subtle);overflow:hidden;cursor:pointer;scroll-snap-align:start;transition:transform var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth),opacity var(--duration-fast) var(--ease-smooth);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;position:relative;min-width:150px;--card-image-height: 180px;width:calc(var(--card-image-height) * 4 / 3)}.card--auto{--card-image-height: 180px;width:calc(var(--card-image-height) * 4 / 3)}.card--portrait{--card-image-height: 240px;width:calc(var(--card-image-height) * 3 / 4)}.card--landscape{--card-image-height: 160px;width:calc(var(--card-image-height) * 16 / 9)}.card--square{--card-image-height: 200px;width:calc(var(--card-image-height) * 1 / 1)}.card--hero{--card-image-height: 190px;width:calc(var(--card-image-height) * 16 / 10)}.card--hero .card__title{font-size:var(--font-size-md);font-weight:700}.card__image-wrap{position:relative;width:100%;height:var(--card-image-height);overflow:hidden;background-color:var(--color-skeleton)}.card__image{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--duration-fast) var(--ease-smooth);pointer-events:none;-webkit-user-drag:none;user-drag:none}.card__image.loaded{opacity:1}.card__info{padding:var(--space-3)}.card__title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__oneliner{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4;margin-top:var(--space-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__date{display:block;font-size:10px;font-weight:500;color:var(--color-text-muted);letter-spacing:.05em;margin-top:var(--space-2)}.card__tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--space-2)}.card__tag{font-size:10px;color:var(--color-text-muted);background:var(--color-alt);padding:2px 6px;border-radius:var(--radius-full);white-space:nowrap}.card__skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,var(--color-skeleton) 30%,#F5F5F5 50%,var(--color-skeleton) 70%);background-size:200% 100%;animation:skeleton-pulse 1.4s ease-in-out infinite;border-radius:inherit}.card__skeleton--text{position:relative;height:14px;border-radius:var(--radius-xs);margin-bottom:var(--space-2)}.card__skeleton--short{width:60%}.card__skeleton--error{background:var(--color-alt);animation:none}.card__skeleton--error:after{content:"📷";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);opacity:.4}.card--skeleton{pointer-events:none}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.detail-overlay[hidden]{display:none}.detail-overlay__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-scrim)}.detail-overlay__panel{position:relative;z-index:1;width:100%;max-width:600px;max-height:92dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--color-card);border-radius:var(--radius-card) var(--radius-card) 0 0;transform:translateY(100%);overscroll-behavior:contain}.detail-overlay__content{overflow-y:auto;overflow-x:hidden;flex:1;scrollbar-width:none}.detail-overlay__content::-webkit-scrollbar{display:none}.detail-overlay__close{position:absolute;top:0;right:0;z-index:10;width:36px;height:36px;margin:var(--space-3);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);background:var(--color-bg);border-radius:var(--radius-full);box-shadow:var(--shadow-subtle);transition:background-color var(--duration-fast) var(--ease-smooth),color var(--duration-fast) var(--ease-smooth);cursor:pointer}.detail-overlay__close svg{width:14px;height:14px;display:block}.detail-overlay__close:hover{background:var(--color-text-primary);color:var(--color-card)}.detail-overlay__close:active{background-color:#d4380d!important;color:#fff!important;transition:none!important}@media(max-width:767px){.detail-overlay__close{position:absolute;bottom:24px;right:24px;top:auto;margin:0;width:48px;height:48px;background:var(--color-text-primary);color:var(--color-card);box-shadow:var(--shadow-elevated);z-index:100}.detail-overlay__close svg{width:18px;height:18px}}.detail__hero{width:100%;overflow:hidden;background:var(--color-skeleton);display:flex;justify-content:center;align-items:center}.detail__hero-image{width:100%;height:auto;display:block}.detail__body{padding:var(--space-6) var(--space-4) var(--space-8)}.detail__header{margin-bottom:var(--space-6)}.detail__type{font-size:var(--font-size-xs);font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.06em}.detail__title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);line-height:1.2;letter-spacing:-.02em;margin-top:var(--space-2)}.detail__oneliner{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.5;margin-top:var(--space-2)}.detail__blocks{margin-bottom:var(--space-6)}.detail__text{font-size:var(--font-size-base);color:var(--color-text-primary);line-height:1.7;margin-bottom:var(--space-4)}.detail__image{margin:var(--space-4) 0;border-radius:var(--radius-sm);overflow:hidden}.detail__image img{width:100%;height:auto}.detail__gallery{margin:var(--space-4) 0}.detail__gallery-item{margin:0;display:flex;flex-direction:column}.detail__gallery img{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-smooth)}.detail__gallery img:hover{transform:scale(1.015)}.detail__gallery-caption{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--space-1);text-align:center}.detail__gallery--vertical{display:flex;flex-direction:column;gap:var(--space-4)}.detail__gallery--vertical img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.detail__gallery--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.detail__gallery--grid img{width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover}.detail__gallery--masonry{display:block;column-count:2;column-gap:var(--space-3)}@media(max-width:480px){.detail__gallery--masonry{column-count:1}}.detail__gallery--masonry .detail__gallery-item{break-inside:avoid;margin-bottom:var(--space-3);display:block}.detail__gallery--masonry img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;display:block}.detail__video-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-md);margin:var(--space-4) 0;background:#000;box-shadow:var(--shadow-sm)}.detail__video-wrapper iframe,.detail__video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.detail__video-wrapper--portrait{position:relative;width:min(100%,36vh);aspect-ratio:9 / 16;overflow:hidden;border-radius:var(--radius-md);margin:var(--space-4) auto;background:#000;box-shadow:var(--shadow-sm)}.detail__video-wrapper--portrait iframe,.detail__video-wrapper--portrait video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.detail__video-wrapper--instagram{position:relative;width:min(100%,38vh);aspect-ratio:1 / 1.35;overflow:hidden;border-radius:var(--radius-md);margin:var(--space-4) auto;background:#000;box-shadow:var(--shadow-sm)}.detail__video-wrapper--instagram iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.detail__video-caption{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:calc(-1 * var(--space-2));margin-bottom:var(--space-4);text-align:right}.detail__quote{margin:var(--space-6) 0;padding:var(--space-4) var(--space-5);border-left:3px solid var(--color-accent);font-size:var(--font-size-md);font-style:italic;color:var(--color-text-secondary);line-height:1.6;background:var(--color-alt);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.detail__quote cite{display:block;margin-top:var(--space-2);font-size:var(--font-size-sm);font-style:normal;font-weight:600;color:var(--color-text-muted)}.detail__link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);margin:var(--space-3) 0;background:var(--color-alt);border-radius:var(--radius-sm);font-size:var(--font-size-base);font-weight:500;color:var(--color-link);transition:background-color var(--duration-fast) var(--ease-smooth)}.detail__link:hover{background:var(--color-divider);text-decoration:none}.detail__link-arrow{margin-left:auto;font-size:var(--font-size-md)}.detail__metadata{padding:var(--space-5) 0;border-top:1px solid var(--color-divider);margin-bottom:var(--space-6)}.detail__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.detail__tag{display:inline-block;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);background:var(--color-alt);border-radius:var(--radius-full)}.detail__meta-group{display:flex;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--font-size-sm)}.detail__meta-label{font-weight:600;color:var(--color-text-muted);min-width:100px}.detail__meta-value{color:var(--color-text-primary)}.detail__status{font-weight:600;text-transform:capitalize}.detail__status--completed{color:var(--color-link)}.detail__status--ongoing{color:var(--color-accent)}.detail__status--planned{color:var(--color-text-muted)}.detail__status--archived{color:var(--color-text-secondary)}.detail__related{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-divider)}.detail__related-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;margin-bottom:var(--space-3)}.detail__related .content-rail{padding-left:0;padding-right:0}.timeline-view{padding:var(--space-6) 0 var(--space-16)}.timeline-view[hidden]{display:none}.timeline{position:relative;padding-left:var(--space-4)}.timeline:before{content:"";position:absolute;top:0;left:calc(var(--space-4) + 22px);width:2px;height:100%;background:var(--color-divider);border-radius:1px}.timeline__year-group{position:relative;margin-bottom:var(--space-10)}.timeline__year-marker{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;margin-bottom:var(--space-3);padding-left:var(--space-8)}.timeline__year-marker:before{content:"";position:absolute;left:16px;width:12px;height:12px;background:var(--color-accent);border:3px solid var(--color-bg);border-radius:var(--radius-full);box-shadow:var(--shadow-subtle);z-index:1}.timeline__year-label{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.timeline__year-count{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:500}.timeline__year-group .content-rail{padding-left:var(--space-8)}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{scrollbar-width:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.card__skeleton{animation:none;background:var(--color-skeleton)}.card{transition:none}}@media(min-width:768px){:root{--rail-padding: var(--space-6);--section-gap: var(--space-12);--top-bar-height: 56px}.top-bar{padding:0 var(--space-6)}.site-name{font-size:var(--font-size-lg)}.content-section__title{font-size:var(--font-size-xl)}.content-rail{gap:var(--space-4)}.card--auto{--card-image-height: 195px}.card--portrait{--card-image-height: 267px}.card--landscape{--card-image-height: 180px}.card--square{--card-image-height: 220px}.card--hero{--card-image-height: 225px}.detail-overlay{align-items:center}.detail-overlay__panel{max-width:640px;width:100%;max-height:90dvh;border-radius:var(--radius-card);margin:auto}.detail__body{padding:var(--space-8) var(--space-6) var(--space-10)}.detail__title{font-size:var(--font-size-2xl)}.timeline:before{left:calc(var(--space-6) + 22px)}.timeline__year-marker{padding-left:var(--space-10)}.timeline__year-marker:before{left:calc(var(--space-2) + 16px)}.timeline__year-group .content-rail{padding-left:var(--space-10)}}@media(min-width:1024px){:root{--rail-padding: var(--space-8)}.top-bar{padding:0 var(--space-8)}.card--auto{width:280px}.card--portrait{width:220px}.card--landscape{width:360px}.card--square{width:240px}.card--hero{width:420px}.detail-overlay__panel{max-width:720px}}@media(min-width:1440px){:root{--rail-padding: var(--space-12)}.top-bar{padding:0 var(--space-12)}.card--auto{width:300px}.card--portrait{width:240px}.card--landscape{width:400px}.card--square{width:260px}.card--hero{width:480px}.detail-overlay__panel{max-width:800px}.content-section__title{font-size:var(--font-size-2xl)}}@media(orientation:landscape)and (max-height:768px){.detail-overlay__panel{width:55vw;max-width:540px;min-width:320px;max-height:94dvh;margin:auto}}.footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--space-8) var(--space-4);margin-top:var(--space-12);text-align:center;width:100%}.footer__content{max-width:var(--max-width);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.footer__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin:0}.footer__links{display:flex;gap:var(--space-6);flex-wrap:wrap;justify-content:center}.footer__link{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;font-weight:500;transition:color var(--duration-fast) var(--ease-smooth)}.footer__link:hover{color:var(--color-accent)}