@font-face{font-family:Noto;src:url('./fonts/NotoSansSC-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Noto;src:url('./fonts/NotoSansSC-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
:root{--ground:#fcfaf5;--ink:#0f0e0c;--line:#00000024;--raised:#fff;--gutter:clamp(22px,8.33vw,120px);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html,body{margin:0;background:var(--ground);color:var(--ink)}html{scroll-behavior:auto}body{font:400 15px/1.7 Noto,sans-serif}h1,h2,h3,p{margin:0}button,a{color:inherit;font:inherit}a{text-decoration:none}button{border:0;padding:0;background:none;cursor:pointer}img{display:block;max-width:100%}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:6px}::selection{background:#e9b13b;color:#0f0e0c}
.skip-link{position:fixed;top:-60px;left:20px;z-index:200;background:var(--ink);color:#fff;padding:10px 18px}.skip-link:focus{top:15px}.site-header{position:fixed;z-index:80;top:0;left:0;width:100%;padding:28px 40px;pointer-events:none}.nav-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1400px;margin:auto;pointer-events:auto;border:1px solid transparent;transition:background .5s,padding .5s,border-color .5s,max-width .5s;background:transparent}.site-header.is-stuck .nav-bar{max-width:890px;padding:12px 14px 12px 23px;background:#fcfaf5;border-color:#0f0e0c38;box-shadow:0 2px 0 #0f0e0c08}.nav-name{font-weight:500;font-size:16px;white-space:nowrap}.nav-bar nav{display:flex;gap:28px;margin-left:auto;font-size:13px}.action{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:40px;height:42px;padding:0 14px;min-width:142px;color:var(--ground);background:var(--ink);overflow:hidden;font-size:11px;border:1px solid var(--ink)}.action-plus{color:var(--ink);background:var(--ground);width:15px;height:15px;line-height:14px;text-align:center}.action-flip{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;padding:0 14px;background:var(--ground);color:var(--ink);transform:translateX(-105%);transition:transform .55s var(--ease)}.action:hover .action-flip,.action:focus-visible .action-flip{transform:translateX(0)}
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:120px 40px 120px}.hero-middle{display:flex;align-items:center;justify-content:center;gap:25px}.hero-square{width:180px;aspect-ratio:18/13;background:var(--ink);flex:none}.hero h1{font-size:clamp(100px,15.5vw,224px);font-weight:500;line-height:1.2;letter-spacing:-.07em;white-space:nowrap}.hero-caption{display:grid;grid-template-columns:1fr 1.2fr;gap:15px 50px;max-width:900px;width:100%;margin:42px auto 0}.hero-position{font-size:21px;font-weight:500;line-height:1.6}.hero-description{font-size:20px;line-height:1.7}.hero-statement{grid-column:2;font-size:12px;line-height:1.8;color:#0f0e0ca6}.hero-scroll{position:absolute;bottom:36px;left:40px;font-size:11px}
.js-motion .hero-square{background:transparent}
.featured-slot{position:relative;min-height:0}.featured-panel{position:relative;top:0;left:0;width:100%;background:var(--ink);color:var(--ground);overflow:hidden}.js-motion .featured-panel{position:fixed}.featured-content{width:100%;padding:85px 0 30px;}.marquee{overflow:hidden}.marquee-track{width:max-content;display:flex;align-items:center;gap:30px;will-change:transform}.marquee-track>span{white-space:pre;font-size:clamp(38px,5vw,64px);font-weight:500;line-height:1.2;letter-spacing:-.04em}.material-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:40px var(--gutter) 45px;}.material-intro h2{font-size:32px;line-height:1.4;font-weight:500;white-space:pre-line;letter-spacing:-.04em}.material-intro p{font-size:14px;color:#fcfaf5b0;max-width:470px;line-height:1.85;}.material-grid{padding:0 var(--gutter);display:grid;grid-template-columns:1fr .85fr;gap:90px 90px;align-items:start}.material-card:nth-child(3){grid-column:1;width:85%}.material-card:nth-child(4){grid-column:2;width:117.64%;margin-left:-17.64%}.card-media{position:relative;display:block;width:100%;height:auto;aspect-ratio:4/3;overflow:hidden;background:#14171d;color:var(--ink);text-align:left}.material-card:nth-child(2) .card-media,.material-card:nth-child(3) .card-media{aspect-ratio:16/11;}.card-media>img{width:100%;height:100%;object-fit:contain;user-select:none}.card-caption-inside{position:absolute;left:15px;right:15px;bottom:15px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 15px;background:var(--ground);transform:translateY(calc(100% + 20px));transition:transform .65s var(--ease)}.card-caption-inside>span{font-size:15px;line-height:1.6;font-weight:500}.card-plus{display:inline-block;width:20px;line-height:20px;text-align:center;background:var(--ink);color:var(--ground);flex:none}.card-caption-outside{display:flex;justify-content:space-between;gap:15px;padding-top:10px;overflow:hidden;font-size:15px;font-weight:500;line-height:1.6}.card-caption-outside .card-plus{color:var(--ink);background:var(--ground)}.card-caption-outside>span{transition:transform .65s var(--ease)}.material-card:hover .card-caption-inside,.material-card:focus-within .card-caption-inside{transform:translateY(0)}.material-card:hover .card-caption-outside>span,.material-card:focus-within .card-caption-outside>span{transform:translateY(170%)}.card-description{font-size:14px;line-height:1.75;color:#fcfaf5a6;padding-top:12px;max-width:95%}
.seam{position:relative;height:170px;margin-top:-1px}.seam-half{height:50%;position:relative}.seam-black{background:var(--ink)}.seam-white{background:var(--ground)}.seam-rule{height:100px;margin-top:0}.rule-center{position:absolute;left:0;right:0;top:50%;height:1px;background:#0f0e0c55}
.business-section{padding-top:10px;scroll-margin-top:115px}.section-kicker{display:flex;align-items:center;gap:35px;margin:0 var(--gutter);font-size:12px;line-height:1.6}.section-kicker .rule{height:1px;flex:1;background:var(--line)}.business-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:32px var(--gutter) 36px;}.business-heading h2{font-size:clamp(36px,4.2vw,58px);line-height:1.25;letter-spacing:-.05em;font-weight:500;white-space:pre-line}.business-heading p{font-size:18px;line-height:1.75;max-width:480px;padding-top:8px;color:#0f0e0caa}.business-list{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin:0 var(--gutter)}.business-row{border-top:1px solid var(--line);padding-top:18px;}.business-number{font-size:12px;margin-bottom:16px;}.business-row h3{font-size:23px;font-weight:500;line-height:1.5;margin-bottom:12px;letter-spacing:-.03em}.business-row p{font-size:14px;line-height:1.85;}.capability{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin:34px var(--gutter) 42px;padding-top:24px;border-top:1px solid var(--line)}.capability>span{font-size:12px}.capability>p{font-size:18px;line-height:1.75;}.work-ribbons{width:100%;overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none;margin:16px 0 0;transform:translateY(0);will-change:transform}.work-ribbons:active{cursor:grabbing}.ribbon-row{display:flex;width:max-content;gap:12px;margin-top:12px;will-change:transform}.ribbon-row img{height:130px;width:auto;aspect-ratio:16/9;object-fit:contain;background:#14171d;pointer-events:none}.ribbon-note{font-size:11px;line-height:1.8;color:#0f0e0c85;margin:16px var(--gutter) 0;}
.practice-section{padding:80px 0 10px;scroll-margin-top:100px}.practice-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:28px var(--gutter) 32px;}.practice-heading h2{font-size:clamp(34px,3.4vw,46px);line-height:1.3;font-weight:500;letter-spacing:-.05em}.practice-heading p{font-size:13px;line-height:1.8;color:#0f0e0ca0}.practice-list{margin:0 var(--gutter)}.practice-row{display:grid;grid-template-columns:35px 1.35fr 1fr;gap:35px;padding:22px 0;border-top:1px solid var(--line);align-items:start}.practice-row .item-number{font-size:12px}.practice-row h3{font-size:20px;line-height:1.5;font-weight:500;letter-spacing:-.02em}.practice-row p{font-size:14px;line-height:1.8;max-width:380px}
.background-section{padding-bottom:70px;scroll-margin-top:70px}.background-section>.marquee{margin-top:25px;}.background-card{touch-action:pan-y;display:flex;margin:32px var(--gutter) 0;min-height:475px;}.background-card.is-dragging{user-select:none;cursor:grabbing}.background-image{cursor:grab;position:relative;width:36%;overflow:hidden;background:#15181e}.background-visual{position:absolute;inset:0;display:none;overflow:hidden;will-change:transform}.background-visual.is-current,.background-visual.is-outgoing,.background-visual.is-preview{display:block}.background-visual>img{position:absolute;width:100%;height:100%;object-fit:contain;will-change:transform}.background-visual.is-current{z-index:1}.background-visual.is-preview{z-index:2}.background-copy{width:64%;padding:28px 34px 30px;background:var(--raised);position:relative}.background-controls{display:flex;align-items:center;gap:24px;margin-bottom:28px;}.background-count{font-size:12px;line-height:1.5;white-space:nowrap}.progress-track{height:1px;background:var(--line);flex:1;overflow:hidden}.progress-track span{display:block;width:33.3333%;height:100%;background:var(--ink);transition:width .65s var(--ease)}.background-controls button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--raised);flex:none;font-size:17px}.background-slides{position:relative;min-height:365px;}.background-slide{position:absolute;inset:0;display:none}.background-slide.is-current,.background-slide.is-outgoing{display:block}.background-slide.is-outgoing{animation:line-out .28s cubic-bezier(.4,0,1,1) both}.background-slide.is-entering .background-group-title{animation-delay:.16s;font-size:25px;;line-height:1.35;;margin-bottom:22px;}.background-group-title{font-size:28px;line-height:1.4;letter-spacing:-.04em;font-weight:500;margin-bottom:28px}.role-row{display:flex;flex-direction:column;gap:3px;margin:0 0 14px;}.role-org{font-size:15px;line-height:1.6;font-weight:500}.role-name{font-size:12px;line-height:1.65;color:#0f0e0c9c}.background-slide.is-entering .role-row,.background-slide.is-entering .background-group-title{animation:line-in .85s var(--ease) both}.background-slide.is-entering .role-row:nth-child(2){animation-delay:.22s}.background-slide.is-entering .role-row:nth-child(3){animation-delay:.28s}.background-slide.is-entering .role-row:nth-child(4){animation-delay:.34s}.background-slide.is-entering .role-row:nth-child(5){animation-delay:.40s}.background-slide.is-entering .role-row:nth-child(6){animation-delay:.46s}@keyframes line-out{to{transform:translateY(-16px);opacity:0}}@keyframes line-in{from{transform:translateY(23px);opacity:0}to{transform:translateY(0);opacity:1}}
.background-slide.is-entering .background-group-title{animation-delay:.18s}.site-footer{padding:20px var(--gutter) 24px;overflow:hidden}.footer-inner{will-change:transform}.footer-top{display:flex;justify-content:space-between;gap:60px;border-top:1px solid var(--line);padding-top:36px;}.footer-principle{font-size:12px;line-height:1.6;margin-bottom:18px;}.footer-top h2{font-size:clamp(32px,3.6vw,50px);line-height:1.3;font-weight:500;white-space:pre-line;letter-spacing:-.05em}.metrics{display:flex;gap:40px;padding-top:24px;}.metrics>div{max-width:150px;display:flex;flex-direction:column;gap:13px}.metrics strong{font-size:52px;line-height:1;font-weight:500;letter-spacing:-.06em}.metrics span{font-size:12px;line-height:1.7}.footer-bottom{display:flex;justify-content:space-between;gap:40px;margin-top:42px;font-size:13px}.footer-bottom nav,.save-actions{display:flex;gap:25px;flex-wrap:wrap}.footer-name{font-size:clamp(100px,19vw,270px);font-weight:500;line-height:1.12;letter-spacing:-.065em;display:block;margin:28px 0 0;white-space:nowrap}.site-credit{font-size:10px;line-height:1.8;color:#0f0e0c77}
#material-viewer{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;margin:0;padding:0;background:#0f0e0cf5;color:#fff;z-index:100}#material-viewer::backdrop{background:#0f0e0c}.viewer-inner{height:100%;display:flex;flex-direction:column;padding:24px;gap:18px}.viewer-bar{display:flex;justify-content:space-between;gap:30px;align-items:center;font-size:14px}.viewer-actions{display:flex;align-items:center;gap:16px;flex:none}.viewer-actions a{font-size:12px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.viewer-bar button{width:44px;height:44px;border:1px solid #ffffff70;color:#fff;font-size:27px}.viewer-inner img{width:100%;height:calc(100% - 100px);object-fit:contain}.viewer-inner p{font-size:12px;line-height:1.8;color:#ffffffa8}#status{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--ground);padding:12px 18px;z-index:101;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s}#status.is-visible{opacity:1}.composite-canvas{position:fixed;inset:0;pointer-events:none;z-index:60}.is-selecting .composite-canvas,.keyboard-reading .composite-canvas,body:has(dialog[open]) .composite-canvas{opacity:0}
@media(min-width:1500px){.material-grid{gap:110px 110px;}}
@media(max-width:1000px){.hero-square{width:120px}.hero h1{font-size:18vw}.material-grid{gap:90px 65px}.material-intro,.business-heading{gap:40px}.business-heading h2{font-size:48px}.business-heading p{font-size:18px}.business-list{gap:25px}.business-row h3{font-size:22px}.background-copy{padding:30px}.background-card{min-height:500px;}.background-image{width:32%}.background-copy{width:68%}.footer-top{flex-direction:column}.metrics{padding-top:0}.footer-bottom{flex-direction:column}}
@media(max-width:649px){.card-caption-inside{display:none}.material-card:hover .card-caption-outside>span,.material-card:focus-within .card-caption-outside>span{transform:none!important}:root{--gutter:22px}.site-header{padding:18px 20px}.nav-bar{gap:10px}.nav-bar nav{display:none}.site-header.is-stuck .nav-bar{padding:10px 12px 10px 15px}.nav-name{font-size:14px}.action{min-width:123px;height:38px;font-size:10px}.hero{padding:110px 22px 85px;min-height:90svh;}.hero-square{display:none}.js-motion .hero-middle{gap:10px}.js-motion .hero-square{display:block;width:clamp(28px,10vw,42px)}.js-motion .hero h1{font-size:26vw}.hero h1{font-size:28vw;letter-spacing:-.075em;line-height:1.25}.hero-caption{display:block;margin-top:36px;max-width:360px}.hero-position{font-size:19px}.hero-description{font-size:18px;line-height:1.75;margin-top:22px}.hero-statement{font-size:12px;line-height:1.85;margin-top:18px;max-width:290px}.hero-scroll{left:22px;bottom:28px;font-size:11px}.featured-slot{min-height:0}.featured-panel{position:relative;left:0;top:0;width:100%;height:auto}.js-motion .featured-panel{position:fixed}.featured-content{padding:54px 0 20px}.marquee-track>span{font-size:38px;}.material-intro{display:block;padding:26px 22px 30px;}.material-intro h2{font-size:28px;line-height:1.4}.material-intro p{font-size:13px;line-height:1.8;margin-top:18px;}.material-grid{display:grid;padding:0 22px;grid-template-columns:1fr 1fr;;gap:28px 16px;}.material-card,.material-card:nth-child(3),.material-card:nth-child(4){width:100%;margin:0;transform:none}.card-media,.material-card:nth-child(2) .card-media,.material-card:nth-child(3) .card-media{aspect-ratio:4/3}.card-caption-outside{font-size:13px;;line-height:1.55;;padding-top:8px;}.card-description{font-size:12px;;line-height:1.75;;padding-top:9px;;max-width:100%;}.seam{height:110px;}.business-heading{display:block;margin:26px 22px 28px;}.business-heading h2{font-size:33px;}.business-heading p{font-size:16px;margin-top:18px;line-height:1.75;}.business-list{display:block;margin:0 22px}.business-row{margin-bottom:24px;display:grid;;grid-template-columns:20px 1fr;;gap:12px;;padding-top:16px;}.business-number{margin-bottom:0;}.business-row h3{font-size:22px;;margin-bottom:10px;}.business-row p{font-size:14px;line-height:1.8;}.capability{display:block;margin:28px 22px;}.capability>p{font-size:16px;line-height:1.8;margin-top:16px;}.ribbon-row img{height:110px;}.ribbon-note{font-size:10px;;line-height:1.6;;margin:12px 22px 0;}.practice-section{padding-top:56px;}.practice-heading{display:block;margin:24px 22px 28px;}.practice-heading h2{font-size:29px;}.practice-heading p{font-size:12px;margin-top:14px;}.practice-row{grid-template-columns:25px 1fr;gap:12px 18px;padding:25px 0}.practice-row h3{font-size:21px}.practice-row p{grid-column:2;font-size:14px;line-height:1.75;}.seam-rule{height:80px;}.background-section{padding-bottom:44px;}.background-card{display:block;margin:24px 22px 0;min-height:0}.background-image{height:140px;width:100%}.background-visual>img{object-fit:contain}.background-copy{width:100%;padding:22px 20px 24px;}.background-controls{gap:16px;margin-bottom:24px;}.background-controls button{width:36px;height:36px}.background-slides{min-height:370px;}.background-group-title{font-size:23px;;margin-bottom:18px;}.role-row{margin-bottom:12px;}.role-org{font-size:15px;;line-height:1.6;}.role-name{font-size:12px}.site-footer{padding-top:16px;}.footer-top{gap:28px;padding-top:28px;}.footer-top h2{font-size:30px;}.metrics{gap:45px}.metrics strong{font-size:48px;}.metrics span{font-size:12px}.footer-bottom{margin-top:34px;gap:30px}.footer-bottom nav,.save-actions{font-size:13px;gap:17px 23px}.footer-name{font-size:28vw}.viewer-inner{padding:14px}.viewer-inner img{height:calc(100% - 140px)}.viewer-bar{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.footer-inner{transform:none!important}.card-caption-inside{display:none}}
