.port .port__sky{min-height:100svh;display:flex;flex-direction:column;justify-content:center;gap:24px;background:#05060a}.port__sky-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px, 6vw, 80px);align-items:center;padding:0 var(--pad-x);position:relative;z-index:2}.port__sky-copy{display:flex;flex-direction:column;gap:20px}.port__sky .h2{max-width:16ch;font-size:clamp(32px, 5.2vw, 72px)}.port__sky-sub{max-width:52ch;font-size:clamp(14px, 1.2vw, 18px);line-height:1.65;color:rgb(242 239 233 / .65)}.port__sky-stats{display:flex;gap:clamp(32px, 4vw, 64px);margin:8px 0 0}.port__sky-stat{display:flex;flex-direction:column;gap:4px}.port__sky-stat strong{font-family:var(--font-mono);font-size:clamp(24px, 2.4vw, 36px);font-weight:500;color:#f2efe9}.port__sky-stat span{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgb(242 239 233 / .45)}.port__folder-wrap{display:flex;align-items:center;justify-content:center}.port__folder{position:relative;width:min(380px, 100%);height:340px;perspective:600px;cursor:pointer}.port__folder-back{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:82%;height:72%;border-radius:0 18px 18px 18px;background:linear-gradient(180deg,#2a1a0e 0%,#1a1008 100%);border:1px solid rgb(253 90 29 / .2);box-shadow:0 20px 50px rgb(0 0 0 / .5),inset 0 1px 0 rgb(255 200 150 / .08)}.port__folder-tab{position:absolute;top:-30px;left:0;width:44%;height:30px;border-radius:12px 12px 0 0;background:linear-gradient(180deg,#2a1a0e 0%,#1a1008 100%);border:1px solid rgb(253 90 29 / .2);border-bottom:none}.port__folder-paper{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);width:70%;height:55%;border-radius:10px;background:rgb(242 239 233 / .06);border:1px dashed rgb(242 239 233 / .12);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:rgb(242 239 233 / .2)}.port__folder-paper svg{width:32px;height:32px}.port__folder-paper span{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase}.port__folder-lid{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:82%;height:65%;border-radius:0 18px 18px 18px;background:linear-gradient(180deg,#3a2215 0%,#2a1a0e 100%);border:1px solid rgb(253 90 29 / .3);box-shadow:0 -4px 20px rgb(253 90 29 / .08);transform-origin:bottom center;transition:transform 0.6s cubic-bezier(.34,1.56,.64,1)}.port__folder:hover .port__folder-lid{transform:translateX(-50%) rotateX(-42deg)}.port__folder-item{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:14px;background:rgb(20 18 16 / .92);border:1px solid rgb(253 90 29 / .4);box-shadow:0 14px 36px rgb(0 0 0 / .45);backdrop-filter:blur(12px);font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#f2efe9;white-space:nowrap;opacity:0;transform:translateY(60px) scale(.6);transition:all 0.65s cubic-bezier(.34,1.56,.64,1);z-index:10}.port__fi-icon{width:22px;height:22px;color:var(--brand);flex-shrink:0}.port__fi-icon svg{width:100%;height:100%;display:block}.port__fi--1{bottom:82%;left:6%;transition-delay:0.1s}.port__fi--2{bottom:92%;left:50%;transform:translate(-50%,60px) scale(.6);transition-delay:0.22s}.port__fi--3{bottom:78%;right:6%;transition-delay:0.34s}.port__folder:hover .port__folder-item{opacity:1}.port__folder:hover .port__fi--1{transform:translateY(0) scale(1) rotate(-6deg)}.port__folder:hover .port__fi--2{transform:translate(-50%,0) scale(1) rotate(3deg)}.port__folder:hover .port__fi--3{transform:translateY(0) scale(1) rotate(5deg)}@media (max-width:1023px){.port__sky-grid{grid-template-columns:1fr;gap:48px;padding:0}.port__sky-copy{padding:0 var(--pad-x);text-align:center;align-items:center}.port__sky .h2{max-width:none}.port__folder-wrap{max-width:320px;margin:0 auto}.port__folder{height:280px}}.port__work{position:relative;padding:clamp(80px, 12svh, 160px) var(--pad-x);background:#f2efe9;color:#0b0c10}.port__work-head{margin-bottom:clamp(48px, 6vw, 80px)}.port__work-head .eyebrow{color:var(--accent)}.port__work-head .h2{color:#0b0c10;max-width:20ch;font-size:clamp(28px, 4vw, 56px)}.port__work-intro{max-width:56ch;margin-top:16px;font-size:clamp(14px, 1.1vw, 17px);line-height:1.65;color:rgb(11 12 16 / .6)}.port__row{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px, 2.5vw, 40px)}@media (max-width:1023px){.port__row{grid-template-columns:repeat(2,1fr)}}@media (max-width:599px){.port__row{grid-template-columns:1fr}}.port__card{position:relative;border-radius:16px;background:#fff;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}.port__card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgb(0 0 0 / .10),0 2px 8px rgb(0 0 0 / .06)}.port__vp{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden;background:#0b0c10;cursor:pointer}.port__vp iframe{position:absolute;top:0;left:0;width:1440px;height:7200px;border:none;pointer-events:none;transform-origin:top left}.port__img{position:absolute;top:0;left:0;width:100%;height:auto;display:block;pointer-events:none;z-index:1;transition:transform 6s cubic-bezier(.25,.1,.25,1)}.port__card:hover .port__img{transform:translateY(calc(-100% + var(--vp-h, 400px)))}.port__vp::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,var(--card-color,#fd5a1d));opacity:0;transition:opacity .5s var(--ease);pointer-events:none;mix-blend-mode:soft-light}.port__card:hover .port__vp::after{opacity:.25}.port__fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#0b0c10 0%,color-mix(in srgb,var(--card-color) 25%,#0b0c10) 100%);z-index:1;transition:opacity .4s var(--ease)}.port__vp.has-iframe .port__fallback{opacity:0;pointer-events:none}.port__fallback-num{font-family:var(--font-mono);font-size:64px;font-weight:200;color:rgb(242 239 233 / .12);line-height:1}.port__fallback-name{font-size:clamp(18px, 2vw, 24px);font-weight:500;color:#f2efe9;letter-spacing:-.01em}.port__fallback-type{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--card-color,rgb(242 239 233 / .4))}.port__info{padding:20px 24px 24px}.port__info-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.port__num{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--card-color,var(--accent));font-weight:600}.port__year{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:rgb(11 12 16 / .35)}.port__name{margin:0 0 4px;font-size:clamp(18px, 1.6vw, 22px);font-weight:600;letter-spacing:-.01em;color:#0b0c10}.port__type{display:block;margin-bottom:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgb(11 12 16 / .45)}.port__desc{margin:0 0 14px;font-size:14px;line-height:1.6;color:rgb(11 12 16 / .6)}.port__tags{display:flex;flex-wrap:wrap;gap:6px}.port__tag{padding:4px 10px;border-radius:999px;background:rgb(11 12 16 / .06);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgb(11 12 16 / .55);transition:transform .5s cubic-bezier(.34,1.56,.64,1),background .35s var(--ease),color .35s var(--ease)}.port__card:hover .port__tag{background:color-mix(in srgb,var(--card-color) 14%,transparent);color:color-mix(in srgb,var(--card-color) 70%,#0b0c10)}.port__card:hover .port__tag:nth-child(1){transform:translateY(-3px) rotate(-2deg)}.port__card:hover .port__tag:nth-child(2){transform:translateY(-5px) rotate(1.5deg);transition-delay:.04s}.port__card:hover .port__tag:nth-child(3){transform:translateY(-4px) rotate(-1deg);transition-delay:.08s}.port__cta{position:relative;padding:clamp(100px, 16svh, 200px) var(--pad-x);background:#05060a;color:#f2efe9;text-align:center}.port__cta-inner{max-width:640px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:20px}.port__cta .eyebrow{color:var(--accent)}.port__cta-h{margin:0;font-weight:300;font-variation-settings:"wght" 300,"wdth" 102;font-size:clamp(28px, 4.4vw, 56px);line-height:1.08;letter-spacing:-.03em}.port__cta-p{max-width:48ch;margin:0;font-size:clamp(14px, 1.1vw, 17px);line-height:1.65;color:rgb(242 239 233 / .6)}.port__cta-email{display:inline-block;margin:4px 0 16px;font-size:clamp(20px, 2.6vw, 36px);font-weight:500;letter-spacing:-.02em;color:#f2efe9;text-decoration:none;border-bottom:2px solid var(--accent);padding-bottom:4px;transition:color .3s var(--ease)}.port__cta-email:hover{color:var(--accent)}.port__cta-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.port__vp .port__scroll-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:2;padding:6px 14px;border-radius:999px;background:rgb(0 0 0 / .65);backdrop-filter:blur(8px);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgb(255 255 255 / .8);opacity:0;transition:opacity .4s var(--ease);pointer-events:none}.port__card:hover .port__scroll-hint{opacity:1}.port__vp.is-scrolling .port__scroll-hint{opacity:0}body.bars-at-footer .hud__row--bottom{transform:translateY(100%);opacity:0;pointer-events:none}@media (max-width:767px){.port__sky-copy{text-align:center;align-items:center}.port__sky .h2{max-width:none}.port__sky-stats{gap:24px;justify-content:center}.port__folder{height:240px}.port__folder-item{padding:10px 14px;font-size:10px}.port__vp{aspect-ratio:3 / 4}.port__info{padding:16px 18px 20px}.port__cta-row{flex-direction:column;align-items:center}.port__work-head{text-align:center}.port__work-head .h2{max-width:none}}