/* ===== About Section ===== */
.section-about{
  background: #071e28;
  color: #fff;
  position: relative;
  overflow: hidden;
  padding-bottom: clamp(56px, 7vw, 150px);
}

.about-grid{
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: clamp(24px, 4vw, 64px);
  align-items: center;
}

.about-text h2{
  font-size: clamp(1.8rem, 3vw, 2.4rem);
  margin: 0 0 14px 0;
}

.about-text p{
  margin: 0;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.85);
  max-width: 60ch;
  font-size: large;
}

.about-media{
  width: 100%;
  position: relative;
}

.about-media img{
  width: 100%;
  height: auto;
  border-radius: 62% 38% 65% 35% / 45% 58% 42% 55%;
  display: block;
  box-shadow: 0 20px 40px rgba(4, 12, 18, 0.35);
}

.about-placeholder{
  width: 100%;
  min-height: 280px;
  border-radius: 62% 38% 65% 35% / 45% 58% 42% 55%;
  background: linear-gradient(135deg, rgba(207,167,95,0.25), rgba(255,255,255,0.04));
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.95rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.about-media::before{
  content: "";
  position: absolute;
  inset: -10% -6% -12% -6%;
  background: radial-gradient(60% 60% at 70% 35%, rgba(255,255,255,0.08), transparent 60%);
  border-radius: 62% 38% 65% 35% / 45% 58% 42% 55%;
  z-index: 0;
}

.about-media img,
.about-placeholder{
  position: relative;
  z-index: 1;
}

@media (max-width: 900px){
  .about-grid{
    grid-template-columns: 1fr;
  }
}

.section-about::before,
.section-about::after{
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  opacity: 0.08;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

.section-about::before{
  top: 12%;
  right: 6%;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='36.4769' y1='17.3516' x2='24.0277' y2='12.8205'/%3E%3Cline x1='31.8321' y1='10.7456' x2='19.9103' y2='43.5005'/%3E%3Cpath d='M8.3855,31.8756c-.9715-4.24,1.65-8.1444,3.9263-10.0021,0,0,.3239,6.1764,2.8517,8.1824C12.2179,29.0409,10.0336,29.389,8.3855,31.8756Z'/%3E%3Cpath d='M11.5472,29.6c-.0112,8.8516,9.998,9.4083,8.657,13.0926'/%3E%3Cpath d='M36.2112,42.0033c3.47-2.6237,3.9713-7.2994,3.4215-10.1858,0,0-4.2183,4.5232-7.4441,4.435C35.0975,37.3684,36.547,39.0391,36.2112,42.0033Z'/%3E%3Cpath d='M35.2516,38.2281c-5.6811,6.788-13.7064.7806-15.0474,4.4649'/%3E%3Ccircle cx='32.7628' cy='8.1885' r='3.688'/%3E%3Ccircle cx='22.4463' cy='12.2449' r='1.6829'/%3E%3Ccircle cx='38.0583' cy='17.9272' r='1.6829'/%3E%3C/g%3E%3C/svg%3E");
}

.section-about::after{
  bottom: 8%;
  left: 4%;
  width: 180px;
  height: 180px;
  opacity: 0.05;
  transform: rotate(-8deg);
  animation: wheel-drift 14s ease-in-out infinite;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23ffffff' height='200px' width='200px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' stroke='%23ffffff'%3E%3Cg%3E%3Cpath d='M338.467,158.108c5.548,4.68,10.731,9.862,15.407,15.405c1.583,1.876,3.843,2.842,6.119,2.842 c1.822,0,3.653-0.618,5.154-1.885c3.377-2.849,3.806-7.896,0.957-11.273c-5.257-6.231-11.084-12.059-17.322-17.319 c-3.377-2.849-8.425-2.42-11.273,0.957C334.66,150.213,335.089,155.26,338.467,158.108z'/%3E%3Cpath d='M383.08,188.231c-0.404-0.756-0.915-1.418-1.5-1.984c-0.173-0.77-0.464-1.528-0.879-2.248 c-2.209-3.826-7.103-5.136-10.928-2.928l-28.916,16.695c-2.685-2.298-5.855-4.007-9.37-4.949c-6.193-1.662-12.66-0.81-18.211,2.397 l-25.492,14.718c-2.463-1.705-5.064-3.221-7.79-4.52V176c0-10.429-6.689-19.321-16-22.624v-25.123 c18.274,1.146,36.192,6.198,52.256,14.786c3.896,2.082,8.743,0.612,10.827-3.283c2.083-3.896,0.613-8.743-3.283-10.826 c-20.716-11.075-44.161-16.93-67.8-16.93c-52.905,0-99.23,28.683-124.261,71.311c-0.159,0.22-0.308,0.45-0.446,0.689 c-0.102,0.177-0.189,0.358-0.276,0.539c-12.095,21.071-19.017,45.473-19.017,71.461c0,30.689,9.524,59.983,27.542,84.714 c1.566,2.149,4.002,3.29,6.472,3.29c1.634,0,3.283-0.499,4.705-1.535c3.571-2.602,4.357-7.605,1.755-11.177 c-1.075-1.476-2.11-2.973-3.117-4.484l21.78-12.574c2.685,2.298,5.855,4.006,9.37,4.948c2.067,0.555,4.166,0.828,6.251,0.828 c4.158,0,8.263-1.09,11.96-3.226l25.492-14.718c2.463,1.705,5.064,3.221,7.79,4.52V336c0,10.429,6.689,19.321,16,22.624v25.121 c-27.315-1.715-53.505-12.164-74.486-29.863c-3.376-2.85-8.423-2.422-11.273,0.956c-2.849,3.377-2.421,8.424,0.956,11.272 c25.904,21.854,58.863,33.89,92.803,33.89c52.99,0,99.38-28.775,124.383-71.517c0.109-0.161,0.226-0.313,0.325-0.483 c0.104-0.18,0.193-0.364,0.281-0.549c12.091-21.068,19.011-45.467,19.011-71.451C399.993,232.374,394.144,208.94,383.08,188.231z M321.275,209.071c1.85-1.069,4.006-1.353,6.07-0.799s3.79,1.877,4.858,3.728c2.206,3.82,0.892,8.723-2.928,10.929l-21.295,12.294 c-2.011-5.013-4.724-9.667-8.021-13.845L321.275,209.071z M307.98,276.777l21.295,12.294c3.82,2.206,5.134,7.108,2.928,10.929 c-1.068,1.851-2.793,3.174-4.858,3.728c-2.063,0.554-4.22,0.27-6.07-0.799l-21.316-12.307 C303.256,286.444,305.969,281.79,307.98,276.777z M255.993,168c4.411,0,8,3.589,8,8v24.581c-2.614-0.375-5.283-0.581-8-0.581 c-2.717,0-5.386,0.205-8,0.581V176C247.993,171.589,251.581,168,255.993,168z M247.993,128.257v25.119 c-9.311,3.303-16,12.195-16,22.624v29.414c-2.726,1.299-5.327,2.815-7.79,4.52l-25.492-14.719 c-5.551-3.205-12.021-4.057-18.211-2.396c-3.515,0.942-6.685,2.65-9.37,4.948l-21.732-12.546 C170.969,152.841,206.883,130.806,247.993,128.257z M163.529,289.788c-0.943,3.519-1.073,7.125-0.423,10.603l-21.769,12.568 c-8.764-17.574-13.344-36.927-13.344-56.959c0-20.443,4.825-39.777,13.384-56.937l21.729,12.545 c-0.65,3.478-0.52,7.084,0.423,10.603c1.659,6.192,5.63,11.367,11.182,14.572l25.479,14.71c-0.119,1.488-0.197,2.987-0.197,4.505 s0.078,3.018,0.197,4.505l-25.479,14.709C169.159,278.421,165.188,283.596,163.529,289.788z M190.711,302.928 c-3.821,2.206-8.723,0.892-10.928-2.928c-2.206-3.82-0.892-8.723,2.928-10.929l21.294-12.294c2.011,5.013,4.724,9.667,8.021,13.845 L190.711,302.928z M204.005,235.223l-21.294-12.295c-3.82-2.205-5.134-7.107-2.928-10.928c2.205-3.819,7.108-5.132,10.928-2.929 l21.316,12.307C208.729,225.556,206.016,230.21,204.005,235.223z M215.993,256c0-22.056,17.944-40,40-40s40,17.944,40,40 s-17.944,40-40,40S215.993,278.056,215.993,256z M255.993,344c-4.411,0-8-3.589-8-8v-24.581c2.614,0.375,5.283,0.581,8,0.581 c2.717,0-5.386-0.205-8-0.581V336C263.993,340.411,260.404,344,255.993,344z M263.993,383.743v-25.119 c9.311-3.303,16-12.195,16-22.624v-29.414c2.726-1.299,5.327-2.815,7.79-4.52l25.492,14.718c3.698,2.136,7.801,3.226,11.96,3.226 c2.084,0,4.184-0.273,6.251-0.828c3.515-0.942,6.685-2.65,9.37-4.949l21.731,12.547 C341.016,359.159,305.102,381.194,263.993,383.743z M370.608,312.936l-21.741-12.552c1.796-9.715-2.561-19.954-11.593-25.168 l-25.479-14.71c0.119-1.488,0.197-2.987,0.197-4.505s-0.078-3.018-0.197-4.505l25.479-14.71 c9.032-5.214,13.388-15.453,11.593-25.168l21.781-12.575c8.738,17.577,13.344,37.188,13.344,56.959 C383.993,276.443,379.167,295.777,370.608,312.936z'/%3E%3Cpath d='M468.91,351.216l-41.569-24c-2.842-1.642-5.926-2.662-9.09-3.047c8.846-20.977,13.741-44.011,13.741-68.168 c0-24.158-4.896-47.194-13.742-68.171c3.164-0.386,6.248-1.404,9.091-3.045l41.569-23.999c5.552-3.206,9.523-8.381,11.182-14.573 s0.808-12.66-2.397-18.212c-6.617-11.461-21.325-15.403-32.785-8.784l-41.569,24c-2.91,1.68-5.333,3.883-7.223,6.421 c-27.961-36.747-70.015-62.214-118.037-68.254c1.23-2.884,1.912-6.055,1.912-9.383V24c0-13.233-10.766-24-24-24 c-13.234,0-24,10.767-24,24v48c0,3.328,0.682,6.499,1.912,9.383c-48.02,6.039-90.074,31.506-118.035,68.251 c-1.923-2.575-4.358-4.763-7.225-6.418l-41.569-24c-5.551-3.206-12.019-4.06-18.211-2.397c-6.192,1.659-11.368,5.63-14.573,11.182 c-6.617,11.461-2.676,26.168,8.785,32.784l41.569,24.001c2.887,1.667,5.978,2.657,9.095,3.033 c-8.849,20.98-13.747,44.02-13.747,68.182c0,24.161,4.897,47.199,13.745,68.178c-3.116,0.376-6.208,1.372-9.094,3.038l-41.569,24 c-11.46,6.616-15.401,21.323-8.785,32.784c3.205,5.552,8.381,9.522,14.573,11.182c2.068,0.555,4.166,0.828,6.251,0.828 c4.158,0,8.263-1.091,11.96-3.226l41.569-23.999c2.867-1.656,5.302-3.844,7.225-6.419c27.961,36.745,70.015,62.212,118.035,68.251 c-1.23,2.884-1.912,6.055-1.912,9.383v48c0,13.233,10.766,24,24,24c13.234,0,24-10.767,24-24v-48c0-3.328-0.682-6.499-1.912-9.383 c48.022-6.04,90.076-31.507,118.037-68.254c1.891,2.538,4.313,4.741,7.223,6.421l41.569,24.001c3.771,2.177,7.89,3.21,11.96,3.21 c8.3,0,16.385-4.305,20.825-11.995c3.205-5.552,4.057-12.02,2.397-18.212S474.462,354.421,468.91,351.216z M411.341,157.071 l41.569-23.999c1.232-0.712,2.601-1.075,3.987-1.075c0.695,0,1.395,0.091,2.084,0.275c2.064,0.554,3.789,1.877,4.857,3.728 s1.352,4.006,0.799,6.07c-0.553,2.064-1.876,3.79-3.727,4.858l-41.569,24c-1.85,1.067-4.008,1.35-6.07,0.799 c-2.064-0.554-3.79-1.877-4.858-3.728C406.207,164.18,407.521,159.277,411.341,157.071z M247.993,24c0-4.411,3.589-8,8-8 c4.411,0,8,3.589,8,8v48c0,4.411-3.589,8-8,8c-4.411,0-8-3.589-8-8V24z M92.644,170.929l-41.569-24 c-3.82-2.206-5.134-7.108-2.928-10.929c1.068-1.851,2.793-3.174,4.858-3.728c0.689-0.185,1.389-0.275,2.084-0.275 c1.386,0,2.754,0.363,3.986,1.074l41.569,24.001c1.851,1.067,3.174,2.793,3.727,4.857c0.553,2.064,0.27,4.22-0.799,6.07 s-2.793,3.174-4.857,3.728S94.494,171.997,92.644,170.929z M104.371,350.07c-0.553,2.064-1.876,3.79-3.727,4.858l-41.569,24 c-1.851,1.067-4.007,1.35-6.07,0.799c-2.064-0.554-3.79-1.877-4.858-3.728c-2.206-3.82-0.892-8.723,2.928-10.929l41.569-23.999 c1.232-0.712,2.601-1.075,3.987-1.075c0.695,0,1.395,0.091,2.084,0.275c2.064,0.554,3.789,1.877,4.857,3.728 S104.924,348.006,104.371,350.07z M263.993,488c0,4.411-3.589,8-8,8c-4.411,0-8-3.589-8-8v-48c0-4.411,3.589-8,8-8 c4.411,0,8,3.589,8,8V488z M255.993,416c-88.224,0-160-71.775-160-160s71.776-160,160-160s160,71.775,160,160 S344.217,416,255.993,416z M463.839,376c-1.068,1.851-2.793,3.174-4.857,3.728c-2.065,0.554-4.22,0.27-6.071-0.799l-41.569-24 c-3.82-2.206-5.134-7.108-2.928-10.929c1.068-1.851,2.793-3.174,4.858-3.728c0.689-0.185,1.389-0.275,2.084-0.275 c1.386,0,2.754,0.363,3.986,1.074l41.569,24.001c1.851,1.067,3.174,2.793,3.727,4.857C465.191,371.994,464.907,374.149,463.839,376 z'/%3E%3C/g%3E%3C/svg%3E");
}

@keyframes wheel-drift{
  0%   { transform: rotate(-8deg); }
  50%  { transform: rotate(8deg); }
  100% { transform: rotate(-8deg); }
}