/* HOME R02: original identity, editorial imagery, restrained emphasis. */
.company-mark{display:inline-flex;align-items:center;max-width:100%;line-height:1}
.company-mark img{width:206px;height:auto}
.site-footer .company-mark img{width:180px}
.role-company-logo img{width:210px;height:auto;margin:32px auto}
.home-hero{grid-template-columns:.91fr 1.18fr;gap:64px}
.hero-copy h1{font-size:clamp(48px,5.1vw,82px)}
.hero-editorial{position:relative;overflow:hidden;aspect-ratio:3/2;background:#e6e2d8}
.hero-editorial>img{width:100%;height:100%;object-fit:cover;transition:transform 1s ease}
.hero-editorial:hover>img{transform:scale(1.025)}
.hero-editorial figcaption{display:flex;justify-content:space-between;gap:10px;position:absolute;bottom:0;left:0;right:0;padding:20px 17px 13px;background:linear-gradient(transparent,#15251ba6);font-size:8px;font-weight:700;letter-spacing:.1em;color:white}
.hero-editorial figcaption>span:last-child{font-size:7px;font-weight:400}
.hero-bottom{grid-template-columns:.8fr 1.2fr}
.hero-bottom .brand-tile{min-height:138px;padding:17px}
.hero-bottom .brand-tile img{width:86px;margin:7px 0}
.retro-tile img{object-position:center 45%}
.retro-tile figcaption{font-size:7px;left:10px;bottom:10px}
.accent-word{position:relative;display:inline-block}
.accent-word:after{content:'';position:absolute;height:2px;left:0;right:0;bottom:-4px;background:currentColor;transform:scaleX(1);transform-origin:left;opacity:.65}
.hero-copy .accent-word:after{animation:accent-draw 1.1s .25s both}
.motion-ready .reveal .accent-word:after{transform:scaleX(0);transition:transform .9s .2s ease}
.motion-ready .reveal.is-visible .accent-word:after{transform:scaleX(1)}
.reduce-motion .accent-word:after{transform:none!important}
.business-card:nth-child(1) .card-number,.business-card:nth-child(1) h4{color:#b63c26}
.business-card:nth-child(2) .card-number{color:#3244b7}
.business-card:nth-child(3) .card-number{color:#3a6050}
.business-card h4{transition:color .25s}
.business-card:hover h4{color:#b63c26}
.process-list li{transition:background .3s}
.process-list li>span{color:#b63c26;font-weight:700}
.process-list li:hover{background:#dce1cf}
.process-list li:after{transition:transform .3s}
.process-list li:hover:after{transform:translate(3px,-3px)}
.waf-accent{color:var(--blue)}
.lime-accent,.contact-accent{color:var(--lime)}
.work-mix{grid-template-columns:.88fr 1.12fr;gap:28px;align-items:start}
.work-mix .brand-work{height:440px}
.brand-work-fields{display:flex;gap:16px;position:absolute;bottom:25px;font-size:8px;letter-spacing:.1em;color:#d8daff}
.work-stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.story{display:block;min-width:0}
.story figure{position:relative;height:212px;overflow:hidden;background:#ddd}
.story img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.story:hover img{transform:scale(1.035)}
.story .jeju-photo>img{transform:scale(1.17);object-position:center 68%}
.story:hover .jeju-photo>img{transform:scale(1.2)}
.story figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:25px 12px 11px;background:linear-gradient(transparent,#10261ccc);color:#fff;z-index:1}
.story figcaption b{font-size:9px;letter-spacing:.12em}
.story figcaption span{font-size:9px}
.story:focus-visible{outline-offset:4px}
.waf-feature{grid-template-columns:.85fr 1.15fr}
.waf-feature-copy{padding:58px max(56px,calc((100vw - 1360px)/2));padding-right:30px}
.waf-feature h2{font-size:35px;line-height:1.35}
.waf-feature figure{min-height:490px}
.waf-feature figure img{object-position:center center}
.waf-feature figcaption{bottom:15px;left:16px;right:10px;font-size:7px;letter-spacing:.05em;padding:7px 9px;background:#14231b99;width:max-content;max-width:calc(100% - 32px)}
@keyframes accent-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:1500px){.home-hero{gap:80px}.hero-copy h1{font-size:82px}}
@media(max-width:1100px){.company-mark img{width:180px}.site-header nav{gap:24px}.home-hero{gap:35px;grid-template-columns:1fr 1.12fr}.hero-bottom .brand-tile{min-height:121px;padding:12px}.hero-bottom .brand-tile>span:last-child{font-size:8px}.hero-bottom .brand-tile img{width:75px}.work-mix{gap:22px}.work-mix .brand-work{height:365px}.story figure{height:175px}.work-stories{gap:15px}.work-caption h3{font-size:18px}.waf-feature-copy{padding:55px 32px}.waf-feature h2{font-size:30px}.waf-feature figure{min-height:460px}}
@media(max-width:760px){.company-mark img{width:174px}.site-footer .company-mark img{width:153px}.home-hero{grid-template-columns:1fr;gap:32px}.hero-copy h1{font-size:clamp(44px,10.6vw,70px)}.hero-composition{display:block}.hero-editorial{aspect-ratio:3/2}.hero-editorial figcaption{font-size:7px;padding:20px 12px 10px}.hero-editorial figcaption>span:last-child{font-size:6px}.hero-bottom{display:grid;grid-template-columns:.85fr 1.15fr;grid-template-rows:auto;margin-top:9px}.hero-bottom .brand-tile{min-height:120px;padding:12px}.hero-bottom .brand-tile img{width:77px}.hero-bottom .brand-tile>span:first-child{font-size:7px}.hero-bottom .brand-tile>span:last-child{font-size:7px;line-height:1.5}.retro-tile figcaption{font-size:5.5px;left:6px;bottom:7px}.business-card:nth-child(2) .business-visual{aspect-ratio:1.5}.work-mix{grid-template-columns:1fr;gap:25px}.work-mix .brand-work{height:280px}.brand-work-fields{bottom:20px;font-size:7px}.work-stories{gap:12px}.story figure{height:180px}.story figcaption{padding:22px 9px 9px}.story figcaption b{font-size:8px}.story figcaption span{font-size:8px}.waf-feature{grid-template-columns:1fr}.waf-feature-copy{padding:48px 25px}.waf-feature h2{font-size:32px}.waf-feature figure{aspect-ratio:1.25;min-height:0}.waf-feature figcaption{font-size:6px;left:12px;bottom:12px}.role-company-logo img{width:190px;margin:24px auto}}
@media(prefers-reduced-motion:reduce){.accent-word:after{transform:none!important}.hero-editorial:hover>img,.story:hover img{transform:none}.story:hover .jeju-photo>img{transform:scale(1.17)}}
.reduce-motion .hero-editorial:hover>img,.reduce-motion .story:hover img{transform:none}.reduce-motion .story:hover .jeju-photo>img{transform:scale(1.17)}
