.references-page{--refs-paper:#f7f7f2;--refs-muted:#5b6156;background:var(--refs-paper);color:#19251c}
.references-page h1,.references-page h2,.references-page h3{font-family:var(--f-body);text-transform:none;letter-spacing:-.055em;color:#19251c;font-weight:600}
.references-page p{color:var(--refs-muted)}
.refs-hero{padding:calc(var(--nav-h) + 76px) 0 0}
.refs-kicker{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:500;margin:0 0 27px}
.refs-kicker>span{width:8px;height:8px;border-radius:50%;background:var(--green-dark)}
.refs-hero-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;padding-bottom:58px}
.refs-hero h1{font-size:clamp(3.5rem,6.5vw,6.2rem);line-height:1.06;margin:0}
.refs-hero-copy{padding-bottom:7px}.refs-hero-copy>p{max-width:39ch;font-size:1.16rem;line-height:1.75;margin-bottom:27px}
.refs-hero-links{display:flex;gap:27px;flex-wrap:wrap}.refs-hero-links a{font-size:.91rem;font-weight:600;text-decoration:underline;text-underline-offset:6px}.refs-hero-links span{margin-left:10px}
.refs-index{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #d9ded4;padding:23px 0;font-size:.82rem}.refs-index p{margin:0}.refs-index>span{color:var(--refs-muted)}.refs-index>span>span{margin:0 15px;color:#8d9489}
.refs-projects{padding:58px 0 90px}.refs-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.refs-section-heading h2{font-size:1.55rem;letter-spacing:-.035em;margin:0}.refs-section-heading p{font-size:.9rem;margin:0}
.refs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 38px}
.refs-project{min-width:0;--stage:#e6ece3}.refs-project--heronpt{--stage:#e8e1da}.refs-project--glem-mig-ej{--stage:#e6e4ed}.refs-project--aktivt-velvaere{--stage:#eee2d2}.refs-project--brandenburg{--stage:#dce7dc}.refs-project--ak-biler{--stage:#e1e6eb}.refs-project--mh-autoteknik{--stage:#ede0d2}.refs-project--aktiv-bilsyn{--stage:#e0e6e8}
.refs-preview{position:relative;display:flex;align-items:center;padding:34px 28px;background:var(--stage);border-radius:16px;overflow:hidden;aspect-ratio:1.42;text-decoration:none}
.refs-browser{width:100%;background:#fff;border:1px solid #ffffffa6;border-radius:7px;box-shadow:0 12px 27px #19251c1a;overflow:hidden;transition:transform .25s ease}
.refs-browser-bar{display:flex;align-items:center;justify-content:space-between;height:25px;padding:0 10px;font-size:8px;color:#666e66;background:#fafaf9;letter-spacing:0}
.refs-browser-dots{display:flex;gap:3px}.refs-browser-dots i{width:4px;height:4px;border-radius:50%;background:#d3d7d1}
.refs-browser img{width:100%;height:auto;aspect-ratio:1.44;object-fit:cover;object-position:top;display:block}
.refs-preview-open{position:absolute;right:17px;bottom:16px;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:30px;background:#fff;color:#19251c;font-size:.75rem;box-shadow:0 4px 14px #19251c10}.refs-preview-open svg{width:14px;height:14px}
.refs-project-body{padding-top:23px}.refs-category{font-size:.79rem;margin:0 0 9px}.refs-project-title{display:flex;justify-content:space-between;align-items:center;gap:16px}.refs-project-title h3{font-size:clamp(1.45rem,2.3vw,2rem);line-height:1.2;letter-spacing:-.04em;margin:0}
.refs-project-arrow{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d6dcd1;border-radius:50%;flex-shrink:0}.refs-project-arrow svg{width:18px;height:18px}
.refs-description{font-size:.94rem;line-height:1.75;margin:14px 0 20px;max-width:54ch}.refs-tags{list-style:none;display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:0}.refs-tags li{font-size:.72rem;padding:5px 10px;border:1px solid #dce0d7;border-radius:5px;color:#56604f}
.refs-project--featured{grid-column:1/-1;display:grid;grid-template-columns:1.7fr 1fr;gap:44px;align-items:center;padding-bottom:5px}.refs-project--featured .refs-preview{aspect-ratio:1.45;padding:38px}.refs-project--featured .refs-project-body{padding:0}.refs-project--featured h3{font-size:2.8rem}.refs-project--featured .refs-description{font-size:1rem}
.refs-launch{background:#e9eee5;padding:76px 0}.refs-launch-panel{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:22px;background:#183f31}.refs-launch-copy{padding:58px 52px}.refs-launch-copy p{color:#d7e3d8;font-size:.96rem;line-height:1.8}.refs-launch-copy .refs-own-label{display:inline-block;padding:5px 12px;border:1px solid #ffffff38;border-radius:20px;font-size:.78rem;margin-bottom:32px;color:#edf3e9}.refs-launch-copy h2{font-size:5.3rem;color:#f4f6ed;line-height:1;margin-bottom:20px}.refs-launch-copy .refs-launch-lead{font-size:2.15rem;line-height:1.15;letter-spacing:-.04em;color:#f4f6ed;margin-bottom:25px}.refs-launch-button{display:inline-flex;align-items:center;gap:25px;padding:14px 22px;background:#edf4df;color:#183f31;border-radius:7px;font-weight:600;font-size:.94rem;margin-top:8px}.refs-launch-button svg{width:20px;height:20px}.refs-launch-copy .refs-launch-note{font-size:.73rem;color:#b6cbbf;margin:16px 0 0}
.refs-launch-art{position:relative;display:block;min-height:560px}.refs-launch-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.refs-launch-status{position:absolute;bottom:26px;left:26px;padding:11px 16px;border-radius:30px;background:#f7f8ee;color:#234c36;font-size:.79rem;display:flex;align-items:center;gap:9px;box-shadow:0 3px 15px #0001}.refs-launch-status>span{width:7px;height:7px;background:#29874a;border-radius:50%}
.refs-outro{padding:90px 0}.refs-outro-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.refs-outro h2{font-size:clamp(2.5rem,4vw,4rem);line-height:1.08;margin:0}.refs-outro .refs-kicker{margin-bottom:22px}.refs-outro-inner>div>p:not(.refs-kicker){font-size:1.05rem;line-height:1.8;max-width:40ch;margin-bottom:25px}.refs-outro .btn svg{width:20px;height:20px}
.references-page a:focus-visible{outline:3px solid #008a3a;outline-offset:5px}
@media(hover:hover){.refs-preview:hover .refs-browser{transform:translateY(-5px)}.refs-project-arrow:hover{background:#e2ebdd}.refs-hero-links a:hover{color:#007a33}}
@media(max-width:1100px){.nav-links{gap:18px}.refs-hero-layout,.refs-outro-inner{gap:40px}.refs-launch-copy{padding:40px 32px}.refs-project--featured{gap:30px}}
@media(max-width:760px){.refs-hero{padding-top:calc(var(--nav-h) + 43px)}.refs-hero-layout{grid-template-columns:1fr;gap:27px;padding-bottom:32px}.refs-hero h1{font-size:clamp(3.4rem,12vw,5rem)}.refs-hero-copy>p{font-size:1rem;max-width:48ch}.refs-hero-links{gap:23px}.refs-index{align-items:start;font-size:.72rem}.refs-index p{max-width:20ch}.refs-index>span{max-width:17ch;text-align:right;line-height:1.7}.refs-index>span>span{margin:0 4px}.refs-section-heading{display:block}.refs-section-heading p{margin-top:10px}.refs-projects{padding:32px 0 52px}.refs-grid{grid-template-columns:1fr;gap:42px}.refs-project--featured{display:block;grid-column:auto;padding:0}.refs-project--featured .refs-preview,.refs-preview{padding:24px;aspect-ratio:1.4}.refs-project--featured .refs-project-body,.refs-project-body{padding-top:20px}.refs-project--featured h3,.refs-project-title h3{font-size:1.65rem}.refs-project--featured .refs-description,.refs-description{font-size:.93rem}.refs-launch{padding:40px 0}.refs-launch-panel{grid-template-columns:1fr;border-radius:15px}.refs-launch-copy{padding:32px 27px}.refs-launch-copy h2{font-size:4.5rem}.refs-launch-copy .refs-launch-lead{font-size:1.9rem}.refs-launch-art{min-height:0;height:390px}.refs-launch-art img{object-position:center 45%}.refs-launch-status{bottom:20px;left:20px}.refs-outro{padding:52px 0}.refs-outro-inner{grid-template-columns:1fr;gap:24px}.refs-outro-inner>div>p:not(.refs-kicker){font-size:1rem}.refs-kicker{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.refs-browser{transition:none}}