/* Shared material language: plum glass, warm type, quiet depth. */
:root{--material-ease:cubic-bezier(.2,.7,.2,1)}
.products{--ink:#f2eaf5;--muted:#c1b4c7;--line:#65516e;position:relative;isolation:isolate;color:var(--ink);background:radial-gradient(ellipse at 4% 8%,#49304c88,transparent 34%),radial-gradient(ellipse at 96% 21%,#29384d66,transparent 35%),#14101a;padding-top:76px;padding-bottom:88px}
#design-studio{scroll-margin-top:105px}
.products .section-head{gap:32px;align-items:end;margin-bottom:36px}
.products .eyebrow{color:#d3acd4}
.products .section-head h2{font-size:clamp(32px,4vw,58px);line-height:1.25;font-weight:650;letter-spacing:-.055em;color:#f2dcbc}
.products .section-head p{color:#c1b4c7;line-height:1.9;font-size:14px;max-width:340px}
.featured-heading,.collection-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.featured-heading h3,.collection-heading h3{font-size:18px;font-weight:550;letter-spacing:-.025em;margin:0;color:#f2eaf5}
.featured-heading>.mono{font-size:10px;letter-spacing:.1em;color:#b8a4c0}
.film-bento{display:grid;grid-template-columns:1.12fr 1fr;grid-template-rows:280px 280px;gap:18px;margin-bottom:58px}
.film-feature{position:relative;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;overflow:hidden;min-width:0;border:1px solid #b79bc04d;border-radius:24px;padding:26px;background:linear-gradient(135deg,#44304899,#211b2be6);box-shadow:inset 0 1px 0 #fff1,0 18px 50px #08050c30;color:#f2eaf5;transition:transform .35s var(--material-ease),border-color .25s,box-shadow .35s}
.film-feature--dtf{grid-row:span 2}
.feature-image{position:absolute;inset:0;z-index:-2;pointer-events:none}
.feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--material-ease)}
.film-feature:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#15101bf5 0%,#15101b85 34%,#15101b08 67%,#15101b7a 100%)}
.film-feature--dtf .feature-image img{object-position:54% 40%}
.feature-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.feature-kicker{font:10px/1.5 ui-monospace,monospace;letter-spacing:.055em;color:#f0d6b4}
.feature-pill{font:9px/1.4 ui-monospace,monospace;padding:6px 9px;background:#1a1426d9;border:1px solid #d4b5d759;border-radius:100px;color:#f2eaf5;backdrop-filter:blur(14px)}
.feature-copy{position:relative;max-width:100%}
.feature-copy h3{font:650 clamp(48px,5vw,76px)/1 Arial,sans-serif;letter-spacing:-.055em;margin:0 0 12px;color:#f2dcbc}
.feature-copy p{font-size:20px;line-height:1.5;letter-spacing:-.035em;font-weight:500;margin:0 0 13px;color:#fff5ee}
.feature-description{display:block;font-size:13px;line-height:1.8;max-width:310px;color:#d0c2d6;margin-bottom:20px}
.feature-action{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-size:12px;min-height:44px;padding:9px 14px;border-radius:100px;background:#ffffff12;border:1px solid #ead5ef45;box-shadow:inset 0 1px 0 #fff1;backdrop-filter:blur(18px);transition:background .25s,border-color .25s}
.feature-action>span{display:inline-block;font-size:19px;transition:transform .25s var(--material-ease)}
.film-feature--dtfl .feature-image{left:30%;opacity:.78}
.film-feature--dtfl:after{background:linear-gradient(90deg,#22182ced,#22182cbd 37%,#22182c22),linear-gradient(0deg,#17111d8c,transparent)}
.film-feature--dtfl .feature-copy h3{font-size:48px;color:#e9d5ed;margin-bottom:8px}
.film-feature--dtfl .feature-copy p,.film-feature--glitter .feature-copy p{font-size:15px;margin-bottom:12px}
.film-feature--glitter{background:radial-gradient(ellipse at 85% 50%,#70505e55,transparent 65%),linear-gradient(125deg,#292333,#211b2b)}
.film-feature--glitter .feature-image{left:36%;top:32px;bottom:6px;transform:rotate(-9deg);opacity:.95}
.film-feature--glitter .feature-image img{object-fit:contain;filter:drop-shadow(0 18px 15px #08030c55)}
.film-feature--glitter:after{background:linear-gradient(90deg,#282030f5,#28203065 46%,transparent 72%)}
.film-feature--glitter .feature-copy h3{font-size:43px;letter-spacing:-.045em;color:#f0d5b7;margin-bottom:8px}
.collection-heading{padding-top:28px;border-top:1px solid #a58ca333;margin-bottom:18px}
.collection-heading h3{font-size:24px;color:#f2dcbc}
.collection-heading p{font-size:12px;line-height:1.7;color:#b9adbf;margin:0}
.products .filters{top:82px;z-index:15;border:1px solid #a98baf40;border-radius:18px;padding:8px;background:#241b2bf5;box-shadow:0 10px 30px #08050d30;backdrop-filter:blur(22px);gap:6px}
.products .filters button{border-radius:12px;color:#d5c8dc;min-height:46px;transition:background .2s,box-shadow .2s,transform .2s}
.products .filters button span{background:#ffffff12;color:#d5c8dc}
.products .filters button[aria-pressed=true]{background:linear-gradient(115deg,#edd4b2,#d5bce3);color:#271a30;border-color:transparent;box-shadow:0 3px 12px #08050c44}
.products .filters button[aria-pressed=true] span{background:#36233e16;color:#392440}
.products .filters button:not([aria-pressed=true]):hover{background:#ffffff0c;color:#f3e5f5}
.products .result-count{color:#b9adbf;margin:18px 3px 6px;font-size:12px}
.products .catalog{gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}
.products .catalog-divider{padding-top:24px}
.products .catalog-divider h3{font-size:19px;color:#ead9ee;font-weight:550}
.products .catalog-divider>span{color:#b6a5be}
.products .catalog-divider:not(:first-child){border-color:#96739e40;margin-top:14px}
.products .catalog-item{padding:12px 12px 19px;border:1px solid #ab89b438;border-radius:20px;background:linear-gradient(135deg,#ffffff0c,#ffffff04);box-shadow:inset 0 1px 0 #fff1,0 10px 26px #07050b18;transition:border-color .25s,background .25s,transform .25s,box-shadow .25s;backdrop-filter:blur(12px)}
.products .catalog-item .product-photo{border:0;border-radius:12px;background:#f2eef3;overflow:hidden}
.products .catalog-item .product-photo img{aspect-ratio:4/3;padding:18px;clip-path:none!important;transform:none!important;will-change:auto!important}
.products .catalog-meta{margin:18px 4px 0;color:#c3afcd}
.products .catalog-kind{color:#c3afcd}
.products .item-code{color:#ae98b8}
.products .catalog-item h3{font-size:19px;line-height:1.45;color:#f1e6f4;margin:9px 38px 0 4px;min-height:54px;letter-spacing:-.025em}
.products .catalog-arrow{right:16px;bottom:21px;width:34px;height:34px;color:#efd6b8;border-color:#b492bb66;background:#ffffff06;transition:background .25s,transform .25s,color .25s}
.products .other-products{margin-top:30px;gap:18px}
.products .other-products a{border:1px solid #a484ae50;border-radius:18px;background:#ffffff08;padding:24px;transition:background .2s,transform .25s}
.products .other-products span{color:#baa5c2}.products .other-products h3{color:#efdfef;font-size:22px}.products .other-products b{color:#eacdad}
.products .other-products a:hover{background:#ffffff10}
.products a:focus-visible,.products button:focus-visible{outline:2px solid #f0d3ab;outline-offset:5px}
/* Buttons and glass details also connect the two introduction pages. */
.button,.campaign-actions a,.lab-controls button,.site-header .nav-contact,.menu-toggle{transition:transform .2s var(--material-ease),box-shadow .25s,background .25s,border-color .25s;border-radius:12px}
.campaign-hero-media,.campaign-page .chapter-media{border-radius:24px;overflow:hidden;background:#ffffff08;box-shadow:inset 0 1px 0 #fff1,0 22px 70px #07030d55}
.campaign-hero-media img,.campaign-hero-media video,.campaign-page .chapter-media img{border-radius:17px}
.campaign-page .lab-result{background:linear-gradient(135deg,#ffffff0b,#ffffff04);border-color:#9d7ea752;border-radius:22px;box-shadow:inset 0 1px 0 #fff1;backdrop-filter:blur(18px)}
.campaign-actions a{box-shadow:inset 0 1px 0 #ffffff15}
.button:active,.campaign-actions a:active,.lab-controls button:active,.products .filters button:active,.film-feature:active,.products .catalog-item:active,.menu-toggle:active{transform:scale(.98)}
@media(hover:hover) and (pointer:fine){
 .film-feature:hover{transform:translateY(-4px);border-color:#e4c2ce99;box-shadow:0 20px 50px #07030d66,inset 0 1px 0 #fff2}
 .film-feature:hover .feature-image img{transform:scale(1.035)}
 .film-feature:hover .feature-action,.film-feature:focus-visible .feature-action{background:#fff2;border-color:#f0d3ab99}
 .film-feature:hover .feature-action>span,.film-feature:focus-visible .feature-action>span{transform:translate(2px,-2px)}
 .products .catalog-item:hover{background:#ffffff0d;border-color:#c5a2ce88;transform:translateY(-4px);box-shadow:0 16px 32px #07030d55}
 .products .catalog-item:hover .catalog-arrow{color:#291b30;background:#ecd0b5;transform:rotate(8deg)}
 .button:hover,.campaign-actions a:hover,.lab-controls button:hover,.site-header .nav-contact:hover{transform:translateY(-2px);box-shadow:0 8px 24px #07030d45}
}
@media(min-width:1600px){.film-bento{grid-template-rows:300px 300px}}
@media(max-width:900px){.film-bento{grid-template-columns:1fr 1fr;grid-template-rows:420px 290px}.film-feature--dtf{grid-column:1/-1;grid-row:auto}.film-feature--dtf .feature-copy{max-width:390px}.film-feature--dtf:after{background:linear-gradient(90deg,#15101be8,transparent),linear-gradient(0deg,#15101bd9,transparent)}.film-feature--dtf .feature-image img{object-position:60% 55%}.film-feature--glitter .feature-copy h3{font-size:37px}.feature-top{align-items:start;flex-wrap:wrap}.products .catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.film-feature{padding:22px}}
@media(max-width:640px){
 .products{padding-top:44px;padding-bottom:60px}.products .section-head{align-items:start;gap:18px;margin-bottom:28px}.products .section-head h2{font-size:35px}.products .section-head p{font-size:13px}.featured-heading{align-items:start}.featured-heading>.mono{max-width:140px;text-align:right;line-height:1.6;font-size:8px}
 .film-bento{grid-template-columns:1fr;grid-template-rows:auto;gap:14px;margin-bottom:34px}.film-feature--dtf{grid-column:auto;min-height:440px}.film-feature--dtfl,.film-feature--glitter{min-height:278px}.film-feature{padding:22px;border-radius:22px}.film-feature--dtf .feature-copy h3{font-size:68px}.feature-copy p{font-size:22px}.feature-description{max-width:265px;font-size:12px}.feature-top{flex-wrap:nowrap;align-items:center}.feature-kicker{font-size:9px}.feature-pill{font-size:8px}.film-feature--dtfl .feature-copy h3{font-size:48px}.film-feature--glitter .feature-copy h3{font-size:42px}
 .collection-heading{align-items:start;flex-direction:column;gap:7px;padding-top:24px}.products .filters{top:70px;gap:4px;border-radius:15px;padding:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.products .filters button{font-size:11px;padding:8px 6px;gap:4px;min-height:46px;border-radius:10px}.products .filters button span{font-size:9px;min-width:18px}
 .products .catalog{gap:14px 12px}.products .catalog-item{padding:8px 8px 16px;border-radius:16px}.products .catalog-item .product-photo{border-radius:10px}.products .catalog-item .product-photo img{aspect-ratio:1;padding:9px}.products .catalog-meta{flex-direction:column;align-items:start;gap:5px;margin:13px 3px 0}.products .catalog-kind{font-size:10px}.products .item-code{font-size:8px}.products .catalog-item h3{font-size:15px;line-height:1.5;margin:9px 27px 0 3px;min-height:50px}.products .catalog-arrow{width:26px;height:26px;right:10px;bottom:17px;font-size:16px}.products .catalog-divider h3{font-size:18px}.products .catalog-divider>span{font-size:11px}.products .other-products{gap:12px}.products .other-products a{padding:18px}.products .other-products h3{font-size:20px}.products .other-products b{right:16px;bottom:14px}
}
@media(max-width:359px){.products .catalog{grid-template-columns:1fr}.products .catalog-item .product-photo img{aspect-ratio:4/3}.products .catalog-item h3{min-height:30px;font-size:18px}.products .catalog-meta{flex-direction:row;align-items:center}.products .filters button{font-size:10px;padding:8px 4px}.film-feature{padding:18px}.feature-kicker{font-size:8px}.film-feature--glitter .feature-copy h3{font-size:38px}}
@media(prefers-reduced-motion:reduce){.film-feature,.feature-image img,.feature-action,.feature-action>span,.products .catalog-item,.products .catalog-arrow,.products .filters button,.button,.campaign-actions a,.lab-controls button,.site-header .nav-contact,.menu-toggle,.products .other-products a{transition:none!important;translate:none!important;transform:none!important}}
@media(forced-colors:active){.film-feature,.products .catalog-item,.products .filters,.feature-action{border:1px solid CanvasText}.feature-image{opacity:.2}.products .filters button[aria-pressed=true]{border:2px solid Highlight}.feature-copy h3,.feature-copy p,.feature-kicker{color:CanvasText}}