/* Homepage self-introduction playground — scoped to this section only. */
.about-journey{position:relative;overflow:clip;background:#f5f5f7;color:#1d1d1f}
.about-journey:before{content:"ABOUT / FIELD NOTES";position:absolute;z-index:3;left:18px;top:50%;color:#86868b;font:650 8px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.12em;writing-mode:vertical-rl;transform:translateY(-50%);pointer-events:none}
.intro-brief{
  min-height:100svh!important;
  padding:clamp(96px,9vw,144px) var(--shell-edge) clamp(78px,7vw,112px)!important;
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-template-rows:auto 1fr!important;
  gap:clamp(34px,4vw,64px) clamp(18px,2vw,30px)!important;
  overflow:hidden!important;
  background:transparent!important;
  color:#1d1d1f!important;
}
.intro-brief .intro-monogram{left:auto!important;right:-.06em!important;top:.08em!important;color:rgba(29,29,31,.035)!important;-webkit-text-stroke:0!important;font-size:clamp(250px,35vw,540px)!important;pointer-events:none}
.intro-brief .intro-code{grid-column:1/4!important;grid-row:1!important;align-self:start;color:#6e6e73!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif!important;font-size:10px!important;letter-spacing:.06em!important}
.intro-brief .intro-code:before{background:#1d1d1f!important}
.intro-brief .intro-voice{grid-column:4/13!important;grid-row:1!important;align-self:end!important}
.intro-brief .intro-voice>span{margin-bottom:18px!important;color:#1d1d1f!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif!important;font-size:15px!important;font-weight:650!important;letter-spacing:.02em!important;text-transform:uppercase}
.intro-brief .intro-voice h2{max-width:980px!important;margin:0!important;color:#1d1d1f!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",sans-serif!important;font-size:clamp(48px,5.7vw,88px)!important;font-weight:650!important;line-height:.96!important;letter-spacing:-.06em!important}
.intro-brief .intro-voice h2 em{font:inherit!important;color:#86868b!important}
.intro-brief .intro-copy{grid-column:8/13!important;grid-row:2!important;align-self:end!important;padding:0 0 2px!important;border:0!important}
.intro-brief .intro-copy>p{max-width:620px!important;margin:0!important;color:#6e6e73!important;font-size:clamp(16px,1.35vw,20px)!important;line-height:1.5!important;letter-spacing:-.025em!important}
.intro-brief .about-portal{margin-top:clamp(30px,4vw,48px)!important;min-height:94px!important;padding:20px 18px 20px 22px!important;border:1px solid rgba(29,29,31,.08)!important;border-radius:24px!important;background:#fff!important;color:#1d1d1f!important;box-shadow:0 1px 2px rgba(0,0,0,.04),0 18px 50px rgba(0,0,0,.045)!important}
.intro-brief .about-portal:before{background:#1d1d1f!important}.intro-brief .about-portal:hover,.intro-brief .about-portal:focus-visible{color:#fff!important;box-shadow:0 18px 48px rgba(29,29,31,.18)!important}.intro-brief .about-portal-dial{background:#e8e8ed!important}.intro-brief .about-portal:hover .about-portal-dial{background:#fff!important;color:#1d1d1f!important}

.intro-playground{
  --play-x:50%;--play-y:50%;--pull-progress:0;--pull-base:0px;--pull-step:145px;--pull-range:var(--pull-step);
  position:relative;isolation:isolate;grid-column:1/8;grid-row:2;align-self:stretch;
  min-height:clamp(520px,62vh,690px);overflow:hidden;border:1px solid rgba(29,29,31,.08);border-radius:32px;
  background:radial-gradient(420px circle at var(--play-x) var(--play-y),rgba(255,255,255,.95),rgba(255,255,255,0) 70%),#e8e8ed;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 28px 80px rgba(0,0,0,.07);
  user-select:none;-webkit-user-select:none;touch-action:pan-y;
}
.intro-brief .intro-playground{opacity:0;transform:translateY(28px) scale(.985)}.intro-brief.in-view .intro-playground{animation:intro-play-in .95s .08s cubic-bezier(.16,1,.3,1) both}
.intro-play-grid{position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(29,29,31,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(29,29,31,.055) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 88%);pointer-events:none}
.intro-placeholder{position:absolute;z-index:1;left:6%;top:8%;width:58%;height:61%;overflow:hidden;border:1px solid rgba(29,29,31,.09);border-radius:25px;background:rgba(245,245,247,.72);box-shadow:0 14px 36px rgba(0,0,0,.055);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.intro-placeholder>span{position:absolute;left:16px;top:15px;font:650 8px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.08em;color:#6e6e73}
.intro-placeholder>strong{position:absolute;right:13px;top:5px;color:rgba(29,29,31,.055);font:750 clamp(64px,8vw,116px)/1 -apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;letter-spacing:-.08em}
.intro-placeholder>small{position:absolute;left:16px;bottom:14px;color:#86868b;font:650 8px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.08em}
.intro-placeholder-avatar{position:absolute;left:50%;top:49%;width:min(43%,170px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px dashed rgba(29,29,31,.25);border-radius:50%}
.intro-placeholder-avatar:before{content:"";position:absolute;left:50%;top:18%;width:29%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:#d2d2d7}
.intro-placeholder-avatar:after{content:"";position:absolute;left:20%;right:20%;bottom:13%;height:40%;border-radius:55% 55% 24% 24%;background:#d2d2d7}

.intro-note-secret{position:absolute;z-index:3;left:10%;top:20%;width:min(52%,330px);min-height:210px;padding:24px 23px;border-radius:19px;background:#1d1d1f;color:#f5f5f7;display:flex;flex-direction:column;opacity:.1;transform:scale(.94);transition:opacity .4s ease,transform .65s cubic-bezier(.16,1,.3,1)}
.intro-note-secret small,.intro-pull-secret small{font:650 8px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.09em;color:#6e6e73}
.intro-note-secret strong{margin:34px 0 10px;font-size:clamp(25px,2.7vw,38px);line-height:.94;letter-spacing:-.055em}
.intro-note-secret p{margin:0;color:#a1a1a6;font-size:13px;line-height:1.45}
.intro-note-reset{align-self:flex-start;margin-top:auto;padding:8px 0 3px;border:0;border-bottom:1px solid #6e6e73;background:transparent;color:#fff;font:650 9px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif}.intro-note-reset:disabled{visibility:hidden}
.intro-sticker{position:absolute;z-index:5;left:9%;top:18%;width:min(54%,345px);min-height:225px;padding:24px 23px;border:0;border-radius:4px 20px 20px 20px;background:#fff3a6;color:#1d1d1f;box-shadow:0 22px 48px rgba(0,0,0,.16);display:flex;flex-direction:column;text-align:left;touch-action:none;cursor:grab!important;transform:translate3d(var(--sticker-x,0),var(--sticker-y,0),0) rotate(var(--sticker-rotate,-2deg));transform-origin:100% 0;transition:transform .68s cubic-bezier(.16,1,.3,1),opacity .35s ease,box-shadow .35s ease}
.intro-sticker small{font:650 8px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.09em;color:#6e6e73}.intro-sticker strong{margin:auto 0 8px;font-size:clamp(24px,2.6vw,36px);line-height:.95;letter-spacing:-.055em}.intro-sticker>span{color:#6e6e73;font-size:13px}.intro-sticker>i{position:absolute;right:0;top:0;width:44px;height:44px;border-radius:0 20px 0 9px;background:linear-gradient(225deg,#d6ca7f 0 49%,rgba(255,255,255,.76) 50%);transition:width .3s,height .3s}.intro-sticker:hover>i{width:58px;height:58px}
.intro-playground.is-note-dragging .intro-sticker{transition:none;cursor:grabbing!important;box-shadow:0 30px 64px rgba(0,0,0,.2)}.intro-playground.is-note-open .intro-sticker{transform:translate3d(126%,-30%,0) rotate(16deg);opacity:.2;pointer-events:none}.intro-playground.is-note-open .intro-note-secret{opacity:1;transform:none}
.intro-playground.is-hobbies-open .intro-note-secret{opacity:1;transform:none}.intro-playground.is-hobbies-open .intro-hobby-notes{pointer-events:auto}.intro-playground.is-hobbies-open .intro-hobby-note{cursor:grab!important;touch-action:none}.intro-playground.is-hobby-note-dragging .intro-hobby-note[tabindex="0"]{transition:none!important;cursor:grabbing!important;box-shadow:0 30px 64px rgba(0,0,0,.22)}

.intro-pull-secret{position:absolute;z-index:4;right:7%;top:51%;width:56%;min-height:126px;padding:20px 22px;border-radius:20px;background:rgba(255,255,255,.95);box-shadow:0 18px 40px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:center;opacity:var(--pull-progress);clip-path:inset(calc((1 - var(--pull-progress)) * 100%) 0 0 0 round 20px);transform:translateY(calc((1 - var(--pull-progress)) * 22px));transition:opacity .4s ease,clip-path .62s cubic-bezier(.16,1,.3,1),transform .62s cubic-bezier(.16,1,.3,1);pointer-events:none}
.intro-pull-secret strong{margin:12px 0 6px;color:#1d1d1f;font-size:clamp(17px,1.7vw,23px);line-height:1.04;letter-spacing:-.04em}.intro-pull-secret>span{color:#6e6e73;font-size:11px;line-height:1.35}
.intro-pulley{position:absolute;z-index:30;right:5%;top:10%;width:54px;height:calc(var(--pull-step) * 2 + 58px);pointer-events:none}.intro-pull-line{position:absolute;left:50%;top:0;width:1px;height:calc(var(--pull-step) + 1px);transform:translateX(-50%);background:rgba(29,29,31,.3)}.intro-pull-line:before{content:"";position:absolute;left:-4px;top:-4px;width:9px;height:9px;border-radius:50%;background:#1d1d1f;box-shadow:0 0 0 6px rgba(29,29,31,.1)}.intro-pull-line:after{content:"";position:absolute;left:0;top:var(--pull-step);width:1px;height:var(--pull-step);opacity:0;background:repeating-linear-gradient(to bottom,#1d1d1f 0 5px,transparent 5px 11px);transition:opacity .35s ease}
.intro-pull{position:absolute;left:0;top:0;width:54px;height:54px;padding:0;border:0;border-radius:50%;background:#1d1d1f;color:#fff;box-shadow:0 10px 28px rgba(29,29,31,.25);display:grid;place-items:center;pointer-events:auto;touch-action:none;cursor:grab!important;transform:translateY(calc(var(--pull-base) + var(--pull-progress) * var(--pull-range)));transition:transform .62s cubic-bezier(.16,1,.3,1),box-shadow .3s,background .3s}.intro-pull>span{position:absolute;right:64px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.92);color:#6e6e73;font:650 8px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.intro-pull i{font-size:17px;font-style:normal}.intro-playground.is-pull-dragging .intro-pull{transition:none;cursor:grabbing!important;box-shadow:0 14px 36px rgba(29,29,31,.34)}
.intro-pull-more{position:absolute;left:50%;top:calc(var(--pull-step) * 1.62);width:104px;opacity:0;transform:translate(-50%,10px);display:grid;justify-items:center;gap:4px;text-align:center;transition:opacity .4s .25s ease,transform .6s .2s cubic-bezier(.16,1,.3,1)}.intro-pull-more b{color:#1d1d1f;font:700 8px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.08em;text-transform:uppercase}.intro-pull-more em{color:#6e6e73;font:600 7px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.06em;text-transform:uppercase;font-style:normal}.intro-playground.is-hobbies-open{--pull-base:0px;--pull-range:calc(var(--pull-step) * 2)}.intro-playground.is-hobbies-open .intro-pull{background:#1d1d1f;box-shadow:0 10px 30px rgba(29,29,31,.22)}.intro-playground.is-hobbies-open .intro-pull i{animation:intro-second-pull 1.25s ease-in-out infinite}.intro-playground.is-hobbies-open .intro-pull-line:after{opacity:1}.intro-playground.is-hobbies-open .intro-pull-more{opacity:1;transform:translate(-50%,0)}

.intro-hobby-notes{position:absolute;z-index:4;left:9%;top:18%;width:min(54%,345px);min-height:225px;perspective:900px;pointer-events:none}.intro-hobby-note{position:absolute;inset:0;width:100%;min-height:225px;padding:24px 23px;border:1px solid rgba(29,29,31,.07);border-radius:4px 20px 20px 20px;background:#fff1a8;color:#1d1d1f;box-shadow:0 22px 48px rgba(0,0,0,.15);display:flex;flex-direction:column;opacity:1;transform-origin:100% 0;will-change:transform,opacity,filter;transition:transform .65s cubic-bezier(.16,1,.3,1),opacity .32s ease,filter .3s ease}.intro-hobby-note:nth-child(1),.intro-hobby-note:nth-child(8),.intro-hobby-note:nth-child(14){background:#fff1a8}.intro-hobby-note:nth-child(2),.intro-hobby-note:nth-child(7),.intro-hobby-note:nth-child(11),.intro-hobby-note:nth-child(15){background:#fff}.intro-hobby-note:nth-child(3),.intro-hobby-note:nth-child(10){background:#bcdcff}.intro-hobby-note:nth-child(4),.intro-hobby-note:nth-child(12){background:#ffc8da}.intro-hobby-note:nth-child(5),.intro-hobby-note:nth-child(13){background:#bae5c6}.intro-hobby-note:nth-child(6),.intro-hobby-note:nth-child(9){background:#ffd0ae}.intro-hobby-note:after{content:"";position:absolute;right:0;top:0;width:44px;height:44px;border-radius:0 20px 0 9px;background:linear-gradient(225deg,rgba(29,29,31,.14) 0 49%,rgba(255,255,255,.7) 50%)}.intro-hobby-note small{font:700 8px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.09em;color:#6e6e73}.intro-hobby-note strong{margin:auto 0 8px;font:700 clamp(24px,2.6vw,36px)/.95 -apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;letter-spacing:-.055em}.intro-hobby-note span{color:#6e6e73;font:500 13px/1.3 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif}.intro-playground.is-auto-peeling .intro-sticker,.intro-playground.is-auto-peeling .intro-hobby-note{transition:none!important}

.intro-magnets{position:absolute;z-index:10;inset:0;pointer-events:none}.intro-magnet{position:absolute;left:var(--magnet-left);top:var(--magnet-top);min-width:88px;padding:11px 14px;border:1px solid rgba(29,29,31,.1);border-radius:999px;background:#fff;color:#1d1d1f;box-shadow:0 9px 24px rgba(0,0,0,.09);font:700 9px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.08em;pointer-events:auto;touch-action:none;cursor:grab!important;transform:translate3d(var(--magnet-x,0),var(--magnet-y,0),0) rotate(var(--magnet-rotate));transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .3s}.intro-magnet:nth-child(2){background:#1d1d1f;color:#fff}.intro-magnet:nth-child(3){background:#1d1d1f;color:#fff}.intro-magnet.is-dragging{z-index:20;transition:none;cursor:grabbing!important;box-shadow:0 18px 42px rgba(0,0,0,.18)}
.intro-play-hint{position:absolute;z-index:2;left:18px;bottom:17px;margin:0;display:flex;align-items:center;gap:8px;color:#6e6e73;font:650 8px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.08em;text-transform:uppercase}.intro-play-hint>span{width:7px;height:7px;border-radius:50%;background:#1d1d1f;animation:intro-hint-pulse 2s ease-in-out infinite}
.intro-sticker:focus-visible,.intro-pull:focus-visible,.intro-magnet:focus-visible,.intro-note-reset:focus-visible{outline:3px solid rgba(29,29,31,.5)!important;outline-offset:3px}
@keyframes intro-hint-pulse{0%,100%{transform:scale(.65);opacity:.45}50%{transform:scale(1);opacity:1}}
@keyframes intro-play-in{to{opacity:1;transform:none}}
@keyframes intro-second-pull{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}

body.note-gallery-open{overflow:hidden!important}.note-gallery{position:fixed;z-index:650;inset:0;overflow:hidden;background:rgba(245,245,247,.9);color:#1d1d1f;backdrop-filter:blur(28px) saturate(115%);-webkit-backdrop-filter:blur(28px) saturate(115%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility 0s .5s}.note-gallery.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .45s ease,visibility 0s}.note-gallery-open .fx-cursor{z-index:750}.note-gallery-open .fx-ripple,.note-gallery-open .fx-spark{display:none}.note-gallery-noise{position:absolute;inset:0;opacity:.35;pointer-events:none;background-image:linear-gradient(rgba(29,29,31,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(29,29,31,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at 50% 50%,#000,transparent 78%)}
.note-gallery-burst{position:absolute;z-index:40;left:84vw;top:27vh;width:1px;height:1px;pointer-events:none}.note-gallery-burst:before,.note-gallery-burst:after{content:"";position:absolute;left:0;top:0;width:24px;height:24px;border:2px solid #1d1d1f;border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.2)}.note-gallery.is-open .note-gallery-burst:before{animation:note-shockwave 1.05s .08s cubic-bezier(.16,1,.3,1) both}.note-gallery.is-open .note-gallery-burst:after{animation:note-shockwave 1.2s .2s cubic-bezier(.16,1,.3,1) both}.note-gallery-burst i{position:absolute;left:0;top:0;width:var(--w);height:var(--h);border-radius:2px;background:var(--paper);opacity:0;transform:translate(-50%,-50%);box-shadow:0 5px 14px rgba(0,0,0,.15)}.note-gallery.is-open .note-gallery-burst i{animation:note-debris-flight var(--duration) var(--delay) cubic-bezier(.12,.72,.18,1) both}
.note-gallery-header{position:absolute;z-index:30;left:clamp(20px,4vw,64px);right:clamp(20px,4vw,64px);top:clamp(18px,3vw,42px);display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.note-gallery-header p{margin:0;display:grid;gap:8px}.note-gallery-header span{color:#6e6e73;font:650 8px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.1em}.note-gallery-header strong{font:650 clamp(24px,3vw,48px)/.96 -apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;letter-spacing:-.055em}.note-gallery-close{min-height:48px;padding:0 8px 0 19px;border:1px solid rgba(29,29,31,.1);border-radius:999px;background:rgba(255,255,255,.86);box-shadow:0 10px 30px rgba(0,0,0,.07);display:flex;align-items:center;gap:13px;color:#1d1d1f;font:650 10px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif}.note-gallery-close i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#1d1d1f;color:#fff;font:400 19px/1 sans-serif;font-style:normal}.note-gallery-close:hover{background:#1d1d1f;color:#fff}
.note-gallery-field{position:absolute;inset:0;overflow:hidden;cursor:grab!important;touch-action:none;user-select:none;-webkit-user-select:none;outline:0}.note-gallery-field.is-dragging{cursor:grabbing!important}.note-gallery-plane{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;transform:translate3d(var(--gallery-x,0),var(--gallery-y,0),0) scale(.88);transform-origin:84vw 27vh;will-change:transform;transition:opacity .35s ease,scale .8s cubic-bezier(.16,1,.3,1)}.note-gallery.is-open .note-gallery-plane{opacity:1;scale:1}.note-gallery-field.is-dragging .note-gallery-plane{transition:opacity .35s ease}.note-gallery-item{position:absolute;width:clamp(160px,18vw,250px);aspect-ratio:1.16;transform:translate(-50%,-50%);z-index:1}.note-gallery-card{--delay:0s;width:100%;height:100%;padding:clamp(18px,2vw,28px);border:0;border-radius:5px 22px 22px 22px;display:flex;flex-direction:column;text-align:left;color:#1d1d1f;box-shadow:0 20px 50px rgba(0,0,0,.16);opacity:1;transform:translateY(-5px) rotate(var(--r));transform-origin:center;transition:box-shadow .25s ease,filter .25s ease,scale .3s cubic-bezier(.16,1,.3,1);will-change:transform;cursor:pointer}.note-gallery.is-open .note-gallery-card{animation:note-gallery-float var(--float) var(--delay) ease-in-out infinite alternate}.note-gallery-card.tone-yellow{background:#fff1a8}.note-gallery-card.tone-white{background:#fff}.note-gallery-card.tone-blue{background:#bcdcff}.note-gallery-card.tone-pink{background:#ffc8da}.note-gallery-card.tone-green{background:#bae5c6}.note-gallery-card.tone-orange{background:#ffd0ae}.note-gallery-card small{font:700 8px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.1em;color:#6e6e73}.note-gallery-card strong{margin:auto 0 10px;font:700 clamp(22px,2.4vw,36px)/.92 -apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;letter-spacing:-.055em}.note-gallery-card span{max-width:18ch;color:#6e6e73;font:500 clamp(10px,1vw,13px)/1.35 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif}.note-gallery-card>i{position:absolute;right:16px;top:14px;font:500 14px/1 sans-serif;font-style:normal}.note-gallery-card:hover,.note-gallery-card.is-focused{z-index:25!important;box-shadow:0 34px 85px rgba(0,0,0,.24);filter:saturate(1.08);scale:1.1}.note-gallery-item:has(.is-focused){z-index:25}.note-gallery-card:focus-visible,.note-gallery-close:focus-visible,.note-gallery-field:focus-visible{outline:3px solid #1d1d1f!important;outline-offset:4px}
.note-gallery-hint{position:absolute;z-index:30;left:50%;bottom:22px;margin:0;transform:translateX(-50%);display:flex;align-items:center;gap:9px;white-space:nowrap;color:#6e6e73;font:650 8px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.09em;text-transform:uppercase}.note-gallery-hint span{width:7px;height:7px;border-radius:50%;background:#1d1d1f;animation:intro-hint-pulse 2s ease-in-out infinite}
@keyframes note-gallery-float{from{transform:translateY(-5px) rotate(var(--r))}to{transform:translateY(7px) rotate(calc(var(--r) + 1.2deg))}}
@keyframes note-shockwave{0%{opacity:.9;transform:translate(-50%,-50%) scale(.2)}100%{opacity:0;transform:translate(-50%,-50%) scale(28)}}
@keyframes note-debris-flight{0%{opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.2)}12%{opacity:1}78%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--spin)) scale(1)}}

@media(max-width:1100px){.intro-brief{grid-template-rows:auto auto!important}.intro-brief .intro-voice{grid-column:4/13!important}.intro-playground{grid-column:1/8}.intro-brief .intro-copy{grid-column:8/13!important}.intro-pull>span{display:none}}
@media(max-width:760px){.intro-brief{min-height:auto!important;padding:88px 18px 74px!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto auto!important;gap:34px!important}.intro-brief .intro-code,.intro-brief .intro-voice,.intro-playground,.intro-brief .intro-copy{grid-column:1!important}.intro-brief .intro-code{grid-row:1!important}.intro-brief .intro-voice{grid-row:2!important}.intro-playground{grid-row:3;min-height:560px;border-radius:26px}.intro-brief .intro-copy{grid-row:4!important}.intro-brief .intro-voice h2{font-size:clamp(43px,12.5vw,68px)!important}.intro-sticker,.intro-hobby-notes{width:66%}.intro-note-secret{width:64%}.intro-pull-secret{width:65%}.intro-play-hint{display:none}}
@media(max-width:480px){.intro-playground{--pull-step:126px;min-height:520px}.intro-placeholder{left:5%;width:72%;height:56%}.intro-sticker{left:6%;top:17%;width:72%;min-height:205px}.intro-hobby-notes{left:6%;top:17%;width:72%;min-height:205px}.intro-hobby-note{min-height:205px}.intro-note-secret{left:7%;top:19%;width:70%;min-height:195px}.intro-pulley{right:4%}.intro-pull{width:48px;height:48px}.intro-pull-secret{right:6%;top:55%;width:73%}.intro-magnet{min-width:76px;padding:10px 11px;font-size:8px}.intro-magnet:nth-child(1){--magnet-left:6%!important}.intro-magnet:nth-child(2){--magnet-left:35%!important}.intro-magnet:nth-child(3){--magnet-left:66%!important}}

/* Keep the infinite note wall on a single composited layer while dragging. */
.note-gallery-plane{contain:layout style}
.note-gallery-field.is-dragging .note-gallery-plane{transition:none}
.note-gallery-field.is-dragging .note-gallery-card{animation:none!important;transition:none!important;filter:none!important;box-shadow:0 16px 36px rgba(0,0,0,.12)}
.note-gallery-field:not(.is-dragging){overscroll-behavior:contain}
.intro-playground:after{content:"DRAG THE PIECES · PULL THE THREAD";position:absolute;left:24px;bottom:18px;color:#6e6e73;font:650 8px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.1em;pointer-events:none;opacity:.72}
@media(max-width:760px){.note-gallery-header{left:18px;right:18px;top:18px}.note-gallery-header strong{font-size:26px}.note-gallery-close{min-height:42px;padding-left:14px;font-size:0}.note-gallery-close:before{content:"Back";font-size:10px}.note-gallery-close i{width:30px;height:30px}.note-gallery-item{width:clamp(150px,46vw,205px)}.note-gallery-card{padding:18px}.note-gallery-card strong{font-size:24px}.note-gallery-card:hover,.note-gallery-card.is-focused{scale:1.035}.note-gallery-hint{bottom:14px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.intro-brief .intro-playground{opacity:1;transform:none;animation:none!important}.intro-playground *{animation:none!important;transition:none!important}.note-gallery-card{animation:none!important;opacity:1!important}.note-gallery{transition:none!important}}

/* Refined personal field-note chapter: product-scale typography and one
   primary interactive object, with restrained depth and supporting copy. */
.intro-brief{min-height:110svh!important;padding:clamp(104px,10vw,156px) var(--shell-edge) clamp(96px,9vw,140px)!important;grid-template-rows:auto auto!important;gap:clamp(56px,7vw,104px) clamp(20px,2.4vw,38px)!important;background:linear-gradient(180deg,#fff 0,#f5f5f7 42%,#f5f5f7 100%)!important}
.intro-brief .intro-monogram{display:none!important}
.intro-brief .intro-code{grid-column:1/3!important;grid-row:1!important;padding-top:10px!important}
.intro-brief .intro-voice{grid-column:3/13!important;grid-row:1!important;align-self:start!important}
.intro-brief .intro-voice>span{margin-bottom:20px!important;font-size:13px!important;letter-spacing:.04em!important}
.intro-brief .intro-voice h2{max-width:1120px!important;font-size:clamp(58px,7.35vw,116px)!important;line-height:.89!important;letter-spacing:-.072em!important}
.intro-brief .intro-voice h2 em{color:#86868b!important}
.intro-playground{grid-column:1/9!important;grid-row:2!important;min-height:clamp(610px,72vh,790px)!important;border:0!important;border-radius:clamp(34px,3vw,48px)!important;background:radial-gradient(540px circle at var(--play-x) var(--play-y),rgba(255,255,255,.98),rgba(255,255,255,0) 72%),linear-gradient(145deg,#eef3fb 0,#e8e8ed 58%,#f5f5f7 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 2px 3px rgba(0,0,0,.03),0 28px 70px rgba(0,0,0,.08)!important}
.intro-play-grid{background-size:56px 56px!important;opacity:.72!important;mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,.7) 72%,transparent 96%)!important}
.intro-placeholder{left:7%!important;top:8%!important;width:61%!important;height:60%!important;border-color:rgba(29,29,31,.065)!important;border-radius:30px!important;background:rgba(255,255,255,.52)!important;box-shadow:0 14px 40px rgba(0,0,0,.04)!important;backdrop-filter:blur(20px)!important}
.intro-placeholder-avatar{display:none!important}
.intro-placeholder>strong{font-size:clamp(76px,10vw,142px)!important;color:rgba(29,29,31,.035)!important}
.intro-sticker,.intro-hobby-note{box-shadow:0 18px 42px rgba(0,0,0,.14)!important}
.intro-pull{box-shadow:0 10px 28px rgba(29,29,31,.2)!important}
.intro-magnet{box-shadow:0 7px 20px rgba(0,0,0,.075)!important}
.intro-playground:after{display:none!important}
.intro-brief .intro-copy{grid-column:9/13!important;grid-row:2!important;align-self:center!important;padding:clamp(8px,1vw,16px)!important}
.intro-brief .intro-copy>p{position:relative;max-width:430px!important;padding-top:44px!important;color:#6e6e73!important;font-size:clamp(18px,1.65vw,25px)!important;line-height:1.38!important;letter-spacing:-.035em!important}
.intro-brief .intro-copy>p:before{content:"A PRACTICE ACROSS SCALES";position:absolute;left:0;top:0;color:#1d1d1f;font:700 9px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.11em}
.intro-brief .about-portal{margin-top:clamp(34px,4vw,54px)!important;min-height:112px!important;padding:24px 20px 24px 26px!important;border:0!important;border-radius:28px!important;background:rgba(255,255,255,.9)!important;box-shadow:0 1px 2px rgba(0,0,0,.035),0 18px 50px rgba(0,0,0,.055)!important;backdrop-filter:blur(18px)!important}
.intro-brief .about-portal-copy strong{font-size:clamp(24px,2.2vw,34px)!important;letter-spacing:-.045em!important}

@media(max-width:1100px){.intro-brief .intro-code{grid-column:1/4!important}.intro-brief .intro-voice{grid-column:4/13!important}.intro-playground{grid-column:1/8!important}.intro-brief .intro-copy{grid-column:8/13!important}}
@media(max-width:760px){.intro-brief{min-height:auto!important;padding:94px 18px 78px!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto auto!important;gap:36px!important}.intro-brief .intro-code,.intro-brief .intro-voice,.intro-playground,.intro-brief .intro-copy{grid-column:1!important}.intro-brief .intro-code{grid-row:1!important}.intro-brief .intro-voice{grid-row:2!important}.intro-brief .intro-voice h2{font-size:clamp(48px,13vw,74px)!important}.intro-playground{grid-row:3!important;min-height:580px!important;border-radius:30px!important}.intro-brief .intro-copy{grid-row:4!important;padding:8px 2px!important}.intro-brief .intro-copy>p{max-width:620px!important}.intro-brief .about-portal{max-width:620px!important}}

/* Field notes — a single product-reveal composition. */
.intro-brief{
  min-height:125svh!important;
  padding:clamp(112px,11vw,174px) var(--shell-edge) clamp(100px,10vw,154px)!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-template-rows:auto auto auto!important;
  gap:clamp(58px,7vw,108px) clamp(18px,2vw,32px)!important;
  background:radial-gradient(circle at 50% 48%,rgba(29,29,31,.105),transparent 31%),linear-gradient(180deg,#fff 0,#f5f5f7 47%,#f5f5f7 100%)!important;
}
.intro-brief .intro-code{grid-column:1/3!important;grid-row:1!important;padding-top:12px!important}
.intro-brief .intro-voice{grid-column:3/13!important;grid-row:1!important;align-self:start!important}
.intro-brief .intro-voice>span{margin-bottom:22px!important;color:#1d1d1f!important;font-size:12px!important;letter-spacing:.095em!important}
.intro-brief .intro-voice h2{max-width:1180px!important;font-size:clamp(64px,8.4vw,136px)!important;line-height:.84!important;letter-spacing:-.078em!important}
.intro-brief .intro-voice h2 em{display:block;color:#86868b!important}
.intro-playground{
  grid-column:2/12!important;grid-row:2!important;
  min-height:clamp(680px,80vh,880px)!important;
  border:1px solid rgba(255,255,255,.9)!important;border-radius:clamp(40px,4vw,58px)!important;
  background:radial-gradient(620px circle at var(--play-x) var(--play-y),rgba(255,255,255,.98),rgba(255,255,255,0) 72%),linear-gradient(145deg,#eef4ff 0,#e8e8ed 58%,#f7f7f9 100%)!important;
  box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(0,0,0,.035),0 36px 100px rgba(0,0,0,.09)!important;
}
.intro-play-grid{background-size:58px 58px!important;opacity:.58!important}
.intro-placeholder{left:7%!important;top:8%!important;width:56%!important;height:64%!important;border-radius:34px!important}
.intro-sticker,.intro-hobby-notes{left:9%!important;top:18%!important;width:min(48%,450px)!important;min-height:290px!important}
.intro-hobby-note{min-height:290px!important;padding:30px 28px!important;border-radius:5px 26px 26px 26px!important}
.intro-sticker{min-height:290px!important;padding:30px 28px!important;border-radius:5px 26px 26px 26px!important}
.intro-sticker strong,.intro-hobby-note strong{font-size:clamp(31px,3vw,46px)!important}
.intro-sticker>span,.intro-hobby-note span{font-size:14px!important}
.intro-pulley{right:7%!important;top:11%!important}
.intro-brief .intro-copy{
  grid-column:3/11!important;grid-row:3!important;align-self:start!important;
  display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr)!important;
  align-items:center!important;gap:clamp(28px,4vw,64px)!important;padding:0!important;
}
.intro-brief .intro-copy>p{max-width:560px!important;padding:0!important;color:#6e6e73!important;font-size:clamp(20px,1.8vw,28px)!important;line-height:1.32!important}
.intro-brief .intro-copy>p:before{display:none!important}
.intro-next{min-height:108px;padding:18px 18px 18px 24px;border:1px solid rgba(29,29,31,.075);border-radius:28px;background:rgba(255,255,255,.92);box-shadow:0 18px 55px rgba(0,0,0,.065);color:#1d1d1f;text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:20px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}
.intro-next>span{display:grid;gap:8px}.intro-next small{color:#1d1d1f;font:700 9px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.11em}.intro-next strong{font:650 clamp(23px,2.1vw,32px)/1 -apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;letter-spacing:-.045em}
.intro-next>i{width:62px;height:62px;border-radius:50%;background:#1d1d1f;color:#fff;display:grid;place-items:center;font:400 24px/1 sans-serif;font-style:normal;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.intro-next:hover,.intro-next:focus-visible{transform:translateY(-5px);box-shadow:0 26px 70px rgba(29,29,31,.14)}.intro-next:hover>i{transform:translateY(5px)}.intro-next:focus-visible{outline:3px solid rgba(29,29,31,.4);outline-offset:4px}

@media(max-width:1100px){.intro-playground{grid-column:1/13!important}.intro-brief .intro-copy{grid-column:2/12!important}}
@media(max-width:760px){.intro-brief{min-height:auto!important;padding:96px 18px 82px!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto auto!important;gap:38px!important}.intro-brief .intro-code,.intro-brief .intro-voice,.intro-playground,.intro-brief .intro-copy{grid-column:1!important}.intro-brief .intro-code{grid-row:1!important}.intro-brief .intro-voice{grid-row:2!important}.intro-brief .intro-voice h2{font-size:clamp(50px,14vw,76px)!important}.intro-playground{grid-row:3!important;min-height:590px!important;border-radius:30px!important}.intro-brief .intro-copy{grid-row:4!important;grid-template-columns:1fr!important;gap:28px!important}.intro-sticker,.intro-hobby-notes{width:66%!important;min-height:225px!important}.intro-hobby-note,.intro-sticker{min-height:225px!important;padding:24px 22px!important}.intro-next{min-height:96px;border-radius:24px}.intro-next>i{width:54px;height:54px}}

/* Gallery performance: off-screen repeats are skipped by the renderer. */
.note-gallery-item{content-visibility:auto;contain-intrinsic-size:250px 216px;contain:layout paint style}
.note-gallery.is-open .note-gallery-card{animation:none!important}
.note-gallery-field.is-dragging .note-gallery-card{box-shadow:0 12px 28px rgba(0,0,0,.1)!important}

/* Match the clean white surface used by the portfolio gallery. */
.about-journey,.intro-brief{background:var(--paper)!important}

/* Field notes as an instrument panel rather than a generic content card. */
.intro-brief{gap:clamp(24px,3vw,46px) clamp(18px,2vw,32px)!important;overflow:visible!important}
.intro-brief .intro-code{grid-column:1/3!important;align-self:end!important;padding-bottom:18px!important}
.intro-brief .intro-voice{grid-column:3/13!important}
.intro-brief .intro-voice h2{max-width:1240px!important;font-size:clamp(68px,8.8vw,142px)!important}
.intro-playground{grid-column:1/13!important;min-height:clamp(700px,86vh,920px)!important;border-radius:4px clamp(46px,5vw,76px) clamp(46px,5vw,76px) clamp(46px,5vw,76px)!important;background:radial-gradient(620px circle at var(--play-x) var(--play-y),rgba(255,255,255,.99),rgba(255,255,255,0) 68%),radial-gradient(circle at 72% 48%,rgba(29,29,31,.14),transparent 29%),linear-gradient(135deg,#f7f9fc 0,#edf3fb 54%,#fff 100%)!important;box-shadow:inset 0 1px 0 #fff,0 28px 90px rgba(29,29,31,.085)!important}
.intro-playground:after{content:"PEEL  ·  PULL  ·  SCATTER"!important;display:block!important;left:auto!important;right:34px!important;bottom:26px!important;color:#1d1d1f!important;opacity:1!important;letter-spacing:.16em!important}
.intro-placeholder{left:8%!important;top:14%!important;width:53%!important;height:62%!important;background:rgba(255,255,255,.7)!important}
.intro-sticker,.intro-hobby-notes{left:11%!important;top:23%!important}
.intro-field-orbit{position:absolute;z-index:0;right:9%;top:18%;width:min(35vw,470px);aspect-ratio:1;border:1px solid rgba(29,29,31,.12);border-radius:50%;pointer-events:none;transform:rotate(calc(var(--field-progress,0) * 72deg));transition:transform .8s cubic-bezier(.16,1,.3,1)}
.intro-field-orbit:before,.intro-field-orbit:after,.intro-field-orbit i{content:"";position:absolute;border-radius:50%;border:1px solid rgba(29,29,31,.22)}
.intro-field-orbit:before{inset:10%;border-style:dashed}.intro-field-orbit:after{inset:31%;background:radial-gradient(circle,rgba(29,29,31,.16),transparent 68%)}
.intro-field-orbit i:nth-child(1){inset:-7%;border-color:rgba(29,29,31,.08)}.intro-field-orbit i:nth-child(2){left:50%;top:50%;width:18px;height:18px;margin:-9px;offset-path:circle(45% at 50% 50%);offset-distance:calc(var(--field-progress,0) * 100%);background:#1d1d1f;box-shadow:0 0 0 9px rgba(29,29,31,.1);transition:offset-distance .8s cubic-bezier(.16,1,.3,1)}.intro-field-orbit i:nth-child(3){right:8%;bottom:14%;width:10px;height:10px;background:#1d1d1f}
.intro-field-orbit span{position:absolute;left:50%;top:50%;transform:translate(-50%,-54%) rotate(calc(var(--field-progress,0) * -72deg));font:700 clamp(82px,10vw,156px)/1 -apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;letter-spacing:-.09em;color:rgba(29,29,31,.1);transition:transform .8s cubic-bezier(.16,1,.3,1),color .3s}.intro-field-orbit b{position:absolute;left:50%;top:64%;transform:translateX(-50%) rotate(calc(var(--field-progress,0) * -72deg));color:#1d1d1f;font:700 8px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.intro-pulley{right:5%!important;z-index:32!important}.intro-magnets{z-index:12!important}
.intro-brief .intro-copy{grid-column:2/12!important;margin-top:22px!important}
@keyframes intro-field-turn{to{transform:rotate(360deg)}}
@media(max-width:900px){.intro-field-orbit{right:-8%;top:28%;width:52vw}.intro-placeholder{width:62%!important}.intro-sticker,.intro-hobby-notes{width:min(55%,410px)!important}}
@media(max-width:760px){.intro-field-orbit{right:-28%;top:38%;width:82vw}.intro-placeholder{left:5%!important;width:74%!important}.intro-sticker,.intro-hobby-notes{left:7%!important;width:69%!important}.intro-playground:after{right:18px!important;bottom:18px!important;font-size:7px!important}.intro-brief .intro-copy{grid-column:1!important}}
@media(prefers-reduced-motion:reduce){.intro-field-orbit{animation:none!important}}

/* Notes peel on a simple click; dragging remains available as an extra gesture. */
.intro-sticker,.intro-playground.is-hobbies-open .intro-hobby-note[tabindex="0"]{cursor:pointer!important}
.intro-playground.is-hobbies-open .intro-hobby-note[tabindex="0"]:hover{box-shadow:0 26px 58px rgba(0,0,0,.2)!important;scale:1.018}
.intro-playground.is-hobbies-open .intro-hobby-note[tabindex="0"]:focus-visible{outline:3px solid rgba(29,29,31,.5);outline-offset:4px}

/* The pile and the infinite wall are one object: notes blast outward to build
   the gallery, then converge on the same physical pile when it closes. */
.note-gallery.is-preparing{visibility:visible!important;opacity:0!important}
.note-gallery.is-preparing .note-gallery-plane{opacity:1!important;scale:1!important}
.note-gallery.is-entering{pointer-events:none!important;animation:note-gallery-surface-form 1.08s cubic-bezier(.16,1,.3,1) both}
.note-gallery.is-entering .note-gallery-item:not(.is-primary){opacity:0;transition:none}
.note-gallery.is-entering .note-gallery-item.is-primary .note-gallery-card{animation:note-gallery-card-burst-in .92s var(--burst-delay) cubic-bezier(.16,1,.3,1) both!important}
.note-gallery.is-entering .note-gallery-header,.note-gallery.is-entering .note-gallery-hint{animation:note-gallery-interface-in .55s .72s ease both}
.note-gallery.is-closing{pointer-events:none!important;animation:note-gallery-surface-collect .98s cubic-bezier(.7,0,.2,1) both}
.note-gallery.is-closing .note-gallery-item:not(.is-primary){opacity:0;transition:opacity .22s ease}
.note-gallery.is-closing .note-gallery-item.is-primary .note-gallery-card{animation:note-gallery-card-collect .76s var(--collect-delay) cubic-bezier(.7,0,.2,1) both!important}
.note-gallery.is-closing .note-gallery-header,.note-gallery.is-closing .note-gallery-hint{opacity:0;transform:translateY(-12px);transition:opacity .2s ease,transform .28s ease}
@keyframes note-gallery-surface-form{0%{opacity:.15;clip-path:circle(0 at var(--burst-origin-x) var(--burst-origin-y))}100%{opacity:1;clip-path:circle(160vmax at var(--burst-origin-x) var(--burst-origin-y))}}
@keyframes note-gallery-surface-collect{0%{opacity:1;clip-path:circle(160vmax at var(--burst-origin-x) var(--burst-origin-y))}100%{opacity:.12;clip-path:circle(0 at var(--burst-origin-x) var(--burst-origin-y))}}
@keyframes note-gallery-card-burst-in{0%{opacity:0;translate:var(--burst-x) var(--burst-y);scale:.16;filter:blur(5px)}12%{opacity:1}68%{scale:1.07;filter:none}100%{opacity:1;translate:0 0;scale:1;filter:none}}
@keyframes note-gallery-card-collect{0%{opacity:1;translate:0 0;scale:1;filter:none}72%{opacity:1}100%{opacity:0;translate:var(--burst-x) var(--burst-y);scale:.13;filter:blur(4px)}}
@keyframes note-gallery-interface-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.note-gallery.is-entering,.note-gallery.is-closing,.note-gallery.is-entering .note-gallery-card,.note-gallery.is-closing .note-gallery-card,.note-gallery.is-entering .note-gallery-header,.note-gallery.is-entering .note-gallery-hint{animation:none!important;clip-path:none!important}}

/* Photo archive: one toroidal set keeps the infinite canvas light and fluid. */
.note-gallery-plane{inset:0;width:100%;height:100%;transform:none;transform-origin:center;contain:layout paint style;will-change:auto}
.note-gallery.is-open .note-gallery-plane{scale:1}
.note-gallery-item{left:0;top:0;width:clamp(180px,19vw,280px);aspect-ratio:var(--photo-ratio,1.3333);contain:layout paint style;contain-intrinsic-size:240px 240px;will-change:transform}
.note-gallery-card.photo-card{width:100%;height:100%;padding:0;border:1px solid rgba(255,255,255,.8);border-radius:clamp(13px,1.5vw,22px);overflow:hidden;background:#fff;box-shadow:0 18px 48px rgba(29,29,31,.18);display:block;transform:rotate(var(--r));transition:box-shadow .24s ease,filter .24s ease,scale .3s cubic-bezier(.16,1,.3,1);will-change:auto}
.note-gallery-card.photo-card img{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none}
.note-gallery-card.photo-card:hover,.note-gallery-card.photo-card.is-focused{box-shadow:0 34px 80px rgba(29,29,31,.28);filter:saturate(1.06) contrast(1.02);scale:1.075}
.note-gallery-field.is-dragging .note-gallery-card.photo-card{box-shadow:0 10px 25px rgba(29,29,31,.13)!important}
@media(max-width:760px){.note-gallery-item{width:clamp(154px,47vw,205px)}.note-gallery-card.photo-card{border-radius:15px}.note-gallery-card.photo-card:hover,.note-gallery-card.photo-card.is-focused{scale:1.035}}

/* Keep the field-notes interaction responsive: isolate its paint work and
   composite only the paper currently being handled. */
.intro-playground{
  contain:layout paint style;
  background:
    radial-gradient(circle at 72% 48%,rgba(29,29,31,.12),transparent 29%),
    linear-gradient(135deg,#f7f9fc 0,#edf3fb 54%,#fff 100%)!important;
}
.intro-placeholder{
  background:rgba(255,255,255,.84)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.intro-hobby-notes[aria-hidden="true"]{
  visibility:hidden;
  pointer-events:none!important;
}
.intro-hobby-note{
  box-shadow:none!important;
  will-change:auto;
}
.intro-hobby-note[tabindex="0"]{
  box-shadow:0 18px 42px rgba(0,0,0,.14)!important;
}
.intro-playground.is-hobby-note-dragging .intro-hobby-note[tabindex="0"]{
  will-change:transform;
  box-shadow:0 26px 56px rgba(0,0,0,.2)!important;
}
body:has(.intro-playground:hover) .fx-aura{opacity:0}

/* Personal field notes: a clear editorial split mirrors the site's other chapters. */
@media(min-width:901px){
  .intro-brief{grid-template-rows:auto auto!important;gap:clamp(34px,4vw,60px) clamp(24px,3vw,44px)!important}
  .intro-brief .intro-code{grid-column:1/4!important;grid-row:1!important;align-self:end!important;padding-bottom:10px!important}
  .intro-brief .intro-voice{grid-column:4/13!important;grid-row:1!important}
  .intro-brief .intro-voice h2{max-width:980px!important;font-size:clamp(62px,7vw,108px)!important}
  .intro-playground{grid-column:1/9!important;grid-row:2!important;min-height:clamp(620px,72vh,760px)!important}
  .intro-brief .intro-copy{grid-column:9/13!important;grid-row:2!important;align-self:start!important;margin:0!important;padding:clamp(26px,3vw,42px) 0 0!important;border-top:1px solid rgba(29,29,31,.14)!important}
  .intro-brief .intro-copy:before{content:"ABOUT / PERSONAL ARCHIVE";display:block;margin-bottom:22px;color:#1d1d1f;font:700 9px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.12em}
}

.intro-note-actions{position:absolute;z-index:34;left:11%;top:calc(23% + 250px);display:flex;align-items:center;gap:14px}
.intro-explode{height:46px;padding:0 8px 0 17px;border:0;border-radius:999px;background:#1d1d1f;color:#fff;box-shadow:0 13px 30px rgba(29,29,31,.22);display:flex;align-items:center;gap:14px;font:750 10px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.08em;cursor:pointer;transition:transform .3s cubic-bezier(.16,1,.3,1),background .25s,box-shadow .25s}
.intro-explode i{width:32px;height:32px;border-radius:50%;background:#1d1d1f;display:grid;place-items:center;font:700 15px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.intro-explode:hover{background:#1d1d1f;transform:translateY(-3px);box-shadow:0 18px 38px rgba(29,29,31,.25)}
.intro-explode:hover i{background:#fff;color:#1d1d1f;transform:rotate(45deg)}
.intro-explode:focus-visible{outline:3px solid rgba(29,29,31,.45);outline-offset:4px}
.intro-note-actions>p{max-width:120px;margin:0;color:#6e6e73;font:650 8px/1.35 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.07em;text-transform:uppercase}
.intro-note-actions>p>span{color:#1d1d1f;font-size:14px;margin-right:4px}
.intro-playground.is-exploding .intro-note-actions{animation:intro-actions-pop .55s cubic-bezier(.16,1,.3,1) both}
@keyframes intro-actions-pop{50%{transform:scale(1.07)}100%{transform:scale(.94);opacity:0}}

@media(max-width:900px){.intro-brief .intro-voice h2{font-size:clamp(56px,11vw,92px)!important}.intro-note-actions{left:7%;top:calc(23% + 248px)}}
@media(max-width:760px){
  .intro-brief{min-height:auto!important;padding:86px 18px 76px!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto auto!important;gap:30px!important}
  .intro-brief .intro-code,.intro-brief .intro-voice,.intro-playground,.intro-brief .intro-copy{grid-column:1!important}
  .intro-brief .intro-code{grid-row:1!important;padding:0!important}
  .intro-brief .intro-voice{grid-row:2!important;width:100%!important}
  .intro-brief .intro-voice h2{max-width:100%!important;font-size:clamp(46px,13.2vw,64px)!important;line-height:.9!important}
  .intro-playground{grid-row:3!important;min-height:570px!important;border-radius:26px!important}
  .intro-brief .intro-copy{grid-row:4!important;margin:0!important;padding:0!important}
  .intro-note-actions{left:7%;right:7%;top:calc(23% + 242px);align-items:flex-start;gap:10px}
  .intro-explode{height:43px;padding-left:14px;font-size:9px;gap:9px}.intro-explode i{width:29px;height:29px}.intro-note-actions>p{max-width:102px;font-size:7px}
}

/* BounceCards field notes: compact at rest, open and readable on intent. */
.intro-playground{
  --fan-shift:0px;
  isolation:isolate;
}
.intro-playground:after{content:"HOVER  ·  SPREAD  ·  DISCOVER"!important}
.intro-placeholder{
  left:50%!important;
  top:50%!important;
  width:min(76%,760px)!important;
  height:62%!important;
  transform:translate(-50%,-50%)!important;
  opacity:.42!important;
}
.intro-field-orbit{right:3%!important;top:13%!important;width:min(25vw,330px)!important;opacity:.66;transition:opacity .55s ease,transform .8s cubic-bezier(.16,1,.3,1)!important}
.intro-playground.is-notes-spread .intro-field-orbit{opacity:.22;transform:rotate(14deg) scale(1.06)!important}
.intro-hobby-notes{
  display:block!important;
  position:absolute!important;
  z-index:24!important;
  left:50%!important;
  top:45%!important;
  width:86%!important;
  height:390px!important;
  min-height:0!important;
  transform:translate(-50%,-50%)!important;
  visibility:visible!important;
  pointer-events:auto!important;
  outline:none;
  perspective:1100px;
}
.intro-hobby-note{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:clamp(144px,15vw,188px)!important;
  min-height:220px!important;
  height:220px!important;
  margin:0!important;
  padding:22px 18px!important;
  border:1px solid rgba(29,29,31,.08)!important;
  border-radius:4px 20px 20px 20px!important;
  box-shadow:0 16px 34px rgba(29,29,31,.14)!important;
  transform-origin:50% 86%;
  transform:translate(-50%,-50%) translate3d(var(--stack-x),var(--stack-y),0) rotate(var(--stack-r)) scale(.96)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  transition:
    transform .78s cubic-bezier(.18,1.42,.34,1),
    box-shadow .42s cubic-bezier(.16,1,.3,1),
    filter .35s ease,
    opacity .35s ease!important;
  transition-delay:calc(var(--note-index) * 24ms)!important;
  will-change:transform;
}
.intro-hobby-note small{font-size:8px!important;letter-spacing:.1em!important}
.intro-hobby-note strong{font-size:clamp(24px,2.15vw,34px)!important;line-height:.92!important;letter-spacing:-.055em!important}
.intro-hobby-note span{font-size:11px!important;line-height:1.25!important}
.intro-hobby-note:nth-child(1){--spread-x:-190px;--spread-y:-58px;--spread-r:-9deg}
.intro-hobby-note:nth-child(2){--spread-x:-148px;--spread-y:34px;--spread-r:-6deg}
.intro-hobby-note:nth-child(3){--spread-x:-106px;--spread-y:-42px;--spread-r:-4deg}
.intro-hobby-note:nth-child(4){--spread-x:-64px;--spread-y:50px;--spread-r:-2deg}
.intro-hobby-note:nth-child(5){--spread-x:-22px;--spread-y:-54px;--spread-r:-1deg}
.intro-hobby-note:nth-child(6){--spread-x:22px;--spread-y:54px;--spread-r:1deg}
.intro-hobby-note:nth-child(7){--spread-x:64px;--spread-y:-50px;--spread-r:2deg}
.intro-hobby-note:nth-child(8){--spread-x:106px;--spread-y:42px;--spread-r:4deg}
.intro-hobby-note:nth-child(9){--spread-x:148px;--spread-y:-34px;--spread-r:6deg}
.intro-hobby-note:nth-child(10){--spread-x:190px;--spread-y:58px;--spread-r:9deg}
.intro-playground.is-notes-spread .intro-hobby-note{
  transform:translate(-50%,-50%) translate3d(calc(var(--spread-x) + var(--fan-shift) + var(--hover-push,0px)),var(--spread-y),0) rotate(var(--spread-r)) scale(1)!important;
  box-shadow:0 20px 42px rgba(29,29,31,.16)!important;
}
.intro-playground.is-notes-spread .intro-hobby-note:hover,
.intro-playground.is-notes-spread .intro-hobby-note.is-active,
.intro-playground.is-notes-spread .intro-hobby-note:focus-visible{
  z-index:80!important;
  transform:translate(-50%,-50%) translate3d(calc(var(--spread-x) + var(--fan-shift)),calc(var(--spread-y) - 22px),42px) rotate(0deg) scale(1.11)!important;
  box-shadow:0 34px 72px rgba(29,29,31,.27)!important;
  filter:saturate(1.05);
  outline:none;
}
.intro-stack-controls{
  position:absolute;
  z-index:92;
  left:50%;
  bottom:54px;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:10px;
  padding:7px;
  border:1px solid rgba(29,29,31,.08);
  border-radius:999px;
  background:rgba(255,255,255,.84);
  box-shadow:0 14px 36px rgba(29,29,31,.1);
  backdrop-filter:blur(18px);
}
.intro-stack-controls button{
  height:43px;
  padding:0 8px 0 16px;
  border:0;
  border-radius:999px;
  display:flex;
  align-items:center;
  gap:12px;
  font:750 9px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;
  letter-spacing:.085em;
  white-space:nowrap;
  cursor:pointer;
  transition:transform .35s cubic-bezier(.16,1,.3,1),background .25s,color .25s,box-shadow .25s;
}
.intro-stack-controls button i{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font:700 14px/1 sans-serif;font-style:normal;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.intro-stack-toggle{background:#1d1d1f;color:#fff}.intro-stack-toggle i{background:#fff;color:#1d1d1f}
.intro-gallery-open{background:#1d1d1f;color:#fff}.intro-gallery-open i{background:#fff;color:#1d1d1f}
.intro-stack-controls button:hover,.intro-stack-controls button:focus-visible{transform:translateY(-3px);box-shadow:0 12px 28px rgba(29,29,31,.2);outline:none}
.intro-stack-controls button:hover i{transform:rotate(45deg)}
.intro-stack-controls>p{position:absolute;left:50%;top:calc(100% + 11px);transform:translateX(-50%);width:max-content;margin:0;color:#6e6e73;font:650 8px/1 sans-serif;letter-spacing:.08em;text-transform:uppercase}
.intro-playground.is-notes-pinned .intro-stack-toggle{background:#fff;color:#1d1d1f;box-shadow:inset 0 0 0 1px rgba(29,29,31,.1)}
.intro-playground.is-notes-pinned .intro-stack-toggle i{background:#1d1d1f;color:#fff}
.intro-playground.is-launching-gallery .intro-hobby-note{
  pointer-events:none!important;
  transform:translate(-50%,-50%) translate3d(var(--archive-x),var(--archive-y),80px) rotate(var(--archive-r)) scale(var(--archive-scale))!important;
  opacity:var(--archive-opacity)!important;
  filter:blur(var(--archive-blur))!important;
  transition:transform .79s cubic-bezier(.72,0,.2,1),opacity .24s .54s ease,filter .24s .54s ease!important;
  transition-delay:calc(var(--note-index) * 11ms)!important;
  will-change:transform,opacity,filter;
}
.intro-playground.is-launching-gallery .intro-gallery-open{animation:intro-archive-portal .72s cubic-bezier(.16,1,.3,1) both}
.intro-playground.is-launching-gallery .intro-gallery-open i{animation:intro-archive-arrow .72s cubic-bezier(.16,1,.3,1) both}
@keyframes intro-archive-portal{0%{transform:none;box-shadow:0 14px 36px rgba(29,29,31,.1)}48%{transform:scale(.94);box-shadow:0 0 0 12px rgba(29,29,31,.09)}100%{transform:scale(1.04);box-shadow:0 0 0 28px rgba(29,29,31,0)}}
@keyframes intro-archive-arrow{0%{transform:none}55%{transform:rotate(45deg) scale(.84)}100%{transform:rotate(45deg) scale(1.08)}}

/* A softer handoff from the notes into the infinite photo field. */
.note-gallery.is-entering{animation-duration:1.34s!important}
.note-gallery.is-entering .note-gallery-item.is-primary .note-gallery-card{animation-duration:1.18s!important}
.note-gallery.is-closing{animation-duration:1.08s!important}
.note-gallery.is-closing .note-gallery-item.is-primary .note-gallery-card{animation-duration:.9s!important}
@keyframes note-gallery-card-burst-in{0%{opacity:0;translate:var(--burst-x) var(--burst-y);scale:.08;filter:blur(3px)}24%{opacity:0}42%{opacity:.92}78%{scale:1.025;filter:none}100%{opacity:1;translate:0 0;scale:1;filter:none}}
@keyframes note-gallery-card-collect{0%{opacity:1;translate:0 0;scale:1;filter:none}64%{opacity:1;scale:.94}100%{opacity:0;translate:var(--burst-x) var(--burst-y);scale:.18;filter:blur(2px)}}

@media(max-width:900px){
  .intro-hobby-notes{width:92%!important}
  .intro-hobby-note:nth-child(1){--spread-x:-280px}.intro-hobby-note:nth-child(2){--spread-x:-218px}.intro-hobby-note:nth-child(3){--spread-x:-156px}.intro-hobby-note:nth-child(4){--spread-x:-94px}.intro-hobby-note:nth-child(5){--spread-x:-32px}.intro-hobby-note:nth-child(6){--spread-x:32px}.intro-hobby-note:nth-child(7){--spread-x:94px}.intro-hobby-note:nth-child(8){--spread-x:156px}.intro-hobby-note:nth-child(9){--spread-x:218px}.intro-hobby-note:nth-child(10){--spread-x:280px}
}
@media(max-width:760px){
  .intro-playground{min-height:650px!important}
  .intro-placeholder{width:84%!important;height:68%!important}
  .intro-field-orbit{right:-18%!important;top:18%!important;width:72vw!important}
  .intro-hobby-notes{top:45%!important;width:94%!important;height:490px!important}
  .intro-hobby-note{width:min(42vw,158px)!important;height:150px!important;min-height:150px!important;padding:16px 14px!important;border-radius:3px 16px 16px 16px!important}
  .intro-hobby-note strong{font-size:clamp(20px,6vw,28px)!important}.intro-hobby-note span{font-size:9px!important}
  .intro-hobby-note:nth-child(1){--spread-x:-62px;--spread-y:-164px;--spread-r:-5deg}.intro-hobby-note:nth-child(2){--spread-x:62px;--spread-y:-164px;--spread-r:4deg}
  .intro-hobby-note:nth-child(3){--spread-x:-62px;--spread-y:-82px;--spread-r:3deg}.intro-hobby-note:nth-child(4){--spread-x:62px;--spread-y:-82px;--spread-r:-3deg}
  .intro-hobby-note:nth-child(5){--spread-x:-62px;--spread-y:0px;--spread-r:-2deg}.intro-hobby-note:nth-child(6){--spread-x:62px;--spread-y:0px;--spread-r:2deg}
  .intro-hobby-note:nth-child(7){--spread-x:-62px;--spread-y:82px;--spread-r:3deg}.intro-hobby-note:nth-child(8){--spread-x:62px;--spread-y:82px;--spread-r:-3deg}
  .intro-hobby-note:nth-child(9){--spread-x:-62px;--spread-y:164px;--spread-r:-4deg}.intro-hobby-note:nth-child(10){--spread-x:62px;--spread-y:164px;--spread-r:5deg}
  .intro-playground.is-notes-spread .intro-hobby-note:hover,.intro-playground.is-notes-spread .intro-hobby-note.is-active,.intro-playground.is-notes-spread .intro-hobby-note:focus-visible{transform:translate(-50%,-50%) translate3d(var(--spread-x),calc(var(--spread-y) - 8px),42px) rotate(0) scale(1.04)!important}
  .intro-stack-controls{bottom:43px;gap:6px;padding:5px}.intro-stack-controls button{height:39px;padding-left:11px;gap:7px;font-size:7px}.intro-stack-controls button i{width:27px;height:27px}.intro-stack-controls>p{font-size:6.5px}
  .intro-play-hint{display:none!important}
}
@media(prefers-reduced-motion:reduce){.intro-hobby-note,.intro-stack-controls button{transition-duration:.01ms!important;transition-delay:0ms!important}}

/* Full-page field notes: the cards are the composition. */
.intro-brief{display:block!important;min-height:100svh!important;padding:0!important;background:#f5f5f7!important}
.intro-playground{width:100%!important;min-height:100svh!important;border-radius:0!important;box-shadow:none!important;background:radial-gradient(700px circle at 50% 48%,rgba(29,29,31,.1),transparent 68%),#f5f5f7!important}
.intro-hobby-notes{left:50%!important;top:48%!important;width:min(94%,1200px)!important;height:560px!important}
.intro-hobby-note{width:clamp(164px,14vw,204px)!important;height:238px!important;min-height:238px!important;transition:transform .54s cubic-bezier(.22,.82,.22,1),box-shadow .3s ease,filter .3s ease,opacity .3s ease!important;transition-delay:calc(var(--note-index) * 12ms)!important}
.intro-hobby-note:nth-child(1){--spread-x:-420px;--spread-y:-136px;--spread-r:-7deg}.intro-hobby-note:nth-child(2){--spread-x:-420px;--spread-y:136px;--spread-r:5deg}.intro-hobby-note:nth-child(3){--spread-x:-210px;--spread-y:-136px;--spread-r:-4deg}.intro-hobby-note:nth-child(4){--spread-x:-210px;--spread-y:136px;--spread-r:3deg}.intro-hobby-note:nth-child(5){--spread-x:0px;--spread-y:-136px;--spread-r:-2deg}.intro-hobby-note:nth-child(6){--spread-x:0px;--spread-y:136px;--spread-r:2deg}.intro-hobby-note:nth-child(7){--spread-x:210px;--spread-y:-136px;--spread-r:3deg}.intro-hobby-note:nth-child(8){--spread-x:210px;--spread-y:136px;--spread-r:-3deg}.intro-hobby-note:nth-child(9){--spread-x:420px;--spread-y:-136px;--spread-r:6deg}.intro-hobby-note:nth-child(10){--spread-x:420px;--spread-y:136px;--spread-r:-5deg}
.intro-playground.is-notes-spread .intro-hobby-note{transform:translate(-50%,-50%) translate3d(calc(var(--spread-x) + var(--fan-shift)),var(--spread-y),0) rotate(var(--spread-r)) scale(1)!important}
.intro-playground.is-notes-spread .intro-hobby-note:hover,.intro-playground.is-notes-spread .intro-hobby-note.is-active,.intro-playground.is-notes-spread .intro-hobby-note:focus-visible{transform:translate(-50%,-50%) translate3d(calc(var(--spread-x) + var(--fan-shift)),calc(var(--spread-y) - 18px),28px) rotate(0) scale(1.08)!important}
.intro-stack-controls{bottom:44px!important}
@media(max-width:760px){.intro-brief{min-height:920px!important}.intro-playground{min-height:920px!important}.intro-hobby-notes{top:51%!important;width:100%!important;height:690px!important}.intro-hobby-note{width:min(39vw,148px)!important;height:150px!important;min-height:150px!important}.intro-hobby-note:nth-child(1){--spread-x:-78px;--spread-y:-260px;--spread-r:-5deg}.intro-hobby-note:nth-child(2){--spread-x:78px;--spread-y:-260px;--spread-r:4deg}.intro-hobby-note:nth-child(3){--spread-x:-78px;--spread-y:-130px;--spread-r:3deg}.intro-hobby-note:nth-child(4){--spread-x:78px;--spread-y:-130px;--spread-r:-3deg}.intro-hobby-note:nth-child(5){--spread-x:-78px;--spread-y:0;--spread-r:-2deg}.intro-hobby-note:nth-child(6){--spread-x:78px;--spread-y:0;--spread-r:2deg}.intro-hobby-note:nth-child(7){--spread-x:-78px;--spread-y:130px;--spread-r:3deg}.intro-hobby-note:nth-child(8){--spread-x:78px;--spread-y:130px;--spread-r:-3deg}.intro-hobby-note:nth-child(9){--spread-x:-78px;--spread-y:260px;--spread-r:-4deg}.intro-hobby-note:nth-child(10){--spread-x:78px;--spread-y:260px;--spread-r:5deg}.intro-stack-controls{bottom:22px!important}}

/* The field notes sit directly on the shared white chapter surface. */
.intro-brief{border-top:0!important}
.intro-brief,.intro-playground{background:transparent!important}
.intro-play-grid{display:none!important}

/* Selection begins only after the fan-out animation has settled. */
.intro-playground.is-notes-settling .intro-hobby-note{pointer-events:none!important}
.intro-playground.is-notes-spread:not(.is-notes-ready) .intro-hobby-note:hover,
.intro-playground.is-notes-spread:not(.is-notes-ready) .intro-hobby-note.is-active,
.intro-playground.is-notes-spread:not(.is-notes-ready) .intro-hobby-note:focus-visible{
  z-index:auto!important;
  transform:translate(-50%,-50%) translate3d(calc(var(--spread-x) + var(--fan-shift)),var(--spread-y),0) rotate(var(--spread-r)) scale(1)!important;
  box-shadow:0 20px 42px rgba(29,29,31,.16)!important;
  filter:none!important;
  outline:none!important;
}

/* Keep the resting hover target close to the physical pile. */
.intro-playground:not(.is-notes-spread) .intro-hobby-notes{
  width:clamp(198px,18vw,238px)!important;
  height:272px!important;
}
@media(max-width:760px){.intro-playground:not(.is-notes-spread) .intro-hobby-notes{width:174px!important;height:190px!important}}

/* Selected-photo stack leading into the infinite personal archive. */
.intro-photo-playground{
  display:grid!important;
  place-items:center!important;
  min-height:100svh!important;
  overflow:hidden!important;
  background:
    radial-gradient(620px circle at 50% 47%,rgba(199,125,93,.08),transparent 72%),
    transparent!important;
}
.intro-photo-playground:after{content:none!important;display:none!important}
.intro-photo-cards{
  position:relative;
  width:min(1220px,96vw);
  height:min(610px,70vh);
  min-height:420px;
  perspective:1400px;
}
.intro-photo-card{
  --card-x:0px;
  --card-y:0px;
  --card-r:0deg;
  position:absolute!important;
  z-index:var(--card-z)!important;
  left:50%!important;
  top:50%!important;
  width:clamp(235px,21vw,320px)!important;
  height:clamp(334px,30vw,460px)!important;
  margin:0!important;
  padding:8px!important;
  border:1px solid rgba(29,29,31,.1)!important;
  border-radius:25px!important;
  overflow:visible!important;
  background:#fff!important;
  box-shadow:0 24px 62px rgba(29,29,31,.18)!important;
  transform:translate(-50%,-50%) translate3d(calc(var(--card-x) + var(--hover-shift,0px)),var(--card-y),0) rotate(var(--card-r));
  transform-origin:50% 88%;
  animation:intro-photo-arrive .92s cubic-bezier(.2,1.36,.32,1) backwards;
  animation-delay:var(--card-delay);
  transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .45s ease,opacity .32s ease,filter .32s ease!important;
  will-change:transform;
}
.intro-photo-card img{
  display:block;
  width:100%;
  height:100%;
  border-radius:18px;
  object-fit:cover;
  pointer-events:none;
}
.intro-photo-playground:not(.is-photo-stack-visible) .intro-photo-card{animation:none;opacity:0;transform:translate(-50%,-50%) translate3d(0,55px,-180px) rotate(0) scale(.35)}
.intro-photo-card:nth-child(2) img{object-position:52% center}
.intro-photo-card:nth-child(3) img{object-position:center 42%}
.intro-photo-card:nth-child(4) img{object-position:55% center}
.intro-photo-card:hover{
  z-index:20!important;
  transform:translate(-50%,-50%) translate3d(calc(var(--card-x) + var(--hover-shift,0px)),calc(var(--card-y) - 22px),64px) rotate(0deg) scale(1.045);
  box-shadow:0 36px 84px rgba(29,29,31,.25)!important;
}
.intro-photo-card-entry{
  appearance:none;
  cursor:pointer;
  color:#fff!important;
  text-align:left;
}
.intro-photo-card-entry:focus-visible{outline:3px solid #c77d5d!important;outline-offset:7px}
.intro-photo-entry-shade{position:absolute;inset:8px;border-radius:18px;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.68));pointer-events:none}
.intro-photo-entry-copy{position:absolute;z-index:2;left:26px;bottom:24px;display:grid;gap:8px;pointer-events:none}
.intro-photo-entry-copy small{font:750 8px/1 sans-serif;letter-spacing:.15em;color:rgba(255,255,255,.68)}
.intro-photo-entry-copy strong{font:780 clamp(29px,3vw,43px)/.82 sans-serif;letter-spacing:-.07em;color:#fff}
.intro-photo-hand{
  position:absolute;
  z-index:3;
  right:-18px;
  top:-58px;
  display:block;
  width:auto;
  font-size:clamp(86px,7.8vw,118px);
  line-height:1;
  transform:rotate(-14deg);
  transform-origin:55% 82%;
  filter:drop-shadow(0 10px 10px rgba(29,29,31,.24));
  pointer-events:auto;
  user-select:none;
  transition:transform .28s cubic-bezier(.16,1,.3,1);
}
.intro-photo-hand:hover,.intro-photo-card-entry:hover .intro-photo-hand{animation:intro-photo-hand-wave .72s ease-in-out infinite alternate}
.intro-photo-card-entry.is-clicking .intro-photo-hand{animation:intro-photo-hand-click .34s cubic-bezier(.2,.9,.3,1) both}
.intro-photo-card-entry.is-clicking{transform:translate(-50%,-50%) translate3d(calc(var(--card-x) + var(--hover-shift,0px)),calc(var(--card-y) + 5px),30px) rotate(var(--card-r)) scale(.965)!important}
.intro-photo-playground.is-launching-gallery .intro-gallery-open{animation:none!important}
.intro-photo-caption{position:absolute;left:50%;bottom:clamp(36px,6vh,72px);transform:translateX(-50%);margin:0;color:#777;font:700 8px/1 sans-serif;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.intro-photo-caption span{display:inline-block;width:7px;height:7px;margin-right:10px;border-radius:50%;background:#c77d5d;box-shadow:0 0 0 6px rgba(199,125,93,.12)}
.intro-photo-playground.is-launching-gallery .intro-photo-card:not(.intro-photo-card-entry){opacity:0;filter:blur(3px);transform:translate(-50%,-50%) translate3d(calc(var(--card-x) + var(--hover-shift,0px)),calc(var(--card-y) + 24px),-90px) rotate(0deg) scale(.84)!important;transition-duration:.36s!important}
.intro-photo-playground.is-launching-gallery .intro-photo-caption{opacity:0;transition:opacity .2s ease}
@keyframes intro-photo-arrive{
  0%{opacity:0;transform:translate(-50%,-50%) translate3d(0,55px,-180px) rotate(0) scale(.35)}
  62%{opacity:1;transform:translate(-50%,-50%) translate3d(var(--card-x),calc(var(--card-y) - 8px),24px) rotate(var(--card-r)) scale(1.025)}
  100%{opacity:1;transform:translate(-50%,-50%) translate3d(var(--card-x),var(--card-y),0) rotate(var(--card-r)) scale(1)}
}
@keyframes intro-photo-hand-wave{from{transform:rotate(-17deg)}to{transform:rotate(-7deg) translate(-3px,-4px)}}
@keyframes intro-photo-hand-click{0%{transform:rotate(-14deg) translate(0,0)}48%{transform:rotate(-11deg) translate(0,17px) scale(.94)}100%{transform:rotate(-14deg) translate(0,1px)}}
@media(max-width:900px){
  .intro-photo-card{width:clamp(180px,25vw,230px)!important;height:clamp(260px,36vw,332px)!important}
  .intro-photo-card:nth-child(1){--card-x:-330px!important}.intro-photo-card:nth-child(2){--card-x:-220px!important}.intro-photo-card:nth-child(3){--card-x:-110px!important}.intro-photo-card:nth-child(4){--card-x:0px!important}.intro-photo-card:nth-child(5){--card-x:110px!important}.intro-photo-card:nth-child(6){--card-x:220px!important}.intro-photo-card:nth-child(7){--card-x:330px!important}
}
@media(max-width:620px){
  .intro-photo-playground{min-height:760px!important}
  .intro-photo-cards{width:100vw;height:560px;transform:scale(.92)}
  .intro-photo-card{width:174px!important;height:252px!important}
  .intro-photo-card:nth-child(1){--card-x:-100px!important;--card-y:-125px!important}.intro-photo-card:nth-child(2){--card-x:0px!important;--card-y:-138px!important}.intro-photo-card:nth-child(3){--card-x:100px!important;--card-y:-116px!important}.intro-photo-card:nth-child(4){--card-x:-120px!important;--card-y:108px!important}.intro-photo-card:nth-child(5){--card-x:-40px!important;--card-y:94px!important}.intro-photo-card:nth-child(6){--card-x:40px!important;--card-y:112px!important}.intro-photo-card:nth-child(7){--card-x:120px!important;--card-y:100px!important}
  .intro-photo-caption{bottom:30px;font-size:6.5px}
}
@media(prefers-reduced-motion:reduce){.intro-photo-card{animation:none!important}.intro-photo-hand{animation:none!important}}