/* Ri Wei stationery palette and spacious heritage layout. */
:root{--paper:#faf8f2;--ink:#182f4b;--green:#182f4b;--line:#dcdedc;--copper:#b77c4c}body{background:var(--paper);color:var(--ink)}nav{padding:20px 5%;max-width:1400px}.brand{gap:14px}.brand b{font-family:Georgia,'Noto Serif CJK SC',serif;font-size:47px;line-height:1}.brand .nav-brand{font:22px/1.1 Georgia,serif;letter-spacing:.4px;text-transform:none}.brand .nav-brand small{display:block;font:12px/1.6 Georgia,serif;letter-spacing:1.2px;text-align:center;margin-top:5px}.navlinks{gap:26px}.navlinks a:not(.button){padding-block:10px}.navlinks a:hover{color:var(--copper)}.button{border-radius:0;background:var(--ink);border-color:var(--ink);color:var(--paper);padding:15px 22px}.button:hover{background:#294766;color:white}.button.outline{border-color:#aab4bd;color:var(--ink)}.button.outline:hover{background:#edf0f2}.hero{max-width:1440px;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);padding:64px 5% 72px;gap:48px;align-items:center}.hero>div{min-width:0}.hero-brand-lockup{margin:0 0 35px;width:280px}.hero .hero-brand-lockup h1{font-family:Georgia,'Noto Serif CJK SC',serif;font-size:130px;line-height:1.1;color:#12334a}.hero .hero-brand-lockup .english{font:34px/1.1 Georgia,serif;width:100%;margin-top:9px}.english span{display:flex;align-items:center;justify-content:center;gap:17px}.english span:before,.english span:after{content:'';height:2px;width:45px;background:var(--copper)}.english small{display:block;font:22px/1.3 Georgia,serif;margin-top:4px}.hero h2{font:normal clamp(32px,3.1vw,45px)/1.14 Georgia,serif;letter-spacing:-.7px;margin-bottom:20px}.hero p,.section p,.story-top p,.story-copy p,.archive figcaption{color:#526175}.hero p{font-size:16px;max-width:430px}.hero-image{width:100%;max-width:none;margin:0}.hero-image img{border-radius:0;aspect-ratio:1.12;object-fit:cover;object-position:66% center}.caption{color:#657485;font-size:12px;margin-top:14px}.collab-strip{background:#f1f3f3;border-color:#d8dfe3;padding:18px 0}.collab-logo b{color:var(--ink)}.collab-logo small{color:#91603b}.section{padding:80px 5%;max-width:1280px}.eyebrow{color:#94613d;letter-spacing:1.6px}.section h2{font-size:40px}.intro{gap:90px}.intro a{color:var(--ink)}.partners{background:#eef1f3;border-block:1px solid #dce2e6}.step{border-top:2px solid var(--copper);padding-top:23px}.step h3{color:var(--ink)}.contact{gap:80px}.contact form{border-left:1px solid var(--line);padding-left:40px}input,textarea{background:#fffefa;border-color:#c6cfd5;border-radius:0}input:focus,textarea:focus{outline:2px solid var(--copper);outline-offset:2px}footer{background:var(--ink);color:var(--paper);padding:38px 6%}footer b{font-size:39px}.story-top{padding-top:65px;padding-bottom:42px}.story-top h1{color:var(--ink)}.photo-window{border-radius:0;background:#e9edf0}.archive figcaption{margin-top:6px}.story-copy h2,.story-end h2{color:var(--ink)}.story-end{background:#eef1f3;border-top:2px solid var(--copper);padding:40px 5%}.story-end p{color:#526175}
@media(max-width:760px){nav{padding:18px 6% 0;gap:17px}.brand b{font-size:40px}.brand .nav-brand{font-size:21px}.navlinks{padding-top:8px;border-top:1px solid var(--line);gap:6px}.navlinks a[aria-current=page]{box-shadow:inset 0 -2px var(--copper)}.hero{grid-template-columns:minmax(0,1fr);padding:22px 6% 42px;gap:32px}.hero>.hero-image{grid-row:1}.hero-image img{aspect-ratio:1.45;object-position:70% 55%;border-radius:0}.hero-brand-lockup{width:218px;margin:0 auto 29px}.hero .hero-brand-lockup h1{font-size:100px}.hero .hero-brand-lockup .english{font-size:29px}.english small{font-size:19px}.english span:before,.english span:after{width:32px}.hero h2{font-size:33px;text-align:left;letter-spacing:-.4px}.hero p{text-align:left;max-width:none;font-size:15px}.actions{margin-top:23px}.section{padding:48px 6%}.section h2{font-size:31px}.intro,.contact{gap:22px}.contact form{border-left:0;border-top:1px solid var(--line);padding:26px 0 0}.partners{background:#eef1f3}.step{padding-top:18px}.story-top{padding:37px 6% 30px}.story-top h1{font-size:38px}.story-end{margin:0 6% 35px;padding:28px 6%}.story-end h2{font-size:29px}.collab-logo{width:210px}.caption{display:none}}
/* Rounded illustration with edges feathered into the page. */
.hero-image img{border-radius:46% 46% 24px 24px;mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 95%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 5%,#000 87%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 95%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 5%,#000 87%,transparent 100%);-webkit-mask-composite:source-in;background:var(--paper)}
@media(max-width:760px){.hero-image img{border-radius:38% 38% 22px 22px;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 86%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 86%,transparent)}}
/* Keep the complete architecture on the right; soften the left edge only. */
.hero-image img{aspect-ratio:1.5;object-fit:contain;object-position:right center;border-radius:42% 0 0 20%;mask-image:linear-gradient(to right,transparent 0%,#000 10%,#000 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 10%,#000 100%)}
@media(max-width:760px){.hero-image img{aspect-ratio:1.5;object-fit:contain;object-position:right center;border-radius:36% 0 0 18%;mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 100%)}}
/* Approved sunrise identity across desktop and mobile. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.brand .site-logo{display:block;width:72px;height:86px;object-fit:contain;mix-blend-mode:multiply}.hero-brand-lockup{width:210px;margin:0 0 30px 30px}.hero-logo{display:block;width:100%;height:auto;mix-blend-mode:multiply}.collab-logo{justify-content:center;width:220px}.collab-logo img{display:block;width:58px;height:70px;object-fit:contain;mix-blend-mode:multiply}.collab-strip{padding:12px 0}.footer-logo{display:block;width:95px;height:auto}footer{background:#eef1f3;color:var(--ink);border-top:1px solid var(--line)}
@media(max-width:760px){nav .brand .site-logo{width:62px;height:75px}.hero-brand-lockup{width:165px;margin:0 auto 28px}.hero-logo{width:100%;height:auto}.collab-logo{width:165px}.collab-logo img{width:50px;height:60px}.footer-logo{width:90px}}
