/* Randorff v1.8.5.313: original cascade group 1; source order retained. */

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@200;400;700&family=Special+Elite&display=swap');

:root{
  --ink:#383838;
  --rose:#C6D2CC;
  --red:#F7450B;
  --coral:#F6771B;
  --sand:#EAE4D1;
  --yellow:#F0C84A;
  --green:#5E7559;
  --blue:#4587A3;
  --cobalt:#243746;
  --aubergine:#2F4558;
  --white:#fff;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --sans:Arial,Helvetica,sans-serif;
  --edge:3vw;
  --max:1600px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--sans);overflow-x:hidden}
button,a{font:inherit}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%}
::selection{background:var(--yellow);color:var(--ink)}

.site-shell{min-height:100vh}
.site-page{display:none}
.site-page.is-active{display:block;animation:pageIn .34s ease}
@keyframes pageIn{from{opacity:.35}to{opacity:1}}

.site-wrap{width:min(94%,var(--max));margin:0 auto}
.mono{font-family:var(--mono)}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 28px}
.big{font-size:clamp(52px,8vw,132px);line-height:.9;letter-spacing:-.055em;margin:0 0 0 -.025em;font-weight:700}
.medium{font-size:clamp(38px,5vw,78px);line-height:.96;letter-spacing:-.04em;margin:0 0 0 -.025em;font-weight:700}
.lead{font-family:var(--mono);font-weight:200;font-size:clamp(17px,1.45vw,23px);line-height:1.55;max-width:760px}
.bodycopy{font-family:var(--mono);font-weight:200;font-size:clamp(16px,1.15vw,19px);line-height:1.65}
.rule{height:1px;background:currentColor;opacity:.45;width:100%}
.outline-link{display:inline-flex;align-items:center;gap:12px;border:1px solid currentColor;padding:11px 14px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase}
.outline-link:after{content:"→";font-size:15px;line-height:1}
.outline-link:hover{background:var(--ink);color:var(--white);border-color:var(--ink)}
.home-work .outline-link:hover,
.home-manifest .outline-link:hover,
.contact-main .outline-link:hover,
.site-footer .outline-link:hover{
  background:var(--white);
  color:var(--ink);
  border-color:var(--white);
}

.contact-footer-media{
  display:grid;
  grid-template-columns:25% 75%;
  width:100%;
  aspect-ratio:3 / 1;
  margin:0;
  padding:0;
  overflow:hidden;
  line-height:0;
}
.contact-footer-media img{
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  object-fit:cover;
}
.contact-footer-studio{
  object-position:center center;
}
.contact-footer-waterfront{
  object-position:center center;
}

/* HEADER */
.site-header{
  position:fixed;inset:0 0 auto 0;z-index:900;
  display:flex;justify-content:space-between;align-items:flex-start;
  padding:24px var(--edge);pointer-events:none;
}
.brand-box,.nav-box,.menu-button{
  pointer-events:auto;background:rgba(255,255,255,.93);
  border:1px solid rgba(56,56,56,.18);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
.brand-box{
  display:flex;
  align-items:center;
  height:35px;
  box-sizing:border-box;
  padding:0 13px;
  color:var(--ink);
}
.brand-box .header-logo-svg{
  display:block;
  width:auto;
  height:14px;
  color:var(--ink);
}
.brand-box .header-logo-svg path{fill:currentColor}
.nav-box{display:flex;align-items:center;gap:16px;padding:10px 13px;font-family:var(--mono);font-size:11px;letter-spacing:.035em}
.nav-box a{color:#989898}
.nav-box a:hover,.nav-box a.is-current{color:var(--ink);font-weight:700}
.menu-button{display:none;padding:10px 13px;border-radius:0;color:var(--ink);font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.mobile-menu{display:none}

/* HOME */
.home-hero{
  height:100vh;
  height:100svh;
  min-height:0;
  padding:0;
  position:relative;
  overflow:hidden;
  background:var(--rose);
}
.home-manifest-wrap{
  width:min(94%,1600px);
  height:100%;
  min-height:0;
  margin:0 auto;
  display:grid;
  grid-template-rows:minmax(0,1fr);
  position:relative;
  z-index:2;
}
.home-manifest-grid{
  width:100%;
  height:100%;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  column-gap:0;
  align-items:stretch;
}
.home-manifest-rule{
  background:var(--white);
}
.home-manifest-content{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-height:0;
  padding:clamp(28px,4vw,58px) 0 clamp(34px,4.5vw,68px);
  position:relative;
}
.home-hero .big{max-width:18ch}
.home-hero-grid{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);
  gap:6vw;
  align-items:end;
}
.hero-aside{padding-bottom:12px;position:relative;z-index:3}
.hero-aside .lead{font-size:clamp(15px,1.18vw,19px);max-width:480px}
.hero-orbit{position:absolute;right:clamp(80px,14vw,220px);top:50%;width:200px;height:200px;border-radius:50%;pointer-events:none;overflow:visible;z-index:0;transform:translate(50%,-50%)}
.hero-ring{position:absolute;left:50%;top:50%;border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.12);transform-origin:center center;background:var(--ring-color,#557370);border:0;box-sizing:border-box;animation:heroRingSequence var(--hero-ring-duration,6s) linear infinite}
@keyframes heroRingSequence{0%{opacity:0;transform:translate(-50%,-50%) scale(.12)}10%{opacity:1;transform:translate(-50%,-50%) scale(1)}18%{opacity:1}28%{opacity:.08}36%,100%{opacity:0}}

.home-intro{min-height:92svh;display:flex;align-items:center;padding:100px 0}
.home-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}
.home-intro .medium{max-width:13ch}
.home-intro-copy{max-width:620px;padding-top:41px}
.home-intro-copy .lead{
  font-family:var(--sans);
  font-size:clamp(24px,2vw,34px);
  line-height:1.18;
  letter-spacing:-.025em;
  font-weight:700;
}


/* v203 — homepage WHY statement */
.home-belief{
  min-height:100vh;
  min-height:100svh;
  display:flex;
  align-items:center;
  padding:100px 0;
  background:var(--sand);
  color:var(--ink);
}
.home-belief > .site-wrap{width:min(94%,var(--max))}
.home-belief-statement{
  margin:0;
  max-width:12.5ch;
  font-size:clamp(64px,8.8vw,154px);
  line-height:.88;
  letter-spacing:-.055em;
  font-weight:700;
}

.home-work{padding:100px 0 120px;background:var(--white);color:var(--ink)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:46px}
.section-head .medium{max-width:13ch}
.home-work .section-head > div{flex:1 1 auto;min-width:0}
.home-work .section-head .medium{max-width:none;white-space:nowrap}
.home-stories .section-head > div{flex:1 1 auto;min-width:0}
.home-stories .section-head .medium{max-width:none;white-space:nowrap}
.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.project-card{position:relative;min-height:540px;overflow:hidden;display:flex;flex-direction:column;padding:28px;transition:transform .25s ease}
.project-card:hover{transform:translateY(-4px)}
.project-card > .project-content:first-child{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
.project-card > .project-content:first-child h3{margin-top:auto;margin-bottom:auto}
.project-card > .project-content:last-child{margin-top:auto}
.project-card h3{font-size:clamp(30px,3.4vw,58px);line-height:.97;letter-spacing:-.035em;margin:0;max-width:11ch}
.project-card h3 .project-title-line{display:block;white-space:nowrap}
.project-card p{font-family:var(--mono);font-size:13px;line-height:1.55;max-width:430px}
.project-card .project-meta{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.project-card.net{grid-column:span 7;background:#35565E;color:var(--white)}
.project-card.borg{grid-column:span 5;background:#704C78;color:var(--white)}
.project-card.tall{grid-column:span 5;background:#006580;color:var(--white)}
.project-card.guld{grid-column:span 7;background:#CE5090;color:var(--white)}

/* v244 — homepage work cards: image field over text field */
.home-work .project-card{
  padding:0;
  min-height:680px;
  display:grid;
  grid-template-rows:clamp(250px,24vw,370px) 1fr;
  background:transparent;
}
.home-work .home-work-case-link{
  text-decoration:none;
  color:inherit;
  cursor:pointer;
}
.home-work .home-work-case-link:focus-visible{
  outline:2px solid currentColor;
  outline-offset:4px;
}
.home-work .project-card-media{
  margin:0;
  width:100%;
  height:100%;
  min-height:0;
  overflow:hidden;
  background:#fff;
  border-bottom:1px solid var(--white);
}
.home-work .project-card-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.home-work .project-card.tall .project-card-media svg,
.home-work .project-card.net .project-card-media .net-color-field{
  display:block;
  width:100%;
  height:100%;
}
.home-work .project-card-body{
  padding:28px;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  min-height:0;
  color:#fff;
}
.home-work .project-card-body .project-meta{align-self:start}
.home-work .project-card-body h3{align-self:center;margin-top:28px;margin-bottom:28px}
.home-work .project-card-body p{align-self:end;margin:0}
.home-work .project-card.net .project-card-body{background:#35565E}
.home-work .project-card.borg .project-card-body{background:var(--sand);color:var(--ink)}
.home-work .project-card.tall .project-card-body{background:#006580}
.home-work .project-card.guld .project-card-body{background:#CE5090}
.home-work .project-card.borg .project-card-body .project-meta{color:var(--ink)}
.home-work .project-card.net .project-card-media{background:#35565E}
.home-work .project-card.net .project-card-media .net-color-field{background-image:linear-gradient(rgba(85,115,112,.35),rgba(85,115,112,.35)),url('../net/home-top-chart.jpg');background-size:cover;background-position:center center;background-repeat:no-repeat}
.home-work .project-card.borg .project-card-media img{object-position:center 42%}
.home-work .project-card.guld .project-card-media{background:#CE5090}
.home-work .project-card.guld .project-card-media img{object-fit:cover;object-position:center center;transform:scale(1.18);transform-origin:center center}
.home-work .project-card.tall .project-card-media{background:#006580;padding:28px;box-sizing:border-box}
.home-work .project-card.tall .project-card-media img{object-fit:contain;object-position:center}

.project-visual{position:absolute;inset:0;pointer-events:none;opacity:.92}
.project-content{position:relative;z-index:2}
.net svg{position:absolute;right:4%;bottom:5%;width:72%;height:auto}
.borg .ten{position:absolute;right:-2%;bottom:-12%;font-size:clamp(190px,27vw,440px);font-weight:700;line-height:.75;letter-spacing:-.08em;opacity:.16}
.tall .rig{position:absolute;inset:0;background:
  linear-gradient(77deg,transparent 0 47%,rgba(56,56,56,.38) 47.2% 47.7%,transparent 48%),
  linear-gradient(103deg,transparent 0 51%,rgba(56,56,56,.28) 51.2% 51.7%,transparent 52%)}
.tall .rig:after{content:"";position:absolute;left:18%;right:16%;bottom:15%;height:2px;background:var(--ink);opacity:.45}
.guld .eye{position:absolute;width:260px;height:260px;border:18px solid var(--ink);border-radius:50%;right:8%;bottom:10%;opacity:.18}
.guld .eye:before{content:"";position:absolute;inset:30%;border-radius:50%;background:var(--ink)}

.home-stories{padding:110px 0;background:var(--page-dark,#3D3D3D);color:var(--white)}
.home-stories .outline-link{color:var(--white);border-color:var(--white)}
.home-stories .outline-link:hover{background:var(--white);color:var(--ink);border-color:var(--white)}
.home-stories .story-card{background:var(--white);color:var(--ink)}
.home-stories .story-card-link:nth-child(1) .story-card:hover{background:#f3e9df}
.home-stories .story-card-link:nth-child(2) .story-card:hover{background:#ededeb}
.home-stories .story-card-link:nth-child(3) .story-card:hover{background:#52CBC8}

.home-stories .story-card-link[data-route="story-01"] .story-card:hover{background:#f3e9df}
.home-stories .story-card-link[data-route="story-02"] .story-card:hover{background:#ededeb}
.home-stories .story-card-link[data-route="story-03"] .story-card:hover{background:#52CBC8}
.home-stories .story-card-link[data-route="story-04"] .story-card:hover{background:#F3EADC}
.home-stories .story-card-link[data-route="story-05"] .story-card:hover{background:#d8dce6}
.home-stories .story-card-link[data-route="story-06"] .story-card:hover{background:#000;color:#f2f2f0}
.home-stories .story-card-link[data-route="story-06"] .story-card:hover .story-arrow{color:#f2f2f0}










.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(56,56,56,.3);border:1px solid rgba(56,56,56,.3)}
.story-card{background:var(--white);min-height:0;padding:26px;display:grid;grid-template-rows:auto auto auto;row-gap:28px;align-content:start;transition:background .2s ease;position:relative}
.home-stories .story-arrow{position:absolute;right:26px;top:26px;width:48px;height:48px;color:var(--ink);z-index:2;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.home-stories .story-arrow svg{display:block;width:100%;height:100%}
.home-stories .story-arrow polygon{fill:currentColor}
.home-stories .story-card:hover .story-arrow{transform:translate(6px,-6px)}
.story-card .index{font-family:var(--mono);font-size:10px;align-self:start}
.story-card h3{font-size:clamp(26px,2.8vw,46px);line-height:.98;letter-spacing:-.01em;margin:18px 0 0;max-width:none;align-self:start}
.story-card p{font-family:var(--mono);font-size:12px;line-height:1.55;max-width:38ch;align-self:start;margin:0}

.home-manifest{min-height:100svh;background:var(--rose);color:white;display:flex;align-items:center;padding:120px 0}
.manifest-teaser-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:6vw;align-items:end}
.home-work-svg{color:var(--red);width:100%}
.home-work-svg path,.home-work-svg line,.home-work-svg polyline{fill:none;stroke:currentColor;stroke-width:36;stroke-linecap:square;stroke-linejoin:miter}
.home-work-svg .is-w > *{stroke-width:12;animation:rmWorkManifestGrow .80s linear 0.00s 1 forwards,rmWorkManifestWave 1.60s linear 5.60s infinite;}
.manifest-copy{padding-bottom:10px;color:var(--ink)}

.home-about{
  min-height:100svh;
  height:100svh;
  background:var(--sand);
  color:var(--white);
  display:flex;
  align-items:center;
  padding:0;
  position:relative;
  overflow:hidden;
}
.home-about-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:7vw;
  align-items:start;
  position:relative;
  z-index:2;
  min-height:100svh;
  padding:110px 0;
}
.home-about .medium{max-width:none;width:100%;font-size:clamp(57px,7.5vw,117px)}
.home-about .medium{color:#383838}
.home-about-grid > div:last-child{
  color:var(--ink);
  padding-top:41px;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.home-about-grid > div:last-child .lead{
  max-width:none;
  font-family:var(--mono);
  font-size:13px;
  line-height:1.65;
  letter-spacing:0;
  font-weight:400;
}
.home-about-eye{
  position:absolute;
  z-index:1;
  right:clamp(56px,8vw,130px);
  top:calc(var(--u) + (var(--u) * 0.3));
  width:clamp(190px,20vw,320px);
  height:auto;
  transform:translateY(-50%);
  pointer-events:none;
}
.home-about-art{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  --u:25svh;
  --grid-w:calc(5 * var(--u));
}
.home-about-1993-svg{
  position:absolute;
  left:calc(1.28 * var(--u));
  top:calc(3.22 * var(--u));
  width:calc(1.44 * var(--u));
  height:auto;
  z-index:2;
}
.home-about-arrow-svg{
  position:absolute;
  left:calc(3 * var(--u));
  top:calc(2 * var(--u));
  width:var(--u);
  height:var(--u);
  z-index:2;
}
.home-about-art::after{
  content:"";
  position:absolute;
  left:calc(4 * var(--u) - 1px);
  top:calc(2 * var(--u));
  width:2px;
  height:var(--u);
  background:#093839;
  z-index:3;
  pointer-events:none;
}
.home-about-shape{
  position:absolute;
  display:block;
}
.home-about-shape.circle{
  border-radius:50%;
}
.home-about-shape.blue-square{
  left:0;
  top:0;
  width:var(--u);
  height:var(--u);
  background:var(--blue);
}
.home-about-shape.left-red{
  left:calc(var(--u) * -0.5);
  top:var(--u);
  width:var(--u);
  height:var(--u);
  background:var(--red);
}
.home-about-shape.black-left{
  left:0;
  top:calc(2 * var(--u));
  width:var(--u);
  height:var(--u);
  background:var(--rose);
}
.home-about-shape.red-mid{
  left:var(--u);
  top:calc(2 * var(--u));
  width:var(--u);
  height:var(--u);
  background:var(--red);
  clip-path:polygon(0 100%, 100% 0, 100% 100%);
}
.home-about-shape.black-bottom{
  left:var(--u);
  top:calc((3 * var(--u)) - 1px);
  width:calc(2 * var(--u));
  height:calc(var(--u) + 1px);
  background:var(--green);
}
.home-about-shape.yellow-v{
  left:calc(2 * var(--u));
  top:var(--u);
  width:var(--u);
  height:calc(2 * var(--u));
  background:var(--yellow);
}
.home-about-shape.yellow-h{
  left:calc(2 * var(--u));
  top:var(--u);
  width:calc(100% - (2 * var(--u)));
  height:var(--u);
  background:var(--yellow);
}
.home-about-shape.red-tall{
  left:calc(3 * var(--u));
  top:calc(2 * var(--u));
  width:var(--u);
  height:calc(2 * var(--u));
  background:var(--red);
}
.home-about-shape.top-red{
  left:calc(3 * var(--u));
  top:calc(var(--u) * -0.5);
  width:var(--u);
  height:var(--u);
  background:var(--red);
  transform-origin:50% 100%;
}
.home-about-shape.right-blue{
  left:auto;
  right:calc(var(--u) * -0.5);
  top:calc(2 * var(--u));
  width:var(--u);
  height:var(--u);
  background:var(--blue);
}
.home-about .outline-link{
  border-color:currentColor;
  color:inherit;
}
.home-about .outline-link:hover{
  background:var(--ink);
  border-color:var(--ink);
  color:var(--white);
}

.home-about.build-sequence .home-about-shape,
.home-about.build-sequence .home-about-grid > div{
  will-change:transform,opacity;
}
.home-about.build-sequence .home-about-grid > div{
  transition:opacity .7s ease, transform .7s ease;
}
.home-about.build-sequence .home-about-shape{
  transition-property:transform, opacity;
  transition-duration:.7s, .35s;
  transition-timing-function:cubic-bezier(.22,.61,.36,1), linear;
}
.home-about.build-sequence.is-pending .home-about-grid > div{
  opacity:0;
  transform:translateY(24px);
}
.home-about.build-sequence.is-pending .blue-square{
  transform:translateX(-100%);
}
.home-about.build-sequence.is-pending .yellow-h{
  transform:translateX(100%);
}
.home-about.build-sequence.is-pending .yellow-v{
  transform:scaleY(0);
  transform-origin:top center;
}
.home-about.build-sequence.is-pending .black-left,
.home-about.build-sequence.is-pending .red-mid{
  transform:translateX(-100%);
}
.home-about.build-sequence.is-pending .black-bottom,
.home-about.build-sequence.is-pending .red-tall{
  transform:translateY(100%);
}
.home-about.build-sequence.is-pending .left-red{
  transform:translateX(-100%);
}
.home-about.build-sequence.is-pending .top-red{
  transform:translateY(-100%);
}
.home-about.build-sequence.is-pending .right-blue{
  transform:translateX(100%);
}
.home-about.build-sequence.is-active .blue-square{
  transition-delay:.05s;
}
.home-about.build-sequence.is-active .yellow-h{
  transition-delay:.2s;
}
.home-about.build-sequence.is-active .yellow-v{
  transition-delay:.6s;
}
.home-about.build-sequence.is-active .black-left{
  transition-delay:1s;
}
.home-about.build-sequence.is-active .red-mid{
  transition-delay:1.12s;
}
.home-about.build-sequence.is-active .black-bottom{
  transition-delay:1.28s;
}
.home-about.build-sequence.is-active .red-tall{
  transition-delay:1.46s;
}
.home-about.build-sequence.is-active .left-red{
  transition-delay:1.72s;
  transition-timing-function:cubic-bezier(.18,.89,.32,1.12), linear;
}
.home-about.build-sequence.is-active .top-red{
  opacity:1;
  animation:homeAboutTopRedIntro 1.15s 1.9s both;
  transition:none !important;
}
.home-about.build-sequence.is-active .top-red.is-looping{
  opacity:1;
  animation:homeAboutTopRedLoop 1.72s infinite !important;
  transition:none !important;
}
.home-about.build-sequence.is-active .right-blue{
  transition-delay:2.1s;
}
.home-about.build-sequence.is-active .home-about-grid > div:first-child{
  transition-delay:2.45s;
}
.home-about.build-sequence.is-active .home-about-grid > div:last-child{
  transition-delay:2.65s;
}
.home-about.build-sequence.is-active .home-about-shape,
.home-about.build-sequence.is-active .home-about-grid > div{
  opacity:1;
  transform:none;
}

/*
  The ball geometry is fixed to the Bauhaus grid.
  Static ball top = -0.5u.
  Yellow field top = 1u.
  Therefore exact impact = +0.5u.
  To hide 2/3 of the ball above the viewport, its top must be -2/3u.
  From -0.5u that is an upward translation of -1/6u.
*/
@keyframes homeAboutTopRedIntro{
  0%{
    opacity:1;
    transform:translateY(calc(var(--u) * -1.35));
    animation-timing-function:cubic-bezier(.55,.02,.86,.45);
  }
  100%{
    opacity:1;
    transform:translateY(calc(var(--u) * .5));
  }
}
@keyframes homeAboutTopRedLoop{
  0%{
    opacity:1;
    transform:translateY(calc(var(--u) * .5));
    animation-timing-function:cubic-bezier(.12,.72,.24,1);
  }
  50%{
    opacity:1;
    transform:translateY(calc(var(--u) / -6));
    animation-timing-function:cubic-bezier(.58,.02,.86,.55);
  }
  100%{
    opacity:1;
    transform:translateY(calc(var(--u) * .5));
  }
}
@media (prefers-reduced-motion: reduce){
  .home-about.build-sequence .home-about-shape,
  .home-about.build-sequence .home-about-grid > div{
    transition:none !important;
    transform:none !important;
    opacity:1 !important;
  }
  .home-about.build-sequence.is-active .top-red{
    opacity:1 !important;
    transform:none !important;
    animation:none !important;
  }
  .home-about.build-sequence.is-active .top-red.is-looping{
    animation:none !important;
  }
}
@media(max-width:1100px){
  .home-about-art{
    --u:25svh;
    --grid-w:calc(5 * var(--u));
  }
}
@media(max-width:900px){
  .home-belief{
    min-height:82svh;
    padding:90px 0;
  }
  .home-belief-statement{
    max-width:10.5ch;
    font-size:clamp(54px,15vw,92px);
    line-height:.9;
  }

  .home-about-eye{
    right:6vw;
    top:calc(var(--u) + (var(--u) * 0.3));
    width:clamp(150px,38vw,260px);
  }
  .home-about{
    height:auto;
    min-height:100svh;
  }
  .home-about-grid{
    grid-template-columns:1fr;
    gap:40px;
    align-items:start;
    min-height:100svh;
    padding:88px 0;
  }
  .home-about-grid > div:last-child{padding-top:0}
  .home-about-art{
    --u:25svh;
    --grid-w:calc(5 * var(--u));
  }
}

.home-contact{min-height:82svh;background:var(--page-dark,#3D3D3D);display:flex;align-items:center;padding:110px 0;position:relative;overflow:hidden}
.home-contact .site-wrap{position:relative;z-index:2}
.home-contact .big{
  width:66.666%;
  max-width:66.666%;
  font-size:clamp(42px,5.5vw,86px);
  line-height:.95;
  letter-spacing:-.045em;
  position:relative;
  color:transparent;
  -webkit-text-fill-color:transparent;
  background-image:
    radial-gradient(circle, rgba(255,255,255,.98) 0%, rgba(255,255,255,.92) 10%, rgba(255,255,255,.52) 22%, rgba(255,255,255,.14) 34%, rgba(255,255,255,0) 48%),
    linear-gradient(var(--ink),var(--ink));
  background-repeat:no-repeat,no-repeat;
  background-size:165% 165%,100% 100%;
  background-position:12% 24%,0 0;
  -webkit-background-clip:text;
  background-clip:text;
  animation:contactSearchlight 12s ease-in-out infinite;
  padding-bottom:.20em;
  margin-bottom:-.20em;
}
.home-contact-eye{position:absolute;right:5vw;top:50%;transform:translateY(-50%);width:clamp(220px,26vw,420px);height:auto;pointer-events:none;z-index:1}
.home-contact .eyebrow,
.home-contact .outline-link{color:var(--white)}
.home-contact .outline-link{border-color:var(--white)}
@keyframes contactSearchlight{
  0%{background-position:8% 22%,0 0}
  18%{background-position:58% 16%,0 0}
  38%{background-position:83% 34%,0 0}
  56%{background-position:64% 72%,0 0}
  76%{background-position:28% 84%,0 0}
  100%{background-position:12% 42%,0 0}
}
@media (prefers-reduced-motion: reduce){
  .home-contact .big{animation:none;background-position:34% 28%,0 0}
}
.home-contact-eye-alt{top:calc(50% + clamp(155px,16vw,230px));width:clamp(180px,22vw,360px)}

@media(max-width:900px){
  .home-contact .big{width:100%;max-width:100%}
  .home-contact-eye{right:4vw;top:auto;bottom:6svh;transform:none;width:clamp(160px,34vw,240px);opacity:.9}
  .home-contact-eye-alt{display:none}
}

/* SUBPAGES */
.page-hero{min-height:72svh;padding:150px 0 80px;display:flex;align-items:flex-end}
.page-hero .big{max-width:14ch}
.page-hero.work{background:var(--white);color:var(--ink)}
.work-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start;width:100%}
.work-hero-copy{max-width:620px;padding-top:41px}
.work-hero-copy .lead{font-family:var(--sans);font-size:clamp(24px,2vw,34px);line-height:1.18;letter-spacing:-.025em;font-weight:700;max-width:none;margin:0 0 28px}
.work-hero-copy .bodycopy{margin-top:0}
.page-hero.stories{background:#4B4B4B;color:#fff;min-height:72svh;padding:150px 0 80px;display:flex;align-items:flex-end}
.page-hero.stories .site-wrap{width:min(94%,1600px)}
.stories-hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start;width:100%}
.stories-hero-copy{max-width:620px;padding-top:41px}
.stories-hero-copy .big{max-width:14ch;color:#fff}
.stories-hero-copy .lead{font-family:var(--sans);font-size:clamp(24px,2vw,34px);line-height:1.18;letter-spacing:-.025em;font-weight:700;max-width:none;margin:0 0 28px;color:#fff}
.stories-hero-copy .bodycopy{margin-top:0;color:rgba(255,255,255,.9)}
.stories-speech,.stories-speech-headline,.stories-speech-copy,.stories-speech-shape,.stories-speech-cursor,.stories-speech-animated{display:none!important}
@media(max-width:900px){
  /* v270 — fixed 24px mobile side rhythm */
  .site-wrap,
  .page-hero.stories .site-wrap,
  .contact-main > .site-wrap,
  .story-list-wrap{
    width:calc(100% - 48px);
    max-width:none;
    margin-left:auto;
    margin-right:auto;
  }

  .page-hero.stories{min-height:auto;padding:130px 0 80px;align-items:flex-start}
  .stories-hero-layout{grid-template-columns:1fr;gap:34px;min-height:0}
  .stories-hero-copy{width:100%;max-width:none;padding-top:0}
  .stories-hero-copy .big{max-width:none;width:100%}
}
@media(max-width:560px){
  .page-hero.stories{padding-bottom:60px;}
  .page-hero.stories .site-wrap,
  .story-list-wrap{width:calc(100% - 48px);max-width:none;margin-left:auto;margin-right:auto;}
  .stories-hero-layout{gap:26px}
  .stories-hero-copy .big{width:100%;max-width:100%}
  .story-list-wrap{margin-top:0;}
}

.page-hero.about{background:var(--green);position:relative;overflow:hidden}
.page-hero.about .site-wrap{position:relative;z-index:2}
.page-hero.about .big{max-width:18ch;color:#fff}
.about-1993-line{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,1600px);height:auto;z-index:1;pointer-events:none}
.page-hero.contact{background:var(--blue)}

.work-list{background:var(--ink);color:white;padding:90px 0 120px}
.work-row{display:grid;grid-template-columns:90px 1.2fr .8fr 72px;gap:40px;padding:42px 0;border-top:1px solid rgba(255,255,255,.45);align-items:start}
.work-row:last-child{border-bottom:1px solid rgba(255,255,255,.45)}
.work-row .no{font-family:var(--mono);font-size:12px}
.work-row h2{font-size:clamp(38px,5vw,74px);line-height:.95;letter-spacing:-.035em;margin:0}
.work-row .tags{font-family:var(--mono);font-size:11px;line-height:1.7;text-transform:uppercase;align-self:center}
.work-row-jump{display:flex;justify-content:flex-end;align-items:center;align-self:stretch}
.work-row-arrow{appearance:none;border:0;background:none;color:#fff;padding:0;width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:.9;transition:transform .2s ease,opacity .2s ease}
.work-row-arrow:hover,.work-row-arrow:focus-visible{opacity:1;transform:translateX(4px)}
.work-row-arrow-icon{display:block;width:34px;height:34px;background:url("../stories-arrow.svg") center/contain no-repeat;filter:brightness(0) invert(1);transform:rotate(90deg)}
.work-feature{min-height:80svh;display:flex;align-items:center;padding:90px 0}
.work-feature.net{background:#35565E;color:white}
.work-feature.borg{background:var(--sand)}
.work-feature.tall{background:var(--rose)}
.work-feature.guld{background:var(--green)}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}
.feature-visual{min-height:420px;border:0;position:relative;overflow:hidden}
.feature-visual .huge-num{position:absolute;font-size:clamp(210px,27vw,440px);font-weight:700;letter-spacing:-.08em;line-height:.8;right:-4%;bottom:-10%;opacity:.15}
.feature-visual .lines{position:absolute;inset:12%;background:repeating-linear-gradient(90deg,currentColor 0 2px,transparent 2px 10%);opacity:.18}
.feature-visual .dot{position:absolute;width:45%;aspect-ratio:1;border-radius:50%;border:28px solid currentColor;right:10%;top:14%;opacity:.18}
.feature-copy h2{font-size:clamp(42px,5vw,78px);line-height:.94;letter-spacing:-.04em;margin:0 0 30px}
.feature-copy p{font-family:var(--mono);font-weight:200;line-height:1.65;max-width:600px}

.stories-intro{padding:90px 0;background:#4B4B4B;color:#fff}
[data-page="stories"]{background:#4B4B4B;color:#fff;padding-bottom:110px}

.story-list-wrap{width:min(94%,1600px);margin:0 auto}
.story-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;background:transparent;border:0}
.story-list .card{display:flex;flex-direction:column;min-height:0;border:0;background:#f3e9df;overflow:hidden;position:relative;transition:transform .35s ease,box-shadow .35s ease;color:var(--ink)}




.story-list .card:hover{transform:translateY(-6px);box-shadow:0 22px 55px rgba(0,0,0,.10)}
.story-list .card-copy{padding:38px 42px 42px;display:flex;flex-direction:column;flex:1;order:2}
.story-list .card h3{font-size:clamp(31px,3vw,52px);line-height:.98;letter-spacing:-.045em;margin:18px 0 24px;max-width:none;color:var(--ink)}
.story-list .card p{color:var(--ink);max-width:46ch;margin:0;line-height:1.55;font-family:var(--mono);font-size:13px}
.story-list .card-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.story-list .card-media{overflow:hidden;background:#eee;aspect-ratio:16/9;order:1;position:relative}
.story-list .card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.story-list .card:hover .card-media img{transform:scale(1.03)}.story-list .card[data-route="story-01"]{background:#f3e9df}.story-list .card[data-route="story-02"]{background:#ededeb}.story-list .card[data-route="story-03"]{background:#52CBC8}.story-list .card[data-route="story-04"]{background:#F3EADC}.story-list .card[data-route="story-05"]{background:#d8dce6}
.story-list .card-media .story06-overview-animated{width:100%;height:100%;display:block;transition:transform .6s ease}
.story-list .card:hover .card-media .story06-overview-animated{transform:scale(1.03)}
.story-list .story-arrow{position:absolute;top:26px;left:26px;width:44px;height:44px;color:#fff;z-index:2;filter:drop-shadow(0 2px 8px rgba(0,0,0,.28));transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.story-list .story-arrow svg{display:block;width:100%;height:100%}
.story-list .story-arrow polygon{fill:currentColor}
.story-list .card:hover .story-arrow{transform:translate(7px,-7px)}
.story-list .randorff-coming-story-card{position:relative;display:flex;min-height:0;background:#383838!important;border:1px dotted rgba(255,255,255,.9);cursor:default}
.story-list .randorff-coming-story-card:hover{transform:translateY(-6px);box-shadow:0 22px 55px rgba(0,0,0,.10)}
.story-list .randorff-coming-story-media{position:relative;display:flex;align-items:flex-end;justify-content:flex-start;flex:1 1 auto;width:100%;height:100%;min-height:100%;aspect-ratio:auto;padding:42px;overflow:hidden;background:#383838;color:#f2f0eb;order:1}
.story-list .randorff-coming-story-terminal{display:block;width:100%;min-width:0;min-height:1.3em;margin:0;padding:0;font-family:var(--mono);font-size:clamp(18px,1.7vw,26px);font-weight:200;line-height:1.3;letter-spacing:-.015em;white-space:normal;opacity:.85}
.story-list .randorff-coming-story-text{display:inline;min-width:0;overflow-wrap:anywhere}
.story-list .randorff-coming-story-text.is-selected{color:#383838!important;background:#f2f0eb}
.story-list .randorff-coming-story-cursor{display:inline-block;width:1px;height:.88em;margin-left:.12em;background:currentColor;transform:translateY(.08em);animation:comingCursor .8s steps(1,end) infinite}
@keyframes comingCursor{0%,48%{opacity:1}49%,100%{opacity:0}}
@media(max-width:900px){
  .story-list{grid-template-columns:1fr}
  .story-list .randorff-coming-story-media{padding:34px 30px}
}
@media(max-width:600px){
  .story-list-wrap{width:calc(100% - 28px);margin-bottom:70px}
  .story-list{gap:14px}
  .story-list .card-copy{padding:30px}
  .story-list .card h3{font-size:clamp(30px,9vw,46px)}
  .story-list .story-arrow{top:22px;left:22px;width:38px;height:38px}
  .story-list .randorff-coming-story-card{min-height:calc((100vw - 28px) * .625 + 320px)}
  .story-list .randorff-coming-story-terminal{font-size:17px;letter-spacing:-.01em}
}

.story-list .story-list-01{--story-card-image:url("../stories/story-01-overview.webp")}
.story-list .story-list-02{--story-card-image:url("../stories/story-02-hero.webp")}
.story-list .story-list-03{--story-card-image:url("../stories/story-03-overview.webp")}
.story-list .story-list-04{--story-card-image:url("../stories/story-04-ishihara.webp")}
.story-list .story-list-05{--story-card-image:url("../guldbaek-vingaard/Paisley.svg")}


@media(max-width:900px){
  .about-1993-line{
    width:calc(100vw - 28px);
    max-width:none;
    height:auto;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
  }
}


.about-main{padding:110px 0}
.about-footer-logo{
  width:100%;
  margin:0;
  padding:0;
  line-height:0;
  position:relative;
  z-index:0;
}
.about-footer-logo .site-wrap{
  margin-bottom:0;
}
.about-footer-logo img{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  padding:0;
  position:relative;
  z-index:0;
  transform:translateY(3.7%);
}
.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;align-items:start}
.about-grid .medium{max-width:13ch}
.about-grid > div:last-child .lead{
  font-family:var(--sans);
  font-size:clamp(24px,2vw,34px);
  line-height:1.18;
  letter-spacing:-.025em;
  font-weight:700;
  width:100%;
  max-width:none;
  margin:0;
}
.timeline{margin-top:100px;border-top:1px solid var(--ink)}
.timeline-row{display:grid;grid-template-columns:140px 1fr;gap:30px;padding:24px 0;border-bottom:1px solid var(--ink);font-family:var(--mono)}
.timeline-row .year{font-weight:700}
.about-timeline-layout{margin-top:100px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:stretch}
.about-timeline-layout .timeline{grid-column:1 / span 2;margin-top:0}
.about-portrait-card{grid-column:3;position:relative;background:transparent;border:0;overflow:hidden;align-self:start}
.about-portrait-image{position:relative;display:block;width:100%;height:auto;object-fit:contain;background:transparent}
.principles{margin-top:110px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ink);border:1px solid var(--ink)}
.principle{background:white;padding:28px;min-height:300px}
.principle h3{font-size:clamp(28px,3vw,48px);line-height:.95;margin:0 0 24px}
.principle p{font-family:var(--mono);font-size:13px;line-height:1.6}

.contact-main{min-height:78svh;background:var(--ink);color:white;display:flex;align-items:center;padding:100px 0}
.contact-grid{display:grid;grid-template-columns:1fr .7fr;gap:8vw;align-items:start}
.contact-grid .medium{max-width:12ch}
.contact-card{padding-top:41px;font-family:var(--mono);font-weight:200;font-size:14px;line-height:1.8}
.contact-card > p:first-child{font-family:var(--sans);font-size:clamp(24px,2vw,34px);line-height:1.18;letter-spacing:-.025em;font-weight:700;margin:0 0 28px;max-width:none}
.contact-direct{margin:clamp(34px,5vw,70px) 0 34px;display:flex;flex-direction:column;gap:8px}
.contact-direct-item{display:block;width:max-content;max-width:100%;font-family:var(--sans);font-size:clamp(24px,2.68vw,42.5px);font-weight:700;line-height:.98;letter-spacing:-.045em;color:inherit;text-decoration:none;overflow-wrap:anywhere}
.contact-direct a:hover{text-decoration:underline;text-decoration-thickness:.05em;text-underline-offset:.12em}
.contact-address{margin-top:32px}
.about-statement{font-family:var(--sans);font-size:clamp(32px,4vw,62px);line-height:.98;letter-spacing:-.04em;margin:clamp(72px,9vw,120px) auto 0;width:min(66.666vw,1100px);max-width:66.666vw;text-align:center}
.feature-more-statement{font-family:var(--sans);font-size:clamp(30px,4.1vw,64px);line-height:.98;letter-spacing:-.04em;margin:clamp(54px,7vw,100px) 0 0;width:100%;max-width:none}

/* FOOTER */

.footer-logo{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
}
.footer-logo-svg{
  display:block;
  width:150px;
  height:auto;
  color:var(--white);
}
.footer-logo-text{
  font-family:var(--mono);
  font-size:11px;
  line-height:1.5;
}
.footer-terminal{
  display:inline-flex;
  align-items:center;
  gap:.18em;
  min-height:1.5em;
  white-space:nowrap;
}
.footer-terminal-text{
  display:inline-block;
  min-width:0;
}
.footer-terminal-text.is-selected{
  color:var(--ink);
  background:var(--white);
}
.footer-terminal-cursor{
  display:inline-block;
  width:1px;
  height:1.05em;
  background:currentColor;
  transform:translateY(.08em);
  animation:footerTerminalCursor .85s steps(1,end) infinite;
}
@keyframes footerTerminalCursor{
  0%,48%{opacity:1}
  49%,100%{opacity:0}
}
.footer-logo-svg path{
  fill:currentColor;
}

.site-footer{background:var(--ink);color:white;height:165px;padding:0;overflow:hidden;position:relative;z-index:2}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;height:100%;font-family:var(--mono);font-size:11px;line-height:1.7;align-items:center}
.footer-grid a:hover{text-decoration:underline}
.footer-logo,.footer-nav{padding:0}
.footer-right{display:grid;grid-template-columns:auto 1fr;align-items:stretch;gap:0;text-align:right;min-width:0;height:100%;padding-left:14px}
.footer-right-image{display:block;height:165px;width:auto;max-width:none;object-fit:cover;align-self:stretch;transform:translateX(-20px)}
.footer-right-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;white-space:nowrap;height:100%;justify-self:end}

/* MANIFEST INTEGRATION */
.page-manifest{background:white}
.page-manifest #randorff-manifest .rm-language-switch{top:78px !important;right:3% !important}
.page-manifest #randorff-manifest{margin-top:0}
.page-manifest #randorff-manifest .rm-hero{padding-top:0}



/* v03 — optical left-edge alignment between eyebrow and display type */
.project-card h3,
.story-card h3,
.story-list h2,
.work-row h2,
.feature-copy h2,
.principle h3{
  margin-left:-.025em;
}

/* v02 — full viewport rhythm */
.home-intro,
.home-work,
.home-stories,
.home-manifest,
.home-about,
.home-contact,
.page-hero,
.work-feature,
.contact-main{
  min-height:100vh;
  min-height:100svh;
}

.home-intro,
.home-work,
.home-stories,
.home-manifest,
.home-about,
.home-contact,
.page-hero,
.work-feature,
.contact-main{
  display:flex;
  align-items:center;
}

.home-work > .site-wrap,
.home-stories > .site-wrap,
.page-hero > .site-wrap,
.work-feature > .site-wrap,
.contact-main > .site-wrap{
  width:min(94%,var(--max));
}

.home-work,
.home-stories{
  padding-top:70px;
  padding-bottom:70px;
}

.home-work .project-card{
  min-height:min(55vh,520px);
}

.home-stories .story-card{
  min-height:0;
}

.page-hero{
  padding-top:120px;
  padding-bottom:70px;
}

.work-feature{
  padding-top:70px;
  padding-bottom:70px;
}

/* avoid cramped line breaks */
.home-hero .big,
.home-contact .big,
.page-hero .big{
  text-wrap:balance;
}

.medium,
.project-card h3,
.story-card h3,
.story-list h2,
.work-row h2,
.feature-copy h2{
  text-wrap:balance;
}











/* v30 — Tall Ships card text white */
.project-card.tall,
.project-card.tall .project-content,
.project-card.tall .project-meta,
.project-card.tall h3,
.project-card.tall p{
  color:#fff !important;
}

/* v28 — exact Story 03 Tall Ships hero animation */
/* =========================================================
   STORY 03 – HERO-ANIMATION · NYE SVG-FILER
   21:9 som de øvrige hero-felter. Single centreres, mens
   pattern og year fylder hele fladen. Ingen fliser flytter sig.
   ========================================================= */
#randorff-stories-app #story-03 .story-03-animated-hero{
  position:relative!important;
  display:block!important;
  aspect-ratio:21/9!important;
  height:auto!important;
  overflow:hidden!important;
  background:#006580!important;
}
#randorff-stories-app #story-03 .tsr-hero-animation{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:hidden;
  background:#006580;
}
#randorff-stories-app #story-03 .tsr-svg-layer{
  position:absolute;
  inset:0;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  overflow:hidden!important;
}
#randorff-stories-app #story-03 .tsr-year-layer{
  z-index:1;
  visibility:hidden;
}
#randorff-stories-app #story-03 .tsr-pattern-layer{
  z-index:2;
  visibility:hidden;
}
#randorff-stories-app #story-03 .tsr-welcome-layer{
  z-index:4;
  opacity:0;
  visibility:visible;
  pointer-events:none;
  will-change:opacity,transform;
  transform:translateY(8px);
}
#randorff-stories-app #story-03 .tsr-single-stage{
  position:absolute;
  inset:0;
  z-index:3;
  display:block;
  pointer-events:none;
}
#randorff-stories-app #story-03 .tsr-single-motion{
  position:absolute;
  inset:0;
  transform:translateX(-17.032%);
  will-change:transform;
}
#randorff-stories-app #story-03 .tsr-single-layer,
#randorff-stories-app #story-03 .tsr-sti-layer{
  position:absolute;
  inset:0;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  overflow:hidden!important;
}
#randorff-stories-app #story-03 .tsr-sti-layer{
  z-index:1;
  opacity:0;
  visibility:visible;
  will-change:opacity;
}
#randorff-stories-app #story-03 .tsr-single-motion{
  z-index:2;
}
#randorff-stories-app #story-03 .tsr-tile{
  transform-box:fill-box;
  transform-origin:center;
  will-change:transform,opacity;
}
@media(max-width:900px){
  #randorff-stories-app #story-03 .story-03-animated-hero{aspect-ratio:16/9!important;}
}
@media(max-width:600px){
  #randorff-stories-app #story-03 .story-03-animated-hero{
    aspect-ratio:21/9!important;
    height:auto!important;
    overflow:hidden!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #randorff-stories-app #story-03 .tsr-single-stage,
  #randorff-stories-app #story-03 .tsr-pattern-layer{display:none!important;}
  #randorff-stories-app #story-03 .tsr-year-layer{visibility:visible!important;}
  #randorff-stories-app #story-03 .tsr-welcome-layer{opacity:1!important;transform:none!important;}
}

/* Placement inside the Work image field; animation itself is unchanged. */
.work-feature.tall{
  background:#006580 !important;
}
.work-feature.tall .feature-visual.tsr-exact-story-field{
  min-height:0 !important;
  height:auto !important;
  overflow:visible !important;
  border:0 !important;
  background:transparent !important;
}
.work-feature.tall .feature-visual.tsr-exact-story-field > #randorff-stories-app{
  width:100%;
  display:block;
}
.work-feature.tall .feature-visual.tsr-exact-story-field #story-03{
  width:100%;
  display:block;
}
.project-card.tall{
  background:#006580 !important;
}


/* v33 — Guldbæk Vingaard: exact Story 05 paisley animation */
.work-feature.guld{
  background:#d8dce6 !important;
}
.work-feature.guld .feature-visual{
  min-height:0 !important;
  height:auto !important;
  overflow:visible !important;
}
.work-feature.guld .story-05-paisley{
  position:relative;
  box-sizing:border-box !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  transform:none !important;
  overflow:hidden;
  aspect-ratio:1/1;
  display:block;
  isolation:isolate;
  background:#d8dce6;
  animation:randorff-guldbaek-background 64s ease-in-out infinite;
}
.work-feature.guld .story-05-paisley img{
  position:relative;
  z-index:1;
  display:block;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
}
@keyframes randorff-guldbaek-background{
  0%,10%{background-color:#d8dce6;}
  11%,20%{background-color:#fbd8d0;}
  21%,30%{background-color:#eedc4b;}
  31%,40%{background-color:#ce5090;}
  41%,50%{background-color:#add6b9;}
  51%,60%{background-color:#f9ebd1;}
  61%,70%{background-color:#fdd491;}
  71%,80%{background-color:#cfb7d4;}
  81%,90%{background-color:#abb7c9;}
  91%,100%{background-color:#d8dce6;}
}
@media(prefers-reduced-motion:reduce){
  .work-feature.guld .story-05-paisley{
    animation:none;
    background:#d8dce6;
  }
}

/* v26 — consistent body copy size in Work */
.project-card p,
.work-feature .feature-copy > p:not(.eyebrow),
.work-feature .feature-more-col p{
  font-size:13px !important;
}

/* v24 — case images can have their own natural heights */
.feature-visual-natural{
  min-height:0 !important;
  height:auto !important;
  overflow:visible !important;
  display:block;
}
.feature-real-image-natural{
  position:static !important;
  inset:auto !important;
  display:block;
  width:100% !important;
  height:auto !important;
  max-width:100%;
  object-fit:contain !important;
  object-position:center top;
  border:0 !important;
  outline:0 !important;
}

/* v23 — NET / ForrestGreen from NET Design System */
.work-feature.net{
  background:#8BA293 !important;
}

/* v21 — NET image, original proportions */
.net-static-image-field{
  border:0 !important;
  min-height:0;
  overflow:visible;
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent;
}
.net-static-image{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  border:0 !important;
  outline:0 !important;
}

/* v17 — more space only between eyebrow and heading in case viewports */
.work-feature .feature-copy .eyebrow{
  margin-bottom:42px;
}

/* v15 — no strokes on image fields */
.feature-visual,
.feature-more-visual,
.case-extra-visual,
.feature-more-gallery,
.feature-more-gallery img,
.project-visual-image,
.case-card-image{
  border:0 !important;
  outline:0 !important;
}

/* v14 — real case imagery from randorff.dk */
.project-visual-image{
  position:absolute;
  inset:0;
  z-index:0;
  opacity:1;
}
.case-card-image{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.case-card-image-contain{
  object-fit:contain;
  padding:10%;
}
.project-card.borg,
.project-card.tall,
.project-card.guld{
  color:var(--white);
}
.project-card .project-content{
  position:relative;
  z-index:2;
}

.feature-real-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.feature-real-image-contain{
  object-fit:contain;
  padding:5%;
}

.feature-more-gallery{
  margin-top:clamp(70px,9vw,130px);
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(8px,1vw,16px);
}
.feature-more-gallery img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  display:block;
}
.work-feature.borg .feature-more-gallery{
  grid-template-columns:repeat(7,minmax(0,1fr));
}

@media(max-width:900px){
  .feature-more-gallery,
  .work-feature.borg .feature-more-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* v13 — light terminal typography in body copy */
.lead,
.bodycopy,
.project-card p,
.story-card p,
.story-list p,
.feature-copy p,
.case-detail-col p,
.feature-more-col p,
.contact-card,
.timeline-row,
.principle p,
.hero-aside .lead,
.home-intro-copy p,
.manifest-copy .lead,
.home-about .lead{
  font-weight:200;
}

/* v12 — expandable work/case viewports */
.feature-more-toggle{
  margin-top:28px;
  appearance:none;
  border:1px solid currentColor;
  background:transparent;
  color:inherit;
  padding:10px 12px;
  width:max-content;
  align-self:flex-start;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.05em;
  text-transform:uppercase;
  cursor:pointer;
}
.work-feature.net .feature-more-toggle:hover{
  background:var(--white);
  color:var(--ink);
  border-color:var(--white);
}
.work-feature.borg .feature-more-toggle:hover,
.work-feature.tall .feature-more-toggle:hover,
.work-feature.guld .feature-more-toggle:hover{
  background:var(--ink);
  color:var(--white);
  border-color:var(--ink);
}

.feature-more{
  display:none;
  width:min(94%,var(--max));
  margin:0 auto;
  padding:0 0 clamp(70px,9vw,130px);
}
.work-feature.is-expanded{
  min-height:100svh;
  display:block;
  padding-top:70px;
  padding-bottom:0;
}
.work-feature.is-expanded > .site-wrap.feature-grid{
  min-height:calc(100svh - 140px);
  display:grid;
  align-items:center;
}
.work-feature.is-expanded .feature-more{
  display:block;
  animation:featureMoreIn .45s ease both;
}

.work-feature.guld.is-expanded .feature-more{
  margin-top:clamp(70px,8vw,120px);
}
@keyframes featureMoreIn{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}

.feature-more-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:clamp(28px,4vw,70px);
  padding-top:48px;
  border-top:1px solid currentColor;
}
.feature-more-label{
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:18px;
}
.feature-more-col p{
  margin:0;
  font-family:var(--mono);
  font-size:clamp(13px,1.05vw,17px);
  line-height:1.65;
  max-width:42ch;
}
.feature-more-visual{
  min-height:72svh;
  margin-top:clamp(70px,9vw,130px);
  border:0;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  padding:clamp(24px,3vw,46px);
}
.feature-more-quote{
  position:relative;
  z-index:2;
  font-size:clamp(44px,7vw,112px);
  line-height:.9;
  letter-spacing:-.05em;
  font-weight:700;
  max-width:10ch;
}
.feature-more-visual-1:before{
  content:"";
  position:absolute;
  inset:12%;
  background:repeating-linear-gradient(90deg,currentColor 0 2px,transparent 2px 11%);
  opacity:.16;
}
.feature-more-visual-2:before{
  content:"10";
  position:absolute;
  right:-3%;
  top:-10%;
  font-size:min(52vw,720px);
  line-height:.8;
  letter-spacing:-.08em;
  font-weight:700;
  opacity:.12;
}
.feature-more-visual-3:before,
.feature-more-visual-3:after{
  content:"";
  position:absolute;
  width:140%;
  height:2px;
  background:currentColor;
  left:-20%;
  top:38%;
  transform:rotate(17deg);
  opacity:.24;
}
.feature-more-visual-3:after{
  top:61%;
  transform:rotate(-12deg);
}
.feature-more-visual-4:before{
  content:"";
  position:absolute;
  width:min(42vw,560px);
  aspect-ratio:1;
  border:clamp(20px,3vw,42px) solid currentColor;
  border-radius:50%;
  right:8%;
  top:8%;
  opacity:.13;
}
.feature-more-visual-4:after{
  content:"";
  position:absolute;
  width:min(11vw,150px);
  aspect-ratio:1;
  border-radius:50%;
  background:currentColor;
  right:calc(8% + min(15.5vw,205px));
  top:calc(8% + min(15.5vw,205px));
  opacity:.13;
}

@media(max-width:900px){
  .work-feature.is-expanded{
    padding-top:90px;
  }
  .work-feature.is-expanded > .site-wrap.feature-grid{
    min-height:auto;
  }
  .feature-more-grid{
    grid-template-columns:1fr;
  }
  .feature-more-visual{
    min-height:55svh;
  }
}

/* MOBILE */
@media(max-width:900px){
  .footer-logo-svg{
    width:130px;
  }

  .home-hero,
  .home-intro,
  .home-work,
  .home-stories,
  .home-manifest,
  .home-about,
  .home-contact,
  .page-hero,
  .work-feature,
  .contact-main{
    min-height:100svh;
  }

  .home-work,
  .home-stories,
  .work-feature{
    padding-top:90px;
    padding-bottom:90px;
  }

  :root{--edge:24px}
  .site-header{padding:14px 24px}
  .nav-box{display:none}
  .menu-button{display:block}
  .mobile-menu{
    display:none;position:fixed;inset:0;background:var(--ink);color:white;z-index:850;
    padding:90px 24px 30px
  }
  .mobile-menu.is-open{display:flex;flex-direction:column;justify-content:space-between}
  .mobile-menu nav{display:flex;flex-direction:column;gap:10px}
  .mobile-menu a{font-size:clamp(42px,12vw,72px);font-weight:700;line-height:.95;letter-spacing:-.04em}
  .mobile-menu .mono{font-size:11px}
  .home-hero-grid,.home-intro-grid,.manifest-teaser-grid,.home-about-grid,.feature-grid,.about-grid,.contact-grid,.work-hero-grid{grid-template-columns:1fr}
  .work-hero-copy{padding-top:0;max-width:none}
  .home-intro-copy{padding-top:0}
  
  .hero-orbit{right:18vw;top:54%;width:200px;height:200px}
  .project-grid{grid-template-columns:1fr}
  .project-card.net,.project-card.borg,.project-card.tall,.project-card.guld{grid-column:auto;min-height:0}
  .home-work .project-card{grid-template-rows:clamp(220px,62vw,340px) auto}
  .home-work .project-card-body{min-height:360px}
  .story-grid{grid-template-columns:1fr}
  .home-stories .story-arrow{right:22px;top:22px;width:38px;height:38px}
  .section-head{align-items:flex-start;flex-direction:column}
  .home-work .section-head .medium{white-space:normal}
  .home-stories .section-head .medium{white-space:normal}
  .work-row{grid-template-columns:50px 1fr;gap:20px}
  .work-row .tags{grid-column:2}
  .work-row-jump{grid-column:2;justify-content:flex-start;margin-top:6px}
  .work-row-arrow:hover,.work-row-arrow:focus-visible{transform:none}
  .story-list{grid-template-columns:1fr}
  .principles{grid-template-columns:1fr}
  .about-timeline-layout{grid-template-columns:1fr;gap:28px}
  .about-timeline-layout .timeline{grid-column:auto}
  .about-portrait-card{grid-column:auto}
  .contact-direct-item{font-size:clamp(22px,6.8vw,35.7px)}
  .site-footer{height:auto;padding:42px 0 30px}
  .footer-grid{grid-template-columns:1fr;height:auto}
  .footer-right{display:flex;justify-content:flex-start;text-align:left;gap:14px;height:auto;padding-left:0;align-items:center}
  .footer-right-image{height:54px;width:auto;margin:0;transform:none}
  .footer-right-copy{display:block;height:auto;white-space:normal}
  .page-manifest #randorff-manifest .rm-language-switch{top:58px !important;right:24px !important}
}


/* v35 — Great Dane Rum */
.work-feature.great{background:var(--sand);color:var(--ink)}
.work-feature.great .feature-visual{
  min-height:0;
  height:auto;
  overflow:visible;
  display:flex;
  align-items:center;
  justify-content:center;
}
.work-feature.great .great-dane-image{
  display:block;
  width:min(100%,560px);
  height:auto;
  object-fit:contain;
  border:0;
  outline:0;
}
.work-feature.great .feature-more-toggle:hover{
  background:var(--ink);
  color:var(--white);
  border-color:var(--ink);
}


/* v36 — Great Dane Rum: logo + all 10 images from randorff.dk */
.work-feature.great .great-dane-live-main{
  min-height:0 !important;
  height:auto !important;
  overflow:visible !important;
  display:flex;
  align-items:center;
  justify-content:center;
}
.work-feature.great .great-dane-logo-stage{
  width:100%;
  min-height:360px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(36px,6vw,90px);
}
.work-feature.great .great-dane-rum-logo {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.work-feature.great .great-dane-rum-logo img {
  display: block;
  width: min(140%, 720px);
  max-width: none;
  height: auto;
}
.work-feature.great .great-dane-loading,
.work-feature.great .great-dane-import-status{
  font-family:var(--mono);
  font-size:10px;
  font-weight:200;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.work-feature.great .great-dane-loading{
  opacity:.58;
}
.work-feature.great .great-dane-gallery{
  margin-top:clamp(90px,11vw,170px);
  display:grid;
  gap:clamp(12px,1.4vw,24px);
  width:100%;
}
.work-feature.great .great-dane-gallery-row{
  display:grid;
  gap:clamp(12px,1.4vw,24px);
  width:100%;
}
.work-feature.great .great-dane-gallery-row.xo{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.work-feature.great .great-dane-gallery-row.closeups{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.work-feature.great .great-dane-gallery-row.bottles{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.work-feature.great .great-dane-gallery figure{
  margin:0;
  padding:0;
  min-width:0;
}
.work-feature.great .great-dane-gallery img{
  display:block;
  width:100%;
  height:auto !important;
  max-width:100%;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center top;
  border:0 !important;
  outline:0 !important;
}
.work-feature.great .great-dane-import-status{
  margin-top:24px;
  opacity:.62;
}
.work-feature.great .great-dane-import-status:empty{
  display:none;
}
@media(max-width:900px){
  .work-feature.great .great-dane-logo-stage{
    min-height:280px;
    padding:50px 24px;
  }
  .work-feature.great .great-dane-rum-logo img {
    width: 125%;
    max-width: 560px;
  }
  .work-feature.great .great-dane-gallery-row.xo{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .work-feature.great .great-dane-gallery-row.closeups{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .work-feature.great .great-dane-gallery-row.bottles{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}


/* v43 — all Work case galleries match Great Dane */
.work-assets-gallery{
  margin-top:clamp(90px,11vw,170px);
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(12px,1.4vw,24px);
  align-items:start;
}
.work-assets-gallery figure{
  margin:0;
  padding:0;
}
.work-assets-gallery img{
  display:block;
  width:100%;
  height:auto !important;
  max-width:100%;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center top;
  border:0 !important;
  outline:0 !important;
}
@media(max-width:900px){
  .work-assets-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* v31 — Tall Ships / Work text white */
.work-feature.tall{
  color:#fff !important;
}


/* v46 — Guldbæk extra photo row */
.work-assets-gallery.work-assets-gallery-three{
  margin-top:clamp(12px,1.6vw,24px);
  grid-template-columns:repeat(3,minmax(0,1fr));
}
@media(max-width:900px){
  .work-assets-gallery.work-assets-gallery-three{
    grid-template-columns:1fr;
  }
}


/* v47 — Guldbæk logo on white background, spanning 2 boxes */
.work-feature.guld .work-assets-gallery .asset-logo-wide{
  grid-column:span 2;
  background:#fff;
  padding:clamp(24px,3vw,48px);
  display:flex;
  align-items:center;
  justify-content:center;
}
.work-feature.guld .work-assets-gallery .asset-logo-wide img{
  width:min(100%,620px);
  margin:auto;
}
@media(max-width:900px){
  .work-feature.guld .work-assets-gallery .asset-logo-wide{
    grid-column:span 2;
  }
}


/* v48 — Guldbæk logo box matches asset box height */
.work-feature.guld .work-assets-gallery .asset-logo-wide{
  aspect-ratio:2.57 / 1;
  min-height:0;
}
.work-feature.guld .work-assets-gallery .asset-logo-wide img{
  width:min(100%,620px);
  max-height:72%;
  object-fit:contain !important;
}
@media(max-width:900px){
  .work-feature.guld .work-assets-gallery .asset-logo-wide{
    aspect-ratio:auto;
    min-height:180px;
  }
}


/* v188 — Guldbæk labels grouped 3 / 4 / 3 + centered transparent logo row */
.work-feature.guld .guld-label-gallery{
  margin-top:clamp(90px,11vw,170px);
  display:grid;
  gap:clamp(12px,1.4vw,24px);
  width:100%;
}
.work-feature.guld .guld-label-row{
  display:grid;
  gap:clamp(12px,1.4vw,24px);
  width:100%;
  align-items:start;
}
.work-feature.guld .guld-label-row.row-three{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.work-feature.guld .guld-label-row.row-four{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.work-feature.guld .guld-label-row figure{
  margin:0;
  padding:0;
  min-width:0;
}
.work-feature.guld .guld-label-row img{
  display:block;
  width:100%;
  height:auto;
}
.work-feature.guld .guld-logo-row{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(12px,1.4vw,24px);
  width:100%;
  background:transparent;
}
.work-feature.guld .guld-logo-row::before{
  content:"";
  display:block;
  grid-column:1;
  aspect-ratio:890 / 710;
}
.work-feature.guld .guld-logo-stage{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  background:transparent;
}
.work-feature.guld .guld-logo-stage img{
  display:block;
  width:min(60%,744px);
  max-width:60%;
  max-height:72%;
  height:auto;
  object-fit:contain;
  background:transparent;
}
@media(max-width:900px){
  .work-feature.guld .guld-label-row.row-three{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .work-feature.guld .guld-label-row.row-four{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .work-feature.guld .guld-logo-stage img{
    width:min(60%,504px);
    max-width:60%;
  }
}


/* v49 — Guldbæk top visual gets a consistent, slightly narrower width */
.work-feature.guld > .site-wrap.feature-grid .feature-visual{
  display:flex;
  justify-content:flex-end;
  align-items:flex-start;
}
.work-feature.guld > .site-wrap.feature-grid .story-05-paisley{
  width:min(100%,680px) !important;
  margin-left:auto !important;
}
@media(max-width:1200px){
  .work-feature.guld > .site-wrap.feature-grid .story-05-paisley{
    width:min(100%,620px) !important;
  }
}
@media(max-width:900px){
  .work-feature.guld > .site-wrap.feature-grid .story-05-paisley{
    width:100% !important;
    max-width:none !important;
  }
}


/* v50 — Guldbæk top illustration matches the width of the two right-hand boxes below */
.work-feature.guld > .site-wrap.feature-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,2fr) !important;
  align-items:start;
}
.work-feature.guld > .site-wrap.feature-grid .feature-visual{
  min-height:0;
  display:block;
}
.work-feature.guld > .site-wrap.feature-grid .story-05-paisley{
  width:100% !important;
  max-width:none !important;
  margin:0 0 0 auto !important;
}
@media(max-width:900px){
  .work-feature.guld > .site-wrap.feature-grid{
    grid-template-columns:1fr !important;
  }
}


/* v51 — Guldbæk top illustration spans exactly two of the four asset columns below */
.work-feature.guld > .site-wrap.feature-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:clamp(12px,1.4vw,24px) !important;
  align-items:start !important;
}
.work-feature.guld > .site-wrap.feature-grid .feature-copy{
  grid-column:1 / span 2;
}
.work-feature.guld > .site-wrap.feature-grid .feature-visual{
  grid-column:3 / span 2;
  min-height:0;
  display:block;
}
.work-feature.guld > .site-wrap.feature-grid .story-05-paisley{
  width:100% !important;
  max-width:none !important;
  margin:0 0 0 auto !important;
}
@media(max-width:900px){
  .work-feature.guld > .site-wrap.feature-grid{
    grid-template-columns:1fr !important;
    gap:clamp(28px,5vw,40px) !important;
  }
  .work-feature.guld > .site-wrap.feature-grid .feature-copy,
  .work-feature.guld > .site-wrap.feature-grid .feature-visual{
    grid-column:auto;
  }
}


/* v52 — consistent 4-column grid for all Work case viewports */
.work-feature.net > .site-wrap.feature-grid,
.work-feature.borg > .site-wrap.feature-grid,
.work-feature.tall > .site-wrap.feature-grid,
.work-feature.great > .site-wrap.feature-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:clamp(12px,1.4vw,24px) !important;
}
.work-feature.net > .site-wrap.feature-grid > .feature-visual,
.work-feature.net > .site-wrap.feature-grid > .feature-copy,
.work-feature.borg > .site-wrap.feature-grid > .feature-visual,
.work-feature.borg > .site-wrap.feature-grid > .feature-copy,
.work-feature.tall > .site-wrap.feature-grid > .feature-visual,
.work-feature.tall > .site-wrap.feature-grid > .feature-copy,
.work-feature.great > .site-wrap.feature-grid > .feature-visual,
.work-feature.great > .site-wrap.feature-grid > .feature-copy{
  grid-column:span 2;
  min-width:0;
}
@media(max-width:900px){
  .work-feature.net > .site-wrap.feature-grid,
  .work-feature.borg > .site-wrap.feature-grid,
  .work-feature.tall > .site-wrap.feature-grid,
  .work-feature.great > .site-wrap.feature-grid{
    grid-template-columns:1fr !important;
    gap:clamp(28px,5vw,40px) !important;
  }
  .work-feature.net > .site-wrap.feature-grid > .feature-visual,
  .work-feature.net > .site-wrap.feature-grid > .feature-copy,
  .work-feature.borg > .site-wrap.feature-grid > .feature-visual,
  .work-feature.borg > .site-wrap.feature-grid > .feature-copy,
  .work-feature.tall > .site-wrap.feature-grid > .feature-visual,
  .work-feature.tall > .site-wrap.feature-grid > .feature-copy,
  .work-feature.great > .site-wrap.feature-grid > .feature-visual,
  .work-feature.great > .site-wrap.feature-grid > .feature-copy{
    grid-column:auto;
  }
}

.work-feature > .site-wrap.feature-grid > .feature-visual + .feature-copy{
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  box-sizing:border-box;
  padding:clamp(24px,2vw,40px) 0 clamp(24px,2vw,40px) clamp(28px,4vw,64px);
}
@media(max-width:900px){
  .work-feature > .site-wrap.feature-grid > .feature-visual + .feature-copy{
    align-self:auto;
    padding:0;
  }
}

/* v60 — Guldbæk left text vertically centered */
.work-feature.guld > .site-wrap.feature-grid > .feature-copy{
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}
@media(max-width:900px){
  .work-feature.guld > .site-wrap.feature-grid > .feature-copy{
    align-self:auto;
  }
}



/* v61 — NET scroll reveal from supplied source */
.net-scroll-reveal{
  --net-white:#FFFFFF;
  --net-bestcoast:#E0D9CF;
  --net-forresthope:#8BA293;
  --net-energreen:#35565E;
  --net-lk-w:250px;
  position:relative;
  width:100%;
  height:500svh;
  margin-top:clamp(90px,11vw,170px);
}
.net-scroll-stage{
  position:sticky;
  top:0;
  width:100%;
  height:100svh;
  min-height:100vh;
  overflow:hidden;
  --o0:1;--o1:0;--o2:0;--o3:0;--combo:0;
  --b0:0;--b1:0;--b2:0;--b3:0;--b4:0;--b5:0;--b6:0;--b7:0;
  --lk-ty:calc(var(--net-lk-w) * 0.356476);
}
.net-scroll-bg{position:absolute;inset:0}
.net-scroll-lockup{
  position:absolute;
  top:50%;
  left:50%;
  width:var(--net-lk-w);
  height:calc(var(--net-lk-w) * 1.62111);
  transform:translate(-50%,calc(-50% + var(--lk-ty)));
  will-change:transform;
}
.net-scroll-cols{
  position:absolute;
  top:0;
  left:calc(var(--net-lk-w) * 0.0151498);
  width:calc(var(--net-lk-w) * 0.966724);
  height:calc(var(--net-lk-w) * 0.908158);
  opacity:var(--cols-opacity,1);
}
.net-scroll-col{
  position:absolute;
  width:12.5%;
  top:0;
  height:0;
}
.net-scroll-col i{position:absolute;inset:0}
.net-scroll-combo{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  opacity:var(--combo);
  pointer-events:none;
}
.net-scroll-combo-svg{
  display:block;
  width:100%;
  height:auto;
}
@media(max-width:900px){
  .net-scroll-reveal{
    --net-lk-w:190px;
    height:500svh;
    margin-top:clamp(70px,12vw,110px);
  }
  .net-scroll-stage{
    height:100svh;
    min-height:100vh;
  }
}

/* v63 — NET expanded layout + controlled scroll reveal */
.work-feature.net.is-expanded > .site-wrap.feature-grid{
  min-height:auto !important;
  padding-bottom:clamp(64px,7vw,105px);
}
.work-feature.net .work-assets-gallery{
  scroll-margin-top:90px;
}
.work-feature.net .net-scroll-reveal{
  overflow-anchor:none;
}



/* v64 — stable NET expand and clean scroll reveal */
.work-feature.net .feature-more,
.work-feature.net .work-assets-gallery,
.work-feature.net .net-scroll-reveal{
  overflow-anchor:none;
}
.work-feature.net.is-expanded .feature-more{
  animation:none !important;
}
.net-scroll-stage{
  background:var(--net-energreen);
}
.net-scroll-cols{
  opacity:1;
}


/* v73 — exact NET icon SVG on BestCoast field */
.work-feature.net .net-icons-stage{
  background:#E0D9CF;
  aspect-ratio:1690 / 1368;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.work-feature.net .net-icons-stage img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
}


/* v1.8.5.283 — NET image mosaic with no gutters */
/* v1.8.5.289 — Restore identical spacing between NET gallery cards. */
.work-feature.net .work-assets-gallery{gap:var(--case-space-small);row-gap:var(--case-space-small);column-gap:var(--case-space-small)}

/* v74 — NET gallery arranged exactly as reference: 2×2 image block + icon field spanning 2×2 */
.work-feature.net .work-assets-gallery{
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-template-rows:auto auto;
}
.work-feature.net .work-assets-gallery > figure:nth-child(1){
  grid-column:1;
  grid-row:1;
}
.work-feature.net .work-assets-gallery > figure:nth-child(2){
  grid-column:2;
  grid-row:1;
}
.work-feature.net .work-assets-gallery > .net-icons-stage{
  grid-column:3 / span 2;
  grid-row:1 / span 2;
  align-self:stretch;
  aspect-ratio:auto;
  min-height:0;
  background:#E0D9CF;
}
.work-feature.net .work-assets-gallery > figure:nth-child(4){
  grid-column:2;
  grid-row:2;
}
.work-feature.net .work-assets-gallery > figure:nth-child(5){
  grid-column:1;
  grid-row:2;
}
.work-feature.net .net-icons-stage img{
  width:82% !important;
  height:auto !important;
  max-height:82% !important;
  object-fit:contain !important;
  object-position:center center !important;
}
@media(max-width:900px){
  .work-feature.net .work-assets-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:auto;
  }
  .work-feature.net .work-assets-gallery > figure:nth-child(1),
  .work-feature.net .work-assets-gallery > figure:nth-child(2),
  .work-feature.net .work-assets-gallery > figure:nth-child(4),
  .work-feature.net .work-assets-gallery > figure:nth-child(5){
    grid-column:auto;
    grid-row:auto;
  }
  .work-feature.net .work-assets-gallery > .net-icons-stage{
    grid-column:1 / -1;
    grid-row:auto;
    aspect-ratio:650.33 / 485.33;
  }
}


/* v79 — Borgerservice: restore original 7 thumbnails, no shadows on the 7 small images */
.work-feature.borg .feature-visual img,
.work-feature.borg .borg-top-gallery img{
  box-shadow:0 7px 14px rgba(31,32,38,.34), 0 2px 4px rgba(31,32,38,.22);
}
.work-feature.borg .borg-top-gallery{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(10px,1.2vw,18px);
  margin-top:clamp(18px,2vw,28px);
  margin-bottom:clamp(10px,1.2vw,18px);
}
.work-feature.borg .borg-top-gallery figure,
.work-feature.borg .work-assets-gallery figure{
  margin:0;
  padding:0 !important;
  background:none !important;
  box-shadow:none !important;
}
.work-feature.borg .borg-top-gallery img{
  width:100%;
  aspect-ratio:16 / 9 !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block;
  background:none !important;
}
.work-feature.borg .work-assets-gallery{
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:clamp(8px,1vw,14px);
  margin-top:0;
}
.work-feature.borg .work-assets-gallery img{
  display:block;
  width:100%;
  height:auto !important;
  max-width:100%;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:none !important;
  box-shadow:none !important;
}

.work-feature.borg .borg-bottom-feature{
  display:grid;
  grid-template-columns:2fr 1fr;
  width:100%;
  margin-top:clamp(18px,2vw,28px);
  align-items:stretch;
}
.work-feature.borg .borg-bottom-feature-media{
  margin:0;
  min-width:0;
}
.work-feature.borg .borg-bottom-feature-media img{
  display:block;
  width:100%;
  height:100%;
  aspect-ratio:14 / 9;
  object-fit:cover;
  object-position:center center;
}
.work-feature.borg .borg-bottom-feature-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(24px,3.2vw,54px);
}
.work-feature.borg .borg-bottom-feature-copy .feature-more-label{
  margin-bottom:18px;
}
.work-feature.borg .borg-bottom-feature-copy p{
  margin:0;
  font-family:var(--mono);
  font-weight:200;
  font-size:clamp(14px,1.05vw,18px);
  line-height:1.65;
}
@media(max-width:900px){
  .work-feature.borg .borg-top-gallery{
    grid-template-columns:1fr;
  }
  .work-feature.borg .work-assets-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .work-feature.borg .borg-bottom-feature{
    grid-template-columns:1fr;
  }
  .work-feature.borg .borg-bottom-feature-copy{
    padding:28px 0 0;
  }
}



/* v86 — Story 01 / citat i fuld bredde, ingen luft under teaserbillede, intet drop cap */
.story-page-01{background:#fff;color:var(--ink)}
.story-page-01 .story-article-top{padding:clamp(132px,12vw,190px) 0 clamp(54px,6vw,92px)}
.story-page-01 .story-meta-row{
  display:flex;align-items:center;justify-content:space-between;gap:30px;
  margin-bottom:clamp(52px,6vw,88px);
}
.story-page-01 .story-back{
  display:inline-flex;align-items:center;gap:13px;
  margin:0;
  font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;
}
.story-page-01 .story-meta-row > .eyebrow{
  margin:0;text-align:right;font-weight:400;
}
.story-page-01 .story-back-arrow{display:block;width:31px;height:31px;transition:transform .25s ease}
.story-page-01 .story-back-arrow svg{display:block;width:100%;height:100%;transform:scaleX(-1)}
.story-page-01 .story-back-arrow polygon{fill:currentColor}
.story-page-01 .story-back:hover .story-back-arrow{transform:translate(-5px,-5px)}
.story-page-01 .story-title-wrap{position:relative}
.story-page-01 .story-title{font-size:clamp(58px,8vw,126px);line-height:.88;letter-spacing:-.05em;margin:0;max-width:none;font-weight:700}
.story-page-01 .story-lead{font-family:var(--mono);font-weight:200;font-size:clamp(17px,1.45vw,21px);line-height:1.55;max-width:760px;margin:clamp(30px,4vw,48px) 0 0}
.story-page-01 .story-media-rail{width:min(94%,1600px);margin:0 auto}
.story-page-01 .story-hero-frame{width:100%;aspect-ratio:21/9;overflow:hidden;background:#ddd}
.story-page-01 .story-hero-frame img{display:block;width:100%;height:100%;object-fit:cover}
.story-page-01 .story-body{width:min(calc(100% - 48px),900px);margin:clamp(72px,8vw,112px) auto;font-family:var(--mono);font-weight:200;font-size:clamp(15px,1.05vw,17px);line-height:1.72}
.story-page-01 .story-body p{margin:0 0 1.6em}
.story-page-01 .story-body h2{font-family:var(--sans);font-weight:700;font-size:clamp(34px,4vw,54px);line-height:1.02;letter-spacing:-.045em;margin:1.75em 0 .62em}
.story-page-01 .story-body .drop::first-letter{
  float:none;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;
  letter-spacing:inherit;margin:0;
}
.story-page-01 .story-body .drop{margin-top:0;}
.story-page-01 .story-detail-strip{
  width:min(94%,1600px);margin:clamp(76px,8vw,112px) auto;
  display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;
}
.story-page-01 .story-detail-strip img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.story-page-01 .story-quote{
  width:min(94%,1600px);margin:clamp(70px,7vw,105px) auto;
  padding:clamp(42px,5vw,72px) 0 clamp(42px,5vw,72px) 0;
  border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);
  box-sizing:border-box;
  font-family:var(--sans);font-weight:700;font-size:clamp(32px,4vw,58px);line-height:1.05;letter-spacing:-.035em;text-align:center;
}
.story-page-01 .story-wide{width:min(94%,1600px);margin:clamp(76px,8vw,112px) auto}
.story-page-01 .story-wide img{display:block;width:100%;height:auto}
.story-page-01 .story-caption{margin-top:12px;font-family:var(--mono);font-weight:200;font-size:11px;line-height:1.45;letter-spacing:.05em;text-transform:uppercase}



.story-page-01{padding-bottom:0}








.story-page-01 .story-end-link:hover .story-end-arrow{transform:translate(5px,5px)}

/* Story overview/card links */
.home-stories .story-card-link{display:block;min-width:0}
.home-stories .story-card-link .story-card{height:100%}






@media(max-width:900px){
  .story-page-01 .story-article-top{padding-top:110px}
  .story-page-01 .story-meta-row{margin-bottom:44px}
  .story-page-01 .story-title{font-size:clamp(52px,15vw,82px)}
  .story-page-01 .story-hero-frame{aspect-ratio:4/3}
  .story-page-01 .story-detail-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .story-page-01 .story-detail-strip img:last-child{grid-column:1 / -1;width:50%;justify-self:center}
  .story-page-01 .story-quote{padding-right:0}
  
}
@media(max-width:700px){
  .story-page-01 .story-meta-row{gap:18px}
  .story-page-01 .story-meta-row > .eyebrow{font-size:10px}
  
  
  
}


/* v87 — Story 02 / Kreativt makkerpar */
.story-page-02{background:#fff;color:var(--ink);padding-bottom:0}
.story-page-02 .story-article-top{padding:clamp(132px,12vw,190px) 0 clamp(54px,6vw,92px)}
.story-page-02 .story-meta-row{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:clamp(52px,6vw,88px)}
.story-page-02 .story-back{display:inline-flex;align-items:center;gap:13px;margin:0;font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.06em;text-transform:uppercase}
.story-page-02 .story-meta-row > .eyebrow{margin:0;text-align:right;font-weight:400}
.story-page-02 .story-back-arrow{display:block;width:31px;height:31px;transition:transform .25s ease}
.story-page-02 .story-back-arrow svg{display:block;width:100%;height:100%;transform:scaleX(-1)}
.story-page-02 .story-back-arrow polygon{fill:currentColor}
.story-page-02 .story-back:hover .story-back-arrow{transform:translate(-5px,-5px)}
.story-page-02 .story-title{font-size:clamp(58px,8vw,126px);line-height:.88;letter-spacing:-.05em;margin:0;max-width:none;font-weight:700}
.story-page-02 .story-lead{font-family:var(--mono);font-weight:200;font-size:clamp(17px,1.45vw,21px);line-height:1.55;max-width:900px;margin:clamp(30px,4vw,48px) 0 0}
.story-page-02 .story-media-rail{width:min(94%,1600px);margin:0 auto}
.story-page-02 .story-hero-frame{width:100%;aspect-ratio:21/9;overflow:hidden;background:#111}
.story-page-02 .story-hero-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 12%}
.story-list .card[data-route="story-02"] .card-media img{object-position:center 10%}
.story-page-02 .story-hero-caption{width:min(94%,1600px);margin:12px auto 0;font-family:var(--mono);font-weight:200;font-size:11px;line-height:1.45;letter-spacing:.05em;text-transform:uppercase}
.story-page-02 .story-hero-caption a{text-decoration:none;border-bottom:1px solid currentColor}
.story-page-02 .story-body{width:min(calc(100% - 48px),900px);margin:clamp(72px,8vw,112px) auto;font-family:var(--mono);font-weight:200;font-size:clamp(15px,1.05vw,17px);line-height:1.72}
.story-page-02 .story-body p{margin:0 0 1.6em}
.story-page-02 .story-wide{width:min(94%,1600px);margin:clamp(76px,8vw,112px) auto}
.story-page-02 .story-wide img{display:block;width:100%;height:auto}
.story-page-02 .story-wide .old-photo{filter:grayscale(1)}
.story-page-02 .story-caption{margin-top:12px;font-family:var(--mono);font-weight:200;font-size:11px;line-height:1.45;letter-spacing:.05em;text-transform:uppercase}
.story-page-02 .story-quote{width:min(94%,1600px);margin:clamp(70px,7vw,105px) auto;padding:clamp(42px,5vw,72px) 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);box-sizing:border-box;font-family:var(--sans);font-weight:700;font-size:clamp(32px,4vw,58px);line-height:1.05;letter-spacing:-.035em;text-align:center}
.story-page-02 .profile-pair{margin-top:clamp(54px,7vw,92px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(36px,6vw,80px);padding-top:clamp(30px,4vw,48px);border-top:1px solid var(--ink)}
.story-page-02 .profile h2{font-family:var(--sans);font-weight:700;font-size:clamp(28px,3vw,42px);line-height:1;letter-spacing:-.035em;margin:0 0 10px}
.story-page-02 .profile .profile-role{font-style:italic;opacity:.7;margin:0 0 1.3em}
.story-page-02 .profile p{margin:0 0 1.15em}









.story-page-02 .story-end-link:hover .story-end-arrow{transform:translate(5px,5px)}
@media(max-width:900px){
  .story-page-02 .story-article-top{padding-top:110px}
  .story-page-02 .story-meta-row{margin-bottom:44px}
  .story-page-02 .story-title{font-size:clamp(52px,15vw,82px)}
  .story-page-02 .story-hero-frame{aspect-ratio:4/3}
  
}
@media(max-width:700px){
  .story-page-02 .story-meta-row{gap:18px}
  .story-page-02 .story-meta-row > .eyebrow{font-size:10px}
  .story-page-02 .profile-pair{grid-template-columns:1fr;gap:34px}
  
  
  
}



/* v88 — Story 03 / Less is more */
.story-page-03{background:#fff;color:var(--ink);padding-bottom:0}
.story-page-03 .story-article-top{padding:clamp(132px,12vw,190px) 0 clamp(54px,6vw,92px)}
.story-page-03 .story-meta-row{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:clamp(52px,6vw,88px)}
.story-page-03 .story-back{display:inline-flex;align-items:center;gap:13px;margin:0;font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.06em;text-transform:uppercase}
.story-page-03 .story-meta-row > .eyebrow{margin:0;text-align:right;font-weight:400}
.story-page-03 .story-back-arrow{display:block;width:31px;height:31px;transition:transform .25s ease}
.story-page-03 .story-back-arrow svg{display:block;width:100%;height:100%;transform:scaleX(-1)}
.story-page-03 .story-back-arrow polygon{fill:currentColor}
.story-page-03 .story-back:hover .story-back-arrow{transform:translate(-5px,-5px)}
.story-page-03 .story-title{font-size:clamp(58px,8vw,126px);line-height:.88;letter-spacing:-.05em;margin:0;max-width:none;font-weight:700}
.story-page-03 .story-lead{font-family:var(--mono);font-weight:200;font-size:clamp(17px,1.45vw,21px);line-height:1.55;max-width:900px;margin:clamp(30px,4vw,48px) 0 0}
.story-page-03 .story-media-rail{width:min(94%,1600px);margin:0 auto}
.story-page-03 .story-body{width:min(calc(100% - 48px),900px);margin:clamp(72px,8vw,112px) auto;font-family:var(--mono);font-weight:200;font-size:clamp(15px,1.05vw,17px);line-height:1.72}
.story-page-03 .story-body p{margin:0 0 1.6em}
.story-page-03 .story-03-palette-copy{margin-top:clamp(54px,6vw,82px)}
.story-page-03 .story-final-statement{box-sizing:border-box;width:min(94%,1600px);margin:clamp(70px,7vw,105px) auto;padding:clamp(42px,5vw,72px) 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-family:var(--sans);font-weight:700;font-size:clamp(32px,4vw,58px);line-height:1.05;letter-spacing:-.035em;text-align:center}
.story-page-03 .story-final-statement span{display:block;max-width:none}

/* Story 03 — hero animation */
.story-page-03 .story-03-animated-hero{position:relative!important;display:block!important;width:100%;aspect-ratio:21/9!important;height:auto!important;overflow:hidden!important;background:#006580!important}
.story-page-03 .tsr-hero-animation{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;background:#006580}
.story-page-03 .tsr-svg-layer{position:absolute;inset:0;display:block!important;width:100%!important;height:100%!important;max-width:none!important;overflow:hidden!important}
.story-page-03 .tsr-year-layer{z-index:1;visibility:hidden}
.story-page-03 .tsr-pattern-layer{z-index:2;visibility:hidden}
.story-page-03 .tsr-welcome-layer{z-index:4;opacity:0;visibility:visible;pointer-events:none;will-change:opacity,transform;transform:translateY(8px)}
.story-page-03 .tsr-single-stage{position:absolute;inset:0;z-index:3;display:block;pointer-events:none}
.story-page-03 .tsr-single-motion{position:absolute;inset:0;z-index:2;transform:translateX(-17.032%);will-change:transform}
.story-page-03 .tsr-single-layer,.story-page-03 .tsr-sti-layer{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;overflow:hidden!important}
.story-page-03 .tsr-sti-layer{z-index:1;opacity:0;visibility:visible;will-change:opacity}
.story-page-03 .tsr-tile{transform-box:fill-box;transform-origin:center;will-change:transform,opacity}

/* Story 03 — development gallery */
.story-page-03 .story-development-gallery{box-sizing:border-box;width:min(94%,1600px);margin:clamp(76px,8vw,112px) auto;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(10px,1.15vw,20px);align-items:start}
.story-page-03 .story-development-year{min-width:0;opacity:0;transform:translateY(38px);transition:opacity 1.15s ease,transform 1.25s cubic-bezier(.22,.72,.22,1);transition-delay:var(--development-delay,0ms)}
.story-page-03 .story-development-year.is-visible{opacity:1;transform:translateY(0)}
.story-page-03 .story-development-year:nth-child(1){--development-delay:0ms}.story-page-03 .story-development-year:nth-child(2){--development-delay:1100ms}.story-page-03 .story-development-year:nth-child(3){--development-delay:2200ms}.story-page-03 .story-development-year:nth-child(4){--development-delay:3300ms}.story-page-03 .story-development-year:nth-child(5){--development-delay:4400ms}.story-page-03 .story-development-year:nth-child(6){--development-delay:5500ms}.story-page-03 .story-development-year:nth-child(7){--development-delay:6600ms}
.story-page-03 .story-development-pair{display:grid;grid-template-columns:1fr;gap:clamp(8px,.75vw,13px)}
.story-page-03 .story-development-pair img{display:block!important;width:100%!important;height:auto!important;max-width:none!important;background:#fff;border:1px solid #d9d9d9;box-sizing:border-box}
.story-page-03 .story-development-year-label{margin-top:14px;font-family:var(--mono);font-size:11px;font-weight:400;line-height:1;letter-spacing:.12em;text-align:center}

/* Story 03 — palette */
.story-page-03 .story-03-palette{box-sizing:border-box;width:min(94%,1600px);margin:clamp(76px,8vw,112px) auto clamp(54px,6vw,82px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:clamp(140px,17vw,280px);overflow:hidden;background:transparent}
.story-page-03 .story-03-color{position:relative;display:flex;align-items:flex-end;min-width:0;padding:clamp(18px,2vw,34px);overflow:hidden;transform:translateY(105%);opacity:0;transition:transform .75s cubic-bezier(.22,.72,.22,1),opacity .5s ease;transition-delay:var(--palette-delay)}
.story-page-03 .story-03-palette.is-visible .story-03-color{transform:translateY(0);opacity:1}
.story-page-03 .story-03-color-label{display:flex;flex-direction:column;gap:.3em;color:#fff!important;font-family:var(--mono);font-size:clamp(12px,1.05vw,18px);line-height:1.1;letter-spacing:.08em;text-transform:uppercase;opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .55s ease;transition-delay:calc(var(--palette-delay) + .48s)}
.story-page-03 .story-03-palette.is-visible .story-03-color-label{opacity:1;transform:translateY(0)}
.story-page-03 .story-03-color-label span,.story-page-03 .story-03-color-label strong{color:#fff!important}.story-page-03 .story-03-color-label strong{font-size:1.55em;font-weight:700;letter-spacing:.02em}
.story-page-03 .story-03-color--325{background:#64CCC9}.story-page-03 .story-03-color--315{background:#006272}.story-page-03 .story-03-color--2765{background:#201547}.story-page-03 .story-03-color--1795{background:#D22630}.story-page-03 .story-03-color--124{background:#EAAA00}
.story-page-03 .story-03-footer-logo{box-sizing:border-box;width:min(94%,1600px);max-width:none;margin:clamp(76px,8vw,112px) auto;padding:clamp(28px,4vw,58px);background:#006580}
.story-page-03 .story-03-footer-logo svg{display:block;width:100%;height:auto}

/* Story 03 — next story */






.story-page-03 .story-end-link:hover .story-end-arrow{transform:translate(5px,5px)}

@media(max-width:900px){
  .story-page-03 .story-article-top{padding-top:110px}.story-page-03 .story-meta-row{margin-bottom:44px}.story-page-03 .story-title{font-size:clamp(52px,15vw,82px)}
  .story-page-03 .story-03-animated-hero{aspect-ratio:16/9!important}
  .story-page-03 .story-development-gallery{grid-template-columns:1fr;gap:30px;margin:70px auto}.story-page-03 .story-development-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.story-page-03 .story-development-year{--development-delay:0ms!important}
  
}
@media(max-width:700px){
  .story-page-03 .story-meta-row{gap:18px}.story-page-03 .story-meta-row > .eyebrow{font-size:10px}
  .story-page-03 .story-03-palette{grid-template-columns:1fr;min-height:0;margin:60px auto 45px}.story-page-03 .story-03-color{min-height:56px;align-items:center;padding:20px 22px;transform:translateX(-105%)}.story-page-03 .story-03-palette.is-visible .story-03-color{transform:translateX(0)}.story-page-03 .story-03-color-label{width:100%;flex-direction:row;align-items:baseline;justify-content:space-between;gap:20px}
  .story-page-03 .story-final-statement{margin:55px auto;padding:34px 0;font-size:clamp(28px,9vw,42px)}
  
}
@media(max-width:600px){.story-page-03 .story-03-animated-hero{aspect-ratio:21/9!important}.story-page-03 .story-development-gallery{gap:24px;margin:60px auto}.story-page-03 .story-development-pair{gap:8px}}
@media(prefers-reduced-motion:reduce){.story-page-03 .story-development-year,.story-page-03 .story-03-color,.story-page-03 .story-03-color-label{opacity:1!important;transform:none!important;transition:none!important}.story-page-03 .tsr-single-stage,.story-page-03 .tsr-pattern-layer{display:none!important}.story-page-03 .tsr-year-layer{visibility:visible!important}.story-page-03 .tsr-welcome-layer{opacity:1!important;transform:none!important}}



/* v91 — Story 04 / viewport-animation + hint øverst til højre */
.story-page-04{background:#fff;color:var(--ink);padding-bottom:0}
.story-page-04 .story-article-top{padding:clamp(132px,12vw,190px) 0 clamp(54px,6vw,92px)}
.story-page-04 .story-meta-row{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:clamp(52px,6vw,88px)}
.story-page-04 .story-back{display:inline-flex;align-items:center;gap:13px;margin:0;font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.06em;text-transform:uppercase}
.story-page-04 .story-meta-row > .eyebrow{margin:0;text-align:right;font-weight:400}
.story-page-04 .story-back-arrow{display:block;width:31px;height:31px;transition:transform .25s ease}
.story-page-04 .story-back-arrow svg{display:block;width:100%;height:100%;transform:scaleX(-1)}
.story-page-04 .story-back-arrow polygon{fill:currentColor}
.story-page-04 .story-back:hover .story-back-arrow{transform:translate(-5px,-5px)}
.story-page-04 .story-title{font-size:clamp(58px,8vw,126px);line-height:.88;letter-spacing:-.05em;margin:0;max-width:none;font-weight:700}
.story-page-04 .story-media-rail{width:min(94%,1600px);margin:0 auto}
.story-page-04 .story-hero-frame{width:100%;aspect-ratio:21/9;overflow:hidden;background:#F3EADC}
.story-page-04 .story-hero-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.story-page-04 .story-body{width:min(calc(100% - 48px),900px);margin:clamp(72px,8vw,112px) auto;font-family:var(--mono);font-weight:200;font-size:clamp(15px,1.05vw,17px);line-height:1.72}
.story-page-04 .story-body p{margin:0 0 1.6em}
.story-page-04 .story-body em{font-style:italic}
.story-page-04 .story-final-statement{box-sizing:border-box;width:min(94%,1600px);margin:clamp(70px,7vw,105px) auto;padding:clamp(42px,5vw,72px) 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-family:var(--sans);font-weight:700;font-size:clamp(32px,4vw,58px);line-height:1.05;letter-spacing:-.035em;text-align:center}
.story-page-04 .story-final-statement span{display:block;max-width:none}
.story-page-04 .story-final-statement + .story-body-after-quote{margin-top:70px}

/* Story 04 — interactive Ishihara animation */
.story-page-04 .story-04-animation-wrap{position:relative;box-sizing:border-box;display:grid;place-items:center;width:100vw;max-width:none;height:100vh;height:100svh;min-height:640px;margin:70px calc(50% - 50vw) 0;padding:clamp(58px,7vh,92px) clamp(34px,4vw,72px);aspect-ratio:auto;background:#F3EADC;overflow:hidden}
.story-page-04 .story-04-animation-wrap .randorff-ishihara,
.story-page-04 .story-04-animation-wrap .randorff-ishihara__visual{box-sizing:border-box;width:100%!important;max-width:none!important;height:100%!important;margin:0!important;padding:0!important;background:#F3EADC!important}
.story-page-04 .story-04-animation-wrap .randorff-ishihara{display:grid;place-items:center;}
.story-page-04 .story-04-animation-wrap .randorff-ishihara__visual{min-height:0!important;aspect-ratio:auto!important}
.story-page-04 .story-04-animation-wrap .randorff-ishihara__canvas{display:block!important;width:100%!important;height:100%!important}
.story-page-04 .story-04-animation-wrap .randorff-ishihara__visual{display:grid;place-items:center;}
.story-page-04 .story-04-animation-wrap .randorff-ishihara__canvas{max-width:100%;max-height:100%;}
.story-page-04 .story-04-animation-wrap::after{content:"";position:absolute;left:0;right:0;bottom:0;height:clamp(52px,7vh,88px);background:#F3EADC;pointer-events:none}
.story-page-04 .story-04-animation-hint{position:absolute;z-index:4;top:clamp(28px,4.5vh,54px);right:clamp(28px,4vw,64px);box-sizing:border-box;width:auto;max-width:min(42vw,520px);margin:0;padding:0;transform:none;text-align:right;font-family:var(--mono);font-weight:200;font-size:11px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);pointer-events:none}
.story-page-04 .hint-touch{display:none}
.story-page-04 .story-body-colorblind{margin-top:clamp(42px,5vw,72px)}

/* Story 04 — next story */









.story-page-04 .story-end-link:hover .story-end-arrow{transform:translate(5px,5px)}

@media(max-width:900px){
  .story-page-04 .story-article-top{padding-top:110px}
  .story-page-04 .story-meta-row{margin-bottom:44px}
  .story-page-04 .story-title{font-size:clamp(52px,15vw,82px)}
  
}
@media(max-width:767px){
  .story-page-04 .story-04-animation-wrap{margin-top:55px;margin-bottom:0;padding:clamp(48px,6vh,72px) clamp(24px,4vw,48px)}
  .story-page-04 .story-04-animation-hint{top:24px;right:24px;margin:0}
  .story-page-04 .hint-pointer{display:none}
  .story-page-04 .hint-touch{display:inline}
}
@media(max-width:700px){
  .story-page-04 .story-meta-row{gap:18px}
  .story-page-04 .story-meta-row > .eyebrow{font-size:10px}
  .story-page-04 .story-final-statement{margin:55px auto;padding:34px 0;font-size:clamp(28px,9vw,42px)}
  
  
  
}
@media(max-width:600px){
  .story-page-04 .story-04-hero{aspect-ratio:auto;height:auto;overflow:visible;background:transparent}
  .story-page-04 .story-04-hero img{width:100%;height:auto;object-fit:contain;object-position:center center}
  .story-page-04 .story-final-statement + .story-body-after-quote{margin-top:55px}
  .story-page-04 .story-04-animation-wrap{position:relative;width:100vw;height:auto;min-height:0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:10%;overflow:hidden;background:#F3EADC}
  .story-page-04 .story-04-animation-wrap::after{display:none}
  .story-page-04 .story-04-animation-hint{top:18px;right:18px;max-width:58vw;font-size:10px}
  .story-page-04 .story-04-animation-wrap .randorff-ishihara{width:100%!important;height:100%!important;margin:0!important;padding:0!important}
  .story-page-04 .story-04-animation-wrap .randorff-ishihara__visual{width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:1/1!important;margin:0!important;padding:0!important}
  .story-page-04 .story-04-animation-wrap .randorff-ishihara__canvas{display:block!important;width:100%!important;height:100%!important}
}
@media(prefers-reduced-motion:reduce){
  .story-page-04 .randorff-ishihara__visual{cursor:default}
}



/* v93 — Story 05 / Idéen før stregen */
.story-page-05{background:#fff;color:var(--ink);padding-bottom:0}
.story-page-05 .story-article-top{padding:clamp(132px,12vw,190px) 0 clamp(54px,6vw,92px)}
.story-page-05 .story-meta-row{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:clamp(52px,6vw,88px)}
.story-page-05 .story-back{display:inline-flex;align-items:center;gap:13px;margin:0;font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.06em;text-transform:uppercase}
.story-page-05 .story-meta-row > .eyebrow{margin:0;text-align:right;font-weight:400}
.story-page-05 .story-back-arrow{display:block;width:31px;height:31px;transition:transform .25s ease}
.story-page-05 .story-back-arrow svg{display:block;width:100%;height:100%;transform:scaleX(-1)}
.story-page-05 .story-back-arrow polygon{fill:currentColor}
.story-page-05 .story-back:hover .story-back-arrow{transform:translate(-5px,-5px)}
.story-page-05 .story-title{font-size:clamp(58px,8vw,126px);line-height:.88;letter-spacing:-.05em;margin:0;max-width:none;font-weight:700}
.story-page-05 .story-media-rail{width:min(94%,1600px);margin:0 auto}
.story-page-05 .story-hero-frame{width:100%;aspect-ratio:21/9;overflow:hidden;background:#d8dce6}
.story-page-05 .story-05-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 48%;transform:scale(1.34);transform-origin:center}
.story-page-05 .story-body{width:min(calc(100% - 48px),900px);margin:clamp(72px,8vw,112px) auto;font-family:var(--mono);font-weight:200;font-size:clamp(15px,1.05vw,17px);line-height:1.72}
.story-page-05 .story-body p{margin:0 0 1.6em}
.story-page-05 .story-quote{box-sizing:border-box;width:min(94%,1600px);margin:clamp(70px,7vw,105px) auto;padding:clamp(42px,5vw,72px) 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-family:var(--sans);font-weight:700;font-size:clamp(32px,4vw,58px);line-height:1.05;letter-spacing:-.035em;text-align:center}
.story-page-05 .story-body-after-quote{margin-top:clamp(58px,6vw,82px)}
.story-page-05 .story-05-paisley{position:relative;box-sizing:border-box;width:min(94%,1600px);margin:clamp(76px,8vw,112px) auto;overflow:hidden;aspect-ratio:1/1;display:block;isolation:isolate;background:#d8dce6;animation:story05Bg 64s ease-in-out infinite}
.story-page-05 .story-05-paisley img{position:relative;z-index:1;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center center}
.story-page-05 .story-05-label-gallery{box-sizing:border-box;width:min(94%,1600px);margin:clamp(76px,8vw,112px) auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.15vw,20px);align-items:start}
.story-page-05 .story-05-label-item{min-width:0;opacity:0;transform:translateY(38px);transition:opacity .9s ease,transform 1.05s cubic-bezier(.22,.72,.22,1);transition-delay:var(--label-delay,0ms)}
.story-page-05 .story-05-label-item.is-visible{opacity:1;transform:translateY(0)}
.story-page-05 .story-05-label-item:nth-child(1){--label-delay:0ms}.story-page-05 .story-05-label-item:nth-child(2){--label-delay:140ms}.story-page-05 .story-05-label-item:nth-child(3){--label-delay:280ms}.story-page-05 .story-05-label-item:nth-child(4){--label-delay:420ms}.story-page-05 .story-05-label-item:nth-child(5){--label-delay:560ms}.story-page-05 .story-05-label-item:nth-child(6){--label-delay:700ms}.story-page-05 .story-05-label-item:nth-child(7){--label-delay:840ms}.story-page-05 .story-05-label-item:nth-child(8){--label-delay:980ms}.story-page-05 .story-05-label-item:nth-child(9){--label-delay:1120ms}.story-page-05 .story-05-label-item:nth-child(10){--label-delay:1260ms}
.story-page-05 .story-05-label-item img{display:block;width:100%;height:auto;max-width:none}
.story-page-05 .story-05-logo{box-sizing:border-box;width:55%;max-width:920px;margin:clamp(82px,8vw,110px) auto clamp(44px,5vw,60px)}
.story-page-05 .story-05-logo img{display:block;width:100%;height:auto;max-width:none}
.story-page-05 .story-05-gallery{box-sizing:border-box;width:min(94%,1600px);margin:clamp(76px,8vw,112px) auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2%;align-items:stretch}
.story-page-05 .story-05-gallery img{display:block;width:100%;height:100%;max-width:none;aspect-ratio:3/4;object-fit:cover;object-position:center center}









.story-page-05 .story-end-link:hover .story-end-arrow{transform:translate(5px,5px)}
@keyframes story05Bg{0%,10%{background-color:#d8dce6}11%,20%{background-color:#fbd8d0}21%,30%{background-color:#eedc4b}31%,40%{background-color:#ce5090}41%,50%{background-color:#add6b9}51%,60%{background-color:#f9ebd1}61%,70%{background-color:#fdd491}71%,80%{background-color:#cfb7d4}81%,90%{background-color:#abb7c9}91%,100%{background-color:#d8dce6}}
@media(max-width:900px){
  .story-page-05 .story-article-top{padding-top:110px}.story-page-05 .story-meta-row{margin-bottom:44px}.story-page-05 .story-title{font-size:clamp(52px,15vw,82px)}
  .story-page-05 .story-hero-frame{aspect-ratio:16/9}.story-page-05 .story-05-label-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.story-page-05 .story-05-label-item{--label-delay:0ms!important}
  
}
@media(max-width:700px){
  .story-page-05 .story-meta-row{gap:18px}.story-page-05 .story-meta-row > .eyebrow{font-size:10px}
  .story-page-05 .story-05-logo{width:78%;margin:75px auto 40px}.story-page-05 .story-05-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.story-page-05 .story-05-gallery img{height:auto;aspect-ratio:auto;object-fit:contain}
  
}
@media(max-width:600px){
  .story-page-05 .story-05-hero{aspect-ratio:16/9;height:auto;overflow:hidden;background:#d8dce6}.story-page-05 .story-05-hero img{width:100%;height:100%;object-fit:cover;object-position:50% 48%;transform:none}
  .story-page-05 .story-05-paisley{width:calc(100% - 28px);margin:60px auto;aspect-ratio:1/1}.story-page-05 .story-05-label-gallery{width:calc(100% - 28px);grid-template-columns:repeat(2,minmax(0,1fr));margin:60px auto;gap:8px}.story-page-05 .story-05-gallery{width:calc(100% - 28px);margin:60px auto}
}
@media(prefers-reduced-motion:reduce){.story-page-05 .story-05-paisley{animation:none;background:#d8dce6}.story-page-05 .story-05-label-item{opacity:1!important;transform:none!important;transition:none!important}}


/* v1.8.5.285 — The roll-up card only is replaced with the Christmas card. */
.work-feature.net .work-assets-gallery > .net-julekort-stage{
  position:relative;
  aspect-ratio:1690 / 1368;
  background:#fff; /* white Christmas-card background */
  overflow:hidden;
}
.work-feature.net .work-assets-gallery > .net-julekort-stage img{
  display:block;
  position:absolute;
  inset:10% 10%;
  width:80% !important;
  height:80% !important;
  max-width:80% !important;
  max-height:80% !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:0 !important;
}



/* v220 — Work overview with inline accordion cases */
.work-feature{display:none}
.work-feature.is-case-visible{display:flex}
.work-feature.is-case-visible.is-expanded{display:block}
.work-list > .site-wrap > .work-feature{
  width:100vw;
  max-width:none;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}
.work-row-arrow-icon{transition:transform .25s ease}
.work-row-arrow.is-open .work-row-arrow-icon{transform:rotate(270deg)}



/* v223 — page/section dark is fractionally lighter than the footer */
:root{--page-dark:#3D3D3D}
.work-list,
.contact-main{
  background:var(--page-dark);
}
.page-hero.stories,
.stories-intro,
[data-page="stories"]{
  background:#EAE4D1;
  color:#383838;
}
.home-work{
  background:var(--white);
  color:var(--ink);
}



/* v222 — dark case text/buttons for Borgerservice + Guldbæk and close-case control */
.work-feature.borg,
.work-feature.guld{
  color:#383838 !important;
}
.work-feature.borg .feature-more-toggle,
.work-feature.guld .feature-more-toggle,
.work-feature.borg .case-close-button,
.work-feature.guld .case-close-button{
  color:#383838;
  border-color:#383838;
}
.case-close-button{
  margin-top:clamp(64px,8vw,110px);
  appearance:none;
  border:1px solid currentColor;
  background:transparent;
  color:inherit;
  padding:10px 12px;
  width:max-content;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.05em;
  text-transform:uppercase;
  cursor:pointer;
}
.work-feature.net .case-close-button:hover{
  background:var(--white);
  color:var(--ink);
  border-color:var(--white);
}
.work-feature.borg .case-close-button:hover,
.work-feature.tall .case-close-button:hover,
.work-feature.guld .case-close-button:hover,
.work-feature.great .case-close-button:hover{
  background:var(--ink);
  color:var(--white);
  border-color:var(--ink);
}



/* v229 — one shared spacing rhythm across every expanded Work case */
.work-feature .feature-more{
  --case-space-small:16px;
  --case-space-medium:32px;
  --case-space-large:clamp(64px,6vw,96px);
  padding-bottom:var(--case-space-large);
}

/* Text system: same internal rhythm in every case. */
.work-feature .feature-more-grid{
  padding-top:var(--case-space-medium);
}
.work-feature .feature-more-label{
  margin-bottom:var(--case-space-small);
}
.work-feature .feature-more-statement{
  width:100%;
  max-width:none;
  margin-top:var(--case-space-large);
}

/* First visual block after the statement always starts on the large beat. */
.work-feature.net .feature-more-statement + .work-assets-gallery,
.work-feature.borg .feature-more-statement + .borg-top-gallery,
.work-feature.great .feature-more-statement + .great-dane-gallery,
.work-feature.guld .feature-more-statement + .guld-label-gallery{
  margin-top:var(--case-space-large);
}

/* Related visual blocks inside the same case use the medium beat. */
.work-feature.net .work-assets-gallery + .net-scroll-reveal,
.work-feature.borg .borg-top-gallery + .work-assets-gallery,
.work-feature.borg .work-assets-gallery + .borg-bottom-feature,
.work-feature.guld .guld-label-gallery + .work-assets-gallery.work-assets-gallery-three{
  margin-top:var(--case-space-medium);
}

/* Related images inside rows use the small beat. */
.work-feature .work-assets-gallery,
.work-feature.great .great-dane-gallery,
.work-feature.great .great-dane-gallery-row,
.work-feature.guld .guld-label-gallery,
.work-feature.guld .guld-label-row,
.work-feature.guld .guld-logo-row,
.work-feature.borg .borg-top-gallery{
  gap:var(--case-space-small);
}

/* Keep the related Great Dane rows close to one another. */
.work-feature.great .great-dane-gallery{
  gap:var(--case-space-small);
}

/* Borgerservice uses the same system, including the final image shadow. */
.work-feature.borg .borg-top-gallery,
.work-feature.borg .work-assets-gallery,
.work-feature.borg .borg-bottom-feature{
  margin-bottom:0;
}
.work-feature.borg .borg-bottom-feature-media img{
  box-shadow:0 7px 14px rgba(31,32,38,.34), 0 2px 4px rgba(31,32,38,.22);
}

/* Closing control sits on the same large beat in every case. */
.work-feature .case-close-button{
  margin-top:var(--case-space-large);
}

@media(max-width:900px){
  .work-feature .feature-more{
    --case-space-small:12px;
    --case-space-medium:24px;
    --case-space-large:clamp(52px,10vw,72px);
  }
}



@media(max-width:900px){
  /* Mobile: all site headings use the full available content width. */
  .home-hero h1,
  .home-intro h2,
  .home-belief h2,
  .home-work h2,
  .home-work h3,
  .home-stories h2,
  .home-stories h3,
  .home-about h2,
  .home-contact h2,
  .site-page h1,
  .site-page h2,
  .site-page h3,
  #randorff-manifest h1,
  #randorff-manifest h2,
  #randorff-manifest h3{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    white-space:normal !important;
  }

  /* Explicitly neutralise the old character-width constraints. */
  .home-hero .big,
  .home-intro .medium,
  .home-belief-statement,
  .section-head .medium,
  .home-about .medium,
  .home-contact .big,
  .page-hero .big,
  .about-grid .medium,
  .contact-grid .medium,
  .project-card h3,
  .story-card h3,
  .feature-copy h2,
  .work-row h2,
  .about-statement,
  .feature-more-statement,
  .story-title,
  #randorff-manifest .rm-hero h1,
  #randorff-manifest .rm-section h2,
  #randorff-manifest .rm-final h2,
  #randorff-manifest .rm-noise h2{
    width:100% !important;
    max-width:none !important;
    white-space:normal !important;
  }
}



/* Contact hero: deliberate three-line composition on laptop and mobile. */
.page-hero.contact .contact-hero-title{
  width:max-content;
  max-width:none;
  text-wrap:initial;
}
.page-hero.contact .contact-title-line{
  display:block;
  white-space:nowrap !important;
}
@media(max-width:900px){
  .page-hero.contact .contact-hero-title{
    width:100% !important;
    max-width:none !important;
    font-size:clamp(38px,8.6vw,48px);
    line-height:.92;
    letter-spacing:-.05em;
  }
}



@media(min-width:901px){
  .contact-grid{
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:3.2vw;
    align-items:start;
  }
  .contact-grid .medium{
    width:100%;
    max-width:none;
    font-size:clamp(56px,5.1vw,84px);
    line-height:.92;
    letter-spacing:-.045em;
  }
  .contact-card{
    padding-top:28px;
    max-width:56ch;
  }
  .contact-card > p:first-child{
    font-size:clamp(28px,2.1vw,38px);
    line-height:1.16;
    max-width:24ch;
    margin-bottom:30px;
  }
}



@media(min-width:901px){
  .home-hero-grid{
    grid-template-columns:minmax(0,2.15fr) minmax(250px,.55fr);
    gap:3.5vw;
  }
  .home-hero .big{
    width:100%;
    max-width:none;
  }
  .home-hero-keep{
    white-space:nowrap;
  }
}



.home-hero .home-manifest-content{
  justify-content:center;
}
.home-hero-grid{
  align-items:center;
}



@media(min-width:901px){
  .home-hero .home-manifest-content{
    position:relative;
  }
  .home-hero .hero-aside{
    position:absolute;
    right:0;
    bottom:clamp(34px,4.5vw,68px);
    width:min(29vw,480px);
    padding-bottom:0;
  }
}



.contact-direct-item[href^="mailto:"]{
  white-space:nowrap;
  overflow-wrap:normal;
  word-break:normal;
  font-size:clamp(18px,2.35vw,40px);
}
@media(max-width:900px){
  .contact-direct-item[href^="mailto:"]{
    font-size:clamp(18px,6vw,30px);
  }
}



.contact-unified{
  min-height:100svh;
  background:var(--ink);
  color:var(--white);
  display:flex;
  align-items:center;
  padding:clamp(110px,10vh,150px) 0 clamp(78px,8vh,110px);
  position:relative;
  overflow:hidden;
}
.contact-unified-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr);
  gap:clamp(56px,7vw,120px);
  align-items:center;
  width:min(94%,var(--max));
}
.contact-heading-wrap::before{display:none}
.contact-unified-title{
  margin:0;
  width:100%;
  max-width:9.5ch;
  font-family:var(--sans);
  font-size:clamp(64px,6.7vw,110px);
  line-height:.91;
  letter-spacing:-.055em;
  font-weight:700;
}
.contact-unified .contact-card{
  padding-top:0;
  max-width:58ch;
  align-self:center;
}
.contact-unified .contact-card > p:first-child{
  font-family:var(--sans);
  font-size:clamp(28px,2.15vw,38px);
  line-height:1.15;
  letter-spacing:-.03em;
  font-weight:700;
  max-width:23ch;
  margin:0 0 30px;
}
.contact-unified .contact-direct{
  margin:clamp(42px,5vw,66px) 0 34px;
}
.contact-unified .contact-direct-item{
  display:inline-block;
  width:max-content;
  max-width:100%;
  white-space:nowrap;
  color:transparent;
  -webkit-text-fill-color:transparent;
  background-image:
    radial-gradient(circle, rgba(255,255,255,.98) 0%, rgba(255,255,255,.92) 12%, rgba(255,255,255,.58) 24%, rgba(255,255,255,.18) 36%, rgba(255,255,255,0) 48%),
    linear-gradient(rgba(255,255,255,.18), rgba(255,255,255,.18));
  background-repeat:no-repeat,no-repeat;
  background-size:165% 165%,100% 100%;
  background-position:12% 24%,0 0;
  -webkit-background-clip:text;
  background-clip:text;
  animation:contactSearchlight 12s ease-in-out infinite;
  animation-delay:0s;
  line-height:1.12;
  padding-bottom:.10em;
  margin-bottom:-.10em;
}
@media (prefers-reduced-motion: reduce){
  .contact-unified .contact-direct-item{
    animation:none;
    background-position:34% 28%,0 0;
  }
}
@media(max-width:900px){
  .contact-unified{
    min-height:100svh;
    height:auto;
    align-items:flex-start;
    padding:120px 0 80px;
  }
  .contact-unified-grid{
    grid-template-columns:1fr;
    gap:64px;
    width:calc(100% - 48px);
  }
  .contact-heading-wrap::before{
    width:52px;
    height:8px;
    margin-bottom:24px;
  }
  .contact-unified-title{
    max-width:none;
    font-size:clamp(48px,13.2vw,72px);
    line-height:.92;
  }
  .contact-unified .contact-card{
    max-width:none;
  }
  .contact-unified .contact-card > p:first-child{
    max-width:none;
    font-size:clamp(26px,7.2vw,36px);
  }
}



@media(min-width:901px){
  .home-about .medium{
    width:min(74vw,1200px);
    max-width:none;
  }
  .home-about-title-line{
    display:block;
    white-space:nowrap;
  }
}



.home-work > .site-wrap{
  position:relative;
  min-height:calc(100svh - 140px);
  padding-bottom:58px;
}
.home-work .section-end-link{
  position:absolute;
  right:0;
  bottom:0;
}
.home-stories > .site-wrap{
  display:flex;
  flex-direction:column;
}
.home-stories .section-end-link{
  position:static;
  margin-top:28px;
  margin-left:auto;
}
@media(max-width:900px){
  .home-work > .site-wrap{
    min-height:0;
    padding-bottom:62px;
  }
  .home-stories .section-end-link{
    margin-top:24px;
  }
}


/* IN RETROSPECT · imported from standalone grid v64 */
.retrospect-page{
  --retro-page:#3D3D3D;
  --retro-cell:#fff;
  --retro-line:#3D3D3D;
  --retro-cols:7;
  --retro-cut:9px;
  --retro-line-w:1px;
  min-height:100vh;
  background:var(--retro-page);
  padding:0 0 48px;
}
.retrospect-intro{
  min-height:100vh;
  min-height:100svh;
  padding:120px 0 70px;
  display:flex;
  align-items:center;
  background:var(--retro-page);
  color:#fff;
}
.retrospect-intro > .site-wrap{
  width:min(94%,var(--max));
}
.retrospect-intro-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8vw;
  align-items:start;
  width:100%;
}
.retrospect-intro .big{
  max-width:14ch;
  color:#fff;
}
.retrospect-intro-copy{
  max-width:620px;
  padding-top:41px;
}
.retrospect-intro-copy .lead{
  font-family:var(--sans);
  font-size:clamp(24px,2vw,34px);
  line-height:1.18;
  letter-spacing:-.025em;
  font-weight:700;
  max-width:none;
  margin:0 0 28px;
  color:#fff;
}
.retrospect-intro-copy .bodycopy{
  margin:0 0 1.15em;
  color:#fff;
}
.retrospect-intro-copy .bodycopy:last-child{
  margin-bottom:0;
}
.retrospect-grid-shell{
  padding:0 var(--edge);
}
.retrospect-page .retrospect-grid{
  width:min(100%,1600px);
  margin:0 auto;
}

.retrospect-grid{
  width:min(100%,1600px);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(var(--retro-cols),minmax(0,1fr));
  gap:1px;
  grid-auto-flow:dense;
  background:var(--retro-line);
}

.retrospect-cell{
  position:relative;
  aspect-ratio:1 / 1;
  cursor:pointer;
  background:var(--retro-cell);
  clip-path:polygon(
    var(--retro-cut) 0,
    calc(100% - var(--retro-cut)) 0,
    100% var(--retro-cut),
    100% calc(100% - var(--retro-cut)),
    calc(100% - var(--retro-cut)) 100%,
    var(--retro-cut) 100%,
    0 calc(100% - var(--retro-cut)),
    0 var(--retro-cut)
  );
}

.retrospect-cell.poker-ratings{
  background:#007d32;
}

/*
  De afskårne hjørner viser gridets baggrund igennem.
  Derfor får diamanterne automatisk samme farve som sidebaggrunden.
*/
.retrospect-grid{
  --retro-line:#3D3D3D;
}


.retrospect-cell.is-wide{
  grid-column:span 2;
  aspect-ratio:2 / 1;
}

.retrospect-cell.is-large{
  grid-column:span 2;
  grid-row:span 2;
  aspect-ratio:1 / 1;
}

.retrospect-cell.is-tall{
  grid-row:span 2;
  aspect-ratio:1 / 2;
}

.retrospect-cell.demokonsulenten{
  background:#00269A;
}

.retrospect-cell.demokonsulenten .retrospect-logo{
  filter:brightness(0) invert(1);
}

.retrospect-cell.logo-49{
  background:#7d9084;
}

.retrospect-cell.logo-49 .retrospect-logo,
.retrospect-lightbox-card.logo-49 .retrospect-logo{
  max-width:100%;
  max-height:100%;
}

.retrospect-cell.leadmakers{
  background:#93c01f;
}

.retrospect-cell.spreeglee{
  background:linear-gradient(to top right,#000 0%,#171717 100%);
}

.retrospect-cell.spreeglee .retrospect-logo{
  filter:brightness(0) invert(1);
}

.retrospect-cell.skanda{
  background:#003B4A;
}

.retrospect-cell.bergenser{
  background:#000;
}

.retrospect-cell.mmz{
  background:linear-gradient(to bottom right,#007E3A 0%,#6FAC3A 100%);
}

.retrospect-cell.alleys{
  background:#F8EDE0;
}

.retrospect-cell.field-service{
  background:#AB3111;
}

.retrospect-cell.webia{
  background:linear-gradient(to bottom right,#EA2828 0%,#FEB43C 100%);
}

.retrospect-cell.coffee-to-go{
  background:#000;
}

.retrospect-cell.hotel-viking{
  background:#E9DFC5;
}

.retrospect-cell.mind-my-business{
  background:linear-gradient(to bottom right,#D6D4E7 0%,#B2AECE 100%);
}

.retrospect-cell.poelsevognen{
  background:#FFE9C8;
}

.retrospect-cell.sustainet{
  background:linear-gradient(to bottom right,#3E5A6A 0%,#1C696D 100%);
}

.retrospect-cell.ace-football{
  background:#1C2135;
}

.retrospect-cell.ole-ja{
  background:#005F83;
}

.retrospect-cell.nordisk-hoejtryk{
  background:#2F7BBC;
}

.retrospect-cell.ronaldo-com{
  background:linear-gradient(to bottom right,#2338BB 0%,#000E7B 100%);
}

.retrospect-cell.rikki-tikki{
  background:#fff;
}

.retrospect-cell.diims{
  background:#9e9e9e;
}

.retrospect-cell.albert-rex{
  background:#ddd4ce;
}

.retrospect-cell.growall{
  background:#6FBF98;
}

.retrospect-cell.zmartgear{
  background:#E9004D;
}

.retrospect-cell.aab-esport{
  background:#CE132D;
}

.retrospect-cell.son-of-noa{
  background:#000;
}

.retrospect-cell.linenud{
  background:#E6B0D0;
}

.retrospect-cell.bergman-smit{
  background:#5FD0DF;
}


.retrospect-cell.aalborg-zoo{
  background:#486C16;
}

.retrospect-cell.faasvardk{
  background:linear-gradient(to top right,#AE744C 0%,#F1E7B6 100%);
}

.retrospect-cell.energrid{
  background:#EBE264;
}

.retrospect-cell.all-about-people{
  background:linear-gradient(135deg,#0067AD 0%,#00579D 45%,#004693 100%);
}

.retrospect-cell.malik-supply{
  background:#EDA92D;
}

.retrospect-cell.scandinavian-displays{
  background:#6E8E98;
}

.retrospect-cell.intenz{
  background:#F7E4D7;
}

.retrospect-cell.tj-construct{
  background:#C7C7C7;
}

.retrospect-cell.personlig-workflow{
  background:#E6E2DA;
}

.retrospect-cell.has-logo{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(10px,1.25vw,20px);
}

.retrospect-cell.is-wide.has-logo{
  padding:clamp(16px,2vw,32px);
}

.retrospect-cell.is-large.has-logo{
  padding:clamp(12px,1.5vw,24px);
}

.retrospect-logo{
  display:block;
  width:auto;
  height:auto;
  max-width:68%;
  max-height:68%;
}

.retrospect-cell.is-wide .retrospect-logo{
  max-width:72%;
  max-height:58%;
}

.retrospect-cell.is-large .retrospect-logo{
  max-width:66%;
  max-height:66%;
}

.retrospect-logo.is-horizontal{
  max-width:74%;
  max-height:46%;
}

.retrospect-cell.is-bleed-media{
  padding:0 !important;
  overflow:hidden;
}

.retrospect-cell.is-bleed-media .retrospect-logo{
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:cover;
}


.retrospect-cell.source-canvas{
  padding:0 !important;
  overflow:hidden;
}
.retrospect-cell.source-canvas .retrospect-logo{
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:contain;
}
.retrospect-cell.team-aalborg{background:#CE163E;}
.retrospect-cell.ncm{background:#3B6FB6;}
.retrospect-cell.nodig-united{background:#DEDC00;}
.retrospect-cell.aalborg-regatta{background:#fff;}
.retrospect-cell.aalborg-regatta.has-logo,
.retrospect-lightbox-card.aalborg-regatta.has-logo{
  padding:clamp(8px,1vw,14px) !important;
}
.retrospect-cell.aalborg-regatta .retrospect-logo,
.retrospect-lightbox-card.aalborg-regatta .retrospect-logo{
  max-width:85%;
  max-height:66.3%;
  transform:translateY(14%);
}

.retrospect-cell.akkc{background:#fff;}

.retrospect-cell.akkc,
.retrospect-lightbox-card.akkc{
  position:relative;
  display:block;
  overflow:hidden;
}

.retrospect-cell.akkc.has-logo,
.retrospect-lightbox-card.akkc{
  padding:0 !important;
}

.retrospect-cell.akkc .akkc-mark-wrap,
.retrospect-lightbox-card.akkc .akkc-mark-wrap{
  position:absolute;
  left:50%;
  top:50%;
  width:58%;
  aspect-ratio:1 / 1;
  transform:translate(-50%,-50%);
  display:flex;
  align-items:center;
  justify-content:center;
}

.retrospect-cell.akkc .akkc-mark-img,
.retrospect-lightbox-card.akkc .akkc-mark-img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

.retrospect-cell.akkc .akkc-wordmark-wrap,
.retrospect-lightbox-card.akkc .akkc-wordmark-wrap{
  position:absolute;
  right:8%;
  bottom:8%;
  width:34%;
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
}

.retrospect-cell.akkc .akkc-wordmark-img,
.retrospect-lightbox-card.akkc .akkc-wordmark-img{
  display:block;
  width:100%;
  height:auto;
}

.retrospect-cell.ncm .retrospect-logo,
.retrospect-lightbox-card.ncm .retrospect-logo{
  max-width:74%;
  max-height:74%;
}


.retrospect-logo.center-by-text{
  transform:translateX(6.4%);
}

.retrospect-logo.center-bautastenen{
  transform:translateX(12%);
}

.retrospect-logo.center-gitte-klarsyn{
  transform:translateX(6%);
}



.retrospect-cell:focus-visible{
  outline:3px solid #fff;
  outline-offset:-5px;
}

.retrospect-lightbox{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:clamp(24px,5vw,72px);
  background:rgba(20,20,20,.88);
}

.retrospect-lightbox.is-open{
  display:flex;
}

.retrospect-lightbox-card{
  width:min(78vw,900px);
  max-height:82vh;
  flex:none;
  cursor:default;
  box-shadow:0 22px 80px rgba(0,0,0,.42);
}

.retrospect-lightbox-card.is-wide{
  width:min(86vw,1200px);
}

.retrospect-lightbox-card.is-large{
  width:min(78vw,900px);
}

.retrospect-lightbox-card.is-tall{
  width:min(58vw,620px);
}

.retrospect-lightbox-card .retrospect-logo{
  max-width:68%;
  max-height:68%;
}

.retrospect-lightbox-card.is-wide .retrospect-logo{
  max-width:72%;
  max-height:58%;
}

.retrospect-lightbox-card.is-bleed-media{
  padding:0 !important;
  overflow:hidden;
}

.retrospect-lightbox-card.is-bleed-media .retrospect-logo{
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:cover;
}

.retrospect-lightbox-close{
  position:absolute;
  top:20px;
  right:20px;
  width:48px;
  height:48px;
  border:0;
  border-radius:50%;
  background:#fff;
  color:#222;
  font:400 30px/1 Arial,sans-serif;
  cursor:pointer;
}

body.lightbox-open{
  overflow:hidden;
}

@media(max-width:1100px){
  .retrospect-page{--retro-cols:3}
}

@media(max-width:700px){
  .retrospect-page{--retro-cols:2}
}

/* Keep the same two-column grid on narrow phones as on wider mobile.
   Single tiles take one column, wide tiles both columns (2:1),
   large tiles span two columns and two rows (square). */
@media(max-width:460px){
  .retrospect-page{--retro-cols:2}
}

@media(max-width:900px){
  .retrospect-page{padding:0 0 24px;}
  .retrospect-intro{
    min-height:100svh;
    padding:120px 0 60px;
    align-items:center;
  }
  .retrospect-intro-grid{
    grid-template-columns:1fr;
    gap:38px;
  }
  .retrospect-intro-copy{
    max-width:none;
    padding-top:0;
  }
  .retrospect-grid-shell{
    padding:0 24px;
  }
}




.story-page-06{--ink:#383838;--placeholder:#1a1a1a;background:#fff;color:var(--ink)}
.story-page-06 a{color:inherit;text-decoration:none}
.story-page-06 .story-article-top{padding:clamp(132px,12vw,190px) 0 clamp(54px,6vw,92px)}.story-page-06 .story-meta-row{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:clamp(52px,6vw,88px)}.story-page-06 .story-back{display:inline-flex;align-items:center;gap:13px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.story-page-06 .story-back-arrow{display:block;width:31px;height:31px}.story-page-06 .story-back-arrow svg{display:block;width:100%;height:100%;transform:scaleX(-1)}.story-page-06 .story-back-arrow polygon{fill:currentColor}.story-page-06 .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;text-align:right}.story-page-06 .story-title{font-size:clamp(58px,8vw,126px);line-height:.88;letter-spacing:-.05em;margin:0;font-weight:700}
.story-page-06 .story-media-rail{width:min(94%,1600px);max-width:none;margin:0 auto;background:transparent}.story-page-06 .story-hero-frame{position:relative;width:100%;aspect-ratio:2/1;overflow:visible;background:transparent;--story06-hand-rotate:-3.5deg;--story06-arnold-scale:1;--story06-arnold-rotate:0deg;--story06-eye-shift:0px}.story06-animation-stage{position:absolute;left:0;top:0;width:100%;aspect-ratio:2/1;height:auto;--story06-stage-scale:1;--story06-stage-y:0px;transform:translateY(var(--story06-stage-y)) scale(var(--story06-stage-scale));transform-origin:50% 0%;overflow:visible}.story06-hero-layer{position:absolute;pointer-events:none}.story06-hero-layer-tech-bg{z-index:0;left:0;top:0;width:100%;height:100%;opacity:1;mix-blend-mode:normal}.story06-hero-layer-arnold-body,.story06-hero-layer-arnold-hand,.story06-hero-layer-type{backface-visibility:hidden}.story06-arnold-body-static{display:none;width:auto;height:100%}.story06-arnold-mobile-overlay{display:none;position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.story06-mobile-ai-d101{fill:#fc3423;font-family:"Science Gothic Condensed","Arial Narrow",Arial,sans-serif;font-size:20.76px;font-weight:300;letter-spacing:.02em;opacity:.72}.story06-mobile-eye-dot{fill:#d24948;filter:drop-shadow(0 0 3px rgba(210,73,72,.45)) drop-shadow(0 0 7px rgba(210,73,72,.28));transform-box:fill-box;transform-origin:center center}.story06-hero-layer-tech-left{z-index:7;left:14%;top:28.5%;width:18.95%;opacity:1;transform:translateX(20%)}.story06-tech-left-svg{display:none}.story06-hud-left{position:relative;display:block;width:100%;color:#fff;font-family:var(--mono);text-transform:uppercase;letter-spacing:.015em;transform:scale(.4);transform-origin:left top;opacity:0}.story06-hud-title{display:flex;flex-direction:column;gap:.15em;font-size:32px;line-height:.86;font-weight:500}.story06-hud-title-line{display:block;opacity:0}.story06-hud-rule{margin:18px 0 20px;height:2px;background:rgba(255,255,255,.92);width:100%}.story06-hud-list{position:relative;display:flex;flex-direction:column;gap:5px;font-size:24px;line-height:.93;font-weight:500;letter-spacing:.01em}.story06-hud-list-line{position:relative;display:block;min-height:1em;white-space:nowrap}.story06-hud-line-label{display:inline-block;position:relative}.story06-hud-list-line.is-nav-scan .story06-hud-line-label::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#fff}.story06-hud-list-line[data-node].is-selected .story06-hud-line-label{background:rgba(255,255,255,.14)}.story06-hud-list-line[data-node].is-selected::before{content:">";position:absolute;left:-1.25em;top:0}.story06-hud-list-line[data-node].is-selected::after{content:"";position:absolute;left:var(--story06-color-line-left,0px);top:calc(100% - 4px);width:var(--story06-color-line-width,180px);height:2px;background:rgba(255,255,255,.92)}.story06-system-panel{position:absolute;left:390px;top:0;opacity:0;pointer-events:none}.story06-system-panel.is-visible{opacity:1}.story06-system-list{display:flex;flex-direction:column;gap:5px;font-size:24px;line-height:.93;font-weight:500}.story06-system-row{position:relative;display:block;min-height:1em;white-space:nowrap;opacity:0}.story06-system-row::before{content:"";position:absolute;left:-1.25em;top:0;opacity:0}.story06-system-row.is-scan::before,.story06-system-row.is-selected::before{content:">";opacity:1}.story06-system-row.is-scan{opacity:1}.story06-system-row.is-selected{opacity:1;background:rgba(255,255,255,.14)}.story06-system-row.is-bridge::after{content:"";position:absolute;left:0;top:calc(100% - 4px);width:330px;height:2px;background:#fff}.story06-system-row.is-confirming{animation:story06PantoneSelectBlink .58s step-end 3}.story06-pantone-dropdown{position:absolute;left:330px;top:54px;margin:0;padding-left:18px;border-left:2px solid rgba(255,255,255,.9);max-height:0;opacity:0;overflow:hidden;clip-path:inset(0 0 100% 0);min-width:220px}.story06-pantone-dropdown.is-open{animation:story06DropdownOpen .42s steps(7,end) forwards}.story06-pantone-code{display:block;min-height:1em;margin:0 0 5px;font-size:22px;line-height:.96;white-space:nowrap}.story06-hero-layer-arnold-body{z-index:2;left:50%;top:-16%;height:161%;width:auto;transform:translateX(-50%) rotate(var(--story06-arnold-rotate)) scale(var(--story06-arnold-scale));transform-origin:50% 100%}.story06-hero-layer-tech-right{display:none}.story06-tech-right-svg{display:none}.story06-figure-group{position:absolute;inset:0;pointer-events:none;z-index:2}.story06-arnold-group{position:absolute;inset:0;pointer-events:none}.story06-figure-group .story06-hero-layer{position:absolute}.story06-figure-group .story06-hero-layer-tech-left,.story06-figure-group .story06-hero-layer-tech-right{position:absolute}@keyframes story06PantoneSelectBlink{0%,100%{opacity:1;background:rgba(255,255,255,.10)}33%{opacity:.12;background:transparent}66%{opacity:1;background:rgba(255,255,255,.16)}}@keyframes story06DropdownOpen{0%{max-height:0;opacity:0;clip-path:inset(0 0 100% 0)}100%{max-height:240px;opacity:1;clip-path:inset(0 0 0 0)}}.story06-hero-layer-arnold-hand{z-index:4;left:31.2%;top:-2%;height:101.2%;width:auto;transform:rotate(var(--story06-hand-rotate));transform-origin:50% 100%}.story06-hero-layer-type{z-index:6;left:50%;bottom:calc(11.6% + 8px);width:min(56.88%,907.2px);height:auto;transform:translateX(-50%)}.story06-type-svg{transform:translateY(-6px)}.story06-type-subtitle{position:absolute;left:50%;top:100%;transform:translateX(-50%);margin-top:8px;color:#fff;font-family:var(--mono);font-size:clamp(20px,1.7vw,30px);font-weight:500;line-height:1;letter-spacing:.12em;white-space:nowrap;text-transform:uppercase}.story06-hero-svg{display:block;width:100%;height:100%;overflow:visible}.story06-tech-bg-svg{display:block;width:100%;height:100%;overflow:visible}.story06-tech-bg-svg{opacity:.86}.story06-tech-active .story06-hero-layer-tech-bg{animation:none}.story06-tech-active .story06-hud-left{animation:story06HudLeftEnter .18s step-end both}.story06-tech-active .story06-hud-title-line{animation:story06HudTitleBlink .22s step-end both}.story06-tech-active .story06-hud-title-line:nth-child(1){animation-delay:.04s}.story06-tech-active .story06-hud-title-line:nth-child(2){animation-delay:.14s}.story06-tech-active .story06-hud-title-line:nth-child(3){animation-delay:.24s}@keyframes story06TechBgIn{0%{opacity:0;transform:scale(.95)}100%{opacity:1;transform:scale(1)}}@keyframes story06HudLeftEnter{0%{opacity:0}100%{opacity:1}}@keyframes story06HudTitleBlink{0%{opacity:0}18%{opacity:1}32%{opacity:0}52%{opacity:1}68%{opacity:.2}100%{opacity:1}}50%,100%{opacity:0}}@keyframes story06EyePulse{0%,100%{opacity:1}50%{opacity:.6}}@keyframes story06EyeGlow{0%,100%{filter:drop-shadow(0 0 3px rgba(210,73,72,.45)) drop-shadow(0 0 7px rgba(210,73,72,.28)) brightness(1)}50%{filter:drop-shadow(0 0 5px rgba(210,73,72,.8)) drop-shadow(0 0 12px rgba(210,73,72,.55)) brightness(1.2)}}#story06-arnold-body-svg .arnold-body-cls-18{opacity:0;animation:none;filter:none}@keyframes story06GD101NativeGlitch{0%,83%,100%{opacity:.6;transform:translate(0,0);filter:none}84%{opacity:.22;transform:translate(-2px,0);filter:drop-shadow(2px 0 0 #ff6b6b) brightness(1.1)}85%{opacity:1;transform:translate(1px,0);filter:drop-shadow(-2px 0 0 #7a0000) drop-shadow(0 0 4px rgba(255,80,70,.85)) brightness(1.3)}86%{opacity:.42;transform:translate(0,0);filter:none}87%{opacity:1;transform:translate(-1px,1px);filter:drop-shadow(2px -1px 0 #ff6b6b) drop-shadow(0 0 6px rgba(255,90,75,.9)) brightness(1.35)}88%{opacity:.12;transform:translate(2px,0);filter:none}89%{opacity:.95;transform:translate(0,0);filter:drop-shadow(-1px 0 0 #7a0000) drop-shadow(0 0 4px rgba(255,80,70,.8)) brightness(1.25)}90%{opacity:.5;transform:translate(-1px,0);filter:none}91%{opacity:.6;transform:translate(0,0);filter:none}}#story06-arnold-body-svg #story06-ai-d101-image{animation:story06GD101NativeGlitch 4.2s steps(1,end) infinite;transform-box:fill-box;transform-origin:center center;will-change:transform,opacity,filter}#story06-arnold-body-svg .story06-ai-d101-label,#story06-overview-inline-svg .story06-ai-d101-label{fill:#fc3423;font-family:"Science Gothic Condensed","Arial Narrow",Arial,sans-serif;font-size:20.76px;font-weight:300;letter-spacing:.02em;opacity:.72;animation:story06GD101NativeGlitch 4.2s steps(1,end) infinite;transform-box:fill-box;transform-origin:center center;will-change:transform,opacity,filter}#story06-arnold-body-svg .story06-eye-dot,#story06-overview-inline-svg .story06-eye-dot{fill:#d24948;filter:drop-shadow(0 0 3px rgba(210,73,72,.45)) drop-shadow(0 0 7px rgba(210,73,72,.28));animation:story06EyePulse 1.8s ease-in-out infinite,story06EyeGlow 1.8s ease-in-out infinite,story06EyeBlink 3.6s step-end infinite;transform-box:fill-box;transform-origin:center center}@keyframes story06EyeBlink{0%,42%,48%,100%{opacity:1}44%,46%{opacity:.25}}@keyframes story06GD101GlitchAfter{0%,84%,100%{opacity:0;transform:translate3d(0,0,0)}87%{opacity:.4;transform:translate3d(1px,1px,0)}88%{opacity:0;transform:translate3d(0,0,0)}90%{opacity:.5;transform:translate3d(-1px,0,0)}91%{opacity:0;transform:translate3d(0,0,0)}92%{opacity:.25;transform:translate3d(2px,-1px,0)}93%{opacity:0;transform:translate3d(0,0,0)}}
.story-page-06 .story-body{width:min(calc(100% - 48px),900px);margin:clamp(72px,8vw,112px) auto;font-family:var(--mono);font-weight:200;font-size:clamp(15px,1.05vw,17px);line-height:1.72}.story-page-06 .story-body p{margin:0 0 .8em}.story-page-06 .story-quote,.story-page-06 .story-final-statement{width:min(94%,1600px);margin:clamp(70px,7vw,105px) auto;padding:clamp(42px,5vw,72px) 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-family:var(--sans);font-weight:700;font-size:clamp(32px,4vw,58px);line-height:1.05;letter-spacing:-.035em;text-align:center}.story-page-06 .story-final-statement{font-size:clamp(38px,5vw,72px);line-height:1.01;padding-top:clamp(52px,6vw,86px);padding-bottom:clamp(52px,6vw,86px)}.story-page-06 .story-quote p,.story-page-06 .story-final-statement p{margin:0}.story-page-06 .story-quote p+p,.story-page-06 .story-final-statement p+p{margin-top:.4em}.story-page-06 .story06-end-terminal{width:min(94%,1600px);margin:clamp(-42px,-3vw,-24px) auto clamp(78px,8vw,120px);display:flex;align-items:center;justify-content:center;gap:.18em;min-height:1.2em;font-family:var(--mono);font-size:clamp(16px,1.35vw,22px);font-weight:400;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);opacity:.92}.story-page-06 .story06-end-terminal-value{display:inline-block}.story-page-06 .story06-end-terminal-cursor{display:inline-block;width:.58em;height:1.05em;background:currentColor;animation:story06TerminalCursor 1s step-end infinite}@keyframes story06TerminalCursor{0%,49%{opacity:1}50%,100%{opacity:0}}


/* Story 06 cleanup — independent mobile controls */
.story-page-06 .story-media-rail{height:var(--story06-media-rail-height,auto);overflow:var(--story06-media-rail-overflow,visible)}
.story-page-06 .story-hero-frame{top:var(--story06-frame-top,0px);background:var(--story06-frame-bg,transparent);overflow:var(--story06-frame-overflow,visible);--story06-frame-top:0px;--story06-frame-bg:transparent;--story06-frame-overflow:visible;--story06-media-rail-height:auto;--story06-media-rail-overflow:visible;--story06-stage-top:0;--story06-stage-translate-y:0px;--story06-stage-scale:1;--story06-stage-origin:50% 0%;--story06-figure-group-x:0px;--story06-figure-group-y:0px;--story06-figure-group-scale:1;--story06-figure-group-origin:50% 0%;--story06-arnold-group-x:0px;--story06-arnold-group-y:0px;--story06-arnold-group-scale:1;--story06-arnold-group-origin:50% 0%;--story06-hand-scale:1;--story06-hand-origin:50% 100%;--story06-hand-x:0%;--story06-hand-y:0%;--story06-type-x:-50%;--story06-type-y:0px;--story06-type-scale:1;--story06-type-origin:50% 50%;--story06-subtitle-size:clamp(20px,1.7vw,30px);--story06-tech-left-top:28.5%}
.story06-animation-stage{top:var(--story06-stage-top);transform:translateY(var(--story06-stage-translate-y)) scale(var(--story06-stage-scale));transform-origin:var(--story06-stage-origin)}
.story06-figure-group{transform:translate(var(--story06-figure-group-x),var(--story06-figure-group-y)) scale(var(--story06-figure-group-scale));transform-origin:var(--story06-figure-group-origin)}
.story06-arnold-group{transform:translate(var(--story06-arnold-group-x),var(--story06-arnold-group-y)) scale(var(--story06-arnold-group-scale));transform-origin:var(--story06-arnold-group-origin)}
.story06-hero-layer-tech-left{top:var(--story06-tech-left-top)}
.story06-hero-layer-arnold-hand{transform:translate(var(--story06-hand-x),var(--story06-hand-y)) scale(var(--story06-hand-scale)) rotate(var(--story06-hand-rotate));transform-origin:var(--story06-hand-origin)}
.story06-hero-layer-type{transform:translate(var(--story06-type-x),var(--story06-type-y)) scale(var(--story06-type-scale));transform-origin:var(--story06-type-origin)}
.story06-type-subtitle{font-size:var(--story06-subtitle-size)}
@media(max-width:900px){.story-page-06 .story-article-top{padding-top:110px}.story-page-06 .story-meta-row{margin-bottom:44px}.story-page-06 .story-title{font-size:clamp(52px,15vw,82px)}.story-page-06 .story-hero-frame{aspect-ratio:1/1.38;--story06-frame-bg:transparent;--story06-frame-overflow:hidden;--story06-stage-top:45%;--story06-stage-translate-y:-50%;--story06-stage-scale:.99;--story06-stage-origin:50% 50%;--story06-arnold-group-scale:1.3;--story06-subtitle-size:clamp(12px,1.02vw,18px);--story06-tech-left-top:14%}.story06-hero-layer-tech-left{z-index:1}}
@media(max-width:700px){.story-page-06 .story-meta-row{gap:18px}.story-page-06 .eyebrow{font-size:10px}.story-page-06 .story-quote,.story-page-06 .story-final-statement{margin:55px auto;padding:34px 0;font-size:clamp(28px,9vw,42px)}.story-page-06 .story-body{width:calc(100% - 48px);margin:28px auto 55px}.story-page-06 .story-media-rail{width:calc(100% - 48px);max-width:none;margin:0 auto}.story-page-06 .story-hero-frame{aspect-ratio:1/0.80;position:relative;--story06-media-rail-height:56vw;--story06-media-rail-overflow:visible;--story06-frame-top:0;--story06-frame-bg:transparent;--story06-frame-overflow:visible;--story06-stage-top:44%;--story06-stage-translate-y:-50%;--story06-stage-scale:.95;--story06-stage-origin:50% 50%;--story06-figure-group-y:-22%;--story06-arnold-group-scale:1.3;--story06-hand-scale:1.25;--story06-hand-origin:50% 0%;--story06-hand-x:-25%;--story06-hand-y:10%;--story06-type-y:72%;--story06-subtitle-size:clamp(12px,1.02vw,18px);--story06-tech-left-top:24px}.story06-hero-layer-tech-bg{top:0;height:75%}.story06-hero-layer-tech-left{left:24px;top:24px;width:11.37%;transform:none;z-index:1}.story06-hud-left{transform:scale(.24);transform-origin:left top}.story06-hero-layer-arnold-body{top:-16%!important;height:161%!important;width:auto!important}.story06-arnold-body-static{display:block!important;width:auto!important;height:100%!important;object-fit:contain!important}.story06-hero-layer-arnold-body svg#story06-arnold-body-svg{display:none!important}.story06-arnold-mobile-overlay{display:block!important}.story06-mobile-ai-d101{animation:story06GD101NativeGlitch 4.2s steps(1,end) infinite;transform-box:fill-box;transform-origin:center center}.story06-mobile-eye-dot{animation:story06EyePulse 1.8s ease-in-out infinite,story06EyeGlow 1.8s ease-in-out infinite,story06EyeBlink 3.6s step-end infinite}}








.story-page-06 .story-end-link:hover .story-end-arrow{transform:translate(5px,5px)}
@media(max-width:900px){}
@media(max-width:700px){}

.story-list .card[data-route="story-06"]{background:#000;color:#f2f2f0}
.story-list .card[data-route="story-06"] .card-copy,.story-list .card[data-route="story-06"] h3,.story-list .card[data-route="story-06"] p{color:#f2f2f0}
.story-list .card[data-route="story-06"] .card-media{background:#000}



/* Stories: same dark background as Arbejde, larger title, full viewport hero */
.page-hero.stories,
.stories-intro,
[data-page="stories"]{
  background:var(--page-dark,#3D3D3D) !important;
  color:#fff !important;
}
.page-hero.stories{
  min-height:100svh !important;
}
.page-hero.stories h1.big{
  font-size:clamp(78px,12vw,198px);
}
@media(max-width:900px){
  .page-hero.stories{
    min-height:100svh !important;
  }
}



/* One consistent gap from content to action buttons across the site. */
:root{--cta-gap:30px}
.cta-wrap{margin-top:var(--cta-gap)}

/* Section-end CTAs stay in normal flow so their distance from the cards is exact. */
.home-work > .site-wrap,
.home-stories > .site-wrap{
  display:flex;
  flex-direction:column;
}
.home-work > .site-wrap{
  min-height:0;
  padding-bottom:0;
}
.home-work .section-end-link,
.home-stories .section-end-link{
  position:static;
  right:auto;
  bottom:auto;
  margin-top:var(--cta-gap);
  margin-left:auto;
}

/* Case CTAs use the same content-to-button rhythm. */
.work-feature .feature-copy > p:not(.eyebrow):last-of-type{margin-bottom:0}
.work-feature .feature-more-toggle{
  display:block;
  margin-top:var(--cta-gap);
}
.work-feature .case-close-button{
  display:block;
  margin-top:var(--cta-gap);
}



/* Stories hero: center first viewport vertically. */
.page-hero.stories{
  min-height:100svh !important;
  height:100svh !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  align-items:center !important;
}

/* Home About: give the copy field more width toward the left. */
@media(min-width:901px){
  .home-about-grid{
    grid-template-columns:.95fr 1.05fr;
    gap:4vw;
  }
}



/* Home belief: visual communication statement, same background as Stories. */
.home-belief{
  background:var(--page-dark,#3D3D3D) !important;
  color:#fff !important;
}
.home-belief-grid{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);
  gap:clamp(52px,7vw,120px);
  align-items:center;
}
.home-belief-statement{
  max-width:9ch;
  color:#fff;
}
.home-belief-copy{
  max-width:560px;
  justify-self:end;
}
.home-belief-copy p{
  margin:0;
  font-family:var(--mono);
  font-weight:200;
  font-size:clamp(15px,1.05vw,17px);
  line-height:1.72;
  color:rgba(255,255,255,.92);
}
@media(max-width:900px){
  .home-belief-grid{
    grid-template-columns:1fr;
    gap:34px;
  }
  .home-belief-copy{
    max-width:none;
    justify-self:stretch;
  }
}



/* Preserve the designed quote breaks on wide screens, but let laptop/mobile widths wrap naturally. */
@media (max-width:1600px){
  br.responsive-quote-break{display:none}
}



#randorff-manifest .rm-section,
#randorff-manifest .rm-decision,
#randorff-manifest .rm-noise,
#randorff-manifest .rm-final{
  background:#fff !important;
  color:var(--ink) !important;
}

#randorff-manifest .rm-decision .rm-copy p,
#randorff-manifest .rm-final .rm-kicker,
#randorff-manifest .rm-final-heading,
#randorff-manifest .rm-final-list p,
#randorff-manifest .rm-final-name{
  color:var(--ink) !important;
}



/* Final Work Manifest viewport: align with the content column above. */
#randorff-manifest .rm-final > .rm-wrap{
  box-sizing:border-box;
  padding-left:calc(clamp(58px,5vw,82px) + clamp(28px,4vw,64px));
}

/* Larger final heading. */
#randorff-manifest .rm-final-heading{
  font-size:clamp(42px,4.8vw,74px) !important;
  line-height:.98 !important;
  letter-spacing:-.035em !important;
  margin-bottom:clamp(36px,4vw,58px) !important;
}

/* Numbered bullets. */
#randorff-manifest .rm-final-list{
  counter-reset:rm-final-point;
  gap:clamp(18px,2vw,26px) !important;
}
#randorff-manifest .rm-final-list > p{
  counter-increment:rm-final-point;
  display:grid;
  grid-template-columns:3.2em minmax(0,1fr);
  column-gap:clamp(12px,1.5vw,22px);
  align-items:start;
}
#randorff-manifest .rm-final-list > p::before{
  content:counter(rm-final-point, decimal-leading-zero);
  font-family:"JetBrains Mono",monospace;
  font-weight:700;
  font-size:.72em;
  line-height:2.35;
  letter-spacing:.04em;
  color:var(--ink);
}

@media(max-width:900px){
  #randorff-manifest .rm-final > .rm-wrap{
    padding-left:0;
  }
  #randorff-manifest .rm-final-heading{
    font-size:clamp(38px,10vw,58px) !important;
  }
  #randorff-manifest .rm-final-list > p{
    grid-template-columns:2.6em minmax(0,1fr);
  }
}



#randorff-manifest .rm-final{
  border-top:1px solid var(--ink);
}
#randorff-manifest .rm-final-heading{
  font-family:var(--sans) !important;
  font-weight:800 !important;
  letter-spacing:-.055em !important;
  line-height:.9 !important;
}



/* Thin divider after viewport 03. */
#randorff-manifest .rm-decision + .rm-section{
  border-top:1px solid var(--ink) !important;
}

/* Only the body text in the final viewport is limited to 50% of the viewport.
   The heading keeps its existing width. */
#randorff-manifest .rm-final-list{
  width:50vw;
  max-width:50vw;
}

@media(max-width:900px){
  #randorff-manifest .rm-final-list{
    width:100%;
    max-width:none;
  }
}



/* Homepage viewports 01–03 align with the Manifest's main content column. */
.home-hero .home-manifest-wrap,
.home-intro > .site-wrap,
.home-belief > .site-wrap,
.home-contact > .site-wrap{
  width:min(94%,1600px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:calc(clamp(58px,5vw,82px) + clamp(28px,4vw,64px)) !important;
  box-sizing:border-box;
}

@media(max-width:900px){
  .home-hero .home-manifest-wrap,
  .home-intro > .site-wrap,
  .home-belief > .site-wrap,
  .home-contact > .site-wrap{
    width:calc(100% - 48px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
  }
}



.home-contact .outline-link{
  margin-top:36px !important;
}



/* About: Manifest left margin only in the first two viewports. */
.page-hero.about > .site-wrap,
.about-main .about-grid{
  width:100%;
  padding-left:calc(clamp(58px,5vw,82px) + clamp(28px,4vw,64px)) !important;
  box-sizing:border-box;
}

/* From the technology/timeline viewport and down, return to the normal site margin. */
.about-main > .site-wrap{
  width:min(94%,1600px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  box-sizing:border-box;
}

@media(max-width:900px){
  .page-hero.about > .site-wrap,
  .about-main .about-grid{
    padding-left:0 !important;
  }

  .page-hero.about > .site-wrap,
  .about-main > .site-wrap{
    width:calc(100% - 48px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}



.page-hero.about .big{
  font-size:clamp(39px,6vw,99px) !important;
}



/* Om viewport 02: same structural logic as Manifest. */
.about-main .about-grid{
  display:block !important;
}

.about-main .about-grid-heading{
  width:66.6667%;
  max-width:none !important;
  margin:0 0 clamp(46px,5vw,76px);
  text-wrap:normal !important;
}

.about-main .about-grid-columns{
  display:grid;
  grid-template-columns:40% 40%;
  justify-content:start;
  column-gap:clamp(24px,2.5vw,46px);
  align-items:start;
  width:100%;
}

.about-main .about-grid-lead .lead{
  margin:0;
  max-width:none;
}

.about-main .about-grid-body .bodycopy:first-child{
  margin-top:0;
}

@media(max-width:900px){
  .about-main .about-grid-heading{
    width:100%;
    margin-bottom:36px;
  }

  .about-main .about-grid-columns{
    grid-template-columns:1fr;
    gap:30px;
  }
}



.about-main .about-grid-heading{
  font-size:clamp(38px,4.4vw,68px) !important;
}
.about-main .about-grid-heading > span{
  display:block;
  white-space:nowrap;
}
@media(max-width:900px){
  .about-main .about-grid-heading > span{white-space:normal}
}



.manifest-page-intro{
  display:flex;
  flex-direction:column;
  gap:clamp(42px,5vw,72px);
  width:100%;
  padding-left:calc(clamp(58px,5vw,82px) + clamp(28px,4vw,64px));
  box-sizing:border-box;
}
.manifest-page-intro > .big,
.manifest-page-intro > .contact-unified-title{
  width:100%;
  max-width:66.666%;
  margin:0;
}
.manifest-page-intro-columns{
  display:grid;
  grid-template-columns:40% 40%;
  justify-content:start;
  column-gap:clamp(30px,3vw,54px);
  align-items:start;
  width:100%;
}
.manifest-page-intro-lead .lead{
  margin:0;
  max-width:none;
  font-family:var(--sans);
  font-size:clamp(24px,2vw,34px);
  line-height:1.18;
  letter-spacing:-.025em;
  font-weight:700;
}
.manifest-page-intro-body .bodycopy{
  margin:0 0 1.15em;
}
.manifest-page-intro-body .bodycopy:last-child{
  margin-bottom:0;
}
.page-hero.work{
  min-height:100svh;
  padding:120px 0 80px;
  display:flex;
  align-items:center;
}
.page-hero.work .site-wrap,
.page-hero.stories .site-wrap,
.retrospect-intro > .site-wrap,
.contact-unified > .site-wrap{
  width:min(94%,var(--max));
}
.page-hero.stories{
  align-items:center;
}
.retrospect-intro{
  align-items:center;
}
.page-hero.stories .manifest-page-intro > .big,
.page-hero.stories .manifest-page-intro-lead .lead,
.page-hero.stories .manifest-page-intro-body .bodycopy,
.retrospect-intro .manifest-page-intro > .big,
.retrospect-intro .manifest-page-intro-lead .lead,
.retrospect-intro .manifest-page-intro-body .bodycopy,
.contact-unified .manifest-page-intro > .contact-unified-title,
.contact-unified .manifest-page-intro-lead .lead,
.contact-unified .manifest-page-intro-body .bodycopy,
.contact-unified .manifest-page-intro-body .contact-address{
  color:inherit;
}
.contact-unified .manifest-page-intro-body{
  max-width:none;
}
.contact-unified .manifest-page-intro-body .contact-direct{
  margin:clamp(42px,5vw,66px) 0 34px;
}
.contact-unified .manifest-page-intro-body .contact-address{
  margin:0;
}
.contact-unified .contact-unified-title{
  max-width:66.666%;
}
@media(max-width:900px){
  .manifest-page-intro{
    gap:34px;
    padding-left:0;
  }
  .manifest-page-intro > .big,
  .manifest-page-intro > .contact-unified-title,
  .contact-unified .contact-unified-title{
    max-width:none;
  }
  .manifest-page-intro-columns{
    grid-template-columns:1fr;
    column-gap:0;
    row-gap:30px;
  }
  .page-hero.work{
    min-height:auto;
    padding:130px 0 80px;
    align-items:flex-start;
  }
  .page-hero.stories,
  .retrospect-intro,
  .contact-unified{
    align-items:flex-start;
  }
}



.contact-unified .contact-address{
  font-family:var(--mono) !important;
  font-weight:200;
  line-height:1.6;
}
.contact-unified .contact-address strong{
  font-family:var(--mono) !important;
  font-weight:700;
}



.page-hero.work{
  background:var(--page-dark,#3D3D3D) !important;
  color:#fff !important;
}
.page-hero.work .big,
.page-hero.work .lead,
.page-hero.work .bodycopy{
  color:#fff !important;
}



/* About hero: heading may use 4/5 of the available content width. */
.page-hero.about .big{
  width:80% !important;
  max-width:80% !important;
}
@media(max-width:900px){
  .page-hero.about .big{
    width:100% !important;
    max-width:none !important;
  }
}



/* Keep the bottom rule on the final Work item even when case sections
   are moved into the same container by the accordion script. */
.work-list > .site-wrap > .work-row:last-of-type{
  border-bottom:1px solid rgba(255,255,255,.45) !important;
}



/* Work Manifest animates once on entry. After that, all three effects are user-controlled. */
#randorff-manifest .rm-work-wordmark.rm-animation-on.rm-in .rm-wm-letter > *{
  animation:rmWorkManifestWave .80s linear infinite;
}
#randorff-manifest .rm-work-wordmark.rm-animation-on.rm-in .is-w > *{animation-delay:0s}
#randorff-manifest .rm-work-wordmark.rm-animation-on.rm-in .is-o > *{animation-delay:.20s}
#randorff-manifest .rm-work-wordmark.rm-animation-on.rm-in .is-r > *{animation-delay:.40s}
#randorff-manifest .rm-work-wordmark.rm-animation-on.rm-in .is-k > *{animation-delay:.60s}
#randorff-manifest .rm-work-wordmark.rm-animation-on.rm-in .is-m > *{animation-delay:.80s}
#randorff-manifest .rm-work-wordmark.rm-animation-on.rm-in .is-a > *{animation-delay:1.00s}
#randorff-manifest .rm-work-wordmark.rm-animation-on.rm-in .is-n > *{animation-delay:1.20s}
#randorff-manifest .rm-work-wordmark.rm-animation-on.rm-in .is-i > *{animation-delay:1.40s}
#randorff-manifest .rm-work-wordmark.rm-animation-on.rm-in .is-f > *{animation-delay:1.60s}
#randorff-manifest .rm-work-wordmark.rm-animation-on.rm-in .is-e > *{animation-delay:1.80s}
#randorff-manifest .rm-work-wordmark.rm-animation-on.rm-in .is-s > *{animation-delay:2.00s}
#randorff-manifest .rm-work-wordmark.rm-animation-on.rm-in .is-t > *{animation-delay:2.20s}



/* Home viewport 02 + 03 use the same structure as the Work hero. */

/* The Work-style layout carries the Manifest left margin itself,
   so neutralise the older outer padding on these two sections only. */
.home-intro > .site-wrap,
.home-belief > .site-wrap{
  padding-left:0 !important;
}

.home-intro .manifest-page-intro,
.home-belief .manifest-page-intro{
  padding-left:calc(clamp(58px,5vw,82px) + clamp(28px,4vw,64px));
}

.home-intro-heading-wrap,
.home-belief .home-belief-statement{
  width:66.666%;
  max-width:66.666% !important;
}

.home-intro-heading-wrap .eyebrow{
  margin-bottom:28px;
}
.home-intro-heading-wrap .medium{
  width:100%;
  max-width:none !important;
  margin-bottom:0;
}

.home-belief .home-belief-statement{
  margin:0;
}

.home-belief .manifest-page-intro-lead .lead,
.home-belief .manifest-page-intro-body .bodycopy{
  color:#fff;
}

@media(max-width:900px){
  .home-intro .manifest-page-intro,
  .home-belief .manifest-page-intro{
    padding-left:0;
  }

  .home-intro-heading-wrap,
  .home-belief .home-belief-statement{
    width:100%;
    max-width:none !important;
  }
}



/* Home Manifest: same structure as the recently aligned page intros.
   The artwork stays on top at essentially its existing visual width.
   Copy sits underneath in column two. */
.home-manifest > .manifest-teaser-grid{
  display:block !important;
  width:min(94%,1600px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:calc(clamp(58px,5vw,82px) + clamp(28px,4vw,64px)) !important;
  box-sizing:border-box !important;
}

.home-manifest .home-work-svg{
  width:60% !important;
  max-width:none !important;
  margin:0 !important;
}

.home-manifest .manifest-teaser-columns{
  display:grid;
  grid-template-columns:40% 40%;
  justify-content:start;
  column-gap:clamp(30px,3vw,54px);
  align-items:start;
  width:100%;
  margin-top:clamp(42px,5vw,72px);
}

.home-manifest .manifest-copy{
  grid-column:2;
  width:100%;
  max-width:none;
  margin:0;
  padding-bottom:0;
}

@media(max-width:900px){
  .home-manifest > .manifest-teaser-grid{
    padding-left:0 !important;
  }

  .home-manifest .home-work-svg{
    width:100% !important;
  }

  .home-manifest .manifest-teaser-columns{
    grid-template-columns:1fr;
    row-gap:0;
    margin-top:34px;
  }

  .home-manifest .manifest-teaser-empty{
    display:none;
  }

  .home-manifest .manifest-copy{
    grid-column:1;
  }
}



/* Home about viewport: text must occupy the last 2/5 of the width */
.home-about-grid{
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  column-gap:0 !important;
  row-gap:0 !important;
}
.home-about-grid > div:first-child{
  grid-column:1 / span 3;
}
.home-about-grid > div:last-child{
  grid-column:4 / span 2;
  padding-left:0 !important;
}
@media (max-width:900px){
  .home-about-grid{
    grid-template-columns:1fr !important;
    row-gap:34px !important;
  }
  .home-about-grid > div:first-child,
  .home-about-grid > div:last-child{
    grid-column:auto;
  }
}



/* When the last Work case (Guldbæk) is open, remove the Work-list
   bottom padding so the case background meets the footer directly. */
.work-list:has(#work-guld.is-case-visible){
  padding-bottom:0 !important;
}



/* Homepage section headings:
   align with the text content inside the cards below. */
.home-work .section-head{
  padding-left:28px;
  box-sizing:border-box;
}
.home-stories .section-head{
  padding-left:26px;
  box-sizing:border-box;
}
@media(max-width:900px){
  .home-work .section-head,
  .home-stories .section-head{
    padding-left:0;
  }
}



/* In Retrospect: the grid itself now spans the full viewport width. */
.retrospect-page{
  padding-bottom:0 !important;
}
.retrospect-grid-shell{
  padding:0 !important;
  width:100% !important;
}
.retrospect-page .retrospect-grid,
.retrospect-grid{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}

/* The intro is the first actual grid field and fills one complete viewport. */
.retrospect-hero-cell{
  grid-column:1 / -1;
  width:100%;
  height:100vh;
  height:100svh;
  min-height:100svh;
  display:flex;
  align-items:center;
  background:var(--retro-page);
  color:#fff;
  box-sizing:border-box;
}
.retrospect-hero-cell > .site-wrap{
  width:min(94%,var(--max));
  margin-left:auto;
  margin-right:auto;
}
.retrospect-hero-cell .big,
.retrospect-hero-cell .lead,
.retrospect-hero-cell .bodycopy{
  color:#fff;
}

@media(max-width:900px){
  .retrospect-hero-cell{
    height:100svh;
    min-height:100svh;
  }
  .retrospect-hero-cell > .site-wrap{
    width:calc(100% - 48px);
    max-width:none;
  }
}



.retrospect-hero-cell{
  background:#fff !important;
  color:var(--ink) !important;
}
.retrospect-hero-cell .big,
.retrospect-hero-cell .lead,
.retrospect-hero-cell .bodycopy{
  color:var(--ink) !important;
}



.retrospect-hero-cell{
  clip-path:polygon(
    var(--retro-cut) 0,
    calc(100% - var(--retro-cut)) 0,
    100% var(--retro-cut),
    100% calc(100% - var(--retro-cut)),
    calc(100% - var(--retro-cut)) 100%,
    var(--retro-cut) 100%,
    0 calc(100% - var(--retro-cut)),
    0 var(--retro-cut)
  ) !important;
}



.retrospect-cell.uploaded-last-logo{
  background:#fff !important;
}



/* Guidance in two intentional lines, immediately before the controls. */
#randorff-manifest .rm-animation-controls{
  flex-direction:row !important;
  align-items:center !important;
  gap:clamp(16px,2.1vw,32px) !important;
}
#randorff-manifest .rm-animation-note{
  margin:0;
  flex:0 0 auto;
  max-width:none;
  color:#555;
  font-family:"JetBrains Mono",monospace;
  font-size:11px;
  font-weight:300;
  line-height:1.55;
  letter-spacing:0;
}
#randorff-manifest .rm-animation-note-break{display:block;}
#randorff-manifest .rm-animation-buttons{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:8px;
}
/* On narrow screens the note stays readable and the buttons can wrap. */
@media(max-width:760px){
  #randorff-manifest .rm-animation-controls{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:11px !important;
  }
  #randorff-manifest .rm-animation-note{
    flex:0 1 auto;
    max-width:100%;
  }
  #randorff-manifest .rm-animation-note-break{display:block;}
  #randorff-manifest .rm-animation-buttons{flex-wrap:wrap;}
}



/* v1.8.5.154 — About CV: closed preview -> the exact existing open timeline. */
.about-timeline-layout.cv-collapsible{
  --cv-shut: clamp(92px, 9.2vw, 136px);
  --cv-mark-width: clamp(130px,14vw,216px);
  --cv-mark-gap: clamp(18px,2.8vw,46px);
  position:relative;
  grid-template-rows:minmax(0,1fr);
  height:var(--cv-shut);
  overflow:hidden;
  cursor:pointer;
  transition:height .9s cubic-bezier(.22,1,.36,1);
  isolation:isolate;
}
.about-timeline-layout.cv-collapsible .timeline{
  height:100%;
  min-height:0;
  overflow:hidden;
  margin:0;
}
.about-timeline-layout.cv-collapsible .cv-timeline-content{
  opacity:1;
  pointer-events:none;
}
.about-timeline-layout.cv-collapsible .cv-timeline-content .timeline-row{
  opacity:0;
  transform:translate3d(0,10px,0);
  transition:opacity .34s ease, transform .5s cubic-bezier(.22,1,.36,1);
  transition-delay:0s;
  will-change:opacity, transform;
}
.about-timeline-layout.cv-collapsible.cv-open .cv-timeline-content{
  pointer-events:auto;
}
.about-timeline-layout.cv-collapsible.cv-open.cv-rows-reveal .cv-timeline-content .timeline-row{
  opacity:1;
  transform:translate3d(0,0,0);
  transition-delay:var(--cv-row-delay, 0ms);
}
/* The same 1/3-width portrait as the original About page. Only its crop moves. */
.about-timeline-layout.cv-collapsible .about-portrait-card{
  height:100%;
  min-height:0;
  align-self:stretch;
  overflow:hidden;
}
/* The portrait remains as tall as the actual photograph in the open CV.
   Expanding an individual career card must not stretch the image column
   and drag the large close arrow below the visible photograph. */
.about-timeline-layout.cv-collapsible.cv-open .about-portrait-card{
  height:auto;
  align-self:start;
}
.about-timeline-layout.cv-collapsible .about-portrait-image{
  width:100%;
  max-width:none;
  height:auto;
  transform:translate3d(0,calc(-1 * var(--cv-eye-shift, 0px)),0);
  transition:transform .9s cubic-bezier(.22,1,.36,1);
  will-change:transform;
}
.about-timeline-layout.cv-collapsible.cv-open .about-portrait-image{
  transform:translate3d(0,0,0);
}
/* CV logo and introductory copy are one permanent header.
   They stay at the top while the existing timeline unfolds beneath. */
.about-timeline-layout.cv-collapsible .timeline{border-top:0;}
.about-timeline-layout.cv-collapsible .cv-heading{
  box-sizing:border-box;
  height:var(--cv-shut);
  min-height:var(--cv-shut);
  display:flex;
  align-items:center;
  gap:var(--cv-mark-gap);
  padding-right:clamp(48px,6vw,112px);
  position:relative;
  z-index:4;
  border-bottom:1px solid transparent;
}
/* One dark, full-height logo field; its width anchors the description column. */
.about-timeline-layout.cv-collapsible .cv-mark-field{
  flex:0 0 var(--cv-mark-width);
  width:var(--cv-mark-width);
  align-self:stretch;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  background:#383838;
}
.about-timeline-layout.cv-collapsible .cv-collapsed-mark{
  position:static;
  display:block;
  flex:none;
  width:min(calc(100% - 16px), 150px);
  height:auto;
  max-height:calc(var(--cv-shut) - 20px);
  filter:brightness(0) invert(1);
  transform:none;
  opacity:1;
  pointer-events:none;
}
/* Match the header copy's x-position exactly for all timeline descriptions. */
.about-timeline-layout.cv-collapsible .cv-timeline-content .timeline-row{
  column-gap:calc(var(--cv-mark-width) + var(--cv-mark-gap) - 140px);
  padding-right:clamp(24px,2.5vw,40px);
  box-sizing:border-box;
}
.about-timeline-layout.cv-collapsible .cv-heading-copy{
  margin:0;
  color:var(--ink);
  /* Same sans-serif type family and weight as the site's subheadings. */
  font-family:var(--sans);
  font-weight:700;
  font-size:clamp(19px,1.85vw,28px);
  line-height:1.16;
  letter-spacing:-.025em;
  max-width:100%;
  overflow-wrap:normal;
}
.about-timeline-layout.cv-collapsible.cv-open .cv-heading{
  border-top:1px solid var(--ink);
  border-bottom:1px solid var(--ink);
}
/* In the folded state, the two hairlines run across the entire strip. */
.about-timeline-layout.cv-collapsible::before,
.about-timeline-layout.cv-collapsible::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:1px;
  background:#808080;
  z-index:5;
  pointer-events:none;
  transition:opacity .14s ease;
}
.about-timeline-layout.cv-collapsible::before{top:0}
.about-timeline-layout.cv-collapsible::after{bottom:0}
.about-timeline-layout.cv-collapsible.cv-open::before,
.about-timeline-layout.cv-collapsible.cv-open::after{opacity:0}
.about-timeline-layout.cv-collapsible:focus-visible{
  outline:2px solid #383838;
  outline-offset:7px;
}
/* Existing site breakpoint: the opened CV returns to the original mobile stack. */
@media(max-width:900px){
  .about-timeline-layout.cv-collapsible .cv-heading{padding-right:5px;}
  .about-timeline-layout.cv-collapsible .cv-timeline-content .timeline-row{padding-right:0;}
  .about-timeline-layout.cv-collapsible:not(.cv-open){
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
  }
  .about-timeline-layout.cv-collapsible:not(.cv-open) .timeline{grid-column:1/span 2}
  .about-timeline-layout.cv-collapsible:not(.cv-open) .about-portrait-card{grid-column:3}
  .about-timeline-layout.cv-collapsible.cv-open{
    grid-template-columns:1fr;
    grid-template-rows:auto auto;
    gap:28px;
  }
  .about-timeline-layout.cv-collapsible.cv-open .timeline,
  .about-timeline-layout.cv-collapsible.cv-open .about-portrait-card{
    grid-column:auto;
  }
  .about-timeline-layout.cv-collapsible:not(.cv-open){
    --cv-mark-width:clamp(72px,22vw,106px);
    --cv-mark-gap:clamp(8px,2.5vw,16px);
  }
  .about-timeline-layout.cv-collapsible:not(.cv-open) .cv-heading{
    padding-right:5px;
  }
  .about-timeline-layout.cv-collapsible:not(.cv-open) .cv-heading-copy{
    font-size:clamp(11px,2.2vw,20px);
    line-height:1.14;
  }
  .about-timeline-layout.cv-collapsible.cv-open{
    --cv-mark-width:clamp(90px,26vw,140px);
    --cv-mark-gap:clamp(14px,4vw,30px);
  }
  .about-timeline-layout.cv-collapsible.cv-open .cv-timeline-content .timeline-row{
    grid-template-columns:75px minmax(0,1fr);
    column-gap:calc(var(--cv-mark-width) + var(--cv-mark-gap) - 75px);
  }
  .about-timeline-layout.cv-collapsible.cv-open .cv-heading-copy{
    font-size:clamp(16px,2.8vw,21px);
    line-height:1.16;
  }
}
@media(prefers-reduced-motion:reduce){
  .about-timeline-layout.cv-collapsible,
  .about-timeline-layout.cv-collapsible .about-portrait-image,
  .about-timeline-layout.cv-collapsible .cv-timeline-content,
  .about-timeline-layout.cv-collapsible .cv-collapsed-mark,
  .about-timeline-layout.cv-collapsible .cv-timeline-content .timeline-row{
    transition:none !important;
  }
}
/* CV arrow: exactly the same 52px control and 34px artwork as Work.
   It belongs to the portrait so it follows the growing image, not the CV rows. */
.about-timeline-layout.cv-collapsible .cv-portrait-arrow{
  position:absolute;
  z-index:6;
  top:calc(50% - 26px);
  right:12px;
  width:52px;
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:.9;
  padding:0;
  margin:0;
  border:0;
  border-radius:0;
  background:transparent;
  cursor:pointer;
  pointer-events:auto;
  transition:top .9s cubic-bezier(.22,1,.36,1), transform .2s ease, opacity .2s ease;
}
.about-timeline-layout.cv-collapsible .cv-portrait-arrow-icon{
  display:block;
  width:34px;
  height:34px;
  flex:none;
  background:url("../stories-arrow.svg") center/contain no-repeat;
  filter:brightness(0) invert(1);
  transform:rotate(90deg);
  transition:transform .25s ease;
}
.about-timeline-layout.cv-collapsible.cv-open .cv-portrait-arrow{
  top:calc(100% - 68px);
}
.about-timeline-layout.cv-collapsible.cv-open .cv-portrait-arrow-icon{
  transform:rotate(270deg);
}
/* The entire CV card triggers the arrow hover, including the text and photo. */
.about-timeline-layout.cv-collapsible:not(.cv-open):hover .cv-portrait-arrow,
.about-timeline-layout.cv-collapsible:not(.cv-open):focus-visible .cv-portrait-arrow,
.about-timeline-layout.cv-collapsible.cv-open .cv-portrait-arrow:hover,
.about-timeline-layout.cv-collapsible.cv-open .cv-portrait-arrow:focus-visible{
  opacity:1;
  transform:translateX(4px);
}
.about-timeline-layout.cv-collapsible .cv-portrait-arrow:focus-visible{
  outline:2px solid #fff;
  outline-offset:3px;
}
.about-timeline-layout.cv-collapsible.cv-open{
  cursor:default;
}
@media(max-width:900px){
  .about-timeline-layout.cv-collapsible .cv-portrait-arrow{right:5px;}
}
@media(prefers-reduced-motion:reduce){
  .about-timeline-layout.cv-collapsible .cv-portrait-arrow,
  .about-timeline-layout.cv-collapsible .cv-portrait-arrow-icon{
    transition:none !important;
  }
}




/* Only the mobile two-column view of In Retrospect is affected.
   The header is a naturally sized first row; every subsequent grid row
   uses the same fixed unit so square and 2x2 tiles cannot stretch when
   they sit beside cards with unusual SVG intrinsic dimensions. */
@media(max-width:700px){
  .retrospect-page .retrospect-grid-shell{
    container-type:inline-size;
  }
  .retrospect-page .retrospect-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-rows:auto;
    grid-auto-rows:calc((100vw - 1px) / 2);
    grid-auto-rows:calc((100cqw - 1px) / 2);
    grid-auto-flow:row dense;
    gap:1px;
  }
  .retrospect-page .retrospect-hero-cell{
    grid-column:1 / -1;
    grid-row:auto;
    width:100%;
    height:auto !important;
    min-height:0 !important;
    padding:clamp(72px,11vw,96px) 0 clamp(42px,7vw,62px);
    box-sizing:border-box;
    align-items:flex-start;
  }
  .retrospect-page .retrospect-hero-cell > .site-wrap{
    width:calc(100% - 48px);
    max-width:none;
  }
  .retrospect-page .retrospect-hero-cell .manifest-page-intro{
    gap:clamp(25px,6vw,34px);
  }
  .retrospect-page .retrospect-cell{
    width:100%;
    height:100%;
    min-width:0;
    min-height:0;
    box-sizing:border-box;
    aspect-ratio:auto !important;
  }
  .retrospect-page .retrospect-cell:not(.is-wide):not(.is-large):not(.is-tall){
    grid-column:span 1;
    grid-row:span 1;
  }
  .retrospect-page .retrospect-cell.is-wide{
    grid-column:span 2;
    grid-row:span 1;
  }
  .retrospect-page .retrospect-cell.is-large{
    grid-column:span 2;
    grid-row:span 2;
  }
  /* Guaranteed breathing room for ordinary logo tiles. Intentional
     edge-to-edge photographs and illustrated canvas tiles are excluded. */
  /* Mobile: slightly tighter inset at all three tile sizes. */
  .retrospect-page .retrospect-cell.has-logo:not(.is-bleed-media):not(.source-canvas):not(.akkc){
    padding:clamp(14px,4.3vw,21px) !important;
  }
  .retrospect-page .retrospect-cell.is-wide.has-logo:not(.is-bleed-media):not(.source-canvas):not(.akkc){
    padding:clamp(20px,6vw,32px) !important;
  }
  .retrospect-page .retrospect-cell.is-large.has-logo:not(.is-bleed-media):not(.source-canvas):not(.akkc){
    padding:clamp(24px,7vw,36px) !important;
  }
  .retrospect-page .retrospect-cell.has-logo:not(.is-bleed-media):not(.source-canvas):not(.akkc) > .retrospect-logo{
    min-width:0;
    min-height:0;
    object-fit:contain;
  }
  /* Named tiles with artwork occupying almost the full SVG canvas. */
  /* Regatta uses exactly the same padding as other 1×2 tiles. */
  .retrospect-page .retrospect-cell.aalborg-regatta.has-logo{
    padding:clamp(20px,6vw,32px) !important;
  }
  .retrospect-page .retrospect-cell.aalborg-regatta .retrospect-logo{
    max-width:78%;
    max-height:56%;
    transform:translateY(4%);
  }
  .retrospect-page .retrospect-cell.retro-mobile-pilius .retrospect-logo{
    max-width:60%;
    max-height:61%;
  }
  .retrospect-page .retrospect-cell.retro-mobile-demokonsulenten .retrospect-logo,
  .retrospect-page .retrospect-cell.retro-mobile-white-wedding .retrospect-logo{
    max-width:62%;
    max-height:62%;
  }
  .retrospect-page .retrospect-cell.retro-mobile-net-zero .retrospect-logo,
  .retrospect-page .retrospect-cell.retro-mobile-askcody .retrospect-logo{
    max-width:60%;
    max-height:60%;
  }
  /* On phones, the logo grid is a static gallery, not a set of buttons. */
  .retrospect-page .retrospect-grid .retrospect-cell{
    cursor:default !important;
    pointer-events:none !important;
  }
}



/* Only the mobile homepage About viewport is affected. On desktop the
   original five-column composition and eye position are left intact. */
.home-about-eye-mobile{display:none}
@media(max-width:900px){
  .home-about{
    height:auto !important;
    min-height:100svh !important;
    align-items:stretch !important;
  }
  .home-about .home-about-grid{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:auto auto auto !important;
    align-content:center !important;
    min-height:100svh !important;
    height:auto !important;
    row-gap:0 !important;
    padding-top:clamp(84px,11svh,112px) !important;
    padding-bottom:clamp(76px,9svh,110px) !important;
    box-sizing:border-box;
  }
  .home-about .home-about-grid > div:first-child,
  .home-about .home-about-grid > div:last-child{
    grid-column:1 !important;
    min-width:0;
  }
  .home-about .home-about-grid > div:last-child{
    padding-top:0 !important;
    align-self:start;
    justify-content:flex-start;
  }
  .home-about .home-about-grid .medium{
    font-size:clamp(33px,8.45vw,52px) !important;
    line-height:1.02 !important;
    letter-spacing:-.042em;
    width:100% !important;
    max-width:100% !important;
    margin:0;
  }
  .home-about .home-about-title-line{
    display:block !important;
    white-space:normal !important;
  }
  /* Give the eye its own area between the headline and body, rather than
     absolutely positioning it on top of either text block. */
  .home-about-art .home-about-eye{display:none !important}
  .home-about .home-about-eye-mobile{
    display:block;
    grid-column:1;
    justify-self:center;
    width:min(47vw,205px);
    max-width:100%;
    height:auto;
    aspect-ratio:415.06 / 294.42;
    margin:clamp(30px,7vw,42px) 0 clamp(34px,8vw,48px);
    pointer-events:none;
    position:relative;
    z-index:2;
  }
  .home-about.build-sequence.is-pending .home-about-eye-mobile{opacity:0}
  .home-about.build-sequence.is-active .home-about-eye-mobile{
    opacity:1;
    transition:opacity .55s ease 2.4s;
  }
  /* The bouncing ball stays animated on mobile too. Desktop geometry
     would put it outside a narrow viewport, so give it a visible position
     without moving the heading, eye or copy. Keep the original animation. */
  .home-about .home-about-art .top-red{
    --u:clamp(90px,24vw,124px);
    left:auto;
    right:clamp(-26px,-4vw,-12px);
    top:clamp(175px,23svh,220px);
    width:var(--u);
    height:var(--u);
  }
}
@media(max-width:900px) and (prefers-reduced-motion:reduce){
  .home-about .home-about-eye-mobile{transition:none !important;opacity:1 !important}
}



/* Story 07 – uses the existing Story typographic and navigation system */
/* Story 07 – same back navigation geometry as the older articles */
.story-page-07 .story-back{display:inline-flex;align-items:center;gap:13px;margin:0;font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.06em;text-transform:uppercase}
.story-page-07 .story-back-arrow{display:block;width:31px;height:31px;flex:0 0 31px;transition:transform .25s ease}
.story-page-07 .story-back-arrow svg{display:block;width:100%;height:100%;transform:scaleX(-1)}
.story-page-07 .story-back-arrow polygon{fill:currentColor}
.story-page-07 .story-back:hover .story-back-arrow{transform:translate(-5px,-5px)}
.story-page-07 .story-meta-row > .eyebrow{margin:0;text-align:right;font-weight:400}
.story-page-07 .story-media-rail{width:min(94%,1600px);margin:0 auto}
.story-page-07 .story-hero-frame{width:100%;aspect-ratio:21/9;background:#ff6a5b;overflow:hidden}
@media(max-width:700px){.story-page-07 .story-hero-frame{aspect-ratio:4/3}}

.story-page-07{--ink:#383838;background:#fff;color:var(--ink)}
.story-page-07 .story-article-top{padding:clamp(132px,12vw,190px) 0 clamp(28px,4vw,58px)}
.story-page-07 .story-meta-row{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:clamp(52px,6vw,88px)}
.story-page-07 .story-title{font-size:clamp(54px,7vw,112px);line-height:.99;letter-spacing:-.05em;font-weight:700;max-width:1250px}
.story-page-07 .story-lead{font-family:var(--mono);font-weight:200;font-size:clamp(17px,1.45vw,21px);line-height:1.55;max-width:900px;margin:clamp(30px,4vw,48px) 0 0}
.story-page-07 .story-body{width:min(calc(100% - 48px),900px);margin:clamp(38px,5vw,76px) auto;font-family:var(--mono);font-weight:200;font-size:clamp(15px,1.05vw,17px);line-height:1.72}
.story-page-07 .story-body p{margin:0 0 1.5em}
.story-page-07 .story-body h2{font-family:var(--sans);font-size:clamp(28px,3vw,46px);line-height:1.08;letter-spacing:-.035em;margin:0 0 .85em;font-weight:700}
.story-page-07 .story-body strong{font-weight:700}









.story-page-07 .story-end-link:hover .story-end-arrow{transform:translate(5px,5px)}
.story-list .card[data-route="story-07"]{background:#ff6a5b}
/* v1.8.5.280 — Story 07 overview: white copy area, black text */
.story-list .card[data-route="story-07"]{background:#fff;color:#111}
.story-list .card[data-route="story-07"] .card-copy{background:#fff;color:#111}
.story-list .card[data-route="story-07"] .card-copy .eyebrow,
.story-list .card[data-route="story-07"] .card-copy h3,
.story-list .card[data-route="story-07"] .card-copy p{color:#111}
.story-list .card[data-route="story-07"] .card-media{background:#ff6a5b}

.story07-card-media{background:#ff6a5b!important;position:relative;overflow:hidden}
.home-stories .story-card-link[data-route="story-07"] .story-card:hover{background:#ff6a5b}
@media(max-width:900px){.story-page-07 .story-article-top{padding-top:110px}.story-page-07 .story-meta-row{margin-bottom:44px}.story-page-07 .story-title{font-size:clamp(44px,8vw,78px)}}
@media(max-width:700px){.story-page-07 .story-meta-row{gap:18px}.story-page-07 .story-title{font-size:clamp(36px,10vw,56px)}.story-page-07 .story-body{margin:40px auto}}

/* Story 07 – shared ME × YOU × AI artwork across hero, listings and teaser */
.story-page-07 .story-hero-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.story-list .story07-card-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.home-stories .story-card-link[data-route="story-07"] .story07-home-art{width:100%;margin-top:4px;aspect-ratio:1600/686;overflow:hidden;background:#ff6a5b;align-self:end}
.home-stories .story-card-link[data-route="story-07"] .story07-home-art img{display:block;width:100%;height:100%;object-fit:cover}
.story-page-01 .story-end-media img{display:block!important;object-fit:cover;object-position:center}

/* Story 07: original artwork, unchanged; only responsive display size */
.story-page-07 .story07-prompt-band{position:relative;box-sizing:border-box;display:grid;place-items:center;width:100vw;max-width:none;margin:clamp(96px,10vw,150px) calc(50% - 50vw);padding:clamp(92px,11vh,150px) clamp(34px,4vw,72px);background:#ff6a5b;overflow:hidden}
.story07-prompt-heading{position:relative;z-index:3;margin:0 0 -18px;font-family:var(--sans);font-weight:700;font-size:19px;line-height:1.02;letter-spacing:-.035em;color:#1d1d1b;text-align:center}
.story07-prompt-demo{width:min(94%,700px);display:flex;justify-content:center;position:relative}
.story07-prompt-demo::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:39%;background:#ff6a5b;z-index:1}
.story07-prompt-demo img{display:block;width:100%;height:auto}
.story07-prompt-overlay{position:absolute;left:11.05%;top:71.5%;transform:translateY(-50%);width:67%;height:1.25em;display:flex;align-items:center;pointer-events:none;z-index:3;font-family:var(--mono);font-weight:400;font-size:clamp(10px,1.32vw,13.97px);line-height:1;letter-spacing:0;color:#383838;white-space:nowrap;overflow:hidden}
.story07-prompt-typed{display:inline-block;max-width:100%;overflow:hidden;white-space:nowrap}
.story07-prompt-cursor{display:inline-block;width:.08em;height:1.05em;margin-left:.14em;background:currentColor;vertical-align:-0.12em;animation:story07PromptCursorBlink 1s steps(1,end) infinite}
@keyframes story07PromptCursorBlink{0%,49%{opacity:1}50%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.story07-prompt-cursor{animation:none;opacity:1}}
@media(max-width:700px){.story-page-07 .story07-prompt-band{padding:64px 20px;margin:72px calc(50% - 50vw)}.story07-prompt-heading{margin-bottom:-14px}.story07-prompt-demo{width:calc(100% - 24px)}.story07-prompt-overlay{font-size:clamp(9px,2.6vw,13.97px)}}



/* One shared footer layout for Stories 01–07. Only art/color and destination vary. */
.site-page[data-page^="story-"] .story-end{
  width:min(94%,1600px);margin:clamp(78px,8vw,120px) auto 0;
  padding:72px 64px 0;display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  column-gap:clamp(36px,5vw,84px);align-items:start;overflow:hidden;
  color:#383838;
}
.story-page-01 .story-end{background:#000;color:#f2f2f0}
.story-page-02 .story-end{background:#f3e9df}
.story-page-03 .story-end{background:#ededeb}
.story-page-04 .story-end{background:#52CBC8}
.story-page-05 .story-end{background:#e59182}
.story-page-06 .story-end{background:#F3EADC}
.story-page-07 .story-end{background:#000;color:#f2f2f0}
.site-page[data-page^="story-"] .story-end-media{
 display:block;grid-column:1;grid-row:1;width:100%;height:186px;
 overflow:hidden;align-self:end;min-width:0;
}
.site-page[data-page^="story-"] .story-end-media img{
 display:block;width:100%;height:100%;object-fit:cover;object-position:center center;margin:0;
}
.story-page-07 .story-end-media{background:#000}
.story-page-01 .story-end-media{background:#ff6a5b}

.story-page-01 .story-end-link,.story-page-01 .story-end-link:link,.story-page-01 .story-end-link:visited{color:#f2f2f0}
.story-page-01 .story-end-kicker,.story-page-01 .story-end-title,.story-page-01 .story-end-arrow{color:#f2f2f0}
.story-page-01 .story-end-media{background:#ff6a5b!important}
.story-page-01 .story-end-media img{display:block!important;object-fit:cover;object-position:center 8%;transform:scale(1.55);transform-origin:center top}

.story-page-07 .story-end-media img{object-position:center 38%}
.story-page-07 .story-end-link,.story-page-07 .story-end-link:link,.story-page-07 .story-end-link:visited{color:#f2f2f0}
.story-page-07 .story-end-kicker,.story-page-07 .story-end-title,.story-page-07 .story-end-arrow{color:#f2f2f0}
.site-page[data-page^="story-"] .story-end-link{
 grid-column:2;grid-row:1;justify-self:end;align-self:start;
 display:inline-flex;flex-direction:column;align-items:flex-end;
 max-width:100%;min-width:0;text-align:right;
}
.story-page-01 .story-end-link{max-width:min(100%,560px)}
.site-page[data-page^="story-"] .story-end-kicker{
 display:inline-flex;align-items:center;justify-content:flex-end;gap:14px;
 margin-bottom:14px;font-family:var(--mono);font-weight:400;
 font-size:11px;line-height:1;letter-spacing:.08em;text-transform:uppercase;
}
.site-page[data-page^="story-"] .story-end-title{
 font-family:var(--sans);font-weight:700;font-size:clamp(30px,4vw,58px);
 line-height:1;letter-spacing:-.04em;
}
.story-page-01 .story-end .story-end-title{font-size:clamp(20px,2.35vw,34px);line-height:.95;max-width:100%;text-wrap:balance}

.site-page[data-page^="story-"] .story-end-arrow{
 width:34px;height:34px;display:block;flex:0 0 auto;
 transition:transform .25s ease;
}
.site-page[data-page^="story-"] .story-end-arrow svg{
 display:block;width:100%;height:100%;transform:rotate(90deg);
}
.site-page[data-page^="story-"] .story-end-arrow polygon{fill:currentColor}
.site-page[data-page^="story-"] .story-end-link:hover .story-end-arrow{transform:translate(5px,5px)}
@media(max-width:900px){
 .site-page[data-page^="story-"] .story-end{padding:48px 28px 0;column-gap:28px}
}
@media(max-width:700px){
 .site-page[data-page^="story-"] .story-end{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;row-gap:34px}
 .site-page[data-page^="story-"] .story-end-link{grid-column:1;grid-row:1}
 .site-page[data-page^="story-"] .story-end-media{grid-column:1;grid-row:2;height:150px}
}



/* v1.8.5.292 — Brochuren ligger mellem identitetskortene og NET-billedkortene. */
.work-feature.net .net-flipbook-insert + .work-assets-gallery{margin-top:var(--case-space-large)}



/* Six-card visual identity panel now precedes the photographic NET mosaic. */
.work-feature.net .feature-more-statement + .net-six-card-embed{margin-top:var(--case-space-large)!important}
.work-feature.net .net-six-card-embed + .work-assets-gallery{margin-top:var(--case-space-small)}



/* v1.8.5.213 — NET six-card showcase replaces scroll stage */
.work-feature.net .net-six-card-embed{width:100%;max-width:none;margin:clamp(75px,8vw,120px) 0 0;overflow:hidden;line-height:0;box-sizing:border-box}
.work-feature.net .net-six-card-iframe{width:100%;height:700px;display:block;border:0;overflow:hidden;background:transparent}
@media(max-width:700px){.work-feature.net .net-six-card-embed{width:100%;margin-top:60px}}



.work-feature.net .net-flipbook-insert{width:min(93%,1270px);max-width:1270px;margin:clamp(64px,7vw,110px) auto clamp(55px,6vw,85px);position:relative;line-height:normal;filter:none}
.work-feature.net .net-flipbook-frame{border:0;display:block;width:100%;aspect-ratio:2.20/1;height:auto;background:transparent;overflow:visible}
.work-feature.net .net-six-card-embed{margin-top:0!important}
@media(max-width:700px){.work-feature.net .net-flipbook-insert{width:100%;margin:55px auto 55px}.work-feature.net .net-flipbook-frame{aspect-ratio:1.12/1}}



/* Equal widths for all conventional text action controls, sized by longest. */
:root{--randorff-action-width:150px}
.feature-more-toggle,.case-close-button,.menu-button,
.cta-wrap a,.cta-wrap button,.rm-animation-toggle,.rm-color-toggle,.rm-wave-toggle{
  min-width:var(--randorff-action-width)!important;
  box-sizing:border-box!important;text-align:center!important;justify-content:center;
}
.work-feature.net .net-six-card-embed,.work-feature.net .net-six-card-iframe{border:0!important;outline:0!important;box-shadow:none!important}