@font-face{font-family:Manrope;src:url('assets/fonts/manrope-latin-variable-5.3.0.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
:root{--bg:#102c30;--surface:#17383c;--text:#f4f1e9;--muted:#b6c6c4;--accent:#e0b683;--line:#416064;--ease:cubic-bezier(.23,1,.32,1);color-scheme:dark}
*{box-sizing:border-box}html{scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.65 Manrope,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}p,h1,h2,h3,figure{margin:0}p{max-width:58ch}button{cursor:pointer}button:disabled{cursor:default}h1,h2,h3{font-weight:500}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}section:focus,main:focus{outline:none}.wrap{width:min(100% - 112px,1320px);margin-inline:auto}.skip-link{position:fixed;top:12px;left:12px;padding:10px 18px;background:var(--text);color:var(--bg);z-index:10;transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header{height:80px;display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative;z-index:3}.wordmark{font-size:23px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.wordmark>span:not(.brand-period){font-weight:400}.brand-period{color:var(--accent)}nav{display:flex;gap:36px;align-items:center;font-size:14px}nav a{padding:10px 0}.wedding-link{color:var(--accent)}.wedding-link span{margin-left:10px}.personal-hero{position:relative;isolation:isolate;min-height:660px;height:calc(100svh - 80px);max-height:940px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line)}.net-effect{position:absolute;inset:-5% -4% -3% 20%;z-index:-2;background:radial-gradient(ellipse at 70% 55%,#285b5a55,transparent 66%)}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#102c30 6%,#102c30eb 32%,#102c3044 64%,#102c3000)}.hero-content{padding-bottom:64px;pointer-events:none}.hero-content a{pointer-events:auto}.intro-label{font-size:14px;letter-spacing:.02em;margin-bottom:26px;color:var(--muted)}h1{font-size:clamp(4.5rem,3rem + 6vw,8rem);letter-spacing:-.065em;line-height:1.02}h1 span{color:var(--accent)}.hero-intro{font-size:clamp(1.05rem,.9rem + .4vw,1.3rem);line-height:1.6;color:#d0dcd8;margin:28px 0 30px}.text-link{display:inline-flex;align-items:center;gap:28px;padding:10px 0;border-bottom:1px solid currentColor;font-size:15px}.text-link span{font-size:24px;line-height:1;transition:transform 180ms var(--ease)}.motion-control{position:absolute;right:56px;bottom:30px;border:1px solid var(--line);background:var(--bg);color:var(--muted);font-size:12px;padding:10px 14px;border-radius:2px}.motion-control[hidden]{display:none}.work-section{padding-block:124px;display:grid;grid-template-columns:1fr 1.04fr;gap:100px;align-items:center}h2{font-size:clamp(2.2rem,1.1rem + 2.7vw,3.75rem);letter-spacing:-.045em;line-height:1.15;text-wrap:balance}.section-label{font-size:13px;color:var(--accent);margin-bottom:20px}.work-intro>p:not(.section-label){margin:28px 0 32px;color:var(--muted);max-width:36ch}.solid-link{background:var(--accent);color:#183236;display:inline-flex;align-items:center;gap:35px;padding:15px 22px;font-size:14px;font-weight:650}.solid-link span{font-size:21px}.webrytme-art{aspect-ratio:1.14;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#224b48;border:1px solid #42675f}.webrytme-name{font-size:clamp(2.6rem,4.8vw,4.7rem);font-weight:700;letter-spacing:-.065em;z-index:1}.webrytme-name>span{color:var(--accent)}.art-caption{font-size:13px;color:#c0d0c4;z-index:1;letter-spacing:.02em;margin-top:2px}.art-arrow{position:absolute;bottom:22px;right:28px;font-size:28px}.orbit{position:absolute;width:120%;aspect-ratio:1;border:1px solid #8ba68c44;border-radius:50%;transform:rotate(-28deg) scaleY(.49)}.orbit-two{transform:rotate(-28deg) scaleY(.63);width:133%}.orbit-three{transform:rotate(-28deg) scaleY(.81);width:145%}.about-section{padding-block:110px 130px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.04fr;gap:100px}.about-body>p{color:var(--muted);max-width:42ch}.about-body .about-lead{font-size:24px;color:var(--text);margin-bottom:18px;letter-spacing:-.025em}.experience{margin:35px 0 32px}.experience>div{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;padding:18px 0;border-bottom:1px solid var(--line)}dt{font-size:14px;font-weight:650}dd{margin:0;font-size:14px;color:var(--muted)}.interests summary{list-style:none;display:flex;justify-content:space-between;gap:24px;cursor:pointer;padding:12px 0;font-size:15px}.interests summary::-webkit-details-marker{display:none}.interests summary span{font-size:24px;line-height:1}.interests[open] summary span{transform:rotate(45deg)}.interests p{font-size:15px;color:var(--muted);padding:14px 0 0}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-block:30px;font-size:12px;color:var(--muted)}.site-footer a{padding:10px 0}.site-footer a span{margin-left:16px}
.wedding{--bg:#f4f0e7;--text:#35423c;--muted:#5d695e;--accent:#776248;--line:#c9ccbd;--surface:#e6e9dc;color-scheme:light}.wedding-header{height:80px;font-size:13px}.wedding-header>a{padding-block:10px}.back-link span{margin-right:12px}.wedding-header-label{letter-spacing:.08em;font-size:12px;text-transform:uppercase}.wedding-hero{position:relative;isolation:isolate;min-height:620px;height:calc(100svh - 120px);max-height:880px;display:grid;place-items:center;overflow:hidden}.birds-effect{position:absolute;inset:0;z-index:-1}.wedding-hero:has(.birds-effect){background:#f4f0e7}.birds-effect[data-fallback="true"]{background:#97deb9}.wedding-copy{color:#183a30}.wedding .wedding-copy .intro-label{color:#254b3c}.wedding-copy{text-align:center;pointer-events:none;padding:55px 24px 95px}.wedding-copy a{pointer-events:auto}.wedding-copy .intro-label{color:var(--muted);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:30px}.wedding h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;font-size:clamp(4.7rem,3.5rem + 4vw,7.6rem);line-height:1.02}.wedding h1 em{font-weight:400;line-height:1.15}.wedding-copy>p:not(.intro-label){font-size:17px;margin:26px auto 20px}.wedding .text-link{font-size:13px;gap:30px}.wedding .motion-control{background:#f4f0e7dc;color:#54624e}.preview-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:center;align-items:center;gap:12px;padding-block:18px;font-size:12px}.preview-note strong{font-weight:650;white-space:nowrap}.preview-note span{color:var(--muted)}.album-section{padding-block:100px}.album-heading{text-align:center}.album-heading p{margin-inline:auto}.wedding h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.7rem,2rem + 2vw,4rem);font-weight:400;letter-spacing:-.04em}.album-heading>p:last-child{font-size:14px;color:var(--muted);margin-top:20px}.gallery{margin-top:60px;display:grid;grid-template-columns:.8fr 1fr;align-items:center;gap:7%}.gallery-item{position:relative;display:block;width:100%;padding:0;border:0;background:#dde1d0;color:var(--text);overflow:hidden}.gallery-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 280ms var(--ease)}.gallery figure:first-child .gallery-item{aspect-ratio:4/5}.gallery figure:last-child .gallery-item{aspect-ratio:6/5}.gallery-item>span{position:absolute;bottom:15px;right:15px;display:grid;place-items:center;width:42px;height:42px;background:var(--bg);font-size:25px}.gallery figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:14px;font-size:13px}.gallery figcaption span{font-size:11px;color:var(--muted)}.guest-status{max-width:660px;margin:100px auto 0;display:flex;align-items:flex-start;gap:28px;padding:35px;border:1px solid var(--line)}.closed-mark{font-family:Georgia,serif;font-size:44px;line-height:1.2;color:var(--accent)}.guest-status h3{font-size:19px;margin-bottom:10px;font-weight:550;letter-spacing:-.015em}.guest-status p{font-size:14px;color:var(--muted)}.lightbox{border:0;padding:22px 28px;max-width:1100px;width:calc(100% - 48px);max-height:calc(100dvh - 48px);background:var(--bg);color:var(--text)}.lightbox::backdrop{background:#14211eeb}.lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;font-size:13px}.lightbox button{background:none;border:1px solid var(--line);padding:10px 16px;color:var(--text);font-size:13px}.close-dialog{white-space:nowrap}.close-dialog span{margin-left:15px;font-size:20px}.lightbox-image{display:block;width:100%;height:min(67dvh,750px);object-fit:contain}.lightbox-controls{display:flex;align-items:center;justify-content:space-between;margin-top:18px;font-size:13px}body:has(.lightbox[open]){overflow:hidden}
@media(hover:hover) and (pointer:fine){nav a:hover,.site-footer a:hover,.back-link:hover{color:var(--accent)}.text-link:hover span{transform:translate(3px,2px)}.solid-link:hover{background:#ebc99c}.webrytme-art:hover{background:#2a5650}.gallery-item:hover img{transform:scale(1.025)}}
@media(min-width:1700px){.net-effect{left:30%}}
@media(max-width:1023px){.wrap{width:calc(100% - 64px)}.work-section,.about-section{gap:48px;padding-block:85px}.motion-control{right:32px}.personal-hero{min-height:650px}h1{font-size:clamp(5rem,9vw,7rem)}.experience>div{grid-template-columns:1fr;gap:4px}.preview-note{flex-direction:column;gap:3px;text-align:center}.webrytme-name{font-size:clamp(2rem,4.7vw,4rem)}}
@media(max-width:639px){.wrap{width:calc(100% - 40px)}.site-header{height:108px;flex-wrap:wrap;gap:0;align-content:center;justify-content:space-between}.wordmark{font-size:22px;width:100%;margin-bottom:9px}nav{width:100%;justify-content:space-between;gap:18px;font-size:13px}nav a{padding:4px 0}.personal-hero{min-height:610px;height:calc(100svh - 108px);max-height:800px;align-items:flex-start}.hero-content{padding-top:52px;padding-bottom:130px}.intro-label{font-size:12px;margin-bottom:25px}h1{font-size:clamp(4.4rem,17vw,6rem);letter-spacing:-.065em}.hero-intro{font-size:17px;max-width:29ch;margin:25px 0 22px}.desktop-break{display:none}.net-effect{inset:17% -42% -4% 5%;opacity:.75}.hero-shade{background:linear-gradient(180deg,#102c30 0%,#102c30d9 28%,#102c3044 75%,#102c3022)}.motion-control{right:20px;bottom:22px;font-size:11px;padding:8px 12px}.text-link{font-size:13px;gap:32px}.work-section{grid-template-columns:1fr;gap:40px;padding-block:65px}.work-intro>p:not(.section-label){font-size:16px;margin:24px 0}.work-section h2{font-size:38px}.webrytme-art{aspect-ratio:1.35}.webrytme-name{font-size:52px}.about-section{grid-template-columns:1fr;gap:32px;padding-block:65px}.about-heading h2{font-size:36px}.about-body>p{font-size:16px}.about-body .about-lead{font-size:21px}.experience>div{grid-template-columns:1fr 1fr;gap:15px}.site-footer{flex-wrap:wrap;gap:10px;font-size:11px;padding-block:22px}.site-footer>span:nth-child(2){display:none}.wedding-header{height:80px;flex-wrap:nowrap;gap:15px;font-size:12px}.wedding-header-label{display:none}.wedding-hero{height:calc(100svh - 100px);min-height:590px}.wedding-copy{padding:50px 18px 90px}.wedding-copy .intro-label{font-size:11px;letter-spacing:.12em}.wedding h1{font-size:clamp(4.2rem,16vw,5.5rem)}.wedding-copy>p:not(.intro-label){font-size:14px;max-width:25ch;margin-block:25px 16px}.wedding .text-link{font-size:12px}.preview-note{padding-block:17px;align-items:flex-start;text-align:left;font-size:12px}.album-section{padding-block:65px}.album-heading h2{font-size:42px}.gallery{grid-template-columns:1fr;gap:36px;margin-top:38px}.gallery figure:first-child{width:87%}.gallery figure:last-child{width:92%;margin-left:auto}.gallery figcaption{font-size:12px}.gallery figcaption span{font-size:10px}.guest-status{margin-top:55px;padding:25px 22px;gap:18px}.guest-status h3{font-size:17px}.guest-status p{font-size:13px}.lightbox{width:calc(100% - 20px);padding:16px;max-height:calc(100dvh - 20px)}.lightbox-bar{font-size:11px;align-items:flex-start;gap:10px}.lightbox button{padding:10px;font-size:12px}.lightbox-image{height:60dvh}.lightbox-controls{font-size:12px}.closed-mark{font-size:36px}}
@media(prefers-reduced-motion:reduce){.birds-effect{background:#97deb9}*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.personal .site-header{justify-content:flex-end}

.personal .site-header nav a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
.brand-hero{min-height:610px;height:calc(100svh - 80px);max-height:940px}
.brand-hero .net-effect{inset:-4%;opacity:.45}
.brand-hero .hero-shade{background:radial-gradient(ellipse at 50% 48%,#102c30b3 10%,#102c3033 66%,#102c3000);pointer-events:none}
.brand-stage{display:grid;place-items:center;padding-block:50px 95px;pointer-events:none}
.brand-lockup{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(32px,5vw,80px);width:100%;max-width:1140px;margin:0;line-height:1.04}
.brand-emblem{display:block;width:100%;height:auto;max-height:calc(100svh - 230px);object-fit:contain}
.brand-name{display:block;font-size:clamp(5rem,8.7vw,8.75rem);font-weight:500;letter-spacing:-.065em}
.brand-name>span{display:block;color:var(--text)}
.brand-name .brand-stop{display:inline;color:var(--accent)}
@media(max-width:1023px) and (min-width:640px){.brand-lockup{gap:28px}.brand-name{font-size:clamp(4rem,8.6vw,6rem)}}
@media(max-width:639px){
  .personal .site-header{height:80px;flex-wrap:nowrap;align-content:normal;gap:16px}
  .personal .site-header nav{width:auto;flex:1;gap:12px;font-size:12px}
  .personal .wedding-link span{margin-left:4px}

  .brand-hero{min-height:570px;height:calc(100svh - 80px);align-items:center}
  .brand-hero .net-effect{inset:-3% -36%;opacity:.38}
  .brand-stage{padding-block:24px 96px}
  .brand-lockup{grid-template-columns:1fr;gap:27px;width:min(100%,360px);justify-items:center}
  .brand-emblem{width:min(100%,320px)}
  .brand-name{font-size:clamp(3.6rem,17vw,4.75rem);text-align:center;line-height:1.03}
}

.hobbies{grid-column:1/-1;min-width:0}
.hobbies-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;max-width:1000px}
.hobbies h3{font-size:23px;letter-spacing:-.025em;line-height:1.3}
.hobbies-replay{border:0;background:none;color:var(--muted);font-size:12px;min-height:44px;padding:8px 0 8px 16px;border-radius:999px}
.hobbies-replay>span{font-size:18px;margin-right:6px}
.hobbies-replay[hidden],.copy-riot-id[hidden]{display:none}
.hobbies-replay[aria-disabled="true"]{color:#829d98;cursor:default}
.hobby-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;max-width:1000px}
.hobby{min-width:0}
.hobby-art{display:block;width:100%;height:auto;aspect-ratio:8/5;border:1px solid #365450}
.hobby figcaption{padding-top:16px}
.hobby h4{margin:0;font-size:16px;line-height:1.5;font-weight:550;letter-spacing:-.015em}
.game-invite{font-size:14px;color:var(--accent);margin-top:5px}
.riot-contact{display:flex;align-items:center;flex-wrap:wrap;gap:0 12px;min-height:44px;margin-top:3px}
.riot-id{font-size:13px;color:var(--muted);user-select:all}
.copy-riot-id{border:0;border-bottom:1px solid var(--line);background:none;color:var(--text);font-size:11px;min-height:44px;padding:8px 0}
.copy-status{font-size:11px;line-height:1.5;min-height:1.5em;margin-top:8px;color:var(--muted);max-width:26ch}
.dance-left,.dance-right{transform-box:view-box;transform-origin:160px 90px}
.game-crystal,.game-aura{transform-box:view-box;transform-origin:160px 130px}
@media(hover:hover) and (pointer:fine){.hobbies-replay:not([aria-disabled="true"]):hover,.copy-riot-id:hover{color:var(--accent)}}
@media(max-width:639px){
  .hobbies{margin-top:18px}
  .hobbies-heading{margin-bottom:22px;gap:12px;flex-wrap:wrap}
  .hobbies h3{font-size:21px}
  .hobbies-replay{padding:0;min-height:44px}
  .hobby-gallery{grid-template-columns:1fr;gap:22px}
  .hobby{display:grid;grid-template-columns:minmax(104px,.85fr) minmax(0,1.15fr);gap:18px;align-items:center}
  .hobby-art{aspect-ratio:8/5}
  .hobby figcaption{padding-top:0}
  .hobby h4{font-size:15px}
  .hobby-game{align-items:start}
  .hobby-game .hobby-art{margin-top:3px}
  .riot-contact{gap:0 9px;margin-top:0}
  .riot-id{font-size:12px}
  .copy-status{font-size:10px;min-height:3em}
}

.garden-figure{width:78%;margin:65px auto 0}.garden-figure .gallery-item{aspect-ratio:2.2}.garden-figure img{object-position:center 62%}.garden-figure figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:14px;font-size:13px}.garden-figure figcaption span{font-size:11px;color:var(--muted)}@media(max-width:639px){.garden-figure{width:100%;margin-top:36px}.garden-figure .gallery-item{aspect-ratio:1.3}}
/* Roligere former på hovedsidens fremhevede handlinger. */
body:not(.wedding) .solid-link{border-radius:999px;padding-inline:24px;min-height:48px}
body:not(.wedding) .motion-control{border-radius:999px;min-height:44px;padding-inline:16px}