.graphite-theme{--df-surface:#ECEEF0;--df-field:#E7E9ED;--df-muted:#5D626A;--df-line:#CDD0D5;--df-control:#7B818A;--df-pressed:#F04B29;--df-radius:2px;--radius:2px;--graphite-ease:cubic-bezier(.2,.7,.2,1);font-size:16px}
.graphite-theme ::selection{background:#FFD1C5;color:#191B20}.graphite-theme .df-shell{width:min(88%,1400px)}.graphite-theme .df-section{margin-block:92px}.graphite-theme h1,.graphite-theme h2{font-weight:500;letter-spacing:-.055em}.graphite-theme .df-section-heading h2{font-size:clamp(32px,3.7vw,54px)}.graphite-theme .df-button,.graphite-theme .pdp-atc{border-radius:2px;min-height:52px;font-size:14px;font-weight:500;padding:15px 24px;transition:background .2s,transform .2s}.graphite-theme .df-button .df-icon,.graphite-theme .df-text-link .df-icon{transition:transform .25s var(--graphite-ease)}.graphite-theme .df-button:hover .df-icon,.graphite-theme .df-text-link:hover .df-icon{transform:translateX(4px)}.graphite-theme .df-button--secondary{background:transparent}.graphite-theme .df-text-link{font-size:13px;gap:16px;text-decoration:none}.graphite-theme .df-text-link:focus-visible{outline-offset:3px}.graphite-theme .df-text-link:hover{text-decoration:underline}.graphite-theme details>summary .df-icon{transition:transform .25s}.graphite-theme details[open]>summary .df-icon{transform:rotate(45deg)}.graphite-theme .df-field,.graphite-theme input,.graphite-theme textarea,.graphite-theme select{border-radius:2px}.graphite-theme .df-sr,.graphite-theme .visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.graphite-hero{height:calc(100svh - 76px);min-height:540px;max-height:1000px;position:relative;isolation:isolate;overflow:hidden}.graphite-hero h1{position:absolute;inset:8% 3% auto;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:clamp(85px,min(15.7vw,28svh),250px);line-height:.79;letter-spacing:-.075em;font-weight:900}.graphite-hero h1>span{display:block;white-space:nowrap}.graphite-hero-model{position:absolute;bottom:-42%;height:132%;width:auto;left:50%;transform:translateX(-50%);max-width:none;z-index:1;object-fit:contain}.graphite-hero-intro{position:absolute;bottom:10%;left:6%;width:250px;z-index:2}.graphite-hero-intro>p{font-size:16px;line-height:1.55;margin-bottom:24px}.graphite-action{gap:26px}.graphite-hero-detail{position:absolute;right:6%;bottom:12%;z-index:2;max-width:200px}.graphite-hero-detail p{font-size:13px;line-height:1.7;margin-bottom:12px}.graphite-hero-detail strong{display:block;font-size:22px;font-weight:500;letter-spacing:-.04em}.graphite-hero-detail .df-text-link{border-bottom:1px solid var(--df-line)}
.graphite-selection .df-section-heading{margin-bottom:24px}.graphite-selection--2 .df-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.graphite-selection--3 .df-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.graphite-selection--4 .df-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.graphite-selection--2 .graphite-card-image{aspect-ratio:1/1.05}.graphite-selection--2 .graphite-card-photo img{width:92%;height:92%;margin:4%}.graphite-perspective{display:grid;grid-template-columns:1.2fr .8fr;gap:10%;border-block:1px solid var(--df-line);padding-block:70px}.graphite-perspective h2{font-size:clamp(40px,5vw,76px);max-width:560px}.graphite-perspective>div{max-width:370px;padding-top:6px}.graphite-perspective p{color:var(--df-muted);font-size:15px;line-height:1.85;margin-bottom:18px}.graphite-not-found{padding-block:100px 140px;min-height:70vh}.graphite-not-found h1{max-width:800px;font-size:clamp(48px,8vw,108px);margin:24px 0}.graphite-not-found>p:not(.graphite-eyebrow){max-width:450px;color:var(--df-muted);margin-bottom:28px}.graphite-eyebrow{font-size:12px;letter-spacing:.14em}.graphite-theme .df-help{grid-template-columns:1fr 1fr;gap:10%;padding-top:0}.graphite-theme .df-help h2{font-size:clamp(32px,3.7vw,54px);max-width:430px}.graphite-theme .df-help__list>a{border-radius:0;background:transparent;border-bottom:1px solid var(--df-line);padding-inline:0}.graphite-theme .df-help__list>a:first-child{border-top:1px solid var(--df-line)}.graphite-theme .df-help__list>a:hover{background:transparent}.graphite-theme .df-help__list>a>.df-icon{transition:transform .25s}.graphite-theme .df-help__list>a:hover>.df-icon{transform:translateX(4px)}
@media(prefers-reduced-motion:no-preference){.graphite-hero-model{animation:graphite-model-arrive .9s cubic-bezier(.16,1,.3,1) both}.graphite-hero-intro,.graphite-hero-detail{animation:graphite-content-arrive .7s .1s both}.graphite-reveal-in{animation:graphite-content-arrive .65s var(--graphite-ease) both}.graphite-theme details[open]>div{animation:graphite-details-arrive .25s ease both}}
@keyframes graphite-model-arrive{from{transform:translate(-50%,18px)}to{transform:translate(-50%,0)}}@keyframes graphite-content-arrive{from{opacity:.3;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes graphite-details-arrive{from{opacity:.4;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.graphite-hero-intro{left:5%;width:210px}.graphite-hero-detail{right:5%;max-width:160px}.graphite-hero-intro>p{font-size:14px}.graphite-hero-detail strong{font-size:19px}.graphite-theme .df-shell{width:90%}.graphite-selection--3 .df-product-grid{gap:24px}}
@media(max-width:700px){.graphite-theme{font-size:15px}.graphite-theme .df-shell{width:88%}.graphite-theme .df-section{margin-block:52px}.graphite-theme .df-section-heading{gap:16px}.graphite-theme .df-section-heading h2{font-size:32px}.graphite-theme .df-section-heading>.df-text-link{white-space:nowrap;font-size:12px}.graphite-hero{height:calc(100svh - 65px);min-height:510px;max-height:740px}.graphite-hero h1{inset:7% 4% auto;font-size:18.7vw;line-height:.86;letter-spacing:-.07em}.graphite-hero-model{height:77%;bottom:24%;left:53%}.graphite-hero-intro{left:6%;bottom:5%;width:59%}.graphite-hero-intro>p{font-size:12px;line-height:1.5;margin-bottom:16px}.graphite-hero-intro .df-button{font-size:11px;padding:13px 17px;gap:12px;min-height:48px}.graphite-hero-intro .df-icon{width:18px}.graphite-hero-detail{bottom:6%;right:6%;width:27%}.graphite-hero-detail p{font-size:11px;margin-bottom:6px}.graphite-hero-detail strong{font-size:16px;line-height:1.2;margin-bottom:6px}.graphite-hero-detail .df-text-link{font-size:10px;gap:8px}.graphite-hero-detail .df-icon{width:16px}.graphite-selection--2 .df-product-grid,.graphite-selection--3 .df-product-grid,.graphite-selection--4 .df-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}.graphite-selection--2 .graphite-card-image{aspect-ratio:4/5}.graphite-selection--2 .graphite-card-photo img{width:100%;height:100%;margin:0}.graphite-perspective{grid-template-columns:1fr;gap:24px;padding-block:45px}.graphite-perspective h2{font-size:46px;max-width:400px}.graphite-perspective p{font-size:14px}.graphite-theme .df-help{grid-template-columns:1fr;gap:28px}.graphite-theme .df-help h2{max-width:330px}.graphite-not-found{padding-block:65px 90px}.graphite-not-found h1{font-size:56px}}
@media(max-width:360px){.graphite-hero-detail{display:none}.graphite-hero-intro{width:88%}.graphite-hero-model{height:72%;bottom:28%}.graphite-selection--2 .df-product-grid{gap:22px 14px}}
@media(prefers-reduced-motion:reduce){.graphite-theme *,.graphite-theme *:before,.graphite-theme *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.graphite-theme :focus-visible{outline-color:#191B20}.graphite-theme .df-menu nav a[aria-current=page]{color:var(--color-base-content);text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:1px}
