@layer theme,base;@layer qntm-base{*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font:16px/1.55 var(--font-body);margin:0}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--font-display);letter-spacing:-.035em;font-weight:400;line-height:1.04}h2{font-size:clamp(36px,4.6vw,68px)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:5px;outline:3px solid #1255c2}button,a{touch-action:manipulation}}@layer components,utilities;@font-face{font-family:Marcellus;src:url(/fonts/marcellus.ttf)format("truetype");font-display:swap}@font-face{font-family:Bricolage;src:url(/fonts/bricolage.ttf)format("truetype");font-weight:200 800;font-display:swap}:root{--ink:#0a0a0a;--sand:#3b82f6;--paper:var(--bg,#fff);--bronze:#1d4ed8;--line:#c8ccd4;--muted:#505662;--font-display:Marcellus,Georgia,serif;--font-body:Bricolage,Arial,sans-serif;--respond:.2s}.skip{z-index:100;background:#fff;padding:12px;position:fixed;top:-90px;left:16px}.skip:focus{top:12px}.header{height:94px;color:var(--paper);z-index:10;background:#0e0f11;justify-content:space-between;align-items:center;padding:0 4vw;display:flex;position:relative}.wordmark{font-family:var(--font-display);letter-spacing:.03em;flex-direction:column;font-size:35px;line-height:1;display:inline-flex}.wordmark>span{font:11px/1 var(--font-body);letter-spacing:.3em;text-align:center;margin-top:8px}.header nav{gap:36px;font-size:14px;display:flex}.header nav a{border-bottom:1px solid #0000;padding:12px 0}.header nav a:hover{border-color:var(--sand)}.header-actions{align-items:center;gap:15px;display:flex}.header button{color:inherit;background:0 0;border:0;min-height:44px}.menu-toggle{display:none}.mobile-nav{color:var(--paper);background:#0e0f11;gap:8px;padding:16px 24px;display:grid}.mobile-nav[popover]:not(:popover-open){display:none}.mobile-nav:popover-open{inset:var(--header-h,94px) 0 auto 0;border:0;border-top:1px solid #ffffff26;width:auto;height:auto;margin:0;position:absolute}.mobile-nav::backdrop{background:0 0}.menu-open{display:none}body:has(.mobile-nav:popover-open) .menu-open{display:inline}body:has(.mobile-nav:popover-open) .menu-closed{display:none}.mobile-nav a{padding:10px}.eyebrow{letter-spacing:.15em;font-size:11px;font-weight:600;line-height:1.5}.hero{color:var(--paper);background:#060708;height:min(760px,100svh - 94px);min-height:680px;position:relative;overflow:hidden}.hero-photo{object-fit:cover;object-position:center 57%;width:100%;height:100%;animation:1.4s ease-out both hero-focus;position:absolute}.hero-copy{z-index:1;width:49%;padding:8% 0 110px 6vw;position:relative}.hero h1{margin:35px 0 22px;font-size:clamp(60px,6.8vw,104px)}.hero-copy>p:not(.eyebrow){color:#c8ccd4;font-size:18px;line-height:1.5}.button{background:var(--accent,var(--ink));color:var(--accent-ink,var(--paper));border:1px solid var(--accent,var(--ink));justify-content:space-between;align-items:center;gap:28px;min-height:56px;padding:18px 23px;font-size:14px;transition:background .2s,transform .2s;display:inline-flex}.button:hover{background:var(--bronze);transform:translateY(-2px)}.button.light{background:var(--sand);color:var(--ink);border-color:var(--sand)}.button.light:hover{background:#c5c9d2}.hero .button{margin-top:15px}.hero-caption{letter-spacing:.1em;color:#bbc0c9;border-top:1px solid #ffffff38;justify-content:space-between;align-items:center;padding-top:18px;font-size:11px;display:flex;position:absolute;bottom:32px;left:6vw;right:6vw}.collection-section{padding:88px 4vw 70px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:35px;display:flex}.section-heading h2{margin:0}.text-link{border-bottom:1px solid;align-items:center;gap:26px;min-height:44px;padding:12px 0;font-size:14px;display:inline-flex}.home-products{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.sample-note{color:var(--muted);margin:22px 0 0;font-size:12px}.material-story{background:#cfd2d9;grid-template-columns:1.15fr 1fr;align-items:stretch;display:grid}.story-photo{min-height:650px;position:relative;overflow:hidden}.story-photo img{object-fit:cover;width:100%;height:100%;position:absolute}.image-caption{letter-spacing:.04em;background:var(--paper);padding:10px 14px;font-size:12px;position:absolute;bottom:25px;left:30px}.story-copy{align-self:center;padding:90px 7vw}.story-copy>p:not(.eyebrow){color:#3e434e;max-width:360px}.story-copy .text-link{margin-top:22px}.aperture-section{color:var(--paper);background:#111215;grid-template-columns:1fr 1fr;align-items:center;min-height:680px;display:grid;overflow:hidden}.aperture-copy{padding:90px 6vw}.aperture-copy p{color:#b0b6c1}.aperture-copy .button{background:0 0;border-color:#3d84f5;margin-top:20px}.aperture{background:#23262d;justify-content:center;align-self:stretch;align-items:center;min-height:650px;display:flex;position:relative;overflow:hidden}.aperture>img{object-fit:contain;width:360px;height:540px;transform:translateY(var(--travel,0px));filter:drop-shadow(0 20px 25px #0005);position:relative}.aperture-line{background:linear-gradient(115deg,#0b3373 0%,#3d84f5 36%,#072049 38%,#17191e 68%);position:absolute;inset:0}.detail-tag{letter-spacing:.12em;border-top:1px solid #cfd2d950;justify-content:space-between;gap:20px;padding-top:18px;font-size:10px;display:flex;position:absolute;bottom:28px;left:30px;right:30px}.closing{text-align:center;color:var(--paper);background:#07224e;padding:95px 24px}.closing h2{font-size:clamp(50px,6vw,85px)}body>footer{color:#d1d4da;background:#0b0c0d;padding:58px 5vw 30px}.footer-top{justify-content:space-between;gap:24px;margin-bottom:54px;display:flex}.footer-top .wordmark{font-size:52px}.footer-top p{font:30px/1.1 var(--font-display)}.footer-bottom{border-top:1px solid #ffffff30;flex-wrap:wrap;justify-content:space-between;gap:20px;padding-top:22px;font-size:12px;display:flex}.legal{color:#969ead;max-width:800px;margin:25px 0 0;font-size:11px}.info{max-width:1000px;min-height:65vh;margin:auto;padding:80px 24px}.info h1{font-size:clamp(46px,6vw,76px)}.info p{max-width:690px}.info details{border-top:1px solid var(--line);padding:15px 0}.info summary{cursor:pointer;min-height:44px;padding:7px 0;font-size:20px}.info details p{padding-top:13px}.reveal-ready{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(22px)}.revealed{opacity:1;transform:none}@keyframes hero-focus{0%{opacity:.6;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@media (max-width:800px){:root{--header-h:80px}.header{height:80px;padding:0 22px}.header nav{display:none}.menu-toggle{display:block}.hero{flex-direction:column;height:auto;min-height:0;padding-bottom:0;display:flex}.hero-photo{object-fit:cover;object-position:76% center;order:2;height:470px;position:relative}.hero-copy{order:1;width:100%;padding:45px 24px 30px}.hero-copy .eyebrow{margin-bottom:20px}.hero h1{margin:0 0 20px;font-size:62px}.hero-copy>p:not(.eyebrow){font-size:16px}.hero-copy h1 br{display:initial}.hero-caption{display:none}.hero .button{margin-top:6px}.collection-section{padding:55px 20px}.home-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.section-heading{flex-direction:column;align-items:start;gap:14px}.section-heading h2{font-size:40px}.material-story{grid-template-columns:1fr}.story-photo{min-height:440px}.story-copy{padding:48px 24px}.story-copy h2{font-size:50px}.aperture-section{grid-template-columns:1fr;min-height:0}.aperture-copy{padding:50px 24px}.aperture{min-height:530px}.aperture>img{width:290px;height:430px}.closing{padding:65px 24px}.footer-top{margin-bottom:35px}.footer-top p{font-size:22px}.footer-bottom{justify-content:flex-start;gap:20px}.footer-bottom>span:first-child{width:100%}}@media (max-width:380px){.hero h1{font-size:52px}.hero-photo{height:360px}.header{padding:0 16px}.wordmark{font-size:30px}.hero-copy{padding:35px 20px 28px}.footer-top{flex-direction:column}.detail-tag{font-size:9px;left:20px;right:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal-ready{opacity:1;transform:none}.aperture>img{transform:none}}.home-products h3{font-family:var(--font-display);font-weight:400}.material-film{background:#0d0e10;height:100%;min-height:600px;position:relative;overflow:hidden}.material-film video,.material-film>img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute}.film-caption{letter-spacing:.1em;color:#fff;justify-content:space-between;align-items:center;font-size:11px;display:flex;position:absolute;bottom:26px;left:28px;right:28px}.film-caption button{font:12px var(--font-body);color:inherit;background:#0f1114;border:1px solid #bbc0c9;min-height:44px;padding:12px 16px}@media (max-width:800px){.material-film{min-height:390px}.hero-photo{object-position:75% center}.hero-copy{padding-bottom:32px}}.material-study{background:#d4d7dd;grid-template-columns:1fr 1.1fr 1fr;align-items:center;gap:3vw;min-height:660px;padding:64px 5vw;display:grid;position:relative;overflow:hidden}.study-heading{align-self:start;padding-top:28px}.study-heading h2{margin-bottom:24px;font-size:clamp(42px,4.1vw,65px)}.study-heading>p:last-child{color:var(--muted);font-size:14px}.study-stage{isolation:isolate;background:radial-gradient(at 50% 45%,#fcfcfd 0%,#c7cbd3 78%);border-radius:160px 160px 4px 4px;height:540px;position:relative;overflow:hidden}.study-stage>img{object-fit:contain;transform-origin:50%;filter:drop-shadow(0 22px 18px #08285b25);width:100%;height:100%;padding:24px 0 48px;transition:transform .85s cubic-bezier(.22,.61,.36,1)}.study-view-1>img{transform:scale(1.8)translateY(-3%)}.study-view-2>img{transform:scale(2.25)translateY(-25%)}.study-caption{text-align:center;letter-spacing:.16em;background:#d1d4dbf2;padding:18px 12px;font-size:9px;position:absolute;bottom:0;left:0;right:0}.study-controls{padding-left:1vw}.study-options{border-top:1px solid #8992a3;display:grid}.study-options button{color:#505662;text-align:left;background:0 0;border:0;border-bottom:1px solid #8992a3;justify-content:space-between;align-items:center;min-height:60px;padding:18px 0;font-size:18px;transition:padding .3s,color .3s;display:flex}.study-options button span{font-size:11px}.study-options button[aria-pressed=true]{color:#0f1013;border-bottom-color:#07224e;padding-left:14px;font-weight:600}.study-description{min-height:185px;padding-top:32px}.study-description h3{font-family:var(--font-display);font-size:24px;font-weight:400;line-height:1.2}.study-description p{color:#505662;max-width:320px;font-size:14px}.study-controls .text-link{font-size:12px}.closing{text-align:left;justify-content:space-between;align-items:center;gap:30px;padding:65px 6vw;display:flex}.closing h2{margin:0;font-size:clamp(36px,4vw,58px)}.closing .button{flex-shrink:0}.hero-copy .eyebrow{color:#3d84f5}.home-products .commerce-product-image{background:#dfe1e6}.home-products .commerce-product:nth-child(2n) .commerce-product-image{background:#d4d7de}.home-products .commerce-product-image img{padding:11%}.home-products .commerce-product-image{border-bottom:1px solid #989fae}@media (max-width:1000px) and (min-width:801px){.material-study{grid-template-columns:.85fr 1fr;gap:30px}.study-heading{grid-area:1/1}.study-controls{grid-area:2/1}.study-stage{grid-area:1/2/3;height:620px}.study-heading{padding:0}.study-heading h2{margin-bottom:10px}}@media (max-width:800px){.hero{background:#060708;height:760px;display:block}.hero-photo{object-position:75% center;width:100%;height:510px;animation:1.4s ease-out both hero-focus;position:absolute;inset:auto 0 0}.hero:after{content:"";pointer-events:none;background:linear-gradient(#060708 0% 23%,#060708ec 32%,#06070800 58%);position:absolute;inset:0}.hero-copy{z-index:2;padding:36px 24px 0;position:relative}.hero h1{margin-bottom:16px;font-size:clamp(54px,8.4vw,76px);line-height:1.02}.hero-copy>p:not(.eyebrow){font-size:15px}.hero-copy .eyebrow{margin-bottom:16px}.hero .button{min-height:50px;margin-top:0;padding:14px 18px;font-size:13px}.material-study{grid-template-columns:1fr;gap:25px;min-height:0;padding:42px 22px}.study-heading{grid-template-columns:1fr 1fr;align-items:end;column-gap:16px;padding:0;display:grid}.study-heading .eyebrow{grid-column:1/3}.study-heading h2{margin:0;font-size:40px}.study-heading>p:last-child{justify-self:end;max-width:120px;margin:0 0 5px;font-size:12px}.study-stage{border-radius:130px 130px 4px 4px;justify-self:center;width:100%;max-width:500px;height:410px}.study-controls{padding:0}.study-options{border:0;gap:6px;display:flex}.study-options button{border:1px solid #979fae;flex:1;min-height:48px;padding:12px 8px;font-size:13px}.study-options button span{display:none}.study-options button[aria-pressed=true]{color:#fff;background:#07224e;border-color:#07224e;padding:12px 8px}.study-description{min-height:155px;padding-top:24px}.study-description h3{margin-bottom:12px}.study-description p{max-width:100%;margin-bottom:10px}.closing{flex-direction:column;align-items:flex-start;gap:25px;padding:48px 24px}.closing h2{max-width:330px;font-size:40px}}@media (max-width:380px){.hero{height:680px}.hero-photo{height:440px}.hero-copy{padding:28px 20px 0}.hero h1{font-size:52px}.study-heading h2{font-size:34px}.study-stage{height:365px}}@media (prefers-reduced-motion:reduce){.study-stage>img,.study-options button{transition:none}}@media (max-width:800px){.study-heading{display:block}.study-heading h2{margin-bottom:16px}.study-heading>p:last-child{max-width:none;margin:0}}.header>a,.header nav a,.header button,.mobile-nav a,footer a,.text-link,.info summary,.reading-content summary,.commerce-details summary{transition:color var(--respond),border-color var(--respond),opacity var(--respond)}.arrow{flex-shrink:0}.text-link .arrow,.exhibition-cta .arrow,.button .arrow,.commerce-button .arrow,.commerce-link .arrow,.commerce-back .arrow,.commerce-product-arrow .arrow{transition:transform var(--respond)}@media (hover:hover){.header>a:hover{opacity:.78}.header button:hover,.mobile-nav a:hover,footer a:hover{color:var(--sand)}.text-link:hover,.info summary:hover,.reading-content summary:hover,.commerce-details summary:hover{color:var(--bronze)}.text-link:hover .arrow,.exhibition-cta:hover .arrow,.button:hover .arrow,.commerce-button:hover .arrow,.commerce-link:hover .arrow{transform:translate(4px)}.commerce-back:hover .arrow{transform:translate(-4px)}.commerce-product-image:hover .commerce-product-arrow .arrow,.commerce-add:hover .arrow{transform:translate(3px,-3px)}}.footer-bottom{align-items:center}.footer-bottom a{align-items:center;min-height:44px;display:inline-flex}@media (max-width:899px){.header nav{display:none}.menu-toggle{display:block}}@media (min-width:900px){.mobile-nav{display:none}}.wordmark-logo{object-fit:contain;width:auto;max-width:220px;height:44px;display:block}.footer-top .wordmark-logo{height:60px}
