@font-face{font-family:"IBM Plex Mono";src:url("assets/ibm-plex-mono-regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("assets/ibm-plex-mono-medium.ttf") format("truetype");font-style:normal;font-weight:500 700;font-display:swap}
:root{--white:#fff;--ink:#222321;--muted:#696c68;--line:#dedfdb;--green:#6d7466;--lilac:#aaa9d4;--lilac-shadow:#aba6d2;--stone:#ad9d8d;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--mono:"IBM Plex Mono",monospace;--gutter:clamp(20px,3.7vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:var(--white);font-family:var(--mono);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;border:0;background:none;border-radius:0;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #222;outline-offset:5px}button:disabled{cursor:default}h1,h2,p{margin:0}::selection{background:#d7e4c0}body.modal-open{overflow:hidden}.skip-link{position:fixed;left:16px;top:-100px;padding:12px;background:#fff;z-index:10}.skip-link:focus{top:16px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px var(--gutter);border-bottom:1px solid var(--line)}.brand{font-family:var(--sans);font-size:25px;line-height:.93;letter-spacing:-1.2px;font-weight:600;flex-shrink:0}.brand span{font-weight:400}.brand sup{font-size:10px;vertical-align:top;line-height:1.3;letter-spacing:0;margin-left:2px}nav{display:flex;gap:clamp(24px,3vw,48px);font-size:14px}nav a{padding:8px 0}nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:6px}.nav-count{color:var(--muted);font-size:12px}.header-note{font-size:12px}.collection-intro{padding:34px var(--gutter) 0}.intro-meta{display:flex;justify-content:space-between;gap:24px;font-size:12px;line-height:1.5}.title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:22px 0 29px}.title-row h1{font:500 clamp(100px,13.8vw,215px)/.88 var(--sans);letter-spacing:-.077em;background:linear-gradient(100deg,#706887 0%,var(--lilac) 28%,var(--stone) 64%,var(--green) 100%);background-clip:text;-webkit-background-clip:text;color:transparent;padding:0 .07em .08em 0}.small-plus{display:inline-block;color:var(--green);-webkit-text-fill-color:var(--green);font-size:.52em;vertical-align:top;line-height:1.06;letter-spacing:0;margin:0 0 0 .1em;transform:rotate(-10deg)}.brand-accent{display:flex;align-items:center;gap:16px;flex-shrink:0;padding-bottom:15px}.scribble-flowers{display:block;width:96px;height:96px;object-fit:contain;mix-blend-mode:multiply}.title-row .brand-accent p{font-size:14px;line-height:1.65;padding:0}.spectrum{height:4px;background:linear-gradient(90deg,var(--lilac),var(--lilac-shadow) 28%,var(--stone) 60%,var(--green))}.collection-section{padding:28px var(--gutter) 88px}.section-label{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px;font-size:12px}.section-label h2{font:inherit}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.product{display:block;text-align:left;padding:0;min-width:0;width:100%}.product-swatch{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;aspect-ratio:4/4.7;padding:clamp(20px,2.3vw,32px);color:var(--ink)}.swatch-study{font-size:12px;line-height:1.5}.swatch-code{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.product-swatch.eucalyptus{color:#fff}.product:hover .swatch-code{text-decoration:underline;text-underline-offset:6px}.product-caption{display:flex;justify-content:space-between;gap:20px;padding-top:22px}.product-name{display:block;font:500 26px/1.15 var(--sans);letter-spacing:-.7px}.product-type{display:block;font-size:13px;color:var(--muted);margin-top:8px}.product-number{display:flex;gap:12px;align-items:flex-start;font-size:12px;padding-top:3px}.color-dot{width:13px;height:13px;border-radius:50%;display:inline-block}.eucalyptus{background:var(--green)}.lilac{background:linear-gradient(90deg,var(--lilac) 0 66.666%,var(--lilac-shadow) 66.666% 100%)}.stonecrop{background:var(--stone)}.product-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);margin-top:23px;padding-top:15px;font-size:12px;color:var(--muted)}.explore{color:var(--ink);font-size:14px}.explore span{display:inline-block;margin-left:9px}.guide-section{display:grid;grid-template-columns:1fr 2fr;gap:52px;padding:70px var(--gutter) 85px;border-top:1px solid var(--line)}.eyebrow{font-size:12px;line-height:1.5;font-weight:400}.guide-intro h2{font:400 clamp(45px,5.2vw,78px)/1.03 var(--sans);letter-spacing:-.055em;margin:30px 0 22px}.guide-intro>p:not(.eyebrow){font-size:14px;line-height:1.75;color:var(--muted)}.guide-footnote{display:block;font-size:12px;color:var(--muted);margin-top:42px}.color-list{border-top:1px solid var(--line)}.color-row{display:flex;align-items:center;text-align:left;gap:30px;padding:26px 0;border-bottom:1px solid var(--line);width:100%}.swatch{display:block;width:108px;align-self:stretch;min-height:118px;flex-shrink:0;transition:width .3s ease}.color-description{display:flex;min-width:0;flex-direction:column;gap:10px}.color-description strong{font:400 32px/1.1 var(--sans);letter-spacing:-1px}.color-description>span:last-child{font-size:14px;line-height:1.6;color:var(--muted)}.color-description .eyebrow{color:var(--muted)}.row-arrow{margin-left:auto;font-size:23px;transition:transform .2s}.color-row:hover .row-arrow{transform:translate(3px,-3px)}.drop-section{margin:0 var(--gutter);border-top:1px solid var(--line);padding-top:28px}.drop-top{display:flex;justify-content:space-between;gap:24px}.drop-content{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:54px 0 55px}.drop-content .coordinates{font:400 clamp(30px,5.8vw,88px)/1.3 var(--mono);letter-spacing:-.06em}.coordinates span{display:block;white-space:nowrap}.coordinates span:last-child{color:var(--green)}.drop-content p{font-size:16px;line-height:1.7}.text-link{display:inline-block;margin-top:23px;font-size:14px}.text-link span{margin-left:20px}.drop-spectrum{display:flex;height:10px;gap:4px}.drop-spectrum span{flex:1}.drop-spectrum span:nth-child(1){background:var(--lilac)}.drop-spectrum span:nth-child(2){background:var(--stone)}.drop-spectrum span:nth-child(3){background:var(--green)}footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:65px var(--gutter) 35px}footer p,footer>span{font-size:12px;color:var(--muted)}.footer-brand{font-size:21px}dialog{padding:0;border:0;max-width:none;width:min(100% - 64px,1020px);max-height:calc(100dvh - 64px);background:#fff;overflow:auto;color:var(--ink)}dialog::backdrop{background:rgb(20 23 19 / .5);backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 28px;border-bottom:1px solid var(--line)}.close-button{display:flex;align-items:center;gap:15px;padding:8px 0;font-size:14px}.close-button span{font:24px/1 var(--sans)}.detail-body{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:28px}.detail-info{padding:16px 0 0}.detail-info h2{font:400 clamp(32px,3.3vw,46px)/1.08 var(--sans);letter-spacing:-1.7px;margin:22px 0 18px}.detail-info>p:not(.eyebrow):not(.release-note){font-size:16px;line-height:1.7;color:var(--muted)}.detail-swatches{display:flex;gap:15px;margin:30px 0}.detail-swatches button{width:38px;height:38px;border:5px solid #fff;outline:1px solid var(--line)}.detail-swatches button[aria-pressed=true]{outline:2px solid var(--ink)}.detail-swatches button:focus-visible{outline:3px solid #356bac;outline-offset:3px}dl{margin:0}dl>div{display:flex;gap:20px;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0;font-size:13px;line-height:1.6}dt{color:var(--muted)}dd{margin:0;text-align:right}.release-note{font-size:13px;color:var(--muted);line-height:1.7;border-top:1px solid var(--line);padding-top:18px;margin-top:2px}.noscript-note{padding:20px var(--gutter);font-size:14px}
.site-entrance{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:var(--white);color:var(--ink);font-family:var(--mono);touch-action:none;animation:entrance-exit .3s ease 2.9s forwards}
.entrance-panel{width:min(320px,calc(100% - 64px))}
.entrance-copy{position:relative;min-height:1.7em;font-size:14px;line-height:1.7;letter-spacing:.07em}
.entrance-pending{display:block;animation:entrance-label-out .01s step-end 2.2s forwards}
.entrance-cursor{animation:entrance-cursor .55s steps(1,end) 4}
.entrance-granted{position:absolute;inset:0 auto auto 0;opacity:0;animation:entrance-label-in .01s step-end 2.2s forwards}
.entrance-track{height:4px;margin-top:16px;overflow:hidden;background:var(--line)}
.entrance-fill{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--lilac),var(--stone),var(--green));transform:scaleX(0);transform-origin:left;animation:entrance-progress 2.2s cubic-bezier(.22,.65,.4,1) forwards}
.entrance-signature{display:block;margin-top:20px;color:var(--muted);font-size:12px;line-height:1.5;letter-spacing:.04em}
@keyframes entrance-progress{0%{transform:scaleX(0)}35%{transform:scaleX(.32)}62%{transform:scaleX(.68)}82%{transform:scaleX(.86)}100%{transform:scaleX(1)}}
@keyframes entrance-label-out{to{opacity:0}}
@keyframes entrance-label-in{to{opacity:1}}
@keyframes entrance-cursor{50%{opacity:0}}
@keyframes entrance-exit{to{opacity:0;visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.site-entrance{display:none;animation:none}.site-entrance *{animation:none}}
@media(forced-colors:active){.site-entrance{background:Canvas;color:CanvasText}.entrance-track{background:GrayText}.entrance-fill{background:CanvasText}.entrance-signature{color:CanvasText}}
@media print{.site-entrance{display:none}}
@media(min-width:1600px){body{max-width:1900px;margin:auto}.product-swatch{aspect-ratio:4/4.4}}
@media(max-width:1050px){.header-note{display:none}.site-header{padding-block:24px}.product-grid{gap:18px}.product-bottom{align-items:flex-start;flex-direction:column;gap:10px}.guide-section{gap:30px;grid-template-columns:1fr 1.6fr}.color-row{gap:20px}.swatch{width:85px}.color-description strong{font-size:28px}}
@media(max-width:700px){.site-header{align-items:flex-start;gap:24px;flex-wrap:wrap;padding:23px var(--gutter) 15px}.brand{font-size:23px}nav{gap:23px;font-size:13px;width:100%;justify-content:space-between}.collection-intro{padding-top:22px}.intro-meta{font-size:12px}.intro-meta>span:first-child{max-width:180px}.intro-meta>span:last-child{text-align:right;max-width:95px}.title-row{padding:28px 0 18px;align-items:flex-start;flex-direction:column;gap:16px}.title-row h1{font-size:clamp(88px,21vw,140px)}.brand-accent{align-self:flex-end;gap:12px;padding-bottom:0}.scribble-flowers{width:72px;height:72px}.title-row .brand-accent p{font-size:14px}.collection-section{padding-top:22px;padding-bottom:50px}.section-label{margin-bottom:20px;font-size:12px;gap:15px}.product-grid{grid-template-columns:1fr;gap:36px}.product-swatch{aspect-ratio:1/.94}.product-caption{padding-top:18px}.product-name{font-size:29px}.product-type{font-size:13px}.product-bottom{flex-direction:row;align-items:center;margin-top:17px;padding-top:13px}.guide-section{grid-template-columns:1fr;padding-top:40px;padding-bottom:50px;gap:32px}.guide-intro h2{font-size:58px;margin:23px 0 18px}.guide-intro h2 br{display:none}.guide-footnote{margin-top:22px}.color-row{padding:20px 0;gap:20px}.swatch{width:75px;min-height:108px}.color-description strong{font-size:clamp(24px,5vw,29px)}.color-description>span:last-child{font-size:14px}.drop-top .eyebrow{font-size:12px;max-width:145px}.drop-top .eyebrow:last-child{text-align:right}.drop-content{flex-direction:column;align-items:flex-start;padding:36px 0;gap:29px}.drop-content .coordinates{font-size:clamp(28px,7.8vw,56px)}.drop-content p{font-size:14px}.text-link{margin-top:15px}footer{flex-wrap:wrap;align-items:flex-end;padding-top:45px;padding-bottom:25px}footer p{max-width:130px;text-align:right;line-height:1.7}footer>span{width:100%;border-top:1px solid var(--line);padding-top:22px;margin-top:5px}dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.dialog-heading{padding:12px 18px;gap:12px}.dialog-heading>.eyebrow{max-width:155px}.detail-body{display:flex;flex-direction:column;padding:18px;gap:10px}.detail-body>.product-swatch{aspect-ratio:1/1}.detail-info h2{font-size:42px;margin-top:14px}.detail-info{padding-top:15px}.detail-swatches{margin:25px 0}dl>div{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
@media(forced-colors:active){.title-row h1{color:CanvasText;background:none}.spectrum,.swatch,.color-dot,.detail-swatches button,.product-swatch{forced-color-adjust:none}}
