@font-face{font-family:ZPPatternMontserrat;src:url('assets/montserrat-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:ZPPatternMontserrat;src:url('assets/montserrat-semibold.ttf') format('truetype');font-weight:600;font-display:swap}#zenphue-pattern-module{--ink:#193d35;--muted:#5c625a;--gold:#997331;--paper:#f7f4ed;--ease:cubic-bezier(.22,1,.36,1)}#zenphue-pattern-module *{box-sizing:border-box}#zenphue-pattern-module{margin:0;background:var(--paper);color:var(--ink);font-family:ZPPatternMontserrat,sans-serif}#zenphue-pattern-module ::selection{background:#d8c39d;color:#193d35}#zenphue-pattern-module button,#zenphue-pattern-module a{-webkit-tap-highlight-color:transparent}#zenphue-pattern-module button{font:inherit}#zenphue-pattern-module button:focus-visible,#zenphue-pattern-module a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}#zenphue-pattern-module a{color:inherit}#zenphue-pattern-module svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#zenphue-pattern-module .preview-bar{display:flex;align-items:center;gap:24px;padding:17px 4.5%;border-bottom:1px solid #ded9cf;font-size:12px}#zenphue-pattern-module .brand{font-weight:600;letter-spacing:.12em;text-decoration:none;font-size:17px}#zenphue-pattern-module .preview-bar>span{color:var(--muted);flex:1}#zenphue-pattern-module .preview-bar button{background:transparent;border:1px solid #c9c1b1;border-radius:20px;padding:8px 12px;color:var(--ink);cursor:pointer}#zenphue-pattern-module main{max-width:1600px;margin:auto}#zenphue-pattern-module .customization{position:relative;isolation:isolate;display:grid;grid-template-columns:54% 46%;grid-template-rows:auto 320px;max-width:1340px;margin:0 auto;padding:70px 50px 32px;overflow:hidden;min-height:800px}#zenphue-pattern-module .copy{grid-column:1;grid-row:1;z-index:2;padding-top:12px;max-width:590px}#zenphue-pattern-module h2{font-size:clamp(36px,3.9vw,56px);font-weight:600;letter-spacing:-.045em;line-height:1.1;margin:0;text-wrap:balance}#zenphue-pattern-module .intro{font-size:16px;line-height:1.85;max-width:470px;margin:30px 0 24px;color:var(--muted)}#zenphue-pattern-module .cta{display:inline-flex;align-items:center;gap:25px;background:var(--ink);color:#fff;padding:16px 22px;border-radius:6px;text-decoration:none;font-size:13px;font-weight:600;transition:background .2s}#zenphue-pattern-module .cta:hover{background:#2c564b}#zenphue-pattern-module .promise{font-size:11px;line-height:1.7;margin:16px 0 0;max-width:380px;color:var(--muted)}#zenphue-pattern-module .product-display{position:relative;grid-column:2;grid-row:1 / 3;min-width:0;perspective:1400px;display:flex;align-items:center;justify-content:center;padding-bottom:44px}#zenphue-pattern-module .product-orbit{position:absolute;width:91%;height:30%;border:1px solid #d8cfbe;border-radius:50%;transform:rotate(-22deg);bottom:70px;z-index:-1}#zenphue-pattern-module .phone-shadow{position:absolute;width:47%;height:20px;bottom:73px;background:#756e6140;filter:blur(17px);border-radius:50%;transform:rotate(-8deg)}#zenphue-pattern-module .phone-rig{width:min(300px,76%);transform:rotateY(-15deg) rotateZ(8deg);transform-style:preserve-3d;will-change:transform}#zenphue-pattern-module .phone-canvas{position:relative;width:100%;aspect-ratio:620 / 1245;overflow:hidden;background:white;border-radius:20% / 10%;box-shadow:13px 23px 31px -16px #605a5a48;isolation:isolate}#zenphue-pattern-module .phone-base,#zenphue-pattern-module .render{position:absolute;width:calc(var(--source-w) / 620 * 100%);max-width:none;height:auto;left:calc(var(--source-x) / 620 * -100%);top:calc(77 / 1245 * -100%);pointer-events:none;user-select:none}#zenphue-pattern-module .backplate{position:absolute;inset:0;clip-path:inset(30.95% 4.84% 2% 5.4% round 10.5% / 5.4%)}#zenphue-pattern-module .render-layer{position:absolute;inset:0;opacity:0;transition:opacity 250ms ease;pointer-events:none}#zenphue-pattern-module .render-layer.active{opacity:1}#zenphue-pattern-module .product-caption{position:absolute;bottom:15px;display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}#zenphue-pattern-module .product-caption strong{color:var(--ink);font-weight:600;font-size:13px}#zenphue-pattern-module .caption-line{width:22px;height:1px;background:var(--gold)}#zenphue-pattern-module .selector-area{grid-column:1;grid-row:2;min-width:0;z-index:3;padding-top:24px;margin-left:-10px;margin-right:15px}#zenphue-pattern-module .selector-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 10px;font-size:12px;font-weight:600}#zenphue-pattern-module .hint{font-size:10px;font-weight:400;color:var(--muted)}#zenphue-pattern-module .wheel-scene{height:222px;perspective:950px;touch-action:pan-y;position:relative;margin-top:13px}#zenphue-pattern-module .wheel{height:100%;position:relative;transform-style:preserve-3d}#zenphue-pattern-module .pattern-card{position:absolute;left:50%;top:38px;width:116px;height:164px;border:0;padding:0;border-radius:12px;background:#fff;cursor:pointer;transform-style:preserve-3d;transition:transform 650ms var(--ease),filter 400ms ease,box-shadow 400ms ease;transform:translateX(-50%) translateX(calc(var(--slot) * 90px)) translateY(calc(var(--depth) * 9px)) translateZ(calc(var(--depth) * -32px)) rotateY(-22deg) rotateZ(-13deg);z-index:calc(10 - var(--depth));box-shadow:7px 15px 18px -9px #51442b4a;filter:saturate(.78);outline:none}#zenphue-pattern-module .pattern-card[aria-pressed=true]{transform:translateX(-50%) translateY(-14px) translateZ(65px) rotateY(-12deg) rotateZ(-7deg);z-index:20;filter:saturate(1);box-shadow:8px 24px 24px -12px #51442b5c}#zenphue-pattern-module .pattern-card:after{content:'';position:absolute;inset:-4px;border:1.5px solid transparent;border-radius:15px;transition:border-color .2s}#zenphue-pattern-module .pattern-card[aria-pressed=true]:after{border-color:var(--gold)}#zenphue-pattern-module .pattern-card:focus-visible:after{border:3px solid var(--ink);inset:-6px}#zenphue-pattern-module .art-crop{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:#eee8de}#zenphue-pattern-module .art-crop img{position:absolute;max-width:none;width:calc(var(--art-w) / 640 * 100%);height:auto;left:calc(var(--art-x) / 640 * -100%);top:calc(var(--art-y) / 920 * -100%);user-select:none;pointer-events:none}#zenphue-pattern-module .wheel-footer{display:flex;gap:26px;justify-content:center;align-items:center;margin-top:0;color:var(--muted);font-size:12px}#zenphue-pattern-module .nav{width:36px;height:36px;display:grid;place-items:center;border:1px solid #c9c1b1;border-radius:50%;color:var(--ink);background:transparent;cursor:pointer;transition:background .2s}#zenphue-pattern-module .nav:hover{background:#e8dfcf}#zenphue-pattern-module .nav svg{width:16px;height:16px}#zenphue-pattern-module #selection-label{min-width:130px;text-align:center;font-variant-numeric:tabular-nums}#zenphue-pattern-module .preview-note{font-size:12px;line-height:1.8;text-align:center;padding:20px 24px 28px;margin:0;border-top:1px solid #ded9cf;color:var(--muted)}#zenphue-pattern-module.reduced-motion .pattern-card,#zenphue-pattern-module.reduced-motion .render-layer{transition:none!important}#zenphue-pattern-module.reduced-motion .phone-rig{will-change:auto}@media(min-width:1500px){#zenphue-pattern-module .customization{padding-top:90px}}@media(max-width:1000px){#zenphue-pattern-module .customization{padding:48px 28px 24px;grid-template-columns:53% 47%;grid-template-rows:auto 290px;min-height:730px}#zenphue-pattern-module .intro{font-size:14px;max-width:360px}#zenphue-pattern-module .phone-rig{width:250px;max-width:78%}#zenphue-pattern-module .pattern-card{width:94px;height:134px;transform:translateX(-50%) translateX(calc(var(--slot) * 66px)) translateY(calc(var(--depth) * 9px)) translateZ(calc(var(--depth) * -32px)) rotateY(-22deg) rotateZ(-13deg)}#zenphue-pattern-module .wheel-scene{height:190px}#zenphue-pattern-module .hint{display:none}}@media(max-width:650px){#zenphue-pattern-module .preview-bar{padding:12px 18px;gap:12px}#zenphue-pattern-module .preview-bar>span{font-size:10px}#zenphue-pattern-module .brand{font-size:13px}#zenphue-pattern-module .preview-bar button{font-size:10px;padding:7px}#zenphue-pattern-module .customization{padding:36px 24px 22px;display:flex;flex-direction:column;min-height:0}#zenphue-pattern-module .copy{padding:0}#zenphue-pattern-module h2{font-size:36px;line-height:1.13;letter-spacing:-.035em}#zenphue-pattern-module .intro{font-size:14px;line-height:1.75;margin:22px 0;max-width:100%}#zenphue-pattern-module .cta{padding:13px 17px;font-size:12px}#zenphue-pattern-module .promise{font-size:10px;margin-top:13px;max-width:none}#zenphue-pattern-module .product-display{height:430px;flex:none;margin:26px 0 0;padding-bottom:32px}#zenphue-pattern-module .phone-rig{width:184px;max-width:none}#zenphue-pattern-module .product-orbit{width:88%;bottom:38px;height:100px}#zenphue-pattern-module .phone-shadow{bottom:39px;width:47%}#zenphue-pattern-module .product-caption{bottom:0}#zenphue-pattern-module .selector-area{margin:0;padding-top:30px}#zenphue-pattern-module .selector-heading{padding:0}#zenphue-pattern-module .hint{display:block;font-size:9px}#zenphue-pattern-module .wheel-scene{height:178px;margin-top:7px;perspective:850px}#zenphue-pattern-module .pattern-card{width:78px;height:112px;top:39px;transform:translateX(-50%) translateX(calc(var(--slot) * 54px)) translateY(calc(var(--depth) * 7px)) translateZ(calc(var(--depth) * -25px)) rotateY(-22deg) rotateZ(-13deg)}#zenphue-pattern-module .wheel-footer{gap:22px}#zenphue-pattern-module .preview-note{font-size:10px;padding:18px 24px}}@media(prefers-reduced-motion:reduce){#zenphue-pattern-module .pattern-card,#zenphue-pattern-module .render-layer{transition:none!important}#zenphue-pattern-module .phone-rig{will-change:auto}}#zenphue-pattern-module .customization{background:var(--paper)}#zenphue-pattern-module .phone-float{position:relative;width:min(300px,76%);transform-style:preserve-3d;animation:phone-float 6s ease-in-out infinite}#zenphue-pattern-module .phone-rig{position:relative;width:100%;max-width:none;transform:rotateY(-16deg) rotateZ(4deg);transform-style:preserve-3d}#zenphue-pattern-module .phone-canvas{box-shadow:none;transform:translateZ(.2px)}#zenphue-pattern-module .phone-side{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:linear-gradient(90deg,#c5c4c0 80%,#d7d6d2 91%,#a5a5a2);border-radius:20% / 10%;transform:translateX(4.8%) translateZ(-2px);backface-visibility:hidden}#zenphue-pattern-module .side-photo{position:absolute;right:0;top:0;width:8.5%;height:100%;overflow:hidden}#zenphue-pattern-module .phone-side img{position:absolute;max-width:none;width:1280%;height:103.45%;left:-585%;top:-1.93%;pointer-events:none;user-select:none}#zenphue-pattern-module .phone-side:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0000000d,transparent 40%,#00000019);pointer-events:none}#zenphue-pattern-module .product-orbit{display:none}#zenphue-pattern-module .phone-shadow{animation:shadow-breathe 6s ease-in-out infinite}#zenphue-pattern-module .render-layer{transition:opacity 320ms ease}@keyframes phone-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes shadow-breathe{0%,100%{opacity:.7;scale:1}50%{opacity:.45;scale:.92}}#zenphue-pattern-module.reduced-motion .phone-float,#zenphue-pattern-module.reduced-motion .phone-shadow{animation:none}@media(max-width:1000px){#zenphue-pattern-module .phone-float{width:250px;max-width:78%}#zenphue-pattern-module .phone-rig{width:100%;max-width:none}}@media(max-width:650px){#zenphue-pattern-module .phone-float{width:190px;max-width:none}#zenphue-pattern-module .phone-rig{width:100%;max-width:none}#zenphue-pattern-module .product-display{height:440px}}@media(prefers-reduced-motion:reduce){#zenphue-pattern-module .phone-float,#zenphue-pattern-module .phone-shadow{animation:none!important}}#zenphue-pattern-module .model-canvas{position:relative;width:100%;height:690px;min-width:0;cursor:default;user-select:none}#zenphue-pattern-module .model-canvas canvas{display:block;width:100%;height:100%;pointer-events:none}#zenphue-pattern-module #model-status{position:absolute;inset:45% 5% auto;text-align:center;font-size:12px;color:var(--muted)}#zenphue-pattern-module .phone-shadow{animation:none;width:42%;opacity:.45;bottom:55px}@media(max-width:1000px){#zenphue-pattern-module .model-canvas{height:620px}}@media(max-width:650px){#zenphue-pattern-module .model-canvas{height:450px}#zenphue-pattern-module .product-display{height:485px;padding-bottom:28px}#zenphue-pattern-module .phone-shadow{bottom:36px}}

#zenphue-pattern-module{width:100%;font-family:ZPPatternMontserrat,Montserrat,sans-serif;text-align:left;line-height:1.5}#zenphue-pattern-module button{padding:0;text-transform:none;letter-spacing:normal;line-height:1.4}#zenphue-pattern-module h2,#zenphue-pattern-module p{font-family:inherit}#zenphue-pattern-module h2{color:var(--ink)}#zenphue-pattern-module button:hover,#zenphue-pattern-module button:focus{color:var(--ink)}
#zenphue-pattern-module .motion-toggle{font-size:10px;font-weight:400;color:var(--muted);background:transparent;border:1px solid #c9c1b1;border-radius:20px;padding:6px 10px;cursor:pointer}#zenphue-pattern-module .model-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}#zenphue-pattern-module .model-fallback[hidden]{display:none}#zenphue-pattern-module.viewer-fallback .model-canvas canvas{display:none}#zenphue-pattern-module #model-status{background:var(--paper);padding:8px}#zenphue-pattern-module.viewer-fallback #model-status{inset:auto 5% 0;font-size:10px}

/* Confirmed brand: charcoal reading text, champagne emphasis and interaction. */
/* Complete preview first; reveal 3D only after actual GPU texture validation. */
#zenphue-pattern-module .model-canvas canvas{position:absolute;inset:0;visibility:hidden}
#zenphue-pattern-module .model-canvas.model-ready canvas{visibility:visible}
#zenphue-pattern-module .model-canvas.model-ready .model-frame{visibility:hidden}
#zenphue-pattern-module .model-frame{opacity:0;transition:opacity .24s ease;pointer-events:none}
#zenphue-pattern-module .model-frame.is-active{opacity:1}
#zenphue-pattern-module .model-frame:not([src]){visibility:hidden}
#zenphue-pattern-module #model-status{inset:auto 5% 0;font-size:12px}
#zenphue-pattern-module #model-status[hidden]{display:none}
#zenphue-pattern-module .wheel-scene{touch-action:pan-y}
#zenphue-pattern-module.reduced-motion .model-frame{transition:none}
@media(prefers-reduced-motion:reduce){#zenphue-pattern-module .model-frame{transition:none}}
#zenphue-pattern-module{--ink:#30302e;--muted:#62615d;--gold:#846334;--champagne:#dcc69e;--heading-gold:#9a7943}
#zenphue-pattern-module ::selection{background:var(--champagne);color:var(--ink)}
#zenphue-pattern-module h2{letter-spacing:-.04em}
#zenphue-pattern-module .signature-accent{color:var(--heading-gold)}
#zenphue-pattern-module .selector-heading>span,
#zenphue-pattern-module .product-caption strong{color:var(--gold)}
#zenphue-pattern-module .cta{background:var(--ink);color:#fff;transition:background-color .2s,color .2s}
#zenphue-pattern-module .cta:hover,#zenphue-pattern-module .cta:focus-visible{background:var(--champagne);color:var(--ink)}
#zenphue-pattern-module .cta:active{background:#cbb184;color:var(--ink)}
#zenphue-pattern-module .nav,#zenphue-pattern-module .motion-toggle{border-color:#b6a17b;color:var(--gold);transition:background-color .2s,color .2s,border-color .2s}
#zenphue-pattern-module .nav:hover,#zenphue-pattern-module .motion-toggle:hover{background:var(--champagne);border-color:var(--gold);color:var(--ink)}
#zenphue-pattern-module .nav:active,#zenphue-pattern-module .motion-toggle:active{background:#cbb184;color:var(--ink)}
#zenphue-pattern-module .pattern-card:focus-visible:after{border-color:var(--gold)}