/* Photographic project stories and the furniture direction. */
.e15-wrap{padding:76px var(--z-pad);max-width:1720px;margin:auto}
.e15-wrap,.e15-wrap *,.f15-wrap,.f15-wrap *{box-sizing:border-box}
.brand-zhohan .e15-kicker{font-size:14px;font-weight:700;letter-spacing:.065em;color:#465244;text-transform:uppercase;margin:0 0 19px}
.brand-zhohan .e15-title{font-size:clamp(38px,4.6vw,68px);line-height:1.1;letter-spacing:-.045em;margin:0;color:#172017;font-weight:650}
.e15-title em{color:#204bff;font-style:normal}
.e15-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;align-items:end;margin-bottom:42px}
.brand-zhohan .e15-heading p:last-child{font-size:18px;line-height:1.6;max-width:470px;margin:0;color:#556051}
.e15-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 26px}
.e15-card{min-width:0;position:relative;background:transparent}
.e15-visual{position:relative;display:block;border-radius:16px;overflow:hidden;aspect-ratio:1.52;background:#e9eae5}
.e15-visual img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.6,.3,1)}
.e15-card:hover .e15-visual img{transform:scale(1.035)}
.brand-zhohan .e15-card h3{font-size:25px;line-height:1.15;letter-spacing:-.035em;margin:19px 0 8px;color:#172017}
.brand-zhohan .e15-card p{font-size:16px;line-height:1.5;color:#566051;margin:0}
.e15-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}
.e15-card-title svg{flex:0 0 22px;color:#204bff;transition:transform .2s}
.e15-card-title:hover{color:#204bff}.e15-card-title:hover svg{transform:translateX(4px)}
.e15-card-title:focus-visible,.e15-visual:focus-visible{outline:3px solid #204bff;outline-offset:5px}
.e15-video-link{position:absolute;top:15px;left:15px;z-index:2;display:inline-flex;gap:10px;align-items:center;background:#fff;color:#172017;border-radius:40px;padding:11px 16px;font-size:14px;font-weight:650;box-shadow:0 2px 15px #0001}
.e15-video-link:hover{background:#dffc65;color:#172017}.e15-video-link svg{width:17px;height:17px}
.e15-index{padding-top:44px;padding-bottom:42px}.e15-index .e15-heading{margin-bottom:0}
.e15-back{display:inline-flex;align-items:center;gap:9px;font-size:14px;min-height:44px;margin-bottom:28px;color:#566051}
.e15-back svg{transform:rotate(180deg);width:18px}.e15-back:hover{color:#204bff}
.e15-gallery-page{padding-top:8px}
.e15-gallery-end{margin-top:40px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:24px;border-top:1px solid #d7ddd1}
.brand-zhohan .e15-gallery-end p{font-size:14px;color:#60685c;margin:0;max-width:720px;line-height:1.6}
.e15-text-link{display:inline-flex;gap:20px;align-items:center;min-height:48px;font-size:16px;font-weight:650;white-space:normal;color:#172017}
.e15-text-link:hover{color:#204bff}.e15-text-link svg{flex-shrink:0}
.e15-case-head{padding-top:36px;padding-bottom:34px}
.e15-case-head .e15-heading{grid-template-columns:1.2fr 1fr;margin-bottom:0;align-items:end}
.brand-zhohan .e15-case-head h1{font-size:clamp(43px,5.6vw,82px);line-height:1.05;letter-spacing:-.05em;margin:0 0 20px;overflow-wrap:break-word;color:#172017}
.brand-zhohan .e15-case-head .e15-mission{font-size:23px;line-height:1.35;letter-spacing:-.025em;max-width:620px;margin:0;color:#172017}
.e15-cover{margin:0 var(--z-pad);border-radius:18px;overflow:hidden;position:relative;background:#e4e8df;aspect-ratio:2.25}
.e15-cover>img{height:100%;width:100%;object-fit:cover;display:block}
.e15-photo-credit{padding:10px var(--z-pad) 0;margin:0;font-size:12px;line-height:1.5;color:#626b5b}
.e15-photo-credit a{text-decoration:underline;text-underline-offset:3px}
.e15-story{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:9%;padding-top:56px;padding-bottom:60px}
.brand-zhohan .e15-story h2{font-size:clamp(28px,2.8vw,42px);line-height:1.2;margin:0 0 23px;letter-spacing:-.035em}
.brand-zhohan .e15-story p{font-size:17px;line-height:1.75;color:#4d5748;margin:0 0 20px}
.e15-specs{list-style:none;margin:30px 0 0;padding:0;border-top:1px solid #cad3c0}
.e15-specs li{padding:13px 0;border-bottom:1px solid #cad3c0;font-size:16px;line-height:1.5;color:#172017}
.e15-work article{border-top:1px solid #cad3c0;padding:25px 0 10px}
.brand-zhohan .e15-work h3{font-size:24px;line-height:1.25;margin:0 0 12px;letter-spacing:-.03em}
.e15-result{background:#dffc65;padding:28px;border-radius:14px;margin-top:16px}
.brand-zhohan .e15-result p{color:#172017;margin:0;font-size:18px;line-height:1.6}
.brand-zhohan .e15-result .e15-kicker{font-size:13px;margin-bottom:10px}
.brand-zhohan .e15-source{font-size:13px;line-height:1.6;margin-top:22px}
.e15-source a{text-decoration:underline;text-underline-offset:3px}
.e15-case-extras{padding-top:0;padding-bottom:58px}
.e15-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.e15-photo-pair figure{margin:0}.e15-photo-pair img{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:14px}
.e15-photo-pair figcaption{font-size:14px;color:#556051;line-height:1.5;margin-top:10px}
.e15-trip{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center}
.e15-trip img{width:100%;border-radius:16px;aspect-ratio:1.4;object-fit:cover}
.brand-zhohan .e15-trip h2{font-size:clamp(30px,3vw,44px);line-height:1.15;margin:12px 0 22px;letter-spacing:-.04em}
.brand-zhohan .e15-trip p{font-size:17px;line-height:1.7}
.e15-next{border-top:1px solid #cad3c0;display:flex;justify-content:space-between;align-items:center;padding-top:28px;padding-bottom:38px;gap:24px}
.e15-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:58px;padding:17px 22px;border:0;border-radius:10px;background:#172017;color:#fff;font:inherit;font-size:16px;font-weight:650;text-align:left}
.e15-button:hover{background:#204bff;color:#fff}.e15-button svg{flex:0 0 22px}
.e15-button:focus-visible,.e15-play:focus-visible,.e15-text-link:focus-visible{outline:3px solid #204bff;outline-offset:4px}
/* A single, lazy-loading player works in project and category stories. */
.brand-zhohan .e15-film.z-film{position:relative;display:block;grid-column:auto;aspect-ratio:16/9;min-height:0;width:100%;margin:0;overflow:hidden;border-radius:16px;background:#172017}
.brand-zhohan .e15-film.z-film video{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.brand-zhohan .e15-film.z-film:after{display:none}
.e15-play{position:absolute;left:24px;bottom:24px;z-index:3;display:flex;align-items:center;gap:12px;background:#fff;border:0;border-radius:40px;padding:15px 20px;font:inherit;font-size:15px;font-weight:650;color:#172017;cursor:pointer;box-shadow:0 4px 25px #0002}
.e15-play:hover{background:#dffc65}.e15-play svg{width:19px;height:19px;flex-shrink:0}.e15-play[hidden]{display:none}
.brand-zhohan .e15-film .z-video-status{position:absolute;top:12px;left:12px;right:12px;width:auto;margin:0;padding:8px 12px;color:#fff;background:#172017cc;border-radius:6px;font-size:13px;line-height:1.5;pointer-events:none}
.e15-film .z-video-status:empty{display:none}.e15-film.is-playing .z-video-status{clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0}
.e15-case-video{margin:0 var(--z-pad);scroll-margin-top:110px;max-width:1550px}
.e15-case-video .e15-film{aspect-ratio:2.1!important}.e15-case-video .e15-film video{object-fit:contain!important}
/* Furniture: one coherent B2B service page, illustrated by delivered spaces. */
.f15-wrap{max-width:1720px;margin:auto;padding:64px var(--z-pad)}
.f15-intro{padding-top:32px;padding-bottom:36px}
.f15-intro .e15-heading{align-items:end;margin-bottom:0;grid-template-columns:1.4fr 1fr}
.brand-zhohan .f15-intro h1{font-size:clamp(45px,5.4vw,82px);line-height:1.07;letter-spacing:-.05em;margin:0;color:#172017}
.f15-intro h1 em{font-style:normal;color:#204bff}
.f15-intro .e15-button{margin-top:24px}
.f15-stage{display:grid;grid-template-columns:1.6fr 1fr;gap:0;margin:0 var(--z-pad);border-radius:18px;overflow:hidden;background:#dffc65}
.f15-stage figure{margin:0;position:relative;min-height:420px}
.f15-stage figure img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.f15-stage figcaption{position:absolute;bottom:20px;left:24px;color:#fff;font-size:14px;line-height:1.5;text-shadow:0 1px 8px #000}
.f15-stage figcaption a{background:#172017;padding:10px 14px;border-radius:8px;display:inline-block}
.f15-stage aside{padding:38px;display:flex;flex-direction:column;justify-content:space-between;gap:22px}
.brand-zhohan .f15-stage h2{font-size:clamp(29px,2.8vw,42px);line-height:1.15;letter-spacing:-.04em;margin:0 0 25px}
.f15-scope{list-style:none;padding:0;margin:0;border-top:1px solid #17201740}
.f15-scope li{padding:13px 0;border-bottom:1px solid #17201740;font-size:17px;line-height:1.4}
.brand-zhohan .f15-stage p{font-size:15px;line-height:1.6;color:#37432c;margin:0}
.f15-uses{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%}
.brand-zhohan .f15-uses h2,.brand-zhohan .f15-proof h2,.brand-zhohan .f15-brief h2,.brand-zhohan .f15-faq h2{font-size:clamp(32px,3.5vw,49px);line-height:1.15;letter-spacing:-.04em;margin:0 0 20px}
.brand-zhohan .f15-wrap p{font-size:17px;line-height:1.7;color:#566051}
.f15-use-list article{padding:22px 0;border-top:1px solid #cad3c0;display:grid;grid-template-columns:.75fr 1.25fr;gap:24px;scroll-margin-top:110px}
.brand-zhohan .f15-use-list h3{font-size:23px;line-height:1.3;margin:0;letter-spacing:-.03em}
.brand-zhohan .f15-use-list p{margin:0;font-size:16px;line-height:1.65}
.f15-proof{background:#fff;border-top:1px solid #e0e4da;border-bottom:1px solid #e0e4da}
.f15-proof-head{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:end;margin-bottom:30px}
.f15-proof-head h2 em{font-style:normal;color:#204bff}
.f15-proof-head p{margin:0 0 14px}
.f15-proof-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;margin-top:30px}
.brand-zhohan .f15-proof-bottom h3{font-size:23px;line-height:1.25;margin:0 0 13px;letter-spacing:-.03em}
.brand-zhohan .f15-proof-bottom p{font-size:16px;margin:0;line-height:1.6}
.f15-brief{display:grid;grid-template-columns:1fr 1fr;gap:8%}
.f15-spec-table{margin:0;border-top:1px solid #cad3c0}
.f15-spec-table>div{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;border-bottom:1px solid #cad3c0;padding:18px 0;font-size:16px;line-height:1.5}
.f15-spec-table dt{font-weight:650}.f15-spec-table dd{margin:0;color:#566051}
.f15-tartine{display:grid;grid-template-columns:1.25fr 1fr;background:#204bff;margin:0 var(--z-pad);border-radius:18px;overflow:hidden}
.f15-tartine img{width:100%;height:100%;object-fit:cover;min-height:400px}
.f15-tartine>div{padding:42px;align-self:center}
.brand-zhohan .f15-tartine h2{color:#fff;font-size:clamp(32px,3.7vw,52px);line-height:1.12;letter-spacing:-.04em;margin:14px 0 22px}
.brand-zhohan .f15-tartine p{color:#fff;font-size:17px;line-height:1.7}
.brand-zhohan .f15-tartine .e15-kicker{color:#dffc65}.f15-tartine .e15-text-link{color:#fff}
.f15-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%}
.f15-faq details{border-top:1px solid #cad3c0;padding:0}.f15-faq details:last-child{border-bottom:1px solid #cad3c0}
.f15-faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:18px;font-weight:650;line-height:1.45;padding:22px 0;min-height:64px}
.f15-faq summary::-webkit-details-marker{display:none}.f15-faq summary:after{content:'+';font-size:27px;font-weight:400;color:#204bff;flex-shrink:0}.f15-faq details[open] summary:after{content:'−'}
.f15-faq summary:focus-visible{outline:2px solid #204bff;outline-offset:3px}
.brand-zhohan .f15-faq details p{font-size:16px;margin:0 0 24px}
.f15-cta{margin:0 var(--z-pad) 64px;background:#dffc65;border-radius:16px;padding:36px 40px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:35px}
.brand-zhohan .f15-cta h2{font-size:clamp(29px,3vw,43px);line-height:1.15;margin:0 0 14px;letter-spacing:-.035em}
.brand-zhohan .f15-cta p{font-size:17px;line-height:1.6;color:#37432c;margin:0;max-width:650px}
@media(min-width:1720px){.e15-cover,.e15-case-video,.f15-stage,.f15-tartine,.f15-cta{max-width:1544px;margin-left:auto;margin-right:auto}}
@media(max-width:1100px){.e15-grid{gap:32px 20px}.brand-zhohan .e15-card h3{font-size:23px}.e15-heading{gap:30px}.f15-stage{grid-template-columns:1.25fr 1fr}.f15-stage aside{padding:26px}.f15-use-list article{grid-template-columns:1fr;gap:10px}.f15-tartine>div{padding:30px}.f15-cta{grid-template-columns:1fr}.f15-cta .e15-button{justify-self:start}}
@media(max-width:900px){.e15-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.e15-heading,.e15-case-head .e15-heading,.f15-intro .e15-heading{grid-template-columns:1fr;gap:24px}.brand-zhohan .e15-heading p:last-child{max-width:650px}.e15-story{gap:35px}.f15-stage{grid-template-columns:1fr}.f15-stage figure{min-height:0;aspect-ratio:1.65}.f15-stage aside{display:grid;grid-template-columns:1fr 1fr;gap:30px}.f15-stage aside>p{align-self:end}.f15-uses,.f15-brief,.f15-faq{grid-template-columns:1fr;gap:25px}.f15-use-list article{grid-template-columns:1fr 1.2fr;gap:24px}.f15-tartine{grid-template-columns:1fr 1fr}.f15-tartine img{min-height:0}.e15-case-head h1{max-width:850px}}
@media(max-width:600px){
 .e15-wrap,.f15-wrap{padding:40px var(--z-pad)}.e15-heading{gap:20px;margin-bottom:28px}.brand-zhohan .e15-title{font-size:37px;line-height:1.1}.brand-zhohan .e15-heading p:last-child{font-size:16px;line-height:1.65}.brand-zhohan .e15-kicker{font-size:13px;margin-bottom:14px}
 .e15-grid{grid-template-columns:1fr;gap:28px}.e15-visual{aspect-ratio:1.5;border-radius:12px}.brand-zhohan .e15-card h3{font-size:25px;margin:14px 0 7px}.e15-card-title{min-height:44px}.e15-card p{font-size:16px}.e15-video-link{top:12px;left:12px;padding:11px 14px;font-size:14px}.e15-gallery-end{display:block;margin-top:30px;padding-top:20px}.e15-gallery-end>a{margin-top:14px}
 .e15-index{padding-top:23px;padding-bottom:28px}.e15-gallery-page{padding-top:0}.e15-back{margin-bottom:20px}.e15-case-head{padding-top:20px;padding-bottom:25px}.brand-zhohan .e15-case-head h1{font-size:42px;line-height:1.1;letter-spacing:-.035em;margin-bottom:14px}.brand-zhohan .e15-case-head .e15-mission{font-size:22px;line-height:1.35}
 .e15-cover{aspect-ratio:1.35;border-radius:12px}.e15-photo-credit{font-size:12px}.e15-story{grid-template-columns:1fr;gap:35px;padding-top:32px;padding-bottom:36px}.brand-zhohan .e15-story h2{font-size:29px}.brand-zhohan .e15-story p{font-size:16px;line-height:1.7}.e15-specs{margin-top:22px}.e15-result{padding:23px}.brand-zhohan .e15-result p{font-size:17px}.e15-photo-pair{grid-template-columns:1fr;gap:24px}.e15-trip{grid-template-columns:1fr;gap:25px}.e15-case-extras{padding-top:0}.e15-next{flex-direction:column;align-items:stretch;padding-top:25px;gap:12px}.e15-next .e15-button{width:100%}.e15-next .e15-text-link{justify-content:space-between}
 .e15-case-video .e15-film{aspect-ratio:16/10!important}.e15-play{left:12px;bottom:12px;gap:9px;padding:13px 16px;font-size:14px;max-width:calc(100% - 24px)}.brand-zhohan .e15-film.z-film{border-radius:12px}.e15-case-video{scroll-margin-top:85px}
 .f15-intro{padding-top:20px;padding-bottom:28px}.brand-zhohan .f15-intro h1{font-size:43px;line-height:1.08;letter-spacing:-.045em}.f15-intro .e15-button{width:100%;margin-top:20px}.f15-stage{border-radius:12px}.f15-stage figure{aspect-ratio:1.3}.f15-stage figcaption{left:15px;bottom:15px;font-size:12px}.f15-stage aside{display:block;padding:24px}.brand-zhohan .f15-stage h2{font-size:30px;margin-bottom:20px}.f15-stage aside>p{margin-top:20px}.f15-scope li{font-size:16px;padding:12px 0}.f15-use-list article{grid-template-columns:1fr;gap:10px;padding:20px 0}.brand-zhohan .f15-wrap p{font-size:16px}.brand-zhohan .f15-use-list h3{font-size:23px}.brand-zhohan .f15-uses h2,.brand-zhohan .f15-proof h2,.brand-zhohan .f15-brief h2,.brand-zhohan .f15-faq h2{font-size:32px;line-height:1.14}
 .f15-proof-head{grid-template-columns:1fr;gap:10px;margin-bottom:25px}.f15-proof-bottom{grid-template-columns:1fr;gap:24px}.f15-proof-bottom>div+div{padding-top:23px;border-top:1px solid #d7ddd1}.brand-zhohan .f15-proof-bottom h3{font-size:22px}.f15-spec-table>div{grid-template-columns:1fr;gap:7px;padding:16px 0}.f15-tartine{grid-template-columns:1fr;border-radius:12px}.f15-tartine img{aspect-ratio:1.4}.f15-tartine>div{padding:27px}.brand-zhohan .f15-tartine h2{font-size:35px}.f15-faq summary{font-size:17px;padding:20px 0;gap:15px}.f15-cta{padding:26px 23px;margin-bottom:38px;gap:24px}.f15-cta .e15-button{width:100%;justify-self:stretch}.brand-zhohan .f15-cta h2{font-size:31px}.brand-zhohan .f15-cta p{font-size:16px}
}
@media(max-width:359px){.brand-zhohan .f15-intro h1{font-size:37px}.brand-zhohan .e15-case-head h1{font-size:37px}.e15-button{padding:16px;font-size:15px;gap:12px}.f15-stage aside{padding:20px}.e15-play{font-size:13px;padding:11px 13px}.brand-zhohan .e15-title{font-size:33px}}
@media(prefers-reduced-motion:reduce){.e15-visual img,.e15-card-title svg{transition:none;transform:none!important}}
@media(hover:none){.e15-card:hover .e15-visual img{transform:none}}