:root{--red-deep:#743d49;--red:#8b4a57;--coral:#743d49;--ink:#292522;--muted:#68605b;--bg:#f7f3ec;--blush:#ead9d3;--border:#dcd3c9;--bg-page:var(--bg);--bg-surface:#fffcf8;--bg-secondary:var(--blush);--bg-header:hsla(38,41%,95%,.94);--text-main:var(--ink);--text-muted:var(--muted);--text-subtle:#736a64;--text-inverse:#fff;--color-wine:var(--red-deep);--color-wine-hover:#5d303b;--color-wine-light:var(--blush);--color-wine-tint:rgba(116,61,73,.08);--border-subtle:var(--border);--border-card:#e4dcd2;--border-hover:var(--red-deep);--btn-gradient-primary:linear-gradient(135deg,var(--red-deep) 0%,var(--red) 100%);--btn-gradient-hover:linear-gradient(135deg,#5d303b 0%,var(--red-deep) 100%);--font-heading:"Montserrat","Be Vietnam Pro",-apple-system,sans-serif;--font-body:"Be Vietnam Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-serif:var(--font-heading);--font-sans:var(--font-body);--radius-card:24px;--radius-lg:24px;--radius-md:16px;--radius-sm:10px;--radius-pill:9999px;--shadow-subtle:0 4px 20px rgba(41,37,34,.04),0 1px 3px rgba(41,37,34,.02);--shadow-card:0 10px 30px rgba(116,61,73,.06),0 2px 6px rgba(41,37,34,.03);--shadow-hover:0 16px 36px rgba(116,61,73,.12),0 4px 12px rgba(41,37,34,.04);--shadow-wine:0 8px 24px rgba(116,61,73,.25);--focus-ring:2px solid var(--red-deep);--focus-offset:2px;--transition-fast:180ms ease;--transition-normal:250ms ease;--flashcard-back-bg:var(--red-deep,#743d49);--photo-strip-bg:#d2c0be;--photo-strip-text:var(--ink,#292522);--photo-strip-btn-color:var(--ink,#292522);--photo-strip-btn-bg:transparent;--photo-strip-btn-hover-bg:hsla(0,0%,100%,.4);--photo-strip-btn-border:rgba(41,37,34,.45);--photo-strip-btn-ring:var(--ink,#292522);--section-spacing-boundary:clamp(40px,4vw,56px)}[data-theme=dark]{--bg:#161212;--bg-page:var(--bg);--bg-surface:#221a1a;--bg-secondary:#2c1f1f;--bg-header:rgba(22,18,18,.94);--ink:#fff8f5;--muted:#d8cac5;--text-main:var(--ink);--text-muted:var(--muted);--text-subtle:#b3a19b;--text-inverse:#161212;--red-deep:#ff666a;--red:#ff7d82;--coral:#ff8f8f;--blush:#2d1e1e;--border:#442b2b;--color-wine:var(--red);--color-wine-hover:#ffa2a5;--color-wine-light:rgba(255,125,130,.15);--color-wine-tint:rgba(255,125,130,.1);--border-subtle:var(--border);--border-card:var(--border);--border-hover:var(--coral);--shadow-subtle:0 4px 20px rgba(0,0,0,.3);--shadow-card:0 10px 30px rgba(0,0,0,.4);--shadow-hover:0 16px 36px rgba(0,0,0,.5);--flashcard-back-bg:#4a242c;--photo-strip-bg:#4a242c;--photo-strip-text:#fff;--photo-strip-btn-color:#fff;--photo-strip-btn-bg:transparent;--photo-strip-btn-hover-bg:hsla(0,0%,100%,.25);--photo-strip-btn-border:hsla(0,0%,100%,.4);--photo-strip-btn-ring:#fff}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-page);color:var(--text-main);line-height:1.6;font-size:17px;min-height:100vh;overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:800;color:var(--text-main);letter-spacing:-.01em;line-height:1.25}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a,button{cursor:pointer}button{font-family:inherit;border:none;background:none}[role=button]:focus-visible,[role=tab]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--red)!important;outline-offset:2px!important}img{max-width:100%;height:auto;display:block}div[id],section[id]{scroll-margin-top:clamp(84px,8vw,92px)}.portfolio-wrapper{display:flex;flex-direction:column;min-height:100vh}.section-container{width:100%;max-width:1180px;margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px}.section-padding{padding-top:104px;padding-bottom:104px}.section-header{margin-bottom:56px;max-width:720px}.section-header-flex{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:56px;flex-wrap:wrap}.section-kicker{display:inline-block;font-family:var(--font-sans);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--red);margin-bottom:10px}.section-title{font-family:var(--font-heading);font-size:clamp(1.85rem,2.7vw,2.75rem);font-weight:800;color:var(--text-main);letter-spacing:-.025em;line-height:1.2;margin-bottom:16px}.section-title .title-accent,.section-title em,.title-keyword-accent{font-style:italic;color:var(--red);font-weight:inherit}.section-subtitle{font-size:1.05rem;color:var(--text-muted);line-height:1.68}.subtitle-highlight{font-weight:700;color:inherit;font-style:normal}.btn-primary{display:inline-flex;align-items:center;justify-content:center;height:46px;min-height:46px;background:var(--btn-gradient-primary);color:#fff!important;font-size:.95rem;font-weight:600;line-height:1;padding:0 24px;border-radius:var(--radius-sm);border:1.5px solid transparent;cursor:pointer;box-shadow:0 4px 14px rgba(116,61,73,.2);transition:all var(--transition-fast);box-sizing:border-box}.btn-primary:hover{background:var(--btn-gradient-hover);box-shadow:0 6px 20px rgba(116,61,73,.32);transform:translateY(-1px)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;height:46px;min-height:46px;gap:8px;background-color:var(--bg-surface);color:var(--red-deep)!important;font-size:.95rem;font-weight:600;line-height:1;padding:0 22px;border-radius:var(--radius-sm);border:1.5px solid var(--border);cursor:pointer;transition:all var(--transition-fast);box-sizing:border-box}.btn-secondary:hover{background-color:var(--blush);border-color:var(--red);color:var(--red)!important;transform:translateY(-1px)}.btn-link-action{display:inline-flex;align-items:center;min-height:44px;gap:8px;font-size:.94rem;font-weight:600;color:var(--red);cursor:pointer;transition:gap var(--transition-fast),color var(--transition-fast)}.btn-link-action:hover{gap:12px;color:var(--red-deep)}.meta-sep{color:var(--border-subtle);margin:0 4px;font-weight:400}.header-nav{position:-webkit-sticky;position:sticky;top:0;z-index:2000;width:100%;background:var(--bg-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);transition:border-color var(--transition-fast)}.header-scrolled{border-bottom-color:var(--border-subtle);box-shadow:var(--shadow-subtle)}.nav-container{max-width:1180px;margin:0 auto;padding:18px 40px;display:flex;align-items:center;justify-content:space-between}.nav-logo{gap:12px}.logo-text-group,.nav-logo{display:flex;align-items:baseline}.logo-text-group{gap:10px}.logo-name{font-family:var(--font-heading);font-size:1.45rem;font-weight:800;color:var(--text-main);letter-spacing:-.01em}.logo-sub{font-family:var(--font-sans);font-size:.78rem;color:var(--text-muted);font-weight:500}.desktop-menu{display:flex;align-items:center;gap:32px}.nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-family:var(--font-sans);font-size:.92rem;font-weight:500;color:var(--text-muted);padding:10px 0;position:relative;cursor:pointer;text-decoration:none;transition:color var(--transition-fast)}.nav-link:focus-visible,.nav-link:hover{color:var(--red)}.nav-link.active{color:var(--red-deep);font-weight:700}.nav-link:after{content:"";position:absolute;left:0;width:100%;bottom:8px;height:2px;background-color:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .15s ease-in;pointer-events:none}.nav-link:focus-visible:after,.nav-link:hover:after{transform:scaleX(1);transition:transform .2s ease-out}.nav-link:focus-visible{outline:2px solid var(--red);outline-offset:4px;border-radius:2px}.nav-item-dropdown,.nav-link-anchor-wrap{position:relative;display:inline-flex;align-items:center}.nav-dropdown-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(6px);min-width:200px;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04);padding:8px 0;z-index:2100;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.nav-dropdown-menu:before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px;background:transparent}.nav-dropdown-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.nav-dropdown-nav{display:block}.nav-dropdown-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.nav-dropdown-item,.nav-dropdown-link{display:flex;width:100%}.nav-dropdown-link{align-items:center;justify-content:center;text-align:center;min-height:44px;padding:0 20px;font-family:var(--font-sans);font-size:.92rem;font-weight:500;color:var(--text-main);text-decoration:none;white-space:nowrap;transition:color .15s ease}.nav-dropdown-link:focus-visible,.nav-dropdown-link:hover{color:var(--red)}.nav-dropdown-link:focus-visible{outline:2px solid var(--red);outline-offset:-2px;border-radius:6px}@media (hover:hover){.nav-dropdown-touch-btn{display:none!important}}@media (hover:none){.nav-dropdown-touch-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin-left:2px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:color .15s ease}.nav-dropdown-touch-btn:active,.nav-dropdown-touch-btn:focus-visible,.nav-dropdown-touch-btn:hover{color:var(--red)}.nav-dropdown-touch-btn:focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:4px}.nav-chevron-icon{transition:transform .2s ease}.nav-chevron-icon.is-open{transform:rotate(180deg)}}@media (prefers-reduced-motion:reduce){.nav-dropdown-menu,.nav-link:after{transition:none!important}.nav-dropdown-menu{transform:translateX(-50%) translateY(0)!important}.nav-chevron-icon,.nav-dropdown-link{transition:none!important}}.nav-actions{gap:12px}.nav-actions,.theme-toggle-btn{display:flex;align-items:center}.theme-toggle-btn{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:var(--radius-sm);justify-content:center;color:var(--text-muted);background:transparent;border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast)}.theme-toggle-btn:hover{color:var(--text-main);border-color:var(--red);background-color:var(--blush)}.btn-cv-distinct{display:inline-flex;align-items:center;justify-content:center;min-height:44px;gap:8px;background:var(--btn-gradient-primary);color:#fff!important;font-size:.9rem;font-weight:600;padding:9px 20px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;box-shadow:0 4px 14px rgba(116,61,73,.18);transition:all var(--transition-fast)}.btn-cv-distinct:hover{background:var(--btn-gradient-hover);box-shadow:0 6px 18px rgba(116,61,73,.28);transform:translateY(-1px)}.mobile-toggle-btn{display:none;width:44px;height:44px;min-width:44px;min-height:44px;align-items:center;justify-content:center;color:var(--text-main);cursor:pointer;border-radius:var(--radius-sm)}.mobile-drawer{display:none;background:var(--bg-surface);border-top:1px solid var(--border-subtle);padding:24px}.mobile-links{gap:8px;margin-bottom:24px}.mobile-links,.mobile-nav-group{display:flex;flex-direction:column}.mobile-nav-link{font-size:1.05rem;font-weight:600;color:var(--text-main);padding:10px 0;min-height:44px;display:flex;align-items:center;border-bottom:1px solid var(--border-subtle);cursor:pointer;text-decoration:none;transition:color var(--transition-fast)}.mobile-nav-link.active,.mobile-nav-link:active,.mobile-nav-link:hover{color:var(--red)}.mobile-nav-link.has-sublinks{border-bottom:none}.mobile-sublinks-list{display:flex;flex-direction:column;padding-left:16px;border-bottom:1px solid var(--border-subtle);margin-bottom:4px}.mobile-subnav-link{font-family:var(--font-sans);font-size:.95rem;font-weight:500;color:var(--text-muted);min-height:44px;display:flex;align-items:center;text-decoration:none;transition:color .15s ease}.mobile-subnav-link.active,.mobile-subnav-link:active,.mobile-subnav-link:hover{color:var(--red)}.mobile-subnav-link:focus-visible{outline:2px solid var(--red);outline-offset:2px}.mobile-drawer-footer{display:flex;flex-direction:column;gap:12px}.mobile-cv-btn,.mobile-theme-btn{width:100%;justify-content:center;min-height:44px}.mobile-theme-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);color:var(--text-main);background:var(--bg-surface);font-weight:600;font-size:.9rem;cursor:pointer}.hero-section{padding-top:64px;padding-bottom:96px;background-color:var(--bg-page);border-bottom:1px solid var(--border-subtle)}.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;grid-gap:48px;gap:48px}.hero-kicker-wrap{margin-bottom:18px}.hero-kicker-tag{display:inline-block;font-size:.82rem;font-weight:600;color:var(--color-wine);background-color:var(--color-wine-light);padding:4px 12px;border-radius:var(--radius-sm);letter-spacing:.02em}.hero-name{font-family:var(--font-serif);font-size:4.8rem;font-weight:700;color:var(--text-main);letter-spacing:-.025em;line-height:1.05;margin-bottom:14px}.hero-title{font-family:var(--font-sans);font-size:1.35rem;font-weight:500;color:var(--color-wine);margin-bottom:24px}.hero-bio{font-size:1.12rem;color:var(--text-main);line-height:1.75;max-width:530px;margin-bottom:36px}.hero-actions{display:flex;align-items:center;gap:16px;margin-top:24px;margin-bottom:0;flex-wrap:wrap;animation:heroFadeUp .35s cubic-bezier(.16,1,.3,1) .48s both}.hero-circle-layout{padding-top:24px;padding-bottom:18px;background-color:var(--bg);border-bottom:1px solid var(--border)}.hero-top-grid{display:grid;grid-template-columns:1.85fr 1fr;grid-gap:48px;gap:48px;align-items:center}.hero-left-col{display:flex;flex-direction:column;align-items:flex-start;text-align:left;max-width:760px;width:100%}.hero-headline{font-size:clamp(1.85rem,2.7vw,2.75rem);line-height:1.15;margin-bottom:22px;white-space:nowrap}.hero-author-name,.hero-headline{font-family:var(--font-heading);font-weight:800;color:var(--red-deep);letter-spacing:-.025em;text-align:left;animation:heroFadeUp .35s cubic-bezier(.16,1,.3,1) 0ms both}.hero-author-name{font-size:clamp(2.4rem,3.2vw,3.2rem);line-height:1.08;margin-bottom:6px}.hero-author-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--red-deep);margin-bottom:22px;text-align:left;line-height:1.35;animation:heroFadeUp .35s cubic-bezier(.16,1,.3,1) .12s both}.hero-author-title .title-keyword-accent{font-style:italic;color:var(--red);font-weight:800}.hero-desc-p1{font-family:var(--font-body);font-size:18px;line-height:1.6;color:var(--text-muted);width:100%;margin-top:0;margin-bottom:0;text-align:left;animation:heroFadeUp .35s cubic-bezier(.16,1,.3,1) .24s both}.hero-desc-highlight{font-weight:700;font-style:italic;color:var(--red-deep);text-decoration:none;font-size:inherit}.hero-desc-p2{font-family:var(--font-body);font-style:italic;font-size:18px;line-height:1.6;color:var(--text-muted);width:100%;margin-top:16px;margin-bottom:0;padding-left:0;text-align:left;animation:heroFadeUp .35s cubic-bezier(.16,1,.3,1) .36s both}.hero-p2-br{display:inline}.text-nowrap{white-space:nowrap}.hero-right-col{display:flex;justify-content:flex-end;align-items:center;width:100%}.hero-svg-clip-def{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.hero-portrait-stage{position:relative;width:100%;max-width:370px;height:430px;display:flex;justify-content:center;align-items:flex-end;margin-left:auto;margin-right:0}.hero-layer-ring{position:absolute;bottom:0;width:360px;height:360px;border-radius:50%;border:1.5px solid #d3b59b;box-sizing:border-box;pointer-events:none;z-index:1}.hero-layer-circle{position:absolute;bottom:10px;width:340px;height:340px;border-radius:50%;background-color:var(--color-wine);box-shadow:0 16px 36px rgba(116,61,73,.22);z-index:2}.hero-layer-subject-wrap{position:relative;width:340px;height:425px;margin-bottom:10px;z-index:3;clip-path:url(#hero-circle-bottom-clip);-webkit-clip-path:url(#hero-circle-bottom-clip);pointer-events:auto;cursor:pointer;transition:transform var(--transition-fast)}.hero-layer-subject-wrap:hover{transform:scale(1.015)}.hero-layer-subject-img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero-lightbox-overlay{position:fixed;inset:0;z-index:9999;background-color:rgba(18,14,15,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:24px;animation:heroLightboxFadeIn .2s ease}@keyframes heroLightboxFadeIn{0%{opacity:0}to{opacity:1}}.hero-lightbox-container{position:relative;width:100%;max-width:1100px;height:100%;max-height:90vh;display:flex;flex-direction:column}.hero-lightbox-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 16px;color:#faf7f2}.hero-lightbox-counter{font-family:var(--font-sans);font-size:.92rem;font-weight:600;letter-spacing:.08em;color:#eadbc8;background:hsla(0,0%,100%,.08);padding:6px 14px;border-radius:999px;border:1px solid hsla(0,0%,100%,.12)}.hero-lightbox-close-btn{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.16);color:#faf7f2;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s ease,transform .18s ease}.hero-lightbox-close-btn:hover{background:var(--color-wine);border-color:var(--color-wine);transform:scale(1.06)}.hero-lightbox-viewport{position:relative;flex:1 1;min-height:0}.hero-lightbox-media-wrapper,.hero-lightbox-viewport{display:flex;align-items:center;justify-content:center}.hero-lightbox-media-wrapper{width:100%;height:100%;overflow:hidden}.hero-lightbox-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 20px 50px rgba(0,0,0,.6);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.hero-lightbox-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:rgba(30,20,22,.78);border:1px solid hsla(0,0%,100%,.18);color:#faf7f2;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .18s ease,transform .18s ease}.hero-lightbox-nav-btn.prev{left:8px}.hero-lightbox-nav-btn.next{right:8px}.hero-lightbox-nav-btn:hover{background:var(--color-wine);border-color:var(--color-wine);transform:translateY(-50%) scale(1.08)}.projects-section{padding-top:48px;padding-bottom:var(--section-spacing-boundary)!important;background-color:var(--bg-page);border-bottom:1px solid var(--border-subtle)}.projects-section .section-header{margin-bottom:28px;max-width:960px}.projects-section .section-title{color:var(--red);font-style:italic}@media (min-width:880px){.projects-section .section-subtitle{white-space:nowrap}}.lead-project-card{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:48px;gap:48px;align-items:center;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:40px;margin-bottom:40px;box-shadow:var(--shadow-subtle)}.lead-project-media{position:relative;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.lead-project-img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform var(--transition-normal)}.lead-project-media:hover .lead-project-img{transform:scale(1.02)}.lead-project-content{display:flex;flex-direction:column}.project-meta-top{display:flex;align-items:center;gap:4px;font-size:.85rem;color:var(--text-subtle);margin-bottom:8px}.project-company{font-weight:600;color:var(--color-wine)}.project-role-text{font-size:.88rem;color:var(--text-muted);margin-bottom:12px}.lead-project-title,.project-role-text strong{color:var(--text-main)}.lead-project-title{font-family:var(--font-serif);font-size:1.85rem;font-weight:700;line-height:1.35;margin-bottom:14px}.lead-project-title a:hover{color:var(--color-wine)}.lead-project-desc{font-size:.98rem;color:var(--text-muted);line-height:1.7;margin-bottom:22px}.project-result-accent{margin-bottom:24px;padding-left:14px;border-left:2px solid var(--color-wine)}.result-label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-subtle);letter-spacing:.05em;margin-bottom:2px}.result-value-highlight{font-size:1.15rem;font-weight:700;color:var(--color-wine);line-height:1.4}.featured-projects-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;margin-bottom:0!important}.featured-project-card{background-color:transparent;border:none;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:14px;box-shadow:none;transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);position:relative;box-sizing:border-box;cursor:pointer}.featured-project-card:hover{background-color:var(--bg-surface);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.06);border:none}.featured-project-media{position:relative;overflow:hidden;border-radius:12px;border:none;margin-bottom:0;width:100%;aspect-ratio:16/10;background-color:var(--bg-surface)}.yt-timestamp-badge{position:absolute;bottom:8px;right:8px;background-color:rgba(0,0,0,.78);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-family:var(--font-sans);font-size:.7rem;font-weight:600;letter-spacing:.02em;padding:2.5px 6px;border-radius:4px;line-height:1.2;z-index:10;pointer-events:none}.featured-project-content{display:flex;flex-direction:column;gap:12px;flex-grow:1;padding:2px 2px 4px}.featured-project-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:800;color:var(--text-main);line-height:1.35;margin:0;white-space:nowrap}.featured-project-title a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.featured-project-card:hover .featured-project-title a,.featured-project-card:hover .split-metric-main{color:var(--color-wine)}.featured-project-card:hover .metric-icon{color:var(--color-wine);opacity:1}.featured-project-card.is-current-project{opacity:.45;filter:grayscale(40%);cursor:default!important;pointer-events:none!important}.featured-project-card.is-current-project,.featured-project-card.is-current-project:hover{background-color:transparent!important;transform:none!important;box-shadow:none!important}.featured-project-card.is-current-project .featured-project-title,.featured-project-card.is-current-project .featured-project-title a,.featured-project-card.is-current-project .metric-icon,.featured-project-card.is-current-project .split-metric-main{color:inherit!important}.current-project-badge{position:absolute;top:8px;left:8px;background-color:rgba(45,36,38,.78);color:#fff;font-family:var(--font-sans);font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;letter-spacing:.02em}.project-split-metrics{display:flex;flex-direction:column;gap:8px;margin-top:auto;margin-bottom:0}.split-metric-row{display:flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:1.05rem;color:var(--text-muted);line-height:1.5;white-space:nowrap}.metric-icon{color:var(--color-wine);flex-shrink:0;opacity:.9;transition:color var(--transition-fast),opacity var(--transition-fast)}.split-metric-main{font-weight:400;color:var(--text-muted);white-space:nowrap;transition:color var(--transition-fast)}.featured-project-content .project-link-row{margin-top:auto}.secondary-projects-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:36px;gap:36px;margin-bottom:48px}.secondary-project-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:32px;display:flex;flex-direction:column;box-shadow:var(--shadow-subtle)}.secondary-project-media{position:relative;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--border-subtle);margin-bottom:24px}.secondary-project-img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform var(--transition-normal)}.secondary-project-media:hover .secondary-project-img{transform:scale(1.02)}.dol-cover-slideshow-container{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:var(--radius-md);-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--bg-alt);touch-action:pan-y}.dol-cover-slideshow-container:focus-visible{outline:2px solid var(--color-wine);outline-offset:2px}.dol-cover-track{display:flex;width:100%;height:100%;will-change:transform}.dol-cover-slide{flex:0 0 100%;width:100%;height:100%;position:relative}.dol-cover-slide-img,.dol-cover-slide-link{display:block;width:100%;height:100%}.dol-cover-slide-img{object-fit:cover;transition:transform var(--transition-normal)}.dol-cover-slideshow-container:hover .dol-cover-slide-img{transform:scale(1.02)}.dol-cover-control-btn{position:absolute;top:12px;right:12px;z-index:5;width:28px;height:28px;border-radius:50%;background:rgba(30,26,23,.65);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;border:1px solid hsla(0,0%,100%,.25);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px rgba(0,0,0,.2)}.dol-cover-control-btn:hover{background:var(--color-wine);border-color:var(--color-wine);transform:scale(1.08)}.dol-cover-control-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.dol-cover-dots{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:5px;padding:3px 8px;border-radius:100px;background:rgba(30,26,23,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid hsla(0,0%,100%,.18);box-shadow:0 2px 8px rgba(0,0,0,.2)}.dol-cover-dot{width:5px;height:5px;border-radius:50%;border:none;background:hsla(0,0%,100%,.45);cursor:pointer;padding:0;transition:width .3s ease,background .3s ease,border-radius .3s ease}.dol-cover-dot:hover{background:hsla(0,0%,100%,.9)}.dol-cover-dot.active{width:14px;border-radius:10px;background:#fff}.dol-cover-dot:focus-visible{outline:2px solid #fff;outline-offset:1px}@media (prefers-reduced-motion:reduce){.dol-cover-track{transition:none!important}}.secondary-project-content{display:flex;flex-direction:column;flex-grow:1}.secondary-project-title{font-family:var(--font-serif);font-size:1.45rem;font-weight:700;line-height:1.35;color:var(--text-main);margin-bottom:12px}.secondary-project-title a:hover{color:var(--color-wine)}.secondary-project-desc{font-size:.92rem;color:var(--text-muted);line-height:1.65;margin-bottom:20px;flex-grow:1}.project-link-row{margin-top:auto}.other-projects-section{padding-top:32px;border-top:1px solid var(--border-subtle)}.other-projects-title{font-family:var(--font-serif);font-size:1.15rem;font-weight:700;color:var(--text-main);margin-bottom:20px}.other-projects-list{display:flex;flex-direction:column;gap:12px}.other-project-row{display:flex;align-items:center;gap:20px;padding:18px 24px;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.other-project-row:hover{border-color:var(--color-wine)}.other-project-thumb{width:64px;height:64px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.other-project-thumb img{width:100%;height:100%;object-fit:cover}.other-project-info{flex-grow:1}.other-project-meta{font-size:.8rem;color:var(--text-subtle);margin-bottom:2px}.other-company{color:var(--color-wine);font-weight:600}.other-title{font-family:var(--font-sans);font-size:1.05rem;font-weight:600;color:var(--text-main);margin-bottom:2px}.other-title a:hover{color:var(--color-wine)}.other-metric{font-size:.85rem;color:var(--text-muted)}.other-link-btn{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;font-weight:600;color:var(--color-wine);padding:6px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);transition:all var(--transition-fast)}.other-link-btn:hover{border-color:var(--color-wine);background-color:var(--color-wine-light)}.brand-profile-section{background-color:var(--bg-page);border-bottom:1px solid var(--border-subtle)}.brand-statement-header{margin-bottom:36px}.brand-statement-desc{max-width:780px;font-size:1.05rem;line-height:1.7}.brand-origin-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:32px 36px;box-shadow:var(--shadow-subtle);margin-bottom:48px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.brand-origin-card:hover{border-color:var(--color-wine);box-shadow:var(--shadow-md)}.origin-badge-wrap{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.origin-year-pill{display:inline-flex;align-items:center;padding:4px 12px;border-radius:100px;background-color:var(--blush);color:var(--color-wine);font-family:var(--font-heading);font-size:.78rem;font-weight:700;letter-spacing:.03em;border:1px solid rgba(116,61,73,.2)}.origin-tagline{font-size:.84rem;color:var(--text-muted);font-style:italic}.origin-content-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:36px;gap:36px;align-items:center}.origin-headline{font-family:var(--font-serif);font-size:1.25rem;font-weight:700;color:var(--text-main);line-height:1.4;margin-bottom:14px}.origin-desc{font-size:.92rem;line-height:1.75;color:var(--text-main);margin-bottom:12px;text-align:justify}.origin-desc:last-child{margin-bottom:0}.origin-desc strong{color:var(--text-main);font-weight:700}.origin-desc em{color:var(--color-wine);font-style:italic}.origin-media-col{cursor:pointer;display:flex;flex-direction:column;gap:8px}.origin-media-frame{position:relative;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-subtle);background-color:var(--bg-alt);aspect-ratio:16/10;box-shadow:var(--shadow-subtle)}.origin-media-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.origin-media-col:hover .origin-media-img{transform:scale(1.04)}.origin-media-overlay{position:absolute;inset:0;background:rgba(30,26,23,.45);display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:.8125rem;font-weight:600;opacity:0;transition:opacity var(--transition-fast)}.origin-media-col:hover .origin-media-overlay{opacity:1}.origin-media-caption{font-size:.75rem;color:var(--text-muted);text-align:center;font-style:italic}.brand-usp-module{margin-bottom:48px}.usp-module-header{margin-bottom:24px}.usp-module-label{display:block;font-family:var(--font-heading);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-wine);margin-bottom:4px}.usp-module-title{font-family:var(--font-serif);font-size:1.65rem;font-weight:700;color:var(--text-main);line-height:1.25}.brand-usp-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.brand-usp-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px 24px;display:flex;flex-direction:column;box-shadow:var(--shadow-subtle);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.brand-usp-card:hover{transform:translateY(-4px);border-color:var(--color-wine);box-shadow:var(--shadow-md)}.usp-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.usp-number{font-family:var(--font-heading);font-size:.8125rem;font-weight:800;letter-spacing:.06em;color:var(--color-wine)}.usp-icon-badge{width:36px;height:36px;border-radius:10px;background-color:var(--blush);color:var(--color-wine);display:flex;align-items:center;justify-content:center;border:1px solid rgba(116,61,73,.15)}.usp-title{font-family:var(--font-serif);font-size:1.25rem;font-weight:700;color:var(--text-main);line-height:1.3;margin-bottom:4px}.usp-subtitle{font-family:var(--font-sans);font-size:.8125rem;font-weight:600;color:var(--red);margin-bottom:14px;display:block}.usp-body{font-size:.88rem;line-height:1.65;color:var(--text-main);margin-bottom:18px;flex-grow:1}.usp-body strong{color:var(--text-main);font-weight:700}.usp-highlight-box{display:flex;flex-direction:column;gap:6px;background-color:var(--bg-alt);border-radius:var(--radius-sm);padding:10px 12px;border:1px solid var(--border-subtle);margin-top:auto}.usp-tag{font-size:.78rem;font-weight:600;color:var(--color-wine)}.usp-proof-strip{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:auto}.usp-proof-item{position:relative;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-subtle);background-color:var(--bg-alt);cursor:pointer;display:flex;flex-direction:column}.usp-proof-item img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform var(--transition-normal)}.usp-proof-item:hover img{transform:scale(1.08)}.usp-proof-hover{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:rgba(30,26,23,.75);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.usp-proof-item:hover .usp-proof-hover{opacity:1}.usp-proof-item span{font-size:.7rem;color:var(--text-muted);padding:4px 6px;background-color:var(--bg-surface);text-align:center;font-weight:600;border-top:1px solid var(--border-subtle)}.brand-partnership-banner{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-left:4px solid var(--color-wine);border-radius:var(--radius-lg);padding:36px;display:grid;grid-template-columns:1.4fr 1fr;grid-gap:36px;gap:36px;box-shadow:var(--shadow-subtle);align-items:center}.partnership-kicker{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-heading);font-size:.78rem;font-weight:700;color:var(--color-wine);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.partnership-title{font-family:var(--font-serif);font-size:1.35rem;font-weight:700;color:var(--red-deep);line-height:1.35;margin-bottom:14px}.partnership-p{font-size:.9rem;line-height:1.7;color:var(--text-main);margin-bottom:10px;text-align:justify}.partnership-p:last-child{margin-bottom:0}.partnership-p strong{color:var(--text-main);font-weight:700}.partnership-p em{color:var(--red-deep);font-style:italic}.partnership-right-col{display:flex;flex-direction:column;gap:16px}.partnership-metrics-box{background-color:var(--bg-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px 20px;display:flex;flex-direction:column;gap:12px}.p-metric-item{display:flex;flex-direction:column;gap:2px;border-bottom:1px solid var(--border-subtle);padding-bottom:8px}.p-metric-item:last-child{border-bottom:none;padding-bottom:0}.p-metric-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-weight:600}.p-metric-val{font-size:.88rem;font-weight:700;color:var(--red-deep)}.partnership-cv-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px}.workflow-section{background-color:var(--bg-page);border-bottom:1px solid var(--border-subtle)}.workflow-editorial-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px}.workflow-step-item{padding:32px;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;flex-direction:column;box-shadow:var(--shadow-subtle)}.step-header-line{display:flex;align-items:baseline;gap:14px;margin-bottom:16px}.step-number{font-family:var(--font-serif);font-size:1.85rem;font-weight:700;color:var(--color-wine);line-height:1}.step-line-divider{flex-grow:1;height:1px;background-color:var(--border-subtle)}.step-title{font-family:var(--font-serif);font-size:1.25rem;font-weight:700;color:var(--text-main);line-height:1.4;margin-bottom:12px}.step-desc{font-size:.95rem;color:var(--text-muted);line-height:1.7;margin-bottom:24px;flex-grow:1}.step-context-info{flex-direction:column;padding-top:16px;border-top:1px solid var(--border-subtle);font-size:.85rem}.step-context-group,.step-context-info{display:flex;gap:8px}.context-label{font-weight:600;color:var(--text-subtle);flex-shrink:0}.context-text{color:var(--text-main)}.musings-section{padding-top:clamp(32px,3.5vw,44px)!important;padding-bottom:clamp(32px,3.5vw,44px)!important;background-color:var(--bg-page);border-bottom:1px solid var(--border-subtle);overflow-x:clip}.tanman-section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:clamp(20px,2.8vw,32px)}.tanman-header-main{max-width:760px}.tanman-section-header .section-title{margin:0 0 8px}.tanman-subtitle{font-family:var(--font-sans);font-size:clamp(.92rem,1.1vw + .45rem,1.05rem);color:var(--text-muted);line-height:1.6;margin:0;white-space:nowrap}.tanman-subtitle-line{display:inline;white-space:nowrap}.tanman-btn-all{flex-shrink:0}.tanman-rows-list{display:flex;flex-direction:column;width:100%}.tanman-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:clamp(24px,4vw,56px);padding-block:clamp(16px,2.2vw,24px);border-bottom:1px solid var(--border-subtle);border-radius:4px;transition:background-color .2s ease}.tanman-row:last-child{border-bottom:none;padding-bottom:12px}.tanman-row.is-image-right{flex-direction:row}.tanman-row.is-image-left{flex-direction:row-reverse}.tanman-row:focus-within{outline:2px solid var(--color-wine);outline-offset:2px}.tanman-row-text{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.tanman-row-title{font-family:var(--font-serif);font-size:clamp(22px,2.6vw,30px);font-weight:700;line-height:1.25;color:var(--text-main);margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.tanman-row:focus-within .tanman-row-title,.tanman-row:hover .tanman-row-title{color:var(--color-wine)}.tanman-row-excerpt{font-family:var(--font-sans);font-size:16px;line-height:1.65;color:var(--text-muted);margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tanman-row-link-wrap{display:flex;align-items:center}.tanman-row-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-family:var(--font-sans);font-size:15px;font-weight:700;color:var(--color-wine);text-decoration:none;background:transparent;border:none;padding:0;margin:0}.tanman-row-link:focus{outline:none}.tanman-row-link:after{content:"";position:absolute;inset:0;z-index:2;cursor:pointer}.tanman-row-link-text{position:relative;display:inline-block}.tanman-row-link-text:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1.5px;background-color:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.tanman-row:focus-within .tanman-row-link-text:after,.tanman-row:hover .tanman-row-link-text:after{transform:scaleX(1)}.tanman-row-arrow{transition:transform .18s ease;flex-shrink:0}.tanman-row:focus-within .tanman-row-arrow,.tanman-row:hover .tanman-row-arrow{transform:translateX(4px)}.tanman-row-media{flex:0 0 42%;width:42%;max-width:42%;aspect-ratio:16/10;overflow:hidden;border-radius:var(--radius-photo,0);background-color:var(--bg-surface-alt,rgba(0,0,0,.04))}.tanman-row-img,.tanman-row-media picture{display:block;width:100%;height:100%}.tanman-row-img{aspect-ratio:16/10;object-fit:cover;border:none;box-shadow:none;border-radius:var(--radius-photo,0);transition:transform .25s ease}.tanman-row:focus-within .tanman-row-img,.tanman-row:hover .tanman-row-img{transform:scale(1.03)}.tanman-row.animate-fade-up{opacity:0;transform:translateY(14px);transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}.tanman-row.animate-fade-up.is-in-view{opacity:1;transform:translateY(0)}@media (min-width:640px) and (max-width:1023px){.tanman-row-media{flex:0 0 45%;width:45%;max-width:45%}}@media (max-width:639px){.tanman-section-header{flex-direction:column;align-items:flex-start;gap:16px}.tanman-subtitle{display:flex;flex-direction:column;gap:4px;white-space:normal}.tanman-subtitle-line{display:block;white-space:nowrap;font-size:clamp(13px,3.8vw,15px)}.tanman-btn-all{align-self:flex-start}.tanman-row,.tanman-row.is-image-left,.tanman-row.is-image-right{flex-direction:column!important;align-items:stretch;gap:16px}.tanman-row-media{order:1!important;max-width:100%!important}.tanman-row-media,.tanman-row-text{width:100%!important;flex:none!important}.tanman-row-text{order:2!important}}@media (prefers-reduced-motion:reduce){.tanman-row,.tanman-row.animate-fade-up{opacity:1!important}.tanman-row,.tanman-row-arrow,.tanman-row-img,.tanman-row-link-text:after,.tanman-row-title,.tanman-row.animate-fade-up{transform:none!important;transition:none!important}}.contact-wine-section{background:linear-gradient(145deg,var(--red-deep) 0,#5d303b 100%);color:var(--text-inverse);padding:88px 0}.contact-wine-box{max-width:660px;margin:0 auto;text-align:center}.contact-wine-heading{font-family:var(--font-heading);font-size:2.5rem;font-weight:800;color:#fff;letter-spacing:-.015em;line-height:1.25;margin:0 0 16px}.contact-wine-desc{font-size:1.08rem;color:var(--blush);line-height:1.7;margin:0 auto 36px;max-width:580px}.contact-channels-row{display:flex;gap:16px;flex-wrap:wrap}.btn-wine-cta,.contact-channels-row{align-items:center;justify-content:center}.btn-wine-cta{display:inline-flex;min-height:48px;width:150px;padding:12px 20px;border-radius:9999px;font-family:var(--font-sans);font-size:.96rem;font-weight:600;gap:10px;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;box-sizing:border-box}.btn-wine-cta.primary{background:#fff;color:var(--red-deep);border:1px solid #fff;box-shadow:0 4px 14px rgba(0,0,0,.15)}.btn-wine-cta.primary:hover{background:var(--bg);color:var(--red);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.22)}.btn-wine-cta.secondary{background:hsla(0,0%,100%,.12);color:#fff;border:1px solid hsla(0,0%,100%,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn-wine-cta.secondary:hover{background:hsla(0,0%,100%,.22);border-color:hsla(0,0%,100%,.6);transform:translateY(-2px)}@media (max-width:767px){.contact-wine-section{padding:64px 0}.contact-wine-heading{font-size:1.85rem}.contact-wine-desc{font-size:1rem;line-height:1.6;margin-bottom:28px}.contact-channels-row{flex-direction:column;width:100%;gap:12px}.btn-wine-cta{width:100%;max-width:240px}}.site-footer{margin-top:auto;background-color:var(--bg-page);border-top:1px solid var(--border-subtle);padding:24px 0}.footer-container{width:100%;max-width:1180px;margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px;box-sizing:border-box}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-copyright{font-size:.85rem;color:var(--text-subtle);line-height:1.5;margin:0}.footer-scroll-top{display:inline-flex;align-items:center;justify-content:center;min-height:32px;gap:8px;font-size:.88rem;font-weight:600;color:var(--text-muted);background:transparent;border:none;padding:0;cursor:pointer;transition:color var(--transition-fast)}.footer-scroll-top:hover{color:var(--red)}.footer-scroll-top:focus-visible{outline:2px solid var(--red-deep)!important;outline-offset:3px!important;border-radius:4px}@media (max-width:1023px){.footer-container{padding-left:32px;padding-right:32px}}@media (max-width:767px){.site-footer{padding:20px 0 calc(20px + env(safe-area-inset-bottom, 0px))}.footer-container{padding-left:20px;padding-right:20px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}.footer-copyright{font-size:13.5px;line-height:1.5}.footer-scroll-top{min-height:44px;height:44px;display:inline-flex;align-items:center;padding:0}}.project-top-bar{background-color:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:14px 0}.breadcrumb-nav{display:flex;align-items:center;gap:8px;font-size:.88rem}.back-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--color-wine)}.breadcrumb-sep{color:var(--color-wine);opacity:.5}.breadcrumb-current{color:var(--color-wine);font-weight:600}.project-header-section{padding:22px 0;background-color:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.project-meta-badges{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.badge-company-tag{background-color:var(--color-wine);color:#fff;font-weight:600}.badge-company-tag,.badge-market-tag,.badge-period-tag{padding:4px 12px;border-radius:var(--radius-sm);font-size:.82rem}.badge-market-tag,.badge-period-tag{background-color:var(--bg-page);color:var(--text-muted);font-weight:500;border:1px solid var(--border-subtle)}.project-detail-title{font-family:var(--font-heading);font-size:clamp(1.15rem,1.75vw,1.55rem);font-weight:700;color:var(--color-wine);line-height:1.35;letter-spacing:-.015em;margin-top:0;margin-bottom:22px}.project-roles-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.role-chip{display:inline-flex;align-items:center;gap:7px;background-color:var(--bg-page);padding:6px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);font-size:.82rem;font-weight:400;font-style:italic;color:var(--text-muted);line-height:1.4}.role-chip svg{color:var(--text-muted);opacity:.8;font-style:normal}.project-body-section{padding-top:22px;background-color:var(--bg-page)}.project-layout-grid{display:grid;grid-template-columns:1fr 340px;grid-gap:48px;gap:48px}.project-single-layout{max-width:100%;margin:0;gap:56px}.editorial-section-block,.project-single-layout{width:100%;display:flex;flex-direction:column}.editorial-section-header{margin-bottom:28px}.editorial-header-top-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.editorial-section-kicker{display:inline-block;font-family:var(--font-sans);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-wine)}.stepped-flow-hint{display:inline-flex;align-items:center;gap:6px;background-color:var(--color-wine-tint);color:var(--color-wine);font-size:.8rem;font-weight:600;padding:4px 10px;border-radius:var(--radius-pill);border:1px solid rgba(116,61,73,.15)}.editorial-section-title{font-family:var(--font-heading);font-size:clamp(1.4rem,2.5vw,1.75rem);font-weight:800;color:var(--text-main);letter-spacing:-.015em;line-height:1.3;margin:0}.story-hook-header{margin-bottom:22px!important}.project-story-hook-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-left:4px solid var(--color-wine);border-radius:12px;padding:18px 24px;box-shadow:0 3px 12px rgba(116,61,73,.03);display:flex;flex-direction:column;gap:10px}.project-story-hook-text{font-family:var(--font-sans);font-size:.94rem;line-height:1.55;color:var(--text-main);margin:0}@media (max-width:640px){.project-body-section{padding-top:18px}.story-hook-header{margin-bottom:18px!important}.project-story-hook-card{padding:14px 16px;border-left-width:3px;gap:8px}.project-story-hook-text,.results-metric-item,.results-metric-text{font-size:.88rem;line-height:1.5}.results-metrics-list{gap:8px}}.stepped-flow-wrapper{position:relative;width:100%;padding-top:10px}.stepped-flow-track{position:absolute;top:30px;left:36px;right:36px;height:2px;background:repeating-linear-gradient(to right,var(--border) 0,var(--border) 6px,transparent 6px,transparent 12px);z-index:1}.stepped-flow-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;position:relative;z-index:2}.stepped-flow-item{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:14px 16px 20px;border-radius:var(--radius-sm);transition:all .25s ease;position:relative;outline:none;background:transparent;border:solid transparent;border-width:1px 1px 2px;cursor:default}.stepped-flow-node{width:38px;height:38px;min-width:38px;min-height:38px;border-radius:50%;border:2px solid var(--border);background-color:var(--bg-surface);color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;transition:all .25s ease;box-shadow:0 2px 6px rgba(41,37,34,.05)}.stepped-node-num{font-family:var(--font-heading);font-size:.82rem;font-weight:800;line-height:1;color:var(--text-muted);transition:color .2s ease}.stepped-item-content{display:flex;flex-direction:column;gap:8px;width:100%}.stepped-item-header{display:flex;flex-direction:column;gap:3px}.stepped-item-kicker{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-wine)}.stepped-item-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--text-main);margin:0;line-height:1.35;transition:color .2s ease,font-weight .2s ease}.stepped-item-desc{font-size:.92rem;line-height:1.62;color:var(--text-muted);margin:0;transition:font-weight .25s ease,color .25s ease}.stepped-item-points{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;width:100%}.stepped-point-item{position:relative;padding-left:14px;font-family:var(--font-sans);font-size:.88rem;line-height:1.55;color:var(--text-muted);margin:0;transition:color .2s ease}.stepped-point-item:before{content:"•";position:absolute;left:0;top:0;color:var(--color-wine);font-weight:700;font-size:1rem;line-height:1.4}.stepped-point-item strong{color:var(--text-main);font-weight:600}.stepped-flow-item:hover{background-color:rgba(116,61,73,.04);border-bottom:2px solid var(--color-wine)}.stepped-flow-item:hover .stepped-flow-node{background:var(--btn-gradient-primary);border-color:var(--red-deep);box-shadow:0 0 0 4px rgba(116,61,73,.18),0 4px 10px rgba(116,61,73,.25);transform:scale(1.08)}.stepped-flow-item:hover .stepped-node-num{color:#fff}.stepped-flow-item:hover .stepped-item-title{color:var(--red-deep);font-weight:800}.stepped-flow-item:hover .stepped-item-desc{font-weight:600!important;color:var(--text-main)!important}.stepped-flow-item:hover .stepped-point-item{color:var(--text-main)}@media (max-width:900px){.stepped-flow-grid{grid-template-columns:repeat(2,1fr);gap:16px}.stepped-flow-track{display:none}}@media (max-width:600px){.stepped-flow-grid{grid-template-columns:1fr;gap:12px}.stepped-flow-item{padding:12px;border-left:3px solid var(--border);border-bottom:none}.stepped-flow-item:hover{border-left-color:var(--color-wine);background-color:rgba(116,61,73,.04)}}.results-highlight-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;padding:36px 40px;box-shadow:var(--shadow-subtle);display:flex;flex-direction:column;gap:28px;position:relative;overflow:hidden}.results-highlight-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--btn-gradient-primary)}.results-card-hero{padding-bottom:24px;border-bottom:1px solid var(--border-subtle)}.results-hero-content{display:flex;flex-direction:column;gap:8px}.results-hero-badge{display:inline-block;align-self:flex-start;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--color-wine);letter-spacing:.08em;background-color:var(--color-wine-light);padding:4px 12px;border-radius:6px}.results-hero-number{font-family:var(--font-heading);font-size:clamp(2.2rem,4.5vw,3rem);font-weight:800;color:var(--color-wine);line-height:1.15;letter-spacing:-.02em}.results-hero-label{font-size:1.05rem;font-weight:600;color:var(--text-main);line-height:1.5}.results-card-body{display:flex;flex-direction:column;gap:16px}.results-body-title{font-family:var(--font-heading);font-size:clamp(1.4rem,2.5vw,1.75rem);font-weight:800;letter-spacing:-.015em;line-height:1.3;color:var(--text-main);margin:0}.results-metrics-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.results-metric-item{display:flex;align-items:flex-start;gap:12px;font-family:var(--font-sans);font-size:.94rem;line-height:1.55;color:var(--text-main)}.results-metric-check{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background-color:var(--color-wine-light);color:var(--color-wine);font-weight:700;font-size:.8rem;flex-shrink:0;margin-top:2px}.results-metric-text{flex:1 1;font-family:var(--font-sans);font-size:.94rem;line-height:1.55;color:var(--text-main)}.results-metric-text strong{color:var(--text-main);font-weight:700}.results-card-takeaways{padding-top:20px;border-top:1px dashed var(--border-subtle);display:flex;flex-direction:column;gap:10px}.takeaways-sub-label{display:flex;align-items:center;gap:8px;font-size:.92rem;font-weight:700;color:var(--color-wine);margin:0}.takeaways-compact-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.takeaways-compact-list li{font-size:.95rem;color:var(--text-muted);line-height:1.6;position:relative;padding-left:16px}.takeaways-compact-list li:before{content:"•";position:absolute;left:0;color:var(--color-wine);font-weight:700}.project-bottom-action-bar{display:flex;justify-content:center;margin-top:8px;margin-bottom:24px}.btn-back-main{padding:12px 28px;font-size:.95rem;display:inline-flex;align-items:center;gap:10px}@media (max-width:768px){.results-highlight-card{padding:24px 20px}}.project-main-content{display:flex;flex-direction:column;gap:40px}.detail-block-heading{display:flex;align-items:baseline;gap:10px;font-family:var(--font-serif);font-size:1.45rem;font-weight:700;color:var(--text-main);margin-bottom:16px}.heading-idx{font-family:var(--font-sans);font-size:.85rem;font-weight:700;color:var(--color-wine)}.detail-block-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:28px 32px;box-shadow:var(--shadow-subtle)}.detail-p{font-size:1.05rem;line-height:1.78;color:var(--text-main)}.approach-grid,.context-subgrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.context-item.full-width{grid-column:1/-1}.approach-label,.context-label{font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--color-wine);letter-spacing:.04em;margin-bottom:6px}.approach-col p,.context-item p{font-size:.95rem;color:var(--text-muted);line-height:1.65}.approach-rationale{background-color:var(--bg-page);padding:14px 18px;border-radius:var(--radius-sm);font-size:.92rem;color:var(--text-main);line-height:1.65;margin-top:16px}.process-split-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.process-col{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:24px}.process-col-title{font-family:var(--font-serif);font-size:1.15rem;font-weight:700;color:var(--text-main);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.process-list{list-style:none;display:flex;flex-direction:column;gap:12px}.process-list li{display:flex;align-items:flex-start;gap:10px;font-size:.92rem;color:var(--text-muted);line-height:1.6}.task-icon{color:var(--color-wine);flex-shrink:0;margin-top:3px}.collab-icon{color:var(--text-subtle)}.deliverable-videos-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:28px;gap:28px;max-width:760px;margin:0 auto 36px}.deliverable-video-card{background-color:#11100f;border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-subtle);display:flex;justify-content:center;align-items:center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.deliverable-video-card:hover{border-color:var(--color-wine);box-shadow:var(--shadow-card)}.deliverable-video-wrap{position:relative;display:flex;align-items:center;justify-content:center}.deliverable-video-player,.deliverable-video-wrap{width:100%;aspect-ratio:9/16;background-color:#000}.deliverable-video-player{height:100%;object-fit:contain;display:block;border-radius:inherit}@media (max-width:768px){.deliverable-videos-grid{grid-template-columns:1fr;gap:24px;max-width:360px;margin-bottom:28px}}.fb-posts-showcase-section{margin-bottom:36px}.fb-posts-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.fb-posts-group-title{font-family:var(--font-serif);font-size:1.3rem;font-weight:600;color:var(--color-wine);margin:0;white-space:nowrap;letter-spacing:-.01em}.fb-posts-group-line{flex:1 1;height:1px;background-color:var(--border-subtle)}.fb-posts-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}.fb-post-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:18px;display:flex;flex-direction:column;gap:14px;cursor:pointer;box-shadow:var(--shadow-subtle);transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);outline:none}.fb-post-card:focus-visible,.fb-post-card:hover{border-color:var(--red);transform:translateY(-2px);box-shadow:var(--shadow-card)}.fb-post-card-img-wrap{width:100%;aspect-ratio:1/1;border-radius:var(--radius-md);overflow:hidden;background-color:var(--blush);display:flex;align-items:center;justify-content:center}[data-theme=dark] .fb-post-card-img-wrap{background-color:#1e1b19}.fb-post-card-img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .3s ease}.fb-post-card:hover .fb-post-card-img{transform:scale(1.02)}.fb-post-card-body{display:flex;flex-direction:column;flex:1 1}.fb-post-card-title{font-family:var(--font-sans);font-size:1.02rem;font-weight:700;line-height:1.4;color:var(--text-main);margin:0 0 8px}.fb-post-card-preview{font-family:var(--font-sans);font-size:.88rem;line-height:1.55;color:var(--text-muted);margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1 1}.fb-post-card-action{margin-top:auto}.btn-fb-view{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:.88rem;font-weight:600;color:var(--color-wine);transition:color var(--transition-fast),transform var(--transition-fast)}.fb-post-card:hover .btn-fb-view{color:var(--color-wine-hover);transform:translateX(2px)}@media (max-width:768px){.fb-posts-grid{grid-template-columns:1fr;gap:20px}.fb-posts-showcase-section{margin-bottom:28px}}.content-ads-mosaic-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.content-ads-video-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:18px;display:flex;flex-direction:column;box-shadow:var(--shadow-subtle);transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);height:100%}.content-ads-video-card:hover{border-color:var(--red);transform:translateY(-2px);box-shadow:var(--shadow-card)}.content-ads-video-player-wrap{width:100%;height:100%;flex:1 1;min-height:280px;border-radius:var(--radius-md);overflow:hidden;background-color:#000;display:flex;align-items:center;justify-content:center}.content-ads-video-player{width:100%;height:100%;object-fit:contain;display:block;background-color:#000}@media (max-width:992px){.content-ads-mosaic-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.content-ads-mosaic-grid{grid-template-columns:1fr}}.dol-evidence-section{margin-bottom:36px;width:100%}.dol-evidence-scroll-wrap{width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent}.dol-evidence-scroll-wrap::-webkit-scrollbar{height:6px}.dol-evidence-scroll-wrap::-webkit-scrollbar-track{background:transparent}.dol-evidence-scroll-wrap::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}.dol-evidence-row{display:flex;gap:24px;align-items:flex-start;width:max-content;min-width:100%}.dol-evidence-item{position:relative;flex:0 0 auto;display:inline-flex;flex-direction:column;align-items:center;padding-bottom:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dol-evidence-img-wrap{position:relative;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;border-radius:var(--radius-md);border:1px solid var(--border-subtle);overflow:hidden;background-color:#fff;box-shadow:0 2px 10px rgba(41,37,34,.05);transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.dol-evidence-item:hover .dol-evidence-img-wrap{transform:translateY(-2px);border-color:var(--color-wine);box-shadow:0 8px 24px rgba(116,61,73,.12)}.dol-evidence-img{display:block;height:440px;width:auto;object-fit:contain}.dol-evidence-zoom-hint{position:absolute;inset:0;background:rgba(41,37,34,.35);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.dol-evidence-item:hover .dol-evidence-zoom-hint{opacity:1}@media (max-width:768px){.dol-evidence-row{gap:16px}.dol-evidence-img{height:380px}}.fb-comm-showcase-section{margin-bottom:40px;width:100%;max-width:100%;overflow:hidden}.fb-comm-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.fb-comm-header-title-wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.fb-comm-group-title{font-family:var(--font-serif);font-size:1.3rem;font-weight:600;color:var(--color-wine);margin:0;white-space:nowrap;letter-spacing:-.01em}.fb-comm-count-badge{font-family:var(--font-sans);font-size:.74rem;font-weight:600;padding:3px 10px;border-radius:9999px;background-color:var(--color-wine-subtle);color:var(--color-wine);border:1px solid var(--border-subtle);letter-spacing:.01em}.fb-comm-group-line{flex:1 1;height:1px;background-color:var(--border-subtle)}.fb-comm-controls{display:flex;align-items:center;gap:8px}.fb-comm-nav-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-subtle);background-color:var(--bg-surface);color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);outline:none}.fb-comm-nav-btn:hover:not(:disabled){background-color:var(--color-wine);color:#fff;border-color:var(--color-wine);transform:translateY(-1px)}.fb-comm-nav-btn:disabled{opacity:.35;cursor:not-allowed}.fb-comm-carousel-viewport{width:100%;max-width:100%;overflow:hidden;position:relative;cursor:-webkit-grab;cursor:grab;-moz-user-select:none;user-select:none;-webkit-user-select:none;padding:4px 2px 14px}.fb-comm-carousel-viewport:active{cursor:-webkit-grabbing;cursor:grabbing}.fb-comm-carousel-track{display:flex;will-change:transform}.fb-comm-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:18px;display:flex;flex-direction:column;box-shadow:var(--shadow-subtle);transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer;box-sizing:border-box;text-decoration:none;position:relative}.fb-comm-card:focus-visible,.fb-comm-card:hover{border-color:var(--red);transform:translateY(-3px);box-shadow:var(--shadow-card)}[data-theme=dark] .fb-comm-card:focus-visible,[data-theme=dark] .fb-comm-card:hover{box-shadow:0 12px 28px -6px rgba(0,0,0,.35)}.fb-comm-card-img-wrap{width:100%;aspect-ratio:16/11;border-radius:var(--radius-md);overflow:hidden;background-color:var(--blush);position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:14px}[data-theme=dark] .fb-comm-card-img-wrap{background-color:#1a1817}.fb-comm-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease;pointer-events:none}.fb-comm-card:hover .fb-comm-card-img{transform:scale(1.025)}.fb-comm-img-badge{position:absolute;top:10px;right:10px;background-color:hsla(0,9%,9%,.78);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;font-family:var(--font-sans);font-size:.74rem;font-weight:600;padding:4px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:5px;box-shadow:0 2px 6px rgba(0,0,0,.25)}.fb-comm-card-body{flex:1 1;display:flex;flex-direction:column;margin-bottom:16px}.fb-comm-card-snippet{font-family:var(--font-sans);font-size:.88rem;line-height:1.55;color:var(--text-muted);margin:0;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.fb-comm-card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border-subtle)}.fb-comm-reaction-wrap{gap:8px}.fb-comm-reaction-icons,.fb-comm-reaction-wrap,.fb-reaction-bubble{display:inline-flex;align-items:center}.fb-reaction-bubble{width:20px;height:20px;border-radius:50%;justify-content:center;border:1.5px solid var(--bg-surface);box-shadow:0 1px 3px rgba(0,0,0,.15)}.fb-reaction-bubble.fb-like{background-color:#1877f2;z-index:2}.fb-reaction-bubble.fb-love{background-color:#fa383e;margin-left:-6px;z-index:1}.fb-comm-reaction-count{font-size:.86rem;color:var(--text-main)}.fb-comm-link-btn,.fb-comm-reaction-count{font-family:var(--font-sans);font-weight:600}.fb-comm-link-btn{display:inline-flex;align-items:center;gap:5px;font-size:.85rem;color:var(--color-wine);text-decoration:none;transition:all var(--transition-fast)}.fb-comm-card:hover .fb-comm-link-btn{color:var(--color-wine-hover);transform:translateX(2px)}.fb-comm-footnote-wrap{margin-top:6px}.fb-comm-footnote{font-family:var(--font-sans);font-size:.82rem;color:var(--text-muted);margin:0;font-style:italic}.fb-comm-date{font-style:normal;color:var(--text-muted);opacity:.85}@media (max-width:768px){.fb-comm-showcase-section{margin-bottom:30px}.fb-comm-header{flex-wrap:wrap;gap:12px}.fb-comm-group-line{display:none}.fb-comm-controls{margin-left:auto}.fb-comm-card-img-wrap{aspect-ratio:16/12}}.fb-modal-overlay{position:fixed;inset:0;z-index:99999;background-color:rgba(0,0,0,.82);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fbFadeIn .2s ease-out}@keyframes fbFadeIn{0%{opacity:0}to{opacity:1}}.fb-modal-container{background-color:#fff!important;color:#050505!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;border-radius:12px;box-shadow:0 12px 36px rgba(0,0,0,.35);max-width:1080px;width:100%;max-height:88vh;height:640px;position:relative;overflow:hidden;display:flex}.fb-modal-close-btn{position:absolute;top:14px;right:14px;z-index:20;width:36px;height:36px;border-radius:50%;background-color:#e4e6eb;border:none;color:#050505;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.fb-modal-close-btn:hover{background-color:#d8dadf;transform:scale(1.05)}.fb-modal-layout{display:flex;width:100%;height:100%}.fb-modal-media-col{flex:1.15 1;background-color:#0b0b0c;overflow:hidden;min-height:100%}.fb-modal-media-col,.fb-modal-media-wrap{display:flex;align-items:center;justify-content:center;position:relative}.fb-modal-media-wrap{width:100%;height:100%;cursor:zoom-in;padding:16px}.fb-modal-img{max-width:100%;max-height:100%;object-fit:contain;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fb-modal-zoom-hint{position:absolute;bottom:16px;right:16px;background:rgba(0,0,0,.65);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:6px;opacity:0;transition:opacity .2s ease;pointer-events:none}.fb-modal-media-wrap:hover .fb-modal-zoom-hint{opacity:1}.fb-modal-content-col{flex:0.95 1;width:440px;max-width:440px;display:flex;flex-direction:column;background-color:#fff!important;color:#050505!important;border-left:1px solid #e4e6eb}.fb-fanpage-header{padding:16px 20px 14px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e4e6eb;background-color:#fff;flex-shrink:0}.fb-fanpage-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;border:1px solid #e4e6eb;flex-shrink:0}.fb-fanpage-info{display:flex;flex-direction:column;gap:2px}.fb-fanpage-name{font-size:16px;font-weight:700;color:#050505!important;margin:0;line-height:1.25;font-family:inherit}.fb-fanpage-tag{font-size:13px;color:#65676b;line-height:1.2;font-family:inherit}.fb-caption-scroll-area{flex:1 1;padding:18px 20px 24px;overflow-y:auto;background-color:#fff}.fb-caption-text{font-size:15px;line-height:1.55;color:#050505!important;white-space:pre-wrap;word-break:break-word;font-family:inherit}.fb-caption-link{color:#1877f2!important;text-decoration:underline;word-break:break-all}.fb-caption-link:hover{color:#0c63d4!important}.fb-post-campaign-note{margin-top:20px;padding:12px 14px;background-color:#f0f2f5;border-left:3px solid #65676b;border-radius:6px;font-size:13px;color:#65676b;font-style:italic;line-height:1.45}.fb-post-campaign-note p{margin:0}@media (max-width:820px){.fb-modal-container{height:auto;max-height:92vh;border-radius:12px}.fb-modal-layout{flex-direction:column;max-height:92vh;overflow-y:auto}.fb-modal-content-col{width:100%;max-width:100%;order:1;border-left:none}.fb-fanpage-header{padding-right:56px}.fb-caption-scroll-area{overflow-y:visible;padding-bottom:16px}.fb-modal-media-col{order:2;min-height:auto;padding:16px 0;background-color:#0b0b0c}.fb-modal-img{max-height:380px}}.deliverable-images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px;margin-bottom:20px}.deliverable-img-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:border-color var(--transition-fast)}.deliverable-img-card:hover{border-color:var(--color-wine)}.deliverable-img-wrap{position:relative;width:100%;aspect-ratio:16/10;background-color:var(--bg-page)}.deliverable-img-wrap img{width:100%;height:100%;object-fit:cover}.zoom-hint-overlay{position:absolute;inset:0;background:rgba(41,37,34,.7);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;opacity:0;transition:opacity var(--transition-fast);font-size:.85rem;font-weight:600}.deliverable-img-card:hover .zoom-hint-overlay{opacity:1}.deliverable-caption{padding:14px 18px}.deliverable-title{font-size:.95rem;font-weight:700;color:var(--text-main);margin-bottom:4px}.deliverable-desc{font-size:.82rem;color:var(--text-subtle);line-height:1.5}.b2b-showcase-groups{display:flex;flex-direction:column;gap:36px}.b2b-brand-group{display:flex;flex-direction:column;gap:16px}.b2b-brand-header{display:flex;align-items:center;gap:16px}.b2b-brand-title{font-family:var(--font-serif);font-size:1.35rem;font-weight:600;color:var(--color-wine);margin:0;white-space:nowrap;letter-spacing:-.01em}.b2b-brand-line{flex:1 1;height:1px;background-color:var(--border-subtle)}.b2b-articles-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.b2b-article-card{display:flex;flex-direction:column;gap:12px;text-decoration:none;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px;transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.b2b-article-card:hover{border-color:var(--color-wine);transform:translateY(-2px);box-shadow:var(--shadow-subtle)}.b2b-article-image-wrap{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--radius-sm);overflow:hidden;background-color:var(--bg-page)}.b2b-brand-badge{position:absolute;top:10px;right:10px;background-color:hsla(0,0%,100%,.92);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--color-wine);border:1px solid rgba(116,61,73,.2);font-family:var(--font-sans);font-size:.72rem;font-weight:700;letter-spacing:.02em;padding:3px 9px;border-radius:var(--radius-pill);box-shadow:0 2px 6px rgba(0,0,0,.08);z-index:2;transition:all var(--transition-fast)}.b2b-article-card:hover .b2b-brand-badge{background-color:var(--color-wine);color:#fff;border-color:var(--color-wine)}.b2b-article-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.b2b-article-card:hover .b2b-article-image{transform:scale(1.02)}.b2b-article-title{font-family:var(--font-sans);font-size:.84rem;font-weight:600;line-height:1.4;color:var(--text-main);margin:0;padding:2px 4px 4px;transition:color var(--transition-fast);white-space:normal;word-break:break-word}.b2b-article-card:hover .b2b-article-title{color:var(--color-wine)}@media (max-width:992px){.b2b-articles-grid{grid-template-columns:repeat(2,1fr);gap:18px}}@media (max-width:640px){.b2b-articles-grid{grid-template-columns:1fr;gap:16px}.b2b-article-title{font-size:.82rem}}.live-links-block{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.live-links-label{font-size:.9rem;font-weight:600;color:var(--text-main)}.live-links-pills{display:flex;gap:10px;flex-wrap:wrap}.live-link-pill{display:inline-flex;align-items:center;gap:6px;background-color:var(--bg-page);color:var(--color-wine);padding:6px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);font-size:.85rem;font-weight:600;transition:all var(--transition-fast)}.live-link-pill:hover{background-color:var(--color-wine);color:#fff;border-color:var(--color-wine)}.results-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-left:3px solid var(--color-wine);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:28px 32px}.results-list,.takeaways-list{list-style:none;display:flex;flex-direction:column;gap:12px}.result-item{display:flex;align-items:flex-start;gap:10px;font-size:1rem;color:var(--text-main);line-height:1.65}.result-bullet{color:var(--color-wine);font-weight:700}.takeaways-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:28px 32px}.takeaways-list li{display:flex;align-items:flex-start;gap:10px;font-size:.95rem;color:var(--text-muted);line-height:1.65}.takeaway-icon{color:var(--color-wine);flex-shrink:0;margin-top:3px}.sidebar-sticky-box{position:-webkit-sticky;position:sticky;top:90px;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:28px;box-shadow:var(--shadow-subtle);display:flex;flex-direction:column;gap:20px}.sidebar-metric-highlight{background-color:var(--color-wine-light);border-radius:var(--radius-sm);padding:20px;text-align:center}.highlight-tag{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.highlight-num,.highlight-tag{font-weight:700;color:var(--color-wine)}.highlight-num{font-family:var(--font-serif);font-size:1.85rem;line-height:1.2}.highlight-desc{font-size:.82rem;color:var(--text-muted);font-weight:500}.sidebar-info-rows{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:16px 0;font-size:.88rem}.info-row{display:flex;justify-content:space-between;gap:12px}.info-key{color:var(--text-subtle)}.btn-back-projects,.info-val{color:var(--text-main);font-weight:600}.btn-back-projects{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px;background-color:var(--bg-page);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.9rem;transition:all var(--transition-fast)}.btn-back-projects:hover{background-color:var(--color-wine);color:#fff;border-color:var(--color-wine)}.project-bottom-nav{margin-top:-24px;padding-top:24px;border-top:1px solid var(--border-subtle)}.bottom-nav-header{margin-bottom:20px}.bottom-nav-kicker{display:inline-block;font-family:var(--font-sans);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-wine);margin-bottom:6px}.bottom-nav-title{font-family:var(--font-heading);font-size:1.35rem;font-weight:400;color:var(--text-main);margin:0}.related-projects-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}.related-project-card{display:flex;flex-direction:column;background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-subtle);transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);text-decoration:none;color:inherit}.related-project-card:hover{transform:translateY(-3px);border-color:var(--red);box-shadow:var(--shadow-card)}.related-card-img-wrap{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;background-color:var(--blush)}[data-theme=dark] .related-card-img-wrap{background-color:#1e1b19}.related-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.related-project-card:hover .related-card-img{transform:scale(1.03)}.related-card-badge{position:absolute;top:14px;left:14px;background-color:rgba(41,37,34,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-family:var(--font-sans);font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:9999px;letter-spacing:.02em}.related-card-content{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1 1}.related-card-meta{display:flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:.8125rem;margin-bottom:8px}.related-company{font-weight:700;color:var(--color-wine)}.related-meta-dot,.related-period{color:var(--text-muted)}.related-card-title{font-family:var(--font-heading);font-size:1.08rem;font-weight:700;line-height:1.45;color:var(--text-main);margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}.related-card-metric{display:flex;align-items:baseline;gap:8px;padding:10px 14px;background-color:var(--bg-main);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-bottom:16px}.related-metric-num{font-family:var(--font-heading);font-size:1.15rem;font-weight:800;color:var(--color-wine);line-height:1;white-space:nowrap}.related-metric-label{font-family:var(--font-sans);font-size:.8rem;color:var(--text-muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.related-card-footer{margin-top:auto;display:flex;align-items:center;justify-content:flex-end}.related-link-text{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:.875rem;font-weight:600;color:var(--color-wine);transition:transform var(--transition-fast),color var(--transition-fast)}.related-project-card:hover .related-link-text{color:var(--color-wine-hover);transform:translateX(3px)}@media (max-width:768px){.related-projects-grid{grid-template-columns:1fr;gap:20px}}.tanman-header-section{padding:64px 0 44px;background-color:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.tanman-header-box{max-width:720px}.tanman-page-title{font-family:var(--font-serif);font-size:2.85rem;font-weight:700;color:var(--text-main);margin-bottom:14px}.tanman-page-desc{font-size:1.12rem;color:var(--text-muted);line-height:1.75;margin-bottom:24px}.sample-disclaimer-pill{display:inline-flex;align-items:center;gap:8px;background-color:var(--blush);color:var(--red-deep);border:1px solid var(--border);padding:6px 14px;border-radius:var(--radius-sm);font-size:.82rem;font-weight:700}.tanman-articles-section{padding:56px 0 96px;background-color:var(--bg-page)}.articles-large-list{display:flex;flex-direction:column;gap:36px;margin-bottom:48px}.article-wide-card{display:grid;grid-template-columns:340px 1fr;grid-gap:32px;gap:32px;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-subtle);transition:border-color var(--transition-fast)}.article-wide-card:hover{border-color:var(--color-wine)}.article-wide-thumb{position:relative;width:100%;height:100%;min-height:220px}.article-wide-thumb img{width:100%;height:100%;object-fit:cover}.article-category-badge{position:absolute;top:12px;left:12px;background:rgba(41,37,34,.85);color:#fff;padding:4px 10px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.article-wide-content{padding:28px 28px 28px 0;display:flex;flex-direction:column}.article-meta-line{gap:6px;font-size:.82rem;color:var(--text-subtle);margin-bottom:10px}.article-meta-line,.meta-time{display:flex;align-items:center}.meta-time{gap:4px}.sample-mini-tag{display:inline-flex;align-items:center;gap:4px;background-color:var(--blush);color:var(--red-deep);border:1px solid var(--border);padding:2px 8px;border-radius:var(--radius-sm);font-size:.72rem;font-weight:700}.article-wide-title{font-family:var(--font-serif);font-size:1.55rem;font-weight:700;line-height:1.35;color:var(--text-main);margin-bottom:12px}.article-wide-title a:hover{color:var(--color-wine)}.article-wide-excerpt{font-size:.95rem;color:var(--text-muted);line-height:1.7;margin-bottom:22px;flex-grow:1}.btn-read-article{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600;color:var(--color-wine)}.btn-read-article:hover{gap:9px}.tanman-back-home{display:flex;justify-content:center}.btn-back-home-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;color:var(--text-main);transition:all var(--transition-fast)}.btn-back-home-pill:hover{border-color:var(--color-wine);color:var(--color-wine)}.article-reading-main{background-color:var(--bg-page);padding-bottom:96px}.article-reading-container{max-width:720px;margin:0 auto;padding:0 24px}.article-top-bar{padding:24px 0 16px}.article-header{padding:20px 0 32px}.article-header-meta{display:flex;align-items:center;gap:10px;margin-bottom:16px}.article-category-pill{background-color:var(--color-wine-light);color:var(--color-wine);padding:3px 10px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600}.article-reading-title{font-family:var(--font-serif);font-size:2.65rem;font-weight:700;line-height:1.25;color:var(--text-main);letter-spacing:-.015em;margin-bottom:18px}.article-info-bar{display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--text-subtle);margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.info-author{font-weight:600;color:var(--text-main)}.article-lead-box{background-color:var(--bg-surface);padding:20px 24px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:32px;border:1px solid var(--border-subtle);border-left:3px solid var(--color-wine)}.article-lead-text{font-size:1.15rem;line-height:1.75;color:var(--text-main);font-style:italic}.article-cover-section{margin-bottom:40px}.article-cover-frame{position:relative;width:100%;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-subtle)}.article-cover-frame img{width:100%;height:380px;object-fit:cover}.cover-illustration-note{position:absolute;bottom:10px;right:14px;background:rgba(41,37,34,.75);color:#fff;padding:3px 10px;border-radius:var(--radius-sm);font-size:.72rem}.article-prose{font-family:var(--font-sans);font-size:1.125rem;line-height:1.75;color:var(--text-main);margin-bottom:56px}.prose-p{margin-bottom:26px}.article-end-mark{text-align:center;padding:28px 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);margin-bottom:48px}.end-star{display:block;font-size:.9rem;color:var(--color-wine);letter-spacing:.35em;margin-bottom:8px}.end-author-note{font-size:.9rem;color:var(--text-subtle)}.suggested-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:32px}.suggested-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.suggested-label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-subtle);letter-spacing:.05em}.suggested-category{font-size:.8rem;font-weight:600;color:var(--color-wine)}.suggested-title{font-family:var(--font-serif);font-size:1.35rem;font-weight:700;color:var(--text-main);margin-bottom:10px}.suggested-title a:hover{color:var(--color-wine)}.suggested-excerpt{font-size:.92rem;color:var(--text-muted);line-height:1.65;margin-bottom:20px}.btn-read-next{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;font-weight:600;color:var(--color-wine)}.modal-overlay{position:fixed;inset:0;z-index:100;background:rgba(33,29,27,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{position:relative;background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-card);width:100%;max-width:560px;padding:36px 32px;box-shadow:var(--shadow-card)}.modal-close-btn{position:absolute;top:18px;right:18px;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:var(--radius-sm);background-color:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.modal-close-btn:hover{color:var(--red-deep);background-color:var(--blush);border-color:var(--red)}.cv-modal-header{text-align:center;margin-bottom:24px}.cv-icon-badge{width:56px;height:56px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--blush) 0,#ffd6d0 100%);color:var(--red-deep);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.cv-modal-title{font-family:var(--font-heading);font-size:1.55rem;font-weight:800;color:var(--text-main);margin-bottom:4px}.cv-modal-sub{font-size:.9rem;color:var(--text-muted)}.cv-edu-badge-box{display:flex;align-items:center;gap:14px;background-color:var(--bg);border:1px solid var(--border);border-radius:16px;padding:14px 18px;margin-bottom:20px}.edu-icon-wrap{width:42px;height:42px;border-radius:var(--radius-sm);background-color:var(--blush);color:var(--red-deep);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.edu-info{display:flex;flex-direction:column}.edu-school{font-size:.9rem;font-weight:700;color:var(--text-main)}.edu-degree{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--red);font-weight:600;margin-top:2px}.cv-download-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-bottom:24px}.cv-download-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:18px;padding:18px;display:flex;flex-direction:column;box-shadow:var(--shadow-subtle);transition:border-color var(--transition-fast)}.cv-download-card:hover{border-color:var(--red)}.cv-card-flag-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.cv-flag-icon{display:inline-flex;align-items:center;color:var(--red)}.cv-version-tag{font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--red);letter-spacing:.06em}.cv-card-title{font-family:var(--font-heading);font-size:.95rem;font-weight:700;color:var(--text-main);margin-bottom:4px}.cv-card-desc{font-size:.8rem;color:var(--text-muted);line-height:1.5;margin-bottom:16px;flex-grow:1}.cv-card-actions{display:flex;gap:8px;margin-top:auto}.btn-download-primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;gap:6px;flex-grow:1;background:var(--btn-gradient-primary);color:#fff!important;padding:8px 14px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px rgba(116,61,73,.16);transition:all var(--transition-fast)}.btn-download-primary:hover{background:var(--btn-gradient-hover);transform:translateY(-1px)}.btn-view-pdf{display:inline-flex;align-items:center;justify-content:center;min-height:44px;gap:6px;background-color:var(--bg);color:var(--text-main);padding:8px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--border);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-view-pdf:hover{border-color:var(--red);color:var(--red);background-color:var(--blush)}.cv-contact-channels{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.channel-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background-color:var(--bg);padding:12px 18px;border-radius:var(--radius-sm);border:1px solid var(--border)}.channel-info{display:flex;flex-direction:column}.channel-label{font-size:.72rem;text-transform:uppercase;color:var(--red);font-weight:700;letter-spacing:.05em}.channel-value{font-size:.95rem;font-weight:700;color:var(--text-main)}.channel-buttons{display:flex;gap:8px}.btn-action-small{display:inline-flex;align-items:center;justify-content:center;min-height:44px;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;background-color:var(--bg-surface);border:1.5px solid var(--border);color:var(--text-main);cursor:pointer;transition:all var(--transition-fast)}.btn-action-small:hover{border-color:var(--red);color:var(--red);background-color:var(--blush)}.btn-action-small.primary{background:var(--btn-gradient-primary);color:#fff!important;border-color:transparent}.btn-action-small.primary:hover{background:var(--btn-gradient-hover)}.cv-modal-footer{display:flex;justify-content:center}.btn-secondary-close{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 24px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast)}.btn-secondary-close:hover{color:var(--red-deep)}.image-lightbox-overlay{padding:24px;z-index:1300}.image-lightbox-wrapper{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.lightbox-close-btn{position:absolute;top:-44px;right:0;width:40px;height:40px;border-radius:50%;background:hsla(0,0%,100%,.2);color:#fff;display:flex;align-items:center;justify-content:center}.image-lightbox-img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 16px 40px rgba(0,0,0,.4)}.image-lightbox-caption{margin-top:12px;background:rgba(41,37,34,.85);color:#fff;padding:8px 18px;border-radius:var(--radius-sm);text-align:center}.lightbox-title{font-size:.95rem;font-weight:650}.lightbox-desc{font-size:.8rem;color:#dcd3c9}@media (max-width:1024px){.footer-container,.nav-container,.section-container{padding-left:32px;padding-right:32px}.hero-top-grid{grid-template-columns:1.6fr 1fr;gap:32px;align-items:center}.hero-portrait-stage{max-width:320px;height:380px}.hero-layer-ring{width:310px;height:310px}.hero-layer-circle{width:290px;height:290px;bottom:9px}.hero-layer-subject-wrap{width:290px;height:375px;margin-bottom:9px}.lead-project-card{grid-template-columns:1fr;gap:32px}.featured-projects-grid{grid-template-columns:repeat(2,1fr);gap:20px}.featured-project-card{gap:12px;padding:12px}.secondary-projects-grid{grid-template-columns:1fr}.about-editorial-grid,.brand-partnership-banner,.brand-usp-grid,.dual-mindset-container,.origin-content-grid{grid-template-columns:1fr;gap:24px}.brand-origin-card,.brand-partnership-banner,.brand-usp-card{padding:24px 20px}.mindset-card{padding:28px 22px}.project-layout-grid,.workflow-editorial-grid{grid-template-columns:1fr}.sidebar-sticky-box{position:static}.article-wide-card{grid-template-columns:1fr}.article-wide-content{padding:24px}}@media (max-width:768px){.section-container{padding-left:20px;padding-right:20px}.section-padding{padding-top:64px;padding-bottom:64px}.desktop-menu{display:none}.header-nav{border-bottom:1px solid var(--border-subtle)}.nav-container{padding:10px 20px;gap:8px;box-sizing:border-box;justify-content:space-between}.nav-container,.nav-logo{display:flex;align-items:center}.nav-logo{min-width:0;flex:1 1 auto;text-decoration:none}.logo-text-group{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;min-width:0}.logo-name{font-size:1.15rem;font-weight:800;color:var(--text-main);letter-spacing:-.015em}.logo-name,.logo-sub{line-height:1.2;white-space:nowrap}.logo-sub{font-size:.6875rem;font-weight:500;color:var(--text-muted);letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;max-width:140px}.nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-shrink:0}.theme-toggle-btn{width:38px;min-width:38px;border-radius:10px;border:1px solid var(--border-subtle);background-color:var(--bg-surface);padding:0;color:var(--text-muted)}.btn-cv-distinct,.theme-toggle-btn{height:38px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.btn-cv-distinct{max-height:38px;padding:0 12px;border-radius:10px;font-size:.8125rem;font-weight:600;gap:5px;white-space:nowrap;line-height:1;background:var(--btn-gradient-primary);color:#fff!important;border:1px solid transparent;box-shadow:0 2px 8px rgba(116,61,73,.16)}.mobile-toggle-btn{display:inline-flex;width:38px;height:38px;min-width:38px;min-height:38px;border-radius:10px;border:1px solid var(--border-subtle);background-color:var(--bg-surface);align-items:center;justify-content:center;padding:0;box-sizing:border-box;color:var(--text-main);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.btn-cv-distinct:active,.mobile-toggle-btn:active,.theme-toggle-btn:active{transform:scale(.95)}.mobile-drawer{display:block}.about-section-title,.projects-section .section-title,.section-title,.tanman-section-header .section-title{font-size:clamp(1.02rem,4.65vw,1.45rem);white-space:nowrap;letter-spacing:-.02em;line-height:1.25;margin-bottom:14px;font-style:normal}.featured-projects-grid{grid-template-columns:1fr;gap:20px}.featured-project-card{gap:12px;padding:10px}.hero-top-grid{grid-template-columns:1fr;gap:20px}.hero-right-col{order:1;justify-content:center;width:100%}.hero-left-col{order:2;align-items:flex-start;max-width:100%;width:100%}.hero-circle-layout{padding-top:20px;padding-bottom:28px}.hero-headline{font-size:clamp(1.02rem,4.65vw,1.45rem);white-space:nowrap;letter-spacing:-.02em;line-height:1.2;margin-bottom:16px}.hero-author-name{font-size:2.35rem;margin-bottom:4px}.hero-author-title{font-size:1.1rem;margin-bottom:16px}.hero-desc-p1,.hero-desc-p2{font-size:16px;line-height:1.6;width:100%}.hero-desc-p2{margin-top:14px}.hero-p2-br{display:none}.hero-portrait-stage{max-width:250px;height:300px;margin:0 auto}.hero-layer-ring{width:240px;height:240px}.hero-layer-circle{width:226px;height:226px;bottom:7px}.hero-layer-subject-wrap{width:226px;height:295px;margin-bottom:7px}.hero-actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:12px;width:100%;margin-top:20px}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;height:44px;min-height:44px;max-height:44px;border-radius:10px;border-width:1.5px;border-style:solid;font-size:.9rem;font-weight:600;line-height:1;white-space:nowrap;box-sizing:border-box;width:auto;flex:0 0 auto}.btn-primary{padding:0 20px;border-color:transparent}.btn-secondary{padding:0 18px;gap:8px;border-color:var(--border)}.hero-lightbox-overlay{padding:12px 6px}.hero-lightbox-nav-btn{width:42px;height:42px}.hero-lightbox-nav-btn.prev{left:4px}.hero-lightbox-nav-btn.next{right:4px}.contact-wine-heading{font-size:2.15rem}.contact-email-link{font-size:1.05rem}.approach-grid,.context-subgrid,.cv-download-grid,.process-split-grid{grid-template-columns:1fr}.article-reading-title{font-size:2.15rem}.gallery-secondary-row{grid-template-columns:1fr}}@media (max-width:360px){.nav-container{padding:8px 10px;gap:6px}.logo-name{font-size:1.05rem}.logo-sub{max-width:105px;font-size:.625rem}.nav-actions{gap:4px}.mobile-toggle-btn,.theme-toggle-btn{width:36px;height:36px;min-width:36px;min-height:36px}.btn-cv-distinct{height:36px;min-height:36px;padding:0 9px;font-size:.775rem}.hero-actions{gap:8px}.btn-primary{padding:0 16px}.btn-secondary{padding:0 14px}.hero-headline{margin-bottom:14px}.about-section-title,.hero-headline,.projects-section .section-title,.section-title,.tanman-section-header .section-title{font-size:clamp(.88rem,4.3vw,1rem)}}.flashcard-about-section{padding-top:var(--section-spacing-boundary)!important;padding-bottom:0!important;position:relative;background-color:var(--bg-page);overflow-x:clip}.about-header-module{margin-bottom:36px}.about-header-top-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:0}.about-section-title{margin-bottom:0;line-height:1.2}.about-title-line-1{display:block;font-style:italic;color:var(--color-wine)}.about-title-line-2{display:block;font-family:var(--font-sans);font-size:clamp(1.05rem,1.2vw + .2rem,1.25rem);font-weight:500;font-style:normal;color:var(--text-muted);margin-top:8px;line-height:1.45;letter-spacing:normal}.open-to-work-chip{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:var(--radius-pill);background:rgba(116,61,73,.05);border:1px solid rgba(116,61,73,.16);color:var(--text-main);font-size:.8125rem;font-weight:600;box-shadow:0 1px 4px rgba(41,37,34,.03)}.pulsing-green-dot{width:8px;height:8px;border-radius:50%;background-color:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.7);animation:greenPulse 2.2s infinite}@keyframes greenPulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(34,197,94,.7)}70%{transform:scale(1);box-shadow:0 0 0 7px rgba(34,197,94,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(34,197,94,0)}}.flashcards-track-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;align-items:stretch}.flashcard-item{perspective:1200px;display:flex;flex-direction:column;height:100%}.flashcard-inner{position:relative;width:100%;flex:1 1;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.2,1);border-radius:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none}.flashcard-inner:focus-visible{outline:2px solid var(--red-deep)!important;outline-offset:3px!important}.flashcard-inner.is-flipped{transform:rotateY(180deg)}.flashcard-face{grid-area:1/1;width:100%;height:100%;box-sizing:border-box;border-radius:20px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;position:relative;display:flex;flex-direction:column}.flashcard-front{transform:rotateY(0deg);background:var(--bg-surface,#fffcf8);border:1px solid var(--border-card,#e4dcd2);box-shadow:0 8px 24px rgba(116,61,73,.05),0 2px 6px rgba(41,37,34,.02);transition:box-shadow .25s ease,border-color .25s ease}.flashcard-front:hover{box-shadow:0 14px 34px rgba(116,61,73,.12),0 3px 8px rgba(41,37,34,.04);border-color:rgba(116,61,73,.3)}.flashcard-top-half{width:100%;aspect-ratio:4/3;position:relative;overflow:hidden;border-top-left-radius:20px;border-top-right-radius:20px;flex-shrink:0;background-color:var(--blush)}.flashcard-top-img{width:100%;height:100%;object-fit:cover;display:block}.flashcard-art-block{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.art-blush{background:linear-gradient(135deg,#faf2ef,#efe1dc)}.art-sand{background:linear-gradient(135deg,#f8f4ee,#eae2d7)}.art-wine{background:linear-gradient(135deg,#f8eff1,#ebdae0)}.flashcard-geo-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.flashcard-art-icon-wrap{position:relative;z-index:2;width:76px;height:76px;border-radius:50%;background:hsla(0,0%,100%,.9);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;color:var(--color-wine,#743d49);box-shadow:0 6px 18px rgba(116,61,73,.09),0 1px 3px rgba(41,37,34,.03);border:1px solid hsla(0,0%,100%,.7)}.flashcard-bottom-half{padding:20px 20px 16px;display:flex;flex-direction:column;flex:1 1}.flashcard-titles-wrap{margin-bottom:8px}.flashcard-title{font-family:var(--font-heading);font-size:clamp(18px,1.45vw,21.5px);line-height:1.25;margin:0;white-space:nowrap}.flashcard-title-en{font-weight:800;color:var(--color-wine,#743d49);letter-spacing:-.01em}.flashcard-title-vn{font-family:var(--font-sans);font-size:.92em;font-weight:400;font-style:italic;color:var(--muted,#68605b);text-transform:none;letter-spacing:normal;vertical-align:baseline}.flashcard-hook-lines{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.hook-line{font-size:.9rem;font-style:italic;font-weight:400;color:var(--text-muted);line-height:1.45}.flashcard-back{transform:rotateY(180deg);background:var(--flashcard-back-bg,#743d49);color:#fff;border:1px solid var(--flashcard-back-bg,#743d49);box-shadow:0 14px 36px rgba(116,61,73,.25);padding:20px 20px 16px;display:flex;flex-direction:column}.flashcard-back-content{display:flex;flex-direction:column;flex:1 1}.flashcard-back-titles{margin-bottom:12px}.flashcard-back-title{font-family:var(--font-heading);font-size:clamp(18px,1.45vw,21.5px);line-height:1.25;margin:0;white-space:nowrap}.flashcard-back-title-en{font-weight:800;color:#fff;letter-spacing:-.01em}.flashcard-back-title-vn{font-family:var(--font-sans);font-size:.92em;font-weight:400;font-style:italic;color:hsla(0,0%,100%,.82);text-transform:none;letter-spacing:normal;vertical-align:baseline}.flashcard-back-divider{border-top:1px solid hsla(0,0%,100%,.4);margin-bottom:12px}.flashcard-back-paragraph{font-size:15.5px;font-weight:400;line-height:1.75;color:#fff;margin:0 0 16px}.flashcard-flip-action-wrap{margin-top:auto;display:flex;align-items:center;height:44px;z-index:10}.flashcard-flip-btn{display:inline-flex;align-items:center;gap:10px;background:transparent;border:none;padding:0;cursor:pointer;height:44px;outline:none}.flip-btn-circle{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(116,61,73,.25);background:hsla(0,0%,100%,.92);color:var(--color-wine,#743d49);transition:all .2s ease;box-shadow:0 2px 6px rgba(41,37,34,.04)}.flashcard-flip-btn.back-mode .flip-btn-circle{border:1.5px solid hsla(0,0%,100%,.45);background:hsla(0,0%,100%,.18);color:#fff}.flip-btn-text{font-size:12px;font-weight:400;color:var(--text-muted);transition:color .2s ease;white-space:nowrap}.flashcard-flip-btn.back-mode .flip-btn-text{font-size:12px;font-weight:400;color:hsla(0,0%,100%,.9)}.flip-rotate-icon{transition:transform .2s ease}.flashcard-flip-btn:focus-visible .flip-rotate-icon,.flashcard-flip-btn:hover .flip-rotate-icon{transform:rotate(180deg)}.flashcard-flip-btn:focus-visible{outline:2px solid var(--red-deep)!important;outline-offset:2px!important;border-radius:9999px}.flashcard-flip-btn.suggest-spin .flip-rotate-icon{animation:spinOnce .75s cubic-bezier(.2,.7,.2,1) 1}@keyframes spinOnce{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.flashcards-mobile-counter{display:none}.photography-marquee-section{--photo-h:clamp(240px,26vw,420px);--photo-gap:calc(var(--photo-h) * 0.09);--radius-photo:0;--photo-strip-space-y:clamp(28px,3.2vw,42px);background-color:var(--photo-strip-bg);padding-top:var(--photo-strip-space-y);padding-bottom:var(--strip-top-space,calc(var(--photo-strip-space-y) * 2 + 44px));width:100%;overflow-x:clip;position:relative;display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box;margin-top:56px;transition:background-color .25s ease}.photography-marquee-section.no-title{--strip-top-space:var(--photo-strip-space-y)}.photography-header-container{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;margin-bottom:var(--photo-strip-space-y)}.photography-section-caption{font-family:var(--font-body);font-size:clamp(1rem,1.2vw + .15rem,1.15rem);font-weight:550;font-style:italic;line-height:1.4;color:var(--color-wine-hover);margin:0;white-space:nowrap;letter-spacing:-.01em}.photography-control-btn{position:relative;top:auto;right:auto;z-index:2;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;border:1px solid var(--photo-strip-btn-border);background:var(--photo-strip-btn-bg);color:var(--photo-strip-btn-color);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .15s ease}.photography-control-btn:hover{background:var(--photo-strip-btn-hover-bg)}.photography-control-btn:focus-visible{outline:2px solid var(--photo-strip-btn-ring)!important;outline-offset:2px!important;background:var(--photo-strip-btn-hover-bg)}@media (max-width:640px){.photography-section-caption{white-space:normal;text-wrap:balance;max-width:250px;font-size:.95rem;line-height:1.35}}.photography-track-viewport{width:100%;overflow-x:clip;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.photography-track{display:flex;gap:var(--photo-gap);width:max-content;will-change:transform;animation:marqueeContinuous var(--marquee-duration,50s) linear infinite}.photography-track.is-manually-paused,.photography-track.is-out-of-view{animation-play-state:paused!important}@media (hover:hover){.photography-track-viewport:hover .photography-track{animation-play-state:paused}}.photography-marquee-section:focus-within .photography-track{animation-play-state:paused}@keyframes marqueeContinuous{0%{transform:translateX(0)}to{transform:translateX(var(--marquee-translate,-50%))}}.photography-set{display:flex;gap:var(--photo-gap);flex-shrink:0}.photography-item{flex-shrink:0;width:calc(var(--photo-h) * var(--ar, .667));height:var(--photo-h);aspect-ratio:var(--ar,2/3);overflow:hidden;border-radius:var(--radius-photo,0);background-color:rgba(0,0,0,.04)}.photography-img{width:100%;height:100%;object-fit:cover;border:none;box-shadow:none;border-radius:var(--radius-photo,0);display:block;pointer-events:none}@media (max-width:1023px){.flashcards-track-container{display:flex;align-items:stretch;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin-left:-20px;margin-right:-20px;padding:6px 20px 18px;scrollbar-width:none}.flashcards-track-container::-webkit-scrollbar{display:none}.flashcard-item{flex:0 0 84%;max-width:380px;min-width:280px;scroll-snap-align:center;height:auto;align-self:stretch;display:flex;flex-direction:column}.flashcard-inner{flex:1 1}.flashcard-face,.flashcard-inner{height:100%;min-height:100%}.flashcards-mobile-counter{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:14px;font-family:var(--font-heading);font-size:.875rem;font-weight:700;color:var(--text-subtle)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.flashcard-flip-btn.suggest-spin .flip-rotate-icon,.pulsing-green-dot{animation:none!important}.flashcard-inner{transform-style:flat!important;transition:none!important}.flashcard-inner.is-flipped{transform:none!important}.flashcard-face{transition:opacity .2s ease!important}.flashcard-front{transform:none!important;opacity:1;pointer-events:auto}.flashcard-back,.flashcard-inner.is-flipped .flashcard-front{opacity:0;pointer-events:none}.flashcard-back{transform:none!important}.flashcard-inner.is-flipped .flashcard-back{opacity:1;pointer-events:auto}.photography-control-btn{display:none!important}.photography-track-viewport{overflow-x:auto!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin;padding-bottom:12px}.photography-track{animation:none!important;transform:none!important;width:auto!important}.photography-set.clone-set{display:none!important}.photography-item{scroll-snap-align:start}.hero-actions,.hero-author-name,.hero-author-title,.hero-desc-p1,.hero-desc-p2,.hero-headline{animation:none!important;opacity:1!important;transform:none!important}}