.ref-intro{background:#ecf0e9;padding:60px 0 50px}.ref-intro-grid{grid-template-columns:1fr 1.05fr;align-items:center;gap:64px;display:grid}.ref-intro h1{letter-spacing:-.055em;margin:22px 0;font-size:clamp(3rem,5.8vw,5.6rem);line-height:1.02}.ref-intro h1 em{color:#26704e;font-style:normal;display:block}.ref-intro p{color:#53645a;max-width:470px;margin-bottom:28px;font-size:1.12rem;line-height:1.75}.ref-intro-photo{background:#193f30;border-radius:28px;height:510px;display:block;position:relative;overflow:hidden}.ref-intro-photo img{object-fit:cover;object-position:50% 62%;width:100%;height:100%}.ref-intro-photo>span{color:#fff;background:linear-gradient(#0000,#092519dc);padding:55px 30px 28px;position:absolute;bottom:0;left:0;right:0}.ref-intro-photo b{margin-top:8px;font-size:1.25rem;display:block}.ref-summary{border-bottom:1px solid #d8e2d9;gap:60px;padding-top:30px;padding-bottom:30px;display:flex}.ref-summary>div{flex-direction:column;gap:5px;display:flex}.ref-summary b{color:#164d35;font-size:1.5rem}.ref-summary span{color:#647267;font-size:.86rem}.ref-section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px;display:flex}.ref-section-heading h2{letter-spacing:-.035em;margin:12px 0 0;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.14}.ref-section-heading>p{color:#647267;max-width:360px}.ref-card-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.ref-card{background:#fff;border:1px solid #dce5db;border-radius:24px;transition:box-shadow .2s;overflow:hidden}.ref-card:hover{box-shadow:0 15px 40px #113e2710}.ref-card-wide{grid-column:1/-1;grid-template-columns:1.1fr 1fr;display:grid}.ref-card-photo{background:#e5eae4;height:300px;display:block;position:relative;overflow:hidden}.ref-card-wide .ref-card-photo{height:100%;min-height:385px}.ref-card-photo img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.ref-card-photo:hover img{transform:scale(1.025)}.ref-number{color:#1b4b35;background:#fffef3e8;border-radius:9px;padding:9px 12px;font-weight:800;position:absolute;top:18px;left:18px}.ref-video-badge{color:#fff;background:#123d2ce6;border-radius:30px;padding:8px 14px;font-size:.8rem;position:absolute;bottom:18px;left:18px}.ref-card-copy{padding:30px}.ref-location{color:#497055;align-items:center;gap:8px;font-size:.82rem;font-weight:700;display:flex}.ref-location svg{flex:none;width:17px;height:17px}.ref-card h3{letter-spacing:-.025em;margin:15px 0;font-size:1.65rem;line-height:1.18}.ref-card h3 a{color:inherit;text-decoration:none}.ref-card-copy>p:not(.ref-location){color:#5b6b60;line-height:1.7}.ref-chips{flex-wrap:wrap;gap:8px;margin:23px 0;display:flex}.ref-chips span{color:#4c6652;background:#f0f4ed;border-radius:7px;padding:7px 10px;font-size:.73rem}.ref-chips b{color:#17432f}.ref-detail{color:#1a5438;border-top:1px solid #e3e9df;justify-content:space-between;padding-top:18px;font-weight:800;text-decoration:none;display:flex}.ref-project-top{background:#edf2e9;padding:30px 0 0}.ref-back{color:#526657;margin-bottom:32px;font-size:.85rem;display:inline-block}.ref-project-top h1{letter-spacing:-.04em;max-width:950px;margin:16px 0;font-size:clamp(2.2rem,4.5vw,4.3rem);line-height:1.1}.ref-project-lead{color:#586a5d;max-width:770px;margin-bottom:35px;font-size:1.1rem;line-height:1.75}.ref-project-cover{background:#102d21;border-radius:24px;overflow:hidden}.ref-project-cover>a{display:block;position:relative}.ref-project-cover img{object-fit:cover;object-position:center;width:100%;height:clamp(350px,46vw,620px)}.ref-project-cover video{aspect-ratio:16/9;object-fit:contain;width:100%;max-height:650px;display:block}.ref-cover-label{color:#fff;background:#0c3023c9;border-radius:30px;padding:10px 15px;font-size:.8rem;position:absolute;bottom:18px;right:18px}.ref-facts{flex-wrap:wrap;gap:35px;padding:28px 0 32px;display:flex}.ref-facts>div{border-right:1px solid #ccd9c9;padding-right:30px}.ref-facts>div:last-child{border:0}.ref-facts b,.ref-facts span{display:block}.ref-facts b{color:#1b563b;font-size:1.6rem}.ref-facts span{color:#617563;margin-top:4px;font-size:.82rem}.ref-story-grid{grid-template-columns:1.5fr 1fr;align-items:start;gap:70px;display:grid}.ref-story h2{letter-spacing:-.025em;margin:15px 0 25px;font-size:2.3rem;line-height:1.15}.ref-story p{color:#4f6055;font-size:1.05rem;line-height:1.85}.ref-materials{background:#f0f4ec;border:1px solid #dfe7da;border-radius:22px;padding:30px}.ref-materials h2{margin:14px 0;font-size:1.4rem}.ref-materials ul{margin:20px 0 28px;padding:0;list-style:none}.ref-materials li{color:#425e4b;border-bottom:1px solid #d8e2d1;padding:12px 0}.ref-materials .btn{width:100%;font-size:.86rem}.ref-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.ref-gallery figure{min-width:0;margin:0}.ref-gallery a{background:#dce5d8;border-radius:15px;display:block;overflow:hidden}.ref-gallery img{object-fit:cover;width:100%;height:280px;transition:transform .25s}.ref-gallery a:hover img{transform:scale(1.03)}.ref-gallery figcaption{color:#5a6d5f;padding:12px 2px;font-size:.8rem;line-height:1.5}.ref-more{margin-top:25px}.ref-more summary{cursor:pointer;color:#24583c;border:1px solid #c7d7c1;border-radius:10px;margin-bottom:24px;padding:15px 20px;font-weight:700}.ref-product-links{flex-wrap:wrap;gap:14px;margin-top:24px;display:flex}.ref-product-links a{color:#214a32;background:#f0f4ed;border:1px solid #d8e3d2;border-radius:12px;justify-content:space-between;gap:35px;padding:20px;font-weight:700;text-decoration:none;display:flex}.ref-note{color:#6d786d!important;font-size:.85rem!important}.owner-real-photo{border-radius:18px;margin:12px 0 25px;display:block;overflow:hidden}.owner-real-photo img{object-fit:cover;object-position:50% 30%;width:100%;height:380px}.owner-workshop-photo{margin:25px 0 0}.owner-workshop-photo a{border-radius:18px;display:block;overflow:hidden}.owner-workshop-photo img{object-fit:cover;object-position:50% 45%;width:100%;height:330px}.owner-workshop-photo figcaption{color:#59705f;margin-top:12px;font-size:.82rem}@media (width<=800px){.ref-intro-grid{gap:28px}.ref-intro-photo{height:400px}.ref-story-grid{gap:28px}.ref-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-card-copy{padding:24px}.ref-card h3{font-size:1.4rem}.ref-facts{gap:20px}.ref-facts>div{padding-right:18px}.ref-facts b{font-size:1.3rem}}@media (width<=650px){.ref-intro{padding:35px 0}.ref-intro-grid,.ref-card-grid,.ref-card-wide,.ref-story-grid{grid-template-columns:1fr}.ref-intro h1{font-size:3.4rem}.ref-intro-photo{height:360px}.ref-summary{justify-content:space-between;gap:24px}.ref-summary b{font-size:1.12rem}.ref-summary span{font-size:.71rem}.ref-section-heading{display:block}.ref-section-heading>p{margin-top:18px}.ref-card-photo,.ref-card-wide .ref-card-photo{height:280px;min-height:0}.ref-project-cover img{height:380px}.ref-gallery{gap:16px}.ref-gallery img{height:210px}.ref-gallery figcaption{font-size:.73rem}.ref-facts{gap:18px}.ref-facts>div{min-width:100px}.ref-materials{padding:24px}.ref-product-links{flex-direction:column}.owner-real-photo img{height:360px}.ref-project-top h1{font-size:2.5rem}}@media (prefers-reduced-motion:reduce){.ref-card,.ref-card-photo img,.ref-gallery img{transition:none}}.ref-project-cover video{aspect-ratio:464/832;object-fit:contain;height:650px;max-height:75vh}.ref-project-cover img[src*=batikent]{object-fit:contain;background:#dfe7db}