/* ReDraft: an editorial drawing board, composed in type, ink and frames. */
.wrap{width:calc(100% - 80px);max-width:1440px}
.site-header{height:92px;gap:24px;border-color:var(--ink)}
.site-header .brand{font-size:30px}
.brand.brand-wordmark{gap:0;align-items:center;letter-spacing:0}
.brand-initials{width:auto;height:46px;flex:none}
.brand-name{font-family:"Playfair Display",Georgia,serif;font-size:40px;font-weight:500;letter-spacing:-.045em;line-height:1;margin-left:-2px;transform:translateY(3px)}
.site-header nav{gap:28px;font-size:11px}
.nav-cta{background:var(--red);color:var(--paper);border-color:var(--red);padding:13px 18px}
.nav-cta:hover{background:var(--ink);border-color:var(--ink)}
.button{border-color:var(--ink);min-height:52px;padding:16px 21px}
.button.primary{background:var(--ink);color:var(--paper)}
.button.primary:hover{background:var(--red);border-color:var(--red)}
.button.outline{border-color:var(--red)}
.eyebrow{font-size:9px;letter-spacing:.14em}
.section-number{font-size:11px}
.section-space{padding-block:120px}

/* The opening frame is a single composition, with type crossing the image. */
.hero.editorial-hero{display:block;position:relative;min-height:850px;padding:27px 0 35px;margin-bottom:44px}
.editorial-hero .hero-copy{padding:0;position:relative;z-index:2;text-align:left;pointer-events:none}
.editorial-hero .hero-summary{pointer-events:auto}
.hero-topline{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:34px}
.hero-edition{font-size:8px;letter-spacing:.13em;color:var(--muted)}
.editorial-hero h1{font-size:clamp(150px,18.5vw,280px);line-height:.78;letter-spacing:-.065em;white-space:normal;position:relative;pointer-events:none}
.editorial-hero h1 em{display:block;text-align:right;font-size:.61em;line-height:1.05;letter-spacing:-.065em;margin-top:-.005em;padding-right:3.3%;white-space:nowrap}
.editorial-hero h1 em::after{display:none}
.hero-summary{width:26%;max-width:305px;margin-top:32px}
.editorial-hero .hero-description{font:34px/1.05 var(--serif);letter-spacing:-.035em;color:var(--ink);margin:0}
.editorial-hero .hero-description em{color:var(--ink)}
.hero-detail{font-size:12px;line-height:1.85;color:var(--muted);margin-top:23px;max-width:265px}
.editorial-hero .hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin-top:27px}
.editorial-hero .hero-actions .button{min-width:215px;font-size:12px}
.editorial-hero .hero-art{position:absolute;z-index:1;top:221px;left:31%;right:0;bottom:35px;height:auto;width:auto;max-width:none;margin:0}
.editorial-hero .hero-main{position:relative;inset:auto;transform:none;width:100%;height:100%;padding:0;margin:0;box-shadow:none;background:#eee9df;border:0}
.editorial-hero .hero-main img{width:100%;height:calc(100% - 34px);object-fit:cover;object-position:57% 50%;aspect-ratio:auto;border:0}
.editorial-hero .hero-main figcaption{height:34px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:7px;letter-spacing:.12em;border-top:1px solid var(--ink);padding:11px 0 0}
.hero-margin-label{position:absolute;top:60%;left:-24px;writing-mode:vertical-rl;rotate:180deg;font-size:7px;letter-spacing:.18em;color:var(--muted)}
.scene-cross{position:absolute;color:var(--red);font:28px/1 var(--body);pointer-events:none;z-index:2}
.scene-cross-a{top:-15px;left:-13px}.scene-cross-b{right:-10px;bottom:23px}
.editorial-hero .hero-footnote{width:27%;display:block;margin-top:50px;color:var(--muted)}
.editorial-hero .hero-footnote .handwritten{display:block;font-size:25px;transform:rotate(-5deg);max-width:240px}
.hero-scroll{display:block;margin-top:28px;font-size:7px;letter-spacing:.16em}

/* One strong change in pace. */
.manifesto{background:var(--red);color:var(--paper);position:relative;overflow:hidden}
.manifesto::after{display:none}
.manifesto .intro-section{display:block;padding-block:115px 105px}
.manifesto .section-number{color:var(--paper);border-color:#fbfaf755}
.manifesto h2{font-size:clamp(64px,6.5vw,100px);line-height:.99;letter-spacing:-.05em;margin-top:0}
.manifesto h2 em{color:var(--paper)}
.manifesto-note{display:block;font-size:31px;color:#e6c8ba;transform:rotate(-4deg);margin:30px 0 0 80px}
.manifesto .intro-copy{padding:0;color:var(--paper);font-size:13px;line-height:1.9;align-self:end;max-width:320px}
.manifesto .intro-copy p+p{margin-top:17px}
.manifesto-asterisk{font:88px/1 var(--serif);display:block;margin-bottom:30px;color:#d7a69a}
.manifesto .text-link{color:var(--paper);border-color:#fbfaf766;margin-top:25px}

/* The process reads like working notes along a ruled page. */
.process-section .section-heading{align-items:end;margin-bottom:55px}
.process-section h2{font-size:clamp(52px,5.7vw,85px);margin-top:0}
.process-section .section-heading>.handwritten{padding-right:65px;font-size:29px}
.process-grid{display:block;border-bottom:0;border-top:1px solid var(--ink)}
.process-grid article,.process-grid article:first-child,.process-grid article:last-child{padding:32px 8px 34px 0;border-left:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:85px 1.15fr 1fr 160px;align-items:center;gap:32px;min-height:172px}
.process-index{color:var(--red);font:77px/.9 var(--serif);letter-spacing:-.06em;align-self:start;margin-top:15px}
.process-grid .step{font-size:8px;letter-spacing:.17em}
.process-grid h3{font-size:43px;line-height:1.02;margin:12px 0 0;max-width:340px}
.process-grid p{font-size:13px;line-height:1.9;max-width:300px}
.process-grid .process-sketch{margin:0;justify-self:center;scale:.8}
.process-grid .sketch-frame{margin:12px 0 12px -12px}

/* A sequence of shots, with a real change of scale. */
.visual-world{background:#efede6;border-top:1px solid var(--ink);border-bottom:0;overflow:hidden;padding-top:105px}
.visual-world .section-heading{align-items:end;margin-bottom:65px}
.visual-world h2{font-size:clamp(70px,7.8vw,118px);line-height:.96;margin-top:0}
.gallery-intro{max-width:245px;font-size:14px;line-height:1.8;margin-bottom:9px;padding-right:25px}
.gallery-intro .text-link{margin-top:22px}
.filmstrip{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:60px 30px;align-items:start;padding:0}
.filmstrip::before{display:none}
.filmstrip figure{margin:0!important}
.filmstrip figure>div{padding:0;border:0;box-shadow:none;background:transparent;transform:none!important;position:relative;overflow:visible}
.filmstrip figure>div::before,.filmstrip figure>div::after{content:"";position:absolute;width:16px;height:16px;border:1px solid var(--red);z-index:2;pointer-events:none}
.filmstrip figure>div::before{left:-7px;top:-7px;border-right:0;border-bottom:0}
.filmstrip figure>div::after{right:-7px;bottom:-7px;border-top:0;border-left:0}
.filmstrip figure img{border:1px solid #a9a194;transition:transform .7s ease;object-fit:cover}
.filmstrip figure:hover img{transform:none}
.filmstrip .shot-establishing{grid-column:1/10;grid-row:1}
.filmstrip .shot-establishing img{aspect-ratio:16/9}
.storyboard-margin{grid-column:10/13;grid-row:1;padding:105px 0 0 15px;color:var(--red)}
.storyboard-margin .handwritten{font-size:30px;display:block;transform:rotate(-6deg)}
.storyboard-margin svg{width:150px;margin-top:15px;max-width:100%}
.filmstrip .shot-detail{grid-column:2/6;grid-row:2;margin-top:20px!important}
.filmstrip .shot-detail img{aspect-ratio:4/5;object-position:53% 50%}
.filmstrip .shot-perspective{grid-column:7/13;grid-row:2;margin-top:145px!important}
.filmstrip .shot-perspective img{aspect-ratio:1.55}
.filmstrip figcaption{font-size:15px;align-items:center;padding-top:20px;gap:15px;line-height:1.25;color:var(--ink)}
.filmstrip .study-number{font-size:53px;color:var(--red)}
.filmstrip .study-label{font-size:7px;letter-spacing:.16em;margin-bottom:5px}
.shot-format{margin-left:auto;font-size:7px;letter-spacing:.13em;color:var(--muted)}
.caption-note{display:flex;justify-content:space-between;gap:30px;text-align:left;font-size:9px;line-height:1.8;margin-top:75px;padding-top:20px;border-color:#b7aea0}
.caption-note>span:first-child{font-size:7px;letter-spacing:.14em}
html[data-motion="on"] .filmstrip figure:hover>div{translate:0 -3px;box-shadow:none}
.home-faq{grid-template-columns:1fr 1fr;gap:100px}
.home-faq h2{font-size:clamp(60px,6vw,90px);line-height:.98;margin-top:0}
.home-faq .faq-item summary{font-size:14px;min-height:100px}
.home-faq .faq-answer{font-size:13px}

/* A final invitation, then a signature. */
.closing.wrap{width:100%;max-width:none;background:var(--ink);color:var(--paper);padding:88px max(40px,calc((100vw - 1440px)/2)) 90px;border:0;gap:45px;overflow:hidden}
.closing .section-number{color:#c78076;border-color:#fbfaf744}
.closing h2{font-size:clamp(76px,8.5vw,128px);line-height:.96;margin-top:0}
.closing h2 em{color:#d1958b}
.closing-note{top:25px;left:auto;right:65px;background:none;color:#d1958b;font-size:28px}
.closing-action{padding:0 0 9px;max-width:315px}
.closing-action p{font-size:13px;color:#d0ccc4;line-height:1.8;margin-bottom:28px}
.closing .button{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.closing .button:hover{background:#d1958b;border-color:#d1958b}
.footer{padding-top:42px;padding-bottom:24px;overflow:hidden}
.footer-top .brand{display:none}
.footer-top>p{font-size:27px}
.footer-signature{font-family:var(--serif);font-size:clamp(140px,23.7vw,360px);line-height:.9;letter-spacing:-.07em;margin:42px 0 0 -7px;white-space:nowrap}
.footer-signature>span{color:var(--red)}
.footer-bottom{margin-top:26px;border-color:var(--ink)}
.motion-controls{flex-shrink:0}

@media(min-width:1550px){.hero.editorial-hero{min-height:970px}.editorial-hero .hero-art{top:250px}.hero-summary{margin-top:70px}.editorial-hero .hero-footnote{margin-top:60px}}
@media(max-width:1100px){.site-header nav{gap:18px}.hero.editorial-hero{min-height:790px}.hero-topline{margin-bottom:38px}.editorial-hero h1{font-size:18.2vw}.editorial-hero .hero-art{left:33%;top:200px}.hero-summary{width:28%;margin-top:46px}.editorial-hero .hero-description{font-size:30px}.hero-detail{font-size:11px}.editorial-hero .hero-actions .button{min-width:0;width:100%;font-size:11px;padding:14px}.editorial-hero .hero-footnote{margin-top:37px}.editorial-hero .hero-footnote .handwritten{font-size:23px}.manifesto .intro-section{gap:50px;grid-template-columns:1.7fr 1fr}.manifesto h2{font-size:6.8vw}.process-grid article,.process-grid article:first-child,.process-grid article:last-child{grid-template-columns:70px 1fr 1fr 120px;gap:24px}.process-grid h3{font-size:36px}.process-grid .process-sketch{scale:.7}.process-index{font-size:66px}.storyboard-margin{padding-top:70px}.storyboard-margin .handwritten{font-size:25px}.closing-action{max-width:275px}.closing h2{font-size:8.5vw}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.site-header{height:80px}.site-header nav{top:79px;font-size:13px}.site-header nav>.nav-cta{color:var(--paper)}.hero-topline{margin-bottom:35px}.hero-edition{display:none}.hero.editorial-hero{min-height:730px;margin-bottom:20px}.editorial-hero h1{font-size:18.7vw}.editorial-hero h1 em{padding-right:0}.editorial-hero .hero-art{top:175px;left:35%;bottom:30px}.hero-summary{width:29%;margin-top:45px}.editorial-hero .hero-description{font-size:29px}.hero-detail{font-size:11px;margin-top:20px}.editorial-hero .hero-actions{gap:14px}.editorial-hero .hero-footnote{max-width:none;margin-top:33px;margin-inline:0;width:29%}.editorial-hero .hero-footnote .handwritten{font-size:21px}.editorial-hero .hero-main figcaption{font-size:6px}.section-space{padding-block:88px}.manifesto .intro-section{padding-block:85px;gap:40px;grid-template-columns:1.6fr 1fr}.manifesto h2{font-size:7vw}.manifesto .intro-copy{font-size:11px}.manifesto-note{font-size:27px;margin-left:25px}.manifesto-asterisk{font-size:65px;margin-bottom:22px}.process-section .section-heading>.handwritten{padding-right:0}.process-grid article,.process-grid article:first-child,.process-grid article:last-child{grid-template-columns:60px 1.1fr 1fr;gap:24px}.process-grid .process-sketch{display:none}.process-grid h3{font-size:34px}.process-grid p{font-size:12px}.process-index{font-size:60px}.visual-world h2{font-size:8.5vw}.gallery-intro{font-size:12px;max-width:220px}.filmstrip{gap:40px 22px}.filmstrip figcaption{font-size:12px;gap:10px}.filmstrip .study-number{font-size:44px}.filmstrip .study-label{font-size:6px}.storyboard-margin{padding-top:55px}.storyboard-margin .handwritten{font-size:23px}.shot-format{display:none}.filmstrip .shot-perspective{margin-top:105px!important}.home-faq{gap:55px}.home-faq h2{font-size:7.5vw}.home-faq .faq-item summary{font-size:12px;min-height:90px}.closing.wrap{padding:75px 24px;gap:25px}.closing-action{max-width:240px}.closing-action p{font-size:12px}.closing .button{font-size:11px}.closing-note{right:35px;font-size:24px}.footer-top>p{font-size:25px}.footer-signature{font-size:24.1vw}.footer-bottom nav{max-width:65%}.motion-controls{margin-left:auto}}
@media(max-width:640px){
  .wrap{width:calc(100% - 36px)}.site-header .brand{font-size:27px}.site-header{height:76px}.site-header nav{top:75px}
  .hero.editorial-hero{display:flex;flex-direction:column;min-height:0;padding:24px 0 25px;margin-bottom:20px}
  .editorial-hero .hero-copy{display:contents}.hero-topline{order:0;margin-bottom:32px}.hero-topline .eyebrow{font-size:7px;letter-spacing:.1em;gap:9px}.hero-topline .section-number{font-size:9px;padding-right:9px}
  .editorial-hero h1{order:1;width:100%;font-size:24vw;line-height:.85;z-index:2;letter-spacing:-.06em;margin-left:-2px}
  .editorial-hero h1 em{font-size:.66em;text-align:right;line-height:1.2;margin-top:7px;padding-right:0}
  .editorial-hero .hero-art{order:2;position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;height:auto;width:100%;max-width:none;margin:-15px 0 0}
  .editorial-hero .hero-main{height:auto;width:100%}.editorial-hero .hero-main img{height:auto;aspect-ratio:1.22;object-position:55% 50%}
  .editorial-hero .hero-main figcaption{font-size:5px;letter-spacing:.07em;height:30px;padding-top:8px}.hero-margin-label{display:none}.scene-cross-a{top:0;left:-8px}.scene-cross-b{right:-8px;bottom:19px}.scene-cross{font-size:22px}
  .hero-summary{order:3;width:100%;max-width:none;margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}
  .editorial-hero .hero-description{font-size:28px;line-height:1.06}.hero-detail{margin:0;font-size:10px;line-height:1.8;max-width:none}
  .editorial-hero .hero-actions{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;margin-top:4px}.editorial-hero .hero-actions .button{width:auto;min-width:150px;padding:13px 15px;font-size:11px;min-height:46px}.editorial-hero .hero-actions .text-link{font-size:10px;gap:9px}
  .editorial-hero .hero-footnote{order:4;width:100%;display:flex;justify-content:space-between;align-items:center;margin:28px 0 0;gap:15px}.editorial-hero .hero-footnote .handwritten{font-size:23px;max-width:none}.hero-scroll{font-size:6px;margin:0;white-space:nowrap}
  .section-space{padding-block:70px}.manifesto .intro-section{display:block;padding-block:60px 65px}.manifesto::after{display:none}.manifesto h2{font-size:13vw;line-height:1.02;margin-top:0}.manifesto-note{font-size:27px;margin:22px 0 0 25px}.manifesto .intro-copy{display:grid;grid-template-columns:40px 1fr;gap:0 20px;font-size:12px;max-width:none;margin-top:40px}.manifesto-asterisk{font-size:49px;grid-row:1/4;margin-top:7px}.manifesto .intro-copy p,.manifesto .intro-copy a{grid-column:2}.manifesto .intro-copy a{justify-self:start;font-size:11px}
  .process-section .section-heading{display:block;margin-bottom:35px}.process-section h2{font-size:12vw;margin-top:0}.process-section .section-heading>.handwritten{display:block;text-align:right;font-size:24px;margin-top:25px}.process-section .section-heading>.handwritten br{display:none}
  .process-grid article,.process-grid article:first-child,.process-grid article:last-child{grid-template-columns:45px 1fr;gap:15px 18px;padding:25px 0;min-height:0}.process-index{font-size:49px;margin-top:16px;grid-row:1/3}.process-grid .step{font-size:7px}.process-grid h3{font-size:34px;margin-top:8px;max-width:none}.process-grid p{font-size:12px;grid-column:2;max-width:290px}
  .visual-world .section-heading{display:block;margin-bottom:40px}.visual-world h2{font-size:15vw;margin-top:0}.gallery-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;max-width:none;margin-top:28px;padding:0;font-size:11px}.gallery-intro .text-link{font-size:10px;margin:0;gap:10px;white-space:nowrap}
  .filmstrip{grid-template-columns:repeat(6,minmax(0,1fr));gap:40px 15px}.filmstrip .shot-establishing{grid-column:1/-1;grid-row:1}.filmstrip .shot-establishing img{aspect-ratio:1.5}.storyboard-margin{grid-column:4/7;grid-row:2;padding:40px 0 0 7px}.storyboard-margin .handwritten{font-size:24px}.storyboard-margin svg{width:90px;margin-top:5px}
  .filmstrip .shot-detail{grid-column:1/4;grid-row:2;margin-top:0!important}.filmstrip .shot-detail img{aspect-ratio:.68}.filmstrip .shot-perspective{grid-column:2/7;grid-row:3;margin-top:0!important}.filmstrip .shot-perspective img{aspect-ratio:1.35}.filmstrip figcaption{font-size:11px;gap:9px;padding-top:16px;align-items:start}.filmstrip .study-number{font-size:37px}.filmstrip .study-label{font-size:5px;letter-spacing:.1em;margin-top:3px;margin-bottom:4px}.caption-note{display:block;font-size:9px;margin-top:40px;padding-top:15px}.caption-note>span{display:block}.caption-note>span+span{margin-top:8px}
  .home-faq{display:block}.home-faq h2{font-size:16vw}.home-faq>div:first-child{margin-bottom:35px}.home-faq>div>.text-link{margin-top:23px}.home-faq .faq-item summary{font-size:13px;min-height:86px}.home-faq .faq-answer{font-size:12px}
  .closing.wrap{padding:70px 18px 55px;display:block}.closing .eyebrow{font-size:7px;letter-spacing:.08em}.closing h2{font-size:16.5vw;line-height:.97;margin-top:0}.closing-note{top:20px;right:21px;font-size:23px}.closing-action{max-width:none;margin-top:33px;padding:0}.closing-action p{font-size:12px;margin-bottom:22px}.closing .button{font-size:12px;min-width:240px}
  .footer{padding-top:28px;padding-bottom:24px}.footer-top{display:block}.footer-top>p{font-size:24px}.footer-top>.back-top{margin-top:18px;font-size:9px}.footer-signature{font-size:25.4vw;margin:32px 0 0 -3px;line-height:1}.footer-bottom{margin-top:15px;gap:20px;font-size:8px;display:flex;flex-wrap:wrap}.footer-bottom nav{max-width:100%;width:100%;justify-content:flex-start;order:2;gap:12px 19px}.motion-controls{order:1;flex-basis:auto;margin-left:auto}.motion-toggle{padding:5px 0}.footer-bottom>span:first-child{order:0}
}
@media(max-width:359px){.hero-topline .eyebrow{font-size:6px}.editorial-hero .hero-description{font-size:25px}.hero-summary{gap:18px 15px}.hero-detail{font-size:9px}.editorial-hero .hero-actions{gap:15px}.editorial-hero .hero-actions .button{min-width:139px;font-size:10px}.editorial-hero .hero-actions .text-link{font-size:9px}.hero-scroll{display:none}.manifesto .intro-copy{gap:0 15px}.gallery-intro{font-size:10px}.gallery-intro .text-link{font-size:9px}.storyboard-margin .handwritten{font-size:21px}.filmstrip figcaption{font-size:10px}.filmstrip .study-number{font-size:31px}}
@media print{.hero.editorial-hero{min-height:0}.editorial-hero .hero-art{position:relative;inset:auto;height:400px;width:100%;margin-top:30px}.hero-summary{width:100%;max-width:none}.manifesto{background:white;color:var(--ink)}.manifesto em,.manifesto .intro-copy{color:var(--ink)}.footer-signature{display:none}}