@import url('https://cdn.jsdelivr.net/npm/@fontsource/cormorant-garamond@5.2.6/latin-400.css');
.portfolio-page{--pf-green:#314e3e;color:#24362a;background:#fff}.portfolio-page a{color:inherit}.portfolio-hero{max-width:1440px;margin:auto;padding:95px 55px 90px;display:grid;grid-template-columns:1.05fr 1fr;gap:7vw;align-items:center}.pf-eyebrow{font-size:11px;letter-spacing:.16em;font-weight:600}.portfolio-hero h1{font-size:clamp(35px,3.65vw,58px);line-height:1.4;letter-spacing:-.06em;font-weight:550;margin:32px 0 24px;word-break:keep-all}.portfolio-hero h1>span{color:#86a48d}.portfolio-hero p{color:#697269;font-size:15px;line-height:1.9}.pf-link{display:inline-flex;gap:50px;font-size:12px;margin-top:35px;padding-bottom:10px;border-bottom:1px solid #314e3e}.pf-feature{background:#e9ece3;padding:25px 28px;display:block;min-width:0;transition:background .2s}.pf-feature:hover{background:#e1e6d8}.pf-feature-label,.pf-feature-bottom{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.035em}.pf-feature-body{display:flex;align-items:center;gap:10px;min-height:300px;position:relative}.pf-feature-body>b{font:70px/.88 'Cormorant Garamond',serif;letter-spacing:-.045em;z-index:1}.pf-feature-body i{font-weight:400}.pf-feature-body img{width:65%;height:310px;object-fit:contain;margin-left:-30px}.pf-feature-bottom{padding-top:20px;border-top:1px solid #314e3e33;line-height:1.5}.pf-collection{max-width:1440px;margin:auto;padding:25px 55px 90px;scroll-margin-top:25px}.pf-section-top{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d8ded6;padding-top:32px;gap:20px}.pf-section-top h2{font:40px 'Cormorant Garamond',serif;letter-spacing:-.02em}.pf-section-top h2 span{display:block;font:13px Pretendard,sans-serif;color:#788174;letter-spacing:0;margin-top:8px}.pf-section-top>p{font-size:10px;letter-spacing:.13em}.pf-filters{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:35px 0 20px;flex-wrap:wrap}.pf-category{display:flex;gap:6px;flex-wrap:wrap}.pf-category a{font-size:12px;padding:11px 12px;border:1px solid transparent}.pf-category a.active{color:white;background:#314e3e}.pf-category a:hover{border-color:#abb4a6}.pf-category small{font-size:9px;margin-left:4px;opacity:.65}.pf-search{display:flex;align-items:center;border-bottom:1px solid #bfc8bc;min-width:220px}.pf-search input{background:transparent;border:0;margin:0;font-size:12px;padding:10px 0;min-width:0;width:100%}.pf-search button{background:none;border:0;padding:10px;color:#314e3e}.pf-result{display:flex;justify-content:space-between;font-size:11px;color:#7e887a;margin:20px 0 25px;gap:15px}.pf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 28px}.pf-card{min-width:0}.pf-preview{display:block;background:var(--pf-bg);color:var(--pf-ink)!important;padding:20px;position:relative;transition:transform .25s;aspect-ratio:1.36;overflow:hidden}.pf-preview:hover{transform:translateY(-5px)}.pf-mini-nav{display:flex;justify-content:space-between;gap:8px;font-size:8px;letter-spacing:.035em;border-bottom:1px solid #314e3e20;padding-bottom:13px}.pf-mini-nav b{font-family:'Cormorant Garamond',serif;font-size:12px;white-space:nowrap}.pf-mini-nav>span{font-size:5px;align-self:center}.pf-mini-main{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;height:calc(100% - 28px)}.pf-mini-main small{font-size:7px}.pf-mini-main h3{font-size:clamp(13px,1.15vw,20px);line-height:1.45;font-weight:500;white-space:pre-line;word-break:keep-all;letter-spacing:-.04em;margin:12px 0}.pf-mini-main img{width:100%;height:100%;max-height:225px;object-fit:contain;padding-top:14px}.pf-mini-line{display:block;width:40px;height:14px;background:var(--pf-ink);margin-top:15px}.pf-preview[data-style=centered] .pf-mini-main{display:flex;flex-direction:column;text-align:center;gap:0;padding-top:10px}.pf-preview[data-style=centered] .pf-mini-main h3{font-size:13px;margin:6px 0}.pf-preview[data-style=centered] .pf-mini-main img{height:54%;padding:0}.pf-preview[data-style=centered] .pf-mini-line{display:none}.pf-preview[data-style=gallery] .pf-mini-main{display:flex;flex-direction:column-reverse;gap:0}.pf-preview[data-style=gallery] .pf-mini-main img{height:65%}.pf-preview[data-style=gallery] .pf-mini-main>div{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%}.pf-preview[data-style=gallery] h3{font-size:12px}.pf-preview[data-style=gallery] .pf-mini-line{display:none}.pf-preview[data-style=journal] .pf-mini-main img,.pf-preview[data-style=offset] .pf-mini-main img{padding-top:45px}.pf-preview[data-style=framed]{border:10px solid white;outline:1px solid #e0e4db}.pf-preview[data-style=minimal]{background:#fff;border:1px solid #e0e4db}.pf-preview[data-style=architect] h3{font-weight:800}.pf-preview[data-style=soft] .pf-mini-main img{padding:15px;border:1px solid #314e3e20;margin-top:14px;height:85%}.pf-open{position:absolute;inset:auto 15px 15px auto;background:#fff;padding:10px 12px;font-size:10px;opacity:0;transform:translateY(8px);transition:.2s}.pf-preview:hover .pf-open,.pf-preview:focus-visible .pf-open{opacity:1;transform:none}.pf-card-meta{display:flex;justify-content:space-between;align-items:center;padding-top:20px}.pf-card-meta span{font-size:9px;letter-spacing:.04em;color:#7c8577}.pf-card-meta h3{font-size:16px;font-weight:600;letter-spacing:.01em;margin:9px 0 5px}.pf-card-meta p{font-size:11px;color:#717a6b}.pf-card-meta button{border:1px solid #d4dbd0;background:transparent;width:34px;height:34px;font-size:21px}.pf-card-actions{display:flex;justify-content:space-between;border-top:1px solid #e2e7de;margin-top:17px;padding-top:13px;gap:12px;font-size:10px}.pf-card-actions a:hover{text-decoration:underline}.pf-bottom{text-align:center;background:#f3f5ee;padding:95px 25px}.pf-bottom h2{font-size:clamp(30px,4vw,52px);line-height:1.4;font-weight:500;letter-spacing:-.045em;margin:25px 0}.pf-bottom .btn{background:#314e3e;color:white;border-radius:0}.pf-bottom p{font-size:12px;color:#798371;margin-top:25px}.pf-bottom .pf-link{font-size:10px;margin-top:24px;gap:0}.pf-empty{grid-column:1/-1;padding:90px 20px;text-align:center}.pf-empty a{display:block;margin-top:25px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#pf-dialog{width:calc(100vw - 50px);max-width:1500px;height:92vh;max-height:92vh;border:0;border-radius:0;padding:0;background:#e9ece6}#pf-dialog::backdrop{background:#17251cbd}.pf-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:white;gap:14px}.pf-dialog-head b{font-size:13px}.pf-dialog-head button{background:white;border:1px solid #d1d7ce;padding:8px 12px;font-size:12px}.pf-dialog-head button[aria-pressed=true]{background:#314e3e;color:white}.pf-frame-wrap{height:calc(100% - 110px);overflow:auto;display:flex;justify-content:center;padding:12px}#pf-frame{border:0;background:white;width:100%;height:100%;flex-shrink:0}#pf-external{display:block;text-align:center;font-size:12px;padding:15px;background:white}.pf-devices{display:flex;gap:6px}.credit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.credit-grid img{height:160px;width:100%;object-fit:contain;background:#f4f4ee}.credit-grid a{font-size:11px;text-decoration:underline}
@media(max-width:1100px){.portfolio-hero{padding:65px 30px;gap:35px}.portfolio-hero h1{font-size:38px}.pf-feature-body>b{font-size:55px}.pf-feature-body img{height:250px}.pf-collection{padding-inline:30px}.pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-mini-main h3{font-size:19px}.pf-mini-nav b{font-size:13px}.pf-preview{aspect-ratio:1.4}.pf-mini-main img{max-height:280px}}
@media(max-width:650px){.portfolio-hero{display:block;padding:55px 22px}.portfolio-hero h1{font-size:36px}.portfolio-hero p{font-size:14px}.pf-feature{margin-top:45px;padding:22px}.pf-feature-body>b{font-size:58px}.pf-feature-body{min-height:260px}.pf-feature-body img{height:255px}.pf-feature-bottom{font-size:9px}.pf-collection{padding:10px 22px 60px}.pf-section-top{align-items:flex-start}.pf-section-top h2{font-size:32px}.pf-section-top>p{font-size:8px;max-width:70px;line-height:1.8}.pf-grid{grid-template-columns:1fr;gap:40px}.pf-preview{aspect-ratio:1.35}.pf-mini-main h3{font-size:21px}.pf-mini-main img{max-height:260px}.pf-mini-main small{font-size:9px}.pf-mini-nav b{font-size:15px}.pf-mini-nav>span{font-size:7px}.pf-category{gap:5px}.pf-category a{padding:9px;font-size:11px}.pf-search{width:100%}.pf-result{font-size:10px;align-items:flex-start}.pf-result span:last-child{max-width:160px;text-align:right}.pf-card-actions{font-size:12px}.pf-bottom{padding:65px 22px}.pf-open{opacity:1;font-size:9px;transform:none;padding:7px}.pf-dialog-head{flex-wrap:wrap;padding:10px}.pf-dialog-head b{font-size:11px}.pf-dialog-head button{font-size:10px;padding:7px}#pf-dialog{width:100vw;height:95vh;max-height:95vh}.pf-frame-wrap{padding:8px;justify-content:flex-start}#pf-frame{max-width:none}.credit-grid{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.pf-preview,.pf-open{transition:none}}
.pf-feature-body{isolation:isolate;min-width:0}.pf-feature-body img{position:absolute;right:0;top:50%;transform:translateY(-50%);width:48%;max-width:48%;margin:0}.pf-feature-body>b{max-width:65%;font-size:clamp(44px,5.2vw,70px)}

.pf-feature-body{min-height:340px}@media(max-width:650px){.pf-feature-body{min-height:290px}}

/* Actual site captures, not generic placeholder layouts. */
.pf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 32px}.pf-preview{padding:0;aspect-ratio:1.44;border:1px solid #e1e2dc;background:#f3f3ee}.pf-screenshot{width:100%;height:100%;display:block;object-fit:contain}.pf-card-meta h3{font-size:18px}.pf-card-meta p{font-size:12px}.pf-card-actions{font-size:12px}.pf-open{opacity:1;transform:none;border:1px solid #e0e0da;background:#ffffffed}.pf-feature-body{min-height:340px}@media(max-width:650px){.pf-grid{grid-template-columns:1fr;gap:40px}.pf-feature-body{min-height:290px}}

.pf-feature-v2{background:#efefe9;padding:24px}.pf-feature-v2:hover{background:#efefe9}.pf-feature-montage{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center;padding:24px 0}.pf-feature-montage a{display:block;border:1px solid #ddd;box-shadow:0 8px 18px #0000000b}.pf-feature-montage a:first-child{grid-column:1/-1;width:85%;justify-self:center}.pf-feature-montage img{width:100%;height:auto;display:block}.pf-feature-v2 .pf-feature-bottom{font-size:10px}.pf-preview[data-style^="v2-"]{border:1px solid #ddd;outline:none}

/* A light editorial interlude between the hero and the 60-site collection. */
.pf-explore{max-width:1440px;margin:0 auto 65px;padding:0 55px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}.pf-explore>div{padding:24px 24px 24px 0}.pf-explore h2{font-size:30px;line-height:1.5;letter-spacing:-.05em;font-weight:500;margin:24px 0}.pf-explore p{font-size:12px;line-height:1.9;opacity:.7}.pf-explore>a{padding:30px;display:flex;flex-direction:column;align-items:flex-start;min-height:310px;color:#24362a}.pf-explore-journal{background:#edf0db;border-top:3px solid #78834c}.pf-explore-gallery{background:#f8e8dd;border-top:3px solid #b66d48}.pf-explore a>span{font-size:9px;letter-spacing:.13em}.pf-explore h3{font-size:29px;font-weight:500;line-height:1.45;letter-spacing:-.04em;margin:35px 0 15px}.pf-explore b{margin-top:auto;font-size:12px;padding-top:25px;font-weight:500}.pf-explore a:hover b{text-decoration:underline;text-underline-offset:5px}
@media(min-width:1101px){.pf-grid .pf-card:nth-child(3n+2){padding-top:35px}.pf-grid .pf-card:nth-child(6n+3){padding-top:70px}}
@media(max-width:1000px){.pf-explore{padding:0 30px;grid-template-columns:1fr 1fr}.pf-explore>div{grid-column:1/-1}.pf-explore h2 br{display:none}}
@media(max-width:650px){.pf-explore{padding:0 22px;grid-template-columns:1fr;gap:20px;margin-bottom:45px}.pf-explore h2{font-size:28px}.pf-explore>a{min-height:280px}.pf-explore>div{grid-column:auto}.pf-explore h2 br{display:block}}
/* Photograph-led concept previews. The linked page remains fully editable. */
.pf-card .pf-preview{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;background:var(--pf-bg);padding:26px;min-height:360px;height:360px;color:var(--pf-ink);position:relative;overflow:hidden}.pf-photo-brand{min-width:0}.pf-photo-brand small{font-size:10px;letter-spacing:.08em}.pf-photo-brand strong{display:block;font-size:26px;line-height:1.15;letter-spacing:-.04em;margin:20px 0;overflow-wrap:anywhere}.pf-photo-brand p{font-size:15px;line-height:1.6;white-space:pre-line}.pf-card .pf-screenshot{position:static;width:100%;height:270px;object-fit:contain;transform:none!important;filter:none;box-shadow:none}.pf-photo-direction{position:absolute;bottom:14px;left:22px;font-size:10px;letter-spacing:.04em}.pf-card[data-photo-layout="1"] .pf-preview{display:flex;flex-direction:column;padding:22px;text-align:center;background:#faf8f3}.pf-card[data-photo-layout="1"] .pf-photo-brand{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px}.pf-card[data-photo-layout="1"] .pf-photo-brand strong{font:400 26px Georgia,serif;margin:0}.pf-card[data-photo-layout="1"] .pf-photo-brand p{display:none}.pf-card[data-photo-layout="1"] .pf-screenshot{height:255px}.pf-card[data-photo-layout="2"] .pf-preview{background:var(--pf-ink);color:var(--pf-bg);grid-template-columns:.75fr 1.25fr}.pf-card[data-photo-layout="2"] .pf-photo-brand strong{font-size:30px}.pf-card[data-photo-layout="3"] .pf-preview{display:flex;flex-direction:column-reverse;padding:20px;background:#fff;border:1px solid #e1e1dc}.pf-card[data-photo-layout="3"] .pf-photo-brand{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px}.pf-card[data-photo-layout="3"] .pf-photo-brand strong{font-size:23px;margin:0}.pf-card[data-photo-layout="3"] .pf-photo-brand p{display:none}.pf-card[data-photo-layout="3"] .pf-screenshot{height:240px}.pf-card[data-photo-layout="4"] .pf-preview{grid-template-columns:1.2fr .8fr;border-top:8px solid var(--pf-ink)}.pf-card[data-photo-layout="4"] .pf-screenshot{grid-column:1;grid-row:1}.pf-card[data-photo-layout="4"] .pf-photo-brand{grid-column:2;grid-row:1}.pf-card[data-photo-layout="4"] .pf-photo-brand strong{font:400 28px Georgia,serif}.pf-card[data-photo-layout="5"] .pf-preview{grid-template-columns:1fr 1fr;background:white;border:1px solid var(--pf-ink);gap:25px}.pf-card[data-photo-layout="5"] .pf-photo-brand{align-self:start}.pf-card[data-photo-layout="5"] .pf-screenshot{height:260px;align-self:end}.pf-feature-montage img{object-fit:contain!important}
@media(max-width:760px){.pf-card .pf-preview{height:320px;min-height:320px;padding:20px;gap:14px}.pf-card .pf-screenshot{height:230px}.pf-photo-brand strong{font-size:24px}.pf-photo-brand p{font-size:13px}.pf-card[data-photo-layout="2"] .pf-photo-brand strong{font-size:25px}.pf-card[data-photo-layout="1"] .pf-screenshot,.pf-card[data-photo-layout="3"] .pf-screenshot{height:205px}.pf-card[data-photo-layout="5"] .pf-screenshot{height:235px}}