Front-End Coder: Code Finished Canva Luxury Landing Page, Auto-Video & 3D Flipbook

URGENT: This project is completely ready to build and must be delivered within 48 hours (2 days) or less. Project Overview: We are an elite, technical luxury fashion house (SUTRH) requiring a senior creative front-end engineer to build a pixel-perfect homepage placeholder and an advanced interactive lookbook. This project requires custom coding from scratch (HTML5, CSS3, JavaScript/GSAP). Absolutely NO pre-made WordPress themes, automated PDF-to-flipbook plugins, or generic templates will be accepted. You must maintain strict structural proportions, high-contrast monochrome design (#000000 background), and load our exact custom brand typography natively via @font-face so fonts never shift or break to system defaults. Scope of Work & Technical Architecture: Asset 1: Root Domain Landing Page (sutrh.com) - Behavior: When a user types in the root domain (sutrh.com), it must resolve exclusively to a clean landing page. - Execution: Display a single, locked layout asset centered perfectly on a solid pure black (#000000) viewport. - Responsiveness: On desktop screens, the layout must scale fluidly to fit the height of the viewport to prevent vertical scrolling or truncation. On mobile viewports, it must fit centered and razor-sharp. Asset 2: Interactive Digital Passport (Accessed via QR Code) - Behavior: The QR code will point to a specific directory slug (e.g., sutrh.com/passport). Scanning the QR code routes the user exclusively to this interactive experience, completely bypassing the landing page. Sequence 1: Seamless Intro Video (Autoplay) - The page must immediately load and autoplay a technical video asset. - Strict UI Rule: The video must play instantly with zero user interaction required (no play buttons, no controls, no native player UI visible on iOS/Android). It must utilize strict autoplay, muted, and playsinline attributes to bypass mobile web restrictions cleanly. Sequence 2: Hand-off to Manual 3D Flipbook - The exact millisecond the intro video ends, the video container must cleanly transition (via a smooth alpha crossfade) directly into an interactive 11-page lookbook. - Interaction Mechanics: The 11 pages must be manipulated manually by the viewer. The user must be able to click-and-drag or swipe to physically flip pages back and forth with realistic page-turning physics. Required Developer Profile & Skills: - Expertise in Custom HTML5, CSS3, and modern asynchronous JavaScript. - Deep experience with advanced interaction/animation libraries like GSAP (GreenSock) or optimized canvas-rendering book libraries. - Clean, zero-waste code architecture optimized heavily for premium mobile web browsers (iOS Safari, Chrome mobile). How to Respond: Please provide live, clickable URLs of interactive lookbooks or highly custom user interface animations you have personally written from scratch. Do not send generic WordPress portfolios. If you understand the tracking, layout constraints, and specific browser autoplay workarounds required for luxury mobile experiences, please apply.