.artan-about-view .page-shell{width:min(1320px,calc(100% - 80px));margin-inline:auto}
.artan-about{overflow:clip;background:#fff;color:var(--charcoal)}
.artan-about h1,.artan-about h2,.artan-about h3,.artan-about p{margin-top:0}
.artan-about a:focus-visible,.artan-about summary:focus-visible{outline:3px solid rgba(242,140,40,.38);outline-offset:4px}
.artan-about__eyebrow{margin:0 0 14px;color:var(--orange-deep);font-size:14px;font-weight:700}
.artan-about__button-outline{border-color:var(--border);background:#fff}
.artan-about__button-outline:hover{border-color:var(--orange);background:var(--cream)}
.artan-about__actions{display:flex;flex-wrap:wrap;gap:12px}

.artan-about__hero{position:relative;min-height:790px;padding:154px 0 92px;background:#fff;isolation:isolate}
.artan-about__hero::before{position:absolute;z-index:-1;inset:0 0 auto;width:45%;height:100%;background:url(../reference-app/images/grid-12.png);opacity:.22;content:''}
.artan-about__hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:72px;align-items:center}
.artan-about__hero-copy{padding:32px 18px 20px 0}
.artan-about__hero-copy h1{max-width:780px;margin-bottom:28px;font-size:clamp(46px,4.15vw,68px);line-height:1.3;letter-spacing:-.048em}
.artan-about__hero-lead{max-width:690px;margin-bottom:34px;color:var(--muted);font-size:18px;line-height:2}
.artan-about__hero-notes{margin:30px 0 0;padding:23px 0 0;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:25px;list-style:none;color:#5f5a54;font-size:14px}
.artan-about__hero-notes li{display:flex;align-items:center;gap:7px}
.artan-about__hero-notes .dashicons{color:var(--green)}
.artan-about__hero-visual{position:relative;margin:0;align-self:center;transform:rotate(-1.2deg)}
.artan-about__hero-visual::after{position:absolute;z-index:-1;inset:7% -4% -5% 5%;border:1px solid #d9cdbc;background:var(--paper);box-shadow:0 24px 45px rgba(44,36,28,.13);content:''}
.artan-about__hero-visual img{width:100%;aspect-ratio:1.47/1;object-fit:cover;display:block;filter:grayscale(1) contrast(1.08);box-shadow:0 8px 18px rgba(36,31,27,.12)}
.artan-about__hero-visual figcaption{position:absolute;right:28px;bottom:-42px;min-width:260px;padding:18px 22px;border:1px solid #d7c9b6;background:#fff;display:grid;gap:3px;transform:rotate(1.8deg);box-shadow:0 4px 8px rgba(39,32,26,.1),0 18px 30px rgba(39,32,26,.08)}
.artan-about__hero-visual figcaption span{color:var(--orange-deep);font-size:14px;font-weight:700}
.artan-about__hero-visual figcaption strong{font-size:16px}

.artan-about__positioning{padding:64px 0;background:var(--charcoal);color:#fff}
.artan-about__positioning-grid{display:grid;grid-template-columns:.8fr 1fr 1.45fr;gap:54px;align-items:center}
.artan-about__positioning-heading .artan-about__eyebrow{color:#f6a14a}
.artan-about__positioning-heading h2{margin-bottom:0;font-size:43px;line-height:1.3}
.artan-about__positioning-statement{margin-bottom:0;color:rgba(255,255,255,.78);font-size:21px;line-height:1.95}
.artan-about__positioning-notes{margin:0;padding:0;display:grid;gap:10px;list-style:none}
.artan-about__positioning-notes li{min-height:70px;padding:12px 16px;border:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:34px 1fr;column-gap:12px;align-items:center;background:rgba(255,255,255,.035)}
.artan-about__positioning-notes li>span{grid-row:1/3;width:32px;height:32px;border:1px solid var(--orange);border-radius:50%;display:grid;place-items:center;color:#ffad5a;font-size:14px}
.artan-about__positioning-notes strong{align-self:end;font-size:15px}
.artan-about__positioning-notes small{align-self:start;color:rgba(255,255,255,.58);font-size:14px}

.artan-about__activities{padding:94px 0 110px;background:#fff}
.artan-about__section-heading{margin-bottom:44px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}
.artan-about__section-heading h2{margin-bottom:0;font-size:44px}
.artan-about__section-heading>p{max-width:520px;margin-bottom:4px;color:var(--muted);font-size:17px;line-height:1.85}
.artan-about__activities-list{border-top:1px solid var(--border)}
.artan-about__activity{min-height:190px;padding:30px 12px;border-bottom:1px solid var(--border);display:grid;grid-template-columns:70px 86px minmax(0,1fr) auto;gap:28px;align-items:center;transition:background-color 220ms var(--ease)}
.artan-about__activity:hover{background:#fcf8f2}
.artan-about__activity-number{color:#827a72;font-size:14px;font-weight:600}
.artan-about__activity-icon{width:56px;height:56px;color:var(--orange-deep);font-size:52px}
.artan-about__activity-copy>p:first-child{margin-bottom:7px;color:var(--orange-deep);font-size:14px;font-weight:700}
.artan-about__activity-copy h3{margin-bottom:8px;font-size:27px;line-height:1.35}
.artan-about__activity-copy>p:last-child{max-width:720px;margin-bottom:0;color:var(--muted);font-size:15px;line-height:1.8}
.artan-about__activity>a{min-height:44px;padding:0 16px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;white-space:nowrap}
.artan-about__activity>a .dashicons{color:var(--orange-deep);transition:transform 180ms var(--ease)}
.artan-about__activity>a:hover .dashicons{transform:translateX(-4px)}

.artan-about__process{position:relative;padding:94px 0 106px;background-color:var(--paper);background-image:url(../reference-app/images/grid-12.png);scroll-margin-top:100px}
.artan-about__process-intro{display:grid;grid-template-columns:.7fr 1fr 1fr;gap:50px;align-items:end}
.artan-about__process-intro .artan-about__eyebrow{align-self:start}
.artan-about__process-intro h2{margin-bottom:0;font-size:43px;line-height:1.35}
.artan-about__process-intro>p:last-child{margin-bottom:3px;color:var(--muted);font-size:17px;line-height:1.9}
.artan-about__process-rail{position:relative;margin-top:58px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;list-style:none}
.artan-about__process-rail::before{position:absolute;top:38px;right:9%;left:9%;border-top:1px dashed rgba(121,103,83,.6);content:''}
.artan-about__process-rail li{position:relative;z-index:1;min-height:250px;padding:58px 24px 24px;border:1px solid rgba(116,98,77,.2);background:rgba(255,255,255,.84);box-shadow:0 3px 6px rgba(49,41,32,.08),0 16px 28px rgba(49,41,32,.06)}
.artan-about__process-rail li:nth-child(even){transform:translateY(16px)}
.artan-about__process-no{position:absolute;top:-16px;right:22px;min-width:44px;height:44px;padding-inline:7px;border:1px solid var(--orange);background:#fff;display:grid;place-items:center;color:var(--orange-deep);font-size:14px;font-weight:700}
.artan-about__process-rail h3{margin-bottom:10px;font-size:20px}
.artan-about__process-rail p{margin-bottom:0;color:var(--muted);font-size:14px;line-height:1.8}

.artan-about__team{padding:112px 0;background:#fff}
.artan-about__team-grid{display:grid;grid-template-columns:minmax(380px,.9fr) minmax(0,1.1fr);gap:86px;align-items:center;direction:ltr}
.artan-about__team-visual{position:relative;margin:0;direction:rtl}
.artan-about__team-visual img{width:100%;aspect-ratio:1.45/1;object-fit:cover;display:block;filter:grayscale(1) contrast(1.1);box-shadow:0 20px 40px rgba(43,35,28,.12)}
.artan-about__team-visual figcaption{position:absolute;right:-22px;bottom:-25px;min-height:44px;padding:10px 18px;border:1px solid #ded3c4;background:var(--cream);display:flex;align-items:center;gap:10px;box-shadow:0 9px 18px rgba(48,39,31,.11);font-size:14px;font-weight:700}
.artan-about__team-visual figcaption .dashicons{color:var(--orange-deep)}
.artan-about__team-copy{direction:rtl}
.artan-about__team-copy h2{max-width:700px;margin-bottom:26px;font-size:43px;line-height:1.45}
.artan-about__team-copy>p:last-of-type{max-width:710px;margin-bottom:28px;color:var(--muted);font-size:17px;line-height:2}
.artan-about__team-copy blockquote{margin:0;padding:22px 28px;border-right:3px solid var(--orange);background:var(--cream);font-size:17px;font-weight:600;line-height:1.9}

.artan-about__principles{padding:96px 0;background:var(--charcoal);color:#fff}
.artan-about__principles-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:90px;align-items:start}
.artan-about__principles-heading>.dashicons{width:58px;height:58px;margin-bottom:26px;color:var(--orange);font-size:58px}
.artan-about__principles-heading .artan-about__eyebrow{color:#f7a653}
.artan-about__principles-heading h2{max-width:520px;margin-bottom:20px;font-size:42px;line-height:1.4}
.artan-about__principles-heading>p:last-child{max-width:520px;margin-bottom:0;color:rgba(255,255,255,.64);font-size:16px;line-height:1.9}
.artan-about__principles-list{margin:0;padding:0;border-top:1px solid rgba(255,255,255,.15);list-style:none}
.artan-about__principles-list li{min-height:118px;padding:23px 6px;border-bottom:1px solid rgba(255,255,255,.15);display:grid;grid-template-columns:62px 1fr;gap:20px;align-items:start}
.artan-about__principles-list>li>span{color:#ff9c3c;font-size:14px;font-weight:700}
.artan-about__principles-list h3{margin-bottom:6px;font-size:21px}
.artan-about__principles-list p{margin-bottom:0;color:rgba(255,255,255,.64);font-size:14px;line-height:1.75}

.artan-about__faq{padding:102px 0;background:#fff}
.artan-about__faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:96px;align-items:start}
.artan-about__faq-heading{position:sticky;top:110px}
.artan-about__faq-heading>.dashicons{width:58px;height:58px;margin-bottom:24px;color:var(--orange-deep);font-size:58px}
.artan-about__faq-heading h2{margin-bottom:0;font-size:42px;line-height:1.4}
.artan-about__faq-items{border-top:1px solid var(--border)}
.artan-about__faq details{border-bottom:1px solid var(--border)}
.artan-about__faq summary{min-height:86px;padding:18px 8px;display:grid;grid-template-columns:42px 1fr;gap:18px;align-items:center;font-size:18px;font-weight:700;cursor:pointer;list-style:none}
.artan-about__faq summary::-webkit-details-marker{display:none}
.artan-about__faq summary::after{grid-column:2;justify-self:end;margin-top:-28px;color:var(--orange-deep);font-size:22px;line-height:1;content:'+'}
.artan-about__faq details[open] summary::after{content:'−'}
.artan-about__faq summary span{color:var(--orange-deep);font-size:14px}
.artan-about__faq details>p{max-width:720px;margin:0;padding:0 68px 28px 8px;color:var(--muted);font-size:15px;line-height:1.95}

.artan-about__closing{width:100%;padding:0;border-top:1px solid #dfd4c5;border-bottom:1px solid #dfd4c5;background-color:var(--cream);background-image:url(../reference-app/images/grid-12.png)}
.artan-about__closing-inner{min-height:320px;padding:54px 0;display:grid;grid-template-columns:90px 1.1fr .9fr;grid-template-areas:'icon title text' 'icon actions actions';gap:18px 34px;align-items:center}
.artan-about__closing-inner>.dashicons{grid-area:icon;width:72px;height:72px;color:var(--orange-deep);font-size:72px}
.artan-about__closing-inner>div:first-of-type{grid-area:title}
.artan-about__closing h2{margin-bottom:0;font-size:36px;line-height:1.45}
.artan-about__closing-inner>p{grid-area:text;margin-bottom:0;color:var(--muted);font-size:16px;line-height:1.9}
.artan-about__closing-actions{grid-area:actions;display:flex;gap:12px;justify-self:start}

@media(max-width:1100px){
  .artan-about__hero-grid{grid-template-columns:1.04fr .96fr;gap:38px}.artan-about__hero-copy h1{font-size:52px}.artan-about__hero-lead{font-size:16px}
  .artan-about__positioning-grid{grid-template-columns:.75fr 1fr 1.2fr;gap:30px}.artan-about__positioning-statement{font-size:18px}
  .artan-about__team-grid{gap:54px}.artan-about__team-copy h2{font-size:38px}.artan-about__principles-grid,.artan-about__faq-grid{gap:56px}
}
@media(max-width:900px){
  .artan-about-view .page-shell{width:min(100% - 40px,760px)}
  .artan-about__hero{min-height:0;padding:124px 0 88px}.artan-about__hero::before{width:100%;height:44%}.artan-about__hero-grid{grid-template-columns:1fr;gap:64px}.artan-about__hero-copy{padding:28px 0 0;text-align:center}.artan-about__hero-copy h1{margin-inline:auto;font-size:50px}.artan-about__hero-lead{margin-inline:auto}.artan-about__actions,.artan-about__hero-notes{justify-content:center}.artan-about__hero-visual{width:min(680px,92%);margin-inline:auto}
  .artan-about__positioning-grid{grid-template-columns:1fr 1.3fr;gap:34px}.artan-about__positioning-notes{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}
  .artan-about__section-heading{grid-template-columns:1fr;gap:12px}.artan-about__activity{grid-template-columns:52px 64px 1fr;gap:18px}.artan-about__activity>a{grid-column:3}
  .artan-about__process-intro{grid-template-columns:1fr 1fr}.artan-about__process-intro>p:last-child{grid-column:1/-1}.artan-about__process-rail{grid-template-columns:repeat(2,1fr);gap:30px 18px}.artan-about__process-rail::before{display:none}.artan-about__process-rail li:nth-child(even){transform:none}
  .artan-about__team-grid{grid-template-columns:1fr;gap:64px}.artan-about__team-visual{width:min(680px,92%);margin-inline:auto}.artan-about__team-copy{text-align:center}.artan-about__team-copy h2,.artan-about__team-copy>p:last-of-type{margin-inline:auto}.artan-about__team-copy blockquote{text-align:right}
  .artan-about__principles-grid,.artan-about__faq-grid{grid-template-columns:1fr;gap:54px}.artan-about__faq-heading{position:static}.artan-about__principles-heading,.artan-about__faq-heading{text-align:center}.artan-about__principles-heading h2,.artan-about__principles-heading>p:last-child{margin-inline:auto}
  .artan-about__closing-inner{grid-template-columns:70px 1fr;grid-template-areas:'icon title' 'text text' 'actions actions'}.artan-about__closing-actions{justify-self:stretch}
}
@media(max-width:520px){
  .artan-about-view .page-shell{width:calc(100% - 28px)}
  .artan-about__hero{padding:112px 0 70px}.artan-about__hero-copy h1{font-size:38px;line-height:1.38}.artan-about__hero-lead{font-size:15px}.artan-about__actions{display:grid}.artan-about__actions .button{width:100%}.artan-about__hero-notes{gap:12px 18px}.artan-about__hero-visual{width:100%}.artan-about__hero-visual figcaption{right:12px;bottom:-40px;min-width:0;padding:14px 16px}
  .artan-about__positioning{padding:54px 0}.artan-about__positioning-grid{grid-template-columns:1fr}.artan-about__positioning-heading h2{font-size:34px}.artan-about__positioning-statement{font-size:17px}.artan-about__positioning-notes{grid-column:auto;grid-template-columns:1fr}
  .artan-about__activities{padding:68px 0 74px}.artan-about__section-heading h2{font-size:34px}.artan-about__activity{min-height:0;padding:26px 4px;grid-template-columns:42px 1fr;gap:10px 14px}.artan-about__activity-icon{width:40px;height:40px;font-size:38px}.artan-about__activity-copy{grid-column:1/-1}.artan-about__activity-copy h3{font-size:23px}.artan-about__activity>a{grid-column:1/-1;padding:0}
  .artan-about__process{padding:70px 0 80px}.artan-about__process-intro{grid-template-columns:1fr;gap:14px}.artan-about__process-intro>p:last-child{grid-column:auto}.artan-about__process-intro h2{font-size:34px}.artan-about__process-rail{grid-template-columns:1fr;gap:26px;margin-top:42px}.artan-about__process-rail li{min-height:0;padding:54px 22px 28px}
  .artan-about__team{padding:80px 0}.artan-about__team-visual{width:100%}.artan-about__team-visual figcaption{right:10px;bottom:-24px}.artan-about__team-copy h2{font-size:32px}.artan-about__team-copy>p:last-of-type{font-size:15px}.artan-about__team-copy blockquote{padding:18px 20px;font-size:15px}
  .artan-about__principles{padding:74px 0}.artan-about__principles-heading h2,.artan-about__faq-heading h2{font-size:33px}.artan-about__principles-list li{grid-template-columns:42px 1fr;gap:12px}
  .artan-about__faq{padding:76px 0}.artan-about__faq summary{min-height:78px;grid-template-columns:32px 1fr;gap:10px;font-size:16px}.artan-about__faq details>p{padding:0 42px 24px 4px;font-size:14px}
  .artan-about__closing-inner{padding:40px 0;grid-template-columns:1fr;grid-template-areas:'icon' 'title' 'text' 'actions';text-align:center}.artan-about__closing-inner>.dashicons{width:58px;height:58px;justify-self:center;font-size:58px}.artan-about__closing h2{font-size:29px}.artan-about__closing-actions{display:grid;width:100%}.artan-about__closing-actions .button{width:100%}
}
@media(prefers-reduced-motion:reduce){.artan-about *,.artan-about *::before,.artan-about *::after{scroll-behavior:auto!important;transition:none!important}}