:root{--paper: #fffbe8;--paper-deep: #f1eccb;--blue: #2f89e8;--blue-deep: #1d5fa6;--ink: #15314d;--muted: #5d7182;--line: rgba(21, 49, 77, .22);--white: #fffef4;--section-x: clamp(20px, 9vw, 160px);--section-y: clamp(80px, 11vw, 170px);--display: Impact, Haettenschweiler, "Arial Narrow Bold", "Arial Narrow", sans-serif;--body: "Trebuchet MS", "Arial Narrow", Arial, sans-serif;color:var(--ink);background:var(--paper);font-family:var(--body);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden}body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}.site-shell{min-height:100vh;background:var(--paper)}.blue-section{color:var(--white);background:var(--blue)}.paper-section{color:var(--ink);background:var(--paper)}.site-header{position:absolute;z-index:4;top:0;left:0;display:flex;width:100%;align-items:center;justify-content:space-between;padding:24px clamp(20px,4vw,72px);color:var(--white)}.wordmark{font:400 clamp(2rem,4vw,3.5rem) / .78 var(--display);letter-spacing:.035em}.wordmark span,.contact-shape span{color:var(--paper)}.contact-shape span{display:inline-block;margin-left:.1em}.site-nav{display:flex;align-items:center;gap:clamp(18px,3vw,50px);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.site-nav a{transition:opacity .2s ease,transform .2s ease}.site-nav a:hover{opacity:.72;transform:translateY(-2px)}.nav-cta{border-bottom:1px solid currentColor;padding-bottom:4px}.nav-cta span,.button span,.footer-email span{display:inline-block;margin-left:7px;font-size:1rem;transition:transform .2s ease}.nav-cta:hover span,.button:hover span,.footer-email:hover span{transform:translate(3px,-3px)}.menu-button{display:none;border:0;background:transparent;cursor:pointer}.hero{position:relative;display:grid;min-height:min(100dvh,900px);grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:clamp(28px,8vw,140px);align-items:center;padding:112px clamp(20px,9vw,160px) 72px;overflow:hidden}.hero-copy{position:relative;z-index:1;max-width:700px}.kicker{margin:0 0 18px;font-size:.65rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:400;letter-spacing:.01em;text-transform:uppercase}h1{max-width:660px;margin-bottom:22px;color:var(--white);font-size:clamp(4.8rem,13.5vw,13rem);line-height:.87}h1 em,h2 em{color:var(--paper);font-style:normal}.paper-section h2 em{color:var(--blue)}.hero-lede{max-width:360px;margin-bottom:32px;font-size:clamp(1rem,1.4vw,1.22rem);line-height:1.25}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:13px 24px;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;transition:transform .25s cubic-bezier(.16,1,.3,1),background-color .25s ease,color .25s ease}.button:hover{transform:translateY(-3px)}.button:active{transform:translateY(-1px) scale(.98)}.button-light{color:var(--blue);background:var(--white)}.button-light:hover{background:var(--paper)}.button-blue{color:var(--white);background:var(--blue)}.button-blue:hover{background:var(--blue-deep)}.media-slot,.video-slot{position:relative;display:grid;place-items:center;border:1px solid currentColor;background:#ffffff14;color:inherit}.media-slot:before,.video-slot:before{position:absolute;inset:12px;border:1px dashed currentColor;content:"";opacity:.36}.media-slot span,.video-slot span{position:relative;font-size:.6rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;opacity:.72}.hero-media{position:relative;width:100%;max-width:470px;aspect-ratio:.82;justify-self:end;overflow:hidden;transform:rotate(2deg)}.hero-media img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 18%}.hero-note{position:absolute;right:5vw;bottom:28px;font-size:.6rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;opacity:.75}.intro,.life,.contact{padding:var(--section-y) var(--section-x)}.intro{padding-top:clamp(56px,6vw,96px);padding-bottom:clamp(56px,6vw,96px)}.section-intro{max-width:none;margin-bottom:clamp(48px,7vw,92px)}.intro .section-intro{margin-bottom:clamp(20px,2.6vw,36px)}.intro h2{margin-bottom:0;font-size:clamp(3.4rem,6.4vw,6.4rem)}h2{margin-bottom:22px;font-size:clamp(4rem,7vw,7.4rem);line-height:.87}.section-description{max-width:410px;margin:0;font-size:1rem;line-height:1.35}.intro-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:clamp(36px,7vw,100px);align-items:center}.intro-body{max-width:590px}.intro-body p,.life-copy>p,.contact-copy>p{max-width:58ch;font-size:.98rem;line-height:1.55}.large-copy{font-size:clamp(1.4rem,2.3vw,2.25rem)!important;line-height:1.08!important;letter-spacing:-.035em}.intro-body .large-copy{margin-bottom:28px}.fact-list{border-top:1px solid var(--line)}.fact{display:grid;grid-template-columns:.75fr 1.25fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:.78rem;line-height:1.3}.fact span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.fact strong{font-size:.95rem;font-weight:700}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.counter-card{align-self:center;padding:18px 0 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.counter-value{display:flex;align-items:baseline;color:var(--blue);font:400 clamp(5rem,12vw,10.5rem) / .78 var(--display);letter-spacing:.01em}.counter-number{min-width:6ch}.counter-plus{margin-left:5px;font-size:.55em}.counter-caption{margin:16px 0 0;color:var(--ink);font-size:.72rem;font-weight:800;letter-spacing:.16em;line-height:1.25;text-transform:uppercase}.work{padding:var(--section-y) var(--section-x)}.section-intro-light{margin-left:0}.format-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(22px,3vw,48px) clamp(14px,2.5vw,34px);align-items:start}.format-card{grid-column:auto;margin-top:0}.video-slot{aspect-ratio:9 / 15;background:#fffef41a}.play-mark{position:absolute;right:14px;bottom:12px;font-family:var(--display);font-size:1.8rem!important;line-height:1;opacity:.82!important}.format-meta{padding-top:16px}.format-meta h3{margin-bottom:5px;font-family:var(--display);font-size:1.3rem;font-weight:400;letter-spacing:.02em;text-transform:uppercase}.format-meta p{max-width:22ch;margin:0;font-size:.75rem;line-height:1.35;opacity:.82}.life{display:grid;grid-template-columns:minmax(250px,.82fr) minmax(0,1.18fr);gap:clamp(52px,11vw,190px);align-items:center}.life-media{position:relative;width:100%;max-width:460px;aspect-ratio:.82;justify-self:center;overflow:hidden;transform:rotate(-3deg)}.life-media img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 18%}.life-copy h2{font-size:clamp(4rem,7vw,7.4rem)}.life-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}.life-tags span{padding:9px 13px;border:1px solid var(--line);border-radius:999px;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.contact{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(240px,.9fr);gap:40px;overflow:hidden}.contact-copy{position:relative;z-index:1;max-width:none}.contact-copy h2{font-size:clamp(4rem,7vw,7.4rem)}.contact-copy .large-copy{max-width:510px;margin-bottom:34px}.contact-shape{align-self:center;justify-self:end;color:var(--paper);font:400 clamp(9rem,24vw,25rem) / .72 var(--display);letter-spacing:-.04em;transform:rotate(7deg)}.site-footer{padding:44px clamp(20px,5vw,80px) 26px}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:end;padding-bottom:80px}.wordmark-footer{color:var(--ink);font-size:clamp(4rem,8vw,8rem)}.site-footer .wordmark span{color:var(--blue)}.footer-top p{margin:0;font-size:clamp(1.4rem,2.5vw,2.5rem);font-weight:700;line-height:.95;letter-spacing:-.04em}.footer-email{justify-self:end;border-bottom:1px solid currentColor;padding-bottom:5px;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:18px;font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.78}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.16,1,.3,1)}.reveal-delay{transition-delay:.12s}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes menu-item-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:861px){.work h2,.contact-copy h2{white-space:nowrap}}@media(max-width:860px){.site-header{padding:18px 20px}.menu-button{display:grid;width:44px;height:44px;place-items:center;padding:0;border:1px solid rgba(255,254,244,.68);border-radius:50%;color:var(--white);background:#fffef414;cursor:pointer;transition:background-color .3s ease,border-color .3s ease,transform .3s cubic-bezier(.16,1,.3,1)}.menu-button:hover{transform:translateY(-2px);background:#fffef429}.menu-lines{display:grid;width:18px;gap:5px}.menu-lines i{display:block;width:18px;height:1px;background:currentColor;transition:transform .35s cubic-bezier(.16,1,.3,1)}.menu-open .menu-lines i:first-child{transform:translateY(2.5px) rotate(45deg)}.menu-open .menu-lines i:last-child{transform:translateY(-2.5px) rotate(-45deg)}.menu-open .menu-button{border-color:var(--paper);color:var(--blue-deep);background:var(--paper)}.site-nav{position:absolute;z-index:0;top:0;left:0;display:grid;min-height:100dvh;align-content:center;width:100%;gap:0;padding:112px 20px 68px;overflow:hidden;background:var(--blue-deep);opacity:0;pointer-events:none;transform:translateY(-104%) scaleY(.96);transform-origin:top center;transition:opacity .32s ease,transform .5s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.site-nav:before{position:absolute;top:120px;left:20px;color:#fffef41c;content:"JE.";font:400 clamp(8rem,30vw,16rem) / .7 var(--display);letter-spacing:.035em;pointer-events:none}.site-nav:after{position:absolute;right:-64px;bottom:-84px;width:220px;height:220px;border:1px solid rgba(255,254,244,.2);border-radius:50%;content:"";pointer-events:none}.site-nav.is-open{opacity:1;pointer-events:auto;transform:translateY(0) scaleY(1)}.site-nav a{position:relative;z-index:1;display:flex;width:min(100%,720px);align-items:baseline;justify-content:space-between;padding:16px 0 18px;border-bottom:1px solid rgba(255,254,244,.3);font:400 clamp(3.55rem,14vw,7rem) / .84 var(--display);letter-spacing:.02em;text-transform:uppercase}.site-nav .nav-cta{border-bottom:1px solid rgba(255,254,244,.3);padding-bottom:18px}.site-nav.is-open a{animation:menu-item-in .45s cubic-bezier(.16,1,.3,1) both}.site-nav.is-open a:nth-child(2){animation-delay:.05s}.site-nav.is-open a:nth-child(3){animation-delay:.1s}.site-nav.is-open a:nth-child(4){animation-delay:.15s}.menu-button{position:relative;z-index:1}.hero{grid-template-columns:1fr;min-height:auto;padding-top:138px}.hero-media{width:min(72vw,400px);margin-top:14px;justify-self:center}.hero-note{display:none}.intro-grid{grid-template-columns:1fr;gap:40px}.format-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:640px){h1{font-size:clamp(4.6rem,22vw,7.5rem)}h2,.intro h2,.life-copy h2,.contact-copy h2{font-size:clamp(3.8rem,18vw,6.5rem)}.hero,.intro,.work,.life,.contact{padding-right:20px;padding-left:20px}.intro,.work,.life,.contact{padding-top:80px;padding-bottom:80px}.hero{padding-top:125px;padding-bottom:64px}.intro-grid,.life,.contact{display:grid;grid-template-columns:1fr;gap:56px}.section-intro{margin-bottom:54px}.format-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:44px 16px}.format-card{grid-column:auto}.format-meta h3{font-size:1.1rem}.format-meta p{font-size:.7rem}.counter-card{padding-top:20px}.counter-value{font-size:clamp(4.7rem,22vw,7.5rem)}.life-media{width:min(80vw,360px);justify-self:center}.contact-shape{justify-self:start;font-size:10rem}.footer-top{grid-template-columns:1fr;gap:28px;padding-bottom:64px}.footer-email{justify-self:start}.footer-bottom{display:grid;gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
