@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/dm-sans-400.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/dm-sans-500.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/dm-sans-600.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/dm-sans-700.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/manrope-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/manrope-500.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/manrope-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/manrope-700.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/fonts/manrope-800.ttf) format('truetype');
}
:root{--ink:#102f40;--muted:#465d68;--paper:#fbfbf8;--line:#bccbd0;--green:#ffb187;--clay:#a94421;--heading:'Manrope',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--clay);outline-offset:5px}img{display:block;max-width:100%;height:auto}button{border:0}::selection{background:var(--green);color:var(--ink)}.wrap{width:calc(100% - 112px);max-width:1392px;margin-inline:auto}.section{padding-top:112px;padding-bottom:112px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.9px;line-height:1.5;display:flex;align-items:center;gap:9px}.eyebrow i,.products-footnote i{height:6px;width:6px;background:var(--clay);border-radius:100%;display:inline-block;flex-shrink:0}.topline{background:var(--ink);color:#e1e8e1;font-size:9px;letter-spacing:1.5px}.topline .wrap{height:34px;display:flex;align-items:center;justify-content:space-between}.topline-right{letter-spacing:.5px;font-size:10px}.topline-right span{padding-left:16px}.header{position:sticky;top:0;z-index:20;background:#fafbf7f5;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-wrap{height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:13px;flex-shrink:0}.brand img{width:53px;height:53px;object-fit:cover;border-radius:50%;mix-blend-mode:multiply}.brand>span{font-family:var(--heading);font-size:28px;font-weight:800;letter-spacing:-1.5px;line-height:1.15}.brand-sub{display:block;font-size:7px;font-family:var(--body);font-weight:500;letter-spacing:1.55px;margin-top:8px}nav{display:flex;align-items:center;gap:36px}nav>a{font-size:12px;font-weight:550}nav>a:not(.button){position:relative}nav>a:not(.button):after{content:'';height:1px;position:absolute;bottom:-7px;left:0;width:0;background:var(--ink);transition:width .2s}nav>a:hover:after{width:100%}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:17px 23px;background:var(--ink);color:#fff;font-size:12px;font-weight:600;border:1px solid var(--ink);transition:background .2s,transform .2s}.button>span{font-size:21px;line-height:1}.button:hover{background:#2a535b;transform:translateY(-2px)}.button-small{padding:11px 20px;gap:32px;background:transparent;color:var(--ink)}.button-small:hover{color:white}.button-full{width:100%}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:12px;font-weight:600}.text-link>span{font-size:20px;transition:transform .2s}.text-link:hover>span{transform:translate(3px,-2px)}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.03fr 1fr;gap:45px;padding-top:48px;padding-bottom:50px}.hero-copy{padding-top:38px;display:flex;flex-direction:column;align-items:flex-start}.hero h1{font-family:var(--heading);font-size:clamp(48px,5.05vw,80px);font-weight:650;letter-spacing:-4.5px;line-height:1.105;margin:28px 0 23px;white-space:nowrap}.serif{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-3px}.hero h1 .serif{color:var(--clay);font-size:1.05em}.hero-copy>p{font-size:14px;color:var(--muted);max-width:365px;line-height:1.85;margin:0 0 32px}.hero-actions{display:flex;align-items:center;gap:25px}.hero-bottom{display:flex;gap:13px;align-items:center;margin-top:auto;padding-top:43px;line-height:1.5;font-size:11px;font-weight:600}.hero-bottom small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:2px}.line-icon svg{width:34px;height:34px;stroke:var(--ink);stroke-width:1.3;fill:none}.hero-visual{position:relative;min-width:0;aspect-ratio:1.03;overflow:hidden;background:#dbe2d9}.hero-visual>img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.hero-visual:hover>img{transform:scale(1.035)}.visual-note{position:absolute;left:27px;top:28px;font-size:9px;letter-spacing:1.6px;line-height:1.65;font-weight:600}.visual-stamp{position:absolute;right:27px;top:28px;display:flex;align-items:center;gap:9px}.visual-stamp svg{height:29px;width:29px;stroke:var(--ink);stroke-width:1.5}.visual-stamp>span{font-size:8px;line-height:1.6;letter-spacing:1px}.image-caption{position:absolute;left:27px;right:27px;bottom:22px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px}.image-caption>span:last-child{letter-spacing:.3px;opacity:.7}.material-strip{background:var(--green);border-block:1px solid #d7dfb6;overflow:hidden}.material-strip .wrap{display:flex;justify-content:space-between;align-items:center;height:60px;gap:20px;white-space:nowrap;font-size:10px;letter-spacing:1.7px;font-weight:600}.material-strip span:nth-child(even){font-size:19px;line-height:1}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:45px}h2{font-family:var(--heading);font-size:clamp(35px,3.3vw,52px);font-weight:550;line-height:1.17;letter-spacing:-2.2px;margin:21px 0 0}.section-heading>p{font-size:13px;color:var(--muted);line-height:1.85;max-width:295px;margin:0 0 4px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.product-image{width:100%;padding:0;background:#e8ece4;position:relative;overflow:hidden;display:block}.product-image img{width:100%;transition:transform .5s}.product-image:hover img{transform:scale(1.05)}.material-num{position:absolute;left:18px;top:17px;font-size:10px;letter-spacing:1px}.round-arrow{position:absolute;right:15px;bottom:15px;background:var(--paper);width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:20px;transition:background .2s}.product-image:hover .round-arrow{background:var(--green)}.product-label{font-size:8px;font-weight:600;letter-spacing:1.3px;margin:24px 0 10px;color:var(--muted)}h3{font-family:var(--heading);letter-spacing:-.65px}.product-card h3{font-size:23px;line-height:1.25;font-weight:600;margin:0 0 17px}.product-card h3 span{display:block;font-size:11px;font-family:var(--body);letter-spacing:.3px;color:var(--muted);font-weight:400;margin-top:6px}.product-card>p{font-size:12px;line-height:1.85;color:var(--muted);margin:0 0 18px;max-width:350px;min-height:67px}.tags{display:flex;gap:5px;flex-wrap:wrap}.tags span{border:1px solid var(--line);padding:4px 8px;font-size:8px;color:#566b68;white-space:nowrap}.product-link{padding:22px 0 0;background:transparent;width:100%;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600}.product-link>span{font-size:20px}.products-footnote{border-top:1px solid var(--line);margin-top:36px;padding-top:22px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted)}.products-footnote>span:first-child{display:flex;align-items:center;gap:9px}.products-footnote i{background:var(--ink);width:5px;height:5px}.products-footnote>span:last-child{font-size:9px}.applications{background:var(--ink);color:var(--paper);padding:96px 0}.applications .eyebrow{color:#c3d1c5}.applications h2{font-weight:500}.applications .section-heading>p{color:#b7c8c3}.application-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;align-items:stretch}.application-list{display:flex;flex-direction:column;justify-content:center}.application-tab{display:flex;align-items:flex-start;text-align:left;gap:19px;background:transparent;border-top:1px solid #ffffff26;padding:27px 0;color:#98aca9;position:relative}.application-tab:last-child{border-bottom:1px solid #ffffff26}.application-tab.active{color:var(--green)}.tab-number{font-size:10px;margin-top:8px}.application-tab>span:nth-child(2){font-size:21px;letter-spacing:-.5px;font-family:var(--heading);font-weight:500}.application-tab small{display:block;font-size:11px;letter-spacing:0;font-family:var(--body);font-weight:400;color:#acbfba;margin-top:10px}.tab-arrow{font-size:24px;margin-left:auto;padding-left:10px}.application-tab:hover{color:var(--green)}.application-art{background:#cdd8ce;aspect-ratio:1.7;overflow:hidden}.application-art svg{width:100%;height:100%;display:block}.application-caption{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding-top:21px}.application-caption>div>span{font-size:8px;letter-spacing:1.5px;color:var(--green)}.application-caption h3{font-size:21px;font-weight:500;margin:5px 0 0}.application-badge{font-size:8px;color:#b3c8be;border:1px solid #ffffff30;padding:4px 7px;white-space:nowrap}.application-panel>p{color:#b3c5be;font-size:11px;line-height:1.8;margin:12px 0 0;max-width:460px}.about{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about h2{margin-bottom:28px}.about h2 .serif{font-size:1.12em}.about-left>p{font-size:13px;color:var(--muted);line-height:1.9;max-width:430px}.about-left>p.about-lead{color:var(--ink);font-size:17px;line-height:1.6;max-width:350px;margin-bottom:25px}.about .text-link{margin-top:20px}.about-mark{background:#edf0e6;display:flex;justify-content:space-between;align-items:center;padding:23px 25px;margin-bottom:10px}.about-mark svg{stroke:var(--ink);fill:none;stroke-width:2;width:130px;height:90px}.about-mark>span{font-family:Georgia,serif;font-style:italic;font-size:23px;letter-spacing:-.7px;max-width:130px;line-height:1.2}.about-fact{border-bottom:1px solid var(--line);padding:22px 0;display:flex;gap:25px}.about-fact>span{font-size:10px;color:var(--muted);padding-top:4px}.about-fact h3{font-size:16px;font-weight:600;margin:0 0 5px}.about-fact p{font-size:11px;color:var(--muted);margin:0;max-width:300px}.process{background:#eef1e8;padding:48px 0 55px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:28px;gap:40px}.process-grid>div{position:relative;padding:0 35px 0 0;border-right:1px solid #d7dfd0}.process-grid>div:last-child{border:0}.step-number{font-family:Georgia,serif;font-style:italic;font-size:30px;color:#879885;line-height:1}.process h3{margin:14px 0 10px;font-size:17px;font-weight:600}.process p{font-size:11px;line-height:1.85;color:var(--muted);max-width:285px;margin:0}.contact{background:#f4eee5}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact h2{font-size:clamp(50px,5.4vw,82px);line-height:1.05;letter-spacing:-4px;margin-top:28px;position:relative;width:max-content}.contact h2 .serif{color:var(--clay);font-size:1.14em}.contact-star{position:absolute;right:-63px;bottom:8px;font-size:58px;color:var(--clay);font-weight:400}.contact-copy>p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:30px}.contact-detail{border-top:1px solid #dbd8cc;margin-top:45px;padding-top:23px;max-width:330px}.contact-detail>span{font-size:8px;letter-spacing:1.4px;font-weight:600}.contact-detail>p{font-size:11px;line-height:1.85;color:var(--muted);margin-bottom:0}.inquiry-form{padding:35px;background:var(--paper);align-self:start}.form-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:26px}.form-heading h3{font-size:17px;font-weight:600;margin:0}.form-heading>span{font-size:7px;letter-spacing:1px;color:var(--muted);text-align:right}.inquiry-form label{display:block;font-size:10px;font-weight:600;margin-bottom:17px}.inquiry-form label>span{color:var(--clay)}input,select,textarea{display:block;width:100%;border:1px solid #dce0d6;background:transparent;border-radius:0;margin-top:8px;padding:11px 12px;font-size:11px;font-weight:400;color:var(--ink);outline:none}input::placeholder,textarea::placeholder{color:#8b9490;opacity:1}input:focus,select:focus,textarea:focus{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}textarea{resize:vertical;min-height:100px}select{appearance:auto;min-height:41px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-note{text-align:center;font-size:8px;color:var(--muted);line-height:1.8;margin:13px 0 0}footer{background:var(--ink);color:#edf2e8;padding:45px 0 22px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-bottom:35px}.footer-brand img{mix-blend-mode:normal}.footer-top>p{font-size:11px;color:#b6c9c2;line-height:1.8;margin:0 auto 0 30px}.back-top{display:flex;align-items:center;gap:20px;font-size:10px}.back-top span{border:1px solid #ffffff50;width:32px;height:32px;display:grid;place-items:center;font-size:18px}.footer-bottom{border-top:1px solid #ffffff24;padding-top:20px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.3px;color:#aebfb8;gap:15px}.footer-bottom i{font-style:normal;padding:0 8px}dialog{padding:0;border:0;background:var(--paper);color:var(--ink);max-width:880px;width:calc(100% - 40px);max-height:calc(100% - 60px);overflow:auto;box-shadow:0 30px 120px #112c3f50}dialog::backdrop{background:#132c34b5;backdrop-filter:blur(5px)}.dialog-close{background:var(--paper);width:34px;height:34px;position:absolute;top:12px;right:12px;font-size:27px;line-height:1;z-index:2}.material-dialog-layout{display:grid;grid-template-columns:.85fr 1fr}.dialog-image{background:#e8ece4;display:flex;flex-direction:column;justify-content:center;position:relative;min-height:500px}.dialog-image img{width:100%}.dialog-image small{position:absolute;bottom:20px;left:20px;font-size:9px;color:var(--muted)}.dialog-content{padding:45px 35px 35px}.dialog-content h2{font-size:31px;letter-spacing:-1.5px;margin:15px 0 0}.dialog-alias{font-size:11px!important;letter-spacing:.3px}.dialog-content p{font-size:12px;color:var(--muted);line-height:1.8}.dialog-content h3{font-size:12px;font-weight:650;margin-top:22px}.dialog-content ul{padding-left:17px;color:var(--muted);font-size:11px;line-height:1.9}.specification-note{font-size:10px;background:#edf0e5;padding:13px;line-height:1.8;margin:20px 0}.summary-content{padding:45px}.summary-content h2{font-size:34px;letter-spacing:-1.5px}.summary-content>p{font-size:12px;max-width:570px;color:var(--muted)}#inquiry-summary{font-family:var(--body);font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;background:#eef1e8;border:1px solid var(--line);padding:22px;margin:25px 0;max-height:320px;overflow:auto;line-height:1.85}.summary-buttons{display:flex;gap:12px;flex-wrap:wrap}.button-outline{color:var(--ink);background:transparent}.button-outline:hover{background:#edf0e5}.copy-status{min-height:20px}.skip-link{position:absolute;top:-60px;left:12px;z-index:100;background:var(--green);padding:10px 20px}.skip-link:focus{top:8px}@media(min-width:1500px){.hero{gap:65px}.hero-copy{padding-top:60px}.hero h1{margin-top:40px}.hero-copy>p{font-size:16px;max-width:420px}.hero-actions .button{font-size:13px;padding:20px 25px}.hero-bottom{padding-bottom:20px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav-wrap{height:84px}nav{gap:25px}.hero{gap:25px;padding-top:35px}.hero-copy{padding-top:20px}.hero h1{font-size:5.3vw;letter-spacing:-3px}.hero-copy>p{font-size:12px;max-width:320px}.hero-actions{gap:20px}.hero-actions .button{gap:15px;font-size:10px;padding:14px 16px}.hero-actions .text-link{font-size:10px;gap:10px}.hero-bottom{padding-top:25px}.hero-visual{aspect-ratio:.91}.visual-stamp{display:none}.material-strip .wrap{font-size:8px;letter-spacing:1.3px}.section{padding-block:85px}.product-grid{gap:20px}.product-card h3{font-size:20px}.tags span{font-size:7px;padding:3px 6px}.product-card>p{font-size:11px;min-height:73px}.product-label{font-size:7px;letter-spacing:1px}.application-layout{gap:40px}.application-tab>span:nth-child(2){font-size:18px}.application-tab{gap:13px}.about{gap:55px}.about-mark{padding:20px}.contact-layout{gap:50px}.contact h2{font-size:65px}.contact-star{font-size:48px;right:-50px}.inquiry-form{padding:26px}.form-heading{align-items:flex-start}.form-heading h3{font-size:15px}.footer-bottom{font-size:7px}}
@media(max-width:760px){html{scroll-padding-top:80px}.wrap{width:calc(100% - 40px)}.topline .wrap{height:29px;font-size:6px;letter-spacing:1.2px;justify-content:center}.topline-right{display:none}.nav-wrap{height:75px}.brand img{height:44px;width:44px}.brand{gap:10px}.brand>span{font-size:24px}.brand-sub{font-size:6px;letter-spacing:1.2px;margin-top:6px}.menu-toggle{display:flex;flex-direction:column;gap:6px;background:transparent;padding:10px}.menu-toggle span{display:block;width:23px;height:1px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}nav{display:none;position:absolute;top:75px;left:0;right:0;padding:20px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 20px 30px #193d4610}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}nav>a{padding:14px 5px;font-size:14px}nav .button{margin-top:12px;padding:14px 18px}nav>a:not(.button):after{display:none}.hero{display:flex;flex-direction:column;gap:32px;padding-top:32px;padding-bottom:28px}.hero-copy{padding:0}.eyebrow{font-size:8px;letter-spacing:1.4px}.hero h1{font-size:clamp(41px,9.5vw,67px);letter-spacing:-2.7px;margin:23px 0 19px}.hero-copy>p{font-size:13px;max-width:380px;margin-bottom:24px}.hero-actions .button{font-size:11px;padding:15px 17px;gap:25px}.hero-actions .text-link{font-size:11px}.hero-bottom{padding-top:30px;font-size:10px}.hero-bottom small{font-size:9px}.hero-visual{width:100%;aspect-ratio:1.2}.hero-visual>img{object-position:center 47%}.visual-note{top:19px;left:18px;font-size:8px}.visual-stamp{display:flex;top:19px;right:18px}.visual-stamp svg{height:23px;width:23px}.visual-stamp span{font-size:6px}.image-caption{left:18px;right:18px;bottom:17px;font-size:6px}.material-strip .wrap{width:max-content;height:48px;gap:25px;padding-inline:20px;font-size:8px;letter-spacing:1px}.material-strip span:nth-child(even){font-size:16px}.material-strip span:last-child{display:none}.section{padding-block:62px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{font-size:12px;max-width:330px;margin-top:22px}h2{font-size:35px;letter-spacing:-1.6px;margin-top:17px}.product-grid{grid-template-columns:1fr;gap:38px}.product-image{aspect-ratio:1.65}.product-image img{height:100%;object-fit:cover}.material-num{top:18px;left:18px}.product-label{font-size:8px;margin-top:20px}.product-card h3{font-size:25px;margin-bottom:12px}.product-card h3 span{font-size:11px}.product-card>p{font-size:12px;min-height:auto;max-width:100%;margin-bottom:15px}.tags span{font-size:8px;padding:4px 8px}.product-link{padding-top:16px;font-size:12px}.products-footnote{flex-direction:column;font-size:9px;margin-top:28px;gap:10px}.products-footnote>span:last-child{font-size:8px}.applications{padding-block:62px}.application-layout{display:flex;flex-direction:column;gap:28px}.application-tab{padding:21px 0}.application-tab>span:nth-child(2){font-size:20px}.application-tab small{font-size:10px;margin-top:5px}.tab-number{font-size:9px;margin-top:5px}.application-art{aspect-ratio:1.55}.application-caption h3{font-size:20px}.application-badge{font-size:6px;padding:4px 5px}.application-panel>p{font-size:11px}.about{grid-template-columns:1fr;gap:38px}.about-left>p{font-size:12px;max-width:100%}.about-left>p.about-lead{font-size:16px;max-width:310px}.about-mark svg{width:145px;height:95px}.about-mark>span{max-width:130px;font-size:26px}.about-mark{padding:22px}.about-fact{padding:20px 0}.about-fact h3{font-size:15px}.about-fact p{font-size:11px}.process{padding-block:42px}.process-grid{grid-template-columns:1fr;gap:25px}.process-grid>div{padding:0 0 25px 53px;border-right:0;border-bottom:1px solid #d7dfd0}.step-number{position:absolute;left:0;top:3px}.process h3{margin-top:0;font-size:16px}.process p{max-width:100%;font-size:11px}.process-grid>div:last-child{padding-bottom:0}.contact-layout{grid-template-columns:1fr;gap:30px}.contact h2{font-size:65px;letter-spacing:-3px}.contact-star{font-size:45px;right:-52px;bottom:6px}.contact-copy>p{margin-top:25px;font-size:12px}.contact-detail{margin-top:25px;padding-top:20px;max-width:100%}.contact-detail p{max-width:320px}.inquiry-form{padding:23px 20px}.form-heading h3{font-size:16px}.field-row{grid-template-columns:1fr;gap:0}.inquiry-form label{font-size:11px;margin-bottom:17px}input,select,textarea{font-size:12px;padding:12px}.form-note{font-size:8px}.footer-top{flex-wrap:wrap;align-items:flex-start;gap:25px;padding-bottom:30px}.footer-top>p{margin:0;font-size:10px;width:calc(100% - 100px);order:3}.back-top{margin-left:auto;font-size:0;gap:0;padding-top:7px}.footer-bottom{flex-direction:column;font-size:8px;gap:12px}.footer-bottom>span:last-child{font-size:7px}.material-dialog-layout{grid-template-columns:1fr}.dialog-image{min-height:0;height:220px}.dialog-image img{height:100%;object-fit:cover}.dialog-image small{bottom:10px;left:15px;font-size:7px}.dialog-content{padding:27px 23px}.dialog-content h2{font-size:30px}.dialog-content h3{font-size:13px}.dialog-content p{font-size:12px}.dialog-content ul{font-size:12px}.summary-content{padding:35px 22px}.summary-content h2{font-size:29px}.summary-content>p{font-size:11px}#inquiry-summary{font-size:11px;padding:15px}.summary-buttons{gap:10px}.summary-buttons .button{font-size:10px;padding:13px 15px;gap:14px}dialog{width:calc(100% - 28px);max-height:calc(100% - 35px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.contact-information{background:var(--paper);padding:35px 38px;align-self:start}.contact-card-heading>h3{font-size:31px;font-weight:550;letter-spacing:-1px;margin:15px 0 12px}.contact-card-heading>p{font-size:12px;line-height:1.8;color:var(--muted);max-width:300px;margin:0 0 25px}.contact-list{margin:0}.contact-list>div{border-top:1px solid var(--line);padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.contact-list dt{font-size:11px;display:flex;align-items:center;gap:12px}.contact-list dt>span{font-size:16px;width:20px;text-align:center}.contact-list dd{font-size:11px;margin:0;color:#7a8580}.contact-list .contact-company{padding-top:24px;align-items:flex-start}.contact-company dt,.contact-list>div:last-child dt{font-size:8px;letter-spacing:1px}.contact-company dd{font-size:12px;line-height:1.75;color:var(--ink);text-align:right}.contact-list .company-web{color:var(--ink)}.contact-card-footer{margin-top:15px;background:#edf0e5;padding:17px 19px;display:flex;align-items:center;gap:18px}.contact-card-footer svg{width:34px;height:34px;stroke:var(--ink);stroke-width:1.1;fill:none}.contact-card-footer span{font-family:Georgia,serif;font-style:italic;line-height:1.35;font-size:17px}@media(max-width:760px){.contact-information{padding:25px}.contact-card-heading>h3{font-size:29px}.contact-list>div{padding:17px 0}.contact-company dd{font-size:10px}.contact-list dt{font-size:11px}.contact-list dd{font-size:10px}.contact-list .contact-company dt{font-size:8px}}

/* Stronger brand contrast: navy, warm orange and clear white surfaces. */
.topline{background:#0a2433;color:#fff}
.header{background:#fffffffa;border-bottom-color:#c8d2d6}
nav>a{font-weight:600}
nav .button-small{background:var(--ink);color:#fff;border-color:var(--ink)}
nav .button-small:hover{background:#a94421;border-color:#a94421}
.hero.wrap{width:100%;max-width:none;padding-inline:max(56px,calc((100% - 1392px)/2));padding-top:54px;padding-bottom:54px;background:linear-gradient(120deg,#0b2636 0%,#173f51 100%);color:#fff}
.hero h1{font-weight:700}
.hero h1 .serif{color:#ffb187}
.hero .eyebrow{color:#f4f7f8}
.hero .eyebrow i{background:#ffb187}
.hero-copy>p{color:#d3e0e7}
.hero-actions .button{background:#ffb187;border-color:#ffb187;color:#102f40;font-weight:700}
.hero-actions .button:hover{background:#ffc8a9;border-color:#ffc8a9}
.hero-actions .text-link{color:#fff}
.hero-bottom{border-top:1px solid #ffffff38;padding-top:24px;margin-top:auto;width:100%}
.hero-bottom small{color:#c6d8e1}
.hero .line-icon svg{stroke:#ffb187}
.hero-visual{border:1px solid #ffffff25;background:#173e50;box-shadow:0 20px 50px #041b2b40}
.hero-visual .visual-note,.hero-visual .visual-stamp,.hero-visual .image-caption{color:#fff}
.hero-visual .visual-stamp svg{stroke:#ffb187}
.image-caption>span:last-child{opacity:1;color:#d0dfe6}
.material-strip{background:#ffb187;border-block-color:#ffb187;color:#102f40}
.material-strip .wrap{font-weight:700}
h2{font-weight:650}
.products>.section-heading .eyebrow,.about .eyebrow{color:#a94421}
.product-card{background:#fff;border:1px solid #bccbd0;box-shadow:0 8px 22px #102f400a;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s}
.product-card:hover{border-color:#102f40;box-shadow:0 12px 28px #102f4014}
.product-image{border-bottom:1px solid #bccbd0}
.material-num{background:#102f40;color:#fff;padding:3px 8px;font-weight:700}
.round-arrow{background:#102f40;color:#fff}
.product-image:hover .round-arrow{background:#a94421}
.product-card .product-label,.product-card h3,.product-card>p,.product-card .tags{margin-left:21px;margin-right:21px}
.product-label{color:#854024;font-weight:700}
.product-card h3{font-weight:700}
.product-card h3 span{color:#465d68;font-weight:500}
.product-card>p{color:#465d68;max-width:none}
.product-card .tags{margin-bottom:24px}
.tags span{background:#eaf0f3;border-color:#b8c8d1;color:#173c50}
.product-link{padding:16px 21px;background:#102f40;color:#fff;margin-top:auto;font-weight:600;transition:background .2s}
.product-link:hover{background:#a94421}
.products-footnote{color:#465d68}
.applications{background:#0b2636}
.applications .eyebrow{color:#ffb187}
.applications .section-heading>p{color:#d0dce3}
.application-tab{color:#e2eaf0;border-top-color:#ffffff40}
.application-tab:last-child{border-bottom-color:#ffffff40}
.application-tab.active{color:#ffb187;border-top-color:#ffb187;background:linear-gradient(90deg,#ffffff0a,transparent)}
.application-tab small{color:#c3d3dd}
.application-panel>p{color:#d0dce3}
.application-badge{color:#e0e9ee;border-color:#ffffff60}
.about-mark{background:#102f40;color:#fff}
.about-mark svg{stroke:#ffb187}
.about-fact>span{color:#a94421;font-weight:700}
.process{background:#dfe9ed;border-block:1px solid #b9c9d0}
.step-number{color:#a94421}
.process-grid>div{border-color:#adbec7}
.contact{background:#f4d7c6}
.contact h2 .serif,.contact-star{color:#a94421}
.contact-detail{border-color:#b9866e}
.contact-information{background:#fff;border:1px solid #b9866e;box-shadow:9px 9px 0 #102f40}
.contact-card-heading>.eyebrow{color:#a94421}
.contact-list dd{color:#526772}
.contact-list .contact-company dd,.contact-list .company-web{color:#102f40;font-weight:600}
.contact-card-footer{background:#102f40;color:#fff}
.contact-card-footer svg{stroke:#ffb187}
footer{background:#0a2433}
.footer-top>p,.footer-bottom{color:#d0dfe5}
.dialog-close{background:#102f40;color:#fff}
.specification-note{background:#e4edf1;color:#254858;border-left:3px solid #a94421}
@media(max-width:1100px){.hero.wrap{padding-inline:32px;padding-top:40px;padding-bottom:40px}.hero-bottom{padding-top:20px}.product-card .product-label,.product-card h3,.product-card>p,.product-card .tags{margin-left:16px;margin-right:16px}.product-link{padding-inline:16px}.tags span{padding-inline:5px}}
@media(max-width:760px){.hero.wrap{padding-inline:20px;padding-top:34px;padding-bottom:30px}.hero-bottom{margin-top:30px;padding-top:22px}.hero-visual{box-shadow:none}.product-card .product-label,.product-card h3,.product-card>p,.product-card .tags{margin-left:20px;margin-right:20px}.product-link{padding:17px 20px}.tags span{padding:4px 8px}.contact-information{box-shadow:6px 6px 0 #102f40}.application-tab.active{padding-left:10px}}
/* Product collection and branded photography. */
.product-card .product-image{aspect-ratio:4/3;background:#edf2f4}
.product-card .product-image img{width:100%;height:100%;object-fit:contain}
.product-card .material-num{display:none}
.product-card .round-arrow{right:12px;bottom:12px;width:30px;height:30px;font-size:18px}
.product-spec-line{margin:0 21px 17px;padding-top:12px;border-top:1px solid #d8e1e5;display:flex;flex-direction:column;gap:3px}
.product-spec-line>span{font-size:8px;letter-spacing:1.3px;font-weight:600;color:#687c85}
.product-spec-line>strong{font-size:11px;font-weight:600;line-height:1.7;color:#102f40}
.catalog{margin-top:68px;padding-top:52px;border-top:1px solid #bccbd0}
.catalog-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:27px}
.catalog-heading h3{font-size:34px;line-height:1.2;font-weight:600;letter-spacing:-1.5px;margin:16px 0 0}
.catalog-heading>p{font-size:12px;color:var(--muted);line-height:1.85;max-width:390px;margin:0}
.catalog .eyebrow{color:#a94421}
.catalog-filters{display:flex;flex-wrap:wrap;gap:8px}
.catalog-filter{font-size:11px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #bccbd0;padding:10px 14px;transition:background .2s,color .2s}
.catalog-filter span{font-size:9px;opacity:.7}
.catalog-filter.active,.catalog-filter:hover{background:#102f40;color:#fff;border-color:#102f40}
.catalog-status{font-size:10px;color:var(--muted);margin:17px 0 20px}
.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}
.catalog-card{min-width:0;background:#fff;border:1px solid #c5d2d8}
.catalog-card[hidden]{display:none}
.catalog-photo{display:block;position:relative;width:100%;padding:0;background:#edf2f4;overflow:hidden;aspect-ratio:4/3;border-bottom:1px solid #d2dde1}
.catalog-photo>img{width:100%;height:100%;object-fit:contain;transition:transform .35s}
.catalog-photo:hover>img{transform:scale(1.025)}
.catalog-photo>span{position:absolute;bottom:8px;right:8px;width:25px;height:25px;display:grid;place-items:center;background:#102f40;color:#fff;font-size:16px;border-radius:50%}
.catalog-card-copy{padding:16px 15px 17px}
.catalog-card-copy>span{font-size:8px;letter-spacing:.7px;color:#6a7d86;text-transform:uppercase}
.catalog-card-copy h4{margin:6px 0;font-size:14px;letter-spacing:-.25px;line-height:1.35;font-weight:600}
.catalog-card-copy h4 button{padding:0;background:transparent;text-align:left;font:inherit}
.catalog-card-copy h4 button:hover{color:#a94421}
.catalog-card-copy>p{font-size:10px;color:var(--muted);margin:0}
.catalog-note{font-size:10px;color:var(--muted);line-height:1.8;margin:24px 0 0}
#material-dialog{max-width:1040px}
.material-dialog-layout{grid-template-columns:1fr 1fr}
.dialog-image{display:block;min-height:0;height:auto;background:#eaf0f3;align-self:start}
.dialog-image>img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.photo-navigation{display:flex;justify-content:space-between;align-items:center;margin:16px 20px 0}
.photo-navigation button{background:#fff;border:1px solid #b9c9d1;width:32px;height:30px;font-size:18px;line-height:1}
.photo-navigation button:hover{background:#102f40;color:#fff}
#photo-count{font-size:10px;letter-spacing:1px}
#photo-caption{font-size:11px;font-weight:600;line-height:1.5;margin:12px 20px 16px;color:#102f40}
.photo-thumbnails{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 22px}
.photo-thumbnail{padding:0;width:calc(25% - 6px);aspect-ratio:4/3;background:#fff;border:2px solid transparent;overflow:hidden}
.photo-thumbnail img{display:block;width:100%;height:100%;object-fit:contain}
.photo-thumbnail[aria-pressed=true]{border-color:#a94421}
.photo-thumbnail:hover{border-color:#102f40}
.specification-list{font-size:11px;margin:10px 0 22px;line-height:1.7}
.specification-list>div{padding:10px 0;border-bottom:1px solid #d3dfe4;display:grid;grid-template-columns:95px 1fr;gap:14px}
.specification-list dt{font-weight:600;color:#102f40}
.specification-list dd{margin:0;color:var(--muted);overflow-wrap:anywhere}
.dialog-content h3{margin-top:20px}
@media(max-width:1100px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-spec-line{margin-inline:16px}.catalog-heading>p{max-width:330px}.dialog-content{padding-inline:25px}.specification-list>div{grid-template-columns:80px 1fr;gap:12px}}
@media(max-width:760px){.catalog{margin-top:44px;padding-top:36px}.catalog-heading{display:block;margin-bottom:22px}.catalog-heading h3{font-size:29px}.catalog-heading>p{font-size:11px;max-width:100%;margin-top:18px}.catalog-filter{font-size:10px;padding:9px 11px;gap:8px}.catalog-filter span{font-size:8px}.catalog-grid{gap:18px 14px}.catalog-card-copy{padding:13px}.catalog-card-copy h4{font-size:13px}.catalog-card-copy>span{font-size:7px}.catalog-status{font-size:9px}.product-spec-line{margin-inline:20px}.material-dialog-layout{grid-template-columns:1fr}.dialog-image{height:auto}.dialog-image>img{height:auto;aspect-ratio:4/3}.photo-thumbnails{gap:7px;padding:0 18px 18px}.photo-thumbnail{width:calc(25% - 5.25px)}.photo-navigation{margin:13px 18px 0}#photo-caption{margin:10px 18px 14px}.dialog-content{padding:25px 23px}.specification-list>div{grid-template-columns:90px 1fr}.catalog-note{font-size:9px}}
@media(max-width:520px){.catalog-grid{grid-template-columns:1fr}.catalog-card-copy{padding:17px 18px}.catalog-card-copy h4{font-size:17px}.catalog-card-copy>span{font-size:8px}.catalog-card-copy>p{font-size:11px}}
/* Clear product positioning and persistent contact actions. */
.hero h1{font-size:clamp(38px,4.35vw,68px);line-height:1.12;letter-spacing:-2.5px;white-space:normal;margin-top:24px}
.hero h1>span{display:block}
.hero h1 .serif{font-size:1.08em}
.hero-copy>p{max-width:440px}
.hero-actions{flex-wrap:wrap;gap:24px}
.mobile-contact{display:none}
#material-dialog{overflow:hidden}
#material-dialog[open]{display:flex;flex-direction:column}
.dialog-scroll-area{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.dialog-contact-bar{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px 25px;background:#fff;border-top:1px solid #bccbd0;box-shadow:0 -5px 20px #102f4008;z-index:2}
.dialog-contact-bar>div{min-width:0}
.dialog-contact-bar strong{display:block;font-size:13px;font-weight:600;line-height:1.45;color:#102f40}
.dialog-contact-bar>div>span{display:block;font-size:10px;color:#526772;margin-top:4px}
.dialog-contact-bar .button{flex-shrink:0;background:#ffb187;border-color:#ffb187;color:#102f40;gap:25px;padding:14px 20px;font-weight:700}
.dialog-contact-bar .button:hover{background:#ffc7a5;border-color:#ffc7a5}
#contact-title:focus{outline:none}
@media(max-width:1100px){.hero h1{font-size:4.45vw;letter-spacing:-2px}.hero-actions{gap:18px}.dialog-contact-bar{gap:18px;padding-inline:20px}}
@media(max-width:760px){.hero h1{font-size:clamp(32px,8.4vw,54px);letter-spacing:-1.7px;margin-top:23px}.hero-copy>p{max-width:440px}.hero-actions{gap:20px}.hero-actions .button{padding-inline:18px}.nav-wrap{gap:12px}.mobile-contact{display:flex;align-items:center;justify-content:center;gap:9px;margin-left:auto;padding:9px 11px;background:#102f40;color:#fff;font-size:10px;font-weight:600;white-space:nowrap}.mobile-contact>span{font-size:17px;line-height:1}.menu-toggle{padding:9px 0 9px 7px}.dialog-contact-bar{padding:12px 15px;gap:12px}.dialog-contact-bar strong{font-size:11px;max-width:140px}.dialog-contact-bar>div>span{display:none}.dialog-contact-bar .button{font-size:10px;padding:12px 13px;gap:12px}.dialog-contact-bar .button>span{font-size:18px}}
@media(max-width:380px){.brand{gap:8px}.brand img{width:38px;height:38px}.brand>span{font-size:21px}.brand-sub{font-size:5px;letter-spacing:1px}.nav-wrap{gap:9px}.mobile-contact{font-size:9px;padding:8px 9px;gap:7px}.menu-toggle{padding-left:4px}.contact-layout{grid-template-columns:minmax(0,1fr)}.contact-copy,.contact-information{min-width:0}.contact h2{font-size:16.6vw;width:auto;max-width:100%}.contact-star{display:none}.contact-company dd{overflow-wrap:anywhere}}

/* Real photography in the application panel. Product photo keeps its company watermark. */
.application-art{background:#dbe4e8}
.application-art img{width:100%;height:100%;object-fit:cover;object-position:50% 100%;filter:saturate(.82) contrast(1.04) brightness(1.04)}
.application-art[data-application="packaging"] img{filter:none}
.application-credit{font-size:10px;line-height:1.7;color:#b8cad6;margin-top:13px}
.application-credit a{text-decoration:underline;text-decoration-color:#b8cad65c;text-underline-offset:3px}
.application-credit a:hover{color:#ffb187}
@media(max-width:760px){.application-caption{align-items:flex-start;flex-wrap:wrap;gap:10px}.application-badge{font-size:8px}.application-credit{font-size:9px}}

/* The client receives business enquiries by email only. */
.contact-list .contact-email{align-items:flex-start;flex-direction:column;gap:12px;padding-block:22px}
.contact-list .contact-email dt{font-size:11px;letter-spacing:0}
.contact-list .contact-email dd{max-width:100%;color:var(--ink);font-size:clamp(17px,1.6vw,23px);font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.contact-email a{text-decoration:underline;text-decoration-color:#102f4050;text-underline-offset:6px}
.contact-email a:hover{text-decoration-color:var(--ink)}

/* Actual customer photographs in the cover, with editable product names. */
.brand-sub{font-size:8px;letter-spacing:.5px;font-weight:500}
.hero-photo-collection{aspect-ratio:auto;padding:14px;display:flex;flex-direction:column;gap:12px;background:#193e50;align-self:center}
.hero-photo-heading{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.5px;color:#e7f0f5;padding:1px 1px 2px;gap:10px}
.hero-photo-heading>span:last-child{color:#ffb187;font-size:24px;line-height:1}
.hero-photo{display:flex;flex-direction:column;width:100%;padding:0;background:#fff;text-align:left;overflow:hidden;min-width:0}
.hero-photo-frame{display:block;position:relative;width:100%;aspect-ratio:1.38;background:#edf2f4;overflow:hidden}
.hero-photo-frame>img{width:100%;height:100%;object-fit:contain;transition:transform .3s}
.hero-photo:hover .hero-photo-frame>img{transform:scale(1.025)}
.hero-photo-main .hero-photo-frame{aspect-ratio:2.1;background:#fff}
.hero-photo-label{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;color:#102f40;gap:10px;border-top:1px solid #dde5e8}
.hero-photo-label small{display:block;font-size:7px;letter-spacing:1.1px;line-height:1.5;color:#6b7b84;margin-bottom:4px}
.hero-photo-label strong{display:block;font-family:var(--heading);font-size:14px;line-height:1.2;font-weight:700;letter-spacing:-.45px}
.hero-photo-label>span:last-child{font-size:21px;color:#a94421}
.hero-photo-main .hero-photo-label strong{font-size:18px}
.hero-photo-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.photo-watermark{position:absolute!important;display:block;top:12px;left:12px;bottom:auto!important;right:auto!important;width:48px!important;height:48px!important;background:transparent url(assets/jy-better-logo.jpg) center/contain no-repeat!important;opacity:.55;border-radius:0!important;mix-blend-mode:multiply;pointer-events:none}
.photo-watermark[hidden]{display:none!important}
.trifold-photo .photo-watermark{left:15%;top:5%;width:18%!important;height:auto!important;aspect-ratio:1}
.dialog-photo-frame{position:relative;aspect-ratio:4/3}
.dialog-photo-frame>img{width:100%;height:100%;object-fit:contain}
#dialog-watermark{top:4%;left:15%;width:16%!important;height:auto!important;aspect-ratio:1}
.photo-navigation[hidden],.photo-thumbnails[hidden]{display:none}
.application-use-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.application-use-tags:empty{display:none}
.application-use-tags>span{border:1px solid #ffffff40;color:#e2ebef;padding:4px 8px;font-size:9px;line-height:1.4}
.application-art img{filter:none;object-position:50% 50%}
@media(max-width:1100px){.hero-photo-collection{padding:10px;gap:10px}.hero-photo-row{gap:10px}.hero-photo-label{padding:10px}.hero-photo-label strong{font-size:12px}.hero-photo-label small{font-size:6px;letter-spacing:.6px}.hero-photo-main .hero-photo-label strong{font-size:16px}.brand-sub{font-size:7px}}
@media(max-width:760px){.hero-photo-collection{width:100%;gap:12px;padding:12px;aspect-ratio:auto}.hero-photo-main .hero-photo-frame{aspect-ratio:1.9}.hero-photo-row{gap:12px}.hero-photo-label{padding:12px}.hero-photo-label strong{font-size:13px}.hero-photo-main .hero-photo-label strong{font-size:17px}.hero-photo-label small{font-size:6px;letter-spacing:.6px}.brand-sub{font-size:6px;letter-spacing:.25px}.hero-photo-heading{font-size:7px;letter-spacing:1.1px}.application-tab{padding:22px 0}.application-tab>span:nth-child(2){font-size:19px}.application-use-tags>span{font-size:8px}}
@media(max-width:380px){.brand-sub{font-size:5px;letter-spacing:.1px}.hero-photo-label strong{font-size:12px}.hero-photo-label{padding:10px}.hero-photo-label small{font-size:5.5px}.photo-watermark{width:38px!important;height:38px!important}}

@media(min-width:1101px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Integrated cover poster and three material posters. */
.cover-poster{background:#0b2636;color:#fff;padding:30px 0 0;scroll-margin-top:94px}
.cover-title{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.cover-art{margin:0;position:relative;background:#f5f6f5}
.cover-art>img{width:100%;height:auto;display:block}
.poster-view{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;justify-content:center;gap:8px;background:#102f40ee;color:#fff;padding:7px 10px;font-size:10px;line-height:1.4;border:1px solid #ffffff55;transition:background .2s}
.poster-view:hover{background:#a94421}
.cover-poster-view{right:16px;bottom:16px}
.cover-actions{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:24px 0 28px}
.cover-actions>p{margin:0;font-size:12px;font-weight:500;line-height:1.8;color:#e4edf2}
.cover-actions>p>span{display:block;font-size:11px;font-weight:400;color:#b8ccd6}
.cover-actions>div{display:flex;align-items:center;gap:28px;flex-shrink:0}
.cover-actions .button{background:#ffb187;color:#102f40;border-color:#ffb187;font-weight:700}
.cover-actions .button:hover{background:#ffc8a9}
.cover-actions .text-link{color:#fff}
.material-poster-grid{gap:24px;align-items:stretch}
.material-poster-card{min-width:0;background:#fff;border:1px solid #bdccd2;display:flex;flex-direction:column;box-shadow:0 10px 30px #102f4008}
.material-poster-image{position:relative;background:#f4f6f7;border-bottom:1px solid #bdccd2}
.material-poster-image>button{display:block;width:100%;padding:0;background:none}
.material-poster-image img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.material-poster-copy{padding:22px 20px 0;display:flex;flex-direction:column;flex:1}
.material-poster-copy h3{font-size:22px;line-height:1.3;margin:0 0 20px;font-weight:700}
.material-poster-copy h3>span{display:block;font-family:var(--body);font-size:10px;letter-spacing:.25px;color:#526772;font-weight:400;margin-top:7px}
.material-poster-copy .product-link{margin-inline:-20px;width:calc(100% + 40px);padding:16px 20px;margin-top:auto}
@media(max-width:1100px){.cover-poster{padding-top:20px}.cover-actions{gap:20px}.cover-actions>div{gap:18px}.cover-actions>p{font-size:10px}.cover-actions>p>span{font-size:9px}.material-poster-grid{gap:18px}.material-poster-copy{padding:18px 15px 0}.material-poster-copy h3{font-size:19px}.material-poster-copy .product-link{margin-inline:-15px;width:calc(100% + 30px);padding-inline:15px}}
@media(max-width:760px){.cover-poster{padding-top:0;scroll-margin-top:74px}.cover-poster>.wrap{width:100%}.cover-title{position:static;width:auto;height:auto;clip-path:none;white-space:normal;font-family:var(--heading);font-size:28px;line-height:1.15;letter-spacing:-1.1px;font-weight:700;margin:0;padding:28px 20px 24px}.cover-title>span{font-family:var(--body);font-size:13px;line-height:1.6;display:block;letter-spacing:0;color:#ffb187;margin-top:10px;font-weight:500}.cover-poster-view{font-size:8px;padding:5px 7px;right:9px;bottom:9px}.cover-actions{padding:20px;display:block}.cover-actions>p{font-size:11px}.cover-actions>p>span{font-size:10px}.cover-actions>div{margin-top:17px;gap:25px;justify-content:flex-start}.cover-actions .button{padding:13px 16px;gap:22px;font-size:11px}.cover-actions .text-link{font-size:11px;gap:12px}.material-poster-grid{grid-template-columns:1fr;gap:28px}.material-poster-copy{padding:20px 20px 0}.material-poster-copy h3{font-size:23px}.material-poster-copy .product-link{margin-inline:-20px;width:calc(100% + 40px);padding-inline:20px}.material-poster-image .poster-view{font-size:15px;padding:6px 10px}}
@media(prefers-reduced-motion:reduce){.poster-view{transition:none}}

/* An integrated, layered advertising poster: all three materials stay visible. */
.poster-hero{--hero-halo:#ffb187;position:relative;isolation:isolate;overflow:hidden;background:#0b283b;color:#fff;scroll-margin-top:92px}
.poster-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 80% 22%,#31566c 0%,#11344b 38%,#082539 80%)}
.poster-aura{position:absolute;right:-6%;top:-12%;width:75%;height:95%;background:radial-gradient(ellipse,var(--hero-halo),transparent 65%);opacity:.12;filter:blur(55px);animation:posterAura 14s ease-in-out infinite alternate;transition:background 1.3s}
.poster-beam{position:absolute;inset:-30% -55%;background:linear-gradient(115deg,transparent 46%,#bee7ff04 47%,#ddf5ff16 49.7%,#fff3 50%,transparent 51%);transform:translateX(-25%);animation:posterBeam 18s ease-in-out infinite}
.poster-contour{position:absolute;right:-10%;top:5%;width:73%;height:70%;border:1px solid #c6eaff10;border-radius:50%;transform:rotate(-21deg)}
.contour-two{inset:11% -11% auto auto;width:68%;height:65%;border-color:#c6eaff08}
.poster-composition{display:grid;grid-template-columns:.92fr 1.08fr;gap:8px;position:relative;align-items:center;min-height:535px;padding-top:28px;padding-bottom:12px}
.poster-copy{position:relative;z-index:4;padding:38px 0 36px;min-width:0}
.poster-copy .eyebrow{font-size:8px;letter-spacing:1.55px;color:#d3e4ed}
.poster-copy .eyebrow i{background:#ffb187}
.poster-copy h1{font-family:var(--heading);font-size:clamp(31px,3.35vw,59px);font-weight:750;line-height:1.14;letter-spacing:-1.9px;margin:26px 0 23px}
.poster-copy h1>span{display:block;white-space:nowrap}
.poster-accent{color:#ffb187}
.poster-copy-rule{width:68px;height:4px;background:#ffb187;margin-bottom:23px}
.poster-copy>p{font-family:var(--heading);font-size:21px;line-height:1.4;letter-spacing:-.4px;color:#f7fbff;margin:0 0 16px}
.poster-copy>p>strong{font-weight:600}
.poster-copy .poster-description{font-family:var(--body);font-size:12px;line-height:1.9;letter-spacing:0;color:#c1d4df;margin-bottom:26px}
.poster-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.poster-actions .button{background:#ffb187;color:#102f40;border-color:#ffb187;padding:15px 20px;font-size:11px;gap:28px;font-weight:700}
.poster-actions .button:hover{background:#ffcaab;border-color:#ffcaab}
.poster-actions .text-link{font-size:11px;gap:12px;color:#fff}
.poster-products{position:relative;align-self:stretch;min-width:0;min-height:510px}
.poster-product-halo{position:absolute;inset:7% -5% 8%;background:radial-gradient(ellipse at 56% 45%,#d4e4eb1a,transparent 67%);pointer-events:none}
.poster-surface{position:absolute;width:125%;height:45%;bottom:0;right:-20%;background:linear-gradient(150deg,#e4edf21c,#d8e5e907 55%,transparent 76%);clip-path:polygon(26% 5%,100% 28%,100% 100%,0 95%);border-top:1px solid #e8f5fb22;pointer-events:none}
.poster-object{position:absolute;margin:0;transition:filter 1.4s,transform 1.4s;filter:drop-shadow(0 24px 18px #020e1c66);will-change:transform}
.poster-object img{display:block;width:100%;height:auto;animation:posterFloat 9s ease-in-out infinite;transform-origin:center}
.poster-object[data-featured=true]{filter:drop-shadow(0 15px 25px #b6ddf133);transform:translateY(-5px) scale(1.025)}
.poster-foam{left:-4%;top:12%;width:59%;z-index:1}
.poster-pvc{right:-5%;top:9%;width:58%;z-index:2}
.poster-pp{left:19%;bottom:1%;width:72%;z-index:3}
.poster-pvc img{animation-delay:-3s}
.poster-pp img{animation-delay:-6s}
.poster-product-label{position:absolute;z-index:5;background:none;color:#ecf5fa;display:flex;align-items:center;gap:8px;text-align:left;padding:9px 0 13px;transition:color .6s;isolation:isolate}
.poster-product-label>span{font-size:8px;color:#ffb187;letter-spacing:1px}
.poster-product-label>strong{font-family:var(--heading);font-size:13px;line-height:1.3;font-weight:650;letter-spacing:-.3px}
.poster-product-label>i{position:absolute;bottom:0;left:0;width:100%;height:1px;background:#d9eef740;transition:background .5s}
.poster-product-label>i:after{content:'';display:block;position:absolute;width:4px;height:4px;border-radius:50%;bottom:-2px;background:#ffb187;left:0;box-shadow:0 0 12px #ffb18777}
.poster-product-label[aria-pressed=true]{color:#ffb187}
.poster-product-label[aria-pressed=true]>i{background:#ffb187}
.is-cycling .poster-product-label[aria-pressed=true]>i:after{animation:posterProgress 6.5s linear both}
.label-foam{left:0;top:4%}
.label-foam:after,.label-pvc:after{content:'';position:absolute;height:22px;width:1px;background:#ffb18788;bottom:-22px;left:25px}
.label-pvc{right:0;top:1%}
.label-pp{right:-2%;bottom:0}
.poster-spark{position:absolute;color:#d6f1ff99;z-index:0;font-size:16px;animation:posterSpark 7s ease-in-out infinite;pointer-events:none}
.spark-one{left:5%;top:65%}.spark-two{right:2%;top:57%;font-size:10px;animation-delay:-3s}
.poster-caption-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-block:10px 17px}
.poster-caption-row p{display:flex;align-items:center;gap:15px;font-size:9px;color:#c1d7e3;margin:0;min-width:0}
#hero-material-index{color:#ffb187;font-size:8px;letter-spacing:1.6px;white-space:nowrap}
#hero-material-note{line-height:1.6}
#hero-motion-toggle{display:flex;align-items:center;gap:7px;font-size:9px;color:#cbdfe9;padding:8px 0 8px 10px;min-height:35px;white-space:nowrap;background:transparent}
#hero-motion-toggle:hover{color:#ffb187}#hero-motion-toggle[hidden]{display:none}
.motion-control-symbol{font-size:14px;display:inline-grid;place-items:center;width:15px}
.poster-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;border-top:4px solid #ffb187;background:#fff;gap:3px}
.poster-scene{position:relative;min-width:0;overflow:hidden;height:clamp(130px,14vw,205px);background:#173b4e}
.poster-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%;transition:transform .7s,filter .7s;filter:saturate(.9)}
.poster-scene:nth-child(2) img{object-position:35% 50%}
.poster-scene:nth-child(3) img{object-position:50% 62%}
.poster-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#052235da);pointer-events:none}
.poster-scene>span{position:absolute;inset:auto 18px 16px;z-index:1;padding-left:12px;border-left:3px solid #ffb187;color:#fff;display:block}
.poster-scene small{display:block;color:#ffe0cd;font-size:7px;letter-spacing:1.3px;margin-bottom:5px}
.poster-scene strong{font-family:var(--heading);font-size:16px;line-height:1.3;font-weight:650;letter-spacing:-.4px;display:block;padding-right:15px}
.poster-scene i{font-style:normal;position:absolute;right:0;bottom:0;font-size:20px;color:#ffb187}
.poster-scene:hover img{transform:scale(1.045);filter:saturate(1.05)}
.poster-hero.is-paused *{animation-play-state:paused!important}
.application-art{position:relative}
.application-art[data-application=signage]{background:#fff}
.application-art[data-application=signage] img{object-fit:contain;background:#fff}
@keyframes posterFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(.5deg)}}
@keyframes posterAura{from{transform:translate(-15px,0) scale(.95)}to{transform:translate(35px,25px) scale(1.12)}}
@keyframes posterBeam{0%,12%{transform:translateX(-35%);opacity:0}30%{opacity:.75}70%{transform:translateX(35%);opacity:.4}85%,100%{transform:translateX(40%);opacity:0}}
@keyframes posterSpark{0%,100%{opacity:.15;transform:scale(.8)}50%{opacity:.8;transform:scale(1.1)}}
@keyframes posterProgress{from{left:0}to{left:100%}}
@media(min-width:1550px){.poster-products{min-height:560px}.poster-composition{min-height:585px}}
@media(max-width:1100px){.poster-composition{min-height:465px}.poster-products{min-height:440px}.poster-copy{padding-block:25px}.poster-copy h1{font-size:3.25vw;letter-spacing:-1.3px}.poster-copy>p{font-size:18px}.poster-copy .poster-description{font-size:11px}.poster-actions{gap:17px}.poster-actions .button{padding:13px 15px;font-size:10px;gap:20px}.poster-actions .text-link{font-size:10px;gap:8px}.poster-product-label>strong{font-size:11px}.poster-product-label{gap:5px}.poster-foam{top:16%}.poster-pvc{top:12%}.poster-pp{bottom:4%}.label-foam{top:8%}.label-pvc{top:4%}.label-pp{bottom:3%}.poster-scene strong{font-size:14px}}
@media(max-width:760px){.poster-hero{scroll-margin-top:75px}.poster-composition{grid-template-columns:1fr;gap:0;padding-top:0;padding-bottom:0}.poster-copy{padding:30px 0 8px}.poster-copy .eyebrow{font-size:7px;letter-spacing:1.1px}.poster-copy h1{font-size:clamp(27px,7.65vw,48px);letter-spacing:-1.1px;line-height:1.14;margin:20px 0 18px}.poster-copy-rule{height:3px;width:46px;margin-bottom:15px}.poster-copy>p{font-size:17px;display:inline-block;margin-right:15px;margin-bottom:13px}.poster-copy .poster-description{font-size:10px;line-height:1.75;vertical-align:top;margin-bottom:15px}.poster-actions{gap:23px;flex-wrap:nowrap}.poster-actions .button{font-size:10px;padding:13px 15px;gap:21px}.poster-actions .text-link{font-size:10px;gap:9px}.poster-products{min-height:0;height:clamp(285px,83vw,450px);margin-top:13px}.poster-foam{top:14%;left:-3%;width:60%}.poster-pvc{top:9%;right:-4%;width:58%}.poster-pp{bottom:0;left:17%;width:73%}.poster-product-label>strong{font-size:11px}.label-foam{top:4%;left:1%}.label-pvc{top:0;right:0}.label-pp{bottom:0;right:0}.poster-product-label{padding-top:7px;padding-bottom:9px}.label-foam:after,.label-pvc:after{height:12px;bottom:-12px}.poster-caption-row{padding-block:10px 12px;gap:10px}.poster-caption-row p{font-size:7px;gap:8px}.poster-caption-row #hero-material-index{font-size:6px;letter-spacing:1px}#hero-material-note{max-width:215px}#hero-motion-toggle{font-size:8px;gap:4px}.poster-scenes{gap:2px;border-top-width:3px}.poster-scene{height:126px}.poster-scene>span{inset:auto 8px 10px;padding-left:7px;border-left-width:2px}.poster-scene small{font-size:5px;letter-spacing:.5px;margin-bottom:0;line-height:1.5}.poster-scene strong{display:none}.poster-scene i{font-size:13px;bottom:8px}.poster-contour{right:-35%;width:150%;top:31%;height:40%}.poster-aura{width:130%;right:-25%;height:65%;top:15%;filter:blur(30px)}.poster-beam{animation-duration:20s}}
@media(max-width:380px){.poster-copy h1{font-size:7.5vw;letter-spacing:-.8px}.poster-copy>p{font-size:15px;margin-right:10px}.poster-copy .poster-description{font-size:8px}.poster-actions{gap:15px}.poster-actions .button{padding-inline:12px;gap:13px;font-size:9px}.poster-actions .text-link{font-size:9px;gap:6px}.poster-product-label>strong{font-size:9px}.poster-product-label>span{font-size:6px}.poster-scene{height:105px}.poster-caption-row p{font-size:6px;gap:7px}#hero-material-note{max-width:175px}#hero-motion-toggle{font-size:7px}}
@media(prefers-reduced-motion:reduce){.poster-hero *{animation:none!important;transition:none!important}.poster-product-label>i:after{display:none}}

/* A circular material display, with a permanent three-dimensional platform. */
.orbit-stage{perspective:1000px;perspective-origin:50% 43%;transform-style:flat;isolation:isolate;min-height:510px}
.orbit-hint{position:absolute;top:3%;left:0;right:0;z-index:110;text-align:center;color:#c2d9e7;font-size:9px;letter-spacing:.3px;margin:0;pointer-events:none}
.orbit-hint>span{color:#ffb187;font-size:17px;vertical-align:-1px;margin-right:7px}
.display-platform{position:absolute;top:56%;left:-1%;width:102%;height:40%;z-index:1;pointer-events:none}
.platform-shadow{position:absolute;left:-5%;top:55%;width:110%;height:65%;border-radius:50%;background:radial-gradient(ellipse,#000d18b0,transparent 67%);filter:blur(12px)}
.platform-body{position:absolute;top:28%;left:3%;width:94%;height:62%;border-radius:0 0 50% 50% / 0 0 58% 58%;background:linear-gradient(90deg,#203e50 0%,#6a8799 24%,#8fa6b4 44%,#527185 72%,#173649 100%);box-shadow:0 17px 30px #00122070,inset 0 -2px 3px #061c2e}
.platform-top{position:absolute;left:3%;top:0;width:94%;height:72%;border-radius:50%;border:1px solid #e3f2fa9c;background:radial-gradient(ellipse at 47% 35%,#e7edf0 0%,#b7c9d3 54%,#7c9aac 84%,#506f85 100%);box-shadow:inset 0 2px 7px #fff7,0 2px 4px #041d37b0}
.platform-top:before{content:'';position:absolute;inset:7% 6%;border:1px solid #48697c3b;border-radius:50%;box-shadow:inset 0 0 35px #fff4}
.platform-ring{position:absolute;left:8%;top:5%;width:84%;height:60%;border-radius:50%;border:1px solid #fff9;border-bottom-color:#ffbe96;box-shadow:0 0 15px #ffb18718,inset 0 -2px 7px #ffb18720;overflow:hidden}
.platform-ring:after{content:'';position:absolute;width:55%;height:180%;left:-70%;top:-40%;background:linear-gradient(100deg,transparent,#fff6,transparent);transform:skewX(-25deg);animation:platformLight 12s ease-in-out infinite}
.platform-edge{position:absolute;left:3%;top:31%;width:94%;height:60%;border:1px solid transparent;border-bottom-color:#ffb187b0;border-radius:0 0 50% 50%;box-shadow:0 4px 9px -6px #ffb187}
.orbit-product{position:absolute;left:50%;top:44%;width:60%;padding:0;margin:0;border:0;background:transparent;color:#fff;text-align:center;transform:translate(-50%,-50%);transform-origin:50% 50%;will-change:transform;cursor:pointer;-webkit-tap-highlight-color:transparent;pointer-events:none}
.orbit-hit-area{position:absolute;inset:0;pointer-events:auto;clip-path:polygon(8% 24%,49% 12%,95% 29%,100% 60%,55% 98%,0 72%)}
.orbit-foam .orbit-hit-area{clip-path:polygon(8% 28%,59% 17%,95% 29%,99% 47%,39% 90%,2% 57%,1% 43%)}
.orbit-pvc .orbit-hit-area{clip-path:polygon(43% 7%,94% 34%,99% 55%,54% 99%,3% 47%,7% 31%)}
.orbit-pp .orbit-hit-area{clip-path:polygon(13% 18%,49% 12%,94% 42%,99% 64%,87% 90%,1% 91%,1% 73%)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.orbit-visual{position:relative;display:block;width:100%;animation:orbitFloat 8s ease-in-out infinite;filter:drop-shadow(0 17px 11px #02132144);transition:filter .3s}
.orbit-product:hover .orbit-visual{filter:drop-shadow(0 17px 12px #02132144) drop-shadow(0 0 8px #f7dbbf55)}
.orbit-product img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.orbit-pvc .orbit-visual{animation-delay:-2.7s}.orbit-pp .orbit-visual{animation-delay:-5.3s}
.orbit-product-name{position:absolute;left:50%;top:0;transform:translate(-50%,-60%);white-space:nowrap;padding:7px 10px;background:#0c2b3ddc;border:1px solid #b7d3e24d;box-shadow:0 3px 10px #00132120;color:#e4eff5;font-family:var(--heading);font-size:11px;line-height:1.3;letter-spacing:-.2px;transition:background .4s,color .4s,border-color .4s;pointer-events:auto}
.orbit-product-name small{font-family:var(--body);font-size:7px;letter-spacing:.7px;color:#ffb187;margin-right:6px}
.orbit-product[aria-pressed=true] .orbit-product-name{background:#ffb187;color:#102f40;border-color:#ffcbad;font-weight:700}
.orbit-product[aria-pressed=true] .orbit-product-name small{color:#754229}
.orbit-product:focus-visible{outline:2px solid #ffb187;outline-offset:8px;border-radius:12px}
.orbit-floor-caption{position:absolute;bottom:0;left:0;right:0;z-index:100;text-align:center;font-size:6px;letter-spacing:2px;color:#91adbf;pointer-events:none}
.printed-panel-scene>img{object-position:50% 54%}
.scene-company-watermark{position:absolute;z-index:2;top:10px;left:12px;width:36px;height:36px;opacity:.55;mix-blend-mode:multiply;pointer-events:none;background:transparent url(assets/jy-better-logo.jpg) center/contain no-repeat}
@keyframes orbitFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes platformLight{0%,20%{left:-70%;opacity:0}35%{opacity:.7}65%,100%{left:130%;opacity:0}}
@media(min-width:1550px){.orbit-stage{min-height:560px}}
@media(max-width:1100px){.orbit-stage{min-height:440px}.orbit-product-name{font-size:10px;padding:6px 8px}.orbit-hint{font-size:8px}.orbit-floor-caption{font-size:5px;letter-spacing:1.6px}}
@media(max-width:760px){.orbit-stage{min-height:0;height:clamp(315px,90vw,470px);margin-top:18px}.orbit-hint{top:0;font-size:8px}.orbit-hint>span{font-size:14px}.orbit-product{top:45%;width:60%}.orbit-product-name{font-size:9px;padding:5px 7px}.orbit-product-name small{font-size:6px;margin-right:4px}.orbit-floor-caption{bottom:0;font-size:5px;letter-spacing:1.2px}.display-platform{top:56%;height:39%}.scene-company-watermark{top:6px;left:7px;width:25px;height:25px}.platform-shadow{filter:blur(8px)}}
@media(max-width:380px){.orbit-product-name{font-size:8px;padding:5px 6px}.orbit-product-name small{font-size:5px}.orbit-hint{font-size:7px}.orbit-floor-caption{font-size:4px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.orbit-visual,.platform-ring:after{animation:none!important}.orbit-product-name{transition:none}}