@import url("../assets/framework-base.css");
.showcase { padding: clamp(28px, 6vw, 68px); }
.showcase-number { display: block; color: var(--accent); font-size: 12px; font-weight: 900; letter-spacing: .18em; }
.showcase > strong { position: relative; z-index: 2; display: block; max-width: 800px; margin-top: 20px; font-size: clamp(48px, 8vw, 105px); line-height: .85; letter-spacing: -.07em; }
.showcase > p { position: relative; z-index: 2; max-width: 420px; margin-top: 25px; color: #b9bec5; line-height: 1.5; }
.showcase-art { position: absolute; pointer-events: none; }

:root { --bg:#eee2cf; --paper:#fffaf0; --ink:#30291f; --muted:#776b5d; --line:#bfb09b; --accent:#e95c48; --accent-2:#76b99c; --dark:#30291f; --width:1180px; }
body{background-image:radial-gradient(rgba(48,41,31,.1) .8px,transparent .8px);background-size:6px 6px;font-family:"Trebuchet MS",Arial,sans-serif}
.button,.nav-links .nav-cta{border:2px solid #30291f;box-shadow:3px 3px 0 #30291f}.hero-layout{min-height:740px}
.concept-stage{min-height:620px;border:0;background:#d7c7b0;transform:rotate(1deg)}
.collage-stage{position:relative;height:100%;min-height:620px;overflow:hidden}.paper{position:absolute;padding:26px;background:#fffaf0;box-shadow:8px 10px 0 rgba(48,41,31,.18)}.paper-a{left:7%;top:8%;width:55%;height:46%;transform:rotate(-5deg)}.paper-a small{font-size:10px;font-weight:900;letter-spacing:.13em}.paper-a strong{display:block;margin-top:45px;font-size:48px;line-height:.9}.paper-b{right:7%;top:10%;width:29%;height:30%;display:grid;place-items:center;background:#76b99c;border-radius:50%;font-size:24px;font-weight:900;text-align:center;transform:rotate(7deg)}
.photo-card{position:absolute;left:20%;bottom:6%;width:48%;padding:14px;background:#fff;transform:rotate(4deg);box-shadow:7px 9px 0 rgba(48,41,31,.18)}.photo-card div{height:190px;background:linear-gradient(145deg,#5f7969,#d3af82)}.photo-card span{display:block;margin-top:10px;font-size:10px}.sticker{position:absolute;right:4%;bottom:10%;display:grid;width:120px;height:120px;place-items:center;color:#fff;background:#e95c48;border-radius:50%;font-size:17px;font-weight:900;text-align:center;transform:rotate(-9deg)}.scribble{position:absolute;right:2%;top:43%;width:180px;color:#30291f;transform:rotate(-10deg)}
.feature{border:2px solid #30291f;box-shadow:6px 6px 0 #30291f}.feature:nth-child(1){transform:rotate(-2deg)}.feature:nth-child(2){background:#f4d56d;transform:translateY(25px) rotate(2deg)}.feature:nth-child(3){background:#76b99c;transform:rotate(-1deg)}
.about-mark{border:2px solid #30291f;box-shadow:10px 10px 0 #30291f;transform:rotate(-3deg)}.showcase{background:#d7c7b0;color:#30291f;transform:rotate(-1deg)}.showcase>p{color:#776b5d}.showcase-art{right:6%;top:12%;width:35%;height:76%;background:#fffaf0;box-shadow:12px 12px 0 #e95c48;transform:rotate(6deg)}