/* Green photographic collection: rounded surfaces, comfortable Chinese reading. */
:root{
  --paper:#fbfcf8;
  --pale:#edf4e9;
  --green:#326344;
  --deep:#183e2b;
  --ink:#263e30;
  --muted:#586d55;
  --line:#dce6d4;
  --sans:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif;
  --serif:var(--sans);
  --display:"YouYuan","幼圆","PingFang SC","Microsoft YaHei",sans-serif;
  --body-size:18px;
  --meta-size:14px;
  --soft-shadow:0 8px 28px #365c2f0a;
}
body{background:var(--paper);color:var(--ink);font:400 var(--body-size)/1.8 var(--sans)}
h1,h2,h3{font-family:var(--sans);font-weight:600;color:var(--deep);text-wrap:pretty;letter-spacing:0}
main p{color:#4d634b}
button,a,input,select{touch-action:manipulation}
input,select{font-size:16px}
.wrap{width:min(1280px,calc(100% - 96px))}
.icon{width:22px;height:22px}
.site-header{height:106px;border:0;background:transparent;backdrop-filter:none;display:flex;align-items:center}
.header-inner{width:min(1400px,calc(100% - 48px));height:82px;padding:0 24px;border:1px solid #e1eada;border-radius:38px;background:#fffffffa;box-shadow:0 5px 25px #42652e08;backdrop-filter:blur(14px);gap:22px}
.brand{font:600 24px/1.45 var(--display);letter-spacing:.5px;gap:12px;color:var(--deep)}
.brand small{font:400 14px/1.6 var(--sans);letter-spacing:.6px;color:var(--muted)}
.brand-fish{padding:3px;background:#edf5e5;border-radius:50%}
.brand-fish .fish{width:47px;height:44px}
nav{gap:4px}nav a{font-size:17px;font-weight:500;line-height:1.5;padding:11px 14px;border-radius:28px;transition:background .18s}
nav a:hover{background:#f1f6e9}nav a[aria-current]{background:#e6f0da;color:#264c2d;font-weight:600}nav a[aria-current]:after{display:none}
.weibo-button{font-size:15px;line-height:1.5;min-height:46px;padding:10px 17px;border-radius:28px;background:#f5f8ef;border-color:#dce6d1;gap:10px}
.weibo-button .icon{width:17px;height:17px}
.hero{grid-template-columns:45% 55%;padding:45px 0 48px;min-height:710px;gap:0}
.hero-copy{padding:0 0 16px 4px;min-width:0}
.little-note{font-size:16px;letter-spacing:1px;color:#596e51;gap:17px}
.hero h1{font:600 80px/1.25 var(--display);letter-spacing:2px;margin:27px 0 25px;color:var(--deep)}
.hero-moon{left:194px;top:14px}.hero-moon .icon{width:40px;height:40px;color:#7b985d}
.hero-name{font-size:26px;letter-spacing:2px;color:#28492e}.hero-name span{font:italic 40px/1.4 Georgia,serif;letter-spacing:0;margin-left:14px}
.hero-description{font-size:18px;line-height:1.9;letter-spacing:.3px;margin-top:24px;color:#50684b}
.hero-actions{margin-top:31px;gap:28px}
.button{min-height:52px;border-radius:30px;font-size:17px;font-weight:500;padding:12px 25px;gap:14px;line-height:1.5}
.button.primary{background:#3c704e;color:white;box-shadow:0 4px 0 #295837,0 8px 18px #355d3419;transition:transform .15s,box-shadow .15s,background .15s}
.button.primary:hover{background:#326443;transform:translateY(-1px)}.button.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #295837}
.button .icon{width:19px;height:19px}.text-button{font-size:17px;min-height:44px;gap:12px;line-height:1.6;color:#326344}
.hero-signature{font-size:16px;line-height:1.7;margin-top:36px;gap:16px;color:#466040}.hero-signature small{font-size:14px;color:#607358;margin-top:2px}
.puffer-button{border-radius:50%;background:#edf4e3;padding:5px}.hero-signature .fish{width:58px;height:48px}
.hero-art{height:605px}.hero-art:before{content:"";position:absolute;left:10%;top:4%;width:86%;height:87%;border-radius:45% 55% 48% 52%;background:radial-gradient(ellipse at 40% 45%,#e0edce,#f0f6e7 65%,#f7faef);transform:rotate(-8deg)}
.hero-photo{height:525px;left:17%;width:76%;border:9px solid white;border-bottom-width:50px;border-radius:34px;box-shadow:0 16px 42px #31542713}.hero-photo img{border-radius:25px;object-position:center 44%}
.hero-photo-tag{left:27%;bottom:-39px;font-size:14px;letter-spacing:0;color:#536a4d;line-height:1.5;gap:8px}.hero-photo-tag .icon{width:16px;height:16px}
.hero-polaroid{width:190px;height:245px;border-radius:24px;border:7px solid white;border-bottom-width:42px;box-shadow:0 12px 30px #31542717}.hero-polaroid img{border-radius:16px}.hero-polaroid span{font:400 14px/1.5 var(--sans);bottom:-34px;left:0;letter-spacing:0;color:#4e6849}
.hero-orbit{opacity:.5;width:80%;height:72%;left:11%;top:13%;transform:rotate(-20deg)}.hero-orbit.orbit-two{width:78%;height:80%;left:14%;top:8%;transform:rotate(13deg)}.photo-credit{font-size:14px;color:#566b4d;letter-spacing:0;right:9%;bottom:3px}
.intro-ribbon{width:min(1280px,calc(100% - 96px));margin:6px auto 0;border:1px solid #dfe9d2;border-radius:28px;background:#edf4e3;box-shadow:inset 0 1px 0 white}
.ribbon-inner{width:calc(100% - 64px);min-height:82px;gap:20px}.ribbon-inner>span{font-size:17px;letter-spacing:0;color:#4b6643;gap:12px}.ribbon-inner small{font-size:14px;color:#5a7050}.ribbon-inner .icon{width:21px;height:21px;stroke-width:1.4}.ribbon-inner .fish{width:36px;height:30px}.green-dot{width:11px;height:11px}
.section{padding-top:70px;padding-bottom:70px}.section-title{margin-bottom:32px;gap:25px;align-items:center}.section-title h2,.teaser-intro h2{font:600 clamp(30px,2.8vw,40px)/1.5 var(--sans);letter-spacing:0;color:var(--deep)}
.section-note{font-size:16px;letter-spacing:.3px;line-height:1.7;color:#5c7152;margin-bottom:9px}.hand-star{font-size:35px;color:#7e9c60}
.work-grid{gap:34px 28px}.work-card{min-width:0;background:white;border:1px solid #e2ead9;border-radius:25px;padding:11px 11px 21px;box-shadow:var(--soft-shadow)}
.work-image{border-radius:17px;aspect-ratio:1.6}.work-info{min-width:0;padding:17px 10px 0}.work-info time{font-size:14px;line-height:1.5;letter-spacing:.3px;color:#5f7257;font-variant-numeric:tabular-nums}
.work-info h3{font-size:21px;line-height:1.55;font-weight:600;margin-top:9px;color:var(--deep);overflow-wrap:anywhere}.work-info p{font-size:16px;line-height:1.7;margin-top:8px;color:#536b4b}
.work-category{font-size:14px;line-height:1.5;padding:4px 12px;border-radius:18px;color:#2d5837;background:#fffffff0}.play-circle{box-shadow:0 4px 12px #163a2217}.work-image>.play-circle{width:42px;height:42px}.work-image>.play-circle .icon{width:20px;height:20px}
.album-section{margin:0 20px;background:#f0f6e9;border-radius:44px}.album-grid{gap:32px 24px}.album-card{min-width:0;background:white;border:1px solid #e2ead9;border-radius:25px;padding:10px;box-shadow:var(--soft-shadow)}
.album-image{border-radius:17px;aspect-ratio:3/4}.card-caption{padding:16px 7px 9px}.card-meta{display:flex;flex-wrap:wrap;gap:4px 10px;justify-content:space-between;font-size:14px;line-height:1.6;letter-spacing:0;color:#5b7151}.card-meta time{font-size:14px;font-variant-numeric:tabular-nums}
.card-caption h3{font-size:20px;line-height:1.6;font-weight:600;margin-top:8px;color:#23492e;overflow-wrap:anywhere}.photo-count{font-size:14px;line-height:1.5;padding:4px 11px;border-radius:16px;color:#355c38;background:#fffffff0}.album-pin{top:9px;right:12px;font-size:32px}
.journey-teaser{grid-template-columns:.85fr 1.5fr;gap:65px;align-items:center}.teaser-intro>p:not(.section-note){font-size:18px;line-height:1.9;margin:20px 0 24px;color:#4d6648}
.mini-timeline{border:0;padding:0;display:flex;flex-direction:column;gap:17px}.mini-timeline>a{display:grid;grid-template-columns:84px minmax(0,1fr) 24px;gap:24px;align-items:center;padding:18px 22px;border:1px solid #dfE8d5;border-radius:26px;background:white;box-shadow:0 6px 22px #3c603107;min-width:0}
.mini-timeline>a:last-child{border-bottom:1px solid #dfe8d5}.mini-timeline>a:before{display:none}.mini-timeline .mini-photo{position:static;display:block;width:84px;height:84px;border-radius:18px;overflow:hidden}.mini-photo img{object-position:center 28%}.mini-copy{min-width:0}.mini-timeline time{font:500 14px/1.6 var(--sans);letter-spacing:.5px;color:#5a7150;font-variant-numeric:tabular-nums}.mini-timeline h3{font:600 21px/1.6 var(--sans);margin-top:8px;color:#264d30}.mini-timeline .mini-arrow{position:static;color:#587b44;display:flex;align-items:center}
.closing-note{width:min(1280px,calc(100% - 96px));margin-top:0;margin-bottom:60px;padding:37px 24px 35px;border:0;border-radius:28px;background:#eef5e4}.closing-note>span{color:#739555;margin-bottom:12px}.closing-note p{font:500 clamp(24px,2.1vw,30px)/1.7 var(--sans);letter-spacing:1px;color:#3d633b}.closing-note>a{font-size:16px;line-height:1.7;min-height:44px;margin-top:13px;color:#496b3d;gap:10px}.closing-note>a .icon{width:18px;height:18px}
.site-footer{border:0;border-radius:36px 36px 0 0;background:#edf3e4;padding:42px max(48px,calc((100vw - 1280px)/2)) 26px}.footer-top{padding-bottom:30px;gap:24px}.footer-name{font:600 26px/1.5 var(--display);color:#285231;letter-spacing:0}.footer-name span{font:italic 16px/1.7 Georgia,serif;letter-spacing:0;color:#4f6a43}.footer-top>p{font-size:16px;line-height:1.7;letter-spacing:0;color:#526c47;gap:10px}.footer-top>p .icon{width:19px;height:19px}
.source-link{font-size:15px;line-height:1.7;min-height:44px;gap:8px;color:#3a633d}.source-link .icon{width:17px;height:17px}.footer-bottom{font-size:14px;line-height:1.8;color:#52694b;padding-top:21px;gap:16px 25px;flex-wrap:wrap}.footer-bottom p{font-size:14px;color:#52694b;line-height:1.8}.footer-bottom a{min-height:44px;display:flex;align-items:center}
.page-heading{padding:55px 0 37px;gap:25px}.page-heading h1{font:600 clamp(36px,3.6vw,50px)/1.45 var(--sans);letter-spacing:0}.page-heading p{font-size:18px;line-height:1.8;margin-top:15px;color:#506b49;letter-spacing:0;max-width:65ch}.heading-decor{background:#ecf3e1;width:82px;height:82px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:0;flex-shrink:0;color:#739358}.heading-decor .icon{width:40px;height:40px;stroke-width:1.3}.heading-fish{padding:12px;background:#eaf3dd;border-radius:50%;margin-right:0}.heading-fish .fish{width:78px;height:64px}.album-heading-stamp{font-size:17px;color:#486734;gap:12px}
.collection{padding-bottom:75px}.filter-toolbar{padding:19px;border:1px solid #e0e8d3;border-radius:25px;background:#eff5e7;gap:24px}.filter-chips{gap:5px}.filter-chip{min-height:46px;padding:10px 17px;border-radius:25px;font-size:16px;line-height:1.5;color:#405f37}.filter-chip.is-active{background:#3f704a;box-shadow:0 3px 8px #476b3817;color:white}.search-field{width:300px;padding:11px 17px;border-radius:26px;background:white;border-color:#dce5d0;gap:10px}.search-field input{font-size:16px;line-height:1.6;color:#274c2d}.search-field input::placeholder{color:#65795a}.search-field .icon{width:19px;height:19px;color:#59754c}.results-toolbar{padding:25px 0;gap:20px}.results-toolbar>p{font-size:15px;color:#4e6745}.selects{gap:18px}.selects select{min-height:44px;padding:8px 20px 8px 10px;background:#f4f8ee;color:#3f6036;border-radius:15px;font-size:15px;max-width:100%}.empty-state p{font-size:17px;color:#506b49}.empty-state h1,.empty-state h2{font-size:28px}
.profile-layout{grid-template-columns:40% minmax(0,1fr);gap:70px;padding:15px 0 55px}.profile-portrait{padding:13px 13px 67px;border-radius:32px;background:white;border:1px solid #e2ead8;box-shadow:0 12px 35px #3d61300e}.profile-portrait>img{border-radius:23px}.profile-name{font:600 25px/1.4 var(--display);bottom:17px}.profile-name span{font-size:30px}.portrait-sticker{font-size:15px;padding:10px 17px;border-radius:23px;line-height:1.6;gap:12px}.portrait-sticker .icon{width:17px;height:17px}.profile-text h2{font:600 36px/1.65 var(--sans);margin:10px 0 23px;letter-spacing:0}.profile-lead{font-size:18px;line-height:1.9;color:#4e6549}
.facts{padding:25px;background:#edf4e3;border-radius:25px;gap:24px 25px;margin:27px 0 23px}.facts dt{font-size:14px;font-weight:500;letter-spacing:0;color:#5b7150;margin-bottom:7px}.facts dd{font-size:18px;line-height:1.7;gap:8px;color:#294f30;flex-wrap:wrap}.facts dd span{font-size:14px;color:#57734a}.provenance{font-size:14px;line-height:1.8;color:#5a7150;margin:17px 0 8px}
.handbook-notes{border:0;gap:24px;padding:5px 0 15px}.handbook-notes article{padding:29px;background:white;border:1px solid #e2eada;border-radius:27px;box-shadow:var(--soft-shadow)}.handbook-notes h3{font:600 23px/1.5 var(--sans);margin-bottom:15px}.handbook-notes p{font-size:17px;line-height:1.9;color:#4e6748}.note-icon{margin-bottom:17px;height:48px}.note-icon .icon{width:33px;height:33px;color:#6f9254}.starter-grid>a{background:white;border:1px solid #e2eada;border-radius:25px;padding:11px 11px 22px;box-shadow:var(--soft-shadow);min-width:0}.starter-grid img{border-radius:17px;margin-bottom:20px}.starter-grid>a>span{font-size:14px;line-height:1.6;color:#577249;margin:0 9px}.starter-grid h3{font-size:19px;font-weight:600;line-height:1.7;margin:9px 9px 0;gap:12px}.starter-grid h3 .icon{width:21px;height:21px}
.breadcrumb{font-size:14px;line-height:1.7;color:#5d7354;gap:12px;padding-top:27px}.breadcrumb>span:last-child{color:#335c37}.detail-heading{padding:31px 0 26px;align-items:center;gap:24px}.detail-heading h1{font:600 clamp(30px,3vw,42px)/1.5 var(--sans);letter-spacing:0;margin-top:12px;overflow-wrap:anywhere}.detail-heading>div{min-width:0}.detail-heading>div>p{font-size:16px;line-height:1.7;color:#536d49;gap:24px;flex-wrap:wrap;margin-top:14px}.content-tag{font-size:14px;font-weight:500;line-height:1.5;border-radius:16px;padding:4px 12px;color:#3d6538;background:#e8f0dc}.share-button{font-size:16px;min-height:46px;border-radius:26px;padding:10px 17px;background:white;color:#3f6238;gap:10px}.share-button .icon{width:19px;height:19px}
.album-description{margin:24px 0 30px;padding:25px 28px;border-radius:26px;background:#eff5e7;gap:36px}.original-caption{font-size:18px;line-height:1.85;color:#405e39}.album-description>.original-caption{max-width:58ch}.credit{font-size:14px;line-height:1.8;color:#526d48;margin-bottom:8px}.gallery-grid{gap:19px}.gallery-photo{border-radius:22px;box-shadow:0 6px 22px #31542706}.gallery-photo>span{font-size:14px;line-height:1.5;padding:7px 13px;border-radius:20px}.gallery-photo>span .icon{width:16px;height:16px}.back-row{padding:35px 0 5px}
.film-layout{grid-template-columns:1.6fr minmax(310px,1fr);gap:32px;margin-top:32px}.video-frame{border-radius:26px;box-shadow:0 8px 25px #25432410}.video-watch{gap:17px}.video-watch strong{font-size:21px;font-weight:500;letter-spacing:0}.video-watch>span:last-child{font-size:15px;line-height:1.7;color:#f3f8eb}.video-watch>span:last-child .icon{width:17px;height:17px}.film-notes{padding:28px;background:#eff5e6;border:1px solid #e0e9d3;border-radius:26px}.film-notes h2{font:600 26px/1.5 var(--sans);margin-bottom:20px}.film-notes .original-caption{margin-bottom:25px}.film-notes dl{font-size:16px;padding-top:16px;margin-bottom:20px}.film-notes dl>div{gap:20px;margin:12px 0}.film-notes dt{color:#566e4c}.film-notes dd{color:#2e5631;overflow-wrap:anywhere}.film-notes>.source-link{margin:8px 0}.video-help{font-size:14px;line-height:1.85;color:#566f49;margin-top:22px}
.journey-layout{grid-template-columns:165px minmax(0,1fr);gap:40px;padding-top:17px}.year-nav{top:145px;gap:10px}.year-nav>span{font-size:15px;line-height:1.7;color:#58714c;margin-bottom:12px}.year-nav>a{font:500 27px/1.6 var(--sans);padding:7px 17px;width:115px;border:0;border-radius:20px;color:#4a6c3d;font-variant-numeric:tabular-nums}.year-nav>a:hover,.year-nav>a.is-current{background:#e9f1dc;color:#264e2b}.year-nav-fish{margin-top:40px;padding:24px 15px;width:155px;border-radius:25px;background:#eff5e6;text-align:center}.year-nav-fish p{font-size:14px;line-height:1.8;color:#4c6940;margin-top:12px}.year-title{font:500 46px/1.5 Georgia,serif;gap:27px;margin-bottom:26px;color:#345c31}.year-title>span{font:400 16px/1.7 var(--sans);letter-spacing:0;color:#526d46}.timeline-year{padding-bottom:42px}.timeline-event{grid-template-columns:74px 15px minmax(0,1fr) 145px;gap:24px;padding:22px 0 30px}.timeline-date{font:500 20px/1.6 var(--sans);padding-top:18px;color:#3e6537;font-variant-numeric:tabular-nums}.timeline-date small{font:400 14px/1.7 var(--sans);margin-top:7px;color:#5b7350}.timeline-mark:before{top:30px;left:3px;width:9px;height:9px;background:#6c9254;box-shadow:0 0 0 5px #e8f1da}.timeline-mark:after{left:6px;top:45px;bottom:-43px;background:#d5e2c9}.timeline-content{padding:26px 27px;background:white;border:1px solid #e0e8d7;border-radius:26px;box-shadow:var(--soft-shadow);min-width:0}.timeline-content h2{font:600 25px/1.6 var(--sans);margin:13px 0 17px;color:#264e2c}.timeline-content>p{font-size:18px;line-height:1.85;color:#48633f;max-width:48ch}.timeline-links{gap:20px;margin-top:20px}.timeline-links>a{font-size:15px;line-height:1.7;min-height:44px;color:#3d6635;gap:7px}.timeline-links .icon{width:17px;height:17px}.timeline-source-date{font-size:14px;line-height:1.7;margin-top:11px;color:#57734a}.timeline-photo{height:175px;margin-top:8px;border-radius:21px;border-width:6px;border-bottom-width:20px;box-shadow:0 7px 20px #3a5a290c}.timeline-photo img{border-radius:14px}.timeline-photo.landscape{height:120px}.timeline-end{padding:30px 0 15px 140px}.timeline-end>p{font:500 28px/1.7 var(--sans);margin:17px 0;color:#496f3a}.timeline-end>a{font-size:17px;line-height:1.7;min-height:44px;gap:10px;color:#3b6132}.timeline-end>a>.icon{width:19px;height:19px}
.about-page{max-width:800px;padding-bottom:70px}.about-page>p{font-size:18px;line-height:1.9;color:#425f39;margin:23px 0}.about-page>h2{font-size:28px;line-height:1.6;margin-top:35px}.about-page>.provenance{font-size:14px}
.lightbox{overscroll-behavior:contain}.lightbox-counter{font:500 16px/1.6 var(--sans);letter-spacing:1px}.lightbox-caption{font-size:16px;line-height:1.7;letter-spacing:0}.lightbox button{min-width:48px;min-height:48px}.toast{font-size:16px;line-height:1.6;padding:12px 24px;border-radius:26px}
@media(min-width:1500px){.hero{min-height:740px}.hero-art{height:625px}.hero-photo{height:550px}.hero h1{font-size:86px}}
@media(max-width:1150px){.header-inner{gap:16px;padding:0 20px}.brand{font-size:22px}.brand small{font-size:14px}nav a{font-size:16px;padding:11px 11px}.weibo-button{display:none}.hero h1{font-size:68px}.hero-moon{left:174px}.hero-art{height:550px}.hero-photo{height:475px}.hero-polaroid{width:165px;height:220px}.hero-photo-tag{left:23%;font-size:14px}.hero-polaroid span{font-size:14px}.hero-signature{font-size:15px}.hero-signature small{font-size:14px}.hero-name{font-size:23px}.hero-name span{font-size:35px}.ribbon-inner>span{font-size:16px}.profile-layout{gap:48px}.profile-text h2{font-size:30px}.facts{padding:21px;gap:22px 18px}.facts dd{font-size:17px}.filter-toolbar{flex-wrap:wrap;gap:18px}.filter-chips{flex:1}.search-field{width:270px}.filter-chip{padding:10px 13px}.journey-layout{grid-template-columns:125px minmax(0,1fr);gap:26px}.year-nav-fish{width:125px;padding:18px 10px}.timeline-event{grid-template-columns:65px 12px minmax(0,1fr);gap:20px}.timeline-photo{display:none}.timeline-content{padding:24px}.work-info h3{font-size:20px}.work-info p{font-size:16px}.album-grid{gap:28px 18px}.card-caption h3{font-size:19px}.film-layout{grid-template-columns:1.4fr minmax(300px,1fr)}.film-notes{padding:24px}.footer-top>p{display:none}.footer-bottom p{flex-basis:100%}.footer-bottom span{margin-left:auto}}
@media(max-width:1020px){.wrap{width:calc(100% - 64px)}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:11px;border:1px solid #dce6d0;border-radius:50%;background:#f0f5e7}.menu-toggle>span{height:1px;width:100%;background:var(--green);display:block;transition:transform .2s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3.5px) rotate(-45deg)}#primary-nav{position:absolute;top:100px;left:24px;right:24px;padding:17px;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;background:white;border:1px solid #dfe8d5;border-radius:25px;box-shadow:0 8px 25px #3b592d12}html.js #primary-nav:not(.is-open){display:none}#primary-nav a{font-size:17px;padding:12px 17px}.hero{grid-template-columns:43% 57%;min-height:650px}.hero h1{font-size:56px;letter-spacing:0}.hero-moon{left:145px;top:6px}.hero-moon .icon{width:30px;height:30px}.hero-actions{gap:20px;flex-wrap:wrap}.hero-art{height:520px}.hero-photo{height:445px}.hero-polaroid{width:148px;height:205px;left:0}.hero-signature{margin-top:27px;font-size:15px;gap:12px}.hero-signature .fish{width:46px;height:40px}.hero-description{font-size:17px}.little-note{font-size:15px}.hero-name{font-size:22px}.hero-name span{font-size:32px}.intro-ribbon{width:calc(100% - 64px)}.ribbon-inner{width:calc(100% - 36px);gap:13px}.ribbon-inner>span{font-size:15px;gap:8px}.ribbon-inner small{font-size:14px}.ribbon-inner .fish{width:30px;height:26px}.work-grid{gap:27px 20px}.work-info{padding:14px 7px 0}.work-info h3{font-size:20px}.work-info p{font-size:15px}.card-meta{font-size:14px}.card-caption h3{font-size:18px}.journey-teaser{grid-template-columns:1fr 1.5fr;gap:35px}.mini-timeline>a{grid-template-columns:70px minmax(0,1fr) 20px;gap:17px;padding:17px}.mini-timeline .mini-photo{width:70px;height:78px}.mini-timeline h3{font-size:20px}.closing-note{width:calc(100% - 64px)}.handbook-notes{gap:17px}.handbook-notes article{padding:23px}.handbook-notes h3{font-size:22px}.handbook-notes p{font-size:17px}.starter-grid{gap:20px}.starter-grid h3{font-size:18px}.profile-layout{grid-template-columns:42% minmax(0,1fr);gap:40px}.facts{grid-template-columns:1fr;gap:16px}.facts>div{display:grid;grid-template-columns:90px 1fr;align-items:baseline;gap:10px}.facts dt{margin:0}.facts dd{font-size:17px}.profile-lead{font-size:17px}.profile-name{font-size:23px}.portrait-sticker{font-size:14px;right:-20px;padding:9px 12px}.detail-heading h1{font-size:35px}.film-layout{grid-template-columns:1fr;gap:28px}.film-notes{padding:27px}.film-notes dl{max-width:600px}.album-description{align-items:flex-start;gap:25px}.gallery-grid{gap:15px}.timeline-content h2{font-size:24px}.footer-top{gap:25px}.footer-name{font-size:25px}}
@media(max-width:700px){
  :root{--body-size:16px}html{scroll-padding-top:100px}.wrap{width:calc(100% - 40px)}
  .site-header{height:90px}.header-inner{height:70px;width:calc(100% - 24px);padding:0 13px;gap:12px;border-radius:28px}.brand{font-size:21px;gap:9px}.brand small{font-size:14px;line-height:1.6}.brand-fish{padding:1px}.brand-fish .fish{width:34px;height:34px}.menu-toggle{width:44px;height:44px;flex-shrink:0}#primary-nav{top:89px;left:12px;right:12px;padding:13px;gap:5px;border-radius:24px}#primary-nav a{font-size:16px;padding:12px 14px}
  .hero{grid-template-columns:1fr;min-height:0;padding:30px 0 30px;gap:15px}.hero-copy{padding:0;position:relative}.little-note{font-size:15px;letter-spacing:.3px;gap:15px}.little-line{width:32px}.hero h1{font-size:60px;line-height:1.27;letter-spacing:1px;margin:20px 0}.hero-moon{left:149px;top:5px}.hero-name{font-size:23px;letter-spacing:1px}.hero-name span{font-size:35px;margin-left:12px}.hero-description{font-size:18px;line-height:1.9;margin-top:22px;letter-spacing:0}.hero-actions{margin-top:26px;gap:25px}.button{min-height:50px;font-size:16px;padding:12px 22px;line-height:1.5}.text-button{font-size:16px;min-height:44px;gap:10px}
  .hero-signature{position:static;flex-direction:row;text-align:left;width:auto;margin-top:29px;gap:13px;font-size:15px;line-height:1.7}.hero-signature>span{font-size:15px}.hero-signature small{font-size:14px;line-height:1.7}.hero-signature .fish{width:43px;height:36px}.puffer-button{padding:5px}
  .hero-art{height:460px;margin-top:10px;max-width:440px;width:100%;justify-self:center}.hero-art:before{width:80%;height:82%;left:15%;top:6%}.hero-photo{width:76%;height:382px;left:18%;top:0;border-width:6px;border-bottom-width:43px;border-radius:26px}.hero-photo img{border-radius:19px}.hero-photo-tag{left:7px;right:7px;bottom:-35px;font-size:14px;line-height:1.5;gap:6px}.hero-photo-tag .icon{display:none}.hero-polaroid{width:128px;height:173px;bottom:0;left:1%;border-width:5px;border-bottom-width:31px;border-radius:19px}.hero-polaroid img{border-radius:12px}.hero-polaroid span{font-size:14px;line-height:1.5;bottom:-48px;left:0;right:0;white-space:nowrap;background:#fbfcf8dd;border-radius:14px;padding:3px 5px;transform:rotate(9deg)}.photo-credit{right:0;bottom:-10px;font-size:14px;line-height:1.7;letter-spacing:0}.hero-orbit{width:75%;height:70%;left:15%;top:15%;transform:rotate(-15deg)}.hero-orbit.orbit-two{width:77%;height:72%;left:15%;top:11%;transform:rotate(12deg)}.sparkle-one{font-size:39px;right:0!important;top:0}.sparkle-two{font-size:40px;left:0;top:100px}
  .intro-ribbon{width:calc(100% - 32px);margin-top:15px;border-radius:25px}.ribbon-inner{display:grid;grid-template-columns:1fr 1fr;width:calc(100% - 28px);padding:21px 0;gap:20px 12px;min-height:0}.ribbon-inner>span{font-size:15px;line-height:1.7;gap:8px;letter-spacing:0}.ribbon-inner small{font-size:14px}.ribbon-inner>span:nth-child(even){justify-self:start}.ribbon-inner .icon{width:19px;height:19px}.ribbon-inner .fish{width:28px;height:24px}
  .section{padding-top:48px;padding-bottom:48px}.section-title{align-items:flex-start;gap:15px;margin-bottom:26px;flex-wrap:wrap}.section-title h2,.teaser-intro h2{font-size:30px;line-height:1.5;letter-spacing:0}.section-note,.section-title .section-note{font-size:15px;line-height:1.7;letter-spacing:0;margin-bottom:8px}.section-title>.text-button{font-size:16px;line-height:1.6;gap:8px}.section-title>.text-button>.icon{width:19px;height:19px}.hand-star{font-size:28px;margin-left:9px}
  .work-grid,.home-works{grid-template-columns:1fr;gap:20px}.work-card,.home-works .work-card{display:grid;grid-template-columns:43% minmax(0,1fr);gap:15px;align-items:center;padding:12px;border-radius:24px}.work-image,.home-works .work-image{aspect-ratio:1/1.08;border-radius:15px}.work-info,.home-works .work-info{padding:0;min-width:0}.work-info time{font-size:14px;line-height:1.5;letter-spacing:0}.work-info h3,.home-works .work-info h3{font-size:18px;line-height:1.65;margin-top:7px;font-weight:600}.work-info p,.home-works .work-info p{font-size:14px;line-height:1.7;margin-top:7px}.work-category{font-size:14px;line-height:1.5;padding:3px 8px;right:7px;top:7px}.work-image>.play-circle{width:34px;height:34px;left:9px;bottom:9px}.work-image>.play-circle .icon{width:16px;height:16px}
  .album-section{margin:0 10px;border-radius:31px}.album-section>.wrap{width:calc(100% - 28px)}.album-grid,.home-albums,.related-albums{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 13px}.album-card{padding:8px;border-radius:21px}.album-image{border-radius:14px}.card-caption{padding:12px 3px 7px}.card-meta,.card-meta time{font-size:14px;line-height:1.6;letter-spacing:0}.card-meta{gap:3px 8px}.card-caption h3{font-size:18px;line-height:1.65;margin-top:7px}.photo-count{font-size:14px;line-height:1.5;right:7px;bottom:8px;padding:3px 8px}.album-pin{font-size:26px;right:9px}
  .journey-teaser{grid-template-columns:1fr;gap:28px}.teaser-intro>p:not(.section-note){font-size:18px;line-height:1.85;margin:16px 0 15px}.teaser-intro>p>br{display:none}.mini-timeline{margin:0;padding:0;gap:15px}.mini-timeline>a{grid-template-columns:64px minmax(0,1fr) 18px;gap:15px;padding:16px;border-radius:24px}.mini-timeline .mini-photo{width:64px;height:82px;border-radius:15px}.mini-timeline time{font-size:14px;line-height:1.6;letter-spacing:0}.mini-timeline h3{font-size:18px;line-height:1.65;margin-top:6px}.mini-arrow .icon{width:19px;height:19px}
  .closing-note{width:calc(100% - 40px);padding:30px 17px;margin-bottom:42px;border-radius:26px}.closing-note p{font-size:24px;line-height:1.7;letter-spacing:0}.closing-note>a{font-size:16px;line-height:1.7;margin-top:13px;gap:8px}.site-footer{padding:34px 20px 25px;border-radius:28px 28px 0 0}.footer-top{align-items:flex-start;gap:19px;flex-wrap:wrap;padding-bottom:24px}.footer-name{font-size:24px}.footer-name span{font-size:16px;line-height:1.7}.footer-top>.source-link{font-size:15px}.footer-bottom,.footer-bottom p{font-size:14px;line-height:1.85}.footer-bottom{gap:10px 16px}.footer-bottom p{margin:0;flex-basis:100%}.footer-bottom span{margin-left:0;white-space:normal}.source-link{font-size:15px;line-height:1.7;min-height:44px}
  .page-heading{padding:34px 0 29px;gap:18px}.page-heading h1{font-size:36px;line-height:1.45;letter-spacing:0}.page-heading p{font-size:17px;line-height:1.85;margin-top:15px;max-width:28ch}.heading-decor{width:58px;height:58px}.heading-decor .icon{width:28px;height:28px}.heading-fish{padding:7px}.heading-fish .fish{width:51px;height:43px}.album-heading-stamp{display:none}
  .filter-toolbar{padding:15px;gap:16px;border-radius:24px;align-items:stretch;flex-direction:column}.filter-chips{gap:5px}.filter-chip{font-size:16px;line-height:1.5;min-height:44px;padding:10px 13px}.search-field{width:100%;padding:11px 13px}.search-field input{font-size:16px;line-height:1.6}.search-field .icon{width:19px;height:19px}.results-toolbar{align-items:flex-start;gap:14px;padding:23px 0;flex-wrap:wrap}.results-toolbar>p{font-size:14px;line-height:1.7;padding-top:9px}.selects{gap:9px;flex-wrap:wrap}.selects select{font-size:14px;min-height:44px;padding:8px 8px;background:#f2f7ea}.collection{padding-bottom:50px}.collection .work-grid{gap:20px}.empty-state{padding:48px 10px}.empty-state h2{font-size:25px;line-height:1.5}.empty-state p{font-size:17px}
  .profile-layout{grid-template-columns:1fr;gap:40px;padding:8px 0 38px}.profile-portrait{width:min(330px,88%);margin:auto;padding-bottom:64px;border-radius:29px}.profile-portrait>img{border-radius:20px}.profile-name{font-size:23px;bottom:17px}.profile-name span{font-size:29px}.portrait-sticker{font-size:14px;line-height:1.6;padding:9px 12px;right:-16px;gap:9px}.portrait-sticker .icon{width:16px;height:16px}.profile-text h2{font-size:30px;line-height:1.65;margin:10px 0 21px}.profile-lead{font-size:18px;line-height:1.85}.profile-lead br{display:none}.facts{padding:23px 21px;grid-template-columns:1fr;gap:20px;margin:25px 0 20px}.facts>div{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:baseline}.facts dt{font-size:14px;margin:0;line-height:1.7}.facts dd{font-size:17px;line-height:1.7;gap:7px;flex-wrap:wrap}.facts dd span{font-size:14px}.provenance{font-size:14px;line-height:1.8}
  .handbook-notes{grid-template-columns:1fr;gap:17px;padding:0 0 10px}.handbook-notes article{padding:24px 22px 24px 75px;border-radius:25px;position:relative}.handbook-notes .note-icon{position:absolute;left:20px;top:24px;margin:0;height:38px}.handbook-notes .note-icon .fish{width:39px;height:32px}.handbook-notes .note-icon .icon{width:28px;height:28px}.handbook-notes h3{font-size:22px;line-height:1.5;margin-bottom:12px}.handbook-notes p{font-size:16px;line-height:1.85}.starter-grid{grid-template-columns:1fr;gap:23px}.starter-grid>a{display:grid;grid-template-columns:115px minmax(0,1fr);column-gap:17px;align-items:center;padding:12px;border-radius:24px}.starter-grid img{grid-row:1/3;aspect-ratio:1;height:115px;margin:0;border-radius:16px}.starter-grid>a>span{font-size:14px;line-height:1.7;align-self:end;margin:0;padding-bottom:4px}.starter-grid h3{font-size:18px;line-height:1.6;align-self:start;margin:3px 0 0;gap:7px}.starter-grid h3>.icon{width:18px;height:18px;margin:0}
  .breadcrumb{font-size:14px;line-height:1.7;gap:8px;padding-top:22px}.detail-heading{padding:26px 0 22px;align-items:flex-start;gap:15px}.detail-heading h1{font-size:30px;line-height:1.5;margin-top:12px}.detail-heading>div>p{font-size:16px;line-height:1.7;gap:9px 16px;margin-top:13px}.share-button{font-size:14px;border-radius:24px;min-width:64px;height:44px;padding:10px 13px;margin-top:7px}.share-button .icon{display:none}.content-tag{font-size:14px;line-height:1.5;padding:4px 11px}.album-description{display:block;margin:22px 0;padding:23px 21px;border-radius:25px}.original-caption{font-size:17px;line-height:1.85}.album-description>div{text-align:left;margin-top:17px}.credit{font-size:14px;line-height:1.8;margin-bottom:5px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery-photo{border-radius:16px}.gallery-photo>span{display:none}.related-albums .album-card:last-child{display:none}
  .film-layout{grid-template-columns:1fr;gap:28px;margin-top:25px}.video-frame{aspect-ratio:4/3;border-radius:23px}.video-watch{gap:15px}.video-watch>.play-circle{width:57px;height:57px}.video-watch strong{font-size:20px}.video-watch>span:last-child{font-size:14px;line-height:1.7;max-width:26ch;text-align:center}.film-notes{padding:25px 23px;border-radius:25px}.film-notes h2{font-size:25px;line-height:1.5;margin-bottom:17px}.film-notes .original-caption{font-size:17px;margin-bottom:22px}.film-notes dl{font-size:16px;line-height:1.7;max-width:100%}.film-notes dl>div{gap:16px;margin:13px 0}.film-notes>.source-link{margin:8px 0}.video-help{font-size:14px;line-height:1.85;margin-top:20px}
  .journey-layout{grid-template-columns:1fr;gap:27px;padding-top:0}.year-nav{position:sticky;top:89px;flex-direction:row;align-items:center;padding:12px;border:1px solid #dce7ce;border-radius:24px;background:#eff5e5;gap:10px;box-shadow:0 5px 15px #3a5a2905;z-index:5}.year-nav>span{font-size:14px;line-height:1.6;margin:0}.year-nav>a{font:500 18px/1.6 var(--sans);width:auto;border:0;padding:7px 11px;border-radius:18px}.year-nav>a.is-current{background:#dceacb;border:0}.year-nav-fish{display:none}.year-title{font:500 38px/1.5 Georgia,serif;gap:20px;margin-bottom:19px}.year-title>span{font:400 15px/1.7 var(--sans);color:#4b6940;letter-spacing:0}.timeline-year{scroll-margin-top:180px;padding-bottom:36px}.timeline-event{grid-template-columns:47px 9px minmax(0,1fr);gap:12px;padding:18px 0 25px;scroll-margin-top:180px}.timeline-date{font:500 15px/1.6 var(--sans);padding-top:17px;color:#3f6735}.timeline-date small{font:400 14px/1.7 var(--sans);margin-top:7px;color:#55744a}.timeline-mark:before{left:0;top:26px;width:7px;height:7px;box-shadow:0 0 0 4px #e8f1d9}.timeline-mark:after{left:3px;top:38px;bottom:-39px}.timeline-content{padding:21px 20px;border-radius:24px}.timeline-content h2{font:600 21px/1.6 var(--sans);margin:12px 0 15px;color:#244e2b}.timeline-content>p{font-size:16px;line-height:1.85;color:#45653b}.timeline-links{gap:9px 16px;margin-top:17px}.timeline-links>a{font-size:14px;line-height:1.7;min-height:44px;gap:6px}.timeline-links .icon{width:16px;height:16px}.timeline-source-date{font-size:14px;line-height:1.8;margin-top:12px;color:#537449}.timeline-photo{display:none}.timeline-end{padding:25px 0 15px 80px}.timeline-end>p{font:500 26px/1.7 var(--sans);margin:15px 0}.timeline-end>a{font-size:16px;line-height:1.7;min-height:44px}
  .about-page>p{font-size:17px;line-height:1.9;margin:22px 0}.about-page>h2{font-size:26px;line-height:1.6}.about-page>.provenance{font-size:14px}.lightbox{padding:70px 15px 100px}.lightbox-counter{font-size:16px;line-height:1.6}.lightbox-caption{font-size:14px;line-height:1.7;bottom:25px;left:65px;right:65px}.lightbox-prev,.lightbox-next{bottom:19px;top:auto}.toast{font-size:15px;line-height:1.7;padding:12px 20px;border-radius:25px;white-space:normal;width:max-content;max-width:90vw;bottom:22px}
}
@media(max-width:380px){.hero h1{font-size:55px}.hero-moon{left:137px}.hero-actions{gap:18px}.hero-photo-tag{font-size:14px;left:5px;right:5px}.hero-polaroid{width:112px;height:160px}.hero-polaroid span{font-size:14px}.hero-art{height:435px}.hero-photo{height:355px}.ribbon-inner{column-gap:8px}.ribbon-inner>span{font-size:14px;gap:6px}.ribbon-inner small{font-size:14px}.ribbon-inner .fish{width:23px;height:21px}.ribbon-inner .icon{width:17px;height:17px}.filter-chip{padding:10px 11px}.work-card,.home-works .work-card{grid-template-columns:40% minmax(0,1fr);gap:12px;padding:11px}.work-info h3,.home-works .work-info h3{font-size:18px}.album-grid,.home-albums{gap:20px 11px}.album-card{padding:7px}.card-caption{padding:11px 2px 6px}.card-caption h3{font-size:18px}.mini-timeline>a{grid-template-columns:55px minmax(0,1fr) 17px;gap:12px;padding:14px}.mini-timeline .mini-photo{width:55px;height:76px}.mini-timeline h3{font-size:18px}.year-nav{gap:9px}.year-nav>span{display:none}.year-nav>a{font-size:18px;padding:7px 14px}.timeline-event{grid-template-columns:43px 8px minmax(0,1fr);gap:10px}.timeline-content{padding:19px 16px}.timeline-content h2{font-size:20px}.facts{padding:21px 18px}.facts>div{grid-template-columns:78px 1fr;gap:9px}.starter-grid>a{grid-template-columns:95px minmax(0,1fr);gap:13px}.starter-grid img{height:105px}.detail-heading h1{font-size:28px}.heading-fish{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}