@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.38s}.page-section{padding:85px 6%}.page-section h1,.founder h1{font-size:clamp(34px,4vw,62px);font-weight:300;line-height:1.5}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:55px}.editorial p{font-size:16px;line-height:2;margin-bottom:23px}.editorial .english{font-size:14px;color:#85877f;line-height:1.8}.editorial h2{font-size:38px}.founder{background:#303030;color:#fff;min-height:960px;padding:160px 8% 80px;display:grid;grid-template-columns:1fr 42%;align-items:center;gap:8%}.founder>img{width:100%;max-height:790px;object-fit:contain}.founder-copy>p:not(.eyebrow){font-size:17px;line-height:2;color:#c9c9c9}.founder-name{margin:60px 0 42px}.founder-name h2{font-size:37px}.founder-name small{font-size:13px;margin-left:18px}.founder-name p{font-size:16px;margin-top:14px}.founder-name .english{font-size:11px;color:#bababa;letter-spacing:.1em}.founder-since{display:block;margin-top:35px;font-size:12px;color:#aaa}.expertise{display:flex;flex-wrap:wrap;gap:20px 4%;border-top:1px solid #ddd;padding-top:40px;margin-top:50px}.expertise p{font-size:17px}.expertise small{display:block;font-size:10px;color:#777;margin-top:10px}.concept-hero{height:92svh;min-height:690px;position:relative;color:white}.concept-hero>img{width:100%;height:100%;object-fit:cover}.concept-hero>div{position:absolute;left:6%;bottom:12%}.concept-hero h1{font-size:clamp(38px,4.8vw,70px);font-weight:300;line-height:1.4}.concept-hero p:last-child{font-size:16px;margin-top:20px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;padding:60px 0 80px}.principles article>span{font-size:12px;color:#969a8e}.principles h2{font-size:29px;margin:23px 0}.principles h2 small{font-size:12px;margin-left:15px}.principles p{font-size:16px;line-height:2;color:#777d70}.philosophy-statement{border-top:1px solid #ddd;padding-top:65px;margin-top:0}.light-header .header{position:relative;color:#333;padding-bottom:30px;border-bottom:1px solid #ddd}.light-header .header .logo img{filter:invert(1)}.light-header .header nav a{color:#333;text-shadow:none}.project-intro{padding-top:55px;padding-bottom:0}.project-intro h1{font-size:40px}.projects-page .works{padding-top:45px}.project-intro .editorial{margin-top:32px}.gallery-hint{font-size:12px;color:#777}.contact-page{background:#303030;color:white}.contact-intro{padding-top:210px;padding-bottom:55px}.contact-intro h1{font-size:62px}.contact-intro>p:not(.eyebrow){font-size:19px;line-height:1.9;margin-top:23px;color:#ccc}.contact-intro .english{font-size:16px!important}.contact-page footer{padding-top:0}.contact-page .footer-main{border-top:1px solid #555;padding-top:55px}.detail-page footer{display:none}.detail-page .header{padding:16px 4.2%}.detail-page .logo{width:80px}.detail-toolbar{display:flex;align-items:center;justify-content:space-between;padding:24px 4.2%;gap:20px;font-size:14px}.detail-toolbar>div{display:flex;align-items:center;gap:20px;font-size:12px}.detail-toolbar button{font-size:25px;padding:6px}.detail-toolbar>p{max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-main{transition:transform .36s,opacity .36s;transform-origin:center}.detail-main.leaving{transform:scale(.82);opacity:0}.detail-hint{text-align:right;font-size:11px;color:#888;padding:20px 4.2%}#detail-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;height:calc(100svh - 225px);min-height:530px;cursor:grab;touch-action:pan-x pan-y}#detail-track::-webkit-scrollbar{display:none}.photo-slide{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;position:relative;display:flex;align-items:center;justify-content:center;background:#efefeb}.photo-slide>img{height:100%;width:100%;object-fit:contain}.photo-slide.overview{display:grid;grid-template-columns:62% 38%;background:#f7f7f3}.overview .cover{height:100%;width:100%;object-fit:cover;min-height:0}.project-story{padding:30px 35px;height:100%;overflow-y:auto}.project-story h1{font-size:30px;line-height:1.4;font-weight:300}.project-story .project-title-en{font-size:13px;line-height:1.6;color:#888;margin:13px 0 25px}.project-story .fact{font-size:12px;line-height:1.9;margin-bottom:5px}.project-story .description{font-size:14px;line-height:1.95;margin:18px 0;color:#6e7467}.project-story .fact:first-of-type{padding-top:15px;border-top:1px solid #ccc}.photo-slide img{-webkit-user-drag:none;user-select:none}.detail-page .qr-dialog{display:none}.detail-toolbar a:hover{opacity:.55}
@media(max-width:600px){.page-section{padding:45px 23px}.editorial{display:block;margin-top:32px}.editorial h2{font-size:29px;margin-bottom:28px}.editorial p{font-size:15px;line-height:1.95}.founder{padding:170px 23px 40px;display:flex;flex-direction:column;gap:32px;min-height:0;align-items:stretch}.founder h1{font-size:38px}.founder-name{margin:30px 0 24px}.founder-name h2{font-size:28px}.founder-copy>p:not(.eyebrow){font-size:15px}.founder-since{margin-top:20px}.founder>img{max-height:none;width:100%;height:auto}.expertise{display:grid;grid-template-columns:1fr 1fr;gap:28px 15px;margin-top:32px;padding-top:28px}.expertise p{font-size:15px}.expertise small{font-size:9px;line-height:1.5}.concept-hero{height:88svh;min-height:650px}.concept-hero>img{object-position:65% center}.concept-hero>div{left:23px;right:23px;bottom:9%}.concept-hero h1{font-size:39px}.concept-hero p:last-child{font-size:13px;line-height:1.8}.principles{display:block;padding:30px 0}.principles article{padding:20px 0 30px}.principles h2{font-size:27px;margin:16px 0}.philosophy-statement{padding-top:35px}.light-header .header{padding-bottom:23px}.project-intro h1{font-size:29px;margin-bottom:30px}.projects-page .works{padding-top:15px}.gallery-hint{display:block;margin-top:20px}.contact-intro{padding-top:195px;padding-bottom:40px}.contact-intro h1{font-size:37px}.contact-intro>p:not(.eyebrow){font-size:17px}.contact-page .footer-main{padding-top:35px}.detail-page .header{padding:20px 23px}.detail-toolbar{padding:12px 23px;flex-wrap:wrap;font-size:12px;gap:10px}.detail-toolbar>p{order:3;flex-basis:100%;max-width:100%;font-size:13px}.detail-toolbar>div{gap:14px}.detail-page .logo{width:65px}#detail-track{height:calc(100svh - 235px);min-height:560px}.photo-slide.overview{display:block;overflow-y:auto}.overview .cover{height:300px;object-fit:cover}.project-story{height:auto;padding:25px 23px;overflow:visible}.project-story h1{font-size:26px}.project-story .description{font-size:15px}.detail-hint{font-size:10px}.photo-slide>img{object-fit:contain}.detail-toolbar button{font-size:23px}}
@media(prefers-reduced-motion:reduce){.detail-main{transition:none}::view-transition-old(root),::view-transition-new(root){animation-duration:0s}}

.gallery.restoring .project-card{transition:none!important}@media(max-width:600px){.contact-page .footer-main{display:flex;flex-direction:column;gap:35px}.contact-page .contact{order:-1;margin-top:0}.contact-page .footer-brand{border-top:1px solid #555;padding-top:30px}}


/* Third feedback: combined studio section and return-home affordance. */
.header .logo{position:relative;transition:transform .3s,filter .3s;color:white}.light-header .header .logo{color:#303030}.header .logo:hover,.header .logo:focus-visible{transform:translateY(-5px);filter:drop-shadow(0 6px 7px #0003)}.home-icon{position:absolute;width:20px;height:20px;left:calc(100% + 16px);top:50%;transform:translateY(-50%);opacity:.8}.about-lead{margin-top:20px;color:#777;line-height:1.9}.company .editorial{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:start}.founder-portrait{width:100%;height:auto}.company{padding-top:55px}
#detail-track{height:calc(100svh - 225px);min-height:570px;padding:24px 4.2% 30px;scroll-snap-type:none;overflow-anchor:none;overscroll-behavior-x:contain}.photo-group{display:flex;gap:20px;padding-right:20px;flex:none;height:100%;align-items:stretch}.photo-slide{flex:0 0 32vw;width:32vw;scroll-snap-align:none;border-radius:18px;overflow:hidden;box-shadow:0 8px 20px #0002;transition:width .45s,flex-basis .45s,transform .45s,box-shadow .45s;background:#eeeee9}.photo-slide.overview{flex-basis:70vw;width:70vw;grid-template-columns:52% 48%}.photo-slide>img{object-fit:cover}.photo-slide.active:not(.overview){width:58vw;flex-basis:58vw}.photo-slide.active{transform:translateY(-14px);box-shadow:0 22px 32px #0003}#detail-track.dragging{cursor:grabbing}#detail-track.dragging .photo-slide{transition:none}.project-story{overscroll-behavior:contain}
@media(max-width:600px){.home-icon{width:17px;height:17px;left:calc(100% + 13px)}.company{padding-top:35px}.company .editorial{display:block}.founder-portrait{margin-bottom:32px}.about-lead{font-size:14px}#detail-track{height:calc(100svh - 225px);min-height:560px;padding:20px 23px 30px}.photo-group{gap:14px;padding-right:14px}.photo-slide,.photo-slide.overview,.photo-slide.active:not(.overview){flex-basis:86vw;width:86vw;transform:none}.photo-slide.overview{overflow-y:auto}.overview .cover{height:280px}.project-story{overflow:visible}.photo-slide>img{object-fit:cover}}
@media(prefers-reduced-motion:reduce){.header .logo,.photo-slide{transition:none}}

/* Original aspect ratios; desktop circular gallery, mobile finite document. */
#detail-track{align-items:stretch}.photo-slide,.photo-slide.overview,.photo-slide.active:not(.overview){width:auto;flex:0 0 auto;display:flex;transform:none;transition:none;box-shadow:0 15px 28px -5px #0003;background:#f7f7f3}.photo-slide>img,.overview .cover{height:100%;width:auto;max-width:none;aspect-ratio:var(--photo-ratio);object-fit:contain;flex:none}.project-story{width:420px;flex:0 0 420px;min-width:0}.detail-end{display:none}.header .logo,.header .logo:hover,.header .logo:focus-visible{transform:translateY(-4px);filter:drop-shadow(0 6px 7px #0004)}
@media(max-width:600px){#detail-track{display:block;overflow:visible;height:auto;min-height:0;padding:12px 23px 0;touch-action:pan-y;cursor:auto}.photo-group{display:flex;flex-direction:column;gap:26px;height:auto;padding:0;width:100%}.photo-slide,.photo-slide.overview,.photo-slide.active:not(.overview){display:block;width:100%;height:auto;flex:none;overflow:hidden;transform:none}.photo-slide>img,.overview .cover{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:var(--photo-ratio);object-fit:contain}.project-story{width:100%;height:auto;overflow:visible;padding:24px 20px}.detail-toolbar>div{display:none}.detail-hint{display:none}.detail-end{display:block;text-align:center;padding:42px 23px 48px}.detail-end p{font-size:12px;color:#888;margin-bottom:22px}.detail-end button{padding:14px 28px;border:1px solid #ccc;border-radius:30px;background:#f9f9f5;box-shadow:0 8px 20px #0002;font-size:14px}}

@media(min-width:601px){.photo-slide{align-items:center}.photo-slide>img{height:min(100%,calc((100vw - 120px) / var(--photo-aspect)));width:auto}.overview .cover{height:min(100%,calc((100vw - 560px) / var(--photo-aspect)));width:auto}.photo-slide.overview{align-items:center}.project-story{height:100%}}

/* Fifth feedback: square detail images and mobile editorial paragraphs. */
.detail-page .photo-slide,.detail-page .photo-slide.overview,.detail-page .photo-slide.active,.detail-page .photo-slide>img{border-radius:0}
.photo-narrative{font-size:15px;line-height:2;color:#6e7467;padding:4px 6px}.photo-narrative p+p{margin-top:22px}