:root{--yellow:#f4b900;--ink:#101b27;--blue:#163c56;--paper:#f7f7f2;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}img{max-width:100%;height:auto}h1,h2,p{margin-top:0}h1{font-size:clamp(2.7rem,5.2vw,5.8rem);line-height:1.04;letter-spacing:-.055em;margin-bottom:1.6rem}h1 em{font-style:normal}p{line-height:1.65}header,footer{display:flex;justify-content:space-between;align-items:center;gap:1rem}header{padding:1.8rem 0}footer{font-size:.875rem;padding:1.5rem 0;border-top:1px solid currentColor}.shell{max-width:1600px;margin:auto;padding:0 clamp(1.3rem,5vw,5rem);min-height:100svh;display:flex;flex-direction:column}.wordmark{font-size:1.8rem;letter-spacing:-.08em;font-weight:900}.wordmark span{font-size:.75rem;vertical-align:top;margin-left:.3rem}.status{font-size:.875rem;border:1px solid currentColor;padding:.55rem .8rem;border-radius:2rem}.eyebrow{font-size:.875rem;letter-spacing:.16em;text-transform:uppercase;font-weight:bold;margin-bottom:1.8rem}.intro{font-size:1.0625rem;max-width:29rem}.contacts{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:1.3rem;padding:1rem 1.15rem;border:1px solid currentColor;text-decoration:none;font-size:.9375rem;font-weight:bold;min-height:50px;transition:background .18s,color .18s}.button.primary{background:var(--ink);color:var(--yellow);border-color:var(--ink)}.button:hover{background:var(--ink);color:white}.button.primary:hover{background:var(--blue);color:white}.contact-status{font-size:.875rem;margin:1rem 0;min-height:1.5rem}.skip{position:absolute;left:1rem;top:-8rem;background:white;color:black;padding:1rem;z-index:20}.skip:focus{top:1rem}:focus-visible{outline:3px solid currentColor;outline-offset:5px}.minimal{background:var(--yellow)}.minimal main{text-align:center;padding:1rem 0 3.5rem;flex:1}.minimal .brand-center{width:240px;margin:-.5rem auto 0}.logo{display:block;mix-blend-mode:multiply}.minimal h1{font-size:clamp(2.6rem,4.5vw,4.5rem)}.minimal h1 br:first-child{display:none}.minimal .eyebrow{margin-bottom:1rem}.minimal .intro{margin:0 auto}.minimal .contacts{justify-content:center}.industrial{color:var(--paper);background-color:var(--ink);background-image:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff04 3px 4px),repeating-linear-gradient(90deg,transparent 0 3px,#ffffff04 3px 4px)}.textile{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(2rem,6vw,7rem);align-items:center;flex:1;padding:4rem 0 5rem}.industrial h1 em{color:var(--yellow)}.industrial .intro{color:#d1d9df}.industrial .primary{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.industrial .button:hover{background:white;color:var(--ink)}.patch{background:var(--yellow);color:var(--ink);outline:2px dashed var(--ink);outline-offset:-16px;padding:2.5rem;transform:rotate(2deg);box-shadow:12px 16px 0 #0003}.patch-top{display:flex;justify-content:space-between;font-size:.875rem;font-weight:bold;letter-spacing:.08em}.patch p{font-size:1.5rem;font-weight:bold;margin-bottom:1rem}.stitch{border-top:2px dashed var(--ink);margin:1.5rem 0}.patch-bottom{font-size:.75rem;letter-spacing:.08em}.split{background:var(--paper)}.split-layout{min-height:100svh;display:grid;grid-template-columns:1.08fr 1fr}.split-content{padding:0 clamp(1.3rem,4vw,4rem);display:flex;flex-direction:column}.split main{flex:1;padding:5rem 0 4rem}.split h1{font-size:clamp(2.7rem,4.4vw,5rem)}.split h1 em{color:var(--blue)}.brand-panel{background:var(--yellow);display:flex;flex-direction:column;justify-content:space-between;padding:2.5rem;overflow:hidden}.panel-caption{font-size:.875rem;letter-spacing:.15em;font-weight:bold}.brand-panel .logo{width:100%;margin:auto 0}.panel-bottom{display:flex;justify-content:space-between;align-items:end;font-size:1.5rem;line-height:1.3;font-weight:bold}.asterisk{font-size:5rem;line-height:1}.gallery{background:var(--paper)}.gallery-main{max-width:1320px;margin:auto;padding:5rem 2rem}.gallery h1{font-size:clamp(2.5rem,5vw,4.8rem)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:3rem 0}.cards>a{text-decoration:none;border-bottom:1px solid;padding-bottom:1.5rem}.cards h2{font-size:1.3rem;margin:1.5rem 0 .5rem}.cards p{font-size:1rem}.card-art{height:230px;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;font-size:5rem;font-weight:bold}.card-art span{font-size:.8rem;letter-spacing:.15em}.yellow{background:var(--yellow)}.navy{background:var(--ink);color:var(--yellow);outline:1px dashed var(--yellow);outline-offset:-12px}.half{background:linear-gradient(90deg,#e4e8eb 50%,var(--yellow) 50%)}.gallery-note{font-size:.875rem}
@media(min-width:1600px){.split-layout{max-width:1920px;margin:auto}}@media(max-width:1000px){.textile{grid-template-columns:1fr  .8fr;gap:2rem}.patch{padding:2rem}.split-layout{grid-template-columns:1fr  .85fr}.split .contacts{flex-direction:column;align-items:flex-start}.split .button{width:100%}.brand-panel{padding:1.5rem}}
@media(max-width:760px){.textile,.split-layout,.cards{grid-template-columns:1fr}.textile{padding:2.5rem 0 3rem}.patch{width:min(100%,420px);justify-self:center;transform:none;margin-top:1rem}.split main{padding:3rem 0 2rem}.split .contacts{flex-direction:row}.split .button{width:auto}.brand-panel{min-height:unset;padding:2rem 1.5rem}.brand-panel .logo{width:min(100%,440px);align-self:center}.panel-bottom{font-size:1.2rem}.minimal main{padding-top:1rem}.minimal .brand-center{width:190px}.minimal h1 br:first-child{display:block}.cards{gap:2.5rem}.gallery-main{padding:3rem 1.3rem}.contact-status{max-width:100%}footer{margin-top:1rem}}
@media(max-width:380px){.contacts{flex-direction:column}.button{width:100%}.status{font-size:.75rem}.eyebrow{letter-spacing:.08em}.patch{padding:1.8rem}footer{align-items:flex-start;flex-direction:column}h1{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.split-content,.brand-panel{min-width:0}@media(max-width:380px){.split h1{font-size:2.3rem}.split .contacts{flex-direction:column}.split .button{width:100%;gap:.6rem}}

h1,.button,.eyebrow,.patch-bottom{overflow-wrap:anywhere}header{flex-wrap:wrap}.button{max-width:100%}.contacts>*{min-width:0}

:root{--yellow:#f2b703}.logo{mix-blend-mode:normal}