@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Caveat:wght@600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--paper:#edeae1;--yellow:#efd04c;--muted:#a5a39a;--ink:#11110f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:'DM Sans',sans-serif;font-size:14px}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:94px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff19}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:26px;letter-spacing:1px}.brand span{display:block;font:8px 'DM Sans',sans-serif;letter-spacing:2.5px;margin-top:3px;color:var(--muted)}nav{display:flex;gap:29px;align-items:center}nav a{text-transform:uppercase;font-size:10px;letter-spacing:1.3px;padding:5px 8px}nav a.active{background:var(--yellow);color:var(--ink);transform:rotate(-3deg)}nav .contact-link{margin-left:22px;border-bottom:1px solid #777}.menu{display:none}.hero{min-height:690px;height:calc(100vh - 94px);max-height:980px;position:relative;overflow:hidden;background:#292c2b}.hero>img{width:100%;height:100%;position:absolute;object-fit:cover;filter:brightness(.63)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0006,transparent 80%),linear-gradient(0deg,#11110f,transparent 35%)}.hero-content{position:relative;z-index:1;padding:65px 7%}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:10px;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:22px;height:1px;background:var(--yellow)}h1,h2,.hand{font-family:'Caveat','Segoe Print',cursive;font-weight:700}h1{font-size:clamp(100px,15vw,220px);line-height:.8;letter-spacing:-7px;color:var(--yellow);transform:rotate(-7deg);margin:54px 0 55px;max-width:550px}h1 span{display:block}.hero-note{position:absolute;right:9%;bottom:22%;z-index:2;font-size:35px;line-height:1.05;transform:rotate(-8deg)}.hero-bottom{position:absolute;z-index:2;bottom:35px;left:7%;right:7%;display:flex;justify-content:space-between;align-items:end;font-size:10px;letter-spacing:2px}.hero-bottom a{border-bottom:1px solid #999;padding-bottom:9px}.hero-bottom span{color:#c3bfb2}.section{padding:80px 7%}.section-top{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px;gap:30px}h2{font-size:64px;line-height:1;margin:12px 0;text-transform:uppercase}.section-top p{color:var(--muted);max-width:290px;line-height:1.8}.text-link{font-size:11px;letter-spacing:1px;border-bottom:1px solid #777;padding-bottom:8px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 24px}.card{display:block}.image-wrap{position:relative;aspect-ratio:1.55;overflow:hidden;background:#242520}.card img{width:100%;height:100%;object-fit:cover;filter:saturate(.7);transition:transform .5s,filter .5s}.card:hover img{transform:scale(1.04);filter:saturate(1)}.image-wrap:after{content:'↗';position:absolute;bottom:12px;right:15px;font-size:22px}.card h3{font-size:16px;margin:14px 0 5px;font-weight:500}.card small{font-size:10px;color:var(--muted);letter-spacing:.7px}.card-head{display:flex;justify-content:space-between}.number{font:11px monospace;color:#777;margin-top:17px}.intro-strip{display:flex;justify-content:space-between;align-items:center;padding:50px 7%;border-bottom:1px solid #ffffff20;gap:30px}.intro-strip p{max-width:510px;font-size:22px;line-height:1.5;margin:0}.intro-strip .hand{font-size:36px;color:var(--yellow);transform:rotate(-6deg)}.page-heading{padding:65px 7% 25px}.page-heading h2{font-size:90px}.page-heading p{color:var(--muted);max-width:500px;line-height:1.8}.page-grid{padding-top:25px;min-height:55vh}.filters{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.filters button{border:1px solid #ffffff30;background:transparent;color:var(--muted);padding:9px 17px;font-size:11px}.filters button.active{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.photo-grid{columns:3;column-gap:18px}.photo{border:0;padding:0;background:none;width:100%;margin:0 0 18px;display:block;position:relative}.photo img{width:100%;display:block}.photo span{position:absolute;bottom:0;left:0;right:0;padding:30px 16px 15px;text-align:left;background:linear-gradient(transparent,#000b);color:white;opacity:0;transition:opacity .2s}.photo:hover span,.photo:focus span{opacity:1}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.about-layout p{font-size:17px;line-height:1.9;color:#c3c0b5}.collage{position:relative;padding:30px;transform:rotate(4deg);background:#ded8c7}.collage img{width:100%;display:block;filter:saturate(.6)}.collage:before{content:'';width:110px;height:35px;background:#e0d3a5bb;position:absolute;top:-10px;left:35%;transform:rotate(-12deg)}.collage .hand{display:block;color:#222;font-size:32px;padding-top:10px}.skills{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff25;margin-top:65px}.skills div{padding:30px 0;border-bottom:1px solid #ffffff25}.skills span{color:var(--yellow);font-size:24px}.skills h3{font-weight:500}.skills p{color:var(--muted);font-size:12px}.contact-page{min-height:70vh}.contact-page h2{font-size:clamp(75px,12vw,170px);color:var(--yellow);transform:rotate(-4deg);margin:50px 0}.contact-page p{max-width:450px;line-height:1.8;color:var(--muted)}.contact-items{display:flex;gap:40px;margin-top:45px}.contact-items a{border-bottom:1px solid #777;padding:12px 0}.draft-note{font-size:11px!important;color:#a5a39a;line-height:1.7;border-left:2px solid var(--yellow);padding-left:14px;margin:30px 0}.detail{display:grid;grid-template-columns:2.5fr 1fr;gap:30px}.detail-image{width:100%;aspect-ratio:16/9;object-fit:cover}.detail h2{font-family:'Barlow Condensed',sans-serif;font-size:45px}.detail p{line-height:1.9;color:#bbb8ac;max-width:650px}.detail aside img{width:100%;margin-bottom:15px}.detail dl{line-height:2}.detail dt{color:var(--muted);font-size:10px;letter-spacing:2px;margin-top:15px}.detail dd{margin:0}footer{border-top:1px solid #ffffff25;padding:35px 5%;display:flex;gap:30px;align-items:center;flex-wrap:wrap}footer>span{color:var(--muted);font-size:11px;flex:1}footer>a:not(.brand){font-size:10px;letter-spacing:1px}footer small{width:100%;font-size:9px;color:#777}dialog{border:0;background:#0d0d0df5;color:white;width:100vw;max-width:none;height:100vh;max-height:none;padding:40px}dialog::backdrop{background:#000d}dialog[open]{display:flex;align-items:center;justify-content:center}dialog figure{margin:0;max-width:85%;text-align:center}dialog img{max-width:100%;max-height:80vh;object-fit:contain}dialog figcaption{padding:15px;color:#bbb;font-size:12px}dialog button{background:none;border:0;color:white;font-size:25px;padding:15px}.close{position:absolute;right:20px;top:15px}.previous{position:absolute;left:10px}.next{position:absolute;right:10px}button:focus-visible,a:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}@media(min-width:1500px){.section,.page-heading{padding-left:12%;padding-right:12%}}@media(max-width:750px){header{height:75px}.brand{font-size:23px}.menu{display:block;background:transparent;color:var(--paper);border:0;font-size:11px;letter-spacing:1px}nav{display:none;position:absolute;top:75px;left:0;right:0;background:#151512;padding:25px;z-index:20;flex-direction:column;align-items:start}nav.open{display:flex}nav .contact-link{margin-left:0}.hero{min-height:650px;height:85vh}.hero-content{padding-top:45px}h1{font-size:125px;letter-spacing:-5px;margin-top:65px}.hero-note{font-size:28px;right:10%;bottom:22%}.hero-bottom{font-size:8px}.hero-bottom span{max-width:120px;line-height:1.8}.section{padding:50px 6%}.section-top{align-items:start;flex-direction:column;gap:10px}h2{font-size:52px}.grid{grid-template-columns:repeat(2,1fr);gap:26px 14px}.card h3{font-size:14px}.intro-strip{align-items:start;flex-direction:column}.intro-strip p{font-size:19px}.page-heading{padding:45px 6% 10px}.page-heading h2{font-size:66px}.photo-grid{columns:2}.about-layout{grid-template-columns:1fr;gap:50px}.collage{max-width:400px;margin:auto}.skills{grid-template-columns:repeat(2,1fr)}.contact-items{flex-direction:column;gap:10px;align-items:start}.detail{grid-template-columns:1fr}.detail aside{display:none}footer>span{flex:auto;width:100%}dialog{padding:15px}dialog figure{max-width:90%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Keep the homepage lettering clear of Odin’s face on the left. */
.hero>img{object-position:35% 38%;filter:brightness(.8)}
.hero:after{background:linear-gradient(90deg,transparent 28%,#0008 100%),linear-gradient(0deg,#11110f,transparent 40%)}
.hero-content{margin-left:48%;padding-left:0;padding-right:5%;padding-top:65px}
.hero h1{font-size:clamp(100px,13vw,190px);margin-top:65px}
.hero-note{right:10%;bottom:18%;font-size:30px}
.collage img{aspect-ratio:859/1024;object-fit:cover}
@media(max-width:750px){.hero>img{object-position:28% center}.hero-content{margin-left:0;padding:32px 7%}.hero .eyebrow{font-size:8px}.hero h1{position:absolute;top:330px;right:8%;font-size:88px;line-height:.85;margin:0;letter-spacing:-3px}.hero-note{bottom:16%;left:8%;right:auto;font-size:22px}.hero:after{background:linear-gradient(0deg,#11110f,transparent 70%)}}

.hero-scrap{position:absolute;left:5%;bottom:85px;width:24%;z-index:2;background:#e4ddc9;padding:10px 10px 24px;transform:rotate(-7deg);box-shadow:0 10px 40px #0008}.hero-scrap img{width:100%;display:block;aspect-ratio:1.6;object-fit:cover}.hero-scrap span{display:block;color:#222;text-align:center;font-size:24px;padding-top:6px}.hero-scrap:before{content:'';position:absolute;top:-13px;left:35%;width:80px;height:30px;background:#ddc99caa;transform:rotate(12deg)}.hero h1{font-family:'Caveat','Segoe Print',cursive}.image-wrap{border:1px solid #ffffff22}.photo-grid{columns:3}.hero-bottom{bottom:24px}.detail aside img{object-fit:contain} @media(max-width:750px){.hero-scrap{display:none}.photo-grid{columns:2}}

/* Collage homepage, selected by Odin. */
.hero{background:radial-gradient(ellipse at 75% 20%,#493c24 0,transparent 60%),#141512;isolation:isolate}.hero>img{width:49%;height:68%;right:7%;top:9%;border:12px solid #ded7c4;border-bottom-width:42px;transform:rotate(5deg);object-position:35% center;box-shadow:0 12px 45px #0008;filter:brightness(.9);z-index:0}.hero:after{background:none;border:1px solid #c1b17a33;inset:28px;transform:rotate(-1deg);z-index:-1}.hero-content{margin-left:0;padding:85px 7%;width:55%}.hero h1{font-size:clamp(100px,14vw,205px);margin-top:60px}.hero-scrap{left:auto;right:4%;bottom:75px;width:25%;transform:rotate(-8deg);z-index:2}.hero-note{right:auto;left:11%;bottom:16%;font-size:30px}.contact-items{flex-wrap:wrap}.hero-bottom span{display:none}@media(max-width:750px){.hero{height:880px;max-height:none}.hero-content{width:100%;padding:36px 8%}.hero h1{position:relative;top:auto;right:auto;font-size:112px;margin:34px 0}.hero>img{width:76%;height:34%;right:8%;top:43%;border-width:7px;border-bottom-width:25px}.hero-scrap{display:block;width:38%;bottom:77px;right:5%;padding:5px 5px 10px}.hero-scrap span{font-size:17px}.hero-note{left:7%;bottom:13%;font-size:23px}.hero-bottom{bottom:28px}}

.contact-gate{margin-top:35px}.contact-reveal{background:var(--yellow);color:var(--ink);padding:14px 22px;border:1px solid var(--yellow);font-weight:600}.contact-reveal:hover{background:var(--paper)}.contact-items[hidden]{display:none}.contact-gate .contact-items{margin-top:18px}

.project-section{margin-top:28px}.project-section h3{font-size:18px;font-weight:600;margin-bottom:8px}.project-section p{margin-top:0}

.header-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}#language-toggle{background:transparent;color:var(--paper);border:1px solid #ffffff60;padding:10px 12px;font-size:11px;white-space:nowrap}#language-toggle:hover{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}header{gap:18px}nav{gap:16px}.film-play{position:absolute;right:17px;top:17px;background:#111b;border:1px solid #ffffff70;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;color:var(--paper);font-size:13px;padding-left:2px}.image-wrap:has(.film-play):after{display:none}.detail-image{background:#080808;object-fit:contain}html[lang="nb"] .hero-note{font-size:clamp(22px,2.1vw,32px)}@media(max-width:1000px) and (min-width:751px){nav{gap:2px}nav a{padding:5px;font-size:9px}nav .contact-link{margin-left:0}header{padding:0 3%;gap:10px}}@media(max-width:750px){header{gap:10px}.header-actions{gap:6px}#language-toggle{font-size:10px;padding:9px 10px}.hero-scrap{width:38%}html[lang="nb"] .hero-note{font-size:23px}.contact-page h2{font-size:clamp(58px,11vw,110px)}}

.film-card .image-wrap{aspect-ratio:16/9}.film-play{top:auto;bottom:16px;right:16px}
/* Motion system: the visitor can pause every animation from the header. */
#motion-toggle{width:34px;height:34px;border:1px solid #ffffff45;color:var(--yellow);background:transparent;font-size:13px;cursor:pointer;flex-shrink:0;transition:background .25s,transform .25s}#motion-toggle:hover{background:#efd04c20;transform:rotate(-8deg)}
.editorial-portrait{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12%;border-top:1px solid #ffffff20;background:radial-gradient(ellipse at 20% 50%,#efd04c0d,transparent 60%)}.editorial-portrait h2{color:var(--yellow);font-size:clamp(55px,6vw,90px);transform:rotate(-4deg)}.editorial-portrait p{line-height:1.9;font-size:17px;color:#c3c0b5;max-width:470px;margin:25px 0 35px}.portrait-frame{background:#e0dacb;padding:14px 14px 27px;transform:rotate(-4deg);position:relative;max-width:440px;box-shadow:15px 20px 0 #efd04c12}.portrait-frame:before{content:'';position:absolute;width:110px;height:35px;top:-13px;left:36%;background:#d4c294b3;transform:rotate(9deg)}.portrait-frame img{width:100%;display:block;aspect-ratio:859/1024;object-fit:cover}.portrait-frame .hand{display:block;color:#222;font-size:25px;padding-top:15px;text-align:center}
.motion-ribbon{overflow:hidden;border-top:1px solid #efd04c55;border-bottom:1px solid #efd04c55;background:var(--yellow);color:var(--ink);padding:19px 0;transform:rotate(-1.2deg);margin:18px 0 30px}.motion-ribbon>div{display:flex;width:max-content;gap:35px}.motion-ribbon span{font:700 28px 'Barlow Condensed',Impact,sans-serif;letter-spacing:3px;white-space:nowrap}
@keyframes route-in{from{opacity:.2;translate:0 15px}to{opacity:1;translate:0 0}}@keyframes title-in{from{opacity:0;clip-path:inset(0 100% 0 0);translate:-35px 0}to{opacity:1;clip-path:inset(0);translate:0 0}}@keyframes float-main{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -13px;rotate:-1deg}}@keyframes float-scrap{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 10px;rotate:2deg}}@keyframes ribbon-flow{to{translate:-50% 0}}@keyframes line-grow{from{scale:0 1}to{scale:1 1}}@keyframes soft-pulse{0%,100%{box-shadow:0 0 0 0 #efd04c00}50%{box-shadow:0 0 0 7px #efd04c12}}@keyframes viewer-in{from{opacity:0;scale:.96}to{opacity:1;scale:1}}
html[data-motion="on"] #app{animation:route-in .5s ease both}html[data-motion="on"] .hero h1{animation:title-in 1.1s cubic-bezier(.2,.7,.1,1) both}html[data-motion="on"] .hero>img{animation:float-main 8s ease-in-out infinite}html[data-motion="on"] .hero-scrap{animation:float-scrap 7s ease-in-out infinite}html[data-motion="on"] .hero-note{animation:route-in .8s .35s both}html[data-motion="on"] .motion-ribbon>div{animation:ribbon-flow 35s linear infinite}html[data-motion="on"] .eyebrow:before{animation:line-grow .7s ease both;transform-origin:left}html[data-motion="on"] .contact-reveal{animation:soft-pulse 3s ease-in-out infinite}html[data-motion="on"] dialog[open] img{animation:viewer-in .3s ease both}
html[data-motion="on"] .reveal{transition:opacity .75s ease var(--stagger,0ms),translate .75s cubic-bezier(.2,.7,.1,1) var(--stagger,0ms)}html[data-motion="on"] .reveal:not(.is-visible){opacity:0;translate:0 32px}html[data-motion="on"] .reveal.is-visible{opacity:1;translate:0 0}html[data-motion="on"] .page-heading h2,html[data-motion="on"] .contact-page h2{animation:title-in .8s ease both}
nav a{position:relative;transition:transform .25s,background .25s,color .25s}nav a:hover{transform:translateY(-3px) rotate(-3deg);background:#efd04c22}nav a.active:hover{background:var(--yellow)}.text-link{display:inline-block;position:relative;transition:color .25s,translate .25s}.text-link:hover{color:var(--yellow);translate:5px 0}.card{transition:translate .35s,filter .35s}.card:hover{translate:0 -7px}.card:hover .film-play{scale:1.16;background:var(--yellow);color:var(--ink)}.film-play{transition:scale .3s,background .3s,color .3s}.photo{overflow:hidden}.photo img{transition:scale .6s,filter .6s}.photo:hover img{scale:1.045;filter:brightness(1.1)}.photo:hover span{opacity:1}.skills>div{transition:background .3s,translate .3s}.skills>div:hover{background:#efd04c08;translate:0 -5px}.skills .hand{display:inline-block;transition:rotate .3s}.skills>div:hover .hand{rotate:-12deg}.collage,.portrait-frame{transition:rotate .4s,box-shadow .4s}.collage:hover,.portrait-frame:hover{rotate:2deg;box-shadow:15px 20px 0 #efd04c25}.brand{transition:letter-spacing .3s}.brand:hover{letter-spacing:2px}
html[data-motion="off"] *,html[data-motion="off"] *:before,html[data-motion="off"] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-motion="off"] .reveal{opacity:1!important;translate:none!important}
@media(max-width:750px){.editorial-portrait{grid-template-columns:1fr;gap:55px}.portrait-frame{max-width:340px;margin:0 auto}.editorial-portrait h2{font-size:64px}.motion-ribbon{padding:14px 0}.motion-ribbon span{font-size:21px}.header-actions{gap:5px}#motion-toggle{width:29px;height:31px}.brand{font-size:21px}#language-toggle{padding:8px 7px}}
.cv-panel{margin-top:85px;border-top:1px solid #ffffff25;padding-top:55px}.cv-panel .section-top p{max-width:600px}.cv-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:10%;margin-top:40px}.cv-label{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--yellow);margin:0 0 28px}.cv-timeline{border-left:1px solid #efd04c60;padding-left:30px}.cv-entry{position:relative;padding:0 0 40px}.cv-entry:before{content:'';position:absolute;left:-35px;top:4px;width:9px;height:9px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 5px #11110f}.cv-date{font-size:11px;color:var(--muted);letter-spacing:1px}.cv-entry h3{font-size:20px;font-weight:500;margin:10px 0 6px}.cv-place{color:var(--paper);font-size:13px}.cv-entry p,.cv-sidebar p{font-size:14px;color:#bdb9ad;line-height:1.9}.cv-sidebar section{margin-bottom:45px}.cv-sidebar h4{font-weight:500;font-size:20px;margin:0 0 10px}.cv-sidebar .cv-label{margin-bottom:20px}@media(max-width:750px){.cv-layout{grid-template-columns:1fr;gap:20px}.cv-timeline{padding-left:24px}.cv-entry:before{left:-29px}.cv-panel{margin-top:55px;padding-top:35px}.cv-sidebar{border-top:1px solid #ffffff25;padding-top:30px}}
.photo img{height:auto}
.project-log-image{margin:35px 0}.project-log-image img{display:block;width:100%;height:auto;border:1px solid #ffffff25}.project-log-image figcaption{font-size:12px;line-height:1.8;color:var(--muted);margin-top:12px}
.watch-film-link{display:inline-block;background:var(--yellow);color:var(--ink);padding:14px 20px;font-size:12px;font-weight:600;letter-spacing:1px;border:1px solid var(--yellow);transition:translate .25s,background .25s}.watch-film-link:hover{translate:4px 0;background:var(--paper)}

.cv-background{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:10%;margin-top:35px}@media(max-width:750px){.cv-background{grid-template-columns:1fr;gap:10px}}

.featured-photos{background:linear-gradient(145deg,#efd04c0c,transparent 65%);border-top:1px solid #efd04c55;border-bottom:1px solid #efd04c33}.featured-photos .section-top h2{color:var(--yellow)}.featured-photos .photo{border:1px solid #efd04c55}

/* Match homepage crops to the roundabout photograph; gallery originals stay full size. */
.moments-grid .photo img{aspect-ratio:1292/1173;height:auto;object-fit:cover;object-position:center}.moments-grid .photo[data-photo="21"] img{object-position:50% 58%}



/* Lenis handles interpolation without native smooth-scroll overlap. */
html.lenis{scroll-behavior:auto!important}

/* Closely packed columns preserve the full photographs without empty grid rows. */
.photo-grid{column-gap:6px}
.photo-grid .photo{margin:0 0 6px;break-inside:avoid}
.featured-photos .photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;align-items:start;columns:auto}
.photo-column{display:flex;flex-direction:column;gap:6px;min-width:0}
.featured-photos .photo{margin:0;min-width:0}
.featured-photos{padding-bottom:32px}
.featured-photos+.page-grid{padding-top:32px;min-height:0}
@media(max-width:750px){.featured-photos .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.companion-film{margin-top:40px;padding-top:25px;border-top:1px solid #ffffff25}.social-video{display:block;width:100%;max-width:400px;aspect-ratio:9/16;height:auto;background:#000}

.mobile-project-meta{display:none}@media(max-width:750px){.mobile-project-meta{display:flex;align-items:baseline;gap:12px;margin:20px 0}.mobile-project-meta dt{font-size:10px;letter-spacing:2px;color:var(--muted);text-transform:uppercase}.mobile-project-meta dd{margin:0}}


/* Reveal the name without clipping the J’s hook or italic overhang. */
@keyframes hero-name-in{from{opacity:0;translate:-35px 0}to{opacity:1;translate:0 0}}
html[data-motion="on"] .hero h1{animation:hero-name-in 1.1s cubic-bezier(.2,.7,.1,1) both;clip-path:none}