/* Reading rhythm, shared Junettes edges, and the light signature footer. */
body .hero-description{font-size:16px;line-height:1.85;max-width:38ch;margin-top:28px;text-wrap:pretty}
body .club-copy>p:not(.club-overline),body .store-intro p,body .selection-bottom p,body .section-heading>p{line-height:1.85}
body .club-copy .club-overline{line-height:1.6}
body .club-scrapbook .club-top{display:grid;justify-items:center;grid-template-columns:1fr;text-align:center;width:100%}
body .club-scrapbook .club-top .club-logo{margin:0;justify-self:center;transform:none;object-fit:contain}
body .club-scrapbook{background:linear-gradient(to bottom,transparent 14px,var(--junettes-cream) 14px,var(--junettes-cream) calc(100% - 14px),transparent calc(100% - 14px))}
body .club-edge{height:28px}
body .club .drawably-svg .edge-paper{fill:var(--junettes-cream);stroke:none;stroke-width:0}
body .footer-light{position:relative;isolation:isolate;max-width:none;background:#fbe9df;color:#252729;padding:130px var(--gutter) 25px;overflow:hidden}
.footer-horizon{position:absolute;left:-5%;right:-5%;top:-75px;height:175px;background:radial-gradient(ellipse at 20% 15%,#667c5b66,transparent 55%),radial-gradient(ellipse at 80% 20%,#8188b966,transparent 55%),linear-gradient(#e9e6dc 20%,#e9e6dc00 90%);filter:blur(20px);pointer-events:none;z-index:-1}
.footer-directory{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:30px}
.footer-small-brand img{width:220px;height:100px;object-fit:contain;max-width:100%}
.footer-directory nav{display:flex;flex-direction:column;align-items:start;gap:12px;font-size:12px;line-height:1.5}
.footer-directory nav .eyebrow{font-size:9px;color:#68676b;margin-bottom:8px;letter-spacing:.1em}
.footer-directory nav button{padding:0;font-size:inherit;text-align:left}
.footer-directory a:hover,.footer-directory button:hover{text-decoration:underline;text-underline-offset:5px}
.footer-brand-scene{display:grid;grid-template-columns:1fr 3fr;align-items:end;gap:4vw;padding-top:65px;padding-bottom:40px}
.footer-brand-scene>p{font:14px/1.9 'JS Inter',Arial,sans-serif;align-self:center;color:#535155}
.footer-drawn-brand{display:flex;align-items:center;justify-content:flex-end;gap:3vw;min-width:0;color:#252729}
.logo-trace{display:block;width:clamp(100px,12vw,210px);flex-shrink:0}
.logo-trace>svg,.logo-trace>img{display:block;width:100%;height:auto;max-height:390px;object-fit:contain}
.footer-large-name{font:clamp(60px,8.2vw,150px)/1 var(--font-display);letter-spacing:-.045em;white-space:nowrap}
.footer-large-name small{display:block;font:14px/2 'JS Inter',Arial,sans-serif;letter-spacing:0;margin-bottom:12px}
body .footer-light .footer-bottom{border-color:#25272925;color:#656269;font-size:10px}
@media(max-width:900px){.footer-directory{grid-template-columns:repeat(4,1fr);gap:25px}.footer-small-brand{grid-column:1/-1}.footer-brand-scene{grid-template-columns:1fr 3fr}.footer-large-name{font-size:8vw}}
@media(max-width:760px){body .hero-description{font-size:14px;max-width:28ch;line-height:1.8;margin-top:24px}body .footer-light{padding:90px 24px 24px}.footer-directory{grid-template-columns:1fr 1fr;gap:32px 22px}.footer-directory nav{font-size:12px;gap:10px}.footer-brand-scene{grid-template-columns:1fr;padding-top:45px;gap:28px}.footer-brand-scene>p{font-size:12px}.footer-drawn-brand{justify-content:flex-start;gap:20px}.logo-trace{width:23vw}.footer-large-name{font-size:11.5vw;white-space:normal}.footer-large-name small{font-size:12px;margin-bottom:8px}.footer-horizon{height:130px;top:-65px}}

/* Complete client artwork extends beyond both sides of the viewport. */
body .club-scrapbook{background:transparent;padding:130px 24px;overflow:hidden}
.club-complete-background{position:absolute;inset:0 -14%;z-index:-1;background:url('assets/junettes-background.webp') center/100% 100% no-repeat;pointer-events:none}
.club-panel{position:relative;max-width:640px;margin:auto;background:transparent;border:0;padding:24px 36px 30px}
body .club-scrapbook .club-top{padding:0;gap:18px}
body .club-scrapbook .club-top .club-logo{width:210px;height:65px}
body .club-scrapbook .club-scrapbook-scene{position:static;padding:28px 0 0;min-height:0;display:block}
body .club-scrapbook .club-copy .club-overline{font:14px/1.7 'JS Inter',sans-serif;margin-bottom:22px}
body .club-scrapbook h2.composed-heading{font-size:51px}
body .club-scrapbook .junette-left{width:160px;left:-240px;top:auto;bottom:-55px;height:auto;transform:rotate(-17deg)}
body .club-scrapbook .junette-right{width:380px;right:-405px;top:auto;bottom:-110px;height:auto;transform:rotate(18deg)}
body .club-scrapbook .junette-peek,body .club-scrapbook .strawberry,body .club-scrapbook .rhinestones,body .club-scrapbook .paper-label{display:none}
body .club-scrapbook .star{left:-125px;top:auto;bottom:80px;width:90px}
body .club-scrapbook .butterfly{left:-260px;top:45%;bottom:auto;width:115px}
body .selection{padding-top:65px;padding-bottom:65px}
body .selection .section-heading{margin-bottom:26px}
body .selection h2{font-size:clamp(40px,4.6vw,70px)}
body .jewelry-grid{row-gap:26px;column-gap:24px;max-width:1150px;margin-inline:auto;padding-top:0}
body .jewelry-card:nth-child(n) .media-placeholder{aspect-ratio:1.16;max-height:310px}
body .jewelry-card .card-bottom{padding-top:12px}
body .jewelry-card .card-bottom h3{font-size:25px}
body .jewelry-card .card-bottom .title-kicker{display:inline;font-size:inherit;margin:0}
body .jewelry-card .card-bottom>span{font-size:10px;margin-top:5px}
body .selection-bottom{margin-top:32px}

/* Editorial recruitment: one generous image, two substantial invitations. */
body .join-editorial{background:var(--color-paper);padding-top:95px;padding-bottom:90px}
body .join-editorial .join-heading{text-align:left;margin-bottom:50px}
body .join-editorial .join-heading h2{align-items:flex-start}
body .join-editorial .join-scene{grid-template-columns:1.15fr 1fr;gap:0;align-items:stretch;max-width:none}
body .join-editorial .join-portrait{position:relative;width:100%;height:100%;padding:0;transform:none;background:#b9cde5;box-shadow:none}
body .join-editorial .join-portrait img{width:100%;height:100%;min-height:680px;object-fit:cover;object-position:48% center}
body .join-editorial .join-portrait figcaption{position:absolute;left:25px;bottom:28px;background:#fffcf5;padding:15px 20px;margin:0;transform:rotate(-4deg);font:24px var(--font-display)}
body .join-editorial .join-links{grid-template-columns:1fr;gap:0}
body .join-editorial .join-card{padding:38px 42px;min-height:340px;border:0;background:#343b31;color:#fffcf5;transition:background .4s}
body .join-editorial .join-card:nth-child(2){background:#ece8dc;color:#292e33}
body .join-editorial .join-card:hover{transform:none;background:#434f3e}
body .join-editorial .join-card:nth-child(2):hover{background:#e1ddce}
body .join-editorial .join-card .eyebrow{margin-bottom:25px}
body .join-editorial .join-card-title{font-size:35px;line-height:1.2}
.join-card-description{font:13px/1.8 'JS Inter',Arial,sans-serif;max-width:40ch;display:block;margin-top:24px}
.recruitment-platform-logo{display:block;width:190px;height:auto;object-fit:contain;background:none;padding:0;margin-bottom:30px}
body .join-editorial .join-card-action{border-color:currentColor;padding-top:25px}
body .join-editorial .join-card:first-child em{animation-name:script-colors-light}
body .footer-light{padding-top:75px}
body .hero{height:100svh;min-height:760px;max-height:none;contain:size layout;overflow:hidden}
body .hero .hero-stage{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;overflow:hidden}
body .hero .campaign{position:absolute;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;pointer-events:auto}
body .hero .campaign img{-webkit-user-drag:none;pointer-events:none}
body .hero .campaign.is-held{cursor:grabbing;z-index:3;box-shadow:0 24px 50px #29251c30}
body .hero-stage:after{pointer-events:none}

/* Film still: a calm, upright surface ready for the forthcoming video. */
body .story{grid-template-columns:1.1fr .9fr;gap:35px 7vw;align-items:start;padding-block:100px}
body .story>div:first-child{grid-column:1;grid-row:1}
body .story .story-copy{grid-column:1;grid-row:2;padding:0;max-width:48ch}
.story-film{grid-column:2;grid-row:1 / span 2;margin:0;align-self:center;min-width:0}
.story-film-media{overflow:hidden;aspect-ratio:4/5;background:#d5d1c7}
.story-film-media img{display:block;width:100%;height:100%;object-fit:cover;transition:scale 1.4s cubic-bezier(.2,.7,.2,1)}
.story-film:hover img{scale:1.035}
.story-film figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:16px;font:10px/1.5 'JS Inter',sans-serif}
.story-film figcaption span:first-child{font:24px/1.2 var(--font-display)}

/* A contact sheet with a continuous horizontal reading rhythm. */
body .selection{background:#f0eee7}
body .jewelry-grid{display:flex;align-items:flex-start;gap:22px;max-width:none;overflow-x:auto;scroll-snap-type:x proximity;padding:0 0 22px;scrollbar-width:thin;scrollbar-color:#292e33 transparent}
body .jewelry-grid .jewelry-card:nth-child(n){flex:0 0 clamp(220px,26vw,370px);width:auto;transform:none;padding:0;margin:0}
body .jewelry-grid .jewelry-card:nth-child(even){padding-top:38px}
body .jewelry-grid .jewelry-card{scroll-snap-align:start}
body .jewelry-grid .jewelry-card .media-placeholder{aspect-ratio:1;max-height:none;border-radius:0}
.jewelry-link{display:block;color:#212524}
body .jewelry-grid .card-bottom{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:15px 0 0}
body .jewelry-grid .card-bottom h3{font:500 16px/1.35 'JS Inter',sans-serif;letter-spacing:-.03em;text-transform:none;color:#212524}
body .jewelry-grid .card-bottom>span{font:9px/1.5 'JS Inter',sans-serif;color:#535853;max-width:8ch;margin:0;text-align:right}

/* White type lives on a deeper green paper, with its torn alpha edges intact. */
body .club-complete-background{filter:none}
body .club-scrapbook .club-panel,body .club-scrapbook h2,body .club-scrapbook .club-copy p,body .club-scrapbook .eyebrow,body .club-scrapbook .text-link,body .club-scrapbook .button{color:#203319}
body .club-scrapbook h2 .heading-script{animation:none!important;color:#203319;text-shadow:none}
body .club-scrapbook .text-link{border-color:currentColor}
body .club-scrapbook .button .drawably-svg path{stroke:#203319}

/* Recruitment becomes one open editorial spread, franchise a quiet last row. */
body .join-editorial .join-scene{grid-template-columns:1fr 1.1fr;gap:5vw;align-items:center}
body .join-editorial .join-portrait{background:none;align-self:start}
body .join-editorial .join-portrait img{height:560px;min-height:0;object-position:44% center}
body .join-editorial .join-portrait figcaption{position:static;background:none;padding:18px 0 0;transform:none;font:19px/1.4 var(--font-display)}
body .join-editorial .join-links{display:block}
body .join-editorial .join-card,body .join-editorial .join-card:nth-child(2){background:none;color:#212524;padding:20px 0 36px;min-height:0;text-align:left;display:block;width:100%;border:0}
body .join-editorial .join-card:hover,body .join-editorial .join-card:nth-child(2):hover{background:none}
body .join-editorial .join-card:first-child .join-card-title{font-size:clamp(32px,3.4vw,54px)}
body .join-editorial .join-card:first-child em{animation-name:script-colors}
body .join-editorial .join-card:nth-child(2){border-top:1px solid #21252435;padding-top:30px;padding-bottom:0;margin-top:10px}
body .join-editorial .join-card:nth-child(2) .join-card-title{font-size:27px}
body .join-editorial .join-card-action{display:inline-block;border:0;border-bottom:1px solid currentColor;padding:0 0 7px;margin-top:24px;font-size:12px}
body .join-editorial .join-card .eyebrow{display:block;margin-bottom:18px}
body .join-editorial .join-card-description{max-width:44ch;margin-top:20px}
@media(max-width:760px){
 body .story{grid-template-columns:1fr;padding-block:65px;gap:28px}
 body .story .story-copy{grid-column:1;grid-row:2}
 .story-film{grid-column:1;grid-row:3;width:100%}
 .story-film-media{aspect-ratio:4/3}
 body .jewelry-grid .jewelry-card:nth-child(n){flex-basis:72vw}
 body .jewelry-grid .jewelry-card:nth-child(even){padding-top:24px}
 body .join-editorial .join-scene{grid-template-columns:1fr;gap:32px}
 body .join-editorial .join-portrait img{height:380px}
}
@media(max-width:760px){
  body .selection{padding-top:48px;padding-bottom:48px}
  body .selection h2{font-size:9.7vw}
  body .jewelry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
  body .jewelry-card:nth-child(n) .media-placeholder{aspect-ratio:.9;max-height:none}
  body .jewelry-card .card-bottom h3{font-size:20px;line-height:1.15}
  body .jewelry-card .card-bottom>span{font-size:9px}
}
@media(max-width:1000px){body .club-scrapbook .junette-right{width:280px;right:-280px}body .join-editorial .join-card{padding:30px}body .join-editorial .join-card-title{font-size:30px}}
@media(max-width:760px){body .club-scrapbook{padding:100px 24px}.club-complete-background{inset:0 -90%;background-size:100% 100%}.club-panel{padding:28px 20px 32px}body .club-scrapbook h2.composed-heading{font-size:9.5vw}body .club-scrapbook .junette-left{width:80px;left:-35px;bottom:-75px}body .club-scrapbook .junette-right{width:170px;right:-105px;bottom:-100px}body .club-scrapbook .star{width:50px;left:-15px;top:-35px;bottom:auto}body .club-scrapbook .butterfly{display:none}body .club-scrapbook .club-top .eyebrow{font-size:7px}body .join-editorial .join-scene{grid-template-columns:1fr}body .join-editorial .join-portrait img{height:420px;min-height:0}body .join-editorial .join-portrait figcaption{font-size:19px;left:15px;bottom:20px}body .join-editorial .join-card{min-height:320px;padding:30px 25px}body .join-editorial{padding-top:65px;padding-bottom:65px}.footer-small-brand img{width:210px;height:90px}}