@font-face{font-family:"GS Story Serif";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/gs-story-serif-600.woff) format("woff")}@font-face{font-family:"GS Story Serif";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/gs-story-punctuation-600.woff) format("woff");unicode-range:u+ff0c}.story{height:490svh;position:relative}.story-viewport{position:sticky;top:var(--announcement-height,0);height:calc(100svh - var(--announcement-height, 0px));display:flex;flex-direction:column;padding:calc(var(--header-height, 90px) + 26px) 4.5% 30px;overflow:hidden;background:radial-gradient(ellipse at 58% 38%,#faf9f3 0,transparent 65%),var(--paper)}.stage-topline{display:flex;justify-content:space-between;gap:24px;color:#607466;font-size:.75rem;letter-spacing:.12em;line-height:1.5}.stage-topline span:last-child{letter-spacing:.14em;white-space:nowrap}.story-content{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,28fr) minmax(0,57fr) minmax(130px,15fr);gap:clamp(20px,2.5vw,46px);margin-top:clamp(24px,4svh,44px)}.story-copy{position:relative;z-index:2;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding-top:clamp(8px,3svh,34px)}.headings{display:grid;width:100%}.stage-copy{grid-area:1/1;opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .7s cubic-bezier(.22,1,.36,1);pointer-events:none}.stage-copy.is-active{opacity:1;transform:translateY(0);pointer-events:auto}.stage-copy h1,.stage-copy h2{margin:0;font-family:"GS Story Serif","Noto Serif TC",Songti TC,PMingLiU,serif;font-size:clamp(36px,4.2vw,76px);font-weight:600;letter-spacing:-.045em;line-height:1.24}.stage-copy h1>span,.stage-copy h2>span{display:block;white-space:nowrap}.story-actions{width:min(100%,18rem);margin-top:clamp(24px,3.8svh,42px)}.story-category-link{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:56px;padding:15px 20px;border:1px solid var(--apricot);border-radius:3px;background:var(--apricot);font-size:clamp(1rem,1.25vw,1.25rem);font-weight:500;letter-spacing:.04em;line-height:1.5;transition:background .25s,transform .25s}.story-category-link svg{width:22px;height:22px;flex:none;stroke-width:1.4}.story-category-link:hover{background:#dbb68a;transform:translateY(-2px)}.story-products-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;margin-top:10px;padding:9px 0 6px;border-bottom:1px solid #9aaea0;font-size:.9375rem;letter-spacing:.04em}.story-products-link:hover{color:#a34825;border-color:currentColor}.story-scroll-guide{margin-top:auto;padding-top:28px}.story-scroll-guide button{display:flex;align-items:center;gap:12px;min-height:48px;padding:0;background:transparent;text-align:left;font-size:.9375rem;line-height:1.45}.story-scroll-guide small{display:block;margin-top:4px;font-size:.75rem;color:#637568}.scroll-guide-arrow{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid #a5b5a4;border-radius:50%;transition:background .25s,color .25s}.story-scroll-guide button:hover .scroll-guide-arrow{background:var(--ink);color:var(--paper)}.scroll-guide-arrow svg{animation:scroll-nudge 2.5s ease infinite}.model-stage{min-width:0;min-height:0;position:relative;display:flex;flex-direction:column;gap:10px}.drawing-caption,.drawing-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;color:#5c7366;font-size:.75rem;line-height:1.5}.drawing-heading{letter-spacing:.12em}.drawing-heading span:first-child{color:var(--ink);font-size:.875rem}.drawing-caption{min-height:32px;padding-top:4px}.drawing-caption span:last-child{text-align:right}.scene-frame{flex:1;position:relative;min-height:0}.cabinet-canvas{position:absolute;inset:0;outline:none}.cabinet-canvas,.cabinet-canvas canvas{width:100%;height:100%;display:block}.model-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;font-size:.875rem}.model-loading span{font-size:.75rem;color:#607464}.material-chip{position:absolute;right:1%;bottom:4%;display:flex;gap:10px;align-items:center;pointer-events:none}.material-chip>i{width:28px;height:28px;background:#f3ebdc;box-shadow:0 0 0 1px #cabfa766}.material-chip>span{font-size:.75rem;line-height:1.4}.material-chip small{display:block;font-size:.75rem;letter-spacing:.03em;margin-top:2px;color:#637568}.story-rail{display:flex;flex-direction:column;min-height:0;border-left:1px solid #174c3620;padding-left:clamp(18px,2.4vw,38px)}.stage-navigation{position:relative;display:grid;grid-template-rows:repeat(4,1fr);flex:1;min-height:0;max-height:540px;width:100%;margin:auto 0}.timeline-track{position:absolute;left:5px;top:12.5%;bottom:12.5%;width:1px;background:#bbcbbb;pointer-events:none}.timeline-track>span{display:block;width:1px;height:100%;background:var(--orange);transform:scaleY(var(--story-progress,0));transform-origin:top}.stage-button{position:relative;display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:62px;width:100%;padding:10px 0 10px 28px;background:transparent;text-align:left;color:#536e5e}.stage-button:before{content:"";position:absolute;left:0;top:calc(50% - 5.5px);width:11px;height:11px;border:1px solid #91ab97;border-radius:50%;background:var(--paper);transition:background .25s,box-shadow .25s}.stage-button>span{font-size:.75rem;letter-spacing:.08em}.stage-button strong{font-family:"GS Story Serif","Noto Serif TC",Songti TC,PMingLiU,serif;font-size:1.125rem;font-weight:600;letter-spacing:.06em}.stage-button small{font-size:.75rem;letter-spacing:.075em}.stage-button.active,.stage-button:hover{color:var(--ink)}.stage-button.active>span{color:#b5481c}.stage-button.active:before{background:var(--orange);border-color:var(--orange);box-shadow:0 0 0 3px var(--paper),0 0 0 4px var(--orange)}.stage-button:hover:before{border-color:var(--orange)}.replay{display:grid;place-items:center;flex:none;align-self:flex-end;width:44px;height:44px;margin-top:20px;background:transparent;border:1px solid #a5b5a4;border-radius:50%;transition:background .25s}.replay:hover{background:#174c360a}.hero-edge{position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--ink) 0 72%,var(--apricot) 72% 93%,var(--orange) 93%)}@media (max-width:1100px) and (min-width:761px){.story-content{grid-template-columns:minmax(0,30fr) minmax(0,55fr) minmax(114px,15fr);gap:20px}.story-rail{padding-left:18px}.stage-button{padding-left:23px}.stage-button small{letter-spacing:.015em}.story-category-link{padding:13px 14px}.drawing-caption{flex-direction:column;gap:2px}.drawing-caption span:last-child{text-align:left}.story-scroll-guide button{gap:9px;font-size:.875rem}.scroll-guide-arrow{width:38px;height:38px}}@media (max-width:760px){.story{height:470svh}.story-viewport{padding:calc(var(--header-height, 76px) + 14px) 6% 19px}.stage-topline{font-size:.75rem;letter-spacing:.035em}.stage-topline span:last-child{display:none}.story-content{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(150px,1fr) auto;gap:16px;margin-top:18px}.story-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(138px,.85fr);align-items:center;gap:14px;padding-top:0}.headings{grid-column:1;grid-row:1}.stage-copy h1,.stage-copy h2{font-size:clamp(28px,6.8vw,43px);line-height:1.22;letter-spacing:-.05em}.story-actions{grid-column:2;grid-row:1;margin:0;width:100%}.story-category-link{min-height:48px;gap:6px;padding:11px 10px;font-size:.875rem;letter-spacing:0}.story-category-link svg{width:17px;height:17px}.story-products-link{margin-top:5px;min-height:40px;font-size:.875rem;gap:9px}.story-scroll-guide{grid-column:1/-1;margin:0;padding:0}.story-scroll-guide button{min-height:36px;gap:9px;font-size:.875rem}.story-scroll-guide small{display:none}.scroll-guide-arrow{width:32px;height:32px}.scroll-guide-arrow svg{width:17px}.model-stage{gap:3px}.drawing-heading,.drawing-heading span:first-child{font-size:.75rem}.drawing-caption{gap:9px;min-height:30px;padding-top:0;font-size:.75rem}.drawing-caption span:last-child{max-width:48%}.material-chip{right:0;bottom:3%;gap:6px}.material-chip>i{width:20px;height:20px}.material-chip small{display:none}.story-rail{flex-direction:row;align-items:center;gap:14px;border-left:0;padding:0}.stage-navigation{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;min-width:0;margin:0}.timeline-track{top:5px;left:12.5%;right:12.5%;bottom:auto;width:auto;height:1px}.timeline-track>span{width:100%;height:1px;transform:scaleX(var(--story-progress,0));transform-origin:left}.stage-button{flex-direction:row;justify-content:center;align-items:center;gap:5px;min-height:56px;padding:17px 0 0;text-align:center}.stage-button:before{top:0;left:calc(50% - 5.5px)}.stage-button>span{font-size:.75rem}.stage-button strong{font-family:inherit;font-size:.875rem;font-weight:500;letter-spacing:0}.stage-button small{display:none}.replay{align-self:center;width:40px;height:40px;margin-top:0}}@media (max-height:740px) and (min-width:761px){.story-content{margin-top:20px}.story-copy{padding-top:4px}.stage-copy h1,.stage-copy h2{font-size:clamp(34px,min(4.2vw,7.5svh),60px)}.story-actions{margin-top:20px}.story-scroll-guide{padding-top:16px}.story-scroll-guide small{display:none}}@media (max-width:380px){.stage-copy h1,.stage-copy h2{font-size:26px}}@media (max-height:600px){.story-viewport{height:auto;min-height:calc(100svh - var(--announcement-height, 0px))}.story-content{min-height:390px}}@media (prefers-reduced-motion:reduce){.replay,.scroll-guide-arrow,.stage-button:before,.stage-copy,.story-category-link{transition:none}.story-category-link:hover{transform:none}.scroll-guide-arrow svg{animation:none}}