:root{
  color-scheme: light;
  --ink:#594258;
  --soft-ink:#8b748c;
  --rose:#cd8da9;
  --gold:#d5a980;
  --base:#fcf6f6;
}
*,*::before,*::after{box-sizing:border-box}
html{height:100%;scroll-behavior:smooth}
body{margin:0;min-width:320px;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;background:var(--base)}
button{font:inherit}
button:focus-visible,a:focus-visible{outline:2px solid #9c5881;outline-offset:6px}
.skip-link{position:absolute;z-index:20;left:16px;top:-100px;padding:10px 14px;background:white;color:var(--ink)}
.skip-link:focus{top:12px}
.site-shell{
  position:relative;min-height:100svh;min-height:100dvh;overflow:hidden;isolation:isolate;
  display:grid;grid-template-rows:auto 1fr auto;
  background:
    radial-gradient(ellipse 42% 48% at 8% 13%,rgba(249,201,219,.52),transparent 100%),
    radial-gradient(ellipse 44% 54% at 93% 20%,rgba(216,198,239,.52),transparent 100%),
    radial-gradient(ellipse 46% 46% at 87% 88%,rgba(188,231,240,.46),transparent 100%),
    radial-gradient(ellipse 40% 43% at 15% 92%,rgba(255,225,218,.50),transparent 100%),
    linear-gradient(145deg,#fff9f8 0%,#fcf4f9 47%,#f4f5fb 100%);
}
.site-shell::after{
  content:"";position:absolute;inset:15px;z-index:-1;pointer-events:none;
  border:1px solid rgba(183,143,166,.17)
}
.topbar{display:flex;justify-content:flex-end;align-items:center;padding:32px clamp(25px,5vw,84px) 0;position:relative;z-index:2}
.topbar-mark{font-size:10px;letter-spacing:.27em;font-weight:600;color:rgba(109,73,101,.50)}
.language-control{display:flex;align-items:center;gap:12px}
.language{border:0;background:transparent;cursor:pointer;font-size:11px;letter-spacing:.18em;color:#a78fa3;padding:5px 3px;transition:color .25s ease}
.language:hover,.language.is-active{color:#624560}
.language.is-active{font-weight:700}
.lang-sep{font-size:11px;color:#bfa6ba}
.landing{display:flex;min-width:0;align-items:center;justify-content:center;padding:10px 24px 32px}
.landing-body{width:100%;min-width:0;max-width:1200px;display:flex;flex-direction:column;align-items:center;transform:translateY(-1vh)}
.brand-panel{display:flex;flex-direction:column;align-items:center;width:100%}
.brand-logo{display:block;width:clamp(205px,19.5vw,276px);height:auto;object-fit:contain;filter:drop-shadow(0 16px 25px rgba(154,91,138,.13))}
.brand-title{display:flex;flex-direction:column;align-items:center;gap:7px;margin:13px 0 0;text-align:center;font-weight:500;font-size:clamp(24px,2.3vw,32px);letter-spacing:.31em;line-height:1.15;color:#76546f;padding-left:.31em}
.brand-title span{font-weight:400;font-size:clamp(10px,.92vw,12px);letter-spacing:.38em;line-height:1.7}
.story{display:flex;flex-direction:column;align-items:center;margin-top:clamp(28px,4.5vh,50px);width:100%}
.story-ornament{display:flex;gap:13px;align-items:center;justify-content:center;width:130px;height:12px;margin-bottom:clamp(16px,2.4vh,25px)}
.story-ornament span{height:1px;width:42px;background:linear-gradient(90deg,transparent,rgba(194,145,163,.65))}
.story-ornament span:last-child{transform:rotate(180deg)}
.story-ornament i{width:5px;height:5px;border:1px solid #c99eaa;transform:rotate(45deg)}
.statement-display{width:min(920px,94vw);min-height:clamp(120px,17vh,215px);position:relative;display:flex;align-items:center;justify-content:center;text-align:center}
.statement-text{
  margin:0;max-width:100%;color:#63465e;
  font-family:Georgia,'Times New Roman',serif;font-size:clamp(25px,2.7vw,39px);
  font-weight:400;letter-spacing:-.027em;line-height:1.41;text-wrap:balance;
  transition:none;will-change:opacity;
}
.statement-text .word{display:inline;white-space:nowrap}
.particle-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}

.footer{height:74px;display:flex;align-items:center;justify-content:center;gap:25px;color:#866d84;font-size:10px;letter-spacing:.32em}
.footer-line{width:47px;height:1px;background:linear-gradient(90deg,transparent,#cda8b3)}
.footer-line:last-of-type{transform:rotate(180deg)}
@media(max-height:720px) and (min-width:701px){.landing{padding-bottom:8px}.brand-logo{width:clamp(160px,17vh,190px)}.story{margin-top:12px}.story-ornament{margin-bottom:8px}.footer{height:50px}.topbar{padding-top:18px}}
@media(max-width:700px){
 .site-shell::after{inset:9px}
 .topbar{padding:27px 25px 0}
 .landing{padding:4px 27px 16px}
 .landing-body{transform:translateY(-1.4vh)}
 .brand-logo{width:clamp(184px,51vw,242px);max-width:100%}
 .brand-title{margin-top:13px;font-size:clamp(21px,6vw,27px);letter-spacing:.22em;white-space:nowrap}
 .brand-title span{font-size:10px;letter-spacing:.26em}
 .story{margin-top:27px}
 .story-ornament{margin-bottom:18px}
 .statement-display{width:100%;min-height:245px}
 .statement-text{font-size:clamp(24px,5.9vw,33px);line-height:1.45;letter-spacing:-.023em}
 
 .footer{height:75px;font-size:9px;gap:17px}
 .footer-line{width:35px}
}
@media(max-width:390px){.story{margin-top:24px}.statement-display{min-height:253px}.brand-logo{width:clamp(178px,51vw,216px)}.brand-title{font-size:22px;letter-spacing:.18em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.statement-text{opacity:1!important}.particle-canvas{display:none!important}}