@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:600;font-display:swap;src:url(../fonts/CormorantGaramond-600i.woff2?v=79eafc22)format("woff2")}@font-face{font-family:"Noto Sans TC";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/NotoSansTC-500.woff2?v=dbbd8e9e)format("woff2")}@font-face{font-family:"Noto Serif TC";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/NotoSerifTC-600.woff2?v=aa70e777)format("woff2")}:root{--bg:#ffffff;--paper:#e6e5e0;--fg:#1d1d1b;--muted:#5f5e58;--line:#d6d4cc;--on-photo:#ffffff;--font-body:"Inter", "Noto Sans TC", -apple-system, "Helvetica Neue", Arial, sans-serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:1px solid currentColor;outline-offset:3px}.hero{position:relative;height:100vh;height:100svh;min-height:420px;background:#cfe0e8;color:var(--on-photo);overflow:hidden}.hero-bg{position:absolute;inset:0;background:url(../images/Aa.webp?v=ae267a43)center/cover no-repeat;animation:heroZoom 3.2s cubic-bezier(.22,.61,.36,1) both}@keyframes heroZoom{0%{transform:scale(1.08);opacity:0}30%{opacity:1}to{transform:scale(1);opacity:1}}.hero header>*{animation:fadeUp 1.2s cubic-bezier(.22,.61,.36,1) backwards}.hero header>.nav{animation-delay:.9s}.hero header>.name{animation-delay:.7s}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero::before{z-index:1;content:"";position:absolute;inset:0 0 auto 0;height:30%;background:linear-gradient(rgba(0,0,0,.22),transparent);pointer-events:none}.hero::after{z-index:1;content:"";position:absolute;inset:auto 0 0 0;height:26%;background:linear-gradient(to bottom,rgba(230,229,224,0) 0%,rgba(230,229,224,.35) 45%,rgba(230,229,224,.8) 78%,var(--paper) 100%);pointer-events:none}.hero header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:calc(22px + env(safe-area-inset-top,0)) 24px 0}.name{font-size:15px;font-weight:600;letter-spacing:.01em}.nav{display:flex;gap:32px;font-size:14px;font-weight:500}.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:32px}.nav a:hover{opacity:.7}.services{padding-block:160px 80px}.label{display:flex;align-items:baseline;gap:10px;margin:0 0 72px;padding-inline:56px;font-size:11px;font-weight:500;letter-spacing:.24em;color:var(--muted)}.label .sep{opacity:.5;letter-spacing:0}.list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px;padding-inline:56px}.item{display:flex;flex-direction:column;gap:36px;min-width:0}.ph{display:block;width:100%;padding:0;border:0;background:0 0;cursor:pointer;overflow:hidden;aspect-ratio:1/.97;max-width:100%;transition:filter .9s cubic-bezier(.22,.61,.36,1),opacity .9s cubic-bezier(.22,.61,.36,1)}.ph:focus-visible{outline:1px solid var(--fg);outline-offset:4px}.text{transition:opacity .9s cubic-bezier(.22,.61,.36,1)}@media (hover:hover){.list:hover .item:not(:hover) .ph{filter:brightness(.55) saturate(.7)}.list:hover .item:not(:hover) .text{opacity:.35}}.list.dim .item:not(.active) .ph{filter:brightness(.55) saturate(.7)}.list.dim .item:not(.active) .text{opacity:.35}.list.has-inview .item:not(.inview) .ph{filter:brightness(.55) saturate(.7)}.list.has-inview .item:not(.inview) .text{opacity:.35}.lightbox{position:fixed;inset:0;z-index:50;cursor:pointer;background:0 0;transition:background .9s cubic-bezier(.22,.61,.36,1);touch-action:pan-y}.lightbox.open{background:rgba(22,22,20,.985)}.lb-img{position:fixed;display:block;max-width:none;object-fit:cover;transform-origin:center;transition:top .95s cubic-bezier(.65,0,.25,1),left .95s cubic-bezier(.65,0,.25,1),width .95s cubic-bezier(.65,0,.25,1),height .95s cubic-bezier(.65,0,.25,1),transform .8s cubic-bezier(.22,.61,.36,1),opacity .45s ease}.lb-img.breathe{transform:scale(1.035);transition:top .95s cubic-bezier(.65,0,.25,1),left .95s cubic-bezier(.65,0,.25,1),width .95s cubic-bezier(.65,0,.25,1),height .95s cubic-bezier(.65,0,.25,1),transform 8s cubic-bezier(.3,0,.25,1),opacity .45s ease}.lb-img.fading{opacity:0}.lb-close{position:fixed;z-index:2;right:24px;top:calc(22px + env(safe-area-inset-top,0));display:flex;align-items:center;gap:10px;padding:6px 0;border:0;background:0 0;color:#fff;font:500 11px/1 var(--font-body);letter-spacing:.24em}.lb-close span{font-size:18px;font-weight:300;letter-spacing:0}.lb-bar{position:fixed;z-index:2;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 32px;padding:0 24px calc(28px + env(safe-area-inset-bottom,0));color:rgba(255,255,255,.88)}.lb-cap{margin:0;display:flex;align-items:baseline;gap:12px;font-size:13px;letter-spacing:.16em}.lb-num{font-size:11px;letter-spacing:.1em;font-variant-numeric:tabular-nums;opacity:.7}.lb-dash{opacity:.4}.lb-cap small{font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.6}.lb-close,.lb-bar{opacity:0;transition:opacity .5s ease}.lightbox.open .lb-close,.lightbox.open .lb-bar{opacity:1;transition:opacity .8s ease .65s}.lb-cap{transition:opacity .45s ease}.lb-cap.fading{opacity:0}.lightbox :focus-visible{outline:1px solid #fff;outline-offset:4px}@media (max-width:760px){.lb-close{right:16px}.lb-bar{padding-inline:16px}}.item img{display:block;width:100%;max-width:100%;height:100%;object-fit:cover;transition:transform 1.6s cubic-bezier(.22,.61,.36,1)}.item:hover img{transform:scale(1.03)}.text{display:flex;flex-direction:column;gap:20px;min-width:0}.text h3{margin:0;display:flex;align-items:baseline;gap:14px;font-family:"Noto Serif TC","Songti TC","PMingLiU",serif;font-size:18px;font-weight:600;letter-spacing:.16em}.text h3 small{font-family:"Cormorant Garamond","Times New Roman",Georgia,serif;font-size:14px;font-weight:600;font-style:italic;letter-spacing:.06em;color:var(--muted);text-transform:none}.text p{margin:0;font-family:"Noto Sans TC",-apple-system,"PingFang TC","Microsoft JhengHei",sans-serif;font-size:13.5px;font-weight:500;line-height:2.1;letter-spacing:.05em;color:#4e4d48;max-width:30em}.reveal.pending{opacity:0;transform:translateY(24px)}.reveal{transition:opacity 1.4s cubic-bezier(.22,.61,.36,1),transform 1.4s cubic-bezier(.22,.61,.36,1)}@media (prefers-reduced-motion:reduce){.hero-bg,.hero header>*{animation:none}.reveal,.reveal.pending{opacity:1;transform:none;transition:none}.item img,.ph,.text,.lightbox,.lb-img,.lb-close,.lb-bar,.lb-cap{transition:none!important}.lb-img.breathe{transform:none}.item:hover img{transform:none}}@media (max-width:1000px){.list{gap:28px;padding-inline:32px}.label{padding-inline:32px}}@media (max-width:760px){.hero-bg{background-image:url(../images/Aa1.webp?v=6fd1ac7f);background-position:center 40%}.hero header{padding-inline:16px}.nav,.nav ul{gap:20px}.services{padding-block:96px 120px}.label{padding-inline:20px;margin-bottom:44px}.list{grid-template-columns:1fr;gap:72px;padding-inline:20px}.item{gap:24px}}.site-footer{--ft-bg:#b3bec1;--ft-fg:#1f2e36;--ft-muted:#4b5b63;--ft-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;background:linear-gradient(180deg,var(--paper, #e6e5e0)0,color-mix(in srgb,var(--paper, #e6e5e0) 55%,var(--ft-bg)) 90px,var(--ft-bg) 260px,var(--ft-bg) 100%);background-color:var(--ft-bg);color:var(--ft-fg);font-family:"Inter","Noto Sans TC",-apple-system,"Helvetica Neue",Arial,sans-serif}.ft-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px 64px;padding:180px 56px 0}.ft-name{margin:0;font-size:clamp(40px,5.2vw,76px);font-weight:600;letter-spacing:-.035em;line-height:.95}.ft-name a:hover{opacity:.75}.ft-cols{display:grid;grid-template-columns:repeat(2,minmax(150px,auto));gap:32px 96px}.ft-col h3{margin:0 0 22px;font:400 11px/1 var(--ft-mono);letter-spacing:.2em;color:var(--ft-muted)}.ft-col ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.ft-col a{font-size:19px;letter-spacing:-.005em;display:inline-flex;align-items:center;gap:6px;transition:opacity .3s ease}.ft-col a:hover{opacity:.55}.ft-col a .ext{font-size:.8em;transform:translateY(-1px)}.ft-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 24px;padding:88px 56px 34px;font:400 11px/1.4 var(--ft-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ft-muted)}.ft-meta a:hover{color:var(--ft-fg)}.ft-meta .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:12px;vertical-align:1px}.ft-photo{margin:0;overflow:hidden;aspect-ratio:2576/825;max-width:100%;background:#6f8691}.ft-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:60%center}.ft-photo{position:relative}.ft-photo::before{content:"";position:absolute;inset:0 0 auto 0;height:38%;z-index:1;pointer-events:none;background:linear-gradient(180deg,var(--ft-bg) 0%,color-mix(in srgb,var(--ft-bg) 70%,transparent) 30%,color-mix(in srgb,var(--ft-bg) 25%,transparent) 70%,transparent 100%)}.site-footer{position:relative}.ft-meta{position:absolute;left:0;right:0;bottom:0;z-index:2;background:0 0;padding:0 56px calc(24px + env(safe-area-inset-bottom,0));color:#a6c1cd;text-shadow:none}.ft-meta a:hover{color:#d6e4ea}.ft-photo{margin-top:88px}.site-footer a:focus-visible{outline:1px solid var(--ft-fg);outline-offset:4px}@media (max-width:1000px){.ft-top{grid-template-columns:1fr;padding-inline:32px}.ft-meta{padding-left:32px;padding-right:32px}}@media (max-width:760px){.ft-top{padding:120px 20px 0;gap:40px}.ft-cols{grid-template-columns:1fr 1fr;gap:28px 24px}.ft-col a{font-size:17px}.ft-meta{padding:0 20px calc(18px + env(safe-area-inset-bottom,0));flex-direction:column;align-items:flex-start;gap:6px}.ft-photo{margin-top:56px}.ft-photo{aspect-ratio:4/3}}.scroll-cue{position:absolute;z-index:2;left:0;right:0;margin:0 auto;width:max-content;bottom:calc(14px + env(safe-area-inset-bottom,0));display:grid;place-items:center;padding:6px;color:var(--fg);animation:fadeUp 1.2s cubic-bezier(.22,.61,.36,1) 1.4s both}.scroll-cue svg{display:block;animation:cueBob 2.2s ease-in-out infinite}@keyframes cueBob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.scroll-cue:hover{opacity:.7}.scroll-cue:focus-visible{outline:1px solid var(--fg);outline-offset:4px}@media (max-width:760px){.scroll-cue{bottom:calc(10px + env(safe-area-inset-bottom,0))}}@media (prefers-reduced-motion:reduce){.scroll-cue,.scroll-cue svg{animation:none}}@media (max-width:760px){.site-footer{display:flex;flex-direction:column}.ft-top{order:0}.ft-meta{order:1;position:static;padding:48px 20px 0;color:var(--ft-muted)}.ft-meta a:hover{color:var(--ft-fg)}.ft-photo{order:2;margin-top:28px}}.hero header,.nav,.nav ul{align-items:baseline}@media (min-width:761px){.hero header .name{font-size:18px}.hero header .nav{font-size:16px}}img{-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.ft-name{font-size:16px;font-weight:600;letter-spacing:.01em;line-height:1.2}.ft-col h3{font-size:16px;margin-bottom:14px}.ft-col a{font-size:16px}.ft-col ul{gap:8px}.ft-cols{gap:24px 72px}@media (max-width:760px){.ft-name,.ft-col h3,.ft-col a{font-size:14px}}.ft-cols{grid-template-columns:repeat(2,max-content);gap:24px 48px;justify-content:end}@media (max-width:1000px){.ft-cols{justify-content:start}}@media (max-width:760px){.ft-cols{grid-template-columns:repeat(2,max-content);gap:24px 40px}}