/* Dark editorial direction. The original comparison controls remain shared. */
:root{--paper:#111111;--ink:#f1efea;--muted:#a8a6a2;--blue:#e2ddd5;--line:#333333;background:#111111;color:#f1efea}
body{background:#111111}::selection{background:#e9e3d9;color:#111}
.world{background:#111}.world:after{background:linear-gradient(90deg,#111 2%,rgba(17,17,17,.8) 22%,rgba(17,17,17,0) 62%)}
.world-visual{inset:0 -3% 0 3%;transform-origin:73% 50%}
.world-poster,.world-film{object-position:55% 50%}
.site-nav{height:104px;padding:0 6%;border-bottom:1px solid #ffffff13}
.brand{width:174px}.brand img,.site-footer img{filter:invert(1)}
.site-nav nav{font-size:.875rem;gap:33px;font-weight:400}
.nav-quote{background:none;color:#f1efea;border:1px solid #77756f;border-radius:3px;padding:12px 19px}
.nav-quote:hover{background:#f1efea;color:#171717}
.hero{padding-left:7%;min-height:800px}
.hero .eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.71rem;color:#b7b4af;margin-bottom:37px}
.hero h1{font-size:clamp(4.5rem,7.7vw,8rem);line-height:1.03;font-weight:400;letter-spacing:-.06em}
.hero h1 span{font-family:Georgia,"Times New Roman",serif;font-size:1.08em;letter-spacing:-.065em;font-weight:400;font-style:italic;color:#e7e1d7}
.hero-intro{color:#bab7b1;font-size:1.09rem;line-height:1.8;margin-top:32px}
.hero-cta{margin-top:36px;border-bottom:1px solid #77746e;padding-bottom:14px;font-size:.875rem;gap:50px}
.hero-cta:hover{color:white}.hero-bottom{left:7%;right:7%;bottom:34px}
.hero-bottom p{font-size:.68rem;letter-spacing:.1em;color:#ccc7be}.hero-bottom p span{color:#9a9792}
.motion-toggle{border-color:#55524d;background:#191919;color:#c4c0b8;border-radius:3px;font-size:.7rem;padding:9px 13px}.motion-toggle:hover{background:#333}
.section-wrap{width:min(1260px,86%)}
.intro{padding:120px 0 110px;background:linear-gradient(90deg,#111 55%,rgba(17,17,17,.85));position:relative}
.intro h2{font-size:clamp(3rem,5.4vw,5.7rem);line-height:1.08;letter-spacing:-.055em;font-weight:400}
.intro h2 span{font-family:Georgia,"Times New Roman",serif;font-style:italic;color:#d8d0c4}
.section-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.13em;color:#aaa59d;font-weight:400}
.intro-copy{font-size:1.05rem;line-height:1.8;max-width:545px;color:#b1aea8}
.audience-line{color:#a39e95;font-size:.8rem}.audience-line span+span:before{color:#5b5853}
.work-section,.about-section{background:rgba(17,17,17,.96)}
.work-section{padding:80px 0 110px;border-top:1px solid #333}
.section-heading{margin-bottom:48px;align-items:flex-end}
.section-heading h2{font-size:clamp(3rem,5vw,5.3rem);line-height:1.08;font-weight:400;letter-spacing:-.055em}
.section-heading h2 span{color:#d8d0c4;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400}
.section-description{max-width:345px;color:#aaa7a1;font-size:.975rem;line-height:1.8}
.comparison-hint{color:#d0c9bd;font-size:.8rem}.comparison-hint>span{font-size:1.3rem}
.comparison{border-radius:5px;box-shadow:0 0 0 1px #49453f,0 30px 55px #0005}
.browser-bar{background:#232323;border-color:#414141;color:#bab7b1;height:38px;font-size:.7rem}.window-dots{color:#77746f}
.web-comparison .comparison-stage{aspect-ratio:1.58}
.compare-badge{border-radius:3px;border:0;background:#f1ece3;color:#171717;font-size:.72rem;box-shadow:none}.badge-after{background:#272322;color:#fff}
.comparison-divider{width:1px;background:#f4eee5}.comparison-divider>span{width:52px;height:52px;background:#f4eee5;color:#252320;border-radius:50%;box-shadow:0 2px 20px #0004}
.work-caption strong{font-size:.9rem;font-weight:400;color:#e0dcd5}.work-caption p>span{max-width:580px;font-size:.78rem;color:#aaa69d}.concept-label{color:#969187;font-size:.72rem}
.demo-after{background:#25171c;color:#f2e5d8}
.demo-nav{height:12%;padding:0 4%;background:#25171c;color:#f2e5d8;font-size:1cqw;border-bottom:1px solid #f4e0d422}
.demo-nav strong{font-family:Georgia,"Times New Roman",serif;font-size:2.7cqw;letter-spacing:-.065em;line-height:.9;font-weight:400}
.demo-nav strong>span{display:block;font-family:Arial,sans-serif;font-size:.62cqw;letter-spacing:.22em;vertical-align:initial;margin:1cqw 0 0 .1cqw}
.demo-nav>div{gap:2.5cqw}.demo-nav>b{font-size:.95cqw;border-color:#b89581;padding:.7cqw 0;letter-spacing:.02em}
.demo-modern-hero{height:69%;display:grid;grid-template-columns:44% 56%;background:#25171c;overflow:hidden}
.demo-modern-copy{position:relative;left:auto;top:auto;width:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:3cqw 0 3cqw 4cqw;z-index:1}
.demo-modern-copy>p{font-size:1cqw;letter-spacing:.01em;line-height:1.5;color:#d4bdaf}
.demo-modern-copy h3{font-size:5.7cqw;line-height:1.02;letter-spacing:-.055em;font-weight:400;margin-top:2.2cqw;white-space:nowrap}
.demo-modern-copy h3 em{font-family:Georgia,"Times New Roman",serif;font-size:1.08em;color:#f0c8b5;letter-spacing:-.07em;line-height:1.25}
.demo-modern-copy>p.demo-intro{font-size:1.08cqw;line-height:1.65;color:#d4bdaf;margin-top:1.8cqw}
.demo-pill{width:18cqw;border:0;border-bottom:1px solid #caab98;border-radius:0;padding:.9cqw 0;letter-spacing:.015em;font-size:1.05cqw;margin-top:1.6cqw}
.demo-main-photo{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;overflow:hidden;padding:2cqw 2cqw 1cqw 1cqw}
.demo-main-photo>img{display:block;width:100%;height:auto;max-height:calc(100% - 2.7cqw);object-fit:contain;filter:none}
.demo-main-photo figcaption{font-family:Arial,sans-serif;font-size:.6cqw;letter-spacing:.19em;align-self:flex-end;padding-top:1cqw;color:#c7b3aa}
.demo-modern-footer{height:19%;margin:0 4%;padding:1.6cqw 0;background:#25171c;color:#e5cfc0;border-top:1px solid #6b4846;display:flex;justify-content:flex-start;gap:2.2cqw;align-items:center}
.demo-photo-pair{display:flex;gap:.7cqw;height:100%;flex-shrink:0}.demo-photo-pair>img{height:100%;width:auto;object-fit:contain;max-width:none}
.demo-modern-footer>p{font-size:1.15cqw;line-height:1.55;letter-spacing:0}.demo-modern-footer>p em{font-family:Georgia,serif;font-size:1.2em;color:#f4d2bc}
.demo-disciplines{margin-left:auto;letter-spacing:.15em;font-size:.6cqw;line-height:1.8;max-width:15cqw}
.demo-before{padding:3cqw 5cqw}.old-content{padding:3.5cqw 1.5cqw;gap:3cqw}.old-content>img{height:auto;max-height:24cqw;width:44%;object-fit:contain;border:4px solid white;background:#ddd}.old-content h3{font-size:3cqw}.old-content p{font-size:1.2cqw;line-height:1.65}.old-content p.old-small{font-size:1cqw}.old-announcement{margin-top:2.5cqw}.old-footer{margin-top:1cqw;padding:1.7cqw 0}
.ad-layout{gap:95px}.large-index{color:#686159;font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:8rem}.ad-editorial h3{font-size:1.65rem;font-weight:400}.ad-editorial p{color:#aaa59d}.ad-editorial .ad-note{color:#89867f}.ad-after{background:#152333}
.about-section{gap:100px;padding:115px 0;border-color:#333}.portrait>img{border-radius:4px}.portrait figcaption{color:#ddd8cf;font-weight:400}.portrait figcaption span{color:#918c83}.about-copy h2{font-weight:400;font-size:clamp(3rem,4.8vw,5rem)}.about-copy h2 span{font-family:Georgia,"Times New Roman",serif;font-style:italic;color:#d8d0c4;font-size:1.07em}.about-copy>p:not(.section-label){color:#ada8a0;font-size:1rem;line-height:1.9}.about-copy>p.about-signoff{font-size:.85rem;font-weight:400;color:#ded6ca;line-height:1.8;margin-top:32px}
.quote-section{background:#1b1a18;border-top:1px solid #3e3a34;padding:105px 7% 110px}.quote-section .section-label{color:#aaa398}.quote-section h2{font-size:clamp(3.5rem,7.5vw,7.5rem);font-weight:400;letter-spacing:-.06em;line-height:1.08}.quote-section h2 span{color:#e3d7c5;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:1.02em}.quote-intro{color:#b9b1a4;font-size:1.02rem;line-height:1.8}.email-cta{background:#e9e2d6;color:#171613;border-radius:3px;font-weight:400;gap:75px;padding:18px 24px}.email-cta:hover{background:white}.contact-details{font-size:.88rem;color:#c2b9aa;gap:42px}.contact-details a{border-color:#666057}.site-footer{background:#111;padding:35px 7%;border-top:1px solid #292724}.site-footer p{color:#8f8a80}.site-footer .back-top{color:#aaa398}.site-footer a:hover{color:#fff}.skip-link{background:#f4eee5;color:#151515}
@media(min-width:1700px){.world-visual{inset:0 -3% 0 3%}}
@media(max-width:1100px){.brand{width:156px}.section-wrap{width:87%}.ad-layout{gap:45px}.about-section{gap:50px}.hero h1{font-size:7.8vw}.section-heading h2{font-size:4.4vw}.section-description{max-width:310px;font-size:.9rem}.demo-modern-copy h3{font-size:5.6cqw}}
@media(max-width:760px){
 .site-nav{height:84px;padding:0 7%;border:0}.brand{width:144px}.nav-quote{padding:10px 14px;font-size:.76rem}
 .world-visual{inset:32% -50% -4% -50%;transform-origin:68% 65%}.world-poster,.world-film{object-position:61% 50%}.world:after{background:linear-gradient(180deg,#111 12%,rgba(17,17,17,.55) 32%,transparent 67%,rgba(17,17,17,.22))}
 .hero{min-height:830px;padding:130px 7% 290px}.hero .eyebrow{font-size:.6rem;letter-spacing:.12em;margin-bottom:28px;max-width:none}.hero h1{font-size:clamp(3.4rem,11.8vw,5.8rem);line-height:1.04}.hero h1 span{font-size:1.1em}.hero-intro{font-size:.98rem;margin-top:25px;line-height:1.8}.hero-cta{font-size:.8rem;margin-top:27px;gap:34px;padding-bottom:12px}.hero-bottom p{font-size:.6rem}.motion-toggle{font-size:.65rem}
 .section-wrap{width:86%}.intro{padding:70px 0 75px;background:#111}.intro h2{font-size:2.7rem;line-height:1.13;margin-top:25px}.intro-copy{font-size:.95rem;line-height:1.85}.audience-line{font-size:.7rem;gap:11px 16px}.audience-line span+span:before{margin-right:16px}
 .work-section{padding:55px 0 70px}.section-heading{margin-bottom:29px}.section-heading h2{font-size:3rem;line-height:1.1;letter-spacing:-.06em}.section-description{max-width:none;font-size:.92rem;margin-top:23px}.comparison-hint{font-size:.74rem}.section-label{font-size:.65rem;letter-spacing:.12em}.browser-bar{height:31px;font-size:.55rem;padding:0 10px}
 .web-comparison .comparison-stage{aspect-ratio:.97}
 .demo-nav{height:10%;padding:0 5%;font-size:1.35cqw}.demo-nav strong{font-size:3.7cqw}.demo-nav strong>span{font-size:.87cqw;margin-top:1cqw}.demo-nav>div{display:none}.demo-nav>b{font-size:1.4cqw;padding:1cqw 0}
 .demo-modern-hero{height:72%;position:relative;display:block}.demo-modern-copy{display:block;position:absolute;padding:0;left:5%;top:5%;width:90%;z-index:1}.demo-modern-copy>p{font-size:1.4cqw}.demo-modern-copy h3{font-size:8.5cqw;line-height:1;margin-top:1.5cqw}.demo-modern-copy h3 br{display:none}.demo-modern-copy h3 em{display:block;line-height:1.15}.demo-modern-copy>p.demo-intro{display:none}.demo-pill{position:absolute;right:0;top:0;width:22cqw;font-size:1.4cqw;margin:0;padding:1cqw 0}
 .demo-main-photo{position:absolute;inset:26% 5% 2%;padding:0;justify-content:flex-end}.demo-main-photo>img{width:auto;max-width:100%;max-height:calc(100% - 2.5cqw);height:auto}.demo-main-photo figcaption{font-size:.83cqw;padding-top:.9cqw}
 .demo-modern-footer{height:18%;margin:0 5%;padding:2.7cqw 0;gap:2.5cqw}.demo-photo-pair{height:100%;gap:1cqw}.demo-modern-footer>p{font-size:1.7cqw;line-height:1.65}.demo-disciplines{display:none}
 .demo-before{padding:4cqw 5cqw}.old-nav{padding:3.3cqw 0}.old-nav>strong{font-size:3.7cqw}.old-nav>span{font-size:1.4cqw}.old-announcement{margin-top:3cqw;padding:1.5cqw;font-size:2cqw}.old-content{padding:5cqw 1.5cqw;gap:3cqw;display:block}.old-content>div{width:100%}.old-content h3{font-size:4.2cqw}.old-content h3 br{display:none}.old-content p{font-size:1.85cqw;line-height:1.6;margin-top:1.5cqw}.old-content>img{width:47%;max-height:24cqw;margin:2cqw auto 0;height:auto;border-width:.8cqw}.old-content p.old-small{font-size:1.35cqw}.old-button{font-size:1.4cqw;margin-top:2cqw}.old-footer{font-size:1.15cqw;margin:0;padding:1.4cqw 0}
 .comparison-divider>span{width:42px;height:42px}.work-caption strong{font-size:.85rem;line-height:1.5}.work-caption p>span{font-size:.72rem}.concept-label{font-size:.65rem}
 .ad-layout{gap:25px}.large-index{font-size:4rem}.ad-editorial h3{font-size:1.4rem}.ad-editorial p{font-size:.88rem}.ad-editorial p br{display:initial}
 .about-section{gap:40px;padding:65px 0 75px}.about-copy h2{font-size:3rem;line-height:1.08}.about-copy>p:not(.section-label){font-size:.94rem;line-height:1.85}.about-copy>p.about-signoff{font-size:.8rem}.portrait figcaption{font-size:.78rem}
 .quote-section{padding:70px 7% 75px}.quote-section h2{font-size:3.25rem;line-height:1.1;margin-top:24px}.quote-intro{font-size:.95rem}.email-cta{font-size:.9rem;padding:16px 21px;gap:60px}.contact-details{font-size:.8rem;gap:17px}.site-footer{padding:28px 7%}.site-footer>a:first-child{width:150px}.site-footer .back-top{font-size:.7rem}
}
@media(max-width:380px){.hero h1{font-size:3.35rem}.hero .eyebrow{font-size:.54rem}.hero-intro{font-size:.9rem}.section-heading h2{font-size:2.55rem}.intro h2{font-size:2.45rem}.quote-section h2{font-size:2.9rem}.hero{min-height:810px}.brand{width:130px}}
@media(prefers-reduced-motion:reduce){.world-visual{opacity:.7}.work-section,.about-section,.intro{background:#111}}

/* The after concept is an editorial dance publication with its own visual structure. */
.forma-experience{background:#171316;color:#f5f0e9;padding:0 3.3cqw;display:grid;grid-template-rows:8% 26% 51% 15%;font-family:Arial,Helvetica,sans-serif}
.forma-topline{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #756771;font-size:.72cqw;letter-spacing:.11em}
.forma-topline>div{display:flex;align-items:center;gap:2.7cqw;letter-spacing:0;font-size:.86cqw}.forma-menu{margin-left:2cqw}
.forma-masthead{display:flex;align-items:center;justify-content:space-between;gap:4cqw;overflow:hidden}
.forma-masthead>strong{font-family:Arial,Helvetica,sans-serif;font-size:18.1cqw;line-height:.92;font-weight:900;letter-spacing:-1.15cqw;margin-left:-.8cqw}
.forma-masthead>span{font-size:1.55cqw;line-height:1.35;white-space:nowrap;padding-right:.8cqw}.forma-masthead em{font-family:Georgia,serif;font-weight:400;font-size:2.3cqw}
.forma-editorial{display:grid;grid-template-columns:75% 25%;min-height:0;border-top:1px solid #756771;padding-top:1.4cqw}
.forma-gallery{display:grid;grid-template-columns:24% 76%;gap:0;min-width:0;min-height:0;padding-right:2cqw}
.forma-study{margin:0;padding:0 1.5cqw 0 0;display:flex;flex-direction:column;justify-content:flex-end;min-height:0}
.forma-study>span{font-size:.57cqw;letter-spacing:.12em;margin-bottom:1cqw;color:#c6adb9}
.forma-study>img{width:100%;height:auto;max-height:70%;object-fit:contain;object-position:bottom}
.forma-study>figcaption{font-size:1.15cqw;line-height:1.4;padding-top:1cqw}.forma-study em{font-family:Georgia,serif;font-size:1.4cqw;color:#dbb8c9}
.forma-ensemble{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:0;min-width:0}
.forma-ensemble>img{display:block;max-height:calc(100% - 2cqw);width:100%;object-fit:contain;object-position:center bottom}
.forma-ensemble>figcaption{display:flex;justify-content:space-between;width:100%;font-size:.5cqw;letter-spacing:.09em;padding-top:.8cqw;min-height:2cqw;color:#c6adb9}
.forma-class-index{border-left:1px solid #756771;padding:0 0 0 2cqw;min-height:0}
.forma-index-label{font-size:.58cqw;letter-spacing:.14em;color:#c6adb9}
.forma-class-index h3{font-size:3.15cqw;font-weight:400;line-height:1.06;letter-spacing:-.12cqw;margin:1.7cqw 0 2cqw}
.forma-class-index h3 em{font-family:Georgia,serif;color:#dbb8c9}
.forma-class{display:flex;align-items:center;gap:.85cqw;padding:1.03cqw 0;border-top:1px solid #756771;font-size:1.02cqw}
.forma-class small{font-size:.57cqw;color:#c6adb9}.forma-class b{margin-left:auto;font-weight:400;font-size:1.2cqw}
.forma-invitation{font-size:.8cqw;line-height:1.55;color:#c6adb9;margin-top:1.4cqw}
.forma-bottom{display:flex;align-items:center;justify-content:space-between;gap:3cqw;margin-top:1.8cqw;border-top:1px solid #756771;padding-bottom:1cqw}
.forma-bottom>p{font-size:1.4cqw;line-height:1.22}.forma-bottom em{font-family:Georgia,serif;font-size:1.6cqw;color:#dbb8c9}.forma-bottom>span{font-size:.78cqw;color:#c6adb9}
.forma-bottom>.forma-explore{display:flex;align-items:center;gap:2.2cqw;background:#e5c0d0;color:#261b21;padding:1.15cqw 1.45cqw;font-size:.72cqw;letter-spacing:.06em}.forma-explore b{font-size:1.4cqw;font-weight:400}
@media(max-width:760px){
 .forma-experience{padding:0 4cqw;grid-template-rows:7% 20% 59% 14%}
 .forma-topline{font-size:.95cqw}.forma-topline>div{font-size:1.3cqw}.forma-topline>div>span:not(.forma-menu){display:none}.forma-menu{margin-left:0}
 .forma-masthead{gap:2cqw}.forma-masthead>strong{font-size:18cqw;letter-spacing:-1.3cqw}.forma-masthead>span{font-size:1.7cqw}.forma-masthead em{font-size:2.5cqw}
 .forma-editorial{grid-template-columns:1fr;grid-template-rows:70% 30%;padding-top:1.5cqw}
 .forma-gallery{grid-template-columns:24% 76%;padding-right:0;padding-bottom:1.6cqw}.forma-study{padding-right:2cqw}.forma-study>span{font-size:.8cqw;margin-bottom:1.5cqw}.forma-study>img{max-height:72%}.forma-study>figcaption{font-size:1.7cqw;padding-top:1.4cqw}.forma-study em{font-size:1.9cqw}
 .forma-ensemble>img{max-height:calc(100% - 2.8cqw)}.forma-ensemble>figcaption{font-size:.7cqw;min-height:2.8cqw;padding-top:1.3cqw}
 .forma-class-index{border-left:0;border-top:1px solid #756771;padding:2cqw 0;display:grid;grid-template-columns:repeat(3,1fr);align-content:center;column-gap:3cqw}
 .forma-index-label{grid-column:1/-1;font-size:1.1cqw;margin-bottom:1.8cqw}.forma-class-index h3,.forma-invitation{display:none}.forma-class{font-size:1.8cqw;padding:1.5cqw 0;gap:1cqw}.forma-class small{font-size:1cqw}.forma-class b{font-size:2cqw}
 .forma-bottom{margin-top:1cqw;padding-bottom:2cqw;gap:2cqw}.forma-bottom>p{font-size:2.1cqw}.forma-bottom em{font-size:2.4cqw}.forma-bottom>span:not(.forma-explore){display:none}.forma-bottom>.forma-explore{font-size:1.1cqw;padding:2cqw;gap:3cqw}.forma-explore b{font-size:2cqw}
}
