.places-direction main{background:#292c2b}.portfolio{padding:85px 5% 90px;background:linear-gradient(125deg,#303432,#252a2a)}.portfolio-head{display:grid;grid-template-columns:1fr 2fr 1fr;gap:35px;align-items:start;margin-bottom:90px}.portfolio-head h2{font-size:clamp(45px,5vw,75px);line-height:1.08}.portfolio-head>p{font-size:14px;line-height:1.8;color:#bdb9ad;padding-top:8px}.project-row{display:grid;grid-template-columns:19% 81%;margin-bottom:80px;position:relative}.project-index{font-size:100px;line-height:.8;letter-spacing:-.07em;color:#a9896a;font-weight:200;display:flex;flex-direction:column;gap:26px;padding-top:30px}.project-index span{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#bdb6a8}.project-image{height:520px}.project-image img{object-position:center 57%}.project-arrow{position:absolute;bottom:25px;right:30px;font-size:40px;color:#fff;line-height:1;transition:transform .3s}.project-image:hover .project-arrow{transform:translate(6px,-6px)}.project-caption{grid-column:2;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:22px}.project-caption h3{font-size:36px;letter-spacing:-.04em}.project-caption>span{font-size:11px;color:#c5beb1}.project-row.reverse{grid-template-columns:65% 35%;margin-right:12%}.reverse .project-index{grid-column:2;grid-row:1;padding-left:24%;align-self:end;padding-bottom:30px}.reverse .project-image{grid-column:1;grid-row:1;height:590px}.reverse .project-caption{grid-column:1}.project-row.neighborhood{grid-template-columns:30% 70%;margin-left:15%}.neighborhood .project-image{height:460px}.collection-link{margin-left:19%}.approach-scene{height:760px;position:relative;overflow:hidden}.approach-image{position:absolute;inset:0}.approach-image img{object-position:50% 45%}.approach-shade{position:absolute;inset:0;background:linear-gradient(90deg,#18221eaa,transparent 75%),linear-gradient(0deg,#18211c60,transparent 35%)}.approach-heading{position:absolute;left:5%;top:65px}.approach-heading h2{font-size:clamp(65px,8vw,120px);line-height:1.05;margin-top:35px}.approach-caption{position:absolute;bottom:35px;right:5%;font-size:10px;letter-spacing:.1em}.detail-story{padding:80px 5% 100px;display:grid;grid-template-columns:1.1fr .8fr 1fr;gap:7%;background:linear-gradient(120deg,#343530,#292e2b)}.detail-intro h2{font-size:45px;line-height:1.08;margin:25px 0}.detail-material{padding-top:25px}.detail-material .photo-frame{aspect-ratio:1}.detail-material>span{font-size:8px;letter-spacing:.1em;display:block;margin-top:18px;color:#bbb1a1}.detail-list{padding-top:20px}.detail-list>p{padding:20px 0;border-bottom:1px solid #b5a99540;display:flex;gap:20px;font-size:16px}.detail-list>p span{font-size:9px;color:#c79a72;padding-top:5px}.detail-list>div{font-size:14px;line-height:1.9;color:#c1b8a9;margin-top:28px}.zen-story{padding:60px 5% 70px;background:linear-gradient(145deg,#40413b,#303632)}.zen-story-top{display:flex;justify-content:space-between;gap:25px}.zen-story-top>span:last-child{font-size:9px;color:#bbb8ac;text-transform:uppercase;letter-spacing:.1em}.zen-statement{display:grid;grid-template-columns:1.6fr 1fr;gap:15%;margin:70px 0 55px;align-items:end}.zen-statement h2{font-size:clamp(50px,5.7vw,85px);line-height:1.07}.zen-statement p{font-size:15px;line-height:1.8;color:#d0c9ba;max-width:330px}.zen-image{height:500px;width:100%}.zen-image img{object-position:50% 55%}.zen-story-foot{display:flex;justify-content:space-between;align-items:center;margin-top:25px;gap:20px}.zen-story-foot>span{font-size:12px;color:#c9bba6}.conversation{padding:65px 5% 75px;background:radial-gradient(ellipse at 80% 100%,#78624d90,transparent 70%),#292f2d}.conversation-link{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #bca18250;padding:35px 0 45px}.conversation-link h2{font-size:clamp(110px,17vw,250px);letter-spacing:-.075em;line-height:1}.conversation-link>span{font-size:110px;color:#c79b75;transition:transform .4s}.conversation-link:hover>span{transform:translate(10px,-10px)}.conversation-bottom{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:40px}.conversation-bottom p{font-size:18px;line-height:1.7;color:#d0c4b3}
@media(max-width:700px){.portfolio{padding:45px 6% 50px}.portfolio-head{display:block;margin-bottom:45px}.portfolio-head h2{font-size:44px;margin:25px 0}.portfolio-head>p{font-size:13px}.project-row,.project-row.reverse,.project-row.neighborhood{display:block;margin:0 0 50px}.project-index{font-size:45px;flex-direction:row;align-items:center;gap:20px;padding:0 0 20px}.project-index span{font-size:8px}.project-image,.reverse .project-image,.neighborhood .project-image{height:360px}.reverse .project-index{padding:0 0 20px}.project-row.reverse{margin-left:12%}.project-row.neighborhood{margin-right:7%}.project-caption{align-items:start;gap:15px}.project-caption h3{font-size:26px}.project-caption>span{font-size:9px;max-width:90px;text-align:right;line-height:1.7}.project-arrow{font-size:32px;right:20px;bottom:20px}.collection-link{margin-left:0}.approach-scene{height:600px}.approach-heading{left:6%;right:6%;top:40px}.approach-heading h2{font-size:53px;margin-top:25px}.approach-caption{font-size:8px;right:6%;bottom:25px}.detail-story{display:grid;grid-template-columns:1fr 1fr;gap:35px 25px;padding:45px 6% 55px}.detail-intro{grid-column:1/-1}.detail-intro h2{font-size:40px}.detail-material{padding:0}.detail-material>span{font-size:7px;line-height:1.7}.detail-list{padding:0}.detail-list>p{font-size:12px;gap:10px;padding:12px 0}.detail-list>div{font-size:12px;line-height:1.8;margin-top:20px}.zen-story{padding:40px 6% 45px}.zen-story-top>span:last-child{font-size:7px;max-width:140px;text-align:right;line-height:1.7}.zen-statement{display:block;margin:40px 0 35px}.zen-statement h2{font-size:44px}.zen-statement p{font-size:14px;margin-top:25px}.zen-image{height:350px}.zen-story-foot>span{font-size:10px;max-width:130px;line-height:1.7}.conversation{padding:45px 6% 50px}.conversation-link{padding:30px 0}.conversation-link h2{font-size:26vw}.conversation-link>span{font-size:55px}.conversation-bottom{display:block;margin-top:25px}.conversation-bottom p{font-size:15px}.conversation-bottom .button{margin-top:25px}}