/* AND / 15 — a shared creative vision. */
:root{--paper:#efede7;--ink:#20211e;--muted:#696b62;--line:#20211e2b;--dark:#191b18;--sans:balto,'Helvetica Neue',Arial,sans-serif;--display:balto,'Helvetica Neue',Arial,sans-serif;--ui:var(--sans);--pad:clamp(24px,5.6vw,96px);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px;background:var(--paper)}body{margin:0;color:var(--ink);background:var(--paper);font:17px/1.7 var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.6}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #8a6a45;outline-offset:6px}img{display:block;max-width:100%;height:auto}::selection{background:#009444;color:white}.and-wrap{width:min(100%,1680px);margin-inline:auto;padding-inline:var(--pad)}.and-kicker{font:11px/1.65 var(--ui);letter-spacing:.11em;text-transform:uppercase}.and-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding-block:13px;border-bottom:1px solid currentColor;min-height:46px;font:14px/1.4 var(--ui);position:relative}.and-link:after{content:'';position:absolute;bottom:-1px;inset-inline-start:0;width:100%;height:2px;transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease);background:currentColor}.and-link:hover:after{transform:scaleX(1)}.and-link svg{width:20px;height:20px;flex-shrink:0;transition:transform .4s var(--ease)}.and-link:hover svg{transform:translate(3px,-3px)}.section-top{display:flex;align-items:start;justify-content:space-between;gap:50px}.section-top h2{font-size:clamp(35px,4.2vw,64px);line-height:1.08;letter-spacing:-.055em;max-width:850px}.section-top>.and-kicker{padding-top:10px;flex-shrink:0}.and-skip{position:absolute;top:-100px;left:20px;background:var(--ink);color:white;padding:14px;z-index:100}.and-skip:focus{top:10px}
.and-header{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:35px;border-bottom:1px solid var(--line);position:relative;z-index:60;background:var(--paper)}.and-lockup{display:block;flex-shrink:0}.and-lockup img{height:31px;width:auto;max-width:none}.and-header-nav{display:flex;align-items:center;gap:29px;font:14px/1.5 var(--ui)}.and-header-nav>a{padding-block:14px;position:relative}.and-header-nav>a:not(.and-language):after{content:'';position:absolute;bottom:8px;inset-inline:0;height:1px;background:currentColor;transform:scaleX(0);transition:transform .3s}.and-header-nav>a:hover:after{transform:scaleX(1)}.and-language{border-inline-start:1px solid var(--line);padding-inline-start:28px}.and-language[lang=ar]{font-family:'Noto Kufi Arabic','IBM Plex Sans Arabic',sans-serif;font-size:12px}.and-motion{border:0;background:none;display:flex;align-items:center;gap:9px;padding:10px 0;min-height:44px;font:10px/1.4 var(--ui)}[hidden]{display:none!important}.motion-icon{width:10px;height:12px;border-inline:2px solid currentColor;flex-shrink:0}.and-motion[aria-pressed=true] .motion-icon{border:0;border-inline-start:9px solid currentColor;border-block:6px solid transparent}.and-menu-toggle{display:none;border:0;background:none;padding:10px;width:42px;height:44px}.and-menu-toggle i{display:block;width:24px;height:1px;background:currentColor;margin-block:6px;transition:transform .35s}.and-menu-toggle[aria-expanded=true] i:first-child{transform:translateY(3.5px) rotate(45deg)}.and-menu-toggle[aria-expanded=true] i:last-child{transform:translateY(-3.5px) rotate(-45deg)}.and-mobile-menu{position:fixed;inset:84px 0 0;z-index:55;background:var(--paper);padding:35px var(--pad);overflow:auto}.and-mobile-menu>a{display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line);font:clamp(27px,7vw,42px)/1.4 var(--display);padding-block:20px}.and-mobile-menu>a>span{font:10px var(--sans);color:var(--muted)}.and-mobile-menu>a>svg{width:23px;margin-inline-start:auto}.and-mobile-menu>p{font:11px/1.8 var(--ui);color:var(--muted);margin-top:35px}html[data-menu-open=true]{overflow:hidden}
.hero-type{position:relative;display:grid;grid-template-columns:1fr 310px;gap:25px 50px;padding-top:65px;padding-bottom:55px}.hero-type>.and-kicker{grid-column:1/-1;color:var(--muted)}.hero-type h1{font-size:clamp(52px,6.2vw,94px);line-height:1.02;letter-spacing:-.065em;font-weight:400;max-width:950px}.hero-type h1>span{display:block}.hero-type h1>span+span{padding-inline-start:7.5vw}.hero-note{align-self:end;padding-bottom:5px;max-width:310px}.hero-note>p{font-size:15px;line-height:1.75;color:var(--muted)}.hero-note .and-link{font-size:12px;margin-top:20px;min-width:210px}.hero-art{position:relative;margin-inline:20px;height:clamp(390px,43vw,700px);overflow:hidden;clip-path:inset(0 var(--hero-inset,0%));background:#d7d4cb}.hero-art picture{display:block;width:100%;height:100%;transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0) scale(1.055);will-change:transform}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:61% center}.hero-shutters{position:absolute;inset:0;display:flex;pointer-events:none}.hero-shutters i{width:33.334%;height:100%;background:var(--paper);transform:translateY(-101%)}.hero-art-caption{position:absolute;bottom:20px;inset-inline-end:25px;background:#efede7d9;padding:5px 9px;font-size:9px;letter-spacing:.03em}.hero-caption{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:80px;font-size:12px}.hero-caption>span{font-size:10px;letter-spacing:.12em}.hero-caption>a{display:flex;align-items:center;gap:25px;font-family:var(--ui)}.hero-caption>a>svg{width:17px;height:17px}
.and-vision{background:var(--dark);color:var(--paper);padding-top:90px;overflow:hidden}.and-vision .section-top{align-items:baseline}.and-vision .section-small-title{font-size:17px;letter-spacing:0}.and-vision .and-kicker{color:#b9bdb2}.vision-statement{font:400 clamp(35px,4.6vw,70px)/1.22 var(--display);letter-spacing:-.045em;margin-block:65px 55px;max-width:1250px}.vision-statement>span{color:#a6aaa0;transition:color .4s ease}.vision-statement>span.is-lit{color:#faf7ee}.vision-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12%;max-width:1120px;margin-inline-start:auto}.vision-bottom>p{color:#b9bdb2;font-size:16px;line-height:1.85}.and-word-ribbon{display:flex;width:max-content;direction:ltr;margin-top:80px;padding-block:22px;border-top:1px solid #efede726;font:400 clamp(17px,2vw,27px)/1 var(--display);letter-spacing:.01em;animation:ribbon-travel 35s linear infinite}.and-word-ribbon>div{display:flex;align-items:center;gap:45px;padding-inline-end:45px}.and-word-ribbon b{font:10px var(--sans);letter-spacing:.1em;color:#8c9185}.and-word-ribbon span{color:#dddcd5}
.and-practices{padding-top:85px}.and-practices>.section-top{margin-bottom:45px}.and-brand-nav{display:grid;grid-template-columns:repeat(4,1fr);padding-inline:var(--pad);background:var(--paper);border-block:1px solid var(--line);position:sticky;top:0;z-index:40}.and-brand-nav>a{display:flex;align-items:center;justify-content:center;position:relative;min-height:96px;padding:26px 8px;border-inline-end:1px solid var(--line)}.and-brand-nav>a:last-child{border-inline-end:0}.and-brand-nav img{height:clamp(18px,1.8vw,28px);width:auto;max-width:none;flex-shrink:0}.brand-underline{position:absolute;bottom:-1px;inset-inline-start:0;width:100%;height:3px;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}.and-brand-nav a:hover .brand-underline,.and-brand-nav a[aria-current=true] .brand-underline{transform:scaleX(1)}.and-brand-nav>a:focus-visible{outline-offset:-6px}.and-gallery{position:relative;padding-top:40px;padding-bottom:50px}.and-gallery-stage{display:none}.practice-article{display:grid;grid-template-columns:.8fr 1.2fr;gap:7%;align-items:center;padding-block:70px;scroll-margin-top:0;min-width:0}.practice-copy{min-width:0}.practice-copy>.and-kicker{display:flex;gap:15px;align-items:center;color:var(--muted);letter-spacing:.06em}.practice-number{border-inline-end:1px solid var(--line);padding-inline-end:15px;font-variant-numeric:tabular-nums}.practice-logo{margin-block:32px 34px}.practice-logo img{height:32px;width:auto;max-width:none}.practice-headline{font:400 clamp(29px,2.8vw,44px)/1.12 var(--display);letter-spacing:-.045em;margin-bottom:24px}.practice-description{font-size:16px;line-height:1.85;color:var(--muted);max-width:43ch}.practice-lens{font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-top:26px;color:var(--muted)}.practice-copy .and-link{margin-top:22px;min-width:180px}.and-study{min-width:0}.study-image{position:relative;aspect-ratio:4/3;background:#d9d6cd;overflow:hidden}.study-image>img:first-child{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}.and-study:hover .study-image>img:first-child{transform:scale(1.035)}.study-index{position:absolute;top:22px;inset-inline-start:24px;font-size:10px;letter-spacing:.12em;background:var(--paper);color:var(--ink);padding:6px 9px}.and-study figcaption{display:flex;align-items:start;justify-content:space-between;gap:20px;font-size:9px;line-height:1.5;color:var(--muted);padding-top:12px}.and-study figcaption>span:last-child{font-size:8px;text-align:end;max-width:46%}.folk-motion{position:absolute;inset:6%;display:grid;place-items:center;pointer-events:none;animation:folk-rotate 40s linear infinite}.folk-motion i{position:absolute;display:block;width:89%;height:57%;border:1px solid #fff5;border-radius:50%;transform:rotate(28deg)}.folk-motion i:nth-child(2){transform:rotate(88deg);width:78%;height:74%}.folk-motion i:nth-child(3){transform:rotate(148deg);width:68%;height:90%}.study-image>.folk-image-logo{position:absolute;width:auto;height:clamp(22px,2.6vw,37px);max-width:none;bottom:25px;inset-inline-start:25px;filter:brightness(0) invert(1);z-index:2}.and-folk-study .study-image:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#111a14a6);pointer-events:none}.stage-progress{height:2px;background:var(--line);position:absolute;bottom:-15px;inset-inline:0}.stage-progress>span{display:block;height:100%;width:var(--stage-progress,25%);background:var(--stage-color,#f3c300);transition:width .7s var(--ease),background .6s}
@media(min-width:961px){html[data-gallery=sticky] .and-gallery{display:grid;grid-template-columns:1.22fr .78fr;gap:7%;align-items:start}html[data-gallery=sticky] .and-gallery-stage{display:block;position:sticky;top:130px;height:min(620px,calc(100svh - 205px));min-height:300px;align-self:start;margin-bottom:65px}html[data-gallery=sticky] .stage-panel{position:absolute;inset:0;opacity:0;visibility:hidden;clip-path:inset(0 0 100% 0);transform:translateY(14px);transition:clip-path .9s var(--ease),opacity .55s,transform .9s var(--ease),visibility .9s}html[data-gallery=sticky] .stage-panel.is-active{opacity:1;visibility:visible;clip-path:inset(0);transform:none;z-index:2}html[data-gallery=sticky] .stage-panel .study-image{height:calc(100% - 42px);aspect-ratio:auto}html[data-gallery=sticky] .stage-panel .study-image>img:first-child{object-fit:cover}html[data-gallery=sticky] .practice-article{display:flex;flex-direction:column;align-items:stretch;justify-content:center;min-height:calc(100svh - 110px);padding-block:75px}html[data-gallery=sticky] .article-study{display:none}html[data-gallery=sticky] .practice-article:first-child{padding-top:35px}html[data-gallery=sticky] .practice-article:last-child{min-height:calc(100svh - 125px)}html[data-gallery=sticky] .practice-logo img{height:clamp(26px,2.5vw,35px)}}
.and-approach{padding-top:85px;padding-bottom:100px;border-top:1px solid var(--line)}.and-approach .section-top h2{max-width:850px}.approach-intro{max-width:580px;margin-block:35px 50px;margin-inline-start:auto;font-size:17px;line-height:1.8;color:var(--muted)}.approach-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:9%;align-items:start}.principle-list{border-top:1px solid var(--line)}.principle{border-bottom:1px solid var(--line)}.principle summary{list-style:none;display:flex;align-items:center;gap:24px;padding-block:25px;cursor:pointer}.principle summary::-webkit-details-marker{display:none}.principle summary h3{font-size:34px;letter-spacing:-.035em;line-height:1.2}.principle-number{font-size:10px;color:var(--muted);min-width:16px}.principle-plus{width:16px;height:16px;position:relative;margin-inline-start:auto}.principle-plus:before,.principle-plus:after{content:'';position:absolute;top:7px;left:0;right:0;height:1px;background:currentColor;transition:transform .4s}.principle-plus:after{transform:rotate(90deg)}.principle[open] .principle-plus:after{transform:rotate(0)}.principle-body{padding:0 30px 30px 40px;animation:body-reveal .45s var(--ease)}.principle-heading{font-size:18px;margin-bottom:10px}.principle-body>p:last-child{font-size:15px;line-height:1.8;color:var(--muted);max-width:43ch}.approach-visual{position:sticky;top:125px;aspect-ratio:1/1;overflow:hidden;background:#ddd8ce}.approach-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.07);transition:opacity .7s,transform 1s var(--ease)}.approach-visual>img.is-active{opacity:1;transform:scale(1)}.approach-visual>span{position:absolute;bottom:16px;inset-inline:16px;font-size:8px;line-height:1.5;color:white;text-shadow:0 1px 5px #000;background:#171b1780;width:max-content;max-width:calc(100% - 32px);padding:5px 8px}
.and-people{padding-block:90px 95px;background:#deddd5}.people-intro{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-block:38px 55px}.people-intro>p{font-size:17px;color:#61645b;line-height:1.8;max-width:670px}.people-intro .and-link{flex-shrink:0}.people-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;max-width:1120px;margin-inline:auto}.portrait-frame{position:relative;aspect-ratio:1.12;background:#cfcec4;overflow:hidden;display:flex;align-items:end;justify-content:center}.portrait-frame>img{width:100%;height:auto;max-height:100%;object-fit:contain;object-position:center bottom;transition:transform 1s var(--ease);position:relative;z-index:1}.and-person:hover .portrait-frame>img{transform:scale(1.025)}.portrait-number{position:absolute;inset-inline-start:24px;top:16px;font:300 90px/1 var(--display);letter-spacing:-.06em;color:#a5a79c}.person-caption{padding-block:24px;position:relative;border-bottom:1px solid #20211e40}.person-caption h3{font-size:29px;line-height:1.2;letter-spacing:-.025em;margin-bottom:8px}.person-caption>p{font:12px/1.6 var(--ui);color:#62655a;padding-inline-end:50px}.person-caption>span{position:absolute;bottom:26px;inset-inline-end:0;font-size:9px;letter-spacing:.1em;color:#62655a}
.and-closing{background:var(--dark);color:var(--paper);padding-top:80px;overflow:hidden}.and-closing h2{font-size:clamp(52px,6.9vw,102px);letter-spacing:-.055em;line-height:1.04;margin-block:35px 40px;max-width:1150px}.and-closing .and-kicker{color:#b9bdb2}.closing-links{display:flex;gap:65px;align-items:center;flex-wrap:wrap}.closing-wordmark{margin-top:90px;border-top:1px solid #efede72b;padding-block:55px;overflow:hidden;opacity:.9}.closing-wordmark img{width:100%;height:auto;max-height:190px;object-fit:contain;filter:brightness(0) invert(1);transform:translateX(var(--closing-x,0px));transition:opacity .3s}.and-footer{display:flex;justify-content:space-between;align-items:center;gap:35px;padding-block:25px;background:var(--paper)}.and-footer>div{display:flex;align-items:center;gap:35px}.and-footer p{font-size:9px;color:var(--muted);letter-spacing:.04em}.and-footer .and-link{border:0;font-size:11px;gap:20px}.and-footer .and-link:after{display:none}
[data-reveal]{transition:opacity .9s var(--ease),transform 1s var(--ease)}[data-reveal].is-pending{opacity:0;transform:translateY(30px)}html[data-motion=on] .hero-type h1>span{animation:headline-rise 1s var(--ease) both}html[data-motion=on] .hero-type h1>span+span{animation-delay:.12s}html[data-motion=on] .hero-note,html[data-motion=on] .hero-type>.and-kicker{animation:body-reveal .9s var(--ease) both;animation-delay:.18s}html[data-motion=on] .hero-shutters i{animation:shutter-lift 1.2s var(--ease) both;animation-delay:.1s}html[data-motion=on] .hero-shutters i:nth-child(2){animation-delay:.22s}html[data-motion=on] .hero-shutters i:nth-child(3){animation-delay:.34s}html[data-motion=on] .and-mobile-menu:not([hidden]){animation:body-reveal .35s var(--ease)}.and-vision:not(.is-visible) .and-word-ribbon,.and-folk-study:not(.is-active) .folk-motion{animation-play-state:paused}html[data-gallery=flow] .article-study .folk-motion{animation-play-state:running}html[data-page-hidden=true] *{animation-play-state:paused!important}
@keyframes headline-rise{from{opacity:0;transform:translateY(40px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes body-reveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes shutter-lift{from{transform:translateY(0)}to{transform:translateY(-101%)}}@keyframes folk-rotate{to{transform:rotate(360deg)}}@keyframes ribbon-travel{to{transform:translateX(-50%)}}
/* Same Arabic families as DIUM, applied to controls and navigation as well. */
[dir=rtl]{--sans:'IBM Plex Sans Arabic',Arial,sans-serif;--display:'Noto Kufi Arabic','IBM Plex Sans Arabic',sans-serif;--ui:'Noto Kufi Arabic','IBM Plex Sans Arabic',sans-serif}[dir=rtl] body{font-family:var(--sans)}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .practice-headline,[dir=rtl] .vision-statement{letter-spacing:0}[dir=rtl] .and-header-nav,[dir=rtl] .and-mobile-menu,[dir=rtl] button,[dir=rtl] summary,[dir=rtl] .and-kicker,[dir=rtl] .and-link,[dir=rtl] .hero-caption>a{font-family:var(--ui)}[dir=rtl] .and-kicker,[dir=rtl] .practice-lens{letter-spacing:0}[dir=rtl] .and-header-nav{font-size:12px}[dir=rtl] .hero-type h1{font-size:clamp(40px,4.8vw,72px);line-height:1.55}[dir=rtl] .hero-type h1>span+span{padding-inline-start:6vw}[dir=rtl] .hero-note>p{font-size:17px}[dir=rtl] .and-link{font-size:12px;line-height:1.8}[dir=rtl] .section-top h2{font-size:clamp(28px,3.1vw,46px);line-height:1.6}[dir=rtl] .and-vision .section-small-title{font-size:17px}[dir=rtl] .vision-statement{font-size:clamp(29px,3.2vw,48px);line-height:1.8}[dir=rtl] .vision-bottom>p{font-size:18px}[dir=rtl] .practice-headline{font-size:clamp(24px,2.3vw,34px);line-height:1.7}[dir=rtl] .practice-description{font-size:18px}[dir=rtl] .practice-lens{font-size:12px}[dir=rtl] .and-study figcaption{font-size:11px}[dir=rtl] .and-study figcaption>span:last-child{font-size:9px}[dir=rtl] .hero-art-caption{font-size:10px}[dir=rtl] .principle summary h3{font-size:28px;line-height:1.6}[dir=rtl] .principle-body{padding-inline:40px 30px}[dir=rtl] .principle-body>p:last-child{font-size:17px}[dir=rtl] .person-caption h3{font-size:24px;line-height:1.6}[dir=rtl] .person-caption>p{font-size:11px}[dir=rtl] .and-closing h2{font-size:clamp(40px,5vw,75px);line-height:1.6}[dir=rtl] .and-link svg{transform:scaleX(-1)}[dir=rtl] .and-link:hover svg{transform:translate(-3px,-3px) scaleX(-1)}
@media(min-width:1680px){.and-brand-nav{padding-inline:max(96px,calc((100vw - 1488px)/2))}}
@media(max-width:1200px){.hero-type{grid-template-columns:1fr 240px;gap:25px 35px}.hero-note{max-width:240px}.hero-type h1{font-size:clamp(50px,6.4vw,77px)}.hero-type h1>span+span{padding-inline-start:3vw}.and-header-nav{gap:22px}.motion-label{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.and-motion{width:28px;justify-content:center}.and-lockup img{height:29px}.and-gallery{column-gap:5%!important}.practice-description{font-size:15px}.practice-logo img{height:27px}.practice-headline{font-size:35px}.practice-copy .and-kicker{font-size:9px}.and-footer>div{gap:20px}.and-footer{gap:25px}}
@media(max-width:960px){.hero-type{grid-template-columns:1fr 230px}.hero-type h1{font-size:clamp(45px,6.8vw,62px)}.hero-type h1>span+span{padding-inline-start:0}.hero-note>p{font-size:13px}.hero-note .and-link{min-width:180px;font-size:11px;gap:20px}.hero-art{height:450px}.and-header-nav{gap:18px;font-size:12px}.and-lockup img{height:27px}.and-language{padding-inline-start:20px}.section-top h2{font-size:44px}.and-brand-nav img{height:clamp(15px,1.8vw,18px)}.and-brand-nav>a{min-height:82px}.and-gallery{padding-top:10px}.practice-article{gap:35px;grid-template-columns:1fr 1.1fr;padding-block:50px}.practice-logo img{height:25px}.practice-headline{font-size:30px}.practice-description{font-size:14px}.practice-lens{font-size:9px}.and-study figcaption{display:block}.and-study figcaption>span{display:block;max-width:none!important;text-align:start!important}.and-study figcaption>span+span{margin-top:5px}.and-gallery-stage{display:none}.approach-layout{gap:6%}.people-intro{align-items:start}.people-intro>p{font-size:15px;max-width:60%}.and-footer{align-items:start}.and-footer>div{flex-wrap:wrap;gap:12px 25px}.and-footer>div:last-child{justify-content:end}.person-caption h3{font-size:25px}[dir=rtl] .hero-type h1{font-size:38px}[dir=rtl] .hero-type h1>span+span{padding-inline-start:0}[dir=rtl] .practice-headline{font-size:24px}[dir=rtl] .practice-description{font-size:16px}[dir=rtl] .person-caption h3{font-size:21px}}
@media(max-width:760px){html{scroll-padding-top:24px}.and-header{min-height:84px;padding-inline:24px;gap:20px}.and-lockup img{height:25px}.and-header-nav{gap:14px}.and-header-nav>a:not(.and-language){display:none}.and-language{border:0;padding-inline-start:0}.and-header-nav .and-motion{width:24px}.and-menu-toggle:not([hidden]){display:block}.and-header-nav .and-language{font-size:12px}html[data-menu-open=true] .and-header{position:sticky;top:0}.hero-type{display:block;padding-top:42px;padding-bottom:32px}.hero-type>.and-kicker{font-size:9px;letter-spacing:.07em;margin-bottom:22px}.hero-type h1{font-size:clamp(44px,9.6vw,70px);line-height:1.04;letter-spacing:-.05em}.hero-note{display:flex;align-items:end;justify-content:space-between;max-width:none;gap:25px;margin-top:25px;padding:0}.hero-note>p{font-size:12px;max-width:230px}.hero-note .and-link{min-width:0;max-width:160px;font-size:10px;gap:13px;margin:0;flex-shrink:0}.hero-note .and-link>span{max-width:105px}.hero-art{height:440px;margin-inline:0;clip-path:none!important}.hero-art img{object-position:64% center}.hero-art-caption{bottom:16px;inset-inline-end:16px;font-size:8px;padding:4px 7px}.hero-caption{min-height:70px;font-size:10px;gap:20px}.hero-caption>span{display:none}.hero-caption>a{gap:12px;font-size:10px}.section-top{display:block}.section-top h2{font-size:36px;line-height:1.12;margin-top:20px}.section-top>.and-kicker{padding-top:0;font-size:10px}.and-vision{padding-top:55px}.and-vision .section-top{display:flex;align-items:baseline;gap:15px}.and-vision .section-small-title{font-size:13px;margin:0}.vision-statement{font-size:clamp(32px,7.8vw,50px);line-height:1.2;margin-block:35px}.vision-bottom{grid-template-columns:1fr;gap:22px}.vision-bottom>p{font-size:15px;line-height:1.8}.and-word-ribbon{margin-top:45px;font-size:19px;padding-block:20px}.and-word-ribbon>div{gap:30px;padding-inline-end:30px}.and-practices{padding-top:55px}.and-practices>.section-top{margin-bottom:30px}.and-brand-nav{position:relative;top:auto;grid-template-columns:1fr 1fr;padding-inline:24px}.and-brand-nav>a{min-height:80px;padding-inline:6px;border-bottom:1px solid var(--line)}.and-brand-nav>a:nth-child(2n){border-inline-end:0}.and-brand-nav>a:nth-child(n+3){border-bottom:0}.and-brand-nav img{height:clamp(12px,3.7vw,22px)}.and-gallery{padding-top:15px;padding-bottom:30px}.practice-article{grid-template-columns:1fr;gap:30px;padding-block:38px}.practice-logo{margin-block:25px}.practice-logo img{height:24px}.practice-copy>.and-kicker{font-size:10px}.practice-headline{font-size:32px;margin-bottom:20px}.practice-description{font-size:16px;max-width:100%}.practice-lens{font-size:10px;margin-top:20px}.practice-copy .and-link{margin-top:16px;min-width:170px;font-size:12px}.study-image{aspect-ratio:1.15}.and-study figcaption{display:flex;font-size:8px;gap:16px}.and-study figcaption>span+span{margin:0;font-size:7px;max-width:46%!important;text-align:end!important}.study-image>.folk-image-logo{height:25px;bottom:20px;inset-inline-start:20px}.study-index{top:16px;inset-inline-start:16px}.and-approach{padding-top:50px;padding-bottom:55px}.approach-intro{font-size:16px;margin-block:25px 35px}.approach-layout{grid-template-columns:1fr;gap:30px}.principle summary{padding-block:21px;gap:20px}.principle summary h3{font-size:29px}.principle-body{padding-inline:36px 10px;padding-bottom:24px}.principle-heading{font-size:17px}.principle-body>p:last-child{font-size:15px;max-width:100%}.approach-visual{position:relative;top:0;aspect-ratio:1.25;max-height:520px}.and-people{padding-block:55px}.people-intro{display:block;margin-block:25px 35px}.people-intro>p{font-size:16px;max-width:100%}.people-intro .and-link{margin-top:15px;font-size:12px}.people-grid{grid-template-columns:1fr 1fr;gap:22px}.portrait-frame{aspect-ratio:.84}.portrait-frame>img{width:auto;max-width:125%;height:100%;max-height:none;object-fit:cover;object-position:center bottom}.portrait-number{top:14px;inset-inline-start:14px;font-size:58px}.person-caption{padding-block:18px}.person-caption h3{font-size:21px;line-height:1.1;margin-bottom:10px}.person-caption>p{font-size:10px;line-height:1.7;padding-inline-end:0}.person-caption>span{position:static;display:block;margin-top:10px;font-size:8px}.and-closing{padding-top:50px}.and-closing h2{font-size:clamp(43px,10vw,72px);margin-block:25px 30px}.closing-links{gap:18px 35px}.closing-links .and-link{font-size:12px}.closing-wordmark{margin-top:50px;padding-block:35px}.and-footer{display:block;padding-block:25px}.and-footer>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.and-footer>div:last-child{justify-content:space-between;margin-top:14px}.and-footer p{font-size:8px}.and-footer .and-link{font-size:10px;gap:18px}[dir=rtl] .hero-type>.and-kicker{font-size:10px}[dir=rtl] .hero-type h1{font-size:clamp(33px,8.5vw,58px);line-height:1.55}[dir=rtl] .hero-note>p{font-size:14px}[dir=rtl] .hero-note .and-link{font-size:10px}[dir=rtl] .section-top h2{font-size:28px;line-height:1.65}[dir=rtl] .and-vision .section-small-title{font-size:13px}[dir=rtl] .vision-statement{font-size:clamp(27px,5.9vw,38px);line-height:1.8}[dir=rtl] .vision-bottom>p{font-size:17px}[dir=rtl] .practice-headline{font-size:25px}[dir=rtl] .practice-description{font-size:17px}[dir=rtl] .and-study figcaption{font-size:10px}[dir=rtl] .and-study figcaption>span+span{font-size:8px}[dir=rtl] .hero-art-caption{font-size:9px}[dir=rtl] .principle summary h3{font-size:24px}[dir=rtl] .person-caption h3{font-size:17px;line-height:1.6}[dir=rtl] .person-caption>p{font-size:9px}[dir=rtl] .and-closing h2{font-size:clamp(34px,8vw,55px)}[dir=rtl] .and-mobile-menu>a{font-family:var(--display);font-size:29px;line-height:1.8}}
@media(max-width:380px){.and-header-nav{gap:8px}.and-lockup img{height:22px}.and-header{gap:13px}.hero-note{display:block}.hero-note>p{max-width:100%}.hero-note .and-link{max-width:none;margin-top:14px;font-size:11px}.hero-note .and-link>span{max-width:none}.hero-art{height:370px}.hero-caption{font-size:9px}.hero-caption>a{font-size:9px}.people-grid{gap:16px}.person-caption h3{font-size:19px}.practice-logo img{height:23px}}
html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important}html[data-motion=off] [data-reveal]{opacity:1;transform:none}html[data-motion=off] .vision-statement>span{color:#faf7ee}html[data-motion=off] .hero-art{clip-path:none}html[data-motion=off] .hero-art picture,html[data-motion=off] .closing-wordmark img{transform:none}html[data-motion=off] .and-study:hover .study-image>img:first-child,html[data-motion=off] .and-person:hover .portrait-frame>img{transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}[data-reveal].is-pending{opacity:1;transform:none}.vision-statement>span{color:#faf7ee}.hero-art{clip-path:none}.hero-art picture,.closing-wordmark img{transform:none}.and-study:hover .study-image>img:first-child,.and-person:hover .portrait-frame>img{transform:none}}

.practice-article:not(.is-visible) .folk-motion{animation-play-state:paused!important}
@media(max-width:340px){.and-header{padding-inline:20px}.and-lockup img{height:18px}.and-header-nav{gap:6px}}