:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,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: "Playfair Display", serif;--font-sans: "Inter", sans-serif;--color-bg: #ffffff;--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;--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;--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;--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: 80px;--nav-height-mobile: 64px}[data-theme=dark]{--color-bg: #0a0a0a;--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}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)}::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))}}.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 print{.phase-screen{min-height:auto!important;page-break-inside:avoid!important}.marquee-track,.carousel-container,.flashlight-mask{display:none!important}}