.hssketch *{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}.hssketch{--paper:#efe7d6;--ink:#3a3020;--mut:#8a7a5c;--brown:#6e5836;--sun:#d08a3a;--blue:#5f86a0;--paper-light:#f5f0e6;color:var(--ink);isolation:isolate;background:linear-gradient(160deg,#fff,#fdfcf9);min-height:100vh;font-family:Noto Sans TC,sans-serif;position:relative;overflow-x:hidden}.hssketch .w-full{width:100%}.hssketch .h-full{height:100%}.hssketch .object-cover{object-fit:cover}.hssketch:before{content:"";pointer-events:none;z-index:0;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E");background-repeat:repeat;position:fixed;inset:0}.hssketch:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(900px 700px at 20% 15%,#d08a3a06,#0000 66%),radial-gradient(600px 500px at 80% 80%,#5f86a004,#0000 66%);position:fixed;inset:0}.hssketch .paper-grid{z-index:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,#6e583609 0 1px,#0000 1px 30px),repeating-linear-gradient(90deg,#6e583609 0 1px,#0000 1px 30px),repeating-linear-gradient(0deg,#6e58360f 0 1.3px,#0000 1.3px 150px),repeating-linear-gradient(90deg,#6e58360f 0 1.3px,#0000 1.3px 150px);position:fixed;inset:0;-webkit-mask-image:radial-gradient(130% 105% at 50% 26%,#000 48%,#0000 100%);mask-image:radial-gradient(130% 105% at 50% 26%,#000 48%,#0000 100%)}.hssketch .wc-bg{z-index:1;pointer-events:none;filter:blur(50px);opacity:.18;position:fixed;inset:0}.hssketch .wc-bg span{border-radius:50%;animation:12s ease-in-out infinite bloom;position:absolute}.hssketch .wc-bg .wc-a{background:radial-gradient(circle,#d08a3a73,#0000 70%);width:400px;height:360px;top:10%;left:5%}.hssketch .wc-bg .wc-b{background:radial-gradient(circle,#5f86a080,#0000 70%);width:320px;height:300px;animation-delay:4s;top:20%;left:60%}.hssketch .wc-bg .wc-c{background:radial-gradient(circle,#6e583659,#0000 70%);width:350px;height:320px;animation-delay:7s;top:55%;left:30%}.hssketch .wc-bg .wc-d{background:radial-gradient(circle,#d08a3a4d,#0000 70%);width:280px;height:260px;animation-delay:2s;top:65%;left:75%}@keyframes bloom{0%,to{opacity:.35;transform:scale(.9)translate(0)}33%{opacity:.55;transform:scale(1.12)translate(8px,-12px)}66%{opacity:.4;transform:scale(.95)translate(-6px,8px)}}@media (prefers-reduced-motion:reduce){.hssketch .wc-bg span,.hssketch .sun-dot,.hssketch .ray-line,.hssketch .sun-halo,.hssketch .sun-bloom,.hssketch .sun-beam,.hssketch .sun-beam:after,.hssketch .sun-core{animation:none!important}.hssketch .sk-path{stroke-dashoffset:0!important;transition:none!important;animation:none!important}.hssketch .note-tag,.hssketch .sketch-underline{opacity:1!important;transition:none!important;transform:none!important}}.hssketch nav{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#faf6efd9;border-bottom:1px solid #3a30201a;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 clamp(20px,5vw,80px);display:grid;position:fixed;top:0;left:0;right:0}.hssketch nav .nav-brand{justify-self:start}.hssketch nav .nav-links{justify-self:center}.hssketch nav .nav-right{justify-self:end;align-items:center;gap:8px;display:flex}.hssketch .nav-brand{align-items:center;gap:12px;text-decoration:none;display:flex}.hssketch .nav-mark{border:1.5px solid var(--brown);width:40px;height:40px;color:var(--brown);border-radius:50%;flex-shrink:0;place-items:center;font-family:Fraunces;font-size:.9rem;font-weight:500;display:grid}.hssketch .nav-brand-text b{color:var(--ink);font-size:.9rem;font-weight:500;line-height:1.1;display:block}.hssketch .nav-brand-text small{color:var(--mut);letter-spacing:.12em;font-size:.65rem;display:block}.hssketch .nav-links{align-items:center;gap:1px;display:flex}.hssketch .nav-links a{color:var(--ink);white-space:nowrap;border-radius:6px;padding:6px 9px;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s}.hssketch .nav-links a:hover{color:var(--brown);background-color:#6e583612;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='8'%3E%3Cpath d='M2 5 Q16 1 30 4 T58 3' fill='none' stroke='%23d08a3a' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-position:center bottom 2px;background-repeat:no-repeat;background-size:70% 6px}.hssketch .nav-cta{background:var(--brown);height:38px;color:var(--paper);white-space:nowrap;border-radius:999px;align-items:center;margin-left:12px;padding:0 20px;font-size:.92rem;font-weight:500;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-flex}.hssketch .nav-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6e58364d}.hssketch .hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.hssketch .hamburger span{background:var(--ink);border-radius:2px;width:22px;height:1.5px;transition:all .3s;display:block}.hssketch .mobile-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:99;background:#faf6eff2;border-bottom:1px solid #3a30201a;flex-direction:column;gap:4px;padding:16px clamp(20px,5vw,80px);display:none;position:fixed;top:72px;left:0;right:0}.hssketch .mobile-nav a{color:var(--ink);border-radius:6px;padding:11px 12px;font-size:1.05rem;text-decoration:none;display:block}.hssketch .mobile-nav a:hover{background:#6e583614}.hssketch .mobile-nav .nav-cta{justify-content:center;margin-top:8px;margin-left:0}@media (max-width:1260px){.hssketch .nav-links{display:none}.hssketch .hamburger{display:flex}.hssketch nav>.nav-cta{display:none}}@media (max-width:640px){.hssketch .nav-brand-text small{display:none}}.hssketch #hero{z-index:2;grid-template-columns:.8fr 1.2fr;align-items:center;gap:40px;min-height:100vh;padding:72px clamp(24px,6vw,90px) 60px;display:grid;position:relative}@media (max-width:900px){.hssketch #hero{grid-template-columns:1fr;gap:32px;min-height:auto;padding-top:90px}}.hssketch .hero-eyebrow{color:var(--brown);opacity:0;margin-bottom:16px;font-family:Long Cang,LXGW WenKai TC,cursive;font-size:1.3rem;transition:opacity .6s,transform .6s;transform:translateY(10px)}.hssketch .hero-eyebrow.in{opacity:1;transform:translateY(0)}.hssketch h1.hero-h1{letter-spacing:-.01em;color:var(--ink);opacity:0;font-family:Fraunces;font-size:clamp(2.2rem,4.8vw,3.8rem);font-weight:500;line-height:1.08;transition:opacity .7s .1s,transform .7s .1s;transform:translateY(14px)}.hssketch h1.hero-h1.in{opacity:1;transform:translateY(0)}.hssketch h1.hero-h1 em{color:var(--brown);font-family:Caveat,cursive;font-size:1.08em;font-style:normal;font-weight:700}.hssketch .hero-sub{max-width:30rem;color:var(--mut);opacity:0;margin:20px 0 32px;font-size:1.02rem;font-weight:300;line-height:1.9;transition:opacity .7s .25s,transform .7s .25s;transform:translateY(10px)}.hssketch .hero-sub.in{opacity:1;transform:translateY(0)}.hssketch .hero-btns{opacity:0;flex-wrap:nowrap;align-items:center;gap:12px;transition:opacity .7s .35s,transform .7s .35s;display:flex;transform:translateY(10px)}.hssketch .hero-btns.in{opacity:1;transform:translateY(0)}.hssketch .btn{white-space:nowrap;border-radius:999px;align-items:center;gap:8px;height:52px;padding:0 26px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .34s cubic-bezier(.32,.72,0,1);display:inline-flex}.hssketch .btn.solid{background:var(--brown);color:var(--paper)}.hssketch .btn.solid:hover{transform:translateY(-3px);box-shadow:0 8px 24px #6e58364d}.hssketch .btn.outline{border:1.5px solid var(--brown);color:var(--brown)}.hssketch .btn.outline:hover{background:#6e583614}.hssketch .hero-stage{place-items:center;display:grid;position:relative}.hssketch .hero-stage svg{width:min(560px,100%);overflow:visible}.hssketch .sk-path{fill:none;stroke:var(--ink);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3000;stroke-dashoffset:3000px}.hssketch .sk-path.drawn{stroke-dashoffset:0;transition:stroke-dashoffset 8s}.hssketch .sk-b{stroke-width:1px}.hssketch .sk-c{stroke:var(--brown);stroke-width:.9px}.hssketch .sk-blue{stroke:var(--blue);stroke-width:.9px}.hssketch .ray-line{stroke:var(--sun);stroke-width:1.7px;stroke-dasharray:7 7;filter:drop-shadow(0 0 3px #d08a3ad9);animation:3s linear infinite ray}@keyframes ray{to{stroke-dashoffset:-28px}}.hssketch .sun-dot{fill:var(--sun);filter:drop-shadow(0 0 6px #d08a3af2)drop-shadow(0 0 16px #d08a3a99)drop-shadow(0 0 30px #d08a3a59);animation:2.8s ease-in-out infinite glow}@keyframes glow{0%,to{opacity:.78}50%{opacity:1}}.hssketch .sun-halo{animation:2.8s ease-in-out infinite halo}@keyframes halo{0%,to{opacity:.4}50%{opacity:.72}}.hssketch .sun-fx{z-index:5;pointer-events:none;--light:245,196,120;--beam-angle:40deg;--beam-len:320px;--beam-spread:.5;--light-op:1;width:32px;height:32px;opacity:var(--light-op);position:absolute;top:3%;left:7%}.hssketch .sun-fx .sun-bloom{background:radial-gradient(circle,rgba(var(--light),.62) 0%,rgba(var(--light),.34) 30%,rgba(var(--light),0) 70%);filter:blur(6px);mix-blend-mode:screen;width:190px;height:190px;animation:3.2s ease-in-out infinite sunBloom;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hssketch .sun-fx .sun-beam{width:var(--beam-len);height:calc(var(--beam-len) * var(--beam-spread));transform-origin:0;transform:translateY(-50%) rotate(var(--beam-angle));background:linear-gradient(90deg,rgba(var(--light),.52),rgba(var(--light),0) 80%);clip-path:polygon(0 44%,100% 0,100% 100%,0 56%);filter:blur(7px);opacity:.75;mix-blend-mode:screen;animation:3.2s ease-in-out infinite sunBeam;position:absolute;top:50%;left:50%}.hssketch .sun-fx .sun-beam:after{content:"";background:linear-gradient(90deg,#0000,#fff8ec47,#0000) 0 0/40% 100% no-repeat;animation:3.4s linear infinite beamStream;position:absolute;inset:0}@keyframes beamStream{0%{background-position:-45% 0}to{background-position:155% 0}}.hssketch .sun-fx .sun-core{background:radial-gradient(circle at 36% 32%,#fff7ea,rgb(var(--light)) 50%,rgba(var(--light),.6) 82%);width:30px;height:30px;box-shadow:0 0 14px 3px rgba(var(--light),.95),0 0 34px 8px rgba(var(--light),.55);border-radius:50%;animation:3.2s ease-in-out infinite sunCore;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hssketch .sun-fx .sun-rays{width:100px;height:100px;position:absolute;top:-34px;left:-34px;overflow:visible}.hssketch .sun-fx .ray-line{stroke:rgb(var(--light))}@keyframes sunBloom{0%,to{opacity:.55;transform:translate(-50%,-50%)scale(.9)}50%{opacity:.88;transform:translate(-50%,-50%)scale(1.12)}}@keyframes sunBeam{0%,to{opacity:.5}50%{opacity:.85}}@keyframes sunCore{0%,to{box-shadow:0 0 12px 2px rgba(var(--light),.85),0 0 28px 6px rgba(var(--light),.5)}50%{box-shadow:0 0 18px 4px rgba(var(--light),1),0 0 46px 12px rgba(var(--light),.72)}}.hssketch .note-text{fill:var(--brown);font-family:Caveat,cursive;font-size:16px}.hssketch .note-cn{fill:var(--brown);font-family:Long Cang,LXGW WenKai TC,cursive;font-size:15px}.hssketch section{z-index:2;padding:80px clamp(24px,6vw,90px);position:relative}.hssketch .section-eyebrow{color:var(--brown);opacity:0;margin-bottom:10px;font-family:Long Cang,LXGW WenKai TC,cursive;font-size:1.15rem;transition:opacity .5s,transform .5s;transform:translateY(8px)}.hssketch .section-eyebrow.in{opacity:1;transform:translateY(0)}.hssketch .section-title{color:var(--ink);opacity:0;margin-bottom:48px;font-family:Fraunces;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:500;transition:opacity .6s .1s,transform .6s .1s;display:inline-block;position:relative;transform:translateY(10px)}.hssketch .section-title.in{opacity:1;transform:translateY(0)}.hssketch .section-title em{color:var(--brown);font-family:Caveat,cursive;font-size:1.1em;font-style:normal}.hssketch .sketch-underline{opacity:0;width:100%;height:10px;transition:opacity .4s .5s;position:absolute;bottom:-6px;left:0;overflow:visible}.hssketch .sketch-underline.in{opacity:1}.hssketch .sketch-underline path{fill:none;stroke:var(--brown);stroke-width:2px;stroke-linecap:round;stroke-dasharray:400;stroke-dashoffset:400px;transition:stroke-dashoffset 1s .55s}.hssketch .sketch-underline.in path{stroke-dashoffset:0}.hssketch .hero-h1,.hssketch .section-title,.hssketch #cta-heading{letter-spacing:.04em;line-height:1.3;font-family:Ma Shan Zheng,LXGW WenKai TC,Fraunces,Noto Sans TC,cursive!important}.hssketch .hero-h1 em,.hssketch .section-title em{font-family:Ma Shan Zheng,LXGW WenKai TC,cursive}.hssketch .hero-h1.hw,.hssketch .section-title.hw,.hssketch #cta-heading.hw{opacity:1!important;transform:none!important}.hssketch .hw-char{clip-path:inset(0 100% 0 0);opacity:.001;will-change:clip-path;display:inline-block}.hssketch .hw-char.show{clip-path:inset(0);opacity:1;transition:clip-path .42s,opacity .3s}@media (prefers-reduced-motion:reduce){.hssketch .hw-char{clip-path:none!important;opacity:1!important;transition:none!important}}.hssketch .photo3d{transform-style:preserve-3d;will-change:transform;transition:transform .35s cubic-bezier(.22,1,.36,1);transform:perspective(1100px)rotateX(4deg)rotateY(-2deg)}.hssketch .card{background:#f5f0e6b3;border:1px solid #6e58362e;border-radius:4px;padding:28px;transition:transform .35s cubic-bezier(.32,.72,0,1);position:relative}.hssketch .card:hover{transform:translateY(-5px)}.hssketch .card:after{content:"";border-bottom:2px solid var(--brown);opacity:0;transform-origin:0;background:0 0;border-radius:999px;height:2px;transition:opacity .3s,transform .4s;position:absolute;bottom:0;left:10%;right:10%;transform:scaleX(.3)}.hssketch .card:hover:after{opacity:1;transform:scaleX(1)}.hssketch #entries .entries-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:768px){.hssketch #entries .entries-grid{grid-template-columns:1fr}}.hssketch .entry-card{opacity:0;background:#f5f0e6bf;border:1px solid #6e583633;border-radius:4px;padding:32px 28px;transition:opacity .6s,transform .6s,box-shadow .35s;position:relative;overflow:hidden;transform:translateY(18px)}.hssketch .entry-card.in{opacity:1;transform:translateY(0)}.hssketch .entry-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px #6e58361f}.hssketch .entry-card .ec-icon{opacity:0;margin-bottom:20px;transition:opacity .5s .2s}.hssketch .entry-card.in .ec-icon{opacity:1}.hssketch .entry-card h3{color:var(--ink);margin-bottom:8px;font-family:Fraunces;font-size:1.3rem;font-weight:500}.hssketch .entry-card p{color:var(--mut);font-size:.9rem;font-weight:300;line-height:1.7}.hssketch .entry-card .ec-link{color:var(--brown);align-items:center;gap:6px;margin-top:18px;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.hssketch #plugins{background:#efe7d666}.hssketch .plugins-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:900px){.hssketch .plugins-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.hssketch .plugins-grid{grid-template-columns:1fr}}.hssketch .plugin-card{opacity:0;background:#f5f0e6d9;border:1px solid #6e58362e;border-radius:4px;padding:28px;transition:opacity .6s,transform .6s,box-shadow .35s;position:relative;transform:translateY(20px)}.hssketch .plugin-card.in{opacity:1;transform:translateY(0)}.hssketch .plugin-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #6e583621}.hssketch .plugin-card:after{content:"";border-bottom:2px solid var(--brown);opacity:0;transform-origin:0;border-radius:999px;height:2px;transition:opacity .3s,transform .4s;position:absolute;bottom:0;left:10%;right:10%;transform:scaleX(.3)}.hssketch .plugin-card:hover:after{opacity:1;transform:scaleX(1)}.hssketch .plugin-badge{border:1px solid var(--brown);color:var(--brown);border-radius:999px;margin-bottom:12px;padding:3px 10px;font-family:Caveat,cursive;font-size:.9rem;display:inline-block}.hssketch .plugin-badge.sun{border-color:var(--sun);color:var(--sun)}.hssketch .plugin-card h3{color:var(--ink);margin-bottom:4px;font-family:Fraunces;font-size:1.2rem;font-weight:500}.hssketch .plugin-tag{color:var(--mut);margin-bottom:8px;font-size:.78rem}.hssketch .plugin-price{color:var(--brown);margin:12px 0;font-family:Fraunces;font-size:1.5rem}.hssketch .plugin-card p{color:var(--mut);font-size:.88rem;font-weight:300;line-height:1.65}.hssketch .plugin-sketch{opacity:.15;pointer-events:none;position:absolute;top:16px;right:16px}.hssketch .courses-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:900px){.hssketch .courses-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.hssketch .courses-grid{grid-template-columns:1fr}}.hssketch .course-card{opacity:0;background:#f5f0e6d1;border:1px solid #6e58362e;border-radius:4px;transition:opacity .6s,transform .6s;position:relative;overflow:hidden;transform:translateY(18px)}.hssketch .course-card.in{opacity:1;transform:translateY(0)}.hssketch .course-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #6e58361f}.hssketch .course-card:after{content:"";border-bottom:2px solid var(--brown);opacity:0;transform-origin:0;border-radius:999px;height:2px;transition:opacity .3s,transform .4s;position:absolute;bottom:0;left:8%;right:8%;transform:scaleX(.3)}.hssketch .course-card:hover:after{opacity:1;transform:scaleX(1)}.hssketch .course-img-wrap{border-bottom:1px solid #6e58361f;height:160px;position:relative;overflow:hidden}.hssketch .course-img-wrap:before,.hssketch .course-img-wrap:after{content:"";z-index:2;background:#d08a3a8c;border-radius:2px;width:28px;height:10px;position:absolute;transform:rotate(-3deg)}.hssketch .course-img-wrap:before{top:6px;left:12px;transform:rotate(-6deg)}.hssketch .course-img-wrap:after{top:6px;right:12px;transform:rotate(4deg)}.hssketch .course-img-wrap img{object-fit:cover;filter:none;width:100%;height:100%;transition:transform .5s cubic-bezier(.32,.72,0,1)}.hssketch .course-card:hover .course-img-wrap img{transform:scale(1.04)}.hssketch .course-img-wrap .photo-frame{pointer-events:none;z-index:3;border:1.5px solid #6e583659;border-radius:2px;position:absolute;inset:6px}.hssketch .course-card-body{padding:22px}.hssketch .course-label{color:var(--mut);margin-bottom:6px;font-family:Caveat,cursive;font-size:.95rem}.hssketch .course-card-body h3{color:var(--ink);margin-bottom:8px;font-family:Fraunces;font-size:1.1rem;font-weight:500}.hssketch .course-card-body p{color:var(--mut);font-size:.85rem;font-weight:300;line-height:1.65}.hssketch #sessions{background:#efe7d659}.hssketch .sessions-list{flex-direction:column;gap:16px;display:flex}.hssketch .session-row{opacity:0;background:#f5f0e6d9;border:1px solid #6e58362e;border-radius:4px;grid-template-columns:2fr 1fr 1fr 1.2fr auto;align-items:center;gap:16px;padding:20px 24px;transition:opacity .5s,transform .5s;display:grid;position:relative;transform:translate(-20px)}.hssketch .session-row.in{opacity:1;transform:translate(0)}.hssketch .session-row:hover{transform:translate(4px);box-shadow:0 4px 20px #6e58361a}@media (max-width:900px){.hssketch .session-row{grid-template-columns:1fr 1fr;gap:8px}.hssketch .session-row .session-btn{grid-column:1/-1;justify-self:start}}@media (max-width:640px){.hssketch .session-row{grid-template-columns:1fr}}.hssketch .session-name{color:var(--ink);font-family:Fraunces;font-size:1.05rem;font-weight:500}.hssketch .session-meta{color:var(--mut);font-family:Caveat,cursive;font-size:1rem}.hssketch .session-date{color:var(--brown);font-family:Caveat,cursive;font-size:1.1rem}.hssketch .session-price{color:var(--brown);font-family:Fraunces;font-size:1.1rem}.hssketch .session-seat{color:var(--mut);font-size:.8rem}.hssketch .session-btn{background:var(--brown);height:36px;color:var(--paper);white-space:nowrap;border-radius:999px;align-items:center;padding:0 18px;font-size:.82rem;font-weight:500;text-decoration:none;transition:transform .3s;display:inline-flex}.hssketch .session-btn:hover{transform:translateY(-2px)}.hssketch .session-btn.alt{border:1.5px solid var(--brown);color:var(--brown);background:0 0}.hssketch .note-tag{color:var(--sun);opacity:0;background:#d08a3a2e;border:1px solid #d08a3a66;border-radius:3px;padding:2px 10px;font-family:Long Cang,LXGW WenKai TC,cursive;font-size:.95rem;transition:opacity .4s .3s,transform .4s .3s;position:absolute;top:-10px;right:16px;transform:rotate(-2deg)translateY(-4px)}.hssketch .session-row.in .note-tag{opacity:1;transform:rotate(-2deg)translateY(0)}.hssketch .cases-grid{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}@media (max-width:640px){.hssketch .cases-grid{grid-template-columns:1fr}}.hssketch .case-card{opacity:0;transition:opacity .6s,transform .6s;position:relative;transform:translateY(20px)rotate(.3deg)}.hssketch .case-card.in{opacity:1;transform:translateY(0)rotate(0)}.hssketch .case-card:hover{transform:translateY(-4px)rotate(-.5deg)}.hssketch .case-photo-wrap{border:2px solid #6e583640;border-radius:3px;transition:transform .4s;position:relative;overflow:hidden;transform:rotate(-1deg);box-shadow:4px 5px 14px #3a30201f}.hssketch .case-card:hover .case-photo-wrap{transform:rotate(.5deg)}.hssketch .case-photo-wrap:before{content:"";z-index:4;background:#d08a3a73;border-radius:2px;width:44px;height:14px;position:absolute;top:0;left:50%;transform:translate(-50%)rotate(-2deg)}.hssketch .case-photo-wrap img{object-fit:cover;filter:none;width:100%;height:200px;display:block}.hssketch .case-photo-wrap .photo-frame{pointer-events:none;z-index:3;border:1.5px solid #6e58364d;border-radius:2px;position:absolute;inset:5px}.hssketch .case-caption{color:var(--mut);text-align:center;margin-top:10px;font-family:Caveat,cursive;font-size:1.05rem}.hssketch .case-caption strong{color:var(--ink);margin-bottom:2px;font-family:Noto Sans TC;font-size:.9rem;font-weight:500;display:block}.hssketch .case-annotation{color:var(--brown);opacity:0;pointer-events:none;font-family:Long Cang,LXGW WenKai TC,cursive;font-size:.9rem;transition:opacity .5s .4s;position:absolute;top:16px;left:-18px;transform:rotate(-8deg)}.hssketch .case-card.in .case-annotation{opacity:1}.hssketch #points{background:#efe7d64d}.hssketch .points-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (max-width:900px){.hssketch .points-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.hssketch .points-grid{grid-template-columns:1fr}}.hssketch .point-item{text-align:center;opacity:0;padding:28px 20px;transition:opacity .5s,transform .5s;transform:translateY(16px)}.hssketch .point-item.in{opacity:1;transform:translateY(0)}.hssketch .point-icon{place-items:center;width:56px;height:56px;margin:0 auto 16px;display:grid}.hssketch .point-item h4{color:var(--ink);margin-bottom:6px;font-family:Fraunces;font-size:1.05rem;font-weight:500}.hssketch .point-item p{color:var(--mut);font-size:.85rem;font-weight:300;line-height:1.65}.hssketch .section-sketch{opacity:.12;pointer-events:none;position:absolute;overflow:visible}.hssketch .section-sketch .sk-path{stroke-dasharray:1500;stroke-dashoffset:1500px}.hssketch .section-sketch .sk-path.drawn{stroke-dashoffset:0;transition:stroke-dashoffset 5s}.hssketch #cta-band{z-index:2;text-align:center;background:linear-gradient(140deg,#6e58361f,#d08a3a14);padding:80px clamp(24px,6vw,90px);position:relative;overflow:hidden}.hssketch #cta-band .cta-sketch{pointer-events:none;opacity:.07;position:absolute;inset:0;overflow:visible}.hssketch #cta-band h2{color:var(--ink);opacity:0;margin-bottom:12px;font-family:Fraunces;font-size:clamp(1.8rem,3.8vw,2.8rem);font-weight:500;transition:opacity .6s,transform .6s;transform:translateY(12px)}.hssketch #cta-band h2.in{opacity:1;transform:translateY(0)}.hssketch #cta-band p{color:var(--mut);opacity:0;max-width:30rem;margin:0 auto 32px;font-size:1rem;font-weight:300;line-height:1.8;transition:opacity .6s .15s}.hssketch #cta-band p.in{opacity:1}.hssketch .cta-btns{opacity:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;transition:opacity .6s .25s;display:flex}.hssketch .cta-btns.in{opacity:1}.hssketch footer{z-index:2;background:#3a30200a;border-top:1px solid #3a30201a;padding:48px clamp(24px,6vw,90px) 32px;position:relative}.hssketch .footer-inner{grid-template-columns:1.4fr 2fr;gap:40px;margin-bottom:36px;display:grid}@media (max-width:640px){.hssketch .footer-inner{grid-template-columns:1fr;gap:24px}}.hssketch .footer-brand b{color:var(--ink);margin-bottom:4px;font-family:Fraunces;font-size:1.1rem;font-weight:500;display:block}.hssketch .footer-brand small{color:var(--mut);letter-spacing:.1em;margin-bottom:12px;font-size:.72rem;display:block}.hssketch .footer-brand p{color:var(--mut);font-size:.82rem;line-height:1.7}.hssketch .footer-links{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}@media (max-width:900px){.hssketch .footer-links{grid-template-columns:repeat(2,1fr)}}.hssketch .footer-links a{color:var(--mut);padding:4px 0;font-size:.82rem;text-decoration:none}.hssketch .footer-links a:hover{color:var(--brown)}.hssketch .footer-bottom{border-top:1px solid #3a302014;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:20px;display:flex}.hssketch .footer-bottom p{color:var(--mut);font-size:.78rem}.hssketch .footer-bottom a{color:var(--mut);text-decoration:none}.hssketch .footer-bottom a:hover{color:var(--brown)}.hssketch .footer-doodle{opacity:.25;margin:0 auto 24px;display:block}.hssketch .wave-sep{z-index:2;width:100%;height:24px;display:block;position:relative;overflow:visible}.hssketch .wave-sep path{fill:none;stroke:var(--mut);stroke-width:.8px;stroke-dasharray:2000;stroke-dashoffset:2000px;stroke-linecap:round}.hssketch .wave-sep.drawn path{stroke-dashoffset:0;transition:stroke-dashoffset 3s}.hssketch .scroll-arrow{opacity:.4;animation:2s ease-in-out infinite bounce;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(6px)}}