.capability-page{--capability-green:#063b30;--capability-blue:#1f55a7;--capability-ink:#17221e;--capability-paper:#f7f6f0;--capability-mist:#e8eeeb;--capability-line:#aebdb7;color:var(--capability-ink);background:var(--capability-paper)}.capability-page h1,.capability-page h2,.capability-page h3{font-family:var(--font-display), "Barlow Condensed", sans-serif;letter-spacing:-.025em;text-transform:uppercase;overflow-wrap:normal;word-break:normal}.capability-page .button{background:var(--capability-blue);color:#fff}.capability-page .button:hover{background:#19488e}.capability-hero{color:#fff;background:var(--capability-green);align-items:end;min-height:min(720px,100dvh - 76px);display:grid;position:relative;overflow:hidden}.capability-hero>img{object-fit:cover;object-position:center}.capability-hero-scrim{background:#031f19ad;position:absolute;inset:0}.capability-hero-copy{z-index:1;padding-block:clamp(3rem,7vw,6.2rem);position:relative}.capability-hero h1{text-wrap:balance;max-width:20ch;margin:0;font-size:clamp(3.15rem,4.35vw,4.8rem);line-height:.94}.capability-hero p{color:#ffffffdb;max-width:650px;margin:1.45rem 0 0;font-size:clamp(1.05rem,1.45vw,1.28rem);line-height:1.65}.capability-hero .button{width:max-content;color:var(--capability-green);background:#fff;margin-top:2rem}.capability-hero .button:hover{background:#e9efec}.capability-introduction,.capability-features,.capability-gallery,.capability-proof,.capability-links,.capability-quote{position:relative}.capability-introduction{background:var(--capability-mist);padding-block:clamp(4rem,8vw,7.5rem)}.capability-introduction:before,.capability-gallery:before,.capability-links:before{content:"";background:#c5d0cc;border-block:1px solid #758781;height:7px;position:absolute;top:0;left:max(20px,50% - 620px);right:max(20px,50% - 620px);transform:translateY(-50%);box-shadow:inset 0 1px #ffffffad}.capability-introduction:after,.capability-gallery:after,.capability-links:after{content:"";background:#c5d0cc;border:1px solid #758781;width:12px;height:23px;position:absolute;top:-8px;left:max(20px,50% - 620px);box-shadow:inset 1px 0 #ffffffa6}.capability-introduction-grid{grid-template-columns:minmax(0,1.42fr) minmax(280px,.58fr);align-items:stretch;gap:clamp(2rem,4vw,4.75rem);display:grid}.capability-intro-copy{isolation:isolate;border:1px solid var(--capability-line);background-color:#f7f6f0f5;background-image:linear-gradient(#1f55a70b 1px,#0000 1px),linear-gradient(90deg,#1f55a70b 1px,#0000 1px);background-size:30px 30px;flex-direction:column;justify-content:center;min-height:clamp(360px,32vw,460px);padding:clamp(2rem,3.4vw,3.6rem);display:flex;position:relative;overflow:hidden}.capability-intro-copy:before,.capability-intro-copy:after{border-color:var(--capability-blue)}.capability-intro-copy>:not(.capability-intro-mark){z-index:1;position:relative}.capability-intro-kicker{color:var(--capability-blue);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:.72rem;font-weight:800;display:flex}.capability-intro-kicker>span{align-items:center;gap:.65rem;display:inline-flex}.capability-intro-kicker svg{border:1px solid;width:1.35rem;height:1.35rem;padding:.2rem}.capability-intro-copy h2{text-wrap:balance;max-width:22ch;margin:0;font-size:clamp(2.55rem,3.25vw,4rem);line-height:.93}.capability-intro-rule{background:#f2bb27;width:4.5rem;height:5px;margin-top:1.5rem;display:block}.capability-intro-copy p{color:#4f605a;max-width:61ch;margin:1.5rem 0 0;line-height:1.72}.capability-intro-mark{z-index:0;width:5.75rem;height:5.75rem;color:var(--capability-green);opacity:.07;pointer-events:none;position:absolute;bottom:1.25rem;right:1.5rem}.capability-intro-mark svg{width:100%;height:100%}.capability-packaging-loading .capability-intro-mark{opacity:.13;background:repeating-linear-gradient(90deg, var(--capability-green) 0 2px, transparent 2px 5px, var(--capability-green) 5px 6px, transparent 6px 10px);width:5.5rem;height:2.8rem}.capability-packaging-loading .capability-intro-mark svg{display:none}.capability-introduction ul{grid-template-rows:repeat(4,minmax(0,1fr));align-items:stretch;gap:0;margin:0;padding:0;list-style:none;display:grid}.capability-introduction li{color:#40514b;border-bottom:1px solid #b8c5c0;grid-template-columns:1.45rem 1fr;align-content:center;align-items:start;gap:.85rem;padding:1.2rem 0;font-size:1.04rem;line-height:1.58;display:grid}.capability-introduction li:first-child{border-top:1px solid #b8c5c0}.capability-introduction li svg{color:var(--capability-blue);margin-top:.12rem}.capability-features{background-color:var(--capability-paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='44' viewBox='0 0 76 44'%3E%3Cg fill='none' stroke='%237d918a' stroke-opacity='.08' stroke-width='1'%3E%3Cpath d='M0 22 19 0l19 22L57 0l19 22M0 22l19 22 19-22 19 22 19-22'/%3E%3C/g%3E%3C/svg%3E");padding-block:clamp(4.5rem,9vw,9rem)}.capability-features>.page-shell{gap:clamp(3rem,7vw,6.5rem);display:grid}.capability-feature{border:1px solid var(--capability-line);background:var(--capability-paper);min-height:470px;display:grid}.capability-feature-photo{min-height:330px;position:relative;overflow:hidden}.capability-feature-photo img{object-fit:cover;transition:transform .36s cubic-bezier(.16,1,.3,1)}.capability-feature:hover .capability-feature-photo img{transform:scale(1.025)}.capability-feature-copy{flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,5rem);display:flex}.capability-feature-copy h2{max-width:19ch;text-wrap:balance;min-block-size:2.1em;margin:0;font-size:clamp(2.2rem,2.55vw,3.05rem);line-height:.93}.capability-feature-copy p{color:#52625d;max-width:53ch;margin:1.3rem 0 0;line-height:1.7}.capability-feature-copy>span{border-top:1px solid var(--capability-line);color:var(--capability-blue);letter-spacing:.065em;text-transform:uppercase;margin-top:2rem;padding-top:1rem;font-size:.78rem;font-weight:800;display:block}.capability-feature-1{grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr)}.capability-feature-2{grid-template-columns:minmax(330px,.82fr) minmax(0,1.18fr)}.capability-feature-2 .capability-feature-photo{order:2}.capability-feature-3{grid-template-columns:minmax(0,1fr);min-height:0}.capability-feature-3 .capability-feature-copy{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:end;gap:2rem 4rem;padding-block:2.2rem;display:grid}.capability-feature-3 .capability-feature-copy h2{grid-row:1/span 2}.capability-feature-3 .capability-feature-copy p,.capability-feature-3 .capability-feature-copy>span{margin:0}.capability-gallery{background:#dfe8e4;padding-block:clamp(4rem,8vw,8rem)}.capability-gallery-grid{grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);align-items:stretch;gap:clamp(2rem,5vw,5.5rem);display:grid}.capability-gallery-copy{flex-direction:column;justify-content:flex-end;min-height:100%;padding-bottom:2rem;display:flex}.capability-gallery-copy h2{text-wrap:balance;max-width:18ch;margin:0;font-size:clamp(2.45rem,3.25vw,4.1rem);line-height:.93}.capability-gallery-copy p{color:#4d5e58;max-width:45ch;margin:1.4rem 0 0;line-height:1.7}.capability-gallery-images{grid-template-columns:1.15fr .85fr;gap:1rem;display:grid}.capability-gallery-images figure{min-width:0;margin:0}.capability-gallery-images figure:first-child{grid-row:span 2}.capability-gallery-images figure>div{aspect-ratio:4/3;background:#c5d1cc;border:1px solid #6c8078;position:relative;overflow:hidden}.capability-gallery-images figure:first-child>div{aspect-ratio:auto;height:100%}.capability-gallery-images img{object-fit:cover}.capability-gallery-images figcaption{color:#53635e;letter-spacing:.04em;text-transform:uppercase;padding-top:.65rem;font-size:.78rem;font-weight:700}.capability-proof{background:var(--capability-green);color:#fff;padding-block:clamp(4.5rem,9vw,8.5rem)}.capability-proof-frame{background:#03342aeb;border:1px solid #ffffff6b}.capability-proof header{max-width:850px;padding:clamp(2.5rem,5vw,5rem)}.capability-proof h2{text-wrap:balance;max-width:26ch;margin:0;font-size:clamp(2.65rem,3.2vw,4rem);line-height:.93}.capability-proof header p{color:#ffffffc4;max-width:640px;margin:1.35rem 0 0;line-height:1.7}.capability-proof-list{border-top:1px solid #ffffff52;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.capability-proof-list article{border-right:1px solid #ffffff52;min-height:250px;padding:clamp(1.5rem,3vw,2.6rem)}.capability-proof-list article:last-child{border-right:0}.capability-proof-list svg{color:#f2bb27;width:2rem;height:2rem}.capability-proof-list h3{margin:2rem 0 .75rem;font-size:1.8rem;line-height:.95}.capability-proof-list p{color:#ffffffb8;margin:0;font-size:.94rem;line-height:1.55}.capability-links{background:var(--capability-paper)}.capability-links>.page-shell{border-inline:1px solid var(--capability-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.capability-links a{border-right:1px solid var(--capability-line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;min-height:250px;padding:clamp(1.5rem,3vw,3rem);transition:background-color .2s,color .2s;display:grid}.capability-links a>div{min-width:0}.capability-links a:first-child{border-left:1px solid var(--capability-line)}.capability-links a:hover{background:var(--capability-blue);color:#fff}.capability-links h2{text-wrap:balance;min-block-size:2.1em;margin:0;font-size:clamp(2rem,2.35vw,2.85rem);line-height:.91}.capability-links p{min-block-size:3em;color:#566660;max-width:32ch;margin:1rem 0 0;line-height:1.5}.capability-links a:hover p{color:#fffc}.capability-links svg{color:var(--capability-blue);transition:transform .2s}.capability-links a:hover svg{color:#fff;transform:translate(4px)}.capability-quote{background:#dbe5e1}.capability-quote>div{justify-content:space-between;align-items:center;gap:3rem;padding-block:clamp(3.3rem,7vw,6.5rem);display:flex}.capability-quote h2{text-wrap:balance;max-width:25ch;margin:0;font-size:clamp(2.35rem,3vw,3.8rem);line-height:.94}.capability-quote p{color:#52625c;max-width:640px;margin:1.15rem 0 0;line-height:1.65}.capability-quote .button{flex:none;min-width:180px}.capability-about-bohang .capability-hero-scrim{background:#031d18a1}.capability-factory .capability-hero-scrim{background:#052322a8}.capability-quality-control .capability-hero-scrim{background:#0e2538ab}.capability-quality-control .capability-proof{background:#143452}.capability-quality-control .capability-proof-frame{background:#153c5e}.capability-certifications .capability-hero-scrim{background:#13302bbd}.capability-certifications .capability-gallery{background:#e8ece8}.capability-packaging-loading .capability-hero-scrim{background:#0e2d3ea6}.capability-packaging-loading .capability-proof{background:#163d55}.capability-packaging-loading .capability-proof-frame{background:#173e56}@media (max-width:900px){.capability-introduction-grid,.capability-gallery-grid{grid-template-columns:1fr}.capability-intro-copy{min-height:0}.capability-introduction ul{grid-template-rows:none}.capability-feature-1,.capability-feature-2{grid-template-columns:1fr}.capability-feature-2 .capability-feature-photo{order:initial}.capability-feature-3 .capability-feature-copy{grid-template-columns:1fr}.capability-feature-3 .capability-feature-copy h2{grid-row:auto}.capability-proof-list{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-proof-list article:nth-child(2){border-right:0}.capability-proof-list article:nth-child(-n+2){border-bottom:1px solid #ffffff52}.capability-links>.page-shell{grid-template-columns:1fr}.capability-links a{border-left:1px solid var(--capability-line);border-bottom:1px solid var(--capability-line);min-height:0}}@media (max-width:640px){.capability-hero{min-height:min(680px,100dvh - 68px)}.capability-hero-copy{padding-block:5rem 3rem}.capability-hero h1{font-size:clamp(2.8rem,13.5vw,3.55rem)}.capability-hero p{font-size:1rem}.capability-introduction:before,.capability-gallery:before,.capability-links:before{height:6px;left:12px;right:12px}.capability-introduction:after,.capability-gallery:after,.capability-links:after{width:10px;height:20px;left:12px}.capability-introduction-grid{gap:2rem}.capability-intro-copy{padding:1.7rem}.capability-intro-kicker{margin-bottom:1.2rem;font-size:.68rem}.capability-intro-kicker b{font-size:.64rem}.capability-intro-rule{width:3.75rem;height:4px;margin-top:1.25rem}.capability-intro-mark{opacity:.05;width:4rem;height:4rem;bottom:.85rem;right:1rem}.capability-packaging-loading .capability-intro-mark{opacity:.09;width:4.25rem;height:2.15rem}.capability-intro-copy h2,.capability-feature-copy h2,.capability-gallery-copy h2,.capability-quote h2{max-width:100%}.capability-proof header{padding:2rem 1.7rem}.capability-proof h2{max-width:100%;font-size:clamp(2.25rem,9vw,2.65rem)}.capability-feature{min-height:0}.capability-feature-photo{min-height:260px}.capability-feature-copy{padding:1.7rem}.capability-gallery-images{grid-template-columns:1fr}.capability-gallery-images figure:first-child{grid-row:auto}.capability-gallery-images figure:first-child>div{aspect-ratio:4/3;height:auto}.capability-proof-list{grid-template-columns:1fr}.capability-proof-list article,.capability-proof-list article:nth-child(2){border-bottom:1px solid #ffffff52;border-right:0;min-height:0}.capability-proof-list article:last-child{border-bottom:0}.capability-quote>div{gap:2rem;display:grid}.capability-quote .button{width:100%}}@media (prefers-reduced-motion:reduce){.capability-feature-photo img,.capability-links svg{transition:none!important}.capability-feature:hover .capability-feature-photo img,.capability-links a:hover svg{transform:none}}
