.videoship-page{color:#212121;background:radial-gradient(circle at 50% 13%,#ff652d0b,#0000 25rem),#f8f8f6;min-height:100vh}.display-heading{font-family:var(--font-inter), ui-sans-serif, system-ui, sans-serif}.ship-script{font-family:var(--font-instrument-serif), Georgia, serif}.hero-glow{position:relative}.hero-glow:before{content:"";filter:blur(26px);pointer-events:none;background:radial-gradient(circle,#ff652d2e,#0000 70%);border-radius:999px;height:160px;position:absolute;inset:-90px 9% auto}.video-pill{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000009e;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:14px;font-weight:600;line-height:1;transition:transform .18s,background .18s;display:inline-flex}.video-pill:hover{background:#000000b8;transform:translateY(-1px)}.work-video{box-shadow:0 12px 32px #221d1814}.work-video .video-pill{letter-spacing:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000094;gap:5px;padding:6px 9px;font-size:11px;font-weight:700;bottom:15px;left:15px}.work-video .video-pill svg{width:12px;height:12px}.work-carousel{width:min(100vw,1060px);height:462px;position:relative}.work-card{opacity:0;pointer-events:none;will-change:width, height, transform, opacity;width:270px;height:450px;transition:width .64s cubic-bezier(.22,1,.36,1),height .64s cubic-bezier(.22,1,.36,1),transform .64s cubic-bezier(.22,1,.36,1),opacity .42s,filter .64s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.work-card[data-position="-2"]{z-index:0;opacity:.55;filter:saturate(.9);width:14px;height:378px;transform:translate(calc(-50% - 455px),-50%)}.work-card[data-position="-1"]{z-index:2;opacity:.42;filter:saturate(.82);width:218px;height:378px;transform:translate(calc(-50% - 262px),-50%)}.work-card[data-position="0"]{z-index:3;opacity:1;pointer-events:auto;width:270px;height:450px;transform:translate(-50%,-50%)}.work-card[data-position="1"]{z-index:2;opacity:.42;filter:saturate(.82);width:218px;height:378px;transform:translate(calc(262px - 50%),-50%)}.work-card[data-position="2"]{z-index:0;opacity:.55;filter:saturate(.9);width:14px;height:378px;transform:translate(calc(455px - 50%),-50%)}.carousel-arrow{z-index:8;color:#fff;background:#ff652d;border-radius:999px;place-items:center;width:28px;height:28px;transition:transform .18s,box-shadow .18s,background .18s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 18px #ff652d38}.carousel-arrow svg{stroke-width:2.4px;width:16px;height:16px}.carousel-arrow:hover{background:#ff5a22;transform:translateY(-50%)scale(1.06);box-shadow:0 12px 20px #ff652d47}.left-arrow{left:calc(50% - 150px)}.right-arrow{right:calc(50% - 150px)}.field-line{color:#2d2d2d;border-bottom:1px solid #dedede;gap:18px;padding-bottom:14px;display:grid;position:relative}.field-line span{font-size:14px;font-weight:500}.field-line input,.field-line select,.field-line textarea{resize:none;appearance:none;color:#8a8a8a;background:0 0;border:0;outline:0;width:100%;font-size:16px;font-weight:500}.field-line textarea{min-height:112px}.field-line input::placeholder,.field-line textarea::placeholder{color:#8a8a8a}.framer-badge{z-index:50;color:#111;background:#fff;border-radius:12px;align-items:center;gap:9px;padding:12px 14px;font-size:14px;font-weight:700;display:inline-flex;position:fixed;bottom:18px;right:20px;box-shadow:0 5px 18px #0000001f}.reveal{opacity:1}@supports (animation-timeline:view()){.reveal{opacity:0;animation:cubic-bezier(.22,1,.36,1) both reveal-section;animation-timeline:view();animation-range:entry cover 28%;transform:translateY(38px)}}@keyframes reveal-section{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.work-carousel{width:100vw;height:390px}.work-card{width:226px;height:376px}.work-card[data-position="-2"],.work-card[data-position="2"]{opacity:0}.work-card[data-position="-1"]{width:170px;height:320px;transform:translate(calc(-50% - 204px),-50%)}.work-card[data-position="1"]{width:170px;height:320px;transform:translate(calc(204px - 50%),-50%)}.work-card[data-position="0"]{width:226px;height:376px}.left-arrow{left:calc(50% - 127px)}.right-arrow{right:calc(50% - 127px)}.framer-badge{display:none}}
