/* STANISTROI / Standalone About page.
   Architectural editorial minimalism: warm cream, charcoal, terracotta.
   Real photos copied from the preexisting WordPress gallery only. */

.ss-about-page{background:#f7f3ed;color:#29241f;overflow:clip}
.ss-about-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:402px;background:#1d2528;color:#fff}
.ss-about-hero__photo{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%}
.ss-about-hero__shade{position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(16,23,27,.96) 0%,rgba(16,23,27,.88) 29%,rgba(16,23,27,.60) 58%,rgba(16,23,27,.17) 100%)}
.ss-about-hero__inner{width:min(calc(100% - 72px),1170px);margin:0 auto;padding:80px 0 85px}
.ss-about-hero__eyebrow{font:800 11px/1.4 'Inter',sans-serif;letter-spacing:.19em;color:#f1aa8a;margin:0 0 18px}
.ss-about-hero h1{font:800 clamp(69px,9vw,116px)/.97 'Manrope',sans-serif;letter-spacing:-.085em;margin:0 0 23px;color:#fff}
.ss-about-hero h1 span{color:#d76340}
.ss-about-hero__inner>p:last-child{font:500 clamp(15px,1.42vw,19px)/1.63 'Inter',sans-serif;max-width:635px;margin:0;color:#eee9e3}

.ss-about-story{padding:84px 0 86px;background:#f7f3ed}
.ss-about-story__inner{width:min(calc(100% - 72px),1170px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:80px}
.ss-about-story__eyebrow,.ss-about-work__eyebrow,.ss-about-values__eyebrow{font:800 11px/1.45 'Inter',sans-serif;color:#b94e30;letter-spacing:.16em;margin:0 0 15px}
.ss-about-story h2,.ss-about-work h2,.ss-about-values h2{font:800 clamp(35px,3.5vw,49px)/1.12 'Manrope',sans-serif;letter-spacing:-.065em;color:#29231f;margin:0 0 25px}
.ss-about-story h2 em,.ss-about-work h2 em{font-style:normal;color:#c65330}
.ss-about-story__copy>p:not(.ss-about-story__eyebrow){color:#5e554b;font:400 15px/1.85 'Inter',sans-serif;margin:0 0 17px;max-width:580px}
.ss-about-text-link{display:inline-flex;align-items:center;gap:17px;margin-top:16px;padding:0 0 8px;border-bottom:1px solid #c65330;font:800 11px/1.4 'Inter',sans-serif;letter-spacing:.055em;text-decoration:none!important;color:#b54b2b;transition:gap .25s ease,color .25s ease}
.ss-about-text-link:hover,.ss-about-text-link:focus-visible{gap:22px;color:#8f361f}
.ss-about-text-link:focus-visible{outline:2px solid #c65330;outline-offset:4px}
.ss-about-text-link span{font-size:18px;line-height:1}
.ss-about-story__photo{position:relative;margin:0;padding:0 0 0 10px}
.ss-about-story__photo img{display:block;width:100%;height:425px;object-fit:cover;object-position:center 45%;border-radius:2px;background:#d6cdc1}
.ss-about-story__photo::before{content:"";position:absolute;z-index:-1;inset:22px -18px -15px 25px;border:1px solid #cdb6a7}
.ss-about-story__photo figcaption{margin:12px 0 0;color:#85776a;font:400 11px/1.5 'Inter',sans-serif;text-align:right}

.ss-about-method{background:#272927;color:#f9f6f0;padding:75px 0 80px}
.ss-about-method__inner{width:min(calc(100% - 72px),1170px);margin:0 auto}
.ss-about-method__eyebrow,.ss-about-cta__eyebrow{font:800 11px/1.4 'Inter',sans-serif;color:#e7a184;letter-spacing:.17em;margin:0 0 15px}
.ss-about-method__heading{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.85fr);align-items:end;gap:66px}
.ss-about-method__heading>.ss-about-method__eyebrow{grid-column:1 / -1;margin-bottom:-44px}
.ss-about-method h2{grid-column:1;font:800 clamp(32px,3.2vw,46px)/1.13 'Manrope',sans-serif;letter-spacing:-.06em;color:#fff;margin:0}
.ss-about-method h2 em{font-style:normal;color:#da805c}
.ss-about-method__heading>p:last-child{grid-column:2;margin:0 0 2px;color:#d6d1c9;font:400 14px/1.78 'Inter',sans-serif}
.ss-about-method__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:46px;border-top:1px solid #53534d}
.ss-about-method__step{padding:27px 27px 0 0}
.ss-about-method__step+.ss-about-method__step{padding-left:27px;border-left:1px solid #53534d}
.ss-about-method__number{display:block;font:400 51px/1 'Manrope',sans-serif;letter-spacing:-.075em;color:#d76d47;margin-bottom:20px}
.ss-about-method__step h3{font:800 clamp(20px,1.75vw,25px)/1.22 'Manrope',sans-serif;letter-spacing:-.04em;color:#fff;margin:0 0 12px}
.ss-about-method__step p{font:400 13px/1.75 'Inter',sans-serif;color:#d3cec5;margin:0;max-width:320px}

.ss-about-work{background:#f7f3ed;padding:78px 0 81px}
.ss-about-work__inner{width:min(calc(100% - 72px),1170px);margin:auto}
.ss-about-work__heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:45px;align-items:end;margin:0 0 29px}
.ss-about-work h2{margin:0}
.ss-about-work__heading-copy p{font:400 14px/1.8 'Inter',sans-serif;color:#62594f;margin:0 0 12px}
.ss-about-work__heading-copy .ss-about-text-link{margin-top:7px}
.ss-about-work__photos{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:17px}
.ss-about-work__photo{position:relative;overflow:hidden;margin:0;height:318px;background:#c8b7a7;border-radius:2px}
.ss-about-work__photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.16,.7,.2,1)}
.ss-about-work__photo:hover img{transform:scale(1.04)}
.ss-about-work__photo::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(0deg,rgba(20,21,22,.68) 0%,transparent 100%);pointer-events:none}
.ss-about-work__photo figcaption{position:absolute;bottom:19px;left:23px;z-index:1;color:#fff;font:800 15px/1.3 'Manrope',sans-serif;letter-spacing:-.02em}

.ss-about-values{padding:62px 0 69px;background:#e9e4dc}
.ss-about-values__inner{width:min(calc(100% - 72px),1170px);margin:0 auto}
.ss-about-values h2{margin:0 0 30px}
.ss-about-values__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ss-about-values__list article{border-top:2px solid #bc5333;padding:19px 13px 0 0}
.ss-about-values__index{display:block;font:500 13px/1.3 'Inter',sans-serif;color:#b64c2f;margin-bottom:13px}
.ss-about-values__list h3{font:800 clamp(19px,1.7vw,24px)/1.18 'Manrope',sans-serif;letter-spacing:-.044em;margin:0 0 11px}
.ss-about-values__list p{font:400 13px/1.76 'Inter',sans-serif;color:#675d52;margin:0;max-width:320px}

.ss-about-cta{position:relative;isolation:isolate;display:flex;align-items:center;background:#242725;color:#fff;min-height:287px;overflow:hidden}
.ss-about-cta__photo{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 59%}
.ss-about-cta__shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(25,28,29,.98) 0%,rgba(25,28,29,.93) 35%,rgba(25,28,29,.56) 64%,rgba(25,28,29,.09) 100%);pointer-events:none}
.ss-about-cta__inner{width:min(calc(100% - 72px),1170px);margin:0 auto;padding:49px 0 52px}
.ss-about-cta h2{font:800 clamp(31px,3.4vw,48px)/1.12 'Manrope',sans-serif;letter-spacing:-.06em;color:#fff;margin:0 0 12px}
.ss-about-cta__inner>p:not(.ss-about-cta__eyebrow){font:400 14px/1.65 'Inter',sans-serif;max-width:510px;color:#e6e0d6;margin:0 0 21px}
.ss-about-cta__inner>a{display:inline-flex;align-items:center;justify-content:center;gap:21px;min-height:46px;padding:13px 20px;background:#c65330;border:1px solid #c65330;color:#fff;font:800 11px/1.25 'Inter',sans-serif;text-decoration:none!important;letter-spacing:.055em;transition:background-color .2s ease,border-color .2s ease}
.ss-about-cta__inner>a span{font-size:18px}
.ss-about-cta__inner>a:hover,.ss-about-cta__inner>a:focus-visible{background:#a53e23;border-color:#a53e23}
.ss-about-cta__inner>a:focus-visible{outline:2px solid #fff;outline-offset:4px}

@media(max-width:960px){
  .ss-about-story__inner{gap:36px}
  .ss-about-story__photo img{height:350px}
  .ss-about-method__heading{gap:28px}
}
@media(max-width:720px){
  .ss-about-hero{min-height:319px}
  .ss-about-hero__inner{width:calc(100% - 42px);padding:63px 0 66px}
  .ss-about-hero h1{font-size:clamp(59px,12vw,82px)}
  .ss-about-hero__inner>p:last-child{font-size:15px}
  .ss-about-story{padding:47px 0 53px}
  .ss-about-story__inner{width:calc(100% - 42px);display:flex;flex-direction:column;align-items:stretch;gap:30px}
  .ss-about-story h2,.ss-about-work h2,.ss-about-values h2{font-size:clamp(31px,7.3vw,42px)}
  .ss-about-story__copy>p:not(.ss-about-story__eyebrow){font-size:14px}
  .ss-about-story__photo{padding-left:0}
  .ss-about-story__photo img{height:260px}
  .ss-about-story__photo::before{display:none}
  .ss-about-method{padding:48px 0 52px}
  .ss-about-method__inner{width:calc(100% - 42px)}
  .ss-about-method__heading{display:block}
  .ss-about-method__heading>.ss-about-method__eyebrow{margin:0 0 12px}
  .ss-about-method h2{font-size:clamp(29px,7.2vw,39px);margin-bottom:17px}
  .ss-about-method__heading>p:last-child{font-size:14px}
  .ss-about-method__steps{grid-template-columns:1fr;margin-top:26px}
  .ss-about-method__step{padding:19px 0 21px!important;border-left:0!important;border-bottom:1px solid #53534d}
  .ss-about-method__step:last-child{border-bottom:0}
  .ss-about-method__number{font-size:34px;margin-bottom:10px}
  .ss-about-method__step h3{font-size:22px;margin-bottom:9px}
  .ss-about-method__step p{max-width:560px}
  .ss-about-work{padding:49px 0 51px}
  .ss-about-work__inner{width:calc(100% - 42px)}
  .ss-about-work__heading{display:block;margin-bottom:25px}
  .ss-about-work__heading-copy{margin-top:18px}
  .ss-about-work__photos{grid-template-columns:1fr;gap:12px}
  .ss-about-work__photo{height:248px}
  .ss-about-values{padding:45px 0 49px}
  .ss-about-values__inner{width:calc(100% - 42px)}
  .ss-about-values__list{grid-template-columns:1fr;gap:16px}
  .ss-about-values__list article{padding-top:14px}
  .ss-about-values__list h3{font-size:21px}
  .ss-about-cta{min-height:275px}
  .ss-about-cta__inner{width:calc(100% - 42px);padding:45px 0}
  .ss-about-cta h2{font-size:clamp(28px,7vw,38px)}
}
@media(max-width:430px){
  .ss-about-hero__inner,.ss-about-story__inner,.ss-about-method__inner,.ss-about-work__inner,.ss-about-values__inner,.ss-about-cta__inner{width:calc(100% - 34px)}
  .ss-about-hero h1{font-size:58px}
  .ss-about-story__photo img{height:218px}
  .ss-about-work__photo{height:218px}
  .ss-about-cta__shade{background:linear-gradient(90deg,rgba(25,28,29,.98) 0%,rgba(25,28,29,.91) 55%,rgba(25,28,29,.56) 100%)}
}
@media(prefers-reduced-motion:reduce){
  .ss-about-work__photo img,.ss-about-text-link,.ss-about-cta__inner>a{transition:none!important}
  .ss-about-work__photo:hover img{transform:none!important}
}