.marketing-cover{position:relative;flex-direction:column;width:100%;height:100%;min-height:280px;aspect-ratio:1.12;padding:7%;background:#4054ce;color:#f1e58f;container-type:inline-size;overflow:hidden}.marketing-cover,.marketing-cover-top{display:flex;justify-content:space-between}.marketing-cover-top{align-items:center;gap:16px;font-size:10px;font:9px/1.5 Arial,sans-serif}.marketing-cover-title{position:relative;margin-block:auto;font-size:clamp(32px,10.3cqw,76px);font-weight:780;line-height:1.16;letter-spacing:-.055em}.marketing-cover-title>span{color:#fff}.project-art{--blue:#4054ce;--yellow:#f1e58f}.project-art>.pa-poster{--poster-ink:#f1e58f;color:var(--poster-ink);font-family:Pretendard,Arial,sans-serif;isolation:isolate}.project-art>.pa-poster-coffee{background:#006a4e}.project-art>.pa-poster-serein{background:#152044}.project-art>.pa-poster-skin{--poster-ink:#152044;background:#f1e58f}.pa-poster .pa-poster-footer,.pa-poster .pa-poster-header{position:absolute;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:clamp(10px,1.45cqw,22px);font-weight:500;letter-spacing:-.01em;line-height:1.35;z-index:2}.pa-poster .pa-poster-header{top:7%}.pa-poster .pa-poster-footer{bottom:6%;right:12%}.pa-poster .pa-poster-footer>span,.pa-poster .pa-poster-header>span{white-space:nowrap}.pa-poster .pa-poster-type{position:absolute;left:6%;right:6%;top:25%;font-size:21cqw;font-weight:900;line-height:.88;letter-spacing:-.075em}.pa-poster .pa-poster-type>span{display:block;width:fit-content;white-space:nowrap;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.pa-poster .pa-poster-type>span:nth-child(2){margin-left:auto}.pa-poster .pa-poster-outline{color:transparent;-webkit-text-stroke:max(1px,.18cqw) var(--poster-ink)}.pa-poster-coffee .pa-poster-type{top:22%;font-size:21.3cqw;line-height:.93}.pa-poster .pa-poster-spark{position:absolute;top:13%;right:7%;font-size:15cqw;line-height:1;transform:rotate(15deg);transition:transform .85s cubic-bezier(.2,.8,.2,1)}.pa-poster-serein .pa-poster-type{top:25%;font-size:23cqw;line-height:.88}.pa-poster .pa-poster-rain{position:absolute;bottom:16%;left:7%;font-size:17cqw;line-height:.8;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.pa-poster-skin .pa-poster-type{top:19%;font-size:20cqw;line-height:.83}.pa-poster-skin .pa-poster-type>span:nth-child(2){margin-left:17%}.pa-poster-skin .pa-poster-type>span:nth-child(3){margin-left:7%}.project-link:is(:hover,:focus-visible) .pa-poster-type>span:first-child{transform:translateX(3%)}.project-link:is(:hover,:focus-visible) .pa-poster-type>span:nth-child(2){transform:translateX(-3%)}.project-link:is(:hover,:focus-visible) .pa-poster-spark{transform:rotate(105deg)}.project-link:is(:hover,:focus-visible) .pa-poster-rain{transform:translate(12%,12%)}@container (max-width: 380px){.pa-poster .pa-poster-footer>span:last-child,.pa-poster .pa-poster-header>span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.pa-poster .pa-poster-rain,.pa-poster .pa-poster-spark,.pa-poster .pa-poster-type>span{transition:none}.project-link:is(:hover,:focus-visible) .pa-poster-rain,.project-link:is(:hover,:focus-visible) .pa-poster-type>span{transform:none}.project-link:is(:hover,:focus-visible) .pa-poster-spark{transform:rotate(15deg)}}.portfolio-cover{background:#e3ecd8}.portfolio-cover .portfolio-cover-image{object-fit:cover;object-position:center}.portfolio-cover--brand{isolation:isolate;container-type:inline-size}.portfolio-cover--brand:after{content:"";position:absolute;inset:0;background:#15281f57;pointer-events:none}.portfolio-cover-brand{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;text-align:center;pointer-events:none}.portfolio-cover-brand>span{font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,8.6cqw,90px);letter-spacing:.08em;line-height:1.1;font-weight:400}.portfolio-cover-brand>small{margin-top:16px;font-size:clamp(8px,1.6cqw,16px);letter-spacing:.3em;font-weight:450}.portfolio-cover--detail .portfolio-cover-image{width:69%!important;object-position:50% 48%}.project-art.portfolio-cover>.portfolio-cover-page{position:absolute;inset:8% 5% -20% auto;width:44%;height:auto;overflow:hidden;background:#f6f8ee;border:1px solid #ffffffcc;box-shadow:-12px 18px 40px #11391b30;transform:rotate(5deg);transition:transform .4s ease}.portfolio-cover-page-bar{height:23px;padding:0 9px;display:flex;align-items:center;gap:3px;color:#48654e;background:#f6f8ee}.portfolio-cover-page-bar i{width:3px;height:3px;border-radius:50%;background:#9eb5a0}.portfolio-cover-page-bar span{margin-left:auto;font-size:6px;letter-spacing:.09em}.portfolio-cover-page-image{position:relative;height:calc(100% - 23px);overflow:hidden}.portfolio-cover-page-image img{object-fit:cover;object-position:top}.project-link:is(:hover,:focus-visible) .portfolio-cover-page{transform:rotate(0deg) translateY(-2%)}.project-link:hover .portfolio-cover-page-image img{transform:none}.project-format-label{position:absolute;left:16px;bottom:16px;padding:8px 11px;background:#f8f8f5f2;color:#172145;font-size:11px;font-weight:650;line-height:1.5;z-index:3}.project-scope-summary{color:#666663;font-size:12px;line-height:1.8;margin-top:13px;word-break:keep-all}.project-card-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:16px;padding-top:10px;border-top:1px solid #d0d0ca}.project-card-actions a{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:12px;font-weight:650}.project-card-actions a:focus-visible{outline:2px solid currentColor;outline-offset:4px}.home-experience .selected-work .project-scope-summary{color:#d2d9e8}.home-experience .selected-work .project-card-actions{border-color:#f1e58f40}.home-experience .selected-work .project-card-actions a{color:#f1e58f}.home-portfolio-nav{display:flex;flex-wrap:wrap;gap:10px 24px;margin:0 0 28px;padding:0 0 18px;border-bottom:1px solid #f1e58f40}.home-portfolio-nav a{min-height:44px;display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:650}.home-portfolio-nav a:hover{text-decoration:underline;text-underline-offset:6px}.home-portfolio-nav span{font-size:10px;font-weight:450;color:#d2d9e8}.home-experience .featured-grid .project-meta{flex-direction:column}.home-experience .featured-grid .project-meta>span{text-align:left}.home-experience .featured-grid .sample-tag{display:inline;margin-left:10px}.home-experience .featured-grid .project-card{scroll-margin-top:100px}.home-experience .selected-work{scroll-margin-top:76px}.portfolio-service-heading{padding:8px 0 20px}.portfolio-service-heading>div{display:flex;align-items:baseline;gap:12px}.portfolio-service-heading h3{font-size:clamp(27px,3vw,42px);font-weight:750;line-height:1.2;letter-spacing:-.05em}.portfolio-service-heading span{font-size:12px;font-weight:650}.portfolio-service-heading p{margin:10px 0 0;color:#d2d9e8;font-size:12px;line-height:1.6}.home-experience .featured-grid .project-meta h4{margin:0;color:#fff;font-size:clamp(17px,1.8vw,25px);font-weight:750;line-height:1.3}@media (max-width:760px){.portfolio-service-heading{padding-bottom:16px}.portfolio-service-heading h3{font-size:30px}.portfolio-service-heading p{font-size:11px}.home-experience .featured-grid .project-meta h4{font-size:19px}.project-format-label{left:12px;bottom:12px;font-size:10px;padding:7px 9px}.home-portfolio-nav{gap:2px 20px;margin-bottom:23px}.home-portfolio-nav a{font-size:12px}.project-card-actions a{font-size:11px;gap:5px}.project-scope-summary{font-size:11px}}@media (prefers-reduced-motion:reduce){.project-art.portfolio-cover>.portfolio-cover-page{transition:none}.project-link:is(:hover,:focus-visible) .portfolio-cover-page{transform:rotate(5deg)}}