@font-face{font-family:Doris Liao Studio;src:url(/fonts/lithue-1.0.otf)format("opentype");font-display:swap}@font-face{font-family:Doris Liao Studio;src:url(/fonts/jf-lanyangming-1.0-book.otf)format("opentype");font-display:swap;unicode-range:U+2E80-2EFF,U+3000-303F,U+3100-312F,U+31A0-31BF,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FE30-FE4F,U+FF00-FFEF}:root{--page-bg:#f5f1ed;--panel-bg:#ffffff59;--ink:#1b1a1a;--muted:#1b1a1ab8;--soft:#1b1a1a85;--line:#1817171f;--tone-1:linear-gradient(135deg, #d8c3a6, #f3e2d0 52%, #cab29d);--tone-2:linear-gradient(135deg, #dcbcaa, #f6dfd3 52%, #d0b09f);--tone-3:linear-gradient(135deg, #d0c7b7, #efe5d6 54%, #bca890);--tone-4:linear-gradient(135deg, #c5c7bf, #edf0eb 54%, #b0b4ae)}html{scroll-behavior:smooth}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:url(/shared/bg.jpg) 50%/cover no-repeat fixed;margin:0;font-family:Doris Liao Studio,Microsoft JhengHei,PingFang TC,serif}*{box-sizing:border-box}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.page-title-rule{justify-content:center;align-items:center;gap:28px;display:flex}.page-title-rule span{background:#312e2ccc;flex:1 1 0;width:120px;min-width:20px;height:1px}.page-title-rule p{letter-spacing:0;margin:0;font-size:1.5rem}.page-reveal>*{animation:1s cubic-bezier(0,0,.5,1) both page-reveal}.page-reveal>:first-child{animation-delay:.24s}.page-reveal>:nth-child(2){animation-delay:.32s}.page-reveal>:nth-child(3){animation-delay:.5s}@keyframes page-reveal{0%{opacity:0;transform:translateY(-34px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.page-reveal>*{animation:none}}@media (max-width:1100px){.page-title-rule p{font-size:clamp(1.1rem,5vw,1.5rem)}}@media (max-width:640px){.page-title-rule{gap:12px;padding:0 20px}.page-title-rule span{width:auto}.page-title-rule p{overflow-wrap:normal;word-break:keep-all;font-size:clamp(.82rem,4vw,1.1rem)}}button,input,textarea,select{font:inherit}
.site-header{z-index:1000;background-color:#000;width:100%;position:fixed;inset:0 0 auto;box-shadow:0 1px #ffffff14}.site-header>.nav-shell{position:relative}.nav-shell{justify-content:space-between;align-items:center;gap:24px;max-width:1240px;margin:0 auto;display:flex}.brand{align-items:center;min-width:150px;padding:16px 16px 16px 32px;display:inline-flex}.main-nav{color:#121212e6;letter-spacing:.14em;text-transform:uppercase;flex:1;justify-content:end;align-items:center;gap:26px;margin:20px 32px 0 0;font-size:16px;display:flex}.nav-link{color:#fff;white-space:nowrap;padding:0 10px;line-height:50px;display:inline-block}.nav-dropdown{position:relative}.portfolio-submenu{opacity:0;pointer-events:none;background:#0c0c0cfa;border:1px solid #ffffff29;width:max-content;min-width:176px;padding:10px;transition:opacity .18s,transform .18s;display:grid;position:absolute;top:100%;left:50%;transform:translate(-50%,-8px);box-shadow:0 18px 35px #00000040}.nav-dropdown:hover .portfolio-submenu,.nav-dropdown:focus-within .portfolio-submenu{opacity:1;pointer-events:auto;transform:translate(-50%)}.portfolio-submenu-link{color:#ffffffd6;letter-spacing:.08em;white-space:nowrap;padding:10px 14px;font-family:inherit;font-size:1rem;font-weight:600;transition:color .18s,background-color .18s}.portfolio-submenu-link:hover,.portfolio-submenu-link:focus-visible{color:#e6c66e;background:#ffffff14;outline:none}.mobile-menu,.mobile-menu-panel{display:none}@media (max-width:980px){.nav-shell{flex-wrap:wrap}.main-nav{flex-wrap:wrap;order:3;gap:14px 24px;width:100%}}@media (max-width:768px){.site-header{box-shadow:none}.nav-shell{justify-content:space-between;height:65px;min-height:65px;padding:0 12px 0 2px}.brand{min-width:auto;height:65px;padding:0 0 0 12px}.brand img{width:110px;height:auto}.main-nav{display:none}.mobile-menu{margin-right:18px;display:block;position:relative}.mobile-menu-checkbox{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mobile-nav-toggle{color:#fff;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex;position:relative}.mobile-hamburger{flex-direction:column;justify-content:center;align-items:center;gap:6px;width:26px;height:26px;transition:transform .22s;display:flex;position:relative}.mobile-hamburger span{transform-origin:50%;background:#fff;border-radius:999px;width:100%;height:2px;transition:transform .22s,opacity .22s;display:block}.mobile-menu-checkbox:checked+.mobile-nav-toggle .mobile-hamburger{transform:rotate(180deg)}.mobile-menu-checkbox:checked+.mobile-nav-toggle .mobile-hamburger span:first-child{transform:translateY(8px)rotate(45deg)}.mobile-menu-checkbox:checked+.mobile-nav-toggle .mobile-hamburger span:nth-child(2){opacity:0}.mobile-menu-checkbox:checked+.mobile-nav-toggle .mobile-hamburger span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.mobile-menu-panel{z-index:1001;opacity:0;visibility:hidden;pointer-events:none;background:#000;flex-direction:column;justify-content:center;width:100%;height:calc(100dvh - 64px);padding:24px 16px 28px;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:64px 0 0;overflow-y:auto}.mobile-menu-checkbox:checked~.mobile-menu-panel{opacity:1;visibility:visible;pointer-events:auto;display:flex}.mobile-menu-nav{flex-direction:column;gap:22px;padding:0 28px 0 52px;display:flex}.mobile-menu-link{color:#fff;letter-spacing:.08em;text-transform:uppercase;font-family:inherit;font-size:clamp(2rem,6vw,3.5rem);font-weight:500;display:block}.mobile-nav-dropdown-checkbox{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mobile-nav-dropdown .mobile-menu-link{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.mobile-nav-dropdown-indicator{border-bottom:1px solid;border-right:1px solid;width:11px;height:11px;margin-right:10px;transition:transform .18s;transform:rotate(45deg)}.mobile-nav-dropdown-checkbox:checked+.mobile-menu-link .mobile-nav-dropdown-indicator{transform:translateY(5px)rotate(225deg)}.mobile-portfolio-submenu{opacity:0;filter:blur(3px);border-top:1px solid #0000;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;max-height:0;padding:0 8px;transition:max-height .52s cubic-bezier(.22,1,.36,1),padding .52s cubic-bezier(.22,1,.36,1),border-color .36s,opacity .26s,transform .52s cubic-bezier(.22,1,.36,1),filter .36s;display:grid;overflow:hidden;transform:translateY(-12px)}.mobile-nav-dropdown-checkbox:checked~.mobile-portfolio-submenu{opacity:1;filter:blur();border-color:#ffffff29;max-height:420px;padding:18px 8px 2px;transform:translateY(0)}.mobile-portfolio-submenu-link{color:#ffffffb8;letter-spacing:.06em;opacity:0;align-items:center;min-height:48px;padding:10px 2px;font-family:inherit;font-size:clamp(1rem,3.8vw,1.2rem);font-weight:500;transition:color .18s,opacity .28s,transform .42s cubic-bezier(.22,1,.36,1);display:flex;transform:translateY(-6px)}.mobile-nav-dropdown-checkbox:checked~.mobile-portfolio-submenu .mobile-portfolio-submenu-link{opacity:1;transform:translateY(0)}.mobile-nav-dropdown-checkbox:checked~.mobile-portfolio-submenu .mobile-portfolio-submenu-link:first-child{transition-delay:80ms}.mobile-nav-dropdown-checkbox:checked~.mobile-portfolio-submenu .mobile-portfolio-submenu-link:nth-child(2){transition-delay:.115s}.mobile-nav-dropdown-checkbox:checked~.mobile-portfolio-submenu .mobile-portfolio-submenu-link:nth-child(3){transition-delay:.15s}.mobile-nav-dropdown-checkbox:checked~.mobile-portfolio-submenu .mobile-portfolio-submenu-link:nth-child(4){transition-delay:.185s}.mobile-nav-dropdown-checkbox:checked~.mobile-portfolio-submenu .mobile-portfolio-submenu-link:nth-child(5){transition-delay:.22s}.mobile-nav-dropdown-checkbox:checked~.mobile-portfolio-submenu .mobile-portfolio-submenu-link:nth-child(6){transition-delay:.255s}.mobile-nav-dropdown-checkbox:checked~.mobile-portfolio-submenu .mobile-portfolio-submenu-link:nth-child(7){transition-delay:.29s}.mobile-nav-dropdown-checkbox:checked~.mobile-portfolio-submenu .mobile-portfolio-submenu-link:nth-child(8){transition-delay:.325s}.mobile-nav-dropdown-checkbox:checked~.mobile-portfolio-submenu .mobile-portfolio-submenu-link:nth-child(9){transition-delay:.36s}}@media (max-width:640px){.nav-shell{padding-left:0;padding-right:0}}
.home-shell,.content-shell{max-width:1240px;margin:0 auto;padding:8% 50px 18px 80px}.content-shell{padding-top:32px}.primary-button{color:#f7f0ea;letter-spacing:.12em;text-transform:uppercase;background:#171312;border-radius:999px;justify-content:center;align-items:center;min-width:128px;height:40px;padding:0 18px;font-size:.72rem;font-weight:600;display:inline-flex}.section-header{margin-bottom:22px}.section-header.center{text-align:center}.small-kicker{color:#111111b3;letter-spacing:.22em;text-transform:uppercase;margin:0 0 10px;font-size:.74rem}@media (max-width:640px){.content-shell{padding-left:18px;padding-right:18px}}
.home-shell{width:100%;min-height:148vh;position:relative;overflow:visible}.home-hero{grid-template-columns:minmax(0,1.06fr) minmax(380px,.94fr);min-height:100vh;display:grid}.hero-container{clip-path:inset(0);place-self:start;width:100%;height:110vh;position:relative}.hero-media{will-change:transform;background:url(/home/main.jpg) 16% no-repeat;width:100%;height:100%;transition:transform 1.5s linear;animation:linear both zoomInBg;animation-timeline:view();animation-range:exit-crossing;position:fixed;inset:0;transform:scale(1)}@keyframes zoomInBg{to{transform:scale(1.2)}}.home-hero.page-reveal>.hero-container{opacity:1;animation:none;transform:none}.hero-content{flex-direction:column;justify-content:flex-start;padding:14% 42px 60px 26px;display:flex;position:relative;box-shadow:inset 1px 0 #1010100a}.home-header{flex-direction:column;align-self:center;align-items:center;margin:20px 0 10px;display:flex}.brand-cn{color:#131211cc;letter-spacing:.08em;text-align:center;margin:18px 0 52px;font-size:1.1rem}.hero-story-container{aspect-ratio:320/500;width:min(100%,400px);margin:0 auto;position:relative}.story-content{width:41%;position:absolute;top:21%;left:14%}.story-slogan{width:42%;position:absolute;top:0;left:50%}.story-content img,.story-slogan img{width:100%;height:auto}.home-book{color:#101010e6;flex-direction:column;align-items:flex-start;width:max-content;padding:0;line-height:1;display:flex;position:absolute;top:83%;left:14%}.home-book-text{color:#101010e6;letter-spacing:.06em;white-space:nowrap;font-family:inherit;font-size:clamp(1.1rem,1.2vw,1.7rem);font-weight:500;display:block}.home-book-arrow{align-self:flex-end;width:100%;max-width:36px;margin-top:-4px}@media (max-width:980px){.home-shell{padding:0}.home-hero{grid-template-columns:1fr}.hero-container{height:70vh;margin:0 auto}.hero-media{background-position:50%;background-size:cover;min-height:56vh}.hero-content{padding:32px 24px 64px}}@media (max-width:768px){.home-hero{display:block}}@media (max-width:640px){.home-shell{padding:0}.hero-container{height:60vh}.hero-media{background-position:50% -80px}}
.about-page{color:#3f3c3a;min-width:1000px;min-height:100vh;padding:84px 0 180px;font-family:inherit}.about-page-title{text-align:center}.about-page-main-title{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;max-width:calc(100vw - 40px);margin:20px 10px 16px;font-size:2.5rem;font-weight:500;line-height:1;display:flex}.about-page-main-title span{white-space:nowrap}.about-profile{width:1176px;height:768px;margin:70px auto 0;position:relative}.about-profile-card{background:#fffffff0;width:60%;min-height:768px;padding:40px 90px 28px}.about-greeting{opacity:.78;width:50%;height:auto;margin:0 auto 30px;display:block}.about-detail{padding:0 0 17px}.about-experience,.about-awards{border-bottom:1px solid #2826241f;margin-bottom:18px}.about-detail h2{letter-spacing:.08em;margin:0 0 8px;font-size:1.5rem;font-weight:700}.about-detail p{letter-spacing:.01em;margin:0 0 7px;font-size:1rem;font-weight:500;line-height:1.5}.about-awards p{margin-bottom:15px}.about-qr-list{gap:26px;display:flex}.about-qr-list a{color:inherit;text-align:center;gap:5px;font-size:1rem;font-weight:500;display:grid}.about-qr-list img{width:72px;height:72px}.about-portrait{aspect-ratio:334/379;width:36%;height:auto;position:absolute;top:32%;left:67%;overflow:hidden}.about-portrait img{object-fit:cover;object-position:left top}.about-partners{width:492px;margin:240px auto 0}.about-partners-title{text-align:center;margin-bottom:70px}.about-partner-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.about-partner-logo{aspect-ratio:1;isolation:isolate;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s,filter .22s;display:block;position:relative;overflow:hidden}.about-partner-logo:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#14121000,#14121000);border:1px solid #fff0;transition:background .22s,border-color .22s,box-shadow .22s;position:absolute;inset:0;box-shadow:inset 0 0 #14121000}.about-partner-logo[href]{cursor:pointer}.about-partner-logo:active,.about-partner-logo.is-pressed{filter:saturate(.92)brightness(.96);transform:translateY(6px)scale(.985);box-shadow:0 1px 2px #2826242e}.about-partner-logo:active:after,.about-partner-logo.is-pressed:after{background:linear-gradient(#14121029,#1412100d);border-color:#fff3;box-shadow:inset 0 10px 18px #14121052,inset 0 -1px #ffffff38}.about-partner-logo img{object-fit:cover}@media (max-width:1100px){.about-page{min-width:0;padding:92px 20px 72px}.about-page-main-title{margin-top:0;font-size:clamp(1.55rem,7vw,2.5rem);line-height:1.24}.about-profile{flex-direction:column;gap:28px;width:min(100%,640px);height:auto;margin:40px auto 0;display:flex}.about-portrait{aspect-ratio:4/3;order:-1;width:100%;position:relative;top:auto;left:auto}.about-profile-card{width:100%;min-height:0;padding:clamp(28px,7vw,40px) clamp(24px,9vw,90px)}.about-greeting{width:min(75%,264px)}.about-partners{width:100%;max-width:640px;margin:64px auto 0}.about-partner-grid{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;-webkit-overflow-scrolling:touch;grid-template-columns:none;grid-auto-columns:min(72vw,260px);grid-auto-flow:column;gap:16px;width:100%;min-width:0;padding:0 20px 12px;scroll-padding-inline:20px;display:grid;overflow:auto hidden}.about-partner-grid::-webkit-scrollbar{display:none}.about-partner-logo{scroll-snap-align:start;border-radius:2px}}
.photography-page{color:#3f3c3a;min-width:1000px;min-height:100vh;padding:84px 0 180px;font-family:inherit}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px;width:1176px;margin:40px auto 0;display:grid}.portfolio-category-description{color:#3f3c3ac7;letter-spacing:.08em;white-space:pre-line;width:min(100% - 40px,640px);margin:28px auto 0;font-size:1rem;line-height:1.8}.portfolio-pagination{justify-content:center;gap:10px;display:flex}.portfolio-pagination--top{margin:30px auto 0}.portfolio-pagination--top+.portfolio-grid{margin-top:28px}.portfolio-pagination--bottom{margin:42px auto 0}.portfolio-pagination-link{color:#3f3c3ab8;border:1px solid #3f3c3a40;justify-content:center;align-items:center;width:38px;height:38px;font-size:.88rem;text-decoration:none;transition:color .18s,background-color .18s,border-color .18s;display:inline-flex}.portfolio-pagination-link:hover,.portfolio-pagination-link:focus-visible,.portfolio-pagination-link.is-current{color:#fff;background:#3f3c3a;border-color:#3f3c3a;outline:none}.portfolio-card{min-width:0;color:inherit;flex-direction:column;align-items:center;gap:14px;text-decoration:none;display:flex}.portfolio-thumb{aspect-ratio:1;color:#111111b3;letter-spacing:.1em;text-transform:uppercase;border-radius:8px;justify-content:center;align-items:center;width:100%;font-size:.7rem;display:flex;position:relative;overflow:hidden}.portfolio-thumb img{z-index:1;object-fit:cover;opacity:1;border-radius:8px;width:100%;height:100%;transition:opacity .64s;position:relative}.tone-0{background:var(--tone-1)}.tone-1{background:var(--tone-2)}.tone-2{background:var(--tone-3)}.tone-3{background:var(--tone-4)}.portfolio-card h3{color:#111c;letter-spacing:.12em;text-align:center;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;width:100%;margin:0;font-size:1rem;overflow:hidden}.portfolio-detail-page{padding-bottom:96px}.portfolio-video-action{justify-content:center;margin:42px auto 0;display:flex}.portfolio-video-action a{color:#3f3c3a;letter-spacing:.14em;border:1px solid #3f3c3a99;justify-content:center;align-items:center;min-height:50px;padding:0 32px;font-size:1rem;font-weight:700;transition:background-color .28s,color .28s,transform .28s;display:inline-flex}.portfolio-video-action a:hover,.portfolio-video-action a:focus-visible{color:#fff;background:#3f3c3a;outline:none;transform:translateY(-2px)}.portfolio-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(1176px,100% - 40px);margin:54px auto 0;display:grid}.portfolio-gallery-column{align-content:start;gap:18px;display:grid}.portfolio-gallery-item{background:#dad3ccb3;border-radius:8px;width:100%;margin:0;animation:1s cubic-bezier(0,0,.5,1) both portfolio-gallery-reveal;position:relative;overflow:hidden}@keyframes portfolio-gallery-reveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.portfolio-gallery-item img{z-index:1;object-fit:cover;opacity:1;width:100%;height:100%;transition:opacity .64s;display:block;position:relative}@media (max-width:1100px){.photography-page{min-width:0;padding:92px 20px 72px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,640px);margin-top:40px}.portfolio-category-description{margin-top:22px;font-size:clamp(.94rem,3.8vw,1rem)}.portfolio-pagination--top{margin-top:26px}.portfolio-pagination--bottom{margin-top:36px}.portfolio-gallery{columns:2 260px;column-gap:18px;width:min(100%,640px);display:block}.portfolio-gallery-column{display:contents}.portfolio-gallery-item{break-inside:avoid;margin-bottom:18px}}@media (max-width:640px){.portfolio-card h3{font-size:1rem;font-weight:400}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}.portfolio-gallery{columns:1;column-gap:0;width:100%;margin-top:36px}.portfolio-gallery-item{margin-bottom:12px}}
.contact-page{color:#3f3c3a;min-width:1000px;min-height:100vh;padding:84px 0 180px;font-family:inherit}.contact-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(36px,7vw,88px);width:min(100% - 80px,1176px);margin:70px auto 0;display:grid}.contact-socials{width:100%}.contact-social-list{grid-template-columns:1fr;gap:14px;display:grid}.contact-visual{aspect-ratio:3/4;width:100%;position:relative;overflow:hidden}.contact-visual img{object-fit:cover;object-position:center;will-change:transform;transition:transform 1.5s linear;animation:linear both contact-zoom-in;animation-timeline:view();animation-range:exit-crossing}@keyframes contact-zoom-in{to{transform:scale(1.2)}}.contact-social-link{letter-spacing:.08em;border:1px solid #3f3c3a80;align-items:center;gap:14px;min-height:82px;padding:0 20px 0 24px;font-size:1rem;transition:color .26s,transform .26s;display:flex;position:relative;overflow:hidden}.contact-social-link:before{content:"";z-index:0;transform-origin:0;transition:transform .26s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scaleX(0)}.contact-social-link:hover{transform:translateY(-6px)}.contact-social-link:hover:before{transform:scaleX(1)}.contact-social-link:active{transform:translateY(1px)}.contact-social-link>span{z-index:1;font-weight:500;position:relative}.contact-social-line{opacity:.5;background:currentColor;flex:1;height:1px}@media (max-width:1100px){.contact-page{min-width:0;padding:92px 20px 72px}.contact-content{flex-direction:column;gap:28px;width:min(100%,640px);margin-top:40px;display:flex}.contact-visual{order:-1;width:min(100%,520px)}}@media (max-width:640px){.contact-social-link{min-height:76px}}