:root{--gj-ink: #0a0a0a;--gj-paper: #f1eee8;--gj-muted: rgba(241, 238, 232, .66);--gj-hairline: rgba(241, 238, 232, .26)}html:has(body.gj-index-night),body.gj-index-night{background:#050505!important;background-color:#050505!important}.gj-index-night .site-header--overlay.site-header--scrolled{background:transparent;color:#f1eee8;-webkit-backdrop-filter:none;backdrop-filter:none}.gj-hero__inner{position:relative}.gj-index-sky{position:fixed;z-index:2;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;mix-blend-mode:screen}.gj-index-night>#MainContent,.gj-index-night>.shopify-section-group-footer-group{position:relative;z-index:3}.gj-index-star{--gj-star-alpha: .4;--gj-star-alpha-low: .25;position:absolute;top:var(--gj-star-y);left:var(--gj-star-x);width:var(--gj-star-size);height:var(--gj-star-size);opacity:var(--gj-star-alpha);transform:translate(-50%,-50%);animation:gj-index-star-breathe 9s ease-in-out var(--gj-star-delay, 0s) infinite}.gj-index-star:before,.gj-index-star:after{content:"";position:absolute;top:50%;left:50%;background:linear-gradient(90deg,transparent,rgba(241,238,232,.72),transparent);transform:translate(-50%,-50%)}.gj-index-star:before{width:100%;height:1px}.gj-index-star:after{width:1px;height:100%}.gj-index-star--soft{--gj-star-alpha: .32;--gj-star-alpha-low: .18}.gj-index-star--medium{--gj-star-alpha: .62;--gj-star-alpha-low: .36}.gj-index-star--strong{--gj-star-alpha: .92;--gj-star-alpha-low: .58;filter:drop-shadow(0 0 5px rgba(255,255,255,.28))}.gj-index-star--strong:before,.gj-index-star--strong:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.94),transparent)}.gj-index-star--strong:before{height:1.25px}.gj-index-star--strong:after{width:1.25px}.gj-index-star{background:radial-gradient(circle,rgba(255,255,255,.96) 0 1.4px,transparent 1.8px)}@keyframes gj-index-star-breathe{0%,to{opacity:var(--gj-star-alpha-low);transform:translate(-50%,-50%) scale(.94)}48%{opacity:var(--gj-star-alpha);transform:translate(-50%,-50%) scale(1.04)}}.gj-hero__stars{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:.44;transform:scale(1);transition:opacity .9s ease,transform 1.2s cubic-bezier(.16,1,.3,1)}.gj-hero__stars path{stroke:#f1eee838;stroke-width:.75}.gj-hero__stars .gj-hero__star>circle{fill:#fffc;filter:drop-shadow(0 0 4px rgba(255,255,255,.32))}.gj-hero__stardust{fill:#ffffff61}.gj-hero__star{animation:gj-star-breathe 7s ease-in-out var(--gj-star-delay, 0s) infinite;transform-box:fill-box;transform-origin:center}.gj-hero__star:nth-child(1),.gj-hero__star:nth-child(4),.gj-hero__star:nth-child(8){filter:drop-shadow(0 0 5px rgba(255,255,255,.24))}.gj-hero__star:nth-child(1) path,.gj-hero__star:nth-child(4) path,.gj-hero__star:nth-child(8) path{stroke:#ffffff75}.gj-hero__star:nth-child(2),.gj-hero__star:nth-child(7),.gj-hero__star:nth-child(9){opacity:.52}.gj-shape-explorer-shell.is-gallery-mode .gj-hero__stars{opacity:0;transform:scale(1.025)}@keyframes gj-star-breathe{0%,to{opacity:.48}50%{opacity:1}}.gj-hero__claw-signature{position:absolute;z-index:0;top:17%;left:clamp(8px,2.2vw,34px);width:clamp(170px,17vw,285px);color:var(--gj-accent);pointer-events:none;stroke:currentcolor;stroke-linecap:butt;stroke-linejoin:miter;stroke-width:1.7;stroke-miterlimit:12;opacity:.095;transform:rotate(-5deg);transition:top 1.05s cubic-bezier(.16,1,.3,1),left 1.05s cubic-bezier(.16,1,.3,1),right 1.05s cubic-bezier(.16,1,.3,1),width 1.05s cubic-bezier(.16,1,.3,1),opacity .7s ease,transform 1.05s cubic-bezier(.16,1,.3,1);will-change:top,left,width,opacity,transform}.gj-shape-explorer-shell.is-gallery-mode .gj-hero__claw-signature{top:13%;right:auto;left:clamp(4px,2vw,30px);width:clamp(204px,20.4vw,342px);opacity:.2;transform:rotate(-7deg)}.gj-shape-explorer-shell.is-gallery-mode .gj-shape-story{top:65%}@media(max-width:749px){.gj-index-star--mobile-hide{display:none}.gj-index-star{--gj-star-alpha: .34;--gj-star-alpha-low: .2}.gj-index-star--soft{--gj-star-alpha: .18;--gj-star-alpha-low: .1}.gj-index-star--strong{--gj-star-alpha: .62;--gj-star-alpha-low: .38}.gj-hero__stars{opacity:.36}.gj-hero__star--minor{display:none}.gj-hero__claw-signature{top:10.5%;right:-36px;left:auto;width:190px;opacity:.075}.gj-shape-explorer-shell.is-gallery-mode .gj-hero__claw-signature{top:auto;bottom:clamp(205px,27vh,275px);right:auto;left:-40px;width:228px;opacity:.11;transform:rotate(-8deg)}.gj-shape-explorer-shell.is-gallery-mode .gj-shape-story{top:auto}}@media(prefers-reduced-motion:reduce){.gj-index-star,.gj-hero__star{animation:none}.gj-hero__stars,.gj-hero__claw-signature{transition:none}}.gj-index-night .gj-ranges,.gj-index-night .gj-collections{background-color:#050505!important;background-image:url(./griffe-starfield-scroll.svg?v=2)!important;background-repeat:repeat!important;background-size:1400px 1100px!important;background-attachment:scroll!important}.gj-index-night .gj-sizes{background-position:180px 90px!important}.gj-index-night .gj-refills{background-position:-240px 150px!important}.gj-index-night .gj-shop-links,.gj-index-night .newsletter,.gj-index-night .site-footer{background-color:#050505!important;background-image:none!important}.gj-experience,.gj-experience *{box-sizing:border-box}.gj-experience{margin:0;overflow-x:clip;background:#050505;color:var(--gj-paper);font-family:var(--font-body-family, Inter, "Helvetica Neue", Arial, sans-serif);scroll-behavior:smooth}.gj-demo-header{position:absolute;z-index:20;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;min-height:92px;padding:22px clamp(24px,4vw,72px);color:var(--gj-paper)}.gj-brand{display:flex;align-items:center;gap:22px;color:inherit;text-decoration:none}.gj-brand__mark{width:48px;height:48px;border:1px solid rgba(241,238,232,.65);padding:7px}.gj-brand__name{font-size:13px;font-weight:400;letter-spacing:.48em;white-space:nowrap}.gj-demo-nav{display:flex;align-items:center;gap:clamp(24px,3vw,52px)}.gj-demo-nav a{color:inherit;font-size:11px;letter-spacing:.17em;text-decoration:none;text-transform:uppercase}.gj-demo-nav__menu{width:28px;height:28px;border:0;background:linear-gradient(var(--gj-paper),var(--gj-paper)) 50% 50% / 22px 1px no-repeat,linear-gradient(var(--gj-paper),var(--gj-paper)) 50% 50% / 1px 22px no-repeat}.gj-hero{--gj-accent: #f1eee8;--gj-serif: var(--font-heading-family, "Cormorant Garamond", "Bodoni Moda", Didot, "Times New Roman", serif);--gj-pointer-x: 0;--gj-pointer-y: 0;position:relative;isolation:isolate;min-height:min(920px,100svh);overflow:hidden;background:transparent;color:var(--gj-accent)}.gj-hero:before{content:"";display:none;position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;opacity:.24;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.gj-hero__inner{width:min(1480px,100%);min-height:inherit;margin:0 auto;padding:clamp(118px,14vh,170px) clamp(24px,6vw,92px) clamp(54px,8vh,88px);display:grid;grid-template-columns:minmax(300px,.82fr) minmax(540px,1.35fr);align-items:center;gap:clamp(30px,4vw,74px)}.gj-hero__copy{position:relative;z-index:4;max-width:540px;opacity:var(--gj-copy-opacity, 1);filter:blur(var(--gj-copy-blur, 0));transform:translate3d(var(--gj-copy-x, 0),0,0);will-change:opacity,filter,transform}.gj-hero__eyebrow{margin:0 0 clamp(34px,5vh,64px);font-size:clamp(10px,.78vw,13px);line-height:1.8;letter-spacing:.39em;text-transform:uppercase}.gj-hero__eyebrow:after{content:"";display:block;width:34px;height:1px;margin-top:21px;background:currentColor}.gj-hero__title{margin:0;font-family:var(--gj-serif);font-size:clamp(74px,7.2vw,132px);font-weight:300;line-height:.78;letter-spacing:-.055em;text-transform:uppercase}.gj-hero__title span{display:block}.gj-hero__rule{position:relative;width:min(100%,478px);height:1px;margin:clamp(42px,6vh,66px) 0 34px;background:linear-gradient(90deg,currentColor 0 89%,transparent 89%)}.gj-hero__rule:after{content:"";position:absolute;top:50%;right:7%;width:17px;height:17px;background:linear-gradient(currentColor,currentColor) 50% 50% / 1px 17px no-repeat,linear-gradient(currentColor,currentColor) 50% 50% / 17px 1px no-repeat;transform:translate(50%,-50%) rotate(45deg)}.gj-hero__description{max-width:420px;margin:0;color:var(--gj-muted);font-size:clamp(14px,1.1vw,18px);font-weight:300;line-height:1.8}.gj-hero__cta{position:relative;display:inline-flex;align-items:center;justify-content:space-between;width:min(100%,338px);min-height:56px;margin-top:43px;padding:0 22px 0 25px;border:1px solid rgba(241,238,232,.55);color:inherit;font-size:11px;letter-spacing:.17em;text-decoration:none;text-transform:uppercase;transition:color .38s ease,background-color .38s ease,border-color .38s ease}.gj-hero__cta:after{content:"\2197";font-size:18px;font-weight:200;transition:transform .38s cubic-bezier(.2,.8,.2,1)}.gj-hero__cta:hover,.gj-hero__cta:focus-visible{border-color:var(--gj-accent);background:var(--gj-accent);color:#0a0a0a}.gj-hero__cta:hover:after,.gj-hero__cta:focus-visible:after{transform:translate(3px,-3px)}.gj-hero__cta:focus-visible{outline:1px solid var(--gj-accent);outline-offset:4px}.gj-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.gj-shape-explorer-shell{--gj-intro-travel: 46svh;--gj-copy-opacity: 1;--gj-copy-blur: 0px;--gj-copy-x: 0px;--gj-art-x: 0px;--gj-art-y: 0px;--gj-art-scale: 1;--gj-gallery-opacity: 0;--gj-gallery-y: 22px;--gj-scroll-cue-opacity: 1;position:relative;min-height:calc(100svh + var(--gj-intro-travel));overflow:clip;background:transparent}.gj-gallery-anchor,#MainContent .gj-gallery-anchor{scroll-margin-top:0;position:absolute;top:var(--gj-intro-travel);left:0;width:1px;height:1px;pointer-events:none}.gj-shape-explorer,.gj-shape-overlay{width:100%}.gj-shape-explorer{z-index:1;position:sticky;top:0;height:100svh}.gj-shape-overlay{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:transparent;pointer-events:none}.gj-shape-overlay:before{display:none}.gj-shape-overlay .gj-hero__copy{visibility:hidden}.gj-shape-explorer .gj-art,.gj-shape-overlay .gj-art{--gj-menu-space: clamp(105px, 8vw, 132px);width:min(calc(100% - var(--gj-menu-space)),730px);margin-right:var(--gj-menu-space)}.gj-shape-explorer .gj-art{transform:translate3d(var(--gj-art-x),var(--gj-art-y),0) scale(var(--gj-art-scale));transform-origin:center;will-change:transform}.gj-gallery-heading{position:absolute;z-index:7;top:clamp(104px,13vh,136px);left:50%;width:min(720px,calc(100vw - 48px));opacity:0;pointer-events:none;text-align:center;transform:translate3d(-50%,var(--gj-gallery-y),0);will-change:opacity,transform}.gj-gallery-heading span{display:block;margin-bottom:8px;color:#f1eee86b;font-size:8px;letter-spacing:.34em;text-transform:uppercase}.gj-gallery-heading h2{margin:0;font-family:var(--gj-serif);font-size:clamp(58px,5.4vw,82px);font-weight:300;line-height:.9;letter-spacing:-.045em;white-space:nowrap;text-transform:uppercase}.gj-shape-story{position:absolute;z-index:9;top:50%;bottom:auto;left:clamp(28px,5.5vw,88px);display:grid;grid-template-columns:1px minmax(0,245px);gap:24px;align-items:stretch;width:min(288px,23vw);opacity:var(--gj-gallery-opacity);pointer-events:none;transform:translate3d(0,calc(-50% + var(--gj-gallery-y)),0);will-change:opacity,transform}.gj-shape-explorer-shell.is-gallery-mode .gj-shape-story{pointer-events:auto}.gj-shape-story__bar{width:1px;min-height:100%;background:linear-gradient(180deg,#f1eee82e,#f1eee8cc,#f1eee82e);transform:scaleY(.72);transform-origin:center}.gj-shape-story__content{transition:opacity .72s ease,transform .9s cubic-bezier(.16,1,.3,1)}.gj-shape-story.is-changing .gj-shape-story__content{opacity:0;transform:translateY(1px)}.gj-shape-story__index{margin:1px 0 12px;color:#f1eee87a;font-size:8px;letter-spacing:.25em;text-transform:uppercase}.gj-shape-story__copy{margin:0;font-family:var(--gj-serif);font-size:clamp(18px,1.45vw,23px);font-weight:300;line-height:1.25}.gj-gallery-direction{position:absolute;z-index:11;left:50%;display:grid;justify-items:center;gap:7px;padding:0;border:0;background:transparent;color:#f1eee880;font:inherit;opacity:0;pointer-events:none;text-decoration:none;transform:translate(-50%);transition:color .28s ease,opacity .38s ease}.gj-shape-explorer-shell.is-section-active.is-gallery-mode .gj-gallery-direction--up{opacity:var(--gj-gallery-opacity);pointer-events:auto}.gj-gallery-direction--up{top:22px}.gj-gallery-direction--down{bottom:48px;opacity:0;transition:color .28s ease,opacity .52s ease,transform .62s cubic-bezier(.16,1,.3,1);transform:translate3d(-50%,10px,0)}.gj-shape-explorer-shell.is-section-active.is-gallery-mode .gj-gallery-direction--down{opacity:var(--gj-gallery-opacity);pointer-events:auto;transform:translate3d(-50%,0,0)}.gj-gallery-direction span{font-size:7px;letter-spacing:.3em;text-transform:uppercase}.gj-gallery-direction svg{width:15px;height:22px;overflow:visible;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:.8}.gj-gallery-direction--up svg{order:-1}.gj-gallery-direction--up:hover,.gj-gallery-direction--up:focus-visible{color:var(--gj-paper)}.gj-gallery-direction--up:focus-visible{outline:1px solid var(--gj-paper);outline-offset:6px}.gj-gallery-direction--down:disabled{color:#f1eee83d}.gj-scroll-cue{position:absolute;z-index:10;bottom:clamp(150px,16vh,178px);left:50%;display:grid;justify-items:center;gap:9px;color:#f1eee8ad;opacity:var(--gj-scroll-cue-opacity);text-decoration:none;transform:translate(-50%);transition:color .28s ease;will-change:opacity}.gj-scroll-cue span{font-size:7px;letter-spacing:.3em;text-transform:uppercase}.gj-scroll-cue svg{width:18px;height:28px;overflow:visible;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:.8;animation:gj-scroll-cue 2.4s cubic-bezier(.16,1,.3,1) infinite}.gj-scroll-cue:hover,.gj-scroll-cue:focus-visible{color:var(--gj-paper)}.gj-scroll-cue:focus-visible{outline:1px solid var(--gj-paper);outline-offset:7px}.gj-shape-menu{position:absolute;z-index:8;top:50%;right:clamp(18px,2.6vw,42px);width:clamp(112px,10vw,146px);opacity:0;pointer-events:none;visibility:hidden;transform:translate3d(10px,-50%,0);font-family:var(--font-body-family);transition:width .72s cubic-bezier(.16,1,.3,1),right .72s cubic-bezier(.16,1,.3,1),opacity .42s ease,transform .62s cubic-bezier(.16,1,.3,1)}.gj-shape-explorer-shell.is-gallery-mode .gj-shape-menu{right:clamp(34px,5vw,78px);width:clamp(160px,14vw,216px);opacity:var(--gj-gallery-opacity);pointer-events:auto;visibility:visible;transform:translate3d(0,-50%,0)}.gj-shape-menu__title{margin:0 0 17px;color:#f1eee861;font-size:8px;letter-spacing:.24em;text-transform:uppercase;transition:opacity .28s ease,transform .42s cubic-bezier(.16,1,.3,1)}.gj-shape-explorer-shell.is-gallery-mode .gj-shape-menu__title{opacity:0;transform:translateY(-8px)}.gj-shape-menu__list{display:grid;gap:2px}.gj-shape-menu__item{position:relative;display:grid;grid-template-columns:29px 1fr;align-items:baseline;width:100%;padding:12px 0 11px;border:0;border-bottom:1px solid rgba(241,238,232,.12);background:transparent;color:#f1eee86b;font:inherit;text-align:left;cursor:pointer;transition:color .32s ease,border-color .32s ease,transform .42s cubic-bezier(.16,1,.3,1)}.gj-shape-menu__item span{font-size:8px;letter-spacing:.08em;transition:font-size .62s cubic-bezier(.16,1,.3,1)}.gj-shape-menu__item strong{font-size:9px;font-weight:400;letter-spacing:.13em;text-transform:uppercase;transition:font-size .62s cubic-bezier(.16,1,.3,1),letter-spacing .62s cubic-bezier(.16,1,.3,1)}.gj-shape-explorer-shell.is-gallery-mode .gj-shape-menu__item{grid-template-columns:38px 1fr;padding-block:16px}.gj-shape-explorer-shell.is-gallery-mode .gj-shape-menu__item span{font-size:10px}.gj-shape-explorer-shell.is-gallery-mode .gj-shape-menu__item strong{font-size:12px;letter-spacing:.16em}.gj-shape-explorer-shell.is-gallery-mode .gj-shape-menu__item:after{left:38px}.gj-shape-menu__item:after{content:"";position:absolute;right:0;bottom:-1px;left:29px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .52s cubic-bezier(.16,1,.3,1)}.gj-shape-menu__item:hover:not(:disabled),.gj-shape-menu__item:focus-visible,.gj-shape-menu__item.is-active{color:#f1eee8f5}.gj-shape-menu__item.is-active{transform:translate(-7px)}.gj-shape-menu__item.is-active:after{transform:scaleX(1)}.gj-shape-menu__item:focus-visible{outline:1px solid rgba(241,238,232,.75);outline-offset:4px}.gj-shape-menu__item:disabled{color:#f1eee833;cursor:default}.gj-art{position:relative;width:min(100%,830px);justify-self:end;aspect-ratio:1.08;color:var(--gj-accent);contain:layout paint style}.gj-art:after{content:"";position:absolute;top:10%;right:8%;bottom:7%;left:15%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.055),transparent 65%);filter:blur(18px)}.gj-art__svg{display:block;width:100%;height:100%;overflow:visible;opacity:0;transform:translateY(12px) scale(.994);transform-origin:50% 50%}.gj-art text{fill:#f1eee8d6;font-family:var(--font-body-family);font-size:10px;font-weight:400;letter-spacing:.2em}.gj-art .gj-text--micro{fill:#f1eee88c;font-size:8px;letter-spacing:.16em}.gj-draw{fill:none;stroke:currentColor;stroke-dasharray:1;stroke-dashoffset:1;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.gj-draw--faint{color:#f1eee838;stroke-width:.7}.gj-draw--ghost{color:#f1eee861;stroke-width:.8}.gj-draw--bright{color:#f1eee8e0;stroke-width:1.05}.gj-grid-dot{fill:var(--gj-accent);opacity:0}.gj-art__annotation,.gj-art__profile,.gj-art__index,.gj-art__measurement{opacity:0}.gj-art__mobile-only,.gj-mobile-infography{display:none}.gj-layer{transform-box:fill-box;transform-origin:center;will-change:transform}.gj-layer--back{transform:translate(calc(var(--gj-pointer-x) * -2px),calc(var(--gj-pointer-y) * -2px))}.gj-layer--wire{transform:translate(calc(var(--gj-pointer-x) * 4px),calc(var(--gj-pointer-y) * 4px)) rotate(calc(var(--gj-pointer-x) * -.12deg))}.gj-layer--matter{transform:translate(calc(var(--gj-pointer-x) * 7px),calc(var(--gj-pointer-y) * 7px)) rotate(calc(var(--gj-pointer-x) * .16deg))}.gj-nail-volume{opacity:0;filter:drop-shadow(0 26px 34px rgba(0,0,0,.4))}.gj-nail-edge{fill:none;stroke:#ffffff8c;stroke-width:1.1;vector-effect:non-scaling-stroke}.gj-nail-glint{opacity:0;filter:blur(.25px)}.gj-nail-body,.gj-wire-primary{transform-box:fill-box;transform-origin:center;will-change:transform}.gj-shine{opacity:0;transform:translate(-330px) rotate(-10deg);transform-box:fill-box;transform-origin:center}.gj-art__pulse{opacity:0;transform-box:fill-box;transform-origin:center}.gj-hero.is-ready .gj-art__svg{animation:gj-art-in 1.15s cubic-bezier(.16,1,.3,1) forwards}.gj-hero.is-ready .gj-draw{animation:gj-trace 1.8s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(.15s + var(--gj-order, 0) * 76ms)}.gj-hero.is-ready .gj-grid-dot{animation:gj-dot-in .78s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(.44s + var(--gj-order, 0) * 88ms)}.gj-hero.is-ready .gj-nail-volume{animation:gj-volume-in 1.75s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.82s}.gj-hero.is-ready .gj-nail-glint{animation:gj-glint-in 1.5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:1.15s}.gj-hero.is-ready .gj-art__annotation,.gj-hero.is-ready .gj-art__profile,.gj-hero.is-ready .gj-art__index,.gj-hero.is-ready .gj-art__measurement{animation:gj-label-in .9s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(1.32s + var(--gj-order, 0) * 125ms)}.gj-hero.is-ready .gj-shine{animation:gj-shine-pass 12s cubic-bezier(.33,1,.68,1) 3.8s infinite}.gj-hero.is-ready .gj-art__pulse{animation:gj-pulse 8s ease-in-out calc(2.6s + var(--gj-order, 0) * 1.8s) infinite}.gj-hero.is-ready .gj-nail-body{animation:gj-nail-breathe 9s ease-in-out 3.2s infinite}.gj-hero.is-ready .gj-wire-primary{animation:gj-wire-drift 10s ease-in-out 3.4s infinite}.gj-art.has-morphed .gj-art__svg,.gj-art.has-morphed .gj-draw,.gj-art.has-morphed .gj-grid-dot,.gj-art.has-morphed .gj-nail-volume,.gj-art.has-morphed .gj-nail-glint,.gj-art.has-morphed .gj-art__annotation,.gj-art.has-morphed .gj-art__profile,.gj-art.has-morphed .gj-art__index{animation:none}.gj-art.has-morphed .gj-art__svg{opacity:1;transform:none}.gj-art.has-morphed .gj-draw{stroke-dashoffset:0}.gj-art.has-morphed .gj-grid-dot{opacity:.8}.gj-art.has-morphed .gj-nail-volume{opacity:.94;filter:drop-shadow(0 26px 34px rgba(0,0,0,.4))}.gj-art.has-morphed .gj-nail-glint{opacity:.76}.gj-art.has-morphed .gj-art__annotation,.gj-art.has-morphed .gj-art__profile,.gj-art.has-morphed .gj-art__index{opacity:1;transform:translateY(0);transition:opacity .24s ease,transform .32s cubic-bezier(.16,1,.3,1)}.gj-art.is-morphing .gj-nail-body,.gj-art.is-morphing .gj-wire-primary{animation:none;transform:scaleX(calc(1 - var(--gj-morph-pulse, 0) * .012)) scaleY(calc(1 + var(--gj-morph-pulse, 0) * .006))}.gj-art.is-label-swapping .gj-art__annotation,.gj-art.is-label-swapping .gj-art__profile,.gj-art.is-label-swapping .gj-art__index{opacity:0;transform:translateY(4px)}.gj-art.has-morphed.is-infography-exiting .gj-art__annotation,.gj-art.has-morphed.is-infography-exiting .gj-art__profile,.gj-art.has-morphed.is-infography-exiting .gj-art__index{animation:gj-infography-out .19s cubic-bezier(.4,0,1,1) both;animation-delay:calc(var(--gj-order, 0) * 32ms);transition:none}.gj-art.has-morphed.is-infography-entering .gj-art__annotation,.gj-art.has-morphed.is-infography-entering .gj-art__profile,.gj-art.has-morphed.is-infography-entering .gj-art__index{animation:gj-label-in .48s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(20ms + var(--gj-order, 0) * 60ms);transition:none}.gj-art.has-morphed.is-infography-entering .gj-art__annotation>path,.gj-art.has-morphed.is-infography-entering .gj-art__profile .gj-draw{stroke-dasharray:1;stroke-dashoffset:1;animation:gj-trace .52s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(20ms + var(--gj-order, 0) * 20ms)}@keyframes gj-art-in{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gj-trace{to{stroke-dashoffset:0}}@keyframes gj-dot-in{0%{opacity:0;transform:scale(.35)}65%{opacity:1;transform:scale(1.25)}to{opacity:.8;transform:scale(1)}}@keyframes gj-volume-in{0%{opacity:0;filter:blur(7px) drop-shadow(0 12px 20px rgba(0,0,0,.18));transform:translate(8px,18px) scale(.982)}55%{opacity:.72}to{opacity:.94;filter:blur(0) drop-shadow(0 26px 34px rgba(0,0,0,.4));transform:translate(0) scale(1)}}@keyframes gj-glint-in{to{opacity:.76}}@keyframes gj-label-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes gj-infography-out{0%{opacity:1;filter:blur(0);transform:translateY(0)}to{opacity:0;filter:blur(1.5px);transform:translateY(-5px)}}@keyframes gj-scroll-cue{0%,to{transform:translateY(0);opacity:.54}45%{transform:translateY(7px);opacity:1}}@keyframes gj-shine-pass{0%,70%{opacity:0;transform:translate(-330px) rotate(-8deg)}73%{opacity:.02}80%{opacity:.42}88%{opacity:0;transform:translate(390px) rotate(-8deg)}to{opacity:0;transform:translate(390px) rotate(-8deg)}}@keyframes gj-pulse{0%,82%,to{opacity:0;transform:scale(.45)}87%{opacity:.85;transform:scale(1.1)}93%{opacity:.12;transform:scale(1.7)}}@keyframes gj-nail-breathe{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-1.6px,0)}}@keyframes gj-wire-drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-1.8px,1px,0) scale(1.002)}}.gj-ranges{--gj-range-pointer-x: 0;--gj-range-pointer-y: 0;position:relative;isolation:isolate;min-height:100svh;overflow:hidden;padding:clamp(88px,10vh,118px) clamp(28px,5vw,82px) clamp(42px,6vh,68px);background:radial-gradient(circle at 62% 48%,rgba(255,255,255,.055),transparent 31%),radial-gradient(circle at 22% 70%,rgba(255,255,255,.025),transparent 24%),#0000009e;color:var(--gj-paper)}.gj-ranges:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;opacity:.22;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.gj-ranges__back{position:absolute;z-index:8;top:22px;left:50%;display:grid;justify-items:center;gap:7px;color:#f1eee880;opacity:0;pointer-events:none;text-decoration:none;transform:translate3d(-50%,-8px,0);transition:color .28s ease,opacity .38s ease,transform .48s cubic-bezier(.16,1,.3,1)}.gj-ranges.is-section-active .gj-ranges__back{opacity:1;pointer-events:auto;transform:translate3d(-50%,0,0)}.gj-ranges__back:hover,.gj-ranges__back:focus-visible{color:var(--gj-paper)}.gj-ranges__back:focus-visible{outline:1px solid var(--gj-paper);outline-offset:6px}.gj-ranges__back svg{width:15px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:.8}.gj-ranges__back span{font-size:7px;letter-spacing:.3em;text-transform:uppercase}.gj-ranges__heading{position:relative;z-index:5;width:min(1360px,100%);margin:0 auto;opacity:0;transform:translateY(18px)}.gj-ranges.is-visible .gj-ranges__heading{animation:gj-range-rise .9s cubic-bezier(.16,1,.3,1) 60ms forwards}.gj-ranges__heading>p{margin:0 0 10px 101px;color:#f1eee86b;font-size:8px;letter-spacing:.34em;text-transform:uppercase}.gj-ranges__title-line{display:flex;align-items:baseline;gap:clamp(26px,3vw,48px)}.gj-ranges__title-line>span{font-family:var(--font-heading-family, "Cormorant Garamond", Didot, serif);font-size:clamp(48px,5vw,76px);font-weight:300;line-height:.8}.gj-ranges__title-line h2{margin:0;font-family:var(--font-heading-family, "Cormorant Garamond", Didot, serif);font-size:clamp(64px,6.5vw,102px);font-weight:300;line-height:.78;letter-spacing:-.045em;text-transform:uppercase}.gj-ranges__stage{position:relative;display:grid;align-items:center;width:min(1460px,100%);min-height:calc(100svh - clamp(190px,24vh,250px));margin:0 auto;padding:8px clamp(154px,14vw,230px) 0 clamp(170px,16vw,258px)}.gj-range-art{position:relative;width:min(100%,1050px);margin:0 auto;color:var(--gj-paper);transform:translate(calc(var(--gj-range-pointer-x) * 3px),calc(var(--gj-range-pointer-y) * 3px));transform-origin:center}.gj-range-art:after{content:"";position:absolute;z-index:-1;top:16%;right:3%;bottom:10%;left:3%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.055),transparent 68%);filter:blur(22px)}.gj-range-art__svg{display:block;width:100%;height:auto;overflow:visible;opacity:0;transform:translateY(16px) scale(.992)}.gj-ranges.is-visible .gj-range-art__svg{animation:gj-range-rise 1.1s cubic-bezier(.16,1,.3,1) .16s forwards}.gj-range-grid{color:#f1eee838}.gj-range-grid circle{fill:currentColor;opacity:0}.gj-range-caliper{fill:none;stroke:currentColor;stroke-width:.7;opacity:.52;vector-effect:non-scaling-stroke}.gj-range-caliper circle{fill:none;opacity:1}.gj-ranges.is-visible .gj-range-grid circle{animation:gj-dot-in .72s cubic-bezier(.16,1,.3,1) .62s forwards}.gj-range-draw{fill:none;stroke:currentColor;stroke-dasharray:1;stroke-dashoffset:1;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.gj-range-draw--faint{color:#f1eee833;stroke-width:.7}.gj-range-draw--ghost{color:#f1eee866;stroke-width:.85}.gj-range-draw--bright{color:#f1eee8e6;stroke-width:1.1}.gj-ranges.is-visible .gj-range-draw{animation:gj-trace 1.6s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(.22s + var(--gj-order, 0) * 90ms)}.gj-range-view__label,.gj-range-annotation,.gj-range-annotation text{font-family:var(--font-body-family)}.gj-range-view__label{fill:#f1eee86b;font-size:9px;letter-spacing:.3em;opacity:0}.gj-range-volume{opacity:0;filter:drop-shadow(0 24px 34px rgba(0,0,0,.44))}.gj-range-glint{fill:none;stroke:#ffffff85;stroke-width:4.5;stroke-linecap:round;opacity:0;filter:blur(.2px);vector-effect:non-scaling-stroke}.gj-range-side-matter .gj-range-glint{stroke-width:3.4}.gj-range-shine{opacity:0;transform:translate(-260px) skew(-10deg);transform-box:fill-box;transform-origin:center}.gj-ranges.is-visible .gj-range-volume{animation:gj-volume-in 1.6s cubic-bezier(.16,1,.3,1) .62s forwards}.gj-ranges.is-visible .gj-range-glint{animation:gj-glint-in 1.35s cubic-bezier(.16,1,.3,1) .9s forwards}.gj-ranges.is-visible .gj-range-view__label{animation:gj-label-in .76s cubic-bezier(.16,1,.3,1) 1s forwards}.gj-range-annotation{opacity:0}.gj-range-annotation path{fill:none;stroke:#f1eee87a;stroke-width:.7;vector-effect:non-scaling-stroke}.gj-range-annotation circle:not(.gj-range-pulse){fill:var(--gj-paper)}.gj-range-annotation text{fill:#f1eee8d6;font-size:9px;letter-spacing:.19em}.gj-range-annotation .gj-range-text--micro{fill:#f1eee880;font-size:7px;letter-spacing:.15em}.gj-ranges.is-visible .gj-range-annotation{animation:gj-label-in .85s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(1.04s + var(--gj-order, 0) * .12s)}.gj-range-pulse{opacity:0;transform-box:fill-box;transform-origin:center}.gj-ranges.is-visible .gj-range-pulse{animation:gj-pulse 8s ease-in-out calc(2.8s + var(--gj-order, 0) * 1.8s) infinite}.gj-range-art.is-settled .gj-range-art__svg,.gj-range-art.is-settled .gj-range-volume,.gj-range-art.is-settled .gj-range-glint,.gj-range-art.is-settled .gj-range-view__label,.gj-range-art.is-settled .gj-range-annotation,.gj-range-art.is-settled .gj-range-grid circle{opacity:1;animation:none}.gj-range-art.is-settled .gj-range-draw{stroke-dashoffset:0;animation:none}.gj-range-art.is-switching .gj-range-annotation,.gj-range-art.is-switching .gj-range-view__label{opacity:.32;transform:translateY(-2px);transition:opacity .18s ease,transform .26s ease}.gj-range-art.is-switching .gj-range-front-matter,.gj-range-art.is-switching .gj-range-front-wire,.gj-range-art.is-switching .gj-range-side-matter,.gj-range-art.is-switching .gj-range-side-wire{transform:scaleY(calc(1 + var(--gj-range-morph-pulse, 0) * .012)) scaleX(calc(1 - var(--gj-range-morph-pulse, 0) * .008));transform-box:fill-box;transform-origin:center}.gj-range-art.is-copy-entering .gj-range-annotation,.gj-range-art.is-copy-entering .gj-range-view__label{animation:gj-label-in .52s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(20ms + var(--gj-order, 0) * 55ms)}.gj-range-art.is-copy-entering .gj-range-annotation>path{stroke-dasharray:1;stroke-dashoffset:1;animation:gj-trace .54s cubic-bezier(.16,1,.3,1) both}.gj-range-art.is-shining .gj-range-shine--front{animation:gj-range-shine-front .72s cubic-bezier(.33,1,.68,1) both}.gj-range-art.is-shining .gj-range-shine--side{animation:gj-range-shine-side .72s cubic-bezier(.33,1,.68,1) 70ms both}.gj-ranges__story{position:absolute;z-index:5;top:50%;left:0;display:grid;grid-template-columns:1px minmax(0,210px);gap:22px;width:235px;opacity:0;transform:translateY(calc(-50% + 14px))}.gj-ranges.is-visible .gj-ranges__story{animation:gj-range-story-in .8s cubic-bezier(.16,1,.3,1) .82s forwards}.gj-ranges__story>i{display:block;width:1px;min-height:100%;background:linear-gradient(180deg,#f1eee82e,#f1eee8cc,#f1eee82e)}.gj-ranges__story>div{transition:opacity .52s ease,transform .7s cubic-bezier(.16,1,.3,1)}.gj-ranges__story.is-changing>div{opacity:0;transform:translateY(-3px)}.gj-ranges__story p{margin:1px 0 12px;color:#f1eee87a;font-size:8px;letter-spacing:.25em;text-transform:uppercase}.gj-ranges__story blockquote{margin:0;font-family:var(--font-heading-family, "Cormorant Garamond", Didot, serif);font-size:clamp(17px,1.35vw,21px);font-weight:300;line-height:1.3}.gj-range-menu{position:absolute;z-index:6;top:50%;right:0;width:clamp(168px,14vw,216px);opacity:0;transform:translateY(calc(-50% + 14px))}.gj-ranges.is-visible .gj-range-menu{animation:gj-range-story-in .8s cubic-bezier(.16,1,.3,1) .92s forwards}.gj-range-menu__item{position:relative;display:grid;grid-template-columns:38px 1fr;width:100%;padding:16px 0;border:0;border-bottom:1px solid rgba(241,238,232,.12);background:transparent;color:#f1eee86b;font:inherit;text-align:left;cursor:pointer;transition:color .32s ease,transform .42s cubic-bezier(.16,1,.3,1)}.gj-range-menu__item:after{content:"";position:absolute;right:0;bottom:-1px;left:38px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .52s cubic-bezier(.16,1,.3,1)}.gj-range-menu__item span{grid-row:1 / span 2;font-size:9px;letter-spacing:.08em}.gj-range-menu__item strong{font-size:11px;font-weight:400;letter-spacing:.16em;text-transform:uppercase}.gj-range-menu__item small{margin-top:6px;font-size:7px;letter-spacing:.1em;opacity:.58;text-transform:uppercase}.gj-range-menu__item:hover,.gj-range-menu__item:focus-visible,.gj-range-menu__item.is-active{color:#f1eee8f5}.gj-range-menu__item.is-active{transform:translate(-7px)}.gj-range-menu__item.is-active:after{transform:scaleX(1)}.gj-range-menu__item:focus-visible{outline:1px solid rgba(241,238,232,.75);outline-offset:4px}.gj-ranges__stage--comparison{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:calc(100svh - clamp(185px,23vh,238px));padding:0}.gj-range-art--comparison{width:min(100%,1160px);align-self:center}.gj-ranges__story--comparison{display:grid}.gj-range-profile-guide{fill:none;stroke:#f1eee87a;stroke-width:.9;stroke-dasharray:1 8;stroke-linecap:round;opacity:0;vector-effect:non-scaling-stroke}.gj-range-specimen__rule{fill:none;stroke:#f1eee89e;stroke-width:.9;opacity:0;vector-effect:non-scaling-stroke}.gj-ranges.is-visible .gj-range-profile-guide,.gj-ranges.is-visible .gj-range-specimen__rule{animation:gj-label-in .76s cubic-bezier(.16,1,.3,1) .98s forwards}.gj-range-specimen__name{fill:#f1eee8ad;font-family:var(--font-body-family);font-size:8px;letter-spacing:.23em;opacity:0}.gj-ranges.is-visible .gj-range-specimen__name{animation:gj-label-in .76s cubic-bezier(.16,1,.3,1) .98s forwards}.gj-ranges.is-visible .gj-range-shine--front-natural,.gj-ranges.is-visible .gj-range-shine--front-sculpted,.gj-ranges.is-visible .gj-range-shine--profile-natural,.gj-ranges.is-visible .gj-range-shine--profile-sculpted{animation:gj-range-static-shine .92s cubic-bezier(.33,1,.68,1) both}.gj-ranges.is-visible .gj-range-shine--front-natural{animation-delay:1.1s}.gj-ranges.is-visible .gj-range-shine--front-sculpted{animation-delay:1.18s}.gj-ranges.is-visible .gj-range-shine--profile-natural{animation-delay:1.26s}.gj-ranges.is-visible .gj-range-shine--profile-sculpted{animation-delay:1.34s}.gj-ranges__story--comparison{position:relative;top:auto;right:auto;bottom:auto;left:auto;justify-self:center;grid-template-columns:1px minmax(0,660px);width:min(710px,70vw);margin:-26px auto 6px;opacity:0;transform:translateY(12px)}.gj-ranges.is-visible .gj-ranges__story--comparison{animation:gj-range-story-comparison-in .8s cubic-bezier(.16,1,.3,1) .78s forwards}.gj-ranges__story--comparison blockquote{max-width:660px;font-size:clamp(17px,1.25vw,20px)}@keyframes gj-range-rise{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gj-range-story-in{to{opacity:1;transform:translateY(-50%)}}@keyframes gj-range-story-comparison-in{to{opacity:1;transform:translateY(0)}}@keyframes gj-range-static-shine{0%{opacity:0;transform:translate(-190px) skew(-10deg)}38%{opacity:.58}to{opacity:0;transform:translate(240px) skew(-10deg)}}@keyframes gj-range-shine-front{0%{opacity:0;transform:translate(-250px) skew(-10deg)}36%{opacity:.62}to{opacity:0;transform:translate(280px) skew(-10deg)}}@keyframes gj-range-shine-side{0%{opacity:0;transform:translate(-410px) skew(-10deg)}38%{opacity:.56}to{opacity:0;transform:translate(520px) skew(-10deg)}}.gj-study__next{position:absolute;z-index:8;bottom:46px;left:50%;display:grid;justify-items:center;gap:7px;color:#f1eee880;text-decoration:none;opacity:0;pointer-events:none;transform:translate3d(-50%,8px,0);transition:color .28s ease}.gj-ranges.is-section-active .gj-study__next{opacity:1;pointer-events:auto;transform:translate3d(-50%,0,0)}.gj-study__next:hover,.gj-study__next:focus-visible{color:var(--gj-paper)}.gj-study__next:focus-visible{outline:1px solid var(--gj-paper);outline-offset:6px}.gj-study__next span{font-size:7px;letter-spacing:.3em;text-transform:uppercase}.gj-study__next svg{width:15px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:.8}.gj-study__stage{min-height:calc(100svh - clamp(190px,24vh,250px));padding:0}.gj-study-art{width:min(100%,1120px)}.gj-size-glint{fill:none;stroke:#ffffff8f;stroke-width:2.2;stroke-linecap:round;opacity:0;vector-effect:non-scaling-stroke}.gj-size-guide{fill:none;stroke:#f1eee86b;stroke-width:.9;stroke-dasharray:1 7;stroke-linecap:round;opacity:0;vector-effect:non-scaling-stroke}.gj-size-inner{fill:none;stroke:#f1eee84d;stroke-width:.85;vector-effect:non-scaling-stroke}.gj-sizes .gj-range-specimen__name{font-size:10px}.gj-size-item{filter:drop-shadow(0 16px 24px rgba(0,0,0,.32))}.gj-sizes.is-visible .gj-size-item .gj-range-volume{animation-delay:calc(.36s + var(--gj-size-order) * 70ms)}.gj-sizes.is-visible .gj-size-glint{animation:gj-glint-in 1s cubic-bezier(.16,1,.3,1) calc(.68s + var(--gj-size-order) * 70ms) forwards}.gj-sizes.is-visible .gj-size-guide{animation:gj-label-in .65s cubic-bezier(.16,1,.3,1) calc(.72s + var(--gj-size-order) * 65ms) forwards}.gj-sizes.is-visible .gj-size-item .gj-range-specimen__name{animation-delay:calc(.76s + var(--gj-size-order) * 60ms)}.gj-refill-art{width:min(100%,1060px)}.gj-refill-bag{filter:drop-shadow(0 34px 54px rgba(0,0,0,.38))}.gj-refill-depth{opacity:.74}.gj-refill-fold{opacity:.72}.gj-refill-tip{opacity:0}.gj-refill-tip use{fill:#dadbda1c;stroke:#f1eee8c7;stroke-width:1;vector-effect:non-scaling-stroke}.gj-refill-tip-glint{fill:none;stroke:#ffffff6b;stroke-width:2.4;stroke-linecap:round;vector-effect:non-scaling-stroke}.gj-refills.is-visible .gj-refill-tip{animation:gj-refill-tip-in .75s cubic-bezier(.16,1,.3,1) forwards}.gj-refills.is-visible .gj-refill-tip:nth-child(1){animation-delay:.7s}.gj-refills.is-visible .gj-refill-tip:nth-child(2){animation-delay:.75s}.gj-refills.is-visible .gj-refill-tip:nth-child(3){animation-delay:.8s}.gj-refills.is-visible .gj-refill-tip:nth-child(4){animation-delay:.85s}.gj-refills.is-visible .gj-refill-tip:nth-child(5){animation-delay:.9s}.gj-refills.is-visible .gj-refill-tip:nth-child(6){animation-delay:.95s}.gj-refills.is-visible .gj-refill-tip:nth-child(7){animation-delay:1s}.gj-refills.is-visible .gj-refill-tip:nth-child(8){animation-delay:1.05s}.gj-refills.is-visible .gj-refill-tip:nth-child(9){animation-delay:1.1s}.gj-refills.is-visible .gj-refill-tip:nth-child(10){animation-delay:1.15s}.gj-refills.is-visible .gj-refill-tip:nth-child(11){animation-delay:1.2s}.gj-refill-note path{fill:none;stroke:#f1eee88a;stroke-width:.9;vector-effect:non-scaling-stroke}.gj-refill-note text{fill:#f1eee8b8;font-family:var(--font-body-family);font-size:9px;font-weight:400;letter-spacing:.25em}.gj-refill-note .gj-refill-note__micro{fill:#f1eee861;font-size:6px;letter-spacing:.15em}.gj-refill-note .gj-refill-note__rule{stroke:#f1eee8b8}.gj-refill-pack-copy text{fill:#f1eee8a8;font-family:var(--font-body-family)}.gj-refill-pack-copy path{fill:none;stroke:#f1eee857;stroke-width:.7;vector-effect:non-scaling-stroke}.gj-refill-logo{opacity:.82;pointer-events:none}.gj-refill-pack-copy__title{font-size:10px;letter-spacing:.34em}.gj-refill-pack-copy__detail{fill:#f1eee861!important;font-size:6px;letter-spacing:.2em}.gj-refills.is-visible .gj-refill-shine{animation:gj-refill-shine 1.15s cubic-bezier(.33,1,.68,1) 1.25s both}@keyframes gj-refill-tip-in{0%{opacity:0;filter:blur(2px)}to{opacity:1;filter:blur(0)}}@keyframes gj-refill-shine{0%{opacity:0;transform:translate(-120px) skew(-9deg)}38%{opacity:.55}to{opacity:0;transform:translate(520px) skew(-9deg)}}.gj-ranges .gj-range-art,.gj-ranges .gj-range-art__svg,.gj-ranges .gj-ranges__heading,.gj-ranges .gj-range-volume,.gj-ranges .gj-range-glint,.gj-ranges .gj-range-view__label,.gj-ranges .gj-range-annotation,.gj-ranges .gj-range-grid circle,.gj-ranges .gj-range-profile-guide,.gj-ranges .gj-range-specimen__rule,.gj-ranges .gj-range-specimen__name,.gj-ranges .gj-size-glint,.gj-ranges .gj-size-guide,.gj-ranges .gj-refill-tip{animation:none!important}.gj-ranges .gj-range-art,.gj-ranges .gj-range-art__svg,.gj-ranges .gj-ranges__heading{opacity:1;transform:none}.gj-ranges .gj-ranges__story--comparison{opacity:1;transform:none;animation:none!important}.gj-ranges .gj-range-volume,.gj-ranges .gj-range-glint,.gj-ranges .gj-range-view__label,.gj-ranges .gj-range-annotation,.gj-ranges .gj-range-grid circle,.gj-ranges .gj-range-profile-guide,.gj-ranges .gj-range-specimen__rule,.gj-ranges .gj-range-specimen__name,.gj-ranges .gj-size-glint,.gj-ranges .gj-size-guide,.gj-ranges .gj-refill-tip{opacity:1}.gj-ranges .gj-range-draw{animation:none!important;stroke-dashoffset:0}.gj-ranges .gj-range-shine,.gj-ranges .gj-range-pulse{display:none}@media(max-width:1080px){.gj-hero{min-height:820px}.gj-hero__inner{grid-template-columns:minmax(280px,.78fr) minmax(440px,1.22fr);padding-inline:38px;gap:22px}.gj-hero__title{font-size:clamp(68px,8.6vw,96px)}.gj-art{width:112%;margin-right:-12%}.gj-shape-explorer .gj-art,.gj-shape-overlay .gj-art{--gj-menu-space: 108px;width:calc(100% - var(--gj-menu-space));margin-right:var(--gj-menu-space)}.gj-shape-menu{right:18px;width:104px}}@media(max-width:900px){.gj-shape-explorer,.gj-shape-overlay{min-height:100svh}.gj-demo-header{min-height:72px;padding:16px 18px}.gj-brand{gap:14px}.gj-brand__mark{width:40px;height:40px}.gj-brand__name{font-size:10px;letter-spacing:.36em}.gj-demo-nav a{display:none}.gj-hero{min-height:auto}.gj-hero__inner{height:100svh;min-height:100svh;padding:118px 21px 40px;grid-template-columns:1fr;align-content:start;gap:24px}.gj-hero__copy{max-width:none}.gj-hero__eyebrow{display:none}.gj-hero__title{font-size:clamp(62px,19vw,88px);line-height:.8}.gj-hero__rule{width:min(88%,360px);margin:34px 0 24px}.gj-hero__description{max-width:340px;font-size:14px;line-height:1.65}.gj-hero__cta{width:min(100%,320px);margin-top:28px}.gj-art{width:118%;max-width:620px;margin:-30px -10% -24px auto;justify-self:center}.gj-shape-menu{position:absolute;top:auto;right:18px;bottom:14px;left:18px;width:auto;opacity:var(--gj-gallery-opacity);pointer-events:none;visibility:hidden;transform:translate3d(0,var(--gj-gallery-y),0);will-change:opacity,transform}.gj-shape-explorer-shell.is-gallery-mode .gj-shape-menu{position:absolute;top:auto;right:18px;bottom:14px;left:18px;width:auto;pointer-events:auto;visibility:visible}.gj-shape-menu__title{margin-bottom:8px}.gj-shape-menu__list,.gj-shape-explorer-shell.is-gallery-mode .gj-shape-menu__list{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:8px}.gj-shape-menu__item{display:flex;flex-direction:column;gap:5px;padding-block:9px}.gj-shape-menu__item.is-active{transform:none}.gj-shape-explorer-shell.is-gallery-mode .gj-shape-menu__item{display:flex;flex-direction:column;gap:5px;padding-block:10px}.gj-shape-explorer-shell.is-gallery-mode .gj-shape-menu__item span{font-size:8px}.gj-shape-explorer-shell.is-gallery-mode .gj-shape-menu__item strong{overflow:hidden;font-size:7px;letter-spacing:.08em;text-overflow:ellipsis}.gj-gallery-heading{top:clamp(70px,9vh,92px);width:calc(100% - 40px)}.gj-gallery-heading h2{font-size:clamp(46px,10.5vw,68px)}.gj-shape-story{top:auto;bottom:clamp(104px,13vh,132px);left:21px;grid-template-columns:1px minmax(0,390px);gap:14px;width:min(430px,calc(100% - 42px));transform:translate3d(0,var(--gj-gallery-y),0)}.gj-shape-story__copy{font-size:17px}.gj-scroll-cue{bottom:150px}.gj-gallery-direction--up{top:12px}.gj-gallery-direction--down{bottom:78px}.gj-shape-explorer-shell.is-gallery-mode .gj-hero__copy{pointer-events:none}.gj-shape-explorer .gj-art,.gj-shape-overlay .gj-art{position:absolute;top:var(--gj-mobile-art-top, 72%);left:50%;width:min(106vw,77.76svh,680px);max-width:none;margin:0;transform:translate3d(calc(-50% + var(--gj-art-x)),calc(-50% + var(--gj-art-y)),0) scale(var(--gj-art-scale))}.gj-shape-overlay .gj-art{margin-top:154px}.gj-art__desktop-only,.gj-art__annotation--mobile-hide,.gj-art__annotation--desktop-main,.gj-art__mobile-only,.gj-art__index{display:none}.gj-art .gj-art__mobile-title{font-size:20px;letter-spacing:.16em}.gj-art .gj-art__mobile-detail{fill:#f1eee880;font-size:11px;letter-spacing:.12em}.gj-mobile-infography{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;display:block;opacity:0;pointer-events:none;font-family:var(--font-body-family);text-transform:uppercase}.gj-hero.is-ready .gj-mobile-infography{animation:gj-label-in .9s cubic-bezier(.16,1,.3,1) 1.3s forwards}.gj-art.has-morphed .gj-mobile-infography{opacity:1;animation:none}.gj-art.has-morphed.is-infography-exiting .gj-mobile-infography{animation:gj-infography-out .19s cubic-bezier(.4,0,1,1) both}.gj-art.has-morphed.is-infography-entering .gj-mobile-infography{animation:gj-label-in .48s cubic-bezier(.16,1,.3,1) 20ms both}.gj-mobile-infography__heading{position:absolute;top:1.2%;left:50%;display:grid;justify-items:center;width:82%;transform:translate(-50%)}.gj-mobile-infography__heading strong{color:#f1eee8e0;font-size:clamp(9px,1.5vw,12px);font-weight:400;letter-spacing:.17em;white-space:nowrap}.gj-mobile-infography__heading span{margin-top:4px;color:#f1eee87a;font-size:clamp(6px,1vw,8px);letter-spacing:.11em;white-space:nowrap}.gj-mobile-infography__heading i{width:74px;height:1px;margin-top:8px;background:#f1eee85c}.gj-mobile-infography__callout{position:absolute;top:40%;right:9%;display:flex;align-items:flex-start;width:37%}.gj-mobile-infography__callout>i{flex:1 1 auto;height:1px;margin:5px 7px 0 0;background:#f1eee86b}.gj-mobile-infography__callout span{display:grid;flex:0 0 auto}.gj-mobile-infography__callout strong{color:#f1eee8c7;font-size:clamp(5.5px,.9vw,7px);font-weight:400;letter-spacing:.12em;white-space:nowrap}.gj-mobile-infography__callout small{margin-top:3px;color:#f1eee866;font-size:clamp(4.5px,.72vw,5.5px);letter-spacing:.1em;white-space:nowrap}.gj-layer--back,.gj-layer--wire,.gj-layer--matter{transform:none}.gj-ranges{min-height:100svh;padding:78px 18px 26px}.gj-ranges__back{top:11px}.gj-ranges__heading{width:100%}.gj-ranges__heading>p{margin:0 0 8px 52px;font-size:6px}.gj-ranges__title-line{gap:12px}.gj-ranges__title-line>span{font-size:31px}.gj-ranges__title-line h2{font-size:clamp(44px,12.7vw,54px);white-space:nowrap}.gj-ranges__stage{display:flex;flex-direction:column;min-height:calc(100svh - 146px);padding:12px 0 0}.gj-range-art{order:1;width:min(118vw,690px);margin:0 -9vw}.gj-range-art__svg{margin-top:-2%}.gj-range-view__label{font-size:11px}.gj-range-annotation text{font-size:11px}.gj-range-annotation .gj-range-text--micro{font-size:8px}.gj-range-annotation--apex text{transform:translate(-118px,38px)}.gj-range-annotation--apex>path{transform:translate(-42px,35px)}.gj-range-annotation--fit{display:none}.gj-range-annotation--signature text{transform:translate(72px,-25px)}.gj-ranges__story{position:relative;top:auto;left:auto;order:2;grid-template-columns:1px minmax(0,1fr);gap:15px;width:min(100%,430px);margin:-8px auto 0;transform:translateY(12px)}.gj-ranges.is-visible .gj-ranges__story{animation-name:gj-range-story-mobile-in}.gj-ranges__story blockquote{max-width:340px;font-size:17px}.gj-range-menu{position:relative;top:auto;right:auto;order:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-top:auto;transform:translateY(12px)}.gj-ranges.is-visible .gj-range-menu{animation-name:gj-range-story-mobile-in}.gj-range-menu__item{padding:12px 6px 10px}.gj-range-menu__item.is-active{transform:none}.gj-range-menu__item small{font-size:6px}.gj-ranges__stage--comparison{min-height:calc(100svh - 146px)}.gj-range-art--comparison{width:min(109vw,690px);margin-inline:-4.5vw}.gj-range-specimen__name{font-size:12px;letter-spacing:.16em}.gj-ranges__story--comparison{position:relative;right:auto;bottom:auto;left:auto;width:min(100%,430px);margin:-10px auto 0;transform:translateY(12px)}.gj-ranges.is-visible .gj-ranges__story--comparison{animation-name:gj-range-story-mobile-in}.gj-study__stage{min-height:calc(100svh - 146px);padding-top:8px}.gj-study__next{bottom:42px}.gj-size-art{width:min(128vw,760px);margin-inline:-14vw}.gj-sizes .gj-range-specimen__name{font-size:15px}.gj-refill-art{width:min(112vw,680px);margin-inline:-6vw}.gj-refills .gj-ranges__title-line h2{font-size:clamp(35px,10.4vw,46px)}.gj-refill-note text{font-size:13px}.gj-refill-note .gj-refill-note__micro{font-size:9px}.gj-refill-note--right{display:none}.gj-refill-pack-copy__title{font-size:13px}.gj-refill-pack-copy__detail{font-size:8px}@keyframes gj-range-story-mobile-in{to{opacity:1;transform:translateY(0)}}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gj-hero *,.gj-hero *:before,.gj-hero *:after,.gj-ranges *,.gj-ranges *:before,.gj-ranges *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.gj-draw{stroke-dashoffset:0}.gj-grid-dot,.gj-nail-volume,.gj-nail-glint,.gj-art__annotation,.gj-art__profile,.gj-art__index,.gj-art__measurement,.gj-art__svg{opacity:1;transform:none}.gj-shine,.gj-art__pulse,.gj-range-shine,.gj-range-pulse{display:none}.gj-range-art__svg,.gj-range-volume,.gj-range-glint,.gj-range-view__label,.gj-range-annotation,.gj-range-grid circle,.gj-range-specimen__name,.gj-size-glint,.gj-size-guide,.gj-ranges__heading,.gj-ranges__story,.gj-range-menu{opacity:1;transform:none}.gj-refill-tip{opacity:1}.gj-range-draw{stroke-dashoffset:0}}.gj-ranges .gj-precision-plate{width:100%;max-width:1280px;margin:24px auto 0;transform:none}.gj-precision-comparison{display:grid;grid-template-columns:1fr 1fr;gap:36px}.gj-precision-comparison>div+div{border-left:1px solid #ffffff12;padding-left:36px}.gj-precision-caption{display:flex;justify-content:space-between;gap:12px;margin:0 0 16px;color:#c3c3bf;font:10px/1.5 var(--font-body-family);letter-spacing:.16em;text-transform:uppercase}.gj-precision-caption span+span{color:#797b7d}.gj-precision-svg{display:block;width:100%;height:auto;overflow:visible}.gj-p-shell{stroke:#d9dcde;stroke-opacity:.76;stroke-width:1.2}.gj-p-inner{fill:none;stroke:#ced3d5;stroke-opacity:.3;stroke-width:.8}.gj-p-secondary{fill:none;stroke:#d7dcdf;stroke-opacity:.2;stroke-width:.8}.gj-p-rim{fill:none;stroke:#e4e6e7;stroke-opacity:.65;stroke-width:1}.gj-p-highlight{fill:none;stroke-width:3;stroke-linecap:round}.gj-p-grid{fill:none;stroke:#e0e1df;stroke-opacity:.12;stroke-width:.7}.gj-p-axis{fill:none;stroke:#e0e1df;stroke-opacity:.18;stroke-width:.7;stroke-dasharray:3 6}.gj-p-callout{fill:none;stroke:#d1d4d6;stroke-opacity:.36;stroke-width:.8}.gj-p-dot{fill:#c7cdcf;opacity:.7}.gj-p-label{fill:#cfd2d1;font:11px var(--font-body-family);letter-spacing:2px}.gj-p-small{fill:#959b9e;font:11px var(--font-body-family);letter-spacing:.4px}.gj-precision-sizes{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;align-items:end}.gj-precision-size>span{display:block;text-align:center;color:#d4d5d2;font:11px var(--font-body-family);letter-spacing:2px;margin:4px 0 24px}.gj-precision-footnote{margin:18px 0 0;text-align:center;color:#979b9c;font:12px/1.6 var(--font-body-family);letter-spacing:.04em}.gj-ranges .gj-refill-art.gj-precision-plate{max-width:900px}.gj-ranges:has(.gj-precision-plate){min-height:0;padding-bottom:108px}.gj-ranges:has(.gj-precision-plate) .gj-ranges__stage{display:block;min-height:0;padding:16px 0 0}.gj-ranges:has(.gj-precision-plate) .gj-ranges__story--comparison{position:relative;inset:auto;width:min(720px,100%);margin:32px auto 12px;transform:none}@media(max-width:760px){.gj-ranges .gj-precision-plate{width:100%;margin:26px 0 0}.gj-precision-comparison{grid-template-columns:1fr;gap:32px}.gj-precision-comparison>div+div{border-left:0;border-top:1px solid #ffffff12;padding:24px 0 0}.gj-precision-caption{font-size:9px;letter-spacing:.1em}.gj-precision-sizes{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 4px}.gj-precision-size>span{font-size:11px;margin-top:8px;margin-bottom:0}.gj-precision-svg .gj-p-label{font-size:16px;letter-spacing:1.3px}.gj-precision-svg .gj-p-small{font-size:15px}.gj-precision-svg .gj-p-pack-notes{display:none}.gj-refill-art.gj-precision-plate{overflow:hidden}.gj-refill-art .gj-precision-svg{width:180%;max-width:none;margin-inline:-40%;overflow:hidden}.gj-ranges:has(.gj-precision-plate){padding-bottom:105px}.gj-ranges:has(.gj-precision-plate) .gj-ranges__story--comparison{margin-top:24px}.gj-precision-footnote{font-size:11px;max-width:290px;margin:24px auto 0}}.gj-precision-size>span{font-size:10px;line-height:1.5;letter-spacing:.06em;min-height:30px}@media(max-width:760px){.gj-precision-size>span{font-size:9px;max-width:70px;margin-inline:auto}.gj-size-art .gj-precision-caption{flex-wrap:wrap}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/griffe-hero.css.map */