@charset "UTF-8";
:root{--paper:#f8f5ef;--ink:#303d3d;--muted:#64716d;--blue:#496874;--line:#d7d8ce;--serif:"STKaiti","KaiTi","Kaiti SC","Noto Serif SC",serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:15px;line-height:1.85}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%238d8272' opacity='.4' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:7px}h1,h2,h3,p,figure{margin:0}header,main,footer{max-width:1440px;margin:auto}.header{padding:24px 6%;display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--line)}.logo{font-family:Georgia,serif;font-style:italic;font-size:34px;line-height:1.2}.logo span{color:#b77968}.header nav{display:flex;gap:38px;margin-left:auto;font-size:13px}.header nav a{transition:color .2s}.header nav a:hover{color:#b77968}.edition{margin-left:26px;font-size:10px;letter-spacing:2px;color:var(--muted)}.hero{min-height:690px;display:grid;grid-template-columns:1.05fr 1fr;position:relative;isolation:isolate;padding:20px 6% 65px;overflow:hidden}.hero:before{content:"";position:absolute;width:70%;height:90%;right:-8%;top:0;background:radial-gradient(ellipse,#dbe5e1a6,transparent 68%);z-index:-1}.hero-copy{align-self:center;padding:45px 0 50px;z-index:1}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--blue);display:flex;align-items:center;gap:13px}.little-line{width:34px;height:1px;background:var(--blue)}h1{font-family:var(--serif);font-weight:400;font-size:clamp(38px,4.7vw,67px);letter-spacing:2px;line-height:1.45;margin:28px 0 20px}.paint-underline{position:relative;white-space:nowrap}.paint-underline:after{content:"";position:absolute;bottom:2px;left:0;right:0;height:15px;background:#d4dfd9;z-index:-1;border-radius:63% 25% 42% 31%;transform:rotate(-2deg)}.hero-role{font-size:15px;letter-spacing:2px}.hero-intro{font-size:13px;color:var(--muted);margin:17px 0 29px;line-height:2}.primary-link{display:inline-flex;align-items:center;gap:52px;padding:8px 1px;border-bottom:1px solid var(--blue);color:var(--blue);font-size:13px}.primary-link span{font-size:23px;transition:transform .3s}.primary-link:hover span{transform:translate(3px,3px)}.hero-note{font-family:var(--serif);font-size:15px;display:flex;gap:12px;margin-top:43px;color:var(--muted)}.hero-note>span{color:#ba8c77}.portrait{position:relative;justify-self:center;width:100%;max-width:455px;align-self:center;padding:0 12px}.portrait img{display:block;width:100%;height:600px;object-fit:contain;mix-blend-mode:multiply;mask-image:linear-gradient(to bottom,transparent,#000 4%,#000 97%,transparent)}.portrait figcaption{position:absolute;bottom:85px;left:-17px;transform:rotate(-7deg);font-family:Georgia,serif;font-style:italic;font-size:35px;color:var(--blue);padding:9px 17px;background:#f9f6ecd9;box-shadow:1px 3px 10px #6977700c}.portrait figcaption span{display:block;font-size:12px;font-family:var(--serif);font-style:normal;letter-spacing:1px}.scroll-note{position:absolute;bottom:21px;left:6%;font-size:10px;letter-spacing:2px;color:var(--muted)}.scroll-note span{display:inline-block;margin-right:12px;animation:bob 2.8s ease-in-out infinite}.section{padding:70px 6% 75px;border-top:1px solid var(--line);scroll-margin-top:15px}.section-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px;color:var(--muted);margin-bottom:26px}.small-flower{font-size:23px;color:#b18c72}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}h2{font-family:var(--serif);font-size:38px;line-height:1.5;font-weight:400}.italic{color:var(--blue)}.about-copy{font-size:14px;color:#586461}.about-copy p+p{margin-top:16px}.habits{display:grid;grid-template-columns:repeat(3,1fr);margin-top:49px;gap:35px}.habits article{position:relative;padding:16px 0 0 43px;border-top:1px solid var(--line)}.habit-number{position:absolute;left:0;top:18px;font-family:Georgia,serif;font-style:italic;color:#9a9d8c;font-size:14px}.habits h3{font-family:var(--serif);font-size:23px;font-weight:400;margin-bottom:8px}.habits p{font-size:12px;color:var(--muted)}.expertise{background:linear-gradient(100deg,#f0f1e980,#f8f5ef)}.expertise-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.expertise-heading>p{font-size:12px;color:var(--muted);margin-bottom:10px}.muted{font-size:11px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px;align-items:start}.card{border:1px solid #526d7222;box-shadow:1px 5px 9px #33464605;transition:transform .3s,box-shadow .3s;border-radius:4px 10px 4px 8px}.card:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:2px 14px 25px #3346460b}.blue{background:linear-gradient(140deg,#dce6e6b0,#e9eeeb)}.pink{background:linear-gradient(140deg,#efddd6a0,#f0e8dd)}.green{background:linear-gradient(140deg,#dfe4d3b0,#e8eade)}summary{cursor:pointer;padding:23px 25px 18px;list-style:none}summary::-webkit-details-marker{display:none}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.6px}.card-symbol{font-size:28px;line-height:1;color:#6d837d}.card-index{display:block;font-family:Georgia,serif;font-style:italic;font-size:13px;color:var(--muted);margin-top:26px}.card h3{font-family:var(--serif);font-size:31px;font-weight:400;line-height:1.4;margin:7px 0 28px}.card-bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px;border-top:1px solid #50666024;padding-top:15px;gap:8px}.plus{font-size:22px;line-height:1;transition:transform .3s}details[open] .plus{transform:rotate(45deg)}.card-detail{padding:0 25px 24px;font-size:13px;color:#52635e}.contact{display:flex;justify-content:space-between;align-items:center;gap:55px;padding-top:80px;padding-bottom:90px}.contact h2{margin:20px 0 20px;font-size:43px}.contact>div>p:last-child{font-size:13px;color:var(--muted)}.contact-note{width:310px;padding:31px 32px;background:#eeeadd;box-shadow:3px 5px 0 #e4e1d799;transform:rotate(3deg);position:relative}.contact-note:before{content:"";position:absolute;width:75px;height:22px;background:#bdcbbb8c;left:115px;top:-10px;transform:rotate(-5deg)}.note-star{font-size:28px;color:#9b8269}.contact-note p{font-family:var(--serif);font-size:26px;margin:12px 0}.contact-note>span:not(.note-star){font-size:12px;color:var(--muted)}.note-line{height:1px;background:#bcbcae;margin:22px 0 10px}.contact-note small{color:var(--muted);font-family:var(--serif)}footer{padding:25px 6%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}footer .logo{font-size:25px}.skip{position:fixed;top:-60px;left:20px;padding:8px;background:var(--paper);z-index:20}.skip:focus{top:12px}.js-motion .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.js-motion .reveal.visible{opacity:1;transform:none}@keyframes bob{50%{transform:translateY(5px)}}@media(min-width:1441px){body{padding:0 25px}}@media(max-width:900px){.edition{display:none}.hero{min-height:610px}.portrait img{height:510px}.hero-copy{padding:25px 0}.hero-note{max-width:280px;font-size:13px}.about-grid{gap:30px}h2{font-size:30px}.cards{gap:14px}summary{padding:20px 18px 15px}.card h3{font-size:27px}.card-detail{padding:0 18px 20px}.habits{gap:20px}.habits article{padding-left:28px}.habits p br{display:none}}@media(max-width:600px){.header{padding:19px 6%;gap:15px}.logo{font-size:29px}.header nav{gap:20px;font-size:11px}.hero{grid-template-columns:1fr;padding-top:17px;padding-bottom:45px;min-height:0}.hero-copy{padding:27px 0 0}h1{font-size:43px;margin-top:21px}.hero-role{font-size:13px;letter-spacing:1px}.hero-intro{font-size:12px;margin:12px 0 18px}.hero-note{margin-top:23px;max-width:none;font-size:13px}.portrait{width:85%;margin:10px 0 18px;justify-self:end}.portrait img{height:430px}.portrait figcaption{bottom:65px;left:-30px;font-size:30px}.scroll-note{bottom:16px}.section{padding:43px 6% 48px}.about-grid{grid-template-columns:1fr;gap:22px}h2{font-size:31px}.about-copy{font-size:13px}.habits{grid-template-columns:1fr;gap:15px;margin-top:30px}.habits article{padding:13px 0 9px 40px}.habits h3{font-size:22px}.habits p br{display:none}.expertise-heading{display:block}.expertise-heading>p{margin-top:17px}.cards{grid-template-columns:1fr;gap:20px;margin-top:25px}.card h3 br{display:none}.card h3{font-size:28px;margin-bottom:20px}.card-index{margin-top:13px}.card-top{font-size:10px}summary{padding:22px 24px 17px}.card-detail{padding:0 24px 24px}.contact{flex-direction:column;align-items:stretch;gap:35px}.contact h2{font-size:36px}.contact-note{align-self:center;width:90%;max-width:330px}.contact-note:before{left:calc(50% - 37px)}footer{gap:15px}footer .logo{font-size:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.card:hover{transform:none}}