/* ZAZA PROJECTS v38 — screen-recording first, motion where it earns its place */
.projects-page-v38{
  --project-surface:#080808;
  --ink:#f2efe8;
  --muted:rgba(242,239,232,.58);
  background:#080808;
  color:var(--ink);
}
.projects-page-v38 main{overflow:visible!important;background:transparent!important}
.projects-page-v38 .projects-v38{position:relative;z-index:2;overflow:visible}
.projects-surface-v38{position:fixed;inset:0;z-index:0;background:var(--project-surface);transition:background .34s cubic-bezier(.22,.74,.22,1);pointer-events:none}
.projects-page-v38 .site-header[data-theme="dark"]{color:#f2efe8}
.projects-page-v38 .site-header[data-theme="light"]{color:#111820}
.projects-page-v38 .site-header__meta,.projects-page-v38 .site-header__edge{color:inherit}

.projects-page-v38 .site-header{transition:color .45s ease}

/* Hero */
.work-open-v38{height:185svh;position:relative;color:#f2efe8}
.work-open-v38__sticky{position:sticky;top:0;height:var(--vh,100svh);overflow:hidden;display:grid;place-items:center;padding:clamp(28px,4vw,64px);opacity:var(--hero-o,1)}
.work-open-v38__meta{position:absolute;top:clamp(74px,8vh,110px);left:clamp(24px,3.4vw,64px);right:clamp(24px,3.4vw,64px);display:flex;justify-content:space-between;font:600 clamp(11px,.75vw,14px)/1 var(--mono,monospace);letter-spacing:.16em;opacity:.55;z-index:6}
.work-open-v38__title{margin:0;position:relative;z-index:7;font-size:clamp(145px,25vw,470px);line-height:.66;letter-spacing:-.085em;font-weight:760;white-space:nowrap;transform:translateY(var(--hero-y,0)) scale(var(--hero-s,1));will-change:transform}
.work-open-v38__title span{display:inline-block;clip-path:inset(0 var(--hero-cut,0%) 0 0)}
.work-open-v38__title i{font-style:normal;display:inline-block;transform:translateY(-.03em)}
.work-open-v38__windows{position:absolute;inset:0;z-index:3;pointer-events:none}
.work-open-v38__windows figure{position:absolute;margin:0;overflow:hidden;opacity:var(--hero-window-o,0);box-shadow:0 22px 70px rgba(0,0,0,.3);transform:translate3d(var(--wx,0),var(--wy,0),0) scale(var(--ws,.82));will-change:transform,opacity}
.work-open-v38__windows figure:nth-child(1){width:28vw;aspect-ratio:1.36;left:5vw;top:13vh;--wx:calc(var(--hero-p,0)*4vw);--wy:calc(var(--hero-p,0)*9vh)}
.work-open-v38__windows figure:nth-child(2){width:24vw;aspect-ratio:1.42;right:8vw;top:10vh;--wx:calc(var(--hero-p,0)*-6vw);--wy:calc(var(--hero-p,0)*12vh)}
.work-open-v38__windows figure:nth-child(3){width:25vw;aspect-ratio:1.35;left:9vw;bottom:10vh;--wx:calc(var(--hero-p,0)*8vw);--wy:calc(var(--hero-p,0)*-10vh)}
.work-open-v38__windows figure:nth-child(4){width:30vw;aspect-ratio:1.36;right:4vw;bottom:9vh;--wx:calc(var(--hero-p,0)*-5vw);--wy:calc(var(--hero-p,0)*-9vh)}
.work-open-v38__windows img{width:100%;height:100%;object-fit:cover;display:block}
.work-open-v38__hint{position:absolute;right:clamp(24px,3.4vw,64px);bottom:clamp(28px,5vh,60px);margin:0;font:600 clamp(10px,.72vw,13px)/1 var(--mono,monospace);letter-spacing:.16em;opacity:var(--hero-hint-o,.55)}

/* Featured project stages — the recording is the motion */
.feature-v38{height:155svh;position:relative;background:transparent}
.feature-v38__sticky{position:sticky;top:0;height:var(--vh,100svh);padding:clamp(74px,9vh,126px) clamp(28px,5vw,92px) clamp(82px,8vh,116px);display:grid;grid-template-columns:minmax(230px,.66fr) minmax(0,1.55fr);gap:clamp(32px,5vw,90px);align-items:center;overflow:hidden;color:#101519}
.feature-v38__sticky--reverse{grid-template-columns:minmax(0,1.55fr) minmax(230px,.66fr)}
.feature-v38__sticky--reverse .feature-v38__copy{grid-column:2;grid-row:1;justify-self:end;text-align:right}
.feature-v38__sticky--reverse .feature-v38__device{grid-column:1;grid-row:1}
.feature-v38--td,.feature-v38--one{color:#f2efe8}
.feature-v38--td .feature-v38__sticky,.feature-v38--one .feature-v38__sticky{color:#f2efe8}
.feature-v38--ayamen .feature-v38__sticky{color:#13232b}
.feature-v38--refcon .feature-v38__sticky{color:#072235}
.feature-v38__copy{position:relative;z-index:5;max-width:580px;opacity:var(--feature-copy-o,1);transform:translateY(var(--feature-copy-y,0));will-change:transform,opacity}
.feature-v38__eyebrow{display:block;margin-bottom:clamp(20px,2.4vh,34px);font:700 clamp(12px,.82vw,15px)/1.25 var(--mono,monospace);letter-spacing:.13em;opacity:.62}
.feature-v38 h2{margin:0;font-size:clamp(86px,10.2vw,188px);line-height:.76;letter-spacing:-.075em;font-weight:760}
.feature-v38__copy p{margin:clamp(28px,3.8vh,48px) 0 0;max-width:28ch;font-size:clamp(21px,1.55vw,29px);line-height:1.25;letter-spacing:-.025em;font-weight:520}
.feature-v38__sticky--reverse .feature-v38__copy p{margin-left:auto}
.feature-v38__copy small{display:block;margin-top:14px;max-width:42ch;font:500 clamp(13px,.92vw,17px)/1.55 var(--mono,monospace);opacity:.56}
.feature-v38__sticky--reverse .feature-v38__copy small{margin-left:auto}
.feature-v38__copy a{display:inline-flex;align-items:center;gap:10px;margin-top:clamp(30px,4vh,52px);color:inherit;text-decoration:none;font:700 clamp(12px,.82vw,15px)/1 var(--mono,monospace);letter-spacing:.1em;border-bottom:1px solid currentColor;padding-bottom:7px;opacity:.83;transition:opacity .2s,transform .3s cubic-bezier(.2,.8,.2,1)}
.feature-v38__copy a:hover{opacity:1;transform:translateX(5px)}
.feature-v38__device{position:relative;z-index:4;justify-self:center;width:min(100%,1160px);max-width:1160px;opacity:var(--feature-device-o,1);transform:translateY(var(--feature-device-y,0)) scale(var(--feature-device-s,1));will-change:transform,opacity}
.laptop-v38{position:relative;width:100%;aspect-ratio:810/580;isolation:isolate}
.laptop-v38__frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:4;pointer-events:none;user-select:none}
.laptop-v38__screen{position:absolute;left:20%;top:17.7%;width:60%;height:52.1%;z-index:3;overflow:hidden;background:#0b0b0b;border-radius:1.2% 1.2% 1% 1%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.laptop-v38__screen video,.laptop-v38__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:var(--recording-fit,cover);object-position:center;display:block}
.laptop-v38__screen video{z-index:2;background:#000;opacity:0}.laptop-v38.has-video .laptop-v38__screen video{opacity:1}.laptop-v38.has-video .laptop-v38__poster{opacity:0}
.laptop-v38__poster{z-index:1;transition:opacity .3s ease}
.feature-v38--ayamen .laptop-v38__screen{background:#ece5d9}.feature-v38--refcon .laptop-v38__screen{background:#bcdbea}

/* Experimental interludes — typography carries the experimentation, not the project recordings */
.interlude-v38{height:175svh;position:relative;color:#f3efe6;background:transparent}
.interlude-v38__sticky{position:sticky;top:0;height:var(--vh,100svh);overflow:hidden;padding:clamp(34px,5vw,82px);display:grid;place-items:center}
.interlude-v38 p{margin:0;font-weight:760;letter-spacing:-.07em;line-height:.78}

/* Direction */
.interlude-v38--direction .interlude-v38__sticky{perspective:1200px}
.direction-v38__axis{position:absolute;left:50%;top:10vh;bottom:10vh;width:1px;background:rgba(255,255,255,.14);transform:translateX(-50%);opacity:var(--dir-axis-o,.5)}
.direction-v38__axis i{position:absolute;top:var(--dir-dot,50%);left:50%;width:9px;height:9px;border-radius:50%;background:#f3efe6;transform:translate(-50%,-50%)}
.direction-v38__axis b{position:absolute;top:0;font:700 clamp(10px,.72vw,13px)/1 var(--mono,monospace);letter-spacing:.14em;opacity:.38}.direction-v38__axis b:nth-of-type(1){right:14px}.direction-v38__axis b:nth-of-type(2){left:14px}
.direction-v38__a,.direction-v38__b,.direction-v38__c{position:absolute;font-size:clamp(78px,min(14vw,23vh),230px)}
.direction-v38__a{left:4vw;top:24vh;transform:translateX(var(--dir-a-x,-14vw));opacity:var(--dir-a-o,0)}
.direction-v38__b{right:4vw;bottom:22vh;text-align:right;transform:translateX(var(--dir-b-x,14vw));opacity:var(--dir-b-o,0)}
.direction-v38__c{left:50%;top:50%;width:90vw;text-align:center;font-size:clamp(64px,min(10vw,19vh),170px);transform:translate(-50%,-50%) scale(var(--dir-c-s,.82));opacity:var(--dir-c-o,0)}

/* Distance */
.interlude-v38--distance .interlude-v38__sticky{display:block}
.distance-v38__a,.distance-v38__b{position:absolute;top:40%;font-size:clamp(82px,min(15vw,22vh),240px);transform:translateY(-50%);opacity:var(--dist-label-o,1)}
.distance-v38__a{left:4vw}.distance-v38__b{right:4vw;text-align:right}
.distance-v38__line{position:absolute;left:7vw;right:7vw;top:58%;height:36px}
.distance-v38__line::before{content:"";position:absolute;left:0;right:0;top:17px;height:1px;background:rgba(255,255,255,.2)}
.distance-v38__line i{position:absolute;left:0;top:17px;height:2px;width:var(--dist-line,0%);background:#f3efe6;transform-origin:left}
.distance-v38__line b{position:absolute;top:12px;left:var(--dist-dot,0%);width:11px;height:11px;border-radius:50%;background:#f3efe6;transform:translateX(-50%);box-shadow:0 0 0 7px rgba(255,255,255,.08)}
.distance-v38__answer{position:absolute;left:50%;top:50%;width:90vw;text-align:center;font-size:clamp(68px,min(11vw,19vh),185px);transform:translate(-50%,-50%) scale(var(--dist-answer-s,.84));opacity:var(--dist-answer-o,0)}

/* Looks simple */
.interlude-v38--simple{color:#d9edf6}
.simple-v38__looks,.simple-v38__good{position:absolute;left:50%;top:50%;width:95vw;text-align:center;transform:translate(-50%,-50%);font-size:clamp(90px,min(18vw,25vh),280px)}
.simple-v38__looks{opacity:var(--simple-looks-o,1);letter-spacing:var(--simple-track,-.07em);clip-path:inset(var(--simple-clip,0%) 0 0 0)}
.simple-v38__good{opacity:var(--simple-good-o,0);transform:translate(-50%,-50%) scale(var(--simple-good-s,.75))}
.simple-v38__under{position:absolute;inset:12vh 4vw;display:grid;grid-template-columns:repeat(3,1fr);align-content:space-between;gap:3vw;opacity:var(--simple-under-o,0);filter:blur(var(--simple-blur,6px))}
.simple-v38__under span{font:700 clamp(11px,.78vw,15px)/1.2 var(--mono,monospace);letter-spacing:.14em;border-top:1px solid rgba(217,237,246,.24);padding-top:10px;opacity:.72}

/* Project One break */
.weird-v38__one,.weird-v38__two{position:absolute;left:50%;top:50%;width:94vw;text-align:center;transform:translate(-50%,-50%);font-size:clamp(76px,min(13vw,21vh),210px)}
.weird-v38__one{opacity:var(--weird-one-o,1)}
.weird-v38__one span{display:inline-block;transform:translate(var(--char-x,0),var(--char-y,0)) rotate(var(--char-r,0deg));opacity:var(--char-o,1);will-change:transform}
.weird-v38__two{opacity:var(--weird-two-o,0);transform:translate(-50%,-50%) scale(var(--weird-two-s,.86))}
.weird-v38__three{position:absolute;left:50%;top:67%;transform:translateX(-50%);font:600 clamp(14px,1.05vw,19px)/1 var(--mono,monospace);letter-spacing:.04em;opacity:var(--weird-three-o,0)}

/* Bridge to the existing artifact desk */
.other-bridge-v38{height:155svh;position:relative;color:#f2efe8}
.other-bridge-v38__sticky{position:sticky;top:0;height:var(--vh,100svh);display:grid;place-items:center;text-align:center;overflow:hidden;padding:5vw}
.other-bridge-v38 p{margin:0;font-size:clamp(90px,15vw,280px);line-height:.72;letter-spacing:-.08em;font-weight:760;transform:translateY(var(--bridge-y,0));opacity:var(--bridge-a-o,1)}
.other-bridge-v38 span{position:absolute;left:50%;top:50%;width:92vw;transform:translate(-50%,-50%) scale(var(--bridge-b-s,.86));font-size:clamp(72px,11vw,210px);line-height:.8;letter-spacing:-.07em;font-weight:760;opacity:var(--bridge-b-o,0)}

/* Other Things — standalone artifact desk (v38 no longer imports legacy project CSS) */
.other-things-v37{color:#151515;min-height:190svh;padding:14vh clamp(22px,4vw,72px) 18vh;background:transparent}
.other-things-v37__head{display:grid;grid-template-columns:.62fr 1.45fr .7fr;gap:4vw;align-items:end;max-width:1700px;margin:0 auto 8vh}
.other-things-v37__head>span{font:600 clamp(11px,.76vw,14px)/1.5 var(--mono,monospace);letter-spacing:.12em;opacity:.54;max-width:30ch}
.other-things-v37__head h2{margin:0;font-size:clamp(80px,10vw,180px);line-height:.76;letter-spacing:-.07em}
.other-things-v37__head p{margin:0;font-size:clamp(17px,1.2vw,22px);line-height:1.45;opacity:.65;max-width:25ch}
.artifact-desk-v37{position:relative;max-width:1700px;height:min(1120px,115svh);min-height:820px;margin:0 auto;background:rgba(255,255,255,.18);border-radius:14px;box-shadow:inset 0 0 0 1px rgba(20,20,20,.08);overflow:hidden;isolation:isolate}
.artifact-desk-v37::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(20,20,20,.12) .7px,transparent .7px);background-size:16px 16px;opacity:.3;pointer-events:none}
.artifact-cluster-v37{position:absolute;left:var(--x);top:var(--y);width:min(27vw,390px);min-height:220px;padding:22px;border:0;text-align:left;background:#f7f3ea;color:#131313;box-shadow:0 18px 48px rgba(18,18,18,.12);transform:translate3d(var(--dx,0px),var(--dy,0px),0) rotate(var(--r,0deg));transition:box-shadow .25s ease,opacity .25s ease,filter .25s ease,transform .2s ease;cursor:grab;touch-action:none;z-index:3;font-family:inherit}
.artifact-cluster-v37:hover{box-shadow:0 26px 70px rgba(18,18,18,.18)}
.artifact-cluster-v37.is-dragging{cursor:grabbing;z-index:30;box-shadow:0 34px 90px rgba(18,18,18,.25);transition:none}
.artifact-cluster-v37.is-open{z-index:22;box-shadow:0 30px 82px rgba(18,18,18,.23)}
.artifact-desk-v37.has-open .artifact-cluster-v37:not(.is-open){opacity:.38;filter:saturate(.45)}
.artifact-tag-v37{font:650 10px/1 var(--mono,monospace);letter-spacing:.13em;opacity:.5}
.artifact-cluster-v37>strong{display:block;margin-top:16px;font-size:clamp(26px,2.25vw,42px);line-height:.87;letter-spacing:-.045em}
.artifact-cluster-v37>small{display:block;margin-top:12px;font:600 10px/1 var(--mono,monospace);letter-spacing:.12em;opacity:.5}
.artifact-chart-v37{width:100%;height:62px;margin-top:22px;fill:none;stroke:#151515;stroke-width:1.6;overflow:visible}.artifact-chart-v37 path{vector-effect:non-scaling-stroke}
.sensor-strip-v37{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px}.sensor-strip-v37 i{font-style:normal;padding:12px 8px;background:#171717;color:#eee}.sensor-strip-v37 b{display:block;font-size:22px}.sensor-strip-v37 small{font:600 8px/1 var(--mono,monospace);letter-spacing:.1em;opacity:.6}
.scan-card-v37{position:relative;margin-top:20px;height:88px;background:radial-gradient(ellipse at 50% 45%,#8f9a97 0 18%,#2d3432 19% 25%,#a6afac 26% 32%,#343b39 33% 46%,#151918 47%);overflow:hidden;color:#d9ff6a}.scan-card-v37 i{position:absolute;left:0;right:0;top:48%;height:1px;background:#d9ff6a;box-shadow:0 0 12px #d9ff6a}.scan-card-v37 span{position:absolute;right:9px;top:8px;font:700 20px/1 var(--mono,monospace)}.scan-card-v37 small{position:absolute;left:9px;bottom:8px;font:600 8px/1 var(--mono,monospace);letter-spacing:.08em}
.stage-output-v37{display:flex;align-items:center;gap:4px;margin-top:22px}.stage-output-v37 span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #bbb;font:700 12px/1 var(--mono,monospace)}.stage-output-v37 span.is-hot{background:#171717;color:white}.stage-output-v37 b{margin-left:auto;font-size:29px}
.packet-log-v37{margin-top:20px;background:#151515;color:#f1ede4;padding:10px 12px;display:grid;gap:5px;font:600 9px/1.3 var(--mono,monospace)}.packet-log-v37 span{display:flex;justify-content:space-between}.packet-log-v37 b{color:#8ddb9a}.packet-log-v37 b.bad{color:#ff7979}
.resume-stack-v37{position:relative;height:82px;margin-top:20px}.resume-stack-v37 i{position:absolute;left:0;right:0;height:36px;padding:8px 10px;background:white;border:1px solid #d5d0c8;font:700 10px/1 var(--mono,monospace);font-style:normal}.resume-stack-v37 i:nth-child(1){top:0;z-index:3}.resume-stack-v37 i:nth-child(2){top:19px;left:7px;right:-7px;z-index:2}.resume-stack-v37 i:nth-child(3){top:38px;left:14px;right:-14px;z-index:1}.resume-stack-v37 b{float:right;font-size:14px}
.health-inputs-v37{display:flex;align-items:center;gap:6px;margin-top:24px;flex-wrap:wrap}.health-inputs-v37 span,.health-inputs-v37 b{padding:9px 10px;background:#171717;color:#eee;font:700 9px/1 var(--mono,monospace);letter-spacing:.08em}.health-inputs-v37 i{font-style:normal;font-size:20px}.health-inputs-v37 b{background:#d4ff74;color:#151515}
.artifact-detail-v37{position:absolute;right:3%;bottom:4%;width:min(36vw,540px);min-height:230px;background:#151515;color:#f1ede5;padding:clamp(22px,2.6vw,42px);z-index:12;box-shadow:0 30px 90px rgba(0,0,0,.18)}
.artifact-detail-v37>span{font:650 10px/1 var(--mono,monospace);letter-spacing:.14em;color:#d4ff74}.artifact-detail-v37 h3{margin:18px 0 14px;font-size:clamp(30px,3vw,54px);line-height:.88;letter-spacing:-.045em}.artifact-detail-v37 p{margin:0;font-size:clamp(14px,1vw,18px);line-height:1.5;opacity:.72;max-width:42ch}.artifact-detail-v37 small{display:block;margin-top:28px;font:600 10px/1.4 var(--mono,monospace);letter-spacing:.1em;opacity:.5}
.artifact-detail-v37__close{position:absolute;right:18px;top:16px;border:0;background:transparent;color:inherit;font:650 10px/1 var(--mono,monospace);letter-spacing:.1em;cursor:pointer;opacity:.55;padding:6px}.artifact-detail-v37__close:hover{opacity:1}

/* Existing Other Things desk, slightly more physical and better scaled */
.projects-page-v38 .other-things-v37{background:transparent!important;color:#141414;padding-top:13vh;padding-bottom:13vh}
.projects-page-v38 .other-things-v37__head span{font-size:clamp(11px,.78vw,14px)!important}
.projects-page-v38 .other-things-v37__head h2{font-size:clamp(88px,11vw,200px)!important;line-height:.78!important}
.projects-page-v38 .other-things-v37__head p{font-size:clamp(17px,1.15vw,22px)!important}
.projects-page-v38 .artifact-desk-v37{height:min(1180px,118svh);background:rgba(255,255,255,.24);box-shadow:inset 0 0 0 1px rgba(20,20,20,.08),0 35px 100px rgba(25,20,16,.08)}
.projects-page-v38 .artifact-cluster-v37{transition:box-shadow .25s ease,opacity .25s ease,filter .25s ease,transform .16s ease}
.projects-page-v38 .artifact-cluster-v37:hover{transform:translate3d(var(--dx,0px),calc(var(--dy,0px) - 5px),0) rotate(var(--r,0deg));box-shadow:0 32px 78px rgba(18,18,18,.2)}

/* Quiet ending */
.projects-end-v38{min-height:120svh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f2efe8;text-align:center;padding:10vh 5vw}
.projects-end-v38 p{margin:0;font-size:clamp(130px,25vw,470px);line-height:.65;letter-spacing:-.09em;font-weight:760}.projects-end-v38 span{margin-top:8vh;font:600 clamp(14px,1vw,18px)/1.3 var(--mono,monospace);letter-spacing:.08em;opacity:.6}
.projects-footer-v38{color:#f2efe8!important;border-top-color:rgba(255,255,255,.12)!important}
.projects-footer-v38 a{color:inherit}

/* Tablet */
@media(max-width:900px){
  .feature-v38__sticky,.feature-v38__sticky--reverse{grid-template-columns:1fr;padding:10vh 5vw 9vh;align-content:center;gap:3vh}
  .feature-v38__copy,.feature-v38__sticky--reverse .feature-v38__copy{grid-column:1;grid-row:1;justify-self:start;text-align:left;max-width:720px}
  .feature-v38__sticky--reverse .feature-v38__copy p,.feature-v38__sticky--reverse .feature-v38__copy small{margin-left:0}
  .feature-v38__device,.feature-v38__sticky--reverse .feature-v38__device{grid-column:1;grid-row:2;width:min(90vw,68vh,900px)}
  .feature-v38 h2{font-size:clamp(80px,14vw,145px)}
  .direction-v38__a,.direction-v38__b{font-size:15vw}.direction-v38__c{font-size:11vw}
}


@media(max-width:980px) and (min-width:701px){
  .projects-page-v38 .other-things-v37{min-height:0;padding-inline:clamp(24px,4vw,42px)}
  .projects-page-v38 .other-things-v37__head{grid-template-columns:1fr 1.6fr;align-items:end}
  .projects-page-v38 .other-things-v37__head p{grid-column:2}
  .projects-page-v38 .artifact-desk-v37{height:auto;min-height:0;overflow:visible;background:transparent;box-shadow:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .projects-page-v38 .artifact-desk-v37::before{display:none}
  .projects-page-v38 .artifact-cluster-v37{position:relative!important;left:auto!important;top:auto!important;width:auto!important;min-height:220px;transform:none!important}
  .projects-page-v38 .artifact-detail-v37{position:relative;right:auto;bottom:auto;width:auto;grid-column:1/-1;min-height:220px}
}

/* Mobile — no pinned overstimulation, recordings remain the focus */
@media(max-width:700px){
  .work-open-v38{height:135svh}.work-open-v38__sticky{padding:18px}.work-open-v38__meta{top:78px;left:18px;right:18px;font-size:8px}.work-open-v38__title{font-size:34vw}.work-open-v38__windows figure:nth-child(1){width:48vw;left:-7vw;top:18vh}.work-open-v38__windows figure:nth-child(2){width:45vw;right:-8vw;top:24vh}.work-open-v38__windows figure:nth-child(3){width:48vw;left:-5vw;bottom:20vh}.work-open-v38__windows figure:nth-child(4){width:52vw;right:-9vw;bottom:14vh}
  .feature-v38{height:auto;min-height:0}.feature-v38__sticky,.feature-v38__sticky--reverse{position:relative;height:auto;min-height:0;display:flex;padding:13vh 18px 11vh;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4vh;overflow:visible}.feature-v38__copy,.feature-v38__sticky--reverse .feature-v38__copy{order:1;text-align:left}.feature-v38__device,.feature-v38__sticky--reverse .feature-v38__device{order:2;width:112%;margin-left:-6%}.feature-v38 h2{font-size:23vw}.feature-v38__copy p{font-size:18px}.feature-v38__copy small{font-size:11px}.feature-v38__eyebrow{font-size:9px}.feature-v38__copy a{font-size:10px}
  .interlude-v38{height:135svh}.interlude-v38__sticky{padding:18px}.direction-v38__a,.direction-v38__b{font-size:18vw}.direction-v38__c{font-size:14vw}.distance-v38__a,.distance-v38__b{font-size:18vw}.distance-v38__answer{font-size:14vw}.simple-v38__looks,.simple-v38__good{font-size:22vw}.simple-v38__under{grid-template-columns:1fr 1fr;inset:13vh 18px}.simple-v38__under span{font-size:8px}.weird-v38__one,.weird-v38__two{font-size:17vw}
  .other-bridge-v38{height:125svh}.other-bridge-v38 p{font-size:22vw}.other-bridge-v38 span{font-size:16vw}
  .projects-page-v38 .other-things-v37{min-height:0;padding:12vh 18px}.projects-page-v38 .other-things-v37__head{display:block;margin-bottom:6vh}.projects-page-v38 .other-things-v37__head h2{font-size:21vw;margin:22px 0}.projects-page-v38 .other-things-v37__head p{font-size:16px}.projects-page-v38 .artifact-desk-v37{height:auto;min-height:0;background:transparent;box-shadow:none;overflow:visible;display:grid;grid-template-columns:1fr;gap:12px}.projects-page-v38 .artifact-desk-v37::before{display:none}.projects-page-v38 .artifact-cluster-v37{position:relative!important;left:auto!important;top:auto!important;width:100%!important;min-height:190px;transform:none!important}.projects-page-v38 .artifact-detail-v37{position:relative;right:auto;bottom:auto;width:100%;margin-top:0}.projects-end-v38 p{font-size:38vw}
  .projects-footer-v38{padding-bottom:120px!important}
}

@media(prefers-reduced-motion:reduce){
  .projects-surface-v38,.work-open-v38__title,.work-open-v38__windows figure,.feature-v38__copy,.feature-v38__device,.interlude-v38 *{transition:none!important}
  .work-open-v38,.interlude-v38,.other-bridge-v38{height:auto;min-height:100svh}.work-open-v38__sticky,.interlude-v38__sticky,.other-bridge-v38__sticky{position:relative}
  .feature-v38{height:auto}.feature-v38__sticky{position:relative}
}

/* ========================================================================
   v41 — PROJECTS PACING / TYPE FIXES
   ======================================================================== */
/* Give the Ayamen direction conversation enough physical scroll distance that
   trackpads cannot flash through all three thoughts at once. */
.interlude-v38--direction{height:245svh}

/* Keep the Project One line as an intentional single-line statement. */
.weird-v38__one{width:max-content;max-width:none;white-space:nowrap;font-size:min(8.4vw,150px);letter-spacing:-.075em}

@media(max-width:700px){
  .interlude-v38--direction{height:185svh}
  .weird-v38__one{font-size:8.6vw;white-space:nowrap;width:max-content;max-width:none}
}

.feature-v38__links{display:flex;flex-wrap:wrap;gap:18px 24px;align-items:center;margin-top:clamp(30px,4vh,52px)}
.feature-v38__links .feature-v38__copy a,.feature-v38__links a{margin-top:0}
.feature-v38__sticky--reverse .feature-v38__links{justify-content:flex-end}
@media(max-width:980px){.feature-v38__sticky--reverse .feature-v38__links{justify-content:flex-start}}
@media(max-width:700px){.feature-v38__links{gap:12px 18px}.feature-v38__links a{font-size:10px}}
