:root{--sun:#f4a340;--dusk:#3b2f4a;--sand2:#fbf3e6;--sea:#2f8f8a;--mist:#8a7f93;--shell:#f0e2cc}
*{box-sizing:border-box}body{margin:0;background:var(--sand2);color:var(--dusk);font:17.5px/1.8 "Cormorant Garamond","Hoefler Text",Garamond,Georgia,serif}
a{color:var(--sea);text-underline-offset:4px}a:hover{color:var(--sun)}
.shore{max-width:940px;margin:0 auto;padding:0 22px}
.horizon{text-align:center;padding:34px 0 20px}
.sunmark{display:inline-block;font-size:30px;font-weight:600;color:var(--dusk);text-decoration:none;letter-spacing:.02em}
.sunmark::before{content:"";display:block;width:46px;height:23px;margin:0 auto 10px;background:var(--sun);border-radius:46px 46px 0 0}
.breath{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 24px;margin-top:12px;font:14.5px/1.6 "Gill Sans","Avenir Next",sans-serif;letter-spacing:.12em;text-transform:uppercase}
.breath a{color:var(--mist);text-decoration:none}.breath a:hover{color:var(--sea)}
.arrive{text-align:center;padding:34px 0 24px;border-top:1px solid var(--shell)}
.arrive h1{font-size:clamp(34px,6vw,58px);line-height:1.08;font-weight:500;margin:0 auto 14px;max-width:16ch}
.arrive p{font-size:20px;color:var(--mist);max-width:50ch;margin:0 auto}
.circle{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px;padding:20px 0 70px}
.mat{display:block;text-decoration:none;color:var(--dusk);padding:26px 22px;background:#fff;border-bottom:4px solid var(--sun);border-radius:4px 4px 0 0}
.mat:hover{border-bottom-color:var(--sea);color:var(--dusk)}
.mat h2{font-size:24px;line-height:1.22;font-weight:600;margin:8px 0}.mat p{margin:0;font-size:17px;line-height:1.55;color:var(--mist)}
.pose{font:600 12px/1 "Gill Sans","Avenir Next",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--sea)}
.journal{max-width:660px;margin:0 auto;padding:34px 0 70px;border-top:1px solid var(--shell)}
.journal h1{font-size:clamp(30px,5vw,46px);line-height:1.12;font-weight:500;margin:14px 0 14px}
.intention{font-size:21px;font-style:italic;color:var(--mist);margin:0 0 30px}
.journal h2{font:600 15px/1.4 "Gill Sans","Avenir Next",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--sea);margin:36px 0 8px}
.journal ul{padding-left:22px}.journal li{margin:5px 0}
.closing{margin-top:42px;text-align:center;font:13.5px/1.5 "Gill Sans","Avenir Next",sans-serif;letter-spacing:.1em;color:var(--mist)}
.tide{text-align:center;font:14px/1.7 "Gill Sans","Avenir Next",sans-serif;color:var(--mist);border-top:1px solid var(--shell);padding:22px 0 34px}
@media(max-width:560px){body{font-size:17px}.arrive{padding-top:24px}}