.flip-room{--coat:#2b231d;--coat-deep:#15100d;--shelf:#f1e2be;--camel:#c9ad80;--camel-ink:#2a211b;--cognac:#8c4a27;--cognac-lit:#e7a774;--w:min(86vw,calc(74svh * 2 / 3),440px);position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:max(16px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom));overflow:hidden;background:radial-gradient(120% 80% at 50% 12%,#4a3828 0,var(--coat) 42%,var(--coat-deep) 100%);color:var(--shelf);font-family:var(--font-archivo),ui-sans-serif,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}.flip-light{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(38% 30% at 50% 54%,rgba(10,7,5,.55) 0,transparent 70%),radial-gradient(60% 55% at 50% 30%,rgba(255,210,150,.2) 0,transparent 70%)}.flip-stage{perspective:1800px;perspective-origin:50% 45%}.flip-deal,.flip-tilt,.flip-turn{transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.flip-tilt{--tx:0;--ty:0}.flip-turn{position:relative;width:var(--w);aspect-ratio:2/3;cursor:pointer;touch-action:pan-y;user-select:none;-webkit-user-select:none}.flip-slice{background:linear-gradient(90deg,var(--cognac-lit),var(--cognac) 22%,#4f2612 60%,var(--cognac) 82%,var(--cognac-lit));background-size:300% 100%;background-position:calc(50% - var(--tx) * 50%) 0}.flip-face,.flip-slice{position:absolute;inset:0;border-radius:14px}.flip-face{overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-front{transform:translateZ(6px);background:#1d1611}.flip-back{transform:rotateY(180deg) translateZ(6px);color:var(--camel-ink);background-color:var(--camel);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .25 0 0 0 0 .18 0 0 0 0 .1 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.flip-photo{width:100%;height:100%;object-fit:cover;object-position:50% 30%}.flip-front:after,.flip-photo{position:absolute;inset:0;pointer-events:none}.flip-front:after{content:"";background:linear-gradient(180deg,transparent 52%,rgba(16,11,8,.72) 78%,rgba(16,11,8,.92))}.flip-front-copy{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:0 22px 22px}.flip-name{margin:0;font-size:clamp(28px,calc(var(--w) * .098),42px);font-weight:640;font-stretch:125%;letter-spacing:-.01em;line-height:1;color:var(--shelf)}.flip-ko{margin:9px 0 0;font-family:var(--font-ko),sans-serif;font-size:clamp(10px,calc(var(--w) * .032),13.5px);font-weight:500;line-height:1;letter-spacing:.1em;color:rgba(241,226,190,.7)}.flip-sheen{position:absolute;inset:0;z-index:2;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(112deg,transparent 34%,rgba(255,228,190,.05) 42%,rgba(255,236,205,.26) 49%,rgba(255,228,190,.05) 56%,transparent 64%);background-size:260% 260%;background-position:calc(50% - var(--tx) * 60%) calc(50% + var(--ty) * 40%)}.flip-back .flip-sheen{z-index:0;mix-blend-mode:soft-light}.flip-env{position:absolute;inset:-12%;pointer-events:none;background:url(/flip/tyler-640.webp) 50%/cover;filter:blur(22px) saturate(1.2);opacity:.2;mix-blend-mode:soft-light;transform:translate(calc(var(--tx) * -6%),calc(var(--ty) * 5%)) scaleX(-1)}.flip-back-body{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;padding:clamp(20px,calc(var(--w) * .065),30px);font-size:clamp(14px,calc(var(--w) * .04),16px)}.flip-back-name{margin:0;font-size:clamp(22px,calc(var(--w) * .074),30px);font-weight:640;font-stretch:125%;line-height:1}.flip-back-ko{margin:7px 0 0;font-family:var(--font-ko),sans-serif;font-size:clamp(9.5px,calc(var(--w) * .03),11px);font-weight:500;line-height:1;letter-spacing:.1em;opacity:.7}.flip-room a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}.flip-hint:focus-visible,.flip-room a:focus-visible{outline:2px solid var(--cognac-lit);outline-offset:3px;border-radius:4px}.flip-back a:focus-visible{outline-color:var(--cognac)}.flip-call{margin-top:20px;display:flex;align-items:center;min-height:48px;padding:0 16px;border-radius:8px;background:var(--camel-ink);color:var(--shelf)!important;font-weight:600;font-stretch:110%;text-decoration:none;box-shadow:inset 0 0 0 1px rgba(231,167,116,.25)}.flip-links{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,auto);justify-content:space-between;column-gap:12px}.flip-links li:nth-child(2){order:-1;grid-column:1/-1}.flip-links a{display:flex;align-items:center;min-height:44px;min-width:44px;text-decoration:underline;text-decoration-color:rgba(42,33,27,.4)}.flip-links a:hover{text-decoration-color:currentColor}.flip-qr{margin-block:auto;display:flex;align-items:center;gap:14px}.flip-qr img{width:clamp(76px,calc(var(--w) * .26),112px);height:auto;flex:none}.flip-qr p{margin:0;font-size:max(14px,.86em);line-height:1.4;color:#3a2d20}.flip-biz{margin-top:4px;align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:#3a2d20!important}.flip-hint{flex:none;appearance:none;border:0;background:none;padding:10px 14px;min-height:44px;font:inherit;font-size:15px;font-stretch:112%;color:var(--shelf);text-decoration:underline;text-decoration-color:rgba(231,167,116,.6);text-underline-offset:5px;cursor:pointer}.flip-curtain{position:fixed;inset:0;z-index:10;pointer-events:none;background:var(--coat-deep);transform:scaleY(0);transform-origin:50% 100%}@media (prefers-reduced-motion:no-preference){.js .flip-deal{transform:translate3d(0,-260px,-1100px) rotateX(68deg) rotate(-14deg)}.js .flip-turn{transform:rotateY(-1turn)}.js .flip-front-copy>*{opacity:0;transform:translateY(14px)}.js .flip-hint{opacity:0}}@media (prefers-reduced-motion:reduce){.flip-light{opacity:1}}.flip-turn[data-side=back] .flip-front,.flip-turn[data-side=front] .flip-back{visibility:hidden}.flip-slice:first-child{box-shadow:0 30px 60px -20px rgba(8,5,3,.75),0 8px 18px -6px rgba(8,5,3,.5)}.flip-deal,.flip-slice,.flip-tilt,.flip-turn{pointer-events:none}.flip-face{pointer-events:auto}@media (max-width:600px){.flip-back-body .flip-call{margin-top:28px}.flip-back-body .flip-qr{order:5;margin-block:auto 0}.flip-back-body .flip-biz{order:6}.flip-qr img{width:64px}}