/* The homepage is a compact magazine; the salon directory keeps its own surface. */
.cover{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:52px auto auto;position:relative;padding:20px var(--space) 0;column-gap:18px}
.cover-field{grid-column:7/-1;grid-row:1/3;background:var(--wine);margin-right:calc(-1 * var(--space));margin-bottom:125px}
.cover-copy{grid-column:1/8;grid-row:2;z-index:1;align-self:center;padding-bottom:48px;pointer-events:none}
.cover-copy>*{pointer-events:auto}
.cover h1{font-size:clamp(64px,7.6vw,96px);line-height:1.02;max-width:8ch;margin-bottom:30px}
.cover h1 span{padding-left:.46em}
.cover-copy p{font-size:18px;max-width:32ch;margin:0 0 28px}
.cover-image{grid-column:7/12;grid-row:2;z-index:0;padding-top:18px}
.cover-image img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 25%}
.cover-image figcaption{font-size:13px;color:var(--muted);margin-top:12px}
.cover-topics{display:flex;flex-wrap:wrap;gap:8px 26px;padding:12px 0 0;margin-top:18px;max-width:34ch}
.cover-topics a{display:flex;align-items:center;min-height:44px;font-size:15px}
.ideas{padding:100px var(--space) 90px}
.ideas h2{margin-bottom:20px}.ideas-intro{max-width:60ch;color:var(--muted);margin-bottom:40px}
.idea-choices{padding:0;margin:0;border:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.idea-choice{cursor:pointer;min-width:0;position:relative;display:block}
.choice-photo{display:block;background:var(--wash);overflow:hidden}
.choice-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 27%}
.choice-colour{aspect-ratio:4/5;background:var(--wine);color:var(--paper);display:flex;align-items:center;justify-content:center;font:clamp(24px,3.1vw,44px)/1.08 StarschnittDisplay,Georgia,serif}
.choice-name{position:relative;display:flex;align-items:center;justify-content:center;min-height:66px;color:var(--wine);font:26px/1.15 StarschnittDisplay,Georgia,serif;margin:9px 10px 0}
.choice-name svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--wine);stroke-width:1.5;overflow:visible;opacity:0}
.choice-name ellipse{stroke-dasharray:1;stroke-dashoffset:0}
.idea-choice input:checked~.choice-name svg{opacity:1}
.idea-choice input:checked~.choice-name ellipse{animation:selection-circle .45s cubic-bezier(.16,1,.3,1) both}
.idea-choice:focus-within{outline:3px solid #9d4765;outline-offset:5px}
.idea-choice:hover .choice-name{text-decoration:underline;text-underline-offset:5px}
.ideas-disclosure{font-size:13px;color:var(--muted);margin:22px 0 30px}
.idea-reading{border-top:1px solid var(--line);padding-top:30px}
.idea-reading article{display:grid;grid-template-columns:1fr 1.15fr;gap:0 55px;margin-bottom:24px}
.idea-reading h3{font-size:35px;grid-row:1/3;max-width:15ch}
.idea-reading p{font-size:16px;margin-bottom:16px}
.idea-reading .spoken{font-size:19px;color:var(--wine);margin-bottom:0}
.ideas>.text-link{margin-left:calc((100% - 55px) / 2.15 + 55px)}
.collection{padding:80px var(--space) 60px;background:#ebe4da}
.collection-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:end;margin-bottom:46px}
.collection-heading h2{font-size:clamp(44px,4.8vw,70px);margin:0}.collection-heading em{font-style:italic}
.collection-heading p{margin:0;max-width:43ch;font-size:16px}
.collection-spread{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:38px}
.collection-main img,.collection-secondary img{width:100%;height:auto}
.collection-secondary{padding-top:68px}
.collection figcaption{font-size:13px;margin-top:12px;color:var(--muted)}
.collection-seasons{display:flex;flex-wrap:wrap;gap:14px 30px;align-items:center;padding-top:30px;margin-top:35px;border-top:1px solid #bcb1a7}
.collection-seasons>span{margin-right:auto;font-size:14px}
.collection-seasons a{font-size:16px;min-height:44px;display:flex;align-items:center;gap:10px}
.collection-seasons svg{width:18px}
.care{padding:110px var(--space) 85px;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}
.care h2{font-size:clamp(46px,4.9vw,70px)}.care-copy p{font-size:16px;max-width:36ch}
.product-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:end;background:var(--wash);padding:40px 25px 22px}
.product-shelf img{width:100%;height:340px;object-fit:contain;object-position:bottom;mix-blend-mode:multiply}
.product-shelf figure:last-child img{height:280px}
.product-shelf figcaption{padding-top:16px;margin-top:12px;border-top:1px solid #c8bcb2;text-align:center;font-size:14px}
.salon-window{display:grid;grid-template-columns:1.35fr 1fr;gap:65px;padding:0 var(--space) 95px;align-items:center}
.salon-window figure img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:50% 50%}
.salon-window figcaption{font-size:13px;color:var(--muted);margin-top:10px}
.salon-window h2{font-size:43px}.salon-window p{font-size:16px}
.home-next{padding:65px var(--space);display:grid;grid-template-columns:1fr 1fr;gap:90px;background:var(--wine);color:var(--paper)}
.home-next h2{font-size:44px;color:var(--paper)}.home-next p{font-size:16px;color:#f0dfe5;max-width:42ch}
.home-next .text-link{color:var(--paper)}.home-next .text-link:hover{color:#efc5d3}
.home-next>div+div{border-left:1px solid #956c79;padding-left:65px}
@keyframes selection-circle{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media(min-width:1400px){.cover-copy{padding-bottom:85px}.cover-copy p{max-width:35ch}.cover h1{font-size:96px}}
@media(max-width:1000px){.cover{column-gap:12px;grid-template-rows:28px auto auto}.cover-copy{grid-column:1/7;padding-bottom:22px}.cover h1{font-size:clamp(56px,8vw,76px)}.cover-copy p{font-size:16px;max-width:28ch}.cover-image{grid-column:7/-1}.cover-field{margin-bottom:85px}.cover-topics{gap:5px 19px}.ideas{padding-top:70px}.idea-choices{gap:18px}.choice-name{font-size:23px;margin-inline:0}.collection-heading{gap:35px}.collection-spread{gap:25px}.collection-seasons{gap:12px 24px}.collection-seasons>span{width:100%}.care{gap:35px}.product-shelf{gap:10px;padding:25px 16px 18px}.product-shelf img{height:280px}.product-shelf figure:last-child img{height:230px}.salon-window{gap:35px}.home-next{gap:35px}.home-next>div+div{padding-left:35px}}
@media(max-width:650px){
  .cover{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:auto auto;padding-top:16px;gap:0 10px}
  .cover-copy{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:1fr;position:relative;padding-bottom:27px}
  .cover h1{font-size:clamp(52px,13.8vw,76px);line-height:.98;margin-bottom:20px;max-width:none}
  .cover h1 span{padding-left:.65em}.cover-copy p{font-size:16px;max-width:33ch;margin-bottom:23px}.cover-copy .button{width:fit-content}
  .cover-field{grid-column:2/-1;grid-row:2;margin-top:0;margin-bottom:65px;margin-right:calc(-1 * var(--space))}
  .cover-image{grid-column:2/-1;grid-row:2;padding:25px 18px 0 0;margin-left:-28px}.cover-image img{aspect-ratio:4/3;object-position:50% 27%}
  .cover-image figcaption{font-size:13px;line-height:1.4;margin-top:12px}.cover-topics{padding-top:0;margin-top:13px;gap:5px;justify-content:space-between;max-width:none}.cover-topics a{font-size:14px}
  .ideas{padding:58px var(--space) 55px}.ideas h2{font-size:40px}.ideas-intro{font-size:16px;margin-bottom:28px}
  .idea-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}.choice-photo img,.choice-colour{aspect-ratio:1/1.1}.choice-colour{font-size:29px}.choice-name{font-size:23px;min-height:50px;margin-top:5px}.ideas-disclosure{margin:24px 0;font-size:13px}
  .idea-reading{padding-top:26px}.idea-reading article{grid-template-columns:1fr;gap:0;margin-bottom:20px}.idea-reading h3{font-size:31px;max-width:none;grid-row:auto;margin-bottom:18px}.idea-reading p{font-size:16px}.idea-reading .spoken{font-size:18px}.ideas>.text-link{margin-left:0}
  .collection{padding:50px var(--space) 38px}.collection-heading{grid-template-columns:1fr;gap:23px;margin-bottom:30px}.collection-heading h2{font-size:44px}.collection-heading p{font-size:16px}.collection-spread{grid-template-columns:1fr;gap:28px}.collection-secondary{padding-top:0;margin-left:36px}.collection figcaption{font-size:13px;line-height:1.5}.collection-seasons{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px;margin-top:28px;padding-top:23px}.collection-seasons>span{grid-column:1/-1;margin-bottom:6px}.collection-seasons a{font-size:16px}
  .care{grid-template-columns:1fr;padding:58px var(--space);gap:30px}.care h2{font-size:47px}.care-copy p{max-width:38ch}.product-shelf{padding:28px 16px 18px;gap:12px}.product-shelf img{height:235px}.product-shelf figure:last-child img{height:190px}.product-shelf figcaption{font-size:13px}
  .salon-window{grid-template-columns:1fr;padding:0 var(--space) 55px;gap:25px}.salon-window h2{font-size:39px}
  .home-next{grid-template-columns:1fr;gap:35px;padding:45px var(--space)}.home-next h2{font-size:38px}.home-next>div+div{border-left:0;border-top:1px solid #956c79;padding:35px 0 0}
}
@media(prefers-reduced-motion:reduce){.idea-choice input:checked~.choice-name ellipse{animation:none}}