*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fbf6e8;color:#203953;font:14px/1.6 'Inter',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible{outline:2px solid #9c3844;outline-offset:6px}.skip{position:fixed;top:-80px;left:24px;background:#203953;color:#fbf6e8;padding:12px;z-index:10}.skip:focus{top:10px}header,main,footer{max-width:1580px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:29px 5%;border-bottom:1px solid #20395325}.brand{display:flex;align-items:center;gap:12px;font-family:'Fraunces',Georgia,serif;font-size:26px}.brand-dot{color:#bd5e6c}.header-note{font-size:10px;letter-spacing:.13em;text-transform:uppercase}.plain-link{font-size:11px;border-bottom:1px solid #20395366;padding:5px 0}.intro{display:grid;grid-template-columns:1.7fr 1fr;gap:80px;align-items:end;padding:80px 5% 70px}.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:.17em;font-weight:500;margin:0 0 26px}h1,h2,p{margin-top:0}h1{font:300 clamp(52px,6.6vw,106px)/1.04 'Fraunces',Georgia,serif;letter-spacing:-.055em;margin-bottom:0}h1 em{font-weight:300;color:#a24658}.intro-note{max-width:300px;justify-self:end;padding-bottom:4px}.intro-note p{font-size:13px;line-height:1.9;margin-bottom:26px}.intro-note .eyebrow{font-size:8px;margin-bottom:0}.small-rule{display:block;width:44px;height:1px;background:#a24658;margin-bottom:24px}.studies{padding:0 5% 85px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.study{min-width:0}.study-art{height:clamp(290px,30vw,440px);position:relative;overflow:hidden;background:#eee8d9;transition:transform .5s}.study:hover .study-art{transform:translateY(-5px)}.study-art svg{position:absolute;inset:17px 0 0;width:100%;height:94%;transition:transform .8s}.study:hover svg{transform:scale(1.035)}.tidal{background:#e8e6c7}.relief{background:#183348;color:#f5e8d1}.art-number{position:absolute;top:23px;left:24px;font-size:8px;letter-spacing:.14em;z-index:1}.art-note{position:absolute;bottom:19px;left:24px;font-family:'Fraunces',Georgia,serif;font-style:italic;font-size:13px}.study-heading{display:flex;align-items:center;justify-content:space-between;margin:23px 0 10px}.study h2{font:300 clamp(24px,2.3vw,34px)/1.2 'Fraunces',Georgia,serif;margin:0;letter-spacing:-.025em}.open-arrow{font-size:24px;font-weight:300}.study>p{font-size:11px;line-height:1.9;max-width:330px;margin-bottom:18px;color:#4b5c66}.study-meta{font-size:8px;letter-spacing:.12em;text-transform:uppercase}.paintings{border-top:1px solid #20395325;padding:66px 5% 80px}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:35px}.section-intro .eyebrow{margin-bottom:14px}.section-intro h2{font:300 40px/1.2 'Fraunces',Georgia,serif;letter-spacing:-.035em;margin:0}.section-intro>p{max-width:385px;font-size:11px;justify-self:end;line-height:1.9;margin-bottom:2px}.painting-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.painting{display:block;border:0;padding:0;background:none;text-align:left;cursor:zoom-in;min-width:0}.painting img{display:block;width:100%;aspect-ratio:4/4.7;object-fit:cover;object-position:center;border:1px solid #20395318}.painting>span{font-family:'Fraunces',Georgia,serif;display:flex;gap:5px;justify-content:space-between;font-size:14px;margin-top:11px}.painting>span>span{font-family:'Inter',sans-serif;font-size:8px;padding-top:5px;opacity:.6}footer{border-top:1px solid #20395325;padding:25px 5% 30px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#4b5c66}dialog{width:min(1000px,92vw);max-height:94dvh;padding:20px 24px;border:1px solid #20395335;background:#fbf6e8;color:#203953}dialog::backdrop{background:#11283dd9}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.dialog-top h2{font:300 27px 'Fraunces',Georgia,serif;margin:0}.close{border:0;background:none;padding:8px;cursor:pointer}.full-photo{display:block;max-height:74dvh;width:100%;object-fit:contain}dialog>p{font-size:10px;margin:12px 0 0}@media(min-width:1600px){.study-art{height:440px}}@media(max-width:850px){.header-note{display:none}.intro{gap:35px;padding-top:60px}.intro-note p{font-size:11px}.studies{gap:17px}.study-art{height:285px}.art-number{left:15px;top:15px;font-size:7px}.art-note{left:15px;font-size:11px}.study h2{font-size:25px}.study>p{font-size:10px}.painting-strip{gap:12px}.painting>span{font-size:12px}.painting>span>span{display:none}}@media(max-width:600px){header{padding:20px 6%}.brand{font-size:22px;gap:8px}.brand img{width:34px;height:34px}.plain-link{font-size:9px}.intro{display:block;padding:45px 6% 42px}.eyebrow{font-size:8px;margin-bottom:22px}h1{font-size:55px}.intro-note{max-width:none;padding:24px 0 0}.intro-note p{font-size:12px;max-width:320px;margin-bottom:14px}.small-rule{display:none}.studies{grid-template-columns:1fr;gap:40px;padding:0 6% 50px}.study-art{height:365px}.study-art svg{height:92%;inset:18px 0 0}.study-heading{margin-top:20px}.study h2{font-size:32px}.study>p{font-size:12px;max-width:none}.art-number{left:21px;top:21px;font-size:9px}.art-note{left:21px;font-size:14px}.study-meta{font-size:9px}.paintings{padding:40px 6% 50px}.section-intro{display:block;margin-bottom:28px}.section-intro h2{font-size:36px}.section-intro>p{margin-top:20px;font-size:12px}.painting-strip{grid-template-columns:repeat(2,1fr);gap:22px 15px}.painting>span{font-size:14px}footer{padding:25px 6%;display:block;font-size:9px}footer span{display:block;margin-bottom:8px}.dialog-top h2{font-size:23px}dialog{padding:16px}.close{padding-right:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.study-art,.study-art svg{transition:none}.study:hover .study-art,.study:hover svg{transform:none}}
/* Research-selected additions retain the original study pages. */
.intro h1{font-size:clamp(48px,6vw,96px);letter-spacing:-.04em}.intro-note p{font-size:14px}.new-studies{padding-bottom:64px}.new-study>p{font-size:14px;line-height:1.75}.new-study .study-meta{font-size:10px}.link-arrow{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.4;flex-shrink:0;margin-left:12px}.first-studies-heading{padding:45px 5% 30px;border-top:1px solid #20395325;display:flex;align-items:baseline;justify-content:space-between;gap:24px}.first-studies-heading h2{font:300 36px/1.2 'Fraunces',Georgia,serif;letter-spacing:-.03em;margin:0}.first-studies-heading p{font-size:13px;margin:0}.study-heading h2{font-size:clamp(24px,2.1vw,33px)}.new-study .study-art{height:clamp(290px,28vw,420px)}@media(max-width:600px){.intro h1{font-size:51px}.intro{padding-top:34px;padding-bottom:34px}.intro-note{padding-top:20px}.intro-note p{font-size:13px}.intro-note .plain-link{font-size:11px}.new-study .study-art{height:340px}.new-study .study-heading h2{font-size:31px}.first-studies-heading{display:block;padding:36px 6% 28px}.first-studies-heading h2{font-size:31px;margin-bottom:12px}.first-studies-heading p{font-size:13px}.new-studies{padding-bottom:44px}}
/* Legible comparison navigation and captions at every viewport. */
.header-note,.plain-link,.intro-note .plain-link,.study-meta,.new-study .study-meta,.painting>span>span,footer,.art-note,dialog>p{font-size:12px}.plain-link{display:inline-flex;min-height:44px;align-items:center}.study>p{font-size:14px}.painting>span{font-size:16px}.painting>span>span{padding-top:3px}.dialog-top .close{min-width:44px;min-height:44px}
.new-study .actual-preview{height:auto;aspect-ratio:1.44;background:#eae1d1}.actual-preview>img{display:block;width:100%;height:100%;object-fit:cover}.new-study .actual-preview img{transition:transform .5s}.new-study:hover .actual-preview img{transform:scale(1.02)}@media(prefers-reduced-motion:reduce){.new-study .actual-preview img{transition:none}.new-study:hover .actual-preview img{transform:none}}
/* New native-GPU studies join, rather than replace, the six earlier directions. */
.gpu-studies{padding-bottom:64px}.gpu-studies .gpu-study-preview{height:auto;aspect-ratio:1;background:#efece1;display:flex;align-items:center;justify-content:center}.gpu-study-preview>img{display:block;width:100%;height:100%;object-fit:contain}.study-index-nav{display:flex;flex-wrap:wrap;gap:2px 18px}.study-index-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;border-bottom:1px solid #20395355}.gpu-studies .study-meta{font-size:12px}@media(max-width:600px){.gpu-studies{padding-bottom:44px}.study-index-nav{gap:0 14px}}
/* The experimental wing gives motion and scale room before the earlier studies. */
.experimental-studies{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px;padding-bottom:72px}.experiment{display:block}.experiment .experiment-preview{height:auto;aspect-ratio:1.7;background:#10212b}.experiment-preview video{display:block;width:100%;height:100%;object-fit:cover}.experiment-copy .study-heading{margin-top:24px}.experiment-copy>p{font-size:14px;line-height:1.8;color:#4b5c66;max-width:54ch;margin-bottom:18px}.experiment:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);background:#0b151d;color:#f5ebd8;align-items:center}.experiment:first-child .experiment-preview{aspect-ratio:1.45;min-height:360px}.experiment:first-child .experiment-copy{padding:38px}.experiment:first-child .study-heading{margin-top:0}.experiment:first-child h2{font-size:clamp(34px,3.4vw,52px)}.experiment:first-child p{color:#bdcbd0}.experiment:first-child .study-meta{color:#d4a2b5;font-size:12px}.experiment:hover .study-art{transform:none}.experiment:first-child .link-arrow{color:#d4a2b5}.experiment .study-meta{font-size:12px}.experimental-studies+.first-studies-heading{scroll-margin-top:24px}@media(max-width:850px){.experiment:first-child .experiment-copy{padding:26px}.experiment:first-child .experiment-preview{min-height:330px;aspect-ratio:1.2}.experiment:first-child h2{font-size:34px}}@media(max-width:600px){.experimental-studies{grid-template-columns:1fr;gap:36px;padding-bottom:44px}.experiment:first-child{grid-column:auto;display:block}.experiment:first-child .experiment-preview{min-height:0;aspect-ratio:1.15}.experiment:first-child .experiment-copy{padding:25px}.experiment:first-child h2{font-size:35px}.experiment .experiment-preview{aspect-ratio:1.35}.experiment-copy .study-heading{margin-top:20px}.intro h1{font-size:48px}}
.preview-toggle{border:0;border-bottom:1px solid #20395366;background:none;padding:8px 0;min-height:44px;font:12px/1.5 Inter,sans-serif;cursor:pointer;margin-top:15px}.preview-toggle[hidden]{display:none}.preview-toggle:hover{color:#9c3844;border-color:currentColor}
.experiment:first-child h2{color:#f5ebd8}
/* The research is a reading destination alongside the live studies. */
.research-feature{margin:0 5% 36px;padding:48px;background:#e8dfcb;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.research-feature h2{font:300 clamp(32px,4vw,54px)/1.08 Fraunces,serif;letter-spacing:-.025em;margin:0}.research-feature h2 em{color:#a24658}.research-feature p{max-width:48ch;font-size:15px;line-height:1.8}.research-feature .plain-link{gap:30px;font-size:14px}.research-feature .link-arrow{width:22px;height:22px}.authored-studies .experiment:first-child{background:#253b34}.authored-studies .experiment:first-child p{color:#d4dfd5}.authored-studies .experiment:first-child .study-meta{color:#f1c6a1}@media(max-width:600px){.research-feature{margin-inline:6%;padding:30px 24px;grid-template-columns:1fr;gap:20px}.research-feature h2{font-size:37px}}
.living-studies .experiment:first-child{background:#203d47}.living-studies .experiment:first-child p{color:#d2dfdf}.living-studies .experiment:first-child .study-meta{color:#e9c6ad}
/* Artist feedback removes two studies from promotion while preserving access. */
.pair-studies .experiment:first-child{grid-column:auto;display:block}.pair-studies .experiment:first-child .experiment-preview{min-height:0;aspect-ratio:1.7}.pair-studies .experiment:first-child .experiment-copy{padding:28px}.pair-studies .experiment:first-child h2{font-size:34px}.set-aside{margin:0 5% 64px;padding:24px 0;border-top:1px solid #20395340;border-bottom:1px solid #20395340}.set-aside summary{cursor:pointer;min-height:44px;font-size:18px;display:list-item;padding:8px 0}.set-aside p{font-size:14px;max-width:65ch;line-height:1.7;margin-top:16px}.archived-links{display:flex;flex-wrap:wrap;gap:12px 28px}.archived-links a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:4px}