/* 01: keep the approved structure; remove the green completely. */
body.e{--bg:#fafaf7;--fg:#252523;--muted:#777771;--line:#d8d8d2;--accent:#e9e7e0;--soft:#eeeeea}.e .direction-switch{background:#252523;color:#fafaf7}.e .field-hero{background:#41413e}.e .field-shade{background:linear-gradient(90deg,rgba(0,0,0,.63),rgba(0,0,0,.22) 47%,rgba(0,0,0,.02) 82%)}.e .field-background{filter:none}.e .cta{background:#fff;color:#282826}.e .field-shelf{background:#fafaf7;color:#252523;border-bottom:1px solid #d8d8d2}.e .shelf-posters img{background:#eeeee9}.e .shelf-posters button>span{color:#3a3a37}.e .services{background:#edede8}.e .service-grid article{border-color:#c9c9c2}.e .profile-placeholder{background:#ecece6}.e .mock-label{background:#fffef4ed;color:#40403b}.e .contact{background:#333330;color:#fafaf7}
/* 02: centered type, one horizontal photograph, then chapter-style cases. */
body.f{--bg:#f5f3ee;--fg:#302f2b;--muted:#7c796f;--line:#d2cfc5;--accent:#dad5c7;--soft:#e9e6dd}.f .direction-switch{background:#e7e3d9;color:#34322e}.f .site-content{margin:0;border:0}.scene-header{display:flex;align-items:center;justify-content:space-between;padding:27px 5%;border-bottom:1px solid var(--line)}.scene-header .name small{font-size:11px}.scene-hero{padding-top:36px}.scene-intro{text-align:center;padding:0 5% 30px}.scene-role{font-size:16px;letter-spacing:.08em}.scene-intro h1{font:400 clamp(32px,3.9vw,57px)/1.65 var(--jp);letter-spacing:.035em;margin:20px 0}.scene-intro h1 em{font-style:normal}.scene-intro>p:last-child{font-size:13px;color:var(--muted);margin-top:20px}.scene-panorama{height:400px;position:relative;overflow:hidden;margin:0 5%}.scene-panorama>img{height:100%;object-fit:cover;object-position:center 43%}.scene-panorama .mock-label{bottom:15px;left:18px;right:auto;font-size:11px}.scene-scroll{position:absolute;right:22px;bottom:20px;background:#fffef4ed;color:#34332d;display:flex;gap:40px;align-items:center;padding:14px 20px;font-size:14px}.f .works{padding-top:65px}.f .project-grid{display:block}.f .scene-case{border-bottom:1px solid var(--line);padding:0 0 36px;margin:0 0 60px}.case-title{display:grid;grid-template-columns:85px 1fr;gap:8px 25px;align-items:start;margin-bottom:24px}.case-title>span{font-size:12px;color:var(--muted);padding-top:10px}.case-title h3{font:500 29px/1.7 var(--jp);grid-column:2}.case-title>p{font-size:14px;grid-column:2;color:#7c796f}.case-visuals{display:grid;grid-template-columns:1fr 1.4fr;gap:25px;background:#ebe7dd;padding:25px}.case-cover{position:relative;background:#f3f1e9;display:flex;align-items:center;justify-content:center;padding:20px}.case-cover>img{height:450px;object-fit:contain}.case-cover>span{position:absolute;left:16px;bottom:12px;font-size:10px;background:#f8f6eecf;padding:4px 7px;letter-spacing:.07em}.case-details{display:grid;grid-template-columns:1fr 1fr;gap:20px}.case-details>button{position:relative;background:#f3f1e9;padding:12px;overflow:hidden}.case-details img{height:210px;object-fit:contain}.case-details span{position:absolute;right:10px;bottom:9px;font-size:9px;padding:3px 7px;background:#f8f6eee6}.case-visuals.one-related{grid-template-columns:1fr 1fr}.one-related .case-details{grid-template-columns:1fr}.one-related .case-details img{height:450px}.case-visuals.cover-only{grid-template-columns:1fr}.cover-only .case-cover>img{height:500px}.case-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:18px;gap:20px}.case-bottom>span{font-size:12px;color:var(--muted)}.case-bottom>button{font-size:14px;border-bottom:1px solid #bab5a8;padding-bottom:5px}.f .services{background:#e6e2d7}.f .contact{background:#34322d;color:#fbf9f2}.f .contact>div:last-child>a{border:1px solid #ffffff70}.f .profile-placeholder{background:#e6e2d7}.f .service-grid article{border:0}
/* 03: no hero photo; role, name and the actual project posters first. */
body.g{--bg:#fff;--fg:#282828;--muted:#777;--line:#d7d7d7;--accent:#e7e7e2;--soft:#f0f0ec}.g .direction-switch{background:#292929;color:white}.index-header{display:flex;align-items:center;justify-content:space-between;padding:27px 5%;border-bottom:1px solid var(--line)}.index-header .name small{font-size:11px}.index-intro{padding:30px 5% 0}.index-kicker{display:flex;justify-content:space-between;font:500 13px var(--display);letter-spacing:.12em}.index-intro h1{font:400 clamp(27px,3.4vw,51px)/1.7 var(--jp);letter-spacing:.01em;margin:16px 0}.index-intro h1>span{font-size:.7em;margin:0 17px;color:#aaa}.index-caption{display:flex;justify-content:space-between;gap:25px;padding-bottom:27px;border-bottom:1px solid var(--line)}.index-caption>p{font-size:15px;color:#777}.index-caption>a{font-size:14px}.g .works{padding:28px 5% 70px}.g .works>.section-heading{margin-bottom:24px;align-items:center}.g .works>.section-heading>div:first-child{display:none}.g .works .filter-group{width:100%;justify-content:end}.g .project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 30px;border:0}.g .index-work{border:0}.g .index-work>button{display:block;width:100%}.index-work-image{height:400px;background:#f0f0ec;padding:20px;position:relative;overflow:hidden}.index-work-image>img{height:100%;object-fit:contain}.index-work-image>span{position:absolute;right:12px;bottom:12px;background:white;padding:7px 10px;font-size:10px;letter-spacing:.06em}.index-work-label{padding:16px 0}.index-work-label>span{font-size:12px;color:#777}.index-work-label h3{font:500 21px/1.8 var(--jp);margin:9px 0}.index-work-label p{font-size:13px;color:#777;display:flex;justify-content:space-between;gap:15px}.g .index-work:nth-child(4){grid-column:1/2}.g .services{background:#f0f0ec;color:#282828}.g .service-grid article{padding:0;border:0}.g .service-grid small{color:#777}.g .service-grid p{font-size:15px}.g .profile-placeholder{background:#ecece7}.g .contact{background:#2e2e2c;color:#fff}.g .contact>div:last-child>a{border:1px solid #ffffff70;background:none}.g .section-heading>p{color:#777}
@media(max-width:1050px){.scene-intro h1{font-size:38px}.scene-panorama{height:350px}.case-title h3{font-size:25px}.case-cover>img{height:400px}.case-details img{height:185px}.one-related .case-details img{height:400px}.index-intro h1{font-size:33px}.index-work-image{height:340px;padding:17px}.index-work-label h3{font-size:18px}.case-visuals{gap:18px;padding:18px}.case-details{gap:15px}}
@media(max-width:750px){.e .field-shade{background:linear-gradient(90deg,rgba(0,0,0,.64),rgba(0,0,0,.18)),linear-gradient(0deg,rgba(0,0,0,.13),transparent 50%)}.scene-header,.index-header{padding:22px 5%}.scene-header .name small,.index-header .name small{font-size:10px}.scene-hero{padding-top:28px}.scene-intro{padding:0 5% 25px}.scene-role{font-size:13px;letter-spacing:.02em}.scene-intro h1{font-size:28px;line-height:1.85;letter-spacing:0;margin:17px 0}.scene-intro>p:last-child{font-size:12px;margin-top:16px}.scene-panorama{height:300px;margin:0}.scene-panorama>img{object-position:45% center}.scene-panorama .mock-label{left:10px;right:10px;bottom:12px;font-size:10px}.scene-scroll{right:15px;bottom:57px;padding:10px 15px;font-size:13px;gap:25px}.f .works{padding-top:40px}.case-title{grid-template-columns:1fr;gap:10px;margin-bottom:20px}.case-title>span{font-size:11px;padding:0}.case-title h3{font-size:24px;grid-column:1}.case-title>p{font-size:13px;grid-column:1}.f .scene-case{padding-bottom:25px;margin-bottom:45px}.case-visuals{grid-template-columns:1fr;padding:15px;gap:18px}.case-cover{padding:15px}.case-cover>img{height:380px}.case-cover>span{font-size:10px}.case-details{gap:14px;grid-template-columns:1fr 1fr}.case-details>button{padding:8px}.case-details img{height:210px}.case-details span{font-size:8px;right:7px;bottom:7px;padding:3px 5px}.case-visuals.one-related{grid-template-columns:1fr 1fr}.one-related .case-cover>img,.one-related .case-details img{height:260px}.cover-only .case-cover>img{height:420px}.case-bottom{align-items:start;flex-direction:column;gap:15px}.case-bottom>span{font-size:11px}.case-bottom>button{font-size:14px}.index-intro{padding:25px 5% 0}.index-kicker{font-size:10px;letter-spacing:.06em}.index-intro h1{font-size:26px;line-height:1.7;margin:18px 0}.index-intro h1>span{font-size:.65em;margin:0 8px}.index-caption{align-items:start;flex-direction:column;gap:13px;padding-bottom:24px}.index-caption>p{font-size:14px}.index-caption>a{font-size:13px}.g .works{padding:18px 5% 55px}.g .works>.section-heading{margin-bottom:20px;gap:0}.g .works .filter-group{justify-content:start}.g .project-grid{grid-template-columns:1fr 1fr;gap:27px 17px}.index-work-image{height:270px;padding:12px}.index-work-image>span{font-size:8px;padding:5px 7px;right:7px;bottom:7px}.index-work-label{padding:12px 0}.index-work-label>span{font-size:11px}.index-work-label h3{font-size:17px;line-height:1.8;margin:8px 0}.index-work-label p{font-size:12px}.g .index-work:nth-child(4){grid-column:auto}}
@media(max-width:750px){.index-intro h1>span{display:block;height:0;font-size:0;margin:0;overflow:hidden}.f .works .section-heading h2{font-size:25px;letter-spacing:-.02em}}
@media(max-width:390px){.scene-intro h1{font-size:25px}.scene-role{font-size:12px}.case-details img{height:185px}.one-related .case-cover>img,.one-related .case-details img{height:230px}.index-intro h1{font-size:24px}.index-work-image{height:240px;padding:10px}.index-work-label h3{font-size:16px}}