/* A physical portfolio: printed sheets, a cloth cover and scroll-led handovers. */
#ipit-motion .ip-story{height:340svh;min-height:1900px}
#ipit-motion .ip-story:not(.ip-motion-enabled){height:auto;min-height:0}
#ipit-motion .ip-story:not(.ip-motion-enabled) .sticky-stage{position:relative;top:0}
#ipit-motion .ip-story:not(.ip-motion-enabled) .story-summary{display:block;max-width:1000px;margin:auto;padding:20px var(--gutter) 40px;font-size:15px;line-height:1.7;color:var(--im-muted)}
#ipit-motion .ip-story .sticky-stage{isolation:isolate}
#ipit-motion .ip-story .scene-caption{letter-spacing:.13em}
#ipit-motion .ip-story .story-copy{max-width:290px;top:24%}
#ipit-motion .ip-story .story-copy h2{font-size:clamp(34px,3.5vw,53px);letter-spacing:-.045em}
#ipit-motion .ip-story .scene-stage{overflow:visible;inset:0 0 95px 32%;perspective:1500px}
#ipit-motion .portfolio-halo{position:absolute;inset:10% -12% 0;background:radial-gradient(ellipse at center,#aa654820,transparent 65%);pointer-events:none}
#ipit-motion .portfolio-orbit{position:absolute;left:50%;top:51%;width:min(83%,800px);aspect-ratio:1;transform:translate(-50%,-50%) rotateX(55deg) rotateZ(-25deg);border:1px solid var(--im-line);border-radius:50%;opacity:.7}
#ipit-motion .portfolio-orbit:after{content:"";position:absolute;inset:24px;border:1px solid var(--im-line);border-radius:50%;opacity:.4}
#ipit-motion .portfolio-shadow{position:absolute;left:50%;top:69%;width:50%;height:20%;border-radius:50%;background:#1c151833;filter:blur(30px);transform:translateX(-50%) rotate(-14deg);opacity:var(--shadow-opacity,.5)}
#ipit-motion .portfolio-scale{position:absolute;left:50%;top:47%;width:330px;height:442px;transform:translate(-50%,-50%) scale(var(--portfolio-scale,.8));transform-style:preserve-3d}
#ipit-motion .portfolio-object{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(20deg) rotateY(-19deg) rotateZ(-13deg)}
#ipit-motion .portfolio-sheet,#ipit-motion .portfolio-cover{position:absolute;inset:0;backface-visibility:hidden;transform-style:preserve-3d;border-radius:4px 13px 13px 4px}
#ipit-motion .portfolio-sheet{background:linear-gradient(108deg,#f0eeea,#fffdf7 28%,#f5f2eb);color:#393832;border:1px solid #dbd6ca;padding:30px 28px;box-shadow:0 1px #dfdace,0 3px #f8f5ed,0 4px #c4bcb0,0 12px 28px #231d1824;transform:translate3d(0,0,0)}
#ipit-motion .portfolio-sheet:before{content:"";position:absolute;top:0;left:14px;bottom:0;width:1px;background:#d7d1c755}
#ipit-motion .portfolio-sheet:after{content:attr(data-tab);position:absolute;top:42px;right:-19px;width:19px;height:79px;border-radius:0 5px 5px 0;background:#a7735e;color:#fff8ee;writing-mode:vertical-rl;text-align:center;font:500 9px/19px 'Inter Tight',sans-serif;letter-spacing:.09em;box-shadow:2px 1px 1px #0002}
#ipit-motion .portfolio-sheet[data-sheet="1"]:after{top:130px;background:#857e6d}
#ipit-motion .portfolio-sheet[data-sheet="2"]:after{top:218px;background:#5a635e}
#ipit-motion .paper-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #b9b4a5;font:400 8px/1.5 'Inter Tight',sans-serif;letter-spacing:.06em;color:#777367}
#ipit-motion .paper-top b{font-weight:600;font-size:12px;color:#4b463d;letter-spacing:-.06em}
#ipit-motion .paper-kicker{display:block;margin:24px 0 9px;font:400 9px 'Inter Tight',sans-serif;letter-spacing:.12em;color:#9b6047}
#ipit-motion .portfolio-sheet h3{font-size:30px;line-height:1.04;font-weight:500;letter-spacing:-1.2px;margin:0 0 18px}
#ipit-motion .paper-rule{height:1px;background:#d2ccbf;margin:15px 0}
#ipit-motion .paper-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #ddd7ca;font-size:12px;line-height:1.4}
#ipit-motion .paper-row span{color:#787263;font-size:10px}
#ipit-motion .paper-row b{font-weight:500}
#ipit-motion .paper-ledger{display:grid;grid-template-columns:16px 1fr;gap:13px 8px;font-size:11px;line-height:1.4;margin:18px 0}
#ipit-motion .paper-ledger span:nth-child(odd){font:400 8px/1.6 'Inter Tight',sans-serif;color:#958570}
#ipit-motion .paper-cycle{display:flex;align-items:center;gap:17px;margin:16px 0}
#ipit-motion .paper-cycle svg{width:50px;height:50px;flex:none;stroke:#a7735e;fill:none;stroke-width:1}
#ipit-motion .paper-cycle p{font-size:12px;line-height:1.5;color:#70695e}
#ipit-motion .paper-stamp{position:absolute;bottom:35px;left:28px;right:28px;display:flex;align-items:center;gap:8px;padding:12px 0;border-top:1px solid #b9b4a5;font:400 8px 'Inter Tight',sans-serif;letter-spacing:.06em;color:#75624e}
#ipit-motion .paper-stamp i{width:6px;height:6px;border:1px solid currentColor;border-radius:50%}
#ipit-motion .portfolio-cover{color:#f2e5d4;background:linear-gradient(110deg,#5b5146 0%,#3d3831 4%,#544a3e 7%,#76634f 8%,#786651 38%,#695743 75%,#4f453a);box-shadow:1px 2px #4b4236,2px 4px #b1a391,3px 5px #5d5143,4px 7px #37332c,14px 24px 32px #17100c35;padding:38px 32px;transform:translate3d(0,0,30px)}
#ipit-motion .portfolio-cover:before{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(0deg,#fff1 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#0002 0 1px,transparent 1px 3px);opacity:.17;pointer-events:none}
#ipit-motion .portfolio-cover:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 5%,#fcecd922 35%,transparent 55%);mix-blend-mode:screen;pointer-events:none}
#ipit-motion .cover-top{display:flex;align-items:center;justify-content:space-between;font:400 8px 'Inter Tight',sans-serif;letter-spacing:.12em;opacity:.8}
#ipit-motion .cover-logo{width:79px;height:79px;margin:45px 0 29px;background:linear-gradient(120deg,#b5a28a,#fff2d7 35%,#927d61 52%,#ecdbbf 73%,#b5a28a);mask:url('/assets/photos/logo-white.png') center/contain no-repeat;filter:drop-shadow(0 1px 1px #19140cc0)}
#ipit-motion .cover-title{font-size:37px;font-weight:500;line-height:1.05;letter-spacing:-1.5px;background:linear-gradient(105deg,#d6bea1,#fff1d6 42%,#af987b);background-clip:text;color:transparent;text-shadow:0 1px 1px #19140c10}
#ipit-motion .cover-footer{position:absolute;bottom:34px;left:32px;right:30px;border-top:1px solid #f6dcb450;padding-top:16px;display:flex;justify-content:space-between;font:400 8px/1.8 'Inter Tight',sans-serif;letter-spacing:.02em;color:#e5d1b5}
#ipit-motion .portfolio-steps{position:absolute;bottom:7px;left:9%;right:9%;display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--im-line);padding-top:16px}
#ipit-motion .portfolio-steps span{display:flex;align-items:center;gap:7px;font:400 9px 'Inter Tight',sans-serif;color:var(--im-muted)}
#ipit-motion .portfolio-steps i{width:5px;height:5px;border-radius:50%;border:1px solid currentColor}
#ipit-motion .portfolio-steps span[data-active]{color:var(--im-ink)}
#ipit-motion .portfolio-steps span[data-active] i{background:var(--im-blue);border-color:var(--im-blue)}
html[data-theme=dark] #ipit-motion .portfolio-cover{background:linear-gradient(110deg,#292925 0%,#171917 4%,#30322d 7%,#41423c 8%,#494940 38%,#363830 75%,#292c28);box-shadow:1px 2px #111,2px 4px #8a8b77,3px 5px #42443b,4px 7px #1b1d19,14px 24px 32px #0006}
html[data-theme=dark] #ipit-motion .portfolio-shadow{background:#0009}
html[data-theme=dark] #ipit-motion .portfolio-halo{background:radial-gradient(ellipse at center,#b78f6a19,transparent 65%)}
@media(min-width:1550px){#ipit-motion .ip-story .scene-stage{right:calc((100vw - 1550px)/3)}}
@media(max-width:1050px){#ipit-motion .ip-story .story-copy{max-width:240px}#ipit-motion .ip-story .scene-stage{left:31%}#ipit-motion .portfolio-steps{left:5%;right:5%}#ipit-motion .portfolio-steps span{font-size:8px}}
@media(max-width:760px){
 #ipit-motion .ip-story{height:300svh;min-height:1650px}
 #ipit-motion .ip-story .sticky-stage{min-height:590px}
 #ipit-motion .ip-story .story-copy{top:25px;left:24px;right:24px;max-width:500px}
 #ipit-motion .ip-story .story-copy h2{font-size:32px;max-width:450px;margin:11px 0}
 #ipit-motion .ip-story .story-copy p{max-width:480px;font-size:13px}
 #ipit-motion .ip-story .scene-stage{inset:190px 0 75px}
 #ipit-motion .portfolio-scale{top:45%;left:54%;transform:translate(-50%,-50%) scale(var(--portfolio-scale,.45))}
 #ipit-motion .portfolio-steps{left:24px;right:24px;bottom:0;gap:5px;padding-top:13px}
 #ipit-motion .portfolio-steps span{font-size:7px;gap:5px}
 #ipit-motion .portfolio-shadow{top:63%}
}
@media(prefers-reduced-motion:reduce){#ipit-motion .ip-story{height:auto;min-height:0}#ipit-motion .ip-story .sticky-stage{position:relative;top:0;height:740px}#ipit-motion .ip-story .story-summary{display:block}}
@media(prefers-reduced-motion:reduce) and (max-width:760px){#ipit-motion .ip-story .sticky-stage{height:730px}}
#ipit-motion .ip-story.reduced{height:auto;min-height:0}
#ipit-motion .ip-story.reduced .sticky-stage{position:relative;top:0;height:740px}