@font-face{font-family:'La Belle Aurore';src:url('/media/fonts/LaBelleAurore.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'DM Serif Display';src:url('/media/fonts/DMSerifDisplay-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
.reference-site{--ref-green:#087e50;--ref-brown:#916f41;--ref-serif:'DM Serif Display',Georgia,serif;--ref-hand:'La Belle Aurore',cursive;--folio-bg:#fff;--folio-ink:#444;--folio-dim:#666;--folio-line:#deded7;--folio-cyan:#087e50;--paper:#fff;--ink:#333;--muted:#666;--line:#deded7;background:#fff!important;color:#444;color-scheme:light}
.reference-site:before{display:none}.reference-site #main{padding-top:90px;background:#fff;color:#444;min-height:calc(100vh - 76px)}
.reference-site:has(.reference-home) #main{padding-top:0}
.reference-header{position:fixed;z-index:110;inset:0 0 auto;height:90px;pointer-events:none;color:#111}
.reference-brand{position:absolute;left:2.65%;top:24px;display:flex;flex-direction:column;align-items:center;font:400 31px/.76 var(--ref-serif);letter-spacing:-1.1px;color:var(--ref-green);pointer-events:auto;transform:rotate(-3deg)}
.reference-navigation{position:absolute;top:15px;left:27.8%;right:28.4%;display:flex;justify-content:space-between;align-items:start;pointer-events:auto;font:400 21px/1.5 var(--ref-hand)}
.reference-navigation>a,.reference-nav-group>button{padding:7px 13px;display:block;white-space:nowrap}.reference-nav-group>button{border:0;background:none;color:inherit;font:inherit;cursor:pointer}
.reference-nav-group{position:relative}.reference-dropdown{position:absolute;left:50%;top:100%;transform:translateX(-50%) translateY(-4px);min-width:168px;padding:4px 12px 10px;background:white;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s;display:grid;text-align:center;font-size:20px}
.reference-dropdown a{padding:8px 4px;line-height:1.1}.reference-dropdown small{display:block;font:10px/1.6 Arial,'Microsoft YaHei',sans-serif;color:#73736c}
.reference-nav-group:hover .reference-dropdown,.reference-nav-group:focus-within .reference-dropdown,.reference-nav-group.is-open .reference-dropdown{visibility:visible;opacity:1;transform:translateX(-50%)}
.reference-navigation a:hover,.reference-navigation a:focus-visible,.reference-nav-group>button:hover{color:var(--ref-green)}
.reference-site a:focus-visible,.reference-site button:focus-visible{outline:2px solid var(--ref-green);outline-offset:5px}
.reference-menu-toggle{display:none}.reference-site .scroll-meter,.reference-site .back-to-top{display:none}
.reference-home{overflow:clip;background:white}.reference-collage{width:100%;max-width:1800px;margin:auto;aspect-ratio:1440/800;position:relative}.reference-canvas{position:absolute;inset:0}
.reference-scrap{display:block;position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);transform:rotate(var(--r));transition:transform .32s cubic-bezier(.2,.7,.3,1);z-index:1}
.reference-scrap img{display:block;width:100%;height:100%;object-fit:cover}.reference-scrap:hover,.reference-scrap:focus-visible{transform:rotate(calc(var(--r) - 6deg)) scale(1.08);z-index:5}
.reference-center-photo{position:absolute;left:42.35%;top:30.5%;width:15.3%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--ref-green);z-index:2}.reference-center-photo img{width:100%;height:100%;display:block;object-fit:cover}
.reference-name{position:absolute;left:40.8%;top:58.7%;width:18.4%;margin:0;color:var(--ref-green);font:400 clamp(44px,6.2vw,112px)/.77 var(--ref-serif);letter-spacing:-.045em;text-align:center;z-index:3}.reference-name span{display:block}.reference-name small{display:block;font:11px/1.8 'Microsoft YaHei',sans-serif;letter-spacing:.4em;margin-top:12px}
.reference-scroll{position:absolute;left:6.2%;top:72%;width:10.5%;text-align:center;font:23px/1.1 var(--ref-hand);transform:rotate(-10deg)}.reference-scroll b{display:block;font:400 70px/1 var(--ref-hand);margin-top:7px}
.reference-cards{position:relative;max-width:1800px;margin:auto;padding:0 8.3% 175px;scroll-margin-top:120px}.reference-cards h2{height:132px;display:flex;align-items:center;justify-content:center;white-space:nowrap;font:400 clamp(38px,5.35vw,96px)/1.05 var(--ref-serif);letter-spacing:-.035em;color:var(--ref-brown);margin:0 0 23px;transform:scale(var(--title-scale,1.72));transform-origin:center;will-change:transform}
.reference-card-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:25px;align-items:center;position:relative;padding-top:5px}
.reference-card{position:relative;min-height:280px;aspect-ratio:211/322;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ffdba2;border-radius:19px;background:#fff6e3;color:var(--ref-brown);transition:transform .35s cubic-bezier(.22,.68,.2,1),background .35s;padding:28px 12px;text-align:center}
.reference-card:before{content:'';position:absolute;inset:10px;border:1px solid #ffe3b7;border-radius:14px;pointer-events:none}
.reference-card:nth-child(2n){color:#ec772f}.reference-card:nth-child(3){transform:rotate(8deg)}.reference-card:hover,.reference-card:focus-visible{transform:rotate(-7deg) translateY(-7px);background:#fff1d4}
.reference-card-title{font:400 clamp(19px,2.4vw,36px)/1.15 var(--ref-hand);overflow-wrap:anywhere}.reference-card-zh{font:10px/1.7 'Microsoft YaHei',Arial,sans-serif;max-width:95%;margin-top:18px;color:#795d38}.reference-card-corner{position:absolute;left:10px;top:11px;display:grid;justify-items:center;font:22px/.92 var(--ref-serif);color:#ed7934}.reference-card-corner i{font-style:normal;font-size:20px}.reference-card-corner-bottom{top:auto;left:auto;bottom:11px;right:10px;transform:rotate(180deg)}
.reference-pick{position:absolute;left:7.2%;bottom:92px;margin:0;font:31px/.9 var(--ref-hand);transform:rotate(-5deg);text-align:center}.reference-pick-mobile,.reference-card-controls{display:none}.reference-connect{position:absolute;left:50%;bottom:42px;transform:translateX(-50%);color:var(--ref-green);font:25px/1.2 var(--ref-hand);text-align:center}
.reference-footer{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px 28px;background:var(--ref-green);color:#fff;font:20px/1.2 var(--ref-hand)}.reference-footer>a:nth-child(2){font:11px/1.5 Arial,'Microsoft YaHei',sans-serif;text-align:center}.reference-footer>a:nth-child(2) span{display:block;font:19px/1.25 var(--ref-hand)}
/* Shared editorial surface; original section content and controls stay in place. */
.reference-site .page-wrap{color:#444;background:#fff;padding-top:35px}.reference-site .page-wrap p,.reference-site .lead-copy,.reference-site .project-intro p{color:#555}
.reference-site .page-title h1{color:#444;font-family:var(--ref-serif);font-size:clamp(44px,5vw,72px);letter-spacing:-.035em}.reference-site .page-title h1 em{color:#666}.reference-site .eyebrow,.reference-site .section-kicker{color:#087e50}
.reference-site .page-title>p:last-child{color:#656565}.reference-site .project-nav b{color:#444}.reference-site .project-nav small{color:#666}.reference-site .project-nav a:hover{background:#f4f6f1}
.reference-site .furniture-heading .eyebrow,.reference-site .furniture-heading h1 em,.reference-site .furniture-visit .eyebrow{color:var(--ref-green)}.reference-site .furniture-film-note{color:#666}.reference-site .furniture-film-controls{color:#444}.reference-site .furniture-film-controls button:hover{background:#e4eee6}
.reference-site .index-row{color:#444;border-color:#ddd}.reference-site .index-row:hover{background:#f6f6f2}.reference-site .index-row small,.reference-site .index-meta,.reference-site .index-desc{color:#666}.reference-site .index-note{background:#faf7ef;color:#665d50;border-color:var(--ref-brown)}
.reference-site .about-layout{color:#444}.reference-site .about-stamp{background:#fff8e8;color:#087e50;border-color:#e9dbc1;transform:rotate(5deg);box-shadow:3px 8px 12px #0002}.reference-site .keyword-grid{background:#e9e4da;border-color:#e9e4da}.reference-site .keyword{background:#fff;color:#444;border-color:#e9e4da}.reference-site .keyword:hover{background:#f8f5ee}.reference-site .keyword span,.reference-site .keyword small,.reference-site .lead-copy span{color:#666}.reference-site .skill-line{color:#555;border-color:#ddd}.reference-site .skill-line b{color:#087e50}
.reference-site .pp-page{color:#444}.reference-site .pp-project-head h1{font-family:var(--ref-serif);color:#444}.reference-site .pp-project-head h1 i{color:#666}.reference-site .pp-project-head,.reference-site .pp-chapter-index,.reference-site .pp-chapter-index a{border-color:#deded7}
.reference-site .pp-page :is(.pp-head-index,.pp-head-sub,.pp-section-head p,.pp-summary p,.pp-section-note,.pp-detail p,.pp-detail>span,.pp-zone-detail p,.pp-zone-detail small,.pp-location-path,.pp-figure figcaption,.pp-section-figure figcaption){color:#666}
.reference-site .pp-page :is(.pp-head-index a,.pp-head-sub b,.pp-summary>span,.pp-section-head>span,.pp-subhead>span,.pp-detail>small,.pp-digital-copy>span,.pp-choice>span,.pp-zone-panel>small,.pp-chapter-index a span,.pp-location-path i){color:#087e50}
.reference-site .pp-page :is(.pp-chapter-index a,.pp-section-head h2,.pp-choice,.pp-zone,.pp-summary p:first-of-type,.pp-subhead h3){color:#444}
.reference-site .pp-page :is(.pp-choice.is-active,.pp-choice:hover,.pp-zone.is-active,.pp-zone:hover,.pp-chapter-index a:hover){background:#eef3ed}
.reference-site .pp-page :is(.pp-switch-controls button,.pp-gallery-controls button){color:#555;border-color:#ccc}.reference-site .pp-page :is(.pp-switch-controls button.is-active,.pp-gallery-controls button.is-active){color:#087e50;border-color:#087e50}
.reference-site .pp-page :is(.pp-plate-link,.pp-pending){color:#555;border-color:#ddd}.reference-site .pp-page :is(.pp-plate-link b,.pp-pending b){color:#087e50}
.reference-site .pp-hero-figure{border-radius:30px;overflow:hidden}.reference-site .pp-hero-figure figcaption{background:#fff;color:#444;border-color:#ddd}.reference-site .pp-hero-figure figcaption span{color:#087e50}
.reference-site .making-room{--mr-bg:#fff;--mr-panel:#fff;--mr-ink:#444;--mr-muted:#666;background:#fff}.reference-site .making-room-heading h1{font-family:var(--ref-serif);font-size:clamp(45px,5vw,76px);letter-spacing:-.04em}.reference-site .making-room-card{background:#fff;border:0}.reference-site .making-room-card-photo{border-radius:30px}.reference-site .making-room-card:nth-child(2){padding-top:52px}
.reference-site .photography-page{--photo-bg:#fff;--photo-ink:#444;--photo-soft:#666;--photo-line:#ddd}.reference-site .photo-opening{min-height:350px;justify-content:center;text-align:center;padding:30px 5% 40px}.reference-site .photo-opening-top{margin-bottom:35px}.reference-site .photo-opening h1{font-family:var(--ref-serif);font-size:clamp(45px,7vw,100px);letter-spacing:-.04em}.reference-site .photo-opening h1 span{font-size:19px}.reference-site .photo-opening-bottom{margin-top:32px;text-align:left}.reference-site .photo-content{padding-top:65px}.reference-site .photo-open,.reference-site .photo-contact-item .photo-open img{background:#fafafa}.reference-site .photo-work .photo-open{border-radius:24px}
@media(min-width:821px){.reference-site .pp-page{display:flex;flex-direction:column}.reference-site .pp-project-head{order:-1}.reference-site .pp-hero-figure{order:-2;margin-top:0;margin-bottom:32px}.reference-site .pp-project-head h1{margin:22px 0}.reference-site .pp-hero-figure img{max-height:455px}.reference-site .pp-summary{margin-top:40px}}
@media(max-width:1100px) and (min-width:821px){.reference-navigation{left:23%;right:23%}.reference-card-track{gap:14px}.reference-card{min-height:210px}.reference-card-title{font-size:24px}.reference-cards{padding-inline:6%}}
@media(max-width:820px){
 .reference-site #main{padding-top:110px}.reference-header{height:105px}.reference-brand{left:11.5%;top:29px;font-size:27px}.reference-menu-toggle{position:absolute;right:11.8%;top:42px;width:34px;height:31px;display:flex;flex-direction:column;justify-content:space-between;padding:0;border:0;background:none;pointer-events:auto;z-index:2;cursor:pointer}.reference-menu-toggle i{display:block;height:6px;width:33px;border-radius:3px;background:var(--ref-green)}
 .reference-navigation{display:none}.reference-navigation.is-open{display:flex;position:fixed;inset:105px 0 0;background:white;align-items:center;justify-content:center;gap:7px;flex-direction:column;font-size:37px;overflow-y:auto;padding:24px}.reference-nav-group>button{display:none}.reference-dropdown{position:static;visibility:visible;opacity:1;transform:none!important;min-width:0;padding:0;background:none;font-size:30px;gap:6px}.reference-dropdown a{padding:6px}.reference-dropdown small{font-size:10px}.reference-navigation.is-open>a{padding:5px}.reference-menu-open{overflow:hidden}.reference-menu-toggle[aria-expanded=true] i:first-child{transform:translateY(12px) rotate(45deg)}.reference-menu-toggle[aria-expanded=true] i:nth-child(2){opacity:0}.reference-menu-toggle[aria-expanded=true] i:last-child{transform:translateY(-13px) rotate(-45deg)}
 .reference-collage{aspect-ratio:390/720;max-width:600px}.reference-scrap{left:var(--mx);top:var(--my);width:var(--mw);height:var(--mh)}.reference-center-photo{left:30.3%;top:34.3%;width:39.3%}.reference-name{left:27%;top:56.4%;width:46%;font-size:clamp(54px,15.2vw,87px);line-height:.77}.reference-name small{font-size:8px;margin-top:10px}.reference-scroll{left:68%;top:87%;width:22%;font-size:18px}.reference-scroll b{font-size:35px;margin-top:0}
 .reference-cards{padding:0 0 135px}.reference-cards h2{display:none}.reference-pick{display:none}.reference-pick-mobile{display:block;text-align:center;font:27px/1.2 var(--ref-hand);margin:14px 0 12px}.reference-card-track{display:flex;gap:28px;padding:0 calc((100% - 222px)/2) 14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:start}.reference-card-track::-webkit-scrollbar{display:none}.reference-card{flex:0 0 222px;min-height:0;aspect-ratio:211/322;scroll-snap-align:center;transform:none!important;border-radius:20px}.reference-card-title{font-size:37px}.reference-card-zh{font-size:12px;margin-top:22px}.reference-card-corner{font-size:29px}.reference-card-corner i{font-size:25px}.reference-card-controls{display:flex;align-items:center;justify-content:center;gap:34px;font:20px var(--ref-hand);margin-top:8px;color:var(--ref-green)}.reference-card-controls button{background:none;border:0;color:inherit;width:44px;height:44px;font:26px var(--ref-hand);cursor:pointer}.reference-connect{bottom:35px;font-size:23px}.reference-footer{padding:19px 18px;font-size:17px;gap:10px;flex-wrap:wrap}.reference-footer>a:nth-child(2){order:3;width:100%;font-size:9px}.reference-footer>a:nth-child(2) span{font-size:16px}.reference-site .page-wrap{padding-top:22px}.reference-site .making-room-card:nth-child(2){padding-top:0}.reference-site .photo-opening-bottom{align-items:center;gap:20px;flex-wrap:wrap}.reference-site .photo-opening{min-height:390px}
}
@media(prefers-reduced-motion:reduce){.reference-home *{animation:none!important;transition:none!important}.reference-cards h2{transform:none!important}.reference-site{scroll-behavior:auto}}
.reference-site:not(:has(.reference-home)) .reference-header{background:#fff}
.reference-card{min-width:0;width:100%;min-height:322px;aspect-ratio:auto}.reference-cards{padding-bottom:195px}
.reference-work-index .page-title{max-width:none;text-align:center;margin-bottom:36px}.reference-work-index .page-title h1{font-size:56px}.reference-work-index .page-title>p:last-child{margin-inline:auto}.reference-work-grid{columns:3;column-gap:40px}.reference-work-grid .index-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;border:0;padding:0 0 35px;break-inside:avoid}.reference-work-cover{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:0;margin-bottom:12px;transition:opacity .25s}.reference-work-grid .index-row:hover{background:white;padding-left:0}.reference-work-grid .index-row:hover .reference-work-cover{opacity:.75}.reference-work-grid .index-row strong{width:100%;color:#087e50;font:26px/1.3 var(--ref-serif)}.reference-work-grid .index-row .index-desc{display:block;max-width:90%}.reference-work-grid .index-arrow{margin-left:auto}.reference-work-grid .index-meta{font-size:8px}
.reference-site .gravity-experience{--gravity-ground:#fff;--gravity-panel:#f7f6f2;--gravity-panel-soft:#eeede7;--gravity-ink:#333;--gravity-dim:#666;--gravity-line:#ddd;--gravity-accent:#087e50}
.reference-site .gravity-opening{--gravity-ink:#eeeae1;--gravity-dim:#aaa69e;--gravity-accent:#c2b9a8}
.reference-site .gravity-experience :is(.gravity-source-chapter,.gravity-language-chapter,.gravity-journey-chapter,.gravity-model-chapter,.gravity-final-chapter,.gravity-project-nav){background:#fff}
.reference-site .gravity-chapter-nav{background:#fff;border-color:#ddd}.reference-site .gravity-chapter-nav a{color:#666}.reference-site .gravity-chapter-nav a.is-active{color:#087e50}
.reference-site .gravity-experience :is(.gravity-method-description,.gravity-journey-panel){background:#f7f6f2}
.reference-site .gravity-experience :is(.gravity-language-option:hover,.gravity-language-option.is-selected,.gravity-stage-nav button:hover,.gravity-stage-nav button[aria-current=step]){background:#e9efe8}
.reference-site .gravity-method-abstract{--gravity-ink:#eeeae1;--gravity-dim:#aaa69e;--gravity-accent:#c2b9a8}
.reference-site .gravity-opening{color:#eeeae1}
.reference-site .gravity-chapter :is(p,figcaption){color:#555}
.reference-site .gravity-chapter :is(small,em,.gravity-section-heading p span,.gravity-source-note>span,.gravity-journey-instruction span,.gravity-journey-panel-head,.gravity-journey-panel-head span,.gravity-journey-focus span,.gravity-stage-number,.gravity-stage-note>div span,.gravity-final-statement>span){color:#666}
.reference-site .gravity-chapter :is(.gravity-language-option,.gravity-stage-nav button,.gravity-stage-nav button span,.gravity-stage-nav button small,.gravity-journey-controls button,.gravity-journey-focus b,.gravity-final-statement a){color:#333}
.reference-site .gravity-section-heading>span{color:#087e50}
.reference-site .gravity-language-symbol,.reference-site .gravity-language-symbol i,.reference-site .gravity-language-symbol b,.reference-site .gravity-language-option.is-selected .gravity-language-symbol{border-color:#6d7b6c}
.reference-site .gravity-language-symbol b,.reference-site .gravity-journey-progress span{background:#087e50}
.reference-site .gravity-chapter-nav{top:90px}.reference-site .gravity-chapter{scroll-margin-top:155px}
.reference-site .gravity-project-nav :is(a,b,span,small){color:#555}
@media(max-width:820px){.reference-site .gravity-chapter-nav{top:105px}.reference-site .gravity-chapter{scroll-margin-top:180px}}
@media(min-width:821px){.reference-site .pp-page{padding-inline:8.5%;padding-top:17px}.reference-site .pp-hero-figure{background:white;margin-bottom:20px}.reference-site .pp-hero-figure .image-open{background:white}.reference-site .pp-hero-figure figcaption{padding:8px 0}.reference-site .pp-hero-figure figcaption br{display:none}.reference-site .pp-hero-figure figcaption b{font-size:10px}.reference-site .pp-project-head{padding-top:0}.reference-site .pp-project-head h1{margin:12px 0;font-size:64px}}
@media(max-width:820px){.reference-header{background:#fff}.reference-card{min-height:0}.reference-cards{padding-bottom:153px}.reference-pick-mobile{margin-top:8px}.reference-card-track{width:222px;margin-inline:auto;padding:0 0 14px}.reference-footer{min-height:156px;padding:26px 34px;align-content:center;gap:13px;align-items:start;flex-direction:column}.reference-footer>a:nth-child(2){order:0;width:auto;text-align:left}.reference-footer>a:nth-child(2) span{font-size:13px}.reference-work-grid{columns:2;column-gap:20px}.reference-work-index .page-title h1{font-size:42px}.reference-work-cover{border-radius:0}}
@media(max-width:500px){.reference-work-grid{columns:1}.reference-work-grid .index-row strong{font-size:24px}}
@media(max-width:820px){.reference-card{width:222px;aspect-ratio:211/322}.reference-navigation.is-open{overscroll-behavior:contain}}
@media(min-width:821px){.reference-card:last-child .reference-card-title{font-size:clamp(18px,1.7vw,25px);overflow-wrap:normal}}
@media(min-width:821px){.reference-site .furniture-film-frame:not(:fullscreen){width:min(100%,calc(max(180px,100svh - 385px)*16/9))}}

/* Content revisions: natural image proportions and aligned model view. */
.reference-footer>a.reference-email{font:16px/1.5 Arial,sans-serif;overflow-wrap:anywhere}
.section-home-nav{margin-top:60px;padding:26px 0;border-top:1px solid #ddd;color:#087e50}
.reference-site .pp-hero-figure{border-radius:0}
.reference-site .pp-hero-figure img{width:100%;height:auto;max-height:none;object-fit:contain}
.reference-site .pp-model-main{display:contents}
.reference-site .pp-model-main .image-open{grid-column:1;grid-row:1;aspect-ratio:16/9;min-height:0}
.reference-site .pp-model-main figcaption{grid-column:1;grid-row:2;color:#666}
.reference-site .pp-model-main img{width:100%;height:100%;max-height:none;aspect-ratio:16/9;object-fit:contain}
.reference-site .pp-model-thumbs{grid-column:2;grid-row:1;align-self:stretch;height:100%;min-height:0;contain:size;margin-bottom:0;grid-template-rows:repeat(7,minmax(0,1fr))}
.reference-site .pp-model-thumbs button{min-height:0;overflow:hidden}
.reference-site .pp-model-thumbs img{height:100%;min-height:0;aspect-ratio:auto;object-fit:cover}
.reference-work-index>.index-row{grid-template-columns:50px 140px minmax(0,1fr) minmax(180px,.7fr) 30px}
@media(max-width:820px){
 .reference-work-index>.index-row{grid-template-columns:30px minmax(0,1fr) 24px}
 .reference-work-index>.index-row .index-meta{display:none}
 .reference-work-index>.index-row strong{grid-column:2;grid-row:1}
 .reference-work-index>.index-row .index-desc{grid-column:2;grid-row:2}
 .reference-work-index>.index-row .index-arrow{grid-column:3;grid-row:1}
 .reference-footer{min-height:108px;justify-content:center}
 .reference-footer>a.reference-email{font-size:15px}
 .reference-site .pp-model-viewer{grid-template-columns:minmax(0,1fr);gap:10px}
 .reference-site .pp-model-thumbs{grid-column:1;grid-row:2;height:clamp(30px,7vw,58px);grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:4px}
 .reference-site .pp-model-main figcaption{grid-row:3}
}