.preview{--ink:#15382f;--cream:#f3efe5;--gold:#c5a05b;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.hero{color:#fff;background:#071d18;height:100svh;min-height:650px;position:relative;overflow:hidden}.heroImage,.cardImage{object-fit:cover}.heroImage{z-index:0}.heroMobile{object-position:center center}.shade{z-index:1;background:linear-gradient(#0514102e 0%,#05141008 30%,#05141047 58%,#051410e0 100%);position:absolute;inset:0}.topbar{z-index:3;align-items:flex-start;padding:18px;display:flex;position:absolute;top:0;left:0;right:0}.brandIntegrated{filter:drop-shadow(0 2px 14px #00000061);width:min(64vw,270px)}.brandLogo{object-fit:contain;filter:drop-shadow(0 2px 10px #00000052);width:100%;height:auto;display:block}.menu{letter-spacing:.18em;border-bottom:1px solid #ffffffb3;margin-top:13px;margin-left:auto;padding-bottom:5px;font-size:10px}.heroCopy{z-index:2;text-shadow:0 2px 20px #0000004d;max-width:750px;position:absolute;bottom:88px;left:24px;right:24px}.eyebrow,.kicker{letter-spacing:.28em;font-size:10px;font-weight:700}.heroCopy h1{letter-spacing:-.045em;margin:15px 0 18px;font-family:Georgia,serif;font-size:clamp(43px,12vw,58px);font-weight:400;line-height:.96}.heroCopy h1 em{color:#e1c27c;font-weight:400}.intro{color:#ffffffeb;max-width:92%;font-family:Georgia,serif;font-size:16px;line-height:1.5}.heroCta,.lightCta{color:#fff;letter-spacing:.04em;border-bottom:1px solid #ffffffa6;align-items:center;gap:45px;width:max-content;margin-top:26px;padding-bottom:10px;font-size:13px;text-decoration:none;display:flex}.scroll{z-index:2;letter-spacing:.2em;font-size:9px;position:absolute;bottom:24px;right:22px}.scroll span{margin-left:10px}.explore{padding:70px 16px 80px}.kicker{color:#8d7140}.explore h2,.manifesto h2,.closing h2{letter-spacing:-.035em;margin:14px 0 32px;font-family:Georgia,serif;font-size:clamp(34px,8vw,58px);font-weight:400;line-height:1.05}.grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.card{color:#fff;border-radius:2px;height:230px;text-decoration:none;position:relative;overflow:hidden}.cardShade{z-index:1;background:linear-gradient(#0000 35%,#051410bf);position:absolute;inset:0}.cardCopy{z-index:2;position:absolute;bottom:14px;left:14px;right:12px}.cardCopy h3{margin:0 0 7px;font-family:Georgia,serif;font-size:21px;font-weight:400;line-height:1}.cardCopy p{opacity:.82;letter-spacing:.03em;margin:0;font-size:9px}.cardCopy span{font-size:16px;position:absolute;bottom:0;right:0}.manifesto{background:var(--ink);color:var(--cream);padding:78px 24px}.manifesto .kicker{color:#d2b26e}.manifesto h2{margin-bottom:25px}.manifesto>p:not(.kicker){color:#f3efe5c2;max-width:620px;font-family:Georgia,serif;font-size:16px;line-height:1.65}.traits{letter-spacing:.22em;color:#d2b26e;border-top:1px solid #fff3;justify-content:space-between;margin-top:42px;padding-top:20px;font-size:9px;display:flex}.closing{color:#fff;height:72svh;min-height:520px;position:relative}.closingCopy{z-index:2;position:absolute;bottom:55px;left:22px}.closing h2{margin:12px 0;font-size:50px}.closingCopy>p:not(.eyebrow){font-family:Georgia,serif;font-size:18px}.lightCta{gap:40px}@container tc-preview (min-width:700px){.topbar{padding:26px 5vw}.brandIntegrated{width:280px}.menu{margin-top:18px}.heroCopy{bottom:13vh;left:7vw}.heroCopy h1{font-size:clamp(56px,7vw,88px)}.intro{max-width:490px;font-size:17px}.explore{padding:100px 6vw}.grid{grid-template-columns:repeat(4,1fr);gap:14px}.card{height:390px}.cardCopy{bottom:22px;left:20px}.cardCopy h3{font-size:27px}.manifesto{padding:110px 8vw}.closingCopy{bottom:10vh;left:8vw}.closing{height:80vh}}.preview{width:100%;overflow-x:clip;container:tc-preview/inline-size}.preview *{box-sizing:border-box}.preview section{scroll-margin-top:20px}.preview a:focus-visible,.preview summary:focus-visible{outline-offset:5px;outline:3px solid #e1c27c}.preview .hero{isolation:isolate;height:auto;min-height:100svh}.preview .heroImage{object-fit:cover}.preview .heroMobile{object-position:center center}.preview .brandIntegrated{flex-shrink:0;width:min(62cqw,240px);display:block}.preview .brandLogo{height:auto}.preview .menu{letter-spacing:.12em;border:0;margin:6px 0 0 auto;padding:0;font-size:14px;position:relative}.preview .menu summary{cursor:pointer;border-bottom:1px solid #ffffffb3;justify-content:center;align-items:center;min-width:64px;min-height:44px;list-style:none;display:flex}.preview .menu summary::-webkit-details-marker{display:none}.preview .menu nav{background:#15382f;border:1px solid #e1c27c80;min-width:210px;padding:12px;position:absolute;top:54px;right:0;box-shadow:0 12px 30px #0005}.preview .menu nav a{color:#fff;letter-spacing:0;padding:14px 12px;font-size:16px;text-decoration:none;display:block}.preview .heroCopy{max-width:800px;margin:0;padding:clamp(340px,51svh,580px) 24px 88px;position:relative;bottom:auto;left:auto;right:auto}.preview .heroCopy h1{margin:16px 0 20px;font-size:clamp(40px,11cqw,58px);line-height:1.05}.preview .eyebrow,.preview .kicker{letter-spacing:.2em;font-size:12px;line-height:1.5}.preview .intro{max-width:100%;font-size:16px;line-height:1.6}.preview .heroCta,.preview .lightCta{min-height:44px;margin-top:20px;padding:10px 0;font-size:16px}.preview .scroll{letter-spacing:.12em;color:#fff;align-items:center;min-height:44px;font-size:12px;text-decoration:none;display:flex;bottom:20px}.preview .explore{padding:64px 20px}.preview .grid{gap:12px}.preview .card{min-width:0;height:260px}.preview .cardCopy{left:14px;right:14px}.preview .cardCopy h3{font-size:23px;line-height:1.15}.preview .cardCopy p{opacity:1;font-size:14px;line-height:1.4}.preview .manifesto{padding:64px 24px}.preview .manifesto>p:not(.kicker){font-size:18px}.preview .traits{letter-spacing:.14em;flex-wrap:wrap;gap:12px;font-size:12px}.preview .closing{isolation:isolate;height:auto;min-height:600px}.preview .closingCopy{padding:220px 24px 64px;position:relative;bottom:auto;left:auto}.preview .closing h2{font-size:clamp(40px,12cqw,58px);line-height:1.05}.preview .contactLinks{flex-wrap:wrap;gap:24px;margin-top:28px;display:flex}.preview .contactLinks a{color:#fff;text-underline-offset:6px;align-items:center;min-height:44px;font-size:16px;display:flex}@container tc-preview (min-width:700px){.preview .topbar{padding:26px 5cqw}.preview .brandIntegrated{width:280px}.preview .heroCopy{max-width:1000px;padding:46svh 7cqw 100px}.preview .heroCopy h1{font-size:clamp(56px,7cqw,88px)}.preview .intro{max-width:490px;font-size:18px}.preview .explore{padding:100px 6cqw}.preview .card{height:390px}.preview .cardCopy{bottom:22px;left:20px;right:20px}.preview .cardCopy h3{font-size:27px}.preview .manifesto{padding:100px 8cqw}.preview .closingCopy{padding:260px 8cqw 90px}}@container tc-preview (max-width:350px){.preview .grid{grid-template-columns:1fr}.preview .card{height:280px}.preview .heroCopy{padding-left:20px;padding-right:20px}}.preview .topbar{align-items:flex-start;padding:24px 22px}.preview .brandIntegrated{aspect-ratio:207/194;filter:none;width:clamp(150px,43cqw,184px);position:relative;overflow:hidden}.preview .brandLogo{filter:brightness(0)invert()drop-shadow(0 2px 3px #000000a6);width:185.507%;max-width:none;height:auto;position:absolute;top:0;left:0;transform:translate(-25.7813%,-10.1563%)}.preview .menu{margin-top:0}@container tc-preview (min-width:700px){.preview .topbar{padding:30px 5cqw}.preview .brandIntegrated{width:190px}}
.officialHome{height:100svh;overflow:hidden}.preview.officialHome .hero{height:100svh;min-height:0;overflow-y:auto}.preview.officialHome .heroCopy{padding:0 24px max(32px,env(safe-area-inset-bottom));max-width:800px;position:absolute;inset:auto 0 0}.officialHome button{font:inherit;cursor:pointer}.officialHome .menuTrigger{color:#fff;letter-spacing:.12em;background:0 0;border:0;border-bottom:1px solid #ffffffb3;min-height:44px;margin-left:auto;padding:0 0 6px;font-size:14px}.officialHome .heroCta{text-align:left;background:0 0;border:0;border-bottom:1px solid #ffffffa6}.siteMenu{color:#f3efe5;background:#15382f;border:0;width:100%;max-width:100%;height:100svh;max-height:100svh;margin:0;padding:0;overflow:auto}.siteMenu::backdrop{background:#071d18d9}.menuSurface{max-width:1100px;min-height:100%;margin:auto}.menuHeader{z-index:5;background:#15382f;border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;gap:12px;padding:20px;display:flex;position:sticky;top:0}.menuHeader button{color:#e1c27c;letter-spacing:.06em;background:0 0;border:0;min-height:44px;padding:0 6px;font-size:14px}.menuHeader span{letter-spacing:.12em;font-size:12px}.menuDirectory{flex-direction:column;padding:32px 24px;display:flex}.menuDirectory button,.menuDirectory a{text-align:left;color:#f3efe5;background:0 0;border:0;border-bottom:1px solid #ffffff26;padding:22px 0;font:400 clamp(26px,7vw,44px)/1.25 Georgia,serif;text-decoration:none;display:block}.menuDirectory .privacyLink{color:#d2b26e;margin-top:20px;font:16px Arial,sans-serif}.siteMenu .explore{color:#15382f;background:#f3efe5}.siteMenu .card{text-align:left;background:#15382f;border:0}.siteMenu .manifesto{min-height:calc(100svh - 85px)}.menuContent{max-width:800px;padding:60px 24px}.menuContent h2{letter-spacing:-.03em;margin:18px 0 30px;font:400 clamp(36px,10vw,58px)/1.08 Georgia,serif}.menuContent p{font-size:18px;line-height:1.65}.question{border-bottom:1px solid #ffffff40;padding:20px 0}.question summary{cursor:pointer;font-size:18px;line-height:1.5}.question p{color:#f3efe5c7}.extraExperience{color:#15382f;text-underline-offset:6px;margin-top:32px;font-size:18px;display:block}.officialHome button:focus-visible,.siteMenu a:focus-visible,.siteMenu summary:focus-visible{outline-offset:4px;outline:3px solid #e1c27c}@media (min-width:700px){.preview.officialHome .heroCopy{max-width:1000px;padding:0 7vw 7vh}.menuDirectory{padding:40px 8vw}.menuContent{padding:80px 8vw}}@media (max-height:650px){.preview.officialHome .brandIntegrated{width:120px}.preview.officialHome .heroCopy h1{margin:8px 0;font-size:34px}.preview.officialHome .heroCopy .intro{margin:10px 0;font-size:15px}.preview.officialHome .heroCta{margin-top:8px}}.siteMenu:has(.menuLanding){background:radial-gradient(at 100% 0,#2a4b3e 0%,#0000 55%),#0b2922}.menuLanding{isolation:isolate;max-width:100%;position:relative}.menuLanding:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0b2922eb,#0b2922fa 65%),url(/image/hero-jiufen-taipei-mobile.webp.png) 50%/cover;position:absolute;inset:0}.menuLanding .menuHeader{background:#0b2922ef;border-bottom:1px solid #c5a05b30;padding:12px 22px}.menuLanding .menuHeader span{letter-spacing:.17em;color:#f3efe5a6;font-size:11px}.menuLanding .menuHeader button{letter-spacing:.13em;font-size:12px}.menuLandingContent{max-width:700px;margin:auto;padding:22px 26px 24px}.menuBrand{flex-direction:column;align-items:center;gap:14px;padding:0 0 24px;display:flex}.preview .menuBrand .brandIntegrated{flex-shrink:0;width:108px}.menuBrand p{letter-spacing:.19em;color:#d7bc80;margin:0;font:10px/1.6 Arial,sans-serif}.menuLanding .menuDirectory{border-top:1px solid #c5a05b4d;padding:0}.menuLanding .menuDirectory button,.menuLanding .menuDirectory a{text-align:left;border-bottom:1px solid #c5a05b30;align-items:flex-start;gap:18px;width:100%;padding:18px 0;transition:color .2s,background .2s;display:flex}.menuNumber{letter-spacing:.12em;color:#d7bc80;flex:0 0 20px;padding-top:7px;font:11px/1 Arial,sans-serif}.menuLabel{letter-spacing:-.025em;color:#f3efe5;max-width:100%;font:400 clamp(25px,6.3vw,34px)/1.12 Georgia,serif;display:block}.menuLabel small{letter-spacing:.015em;color:#f3efe59e;margin-top:8px;font:13px/1.45 Arial,sans-serif;display:block}.menuLanding .menuDirectory button:hover,.menuLanding .menuDirectory a:hover{background:#ffffff04}.menuLanding .menuDirectory button:hover .menuLabel,.menuLanding .menuDirectory a:hover .menuLabel{color:#e1c27c}.menuFooter{color:#f3efe58c;justify-content:space-between;align-items:center;gap:16px;padding-top:28px;display:flex}.menuFooter a{color:#d7bc80;align-items:center;min-height:44px;font:12px/1.5 Arial,sans-serif;text-decoration:none;display:flex}.menuFooter span{letter-spacing:.14em;font:9px/1.5 Arial,sans-serif}@media (min-width:700px){.menuLandingContent{padding-top:34px;padding-bottom:32px}.menuBrand{padding-bottom:32px}.preview .menuBrand .brandIntegrated{width:124px}.menuLanding .menuDirectory button,.menuLanding .menuDirectory a{gap:28px;padding:22px 12px}.menuLabel{font-size:34px}.menuLabel small{font-size:14px}.menuLanding .menuHeader{padding:18px 5vw}}@media (max-width:350px){.menuLandingContent{padding:18px 20px}.menuLanding .menuDirectory button,.menuLanding .menuDirectory a{gap:12px}.menuLabel{font-size:24px}.menuBrand p{letter-spacing:.12em;font-size:9px}}@media (prefers-reduced-motion:reduce){.menuLanding .menuDirectory button,.menuLanding .menuDirectory a{transition:none}}:is(html:has(.officialHome),body:has(.officialHome)){overscroll-behavior-y:auto;height:auto;min-height:100%;overflow:clip auto}.preview.officialHome{height:auto;min-height:100svh;overflow:visible}.preview.officialHome .hero{min-height:100svh;overflow:visible}.siteMenu .experiencesGallery{color:#f3efe5;background:#0b2922;padding:40px 22px 56px}.experiencesGallery .kicker{color:#d7bc80}.experiencesGallery h2{margin-bottom:32px;font-size:clamp(34px,8vw,58px)}.preview .experiencesGallery .grid{grid-template-columns:1fr;gap:22px}.preview .experiencesGallery .card{isolation:isolate;border:1px solid #c5a05b45;border-radius:3px;height:330px;padding:0;transition:border-color .2s}.preview .experiencesGallery .cardImage{object-position:center 40%;transition:transform .5s}.preview .experiencesGallery .cardShade{background:linear-gradient(#071d1800 25%,#071d1830 45%,#071d18ef 100%)}.preview .experiencesGallery .cardCopy{text-align:left;bottom:25px;left:24px;right:24px}.preview .experiencesGallery .cardCopy h3{letter-spacing:-.025em;margin-bottom:10px;font:400 34px/1.1 Georgia,serif}.preview .experiencesGallery .cardCopy p{color:#f3efe5dc;font-size:16px;line-height:1.5}.preview .experiencesGallery .card:hover{border-color:#d7bc80}.preview .experiencesGallery .card:hover .cardImage{transform:scale(1.035)}.experiencesGallery .extraExperience{color:#e1c27c;border-bottom:1px solid #c5a05b55;margin-top:36px;padding:16px 0}@media (min-width:700px){.siteMenu .experiencesGallery{padding:60px 5vw 72px}.preview .experiencesGallery .grid{grid-template-columns:1fr 1fr;gap:26px}.preview .experiencesGallery .card{height:430px}}@media (prefers-reduced-motion:reduce){.preview .experiencesGallery .card,.preview .experiencesGallery .cardImage{transition:none}}.siteMenu .curatorsStory{color:#f3efe5;background:#0b2922}.storyArtwork{height:400px;position:relative;overflow:hidden}.storyArtwork img{object-fit:cover;object-position:center 45%}.storyArtworkShade{background:linear-gradient(#0000 65%,#0b2922);position:absolute;inset:0}.storyArtwork>p{letter-spacing:.16em;color:#e1c27c;margin:0;font:11px/1.5 Arial,sans-serif;position:absolute;bottom:24px;left:24px;right:24px}.storyNarrative{padding:36px 24px 56px}.storyNarrative .kicker{color:#d7bc80}.storyNarrative h2{letter-spacing:-.035em;margin:18px 0 28px;font:400 clamp(36px,9vw,58px)/1.08 Georgia,serif}.storyNarrative h2 em{color:#d7bc80;font-weight:400}.storyNarrative p{color:#f3efe5c9;font-size:17px;line-height:1.8}.storyNarrative .storyLead{color:#f3efe5;margin-bottom:24px;font:400 23px/1.5 Georgia,serif}.curationPrinciple{border-top:1px solid #c5a05b55;margin-top:30px;padding-top:26px}.curationPrinciple>span{letter-spacing:.1em;color:#d7bc80;font:12px/1.5 Arial,sans-serif}.curationPrinciple h3{margin:14px 0;font:400 28px/1.2 Georgia,serif}.storyNarrative .storySignature{color:#d7bc80;border-top:1px solid #c5a05b55;margin-top:32px;padding-top:28px;font:italic 23px/1.5 Georgia,serif}@media (min-width:900px){.curatorsStory{grid-template-columns:42% 58%;align-items:start;display:grid}.storyArtwork{height:calc(100svh - 85px);min-height:520px;position:sticky;top:85px}.storyNarrative{padding:56px 42px 72px}.storyNarrative h2{font-size:48px}}.journeysPage{color:#f3efe5;background:#0b2922;padding:40px 22px 60px}.journeysPage>.kicker,.journeyCopy .kicker{color:#d7bc80}.journeysPage>h2{letter-spacing:-.03em;margin:18px 0 26px;font:400 clamp(38px,9vw,60px)/1.05 Georgia,serif}.journeysPage>h2 em{color:#d7bc80}.journeysIntro{color:#f3efe5c9;max-width:680px;margin-bottom:34px;font-size:18px;line-height:1.7}.journeyList{gap:30px;display:grid}.journeyItem{background:#12332a;border:1px solid #c5a05b44;overflow:hidden}.journeyPhoto{height:240px;position:relative}.journeyPhoto img{object-fit:cover;object-position:center 40%}.journeyCopy{padding:26px 22px}.journeyCopy h3{margin:14px 0;font:400 31px/1.15 Georgia,serif}.journeyCopy>p,.journeyCopy details p{font-size:16px;line-height:1.7}.journeyCopy .journeyDuration{color:#d7bc80;letter-spacing:.03em;font-size:14px}.journeyCopy details{border-top:1px solid #c5a05b44;border-bottom:1px solid #c5a05b44;margin:24px 0;padding:16px 0}.journeyCopy summary{cursor:pointer;color:#e1c27c;min-height:28px;font-size:16px}.journeyCopy ol{padding-left:22px;font-size:16px;line-height:1.7}.journeyCopy li{padding:8px 0}.journeyNote{color:#f3efe5af}.journeyEnquire{color:#e1c27c;text-underline-offset:6px;align-items:center;min-height:44px;font-size:16px;display:inline-flex}.journeyPricing{color:#f3efe5b5;margin-top:36px;font-size:16px;line-height:1.7}.journeyContact,.experiencesGallery button.extraExperience{color:#e1c27c;text-align:left;background:0 0;border-bottom:1px solid #c5a05b77;padding:14px 0;font-size:18px}@media (min-width:800px){.journeysPage{padding:60px 5vw 72px}.journeyItem{grid-template-columns:37% 63%;display:grid}.journeyPhoto{height:100%;min-height:360px}.journeyCopy{padding:34px}.journeyCopy h3{font-size:36px}}.contactPage{margin:0 auto;padding-top:32px}.contactArtwork{aspect-ratio:3/2;border-radius:3px;width:100%;max-height:340px;margin-bottom:32px;position:relative;overflow:hidden}.contactArtwork img{object-fit:cover;object-position:center}.preview .contactPage .restoredContactIcons{flex-wrap:wrap;display:flex}@media (max-width:699px){.contactPage{padding-top:24px}.contactArtwork{aspect-ratio:16/10;margin-bottom:28px}.preview .contactPage .restoredContactIcons{gap:12px}.contactPage .restoredContactIcons a{flex:1;min-width:80px;padding:16px 10px}}
