:root{font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-serif: "DM Serif Display", serif;--font-sans: "Inter", "Noto Sans SC", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-cn: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-cn-display: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--color-bg: #ffffff;--color-bg-rgb: 255, 255, 255;--color-bg-subtle: #fafafa;--color-bg-alt: #f5f5f5;--color-bg-elevated: #ffffff;--color-bg-inverse: #111111;--color-surface: #ffffff;--color-surface-hover: #fafafa;--color-surface-active: #f5f5f5;--color-text-main: #111111;--color-text-secondary: #444444;--color-text-muted: #666666;--color-text-light: #999999;--color-text-inverse: #ffffff;--color-border: #eaeaea;--color-border-hover: #cccccc;--color-border-strong: #999999;--color-primary: #111111;--color-primary-hover: #333333;--color-accent: #0066ff;--color-accent-hover: #0052cc;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-overlay: rgba(0, 0, 0, .5);--color-shadow: rgba(0, 0, 0, .1);--color-shadow-light: rgba(0, 0, 0, .05);--color-dark-bg: #111111;--color-dark-bg-subtle: #1a1a1a;--color-dark-text: #ffffff;--color-dark-text-muted: #888888;--color-dark-border: #333333;--frosted-bg: #ffffff;--frosted-blob-1: rgba(70, 140, 230, .85);--frosted-blob-2: rgba(60, 200, 180, .8);--frosted-blob-3: rgba(230, 120, 170, .85);--frosted-blob-4: rgba(80, 150, 240, .75);--frosted-blob-5: rgba(220, 100, 160, .8);--frosted-grain-opacity-1: .12;--frosted-grain-opacity-2: .1;--frosted-grain-opacity-3: .15;--frosted-grain-opacity-4: .06;--frosted-grain-blend-1: multiply;--frosted-grain-blend-2: multiply;--frosted-grain-blend-3: multiply;--frosted-gradient-overlay: rgba(255, 255, 255, .4);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 80px;--space-section: 120px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--radius-image: 12px;--radius-card: 12px;--shadow-sm: 0 1px 2px var(--color-shadow-light);--shadow-md: 0 4px 6px -1px var(--color-shadow-light), 0 2px 4px -1px var(--color-shadow-light);--shadow-lg: 0 10px 15px -3px var(--color-shadow-light), 0 4px 6px -2px var(--color-shadow-light);--shadow-xl: 0 20px 25px -5px var(--color-shadow), 0 10px 10px -5px var(--color-shadow-light);--shadow-hover: 0 20px 40px -10px var(--color-shadow);--line-height-tight: 1.1;--line-height-snug: 1.3;--line-height-base: 1.6;--line-height-relaxed: 1.8;--text-display: clamp(3.5rem, 12vw, 9rem);--text-page-title: clamp(2.5rem, 6vw, 4.5rem);--text-hero-title: clamp(2rem, 5vw, 3.5rem);--text-h1: clamp(2.5rem, 8vw, 5.5rem);--text-h2: clamp(1.8rem, 4vw, 3.5rem);--text-h3: clamp(1.3rem, 3vw, 2.5rem);--text-body-lg: clamp(1.1rem, 2vw, 1.6rem);--text-body: 1rem;--text-sm: .875rem;--text-xs: .75rem;--caption-font-size: clamp(1.1rem, 2.2vw, 1.5rem);--caption-font-size-mobile: clamp(.95rem, 3vw, 1.1rem);--caption-line-height: 1.7;--caption-letter-spacing: .04em;--caption-font-weight: 300;--caption-font-weight-highlight: 600;--caption-color: #ffffff;--caption-color-highlight: #FF5722;--caption-max-width: 1100px;--caption-padding: 0 32px 40px;--caption-padding-mobile: 0 16px 24px;--caption-char-interval: 30ms;--caption-fade-transition: opacity .4s ease-out, color .3s ease;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-theme: .4s ease;--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--space-page-x: clamp(20px, 5vw, 120px);--space-page-y: clamp(60px, 10vh, 120px);--space-section-y: clamp(60px, 12vh, 140px);--nav-height: 65px;--nav-height-mobile: 72px}[data-theme=dark]{--color-bg: #0a0a0a;--color-bg-rgb: 10, 10, 10;--color-bg-subtle: #111111;--color-bg-alt: #1a1a1a;--color-bg-elevated: #1f1f1f;--color-bg-inverse: #ffffff;--color-surface: #1a1a1a;--color-surface-hover: #222222;--color-surface-active: #2a2a2a;--color-text-main: #f5f5f5;--color-text-secondary: #cccccc;--color-text-muted: #999999;--color-text-light: #666666;--color-text-inverse: #111111;--color-border: #2a2a2a;--color-border-hover: #444444;--color-border-strong: #666666;--color-primary: #ffffff;--color-primary-hover: #e0e0e0;--color-accent: #3b82f6;--color-accent-hover: #60a5fa;--color-overlay: rgba(0, 0, 0, .7);--color-shadow: rgba(0, 0, 0, .4);--color-shadow-light: rgba(0, 0, 0, .2);--color-dark-bg: #0a0a0a;--color-dark-bg-subtle: #111111;--color-dark-text: #f5f5f5;--color-dark-text-muted: #888888;--color-dark-border: #2a2a2a;--frosted-bg: #0a0a0a;--frosted-blob-1: rgba(90, 90, 90, .7);--frosted-blob-2: rgba(75, 75, 75, .6);--frosted-blob-3: rgba(100, 100, 100, .65);--frosted-blob-4: rgba(60, 60, 60, .55);--frosted-blob-5: rgba(85, 85, 85, .6);--frosted-grain-opacity-1: .25;--frosted-grain-opacity-2: .2;--frosted-grain-opacity-3: .35;--frosted-grain-opacity-4: .15;--frosted-grain-blend-1: soft-light;--frosted-grain-blend-2: soft-light;--frosted-grain-blend-3: soft-light;--frosted-gradient-overlay: rgba(30, 30, 30, .3)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}a{font-weight:500;color:inherit;text-decoration:inherit}a:hover{color:inherit}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--color-bg);color:var(--color-text-main);transition:background-color var(--transition-theme),color var(--transition-theme)}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);line-height:var(--line-height-tight);text-wrap:balance}p{max-width:65ch;line-height:var(--line-height-base)}#root{width:100%;margin:0 auto}.font-serif{font-family:var(--font-serif)}.font-sans{font-family:var(--font-sans)}.text-balance{text-wrap:balance}.max-w-prose{max-width:65ch}.glass-panel{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow-sm)}[data-theme=dark] .glass-panel{background:#1e1e1eb3;border:1px solid rgba(255,255,255,.1)}.noise-bg{position:relative}.noise-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:-1}.pill-button{padding:12px 30px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:1em;cursor:pointer;transition:all var(--transition-base);color:var(--color-text-muted)}.pill-button:hover{border-color:var(--color-text-main);color:var(--color-text-main);background-color:var(--color-surface-hover)}*,*:before,*:after{transition:background-color var(--transition-theme),border-color var(--transition-theme),box-shadow var(--transition-theme)}button,a,input,textarea,select{transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.phase-screen-wrapper,.phase-screen-wrapper *,.phase-screen-wrapper *:before,.phase-screen-wrapper *:after{transition:none!important}.phase-screen-wrapper [data-framer-motion],.phase-screen-wrapper [style*=opacity],.phase-screen-wrapper [style*=transform]{transition:opacity .6s ease,transform .6s ease!important}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal;will-change:clip-path;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999}::view-transition-group(root){animation-duration:0s}html:has(::view-transition) *,html:has(::view-transition) *:before,html:has(::view-transition) *:after{transition:none!important;animation-play-state:paused!important}.hide-mobile{display:block}.hide-desktop,.show-mobile{display:none}.show-desktop{display:block}@media(max-width:479px){:root{--nav-height: 56px;--space-page-x: 16px}}@media(max-width:767px){:root{--nav-height: var(--nav-height-mobile)}.hide-mobile{display:none!important}.show-mobile{display:block!important}h1{font-size:clamp(2rem,10vw,3rem)}h2{font-size:clamp(1.5rem,6vw,2rem)}}@media(min-width:768px)and (max-width:1023px){:root{--space-page-x: clamp(32px, 5vw, 60px)}}@media(min-width:1024px){.hide-desktop{display:none!important}.show-desktop{display:block!important}}.responsive-grid{display:grid;gap:var(--space-lg);grid-template-columns:1fr}@media(min-width:640px){.responsive-grid,.responsive-grid-3{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.responsive-grid,.responsive-grid-3{grid-template-columns:repeat(3,1fr)}.responsive-grid-4{grid-template-columns:repeat(4,1fr)}}.responsive-flex{display:flex;flex-wrap:wrap;gap:var(--space-md)}.responsive-flex-center{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;align-items:center}@media(max-width:767px){.responsive-stack{flex-direction:column}}@media(hover:none)and (pointer:coarse){button,a,[role=button]{min-height:44px;min-width:44px}.hover-effect:hover{transform:none}}@supports (padding: max(0px)){.safe-area-inset{padding-left:max(var(--space-page-x),env(safe-area-inset-left));padding-right:max(var(--space-page-x),env(safe-area-inset-right));padding-bottom:max(var(--space-md),env(safe-area-inset-bottom))}}.nav-link-underline .nav-underline{position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-text-main);transition:width .3s ease}.nav-link-underline.nav-link-active .nav-underline,.nav-link-underline:hover .nav-underline{width:100%}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.phase-screen{min-height:100vh;padding:var(--space-page-y) var(--space-page-x);box-sizing:border-box}@media(max-width:767px){.phase-grid,.principles-grid,.content-screen-grid,.comparison-screen-grid,.gallery-grid,.square-grid,.priority-grid,.slide-grid{grid-template-columns:1fr!important;gap:var(--space-lg)!important}.phase-grid-2{grid-template-columns:1fr!important}}@media(min-width:768px)and (max-width:1023px){.phase-grid-3,.gallery-grid,.phase-grid-4{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:767px){.phase-title{font-size:clamp(2rem,8vw,3rem)!important;margin-bottom:var(--space-lg)!important}.phase-subtitle{font-size:clamp(1rem,4vw,1.25rem)!important}.phase-description{font-size:clamp(.9rem,3.5vw,1.1rem)!important;line-height:1.7!important}.screen-number{font-size:var(--text-xs)!important}.screen-label{font-size:var(--text-xs)!important;padding:6px 12px!important}}@media(max-width:767px){.gallery-screen .gallery-item{aspect-ratio:4/3!important}.gallery-screen .gallery-caption{font-size:var(--text-sm)!important;padding:var(--space-sm)!important}}@media(max-width:767px){.square-grid-screen .grid-container{grid-template-columns:repeat(2,1fr)!important;gap:var(--space-sm)!important}}@media(max-width:479px){.square-grid-screen .grid-container{grid-template-columns:1fr!important}}@media(max-width:767px){.packaging-gallery .gallery-row{flex-direction:column!important;gap:var(--space-md)!important}.packaging-gallery .gallery-item{width:100%!important;max-width:none!important}}@media(max-width:767px){.comparison-screen{flex-direction:column!important}.comparison-screen .comparison-side{width:100%!important;min-height:50vh!important}.comparison-screen .comparison-divider{display:none!important}}@media(max-width:767px){.sticky-section{position:relative!important}.sticky-section .sticky-content{position:relative!important;top:auto!important}.horizontal-scroll-section{overflow-x:auto!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important}.horizontal-scroll-section .scroll-item{scroll-snap-align:start!important;flex-shrink:0!important;width:85vw!important}}@media(max-width:767px){.marquee-track{animation-duration:30s!important}.logo-marquee .logo-item{width:100px!important;margin:0 var(--space-md)!important}.three-row-marquee .marquee-row:nth-child(3){display:none!important}}@media(max-width:767px){.grouped-carousel .carousel-item{width:280px!important;height:auto!important}.grouped-carousel .carousel-navigation{bottom:var(--space-md)!important}}@media(max-width:767px){.document-gallery .document-grid{grid-template-columns:1fr!important;gap:var(--space-lg)!important}.document-focus-lens .lens-container{flex-direction:column!important}.document-focus-lens .document-preview{width:100%!important;max-height:50vh!important}.paired-document-grid .document-pair{flex-direction:column!important;gap:var(--space-md)!important}}@media(max-width:767px){.fullscreen-image-screen{min-height:60vh!important}.fullscreen-image-screen .image-caption{position:relative!important;bottom:auto!important;padding:var(--space-lg) var(--space-page-x)!important;background:var(--color-bg)!important}.panorama-full-screen{height:50vh!important}}@media(max-width:767px){.logo-structure-screen .structure-grid{grid-template-columns:1fr!important}.logo-focus-lens .lens-magnifier{width:150px!important;height:150px!important}.brand-identity-screen .identity-grid{grid-template-columns:1fr!important}}@media(max-width:767px){.intro-screen{padding:var(--space-2xl) var(--space-page-x)!important}.intro-screen .intro-number{font-size:clamp(4rem,20vw,8rem)!important}.summary-screen .summary-content{padding:var(--space-xl)!important}.phase-closing-screen .closing-stats{flex-direction:column!important;gap:var(--space-lg)!important}}@media(max-width:767px){.phase-button,.carousel-nav-button,.gallery-nav-button{min-width:44px!important;min-height:44px!important;padding:var(--space-md)!important}.flashlight-mask,.cursor-follower{display:none!important}}@media(max-width:767px){.progress-indicator{right:var(--space-sm)!important;gap:8px!important}.progress-indicator .progress-dot{width:4px!important;height:4px!important}.progress-indicator .progress-dot.active{height:16px!important}}@media(max-width:767px){.scroll-driven-element{transform:none!important;opacity:1!important}.parallax-element{transform:none!important}.fly-in-gallery .fly-item{transform:none!important;opacity:1!important}}@media(max-width:767px){.phase-screen-wrapper:last-child{padding-bottom:80px!important}.phase-closing-screen,.summary-screen{padding-bottom:80px!important}}@media(max-width:767px){.flashlight-mask{cursor:default!important}.scroll-hint{font-size:.65rem!important}.phase-label{font-size:.75rem!important;letter-spacing:2px!important}}@media print{.phase-screen{min-height:auto!important;page-break-inside:avoid!important}.marquee-track,.carousel-container,.flashlight-mask{display:none!important}}