.house-open{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);border:0;background:none;color:#a49e93;font:11px Georgia,serif;letter-spacing:.12em;padding:12px 22px;cursor:pointer;pointer-events:auto}
.house-open span{margin-left:12px;display:inline-block;transition:transform .5s}.house-open:hover span{transform:translateY(4px)}
.emblem-centre{transition:top 1.7s cubic-bezier(.22,.61,.36,1),width 1.7s cubic-bezier(.22,.61,.36,1)}
.house-mode .emblem-centre{top:90px;width:100px;z-index:4}.house-mode .emblem-part{opacity:1!important;pointer-events:none}.house-mode .emblem-hint,.house-mode .house-open,.house-mode .emblem-caption{opacity:0!important;pointer-events:none!important}
.house-tree{position:absolute;inset:0;pointer-events:auto;color:#eee5d5;--rail:190px}.house-tree[hidden],.house-more[hidden]{display:none!important}
.house-back{position:absolute;top:24px;left:24px;padding:8px 0;background:none;border:0;color:#aaa396;font:11px Georgia,serif;letter-spacing:.05em;cursor:pointer;z-index:5}
.house-root{position:absolute;top:121px;left:50%;transform:translateX(-50%);text-align:center;opacity:0;transition:opacity 1.1s 1.4s;pointer-events:none}.house-mode .house-root{opacity:1}.house-root span{font:30px/1 Georgia,serif;letter-spacing:-1px}.house-root i{display:block;width:1px;height:39px;margin:0 auto;background:#ded8cb;transform:scaleY(0);transform-origin:top;transition:transform .7s}.tree-ready .house-root i{transform:scaleY(1)}
.house-scroll{position:absolute;inset:var(--rail) 0 66px;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;scroll-snap-type:x proximity;outline:none}.house-scroll::-webkit-scrollbar{display:none}
.house-family{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:min(1340px,94%);margin:0 auto;min-height:100%;align-items:start}
.house-branch{position:relative;text-align:center;padding:0 20px 45px;scroll-snap-align:center;min-width:0}
.house-rail{position:absolute;top:0;height:1px;background:#c5bead;width:100%;left:0;transform:scaleX(0);transition:transform 1.35s .2s}.house-branch:first-child .house-rail{left:50%;width:50%;transform-origin:right}.house-branch:last-child .house-rail{width:50%;transform-origin:left}.tree-ready .house-rail{transform:scaleX(1)}
.house-twig{height:52px;width:1px;background:#c5bead;display:block;margin:0 auto;transform:scaleY(0);transform-origin:top;transition:transform .7s .6s}.seen .house-twig{transform:scaleY(1)}
.house-brand{position:relative;width:100%;border:0;background:none;cursor:pointer;color:#eee5d5;padding:25px 0 5px;min-height:124px;outline:none}
.house-logo{height:76px;display:flex;justify-content:center;align-items:center;transition:opacity .5s;color:#eee5d5;opacity:0}.seen .house-logo{opacity:1}
.house-logo svg{display:block;width:90px;max-width:100%;height:auto;max-height:none;overflow:visible}
[data-brand=undercup] .house-logo svg{color:#b8beb5}
[data-brand=alaya] .house-logo svg{color:#d5c5a8}
[data-motion]{transform-box:fill-box;transform-origin:center}[data-motion=leaf]{transform-origin:left bottom}[data-motion=smile]{stroke-dasharray:20;stroke-dashoffset:0}
.house-brand-cue{display:block;font:13px/24px Georgia,serif;margin-top:7px;color:#8e887b;opacity:0;transition:opacity .7s,transform .6s}.seen .house-brand-cue{opacity:.6}.house-brand:hover .house-brand-cue,.house-brand:focus-visible .house-brand-cue{opacity:1;color:#fff}.chosen .house-brand-cue{transform:rotate(45deg);color:#eee5d5}
#serpent-world .house-summary{font:400 14px/1.7 Georgia,serif;color:#b8b3a8;margin:10px auto 0;max-width:205px;opacity:0;transform:translateY(7px);transition:opacity 1.2s 2.4s,transform 1.2s 2.4s;letter-spacing:0;text-wrap:pretty}.seen .house-summary{opacity:1!important;transform:none!important}
#serpent-world .house-more p{font:400 13px/1.8 Georgia,serif;color:#d7cfc0;max-width:220px;margin:22px auto 0;padding-top:19px;border-top:1px solid #6d65584d;letter-spacing:0;text-wrap:pretty}.house-more{animation:house-detail-in .8s both}
.house-family:has(.house-brand:hover) .house-branch:not(:hover) .house-logo,.house-family:has(.chosen) .house-branch:not(.chosen) .house-logo{opacity:.38}.chosen .house-twig{background:#fff}
.house-back:focus-visible,.house-open:focus-visible{outline:none;color:#fff;text-decoration:underline;text-underline-offset:5px}
.house-navigation{position:absolute;bottom:54px;left:50%;transform:translateX(-50%);display:none;align-items:center;gap:32px;font:10px Arial,sans-serif;letter-spacing:.15em;color:#8e887b}.house-navigation button{border:0;background:none;color:#ddd4c4;font:18px Georgia,serif;padding:10px;cursor:pointer}.house-navigation button:disabled{opacity:.2;cursor:default}.house-navigation button:focus-visible{outline:none;color:white;text-decoration:underline}
.house-foot{border:0;background:none;cursor:pointer;padding:10px;position:absolute;bottom:27px;left:0;right:0;text-align:center;font:10px Georgia,serif;letter-spacing:.14em;color:#aaa08f;pointer-events:auto;opacity:0;transition:opacity 1s}.tree-ready .house-foot{opacity:1}
.house-position{white-space:nowrap;min-width:54px;text-align:center}
.house-read-more{display:inline-block;background:none;border:0;border-bottom:1px solid #7e75684d;padding:6px 0;margin:15px 0 0;color:#bdb3a3;font:11px Georgia,serif;letter-spacing:.04em;cursor:pointer;opacity:0;transition:opacity 1s 2.5s,color .3s}.house-read-more span{display:inline-block;margin-left:6px;transition:transform .4s}.seen .house-read-more{opacity:1}.house-read-more:hover,.house-read-more:focus-visible{color:#fff;outline:none;border-color:currentColor}.house-read-more:hover span{transform:translate(2px,-2px)}
.house-brand:focus-visible .house-logo{filter:brightness(1.2)}
#soma-brand-sheet{position:fixed;inset:auto 0 0;width:100%;height:54svh;max-width:none;max-height:calc(100svh - 140px);box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;background:var(--brand-bg);color:var(--brand-ink);outline:none;overflow:hidden;box-shadow:0 -15px 70px #0002}
#soma-brand-sheet::backdrop{background:#0003;backdrop-filter:none}
#soma-brand-sheet[data-brand=cove]{--brand-bg:#491216;--brand-ink:#f1dfba;--brand-muted:#d6baa0}
#soma-brand-sheet[data-brand=green]{--brand-bg:#f5f2e9;--brand-ink:#173d28;--brand-muted:#52624d}
#soma-brand-sheet[data-brand=voitheia]{--brand-bg:#34454b;--brand-ink:#f6dfd0;--brand-muted:#d1c7bd}
#soma-brand-sheet[data-brand=alaya]{--brand-bg:#211f18;--brand-ink:#ddcba7;--brand-muted:#bdb095}
#soma-brand-sheet[data-brand=undercup]{--brand-bg:#171c19;--brand-ink:#f0ebdd;--brand-muted:#c0c6b9}
#soma-brand-sheet .brand-sheet-close{position:absolute;right:26px;top:19px;z-index:2;background:none;border:0;padding:8px;color:var(--brand-ink);font:12px Georgia,serif;letter-spacing:.06em;cursor:pointer}#soma-brand-sheet .brand-sheet-close span{margin-left:12px;font-size:20px;vertical-align:-1px}#soma-brand-sheet .brand-sheet-close:focus-visible{outline:none;text-decoration:underline;text-underline-offset:4px}
#soma-brand-sheet .brand-sheet-content{height:100%;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;display:grid;grid-template-columns:100px minmax(0,340px);justify-content:center;align-content:center;gap:90px;padding:80px 50px 60px;scrollbar-width:thin}
#soma-brand-sheet .brand-sheet-logo{display:flex;align-items:center;justify-content:center;color:var(--brand-ink)}#soma-brand-sheet .brand-sheet-logo svg{display:block;width:100%;max-width:100px;max-height:55px}#soma-brand-sheet[data-brand=undercup] .brand-sheet-logo svg{max-width:65px}
#soma-brand-sheet h2{font:400 17px/1.6 Georgia,serif;letter-spacing:0;color:var(--brand-ink);margin:0 0 20px;text-wrap:pretty}#soma-brand-sheet p{font:400 13px/1.9 Georgia,serif;letter-spacing:0;color:var(--brand-muted);margin:0;text-wrap:pretty}#soma-brand-sheet .brand-sheet-signature{display:block;font:9px Georgia,serif;letter-spacing:.14em;margin-top:32px;color:var(--brand-muted)}
@media(max-width:650px){#soma-brand-sheet{height:56svh;max-height:calc(100svh - 155px)}#soma-brand-sheet .brand-sheet-content{display:block;padding:68px 38px 44px}#soma-brand-sheet .brand-sheet-logo{justify-content:flex-start;margin-bottom:36px}#soma-brand-sheet .brand-sheet-logo svg{width:80px;max-height:38px}#soma-brand-sheet[data-brand=undercup] .brand-sheet-logo svg{width:52px}#soma-brand-sheet h2{font-size:14px;line-height:1.65;margin-bottom:20px}#soma-brand-sheet p{font-size:12px;line-height:1.9}}
@keyframes house-detail-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:899px){.house-tree{--rail:188px}.house-scroll{bottom:111px;scroll-snap-type:x mandatory}.house-family{width:max-content;grid-template-columns:repeat(5,min(72vw,280px));padding:0 calc((100vw - min(72vw,280px))/2);margin:0;box-sizing:content-box}.house-branch{padding:0 22px 32px}.house-twig{height:45px}.house-brand{padding-top:19px}.house-navigation{display:flex}.house-root i{height:37px}}
@media(max-height:600px){.house-mode .emblem-centre{top:66px;width:80px}.house-root{top:90px}.house-root span{font-size:25px}.house-root i{height:30px}.house-tree{--rail:145px}.house-twig{height:28px}.house-brand{padding-top:10px}.house-logo{height:58px}}
@media(prefers-reduced-motion:reduce){.emblem-centre,.house-root,.house-root i,.house-rail,.house-twig,.house-logo,.house-summary,.house-brand-cue,.house-foot{transition:none!important}.house-more{animation:none}.house-scroll{scroll-behavior:auto}}
@media(max-width:899px){.house-scroll{mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent)}}

.house-foot span{margin-left:9px;display:inline-block;transition:transform .5s}.house-foot:hover span{transform:translateY(-3px)}.house-foot:focus-visible{outline:none;color:#fff;text-decoration:underline;text-underline-offset:5px}
