/* The opening photograph stays the focus, with the copy in its quiet corner. */
.ui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.13em;flex-shrink:0;fill:none;stroke:currentColor;pointer-events:none}
.hero-copy{padding-top:34px;max-width:46%}.hero h1{font-size:clamp(56px,5.5vw,88px)}.hero .eyebrow{margin-bottom:20px}.hero-copy p{font-size:12px;margin:19px 0 21px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-copy .button{padding:14px 22px;font-size:11px;gap:26px}.hero-photo{transform:translateY(var(--hero-y,0px)) scale(1.025)}.hero-photo img{object-position:50% 50%}.hero-shade{background:linear-gradient(90deg,#1c1a1685,transparent 48%),linear-gradient(0deg,#19181180,transparent 25%)}
/* Keep the full collection together in a single studio view. */
.color-atelier{padding-top:32px;padding-bottom:24px;scroll-margin-top:96px;overflow-anchor:none}.atelier-heading h2{font-size:clamp(38px,4.25vw,66px)}.atelier-heading .eyebrow{margin-bottom:14px}.atelier-intro{padding-top:0}.atelier-star{top:0}.atelier-instruction{margin-top:13px}.color-toolbar{margin-top:21px;padding-top:12px;padding-bottom:12px}.color-stage{position:relative;width:100%;overflow:hidden;isolation:isolate}.color-lineup{padding:8px 5% 20px}.lineup-item{padding:6px 0 12px}.lineup-item .coat-portrait{width:clamp(64px,calc((100svh - 420px)*.42857),119px);margin-bottom:12px}.lineup-item>span{font-size:20px;margin-bottom:6px}.lineup-item>small{font-size:8px}.lineup-item:hover{transform:translateY(-4px)}.lineup-item .coat-rotor{transition-duration:1100ms;transition-delay:calc(var(--portrait-order)*65ms)}.atelier-footnote{padding-top:4px}.atelier-footnote p,.atelier-footnote>span{font-size:9px}.color-carousel-shell{width:100%}.color-viewport{min-height:1px}
.intro-guide{position:fixed;z-index:75;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:13px;max-width:calc(100vw - 32px);width:max-content;padding:13px 17px;background:#26231def;color:#eee0c8;border:1px solid #c5ae804d;border-radius:50px;box-shadow:0 8px 32px #0003;backdrop-filter:blur(20px);font-size:11px;overflow:hidden}.intro-guide-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#d0b891;box-shadow:0 0 12px #d0b89188}.intro-guide button{font-size:10px;color:#dfc8a0;white-space:nowrap;padding:2px 0 2px 12px;border-left:1px solid #c5ae8055}.intro-guide button span{margin-left:7px}#intro-countdown{font-size:10px;min-width:9px;color:#bda482;font-variant-numeric:tabular-nums}.intro-meter{height:2px;background:#ccb28b;position:absolute;bottom:0;left:0;width:100%;transform:scaleX(var(--intro-progress,0));transform-origin:left center}
@media(max-width:850px){.hero-copy{padding:35px 6%;max-width:53%}.hero h1{font-size:62px}.hero{height:calc(100svh - 96px);min-height:600px}.hero-actions{flex-direction:column;align-items:start;gap:12px}.hero-copy p{font-size:11px}.color-atelier{scroll-margin-top:80px}.atelier-heading{gap:35px}.atelier-heading h2{font-size:46px}.atelier-intro{max-width:210px}.atelier-star{left:-32px}.lineup-item>span{font-size:16px}.lineup-item .coat-portrait{width:90px}.lineup-item>small{font-size:7px}}
@media(max-width:600px){.hero{min-height:655px;height:calc(100svh - 96px);max-height:780px;background:#302c24}.hero-photo{inset:32% -9% 0;transform:none}.hero-photo img{object-position:50% 50%}.hero-shade{background:linear-gradient(180deg,#302c24 5%,#302c24 23%,#302c24bb 34%,transparent 50%,#1c21173d 85%,#171c12ba)}.hero-copy{padding:28px 7%;max-width:none}.hero h1{font-size:clamp(48px,12.4vw,65px);line-height:1.02}.hero .eyebrow{margin-bottom:16px;font-size:8px}.hero-copy>p{font-size:11px;margin:14px 0 16px}.hero-actions{flex-direction:row;align-items:center;gap:16px;flex-wrap:nowrap}.hero-copy .button{font-size:10px;padding:12px 16px;gap:14px}.hero-color-link{font-size:9px;gap:10px}.hero-note{display:none}.hero-bottom{bottom:23px}.hero-bottom>span{font-size:8px}.color-atelier{padding:24px 0 19px}.atelier-heading h2{font-size:38px;line-height:1.01}.atelier-heading .eyebrow{font-size:8px;margin-bottom:12px}.atelier-intro{display:none}.color-toolbar{margin-top:17px;padding:9px 7%}.color-view-switch{padding:3px;gap:0}.color-view-switch button{font-size:9px;padding:8px 10px}.lineup-toggle{font-size:9px;gap:6px}.color-lineup{grid-template-columns:repeat(8,1fr);padding:5px 5% 12px;gap:8px 0}.lineup-item{grid-column:span 2;padding:1px 0 7px;border:0}.lineup-item:nth-child(5){grid-column:2 / span 2}.lineup-item:last-child{grid-column:6 / span 2}.lineup-item .coat-portrait,.lineup-item:last-child .coat-portrait{width:clamp(48px,calc((100svh - 405px)*.205),77px);max-width:100%;margin-bottom:6px}.lineup-item>span{font-family:var(--sans);font-size:10px;line-height:1.2;margin-bottom:0;font-weight:550}.lineup-item>small{display:none}.atelier-footnote{gap:7px}.atelier-footnote p{font-size:9px;line-height:1.6}.atelier-footnote>span{font-size:9px}.intro-guide{bottom:14px;gap:8px;padding:11px 12px;font-size:10px}.intro-guide button{font-size:9px;padding-left:8px}.intro-guide button span{margin-left:3px}.intro-guide-dot{display:none}}
@media(max-width:355px){.hero h1{font-size:46px}.hero-actions{gap:11px}.hero-copy .button{font-size:9px;padding:11px 12px;gap:12px}.hero-color-link{font-size:8px;gap:7px}.atelier-heading h2{font-size:34px}.color-view-switch button,.lineup-toggle{font-size:8px}.lineup-item>span{font-size:9px}.intro-guide{font-size:9px;gap:6px}.intro-guide button{font-size:8px}}
@media(prefers-reduced-motion:reduce){.lineup-item .coat-rotor{transition:none}.intro-guide{display:none}}
.motion-paused .lineup-item .coat-rotor{transition:none}
html{scroll-padding-top:96px}.color-atelier{scroll-margin-top:0}
@media(max-width:850px){html{scroll-padding-top:80px}}
@media(min-width:851px) and (max-height:850px){.atelier-heading h2{font-size:48px}.color-toolbar{margin-top:14px;padding-top:9px;padding-bottom:9px}.lineup-item .coat-portrait{width:clamp(60px,calc((100svh - 485px)*.42857),119px)}.color-atelier.is-lineup{padding-bottom:62px}}
@media(max-width:600px){.hero{height:calc(100svh - 80px);min-height:560px;max-height:none;margin:0;border-radius:0}.hero-photo{inset:0;transform:none}.hero-photo img{object-fit:cover;object-position:60% 50%}.hero-shade{background:linear-gradient(180deg,#131912a6 0%,#13191230 29%,transparent 43%,#15181240 62%,#151812cc 100%)}.hero-copy{height:100%;display:flex;flex-direction:column;align-items:flex-start;padding:28px 7% 96px}.hero-copy>p{margin-top:auto;margin-bottom:16px}.hero-actions{width:100%}.hero-bottom{display:none}}

/* A second, independent breed collection. */
.savannah-atelier{border-top:1px solid #a48e6b55;background:#9e978b}.savannah-atelier .coat-portrait{aspect-ratio:2/3;clip-path:none}.savannah-atelier .coat-face{background-image:url('/assets/savannah-color-atlas.png');background-size:200% 200%}.savannah-atelier .color-lineup{grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px;margin:auto;gap:36px}.savannah-atelier .lineup-item{grid-column:auto}.savannah-atelier .lineup-item .coat-portrait{width:clamp(160px,20vw,260px);max-width:100%;margin:auto auto 10px}.savannah-atelier .color-art>.coat-portrait{width:280px;max-width:100%}.savannah-atelier .color-swatches{grid-template-columns:repeat(2,1fr);max-width:600px;margin:auto}.design-credit{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;padding:23px 5%;border-top:1px solid #ffffff12;color:#c5bba8;font-size:11px;letter-spacing:.025em}.design-credit a{color:#e5d6b9;text-underline-offset:4px}.design-credit a:hover{text-decoration:underline}
@media(max-width:600px){.savannah-atelier .color-lineup{gap:12px;padding:15px 7%}.savannah-atelier .lineup-item .coat-portrait{width:100%;max-width:200px}.savannah-atelier .lineup-item>span{font-size:16px}.savannah-atelier .color-art>.coat-portrait{width:100%}.savannah-atelier .color-art{height:290px}.savannah-atelier .lineup-item:last-child{grid-column:auto}.design-credit{font-size:10px}}
.savannah-atelier .coat-front{clip-path:inset(0 0 4%)}.savannah-atelier .coat-back{background-position:var(--coat-x) 97%}