/* The requested change is ONLY the floating navigation pill; keep the sky-blue KOZA hero. */
.announcement{display:none}
.header{position:absolute;top:23px;left:50%;transform:translateX(-50%);width:min(1150px,calc(100% - 70px));height:64px;z-index:30;border-radius:100px;background:#f2efdbf5;box-shadow:0 8px 28px #29351f22;padding:0 29px;backdrop-filter:blur(8px)}
.header .logo{font-size:37px}.header .nav{gap:27px;font-size:11px}.header-cta{padding:11px 16px 11px 19px;font-size:10px}
.hero{padding-top:118px;min-height:790px}
.intro{position:relative;display:grid;grid-template-columns:minmax(0,49%) minmax(0,51%);gap:0;min-height:820px;padding:0;background:#e8e2c9;overflow:hidden}
.intro>.section-number{position:absolute;right:6%;top:65px;z-index:4}
.intro-content{grid-column:2;grid-row:1;position:relative;z-index:2;max-width:none;padding:125px 12% 100px;text-align:center;align-self:center}
.intro .tiny-flower{margin:0 0 25px}.intro h2{font-size:clamp(45px,4.8vw,77px);line-height:1.13;max-width:580px;margin:auto}
.intro-content>p:last-of-type{max-width:490px;margin:33px auto 0;font-size:14px;line-height:1.9}.intro .font-chooser,.intro .intro-tags{justify-content:center}
.nature-diary{grid-column:1;grid-row:1;margin:0;position:relative;width:100%;height:820px;max-width:none;align-self:stretch;overflow:hidden;z-index:1}
.nature-diary .moss-silhouette-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 42%;-webkit-mask-image:url('assets/moss-silhouette.svg');mask-image:url('assets/moss-silhouette.svg');-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.intro .intro-side{display:none}.intro:after{z-index:3}
@media(max-width:1000px){.header{width:calc(100% - 30px);padding:0 22px}.hero{padding-top:120px}.intro{min-height:720px}.nature-diary{height:720px}.intro-content{padding:105px 9% 80px}.intro h2{font-size:clamp(40px,5vw,65px)}}
@media(max-width:650px){.header{top:12px;width:calc(100% - 25px);height:60px;border-radius:55px;padding:0 18px}.header .logo{font-size:33px}.header .nav{top:60px;border-radius:18px}.header-cta{margin-right:10px;padding:10px 11px}.hero{padding-top:110px;min-height:790px}.intro{display:flex;flex-direction:column;min-height:0}.intro>.section-number{top:auto;bottom:23px;right:7%;font-size:8px}.nature-diary{order:0;width:100%;height:445px;flex:none;max-width:none}.intro-content{order:1;padding:50px 7% 92px}.intro h2{font-size:clamp(46px,11vw,64px)}.intro-content>p:last-of-type{font-size:13px}}