/* New identity: source artwork is placed intact using SVG viewports. */
:root{--ink:#000;--paper:#fff;--graphite:#1a1a1a}body,h1,h2,h3,h4{font-family:Inter,Arial,sans-serif}.header{background:#000;color:#fff;border-color:#282828;padding-block:22px}.brand-horizontal{width:158px;height:37px;display:block;mix-blend-mode:screen}.brand{align-items:start}.header .languages a{color:#999}.header .languages a[aria-current]{color:#fff}.header .menu{color:#fff}.header .desktop a:after{background:#fff}.header .header-cta{border-color:#777}.header nav#mobile-nav{background:#111;color:#fff}.header nav#mobile-nav .button{background:white;color:black}.hero{width:100%;max-width:none;background:#000;color:#fff;padding:35px max(56px,calc((100vw - 1440px)/2)) 0;overflow:hidden}.hero .eyebrow{color:#a8a8a8}.hero-composition{display:grid;grid-template-columns:1.28fr 1fr;gap:4%;align-items:center;padding:72px 0 65px;min-height:560px}.hero .hero-title{display:block;margin:0;position:relative;z-index:1;letter-spacing:-.065em}.hero-title .hero-line{color:white;max-width:100%;margin-left:0}.hero-title .hero-small{font-size:clamp(1.2rem,2.2vw,2rem);font-weight:400;letter-spacing:-.04em;margin-bottom:25px;line-height:1.4}.hero-title .hero-bold{font-family:Inter,Arial,sans-serif;font-size:clamp(3.8rem,7.9vw,8rem);font-weight:800;letter-spacing:-.075em;line-height:1.12;white-space:nowrap}.hero-title .hero-serif{font-family:Inter,Arial,sans-serif;font-size:clamp(2.8rem,5.55vw,5.6rem);font-style:normal;font-weight:400;letter-spacing:-.065em;line-height:1.2;margin-top:6px;color:#9a9a9a;padding:0;white-space:nowrap}.hero-brand-art{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;perspective:1000px;min-width:0;padding-bottom:20px}.mark-stage{position:relative;transform:rotate(-9deg);will-change:transform}.hero-symbol{display:block;width:100%;height:auto;aspect-ratio:249/179;mix-blend-mode:screen;filter:drop-shadow(0 15px 24px #ffffff12)}.mark-caption{font-size:11px;letter-spacing:.17em;color:#999;text-align:center;margin-top:45px}.mark-coordinate{position:absolute;top:5px;right:0;font:11px/1.2 monospace;color:#777}.hero-bottom{padding-top:40px;border-top:1px solid #333;grid-template-columns:1fr 1fr;gap:16%;padding-bottom:45px}.hero-statement{font-size:clamp(1.4rem,2.1vw,2rem);font-weight:400;line-height:1.4;color:#e0e0e0;max-width:27ch}.hero-bottom>div>p{color:#a7a7a7;font-size:15px}.hero .button{background:#fff;color:#000;border-color:#fff}.hero .button:hover{background:#1a1a1a;color:#fff}.hero .text-link{color:#ddd}.hero-baseline{border-color:#333;color:#949494}.hero-baseline:before{background:#777}.problem{background:#1a1a1a}.problem h2>span:not(.reveal-word),.about h2>span:not(.reveal-word),.closing h2>span:not(.reveal-word){font-family:Inter,Arial,sans-serif;font-style:normal;font-weight:400;letter-spacing:-.065em}.transition strong,.about-copy .lead{font-family:Inter,Arial,sans-serif;font-style:normal;letter-spacing:-.055em}.pillar:nth-child(3n) h3{font-family:Inter,Arial,sans-serif;font-style:normal;font-size:clamp(2.2rem,6.8vw,6.5rem);font-weight:400;letter-spacing:-.065em}.step-number{font-family:Inter,Arial,sans-serif;font-style:normal;font-weight:400;letter-spacing:-.07em}.dark{background:#000}.problem.dark{background:#1a1a1a}.footer-top .brand-horizontal{width:clamp(180px,28vw,365px);height:auto;aspect-ratio:345/80}.brand-intro{display:none;position:fixed;inset:0;z-index:1000;background:#000;color:#fff;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.brand-loading .brand-intro{display:flex;animation:intro-exit .5s cubic-bezier(.76,0,.24,1) 2s both}.brand-loading body{overflow:hidden}.intro-lockup{width:clamp(155px,22vw,255px);animation:intro-mark 1.25s cubic-bezier(.22,1,.36,1) both}.intro-logo{width:100%;height:auto;aspect-ratio:277/213;display:block;mix-blend-mode:screen}.intro-caption{position:absolute;bottom:15%;font-size:11px;letter-spacing:.2em;color:#999;animation:intro-caption .9s .4s both}.intro-rule{height:1px;background:#fff;position:absolute;bottom:0;left:0;width:100%;transform-origin:left;animation:intro-progress 2s cubic-bezier(.3,.1,.2,1) both}.hero-ready .mark-stage{animation:mark-arrive 1.3s cubic-bezier(.22,1,.36,1) both,mark-float 7s ease-in-out 1.3s 1}.hero-ready .mark-caption{animation:intro-caption 1s .4s both}.brand-loading .hero-composition,.brand-loading .hero-bottom{visibility:hidden}.skip{z-index:1001}
@keyframes intro-mark{from{opacity:0;transform:translateY(28px) scale(.88);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes intro-caption{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes intro-exit{from{clip-path:inset(0)}to{clip-path:inset(0 0 100% 0);visibility:hidden}}@keyframes mark-arrive{from{opacity:0;transform:translateY(65px) rotate(12deg) scale(.8)}to{opacity:1;transform:translateY(0) rotate(-9deg) scale(1)}}@keyframes mark-float{0%,100%{transform:translateY(0) rotate(-9deg)}50%{transform:translateY(-15px) rotate(-5deg)}}
@media(min-width:1600px){.hero-composition{min-height:620px}}@media(max-width:1050px){.hero{padding-inline:32px}.hero-composition{min-height:460px;gap:3%;padding-block:55px}.hero-bottom{gap:8%}.hero-title .hero-bold{font-size:8vw}.hero-title .hero-serif{font-size:5.5vw}.brand-horizontal{width:135px;height:32px}}
@media(max-width:760px){.header{padding-block:18px}.brand-horizontal{width:130px;height:30px}.hero{padding:25px 20px 0}.hero-composition{grid-template-columns:1fr;padding:35px 0 28px;gap:16px;min-height:0}.hero .hero-title{margin:0}.hero-title .hero-small{font-size:1.15rem;margin-bottom:14px;line-height:1.4}.hero-title .hero-bold{font-size:clamp(3rem,12.2vw,5.5rem);line-height:1.1}.hero-title .hero-serif{font-size:clamp(2.1rem,8.35vw,4rem);letter-spacing:-.065em;line-height:1.2;margin-top:9px}.hero-brand-art{width:55%;max-width:265px;margin:15px 0 0 auto;padding-bottom:5px}.mark-coordinate{top:0;right:-5px;font-size:10px}.mark-caption{font-size:9px;letter-spacing:.08em;margin-top:23px;white-space:nowrap}.hero-symbol{width:100%}.hero-bottom{grid-template-columns:1fr;gap:20px;padding:26px 0 32px}.hero-statement{font-size:1.35rem;line-height:1.4;max-width:29ch}.hero .actions{gap:17px}.hero .button{padding:16px 18px;min-height:52px}.hero-baseline{padding-block:20px}.pillar:nth-child(3n) h3{font-size:clamp(1.7rem,7.8vw,3.4rem)}.footer-top .brand-horizontal{width:160px}.intro-lockup{width:180px}.intro-caption{font-size:10px;letter-spacing:.13em}.about-copy .lead{font-size:2.15rem}}
@media(prefers-reduced-motion:reduce){.brand-loading .brand-intro{display:none}.brand-loading body{overflow:auto}.brand-loading .hero-composition,.brand-loading .hero-bottom{visibility:visible}.mark-stage{transform:rotate(-9deg);animation:none!important}.intro-lockup{animation:none}}
