.hero{min-height:calc(100svh - 3.6rem);padding:clamp(2rem, 5vw, 4rem) var(--gutter) 8rem;isolation:isolate;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);display:grid;position:relative;overflow:hidden}@property --dna-t{syntax:"<angle>";inherits:true;initial-value:0deg}@property --dna-s{syntax:"<number>";inherits:true;initial-value:0}.dna{z-index:-1;height:6.5rem;padding-inline:var(--gutter);opacity:.8;pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:auto 0 1rem;mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.dna i{--p:calc(var(--dna-t) + var(--dna-s) * 540deg + var(--i) * (20deg + var(--dna-s) * 16deg));--h:calc(2.5rem + var(--dna-s) * 1.25rem);width:.75rem;height:100%;position:relative}.dna i:before,.dna i:after{content:"";aspect-ratio:1;background:var(--c);width:.75rem;translate:0 calc(sin(var(--p)) * var(--h));scale:calc(.75 + cos(var(--p)) * .35);opacity:calc(.65 + cos(var(--p)) * .35);border-radius:50%;margin-top:-.375rem;position:absolute;top:50%;left:0}.dna i:after{background:var(--c2);translate:0 calc(sin(var(--p)) * var(--h) * -1);scale:calc(.75 - cos(var(--p)) * .35);opacity:calc(.65 - cos(var(--p)) * .35)}.dna i{background:linear-gradient(var(--rule), var(--rule)) center / 1px calc(max(sin(var(--p)), -1 * sin(var(--p))) * var(--h) * 2) no-repeat}@media (width<=860px){.dna i:nth-child(n+21){display:none}}.hero h1{letter-spacing:-.02em;font-size:clamp(2.5rem,5.4vw,5.25rem);font-weight:900;line-height:1.14}.hero h1 span{white-space:nowrap;display:block}.hero h1:lang(en){text-wrap:balance;font-size:clamp(2.25rem,4.2vw,4.25rem)}.hero h1:lang(en) span{white-space:normal}.hero-copy p{max-width:34em;color:var(--ink-2);margin-top:1.75rem;font-size:clamp(1.0625rem,1.3vw,1.1875rem)}.actions{flex-wrap:wrap;gap:.75rem;margin-top:2.25rem;display:flex}.fan-wrap{justify-self:center;width:100%;max-width:40rem;container-type:inline-size}.fan{--u:min(1rem, calc(100cqi / 38));width:calc(38 * var(--u));height:calc(31 * var(--u));touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;margin-inline:auto;position:relative}.fan.dragging{cursor:grabbing}.card{left:calc(10 * var(--u));bottom:calc(1 * var(--u));width:calc(8.5 * var(--u));height:calc(28 * var(--u));margin-left:calc(-4.25 * var(--u));transform-origin:50% calc(100% - 2 * var(--u));transform:rotate(calc(var(--a) * 1deg));-webkit-user-drag:none;text-decoration:none;position:absolute}.card-inner{border-radius:calc(.6 * var(--u));background:var(--stock);height:100%;box-shadow:0 calc(.3 * var(--u)) calc(1 * var(--u)) #12121229, 0 0 0 1px #1212120f;transition:transform .45s var(--ease), box-shadow .45s var(--ease);flex-direction:column;display:flex;overflow:hidden}.card:hover .card-inner,.card:focus-visible .card-inner{transform:translateY(calc(-1.6 * var(--u)));box-shadow:0 calc(1 * var(--u)) calc(2 * var(--u)) #12121233, 0 0 0 1px #1212120f}.card:focus-visible{outline:none}.card:focus-visible .card-inner{outline:3px solid var(--blue);outline-offset:2px}.card-spec{gap:calc(.1 * var(--u));padding:calc(.8 * var(--u)) calc(.8 * var(--u)) calc(.7 * var(--u));font-size:max(11px, calc(.72 * var(--u)));color:var(--ink-2);line-height:1.35;display:grid}.card-spec b{font-size:calc(1.15 * var(--u));color:var(--ink);letter-spacing:.04em;margin-bottom:calc(.2 * var(--u));font-weight:900}@media (width<=480px){.card-spec .num{display:none}.card-spec b{font-size:max(12px, calc(1.15 * var(--u)))}}.card-face{background:var(--c);color:var(--on);padding:calc(.9 * var(--u)) calc(.7 * var(--u));flex:1;justify-content:flex-start;display:flex;position:relative}.card-name{writing-mode:vertical-rl;font-weight:900;font-size:calc(1.55 * var(--u));letter-spacing:.14em;line-height:1}.card-name .full{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.card-face:after{content:"";left:50%;bottom:calc(1.4 * var(--u));width:calc(1.2 * var(--u));aspect-ratio:1;margin-left:calc(-.6 * var(--u));background:var(--paper);border-radius:50%;position:absolute;box-shadow:inset 0 1px 2px #12121259}.pivot{left:calc(10 * var(--u));bottom:calc(2.4 * var(--u));z-index:10;width:calc(1.9 * var(--u));aspect-ratio:1;margin-left:calc(-.95 * var(--u));background:var(--ink);box-shadow:inset 0 0 0 calc(.28 * var(--u)) var(--ink), inset 0 0 0 calc(.4 * var(--u)) #8a867d, 0 1px 3px #12121266;pointer-events:none;border-radius:50%;position:absolute}.hint{text-align:center;color:var(--ink-2);letter-spacing:.08em;margin-top:.75rem;font-size:.8125rem}@media (width<=860px){.hero{grid-template-columns:1fr;min-height:0;padding-top:2.5rem}.fan-wrap{max-width:30rem}}.v-title{writing-mode:vertical-rl;letter-spacing:.12em;align-self:start;font-family:Noto Sans TC,sans-serif;font-size:clamp(1.75rem,3.6vw,3.25rem);font-weight:900;line-height:1.1}@media (width<=860px){:is(.band,.one,.process,.works,.faq,.contact){column-gap:1.25rem;grid-template-columns:auto minmax(0,1fr)!important}:is(.band,.one,.process,.works,.faq,.contact)>:not(.v-title){grid-column:2!important}.v-title{grid-row:1/span 6}}.band{padding:clamp(3.5rem, 8vw, 7rem) var(--gutter);background:var(--c);color:var(--on);top:var(--stack-top,3.6rem);transform-origin:50% 0;grid-template-columns:auto minmax(0,1fr) minmax(14rem,20rem);gap:clamp(1.5rem,4vw,4rem);min-height:calc(100svh - 3.6rem);display:grid;position:sticky}.band+.band{border-radius:1.25rem 1.25rem 0 0;box-shadow:0 -.75rem 2rem #1212122e}.band:after{content:"";border-radius:inherit;opacity:var(--dim,0);pointer-events:none;background:#121212;position:absolute;inset:0}.band ::selection{background:var(--on);color:var(--c)}.band-lead{text-wrap:pretty;max-width:22em;font-size:clamp(1.375rem,2.4vw,2rem);font-weight:700;line-height:1.5}.spec-list{border-top:1px solid;max-width:36rem;margin-top:2.5rem;list-style:none}.spec-list li{border-bottom:1px solid color-mix(in srgb, currentColor 35%, transparent);grid-template-columns:5.5rem 1fr;align-items:baseline;padding:.9rem 0;font-size:1.125rem;font-weight:500;display:grid}.spec-list .num{opacity:.8;font-size:.8125rem}.band-chip{background:var(--stock);color:var(--ink);border-radius:6px;align-self:end;font-size:.875rem;overflow:hidden;box-shadow:0 .5rem 1.5rem #1212122e}.chip-swatch{border-bottom:1px solid var(--rule);grid-template-columns:1.6fr repeat(4,1fr);height:9rem;display:grid}.chip-swatch i{background:color-mix(in srgb, var(--c) var(--t), var(--stock))}.band-chip>div:not(.chip-swatch){border-bottom:1px solid var(--rule);grid-template-columns:4.25rem 1fr;padding:.5rem 1rem;display:grid}.band-chip>div:last-child{border-bottom:0;padding-bottom:.9rem}.band-chip dt{color:var(--ink-2);letter-spacing:.06em;padding-top:.15em;font-family:Archivo,sans-serif;font-size:.75rem;font-stretch:88%}.band-chip dd{font-weight:700}@media (width<=1080px){.band{grid-template-columns:auto minmax(0,1fr)}.band-chip{grid-column:2;max-width:20rem}}@media (width<=860px){.band{grid-template-columns:1fr;gap:1.5rem}.band-chip{grid-column:auto;width:100%}}.one{padding:clamp(4rem, 9vw, 8rem) var(--gutter);grid-template-columns:auto minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.5rem,4vw,4rem);display:grid}.one-lead{text-wrap:pretty;max-width:26em;font-size:clamp(1.125rem,1.6vw,1.3125rem)}.picker{border:0;flex-wrap:wrap;gap:.75rem;margin-top:2.25rem;display:flex}.picker legend{color:var(--ink-2);letter-spacing:.06em;margin-bottom:.75rem;font-size:.875rem}.picker label{cursor:pointer;justify-items:center;gap:.4rem;font-size:.8125rem;display:grid;position:relative}.picker input{opacity:0;pointer-events:none;position:absolute}.pick-chip{background:var(--c);width:3.25rem;height:4.5rem;transition:transform .35s var(--ease), box-shadow .35s var(--ease);border-radius:4px;box-shadow:0 1px 3px #12121233}.picker label:hover .pick-chip{transform:translateY(-3px)}.picker input:checked+.pick-chip{box-shadow:0 0 0 3px var(--paper), 0 0 0 5px var(--ink), 0 6px 12px #12121233;transform:translateY(-6px)}.picker input:focus-visible+.pick-chip{outline:3px solid var(--blue);outline-offset:6px}.readout{border-top:1px solid var(--rule);flex-wrap:wrap;gap:.4rem 1.25rem;margin-top:1.75rem;padding-top:1rem;font-size:.9375rem;display:flex}.readout span:first-child{font-weight:700}.media{grid-template-rows:auto auto auto;grid-template-columns:1.15fr 1fr;align-content:start;gap:1.25rem;display:grid}.m{gap:.6rem;min-width:0;display:grid}.m figcaption{color:var(--ink-2);letter-spacing:.06em;font-size:.8125rem}.m-card{grid-area:1/1;align-self:end}.m-post{grid-area:1/2}.m-web{grid-area:2/1/auto/-1}.media-note{color:var(--ink-2);grid-column:1/-1;font-size:.75rem}.m :is(.biz-mark,.browser-hero,.bh-btn,.post-img,.post-head i){transition:background-color .5s var(--ease), color .5s var(--ease)}.m-card .biz-mark{transition-delay:0s}.m-web :is(.browser-hero,.bh-btn){transition-delay:.12s}.m-post :is(.post-img,.post-head i){transition-delay:.24s}.biz{aspect-ratio:9/5.4;background:var(--stock);border-radius:4px;grid-template-rows:1fr auto auto;grid-template-columns:auto 1fr;gap:.4rem .9rem;padding:1.25rem;display:grid;box-shadow:0 .4rem 1.2rem #1212121f}.biz-mark{aspect-ratio:1;background:var(--pick);border-radius:50%;grid-row:1/span 3;align-self:center;width:2.75rem}.biz-name{letter-spacing:.06em;align-self:end;font-size:1.125rem;font-weight:900}.biz-meta{color:var(--ink-2);font-size:.75rem;line-height:1.4}.browser{background:var(--stock);border-radius:6px;display:grid;overflow:hidden;box-shadow:0 .4rem 1.2rem #1212121f}.browser-bar{border-bottom:1px solid var(--rule);color:var(--ink-2);justify-content:space-between;gap:1rem;padding:.5rem .9rem;font-size:.75rem;display:flex}.browser-hero{background:var(--pick);color:var(--pick-on);justify-items:start;gap:.75rem;padding:1.75rem 1.5rem;display:grid}.bh-title{letter-spacing:.04em;font-size:clamp(1.25rem,2.4vw,1.75rem);font-weight:900;line-height:1.2}.bh-sub{font-size:.875rem;line-height:1.5}.bh-btn{background:var(--pick-on);color:var(--pick);border-radius:3px;padding:.4rem .9rem;font-size:.8125rem;font-weight:700}.browser-rows{grid-template-columns:repeat(3,1fr);gap:.75rem;padding:1rem 1.5rem 1.25rem;display:grid}.browser-rows b{border-top:2px solid var(--ink);padding:.5rem 0;font-size:.8125rem;font-weight:700}.post{background:var(--stock);border-radius:6px;display:grid;overflow:hidden;box-shadow:0 .4rem 1.2rem #1212121f}.post-head{align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.8125rem;font-weight:700;display:flex}.post-head i{background:var(--pick);border-radius:50%;width:1.4rem;height:1.4rem}.post-img{aspect-ratio:1.6;background:var(--pick);color:var(--pick-on);place-items:center;display:grid}.post-img b{letter-spacing:.1em;font-size:clamp(1.125rem,2vw,1.5rem);font-weight:900}.post-cap{padding:.6rem .75rem .75rem;font-size:.8125rem;line-height:1.5}@media (width<=1080px){.one{grid-template-columns:auto minmax(0,1fr)}.media{grid-column:2}}@media (width<=860px){.one{grid-template-columns:1fr}.media{grid-column:auto}}@media (width<=560px){.picker{flex-wrap:nowrap;gap:.5rem}.pick-chip{width:2.6rem;height:3.75rem}.media{grid-template-columns:minmax(0,1fr)}.media>*{grid-area:auto!important}.ramp{grid-template-columns:1fr!important}.ramp li{min-height:0!important}.ramp b{padding-top:1rem!important}}.process{padding:0 var(--gutter) clamp(4rem, 9vw, 8rem);grid-template-columns:auto minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);display:grid}.ramp{border-radius:6px;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;display:grid;overflow:hidden;box-shadow:0 .5rem 1.5rem #1212121f}.ramp li{background:color-mix(in srgb, var(--blue) var(--t), var(--stock));min-height:15rem;color:var(--ink);align-content:start;gap:.5rem;padding:1.5rem 1.25rem;display:grid}.ramp li:nth-child(-n+2){color:#fff}.ramp b{letter-spacing:.04em;margin-top:auto;padding-top:4rem;font-size:1.25rem;font-weight:900}.ramp-t{font-size:.8125rem}.ramp li span:last-child{font-size:.9375rem;line-height:1.6}@media (width<=860px){.process{grid-template-columns:1fr}.ramp{grid-template-columns:1fr 1fr}.ramp li{min-height:11rem}.ramp b{padding-top:2rem}}.works-body{justify-items:start;gap:1.5rem;display:grid}.w-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;width:100%;padding:0;list-style:none;display:grid}.w-grid a{color:var(--ink);gap:.2rem;text-decoration:none;display:grid}.w-grid img{aspect-ratio:1;object-fit:cover;width:100%;height:auto;transition:transform .35s var(--ease);border-radius:4px;margin-bottom:.5rem;box-shadow:0 1px 2px #1212121a,0 .4rem 1rem #12121214}.w-grid a:hover img{transform:translateY(-3px)}.w-grid b{font-weight:900}.w-grid span{color:var(--ink-2);font-size:.875rem}@media (width<=560px){.w-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}}.works{padding:clamp(3rem, 7vw, 6rem) var(--gutter);border-top:1px solid var(--rule);grid-template-columns:auto minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);display:grid}.works-body p{max-width:34em;font-size:1.125rem}@media (width<=860px){.works{grid-template-columns:1fr}}.reads{padding:clamp(3rem, 7vw, 6rem) var(--gutter);border-top:1px solid var(--rule);grid-template-columns:auto minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);display:grid}.reads-body{justify-items:start;gap:1.5rem;max-width:48rem;display:grid}.reads-list{border-top:2px solid var(--ink);width:100%;list-style:none}.reads-list li{border-bottom:1px solid var(--rule)}.reads-list a{box-shadow:inset 4px 0 0 var(--c);justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;padding:1rem 0 1rem 1rem;text-decoration:none;display:flex}.reads-list b{font-size:1.125rem;line-height:1.5}.reads-list span{color:var(--ink-2);flex:none;font-size:.8125rem}.reads-list a:hover b{text-underline-offset:.25em;text-decoration:underline}@media (width<=860px){.reads{grid-template-columns:1fr}}@media (width<=560px){.reads-list a{flex-direction:column}}.faq{padding:clamp(3rem, 7vw, 6rem) var(--gutter);border-top:1px solid var(--rule);grid-template-columns:auto minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);display:grid}.faq-list{border-top:2px solid var(--ink);max-width:48rem}.faq-list details{border-bottom:1px solid var(--rule);interpolate-size:allow-keywords}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:baseline;gap:1.5rem;padding:1.25rem 0;font-size:1.125rem;font-weight:900;line-height:1.5;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";transition:rotate .3s var(--ease);flex:none;font-size:1.5rem;font-weight:400;line-height:1}.faq-list details[open] summary:after{rotate:45deg}.faq-list summary:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.faq-list details p{color:var(--ink-2);max-width:40em;padding-bottom:1.25rem}.faq-list details::details-content{block-size:0;transition:block-size .35s var(--ease), content-visibility .35s allow-discrete;overflow:hidden}.faq-list details[open]::details-content{block-size:auto}@media (prefers-reduced-motion:reduce){.faq-list details::details-content,.faq-list summary:after{transition:none}}.contact{padding:clamp(4rem, 9vw, 8rem) var(--gutter);background:var(--yellow);grid-template-columns:auto minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);display:grid}.contact-direct{margin-top:1rem;font-size:1.0625rem}.contact-direct a{font-weight:700;text-decoration-thickness:1.5px}.contact-lead{text-wrap:pretty;max-width:24em;font-size:clamp(1.25rem,2vw,1.625rem);font-weight:700;line-height:1.55}.form{border-top:2px solid var(--ink);gap:0;max-width:44rem;margin-top:2.5rem;display:grid}.row{border-bottom:1px solid #12121259;grid-template-columns:9rem minmax(0,1fr);align-items:baseline;gap:1rem;padding:.9rem 0;display:grid}.row>label,.row legend{letter-spacing:.04em;font-size:.875rem;font-weight:700}.row input,.row textarea{width:100%;font:500 1.0625rem/1.6 var(--sans);color:var(--ink);background:0 0;border:0;border-radius:0;min-height:44px;padding:.35rem 0}.row textarea{resize:vertical}.row input::placeholder,.row textarea::placeholder{color:#5c5310}.row input:focus-visible,.row textarea:focus-visible{outline:none}.row:focus-within{border-bottom-color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink)}.row input[aria-invalid]{box-shadow:inset 0 -2px #b3000c}.needs{border:0;border-bottom:1px solid #12121259;gap:1.1rem;padding-bottom:1.25rem;display:grid}.needs legend{float:left;width:100%;margin-bottom:.25rem;padding-top:.4rem}.row.needs{grid-template-columns:1fr;gap:1.1rem}.need-title{align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:700;display:flex}.need-title:before{content:"";background:var(--c);border:1.5px solid var(--ink);border-radius:2px;width:.75rem;height:.75rem}.need-items{flex-wrap:wrap;gap:.5rem;display:flex}.needs label{cursor:pointer;position:relative}.needs input{opacity:0;pointer-events:none;position:absolute}.needs span{border:2px solid var(--ink);background:var(--stock);border-radius:4px;align-items:center;min-height:44px;padding:0 .9rem;font-size:.9375rem;font-weight:700;transition:background-color .2s,color .2s;display:inline-flex}.needs input:checked+span{background:var(--c);color:var(--on);border-color:var(--ink)}.needs input:focus-visible+span{outline:3px solid var(--blue);outline-offset:3px}.submit{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:2rem;display:flex}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.status{max-width:28em;font-size:.9375rem;font-weight:500}.status[data-state=error]{color:#8a0009;font-weight:700}@media (width<=860px){.contact{grid-template-columns:1fr}}@media (width<=560px){.row{grid-template-columns:1fr;gap:.1rem}}@media (width>=1081px){.band{grid-template-columns:minmax(auto,1fr) minmax(0,40rem) minmax(14rem,20rem) minmax(0,1fr)}.one{grid-template-columns:minmax(auto,1fr) minmax(0,26rem) minmax(0,40rem) minmax(0,1fr)}}@media (width>=861px){:is(.process,.works){grid-template-columns:minmax(auto,1fr) minmax(0,68rem) minmax(0,1fr)}:is(.reads,.faq){grid-template-columns:minmax(auto,1fr) minmax(0,48rem) minmax(0,1fr)}.contact{grid-template-columns:minmax(auto,1fr) minmax(0,44rem) minmax(0,1fr)}:is(.band,.one,.process,.works,.reads,.faq,.contact)>.v-title{justify-self:start}.reads-body{justify-items:center}.works-body>.btn{justify-self:center}}