/* 禾贝 1.16 · 为拇指与小屏幕设计的浅色创作大厅。 */
.hb-mobile-lobby,.hb-bottom-nav,.hb-mobile-help,.hb-drawer-tools,.hb-product-toggle{display:none}
@media(max-width:820px){
 :root{--hb-nav-space:calc(72px + env(safe-area-inset-bottom,0px));--hb-ink:#304f40;--hb-muted:#65705f;--hb-line:#e3dfcc;--hb-paper:#fffdf5}
 html{scroll-padding-top:88px;scroll-padding-bottom:calc(var(--hb-nav-space) + 100px)}
 body{background:#f8f6ed;color:var(--hb-ink)}
 .app-shell{background:#f8f6ed}.app-shell .app-main{width:100%;min-width:0}
 .app-shell .topbar{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;min-height:68px;height:auto;padding:10px 16px;gap:10px;position:sticky;top:0;background:#fffdf5f5;backdrop-filter:blur(12px);border-bottom:1px solid #e5e2d2;box-shadow:none;z-index:60}
 .topbar .mobile-menu-toggle{height:42px;width:42px;border:1px solid #e1e3d4;background:#f4f5e9;border-radius:14px;font-size:20px;color:#3e5e49;box-shadow:none}
 .mobile-menu-toggle small{display:none}.topbar h1{font-family:inherit;font-size:17px;line-height:1.5;font-weight:650;letter-spacing:.02em;margin:0}
 .topbar>div:first-of-type{min-width:0}.topbar>div:first-of-type small{display:block;font-size:9px;letter-spacing:.06em;line-height:1.8;color:#81846e}
 .topbar .top-actions,.topbar .global-search{display:none}
 .hb-mobile-help{display:grid;place-items:center;width:42px;height:42px;border:1px solid #e1e3d4;border-radius:50%;background:#fffdf5;color:#55705a;font:500 19px Georgia,serif;cursor:pointer}
 .hb-drawer-tools{display:grid;gap:8px;margin:12px 16px 20px;padding-top:18px;border-top:1px solid var(--hb-line)}
 .hb-drawer-tools button{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;width:100%;min-height:44px;padding:10px 13px;background:#f3f5e8;border:1px solid #dce3cd;border-radius:13px;text-align:left;color:#435f47;font-size:13px}
 .hb-drawer-tools button span{font-size:10px;max-width:100%;overflow-wrap:anywhere;color:#7c856d}
 .hb-bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:100;height:var(--hb-nav-space);padding:6px 9px calc(6px + env(safe-area-inset-bottom,0px));border-top:1px solid #e4e5d5;background:#fffef8f5;backdrop-filter:blur(18px);box-shadow:0 -4px 28px #405a3e09;box-sizing:border-box}
 .hb-bottom-nav>button,.hb-bottom-nav>a{appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:54px;border:0;border-radius:14px;background:transparent;color:#737969;text-decoration:none;font:inherit;cursor:pointer;touch-action:manipulation;padding:3px 0}
 .hb-bottom-nav>button>span,.hb-bottom-nav>a>span{width:48px;height:28px;border-radius:14px;display:grid;place-items:center;transition:background .16s,transform .16s;font-size:24px;line-height:1}
 .hb-bottom-nav svg{width:23px;height:23px}.hb-bottom-nav b{font-size:11px;line-height:1.5;font-weight:550;letter-spacing:.04em}
 .hb-bottom-nav>[aria-current=page]{color:#315c45}.hb-bottom-nav>[aria-current=page]>span{background:#e8edd9;box-shadow:inset 0 0 0 1px #d8e2c7}.hb-bottom-nav>[aria-current=page] b{font-weight:750}
 .hb-bottom-nav button:active>span,.hb-bottom-nav a:active>span{transform:scale(.94)}
 .mobile-menu-open .hb-bottom-nav{visibility:hidden;pointer-events:none}
 .public-consumer .mobile-menu-toggle{display:none}.public-consumer .topbar{grid-template-columns:minmax(0,1fr)}
 .hb-mobile-lobby{display:block;margin:0 0 26px;color:var(--hb-ink);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}
 .hb-mobile-lobby *{box-sizing:border-box}.hb-mobile-lobby button{font:inherit;cursor:pointer;touch-action:manipulation}.hb-mobile-lobby button:disabled{opacity:.55;cursor:default}
 .hb-lobby-scene{position:relative;height:clamp(270px,77vw,360px);border-radius:26px;overflow:hidden;isolation:isolate;background:#f1e8ce;border:1px solid #e6dfc7}
 .hb-lobby-background{display:block;width:100%;height:100%;object-fit:cover;object-position:65% 50%;position:absolute;inset:0;z-index:-2}
 .hb-lobby-scene:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,#fff8e3b3 0,#fff8e359 35%,transparent 60%),linear-gradient(0deg,#a785471f,transparent 26%)}
 .hb-lobby-copy{position:relative;padding:29px 18px 0;max-width:74%}.hb-eyebrow{display:block;font-size:10px;letter-spacing:.06em;color:#78613d;margin-bottom:13px;font-weight:600}
 .hb-lobby-copy h2{font:600 clamp(25px,7.2vw,33px)/1.48 'Songti SC','STSong','SimSun',serif;letter-spacing:.02em;color:#3c4b2e;margin:0 0 12px;text-shadow:0 1px 16px #fff9e4}
 .hb-lobby-copy p{font-size:10px;line-height:1.8;color:#6d654a;margin:0;max-width:168px}
 .hb-scene-label{position:absolute;bottom:31px;left:19px;font-size:10px;letter-spacing:.09em;color:#fffdf5;padding:5px 9px;border:1px solid #fff8dc75;border-radius:20px;background:#5f65414d;backdrop-filter:blur(5px)}
 .hb-lobby-actions{position:relative;display:flex;gap:9px;width:calc(100% - 28px);margin:-21px auto 0;z-index:2;align-items:stretch}
 .hb-main-cta,.hb-guide-cta{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:53px;border-radius:16px;padding:12px 17px;border:1px solid #386044;font-size:14px!important;font-weight:650!important;text-align:left}
 .hb-main-cta{flex:1 1 60%;background:linear-gradient(135deg,#456d4e,#31573f);color:#fffdf0;box-shadow:0 6px 16px #3f62352b}
 .hb-main-cta span{font-size:20px}.hb-guide-cta{flex:1 1 40%;background:#fffdf4;color:#58704e;border-color:#e1dcca;box-shadow:0 6px 16px #796b3810;font-size:12px!important;white-space:nowrap}
 .hb-lobby-explain{font-size:12px;line-height:1.85;text-align:center;color:#71775f;margin:19px 0 0}
 .hb-project-ticket{display:flex;gap:11px;align-items:center;margin:21px 0 23px;width:100%;padding:13px 14px;border:1px solid #e2e2d2;background:#fffdf6;border-radius:18px;text-align:left;color:#465a40;box-shadow:0 4px 14px #68734904}
 .hb-ticket-mark{display:grid;place-items:center;flex:0 0 38px;height:42px;border-radius:13px;background:#eef1dd;border:1px solid #dce3c5;color:#788254;font:23px serif}
 .hb-project-ticket>span:nth-child(2){flex:1;min-width:0}.hb-project-ticket small{display:block;font-size:10px;color:#83836e;margin-bottom:5px}.hb-project-ticket>span:nth-child(2)>b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .hb-ticket-progress{flex:0 0 40px;text-align:right}.hb-ticket-progress b{font:17px Georgia,serif;color:#7b8c54}.hb-ticket-progress i{display:block;width:40px;height:3px;background:#e9ecd9;border-radius:3px;margin-top:6px}.hb-ticket-progress em{display:block;height:100%;max-width:100%;background:#829463;border-radius:3px}
 .hb-lobby-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:23px 2px 13px}.hb-lobby-heading h3{font-size:16px;line-height:1.6;font-weight:650;letter-spacing:.02em;margin:0;color:#3c5541}
 .hb-lobby-heading button{border:0;background:transparent;color:#788062;padding:6px 1px;min-height:36px;font-size:11px;white-space:nowrap}
 .hb-lobby-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 .hb-lobby-tile{position:relative;display:block;min-width:0;min-height:137px;overflow:hidden;text-align:left;background:linear-gradient(125deg,#f8f0dc,#ede6cf);border:1px solid #e7ddc3;border-radius:20px;color:#42513d;padding:16px 13px}
 .hb-lobby-tile>div{position:relative;z-index:2;pointer-events:none}.hb-lobby-tile b{display:block;font-size:15px;line-height:1.6;letter-spacing:.02em;font-weight:650}.hb-lobby-tile small{display:block;font-size:10px;line-height:1.7;color:#737760;margin-top:3px;max-width:82%}.hb-lobby-tile span{display:grid;place-items:center;width:25px;height:25px;margin-top:16px;border:1px solid #d8d6ba;border-radius:50%;color:#6b7656;background:#fffdf075;font-size:14px}
 .hb-lobby-tile img{position:absolute;right:-14px;bottom:-12px;width:88px;height:79px;object-fit:cover;object-position:center;border-radius:22px 0 0 0;transform:rotate(-8deg);box-shadow:-5px 0 20px #5d5b2910;pointer-events:none}
 .hb-tile-library{background:linear-gradient(125deg,#edf1df,#e6ebd5);border-color:#dce3ca}.hb-tile-promotion{background:linear-gradient(125deg,#edf1ee,#e3e9e7);border-color:#d9e1db}.hb-tile-business{background:linear-gradient(125deg,#faeee0,#f3e4ce);border-color:#e9ddc9}
 .hb-lobby-proof{display:grid;grid-template-columns:1fr auto;gap:4px;margin:22px 0 4px;padding:15px 17px;border:1px solid #e2e2d0;border-radius:17px;background:#fffdf4;color:#486045;text-decoration:none}.hb-lobby-proof span{font-size:10px;color:#8c876d}.hb-lobby-proof b{font-size:13px;font-weight:550}.hb-lobby-proof i{grid-column:2;grid-row:1/3;align-self:center;font-size:22px;font-style:normal}
 .hb-product-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:11px 12px;border:1px solid #dce3c9;border-radius:12px;background:#eff3e3;color:#5f7450;font-size:11px;line-height:1.7;text-align:left}
 .product-catalog{padding:14px;border-radius:16px;margin:0 0 20px;background:#f7f6e9;border:1px solid #e3e2cf}.product-catalog>header{display:flex;align-items:center;gap:9px;padding-bottom:12px}.product-catalog>header>div{flex:1;min-width:0}.product-catalog>header small,.product-catalog>header p{display:none}.product-catalog>header h3{font-size:13px;line-height:1.7;margin:0}.product-catalog>header>button{padding:7px 9px;min-height:38px;font-size:10px;border-radius:10px;white-space:normal}
 .product-catalog:not(.hb-catalog-open)>.product-catalog-tools,.product-catalog:not(.hb-catalog-open)>.product-template-grid{display:none}.product-catalog-tools{margin-top:14px}.product-catalog-tools>div{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:9px}.product-catalog-tools>div button{flex:0 0 auto;white-space:nowrap;min-height:36px;font-size:10px;padding:7px 10px}.product-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:340px;overflow-y:auto;overscroll-behavior:contain;gap:8px}.product-template-grid button{min-width:0;padding:12px 10px;border-radius:12px}.product-template-grid button b{font-size:12px}.product-template-grid button small,.product-template-grid button span{font-size:9px}
 /* 常用入口保持在底部；当前任务操作条在它上方，不互相覆盖。 */
 .app-shell .view-area,.simple-mode .view-area,.professional-mode .view-area{padding:18px 16px calc(var(--hb-nav-space) + 125px);background-image:radial-gradient(ellipse at 5% 5%,#ebefd889,transparent 50%),radial-gradient(ellipse at 100% 50%,#f4e6ce59,transparent 52%);background-attachment:scroll;background-size:auto;min-height:calc(100svh - 68px)}
 .view-area[data-view=workspace]{padding-top:14px}.view-area[data-view=workspace]>.welcome-panel{display:none}
 .app-shell[data-app-view=workspace]>.app-main>.guided-workflow,.app-shell[data-app-view=workspace] .workflow-bottom-dock{display:none}
 .workflow-bottom-dock,.studio-bottom-dock{bottom:calc(var(--hb-nav-space) + 9px)!important;left:12px!important;right:12px!important;max-width:calc(100vw - 24px);padding:9px!important;border-radius:18px;background:#fffef9f7;box-shadow:0 5px 26px #3d593d19;border:1px solid #d7dfcb;backdrop-filter:blur(12px);z-index:91;gap:0}
 .workflow-bottom-dock>div:first-child,.studio-bottom-dock>div:first-child{display:none}.workflow-bottom-dock>div:last-child,.studio-bottom-dock>div:last-child{display:flex;gap:8px;flex-wrap:nowrap;align-items:stretch;width:100%}
 .workflow-bottom-dock .dock-primary,.studio-bottom-dock .dock-primary{flex:1 1 0;min-width:0!important;min-height:48px!important;padding:11px 12px!important;border-radius:12px;font-size:13px!important;line-height:1.65;white-space:normal}
 .workflow-bottom-dock .dock-back,.studio-bottom-dock .dock-back{flex:0 1 auto;min-width:0;max-width:76px;min-height:48px;font-size:11px;padding:10px 9px;border-radius:12px;white-space:normal;line-height:1.5}
 .guided-workflow{margin:12px 16px 0;padding:13px 13px 9px;border:1px solid #e0e3d0;border-radius:20px;background:#fffdf5;box-shadow:none}.guided-workflow header{align-items:center;gap:8px;margin:0 0 9px}.guided-workflow header small{display:none}.guided-workflow header b{font-size:13px}.guided-workflow .ease-mode{font-size:10px;min-height:33px;padding:7px 9px}
 .guided-workflow nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.guided-workflow nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:7px 0;min-width:0;min-height:52px;background:transparent;border:0;border-radius:11px;color:#8a8f7a}.guided-workflow nav i{width:21px;height:21px;font-size:10px;background:#f1f2e7;color:#7c8a68;border:1px solid #e0e4d1}.guided-workflow nav b{font-size:10px;line-height:1.5;font-weight:550}.guided-workflow nav span{display:block}.guided-workflow nav small{display:none}.guided-workflow nav [aria-current=step]{background:#edf2e2;color:#375c43}.guided-workflow nav [aria-current=step] i{background:#54754c;color:#fff;border-color:#54754c}
 .guided-workflow>header{display:none}.guided-workflow{padding-top:8px;padding-bottom:8px}.app-shell .hxt-context{display:none}.page-intro>div>small,.page-intro>span{display:none}.page-intro p{margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .product-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}.product-catalog>header{padding:0;margin:0}.product-catalog>header>div{display:none}.product-catalog>header>button{width:100%;min-height:44px}.hb-product-toggle{font-size:11px;padding:10px;justify-content:center;text-align:center}.product-catalog-tools,.product-template-grid{grid-column:1/-1}
 .app-shell .runtime-strip,.app-shell .stepper{display:none}.app-shell .season-toolbar{display:none}
 .app-shell .recovery-center{margin:10px 16px 0;padding:10px 14px;border:1px solid #e1e3d1;border-radius:12px;background:#f1f3e6;font-size:11px}.recovery-center summary{font-size:11px;color:#73805d}.recovery-center p{font-size:12px}
 .view-area{display:flex;flex-direction:column}.view-area>*{flex:0 0 auto;min-width:0}.view-area>.culture-stage{order:20}.view-area>.submission-panel{order:21}.view-area>.workspace-footer{order:99}
 .view-area>.culture-stage{margin-top:28px;padding:19px;border-radius:20px;display:grid;grid-template-columns:1fr!important;gap:0;min-height:0;background:linear-gradient(120deg,#eaf0de,#f8f0db);border:1px solid #dce2cc}.culture-stage .stage-collage,.culture-stage .culture-chain,.culture-stage .stage-copy>p,.culture-stage .stage-copy footer>span{display:none}.culture-stage .stage-copy small{font-size:9px}.culture-stage .stage-copy h2{font-size:20px;line-height:1.6;margin:9px 0 14px}.culture-stage .stage-copy footer{margin:0}.culture-stage .stage-copy footer button{min-height:40px;font-size:11px}
 .hxt-context{display:flex;align-items:center;gap:8px;margin:0 0 16px;padding:11px 13px;background:#f4f2e5;border:1px solid #e8e3cf;border-radius:13px}.hxt-context>div{flex:1;min-width:0}.hxt-context b{font-size:11px;line-height:1.7}.hxt-context span{display:none}.hxt-context button{font-size:10px;min-height:36px;padding:7px 9px;white-space:nowrap}
 .page-intro{padding:2px 0 18px;gap:8px}.page-intro h2{font-size:26px;line-height:1.5}.page-intro p{font-size:12px;line-height:1.85;max-width:100%}.page-intro>span,.page-intro aside{font-size:10px}.page-intro small{font-size:9px;letter-spacing:.1em}
 .metric-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.metric-grid article{padding:15px;min-height:102px;border-radius:18px}.metric-grid article>b{font-size:27px}.metric-grid article>span{font-size:11px}.metric-grid article>small{font-size:9px;line-height:1.7}.metric-grid article>i{opacity:.3;font-size:23px}
 .art-section-heading h3,.card-heading h3{font-size:20px;line-height:1.55}.art-section-heading p{font-size:12px;line-height:1.8}.art-section-heading small,.art-section-heading>span{font-size:9px}.art-section-heading{margin-bottom:17px;gap:12px}.art-section-heading button{min-height:40px;font-size:11px}.landscape-journal{margin-top:28px}
 .showcase-grid,.famous-case-grid,.reference-card-grid{display:grid;grid-auto-flow:column;grid-auto-columns:82%;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;gap:12px;padding:0 0 17px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.showcase-grid>*,.famous-case-grid>*,.reference-card-grid>*{scroll-snap-align:start;min-width:0}.showcase-card figure{height:260px}.showcase-card img{object-fit:contain}.showcase-card h4{font-size:16px}
 .form-card,.project-form,.business-form,.pricing-result,.promotion-form{border-radius:20px;background:#fffdf7;box-shadow:0 4px 18px #74784e05}.form-section h3{font-size:18px}.form-grid{gap:17px}.form-grid label{font-size:12px;line-height:1.8}.view-area input,.view-area select,.view-area textarea{border-radius:12px;line-height:1.6;min-height:48px}.view-area textarea{min-height:100px}
 .app-shell .generation-feedback,.app-shell .toast{bottom:calc(var(--hb-nav-space) + 96px);max-height:40svh}.generation-feedback{box-shadow:0 8px 26px #40583d1f}.workspace-footer{margin-top:28px;font-size:9px;padding-block:12px}
 .hxt-overlay,.modal-backdrop,.access-backdrop{z-index:2200}.model-modal{width:100%;max-height:calc(100dvh - 24px);overflow:auto;padding:25px 19px;border-radius:23px;box-sizing:border-box}.model-modal h2{font-size:25px;padding-right:20px;line-height:1.55}.model-modal input{font-size:16px;min-height:46px}.model-modal .modal-close{min-width:44px;min-height:44px}.hxt-panel{border-radius:24px 24px 0 0}.hxt-top h2{font-size:22px}.hxt-intro,.hxt-lesson dd{font-size:13px;line-height:1.9}
 /* 官网与工作台使用同一套场景与入口，长内容按章节阅读。 */
 .site-header{position:sticky;top:0;z-index:60;backdrop-filter:blur(12px);background:#fffdf5f5}.site-header .header-inner{min-height:68px;padding:10px 0;gap:12px;flex-wrap:nowrap}.site-header .brand{gap:9px;min-width:0}.site-header .brand img{width:35px;height:35px}.site-header .brand strong{font-size:17px;letter-spacing:.02em;white-space:nowrap}.site-header .brand span{font-size:8px;letter-spacing:.04em;line-height:1.6;display:block}.site-header .nav{display:none}.site-header .header-inner>.button{padding:8px 11px;font-size:11px;min-height:38px;white-space:nowrap;flex-shrink:0;border-radius:12px;gap:0}
 .shell{width:calc(100% - 32px)}body>.footer{padding-bottom:calc(var(--hb-nav-space) + 24px)}
 .hx:not(.hx-tutorial)>.hb-public-lobby{padding-top:14px}.hx>.hx-hero{display:none}.hx>.hx-ambient-controls{justify-content:center;padding:0 0 9px;margin-top:-8px}.hx-ambient-controls>span{display:none}.hx-ambient-controls button{min-height:32px;font-size:9px;padding:5px 10px;border-color:#e0e1cb;background:#f8f6e9}
 .hx .hx-section{padding-top:29px;padding-bottom:29px}.hx .hx-section-top{display:block;margin-bottom:19px}.hx .hx-section-top h2,.hx .hx-meaning h2,.hx .hx-depth h2{font-size:25px;line-height:1.55;letter-spacing:.01em}.hx .hx-section-top p{font-size:12px;line-height:1.9;max-width:none;margin-top:12px}.hx .hx-kicker{font-size:10px;letter-spacing:.07em;line-height:1.8}.hx p{font-size:12px;line-height:1.9}.hx h3{line-height:1.6}
 .hx>.hx-positioning{margin:15px 0 0;padding:18px;border:1px solid #e4dfcd;border-radius:18px;background:#fffdf3}.hx-positioning>span{font-size:10px}.hx-positioning p{font-size:13px;line-height:1.9}
 .hx #hx-start{display:none}.hx .hx-result-section{padding:22px 17px;margin:21px 0;border-radius:23px;background:linear-gradient(145deg,#eff3e2,#fff8e9)}
 .hx .hx-results{display:flex;flex-direction:column;gap:16px}.hx .hx-result-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.hx .hx-result-tabs button{min-width:0;min-height:44px;padding:10px 8px;border:1px solid #d9dfc8;border-radius:12px;white-space:normal;font-size:11px;background:#fffdf4;line-height:1.6;justify-content:center}.hx .hx-result-tabs button small,.hx .hx-result-tabs button>span{display:none}.hx .hx-result-tabs [aria-selected=true]{color:#fffdf3;background:#547148;border-color:#547148}
 .hx .hx-result-panels article{display:block}.hx .hx-result-image{width:100%;height:320px;padding:9px;border-radius:16px;background:#f2eddf}.hx .hx-result-image img{width:100%;height:100%;object-fit:contain;max-height:100%}.hx .hx-result-copy{padding:18px 0 0}.hx .hx-result-copy h3{font-size:20px;line-height:1.6}.hx .hx-result-copy>p{font-size:12px;margin-top:11px}.hx .hx-result-copy>small{font-size:9px;line-height:1.8}.hx .hx-result-copy .hx-button{font-size:12px;min-height:42px;padding:10px 14px}
 .hx .hx-portfolio-grid{display:grid;grid-auto-flow:column;grid-auto-columns:86%;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:18px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.hx .hx-portfolio-grid>article{scroll-snap-align:start;min-width:0;border-radius:18px}.hx .hx-portfolio-picture img{height:300px}.hx .hx-portfolio-grid article>div{padding:17px}.hx .hx-portfolio-grid h3{font-size:19px}.hx .hx-portfolio-grid p{font-size:11px}.hx .hx-gallery-filters{gap:7px;margin-bottom:15px}.hx .hx-gallery-filters button{font-size:10px;min-height:38px;padding:8px 11px}.hx .hx-gallery-filters>span{width:100%;margin-left:0;font-size:10px}
 .hx .hx-watch{display:flex;flex-direction:column-reverse;padding:17px;gap:18px;margin-top:16px;border-radius:23px}.hx .hx-watch>div{width:100%}.hx .hx-watch h2{font-size:25px;line-height:1.5;margin:8px 0 14px}.hx .hx-watch .hx-video-cover{width:100%;flex:none}.hx .hx-watch p{font-size:12px}.hx .hx-watch .hx-actions{margin-top:16px}.hx .hx-watch small{font-size:9px}
 .hx .hx-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.hx .hx-photo-grid figure{border-radius:80px 80px 15px 15px}.hx .hx-photo-grid img{height:170px}.hx .hx-photo-grid figcaption{padding:12px}.hx .hx-photo-grid b{font-size:13px}.hx .hx-photo-grid span{font-size:9px;line-height:1.6}
 .hx .hx-meaning,.hx .hx-depth{gap:22px;padding:25px 0}.hx .hx-meaning-photo{height:340px;border-radius:24px}.hx .hx-meaning-copy{padding:0}.hx .hx-depth-art{height:320px}.hx .hx-process-list{display:grid;grid-template-columns:1fr;gap:10px}.hx .hx-process-list li{display:grid;grid-template-columns:30px 1fr;gap:3px 11px;padding:15px;border:1px solid #e2e3cf;border-radius:15px;background:#fffdf4}.hx .hx-process-list li>span{grid-row:1/4;font-size:21px}.hx .hx-process-list h3{font-size:15px;margin:0}.hx .hx-process-list p,.hx .hx-process-list button{grid-column:2;font-size:11px}.hx .hx-process-list button{justify-self:start;min-height:34px;padding:4px 0}
 .hx .hx-faq{gap:18px}.hx .hx-faq h2,.hx .hx-final h2{font-size:26px;line-height:1.6}.hx .hx-faq summary{font-size:12px;line-height:1.8;padding:17px 0}.hx .hx-final{margin:20px 0 0;padding:30px 18px;border-radius:24px}.hx .hx-final .hx-actions{display:grid;grid-template-columns:1fr;gap:10px}.hx .hx-final .hx-button{min-height:48px;font-size:13px}
 .hx .hx-dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:21px;padding:17px}.hx .hx-dialog-close{min-width:44px;min-height:44px}.hx .hx-video-dialog header{padding-right:35px}.hx .hx-video-dialog h2{font-size:24px}.hx .hx-video-dialog video{border-radius:12px}.hx .hx-zoom-tools{padding-right:35px;gap:8px;flex-wrap:wrap}.hx .hx-zoom-tools button,.hx .hx-zoom-tools a{font-size:10px;min-height:38px}
 .welcome-page .hx>.hb-public-lobby{padding-top:0}.view-area[data-view=discover]{padding-bottom:calc(var(--hb-nav-space) + 25px)}
 .hx .hb-public-lobby h2{font-size:clamp(25px,7.2vw,33px);line-height:1.48}.hx .hb-public-lobby .hb-lobby-copy p{font-size:10px;line-height:1.8}.hx .hb-public-lobby .hb-lobby-heading h3{font-size:16px}.hx .hb-public-lobby .hb-lobby-explain{font-size:12px;line-height:1.85}
 .hx-tutorial .hx-tutorial-hero{padding:28px 0}.hx-tutorial h1{font-size:29px;line-height:1.5}.hx-tutorial .hx-tutorial-nav{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.hx-tutorial .hx-tutorial-nav a{padding:10px;font-size:11px}.hx-tutorial .hx-tutorial-steps article{padding:20px 17px;border-radius:20px}.hx-tutorial .hx-lesson-heading h2{font-size:21px;line-height:1.6}.hx-tutorial .hx-tutorial-steps dd{font-size:13px;line-height:1.9}
 .hb-main-cta:focus-visible,.hb-bottom-nav>button:focus-visible,.hb-bottom-nav>a:focus-visible,.hb-lobby-tile:focus-visible{outline:3px solid #aa7a38;outline-offset:3px}
}
@media(min-width:520px) and (max-width:820px){
 .hb-lobby-scene{height:360px}.hb-lobby-copy{padding:40px 28px}.hb-lobby-copy h2,.hx .hb-public-lobby .hb-lobby-copy h2{font-size:39px}.hb-lobby-copy p{font-size:12px;max-width:230px}.hb-eyebrow{font-size:12px}.hb-lobby-tile{min-height:148px;padding:20px}.hb-lobby-tile b{font-size:17px}.hb-lobby-tile small{font-size:12px}.hb-lobby-tile img{width:120px;height:105px}
}
@media(max-width:359px){
 .app-shell .topbar{padding-inline:12px}.topbar h1{font-size:15px}.topbar>div:first-of-type small{font-size:8px}.app-shell .view-area{padding-inline:12px}.hb-lobby-copy{padding:25px 14px 0}.hb-eyebrow{font-size:9px}.hb-lobby-copy h2,.hx .hb-public-lobby .hb-lobby-copy h2{font-size:24px}.hb-lobby-actions{width:calc(100% - 16px);gap:6px}.hb-main-cta,.hb-guide-cta{padding:11px 12px;font-size:12px!important}.hb-guide-cta{font-size:10px!important}.hb-lobby-tile{padding:13px 10px;min-height:134px}.hb-lobby-tile b{font-size:13px}.hb-lobby-tile small{font-size:9px}.hb-lobby-tile img{width:74px;height:70px}.site-header .brand strong{font-size:14px}.site-header .brand img{width:29px;height:29px}.site-header .header-inner>.button{font-size:10px;padding-inline:9px}
}
@media(prefers-reduced-motion:reduce){.hb-bottom-nav span,.hb-mobile-lobby *{transition:none!important;animation:none!important}}