/* ALLFILEONE WEB STUDIO V12 / original editorial showroom, no runtime dependencies */
:root{font-family:system-ui,-apple-system,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;--ink:#212b2b;--paper:#f6f5f0;--muted:#67716f;--line:#daddd6;--accent:#1d715c;background:var(--paper);color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #228d79;outline-offset:4px}img{max-width:100%;display:block}.wrap{width:min(1240px,calc(100% - 56px));margin:auto}.skip{position:absolute;top:-100px;left:10px;background:#fff;color:#111;padding:12px 19px;z-index:100}.skip:focus{top:10px}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:900;color:#2b8068}
.header{position:sticky;top:0;background:#f8f8f3f4;backdrop-filter:blur(16px);border-bottom:1px solid #d8dfd8;z-index:60}.nav-line{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:78px}.wordmark{font-size:23px;letter-spacing:-.075em;font-weight:920}.wordmark span{color:#2d8e71}.wordmark small{display:block;color:#7b8e85;font-weight:900;letter-spacing:.17em;font-size:8px;margin-top:3px}.nav-line nav{display:flex;gap:27px;align-items:center;font-size:12px;font-weight:760}.nav-line nav a:hover{text-decoration:underline;text-underline-offset:6px}.nav-action{padding:14px 19px;background:#183a37;color:white;font-size:12px;font-weight:860;border-radius:2px}.nav-action:hover{background:#276755}
.hero{background:#eaece5;overflow:hidden;position:relative}.hero-grid{min-height:680px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:20px;padding-block:85px}.hero-copy{z-index:2}.hero h1{font-weight:820;line-height:1.12;letter-spacing:-.09em;font-size:clamp(46px,6.6vw,93px);margin:25px 0}.hero h1 em{font-weight:450;font-style:italic;font-family:Georgia,'Times New Roman',serif;color:#498d74;white-space:nowrap}.hero p{font-size:16px;color:#5c6b68;line-height:1.9;max-width:600px;word-break:keep-all}.hero-cta{display:flex;gap:11px;flex-wrap:wrap;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:53px;padding:16px 22px;font-weight:850;font-size:13px;border:1px solid #1c4438;transition:transform .18s}.button:hover{transform:translateY(-2px)}.button.primary{background:#1c4539;color:#fff}.button.secondary{background:transparent;color:#1e4439}
.hero-type{height:490px;display:flex;position:relative;justify-content:center;flex-direction:column;transform:rotate(-6deg);border-left:1px solid #b9c7bc;padding-left:35px}.hero-type span{font-size:27px;letter-spacing:-.08em;font-weight:900;color:#3e554c}.hero-type strong{font-size:clamp(75px,10vw,150px);line-height:.8;letter-spacing:-.13em;color:#1c3530}.hero-type em{font-family:Georgia,serif;font-weight:400;font-size:clamp(40px,6vw,81px);line-height:.91;letter-spacing:-.08em;color:#8da69b}.hero-type i{position:absolute;right:0;bottom:0;font-size:12px;font-style:normal;letter-spacing:.18em;font-weight:800;color:#357a61}
.context{background:#193d37;color:#f3f9f6}.context-grid{display:grid;grid-template-columns:repeat(3,1fr)}.context-grid>div{border-right:1px solid #ffffff27;padding:30px 20px 35px 0}.context-grid>div+div{padding-left:30px}.context-grid>div:last-child{border-right:0}.context span{display:block;color:#b3ddc7;font-weight:900;letter-spacing:.17em;font-size:9px;margin-bottom:12px}.context strong{font-size:20px;line-height:1.4;letter-spacing:-.05em}
.gallery{padding-block:105px}.section-intro{display:grid;grid-template-columns:.45fr 1fr;gap:40px;padding-bottom:36px;align-items:start}.section-intro h2{font-size:clamp(43px,5vw,72px);line-height:1.14;letter-spacing:-.075em;font-weight:800;margin:0 0 26px}.section-intro h2 em{font-family:Georgia,serif;font-weight:400;color:#408b70}.section-intro p{font-size:15px;color:#697773;line-height:1.85;max-width:720px;margin:0;word-break:keep-all}.controls{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;border-block:1px solid var(--line);padding:16px 0}.filter-bar{display:flex;gap:8px;flex-wrap:wrap}.filter{background:transparent;border:1px solid #cbd6cc;padding:10px 17px;font-size:12px;font-weight:800;color:#506862}.filter[aria-pressed=true]{background:#1b4339;color:white;border-color:#1b4339}.search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d9dfd8;padding:10px 15px}.search input{border:0;outline:none;min-width:0;width:170px;background:transparent;color:#1a3330;font-size:12px}.search:focus-within{outline:2px solid #368873;outline-offset:3px}.work-status{margin:14px 0 26px;color:#6a7a72;font-weight:790;font-size:11px;letter-spacing:.06em}
.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 24px}.work-card[hidden]{display:none!important}.work-visual{display:block;position:relative;overflow:hidden;background:#dfede4;aspect-ratio:1.6;border:1px solid #d7dfd7}.work-visual img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.work-visual:hover img{transform:scale(1.045)}.visit-label{position:absolute;right:0;bottom:0;background:#1b4339;padding:14px 21px;font-size:12px;font-weight:850;color:#fff;transform:translateY(110%);transition:transform .24s ease}.work-visual:hover .visit-label,.work-visual:focus-visible .visit-label{transform:translateY(0)}.work-meta{display:flex;justify-content:space-between;gap:16px;margin:20px 0;font-weight:840;font-size:9px;letter-spacing:.14em;color:#4c8b75}.work-meta span:last-child{color:#9ca9a1}.work-copy{display:flex;justify-content:space-between;align-items:start;gap:14px}.work-copy h3{margin:0 0 7px;font-size:clamp(24px,2.7vw,35px);letter-spacing:-.065em}.work-copy p{margin:0;font-size:13px;line-height:1.75;color:#5b7168}.work-copy small{display:block;font-size:11px;color:#8b9a90;margin-top:12px}.work-arrow{border:1px solid #baccc2;border-radius:100%;width:41px;height:41px;display:grid;place-items:center;font-size:22px;flex-shrink:0;transition:background .2s}.work-arrow:hover{background:#dbe8dc}.empty{border:1px solid #dce5de;padding:30px;color:#617b6d;text-align:center}.empty[hidden]{display:none}
.process{background:#e9f0e9;padding:95px 0}.process-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px}.process h2{font-size:clamp(33px,3.7vw,55px);letter-spacing:-.072em;line-height:1.2;margin:20px 0}.process-list{display:grid;gap:0}.process-list p{display:flex;gap:23px;border-bottom:1px solid #c2d5c7;padding:19px 0;margin:0}.process-list b{color:#4b9574;font-size:14px}.process-list span{font-size:14px;line-height:1.65;color:#445e53}.outro{background:#163e35;color:#fff;padding:92px 0}.outro-inner{display:flex;align-items:end;justify-content:space-between;gap:35px}.outro .eyebrow{color:#b3e8cf}.outro h2{font-size:clamp(32px,4vw,60px);letter-spacing:-.065em;margin:19px 0 10px}.outro p{color:#c1d8cc;line-height:1.8}.outro-inner>div:last-child{display:flex;flex-direction:column;gap:9px;align-items:stretch;min-width:210px}.outro a{padding:14px 18px;font-size:12px;text-align:center;border:1px solid #6aa78b;font-weight:830}.outro a:first-child{background:#c7f1d9;color:#1b4034;border-color:#c7f1d9}.outro a:hover{filter:brightness(1.1)}footer{background:#102920;color:#9fbdad;padding:25px 0}footer .wrap{display:flex;gap:18px;flex-wrap:wrap;justify-content:space-between;font-size:10px;line-height:1.8}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr .74fr;min-height:590px}.hero-type{height:360px}.hero-type strong{font-size:90px}.hero-type em{font-size:48px}.section-intro{grid-template-columns:1fr}.section-intro .eyebrow{display:block;margin-bottom:15px}.gallery{padding-block:75px}}
@media(max-width:760px){.nav-line nav{display:none}.hero-grid{grid-template-columns:1fr;padding-block:62px 38px}.hero-type{height:230px;transform:none;border-left:0;border-top:1px solid #c8d6ca;padding:18px 0 0;flex-direction:row;justify-content:flex-start;gap:14px;align-items:center}.hero-type span{font-size:20px}.hero-type strong{font-size:65px}.hero-type em{font-size:32px}.hero-type i{right:0;bottom:12px}.context-grid{grid-template-columns:1fr 1fr}.context-grid>div{padding:22px 18px!important;border-bottom:1px solid #ffffff27}.context-grid>div:last-child{grid-column:span 2;border-bottom:0}.context strong{font-size:16px}.work-grid{grid-template-columns:1fr;gap:45px}.process-inner{grid-template-columns:1fr;gap:23px}.outro-inner{align-items:start;flex-direction:column}}
@media(max-width:490px){.wrap{width:calc(100% - 32px)}.nav-line{min-height:65px}.wordmark{font-size:21px}.nav-action{padding:12px 13px;font-size:11px}.hero h1{font-size:48px;margin:22px 0}.hero h1 em{white-space:normal}.hero p{font-size:14px}.hero-cta .button{width:100%}.hero-type{height:175px}.hero-type strong{font-size:49px}.hero-type em{font-size:24px}.hero-type span{font-size:14px}.hero-type i{font-size:10px}.filter-bar{width:100%}.filter{flex:1;padding:10px 8px;font-size:11px}.search{width:100%}.search input{flex:1;width:100%}.work-visual{aspect-ratio:1.5}.work-meta{font-size:8px}.context-grid{grid-template-columns:1fr}.context-grid>div:last-child{grid-column:auto}.context-grid>div{padding-left:0!important}.process,.outro{padding:62px 0}.gallery{padding-block:58px}.section-intro h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.work-visual img,.visit-label,.work-arrow{transition:none!important}.work-visual:hover img,.button:hover{transform:none!important}.visit-label{transform:none}}