/* Hallmark · shape: craft recruitment editorial · genre: editorial · theme: existing warm corporate · job: inquire */
/* critique: distinct work photography, compact explanatory headings, source-preserving document gallery. */
/* waive 39b: full-image controls open the original material. waive 77: compact work-type strip serves navigation and content summary. */
:root{--container:1200px;--gutter:40px;--radius-control:6px;--color-paper:#fffefa;--color-paper-2:#f4f3ec;--color-ink:#23372e;--color-ink-2:#3f4c45;--color-muted:#657068;--color-rule:#dce1d8;--color-accent:#355a46;--color-accent-soft:#e8ede3;--color-photo-caption:#fffefae8;--text-section:clamp(28px,3vw,40px)}
h1,h2,h3{text-wrap:balance}.header{border-bottom:1px solid var(--color-rule)}.header-inner{min-height:88px}.brand{font-size:30px}.brand span{font-size:12px}.header nav{gap:var(--space-lg)}.nav-cta{background:transparent;color:var(--color-ink);border:1px solid var(--color-rule);border-radius:6px}.nav-cta:hover{color:var(--color-paper)}
.hero{display:block;min-height:0;height:auto;max-height:none;background:var(--color-paper-2);color:var(--color-ink)}.hero-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center;padding-block:48px}.opening-content{padding:0;text-align:left;animation:none}.opening-content h1{font-size:clamp(36px,4.3vw,60px);line-height:1.25;letter-spacing:-.05em;margin:0}.opening-content p{color:var(--color-ink-2);font-size:17px;line-height:1.85;margin:var(--space-lg) 0 0;max-width:460px}.hero-actions{justify-content:flex-start;gap:var(--space-sm);margin-top:32px}.hero-actions .button{min-width:0;padding-inline:var(--space-lg);white-space:nowrap}.hero-secondary{background:transparent;border-color:var(--color-rule);color:var(--color-ink)}.hero-secondary:hover{background:var(--color-paper);color:var(--color-ink)}.opening-content .hero-audience{font-size:13px;color:var(--color-muted);margin-top:var(--space-lg)}.hero-image{position:relative;margin:0;height:460px;min-width:0;overflow:clip}.hero-image>img{width:100%;height:100%;object-fit:cover;object-position:50% 68%;display:block}.hero-image figcaption{position:absolute;right:16px;bottom:16px;padding:var(--space-xs) var(--space-sm);font-size:12px;background:var(--color-photo-caption);color:var(--color-ink)}
.task-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:28px;border-bottom:1px solid var(--color-rule)}.task-strip>div{padding-inline:var(--space-lg);border-right:1px solid var(--color-rule)}.task-strip>div:first-child{padding-left:0}.task-strip>div:last-child{border:0}.task-strip strong{display:block;font-size:18px}.task-strip span{display:block;color:var(--color-muted);font-size:14px;line-height:1.7;margin-top:var(--space-xs)}
.section,#work,#portfolio{padding-block:80px}.section-heading{margin-bottom:32px;gap:var(--space-lg)}.section-heading h2,.showcase-heading h2{font-size:var(--text-section);line-height:1.35;max-width:620px}.section-heading p,.showcase-heading p{font-size:15px;line-height:1.85}.product-photo-grid,.packaging-photo-grid{gap:var(--space-lg)}.product-photo .media-open{height:280px}.packing-photo .media-open{height:300px}.product-photo figcaption h3{font-size:20px}.product-photo figcaption p{font-size:15px;line-height:1.8}.product-photo figcaption small{font-size:12px}.photo-category-heading{margin-bottom:var(--space-lg)}.photo-category-heading h3{font-size:24px}.media-open{border-radius:4px}.media-open>span{border-radius:4px;font-size:12px}.packaging-heading{padding-top:32px;border-top:1px solid var(--color-rule);margin-top:32px}
#portfolio{border-top:1px solid var(--color-rule)}.video-rail{grid-auto-columns:calc((100% - 72px)/4)}.film-poster{height:280px;border-radius:4px}.film-title{font-size:18px}.film-action{font-size:13px}.film-play{width:48px;height:48px}.rail-controls button{width:44px;height:44px}.work-conditions{padding-block:32px}.work-conditions h2{font-size:22px}.eligibility{padding-block:72px;background:var(--color-paper)}.eligibility-grid{gap:48px}.eligibility h2{font-size:var(--text-section)}.fit-panel{background:var(--color-paper-2);border:0;padding:32px}.fit-panel legend{font-size:18px}.fit-choices{gap:var(--space-xs)}.process-list{gap:var(--space-lg)}.step-number{font-size:28px;margin-bottom:var(--space-md)}.process-list h3{font-size:20px}.process-list p{font-size:15px}.process-list li{border-top:2px solid var(--color-rule);padding-top:var(--space-lg)}
.payments{background:var(--color-paper-2)}.payments .section-note{max-width:760px}.questions{gap:48px;padding-block:72px}.consultation{padding-block:80px;background:var(--color-paper-2)}.consultation-grid{gap:var(--space-2xl)}.consultation h2{font-size:var(--text-section)}.application-form{background:var(--color-paper);border:1px solid var(--color-rule);padding:32px;border-radius:6px}.application-form h3{font-size:23px}.footer{padding-block:48px}.footer-top{padding-bottom:32px}.credits{font-size:12px;line-height:1.8}
@media(max-width:1050px){.header-inner>nav{gap:var(--space-sm)}.hero-layout{gap:32px}.hero-image{height:420px}.opening-content h1{font-size:42px}.hero-actions .button{padding-inline:var(--space-md);font-size:14px}.video-rail{grid-auto-columns:calc((100% - 48px)/3)}}
@media(max-width:760px){:root{--gutter:24px}.header-inner{min-height:76px}.brand{font-size:27px}.brand span{font-size:11px}.hero-layout{grid-template-columns:minmax(0,1fr);gap:var(--space-lg);padding-block:32px}.opening-content h1{font-size:34px;line-height:1.3}.opening-content p{font-size:15px;line-height:1.7;margin-top:var(--space-md);max-width:none}.hero-actions{flex-direction:row;gap:var(--space-xs);margin-top:var(--space-lg)}.hero-actions .button{font-size:13px;padding-inline:var(--space-md);min-height:48px}.opening-content .hero-audience{font-size:12px;margin-top:var(--space-md)}.hero-image{height:200px}.hero-image figcaption{font-size:11px;right:8px;bottom:8px}.task-strip{padding-block:var(--space-lg)}.task-strip>div{padding-inline:var(--space-sm)}.task-strip strong{font-size:15px}.task-strip span{font-size:12px;line-height:1.65;margin-top:var(--space-xs)}.section,#work,#portfolio{padding-block:48px}.section-heading{margin-bottom:var(--space-lg)}.section-heading p{font-size:14px;margin-top:var(--space-sm)}.product-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg) var(--space-md)}.product-photo-grid>.product-photo:first-child{grid-column:1/-1}.product-photo .media-open{height:180px}.product-photo-grid>.product-photo:first-child .media-open{height:250px}.product-photo figcaption{padding-top:var(--space-sm)}.product-photo figcaption h3{font-size:17px;line-height:1.5}.product-photo figcaption p{font-size:13px;line-height:1.7;margin-top:var(--space-xs)}.product-photo figcaption small{font-size:11px}.packaging-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.packing-photo .media-open{height:180px}.packaging-heading{display:block;margin-top:32px;padding-top:var(--space-lg)}.photo-category-heading h3{font-size:22px}.photo-category-heading p{font-size:13px}.media-open>span{right:8px;bottom:8px;font-size:11px;padding:var(--space-2xs) var(--space-xs)}.showcase-heading{gap:var(--space-md);margin-bottom:var(--space-lg)}.showcase-heading h2{font-size:28px}.showcase-heading p{font-size:14px}.video-rail{grid-auto-columns:72%;gap:var(--space-md)}.film-poster{height:260px;aspect-ratio:auto}.film-title{font-size:18px;margin-top:var(--space-md)}.section-note{font-size:12px}.work-conditions{padding-block:28px}.work-conditions dl{gap:var(--space-lg)}.work-conditions dd{font-size:13px}.eligibility{padding-block:48px}.eligibility-grid{gap:var(--space-lg)}.eligibility p{font-size:15px}.fit-panel{padding:var(--space-lg)}.process-list{gap:var(--space-lg) var(--space-md)}.process-list h3{font-size:17px}.process-list p{font-size:14px}.step-number{font-size:24px}.questions{gap:var(--space-lg);padding-block:48px}.consultation{padding-block:48px}.consultation-grid{gap:32px}.application-form{padding:var(--space-lg)}.application-form input:not([type=checkbox]),.application-form select,.form-message textarea{font-size:16px}.footer{padding-block:32px}.footer-top .brand{flex-basis:auto}.footer-top{gap:var(--space-lg)}.footer-top>p{font-size:13px}.footer-top>.text-link{display:none}}
@media(max-width:360px){:root{--gutter:18px}.opening-content h1{font-size:30px}.hero-actions .button{padding-inline:var(--space-sm);font-size:12px}.header-inner{gap:var(--space-xs)}.nav-cta{padding-inline:var(--space-sm)}}
/* Payment archive: featured transfer documents and a compact, complete ledger gallery. */
.payment-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:32px}.payment-eyebrow{font-size:13px;font-weight:700;color:var(--color-accent);letter-spacing:normal;margin:0 0 var(--space-sm)}.payment-heading h2{font-size:var(--text-section);line-height:1.3;margin:0}.payment-heading>p{font-size:14px;color:var(--color-muted);line-height:1.9;margin:0 0 var(--space-2xs)}
.receipt-gallery.payment-archive{display:block}.payment-featured{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.payment-archive .receipt.transfer-card{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);align-items:center;gap:var(--space-lg);background:var(--color-paper);padding:var(--space-lg);border:1px solid var(--color-rule);border-radius:8px;overflow:hidden}.payment-archive .receipt.transfer-card .receipt-open{height:290px;width:100%;border:0;border-radius:0;background:var(--color-paper)}.payment-archive .receipt.transfer-card img{object-fit:contain}.payment-archive .receipt figcaption{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;padding:0}.payment-archive .receipt figcaption small{font-size:11px;letter-spacing:normal;color:var(--color-muted);margin:0 0 var(--space-sm)}.payment-archive .receipt.transfer-card figcaption span{font-size:15px;color:var(--color-ink-2)}.payment-archive .receipt.transfer-card figcaption strong{font-size:28px;color:var(--color-ink);margin-top:var(--space-xs);line-height:1.2}.payment-archive .receipt.transfer-card .receipt-open>span{right:50%;transform:translateX(50%);bottom:0;white-space:nowrap;border:1px solid var(--color-rule);padding:var(--space-xs) var(--space-sm);background:var(--color-paper);font-size:12px}
.ledger-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);margin:32px 0 var(--space-md)}.ledger-heading h3{font-size:18px;margin:0}.ledger-heading>span{font-size:12px;color:var(--color-muted)}.payment-ledgers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md)}.payment-archive .receipt.ledger-card{display:flex;flex-direction:column-reverse;gap:var(--space-md);grid-column:auto;background:var(--color-paper);border:1px solid var(--color-rule);border-radius:8px;padding:20px;transition:border-color .18s ease}.payment-archive .ledger-card:focus-within,.payment-archive .ledger-card:hover{border-color:var(--color-accent)}.payment-archive .receipt.ledger-card .receipt-open{width:100%;height:70px;border:0;border-top:1px solid var(--color-rule);border-radius:0;padding-top:var(--space-sm);background:var(--color-paper)}.payment-archive .receipt.ledger-card .receipt-open img{object-fit:contain;background:var(--color-paper)}.payment-archive .receipt.ledger-card .receipt-open>span{right:0;bottom:0;padding:var(--space-3xs) var(--space-xs);font-size:14px;background:var(--color-paper);color:var(--color-accent)}.payment-archive .receipt.ledger-card figcaption{padding:0}.payment-archive .receipt.ledger-card figcaption small{margin-bottom:var(--space-sm)}.payment-archive .receipt.ledger-card figcaption span{font-size:13px;line-height:1.5}.payment-archive .receipt.ledger-card figcaption strong{font-size:22px;margin:var(--space-xs) 0 0;color:var(--color-ink);line-height:1.3}.payment-disclosure{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-rule);font-size:12px;line-height:1.8}
@media(max-width:1050px){.payment-archive .receipt.transfer-card{grid-template-columns:minmax(0,140px) minmax(0,1fr);padding:20px;gap:var(--space-md)}.payment-archive .receipt.transfer-card .receipt-open{height:250px}.payment-archive .receipt.transfer-card figcaption strong{font-size:24px}}
@media(max-width:760px){.payment-heading{display:block;margin-bottom:var(--space-lg)}.payment-heading h2{font-size:28px}.payment-heading>p{font-size:13px;margin-top:var(--space-md)}.payment-featured{gap:var(--space-sm)}.payment-archive .receipt.transfer-card{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-sm);align-items:stretch;border-radius:6px}.payment-archive .receipt.transfer-card .receipt-open{height:192px}.payment-archive .receipt.transfer-card figcaption small{font-size:10px;margin-bottom:var(--space-xs)}.payment-archive .receipt.transfer-card figcaption span{font-size:12px;line-height:1.5}.payment-archive .receipt.transfer-card figcaption strong{font-size:20px;margin-top:var(--space-xs)}.payment-archive .receipt.transfer-card .receipt-open>span{font-size:10px;padding:var(--space-xs) var(--space-xs)}.ledger-heading{margin-top:28px;margin-bottom:var(--space-sm)}.ledger-heading h3{font-size:16px}.ledger-heading>span{font-size:11px}.payment-ledgers{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.payment-archive .receipt.ledger-card{padding:var(--space-sm);gap:var(--space-sm);border-radius:6px}.payment-archive .receipt.ledger-card .receipt-open{height:52px;padding-top:var(--space-xs)}.payment-archive .receipt.ledger-card figcaption small{font-size:10px;margin-bottom:var(--space-xs)}.payment-archive .receipt.ledger-card figcaption span{font-size:11px}.payment-archive .receipt.ledger-card figcaption strong{font-size:20px}.payment-disclosure{font-size:11px}}
@media(prefers-reduced-motion:reduce){.payment-archive .receipt.ledger-card{transition:none}}
.payment-archive .receipt.transfer-card{grid-column:auto}.payment-archive .receipt.ledger-card{align-items:stretch;justify-content:flex-start}

.payment-archive .receipt{margin:0}.hero-actions{align-items:stretch}.hero-actions .button{margin-top:0}
/* Requested photo-led hero: user's hairpin packing footage, text over the work scene. */
:root{--hero-text:#fcfff9;--hero-text-soft:#edf1eb;--hero-shade-deep:rgba(12,27,21,.85);--hero-shade-mid:rgba(12,27,21,.67);--hero-shade-light:rgba(12,27,21,.15);--hero-outline:rgba(255,255,255,.65);--hero-clear:rgba(12,27,21,0);--hero-hover:rgba(255,255,255,.13)}
.hero{position:relative;isolation:isolate;background:var(--color-ink);color:var(--hero-text)}.hero .hero-layout{display:flex;align-items:center;position:static;min-height:540px;padding-block:var(--space-2xl);gap:0}.hero .hero-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;margin:0;border-radius:0}.hero .hero-image>img{width:100%;height:100%;object-fit:cover;object-position:50% 48%}.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,var(--hero-shade-deep) 0%,var(--hero-shade-mid) 42%,var(--hero-shade-light) 100%)}.hero .opening-content{max-width:640px;text-align:left}.hero .opening-content h1{color:var(--hero-text);font-size:clamp(38px,4.2vw,60px);line-height:1.25;max-width:640px}.hero .opening-content>p{font-size:16px;line-height:1.8;max-width:520px;color:var(--hero-text-soft);margin-top:var(--space-lg)}.hero .opening-content .hero-audience{font-size:12px;color:var(--hero-text-soft);margin-top:var(--space-lg)}.hero .hero-actions{display:flex;align-items:stretch;flex-direction:row;gap:var(--space-sm);margin-top:32px;max-width:440px}.hero .hero-actions .button{margin:0;min-height:48px;flex:0 1 auto;width:auto;font-size:14px;padding-inline:var(--space-lg)}.hero .hero-secondary{color:var(--hero-text);border-color:var(--hero-outline);background:var(--hero-clear)}.hero .hero-secondary:hover{background:var(--hero-hover)}.hero .hero-image figcaption{top:auto;bottom:var(--space-md);right:var(--space-lg);background:var(--hero-clear);color:var(--hero-text-soft);font-size:11px;padding:0}
@media(max-width:760px){.hero .hero-layout{min-height:500px;align-items:flex-end;padding-top:176px;padding-bottom:var(--space-xl)}.hero:after{background:linear-gradient(180deg,var(--hero-shade-light) 0%,var(--hero-shade-mid) 39%,var(--hero-shade-deep) 77%)}.hero .hero-image>img{object-position:58% 50%}.hero .opening-content h1{font-size:34px;line-height:1.3}.hero .opening-content>p{font-size:14px;line-height:1.75;margin-top:var(--space-md)}.hero .hero-actions{gap:var(--space-xs);margin-top:var(--space-lg);max-width:none}.hero .hero-actions .button{padding-inline:var(--space-sm);font-size:13px}.hero .hero-actions .kakao-button{flex:1}.hero .opening-content .hero-audience{font-size:11px;margin-top:var(--space-md)}.hero .hero-image figcaption{top:var(--space-md);bottom:auto;right:var(--space-lg);font-size:10px;background:var(--hero-shade-mid);padding:var(--space-2xs) var(--space-xs)}}
@media(max-width:360px){.hero .hero-layout{min-height:488px;padding-top:152px}.hero .opening-content h1{font-size:30px}.hero .opening-content>p{font-size:13px}.hero .hero-actions .button{font-size:12px}}

.hero{--color-focus:var(--hero-text)}.hero a:focus-visible{outline:3px solid var(--hero-text);outline-offset:4px}


/* Horizontal photography; warm neutral shading leaves natural skin tones intact. */
.hero{background:#30251e}.hero .hero-image{left:35%;width:65%}.hero .hero-image>img{object-position:52% 46%}.hero:after{background:linear-gradient(90deg,#30251e 0%,#30251e 35%,rgba(48,37,30,.86) 43%,rgba(48,37,30,.18) 58%,transparent 70%)}.hero .opening-content{max-width:590px}.hero .opening-content h1{font-size:clamp(38px,4vw,56px)}.hero .hero-image figcaption{color:#fff9ef;background:rgba(32,25,20,.6);padding:5px 9px;border-radius:3px}
@media(max-width:760px){.hero .hero-image{left:0;width:100%;height:300px}.hero .hero-image>img{object-position:55% 44%}.hero:after{background:linear-gradient(180deg,transparent 0px,transparent 205px,rgba(48,37,30,.4) 252px,#30251e 302px)}.hero .hero-layout{min-height:0;padding-top:264px;padding-bottom:32px}.hero .opening-content h1{font-size:32px}.hero .hero-image figcaption{font-size:9px;top:10px;right:12px;bottom:auto}.hero .hero-actions{margin-top:20px}.hero .opening-content>p{margin-top:16px}}
@media(max-width:360px){.hero .opening-content h1{font-size:29px}.hero .hero-layout{padding-top:252px}.hero .hero-image{height:285px}}