:root{--cream:#f1e7d2;--ink:#191b17;--green:#254c42;--sage:#c6cdb7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit}p,h1,h2{margin:0}a:focus-visible{outline:2px solid var(--green);outline-offset:6px}.bio-nav{max-width:1120px;margin:auto;padding:24px 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #191b1726}.bio-brand{text-decoration:none;font-family:Impact,Arial Narrow,sans-serif;font-size:24px;line-height:.95}.bio-brand span{display:block;font:10px/1.4 Arial,sans-serif;margin-top:8px}.bio-nav nav{display:flex;gap:22px;font-size:13px}.bio-nav nav a{text-decoration:none;padding:12px 0}.bio-main{max-width:1000px;margin:auto}.bio-intro{position:relative;padding:66px 7% 54px;overflow:hidden}.bio-eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.16em;line-height:1.5}.bio-intro h1{font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(68px,12vw,134px);font-weight:400;text-transform:uppercase;letter-spacing:-.035em;line-height:.94;margin:22px 0}.bio-intro h1 span{color:var(--green)}.bio-lead{font:italic 21px/1.4 Georgia,serif;max-width:500px}.bio-scroll{display:inline-flex;align-items:center;gap:45px;margin-top:32px;padding:12px 0;border-bottom:1px solid;text-decoration:none;font-size:13px}.bio-scroll span{font-size:22px}.bio-side-note{position:absolute;right:6%;bottom:62px;font:italic 17px Georgia,serif;transform:rotate(-8deg);color:var(--green)}.bio-timeline{position:relative;margin:0 6%}.bio-timeline:before{content:"";position:absolute;top:0;bottom:0;left:0;width:76px;background:var(--sage)}.bio-step{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);gap:24px}.bio-date{position:relative;padding-top:39px;text-align:center;font:400 30px/.98 Impact,Arial Narrow,sans-serif;letter-spacing:-.02em;color:var(--green)}.bio-date span{font:16px/1.5 Arial,sans-serif}.bio-story{padding:36px 0 40px;border-bottom:1px solid #191b1726}.bio-step:last-child .bio-story{border:0;padding-bottom:58px}.bio-story .bio-eyebrow{margin-bottom:12px;color:var(--green)}.bio-story h2{font:400 clamp(27px,4vw,40px)/1.04 Impact,"Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:-.015em;margin-bottom:18px}.bio-story>p:not(.bio-eyebrow){font-size:15px;line-height:1.65;margin-top:14px;max-width:560px}.bio-story strong{font-weight:600}.bio-today{margin-top:0;background:var(--sage);padding:48px 7% 54px}.bio-today h2{font:400 clamp(45px,7vw,78px)/.98 Impact,"Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:-.025em;margin:20px 0 26px}.bio-today-copy{max-width:630px}.bio-today-copy p{font-size:16px;line-height:1.65;margin-top:18px}.bio-bim{font:italic clamp(36px,6vw,65px)/1.08 Georgia,serif;color:var(--green);margin:36px 0;letter-spacing:-.04em}.bio-today-copy .bio-last-word{font:italic 20px/1.45 Georgia,serif;margin-top:30px}.bio-button{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;background:var(--ink);color:var(--cream);border-radius:40px;padding:17px 23px;min-height:48px;margin-top:30px;text-decoration:none;font-size:13px}.bio-button:hover{background:var(--green)}.bio-footer{max-width:1000px;margin:auto;padding:36px 6%;text-align:center;color:var(--green)}.bio-footer>a{display:inline-block;margin:0 12px;padding:12px 0;font-size:14px;text-decoration:none}.bio-footer p{font-size:11px;margin:24px 0 16px}.bio-footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 18px}.bio-footer nav a{font-size:11px;padding:10px 0;text-underline-offset:3px}@media(min-width:700px){.bio-timeline:before{left:calc(50% - 58px);width:116px}.bio-step{grid-template-columns:1fr 116px 1fr;gap:0}.bio-date{grid-column:2;grid-row:1;font-size:46px;padding-top:46px}.bio-story{grid-column:3;padding:44px 0 50px 36px}.bio-step:nth-child(2n) .bio-story{grid-column:1;grid-row:1;padding:44px 36px 50px 0}.bio-side-note{font-size:24px}.bio-today{padding:65px 12%}}@media(max-width:370px){.bio-step{grid-template-columns:65px minmax(0,1fr);gap:18px}.bio-timeline:before{width:65px}.bio-date{font-size:26px}.bio-story>p:not(.bio-eyebrow){font-size:14px}.bio-side-note{display:none}.bio-intro h1{font-size:64px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.bio-short{max-width:840px}.bio-short .bio-intro{padding:44px 7% 28px}.bio-short .bio-intro h1{font-size:clamp(62px,10vw,100px)}.bio-short .bio-lead{font-size:21px;max-width:590px}.bio-short-copy{padding:0 7% 32px}.bio-short-copy p,.bio-short-end>p{font-size:16px;line-height:1.65;margin:0 0 20px}.bio-short-end{background:var(--sage);padding:34px 7% 40px}.bio-short-end h2{font:italic clamp(32px,6vw,48px)/1.1 Georgia,serif;color:var(--green);margin:0 0 25px;letter-spacing:-.03em}.bio-short-end .bio-short-signature{font:italic 20px/1.5 Georgia,serif;margin-top:28px}.bio-short-end .bio-button{margin-top:8px}@media(min-width:700px){.bio-short .bio-intro{padding-top:64px}.bio-short-copy{padding-bottom:42px}.bio-short-end{padding-top:44px;padding-bottom:48px}}.bio-nav{position:relative;gap:12px}.bio-nav-actions{display:flex;align-items:center;gap:12px}.bio-menu summary{list-style:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;cursor:pointer}.bio-menu summary::-webkit-details-marker{display:none}.bio-menu summary>span{display:block;flex:none;width:23px;height:2px;background:var(--ink)}.bio-menu summary:focus-visible{outline:2px solid var(--green);outline-offset:3px}.bio-nav .bio-menu nav{position:absolute;top:100%;left:0;right:0;z-index:30;background:var(--cream);padding:16px 6% 22px;display:flex;flex-direction:column;gap:0;border-bottom:1px solid #191b1726;box-shadow:0 12px 20px #191b170d}.bio-nav .bio-menu nav a{display:block;min-height:44px;padding:13px 0;font-size:15px}.bio-menu nav a[aria-current=page]{color:var(--green);font-weight:700}.bio-cart{display:flex;align-items:center;gap:6px;min-height:44px;text-decoration:none;font-size:12px;white-space:nowrap}.bio-cart svg{flex-shrink:0}@media(max-width:359px){.bio-nav-actions{gap:4px}.bio-brand{font-size:21px}.bio-brand span{font-size:9px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/jc-biographie.css.map */