/* Line & Form: an independent direction. Original design and archives stay intact. */
:root{--paper:#f3f5f3;--ink:#20333e;--muted:#627682;--line:#ccd6da;--blue:#7898b5}
body{background:var(--paper)}
.page-home .site-header{position:absolute;inset:0 0 auto;z-index:20;background:transparent;color:var(--ink);border-bottom:1px solid #bbc9ce80}
.page-home .site-header .brand-mark{color:#4a6577}
.page-home .site-header .brand-divider{background:#9aaeb8}
.page-home .site-header nav>a:after{background:var(--ink)}
.page-home .site-header nav>.login-link{border-color:#b8c7cf}
.page-home .menu-toggle{color:var(--ink)}
.page-home .menu-toggle i{border-color:var(--ink)}
.page-home .menu-toggle[aria-expanded=true] i:after{background:var(--ink)}
.page-home .site-header nav.is-open{background:#edf1ef;border-color:var(--line);color:var(--ink)}
.no-js .page-home .site-header{position:relative;background:#edf0ee}
.no-js .page-home .site-header nav{background:transparent;color:var(--ink)}
.no-js .motion-line>span{animation:none}
.aperture-hero{position:relative;background:#edf0ee}
.aperture-stage{position:relative;height:100svh;min-height:650px;overflow:clip;isolation:isolate}
.motion-ready .aperture-hero{height:235svh}
.motion-ready .aperture-stage{position:sticky;top:0}
.aperture-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);padding:0 var(--gutter);opacity:.28;pointer-events:none}
.aperture-grid i{border-left:1px solid #b9c8cc}
.aperture-grid i:last-child{border-right:1px solid #b9c8cc}
.aperture-svg{position:absolute;inset:0;width:100%;height:100%;display:none}
.motion-ready .aperture-svg{display:block}
.aperture-static{position:absolute;width:min(40vw,64vh);right:6.5%;top:50%;transform:translateY(-44%)}
.aperture-static svg{display:block;width:100%;height:auto}
.motion-ready .aperture-static{display:none}
.aperture-intro{position:relative;z-index:2;padding:clamp(180px,23vh,270px) var(--gutter) 130px;width:58%;pointer-events:none}
.aperture-intro a{pointer-events:auto}
.aperture-intro>.eyebrow{font-size:10px;letter-spacing:.17em}
.aperture-intro h1{font-size:clamp(65px,7.35vw,132px);font-weight:400;line-height:.98;letter-spacing:-.065em;margin:55px 0 34px;white-space:nowrap}
.aperture-intro h1 em{color:#748b9b;font-style:normal}
.aperture-intro>p{font-size:15px;line-height:1.7;color:#526d7b}
.aperture-link{min-width:210px;margin-top:32px;font-size:12px;border-color:#9cafb8}
.aperture-guide{position:absolute;right:6.5%;width:min(40vw,64vh);bottom:11%;display:flex;align-items:center;gap:16px;font-size:9px;color:#617987;letter-spacing:.035em;pointer-events:none}
.aperture-guide i{height:1px;background:#b7c6cd;flex:1;position:relative}
.aperture-guide i:before,.aperture-guide i:after{content:'';position:absolute;top:-3px;height:7px;width:1px;background:#8ea6b3}
.aperture-guide i:after{right:0}
.aperture-bottom{position:absolute;bottom:30px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.035em;color:#526d7b}
.enter-cue{display:flex;gap:20px;align-items:center;text-decoration:none;color:inherit;font-size:11px;letter-spacing:0}
.enter-cue>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #a8bbc5;border-radius:50%;font-size:18px;transition:transform .4s}
.enter-cue:hover>span{transform:translateY(4px)}
.aperture-end{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:0 var(--gutter) 11vh;background:linear-gradient(0deg,#132532d9,transparent 82%),linear-gradient(90deg,#172d3855,transparent);color:#f5f7f6;opacity:0;pointer-events:none}
.aperture-end>.eyebrow{color:#d0dee6;font-size:10px}
.aperture-end>p{font-size:clamp(56px,6.7vw,118px);line-height:1.03;letter-spacing:-.06em;margin:35px 0}
.aperture-end>p em{font-style:normal;color:#bed1df}
.aperture-end-note{font-size:13px;color:#cfdae2}
.aperture-progress{position:absolute;bottom:0;left:0;right:0;height:2px;opacity:0;background:#dce8ed33}
.motion-ready .aperture-progress{opacity:1}
.aperture-progress i{display:block;height:100%;background:#a8c4d7;transform:scaleX(0);transform-origin:left}
.page-home .approach{padding-top:125px;padding-bottom:115px}
.page-home .approach .section-heading{border-bottom:1px solid var(--line);padding-bottom:65px}
.page-home .intro-columns p{color:#526873}
.page-home .focus-editorial{margin-top:75px}
.draft-sequence{position:relative;background:#e5ecef}
.draft-stage{padding:65px var(--gutter) 32px;position:relative;min-height:800px}
.motion-ready .draft-sequence{height:195svh}
.motion-ready .draft-stage{position:sticky;top:0;height:100svh;min-height:650px;display:flex;flex-direction:column;justify-content:center}
.draft-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:32px}
.draft-heading .eyebrow{font-size:9px;letter-spacing:.15em}
.draft-heading h2{font-size:clamp(44px,4vw,68px);letter-spacing:-.05em;line-height:1.02;margin-top:20px}
.draft-heading h2 em{color:#728c9e}
.draft-heading>p{font-size:13px;line-height:1.7;color:#526c7e;max-width:270px;padding-bottom:5px}
.draft-plate{position:relative;min-height:0;width:100%;max-height:58vh;aspect-ratio:1792/1008;background:#dfe8ed;overflow:hidden}
.draft-art{width:100%;height:100%;display:block}
.draft-lines line{vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0}
.draft-lines,.draft-datum,#draft-scan{opacity:0}
.motion-ready .draft-lines{opacity:1}
.motion-ready .draft-datum{opacity:.6}
.draft-corner{position:absolute;width:18px;height:18px;border-color:#587788;border-style:solid;pointer-events:none;opacity:.6}
.draft-corner.top-left{left:9px;top:9px;border-width:1px 0 0 1px}
.draft-corner.bottom-right{right:9px;bottom:9px;border-width:0 1px 1px 0}
.draft-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;font-size:9px;letter-spacing:.04em;color:#5c7484}
.draft-states{display:flex;align-items:center;gap:15px}
.draft-states i{width:32px;height:1px;background:#9db1be;transform-origin:left}
.foundation{background:#d0dee7}
.figure{position:relative}
.figure:after{content:'';position:absolute;top:-4px;left:0;right:0;height:9px;border-left:1px solid #7594a9;border-right:1px solid #7594a9;pointer-events:none}
.figure:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:#66899f;transform:scaleX(var(--rule-progress,1));transform-origin:left}
.team-section{background:var(--paper)}
.site-footer{background:#dfe7eb}
.site-footer .brand-mark{color:#4a6577}
.site-footer .mark-accent{fill:#7193b0}
@media(min-width:1700px){.aperture-intro{padding-top:25vh}.draft-plate{max-height:61vh}}
@media(max-width:1100px){.aperture-intro{width:65%;padding-top:24vh}.aperture-intro h1{font-size:8vw}.aperture-guide{bottom:14%}.draft-heading h2{font-size:50px}.draft-heading>p{font-size:12px}.draft-stage{padding-top:45px}}
@media(max-width:700px){
  .aperture-stage{height:100svh;min-height:700px}
  .motion-ready .aperture-hero{height:215svh}
  .aperture-intro{padding:133px 24px 0;width:100%}
  .no-js .aperture-intro{padding-top:50px}
  .aperture-intro>.eyebrow{font-size:8px}
  .aperture-intro h1{font-size:clamp(47px,12.4vw,78px);line-height:1.02;margin:27px 0 19px}
  .aperture-intro>p{font-size:12px;line-height:1.65}
  .aperture-link{font-size:11px;min-width:183px;margin-top:14px;padding:10px 0}
  .aperture-static{width:min(61vw,30vh);right:8%;top:auto;bottom:75px;transform:none}
  .aperture-guide{display:none}
  .aperture-bottom{bottom:22px;left:24px;right:24px;font-size:8px}
  .aperture-bottom>span{max-width:160px;line-height:1.6}
  .enter-cue{font-size:9px;gap:11px;max-width:115px;line-height:1.5}
  .enter-cue>span{width:29px;height:29px;flex-shrink:0}
  .aperture-end{padding:0 24px 85px;background:linear-gradient(0deg,#132532e6,transparent 100%)}
  .aperture-end>.eyebrow{font-size:8px}
  .aperture-end>p{font-size:46px;line-height:1.04;margin:26px 0}
  .aperture-end-note{font-size:11px}
  .page-home .approach{padding-top:70px;padding-bottom:65px}
  .page-home .approach .section-heading{padding-bottom:36px}
  .page-home .focus-editorial{margin-top:38px}
  .draft-stage,.motion-ready .draft-stage{padding:52px 24px 28px;min-height:690px}
  .motion-ready .draft-sequence{height:175svh}
  .draft-heading{display:block;margin-bottom:27px}
  .draft-heading h2{font-size:43px;margin-top:23px}
  .draft-heading>p{font-size:12px;margin-top:20px;max-width:285px;line-height:1.7}
  .draft-heading>p br{display:none}
  .draft-plate{aspect-ratio:1.08;max-height:44vh;flex:none}
  .draft-caption{font-size:8px;gap:12px;line-height:1.5;align-items:start;padding-top:15px}
  .draft-caption>span{max-width:130px}
  .draft-states{display:none}
}
@media(max-width:370px){.aperture-intro{padding:121px 20px 0}.aperture-intro h1{font-size:45px}.aperture-bottom{left:20px;right:20px}.aperture-stage{min-height:710px}.aperture-end{padding-left:20px;padding-right:20px}.aperture-end>p{font-size:40px}.draft-stage,.motion-ready .draft-stage{padding-left:20px;padding-right:20px}.draft-heading h2{font-size:39px}}
@media(max-height:640px){.draft-stage{min-height:0;padding-top:45px;padding-bottom:35px}.draft-plate{max-height:none}.aperture-intro{padding-top:165px}.no-js .aperture-intro{padding-top:55px}}
@media(prefers-reduced-motion:reduce){
  .motion-ready .aperture-hero,.motion-ready .draft-sequence{height:auto}
  .motion-ready .aperture-stage,.motion-ready .draft-stage{position:relative}
  .aperture-svg,.aperture-end,.aperture-progress{display:none!important}
  .aperture-static{display:block!important}
  .aperture-intro,.aperture-bottom,.aperture-guide{opacity:1!important;transform:none!important}
  .draft-lines,.draft-datum,#draft-scan{opacity:0!important}
}

html[data-motion="still"]{scroll-behavior:auto}
html[data-motion="still"] *,html[data-motion="still"] *:before,html[data-motion="still"] *:after{animation:none!important;transition:none!important}

/* Line & Form carries its drawing language below the hero: registration corners, a measured chapter rail, and dimensioned names. */
.page-home .focus-picture:before,.page-home .focus-picture:after{content:'';position:absolute;z-index:2;width:18px;height:18px;border:solid rgba(255,255,255,.8);mix-blend-mode:difference;pointer-events:none}
.page-home .focus-picture:before{left:14px;top:14px;border-width:1px 0 0 1px}
.page-home .focus-picture:after{right:14px;bottom:14px;border-width:0 1px 1px 0}
.focus-progress{position:relative;overflow:visible}
.focus-progress:before{content:'';position:absolute;inset:-3px 0;background:linear-gradient(90deg,transparent calc(33.333% - .5px),#8fa6b6 calc(33.333% - .5px) calc(33.333% + .5px),transparent 0 calc(66.666% - .5px),#8fa6b6 calc(66.666% - .5px) calc(66.666% + .5px),transparent 0);pointer-events:none}
.team-strip h3{position:relative;padding-top:13px;margin-top:12px}
.team-strip h3:before{content:'';position:absolute;top:0;left:0;right:0;height:7px;border:solid #8aa3b4;border-width:0 1px;background:linear-gradient(#8aa3b4,#8aa3b4) 0 3px/100% 1px no-repeat}