/* Morph House detail · selected studio direction A. Every rule is scoped to this page. */
.morph-detail .brand-dot{color:var(--accent,#bd7048)}
.morph-detail .mh-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:54px;align-items:center;padding-top:55px;padding-bottom:57px;min-height:770px}
.morph-detail .mh-hero-copy{padding-bottom:20px;min-width:0}
.morph-detail .mh-back{display:inline-block;font-size:11px;color:var(--muted,#66746b);margin-bottom:45px;letter-spacing:.2px}
.morph-detail .mh-hero .eyebrow{font-size:9px;letter-spacing:2px}
.morph-detail .mh-hero h1{font-size:clamp(43px,4.7vw,67px);line-height:1.27;letter-spacing:-3.7px;font-weight:550;margin:24px 0}
.morph-detail .mh-hero h1 em{font:inherit;font-style:normal;letter-spacing:inherit;color:#6f8665}
.morph-detail .mh-lead{font-size:15px;color:var(--muted,#66746b);line-height:1.95;margin:0 0 26px;letter-spacing:-.25px;word-break:keep-all}
.morph-detail .mh-store-links{display:flex;gap:10px;flex-wrap:wrap}
.morph-detail .mh-store-links .cta{margin-top:0;padding:17px 22px;gap:28px;font-size:12px;border:1px solid var(--ink,#173c31);min-height:54px;justify-content:space-between}
.morph-detail .mh-store-links .cta span{font-size:18px}
.morph-detail .mh-store-links .mh-outline{background:transparent;color:var(--ink,#173c31)}
.morph-detail .mh-store-links .mh-outline:hover{background:var(--sage,#dce7d6)}
.morph-detail .mh-platform{font-size:11px;letter-spacing:.3px;color:var(--muted,#66746b);margin:16px 0 0}
.morph-detail .mh-story-link{display:inline-flex;gap:27px;align-items:center;font-size:11px;margin-top:32px;border-bottom:1px solid #c6cec1;padding-bottom:8px}
.morph-detail .mh-hero-art{min-width:0;margin:0}
.morph-detail .mh-stage{height:590px;position:relative;border-radius:280px 280px 20px 20px;background:radial-gradient(ellipse at 50% 60%,#728669 0,#3c6245 30%,#173e32 76%);isolation:isolate;overflow:hidden}
.morph-detail .mh-stage-label{position:absolute;top:42px;width:100%;text-align:center;font-size:8px;letter-spacing:2.5px;color:#dce6c9}
.morph-detail .mh-stage-ring{position:absolute;border:1px solid #d7dbba30;width:88%;aspect-ratio:1;border-radius:50%;top:23%;left:6%;transform:rotate(-20deg)}
.morph-detail .mh-stage-ring:after{content:"";position:absolute;inset:30px;border:1px solid #d7dbba17;border-radius:50%}
.morph-detail .mh-phone{position:absolute;width:40%;border:5px solid #ece9dd;border-radius:21px;box-shadow:0 26px 40px #091f1a55;transition:transform .75s cubic-bezier(.2,.7,.2,1)}
.morph-detail .mh-phone-back{right:10%;top:15%;width:35%;transform:rotate(9deg);opacity:.95}
.morph-detail .mh-phone-front{left:12%;top:26%;transform:rotate(-8deg)}
.morph-detail .mh-stage-note{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.2px;color:#f3efdf;white-space:nowrap;background:#20433299;border:1px solid #dce7d626;padding:10px 14px;border-radius:30px;display:flex;align-items:center;gap:9px;backdrop-filter:blur(10px)}
.morph-detail .mh-stage-note i{height:5px;width:5px;background:#d6ba85;border-radius:50%}
.morph-detail .mh-hero-art figcaption{text-align:center;font-family:var(--serif,Georgia,serif);font-size:11px;color:var(--muted,#66746b);margin-top:16px;letter-spacing:.1px}
.morph-detail .mh-loop{border-top:1px solid var(--line,#d8ded3);border-bottom:1px solid var(--line,#d8ded3);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:27px 0}
.morph-detail .mh-loop>div{display:flex;gap:20px;padding:0 36px;border-left:1px solid var(--line,#d8ded3)}
.morph-detail .mh-loop>div:first-child{border-left:0;padding-left:0}
.morph-detail .mh-loop>div>span{font-family:var(--serif,Georgia,serif);font-size:14px;color:#8a9a7d;padding-top:5px}
.morph-detail .mh-loop p{font-size:12px;line-height:1.8;margin:0;color:var(--muted,#66746b)}
.morph-detail .mh-loop strong{color:var(--ink,#173c31);font-weight:550;font-size:14px}
.morph-detail .mh-gameplay{padding-top:100px;padding-bottom:85px}
.morph-detail .mh-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:42px}
.morph-detail .mh-section-head h2{font-size:39px;line-height:1.45;letter-spacing:-2px;font-weight:500;margin:18px 0 0}
.morph-detail .mh-section-head>p{font-size:13px;color:var(--muted,#66746b);line-height:1.9;margin:0 0 3px}
.morph-detail .mh-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.morph-detail .mh-gallery figure{margin:0;min-width:0}
.morph-detail .mh-shot{display:flex;align-items:center;justify-content:center;position:relative;aspect-ratio:.7;overflow:hidden;border-radius:12px;background:#dce7d6}
.morph-detail .mh-shot-shop{background:#dce4d5}
.morph-detail .mh-shot-hatch{background:#e8dfca}
.morph-detail .mh-shot-codex{background:#e0e8df}
.morph-detail .mh-shot:before{content:"";position:absolute;inset:30px;border:1px solid #173c3112;border-radius:190px 190px 10px 10px}
.morph-detail .mh-shot img{max-width:76%;max-height:88%;width:auto;height:auto;object-fit:contain;border:4px solid #f9f7ef;border-radius:18px;box-shadow:0 20px 35px #173c3120;transition:transform .65s ease,box-shadow .65s ease}
.morph-detail .mh-zoom{position:absolute;right:15px;bottom:15px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f5f2eae6;color:var(--ink,#173c31);font-size:16px;transition:transform .3s}
.morph-detail .mh-gallery figcaption{padding-top:25px}
.morph-detail .mh-gallery figcaption>span{font-size:9px;color:#89927d;letter-spacing:1.8px}
.morph-detail .mh-gallery h3{font-size:22px;letter-spacing:-.8px;font-weight:550;margin:13px 0 10px}
.morph-detail .mh-gallery p{font-size:12px;color:var(--muted,#66746b);line-height:1.9;margin:0;word-break:keep-all}
.morph-detail .mh-image-note{font-size:10px;color:#7c8877;margin:27px 0 0;line-height:1.8}
.morph-detail .mh-observe{background:var(--ink,#173c31);color:var(--paper,#f5f2ea);overflow:hidden}
.morph-detail .mh-observe-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-top:70px;padding-bottom:65px}
.morph-detail .mh-observe-art{position:relative;height:545px;display:flex;justify-content:center;align-items:center}
.morph-detail .mh-observe-halo{position:absolute;width:440px;height:440px;border:1px solid #dce7d622;border-radius:50%;background:radial-gradient(circle,#73886144 0,transparent 67%)}
.morph-detail .mh-observe-halo:before,.morph-detail .mh-observe-halo:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#bd9c6c;left:9%;top:20%}
.morph-detail .mh-observe-halo:after{left:auto;top:auto;right:10%;bottom:19%;width:5px;height:5px;background:#94a98b}
.morph-detail .mh-observe-art>img{height:490px;width:auto;border:5px solid #d4d4b6;border-radius:22px;box-shadow:0 20px 60px #05170f66;position:relative;transform:rotate(-4deg)}
.morph-detail .mh-observe-label{position:absolute;bottom:1px;left:0;width:100%;text-align:center;font-size:9px;letter-spacing:3px;color:#a9b79d}
.morph-detail .mh-observe-copy .eyebrow{color:#b4c3a5}
.morph-detail .mh-observe-copy .eyebrow:before{background:#c89a72}
.morph-detail .mh-observe-copy h2{font-size:43px;font-weight:450;line-height:1.5;letter-spacing:-2px;margin:24px 0}
.morph-detail .mh-observe-copy>p{font-size:14px;line-height:2;color:#c5d0bc;margin:0 0 30px;word-break:keep-all}
.morph-detail .mh-observe-copy .text-link{display:inline-flex;font-size:12px;color:#f2eddc}
.morph-detail .mh-story{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;padding-top:105px;padding-bottom:100px}
.morph-detail .mh-story h2{font-size:38px;font-weight:500;line-height:1.6;letter-spacing:-2px;margin:21px 0}
.morph-detail .mh-story-stamp{width:115px;height:115px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #becbb5;border-radius:50%;font:italic 19px/1.3 var(--serif,Georgia,serif);color:#8b9d80;transform:rotate(-13deg);margin-top:28px}
.morph-detail .mh-story-body{padding-top:33px}
.morph-detail .mh-story-body p{font-size:15px;line-height:2.1;color:var(--muted,#66746b);margin:0 0 25px;word-break:keep-all}
.morph-detail .mh-story-body p:last-child{margin-bottom:0}
.morph-detail .mh-download{border-radius:14px;background:var(--sage,#dce7d6);display:flex;align-items:center;justify-content:space-between;gap:35px;padding:51px 55px;margin-bottom:90px}
.morph-detail .mh-download h2{font-size:35px;line-height:1.4;letter-spacing:-1.8px;font-weight:500;margin:15px 0}
.morph-detail .mh-download h2 br{display:none}
.morph-detail .mh-download p{font-size:13px;color:var(--muted,#66746b);line-height:1.8;margin:0}
.morph-detail .mh-download .mh-store-links{flex:none}
.morph-detail .mh-resources{border-top:1px solid var(--line,#d8ded3);padding-top:48px;padding-bottom:65px;display:flex;justify-content:space-between;gap:40px;align-items:flex-start}
.morph-detail .mh-resources h2{font-size:23px;font-weight:500;letter-spacing:-1px;line-height:1.5;margin:17px 0 0}
.morph-detail .mh-resource-links{display:grid;grid-template-columns:1fr 1fr;gap:17px 30px;min-width:330px;padding-top:3px}
.morph-detail .mh-resource-links a{font-size:11px;display:flex;justify-content:space-between;gap:24px;align-items:center;color:var(--muted,#66746b);padding-bottom:12px;border-bottom:1px solid var(--line,#d8ded3)}
.morph-detail .mh-resource-links a span{font-size:15px;transition:transform .25s}
@media(hover:hover) and (pointer:fine){.morph-detail .mh-hero-art:hover .mh-phone-front{transform:rotate(-5deg) translateY(-9px)}.morph-detail .mh-hero-art:hover .mh-phone-back{transform:rotate(6deg) translateY(-6px)}.morph-detail .mh-shot:hover img{transform:translateY(-7px);box-shadow:0 27px 40px #173c312a}.morph-detail .mh-shot:hover .mh-zoom,.morph-detail .mh-resource-links a:hover span{transform:translate(2px,-2px)}}
@media(max-width:1100px){.morph-detail .mh-hero{gap:32px;min-height:670px}.morph-detail .mh-hero h1{font-size:54px;letter-spacing:-3px}.morph-detail .mh-stage{height:515px}.morph-detail .mh-loop>div{padding-inline:20px;gap:13px}.morph-detail .mh-section-head h2{font-size:34px}.morph-detail .mh-observe-inner{gap:40px}.morph-detail .mh-observe-copy h2{font-size:36px}.morph-detail .mh-story{gap:55px}.morph-detail .mh-download{padding:40px}.morph-detail .mh-download h2{font-size:29px}.morph-detail .mh-download .mh-store-links{flex:none;flex-direction:column;min-width:160px}}
@media(max-width:760px){.morph-detail .mh-hero{display:flex;flex-direction:column;align-items:stretch;gap:32px;padding-top:28px;padding-bottom:35px;min-height:0}.morph-detail .mh-hero-copy{padding:0}.morph-detail .mh-back{font-size:10px;margin-bottom:29px}.morph-detail .mh-hero .eyebrow{font-size:8px;letter-spacing:1.7px}.morph-detail .mh-hero h1{font-size:clamp(34px,10.3vw,51px);line-height:1.3;letter-spacing:-2.4px;margin:20px 0}.morph-detail .mh-lead{font-size:13px;line-height:1.9;margin-bottom:22px}.morph-detail .mh-store-links{gap:9px}.morph-detail .mh-store-links .cta{font-size:11px;padding:15px 18px;gap:24px;min-height:49px}.morph-detail .mh-store-links .cta span{font-size:16px}.morph-detail .mh-platform{font-size:10px;margin-top:14px}.morph-detail .mh-story-link{font-size:10px;margin-top:25px;gap:25px}.morph-detail .mh-stage{height:410px;max-width:440px;margin:auto;border-radius:210px 210px 14px 14px}.morph-detail .mh-stage-label{top:26px;font-size:7px;letter-spacing:1.8px}.morph-detail .mh-phone{border-width:4px;border-radius:15px}.morph-detail .mh-phone-back{width:35%;right:11%;top:15%}.morph-detail .mh-phone-front{width:40%;left:12%;top:23%}.morph-detail .mh-stage-note{bottom:16px;font-size:8px;padding:8px 11px;gap:7px}.morph-detail .mh-hero-art figcaption{font-size:9px;margin-top:12px}.morph-detail .mh-loop{padding-top:21px;padding-bottom:21px;gap:14px}.morph-detail .mh-loop>div{display:block;padding:0 0 0 13px;min-width:0}.morph-detail .mh-loop>div:first-child{padding-left:0}.morph-detail .mh-loop>div>span{font-size:11px}.morph-detail .mh-loop p{font-size:9px;line-height:1.8;margin-top:9px;word-break:keep-all}.morph-detail .mh-loop strong{font-size:10px;font-weight:550;line-height:1.9}.morph-detail .mh-gameplay{padding-top:55px;padding-bottom:44px}.morph-detail .mh-section-head{display:block;margin-bottom:27px}.morph-detail .mh-section-head .eyebrow{font-size:8px;letter-spacing:1.8px}.morph-detail .mh-section-head h2{font-size:29px;letter-spacing:-1.5px;margin-top:16px}.morph-detail .mh-section-head>p{font-size:12px;line-height:1.8;margin-top:18px}.morph-detail .mh-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:17px;scrollbar-width:thin;scrollbar-color:#aab99e transparent}.morph-detail .mh-gallery figure{flex:0 0 82%;scroll-snap-align:start}.morph-detail .mh-shot{aspect-ratio:.72;border-radius:10px}.morph-detail .mh-shot img{max-width:75%;border-width:3px;border-radius:13px;box-shadow:0 16px 26px #173c3120}.morph-detail .mh-shot:before{inset:22px}.morph-detail .mh-zoom{width:27px;height:27px;right:12px;bottom:12px;font-size:14px}.morph-detail .mh-gallery figcaption{padding-top:20px}.morph-detail .mh-gallery figcaption>span{font-size:8px;letter-spacing:1.7px}.morph-detail .mh-gallery h3{font-size:21px;letter-spacing:-.9px;margin:11px 0 9px}.morph-detail .mh-gallery p{font-size:11px;line-height:1.85}.morph-detail .mh-image-note{font-size:9px;margin-top:15px;max-width:285px;line-height:1.9}.morph-detail .mh-observe-inner{display:flex;flex-direction:column-reverse;padding-top:42px;padding-bottom:37px;gap:21px;align-items:stretch}.morph-detail .mh-observe-copy .eyebrow{font-size:8px}.morph-detail .mh-observe-copy h2{font-size:31px;line-height:1.5;letter-spacing:-1.6px;margin:18px 0}.morph-detail .mh-observe-copy>p{font-size:12px;line-height:1.9;margin-bottom:24px}.morph-detail .mh-observe-copy .text-link{font-size:11px}.morph-detail .mh-observe-art{height:425px;margin-top:8px}.morph-detail .mh-observe-art>img{height:370px;border-width:4px;border-radius:17px}.morph-detail .mh-observe-halo{width:320px;height:320px;max-width:95%}.morph-detail .mh-observe-label{font-size:8px;bottom:0}.morph-detail .mh-story{display:block;padding-top:55px;padding-bottom:50px}.morph-detail .mh-story .eyebrow{font-size:8px}.morph-detail .mh-story h2{font-size:29px;line-height:1.5;letter-spacing:-1.5px;margin:18px 0 0}.morph-detail .mh-story-stamp{display:none}.morph-detail .mh-story-body{padding-top:23px}.morph-detail .mh-story-body p{font-size:13px;line-height:1.95;margin-bottom:21px;word-break:normal}.morph-detail .mh-download{display:block;padding:30px 26px;margin-bottom:47px;border-radius:12px}.morph-detail .mh-download .eyebrow{font-size:8px;letter-spacing:1.5px}.morph-detail .mh-download h2{font-size:29px;letter-spacing:-1.5px;margin:16px 0}.morph-detail .mh-download h2 br{display:block}.morph-detail .mh-download p{font-size:12px;line-height:1.8}.morph-detail .mh-download .mh-store-links{flex-direction:row;margin-top:24px;gap:9px;min-width:0}.morph-detail .mh-download .mh-store-links .cta{padding:14px 15px;gap:17px;font-size:10px;min-height:47px}.morph-detail .mh-resources{display:block;padding-top:32px;padding-bottom:42px}.morph-detail .mh-resources .eyebrow{font-size:8px}.morph-detail .mh-resources h2{font-size:21px;letter-spacing:-.8px;margin-top:15px}.morph-detail .mh-resource-links{min-width:0;gap:16px 25px;padding-top:0;margin-top:27px}.morph-detail .mh-resource-links a{font-size:10px;gap:13px;padding-bottom:11px}.morph-detail .mh-resource-links a span{font-size:14px}}
@media(prefers-reduced-motion:reduce){.morph-detail .mh-phone,.morph-detail .mh-shot img,.morph-detail .mh-zoom,.morph-detail .mh-resource-links a span{transition:none!important}.morph-detail .mh-phone-front,.morph-detail .mh-hero-art:hover .mh-phone-front{transform:rotate(-8deg)}.morph-detail .mh-phone-back,.morph-detail .mh-hero-art:hover .mh-phone-back{transform:rotate(9deg)}.morph-detail .mh-shot:hover img{transform:none}.morph-detail .mh-shot:hover .mh-zoom,.morph-detail .mh-resource-links a:hover span{transform:none}}