:root{--ink:#17312e;--muted:#607573;--paper:#e5eeeb;--sea:#a8c4be}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Arial",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{outline-offset:5px}button:focus-visible,a:focus-visible{outline:2px solid #244d46}.demo-note{position:relative;z-index:10;background:#17312e;color:#e5eeeb;padding:6px 4vw;text-align:center;font:10px/1.4 Arial,sans-serif;letter-spacing:.18em}.nav{height:78px;position:absolute;z-index:8;top:27px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;color:white;border-bottom:1px solid #ffffff66}.logo{font-size:34px;font-weight:800;letter-spacing:-.09em}.logo span{font-size:7px;vertical-align:top;margin:7px}.nav nav{display:flex;gap:35px;font-size:13px}.nav-action{font-size:13px;border:1px solid #fff9;padding:13px 18px;border-radius:50px}.nav-action span{margin-left:30px}.hero{height:100vh;min-height:680px;position:relative;overflow:hidden;color:#fff}.hero-image{position:absolute;inset:0;background:url('assets/coast.png') center/cover;transform:scale(calc(1.04 + var(--scroll-progress,0)*.12)) translateY(calc(var(--scroll-progress,0)*-4%));will-change:transform}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#1136348c 0%,#17312e29 58%,transparent),linear-gradient(0deg,#1136347d,transparent 32%)}.hero-top{position:absolute;z-index:2;top:130px;left:4.5vw;right:4.5vw;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.09em}.hero-copy{position:absolute;z-index:2;left:4.5vw;bottom:12vh}.kicker,.eyeline{font-size:11px;letter-spacing:.22em;font-weight:bold}.hero h1{font-size:clamp(76px,10.2vw,170px);letter-spacing:-.095em;line-height:.84;margin:28px 0 34px;font-weight:600}.hero h1 i,.end h2 i{font-family:Georgia,serif;font-weight:400}.hero-copy>p:not(.kicker){font-size:17px;max-width:380px;line-height:1.5}.round-link{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:1px solid white;margin-top:26px;font-size:28px;transition:transform .3s,background .3s}.round-link:hover{background:#fff3;transform:translateY(5px)}.hero-count{position:absolute;z-index:2;right:4.5vw;bottom:5vh;display:flex;gap:90px;font-size:10px;letter-spacing:.14em}.manifest{min-height:95vh;padding:12vh 6vw;display:grid;grid-template-columns:1fr 3fr;border-bottom:1px solid #aabdb7;align-items:start}.manifest-index{font-size:11px;letter-spacing:.17em;padding-top:18px}.manifest-copy{max-width:1100px}.manifest h2,.rhythm h2{font-size:clamp(62px,8.8vw,145px);font-weight:500;letter-spacing:-.085em;line-height:.94;margin:50px 0 75px}.manifest h2 em,.rhythm h2 em{font-family:Georgia,serif;font-weight:400;color:#6d9a91}.manifest-foot{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid #aac0b8;padding-top:35px}.manifest-foot p{font-size:20px;line-height:1.6;max-width:520px}.line-arrow{font-size:70px;font-weight:100}.image-story{padding:6vw;background:#cadbd6}.image-frame{height:70vh;overflow:hidden;position:relative;border-radius:4px}.image-frame img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.12) translateY(calc(var(--image-shift,0)*-8%));will-change:transform}.frame-label{position:absolute;bottom:22px;left:24px;color:white;font-size:11px;letter-spacing:.15em}.image-caption{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:22px 0}.image-caption span{font-size:11px;letter-spacing:.15em}.image-caption p{font-size:19px;max-width:480px;line-height:1.45}.rhythm{min-height:100vh;padding:11vh 6vw;background:#f2f5f0}.rhythm-head{display:flex;justify-content:space-between;align-items:start}.rhythm-head p{font-size:11px;letter-spacing:.18em}.rhythm h2{margin:0 0 90px;min-width:65%;font-size:clamp(64px,8vw,128px)}.rhythm-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #b8c9c0}.rhythm-grid article{padding:30px 40px 60px 0;border-right:1px solid #b8c9c0;min-height:280px}.rhythm-grid article+article{padding-left:40px}.rhythm-grid article:last-child{border:0}.rhythm-grid span{color:#66847f;font-size:12px}.rhythm-grid h3{font-size:40px;font-weight:500;letter-spacing:-.06em;margin:45px 0 20px}.rhythm-grid p{font-size:15px;line-height:1.6;max-width:300px}.end{min-height:100vh;background:#17312e;color:#e8f0ed;position:relative;overflow:hidden;padding:12vh 6vw 0}.end-inner{position:relative;z-index:2}.end-inner>span{font-size:11px;letter-spacing:.18em}.end h2{font-size:clamp(85px,13vw,210px);letter-spacing:-.09em;line-height:.85;font-weight:500;margin:10vh 0 35px}.end h2 i{color:#a3c8bc}.end p{font-size:17px;line-height:1.6;max-width:460px}.end a{display:inline-flex;gap:40px;border-bottom:1px solid #d0e4da;padding:14px 0;font-size:17px}.end a b{font-weight:400}.end-word{font-weight:800;font-size:35vw;letter-spacing:-.12em;line-height:1;color:#a3c8bc13;position:absolute;bottom:-.25em;right:0;white-space:nowrap}.manifest-copy,.rhythm-grid article,.end-inner{opacity:0;transform:translateY(70px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.in-view{opacity:1!important;transform:translateY(0)!important}.rhythm-grid article:nth-child(2){transition-delay:.15s}.rhythm-grid article:nth-child(3){transition-delay:.3s}@media(max-width:720px){.nav{height:64px;top:26px}.logo{font-size:27px}.nav nav{display:none}.nav-action{font-size:10px;padding:10px 12px}.nav-action span{margin-left:6px}.hero{min-height:660px}.hero-image{background-position:61% center}.hero-top{top:110px}.hero-top span:last-child{display:none}.hero-copy{bottom:12vh}.hero h1{font-size:clamp(62px,16vw,105px)}.hero-copy>p:not(.kicker){font-size:14px;max-width:260px}.hero-count{left:4.5vw;right:auto;gap:35px}.manifest{grid-template-columns:1fr;padding:80px 6vw;gap:40px;min-height:0}.manifest h2{font-size:clamp(54px,13vw,90px);margin:25px 0 60px}.manifest-foot p{font-size:16px}.line-arrow{font-size:42px}.image-frame{height:55vh}.image-caption p{font-size:14px}.rhythm{min-height:0;padding:80px 6vw}.rhythm-head{display:block}.rhythm h2{font-size:clamp(56px,12vw,90px);margin:35px 0 70px}.rhythm-grid{grid-template-columns:1fr}.rhythm-grid article,.rhythm-grid article+article{padding:22px 0 30px;min-height:0;border-right:0;border-bottom:1px solid #b8c9c0}.rhythm-grid h3{margin:15px 0}.end{min-height:760px;padding:80px 6vw}.end h2{font-size:clamp(75px,16vw,120px)}.end p{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.manifest-copy,.rhythm-grid article,.end-inner{opacity:1;transform:none}.hero-image,.image-frame img{transform:none}}