:root{--ink:#1d1d1f;--text:#636366;--line:#d6d6d8;--margin:22px;--accent:#9b572a;--font:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:400 18px/1.55 var(--font);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure,ul{margin:0}h1,h2,h3{font-weight:600;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}h1{font-size:40px}h2{font-size:34px}h3{font-size:27px}p{color:var(--text)}a{color:inherit;text-underline-offset:5px}img{display:block;width:100%;height:auto}button{font:inherit;cursor:pointer;color:inherit}[hidden]{display:none!important}:focus-visible{outline:3px solid #9b572a;outline-offset:5px}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:#fff;padding:12px}.skip:focus{top:15px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:30px;min-height:48px;padding:12px 23px;font-size:16px;text-decoration:none;transition:background .25s,transform .25s}.button:hover{background:#414144;transform:translateY(-2px)}.text-link{display:inline-block;font-size:17px;color:var(--accent);text-decoration:none;padding:9px 0}.text-link:hover{text-decoration:underline}.eyebrow{font-size:16px;letter-spacing:0;font-weight:500;margin-bottom:18px}.site-header{position:relative;z-index:20;background:#fff}.header-top{display:flex;align-items:center;gap:20px;padding:18px var(--margin);max-width:1440px;margin:auto}.brand{width:170px;flex-shrink:0}.header-note,.header-contact{display:none}.menu-toggle{background:none;border:0;font-size:16px;margin-left:auto;min-height:44px;padding:8px 0;display:flex;align-items:center;gap:12px}.menu-toggle span{display:block;width:20px;height:9px;border-block:1px solid}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:0 var(--margin) 20px;background:#fff;max-height:calc(100dvh - 95px);overflow:auto;box-shadow:0 18px 20px #0000000a}.main-nav.open{display:block}.main-nav ul{list-style:none;padding:0}.nav-line{display:flex;justify-content:space-between;align-items:center}.nav-line a{font-size:16px;text-decoration:none;padding:13px 0}.nav-line a:hover{text-decoration:underline}.sub-toggle{font-size:22px;min-width:44px;min-height:44px;background:none;border:0}.submenu{padding:0 0 12px 20px!important}.submenu a{font-size:16px;display:block;padding:10px 0;text-decoration:none}.submenu a:hover{text-decoration:underline}
.hero{background:linear-gradient(#fff 0%,#f5f5f7 70%);padding-bottom:26px}.hero-title{text-align:center;padding:36px var(--margin) 22px}.hero-title>.eyebrow{display:none}.hero-title h1{max-width:1050px;margin:auto}.hero-title h1 span{display:block;color:#707073}.hero-lead{font-size:19px;max-width:690px;margin:19px auto 0}.welcome{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 var(--margin) 27px}.welcome figure{width:105px;flex-shrink:0}.welcome figure img{aspect-ratio:1.45;object-fit:cover;border-radius:18px}.welcome-copy{text-align:left}.welcome-copy .eyebrow,.welcome-copy>p:not(.eyebrow){display:none}.welcome-copy h2{font-size:19px;line-height:1.25;letter-spacing:-.02em}.welcome-copy .text-link{font-size:16px;padding:6px 0}.selection{text-align:center;margin:0 var(--margin) 22px}.selection>p{font-size:16px;margin-bottom:16px}.tab-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:660px;margin:auto}.tab-row button{border:1px solid #d1d1d4;border-radius:17px;background:#fff;padding:0 0 13px;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:11px;font-size:16px;min-width:0;transition:box-shadow .25s,background .25s,border-color .25s}.tab-row img{height:66px;object-fit:cover;object-position:center 60%}.tab-row button[aria-selected=true]{background:#1d1d1f;color:#fff;border-color:#1d1d1f;box-shadow:0 6px 14px #00000012}.tab-row button:hover{box-shadow:0 5px 18px #00000018;border-color:#8c8c90}.selection-mark{display:none}.hero-stage{margin:0 var(--margin);max-width:1408px}.showcase{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 12px 40px #00000008}.showcase-image img{aspect-ratio:1.15;object-fit:cover;object-position:center 62%}.showcase-caption{text-align:center;padding:26px 20px 12px}.showcase-caption h2{font-size:27px}.showcase-caption p{font-size:16px;margin-top:13px}.showcase-caption .text-link{margin-top:8px}.slide-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:9px 24px 18px}.slide-controls button{font-size:16px;border:0;border-radius:25px;background:#f5f5f7;min-height:44px;padding:10px 16px}.slide-controls button:hover{background:#e8e8ed}.slide-name{font-size:16px;color:var(--text)}.load-status{font-size:16px;text-align:center}.load-status:not(:empty){padding:15px}.panel-enter{animation:appear .65s ease both}@keyframes appear{from{opacity:.2}to{opacity:1}}.hero-title{animation:rise .75s ease both}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.design-section{padding:60px var(--margin);background:#f5f5f7}.design-heading{text-align:center;max-width:810px;margin:0 auto 35px}.design-heading h2{font-size:37px}.design-heading>p:last-child{font-size:19px;margin:22px auto 0;max-width:630px}.design-composition{display:grid;gap:24px;max-width:1408px;margin:auto}.material-image,.design-aside{background:white;border-radius:25px;overflow:hidden;padding-bottom:30px}.material-image img,.design-aside figure img{aspect-ratio:1.2;object-fit:cover}.design-aside figure img{object-position:60% center}figcaption{font-size:16px;color:var(--text);padding:20px 26px 0}.material-image h3,.design-aside h3{margin:20px 26px 16px;font-size:28px}.material-image>p,.design-aside>p{margin:0 26px 14px}.material-image>.text-link,.design-aside>.text-link{margin:0 26px}.region{text-align:center;max-width:1000px;margin:55px auto 0;padding:45px 20px 10px}.region h3{font-size:36px}.region p{max-width:720px;margin:22px auto 26px}.footer{padding:35px var(--margin);background:#fff;font-size:16px}.footer-main{display:grid;gap:24px;max-width:1408px;margin:auto;padding-bottom:30px}.footer-main>div a{display:block;padding:6px 0;text-decoration:none;overflow-wrap:anywhere}.footer-main nav{display:flex;gap:22px;flex-wrap:wrap}.footer a:hover{text-decoration:underline}.footer-main nav a{padding:6px 0;text-decoration:none}.footer-bottom{max-width:1408px;margin:auto;border-top:1px solid var(--line);padding-top:25px;display:flex;flex-wrap:wrap;gap:20px 28px;justify-content:space-between}.footer-bottom>div{display:flex;gap:20px}.soft-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.soft-reveal.shown{opacity:1;transform:none}
@media(min-width:701px){:root{--margin:40px}.brand{width:190px}.header-contact{display:inline-flex;margin-left:auto}.menu-toggle{margin-left:0}.hero-title{padding-top:42px}h1{font-size:62px}.hero-lead{font-size:22px}.welcome{margin-bottom:26px;gap:20px}.welcome-copy h2{font-size:20px}.welcome figure{width:112px}.tab-row{gap:14px}.tab-row button{flex-direction:row;padding:7px 18px 7px 7px;gap:13px;border-radius:50px;font-size:18px}.tab-row img{width:60px;height:50px;border-radius:30px}.selection{margin-bottom:28px}.showcase-image img{aspect-ratio:1.9;object-position:center 65%}.showcase-caption{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:30px 40px 12px;gap:25px}.showcase-caption h2{font-size:30px}.showcase-caption .text-link{white-space:nowrap}.slide-controls{padding:15px 40px 25px;justify-content:center;gap:30px}.design-section{padding-top:80px}.design-heading h2{font-size:49px}.design-composition{grid-template-columns:1fr 1fr}.design-heading{margin-bottom:45px}.footer-main{grid-template-columns:1fr 1fr}.region h3{font-size:45px}}
@media(min-width:1101px){:root{--margin:64px}.header-top{padding-block:15px}.header-note{display:block;font-size:16px;margin-left:35px}.main-nav{display:block;position:relative;top:auto;max-height:none;overflow:visible;padding:0 var(--margin);box-shadow:none;border-block:1px solid #ededee}.main-nav>ul{display:flex;justify-content:center;gap:28px}.main-nav>ul>li{position:relative}.nav-line a{padding-block:14px}.sub-toggle{min-width:27px;font-size:20px}.submenu{position:absolute;top:100%;left:-15px;background:white;min-width:240px;padding:15px 22px!important;border:1px solid #e5e5e7;border-radius:0 0 16px 16px;box-shadow:0 12px 25px #0000000d}.menu-toggle{display:none}.hero-title{padding-top:38px;padding-bottom:22px}.hero-title h1{font-size:66px;letter-spacing:-.045em}.hero-title h1 span{display:inline}.hero-lead{font-size:22px}.hero-stage{width:calc(100% - var(--margin)*2);margin:auto}.showcase-image img{aspect-ratio:2.55;object-position:center 65%}.showcase-caption h2{font-size:33px}.showcase{border-radius:30px}.design-section{padding-top:90px}.design-composition{gap:30px}.design-heading h2{font-size:54px}.material-image h3,.design-aside h3{font-size:33px;margin-inline:36px}.material-image>p,.design-aside>p,.material-image>.text-link,.design-aside>.text-link{margin-inline:36px}figcaption{padding-inline:36px}.region{margin-top:80px}.footer-main{grid-template-columns:1fr 1fr auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.soft-reveal{opacity:1;transform:none}.button:hover{transform:none}}