/* Immersive, photo-led cover using the owner's original photograph. */
.site-nav{background:transparent;border-bottom:1px solid #ffffff20;backdrop-filter:none;transition:background .25s,border-color .25s}
.nav-shell{width:calc(100% - 100px);max-width:1500px;padding:23px 0}
.site-nav .brand,.site-nav .brand-dot,.site-nav .nav-link,.site-nav .icon-button{color:#fff}
.site-nav .brand-mark{background:#ffffff20;border:1px solid #ffffff75;color:white;font-weight:500}
.site-nav .nav-link:hover,.site-nav .nav-link[aria-current=location],.site-nav .icon-button:hover{background:#ffffff18;color:#fff}
.site-nav .desktop-links{gap:14px}.site-nav .nav-link{font-weight:400;font-size:12px}
.site-nav .language-menu,.site-nav .mobile-links{color:#333c36;background:#fcfcf8f5}
.site-nav .mobile-links .nav-link{color:#4f5c50}.site-nav .mobile-links .nav-link:hover{background:#e8ede5}
.site-nav.nav-on-paper{background:#f6f5f1f5;border-color:#dedfd6;backdrop-filter:blur(18px)}
.site-nav.nav-on-paper .brand,.site-nav.nav-on-paper .brand-dot,.site-nav.nav-on-paper .nav-link,.site-nav.nav-on-paper .icon-button{color:#384438}
.site-nav.nav-on-paper .brand-mark{background:#3c493b;color:#fff;border-color:transparent}
.site-nav.nav-on-paper .nav-link:hover,.site-nav.nav-on-paper .nav-link[aria-current=location],.site-nav.nav-on-paper .icon-button:hover{background:#e6eade}
.hero-section.seascape-cover{width:100%;max-width:none;position:relative;isolation:isolate;display:block;height:100svh;min-height:700px;max-height:1200px;margin:0;padding:0;overflow:hidden;border:0;background:#475b53;color:white;text-align:center}
.seascape-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 54%;z-index:-3}
.seascape-shade{position:absolute;inset:0;background:linear-gradient(180deg,#102f324d 0%,#18332e26 35%,#142a2d05 57%,#112a3050 85%,#10293199 100%);z-index:-2}
.seascape-cover .hero-copy{position:absolute;left:50%;top:28%;transform:translateX(-50%);width:calc(100% - 80px);max-width:1300px}
.seascape-cover .hero-eyebrow{justify-content:center;color:#fff9ef;font-size:10px;letter-spacing:.43em;font-weight:400;margin-bottom:28px;text-shadow:0 1px 12px #30433855}
.seascape-cover .hero-slogan{font-size:clamp(44px,4.6vw,72px);line-height:1.5;letter-spacing:.1em;font-weight:500;color:#fffdf5;text-shadow:0 2px 22px #4c49363b;text-wrap:balance}
.seascape-cover .hero-slogan>span{display:inline}.seascape-cover .hero-accent{background:none;color:inherit}.seascape-cover .hero-intro{font-size:13px;line-height:1.9;color:#fff9ef;margin:25px auto 31px;max-width:700px;text-shadow:0 1px 10px #253c3770}
.seascape-cover .hero-intro .bg-black{display:inline;color:inherit!important;border-left:1px solid #ffffff60;margin-left:13px!important;padding-left:13px!important}
.seascape-cover .hero-actions{justify-content:center;gap:15px}.seascape-cover .button{min-height:43px;padding:10px 21px;border-radius:2px;color:#fffdf5;border:1px solid #ffffff70;background:#253f3c16;box-shadow:none;font-size:11px;font-weight:400;backdrop-filter:blur(3px)}
.seascape-cover .button:hover{background:#ffffff25;border-color:#fff;transform:translateY(-2px)}
.seascape-bottom{position:absolute;bottom:34px;left:50px;right:50px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;color:#fffcf3;font-size:10px;letter-spacing:.16em;text-align:left;line-height:1.8}
.seascape-bottom small{font-size:7px;letter-spacing:.15em;color:#ffffffc4}.seascape-note{font-size:8px;letter-spacing:.19em}.seascape-scroll{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;font-size:7px;letter-spacing:.19em}.seascape-scroll>span:last-child{font-size:23px;font-weight:400;line-height:1;transition:translate .2s}.seascape-scroll:hover>span:last-child{translate:0 4px}
@media(max-width:1120px){.nav-shell{width:calc(100% - 64px)}.seascape-cover .hero-slogan{font-size:54px}.seascape-bottom{left:32px;right:32px}}
@media(max-width:800px){.hero-section.seascape-cover{min-height:720px}.seascape-photo{object-position:18% center}.seascape-cover .hero-copy{top:25%;width:calc(100% - 48px)}.seascape-cover .hero-slogan{font-size:52px}.seascape-cover .hero-slogan>span{display:block}.seascape-cover .hero-eyebrow{font-size:9px;margin-bottom:24px;letter-spacing:.3em}.seascape-note{display:none}.seascape-scroll{position:static;transform:none}.seascape-cover .hero-intro{margin:22px auto 27px;font-size:12px}.seascape-cover .hero-intro .bg-black{display:block;border:0;margin:3px 0 0!important;padding:0!important}}
@media(max-width:600px){.nav-shell{width:calc(100% - 40px);padding:17px 0}.hero-section.seascape-cover{min-height:660px;max-height:1000px}.seascape-photo{object-position:0% center}.seascape-cover .hero-copy{top:25%;width:calc(100% - 40px)}.seascape-cover .hero-slogan{font-size:clamp(34px,9.8vw,51px);line-height:1.65;letter-spacing:.1em}.seascape-cover .hero-eyebrow{font-size:8px;letter-spacing:.27em;margin-bottom:22px}.seascape-cover .hero-intro{font-size:11px;margin:20px auto 24px}.seascape-cover .hero-actions{gap:12px}.seascape-cover .button{font-size:10px;padding:10px 17px;min-height:41px}.seascape-bottom{bottom:29px;left:22px;right:22px;font-size:9px}.seascape-bottom small{font-size:6px}.seascape-scroll{font-size:6px;gap:12px}.seascape-scroll>span:last-child{font-size:21px}}
@media(prefers-reduced-motion:reduce){.site-nav,.seascape-scroll>span:last-child{transition:none}}
@media(max-width:600px){.seascape-cover .hero-copy{top:19%}}

/* A larger personal signature in the lower-left corner. */
.corner-signature{display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-shadow:0 2px 14px #132e3270}
.signature-cn{font-size:30px;line-height:1.3;letter-spacing:.12em;font-weight:500}
.signature-en{font-size:18px;line-height:1.4;letter-spacing:.09em;font-weight:400}
.corner-signature small{margin-top:3px}
@media(max-width:600px){.signature-cn{font-size:25px}.signature-en{font-size:15px}.corner-signature{gap:5px}.corner-signature small{font-size:6px}}