@keyframes details-memo-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.details-words{background:var(--charcoal);color:var(--on-dark-2);padding:clamp(64px,6.7vw,96px) clamp(20px,4.4vw,64px) clamp(96px,10vw,144px);position:relative;overflow-x:clip}.details-head{flex-direction:column;gap:22px;display:flex}.details-head .eyebrow{margin:0}.details-title{font-family:var(--font-fonseca);color:var(--on-dark-1);margin:0;font-size:clamp(3rem,5.6vw,5rem);font-weight:500;line-height:.92}.details-sub{font-family:var(--font-serif);color:var(--on-dark-2);margin:0;font-size:19px;line-height:1.6}.details-frame{background:#000;margin:0;overflow:hidden}.details-frame:after{content:"";pointer-events:none;border:1px solid #f7f1e31a;position:absolute;inset:0}.details-frame img{object-fit:cover;transition:transform 1s cubic-bezier(.16,1,.3,1)}.details-unit:hover .details-frame img{transform:scale(1.03)}.details-memo{z-index:1;box-sizing:border-box;background:var(--paper);color:var(--charcoal);border-left:4px solid var(--accent-red);flex-direction:column;gap:10px;padding:20px 22px 18px 24px;display:flex;position:relative;box-shadow:0 1px #ffffff0a,0 24px 60px -28px #000000bf}.details-memo-pin{background:var(--accent-red);border-radius:9999px;width:14px;height:14px;position:absolute;top:-7px;left:-8px;box-shadow:0 2px 4px #00000073,inset -2px -2px #0000002e}.details-memo-label{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:#1a1a1a9e;font-size:10px}.details-memo-text{font-family:var(--font-serif);color:var(--charcoal);font-size:17px;line-height:1.5}.details-memo-name{font-family:var(--font-fonseca);letter-spacing:.04em;color:color-mix(in srgb, var(--accent-red) 80%, var(--charcoal));font-size:14px;font-weight:500}.details-unit.is-dress .details-memo{rotate:-.6deg}.details-unit.is-meaningful .details-memo{rotate:.5deg}.details-unit.is-pieces .details-memo{rotate:-.4deg}@media (min-width:1024px){.details-stage{grid-template-columns:35.06% minmax(0,1fr);align-items:start;column-gap:5.8%;display:grid}.details-col.is-left{flex-direction:column;gap:clamp(28px,3.3vw,48px);display:flex}.details-col.is-right{aspect-ratio:776/944;position:relative}.details-unit{position:relative}.details-unit.is-dress{aspect-ratio:400/576;width:87%}.details-col.is-right .details-unit{position:absolute}.details-unit.is-meaningful{aspect-ratio:540/376;width:69.6%;top:0;left:0}.details-unit.is-pieces{aspect-ratio:520/362;width:67%;top:51.3%;left:33%}.details-frame{position:absolute;inset:0}.details-memo{position:absolute}.details-unit.is-dress .details-memo{width:68%;top:66%;left:79%}.details-unit.is-meaningful .details-memo{width:50.4%;top:41%;left:92.6%}.details-unit.is-pieces .details-memo{width:52.3%;top:-16.6%;left:-49.2%}.details-unit.is-bare{aspect-ratio:auto}.details-unit.is-bare .details-memo{width:min(272px,100%);position:relative;top:0;left:0}}@media (max-width:1023px){.details-stage,.details-col{flex-direction:column;gap:56px;display:flex}.details-title{font-size:48px}.details-sub{font-size:17px}.details-unit{flex-direction:column;display:flex}.details-frame{position:relative}.details-unit.is-dress .details-frame{aspect-ratio:400/576}.details-unit.is-meaningful .details-frame{aspect-ratio:540/376}.details-unit.is-pieces .details-frame{aspect-ratio:520/362}.details-memo{width:min(320px,86%);margin:-40px 12px 0 auto}.details-unit.is-meaningful .details-memo{margin:-40px auto 0 12px}.details-unit.is-bare .details-memo{margin:0 auto 0 8px}}.details-words[data-revealed=false] .details-memo{opacity:0}.details-words[data-revealed=true] .details-memo{animation:details-memo-in .8s cubic-bezier(.16, 1, .3, 1) calc(.3s + var(--i,0) * .15s) both}@media (prefers-reduced-motion:reduce){.details-words .details-memo{opacity:1!important;animation:none!important;transform:none!important}.details-frame img{transition:none!important}}[data-motion-off] .details-words .details-memo{opacity:1!important;animation:none!important;transform:none!important}
.portfolio-portal-details{position:relative}.portfolio-portal-patch{z-index:2;border:1px solid var(--on-dark-4);border-left:2px solid var(--accent-red);background:var(--charcoal);max-width:calc(100% - 2rem);color:var(--on-dark-2);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;padding:.25rem .5rem;font-size:.625rem;line-height:1.5;display:inline-block;position:absolute;top:.5rem;right:clamp(1rem,3vw,3rem)}
