body{background:#f4eedf url('assets/cream-paper-fine.png') center/700px auto}
.torn-bottom{background:#f4eedf url('assets/cream-paper-fine.png') center/700px auto}
.services{position:relative;max-width:1340px;margin:0 auto;padding:40px 34px 74px;scroll-margin-top:20px}
.services-top{display:grid;grid-template-columns:1.05fr 1.25fr .55fr;align-items:center;gap:48px;margin:0 32px 34px}
.services-heading{position:relative}
.services-tag{display:inline-block;font-family:var(--hand);font-size:27px;font-weight:700;line-height:1;background:#d92e2b;color:#fff;padding:9px 22px 11px;transform:rotate(-6deg);mask:url('assets/worn-paper-strip.png') center/100% 100% no-repeat;margin:0 0 9px 20px}
.services h2{font-family:var(--serif);font-weight:900;font-size:clamp(48px,5.25vw,73px);line-height:.98;letter-spacing:-2.1px;margin:0;white-space:nowrap}
.services-title-line{display:block;width:100%;height:28px;fill:none;stroke:#d92e2b;stroke-width:4;stroke-linecap:round;margin-top:6px}
.services-summary{position:relative;font-size:18px;line-height:1.5;margin:20px 0 0;max-width:470px}
.services-summary:after{content:"";display:block;width:105px;height:3px;background:#d92e2b;clip-path:polygon(0 20%,100% 0,80% 65%,0 100%);margin-top:12px}
.services-heading-arrow{position:absolute;right:-83px;top:80px;width:85px;height:70px;fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.services-note{position:relative;font-family:var(--hand);font-weight:700;font-size:25px;line-height:1.1;transform:rotate(-9deg);white-space:nowrap}
.services-note .smile{display:block;font-size:40px;text-align:center;line-height:1;margin-left:55px;margin-top:12px}
.services-rays{position:absolute;width:70px;height:60px;left:-85px;top:20px;fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round}
.services-note .services-rays{left:auto;right:-8px;top:-45px;width:40px}
.services-cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 20px}
.uzina-service-card{position:relative;isolation:isolate;min-width:0;aspect-ratio:2.04;min-height:330px;padding:48px 39% 36px 8%;filter:drop-shadow(0 3px 3px #30281912)}
.service-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:-1;pointer-events:none}
.service-no{font-family:var(--hand);font-size:29px;font-weight:600;display:inline-block;position:relative;line-height:1;margin-bottom:10px;transform:rotate(-5deg)}
.service-no:after{content:"";position:absolute;height:2px;background:#d92e2b;left:0;right:-6px;bottom:-4px;transform:rotate(-5deg)}
.uzina-service-card h3{font:800 clamp(24px,2.3vw,32px)/1.08 var(--serif);letter-spacing:-.8px;margin:0 0 16px;position:relative}
.uzina-service-card h3:after{content:"";display:block;height:3px;width:76%;background:#d92e2b;transform:rotate(-2deg);margin-top:7px;clip-path:polygon(0 10%,100% 0,96% 70%,4% 100%)}
.uzina-service-card p{font-size:16px;line-height:1.45;margin:0 0 16px}
.service-more{background:none;border:0;display:inline-block;padding:0 0 6px;font-size:15px;font-weight:700;position:relative;text-align:left}
.service-more:after{content:"";position:absolute;bottom:0;left:0;width:90%;height:2px;background:#d92e2b;transform:rotate(-1deg)}
.service-more span{margin-left:6px}.service-more:hover{color:#b82220}
.service-sheet{background:#f4eedf url('assets/cream-paper-fine.png') center/700px auto;border:0;padding:42px;max-width:560px;max-height:85svh;overflow:auto}
.service-sheet h2{font:800 34px/1.1 var(--serif);letter-spacing:-1px;margin:18px 0}.service-sheet p,.service-sheet li{font-size:16px;line-height:1.6}.service-sheet ul{padding-left:20px}.service-sheet-close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:30px}.service-sheet>a{display:inline-block;color:#b82220;font-weight:700;margin-top:12px}
@media(max-width:1100px){.services{padding-inline:22px}.services-top{gap:26px;margin-inline:18px;grid-template-columns:1fr 1.2fr .5fr}.services h2{font-size:51px}.services-summary{font-size:16px}.services-note{font-size:21px}.services-heading-arrow{width:60px;right:-52px;top:70px}.uzina-service-card{min-height:310px;padding-right:35%;padding-left:8%;padding-top:43px}.uzina-service-card h3{font-size:26px}.uzina-service-card p{font-size:14px}}
@media(max-width:760px){.services{padding:28px 14px 48px}.services-top{grid-template-columns:1fr;gap:22px;margin:0 14px 26px}.services h2{font-size:48px}.services-tag{font-size:24px}.services-heading{max-width:330px}.services-summary{font-size:16px;margin:0;max-width:480px}.services-note{display:none}.services-heading-arrow{right:0;top:60px;width:70px;transform:rotate(15deg)}.services-rays{left:auto;right:0;top:0;width:50px}.services-cards{grid-template-columns:1fr;gap:12px}.uzina-service-card{min-height:295px;aspect-ratio:1.8;padding-top:42px;padding-right:38%;padding-left:9%}.uzina-service-card h3{font-size:25px}.uzina-service-card p{font-size:14px;line-height:1.4}.service-no{font-size:26px}.service-more{font-size:14px}.service-sheet{max-width:calc(100% - 30px);padding:32px}}
@media(prefers-reduced-motion:no-preference){.uzina-service-card{transition:translate .2s,filter .2s}@media(hover:hover){.uzina-service-card:hover{translate:0 -3px;filter:drop-shadow(0 6px 5px #30281924)}}}
/* Loose marker strokes replace the thin geometric underline rules. */
:root{--red-scribble:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 24' preserveAspectRatio='none'%3E%3Cpath d='M5 13 Q109 4 312 7' fill='none' stroke='%23d92e2b' stroke-width='4.2' stroke-linecap='round'/%3E%3Cpath d='M34 22 Q168 8 291 13' fill='none' stroke='%23d92e2b' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M13 14 Q87 9 145 8' fill='none' stroke='%23d92e2b' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E")}
.services-summary{font-family:var(--hand);font-size:26px;font-weight:600;line-height:1.16}
.services-heading-arrow{right:-59px}
.services-cards{gap:38px 44px}
.uzina-service-card{width:100%;aspect-ratio:auto;min-height:365px}
.uzina-service-card p{font-family:var(--hand);font-size:23px;font-weight:600;line-height:1.12;margin-bottom:18px}
.services-summary:after,.uzina-service-card h3:after,.service-more:after,.service-no:after{background:var(--red-scribble) center/100% 100% no-repeat;clip-path:none}
.services-summary:after{width:145px;height:13px;margin-top:10px}
.uzina-service-card h3:after{height:13px;width:88%;margin-top:3px}
.service-more:after{height:9px;bottom:-3px}
.service-no:after{height:8px;bottom:-7px}
@media(min-width:761px) and (max-width:1400px){.services-cards{gap:42px 48px}.services-summary{font-size:24px}.uzina-service-card{min-height:380px}.uzina-service-card p{font-size:22px}}
@media(min-width:761px) and (max-width:1100px){.services-heading-arrow{right:-28px}.services-cards{gap:36px}.services-summary{font-size:23px}.uzina-service-card p{font-size:21px}.uzina-service-card{min-height:390px}}
@media(max-width:760px){.services-summary{font-size:25px;line-height:1.15}.services-cards{gap:28px}.services-heading-arrow{right:0}.uzina-service-card{min-height:365px}.uzina-service-card p{font-size:21px;line-height:1.12}}
.mobile-services-arrow{display:none}
@media(max-width:760px){
 .services-heading{margin-bottom:16px}
 .services-heading-arrow{display:none}
 .services-heading>.services-rays{right:12px;top:12px;width:36px;height:34px;transform:rotate(8deg)}
 .mobile-services-arrow{display:block;position:absolute;right:8px;bottom:-39px;width:52px;height:54px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
 .services-top{gap:26px}
}
/* The cream section rises into the lavender hero along a real paper alpha edge. */
.hero .torn-bottom{left:-2px;bottom:-1px;width:calc(100% + 4px);height:54px;clip-path:none;transform:rotate(180deg);background:#f4eedf url('assets/cream-paper-fine.png') center/700px auto;mask:url('assets/natural-header-paper.png') center calc(100% + 170px)/100% 600px no-repeat;filter:drop-shadow(0 -1px 1px #51434035);pointer-events:none}

/* Shared dimensions for the three red section labels. */
.services .section-tag,.portfolio .section-tag,.process-section .section-tag{
 display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
 width:176px;height:48px;padding:0 16px;flex-shrink:0;
 font:700 27px/1 var(--hand);white-space:nowrap;transform:rotate(-6deg);
 color:#fff;background:#d92e2b url('assets/cream-paper-fine.png') center/500px;background-blend-mode:multiply;
 mask:url('assets/worn-paper-strip.png') center/100% 100% no-repeat;
}
.portfolio .section-tag:before{display:none}
@media(max-width:760px){
 .services .section-tag,.portfolio .section-tag,.process-section .section-tag{width:160px;height:44px;font-size:24px}
}

/* Account for each illustration's clear paper margins for an even visual rhythm. */
@media(max-width:760px){
 .services{padding-bottom:12px}
 .services-cards{row-gap:0;align-items:start}
 .uzina-service-card:nth-child(2){margin-top:-12px}
 .uzina-service-card:nth-child(3){margin-top:-8px}
 .uzina-service-card:nth-child(4){margin-top:-24px}
}