*,::before,::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}h1,h2,h3,h4,h5,h6{margin:0}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:root{--text-01: 0.5rem;--text-02: 0.625rem;--text-03: 0.75rem;--text-04: 1rem;--text-05: 1.25rem;--text-06: 1.5rem;--heading-01: 1.25rem;--heading-02: 1.625rem;--heading-03: 2rem;--heading-04: 2.5rem;--heading-05: 3.125rem;--heading-06: 3.875rem;--display-01: 2.25rem;--display-02: 2.8125rem;--display-03: 3.5rem;--display-04: 4.375rem;--display-05: 5.5rem;--display-06: 6.875rem;--viewport-palm: 18.75rem;--viewport-clutch: 46.875rem;--viewport-lap: 62.5rem;--viewport-desk: 75rem;--viewport-wall: 87.5rem}:root{--color-background: #f7f4ed;--color-stripes-1: #FEBF26;--color-stripes-2: #ff6630;--color-stripes-3: #f32d36;--color-stripes-4: #d12466;--color-stripes-5: #710a64;--font-family-mono: "TX-02";--font-family-sans: "Open Sans"}html{font-family:var(--font-family-sans)}body{background-color:var(--color-background)}.container{inline-size:min(90%,1400px);margin-inline:auto}.service{margin-bottom:50px;margin-top:clamp(6.25rem,3.6932rem + 13.6364vw,15.625rem);& .service__project{font-size:clamp(1.25rem,1.1477rem + 0.5455vw,1.625rem);font-weight:700}& .service__name{font-size:clamp(2.8125rem,2.0795rem + 3.9091vw,5.5rem);font-weight:800;text-transform:uppercase}& .service__description{font-size:clamp(1rem,0.9318rem + 0.3636vw,1.25rem);font-weight:400}}.stripes{display:flex;flex-direction:column;& hr{border:none;height:clamp(1.25rem,0.9091rem + 1.8182vw,2.5rem);margin:0;width:100%}& hr:nth-child(1){background-color:var(--color-stripes-1)}& hr:nth-child(2){background-color:var(--color-stripes-2)}& hr:nth-child(3){background-color:var(--color-stripes-3)}& hr:nth-child(4){background-color:var(--color-stripes-4)}& hr:nth-child(5){background-color:var(--color-stripes-5)}}.fields{align-items:center;display:flex;flex-direction:column;gap:50px;justify-content:flex-start;margin-top:clamp(3.125rem,2.2727rem + 4.5455vw,6.25rem)}.field{border:4px solid black;font-family:var(--font-family-mono);min-width:100px;padding:25px;position:relative;& .field__name{background-color:#f7f4ed;display:inline-block;font-size:var(--text-04);font-weight:800;left:50%;margin:0;padding:0 5px;position:absolute;text-transform:uppercase;top:-2px;transform:translateY(-50%) translateX(-50%)}& .field__value{display:block;font-size:var(--text-04);font-weight:400;text-align:center}}@media screen and (min-width:1000px){.fields{flex-direction:row}}