:root{--sand: #ddc8a7;--sand-light: #efe4d2;--sand-dark: #bea27b;--sand-mid: #e4d1b5;--sand-wash: #eadcc7;--ink: #241f18;--muted: #6c5f4e;--green: #31523d;--green-dark: #213d2c;--cream: #f8f2e7;--line: rgba(36, 31, 24, .25);--serif: "Familjen Grotesk", "Arial Narrow", sans-serif;--sans: "IBM Plex Sans", "Segoe UI", sans-serif;--page-padding: clamp(1.25rem, 4vw, 4.5rem);--section-space: clamp(6rem, 11vw, 10rem)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5.5rem}body{margin:0;color:var(--ink);background:var(--sand);font-family:var(--sans);line-height:1.55;-webkit-font-smoothing:antialiased}body.nav-open{overflow:hidden}img{display:block;width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:100;padding:.7rem 1rem;color:var(--cream);background:var(--ink);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:5.25rem;padding:0 var(--page-padding);background:color-mix(in srgb,var(--sand-light) 94%,transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.wordmark{justify-self:start;font-family:var(--serif);font-size:1.7rem;font-weight:500;letter-spacing:-.03em}.main-nav{display:flex;gap:clamp(1.25rem,2.7vw,2.6rem);align-items:center}.main-nav a{position:relative;color:var(--muted);font-size:.88rem}.main-nav a:after{position:absolute;right:0;bottom:-.45rem;left:0;height:1px;background:var(--green);content:"";transform:scaleX(0);transform-origin:left;transition:transform .16s ease}.main-nav a:hover,.main-nav a.is-current{color:var(--ink)}.main-nav a:hover:after,.main-nav a.is-current:after{transform:scaleX(1)}.header-actions{justify-self:end;display:flex;gap:1.25rem;align-items:center}.language-switch{display:flex;gap:.35rem;align-items:center;color:var(--muted);font-size:.76rem}.language-switch button{padding:0;color:inherit;background:none;border:0;cursor:pointer}.language-switch button.is-active{color:var(--ink);font-weight:600}.nav-toggle{display:none;justify-self:center;padding:.45rem .7rem;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:999px;cursor:pointer}.discord-button,.primary-button{display:inline-flex;gap:.7rem;align-items:center;justify-content:center;min-height:3.25rem;padding:.8rem 1.15rem;color:var(--cream);background:var(--green);border:1px solid var(--green);border-radius:999px;font-size:.9rem;font-weight:600;transition:color .15s ease,background .15s ease,transform .15s ease}.discord-button:hover,.primary-button:hover{color:var(--green);background:transparent;transform:translateY(-2px)}.discord-button svg{width:1.2rem;height:1.2rem}.discord-button-small{min-height:2.65rem;padding:.55rem .9rem}.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(22rem,.85fr);gap:clamp(2rem,6vw,7rem);min-height:calc(100svh - 5.25rem);padding:clamp(3.25rem,5.5vw,5.75rem) var(--page-padding);align-items:center}.hero-copy{max-width:60rem}.kicker,.section-label,.project-type{margin:0;color:var(--green);font-size:.76rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.hero h1{max-width:11ch;margin:0 0 clamp(1.8rem,3vw,2.5rem);font-family:var(--serif);font-size:clamp(4rem,7.2vw,7.25rem);font-weight:400;letter-spacing:-.055em;line-height:.88;text-wrap:balance}.hero-services span{display:block}.hero-lead{max-width:45rem;margin:0;font-size:clamp(1.05rem,1.55vw,1.3rem);line-height:1.65}.hero-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:clamp(1.8rem,3vw,2.5rem)}.hero-actions .primary-button{color:var(--ink);background:transparent;border-color:var(--ink)}.hero-actions .primary-button:hover{color:var(--cream);background:var(--ink)}.hero-project{position:relative;display:block;padding:.75rem;background:var(--cream);box-shadow:1.25rem 1.25rem 0 var(--sand-dark);transform:rotate(1.2deg);transition:transform .18s ease,box-shadow .18s ease}.hero-project:hover{box-shadow:.75rem .75rem 0 var(--sand-dark);transform:rotate(0) translate(.25rem,.25rem)}.hero-project img{aspect-ratio:4 / 3;object-fit:cover}.hero-project-caption{display:flex;justify-content:space-between;gap:1rem;align-items:end;padding:1rem .35rem .25rem}.hero-project-caption span{display:block;color:var(--muted);font-size:.75rem}.hero-project-caption strong{display:block;margin-top:.15rem;font-family:var(--serif);font-size:1.35rem;font-weight:500}.availability{display:flex;justify-content:space-between;gap:1rem;padding:1rem var(--page-padding);color:var(--green-dark);background:color-mix(in srgb,var(--sand) 72%,var(--sand-dark));border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.78rem}.availability p{margin:0}.section{padding:var(--section-space) var(--page-padding)}.projects{background:linear-gradient(180deg,var(--sand) 0%,var(--sand-mid) 100%)}.section-heading{display:grid;grid-template-columns:minmax(8rem,.7fr) 2fr;gap:2rem;align-items:start;margin-bottom:clamp(3rem,7vw,6rem)}.section-heading h2{max-width:14ch;margin:0;font-family:var(--serif);font-size:clamp(3.1rem,6.3vw,6.25rem);font-weight:400;letter-spacing:-.045em;line-height:.95;text-wrap:balance}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(4rem,8vw,8rem) clamp(1.5rem,3vw,3rem)}.project-wide{grid-column:1 / -1}.project-image{position:relative;display:block;overflow:hidden;background:var(--sand-dark);border:1px solid var(--line);aspect-ratio:16 / 10}.project-wide .project-image{aspect-ratio:16 / 8}.project-image img{height:100%;object-fit:cover;transition:transform .3s ease}.project:hover .project-image img{transform:scale(1.012)}.project-link>span{position:absolute;right:1rem;bottom:1rem;display:grid;width:2.8rem;height:2.8rem;color:var(--cream);background:var(--green);border-radius:50%;place-items:center}.project-details{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding-top:1.65rem}.project-details h3{margin:.4rem 0 0;font-family:var(--serif);font-size:clamp(2rem,3.2vw,3.35rem);font-weight:400;letter-spacing:-.025em;line-height:1}.project-description>p{margin:0;color:var(--muted);line-height:1.7}.project-description{padding-top:.3rem}.discord-showcase{display:grid;min-width:0;padding:clamp(1.25rem,4vw,4rem);color:#f2f3f5;background:#1e1f22;place-items:center}.discord-panel{width:92%;max-width:56rem;min-width:0;padding:clamp(1.25rem,2.5vw,2.25rem);background:#2b2d31;border:1px solid #3f4147;border-radius:1rem;box-shadow:0 1.5rem 4rem #00000052}.discord-panel-header{display:flex;gap:1rem;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid #3f4147}.discord-mark{display:grid;width:3.2rem;height:3.2rem;color:#fff;background:#5865f2;border-radius:50%;place-items:center}.discord-mark svg{width:1.65rem}.discord-panel-header strong,.discord-panel-header span{display:block}.discord-panel-header strong{font-size:1rem}.discord-panel-header span{margin-top:.2rem;color:#b5bac1;font-size:.78rem}.discord-panel-header i{display:inline-block;width:.5rem;height:.5rem;margin-right:.35rem;background:#23a55a;border-radius:50%}.discord-component-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding-top:1.5rem}.discord-component-grid>div{min-height:5.5rem;padding:1rem;background:#313338;border:1px solid #44464d;border-radius:.6rem}.discord-component-grid span,.discord-component-grid strong{display:block}.discord-component-grid span{margin-bottom:1rem;color:#949ba4;font-size:.68rem}.discord-component-grid strong{font-size:.9rem;font-weight:500}.disclaimer{margin-top:1rem!important;padding-top:1rem;border-top:1px solid var(--line);font-size:.76rem;line-height:1.5}.inline-link{display:inline-flex;gap:.75rem;margin-top:1.25rem;color:var(--green);font-size:.88rem;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.35em}.services{background:linear-gradient(180deg,var(--sand-mid) 0%,var(--sand-light) 24%,var(--sand-wash) 100%)}.process{background:linear-gradient(180deg,var(--sand-wash) 0%,#e1ccb0 48%,#d9bf9b 100%)}.service-list{border-top:1px solid var(--line)}.service-item{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2.25rem 0;border-bottom:1px solid var(--line)}.service-item h3{margin:0;font-family:var(--serif);font-size:clamp(2rem,3.6vw,3.75rem);font-weight:400;line-height:1}.service-item p{max-width:40rem;margin:0;padding-top:.35rem;color:var(--muted)}.quote-note{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;max-width:58rem;margin:3rem 0 0 auto;padding:1.5rem 0 0}.quote-note p{margin:0}.process-list{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;border-top:1px solid var(--line);list-style:none}.process-list li{min-height:18rem;padding:2rem;border-right:1px solid var(--line)}.process-list li:first-child{padding-left:0}.process-list li:last-child{padding-right:0;border-right:0}.process-list span{display:block;margin-bottom:4.5rem;color:var(--green);font-family:var(--serif);font-size:1.6rem}.process-list h3{margin:0 0 .8rem;font-family:var(--serif);font-size:clamp(1.75rem,2.5vw,2.5rem);font-weight:400;line-height:1}.process-list p{margin:0;color:var(--muted)}.agreement-card{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,7vw,7rem);margin-top:clamp(4rem,8vw,8rem);padding:clamp(2rem,5vw,5rem);color:var(--cream);background:var(--green-dark)}.agreement-card h3{max-width:12ch;margin:1.5rem 0 0;font-family:var(--serif);font-size:clamp(2.75rem,5vw,5rem);font-weight:400;letter-spacing:-.04em;line-height:.96}.agreement-card>div:last-child{align-self:end;padding-top:.45rem}.agreement-card>div:last-child p{margin:0 0 1.75rem;color:#d6d5c7}.agreement-card .section-label{color:#b6c7b8}.agreement-card .primary-button{color:var(--green-dark);background:var(--cream);border-color:var(--cream)}.about{background:linear-gradient(180deg,#d9bf9b 0%,#e9d9c1 34%,var(--cream) 100%)}.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(4rem,11vw,11rem)}.about-lead{margin:0;font-family:var(--serif);font-size:clamp(2rem,3.5vw,3.6rem);line-height:1.14}.about-notes{align-self:end;padding-top:.4rem;color:var(--muted);font-size:1.05rem}.about-notes p{margin:0}.about-notes p+p{margin-top:1.25rem}.stack-list{margin:clamp(4rem,8vw,7rem) 0 0;border-top:1px solid var(--line)}.stack-list>div{display:grid;grid-template-columns:minmax(9rem,.55fr) 2fr;gap:2rem;padding:1.35rem 0;border-bottom:1px solid var(--line)}.stack-list dt,.stack-list dd{margin:0}.stack-list dt{color:var(--green);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.stack-list dd{font-family:var(--serif);font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.25}.contact{padding:clamp(8rem,14vw,14rem) var(--page-padding);background:linear-gradient(180deg,var(--cream) 0%,#eadcc8 48%,var(--sand) 100%);text-align:center}.contact h2{max-width:12ch;margin:1.8rem auto 2.5rem;font-family:var(--serif);font-size:clamp(3.5rem,7vw,7rem);font-weight:400;letter-spacing:-.055em;line-height:.96;text-wrap:balance}.contact>p:not(.section-label){max-width:44rem;margin:0 auto;color:var(--muted);font-size:1.08rem;line-height:1.75}.contact-actions{justify-content:center}.site-footer{color:var(--cream);background:var(--ink)}.footer-line{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center;margin:0;padding:1.2rem var(--page-padding);border-bottom:1px solid rgba(248,242,231,.2);color:#c9c0b3;font-size:.7rem;letter-spacing:.07em}.footer-line a:hover{color:var(--cream);text-decoration:underline;text-underline-offset:.3em}.footer-bottom{display:flex;justify-content:space-between;padding:2rem var(--page-padding);color:#a99f92;font-size:.78rem}.footer-bottom p{margin:0}.agreement-header{grid-template-columns:1fr auto 1fr}.agreement-header .language-switch{justify-self:end}.back-link{display:inline-flex;gap:.65rem;align-items:center;font-size:.85rem}.agreement-page{padding:0 var(--page-padding)}.agreement-intro{max-width:70rem;padding:clamp(5rem,10vw,10rem) 0}.agreement-intro h1{max-width:11ch;margin:1.5rem 0 2rem;font-family:var(--serif);font-size:clamp(4rem,8vw,8rem);font-weight:400;letter-spacing:-.05em;line-height:.92}.agreement-intro>p:last-child{max-width:44rem;margin:0;font-size:1.12rem}.agreement-sections{border-top:1px solid var(--line)}.agreement-sections section{display:grid;grid-template-columns:5rem 1fr 1.25fr;gap:2rem;padding:2.5rem 0;border-bottom:1px solid var(--line)}.agreement-number{margin:0;color:var(--green);font-size:.78rem}.agreement-sections h2{margin:0;font-family:var(--serif);font-size:clamp(1.8rem,2.8vw,2.8rem);font-weight:400;line-height:1}.agreement-sections section>p:last-child{margin:0;color:var(--muted)}.agreement-contact{padding:var(--section-space) 0;text-align:center}.agreement-contact h2{margin:0 0 1rem;font-family:var(--serif);font-size:clamp(3rem,6vw,6rem);font-weight:400;letter-spacing:-.04em}.agreement-contact p{max-width:38rem;margin:0 auto 2rem;color:var(--muted)}:focus-visible{outline:3px solid color-mix(in srgb,var(--green) 55%,transparent);outline-offset:4px}@media (max-width: 980px){.site-header:not(.agreement-header){grid-template-columns:1fr auto 1fr}.site-header:not(.agreement-header) .main-nav{position:fixed;inset:5.25rem 0 auto;display:none;padding:1.5rem var(--page-padding) 2rem;flex-direction:column;align-items:stretch;background:var(--sand-light);border-bottom:1px solid var(--line)}body.nav-open .main-nav{display:flex}.main-nav a{padding:.6rem 0;color:var(--ink);font-family:var(--serif);font-size:1.8rem}.nav-toggle{display:block}.hero{grid-template-columns:1fr}.hero-project{width:min(34rem,88%);margin-left:auto}.project-details,.about-grid,.agreement-card,.process-list{grid-template-columns:1fr}.process-list li,.process-list li:first-child,.process-list li:last-child{min-height:0;padding:2rem 0;border-right:0;border-bottom:1px solid var(--line)}.process-list span{margin-bottom:2.5rem}}@media (max-width: 680px){.site-header{min-height:4.5rem}.site-header:not(.agreement-header) .main-nav{inset:4.5rem 0 auto}.discord-button-small span{display:none}.discord-button-small{min-width:2.7rem;padding:.6rem}.hero{min-height:auto;padding-top:4.5rem;padding-bottom:5rem}.hero h1{font-size:clamp(3.45rem,17vw,5rem)}.hero-project{width:calc(100% - .75rem);margin-top:2.5rem}.availability{flex-direction:column;gap:.35rem}.section-heading{grid-template-columns:1fr;gap:1.25rem}.project-grid{grid-template-columns:minmax(0,1fr)}.project,.project-details,.project-details>div{min-width:0}.project-wide{grid-column:auto}.project-wide .project-image,.project-image{aspect-ratio:4 / 3}.project-wide .discord-showcase,.discord-showcase{aspect-ratio:auto;min-height:26rem}.discord-panel{width:100%}.discord-component-grid{grid-template-columns:minmax(0,1fr)}.project-details{gap:1.25rem}.project-description,.service-item p,.about-notes,.agreement-card>div:last-child{padding-top:0}.service-item{grid-template-columns:1fr;gap:.75rem}.stack-list>div{grid-template-columns:1fr;gap:.55rem}.quote-note{grid-template-columns:1fr;gap:.25rem}.agreement-card{padding:2rem 1.5rem}.agreement-header{grid-template-columns:1fr auto}.agreement-header .language-switch{display:none}.agreement-sections section{grid-template-columns:2.25rem 1fr;gap:1rem}.agreement-sections section>p:last-child{grid-column:2}.footer-line{justify-content:flex-start}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}#root{min-height:100svh}