@import "https://fonts.googleapis.com/css2?family=Baskervville:ital@0;1&family=Noto+Sans+TC:wght@300;400;500;600&family=Raleway:wght@400;500;600&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}}:root{--paper:#f7f7f5;--ink:#0a0a0a;--line:#c9c9c5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);letter-spacing:0;margin:0;font-family:Raleway,Noto Sans TC,Arial,sans-serif}a{color:inherit;text-decoration:none}img{object-fit:cover;width:100%;display:block}.site-header{border-bottom:1px solid var(--line);text-transform:uppercase;grid-template-columns:1fr 1fr 1fr;align-items:start;min-height:152px;padding:22px 28px;font-size:13px;display:grid;position:relative}.site-header nav{white-space:nowrap;gap:32px;display:flex}.site-header nav a:hover,.underlined:hover{opacity:.5}.nav-work-menu{pointer-events:auto;display:block;position:relative}.nav-work-dropdown{border:1px solid var(--line);opacity:0;visibility:hidden;background:#f7f7f5f7;border-radius:6px;flex-direction:column;gap:9px;width:max-content;min-width:190px;padding:14px 16px;transition:opacity .2s,transform .2s,visibility .2s;display:flex;position:absolute;top:calc(100% + 12px);left:0;transform:translateY(-5px);box-shadow:0 8px 24px #00000012}.nav-work-menu:hover .nav-work-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav-work-dropdown a{text-transform:none;font:13px/1.35 Baskervville,Noto Sans TC,serif}.brand{text-transform:none;justify-self:center;font-family:Baskervville,Noto Sans TC,serif;font-size:22px}.header-note{justify-self:end;gap:70px;display:flex}.header-actions{pointer-events:auto;white-space:nowrap;grid-area:1/3;justify-self:end;align-items:center;gap:18px;display:flex}.language-toggle{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.language-toggle:hover{opacity:.5}.home-header{z-index:50;text-transform:none;pointer-events:none;background:0 0;border:0;min-height:0;padding:27px 16px;font:14px/22px Baskervville,Noto Sans TC,serif;transition:background-color .25s,border-color .25s,box-shadow .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s;position:fixed;inset:0 0 auto}.home-header.is-scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f7f5f0;border-bottom:1px solid #0a0a0a1a;box-shadow:0 4px 18px #0a0a0a09}.home-header a{pointer-events:auto}.home-header nav{white-space:nowrap;gap:16px}.home-header .brand{font-size:14px}.more-templates{justify-self:end}.hero{grid-template-columns:42% 58%;align-content:space-between;min-height:850px;padding:45px 28px 75px;display:grid}.hero-name{flex-direction:column;font-family:Baskervville,Noto Sans TC,serif;font-size:clamp(74px,11vw,166px);line-height:.78;display:flex}.hero-name em{margin-left:20%;font-weight:400}.hero-title{grid-column:2;align-self:end}.hero h1,.page-intro h1,.detail-hero h1,.after-hours h2{text-transform:uppercase;margin:0;font-family:Baskervville,Noto Sans TC,serif;font-size:clamp(72px,10vw,150px);font-weight:400;line-height:.8}.hero-title p{width:50%;margin:45px 0 0 auto;font-size:14px;line-height:1.5}.statement{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;padding:110px 28px 180px;display:grid}.statement p{grid-column:2;max-width:690px;margin:0;font-family:Baskervville,Noto Sans TC,serif;font-size:clamp(36px,4vw,64px);line-height:1.05}.underlined{text-transform:uppercase;grid-column:2;margin-top:45px;font-size:13px;text-decoration:underline}.project-list{flex-direction:column;gap:240px;padding:240px 24px 0;display:flex}.project-row{grid-template-columns:repeat(6,minmax(50px,1fr));align-items:start;gap:24px;width:100%;display:grid;position:relative}.row-meta{text-transform:none;color:#0009;justify-content:flex-start;gap:8px;font:14px/22px Baskervville,Noto Sans TC,serif;display:flex}.row-meta span:last-child{color:var(--ink)}.project-row .row-meta{white-space:nowrap;grid-column:1;padding-top:3px}.project-row h2{letter-spacing:-.04em;overflow-wrap:anywhere;grid-column:2;margin:0;font-family:Baskervville,Noto Sans TC,serif;font-size:36px;font-weight:400;line-height:40px}.project-image{aspect-ratio:1.55932;border-radius:8px;grid-column:3/span 2;position:relative;overflow:hidden}.project-row img{object-fit:cover;width:100%;height:100%}.project-row p{color:#0009;white-space:pre-line;grid-column:5/span 2;max-width:292px;margin:0;font:14px/22px Baskervville,Noto Sans TC,serif}.project-copy{flex-direction:column;grid-column:5/span 2;align-items:flex-start;gap:14px;display:flex}.project-copy p{grid-column:auto;width:100%}.project-tags{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.project-tags span{color:#0009;white-space:nowrap;background:0 0;border:1px solid #0009;border-radius:50vw;justify-content:center;align-items:center;min-height:24px;padding:0 11px;font:10px/1 Raleway,Noto Sans TC,sans-serif;display:inline-flex}.reference-home{background:#f7f7f7}.profile-hero{justify-content:center;align-items:center;min-height:100vh;padding:58px 16px 55px;display:flex}.profile-image{border-radius:8px;width:332px;height:min(80.5vh,465px);min-height:400px;position:relative;overflow:hidden}.profile-image img{object-fit:cover;object-position:center;width:100%;height:100%}.profile-entry-panel,.profile-scroll-panel{background:var(--paper);pointer-events:none;will-change:transform;width:50%;position:absolute;top:0;bottom:0}.profile-entry-left,.profile-scroll-left{transform-origin:0;left:0}.profile-entry-right,.profile-scroll-right{transform-origin:100%;right:0}.profile-entry-panel{z-index:2;animation:1.05s cubic-bezier(.76,0,.24,1) 2.15s forwards profile-open}.profile-scroll-panel{z-index:3}@keyframes profile-open{to{transform:scaleX(0)}}.profile-intro{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px 16px 40px;display:flex}.profile-intro h1{letter-spacing:-.05em;margin:0 0 58px;font:400 60px/1.05 Baskervville,Noto Sans TC,serif}.profile-lead{letter-spacing:-.03em;color:#0009;margin:0;font:300 20px/1.6 Raleway,Noto Sans TC,sans-serif}.profile-small{color:#0004;margin:34px 0 0;font:14px/22px Baskervville,Noto Sans TC,serif}.home-fixed-meta{z-index:40;pointer-events:none;flex-direction:column;font:14px/22px Baskervville,Noto Sans TC,serif;display:flex;position:fixed;bottom:22px;left:16px}.home-socials{z-index:40;flex-direction:column;align-items:center;gap:20px;display:flex;position:fixed;bottom:26px;right:23px}.home-socials a{place-items:center;width:18px;height:18px;font:14px/1 Raleway,Noto Sans TC,sans-serif;display:grid}.home-footer{display:none}.home-splash{z-index:1000;pointer-events:none;color:var(--paper);position:fixed;inset:0;overflow:hidden}.splash-panel{z-index:-1;background:#000;height:51%;animation:.85s cubic-bezier(.76,0,.24,1) 1.85s forwards split-splash;position:absolute;left:0;right:0}.splash-panel-top{transform-origin:top;top:0}.splash-panel-bottom{transform-origin:bottom;bottom:0}.splash-name{align-items:baseline;gap:10px;padding:8px 14px 10px 4px;font-family:Baskervville,Noto Sans TC,serif;animation:10ms linear 1.8s forwards hide-splash-name;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.splash-name span,.splash-name em{font-size:clamp(64px,7vw,100px);font-weight:400;line-height:1;animation:.65s cubic-bezier(.16,1,.3,1) forwards splash-name-in,.55s cubic-bezier(.7,0,.84,0) 1.15s forwards splash-name-out;display:block;transform:translateY(120%)}.splash-name em{letter-spacing:.01em;font:italic clamp(34px,3vw,48px)/1.08 Raleway,Noto Sans TC,sans-serif;animation-name:splash-name-in,splash-name-out-down;animation-delay:.12s,1.23s}@keyframes splash-name-in{to{transform:translateY(0)}}@keyframes splash-name-out{to{transform:translateY(-130%)}}@keyframes splash-name-out-down{to{transform:translateY(130%)}}@keyframes hide-splash-name{to{visibility:hidden;opacity:0}}@keyframes split-splash{to{transform:scaleY(0)}}.services{color:#fff;background:#090909;grid-template-columns:1fr 2fr;padding:40px 28px 120px;display:grid}.services h2{border-bottom:1px solid #555;margin:0;padding:14px 0;font-family:Baskervville,Noto Sans TC,serif;font-size:clamp(48px,6vw,96px);font-weight:400}.profile-services{min-height:100vh;color:var(--ink);text-align:center;background:#f7f7f7;flex-direction:column;justify-content:flex-start;align-items:center;gap:52px;padding:110px 16px 90px;display:flex}.profile-services>p{color:#0009;margin:0;font:14px/22px Baskervville,Noto Sans TC,serif}.profile-services>div{flex-direction:column;align-items:center;gap:20px;display:flex}.profile-services h2{letter-spacing:-.04em;border:0;padding:0 0 4px;font:400 30px/.95 Baskervville,Noto Sans TC,serif}footer{color:#fff;background:#090909;padding:80px 28px 30px}.footer-cta{text-transform:uppercase;flex-direction:column;font-family:Baskervville,Noto Sans TC,serif;font-size:clamp(70px,12vw,180px);line-height:.8;display:flex}.footer-cta a{align-self:flex-end;font-style:italic;text-decoration:underline}.footer-meta{text-transform:uppercase;border-top:1px solid #555;justify-content:space-between;margin-top:120px;padding-top:20px;font-size:11px;display:flex}.footer-meta div{gap:25px;display:flex}.page-intro{align-items:flex-end;min-height:660px;padding:80px 28px;display:flex}.page-intro em,.after-hours em{margin-left:20vw;font-weight:400}.work-grid{grid-template-columns:repeat(2,1fr);gap:100px 24px;padding:0 28px 150px;display:grid}.work-card img{filter:saturate(.82);height:72vh;max-height:820px;margin-bottom:18px}.work-card:nth-child(2n){margin-top:180px}.work-card .row-meta{border-bottom:1px solid var(--line);padding-bottom:10px}.work-card h2{margin:14px 0 4px;font-family:Baskervville,Noto Sans TC,serif;font-size:48px;font-weight:400}.work-card p{margin:0;font-size:12px}.reference-work-lobby{background:#f7f7f7}.works-reference-intro{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:80px 16px 60px;display:flex}.works-reference-intro h1{letter-spacing:-.05em;margin:0;font:400 100px/.9 Baskervville,Noto Sans TC,serif}.works-project-list{padding-top:170px;padding-bottom:180px}.detail-hero{border-bottom:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:650px;padding:50px 28px;display:flex}.detail-hero span{font-size:11px}.detail-hero h1{overflow-wrap:anywhere;font-size:clamp(66px,11vw,170px)}.detail-copy{grid-template-columns:1fr 1fr;gap:80px;padding:85px 28px 130px;display:grid}.detail-copy>p{grid-column:2;margin:0;font-family:Baskervville,Noto Sans TC,serif;font-size:clamp(28px,3vw,46px);line-height:1.15}.detail-copy dl{grid-column:2;grid-template-columns:repeat(3,1fr);margin:30px 0 0;display:grid}.detail-copy dl div{border-top:1px solid var(--line);padding-top:10px}dt{text-transform:uppercase;margin-bottom:12px;font-size:10px}dd{margin:0;font-size:13px}.gallery{grid-template-columns:repeat(2,1fr);align-items:start;gap:24px;padding:0 28px 150px;display:grid}.gallery img{min-height:520px;max-height:1050px}.gallery .wide{grid-column:1/3;max-height:none}.gallery img:nth-child(3n){margin-top:120px}.back-link{border-top:1px solid var(--line);text-transform:uppercase;margin:0 28px 120px;padding:22px 0;font-size:12px;display:block}.reference-detail{--detail-side:16%;--detail-edge:47px;padding:var(--detail-edge) 0 0;background:#f7f7f7}.detail-visual{width:68%;height:auto;margin:0 auto var(--detail-edge)}.detail-visual img{width:auto;max-width:100%;height:calc(100vh - (var(--detail-edge) * 2));object-fit:contain;border-radius:8px;min-height:560px;margin:0 auto;display:block}.detail-visual:has(>img.is-portrait){width:fit-content;max-width:68%}.detail-visual>img.is-portrait{object-fit:contain;width:auto;max-width:68vw}.detail-info{grid-template-columns:repeat(6,minmax(50px,1fr));align-items:start;gap:24px;min-height:100vh;padding:150px 0 110px;display:grid}.detail-overview{grid-column:2/span 2}.detail-overview h1{letter-spacing:-.04em;overflow-wrap:anywhere;margin:0 0 24px;font:400 48px/1 Baskervville,Noto Sans TC,serif}.detail-overview p{color:#0004;white-space:pre-line;max-width:292px;margin:0;font:14px/22px Baskervville,Noto Sans TC,serif}.detail-info dl{flex-direction:column;grid-column:5;gap:27px;margin:0;display:flex}.detail-info dl div{margin:0}.detail-info dt{text-transform:none;margin:0 0 4px;font:700 14px/22px Baskervville,Noto Sans TC,serif}.detail-info dd{color:#0004;margin:0;font:14px/22px Baskervville,Noto Sans TC,serif}.detail-gallery{align-items:center;gap:calc(var(--detail-edge) * 2);padding:var(--detail-edge) 0 160px;flex-direction:column;display:flex}.detail-gallery img,.detail-gallery video{height:calc(100vh - (var(--detail-edge) * 2));border-radius:8px;min-height:560px;max-height:none}.detail-gallery img{object-fit:contain;width:auto;max-width:100%;margin:0 auto;display:block}.detail-gallery video{object-fit:cover;background:#111;width:100%}.detail-gallery-item{width:68%;margin:0}.detail-gallery-item>img{width:auto;max-width:100%}.detail-gallery-item>video{width:100%}.detail-gallery-item.esol-video-portrait-item{width:fit-content;max-width:68%}.detail-gallery .esol-video-portrait{object-fit:contain;width:auto;max-width:68vw}.detail-gallery-item:has(>img.is-portrait){width:var(--content-image-width,fit-content);max-width:68%}.detail-gallery-item>img.is-portrait{object-fit:contain;width:auto;max-width:68vw}.detail-gallery-item:has(>img.is-portrait)>figcaption{overflow-wrap:anywhere;width:0;min-width:100%;max-width:100%}.beryl-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;width:68%;display:grid}.beryl-video-item{width:100%;margin:0}.detail-gallery .beryl-video-item video{aspect-ratio:9/16;object-fit:cover;background:#111;border-radius:8px;width:100%;height:auto;min-height:0;max-height:none;display:block}.beryl-video-single{width:68%;margin:0}.detail-gallery .beryl-video-single video{object-fit:contain;background:#111;border-radius:8px;min-height:0;margin:0 auto;display:block}.detail-gallery .beryl-video-landscape{width:100%;height:auto;max-height:calc(100vh - (var(--detail-edge) * 2));aspect-ratio:16/9}.detail-gallery .beryl-video-original{width:100%;height:auto;max-height:calc(100vh - (var(--detail-edge) * 2));aspect-ratio:auto}.beryl-video-original-item figcaption{text-align:left;width:100%}.detail-visual figcaption,.detail-gallery-item figcaption,.beryl-video-item figcaption,.beryl-video-single figcaption{color:#0009;width:100%;margin:10px 0 0;font:14px/22px Baskervville,Noto Sans TC,serif}.detail-back{margin:0 var(--detail-side) 120px;border-top:1px solid var(--line);padding:18px 0;font:14px/22px Baskervville,Noto Sans TC,serif;display:block}.reference-about{background:#f7f7f7;font-family:Baskervville,Noto Sans TC,serif}.about-reference-hero{justify-content:center;align-items:center;min-height:100vh;padding:115px 16px 70px;display:flex}.about-reference-hero h1{letter-spacing:-.055em;width:min(900px,76vw);margin:0;font:400 clamp(56px,6vw,80px)/.91 Baskervville,Noto Sans TC,serif;transform:translateY(40px)}.about-reference-story{grid-template-rows:auto auto;grid-template-columns:repeat(6,minmax(50px,1fr));align-items:start;column-gap:24px;min-height:660px;padding:53px 16px 65px;display:grid}.about-reference-intro{grid-column:2/span 3;position:relative}.about-reference-intro>p{letter-spacing:-.055em;margin:0;font:400 clamp(24px,2.3vw,30px)/1.12 Raleway,Noto Sans TC,sans-serif}.about-reference-intro>span{font:10px/1 Arial,sans-serif;position:absolute;top:49%;right:3%}.about-reference-copy{color:#0009;grid-column:5;font:14px/1.7 Baskervville,Noto Sans TC,serif}.about-reference-copy p{margin:0}.about-reference-clients{color:#0009;grid-column:2;margin-top:85px;font:15px/1.45 Baskervville,Noto Sans TC,serif}.about-reference-clients>p{margin:0 0 28px}.about-reference-clients>div{color:var(--ink);flex-direction:column;gap:9px;font-size:16px;display:flex}.about-reference-portrait{object-position:center;border-radius:8px;grid-column:5;width:100%;height:260px;margin-top:85px}.about-reference-experience>header{color:#0009;border-bottom:1px solid #aaa;justify-content:space-between;height:143px;padding:48px 14px 0;font-size:15px;display:flex}.about-reference-experience>header p{margin:0}.about-reference-experience>header span{color:#000;margin-right:29%;font:10px/1 Arial,sans-serif}.experience-list details{border-bottom:1px solid #aaa}.experience-list summary{cursor:pointer;grid-template-columns:1.2fr 1.2fr 1fr 28px;align-items:center;gap:12px;min-height:63px;padding:0 16.5% 0 15.2%;font-size:16px;list-style:none;display:grid}.experience-list summary::-webkit-details-marker{display:none}.experience-list summary i{border:1px solid #aaa;border-radius:50%;width:28px;height:28px;position:relative}.experience-list summary i:before,.experience-list summary i:after{content:"";background:#aaa;width:11px;height:1px;position:absolute;top:13px;left:8px}.experience-list summary i:after{transition:transform .2s;transform:rotate(90deg)}.experience-list details[open] summary i:after{transform:rotate(0)}.experience-list details[open] summary{align-items:start;min-height:56px;padding-top:18px}.experience-description{color:#0009;grid-template-columns:1.2fr 2.2fr 28px;gap:12px;padding:0 16.5% 23px 15.2%;font-size:14px;line-height:1.45;display:grid}.experience-description p{grid-column:2;margin:0}.experience-view-work{color:var(--ink);text-transform:uppercase;border-bottom:1px solid;grid-column:2;justify-self:start;margin-top:4px;padding-bottom:2px;font-size:12px;line-height:1.4}.site-contact-strip{min-height:300px;color:var(--ink);background:#f7f7f7;border-top:1px solid #aaa;grid-template-columns:1fr 2fr;padding:50px 16% 78px;font-family:Baskervville,Noto Sans TC,serif;display:grid;position:relative}.site-contact-strip>p{color:#0009;margin:0;font-size:14px}.site-contact-strip>div{flex-direction:column;align-items:flex-start;gap:14px;font-size:clamp(28px,3vw,42px);line-height:1;display:flex}.site-contact-strip a{border-bottom:1px solid}.site-copyright{color:#0009;text-align:center;width:max-content;margin:0;font:12px/18px Baskervville,Noto Sans TC,serif;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.minimal-contact-page{background:#f7f7f7;justify-content:center;align-items:center;min-height:100vh;padding:110px 16px 70px;display:flex}.minimal-contact-page h1{letter-spacing:-.055em;width:min(900px,76vw);margin:0;font:400 clamp(72px,7.9vw,100px)/.91 Baskervville,Noto Sans TC,serif;transform:translateY(35px)}@media (width<=720px){.site-header{grid-template-columns:1fr auto;min-height:110px;padding:16px}.header-actions{grid-area:1/2;justify-self:end}.site-header nav{gap:14px;font-size:12px}.brand{justify-self:end}.header-note{display:none}.hero{min-height:680px;padding:36px 16px 50px;display:block}.hero-name{font-size:72px}.hero-title{margin-top:200px}.hero h1{font-size:68px}.hero-title p{width:75%;margin:28px 0 0 auto}.statement{padding:75px 16px 100px;display:block}.statement p{font-size:34px}.underlined{margin-top:30px;display:block}.project-list{gap:96px;padding:96px 16px 0}.project-row{flex-direction:column;gap:12px;display:flex}.project-row .row-meta{order:0;width:auto;padding:0}.project-image{order:1;width:100%}.project-row h2{order:2;font-size:26px;line-height:32px}.project-row p{order:3;width:100%;max-width:292px}.project-copy{order:3;width:100%}.project-tags{flex-wrap:wrap}.services{padding:28px 16px 80px;display:block}.services>p{margin-bottom:60px}.services h2{font-size:43px}footer{padding:70px 16px 26px}.footer-cta{font-size:64px}.footer-meta{margin-top:90px}.page-intro{min-height:480px;padding:50px 16px}.page-intro h1{font-size:68px}.page-intro em{margin-left:9vw}.work-grid{padding:0 16px 90px;display:block}.work-card{margin-bottom:70px;display:block}.work-card:nth-child(2n){margin-top:0}.work-card img{height:62vh}.works-reference-intro{min-height:100svh;padding:80px 16px 60px}.works-reference-intro h1{font-size:64px;line-height:1.05}.works-project-list{padding-top:96px;padding-bottom:100px}.detail-hero{min-height:500px;padding:35px 16px}.detail-hero h1{font-size:60px}.detail-copy{padding:65px 16px 90px;display:block}.detail-copy>p{font-size:30px}.detail-copy dl{gap:10px;display:grid}.gallery{padding:0 16px 90px;display:block}.gallery img,.gallery .wide{min-height:0;margin:0 0 16px}.back-link{margin:0 16px 90px}.reference-detail{--detail-edge:16px;--detail-side:16px;padding-top:70px}.detail-visual{width:calc(100% - 32px);height:auto;margin-bottom:16px}.detail-visual img{height:68svh;min-height:430px}.detail-visual:has(>img.is-portrait){width:fit-content;max-width:calc(100% - 32px)}.detail-visual>img.is-portrait{max-width:calc(100vw - 32px)}.detail-info{min-height:auto;padding:90px 16px 110px;display:block}.detail-overview h1{font-size:40px}.detail-overview p{max-width:100%}.detail-info dl{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:60px;display:grid}.detail-gallery{gap:16px;padding:16px 0 100px}.detail-gallery img,.detail-gallery video{aspect-ratio:auto;width:calc(100% - 32px);min-height:430px}.detail-gallery-item{width:calc(100% - 32px)}.detail-gallery-item>img,.detail-gallery-item>video{width:100%}.detail-gallery-item.esol-video-portrait-item{width:fit-content;max-width:calc(100% - 32px)}.detail-gallery .esol-video-portrait{width:auto;max-width:calc(100vw - 32px)}.project-esol .detail-gallery-item>video{object-fit:contain;height:auto;min-height:0;max-height:none}.project-esol .detail-gallery .esol-video-portrait{width:100%;max-width:100%}.detail-gallery-item:has(>img.is-portrait){width:var(--content-image-width,fit-content);max-width:calc(100% - 32px)}.detail-gallery-item>img.is-portrait{max-width:calc(100vw - 32px)}.detail-gallery-item>img{height:auto;min-height:0}.beryl-video-grid{gap:12px;width:calc(100% - 32px)}.beryl-video-single{width:calc(100% - 32px)}.detail-back{margin:0 16px 90px}.about-reference-hero{min-height:100svh;padding:90px 16px 60px}.about-reference-hero h1{width:100%;font-size:clamp(44px,13vw,60px);line-height:.96}.about-reference-story{min-height:0;padding:100px 16px 120px;display:block}.about-reference-intro>p{font-size:clamp(22px,7vw,28px);line-height:1.12}.about-reference-intro>span{right:4%}.about-reference-copy{margin:90px 0 0 28%;font-size:clamp(14px,4vw,17px);line-height:1.7}.about-reference-clients{margin:100px 0 0;font-size:22px}.about-reference-clients>p{margin-bottom:35px}.about-reference-clients>div{gap:10px;font-size:27px}.about-reference-portrait{width:68%;height:440px;margin:100px 0 0 auto}.about-reference-experience>header{height:220px;padding:80px 16px 0;font-size:22px}.about-reference-experience>header span{margin-right:20%}.experience-list summary{grid-template-columns:1.4fr 1fr 40px;gap:12px;min-height:100px;padding:0 16px;font-size:20px}.experience-list summary span:nth-child(3){display:none}.experience-list summary i{width:40px;height:40px}.experience-list summary i:before,.experience-list summary i:after{width:17px;top:19px;left:11px}.experience-list details[open] summary{min-height:90px;padding:25px 16px 0}.experience-description{padding:0 16px 35px;font-size:18px;display:block}.experience-description p{margin:20px 0 0}.experience-view-work{margin-top:22px;font-size:12px;display:inline-block}.site-contact-strip{min-height:360px;padding:80px 16px 78px;display:block}.site-contact-strip>p{margin-bottom:70px;font-size:22px}.site-contact-strip>div{font-size:35px}.site-copyright{margin:0;font-size:12px;display:block}.minimal-contact-page{min-height:100svh;padding:90px 16px 60px}.minimal-contact-page h1{width:100%;font-size:16vw;line-height:.96;transform:none}.home-header{grid-template-columns:1fr auto;min-height:0;padding:16px}.home-header .brand{display:none}.home-header .more-templates{display:block}.profile-hero{min-height:100svh;padding:70px 16px 50px}.profile-image{width:min(268px,78vw);height:min(72vh,430px);min-height:360px}.profile-intro{min-height:100svh;padding:80px 16px}.profile-intro h1{margin-bottom:50px;font-size:60px;line-height:1.05}.profile-lead{font-size:20px;line-height:1.6}.profile-small{font-size:13px}.home-fixed-meta{font-size:12px;line-height:18px;bottom:16px;left:16px}.home-socials{gap:14px;bottom:16px;right:16px}.profile-services{min-height:100svh;padding:95px 16px 80px}.profile-services h2{font-size:30px}}@media (width>=721px) and (width<=1199px){.project-list{gap:120px}.project-row{flex-direction:column;display:flex}.project-image{order:0;width:100%}.project-row .row-meta{order:1;width:auto}.project-row h2{order:2;font-size:36px;line-height:40px}.project-row p,.project-copy{order:3}.project-tags{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.splash-name span,.splash-name em,.splash-panel,.profile-entry-panel{animation-duration:.01ms;animation-delay:0s}}html[lang=zh-Hant] .profile-intro h1,html[lang=zh-Hant] .about-reference-hero h1{line-height:1.18}html[lang=zh-Hant] .about-reference-intro>p{font-size:20px;line-height:1.6}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}