/* SOART Projects / Rubens orbit adaptation */
body.work-page-open {
  --orbit-ink:#f5f2ea;
  --orbit-copper:#b87333;
  --orbit-amber:#d9914f;
  --orbit-black:#020202;
  cursor:none;
}

body.work-page-open #pf-overlay {
  position:fixed!important;
  inset:0!important;
  width:100dvw!important;
  height:100dvh!important;
  z-index:700!important;
  display:block!important;
  overflow:hidden!important;
  background:#020202!important;
  cursor:none;
  isolation:isolate;
}

body.work-page-open #global-close,
body.work-page-open #footer-right {
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Keep the shared SOART navigation aligned with the rest of the site. */
body.work-page-open #top-nav {
  z-index:760!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
}

body.work-page-open #ui-logo,
body.work-page-open #ui-mark {
  opacity:1!important;
  visibility:visible!important;
}

body.work-page-open #ui-mark {
  z-index:762!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}

body.work-page-open #hamburger-btn {
  z-index:780!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}

body.work-page-open #hm-backdrop { z-index:890!important; }
body.work-page-open #hamburger-overlay { z-index:900!important; }
body.work-page-open #hamburger-btn.open { z-index:920!important; }

.projects-scroll-shell {
  position:fixed;
  inset:0;
  width:100dvw;
  height:100dvh;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 46%,rgba(184,115,51,.075),transparent 28%),
    #020202;
}

.projects-scroll-shell::after {
  content:'';
  position:absolute;
  inset:0;
  z-index:12;
  pointer-events:none;
  opacity:.18;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");
  mix-blend-mode:soft-light;
}

.projects-orbit-backdrop {
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  background:#020202;
  pointer-events:none;
}

.projects-orbit-backdrop-image {
  position:absolute;
  inset:-8%;
  opacity:0;
  transform:scale(1.08);
  background-position:center;
  background-size:cover;
  filter:blur(42px) saturate(.72) contrast(1.08) brightness(.42);
  transition:opacity .9s ease,background-image .6s ease,transform 5s cubic-bezier(.16,1,.3,1);
  will-change:opacity,transform;
}

.projects-orbit-backdrop.is-active .projects-orbit-backdrop-image { opacity:.54;transform:scale(1.13); }

.projects-orbit-backdrop-shade {
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 48%,transparent 0 20%,rgba(0,0,0,.22) 48%,rgba(0,0,0,.82) 100%),
    linear-gradient(90deg,rgba(0,0,0,.42),transparent 40% 60%,rgba(0,0,0,.42));
}

#projects-orbit-canvas {
  position:fixed!important;
  inset:0!important;
  z-index:3!important;
  display:block!important;
  width:100dvw!important;
  height:100dvh!important;
  cursor:none!important;
  background:transparent!important;
  touch-action:none;
}

body.work-page-open #pf-header {
  position:absolute!important;
  inset:0!important;
  z-index:7!important;
  min-height:0!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  border:0!important;
  overflow:visible!important;
  background:transparent!important;
  pointer-events:none;
}

body.work-page-open #pf-header::before { display:none!important; }
body.work-page-open #pf-header-left { position:absolute;inset:0;display:block!important;width:100%;pointer-events:none; }
body.work-page-open .pf-title-row { display:block;width:100%;height:100%; }
body.work-page-open #pf-header .projects-hero-copy { position:absolute!important;inset:0!important;z-index:7!important;width:100%!important;height:100%!important;max-width:none!important;text-align:center;pointer-events:none; }

body.work-page-open .pf-header-lead {
  position:absolute;
  left:clamp(24px,3vw,48px);
  bottom:clamp(30px,4vh,52px);
  width:min(470px,40vw);
  max-width:none!important;
  margin:0!important;
  color:rgba(245,242,234,.52)!important;
  font-size:clamp(12px,.92vw,15px)!important;
  line-height:1.55!important;
  text-align:left;
}

body.work-page-open #pf-header .work-design-stage { display:none!important; }
body.work-page-open #pf-filters { display:none!important; }

body.work-page-open #pf-close {
  position:absolute;
  right:clamp(24px,3vw,48px);
  top:clamp(94px,11vh,138px);
  z-index:20;
  display:block;
  width:42px;
  height:42px;
  color:transparent;
  font-size:0;
  pointer-events:auto;
  cursor:none;
}

body.work-page-open #pf-close::before,
body.work-page-open #pf-close::after {
  content:'';
  position:absolute;
  left:50%;top:50%;
  width:1px;height:38px;
  background:rgba(245,242,234,.44);
  transform-origin:center;
  transition:background .25s ease,transform .5s cubic-bezier(.16,1,.3,1);
}
body.work-page-open #pf-close::before { transform:translate(-50%,-50%) rotate(45deg); }
body.work-page-open #pf-close::after { transform:translate(-50%,-50%) rotate(-45deg); }
body.work-page-open #pf-close:hover::before { background:var(--orbit-amber);transform:translate(-50%,-50%) rotate(135deg); }
body.work-page-open #pf-close:hover::after { background:var(--orbit-amber);transform:translate(-50%,-50%) rotate(45deg); }

body.work-page-open #pf-body { position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;padding:0!important; }

.projects-orbit-loader {
  position:absolute;
  left:50%;top:50%;
  z-index:18;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:16px;
  transform:translate(-50%,-50%);
  color:rgba(245,242,234,.5);
  transition:opacity .65s ease,visibility .65s ease;
  pointer-events:none;
}
.projects-orbit-loader span { width:42px;height:42px;border:1px solid rgba(245,242,234,.12);border-top-color:var(--orbit-copper);border-radius:50%;animation:orbitLoader 1.2s linear infinite; }
.projects-orbit-loader small { font-size:8px;font-weight:900;letter-spacing:.28em; }
.projects-orbit-loader.is-hidden { opacity:0;visibility:hidden; }
@keyframes orbitLoader { to { transform:rotate(360deg); } }

.projects-orbit-hover {
  position:fixed;
  left:0;top:0;
  z-index:900;
  display:flex;
  align-items:center;
  gap:12px;
  min-width:190px;
  padding:8px;
  opacity:0;
  transform:translate3d(-50%,-50%,0) scale(.88);
  border:1px solid rgba(245,242,234,.15);
  background:rgba(4,4,4,.72);
  backdrop-filter:blur(18px) saturate(1.25);
  -webkit-backdrop-filter:blur(18px) saturate(1.25);
  pointer-events:none;
  transition:opacity .25s ease,transform .35s cubic-bezier(.16,1,.3,1);
  box-shadow:0 18px 64px rgba(0,0,0,.44);
  will-change:transform;
}
.projects-orbit-hover.is-active { opacity:1;transform:translate3d(-50%,-50%,0) scale(1); }
.projects-orbit-hover img { width:62px;height:76px;display:block;object-fit:cover;filter:saturate(.82) contrast(1.05); }
.projects-orbit-hover div { display:flex;flex-direction:column;gap:7px; }
.projects-orbit-hover small { color:var(--orbit-copper);font-size:7px;font-weight:900;letter-spacing:.22em; }
.projects-orbit-hover strong { max-width:130px;color:rgba(245,242,234,.88);font-family:'FH Giselle Test','Inter',sans-serif;font-size:15px;line-height:1.05;letter-spacing:-.02em; }

.projects-orbit-instruction {
  position:absolute;
  left:50%;bottom:clamp(30px,4vh,52px);
  z-index:10;
  display:flex;
  align-items:center;
  gap:12px;
  transform:translateX(-50%);
  color:rgba(245,242,234,.35);
  font-size:7px;
  font-weight:900;
  letter-spacing:.2em;
  pointer-events:none;
}
.projects-orbit-instruction i { width:42px;height:1px;overflow:hidden;background:rgba(245,242,234,.13); }
.projects-orbit-instruction i::after { content:'';display:block;width:18px;height:1px;background:var(--orbit-copper);animation:orbitInstruction 1.7s ease-in-out infinite; }
@keyframes orbitInstruction { 0%{transform:translateX(-20px)}100%{transform:translateX(46px)} }

.projects-cursor {
  position:fixed;
  left:0;top:0;
  z-index:980;
  width:18px;height:18px;
  display:grid;
  place-items:center;
  border:1px solid rgba(245,242,234,.74);
  border-radius:50%;
  opacity:0;
  pointer-events:none;
  transform:translate3d(-50%,-50%,0);
  transition:width .42s cubic-bezier(.16,1,.3,1),height .42s cubic-bezier(.16,1,.3,1),background .3s ease,opacity .2s ease;
  will-change:transform,width,height;
}
body.work-page-open .projects-cursor { opacity:1; }
body.work-detail-open .projects-cursor { opacity:0!important; }
.projects-cursor span { opacity:0;color:#080604;font-size:7px;font-weight:900;letter-spacing:.14em;transition:opacity .2s ease; }
.projects-cursor.is-active { width:78px;height:78px;border-color:var(--orbit-amber);background:var(--orbit-amber); }
.projects-cursor.is-active span { opacity:1; }
.projects-progress { display:none!important; }

/* Editorial case study opened from the Rubens orbit */
body.work-page-open #pf-detail {
  position:fixed;
  inset:0;
  z-index:930;
  display:block;
  padding:0!important;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  touch-action:pan-y pinch-zoom;
  background:#050505!important;
  color:var(--orbit-ink);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(2.5vh);
  transition:opacity .7s ease,visibility .7s ease,transform .9s cubic-bezier(.16,1,.3,1);
  cursor:auto;
}
body.work-page-open #pf-detail.open { opacity:1;visibility:visible;pointer-events:auto;transform:none; }
body.work-page-open #pf-detail { transform:none;transition:opacity .45s ease,visibility .45s ease;overflow-anchor:none;scroll-behavior:auto;will-change:scroll-position; }
.pf-case { width:100%;min-height:100%;background:#050505; }

body.work-page-open #pf-detail-close {
  position:fixed;
  right:clamp(20px,3vw,48px);
  top:clamp(20px,3vw,48px);
  z-index:12;
  width:52px;
  height:52px;
  padding:0;
  border:1px solid rgba(245,242,234,.2);
  border-radius:50%;
  background:rgba(5,5,5,.28);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  cursor:pointer;
  transition:background .3s ease,border-color .3s ease,transform .5s cubic-bezier(.16,1,.3,1);
}
body.work-page-open #pf-detail-close span { position:absolute;left:50%;top:50%;width:1px;height:23px;background:#f5f2ea; }
body.work-page-open #pf-detail-close span:first-child { transform:translate(-50%,-50%) rotate(45deg); }
body.work-page-open #pf-detail-close span:last-child { transform:translate(-50%,-50%) rotate(-45deg); }
body.work-page-open #pf-detail-close:hover { background:var(--orbit-copper);border-color:var(--orbit-copper);transform:rotate(90deg); }

.pf-case-hero { position:relative;width:100%;height:100svh;min-height:680px;overflow:hidden;background:#111; }
.pf-case-hero>img { width:100%;height:100%;display:block;object-fit:cover;object-position:center 34%;filter:saturate(.82) contrast(1.04) brightness(.78);transform:scale(1.025); }
.pf-case-hero-shade { position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),transparent 34%,rgba(0,0,0,.16) 60%,rgba(0,0,0,.86) 100%),linear-gradient(90deg,rgba(0,0,0,.42),transparent 54%); }
.pf-case-back { display:flex;align-items:center;gap:14px;padding:10px 0;border:0;background:transparent;color:rgba(245,242,234,.76);font-size:8px;font-weight:900;letter-spacing:.22em;cursor:pointer;white-space:nowrap; }
.pf-case-back i { color:var(--orbit-copper);font-size:20px;font-style:normal;line-height:0;transition:transform .35s cubic-bezier(.16,1,.3,1); }
.pf-case-back:hover { color:#f5f2ea; }
.pf-case-back:hover i { transform:translateX(-7px); }
.pf-case-hero-meta { position:absolute;top:clamp(30px,4vw,62px);left:50%;display:flex;gap:22px;align-items:center;transform:translateX(-50%);color:rgba(245,242,234,.74);font-size:9px;font-weight:800;letter-spacing:.26em;white-space:nowrap; }
.pf-case-hero-meta span+span::before { content:'';display:inline-block;width:24px;height:1px;margin:0 22px 3px 0;background:rgba(245,242,234,.35); }
body.work-page-open #pf-detail-num { color:#e39a58; }
body.work-page-open #pf-detail-title { position:absolute;left:clamp(24px,5vw,84px);right:clamp(24px,5vw,84px);bottom:clamp(72px,10vh,132px);margin:0;font-family:'FH Giselle Test','Inter',sans-serif;font-size:clamp(66px,12vw,210px);font-weight:800;line-height:.78;letter-spacing:-.065em;color:#f5f2ea;text-transform:uppercase;text-shadow:0 20px 80px rgba(0,0,0,.35); }
.pf-case-scroll { position:absolute;right:clamp(24px,5vw,84px);bottom:clamp(34px,5vh,64px);display:flex;align-items:center;gap:14px;color:rgba(245,242,234,.55);font-size:8px;font-weight:800;letter-spacing:.22em; }
.pf-case-scroll i { display:block;width:54px;height:1px;background:linear-gradient(90deg,var(--orbit-copper),rgba(245,242,234,.18)); }

.pf-reference-hero { position:relative;display:grid;grid-template-columns:minmax(120px,.35fr) minmax(220px,.65fr) minmax(0,1.5fr);grid-template-areas:'label-name name index' 'label-date date index' 'title title title' 'label-mission mission mission';gap:10px clamp(24px,4vw,76px);align-content:center;min-height:100svh;padding:clamp(110px,12vh,170px) clamp(24px,6vw,112px) clamp(90px,10vh,140px);background:#050505; }
.pf-reference-label { color:rgba(245,242,234,.34);font-size:8px;font-weight:900;letter-spacing:.22em; }
.pf-reference-label-name{grid-area:label-name}.pf-reference-name{grid-area:name}.pf-reference-label-date{grid-area:label-date}.pf-reference-date{grid-area:date}.pf-reference-label-mission{grid-area:label-mission}
.pf-reference-name,.pf-reference-date { color:rgba(245,242,234,.8);font-size:clamp(12px,1.2vw,17px);font-weight:500; }
body.work-page-open .pf-reference-hero #pf-detail-title { position:static;grid-area:title;max-width:1500px;margin:clamp(60px,10vh,130px) 0;font-family:'FH Giselle Test','Inter',sans-serif;font-size:clamp(54px,9.2vw,170px);font-weight:500;line-height:.88;letter-spacing:-.06em;color:#f5f2ea;text-transform:none;text-shadow:none; }
.pf-reference-mission { grid-area:mission;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(360px,1.28fr);gap:clamp(40px,7vw,120px); }
body.work-page-open .pf-reference-mission #pf-detail-desc { max-width:620px;margin:0;font-family:inherit;font-size:clamp(15px,1.35vw,21px);font-weight:400;line-height:1.45;letter-spacing:-.015em;color:rgba(245,242,234,.58); }
.pf-reference-mission .pf-case-facts { align-self:start; }
.pf-reference-index { grid-area:index;align-self:start;justify-self:end;display:flex;gap:18px;color:rgba(245,242,234,.45);font-size:9px;font-weight:900;letter-spacing:.22em; }
.pf-reference-index #pf-detail-num { color:var(--orbit-copper); }
.pf-reference-hero .pf-case-scroll { right:clamp(24px,6vw,112px);bottom:34px; }

.pf-case-intro { display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:clamp(52px,10vw,180px);padding:clamp(100px,13vw,210px) clamp(24px,6vw,112px);border-bottom:1px solid rgba(245,242,234,.12); }
body.work-page-open #pf-detail-desc { max-width:920px;margin:0;font-family:'FH Giselle Test','Inter',sans-serif;font-size:clamp(38px,5.2vw,92px);font-weight:500;line-height:.98;letter-spacing:-.045em;color:rgba(245,242,234,.92); }
.pf-case-facts { align-self:end;border-top:1px solid rgba(245,242,234,.22); }
body.work-page-open .pf-detail-row { display:grid;grid-template-columns:125px minmax(0,1fr);gap:24px;padding:18px 0;border-bottom:1px solid rgba(245,242,234,.12); }
body.work-page-open .pf-detail-lbl { color:rgba(245,242,234,.38);font-size:8px;font-weight:900;letter-spacing:.2em; }
body.work-page-open .pf-detail-val { color:rgba(245,242,234,.76);font-size:clamp(12px,1vw,15px);line-height:1.45;text-decoration:none; }
body.work-page-open a.pf-detail-val { transition:color .25s ease; }
body.work-page-open a.pf-detail-val:hover { color:var(--orbit-amber); }

.pf-case-gallery { padding:clamp(70px,8vw,138px) clamp(20px,3vw,54px) clamp(100px,12vw,190px); }
.pf-case-image { overflow:hidden;background:#141414; }
.pf-case-image img { width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.84) contrast(1.04);transition:transform 1.2s cubic-bezier(.16,1,.3,1),filter .7s ease; }
.pf-case-image:hover img { transform:scale(1.025);filter:saturate(1) contrast(1.02); }
.pf-case-image-wide { width:100%;height:min(80vw,960px);max-height:82vh; }
.pf-case-image-wide img { object-position:center 42%; }
.pf-case-image-pair { display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(18px,3vw,54px);align-items:start;margin:clamp(90px,12vw,190px) clamp(0px,7vw,130px); }
.pf-case-image-small { height:min(55vw,760px);margin-top:clamp(80px,12vw,170px); }
.pf-case-image-tall { height:min(78vw,1050px); }
.pf-case-image-small img { object-position:center 34%; }
.pf-case-image-tall img { object-position:center 24%; }
.pf-case-statement { display:grid;grid-template-columns:minmax(160px,.35fr) minmax(0,1fr);gap:clamp(28px,8vw,150px);align-items:start;margin:clamp(100px,13vw,210px) clamp(4px,8vw,150px); }
.pf-case-statement span { padding-top:12px;color:var(--orbit-copper);font-size:8px;font-weight:900;letter-spacing:.24em; }
.pf-case-statement p { max-width:1050px;margin:0;font-family:'FH Giselle Test','Inter',sans-serif;font-size:clamp(42px,6.8vw,120px);font-weight:500;line-height:.92;letter-spacing:-.05em;color:rgba(245,242,234,.9); }
.pf-case-image-full { width:100%;height:min(64vw,960px); }
.pf-case-image-full img { object-position:center 28%; }

/* Scroll-based project layouts — adapted from the MIT-licensed Codrops study. */
.pf-scroll-layouts { position:relative;background:#050505;overflow:clip; }
.pf-layout-scene { position:relative;height:270vh; }
.pf-layout-sticky { position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden; }
.pf-layout-gallery { position:absolute;inset:0; }
.pf-layout-item { position:absolute;margin:0;overflow:hidden;background:#111;box-shadow:0 28px 90px rgba(0,0,0,.42);transform-origin:center;will-change:transform,opacity; }
.pf-layout-item img { width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.82) contrast(1.06);will-change:transform; }
.pf-layout-caption { position:absolute;z-index:20;left:clamp(24px,5vw,84px);bottom:clamp(32px,5vh,70px);width:min(620px,74vw);opacity:0;transform:translateY(28px);will-change:transform,opacity;pointer-events:none; }
.pf-layout-caption span,.pf-case-editorial span { display:block;margin-bottom:14px;color:var(--orbit-copper);font-size:8px;font-weight:900;letter-spacing:.24em; }
.pf-layout-caption p { margin:0;font-family:'FH Giselle Test','Inter',sans-serif;font-size:clamp(30px,4vw,70px);font-weight:600;line-height:.96;letter-spacing:-.045em;color:#f5f2ea; }
.pf-case-editorial { display:grid;grid-template-columns:minmax(130px,.32fr) minmax(0,1fr);gap:clamp(30px,8vw,150px);align-items:start;padding:clamp(120px,16vw,260px) clamp(24px,7vw,140px); }
.pf-case-editorial p { max-width:1120px;margin:0;font-family:'FH Giselle Test','Inter',sans-serif;font-size:clamp(42px,6.4vw,112px);font-weight:500;line-height:.93;letter-spacing:-.05em;color:rgba(245,242,234,.9); }
.pf-case-editorial-right { grid-template-columns:minmax(0,1fr) minmax(130px,.32fr); }
.pf-case-editorial-right span { grid-column:2; }
.pf-case-editorial-right p { grid-column:1;grid-row:1;text-align:right;justify-self:end; }
.pf-scroll-layouts>.pf-case-statement { padding:clamp(120px,16vw,260px) clamp(24px,7vw,140px);margin:0; }

.pf-layout-scene-row .pf-layout-item:nth-child(1){left:-3vw;top:39%;width:11vw;height:24vh}
.pf-layout-scene-row .pf-layout-item:nth-child(2){left:10vw;top:32%;width:13vw;height:36vh}
.pf-layout-scene-row .pf-layout-item:nth-child(3){left:25vw;top:23%;width:16vw;height:51vh}
.pf-layout-scene-row .pf-layout-item:nth-child(4){left:42vw;top:12%;width:27vw;height:74vh;z-index:4}
.pf-layout-scene-row .pf-layout-item:nth-child(5){left:70vw;top:23%;width:16vw;height:51vh}
.pf-layout-scene-row .pf-layout-item:nth-child(6){left:88vw;top:32%;width:13vw;height:36vh}
.pf-layout-scene-row .pf-layout-item:nth-child(7){left:103vw;top:39%;width:11vw;height:24vh}

.pf-layout-scene-grid .pf-layout-item:nth-child(1){left:3vw;top:8vh;width:31vw;height:38vh}
.pf-layout-scene-grid .pf-layout-item:nth-child(2){left:36vw;top:8vh;width:23vw;height:55vh}
.pf-layout-scene-grid .pf-layout-item:nth-child(3){left:61vw;top:8vh;width:36vw;height:29vh}
.pf-layout-scene-grid .pf-layout-item:nth-child(4){left:3vw;top:49vh;width:31vw;height:42vh}
.pf-layout-scene-grid .pf-layout-item:nth-child(5){left:36vw;top:66vh;width:23vw;height:25vh}
.pf-layout-scene-grid .pf-layout-item:nth-child(6){left:61vw;top:40vh;width:36vw;height:51vh}

.pf-layout-scene-breakout .pf-layout-item:nth-child(1){left:8vw;top:14vh;width:20vw;height:31vh}
.pf-layout-scene-breakout .pf-layout-item:nth-child(2){left:30vw;top:7vh;width:31vw;height:48vh}
.pf-layout-scene-breakout .pf-layout-item:nth-child(3){left:63vw;top:14vh;width:28vw;height:34vh}
.pf-layout-scene-breakout .pf-layout-item:nth-child(4){left:4vw;top:54vh;width:31vw;height:37vh}
.pf-layout-scene-breakout .pf-layout-item:nth-child(5){left:37vw;top:59vh;width:21vw;height:32vh}
.pf-layout-scene-breakout .pf-layout-item:nth-child(6){left:60vw;top:51vh;width:36vw;height:40vh}

.pf-layout-scene-grid10 .pf-layout-item { width:17vw;height:28vh; }
.pf-layout-scene-grid10 .pf-layout-item:nth-child(5n+1){left:4vw}.pf-layout-scene-grid10 .pf-layout-item:nth-child(5n+2){left:23vw}.pf-layout-scene-grid10 .pf-layout-item:nth-child(5n+3){left:42vw}.pf-layout-scene-grid10 .pf-layout-item:nth-child(5n+4){left:61vw}.pf-layout-scene-grid10 .pf-layout-item:nth-child(5n){left:80vw}
.pf-layout-scene-grid10 .pf-layout-item:nth-child(-n+5){top:18vh}.pf-layout-scene-grid10 .pf-layout-item:nth-child(n+6){top:54vh}

.pf-layout-scene-stack .pf-layout-item { top:15vh;width:44vw;height:70vh; }
.pf-layout-scene-stack .pf-layout-item:nth-child(1){left:23vw}
.pf-layout-scene-stack .pf-layout-item:nth-child(2){left:25vw}
.pf-layout-scene-stack .pf-layout-item:nth-child(3){left:27vw}
.pf-layout-scene-stack .pf-layout-item:nth-child(4){left:29vw}
.pf-layout-scene-stack .pf-layout-item:nth-child(5){left:31vw}
.pf-layout-scene-stack .pf-layout-item:nth-child(6){left:33vw}

.pf-layout-scene-tiny .pf-layout-item { width:19vw;height:22vh; }
.pf-layout-scene-tiny .pf-layout-item:nth-child(4n+1){left:7vw}.pf-layout-scene-tiny .pf-layout-item:nth-child(4n+2){left:29vw}.pf-layout-scene-tiny .pf-layout-item:nth-child(4n+3){left:51vw}.pf-layout-scene-tiny .pf-layout-item:nth-child(4n){left:73vw}
.pf-layout-scene-tiny .pf-layout-item:nth-child(-n+4){top:10vh}.pf-layout-scene-tiny .pf-layout-item:nth-child(n+5):nth-child(-n+8){top:39vh}.pf-layout-scene-tiny .pf-layout-item:nth-child(n+9){top:68vh}

.pf-layout-scene-bento .pf-layout-item:nth-child(1){left:3vw;top:7vh;width:45vw;height:52vh}
.pf-layout-scene-bento .pf-layout-item:nth-child(2){left:50vw;top:7vh;width:20vw;height:27vh}
.pf-layout-scene-bento .pf-layout-item:nth-child(3){left:72vw;top:7vh;width:25vw;height:40vh}
.pf-layout-scene-bento .pf-layout-item:nth-child(4){left:50vw;top:37vh;width:20vw;height:54vh}
.pf-layout-scene-bento .pf-layout-item:nth-child(5){left:3vw;top:62vh;width:30vw;height:29vh}
.pf-layout-scene-bento .pf-layout-item:nth-child(6){left:72vw;top:50vh;width:25vw;height:41vh}
.pf-layout-scene-bento .pf-layout-item:nth-child(7){left:35vw;top:62vh;width:13vw;height:29vh}
.pf-layout-scene-bento .pf-layout-item:nth-child(8){left:72vw;top:50vh;width:11vw;height:18vh;z-index:2}
.pf-layout-scene-one .pf-layout-item { left:14vw;top:8vh;width:72vw;height:84vh; }

/* Exact ScrollBasedLayoutAnimations structure, scoped to project detail. */
.pf-reference-case{--color-text-alt:rgba(245,242,234,.58);--color-label:rgba(245,242,234,.34);--color-caption:#f5f2ea;width:100%;overflow:hidden;background:#050505;color:#f5f2ea}
.pf-reference-case .pf-project-hero{position:relative;width:100%;height:100svh;min-height:680px;overflow:hidden;background:#0a0a0a}.pf-reference-case .pf-project-hero>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:saturate(.86) contrast(1.04) brightness(.72);transform:scale(1.01)}.pf-reference-case .pf-project-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.24),transparent 35%,rgba(0,0,0,.78)),linear-gradient(90deg,rgba(0,0,0,.3),transparent 60%)}.pf-reference-case .pf-project-hero-meta{position:absolute;top:clamp(34px,5vw,76px);left:clamp(24px,6vw,112px);display:flex;align-items:center;gap:18px;color:rgba(245,242,234,.7);font-size:9px;font-weight:800;letter-spacing:.23em}.pf-reference-case .pf-project-hero-meta span+span::before{content:'';display:inline-block;width:22px;height:1px;margin:0 18px 3px 0;background:rgba(245,242,234,.35)}
body.work-page-open .pf-reference-case .pf-project-hero #pf-detail-title{position:absolute;left:clamp(24px,6vw,112px);right:clamp(24px,6vw,112px);bottom:clamp(70px,10vh,130px);margin:0;font-family:'FH Giselle Test','Inter',sans-serif;font-size:clamp(64px,10vw,180px);font-weight:700;line-height:.82;letter-spacing:-.06em;color:#f5f2ea;text-transform:uppercase;text-shadow:0 20px 70px rgba(0,0,0,.38)}.pf-reference-case .pf-project-hero .pf-case-scroll{right:clamp(24px,6vw,112px);bottom:clamp(30px,4vh,52px)}
.pf-reference-case .pf-project-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.85fr);gap:clamp(70px,12vw,220px);padding:clamp(110px,15vw,240px) clamp(24px,7vw,140px);background:#050505}.pf-reference-case .pf-project-overview>div>span{display:block;margin-bottom:clamp(28px,4vw,54px);color:var(--orbit-copper);font-size:9px;font-weight:900;letter-spacing:.23em}.pf-reference-case .pf-overview-copy p{max-width:820px;margin:0;font-family:'FH Giselle Test','Inter',sans-serif;font-size:clamp(34px,4.5vw,78px);font-weight:500;line-height:.98;letter-spacing:-.045em;color:rgba(245,242,234,.9)}.pf-reference-case .pf-overview-services{align-self:end}
.pf-reference-case .project{position:relative;padding:1rem;max-width:1000px;margin:20vh auto;display:grid;column-gap:7vw;row-gap:.5rem}
.pf-reference-case .project--intro{min-height:100svh;align-content:center;grid-template-columns:1fr;grid-template-areas:'label-name' 'name' 'label-date' 'date' 'title' 'label-mission' 'mission'}
.pf-reference-case .project--details{grid-template-areas:'label-default' 'paragraph';grid-template-columns:1fr}.pf-reference-case .project--left{justify-content:start}.pf-reference-case .project--right{justify-content:end}
.pf-reference-case .project--details p{grid-area:paragraph;max-width:400px}.pf-reference-case .project__label--default{grid-area:label-default}.pf-reference-case .project p{line-height:1.4;margin:0;color:var(--color-text-alt)}
.pf-reference-case .project__label{color:var(--color-label);font-size:9px;font-weight:800;letter-spacing:.2em}.pf-reference-case .project__label--name{grid-area:label-name}.pf-reference-case .project__label--date{grid-area:label-date}.pf-reference-case .project__label--mission{grid-area:label-mission}.pf-reference-case .project__name{grid-area:name}.pf-reference-case .project__date{grid-area:date}
.pf-reference-case .project__mission{grid-area:mission;line-height:1.4}.pf-reference-case .project__mission>p{color:var(--color-text-alt);max-width:400px}
body.work-page-open .pf-reference-case #pf-detail-title{position:static;grid-area:title;margin:10vh 0;font-family:'FH Giselle Test','Inter',sans-serif;font-size:clamp(2rem,13vw,8rem);font-weight:400;line-height:1;letter-spacing:-.055em;color:#f5f2ea;text-transform:none;text-shadow:none}
.pf-reference-case .pf-reference-index{position:absolute;right:1rem;top:1rem;display:flex;gap:18px;color:rgba(245,242,234,.45);font-size:9px;font-weight:900;letter-spacing:.22em}
.pf-reference-case .pf-case-facts{border-top:1px solid rgba(245,242,234,.2)}
body.work-page-open .pf-reference-case .pf-detail-row{grid-template-columns:110px minmax(0,1fr);padding:12px 0}
.pf-reference-case .gallery-wrap{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;margin:40vh auto;overflow:hidden}
.pf-reference-case .gallery-wrap--large{height:110vh}.pf-reference-case .gallery-wrap--dense{margin:0}.pf-reference-case .gallery{position:relative;width:100%;height:100%;flex:none}.pf-reference-case .gallery--breakout{width:min-content}
.pf-reference-case .gallery__item,.pf-reference-case .gallery__item-inner{background-position:50% 50%;background-size:cover;background-repeat:no-repeat}.pf-reference-case .gallery__item{flex:none;border-radius:6px;position:relative;filter:brightness(1)}.pf-reference-case .gallery__item-cut{overflow:hidden;display:grid;place-items:center}.pf-reference-case .gallery__item-inner{width:100%;height:100%}
.pf-reference-case .gallery,.pf-reference-case .gallery__item,.pf-reference-case .gallery__item-inner{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d}.pf-reference-case .gallery__item{will-change:transform,width,height,filter}.pf-reference-case .caption{will-change:transform,opacity}
.pf-reference-case .caption{font-size:clamp(1rem,3vw,1.75rem);z-index:101;color:var(--color-caption);font-weight:400}
.pf-reference-case .gallery--row{display:flex;align-items:center;justify-content:center;gap:2rem;--size-factor:1.25;--item-height:20vh}.pf-reference-case .gallery--row .gallery__item{width:auto;aspect-ratio:2/3}.pf-reference-case .gallery--row .gallery__item--s{height:var(--item-height)}.pf-reference-case .gallery--row .gallery__item--m{height:calc(var(--size-factor)*var(--item-height))}.pf-reference-case .gallery--row .gallery__item--l{height:calc(var(--size-factor)*2*var(--item-height))}.pf-reference-case .gallery--row .gallery__item--xl{z-index:100;height:calc(var(--size-factor)*3*var(--item-height))}
.pf-reference-case .gallery--switch.gallery--row .gallery__item--m,.pf-reference-case .gallery--switch.gallery--row .gallery__item--l{height:var(--item-height)}.pf-reference-case .gallery--row .caption{position:absolute;width:100%;bottom:-50vh;left:0;padding:4.5vw;max-width:730px;opacity:0}.pf-reference-case .gallery--switch.gallery--row .caption{bottom:0;opacity:1}
.pf-reference-case .gallery--one{display:grid;place-items:center}.pf-reference-case .gallery--one .gallery__item{width:400%;height:400%;filter:brightness(1) hue-rotate(90deg)}.pf-reference-case .gallery--switch.gallery--one .gallery__item{width:100%;height:100%;filter:brightness(.7) hue-rotate(0deg)}.pf-reference-case .gallery--one .caption{position:absolute;width:100vw;height:100vh;top:50%;left:50%;margin:100vh 0 0 -50vw;font-size:clamp(2rem,5vw,3rem);display:grid;place-items:center}.pf-reference-case .gallery--switch.gallery--one .caption{margin-top:-50vh}
.pf-reference-case .gallery--grid{height:auto;display:grid;grid-template-columns:repeat(3,auto);grid-template-rows:repeat(3,auto);row-gap:2.5vw;column-gap:3vw}.pf-reference-case .gallery--grid .gallery__item{height:33vh;width:33vw}.pf-reference-case .gallery--switch.gallery--grid{gap:0}.pf-reference-case .gallery--switch.gallery--grid .gallery__item{height:110vh;width:110vw;filter:brightness(.65)}.pf-reference-case .gallery--grid .caption{position:absolute;width:100vw;height:100vh;top:50%;left:50%;margin:50vh 0 0 -50vw;display:grid;place-items:center;max-width:none;opacity:0}.pf-reference-case .gallery--switch.gallery--grid .caption{margin-top:-40vh;opacity:1}.pf-reference-case .gallery--grid .caption p{padding:50vh 30vw 10vh 10vw}
.pf-reference-case .gallery--stack{display:grid;grid-template-columns:repeat(6,1fr);align-items:center;justify-content:start;gap:2rem;padding:2rem;--offset:1rem}.pf-reference-case .gallery--stack .gallery__item{border-radius:1.5vw;width:25vw;height:35vw;z-index:1}.pf-reference-case .gallery--stack-glass .gallery__item{filter:opacity(1)}.pf-reference-case .gallery--switch.gallery--stack .gallery__item{grid-area:1/1/2/2}.pf-reference-case .gallery--stack .caption{position:absolute;bottom:0;left:100vw;width:100vw;padding:5vw;color:var(--color-text-alt);opacity:0;z-index:0}.pf-reference-case .gallery--switch.gallery--stack .caption{left:0;opacity:1}
.pf-reference-case .gallery--stack-inverse .gallery__item:nth-child(5){z-index:2}.pf-reference-case .gallery--stack-inverse .gallery__item:nth-child(4){z-index:3}.pf-reference-case .gallery--stack-inverse .gallery__item:nth-child(3){z-index:4}.pf-reference-case .gallery--stack-inverse .gallery__item:nth-child(2){z-index:5}.pf-reference-case .gallery--stack-inverse .gallery__item:nth-child(1){z-index:6}.pf-reference-case .gallery--switch.gallery--stack .gallery__item:nth-child(2){margin-left:var(--offset)}.pf-reference-case .gallery--switch.gallery--stack .gallery__item:nth-child(3){margin-left:calc(var(--offset)*2)}.pf-reference-case .gallery--switch.gallery--stack .gallery__item:nth-child(4){margin-left:calc(var(--offset)*3)}.pf-reference-case .gallery--switch.gallery--stack .gallery__item:nth-child(5){margin-left:calc(var(--offset)*4)}.pf-reference-case .gallery--switch.gallery--stack .gallery__item:nth-child(6){margin-left:calc(var(--offset)*5)}
.pf-reference-case .gallery--switch.gallery--stack-dark .gallery__item:nth-child(2){filter:brightness(.8)}.pf-reference-case .gallery--switch.gallery--stack-dark .gallery__item:nth-child(3){filter:brightness(.7)}.pf-reference-case .gallery--switch.gallery--stack-dark .gallery__item:nth-child(4){filter:brightness(.6)}.pf-reference-case .gallery--switch.gallery--stack-dark .gallery__item:nth-child(5){filter:brightness(.5)}.pf-reference-case .gallery--switch.gallery--stack-dark .gallery__item:nth-child(6){filter:brightness(.4)}.pf-reference-case .gallery--switch.gallery--stack-glass .gallery__item{opacity:.7}.pf-reference-case .gallery--switch.gallery--stack-scale .gallery__item:nth-child(2){transform:scale(.98)}.pf-reference-case .gallery--switch.gallery--stack-scale .gallery__item:nth-child(3){transform:scale(.96)}.pf-reference-case .gallery--switch.gallery--stack-scale .gallery__item:nth-child(4){transform:scale(.94)}.pf-reference-case .gallery--switch.gallery--stack-scale .gallery__item:nth-child(5){transform:scale(.92)}.pf-reference-case .gallery--switch.gallery--stack-scale .gallery__item:nth-child(6){transform:scale(.9)}
.pf-reference-case .gallery--gridtiny{display:grid;grid-template-columns:repeat(10,1fr);width:300%;padding:0 2vh;height:min-content;gap:1vh}.pf-reference-case .gallery--switch.gallery--gridtiny{width:100%;gap:2vh}.pf-reference-case .gallery--gridtiny .gallery__item{aspect-ratio:1;width:100%;height:auto;filter:contrast(.8) saturate(0) brightness(.6)}.pf-reference-case .gallery--switch.gallery--gridtiny .gallery__item{filter:contrast(1) saturate(1) brightness(.8) opacity(.8)}.pf-reference-case .gallery--gridtiny .caption{position:absolute;width:100vw;height:100vh;left:50%;top:50%;margin:-50vh 0 0 -50vw;display:grid;place-items:center;font-size:clamp(2rem,8vw,4rem);opacity:0}.pf-reference-case .gallery--switch.gallery--gridtiny .caption{opacity:1}
.pf-reference-case .gallery--switch .gallery__item--center{height:100vh;width:100vw;aspect-ratio:auto;filter:brightness(.5)}
.pf-reference-case .gallery--bento{display:grid;gap:1vh;grid-template-columns:repeat(3,32.5vw);grid-template-rows:repeat(4,23vh);justify-content:center;align-content:center}.pf-reference-case .gallery--switch.gallery--bento{grid-template-columns:repeat(3,100vw);grid-template-rows:repeat(4,49.5vh);gap:15vh}.pf-reference-case .gallery--bento .gallery__item:nth-child(1){grid-area:1/1/3/2}.pf-reference-case .gallery--bento .gallery__item:nth-child(2){grid-area:1/2/2/3}.pf-reference-case .gallery--bento .gallery__item:nth-child(3){grid-area:2/2/4/3}.pf-reference-case .gallery--bento .gallery__item:nth-child(4){grid-area:1/3/3/3}.pf-reference-case .gallery--bento .gallery__item:nth-child(5){grid-area:3/1/3/2}.pf-reference-case .gallery--bento .gallery__item:nth-child(6){grid-area:3/3/5/4}.pf-reference-case .gallery--bento .gallery__item:nth-child(7){grid-area:4/1/5/2}.pf-reference-case .gallery--bento .gallery__item:nth-child(8){grid-area:4/2/5/3}.pf-reference-case .gallery--bento .caption{position:absolute;width:100vw;height:100vh;top:50%;left:50%;margin:100vh 0 0 -50vw;font-size:clamp(2rem,10vw,5rem);display:grid;place-items:center}.pf-reference-case .gallery--switch.gallery--bento .caption{margin-top:-50vh}
.pf-reference-case .gallery--grid10{display:grid;grid-template-columns:repeat(2,1fr);gap:2vw}.pf-reference-case .gallery--switch.gallery--grid10{grid-template-columns:1fr 300px 1fr;grid-template-rows:1fr 60vh 1fr;gap:0}.pf-reference-case .gallery--switch.gallery--grid10 .gallery__item{grid-area:2/2/3/3}.pf-reference-case .gallery--grid10 .caption{position:absolute;width:100vw;height:100vh;top:50%;left:50%;margin:100vh 0 0 -50vw;display:grid;place-items:center;font-size:clamp(2rem,8vw,6rem)}.pf-reference-case .gallery--switch.gallery--grid10 .caption{opacity:1;margin-top:-50vh}.pf-reference-case #pf-gallery-3 .caption{font-family:'FH Giselle Test','Inter',sans-serif;font-weight:600;line-height:.9;letter-spacing:-.05em;color:#f5f2ea;text-shadow:0 10px 45px rgba(0,0,0,.75);pointer-events:none}.pf-reference-case .pf-grid-native-wrap{height:700vh!important;margin:40vh auto!important;display:block!important;overflow:visible!important}.pf-reference-case .pf-grid-native{position:sticky!important;top:0;height:100vh!important;overflow:hidden}.pf-reference-case .pf-grid-native .gallery__item{will-change:transform,opacity;transition:none!important}.pf-reference-case .pf-grid-native .caption{position:absolute;left:50%;top:50%;width:100%;height:auto;margin:0;display:block;text-align:center;opacity:0;z-index:100;will-change:transform,opacity}
.pf-reference-case .pf-grid-native{position:absolute!important;inset:0 0 auto!important}
@media(min-width:53em){.pf-reference-case .project--intro{grid-template-columns:auto 1fr;grid-template-areas:'label-name name' 'label-date date' 'title title' 'label-mission mission'}.pf-reference-case .project--details{grid-template-areas:'label-default paragraph';grid-template-columns:auto auto}.pf-reference-case .project__label{text-align:right}.pf-reference-case .project__mission{display:grid;grid-template-columns:1fr 1fr;column-gap:2rem}.pf-reference-case .gallery--grid10{grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(4,1fr)}.pf-reference-case .gallery--grid10:not(.gallery--switch) .pos-1{grid-area:1/1}.pf-reference-case .gallery--grid10:not(.gallery--switch) .pos-2{grid-area:1/2}.pf-reference-case .gallery--grid10:not(.gallery--switch) .pos-3{grid-area:1/4}.pf-reference-case .gallery--grid10:not(.gallery--switch) .pos-4{grid-area:1/5}.pf-reference-case .gallery--grid10:not(.gallery--switch) .pos-5{grid-area:3/6}.pf-reference-case .gallery--grid10:not(.gallery--switch) .pos-6{grid-area:1/7}.pf-reference-case .gallery--grid10:not(.gallery--switch) .pos-7{grid-area:1/9}.pf-reference-case .gallery--grid10:not(.gallery--switch) .pos-8{grid-area:3/10}.pf-reference-case .gallery--grid10:not(.gallery--switch) .pos-9{grid-area:2/8}.pf-reference-case .gallery--grid10:not(.gallery--switch) .pos-10{grid-area:4/9}.pf-reference-case .gallery--grid10:not(.gallery--switch) .pos-11{grid-area:3/8}.pf-reference-case .gallery--grid10:not(.gallery--switch) .pos-12{grid-area:2/2}.pf-reference-case .gallery--grid10:not(.gallery--switch) .pos-13{grid-area:3/1}.pf-reference-case .gallery--grid10:not(.gallery--switch) .pos-14{grid-area:3/4}.pf-reference-case .gallery--grid10:not(.gallery--switch) .pos-15{grid-area:4/3}.pf-reference-case .gallery--grid10:not(.gallery--switch) .pos-16{grid-area:4/7}.pf-reference-case .gallery--stack .caption{bottom:40%;width:60vw;max-width:800px}.pf-reference-case .gallery--switch.gallery--stack .caption{left:40vw}}
@media(max-width:800px){.pf-reference-case .pf-project-hero{min-height:620px}.pf-reference-case .pf-project-hero-meta{left:20px;top:26px}.pf-reference-case .pf-project-hero-meta span+span::before{width:10px;margin-right:10px}.pf-reference-case .pf-project-hero #pf-detail-title{left:20px!important;right:20px!important;bottom:100px!important;font-size:clamp(58px,20vw,100px)!important}.pf-reference-case .pf-project-overview{grid-template-columns:1fr;gap:80px;padding:90px 20px}.pf-reference-case .pf-overview-copy p{font-size:clamp(38px,11vw,62px)}}
.pf-case-footer { display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:clamp(38px,5vw,76px) clamp(24px,6vw,112px);border-top:1px solid rgba(245,242,234,.14); }
.pf-case-footer>span { color:rgba(245,242,234,.34);font-size:8px;font-weight:900;letter-spacing:.24em; }
.pf-case-start { justify-self:center;display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:0 27px;border:1px solid rgba(184,115,51,.42);border-radius:999px;background:rgba(184,115,51,.04);color:#f5f2ea;font:800 10px/1 'Inter',sans-serif;letter-spacing:.2em;cursor:pointer;transition:color .3s ease,border-color .3s ease,background .3s ease,transform .3s ease; }
.pf-case-start i { color:var(--orbit-copper);font-size:18px;font-style:normal;transition:transform .35s cubic-bezier(.16,1,.3,1); }
.pf-case-start:hover { color:#fff;border-color:rgba(216,143,77,.78);background:rgba(184,115,51,.1);transform:translateY(-2px); }
.pf-case-start:hover i { transform:translate(5px,-5px); }
#pf-next-project { display:flex;align-items:center;justify-self:end;gap:clamp(22px,4vw,70px);padding:0;border:0;background:transparent;color:#f5f2ea;font-family:'FH Giselle Test','Inter',sans-serif;font-size:clamp(28px,4.2vw,70px);font-weight:800;letter-spacing:-.04em;cursor:pointer; }
#pf-next-project i { color:var(--orbit-copper);font-style:normal;transition:transform .35s ease; }
#pf-next-project:hover i { transform:translate(8px,-8px); }
.pf-case-footer .pf-case-back,.pf-case-footer .pf-case-start,.pf-case-footer #pf-next-project { width:clamp(190px,19vw,260px);min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:0 24px;border:1px solid rgba(184,115,51,.42);border-radius:999px;background:rgba(184,115,51,.04);color:#f5f2ea;font-family:'Inter',sans-serif;font-size:10px;font-weight:800;line-height:1;letter-spacing:.18em;white-space:nowrap;cursor:pointer;transition:color .3s ease,border-color .3s ease,background .3s ease,transform .3s ease; }
.pf-case-footer .pf-case-back { justify-self:start; }
.pf-case-footer .pf-case-start { justify-self:center; }
.pf-case-footer #pf-next-project { justify-self:end; }
.pf-case-footer .pf-case-back i,.pf-case-footer .pf-case-start i,.pf-case-footer #pf-next-project i { color:var(--orbit-copper);font-size:18px;font-style:normal;line-height:1;transition:transform .35s cubic-bezier(.16,1,.3,1); }
.pf-case-footer .pf-case-back:hover,.pf-case-footer .pf-case-start:hover,.pf-case-footer #pf-next-project:hover { color:#fff;border-color:rgba(216,143,77,.78);background:rgba(184,115,51,.1);transform:translateY(-2px); }

@media(max-width:800px) {
  body.work-page-open { cursor:auto; }
  #projects-orbit-canvas,body.work-page-open #pf-close { cursor:grab!important; }
  .projects-cursor,.projects-orbit-hover { display:none!important; }
  body.work-page-open #pf-close { top:92px;right:18px; }
  body.work-page-open .pf-header-lead { left:20px;bottom:70px;width:72vw;font-size:12px!important; }
  .projects-orbit-instruction { bottom:34px;left:auto;right:20px;transform:none; }
  .pf-case-hero { min-height:620px; }
  .pf-case-hero>img { object-position:center; }
  .pf-case-hero-meta { top:24px;left:20px;gap:10px; }
  .pf-case-hero-meta { transform:none; }
  .pf-case-hero-meta span+span::before { width:12px;margin-right:10px; }
  body.work-page-open #pf-detail-title { left:20px;right:20px;bottom:96px;font-size:clamp(62px,21vw,104px); }
  .pf-case-scroll { left:20px;right:auto;bottom:42px; }
  .pf-case-intro { grid-template-columns:1fr;padding:90px 20px; }
  .pf-reference-hero { grid-template-columns:90px 1fr;grid-template-areas:'label-name name' 'label-date date' 'index index' 'title title' 'label-mission label-mission' 'mission mission';align-content:start;padding:110px 20px 90px; }
  body.work-page-open .pf-reference-hero #pf-detail-title { margin:70px 0;font-size:clamp(52px,16vw,92px); }
  .pf-reference-index { justify-self:start;margin-top:16px; }
  .pf-reference-mission { grid-template-columns:1fr;gap:38px; }
  .pf-reference-hero .pf-case-scroll { left:20px;right:auto; }
  body.work-page-open #pf-detail-desc { font-size:clamp(38px,12vw,62px); }
  body.work-page-open .pf-detail-row { grid-template-columns:105px minmax(0,1fr);gap:14px; }
  .pf-case-gallery { padding:64px 14px 100px; }
  .pf-case-image-wide { height:72vh; }
  .pf-case-image-pair { grid-template-columns:1fr;gap:18px;margin:90px 0; }
  .pf-case-image-small { height:64vh;margin-top:0;width:76%; }
  .pf-case-image-tall { height:78vh;width:88%;margin-left:auto; }
  .pf-case-statement { grid-template-columns:1fr;gap:28px;margin:100px 6px; }
  .pf-case-statement p { font-size:clamp(42px,14vw,68px); }
  .pf-case-image-full { height:72vh; }
  .pf-layout-scene { height:225vh; }
  .pf-layout-sticky { min-height:620px; }
  .pf-layout-scene-row .pf-layout-item:nth-child(1),.pf-layout-scene-row .pf-layout-item:nth-child(7){display:none}
  .pf-layout-scene-row .pf-layout-item:nth-child(2){left:-12vw;width:26vw}
  .pf-layout-scene-row .pf-layout-item:nth-child(3){left:8vw;width:30vw}
  .pf-layout-scene-row .pf-layout-item:nth-child(4){left:24vw;width:62vw}
  .pf-layout-scene-row .pf-layout-item:nth-child(5){left:72vw;width:30vw}
  .pf-layout-scene-row .pf-layout-item:nth-child(6){left:94vw;width:26vw}
  .pf-case-editorial,.pf-case-editorial-right { grid-template-columns:1fr;padding:110px 20px; }
  .pf-case-editorial-right span,.pf-case-editorial-right p { grid-column:auto;grid-row:auto;text-align:left; }
  .pf-scroll-layouts>.pf-case-statement { padding:110px 20px; }
  .pf-layout-caption { left:20px;bottom:34px; }
  .pf-layout-scene-grid10 .pf-layout-item { width:29vw;height:24vh; }
  .pf-layout-scene-grid10 .pf-layout-item:nth-child(5n+1),.pf-layout-scene-grid10 .pf-layout-item:nth-child(5n+4){left:3vw}.pf-layout-scene-grid10 .pf-layout-item:nth-child(5n+2),.pf-layout-scene-grid10 .pf-layout-item:nth-child(5n){left:35vw}.pf-layout-scene-grid10 .pf-layout-item:nth-child(5n+3){left:67vw}
  .pf-layout-scene-tiny .pf-layout-item { width:27vw;height:19vh; }
  .pf-layout-scene-tiny .pf-layout-item:nth-child(4n+1){left:4vw}.pf-layout-scene-tiny .pf-layout-item:nth-child(4n+2){left:36vw}.pf-layout-scene-tiny .pf-layout-item:nth-child(4n+3){left:68vw}.pf-layout-scene-tiny .pf-layout-item:nth-child(4n){left:36vw}
  .pf-layout-scene-one .pf-layout-item { left:5vw;width:90vw; }
  .pf-case-footer { grid-template-columns:1fr;align-items:start;padding:48px 20px; }
  .pf-case-footer>span { display:none; }
  .pf-case-footer .pf-case-back,.pf-case-footer .pf-case-start,.pf-case-footer #pf-next-project { width:100%;max-width:none;justify-self:stretch;margin-top:0; }
}

@media(prefers-reduced-motion:reduce) {
  .projects-orbit-loader span,.projects-orbit-instruction i::after { animation:none; }
  .projects-orbit-backdrop-image,.projects-orbit-hover,body.work-page-open #pf-detail { transition-duration:.01ms!important; }
  .pf-layout-scene { height:auto;padding:8vh 0; }
  .pf-layout-sticky { position:relative;height:82vh; }
  .pf-layout-item { opacity:1!important; }
}