:root{--ink:#123e43;--paper:#f5f1e7;--muted:#4d6461;--accent:#ad4725;--sky:#eeac68;--water:#51897d;--night:.05;--sun-x:72%;--sun-y:20%;--sun-color:#ffe7af;--light-position:75%}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:1rem/1.55 Arial,Helvetica,sans-serif}button,input{font:inherit}a{color:inherit;text-underline-offset:5px}a:focus-visible,button:focus-visible,h2:focus-visible{outline:3px solid #b14e2c;outline-offset:5px}.symbol-library{position:absolute;width:0;height:0;overflow:hidden}.masthead{height:68px;max-width:1540px;margin:auto;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:1.35rem;font-weight:800;letter-spacing:.18em;text-decoration:none}.brand svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.6}.header-action{font-size:1rem;font-weight:700;text-decoration:none;border-bottom:1px solid;padding:7px 0}.header-action span{padding-left:8px}
main{max-width:1540px;margin:auto}.experience{height:438px;position:relative;margin:0 24px;overflow:hidden;border-radius:8px}.scene,.coast-image,.ocean,.sky-tone,.water-tone,.night-tone,.reading-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scene{background:#286268}.coast-image{object-fit:cover;object-position:center 47%}.coast-image[hidden],.pick-art img[hidden]{display:none}.ocean{background:linear-gradient(#b6c9cb 0%,#e2ca9a 38%,#357e87 39%,#104c58 75%,#d7bb8d 76%)}.sky-tone{background-color:var(--sky);mix-blend-mode:color;opacity:.65;mask-image:linear-gradient(#000 0%,#000 28%,transparent 65%);transition:background-color .8s}.water-tone{background-color:var(--water);mix-blend-mode:color;opacity:.48;mask-image:linear-gradient(transparent 25%,#000 55%);transition:background-color .8s}.night-tone{background:#061c36;opacity:var(--night);transition:opacity .8s}.reading-shade{background:linear-gradient(90deg,rgba(4,25,31,.84),rgba(4,25,31,.45) 42%,rgba(4,25,31,0) 72%)}.sun{position:absolute;left:var(--sun-x);top:var(--sun-y);width:56px;height:56px;transform:translate(-50%,-50%);transition:left .85s,top .85s;pointer-events:none;opacity:.75}.sun::before{content:"";display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,var(--sun-color) 0 20%,#ffe9bd55 45%,transparent 72%)}.hero-copy{position:relative;color:#fff8e8;padding:36px 52px;width:650px;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.94rem;font-weight:700}.hero-copy .eyebrow{color:#f1d09a;margin:0 0 13px}.hero-copy h1{font:400 clamp(4.2rem,5.8vw,5.4rem)/1.04 Georgia,'Times New Roman',serif;letter-spacing:-.045em;margin:0 0 17px}.hero-copy h1>span{display:block}.hero-copy h1>span+span{margin-top:.08em}.hero-copy h1 em{font-weight:400;color:#f6d79f}.intro{font-size:1.45rem;line-height:1.4;max-width:30rem;margin:0}.light-label{position:absolute;right:40px;top:28px;color:#fff8e8;text-align:right;display:grid;gap:8px;text-shadow:0 1px 8px #102c34;z-index:3}.light-label .eyebrow{font-size:.8rem}.light-label #mood-label{font:italic 2rem Georgia,serif}.light-track{height:1px;background:#ffffff65;width:145px;margin:5px 0 0 auto;position:relative}.light-track i{position:absolute;left:var(--light-position);width:7px;height:7px;border-radius:50%;background:#fff1ca;top:-3px;transform:translateX(-50%);transition:left .8s}.shore-response{position:absolute;bottom:10%;right:-5%;width:85%;height:26%;fill:none;stroke:#fff9e4;stroke-width:2;opacity:0;pointer-events:none}.wave-response .shore-response{animation:shore 900ms ease-out}.wave-response .coast-image{animation:breathe 900ms ease-out}
.finder{position:relative;margin:-56px 5.5% 0;padding:20px 28px 16px;background:#fffaf0;z-index:5;border-radius:7px;box-shadow:0 12px 40px #102f3514;border:1px solid #d9ddcd;scroll-margin-top:16px}.finder-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;gap:20px}.finder-top>span:first-child{font-family:Georgia,serif;font-size:1.35rem}.step-hint{font-size:.94rem;color:var(--muted)}form{display:grid;grid-template-columns:1.28fr 1fr auto;align-items:end;gap:25px}fieldset{border:0;margin:0;padding:0;min-width:0}legend{font-family:Georgia,serif;font-size:1.75rem;margin-bottom:8px;padding:0}legend>span{font-family:Arial,sans-serif;font-size:.94rem;color:#5b716c;margin-right:10px}.time-options{display:flex;gap:5px}.choice,.vibe-choice{position:relative;cursor:pointer;min-width:0;flex:1}.choice input,.vibe-choice input{position:absolute;opacity:0;width:1px;height:1px;left:50%;bottom:0}.choice>span{display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:column;white-space:nowrap;min-height:58px;border:1px solid transparent;border-radius:5px;font-size:1rem;padding:5px;transition:background-color .2s,transform .2s,border-color .2s}.choice:hover>span,.vibe-choice:hover>span{background:#ebeede;transform:translateY(-2px)}.choice input:checked+span{background:#f0dfbc;border-color:#ceae78;color:#513b22;box-shadow:inset 0 -2px #ba884e}.choice input:focus-visible+span,.vibe-choice input:focus-visible+span{outline:3px solid #b14e2c;outline-offset:3px}.time-icon{width:18px;height:18px;border:1.5px solid currentColor;border-radius:50%;display:block;position:relative}.time-icon::after{content:"";position:absolute;height:1px;background:currentColor;left:-4px;right:-4px;bottom:2px}.morning{background:linear-gradient(90deg,transparent 50%,#c69851 50%)}.noon{background:#bd8744;border-color:#bd8744;box-shadow:0 0 0 3px #bd874419}.noon::after{display:none}.golden{background:#c28b42}.dawn,.dusk{clip-path:polygon(-30% 0,130% 0,130% 80%,-30% 80%)}.dusk{background:linear-gradient(0deg,#bb7434 45%,transparent 45%)}.vibe-options{display:flex;gap:5px}.vibe-choice>span{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:58px;padding:5px;font-size:1rem;white-space:nowrap;border:1px solid transparent;border-radius:5px;transition:background-color .2s,transform .2s}.vibe-choice svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.7;fill:none}.vibe-choice input:checked+span{background:#dbe7df;border-color:#729d8e;color:#154c47;box-shadow:inset 0 -2px #5f9584}.find-button{border:0;border-radius:4px;color:#fff8e7;background:var(--ink);height:58px;padding:0 22px;min-width:170px;display:flex;align-items:center;justify-content:space-between;gap:23px;cursor:pointer;font-size:1.06rem;font-weight:700;box-shadow:0 4px 0 #082a2e;transition:transform .2s,background-color .2s}.find-button:hover{background:#1d5c60;transform:translateY(-2px)}.find-button:active{transform:translateY(2px);box-shadow:none}.find-button>span{font-size:1.5rem}.finder-bottom{display:flex;justify-content:space-between;gap:20px;align-items:baseline;border-top:1px solid #dce0d1;margin-top:13px;padding-top:10px}.finder-bottom p{margin:0;font-size:.94rem;color:var(--muted)}#status{text-align:right;max-width:55%}
.result-stage{position:relative;overflow:hidden;margin:0 5.5%;border-radius:0 0 8px 8px}.result{display:grid;grid-template-columns:30% 1fr;gap:35px;padding:34px 0 25px}.result[hidden]{display:none}.pick-art{position:relative;overflow:hidden;min-height:310px;background:linear-gradient(#78a4a4,#164951);border-radius:4px}.pick-art img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:45% center}.pick-copy .eyebrow{color:#8a512e;font-size:.94rem;margin:3px 0 10px}.pick-copy h2{font:400 2.5rem/1.1 Georgia,serif;letter-spacing:-.025em;margin:0 0 16px}.pick-copy>p{font-size:1.125rem;max-width:750px;margin:12px 0}.pick-copy .fact{font-size:1rem;color:var(--muted)}.pick-copy .note{font-size:1rem;border-left:2px solid #b8854b;padding-left:13px}.result-links{display:flex;gap:20px;flex-wrap:wrap;font-size:1rem;margin:20px 0}.reset-button{display:flex;gap:10px;align-items:center;background:transparent;border:1px solid #9aac9e;color:var(--ink);padding:11px 15px;border-radius:4px;font-size:1rem;cursor:pointer}.reset-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}.reset-button>span{margin-left:15px;font-size:1.125rem}.reset-button:hover{background:#dce8df}.revealing .pick-art{animation:reveal-art .7s cubic-bezier(.2,.7,.2,1)}.revealing .pick-copy{animation:reveal-copy .65s cubic-bezier(.2,.7,.2,1)}#wave-wipe{position:absolute;inset:-10% -15% -5%;pointer-events:none;z-index:10;transform:translateY(115%);opacity:0}#wave-wipe svg{width:100%;height:100%;fill:#1d626a}.wave-back{fill:#78aaa2}.is-resetting #wave-wipe{animation:reset-wave .9s cubic-bezier(.45,0,.25,1)}footer{max-width:1380px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin:21px auto 0;padding:0 5.5% 25px;font-size:.94rem;color:var(--muted)}footer p{max-width:560px;margin:0}footer>span{font:italic 1rem Georgia,serif;white-space:nowrap}.no-script{margin:20px 6%}
body[data-time=sunrise]{--sky:#dcb2df;--water:#5485ac;--night:.22;--sun-x:49%;--sun-y:27%;--sun-color:#ffd8b8;--light-position:0%}body[data-time=morning]{--sky:#abd6e8;--water:#5595ab;--night:.04;--sun-x:60%;--sun-y:15%;--sun-color:#fff6cd;--light-position:25%}body[data-time=midday]{--sky:#5cbbef;--water:#1598b4;--night:0;--sun-x:67%;--sun-y:9%;--sun-color:#fffde9;--light-position:50%}body[data-time=sunset]{--sky:#ed806b;--water:#554f87;--night:.34;--sun-x:73%;--sun-y:23%;--sun-color:#ffb569;--light-position:100%}
@keyframes shore{0%{opacity:0;transform:translate(-30px,18px)}30%{opacity:.45}100%{opacity:0;transform:translate(10px,-14px)}}@keyframes breathe{0%{transform:scale(1.012)}100%{transform:scale(1)}}@keyframes reveal-art{from{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:none}}@keyframes reveal-copy{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes reset-wave{0%{transform:translate(-3%,115%);opacity:1}48%{transform:translate(2%,-3%);opacity:1}80%{transform:translate(4%,-115%);opacity:1}100%{transform:translate(4%,-120%);opacity:0}}
@media(min-width:1600px){.experience{height:470px}.hero-copy{padding-top:44px}.hero-copy h1{font-size:5.8rem}}
@media(max-width:1100px){form{grid-template-columns:1.2fr 1fr;gap:20px}.find-button{grid-column:1/-1;height:54px;justify-content:center}.experience{height:420px}.hero-copy{padding:34px 35px;width:540px}.hero-copy h1{font-size:4.6rem}.finder{margin-top:-52px}.step-hint{display:none}.result{grid-template-columns:30% 1fr;gap:25px}}
@media(max-width:760px){.masthead{height:62px}.header-action{font-size:1rem}.brand{font-size:1.1rem}.brand svg{width:29px;height:29px}.experience{height:420px;margin:0 12px}.hero-copy{padding:46px 24px 24px;width:100%}.hero-copy h1{font-size:4rem;line-height:1.04}.hero-copy .eyebrow{font-size:.8rem;max-width:17rem;margin-bottom:13px}.intro{font-size:1.125rem;max-width:19rem}.light-label{right:16px;top:14px}.light-label .eyebrow,.light-track{display:none}.light-label #mood-label{font-size:1.25rem}.reading-shade{background:linear-gradient(90deg,#061d2add,#061d2a80 62%,#061d2a22)}.finder{margin:-38px 5% 0;padding:19px}.finder-top{margin-bottom:15px}.finder-top>span:first-child{font-size:1.3rem}form{grid-template-columns:1fr;gap:19px}.find-button{grid-column:auto}.choice>span,.vibe-choice>span{min-height:62px;font-size:1rem}legend{font-size:1.75rem;margin-bottom:8px}.finder-bottom{display:block;margin-top:16px;padding-top:10px}.finder-bottom p{font-size:1rem}#status{text-align:left;max-width:none;margin-top:7px}.result-stage{margin:0 5%}.result{grid-template-columns:1fr;gap:20px}.pick-art{min-height:180px}.pick-art img{object-position:center 57%}.pick-copy h2{font-size:2.25rem}.result-links,.pick-copy>p,.pick-copy .note,.pick-copy .fact{font-size:1rem}footer{display:block;font-size:1rem;padding:0 5% 22px}footer>a{display:inline-block;margin-top:13px}footer>span{display:block;margin-top:13px}}
@media(max-width:440px){.experience{height:400px}.hero-copy{padding-top:48px}.hero-copy h1{font-size:3.55rem}.hero-copy .eyebrow{font-size:.75rem;max-width:14rem}.intro{font-size:1.0625rem}.coast-image{object-position:59% center}.finder{padding:18px 14px}.time-options{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.vibe-options{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.choice>span,.vibe-choice>span{font-size:1rem;padding:7px 3px}.find-button{height:55px}.pick-copy h2{font-size:2.125rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}#wave-wipe{display:none}}

.light-label{padding:11px 14px;background:#10353ee8;border-radius:3px;text-shadow:none}
@media(max-width:760px){.light-label{padding:7px 10px}}