.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.reveal-heading h1 em{margin-left:.18em;font-size:1em}@media(max-width:900px){.reveal-heading h1 em{margin-left:0}}.header{gap:24px;backdrop-filter:none;background:var(--paper)}.nav{gap:22px}.header-cta{white-space:nowrap}.header .brand small{font-size:8px}.reveal-scene{position:relative;border-bottom:1px solid var(--line);height:auto;--reveal-progress:1;color:#383c33}.reveal-scene.is-animated{height:175svh}.reveal-hero.is-animated{height:250svh}.reveal-pin{position:relative;padding:28px 4.5% 0;background:var(--paper);display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:680px;height:calc(100svh - 88px)}.is-animated .reveal-pin{position:sticky;top:88px}.reveal-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;position:relative;z-index:2;padding:0 0 16px}.reveal-heading h1{font-size:clamp(42px,4.4vw,72px);line-height:1;letter-spacing:-3px;margin:14px 0 0}.reveal-heading h1 br{display:none}.reveal-heading h1 em{font-size:1;letter-spacing:-3px}.reveal-heading h2{font-size:clamp(30px,3.5vw,50px);line-height:1.05;letter-spacing:-1.7px;margin:15px 0 0}.reveal-description{max-width:335px;padding-bottom:4px}.reveal-description p{font-size:14px;line-height:1.65;color:#70766a}.reveal-description .text-link{padding:7px 0;font-size:14px}.reveal-heading .section-kicker{font-size:12px;letter-spacing:1.4px}.drawing-board{position:relative;min-height:0;display:flex;justify-content:center;align-items:center;overflow:hidden}.drawing-art{width:100%;height:100%;display:block;overflow:visible;color:#666b60}.drawing-art path{vector-effect:non-scaling-stroke}.drawing-art image{pointer-events:none}.reveal-bottom{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);font-size:12px}.reveal-direction{color:#68705e}.reveal-stage{font-size:12px;letter-spacing:1px}.static-toggle{font-size:13px;min-height:44px;padding:6px 0}.static-toggle span{margin-left:14px}.art-point{opacity:0;pointer-events:none;transition:opacity .25s}.art-point.available{opacity:1;pointer-events:auto}.art-point button{width:46px;height:46px;border-radius:50%;border:1px solid #4c5433;background:var(--accent);font-size:20px;color:#2d3321;display:grid;place-items:center;padding:0}.art-point button[aria-expanded=true]{background:#303729;color:var(--paper)}.surface-info{position:absolute;z-index:4;right:5%;bottom:80px;width:340px;max-width:90%;background:var(--paper);border:1px solid #8f987b;padding:24px;box-shadow:0 12px 30px #303a1712}.surface-info>button{position:absolute;right:8px;top:8px;min-width:44px;min-height:44px;font-size:26px}.surface-info>span{font-size:12px;letter-spacing:.8px;display:block;padding-right:20px}.surface-info h3{font-size:21px;margin:16px 0 12px;padding-right:12px}.surface-info p{font-size:14px;line-height:1.65}.surface-info>a{font-size:14px;display:inline-block;margin-top:16px;text-decoration:underline;text-underline-offset:5px}.art-error{position:absolute;bottom:10px;left:10px;background:var(--paper);padding:15px;font-size:14px;max-width:430px}.art-error button{text-decoration:underline}.is-static .reveal-direction{display:none}.is-static .reveal-pin{position:relative}.is-static .reveal-bottom{justify-content:end}.is-static .drawing-art [data-lines]{opacity:.06}.is-static .drawing-art [data-guides]{opacity:0}@media(min-width:1500px){.reveal-pin{padding-top:35px}.reveal-heading h1{font-size:76px}.reveal-description{max-width:390px}}@media(max-width:1100px){.header{gap:18px;padding:0 4%}.nav{gap:14px;font-size:13px}.header-cta{font-size:13px}.reveal-heading{gap:25px}.reveal-heading h1{font-size:47px}.reveal-description{max-width:290px}.reveal-description p{font-size:13px}}@media(max-width:900px){.header{height:72px}.reveal-scene.is-animated{height:145svh}.reveal-hero.is-animated{height:195svh}.reveal-pin{height:calc(100svh - 72px);min-height:530px;padding:22px 6% 0}.is-animated .reveal-pin{top:72px}.reveal-heading{display:block;padding:0}.reveal-heading h1{font-size:44px;line-height:1.03;letter-spacing:-2px;margin:16px 0}.reveal-heading h1 br{display:block}.reveal-heading h1 em{letter-spacing:-1.8px}.reveal-heading h2{font-size:33px;line-height:1.15;margin:14px 0}.reveal-description{max-width:100%;display:flex;gap:20px;align-items:center}.reveal-description p{font-size:14px;max-width:380px}.reveal-hero .reveal-description{display:block}.reveal-description .text-link{font-size:14px;margin-top:8px}.reveal-heading .section-kicker{font-size:11px;letter-spacing:.8px}.drawing-board{margin:0 -3%}.reveal-bottom{min-height:60px;gap:10px;flex-wrap:wrap;font-size:11px}.reveal-stage{font-size:11px;letter-spacing:.2px}.static-toggle{font-size:12px}.static-toggle span{margin-left:4px}.reveal-direction{font-size:11px}.surface-info{bottom:75px;right:6%;padding:22px}.surface-info h3{font-size:20px}}@media(max-width:420px){.header-cta{font-size:12px}.header{gap:15px}.reveal-pin{min-height:0}.reveal-heading h1{font-size:40px}.reveal-bottom{display:grid;grid-template-columns:1fr auto;gap:0;min-height:70px}.reveal-direction{grid-column:1/-1;padding-top:8px}.reveal-description p{font-size:13px;line-height:1.5}.surface-info p{font-size:13px}}@media(max-height:700px)and (max-width:900px){.reveal-heading h1{font-size:34px;margin:10px 0}.reveal-pin{padding-top:16px}.reveal-description p{font-size:12px}.reveal-description .text-link{font-size:13px;padding:4px 0}.reveal-heading .section-kicker{font-size:10px}.reveal-heading h2{font-size:27px}.reveal-bottom{min-height:60px}}@media(prefers-reduced-motion:reduce){.reveal-scene,.reveal-scene.is-animated,.reveal-hero.is-animated{height:auto}.reveal-pin,.is-animated .reveal-pin{position:relative;top:0}.reveal-direction{display:none}}.reveal-pin{grid-template-rows:auto minmax(0,1fr) auto auto}.scene-controls{padding:0 0 8px}.surface-links{display:flex;gap:24px;flex-wrap:wrap}.surface-links button{font-size:12px;min-height:44px;text-align:left;border-bottom:1px solid transparent}.surface-links button:hover,.surface-links button[aria-expanded=true]{border-color:#79844b}.surface-links button span{margin-left:12px;color:#707b33}.finish-options{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.finish-options button{min-height:44px;padding:8px 18px;border:1px solid var(--line);font-size:13px}.finish-options button[aria-pressed=true]{background:var(--accent);border-color:#879745}.finish-options>span{font-size:12px;color:#666d5d}.surface-info{bottom:130px}.drawing-board{isolation:isolate}.reveal-scene{scroll-margin-top:88px}@media(max-width:900px){.reveal-scene{scroll-margin-top:72px}.surface-links{gap:0 12px}.surface-links button{font-size:11px;min-height:44px;flex:1}.art-point{display:none}.finish-options{gap:7px}.finish-options>span{display:none}.finish-options button{flex:1}.surface-info{bottom:130px}.scene-controls{padding-bottom:4px}.reveal-pin{min-height:640px}.drawing-art{min-height:0}}@media(max-width:600px){.reveal-heading h1{font-size:clamp(34px,9.3vw,48px)}.reveal-pin{height:calc(100svh - 72px);min-height:620px}.reveal-heading h2{font-size:29px}.reveal-heading .section-kicker{font-size:10px}.reveal-description p{margin:8px 0}.reveal-hero .reveal-description .text-link{display:none}.surface-links button{font-size:10px}.reveal-bottom{min-height:57px}.drawing-board{margin:0 -4%}.reveal-heading{padding-bottom:8px}}@media(prefers-reduced-motion:reduce){.reveal-pin{height:auto;min-height:0}.drawing-board{height:65vw;max-height:680px;min-height:280px}.static-toggle{display:none}.reveal-stage{padding:16px 0}.reveal-bottom{min-height:44px}}.material-lab{display:block;background:var(--paper)}.material-lab>.material-details{padding:70px 7%;display:grid;grid-template-columns:1fr 2fr;gap:60px;border-bottom:1px solid var(--line)}.material-details .family-tabs{display:flex;flex-direction:column;align-self:start}.material-details .family-tabs button{text-align:left;min-height:64px}.material-panel h2{font-size:clamp(32px,3.6vw,54px)}.material-panel p{max-width:650px}.material-panel .material-points{display:grid;grid-template-columns:1fr 1fr;gap:18px}.editorial-note{padding:55px 8%;display:grid;grid-template-columns:1fr 1.5fr;gap:70px;border-bottom:1px solid var(--line)}.editorial-note>span{font-size:11px;letter-spacing:1.3px;line-height:1.8}.editorial-note p{font-size:clamp(18px,2vw,26px);line-height:1.5;max-width:700px;margin:0;color:#616757}.material-lab .reveal-heading h2{max-width:760px}.material-lab .surface-links{display:none}@media(max-width:900px){.material-lab>.material-details{display:block;padding:40px 6%}.material-details .family-tabs{flex-direction:row}.material-details .family-tabs button{font-size:12px;padding:10px}.material-panel h2{font-size:34px}.material-panel .material-points{display:block}.editorial-note{display:block;padding:32px 6%}.editorial-note p{font-size:19px;margin-top:18px}.material-lab .finish-options{flex-wrap:nowrap}.material-lab .finish-options button{font-size:11px;padding:8px}.material-lab .reveal-description{display:none}}@media(max-height:740px)and (max-width:600px){.reveal-pin{min-height:0;padding-top:16px}.reveal-heading h1{font-size:34px;margin:10px 0}.reveal-heading h2{font-size:26px}.reveal-description p{font-size:12px;line-height:1.45}.reveal-bottom{min-height:54px}.surface-links button{font-size:10px}.reveal-hero .drawing-board{margin-top:0}}.material-hero{--hero-ink: #f6f3e9;--hero-green: #242b22;--pointer-x: 0px;--pointer-y: 0px;position:relative;min-height:calc(100svh - 88px);height:max(720px,calc(100svh - 88px));overflow:hidden;display:grid;grid-template-columns:minmax(350px,.82fr) minmax(520px,1.18fr);grid-template-rows:minmax(0,1fr) auto;color:var(--hero-ink);background:radial-gradient(circle at 15% 12%,rgba(223,235,106,.13),transparent 24%),linear-gradient(120deg,#1f251e,#293126 48%,#161c17);isolation:isolate;scroll-margin-top:88px}.material-hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,#000,transparent 70%)}.material-hero-ribbon{position:absolute;left:-2%;right:-2%;top:50%;z-index:-1;color:#ffffff09;font:600 clamp(72px,10vw,168px)/1 "Manrope",sans-serif;letter-spacing:-7px;white-space:nowrap;transform:translateY(-50%);animation:heroRibbon 28s linear infinite alternate}.material-hero-copy{position:relative;z-index:4;align-self:center;padding:58px 6% 58px 11%}.material-hero-kicker{display:flex;align-items:center;gap:11px;font-size:10px;line-height:1.4;letter-spacing:1.7px}.material-hero-kicker span{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 7px #dfeb6a1a}.material-hero h1{max-width:720px;margin:28px 0 26px;font-size:clamp(62px,6.8vw,112px);line-height:.86;letter-spacing:-.075em;color:var(--hero-ink)}.material-hero h1 em{display:inline-block;padding-left:.18em;color:var(--accent);font-size:.91em;letter-spacing:-.055em;transform:rotate(-2deg)}.material-hero-copy>p{max-width:490px;color:#f6f3e9b8;font-size:clamp(15px,1.25vw,19px);line-height:1.6}.material-hero-proofs{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:500px;border-block:1px solid rgba(255,255,255,.17)}.material-hero-proofs li{min-height:62px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:10px 16px 10px 0}.material-hero-proofs li+li{padding-left:16px;border-left:1px solid rgba(255,255,255,.17)}.material-hero-proofs li>span{color:var(--accent);font-size:9px;letter-spacing:1px}.material-hero-proofs p{display:grid;gap:2px}.material-hero-proofs strong{color:var(--hero-ink);font:550 14px Manrope,sans-serif}.material-hero-proofs small{color:#f6f3e97a;font-size:9px;letter-spacing:.3px}.material-hero-actions{display:flex;align-items:center;gap:28px;margin-top:26px;font-size:13px}.material-hero-actions a{min-height:52px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px}.material-hero-primary{min-width:220px;padding:0 18px;background:var(--accent);color:#242a20;transition:background .25s,transform .25s}.material-hero-primary:hover{background:#edf790;transform:translateY(-3px)}.material-hero-secondary{border-bottom:1px solid rgba(255,255,255,.38)}.material-hero-secondary span{font-size:18px}.material-hero-visual{position:relative;z-index:2;min-width:0;margin:32px 3.5% 18px 0;clip-path:polygon(7% 0,100% 0,100% 92%,93% 100%,0 100%,0 8%);background:#ddd9cc;overflow:hidden}.material-hero-material{position:absolute;inset:0;transform:translate3d(calc(var(--pointer-x) * .34),calc(var(--pointer-y) * .34),0) scale(1.035);transition:transform .7s cubic-bezier(.2,.75,.2,1)}.material-hero-material:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,31,25,.16),transparent 48%),linear-gradient(0deg,rgba(15,20,16,.35),transparent 43%)}.material-hero-material img{height:100%;object-position:center}.material-hero-material>span{position:absolute;z-index:2;top:30px;right:30px;padding:9px 12px;color:#242a20;background:var(--accent);font-size:9px;letter-spacing:1.3px}.material-hero-application{position:absolute;left:5%;bottom:7%;z-index:3;width:min(48%,430px);aspect-ratio:1.22;overflow:hidden;border:6px solid rgba(247,245,237,.95);box-shadow:0 24px 55px #181d184d;transform:translate3d(calc(var(--pointer-x) * -.55),calc(var(--pointer-y) * -.55),0);transition:transform .7s cubic-bezier(.2,.75,.2,1)}.material-hero-application figure{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.06);transition:opacity .8s,transform 1.4s cubic-bezier(.2,.7,.2,1);pointer-events:none}.material-hero-application figure.is-active{opacity:1;transform:scale(1)}.material-hero-application img{height:100%}.material-hero-application figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;color:#f8f6ed;background:linear-gradient(0deg,#161b16eb,#161b1614)}.material-hero-application figcaption span{font-size:8px;letter-spacing:1.2px}.material-hero-application figcaption strong{font:500 14px Manrope,sans-serif}.material-hero-index{position:absolute;z-index:4;right:4.5%;bottom:6%;display:flex;align-items:baseline;color:#293126}.material-hero-index span{font:500 clamp(48px,5vw,82px)/1 "Manrope",sans-serif;letter-spacing:-.07em}.material-hero-index small{margin-left:10px;font-size:11px}.material-hero-controls{grid-column:1/-1;position:relative;z-index:5;display:grid;grid-template-columns:minmax(0,1fr) 340px;border-top:1px solid rgba(255,255,255,.16);background:#121712a3;backdrop-filter:blur(15px)}.material-hero-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.material-hero-tabs button{min-height:92px;position:relative;padding:18px 25px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-content:center;gap:3px 14px;color:#f6f3e999;text-align:left;border-right:1px solid rgba(255,255,255,.13);transition:color .25s,background .25s}.material-hero-tabs button:before{content:"";position:absolute;inset:0 auto 0 0;width:0;background:var(--accent);transition:width .35s}.material-hero-tabs button:hover{color:var(--hero-ink);background:#ffffff09}.material-hero-tabs button[aria-selected=true]{color:var(--hero-ink)}.material-hero-tabs button[aria-selected=true]:before{width:4px}.material-hero-tabs button>span{grid-row:1/3;padding-top:3px;color:var(--accent);font-size:10px;letter-spacing:1px}.material-hero-tabs button strong{font:550 14px Manrope,sans-serif}.material-hero-tabs button small{font-size:10px;line-height:1.35;color:#f6f3e973}.material-hero-status{position:relative;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:16px 25px;overflow:hidden}.material-hero-status p{font-size:10px;line-height:1.4;color:#f6f3e98c}.material-hero-status p strong{display:block;margin-bottom:4px;color:var(--hero-ink);font:550 12px Manrope,sans-serif}.material-hero-status button{width:38px;height:38px;border:1px solid rgba(255,255,255,.24);color:var(--hero-ink);font-size:11px}.material-hero-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--accent);transform-origin:left;animation:heroProgress 5.2s linear both}.material-hero-controls.is-paused .material-hero-progress{animation-play-state:paused}.material-hero-scroll{position:absolute;z-index:6;left:4.5%;bottom:116px;display:flex;align-items:center;gap:18px;font-size:10px;letter-spacing:1.2px;text-transform:uppercase}.material-hero-scroll span{color:var(--accent);font-size:17px;animation:heroScroll 1.8s ease-in-out infinite}@keyframes heroProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes heroRibbon{0%{transform:translate(-2%,-50%)}to{transform:translate(-16%,-50%)}}@keyframes heroScroll{0%,to{transform:translateY(-2px)}50%{transform:translateY(5px)}}@media(max-width:1050px){.material-hero{grid-template-columns:minmax(330px,.8fr) minmax(430px,1.2fr)}.material-hero-copy{padding-left:8%}.material-hero h1{font-size:clamp(58px,7vw,78px)}.material-hero-controls{grid-template-columns:1fr 290px}.material-hero-tabs button{padding:16px}}@media(max-width:900px){.material-hero{height:auto;min-height:calc(100svh - 72px);grid-template-columns:1fr;grid-template-rows:auto minmax(330px,48svh) auto;scroll-margin-top:72px}.material-hero-copy{padding:48px 7% 30px}.material-hero h1{margin:22px 0 20px;font-size:clamp(58px,16vw,90px)}.material-hero-copy>p{max-width:600px;font-size:15px}.material-hero-proofs{max-width:540px;margin-top:20px}.material-hero-actions{margin-top:20px;gap:18px}.material-hero-primary{min-width:202px}.material-hero-visual{min-height:330px;margin:0 5% 24px;clip-path:polygon(8% 0,100% 0,100% 88%,92% 100%,0 100%,0 12%)}.material-hero-material>span{top:18px;right:18px}.material-hero-application{width:46%;border-width:4px}.material-hero-index{right:5%;bottom:7%}.material-hero-controls{grid-template-columns:1fr}.material-hero-tabs button{min-height:78px;padding:13px 14px;gap:2px 8px}.material-hero-tabs button small{display:none}.material-hero-status{position:absolute;top:-54px;right:5%;display:block;padding:0;overflow:visible}.material-hero-status p,.material-hero-status .material-hero-progress{display:none}.material-hero-status button{background:#181e18d1;backdrop-filter:blur(10px)}.material-hero-scroll{display:none}}@media(max-width:560px){.material-hero-copy{padding-top:35px}.material-hero-kicker{max-width:260px;font-size:9px;letter-spacing:1.1px}.material-hero h1{font-size:clamp(54px,17vw,78px)}.material-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.material-hero-proofs li{min-height:56px;gap:8px;padding-right:8px}.material-hero-proofs li+li{padding-left:8px}.material-hero-proofs strong{font-size:11px}.material-hero-proofs small{font-size:8px}.material-hero-actions a{min-width:0;min-height:48px;gap:12px;font-size:11px}.material-hero-secondary{justify-content:center;border:1px solid rgba(255,255,255,.28);padding:0 10px}.material-hero-visual{min-height:300px}.material-hero-material img{object-position:56% center}.material-hero-application{width:54%;bottom:6%;left:4%}.material-hero-application figcaption{padding:10px}.material-hero-application figcaption strong{font-size:11px}.material-hero-application figcaption span{display:none}.material-hero-index span{font-size:46px}.material-hero-index small{margin-left:7px}.material-hero-tabs button{min-height:72px;padding:12px 8px;display:flex;flex-direction:column;gap:5px}.material-hero-tabs button>span{padding:0}.material-hero-tabs button strong{font-size:10px;line-height:1.2}}@media(prefers-reduced-motion:reduce){.material-hero-ribbon,.material-hero-scroll span,.material-hero-progress{animation:none}.material-hero-application figure,.material-hero-material,.material-hero-application,.material-hero-primary{transition:none}}
