.project-lens{color:#eeeade;background:#252c27;padding:80px clamp(24px,6vw,96px)}.project-lens header{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:42px;display:grid}.project-lens header>.room-eyebrow{color:#b7c1b1;grid-column:1/-1}.project-lens h2{letter-spacing:-.055em;font-size:clamp(27px,3vw,44px);line-height:1.12}.project-lens h2 em{font-family:Georgia,serif;font-weight:400}.project-lens header>p:last-child{color:#b7c1b1;text-align:right;align-self:end;font-size:12px}.lens-layout{grid-template-columns:1.55fr 1fr;align-items:start;gap:5%;display:grid}.lens-visual{border:7px solid #e9e5d8;position:relative;box-shadow:0 14px 30px #0003}.lens-visual img{width:100%;height:auto;display:block}.lens-visual button{color:#222a24;background:#ec8d68;border:2px solid #fff6e6;border-radius:50%;width:44px;height:44px;font-size:13px;font-weight:700;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 8px #0005}.lens-visual button[aria-pressed=true]{color:#eff2da;outline-offset:4px;background:#242d26;outline:2px solid #e9a07f}.lens-visual button:active{transform:translate(-50%,-50%)scale(.98)}.lens-index{border-top:1px solid #b7c1b140}.lens-index button{text-align:left;color:#b2bca9;border-bottom:1px solid #b7c1b140;align-items:center;gap:15px;width:100%;min-height:54px;font-size:10px;display:flex}.lens-index button span:first-child{font-size:12px}.lens-index button span:last-child{margin-left:auto}.lens-index button[aria-pressed=true]{color:#edf4c9}.lens-detail{min-height:215px;padding-top:32px}.lens-detail>span{color:#f0a180;text-transform:uppercase;letter-spacing:.09em;font-size:9px}.lens-detail h3{letter-spacing:-.025em;margin:15px 0 12px;font:400 29px/1.2 Georgia,serif}.lens-detail p{color:#c1cabc;font-size:13px;line-height:1.85}.lens-note{color:#a7b19e;max-width:800px;margin-top:30px;font-size:10px;line-height:1.8}.lens-portrait .lens-visual{justify-self:center;max-width:330px}.lens-portrait .lens-layout{grid-template-columns:1fr 1fr;align-items:center}@media (max-width:767px){.project-lens{padding-top:55px;padding-bottom:55px}.project-lens header{display:block}.project-lens h2{margin:17px 0}.project-lens header>p:last-child{text-align:left}.lens-layout,.lens-portrait .lens-layout{grid-template-columns:1fr;gap:28px}.lens-visual button{width:36px;height:36px;font-size:11px}.lens-detail{min-height:195px;padding-top:25px}}