/* Seshino Lady — a quieter, more compact beauty edit. */
html[data-theme="dark"]{--page:#181618;--surface:#211e20;--raised:#292528;--panel:#2d272b;--banner:#332c30;--banner-light:#3b3236;--banner-deep:#44383e;--ink:#f1e8eb;--muted:#c4b5bc;--accent:#cfacb8;--gold:#bca391;--line:#51444b;--strong:#d6b9c4;--on-strong:#251c21;--matte:#c9b9bd}
/* All five hero slides share exactly the same outer frame. */
#home.hero,#home.hero[data-photo="true"]{display:block;padding:0 0 64px;min-height:0;max-height:none;height:clamp(360px,calc(100vw / 2.2 + 64px),690px)}
#home.hero .hero-copy{position:absolute;left:6.5%;top:calc(50% - 32px);transform:translateY(-50%);width:43%;min-height:0;padding:0;animation:none;opacity:1;z-index:3}
#home.hero .hero-copy h1{font-size:clamp(28px,3.9vw,60px);min-height:0;margin:20px 0}
#home.hero .hero-copy p{font-size:14px;line-height:2;margin-bottom:20px;max-width:330px}
#home.hero .hero-art{position:absolute;top:4%;right:3%;height:calc(92% - 64px);width:47%;margin:0}
#home.hero .hero-art .art-caption{bottom:6px;font-size:7px}#home.hero .hero-art .motion-toggle{bottom:19px}
#home.hero .hero-ritual{inset:3% 7% 3% 5%}#home.hero .hero-ritual img{border-radius:48% 48% 4px 4px}
#home.hero .hero-bottom{bottom:14px;left:6.5%;right:6.5%;z-index:5}#home.hero .hero-bottom>a{display:none}
#home.hero[data-photo="true"] .hero-photo{position:absolute;inset:0 0 64px;height:auto;width:100%;display:block;background:var(--banner-light)}
#home.hero[data-photo="true"] .hero-photo img{width:100%;height:100%;max-height:none;object-fit:contain}
#home.hero[data-photo="true"] .hero-photo-caption{position:absolute;bottom:0;left:0;right:0;background:var(--surface);font:13px/1.8 Body;padding:8px 6.5%;opacity:.95;text-align:right}
#home.hero .hero-copy.is-changing{animation:none;transform:translateY(-50%)}
/* Individually framed photographs replace crops of a screenshot. */
.portrait-categories{padding-top:32px;padding-bottom:23px}.portrait-categories h2{font-size:26px;margin-bottom:21px}.portrait-category-row{gap:27px;align-items:start}.portrait-category{gap:13px;font-size:14px}.portrait-photo{display:block;position:relative;width:100%;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 0 5px var(--page),0 0 0 6px var(--line);overflow:hidden;transition:transform .3s,box-shadow .3s}.portrait-photo svg,.portrait-photo img{display:block;width:100%;height:100%;object-fit:cover;fill:none;stroke:none;border:0;padding:0}.portrait-category:hover .portrait-photo{transform:translateY(-4px);box-shadow:0 0 0 5px var(--page),0 0 0 6px var(--accent)}
/* Compact interactive interlude. */
.beauty-mood{position:relative;isolation:isolate;overflow:hidden;margin:10px 6.5% 24px;padding:23px 28px;min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--line);border-radius:6px;background:var(--surface);--mood:#b87583}.beauty-mood>.mood-trace{position:absolute;inset:auto -4% -90px;height:130px;border:1px solid var(--mood);border-radius:50%;transform:rotate(-4deg);opacity:.25;z-index:-1;transition:transform .7s,border-color .4s}.beauty-mood[data-mood="care"]{--mood:#a28f7b}.beauty-mood[data-mood="scent"]{--mood:#8f708d}.beauty-mood[data-mood="care"]>.mood-trace{transform:rotate(4deg) translateY(-10px)}.beauty-mood[data-mood="scent"]>.mood-trace{transform:rotate(-1deg) translateY(-22px)}.beauty-mood .eyebrow{font-size:7px;letter-spacing:2px;color:var(--muted)}.beauty-mood h2{font:22px/1.7 Body;margin:6px 0 0;white-space:nowrap}.mood-options{display:flex;align-items:center;gap:8px}.mood-options button{display:flex;align-items:center;justify-content:center;gap:9px;background:transparent;border:1px solid transparent;border-radius:30px;padding:12px 14px;font:13px/1.6 Body;white-space:nowrap;min-height:44px}.mood-options button i{height:12px;width:12px;border-radius:50%;background:#b87583;box-shadow:inset 0 0 0 1px #0001}.mood-options button:nth-child(2) i{background:#c5b6a5}.mood-options button:nth-child(3) i{background:#ad95ad}.mood-options button[aria-pressed="true"]{border-color:var(--line);background:var(--panel)}#moodLink{display:flex;align-items:center;gap:12px;font:13px/1.8 Body;min-height:44px;white-space:nowrap;border-bottom:1px solid var(--line)}#moodLink svg{width:17px;height:17px}
/* A tactile colour atelier, with an accessible three-tone inspiration palette. */
#colourAtelier{--tone:#b87583;--tone-light:#efd9da;position:relative;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px;align-items:center;padding-top:40px;padding-bottom:48px}
#colourAtelier[data-tone="nude"]{--tone:#ba9177;--tone-light:#eddfd2}#colourAtelier[data-tone="berry"]{--tone:#824553;--tone-light:#dfcbd0}
#colourAtelier .editorial-copy{padding:20px 20px 20px 0}#colourAtelier h2{font-size:clamp(30px,3.5vw,49px);line-height:1.15;margin:18px 0}#colourAtelier h2 em{color:var(--accent)}#colourAtelier p{font-size:15px;line-height:2}#colourAtelier .eyebrow{font-size:8px;letter-spacing:3px}#colourAtelier .texture{height:355px;min-height:0;border-radius:48% 48% 7px 7px;background:radial-gradient(ellipse at 50% 30%,#fff9,var(--tone-light));border:1px solid var(--line);isolation:isolate;transition:background .5s,transform .5s}#colourAtelier .texture:before{content:'';position:absolute;width:72%;height:9%;bottom:14%;left:14%;background:var(--tone);border-radius:50%;opacity:.18;filter:blur(7px)}#colourAtelier .texture:after{content:'';position:absolute;inset:13px;border:1px solid #fff8;border-radius:48% 48% 4px 4px;pointer-events:none}#colourAtelier .cream-texture{transform:translateY(18px);border-radius:7px 7px 48% 48%}#colourAtelier .editorial-object{inset:13% 11% 16%;height:auto;width:78%;transform:rotate(-9deg)}#colourAtelier .nude{transform:rotate(8deg)}#colourAtelier .colour-object-label{position:absolute;bottom:20px;left:0;right:0;text-align:center;color:#613e49;font:7px/1.7 Arial,sans-serif;letter-spacing:2px;z-index:3}.colour-palette{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:22px 0 13px}.colour-palette button{border:3px solid var(--page);outline:1px solid transparent;background:var(--swatch);border-radius:50%;height:32px;width:32px;min-height:32px;transition:transform .2s}.colour-palette button[aria-pressed="true"]{outline-color:var(--accent);transform:scale(1.08)}.colour-palette button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.colour-palette span{font:10px/1.8 Body;color:var(--muted)}
@media(max-width:1000px){.beauty-mood{flex-wrap:wrap;gap:10px 20px}.beauty-mood>div:first-child{flex:1}.mood-options{order:3;flex:0 0 100%;justify-content:center}.beauty-mood h2{font-size:20px}}
@media(max-width:700px){
#home.hero,#home.hero[data-photo="true"]{height:315px;padding:0 0 55px;min-height:0}#home.hero .hero-copy{left:6%;width:49%;top:calc(50% - 27px)}#home.hero .hero-copy>.eyebrow{font-size:5px;letter-spacing:1px}#home.hero .hero-copy h1{font-size:24px;line-height:1.12;letter-spacing:-.7px;margin:12px 0}#home.hero .hero-copy p{font-size:12px;line-height:1.8;margin:0 0 12px;max-width:190px}#home.hero .hero-copy .button{font-size:11px;min-height:40px;padding:8px 11px;gap:12px}#home.hero .hero-copy .button svg{width:15px}#home.hero .hero-art{width:43%;right:0;height:200px;top:22px}#home.hero .hero-art .art-caption,#home.hero .hero-ritual span{display:none}#home.hero .hero-art .motion-toggle{font-size:8px;bottom:-18px}#home.hero .hero-art .motion-toggle svg{width:12px}#home.hero .hero-ritual{inset:0 7% 0 0}#home.hero .hero-ritual img{object-position:78% center}#home.hero .hero-bottom{bottom:10px;left:6%;right:6%}#home.hero .hero-controls{gap:9px}#home.hero[data-photo="true"] .hero-photo{inset:0 0 55px}#home.hero[data-photo="true"] .hero-photo-caption{font-size:12px;line-height:1.8;padding:6px 6%}#home.hero[data-photo="true"] .hero-photo img{object-fit:contain;object-position:center 20%}
.portrait-categories{padding:25px 6% 15px}.portrait-categories h2{font-size:23px;margin-bottom:20px}.portrait-category-row{gap:20px;padding:8px 7px 14px;scrollbar-width:none}.portrait-category{flex-basis:91px;gap:12px;font-size:13px}.portrait-photo{width:91px;height:91px;flex-shrink:0}
.beauty-mood{margin:4px 6% 20px;padding:17px 16px;gap:9px 8px;min-height:0}.beauty-mood h2{font-size:18px}.beauty-mood .eyebrow{font-size:5px;letter-spacing:1px}#moodLink{font-size:11px;gap:5px}.mood-options{gap:3px;justify-content:space-between}.mood-options button{font-size:11px;padding:10px 7px;gap:5px;min-height:42px}.mood-options button i{width:8px;height:8px}
#colourAtelier{grid-template-columns:1fr 1fr;gap:12px;padding:22px 6% 36px}#colourAtelier .editorial-copy{grid-column:1/-1;padding:0 0 5px}#colourAtelier h2{font-size:33px;margin:15px 0}#colourAtelier p{font-size:14px;line-height:2;margin:0}#colourAtelier .texture{height:230px}#colourAtelier .cream-texture{transform:translateY(9px)}#colourAtelier .editorial-object{inset:12% 7% 18%;width:86%;height:auto}#colourAtelier .colour-object-label{font-size:5px;letter-spacing:1px;bottom:15px}.colour-palette{margin:17px 0 8px}.colour-palette button{height:35px;width:35px}#colourAtelier .text-link{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.portrait-photo,.beauty-mood>.mood-trace,#colourAtelier .texture,.colour-palette button{transition:none}}
@media(max-width:700px){#home.hero .hero-copy .lady-logo-word{font-size:23px;letter-spacing:.3px}#home.hero .hero-copy .lady-logo-line{font-size:40px}#home.hero .hero-copy h1:has(.lady-logo-sculpture){margin:10px 0 9px}#home.hero .hero-copy .logo-replay{font-size:8px;margin-top:8px;padding:5px 0}#home.hero .hero-copy:has(.lady-logo-sculpture)>p{font-size:12px;line-height:1.7;margin-bottom:10px}}