/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.table{display:table}}:root{--black:#000;--white:#f4f4f1;--red:#f33748}*{box-sizing:border-box}html,body{background:var(--black);width:100%;height:100%;color:var(--white);margin:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}a{color:inherit}.portfolio-shell,.work-screen{width:100%;height:100svh}.work-screen{background:var(--black);position:relative;overflow:hidden}.reel-stage{--drag-offset:0px;perspective:1500px;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.reel-stage:active{cursor:grabbing}.reel-stage.is-dragging .reel-card{transition:none}.reel-card{z-index:1;width:min(58vw,96vh,1080px);color:var(--white);transform-origin:50%;opacity:0;will-change:transform, opacity;text-decoration:none;transition:transform .82s cubic-bezier(.2,.8,.2,1),opacity .54s,filter .54s;position:absolute;top:50%;left:50%}.reel-card.slot-p0{z-index:10;transform:translate(-50%, calc(-50% + var(--drag-offset))) scale(1) rotateX(0deg);opacity:1;filter:brightness()saturate()}.reel-card.slot-m1{z-index:5;transform-origin:50% 100%;transform:translate(-50%, calc(-150% - 8vh + var(--drag-offset))) rotateX(28deg);opacity:.56;filter:brightness(.54)saturate(.7)}.reel-card.slot-p1{z-index:5;transform-origin:50% 0;transform:translate(-50%, calc(50% + 8vh + var(--drag-offset))) rotateX(-28deg);opacity:.56;filter:brightness(.54)saturate(.7)}.reel-card.slot-m2{transform:translate(-50%, calc(-250% - 16vh + var(--drag-offset))) scale(.68) rotateX(34deg);opacity:0}.reel-card.slot-p2{transform:translate(-50%, calc(150% + 16vh + var(--drag-offset))) scale(.68) rotateX(-34deg);opacity:0}.reel-card:not(.is-active){pointer-events:none}.video-frame{aspect-ratio:16/9;background:#080808;width:100%;display:block;position:relative;overflow:hidden}.video-frame video{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:transform 1.1s cubic-bezier(.2,.8,.2,1);display:block;transform:scale(1.002)}.reel-card.is-active:hover video{transform:scale(1.018)}.frame-shade{pointer-events:none;background:linear-gradient(#0000 68%,#0000002e);position:absolute;inset:0}.film-copy{text-align:left;opacity:0;flex-direction:column;align-items:flex-start;gap:1px;transition:opacity .42s .18s,transform .5s .18s;display:flex;position:absolute;top:calc(100% + 15px);left:0;transform:translateY(10px)}.reel-card.is-active .film-copy{opacity:1;transform:translateY(0)}.film-copy strong,.film-copy small{text-transform:uppercase;line-height:.95}.film-copy strong{letter-spacing:-.045em;font-size:clamp(22px,2.25vw,40px)}.film-copy small{letter-spacing:-.025em;font-size:clamp(14px,1.35vw,24px);font-weight:700}.contact-logo{z-index:30;aspect-ratio:1;opacity:.92;width:clamp(58px,5.4vw,88px);transition:opacity .22s,transform .22s;display:block;position:fixed;top:clamp(18px,2.2vw,34px);right:clamp(18px,2.2vw,34px)}.contact-logo img{object-fit:contain;filter:brightness(0)invert();width:50%;height:50%;margin-left:auto;display:block}.contact-logo:hover{opacity:1;transform:scale(1.05)}.contact-logo:focus-visible{outline:2px solid var(--white);outline-offset:5px}.intro-film{z-index:100;background:var(--black);opacity:1;transition:opacity .9s cubic-bezier(.4,0,.2,1),filter .9s;position:fixed;inset:0}.intro-film.fading{opacity:0;filter:blur(14px);pointer-events:none}.intro-film video{object-fit:cover;width:100%;height:100%;display:block}.intro-vignette{pointer-events:none;background:linear-gradient(#00000052,#0000 28% 70%,#0006),radial-gradient(circle,#0000 52%,#0000003d);position:absolute;inset:0}@media (max-width:760px){.reel-card{width:min(90vw,100vh);top:47%}.reel-card.slot-m1{transform:translate(-50%, calc(-150% - 10vh + var(--drag-offset))) rotateX(28deg)}.reel-card.slot-p1{transform:translate(-50%, calc(50% + 10vh + var(--drag-offset))) rotateX(-28deg)}.film-copy{top:calc(100% + 12px);left:2px}.film-copy strong{font-size:24px}.film-copy small{font-size:15px}.contact-logo{width:58px;top:16px;right:16px}}@media (prefers-reduced-motion:reduce){.reel-card,.intro-film,.video-frame video,.film-copy,.contact-logo{transition-duration:.01ms}}
