.home-scenes{--ink:var(--color-surface);--paper:var(--color-foreground);--grey:var(--color-border);--amber:var(--color-accent);--sage:var(--color-accent-alt);--muted:var(--color-foreground-muted);--gutter:6vw;background:var(--ink);color:var(--paper);font-family:DM Sans,Noto Sans TC,sans-serif}.home-scenes *{box-sizing:border-box}.home-scenes{margin:0}.home-scenes a,.home-scenes button{-webkit-tap-highlight-color:transparent}.home-scenes a{color:inherit;text-decoration:none}.home-scenes button{color:inherit;cursor:pointer;font:inherit}.home-scenes a:focus-visible,.home-scenes button:focus-visible{outline:2px solid var(--amber);outline-offset:7px}.home-scenes button{background:none;border:0}.home-scenes ::-moz-selection{background:var(--amber);color:var(--ink)}.home-scenes ::selection{background:var(--amber);color:var(--ink)}.home-scenes figure,.home-scenes h1,.home-scenes h2,.home-scenes p{margin:0}.home-scenes a,.home-scenes button{touch-action:manipulation}.home-scenes .atmosphere{inset:0;overflow:hidden;pointer-events:none;position:fixed}.home-scenes .light{background:radial-gradient(ellipse at 73% 40%,color-mix(in srgb,var(--color-accent) 9%,transparent),transparent 38%),radial-gradient(ellipse at 15% 72%,color-mix(in srgb,var(--color-accent-alt) 4%,transparent),transparent 35%);inset:-35%;opacity:1;position:absolute;transition:opacity .95s cubic-bezier(.76,0,.24,1)}.home-scenes .grain{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='3' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Cpath fill='%23fff' d='M0 0h180v180H0z' filter='url(%23a)' opacity='.5'/%3E%3C/svg%3E");inset:0;opacity:.07;position:absolute}.home-scenes .masthead{align-items:center;display:flex;gap:20px;justify-content:space-between;left:0;padding:30px var(--gutter);position:fixed;top:0;width:100%;z-index:20}.home-scenes .signature{font-size:32px;font-weight:600;letter-spacing:-2px;line-height:1}.home-scenes .signature span{color:var(--amber);display:inline-block;font-size:23px;margin:0 0 0 3px;vertical-align:top}.home-scenes .masthead nav{display:flex;font-size:13px;gap:35px}.home-scenes .masthead nav a{color:var(--muted);padding:10px 0;position:relative}.home-scenes .masthead nav a[aria-current=page]{color:var(--paper)}.home-scenes .masthead nav a[aria-current=page]:after{background:var(--amber);bottom:0;content:"";height:2px;left:0;position:absolute;width:18px}.home-scenes .archive{font-size:13px}.home-scenes .archive span{color:var(--amber);margin-left:16px}.home-scenes .section{background:transparent;min-height:100svh;position:relative}.home-scenes .scene-content{height:100svh;min-height:780px;padding:125px var(--gutter) 100px;position:relative}.home-scenes .hero-type{font-size:clamp(120px,min(15vw,24vh),245px);font-weight:500;left:17%;letter-spacing:-.085em;line-height:.87;perspective:1000px;position:absolute;top:25%;width:78%}.home-scenes .hero-type .word{display:block;transform-origin:left center;width:-moz-max-content;width:max-content}.home-scenes .hero-type .execute{color:var(--amber);margin-left:12%}.home-scenes .period{margin-left:-.025em}.home-scenes .identity{font-size:15px;line-height:1.8}.home-scenes .identity p:first-child{font-size:18px}.home-scenes .identity span{color:var(--muted);font-size:13px;margin-left:16px}.home-scenes .identity p+p{color:var(--muted);font-size:12px;margin-top:5px}.home-scenes .hero-foot{align-items:flex-end;bottom:13%;display:flex;gap:30px;justify-content:space-between;left:var(--gutter);position:absolute;right:var(--gutter)}.home-scenes .hero-statement{font-size:clamp(23px,2.4vw,38px);font-weight:500;letter-spacing:.02em}.home-scenes .hero-copy{color:var(--muted);font-size:14px;line-height:1.95;width:31%}.home-scenes .text-link{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--color-foreground) 36%,transparent);color:var(--paper);display:inline-flex;font-size:14px;gap:28px;padding:10px 0}.home-scenes .text-link:hover{border-color:var(--amber);color:var(--amber)}.home-scenes .text-link span{color:var(--amber);font-size:21px;line-height:1}.home-scenes .hero-copy .text-link{margin-top:15px}.home-scenes .scene-note{letter-spacing:3px;position:absolute;top:40%;writing-mode:vertical-rl}.home-scenes .scene-footer,.home-scenes .scene-note{color:var(--muted);font-size:11px;left:var(--gutter)}.home-scenes .scene-footer{align-items:center;bottom:25px;display:flex;justify-content:space-between;pointer-events:none;position:fixed;right:var(--gutter);z-index:20}.home-scenes .scene-footer>*{pointer-events:auto}.home-scenes .scene-footer #next-scene{font-size:12px;left:50%;position:absolute;transform:translate(-50%);white-space:nowrap}.home-scenes .scene-footer #next-scene span{color:var(--amber);margin-left:14px}.home-scenes .fp-watermark{pointer-events:none;visibility:hidden}.home-scenes .practice-composition{-moz-column-gap:9vw;column-gap:9vw;display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:auto 1fr auto;row-gap:35px}.home-scenes .practice-heading{align-items:flex-end;display:flex;grid-column:1/-1;justify-content:space-between}.home-scenes .practice-heading h2{font-size:clamp(24px,2.6vw,43px);font-weight:500;letter-spacing:-.03em;line-height:1.6}.home-scenes .project-names{align-items:flex-start;align-self:center;display:flex;flex-direction:column;gap:3px}.home-scenes .project-names button{color:var(--color-foreground-muted);font-size:clamp(40px,5.2vw,84px);letter-spacing:-.065em;line-height:1.2;padding:0;position:relative;transition:color .25s}.home-scenes .project-names button[aria-pressed=true]{color:var(--amber)}.home-scenes .project-names button[aria-pressed=true]:before{background:var(--amber);border-radius:50%;content:"";height:9px;left:-25px;position:absolute;top:48%;width:9px}.home-scenes .project-detail{align-self:center;max-width:360px}.home-scenes .project-kind{font-size:19px;margin-bottom:20px}.home-scenes #project-description{color:var(--muted);font-size:14px;line-height:2;min-height:84px}.home-scenes .project-tech{color:var(--sage);font-size:11px;line-height:1.8;margin:18px 0}.home-scenes .contact{align-items:flex-end;display:flex;gap:25px;grid-column:1/-1;justify-content:space-between}.home-scenes .contact-main{font-size:clamp(23px,2.6vw,40px);font-weight:500}.home-scenes .contact-main span{color:var(--amber);display:inline-block;margin-left:24px}.home-scenes .contact>div{display:flex;font-size:12px;gap:28px}.home-scenes .contact a:hover{color:var(--amber)}.home-scenes[data-mode=reading] .masthead{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--color-surface) 95%,transparent)}.home-scenes[data-mode=reading] .scene-footer{display:none}.home-scenes[data-mode=reading] .section{scroll-margin-top:70px}.home-scenes[data-mode=reading] .scene-content{height:auto;min-height:850px}.home-scenes[data-mode=reading] .practice-composition{min-height:900px}.home-scenes[data-mode=reading] .contact{padding-bottom:20px}@media(min-width:1800px){.home-scenes .scene-content{padding-bottom:140px;padding-top:155px}}@media(max-width:1000px){.home-scenes{--gutter:7vw}.home-scenes .masthead{padding-bottom:22px;padding-top:22px}.home-scenes .masthead nav{gap:23px}.home-scenes .archive{display:none}.home-scenes .hero-type{font-size:19vw;left:10%;top:28%;width:85%}.home-scenes .hero-type .execute{margin-left:3%}.home-scenes .scene-note{display:none}.home-scenes .hero-copy{width:44%}.home-scenes .practice-composition{-moz-column-gap:7vw;column-gap:7vw}.home-scenes .project-names button{font-size:6.3vw}}@media(max-width:700px){.home-scenes .masthead{padding:20px var(--gutter)}.home-scenes .signature{font-size:28px}.home-scenes .signature span{font-size:19px}.home-scenes .masthead nav{font-size:11px;gap:18px}.home-scenes .scene-content,.home-scenes[data-mode=reading] .scene-content{min-height:780px;padding:110px var(--gutter) 55px}.home-scenes .identity p:first-child{font-size:16px}.home-scenes .identity span{font-size:12px}.home-scenes .hero-type{font-size:20vw;left:auto;line-height:.98;margin:75px 0 60px;position:relative;top:auto;width:100%}.home-scenes .hero-type .execute{margin-left:0}.home-scenes .hero-foot{display:block;position:static}.home-scenes .hero-statement{font-size:24px}.home-scenes .hero-copy{font-size:13px;margin-top:23px;width:auto}.home-scenes .hero-copy br{display:none}.home-scenes .hero-copy p{max-width:290px}.home-scenes .hero-copy .text-link{margin-top:16px}.home-scenes .practice-composition,.home-scenes[data-mode=reading] .practice-composition{display:flex;flex-direction:column;gap:36px;min-height:0}.home-scenes .practice-heading{display:block}.home-scenes .practice-heading h2{font-size:28px}.home-scenes .practice-heading .text-link{margin-top:18px}.home-scenes .project-names{align-self:stretch;gap:4px;padding-left:20px}.home-scenes .project-names button{font-size:14vw}.home-scenes .project-names button[aria-pressed=true]:before{height:7px;left:-20px;width:7px}.home-scenes .project-detail{align-self:stretch;max-width:none;min-height:235px}.home-scenes .project-kind{font-size:18px;margin-bottom:13px}.home-scenes #project-description{font-size:13px;min-height:56px}.home-scenes .project-tech{margin:12px 0}.home-scenes .contact{display:block}.home-scenes .contact-main{font-size:26px}.home-scenes .contact>div{gap:28px;margin-top:26px}.home-scenes .text-link{font-size:13px}}@media(prefers-reduced-motion:reduce){.home-scenes *,.home-scenes :after,.home-scenes :before{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.home-scenes h1:focus,.home-scenes h2:focus{outline:none}.home-scenes #continuity{height:100%;inset:0;pointer-events:none;position:fixed;width:100%;z-index:0}.home-scenes #home-fullpage{position:relative;z-index:1}.home-scenes .project-detail{position:relative}.home-scenes .project-detail:before{background:radial-gradient(ellipse,color-mix(in srgb,var(--color-surface) 79%,transparent),transparent 75%);content:"";inset:-25px;pointer-events:none;position:absolute;z-index:-1}@media(max-width:1000px){.home-scenes .contact{padding-bottom:65px!important}.home-scenes #continuity{opacity:.55}}.home-scenes .project-names button[aria-pressed=true]:before{display:none}@media(max-width:1000px){.home-scenes #continuity{opacity:.35}}.home-scenes .journal-composition{align-items:center;-moz-column-gap:9%;column-gap:9%;display:grid;grid-template-columns:30% 1fr}.home-scenes .journal-heading{align-self:center}.home-scenes .journal-count{color:var(--amber);font-size:12px;margin-bottom:25px}.home-scenes .journal-heading h2{font-size:clamp(40px,4.8vw,76px);font-weight:500;letter-spacing:-.055em;line-height:1.4}.home-scenes .journal-intro{color:var(--muted);font-size:13px;line-height:1.9;margin:25px 0}.home-scenes .journal-heading .text-link{margin-top:10px}.home-scenes .journal-latest{min-width:0}.home-scenes .latest-label{color:var(--muted);font-size:11px;margin-bottom:20px}.home-scenes .article-list{display:flex;flex-direction:column;gap:19px}.home-scenes .article-item{display:block;isolation:isolate;max-width:720px;position:relative;transition:color .2s}.home-scenes .article-item:before{background:radial-gradient(ellipse,color-mix(in srgb,var(--color-surface) 85%,transparent),transparent 80%);content:"";inset:-10px -15px;pointer-events:none;position:absolute;z-index:-1}.home-scenes .article-item:nth-child(2),.home-scenes .article-item:nth-child(4){margin-left:24px}.home-scenes .article-item:nth-child(3){margin-left:42px}.home-scenes .article-item:focus-visible,.home-scenes .article-item:hover{color:var(--amber)}.home-scenes .article-meta-line{color:var(--muted);display:flex;font-size:10px;gap:16px;margin-bottom:5px}.home-scenes .article-title{font-size:clamp(17px,1.5vw,24px);font-weight:500;letter-spacing:-.015em;line-height:1.4;margin:0;text-wrap:pretty}.home-scenes .article-description{color:var(--muted);display:-webkit-box;font-size:11px;-webkit-line-clamp:1;line-height:1.7;margin-top:5px;-webkit-box-orient:vertical;overflow:hidden}.home-scenes .article-panorama{inset:105px 0 80px;opacity:0;perspective:800px}.home-scenes .article-error{color:var(--muted);font-size:14px;line-height:1.8}@media(max-width:1000px){.home-scenes .journal-composition{gap:7%;grid-template-columns:30% 1fr}.home-scenes .article-title{font-size:20px}.home-scenes .article-item:nth-child(n){margin-left:0}.home-scenes .article-list{gap:22px}}@media(max-width:700px){.home-scenes[data-mode=reading] .journal-composition{display:block;min-height:0;padding-bottom:70px;padding-top:110px}.home-scenes .journal-heading h2{font-size:42px;line-height:1.35}.home-scenes .journal-heading h2 br{display:none}.home-scenes .journal-count{margin-bottom:18px}.home-scenes .journal-intro{font-size:12px;margin:18px 0}.home-scenes .journal-heading .text-link{margin:0 0 40px}.home-scenes .latest-label{margin-bottom:25px}.home-scenes .article-list{gap:29px}.home-scenes .article-title{font-size:20px}.home-scenes .article-description{font-size:12px;-webkit-line-clamp:2}.home-scenes .article-meta-line{font-size:10px}.home-scenes .article-panorama{display:none}}.home-scenes .article-panorama{inset:0;-webkit-mask-image:none;mask-image:none;overflow:hidden;pointer-events:none;position:absolute;z-index:5}.home-scenes .timeline-node{left:0;position:absolute;top:0;will-change:transform,opacity}.home-scenes .timeline-node time{color:var(--amber);display:block;font-size:11px;letter-spacing:.08em;margin-bottom:10px}.home-scenes .timeline-title{color:var(--paper);font-size:clamp(22px,2.1vw,34px);font-weight:500;letter-spacing:-.015em;line-height:1.5;text-wrap:pretty}.home-scenes[data-backdrop=scan] .light{opacity:.1}.home-scenes{isolation:isolate;min-height:100svh;position:relative}.home-scenes .hero-copy>p,.home-scenes .journal-intro,.home-scenes h2{white-space:pre-line}.home-scenes .header-tools{align-items:center;display:flex;gap:20px}.home-scenes .skip-intro{bottom:90px;color:var(--muted);font-size:12px;position:absolute;right:6vw;visibility:hidden;z-index:10}.home-scenes[data-journal-intro=playing] .skip-intro{visibility:visible}.home-scenes .top-label{display:none}.home-scenes[data-scene="2"] .top-label{display:inline}.home-scenes[data-scene="2"] .next-label{display:none}@media(max-width:700px){.home-scenes .header-tools .archive{display:none}.home-scenes .masthead{gap:10px}.home-scenes .masthead nav{gap:12px}.home-scenes .header-tools{gap:0}.home-scenes .scene-note{display:none}}.home-scenes .signature{flex-shrink:0;white-space:nowrap}@media(max-width:700px){.home-scenes .header-tools button{gap:4px;padding:4px}.home-scenes .header-tools button svg:last-child{display:none}.home-scenes .header-tools button span{min-width:0}.home-scenes .masthead nav{flex:1;justify-content:center}.home-scenes .masthead nav a{white-space:nowrap}}/*!
* fullPage 4.0.37
* https://github.com/alvarotrigo/fullPage.js
*
* @license GPLv3 for open source use only
* or Fullpage Commercial License for commercial use
* http://alvarotrigo.com/fullPage/pricing/
*
* Copyright (C) 2021 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
*/.fp-enabled body,html.fp-enabled{margin:0;overflow:hidden;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.fp-section{box-sizing:border-box;display:block;height:100%;position:relative}.fp-slide{float:left}.fp-slide,.fp-slidesContainer{display:block;height:100%}.fp-slides{height:100%;overflow:hidden;position:relative;transition:all .3s ease-out;z-index:1}.fp-table{display:flex;flex-direction:column;justify-content:center;width:100%}.fp-slidesContainer{float:left;position:relative}.fp-controlArrow{cursor:pointer;margin-top:-38px;position:absolute;top:50%;transform:translateZ(0);-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;z-index:4}.fp-prev{left:15px}.fp-next{right:15px}.fp-arrow{border-style:solid;height:0;width:0}.fp-arrow.fp-prev{border-color:transparent #fff transparent transparent;border-width:38.5px 34px 38.5px 0}.fp-arrow.fp-next{border-color:transparent transparent transparent #fff;border-width:38.5px 0 38.5px 34px}.fp-notransition{transition:none!important}#fp-nav{opacity:1;pointer-events:none;position:fixed;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translate3d(0,-50%,0);z-index:100}#fp-nav.fp-right{right:17px}#fp-nav.fp-left{left:17px}.fp-slidesNav{left:0!important;margin:0 auto!important;opacity:1;pointer-events:none;position:absolute;right:0;transform:translateZ(0);z-index:4}.fp-slidesNav.fp-bottom{bottom:17px}.fp-slidesNav.fp-top{top:17px}#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block;height:13px;margin:7px;position:relative;width:14px}.fp-slidesNav ul li{display:inline-block}#fp-nav ul li a,.fp-slidesNav ul li a{cursor:pointer;display:block;height:100%;pointer-events:all;position:relative;text-decoration:none;width:100%;z-index:1}#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{border-radius:100%;height:12px;margin:-6px 0 0 -6px;width:12px}#fp-nav ul li a span,.fp-slidesNav ul li a span{background:#333;border:0;border-radius:50%;height:4px;left:50%;margin:-2px 0 0 -2px;position:absolute;top:50%;transition:all .1s ease-in-out;width:4px;z-index:1}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{height:10px;margin:-5px 0 0 -5px;width:10px}#fp-nav ul li .fp-tooltip{color:#fff;cursor:pointer;display:block;font-family:arial,helvetica,sans-serif;font-size:14px;max-width:220px;opacity:0;overflow:hidden;position:absolute;top:-2px;white-space:nowrap;width:0}#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{opacity:1;transition:opacity .2s ease-in;width:auto}#fp-nav ul li .fp-tooltip.fp-right{right:20px}#fp-nav ul li .fp-tooltip.fp-left{left:20px}.fp-auto-height .fp-slide,.fp-auto-height.fp-section,.fp-responsive .fp-is-overflow.fp-section{height:auto!important}.fp-enabled .fp-scrollable{height:auto;overflow:visible}.fp-scrollable .fp-section,.fp-scrollable .fp-slide,.fp-scrollable.fp-responsive .fp-is-overflow.fp-section{height:100vh;height:calc(var(--vh, 1vh)*100)}.fp-scrollable .fp-section:not(.fp-auto-height):not([data-percentage]),.fp-scrollable .fp-slide:not(.fp-auto-height):not([data-percentage]),.fp-scrollable.fp-responsive .fp-is-overflow.fp-section:not(.fp-auto-height):not([data-percentage]){min-height:100vh;min-height:calc(var(--vh, 1vh)*100)}.fp-overflow{justify-content:flex-start}body:not(.fp-responsive) .fp-overflow{max-height:100vh;max-height:100dvh}.fp-scrollable .fp-auto-height .fp-overflow{max-height:none}.fp-is-overflow .fp-overflow,.fp-is-overflow .fp-overflow.fp-auto-height,.fp-is-overflow .fp-overflow.fp-auto-height-responsive{overflow-y:auto}.fp-overflow{outline:none}.fp-overflow.fp-table{display:block}.fp-responsive .fp-auto-height-responsive .fp-overflow,.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive.fp-section{height:auto!important;min-height:auto!important}.fp-sr-only{height:1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.fp-scroll-mac .fp-overflow::-webkit-scrollbar{background-color:transparent;width:9px}.fp-scroll-mac .fp-overflow::-webkit-scrollbar-track{background-color:transparent}.fp-scroll-mac .fp-overflow::-webkit-scrollbar-thumb{background-color:#0006;border:4px solid transparent;border-radius:16px}.fp-warning,.fp-watermark{bottom:0;position:absolute;z-index:9999999}.fp-warning,.fp-watermark a{background:#fff9;border-radius:3px;color:#000;display:inline-block;font-family:arial;font-size:14px;margin:12px;padding:5px 8px;text-decoration:none}.fp-noscroll .fp-overflow{overflow:hidden}