/* Hallmark · macrostructure: Split Studio · tone: corporate procurement · anchor hue: navy */
@font-face{font-family:"Plus Jakarta Sans";src:url("../assets/fonts/plus-jakarta-sans-latin-wght-normal.woff2") format("woff2");font-style:normal;font-weight:200 800;font-display:swap}
*{box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth;overflow-x:clip;scroll-padding-top:104px}
body{margin:0;overflow-x:clip;background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-body);font-size:1rem;line-height:1.625}
body,h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-style:normal;font-weight:700;min-width:0;overflow-wrap:anywhere}
h1{font-size:var(--text-h1);line-height:64px;letter-spacing:-.035em;text-wrap:balance}
h2{font-size:var(--text-h2);line-height:44px;letter-spacing:-.025em}
h3{font-size:var(--text-h3);line-height:30px;letter-spacing:-.02em}
p{color:var(--color-text-secondary)}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{opacity:.6;cursor:not-allowed}
button:active,.button:active{transform:translateY(1px)}
:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}
img,svg{display:block;max-width:100%}
img{height:auto}
.icon{width:22px;height:22px;flex:none}
.container{width:calc(100% - 64px);max-width:var(--container-max);margin-inline:auto}
.section{padding-block:var(--space-section)}
.section-heading{margin-bottom:var(--space-2xl)}
.section-heading p{margin-top:var(--space-md);max-width:680px}
.section-intro{margin-top:var(--space-lg);max-width:440px}
.text-link{display:inline-flex;align-items:center;gap:12px;min-height:48px;font-size:14px;font-weight:700;color:var(--color-brand-primary);white-space:nowrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:14px 24px;border:1px solid transparent;border-radius:var(--radius-button);font-size:14px;line-height:20px;font-weight:600;white-space:nowrap;transition:background-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out)}
.button-primary{background:var(--color-brand-primary);color:var(--color-bg)}
.button-secondary{background:var(--color-bg);color:var(--color-brand-primary);border-color:var(--color-input-border)}
.button-gold{background:var(--color-brand-gold);color:var(--color-text-primary)}
.skip-link{position:fixed;left:16px;top:12px;transform:translateY(-160%);background:var(--color-bg);padding:16px;z-index:var(--z-skip);border:2px solid var(--color-brand-primary);border-radius:8px}
.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:var(--z-header);background:var(--color-bg);border-bottom:1px solid var(--color-border)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;height:80px}
.brand{height:76px;width:122px;display:flex;align-items:center;justify-content:flex-start;flex:none}
.brand img{width:108px;height:108px;object-fit:contain;max-width:none}
.main-navigation{display:flex;align-items:center;gap:28px}
.main-navigation>a{font-size:14px;font-weight:600;white-space:nowrap;min-height:48px;display:inline-flex;align-items:center}
.main-navigation>a:not(.button){position:relative}
.main-navigation>a:not(.button)::after{content:"";position:absolute;bottom:3px;inset-inline:0;height:2px;background:var(--color-brand-gold);transform:scaleX(0);transition:transform var(--dur-micro) var(--ease-out)}
.main-navigation>a[aria-current="location"]::after{transform:scaleX(1)}
.menu-toggle{display:none}
.hero{padding-block:96px 88px;background:var(--color-bg)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:center}
.eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;line-height:20px;font-weight:700;letter-spacing:.1em;color:var(--color-brand-primary);margin-bottom:24px}
.eyebrow>span{width:24px;height:3px;background:var(--color-brand-gold)}
.hero h1 span{color:var(--color-brand-primary)}
.lead{font-size:18px;line-height:30px;max-width:560px;margin-top:24px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.hero-note{font-size:13px;line-height:20px;margin-top:20px;max-width:440px}
.hero-visual{background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:24px 24px 20px;align-self:center;min-width:0}
.visual-topline{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--color-brand-primary)}
.visual-mark{font-size:24px;line-height:24px;color:var(--color-logo-gold)}
.procurement-art{width:100%;margin-block:16px 8px}
.art-grid-line{stroke:var(--color-border);stroke-width:.6}
.art-line{stroke:var(--color-logo-navy);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.art-heavy{stroke-width:6}
.art-navy{fill:var(--color-logo-navy)}
.art-light{fill:var(--color-brand-light)}
.art-pale{fill:var(--color-art-pale)}
.art-gold{fill:var(--color-logo-gold)}
.art-white{fill:var(--color-bg)}
.art-muted{fill:var(--color-art-muted)}
.art-kraft{fill:var(--color-art-kraft)}
.art-kraft-light{fill:var(--color-art-kraft-light)}
.hero-visual figcaption{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding-top:16px;border-top:1px solid var(--color-border);font-size:13px;line-height:21px;color:var(--color-text-secondary)}
.hero-visual figcaption strong{font-weight:600;color:var(--color-brand-primary)}
.illustration-label{font-size:10px;line-height:16px;max-width:70px;text-align:right}
.audience{border-top:1px solid var(--color-border);padding-block:56px 64px}
.audience-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:40px}
.audience-heading h2{font-size:24px;line-height:32px;letter-spacing:-.025em}
.audience-heading>p{font-size:14px;line-height:24px}
.audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.audience-grid article{border-left:1px solid var(--color-border);padding-left:24px}
.audience-grid article:first-child{border-left:0;padding-left:0}
.audience-grid .icon{color:var(--color-brand-primary);margin-bottom:16px}
.audience-grid h3{font-size:16px;line-height:26px;letter-spacing:-.02em}
.audience-grid p{margin-top:8px;line-height:26px}
.values{background:var(--color-bg-muted)}
.values-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:96px}
.values .text-link{margin-top:24px}
.value-list article{display:grid;grid-template-columns:32px minmax(0,1fr);gap:24px;padding-block:28px;border-bottom:1px solid var(--color-border)}
.value-list article:first-child{padding-top:0}
.value-list article:last-child{border-bottom:0;padding-bottom:0}
.value-number{font-size:13px;line-height:30px;font-weight:600;color:var(--color-text-secondary)}
.value-list p{margin-top:12px}
.categories .section-heading{max-width:740px}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.category-card{display:flex;flex-direction:column;padding:24px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-bg);transition:border-color var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out)}
.category-card-top{display:flex;align-items:center;justify-content:space-between;color:var(--color-brand-primary);margin-bottom:32px}
.category-card-top>span{color:var(--color-text-secondary);font-size:12px;font-weight:600}
.category-card h3{max-width:290px}
.category-card p{margin-block:12px 28px}
.category-link{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:13px;line-height:22px;font-weight:600;color:var(--color-brand-primary);padding-top:16px;border-top:1px solid var(--color-border);white-space:nowrap}
.category-foot{display:flex;justify-content:space-between;align-items:center;gap:48px;margin-top:32px}
.category-foot p{font-size:13px;line-height:22px;max-width:700px}
.process{background:var(--color-bg-muted)}
.process-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.process-grid li{position:relative;padding-top:24px;border-top:1px solid var(--color-border)}
.step-number{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-bg);border:1px solid var(--color-input-border);border-radius:50%;font-size:14px;font-weight:600;color:var(--color-brand-primary);margin-bottom:24px}
.process-grid li:first-child .step-number{background:var(--color-brand-primary);color:var(--color-bg);border-color:var(--color-brand-primary)}
.process-grid h3{margin-bottom:12px}
.about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px;align-items:center}
.about-brand{background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:16px 40px 32px}
.about-brand img{width:100%;max-width:340px;aspect-ratio:1;margin-inline:auto;object-fit:contain}
.about-brand p{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;font-size:13px;line-height:22px;border-top:1px solid var(--color-border);padding-top:24px}
.about-brand p .icon{width:18px;height:18px}
.about-copy p{margin-top:24px}
.about-copy .text-link{margin-top:20px}
.faq{padding-top:0}
.faq-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:96px;padding-top:64px;border-top:1px solid var(--color-border)}
.faq-list details{border-bottom:1px solid var(--color-border)}
.faq-list details:first-child{border-top:1px solid var(--color-border)}
summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px;font-size:16px;line-height:26px;font-weight:600}
summary::-webkit-details-marker{display:none}
summary .icon{width:18px;height:18px}
details[open] summary .icon{transform:rotate(45deg)}
.faq-list details>p{padding-bottom:24px;max-width:620px}
.contact{background:var(--color-brand-primary);color:var(--color-bg)}
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:96px;align-items:start}
.contact-copy{padding-top:24px}
.contact-copy>p{color:var(--color-footer-muted);max-width:450px;margin-top:24px}
.contact-copy .button{margin-top:32px}
.contact-notice{margin-top:40px;padding-top:24px;border-top:1px solid var(--color-footer-border);max-width:450px}
.contact-notice strong{font-size:16px;font-weight:600}
.contact-notice p{color:var(--color-footer-muted);margin-top:8px}
.contact-location{display:flex;align-items:center;gap:12px;font-size:13px;line-height:22px}
.request-form{background:var(--color-bg);border-radius:var(--radius-card);padding:32px;color:var(--color-text-primary)}
.form-intro{font-size:14px;line-height:24px;margin-top:8px;margin-bottom:24px}
.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
label{display:block;font-size:13px;font-weight:600;line-height:22px;margin-bottom:8px}
label span{font-size:12px;font-weight:400;color:var(--color-text-secondary)}
input,select,textarea{display:block;width:100%;min-width:0;background:var(--color-bg);color:var(--color-text-primary);border:1px solid var(--color-input-border);border-radius:8px;padding:12px;min-height:48px;margin-bottom:20px;font-size:16px;line-height:24px}
textarea{resize:vertical;margin-bottom:4px;min-height:104px}
input::placeholder,textarea::placeholder{color:var(--color-text-secondary);opacity:1}
textarea[aria-invalid="true"]{border-color:var(--color-error)}
.field-help{font-size:12px;line-height:20px;min-height:20px;margin-bottom:20px}
.field-help.is-error{color:var(--color-error)}
.request-form .button{width:100%;margin-top:4px}
.form-status{font-size:12px;line-height:20px;min-height:40px;margin-top:12px}
.form-status.is-success{color:var(--color-success)}
.form-status.is-error{color:var(--color-error)}
.site-footer{background:var(--color-brand-primary);color:var(--color-bg);padding-block:0 24px}
.footer-main{border-top:1px solid var(--color-footer-border);padding-block:40px;display:flex;justify-content:space-between;gap:48px}
.footer-name{font-size:18px;line-height:28px;font-weight:700;color:var(--color-bg);margin-bottom:8px}
.footer-main p:not(.footer-name),.footer-main address{font-size:14px;line-height:24px;color:var(--color-footer-muted);font-style:normal}
.footer-main address{margin-top:12px}
.footer-main nav{display:grid;grid-template-columns:repeat(2,max-content);align-content:start;gap:0 40px}
.footer-main nav a{display:flex;align-items:center;min-height:44px;font-size:14px;white-space:nowrap}
.footer-bottom{border-top:1px solid var(--color-footer-border);padding-top:20px;display:flex;justify-content:space-between;gap:24px;align-items:center}
.footer-bottom p,.footer-bottom a{font-size:12px;line-height:20px;color:var(--color-footer-muted)}
.footer-bottom a{display:flex;align-items:center;min-height:44px;white-space:nowrap}
.contact :focus-visible,.site-footer :focus-visible{outline-color:var(--color-brand-gold)}
.request-form :focus-visible{outline-color:var(--color-focus)}
@media(hover:hover){.button-primary:hover{background:var(--color-brand-primary-hover)}.button-secondary:hover{background:var(--color-brand-light)}.button-gold:hover{background:var(--color-art-kraft-light)}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.category-card:hover{background:var(--color-bg-muted);border-color:var(--color-input-border)}.main-navigation>a:not(.button):hover::after{transform:scaleX(1)}summary:hover{color:var(--color-brand-primary)}.footer-main a:hover,.footer-bottom a:hover{color:var(--color-bg);text-decoration:underline;text-underline-offset:4px}}
@media(max-width:1199px){.main-navigation{gap:20px}.header-inner{gap:20px}.hero-grid{gap:32px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.hero-actions{gap:12px}.hero-actions .button{padding-inline:18px}.values-grid,.about-grid,.faq-grid,.contact-grid{gap:56px}.hero h1{font-size:52px;line-height:60px}.process-grid{gap:24px}.process-grid h3{font-size:20px;line-height:28px}}
@media(max-width:1023px){:root{--space-section:64px;--text-h1:44px;--text-h2:32px}.container{width:calc(100% - 48px)}.header-inner{height:76px}.hero{padding-block:64px}.hero-grid{gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}.hero h1{font-size:44px;line-height:52px}.lead{font-size:16px;line-height:27px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-visual{padding:20px 16px}.hero-visual figcaption{flex-direction:column;align-items:flex-start}.illustration-label{max-width:none;text-align:left}.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.audience-grid article:nth-child(3){border-left:0;padding-left:0}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.values-grid,.about-grid,.faq-grid,.contact-grid{gap:40px}.value-list article{gap:16px}.values h2{line-height:40px}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.category-foot{gap:24px;align-items:flex-start}.category-foot p{max-width:470px}.about-brand{padding:16px 24px 24px}.contact-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.request-form{padding:24px}.form-row{grid-template-columns:minmax(0,1fr)}.footer-main nav{gap:0 24px}.main-navigation{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-bg);padding:16px 24px 24px;border-bottom:1px solid var(--color-border);max-height:calc(100dvh - 76px);overflow-y:auto;align-items:stretch;gap:0}.main-navigation.is-open{display:flex;flex-direction:column}.main-navigation>a:not(.button){padding:8px 0}.nav-cta{margin-top:12px;align-self:flex-start}.menu-toggle{display:inline-flex;align-items:center;gap:12px;min-width:48px;min-height:48px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-button);padding:10px 14px;font-size:14px;font-weight:600;color:var(--color-brand-primary)}}
@media(max-width:767px){:root{--text-h1:34px;--text-h2:28px;--text-h3:20px;--space-section:56px}html{scroll-padding-top:88px}.container{width:calc(100% - 40px)}.header-inner{height:68px}.brand{height:64px;width:100px}.brand img{height:64px;width:96px}.main-navigation{max-height:calc(100dvh - 68px);padding-inline:20px}.hero{padding-block:56px}.hero-grid{grid-template-columns:minmax(0,1fr);gap:40px}.eyebrow{font-size:11px;margin-bottom:20px;letter-spacing:.08em}.hero h1{font-size:34px;line-height:41px;max-width:450px}.hero-actions{margin-top:28px;align-items:stretch;gap:12px}.hero-actions .button{width:100%;min-height:50px}.hero-note{font-size:12px;line-height:20px}.hero-visual{padding:20px}.procurement-art{margin-block:12px 0}.hero-visual figcaption{flex-direction:row;align-items:flex-end;font-size:12px;line-height:20px;gap:12px}.illustration-label{font-size:10px;max-width:66px;text-align:right}.audience{padding-block:40px 48px}.audience-heading{display:block;margin-bottom:32px}.audience-heading h2{font-size:24px;line-height:32px}.audience-heading>p{margin-top:16px}.audience-grid{gap:28px 20px}.audience-grid article{padding-left:16px}.audience-grid h3{font-size:16px;line-height:24px}.audience-grid p{font-size:16px;line-height:26px}.values-grid,.about-grid,.faq-grid,.contact-grid{grid-template-columns:minmax(0,1fr);gap:40px}h2,.values h2{line-height:36px}h3{line-height:28px}.section-intro{margin-top:16px}.value-list article{padding-block:24px}.category-grid{grid-template-columns:minmax(0,1fr);gap:16px}.category-card{padding:24px}.category-card-top{margin-bottom:24px}.category-card h3{max-width:280px}.category-card p{margin-bottom:24px}.section-heading{margin-bottom:32px}.category-foot{display:block;margin-top:24px}.category-foot .text-link{margin-top:12px}.process-grid{grid-template-columns:minmax(0,1fr);gap:0}.process-grid li{padding:0 0 32px 68px;border-top:0;border-left:1px solid var(--color-border);margin-left:22px}.process-grid li:last-child{padding-bottom:0;border-left-color:transparent}.step-number{position:absolute;left:-23px;top:0;margin:0}.process-grid h3{padding-top:6px}.process-grid p{max-width:450px}.about-brand{padding:0 24px 24px}.about-brand img{max-width:280px}.about-copy p{margin-top:20px}.faq-grid{padding-top:48px;gap:32px}.faq .section-intro{max-width:400px}.faq-list summary{gap:20px;padding-block:20px;font-size:16px;line-height:26px}.contact-copy{padding:0}.contact-copy>p{margin-top:20px}.contact-notice{margin-top:32px}.request-form{padding:24px 20px}.form-row{grid-template-columns:minmax(0,1fr)}.footer-main{display:block;padding-block:32px}.footer-main nav{margin-top:24px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.footer-main nav a{font-size:13px}.footer-bottom{align-items:flex-start;gap:8px;flex-direction:column}.footer-bottom a{font-size:13px}}
@media(min-width:1024px){.hero h1{font-size:56px;line-height:64px}}
@media(max-width:359px){.hero-visual{padding:16px}.visual-topline{font-size:9px}.audience-grid{grid-template-columns:minmax(0,1fr)}.audience-grid article{border-left:0;padding-left:0}.audience-grid .icon{margin-bottom:8px}.footer-main nav{grid-template-columns:minmax(0,1fr)}.request-form{padding:24px 16px}.request-form .button{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:0s!important;animation:none!important}}