/* Studio framing. Product showcases and their original styles are preserved. */
.site-header{height:104px;border-bottom:0}
.site-header>nav{font-size:12px;gap:36px}
.site-header .nav-contact{background:var(--ink);color:var(--paper);border-color:var(--ink);padding:12px 22px!important;margin-left:16px;gap:27px;transition:background 160ms}
.site-header .nav-contact:hover{background:#343631}
.site-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:8%;padding-top:47px;padding-bottom:71px;align-items:center}
.eyebrow-v2{display:flex;align-items:center;gap:12px;font:9px/1.7 var(--mono);letter-spacing:.055em}
.short-rule{width:28px;height:1px;background:currentColor}
.site-hero h1{font:600 clamp(55px,5.9vw,93px)/1.08 var(--display);letter-spacing:-.065em;margin-top:30px;margin-bottom:25px}
.site-hero h1>span{font-weight:400}
.hero-description-v2{font-size:14px;line-height:1.9;color:var(--muted)}
.hero-actions{display:flex;align-items:center;gap:25px;margin-top:32px;flex-wrap:wrap}
.solid-link{display:inline-flex;align-items:center;gap:30px;font-size:11px;font-weight:600;background:var(--ink);color:var(--paper);padding:17px 24px;border-radius:999px;transition:background 160ms}
.solid-link:hover{background:#343631}
.solid-link>span{font-size:17px;font-weight:400}
.quiet-link{display:flex;align-items:center;gap:15px;font-size:11px;padding:12px 0;border-bottom:1px solid transparent;transition:border-color 160ms}
.quiet-link:hover{border-color:var(--ink)}
.family-index{align-self:center;padding-left:27px;border-left:1px solid var(--line)}
.family-label{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.05em;color:var(--muted);padding:0 0 17px}
.family-index>a{display:flex;align-items:center;gap:19px;padding:17px 0;border-top:1px solid var(--line)}
.family-number{font:9px var(--mono);color:var(--muted);align-self:start;margin-top:8px}
.family-name{font:400 27px/1.1 var(--display);letter-spacing:-1px}
.family-name small{display:block;font:400 10px/1.6 var(--display);letter-spacing:0;margin-top:7px;color:var(--muted)}
.family-arrow{margin-left:auto;font-size:22px;transition:transform 160ms}
.family-index>a:hover .family-arrow{transform:translate(3px,-3px)}
.family-index>a:hover .family-name{color:#5a5d52}
.studio-v2{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:72px;padding-bottom:78px;border-top:1px solid var(--line)}
.studio-v2 .eyebrow-v2{color:var(--muted)}
.studio-v2 h2{font:400 clamp(43px,4.4vw,70px)/1.1 var(--display);letter-spacing:-.055em;margin:27px 0 25px}
.studio-v2 h2>span{color:#6f7268}
.studio-intro-copy{max-width:335px;font-size:13px;line-height:1.9;color:var(--muted)}
.studio-method{padding-top:6px}
.studio-lead{font:400 22px/1.6 var(--display);letter-spacing:-.5px}
.studio-explanation{font-size:12px;line-height:1.9;color:var(--muted);margin-top:23px;max-width:440px}
.method-list{list-style:none;margin:32px 0 0;padding:0}
.method-list li{display:flex;align-items:start;gap:21px;border-top:1px solid var(--line);padding:20px 0}
.method-list li:last-child{padding-bottom:0}
.method-number{font:9px var(--mono);color:var(--muted);padding-top:5px}
.method-list h3{font:600 14px/1.5 var(--display);letter-spacing:-.2px}
.method-list p{font-size:11px;line-height:1.9;color:var(--muted);margin-top:7px;max-width:395px}
.contact-v2{padding-top:12px;padding-bottom:65px}
.contact-panel{background:var(--ink);color:var(--paper);border-radius:24px;padding:49px 52px 48px;display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center}
.contact-panel .eyebrow-v2{font-size:8px;color:#d2d4ca}
.contact-panel h2{font:400 clamp(46px,4.5vw,71px)/1.08 var(--display);letter-spacing:-.055em;margin:24px 0 20px}
.contact-invitation>p:last-child{font-size:12px;line-height:1.9;color:#c4c6bd}
.contact-small-label{font:8px var(--mono);color:#c4c6bd;letter-spacing:.07em}
.contact-details>.email{display:flex;align-items:center;justify-content:space-between;gap:15px;font:400 clamp(18px,1.85vw,29px)/1.5 var(--display);letter-spacing:-.8px;padding:12px 0 17px;border-bottom:1px solid #575a51}
.contact-details>.email>span{font-size:27px}
.contact-utilities{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px}
.contact-utilities>span{font-size:10px;color:#c4c6bd}
.contact-panel .copy-email{font:9px var(--mono);padding:10px 13px;border-color:#63665b;background:transparent;color:var(--paper);min-width:111px}
.contact-panel .copy-email:hover{background:#30342b}
.contact-options{display:flex;gap:22px;margin-top:44px;flex-wrap:wrap}
.contact-options>a{font-size:10px;display:flex;align-items:center;gap:23px;padding-bottom:9px;border-bottom:1px solid #63665b}
.contact-options>a:hover{border-color:var(--paper)}
.site-footer{display:block;padding-top:0;padding-bottom:0;border-top:0}
.footer-main-v2{display:grid;grid-template-columns:1.6fr 1fr .8fr;gap:40px;padding:14px 0 42px}
.footer-identity{align-self:start}
.footer-identity .footer-brand{width:224px;margin-left:-10px}
.footer-identity p{font-size:11px;color:var(--muted);margin-top:5px}
.site-footer nav{margin:0;padding-top:15px;font-size:11px;align-content:start;gap:15px;display:grid}
.site-footer nav.footer-products-v2{grid-template-columns:1fr 1fr;column-gap:30px}
.site-footer nav.footer-studio-v2{grid-template-columns:1fr}
.footer-label{font:8px/1.5 var(--mono);letter-spacing:.05em;color:var(--muted);grid-column:1/-1;margin-bottom:7px}
.site-footer nav>a{width:fit-content;border-bottom:1px solid transparent;padding-bottom:2px}
.site-footer nav>a:hover{border-color:var(--ink)}
.footer-baseline{border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;justify-content:space-between;padding:22px 0 28px;font:8px/1.5 var(--mono);color:var(--muted)}
.footer-baseline .back-top{font:9px var(--display);color:var(--ink);margin:0}
@media(min-width:1600px){.site-hero{padding-top:60px;padding-bottom:84px}.family-name{font-size:32px}.family-index>a{padding:20px 0}.hero-description-v2{font-size:16px}}
@media(max-width:1100px){.site-hero{gap:5%;grid-template-columns:minmax(0,1.5fr) minmax(265px,1fr);padding-top:33px;padding-bottom:57px}.site-hero h1{font-size:clamp(49px,6.5vw,70px)}.family-index{padding-left:20px}.family-name{font-size:24px}.family-index>a{gap:12px}.hero-actions{gap:14px}.solid-link{padding:15px 19px;font-size:10px;gap:18px}.quiet-link{font-size:10px;gap:10px}.hero-description-v2{font-size:12px}.studio-v2{gap:8%;padding-top:56px;padding-bottom:60px}.studio-lead{font-size:19px}.contact-panel{gap:7%;padding:36px 32px}.contact-details>.email{font-size:19px;letter-spacing:-.6px}.contact-options{gap:15px}.contact-options>a{font-size:9px;gap:10px}.contact-utilities{flex-wrap:wrap;gap:12px}.footer-main-v2{gap:25px}}
@media(max-width:760px){
 .site-header{height:88px}
 .site-header>nav:not(#mobile-nav){display:none}
 .site-header #mobile-nav:not([hidden]){top:87px;gap:0;padding:10px 20px}
 .site-hero{grid-template-columns:1fr;gap:33px;padding-top:31px;padding-bottom:36px}
 .site-hero .eyebrow-v2{font-size:8px;letter-spacing:.02em;gap:9px}
 .short-rule{width:19px}
 .site-hero h1{font-size:clamp(42px,9.65vw,66px);line-height:1.09;letter-spacing:-.065em;margin:25px 0 22px}
 .hero-description-v2{font-size:12px;line-height:1.8}
 .hero-actions{gap:19px;margin-top:25px}
 .solid-link{font-size:10px;gap:24px;padding:14px 19px}
 .quiet-link{font-size:10px;gap:8px}
 .family-index{padding-left:0;border-left:0;display:grid;grid-template-columns:1fr 1fr;column-gap:24px;row-gap:0}
 .family-label{grid-column:1/-1;font-size:8px;padding-bottom:12px}
 .family-index>a{gap:10px;padding:15px 0}
 .family-number{font-size:8px;margin-top:5px}
 .family-name{font-size:20px;letter-spacing:-.6px}
 .family-name small{font-size:9px;line-height:1.5;margin-top:5px;max-width:112px}
 .family-arrow{font-size:17px}
 .studio-v2{grid-template-columns:1fr;gap:30px;padding-top:41px;padding-bottom:39px}
 .studio-v2 .eyebrow-v2{font-size:8px}
 .studio-v2 h2{font-size:42px;line-height:1.09;margin:20px 0;letter-spacing:-2px}
 .studio-v2 h2 br:nth-of-type(2){display:none}
 .studio-v2 h2>span:before{content:' '}
 .studio-intro-copy{font-size:12px;line-height:1.8;max-width:100%}
 .studio-method{padding-top:0}
 .studio-lead{font-size:18px;line-height:1.6;letter-spacing:-.35px}
 .studio-explanation{font-size:12px;line-height:1.8;margin-top:17px}
 .method-list{margin-top:25px}
 .method-list li{gap:17px;padding:18px 0}
 .method-list h3{font-size:13px}
 .method-list p{font-size:11px;line-height:1.8}
 .contact-v2{padding-top:11px;padding-bottom:35px}
 .contact-panel{grid-template-columns:1fr;gap:32px;padding:29px 24px 31px;border-radius:20px}
 .contact-panel .eyebrow-v2{font-size:7px}
 .contact-panel h2{font-size:45px;letter-spacing:-2px;margin:20px 0 18px}
 .contact-invitation>p:last-child{font-size:11px;line-height:1.8}
 .contact-invitation>p:last-child br{display:none}
 .contact-details>.email{font-size:19px;letter-spacing:-.6px;padding:11px 0 14px;gap:8px}
 .contact-details>.email>span{font-size:20px}
 .contact-small-label{font-size:8px}
 .contact-utilities{gap:13px;margin-top:14px}
 .contact-utilities>span{font-size:9px}
 .contact-panel .copy-email{font-size:8px;min-width:103px;padding:9px 11px}
 .contact-options{gap:21px;margin-top:29px}
 .contact-options>a{font-size:9px;gap:14px}
 .footer-main-v2{grid-template-columns:1fr 1fr;gap:25px;padding:0 0 28px}
 .footer-identity{grid-column:1/-1}
 .footer-identity .footer-brand{width:216px;margin-left:-9px}
 .footer-identity p{font-size:10px;margin-top:0}
 .site-footer nav{font-size:11px;gap:13px;padding-top:0}
 .site-footer nav.footer-products-v2{grid-template-columns:1fr;gap:13px}
 .site-footer nav.footer-studio-v2{grid-template-columns:1fr}
 .footer-label{font-size:8px;margin-bottom:3px}
 .footer-baseline{flex-wrap:wrap;column-gap:20px;row-gap:13px;padding:18px 0 24px;font-size:8px}
 .footer-baseline>span:nth-child(2){display:none}
}
@media(max-width:370px){.site-hero h1{font-size:40px;letter-spacing:-2.5px}.hero-actions{gap:10px}.solid-link{font-size:9px;gap:18px;padding:13px 17px}.quiet-link{font-size:9px;gap:7px}.family-index{column-gap:17px}.family-index>a{gap:7px}.family-name{font-size:18px}.family-name small{font-size:8px}.family-arrow{font-size:15px}.studio-v2 h2{font-size:37px}.studio-lead{font-size:16px}.contact-panel{padding:26px 19px}.contact-details>.email{font-size:17px;letter-spacing:-.7px}.contact-options{gap:14px}.contact-options>a{font-size:8px;gap:10px}}