@font-face{font-family:Instrument;src:url('assets/InstrumentSans-Regular.ttf')}@font-face{font-family:Mono;src:url('assets/IBMPlexMono-Regular.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#f4f2ed;color:#242720;font-family:Instrument,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:hover{text-decoration:underline;text-underline-offset:5px}button:focus-visible,a:focus-visible{outline:2px solid #7b823c;outline-offset:6px}header{padding:32px 4%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cecec3}.brand{font-size:24px;line-height:.87;letter-spacing:-1.4px;font-weight:bold}.brand span{font:9px Mono;letter-spacing:.5px;display:block;margin-top:12px}nav{display:flex;gap:35px;font-size:14px}sup{font:9px Mono}.intro{padding:37px 4% 55px}.eyebrow,.section-head>span,.intro-bottom>a,.count{font:11px Mono;letter-spacing:.6px}.intro>.eyebrow{display:flex;justify-content:space-between}.intro h1{font-size:clamp(72px,10.7vw,170px);line-height:.92;font-weight:400;letter-spacing:-.075em;margin:65px 0 35px}i{font-family:Georgia,serif;font-weight:400;letter-spacing:-.07em} .intro h1 i{color:#72794b}.intro-bottom{display:flex;justify-content:space-between;align-items:end}.intro-bottom p{font-size:17px;line-height:1.5;margin:0}.works{padding:35px 4% 65px;border-top:1px solid #cecec3}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}h2{font-weight:400}.section-head h2{font-size:23px;letter-spacing:-.7px;margin:0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 35px}.filters button{border:1px solid #cbcdc0;background:transparent;border-radius:30px;padding:9px 17px;font-size:12px}.filters button[aria-pressed=true]{background:#292e23;color:#fff;border-color:#292e23}.gallery{columns:3;column-gap:25px}.gallery figure{break-inside:avoid;margin:0 0 35px}.gallery figure[hidden]{display:none}.photo{position:relative;display:block;padding:0;width:100%;border:0;background:#deddd5}.photo img{width:100%;height:auto;display:block}.expand{position:absolute;right:12px;bottom:12px;background:#f4f2ed;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;opacity:0;transition:opacity .2s}.photo:hover .expand,.photo:focus-visible .expand{opacity:1}figcaption{display:flex;justify-content:space-between;padding-top:11px;font-size:13px}figcaption>span:last-child{font:10px Mono;color:#7e8175}.count{margin-top:20px;color:#76796c}.film{background:#252a22;color:#f4f2ed;padding:55px 4%}.film .section-head h2{font-size:clamp(36px,5vw,75px)}video{display:block;width:100%;aspect-ratio:16/9;background:#111}.film-caption{display:flex;justify-content:space-between;gap:15px;font-size:13px;align-items:center;margin-top:14px}.about{padding:110px 9%;display:grid;grid-template-columns:1fr .75fr;gap:15%;align-items:center}.about h2{font-size:clamp(60px,7vw,105px);line-height:.95;letter-spacing:-5px;margin:30px 0}.about p{font-size:17px;line-height:1.65;max-width:440px;color:#575b50}.about a{display:inline-block;border-bottom:1px solid;padding-bottom:5px;margin-top:20px;font-size:14px}.about img{width:100%;height:auto;display:block}.contact{padding:70px 4% 50px;background:#e5e6db}.contact h2{font-size:clamp(49px,7.8vw,120px);line-height:1.05;letter-spacing:-.065em;margin:35px 0 40px}.email{font-size:clamp(16px,2.8vw,40px);border-bottom:1px solid;padding-bottom:6px}.contact-bottom{display:flex;gap:40px;justify-content:space-between;margin-top:70px;font-size:14px}footer{padding:25px 4%;display:flex;justify-content:space-between;font:10px Mono;gap:20px}dialog{border:0;background:#181b17;color:#f4f2ed;max-width:100vw;max-height:100dvh;width:100vw;height:100dvh;margin:0;padding:20px 3%;overflow:hidden}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#181b17}dialog>img{width:100%;height:calc(100% - 110px);object-fit:contain;margin:15px 0}.viewer-head,.viewer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;font:12px Mono}.viewer-head button,.viewer-bottom button{border:1px solid #696e60;background:transparent;color:inherit;padding:10px 16px}.caption{text-align:center}body:has(dialog[open]){overflow:hidden}@media(min-width:1600px){main,header,footer{max-width:2000px;margin:auto}}@media(max-width:750px){header{padding:25px 5%;align-items:flex-start}.brand{font-size:20px}nav{gap:16px;font-size:12px;flex-wrap:wrap;justify-content:flex-end;max-width:210px}nav a{padding:3px 0}.intro{padding:28px 5% 40px}.intro>.eyebrow{font-size:9px}.intro h1{margin-top:55px}.intro-bottom{gap:20px}.intro-bottom p{font-size:14px}.intro-bottom>a{font-size:9px;text-align:right}.works{padding:30px 5%}.gallery{columns:2;column-gap:13px}.gallery figure{margin-bottom:24px}figcaption{font-size:11px}.section-head h2{font-size:20px}.filters{gap:6px}.filters button{padding:8px 12px;font-size:11px}.film{padding:35px 5%}.film .section-head{align-items:end;gap:15px}.film .section-head>span{font-size:9px}.film-caption{align-items:start;font-size:11px;flex-direction:column}.about{padding:65px 7%;grid-template-columns:1fr;gap:35px}.about img{max-width:370px}.about h2{letter-spacing:-3px}.contact{padding:50px 5% 30px}.contact-bottom{margin-top:45px;gap:20px;flex-wrap:wrap;font-size:12px}footer{flex-wrap:wrap;padding:22px 5%;font-size:9px}.expand{opacity:1;width:25px;height:25px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Full-screen portfolio direction */
body{background:#fff;color:#171717}header{position:absolute;z-index:5;top:0;left:0;width:100%;border:0;color:white;padding:42px 3.5%;max-width:none}header .brand{font-family:Georgia,serif;font-weight:bold;font-size:32px;line-height:.84;letter-spacing:-1.8px}header .brand span{font:inherit;display:block;margin-top:3px;letter-spacing:-1.8px}header nav{gap:32px;font-size:11px;text-transform:uppercase;letter-spacing:1.6px}.intro{position:relative;height:100svh;min-height:620px;padding:0;overflow:hidden;background:#171717;color:white;max-width:none}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;aspect-ratio:auto}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.32),rgba(0,0,0,.05)),linear-gradient(0deg,rgba(0,0,0,.32),transparent 30%)}.categories{position:absolute;left:18.8%;top:50%;transform:translateY(-40%);display:flex;flex-direction:column;align-items:flex-start;gap:18px;max-width:none}.categories a{font-size:clamp(32px,4vw,62px);font-weight:500;line-height:1.25;letter-spacing:-1.8px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.7);transition:opacity .2s}.categories:has(a:hover) a:not(:hover){opacity:.55}.hero-footer{position:absolute;bottom:30px;left:3.5%;right:3.5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.2px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.works{padding:55px 3.5%;border:0}.section-head h2{font-size:18px;letter-spacing:0}.section-head>span,.eyebrow,.count{font-family:Instrument,sans-serif;font-size:10px;letter-spacing:1.3px}.gallery{column-gap:15px}.gallery figure{margin-bottom:20px}.gallery figcaption{font-size:11px}.gallery figcaption>span:last-child{font-family:Instrument,sans-serif}.filters{gap:22px;margin-bottom:35px}.filters button{border:0;border-radius:0;padding:4px 0;color:#888;background:none;font-size:11px}.filters button[aria-pressed=true]{background:none;color:#111;border-bottom:1px solid #111}.film{background:#111;padding:55px 3.5%}.film .section-head h2{font-size:22px}.about{padding:100px 12%;gap:12%;grid-template-columns:1fr .8fr}.about h2{font:36px Instrument,sans-serif;letter-spacing:-1px;line-height:1.1}.about p{font-size:15px;color:#444}.contact{background:#fff;padding:55px 3.5%;border-top:1px solid #ddd}.contact h2{font:30px Instrument,sans-serif;letter-spacing:-1px;margin:0 0 30px}.email{font-size:clamp(18px,2.5vw,32px)}.contact-bottom{margin-top:40px}footer{font-family:Instrument,sans-serif;border-top:1px solid #ddd;max-width:none}.expand{background:#fff}.hero-video{transition:opacity .4s}@media(max-width:750px){header{padding:30px 6%}.brand{font-size:26px!important}header nav{font-size:9px;gap:16px;max-width:210px}.intro{min-height:580px}.categories{left:8%;right:6%;gap:23px;transform:translateY(-30%)}.categories a{font-size:clamp(30px,7vw,48px);letter-spacing:-1px;padding:0}.hero-footer{left:6%;right:6%;bottom:26px;font-size:8px}.hero-footer>span:first-child{display:none}.works{padding:35px 5%}.filters{gap:18px}.gallery{column-gap:10px}.about{padding:60px 7%;grid-template-columns:1fr;gap:30px}.about img{max-width:350px}.contact{padding:40px 6%}.hero-video{object-position:center}.section-head h2{font-size:17px}}
/* A half-turn signature: one readable line, one inverted line. */
header .brand{display:block;position:relative;text-decoration:none}
header .brand .logo-art{position:relative;display:block;margin:0}
header .brand .logo-mask{display:block;margin:0;padding:3px 5px 6px 1px;line-height:.9}
header .brand .logo-mask+.logo-mask{margin-top:-4px}
header .brand .logo-word{display:block;margin:0;line-height:.9}
header .brand .logo-last{transform-origin:50% 50%;transform:rotate(180deg);transition:transform 1.2s cubic-bezier(.76,0,.24,1);animation:signature-turn 1.8s cubic-bezier(.76,0,.24,1) .4s backwards}
header .brand:hover .logo-last,header .brand:focus-visible .logo-last{transform:rotate(0deg)}
header .brand .logo-dot{display:inline-block;margin:0}
@keyframes signature-turn{from{transform:rotate(0deg)}to{transform:rotate(180deg)}}
@media(prefers-reduced-motion:reduce){header .brand .logo-last{animation:none!important;transition:none!important}}
.film-projects{display:grid;grid-template-columns:1fr 1fr;gap:45px 24px;margin-top:65px}.film-project{min-width:0}.film-project video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#090909}.film-project-caption{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:13px}.film-project-caption h3{font-size:17px;font-weight:400;letter-spacing:-.3px;margin:0}.film-project-caption>span{font-size:11px;color:#aaa;text-align:right}@media(max-width:750px){.film-projects{grid-template-columns:1fr;margin-top:38px;gap:32px}.film-project-caption h3{font-size:16px}.film-project-caption>span{font-size:10px}}
body:not(.home) header{position:relative;color:#171717;border-bottom:1px solid #e5e5e5}body:not(.home) header a[href="../fotografi/"],body:not(.home) header a[href="../film/"],body:not(.home) header a[href="../om/"]{text-underline-offset:6px}.photography header a[href="../fotografi/"],.motion header a[href="../film/"],.about-page header a[href="../om/"]{text-decoration:underline}.home footer{display:none}.motion{background:#111}.motion header{background:#111;color:#fff!important;border-color:#333!important}.motion footer{color:#aaa;border-color:#333}.about-page .about{padding-top:65px}.photography .works{padding-top:45px}
.section-head h1{font-size:22px;font-weight:400;letter-spacing:-.4px;margin:0}.page-intro{font-size:15px;line-height:1.65;max-width:650px;margin:0 0 32px;color:#555}.film .page-intro{color:#bbb}.about h1{font-size:36px;font-weight:400;letter-spacing:-1px;line-height:1.15;margin:25px 0}.motion .section-head{gap:20px;flex-wrap:wrap}
.consent-box{position:fixed;z-index:20;bottom:22px;right:22px;width:min(390px,calc(100% - 44px));background:#fff;color:#222;border:1px solid #ddd;padding:22px;box-shadow:0 5px 35px #0002}.consent-box[hidden]{display:none}.consent-box p{font-size:18px;margin:0 0 10px}.consent-box>span{font-size:13px;line-height:1.6;display:block}.consent-box>div{display:flex;gap:12px;margin-top:18px}.consent-box button{background:#fff;border:1px solid #222;padding:10px 14px;font-size:12px}.consent-box button:last-child{background:#222;color:#fff}.cookie-settings{border:0;background:none;color:inherit;padding:0;font:inherit;text-decoration:underline;cursor:pointer}.home-cookie{position:absolute;z-index:6;bottom:55px;left:3.5%;font-size:9px;letter-spacing:1px;color:white}
.privacy-note{border-top:1px solid #ddd;padding:45px 7%;max-width:1000px;margin:0 auto}.privacy-note h2{font-size:25px}.privacy-note p{font-size:14px;line-height:1.8;color:#555}.privacy-note a{text-decoration:underline;text-underline-offset:3px}
.company-nav{border-bottom:1px solid currentColor;padding-bottom:5px}.company-cta{padding:60px 7%;border-top:1px solid #ddd;background:#eeeee8;color:#222}.company-cta>span{font-size:10px;letter-spacing:1.4px}.company-cta h2{font-size:clamp(28px,4vw,48px);letter-spacing:-1.5px;line-height:1.15;margin:20px 0}.company-cta p{max-width:600px;line-height:1.7;font-size:15px;color:#555}.company-cta>a{display:inline-block;margin:15px 25px 0 0;padding-bottom:5px;border-bottom:1px solid;font-size:15px}.company-cta .company-contact{font-size:13px}.hero-footer>a:last-child{text-align:right;max-width:320px;line-height:1.6}@media(max-width:750px){header nav{max-width:240px;gap:12px;row-gap:14px}.company-nav{flex-basis:100%;width:max-content;text-align:right}.hero-footer>a:last-child{max-width:165px;font-size:8px}.company-cta{padding:45px 6%}}