@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Serif+TC:wght@400;500;600;700;800&display=swap');:root{font-family:'DM Sans','Noto Sans TC',sans-serif;color:#1e1e1c;background:#f1f0eb;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}img{display:block;width:100%}h1,h2,h3,p{margin-top:0}.dot{color:#d22e29}.topbar{display:flex;align-items:center;gap:4rem;min-height:85px;padding:0 4.5%;border-bottom:1px solid #262622;position:relative;z-index:3;background:#f1f0eb}.brand{font-size:1.8rem;font-weight:800;letter-spacing:-.08em;white-space:nowrap}.brand span{color:#d22e29}.topbar nav{display:flex;gap:2rem;font-size:.9rem;font-weight:600}.topbar nav a:hover,.jump a:hover{color:#cf302b}.topnote{margin-left:auto;font-size:.75rem;letter-spacing:.15em}.kicker,.label{font-size:.76rem;letter-spacing:.15em;font-weight:700}.home-hero{min-height:690px;display:grid;grid-template-columns:58% 42%;border-bottom:1px solid #242421}.hero-text{padding:8vw 7.8%;position:relative;display:flex;align-items:flex-start;flex-direction:column}.hero-text h1{font-size:clamp(4rem,8vw,9rem);letter-spacing:-.1em;line-height:1.05;margin:2.6rem 0 1.5rem}.roman{display:block;font-size:.54em;letter-spacing:-.055em;line-height:.98;margin-top:.3em}.hero-line{font-size:clamp(1.05rem,1.7vw,1.5rem);letter-spacing:.05em}.round-link{margin-top:2.5rem;background:#d22e29;color:white;display:flex;align-items:center;justify-content:space-between;gap:3.6rem;padding:1rem 1.3rem;font-size:.95rem;border-radius:100px}.round-link:hover{background:#1e1e1c}.vertical-note{position:absolute;right:3%;bottom:7%;writing-mode:vertical-rl;font-size:.7rem;letter-spacing:.2em}.hero-portrait{position:relative;background:#292725;overflow:hidden;min-height:650px}.hero-portrait img{height:100%;object-fit:cover;object-position:center 29%;filter:grayscale(100%)}.hero-portrait span{position:absolute;bottom:1.7rem;left:2rem;color:#fff;font-size:.75rem;letter-spacing:.15em}.about-block,.editorial,.skill-block,.portrait-strip,.closing{padding:8rem 7%;border-bottom:1px solid #292927}.about-block{display:grid;grid-template-columns:30% 1fr;gap:3rem}.about-block h2,.editorial h2,.skill-block h2,.portrait-strip h2,.closing h2{font-size:clamp(3rem,6.7vw,7rem);line-height:1.12;letter-spacing:-.08em;margin-bottom:2.3rem}.about-block em,.closing em{font-style:normal;color:#d22e29}.about-block p{font-size:1.15rem;line-height:2;max-width:680px}.identity{display:flex;flex-wrap:wrap;gap:1rem 2.2rem;margin-top:3rem;font-size:.82rem;font-weight:700;letter-spacing:.05em}.editorial{background:#242422;color:#f1f0eb;display:grid;grid-template-columns:43% 57%;gap:2rem}.editorial-rows{padding-right:2rem}.editorial-rows a{border-top:1px solid #777;display:grid;grid-template-columns:3rem 1fr auto;gap:1rem;align-items:center;padding:1.55rem 0}.editorial-rows a:last-child{border-bottom:1px solid #777}.editorial-rows b{font-size:.8rem;color:#e65b51}.editorial-rows span{font-size:clamp(1.3rem,2vw,2rem);font-weight:600}.editorial-rows i{font-size:.8rem;font-style:normal;color:#aaa}.skill-block{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.skill-block p{font-size:1.05rem}.skill-list{display:flex;align-content:center;align-items:center;flex-wrap:wrap;gap:.8rem}.skill-list span{border:1px solid #292927;border-radius:100px;padding:.8rem 1.2rem;font-size:.95rem}.skill-list .soon{border-color:#d22e29;color:#b22622}.portrait-strip{display:grid;grid-template-columns:1fr 240px;align-items:center;gap:3rem}.portrait-strip a{display:block;max-width:240px}.portrait-strip img{height:240px;object-fit:cover;object-position:center 38%;filter:grayscale(1)}.portrait-strip a span{display:block;margin-top:.7rem;font-size:.75rem;letter-spacing:.12em}.closing{background:#d22e29;color:#fff;display:grid;grid-template-columns:1fr auto;align-items:end}.closing .label{grid-column:1/-1}.closing h2{margin:1rem 0 0}.closing em{color:#1e1e1c}.closing a{font-size:1.2rem;border-bottom:1px solid white;padding-bottom:.5rem}footer{padding:2rem 4.5%;display:flex;justify-content:space-between;gap:1rem;font-size:.75rem;font-weight:700;letter-spacing:.08em}.works-hero{padding:8rem 6% 4rem;border-bottom:1px solid}.works-hero h1{font-size:clamp(4rem,10vw,10rem);letter-spacing:-.095em;line-height:1.1;margin:2rem 0}.works-hero .outline{-webkit-text-stroke:1.5px #222;color:transparent}.works-hero p{font-size:1.2rem}.jump{display:flex;flex-wrap:wrap;gap:1.5rem 2.5rem;margin-top:6rem;font-size:.95rem;font-weight:700}.jump a{border-bottom:1px solid;padding-bottom:.5rem}.work-category{padding:7rem 6%;border-bottom:1px solid}.category-heading{display:grid;grid-template-columns:25% 1fr;column-gap:2rem;border-top:2px solid;padding-top:1.5rem;margin-bottom:4rem}.category-heading span{font-size:.8rem;letter-spacing:.12em;font-weight:700}.category-heading h2{font-size:clamp(3rem,6vw,6.5rem);letter-spacing:-.08em;margin:0}.category-heading p{grid-column:2;font-size:1rem;margin-top:1rem}.model{display:grid;grid-template-columns:27% 1fr;gap:4%;border-top:1px solid #999;padding:3rem 0}.model-copy span,.model-copy small{font-size:.75rem;font-weight:700;letter-spacing:.1em}.model-copy h3{font-size:2rem;letter-spacing:-.04em;margin:1rem 0}.model-copy p{line-height:1.8;max-width:280px}.model-images{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.model-images img{height:320px;object-fit:cover;background:#fff}.gallery-section{border-top:1px solid #9b9a95;padding:3rem 0 4rem}.gallery-title{display:grid;grid-template-columns:28% 1fr auto;gap:2rem;align-items:start;margin-bottom:2rem}.gallery-title h3{font-size:1.8rem;margin:0}.gallery-title p{margin:0;line-height:1.7}.gallery-title span{font-size:.75rem;white-space:nowrap;letter-spacing:.12em}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.gallery-item{min-width:0}.gallery-item img{height:220px;object-fit:cover;background:#e4e2dd;transition:filter .2s}.gallery-item:hover img{filter:grayscale(1)}.gallery-item span{display:block;font-size:.72rem;margin-top:.6rem;letter-spacing:.02em}.event-note{background:#242422;color:#fff;padding:2rem;margin-bottom:4rem;display:flex;justify-content:space-between;gap:2rem}.event-note b{font-size:1.25rem}.event-note p{margin:0;max-width:500px;line-height:1.7}@media(max-width:850px){.topbar{padding:1.2rem 5%;gap:1.5rem;min-height:70px}.topnote{display:none}.home-hero{grid-template-columns:1fr 43%;min-height:560px}.hero-text{padding:4rem 7%}.hero-portrait{min-height:560px}.hero-text h1{font-size:clamp(3.5rem,8vw,6rem)}.editorial{grid-template-columns:1fr}.editorial-rows{padding-right:0}.gallery-grid{grid-template-columns:repeat(3,1fr)}.model-images img{height:240px}}@media(max-width:600px){.topbar{gap:1rem}.brand{font-size:1.4rem}.topbar nav{gap:.85rem;font-size:.8rem;margin-left:auto}.home-hero{display:flex;flex-direction:column}.hero-text{padding:4.5rem 6% 3rem}.hero-text h1{font-size:clamp(3.8rem,15vw,6.5rem);margin:2rem 0}.vertical-note{display:none}.round-link{margin-top:1.2rem}.hero-portrait{height:420px;min-height:0}.about-block,.editorial,.skill-block,.portrait-strip,.closing{padding:5rem 6%;display:block}.about-block h2,.editorial h2,.skill-block h2,.portrait-strip h2,.closing h2{margin-top:2rem}.editorial-rows a{grid-template-columns:2rem 1fr}.editorial-rows i{display:none}.skill-list{margin-top:2rem}.portrait-strip a{margin-top:2rem}.closing a{display:inline-block;margin-top:2rem}footer{flex-wrap:wrap;padding:2rem 6%}.works-hero{padding:5rem 6% 3rem}.works-hero h1{font-size:clamp(3.6rem,14vw,6rem)}.jump{margin-top:4rem}.work-category{padding:5rem 6%}.category-heading{display:block}.category-heading h2{margin-top:1.3rem}.model{display:block}.model-images{margin-top:2rem;gap:.5rem}.model-images img{height:180px}.gallery-title{display:block}.gallery-title p{margin:1rem 0}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.gallery-item img{height:170px}.event-note{display:block}.event-note p{margin-top:1rem}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}
/* Editorial typography and layout */
:root{font-family:'Noto Serif TC','Songti TC','Noto Serif CJK TC','PMingLiU',serif;background:#f5f4ef;color:#252521}
body{font-weight:500;letter-spacing:.015em}
.topbar{background:#f5f4ef;min-height:78px;padding-inline:6%;gap:5rem}
.brand,.topnote,.kicker,.label,.model-copy>span,.model-copy small,.gallery-title>span,.hero-portrait>span,.portrait-strip a span,footer{font-family:'DM Sans',sans-serif}
.brand{font-weight:700;letter-spacing:-.065em}
.topbar nav{font-size:.95rem;letter-spacing:.08em}
.topbar nav a{padding-block:.6rem}
h1,h2,h3{font-family:'Noto Serif TC','Songti TC','Noto Serif CJK TC','PMingLiU',serif;font-weight:600;letter-spacing:.045em!important}
.home-hero{grid-template-columns:minmax(0,54%) minmax(0,46%);min-height:740px;padding:2.5rem 5% 3.5rem;gap:2.5rem}
.hero-text{padding:5.5rem 3% 3.5rem 2%;justify-content:center}
.hero-text h1{font-size:clamp(5rem,9vw,9.5rem);line-height:1.22;letter-spacing:.035em!important;margin:2.5rem 0 1.5rem;white-space:nowrap}
.hero-text .roman{font-family:'DM Sans',sans-serif;font-weight:500;font-size:.36em;letter-spacing:.015em!important;line-height:1.05;margin-top:.45em}
.hero-line{font-size:1.15rem;line-height:1.9;letter-spacing:.12em}
.hero-portrait{min-height:650px;max-height:790px;align-self:stretch}
.hero-portrait img{object-position:center 27%}
.vertical-note{right:1%;bottom:5%}
.round-link{font-family:'DM Sans','Noto Serif TC',serif;border-radius:0;min-width:215px;max-width:240px;margin-top:3.4rem;background:#bd332e;letter-spacing:.06em}
.about-block,.editorial,.skill-block,.portrait-strip,.closing{padding:8.5rem 8%}
.about-block{grid-template-columns:25% minmax(0,1fr);gap:4rem}
.about-block h2,.editorial h2,.skill-block h2,.portrait-strip h2,.closing h2{font-size:clamp(3rem,5.3vw,6rem);line-height:1.42;margin-bottom:2.5rem}
.about-block p{font-size:1.18rem;line-height:2.35;max-width:660px}
.identity{font-size:.9rem;line-height:1.8;border-top:1px solid #888;padding-top:1.5rem;max-width:660px}
.editorial{grid-template-columns:46% minmax(0,1fr);gap:5%}
.editorial-rows a{padding:1.9rem .3rem;transition:padding .2s,color .2s}
.editorial-rows a:hover{padding-left:1rem;color:#f5c5bc}
.editorial-rows span{font-size:clamp(1.25rem,1.9vw,2rem);font-weight:500;letter-spacing:.09em}
.skill-list span{border-radius:0;line-height:1.65;padding:.75rem 1.2rem}
.portrait-strip{grid-template-columns:minmax(0,1fr) 230px}
.closing{background:#bd332e}
.works-hero{padding:7.5rem 8% 3.8rem}
.works-hero h1{font-size:clamp(4.5rem,8vw,8.8rem);line-height:1.32;margin:1.4rem 0 .9rem}
.works-hero p{font-size:1.1rem;line-height:1.9}
.jump{margin-top:5rem;gap:1.5rem 3rem}
.jump a{padding-bottom:.8rem}
.work-category{padding:7.5rem 8%}
.category-heading{grid-template-columns:22% minmax(0,1fr);margin-bottom:4.5rem}
.category-heading h2{font-size:clamp(3.2rem,5vw,5.8rem);line-height:1.25}
.category-heading p{font-size:1.06rem;line-height:1.9;margin-top:1.8rem}
.model{grid-template-columns:26% minmax(0,1fr);gap:3%;padding:3.8rem 0}
.model-copy h3{font-size:1.7rem;line-height:1.5;margin:1.4rem 0}
.model-copy p{line-height:2}
.model-images{gap:1.3rem}
.model-images img{height:360px;object-fit:contain}
.gallery-section{padding:3.5rem 0 5rem}
.gallery-title{grid-template-columns:27% minmax(0,1fr) auto;gap:2.5rem;margin-bottom:2.3rem}
.gallery-title h3{font-size:1.65rem;line-height:1.45}
.gallery-title p{line-height:2}
.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.2rem 1.4rem}
.gallery-item img{height:260px;object-fit:cover}
.gallery-item span{font-size:.82rem;line-height:1.5;margin-top:.8rem}
#ses-design .gallery-item img{object-fit:contain;background:#fff}
.event-note{padding:2.5rem 3rem;align-items:center}
.event-note p{line-height:2}
@media(max-width:900px){.home-hero{grid-template-columns:53% 47%;gap:1rem;padding:1.5rem 3%}.hero-text h1{font-size:clamp(4.2rem,9vw,7rem)}.hero-portrait{min-height:550px}.editorial{gap:2rem}.model-images img{height:265px}.gallery-grid{gap:1.4rem 1rem}.gallery-item img{height:210px}}
@media(max-width:650px){.topbar{padding:1.1rem 5%;gap:.9rem}.topbar nav{font-size:.78rem;gap:.8rem;letter-spacing:0}.home-hero{display:flex;flex-direction:column;gap:0;padding:0}.hero-text{padding:4rem 7% 3.5rem;min-height:470px}.hero-text h1{font-size:clamp(4.1rem,17vw,6.6rem);line-height:1.12;white-space:normal;margin:1.7rem 0 1.2rem}.hero-text .roman{font-size:.36em;line-height:1.06;margin-top:.5em}.hero-line{font-size:1rem}.round-link{margin-top:2rem}.hero-portrait{height:460px;min-height:0;max-height:none;margin:0 6% 2.5rem}.about-block,.editorial,.skill-block,.portrait-strip,.closing{padding:5rem 7%;display:block}.about-block h2,.editorial h2,.skill-block h2,.portrait-strip h2,.closing h2{font-size:clamp(3.1rem,11vw,4.7rem);line-height:1.4}.about-block p{font-size:1.05rem;line-height:2.15}.editorial-rows{margin-top:2.5rem}.editorial-rows a{padding:1.5rem .2rem}.skill-list{margin-top:2rem}.portrait-strip a{margin-top:1.5rem}.closing a{margin-top:2rem}.works-hero{padding:5.5rem 7% 3rem}.works-hero h1{font-size:clamp(3.8rem,13vw,5.5rem);line-height:1.38}.jump{margin-top:3.7rem;gap:1.2rem 1.5rem}.work-category{padding:5.5rem 7%}.category-heading{display:block;margin-bottom:3rem}.category-heading h2{font-size:3.3rem;margin-top:1rem}.model{display:block;padding:3rem 0}.model-images{margin-top:1.8rem;gap:.6rem}.model-images img{height:180px}.gallery-title{display:block;margin-bottom:1.6rem}.gallery-title h3{font-size:1.6rem}.gallery-title p{margin:.8rem 0}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem .7rem}.gallery-item img{height:165px}.gallery-item span{font-size:.73rem}.event-note{padding:2rem;display:block}.event-note p{margin-top:1rem}}

/* Personal symbol */
.brand{display:inline-flex;align-items:center;gap:1rem;letter-spacing:0;flex:none}.brand-mark{display:block;width:54px;height:54px;overflow:hidden;background:#111;flex:none}.brand-mark img{width:210%;height:210%;max-width:none;object-fit:cover;transform:translate(-26%,-26%)}.brand-name{font-family:'Noto Serif TC','Songti TC',serif;display:flex;flex-direction:column;font-size:1.1rem;font-weight:600;line-height:1.2;letter-spacing:.08em}.brand-name small{font-family:'DM Sans',sans-serif;font-size:.62rem;font-weight:500;letter-spacing:.15em;margin-top:.4rem}.topbar{gap:3rem}@media(max-width:650px){.brand{gap:.55rem}.brand-mark{width:41px;height:41px}.brand-name{font-size:.9rem}.brand-name small{font-size:.5rem;letter-spacing:.05em}.topbar{gap:.5rem}.topbar nav{gap:.65rem}}

/* Quieter About Me introduction */
.hero-text{max-width:700px;justify-content:center}.hero-text h1{font-size:clamp(3.4rem,5.4vw,6.2rem);margin:1.8rem 0 1.4rem;line-height:1.35}.hero-name{font-size:clamp(1.45rem,2vw,2rem);letter-spacing:.12em;margin-bottom:2.2rem;border-bottom:1px solid #a8a59f;padding-bottom:1.3rem;width:100%}.hero-name span{display:inline-block;font-family:'DM Sans',sans-serif;font-size:.66em;font-weight:500;letter-spacing:.12em;margin-left:.8rem;white-space:nowrap}.hero-line{font-size:1.12rem;line-height:2;letter-spacing:.03em;max-width:35em;margin-bottom:1.1rem}.hero-bio{font-size:1rem;line-height:2;max-width:36em;color:#55534e;margin-bottom:0}.round-link{margin-top:2.4rem}@media(max-width:900px){.hero-text h1{font-size:clamp(3.4rem,6vw,5rem)}.hero-name span{display:block;margin:.65rem 0 0}}@media(max-width:650px){.hero-text{min-height:0;padding:4rem 7% 3.5rem}.hero-text h1{font-size:3.6rem;margin:1.4rem 0}.hero-name{font-size:1.45rem;margin-bottom:1.8rem}.hero-name span{font-size:.7rem}.hero-line{font-size:1.04rem}.hero-bio{font-size:.96rem;line-height:1.9}}

/* Project documents and future architecture work */
.architecture-pending{padding-bottom:6rem}.architecture-pending .category-heading{margin-bottom:2.5rem}.pending-panel{border:1px solid #aaa8a2;background:#ebeae5;padding:3rem 3.5rem;display:flex;justify-content:space-between;align-items:end;gap:2rem}.pending-panel span,.doc-heading>span{font-family:'DM Sans',sans-serif;font-size:.8rem;letter-spacing:.15em;font-weight:700}.pending-panel p{font-size:clamp(1.5rem,2.8vw,2.4rem);margin:0}.project-documents{margin:2.5rem 0 0;padding:2rem 0;border-top:1px solid #b6b4ad;display:grid;grid-template-columns:27% minmax(0,1fr);gap:2.5rem}.doc-heading h4{font-weight:600;font-size:1.5rem;margin:1rem 0 .6rem}.doc-heading p{font-size:.95rem;line-height:1.7}.doc-list a{display:grid;grid-template-columns:1fr auto 2rem;gap:1rem;align-items:center;border-bottom:1px solid #aaa8a2;padding:1.25rem 0;font-size:1.1rem}.doc-list a:first-child{border-top:1px solid #aaa8a2}.doc-list a:hover{color:#bd332e}.doc-list small{font-family:'DM Sans',sans-serif;font-size:.8rem;white-space:nowrap}.doc-list b{font-weight:400;text-align:right}@media(max-width:650px){.pending-panel{display:block;padding:2.5rem}.pending-panel p{margin-top:1.2rem}.project-documents{display:block}.doc-list{margin-top:1.7rem}.doc-list a{font-size:1rem}}

/* Contact */
.closing{grid-template-columns:minmax(0,1fr) auto;gap:2rem}.contact-details{display:flex;flex-direction:column;gap:.8rem;align-items:flex-start;align-self:end;padding-bottom:.7rem}.contact-details span{font-size:.85rem;letter-spacing:.12em}.contact-details a{font-family:'DM Sans',sans-serif;font-size:clamp(1rem,1.6vw,1.3rem);overflow-wrap:anywhere}.topbar nav{flex-wrap:wrap}@media(max-width:650px){.closing{display:block}.contact-details{margin-top:2.5rem}.topbar nav{max-width:190px;justify-content:flex-end;row-gap:.1rem}.topbar nav a{font-size:.74rem}}

/* Refined editorial rhythm */
:root{--paper:#f5f4ef;--ink:#252521;--accent:#bd332e;--hairline:#bcbab2}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.topbar{border-bottom-color:var(--hairline);box-shadow:0 1px 0 #fff8}.topbar nav a{transition:color .2s}.topbar nav a:hover{color:var(--accent)}.home-hero{min-height:min(760px,calc(100vh - 78px));padding:3rem max(5%,calc((100vw - 1440px)/2)) 4rem;gap:clamp(2rem,5vw,6rem);grid-template-columns:minmax(0,52%) minmax(0,48%)}.hero-text{padding:2rem 0;max-width:610px}.hero-text .kicker{display:flex;gap:1rem;align-items:center}.hero-text .kicker:after{content:"";width:62px;border-top:1px solid var(--accent)}.hero-text h1{margin:1.4rem 0 .6rem;font-size:clamp(3.2rem,4.7vw,5.5rem);letter-spacing:.11em!important}.hero-name{margin-bottom:2.5rem;width:min(100%,540px);border-bottom-color:var(--hairline)}.hero-line{font-size:1.1rem;line-height:2;max-width:30em}.hero-bio{max-width:31em;line-height:2}.hero-portrait{min-height:600px;max-height:740px;position:relative;box-shadow:18px 18px 0 #e4e0d8}.hero-portrait:after{content:"";position:absolute;inset:0;border:1px solid #ffffff28;pointer-events:none}.hero-portrait img{object-position:center 25%}.round-link{min-width:230px;transition:background .2s,transform .2s}.round-link:hover{transform:translateY(-3px)}.editorial{padding-block:6.8rem;gap:7%;grid-template-columns:40% minmax(0,1fr)}.editorial-heading h2{margin-top:1.7rem;font-size:clamp(3rem,5vw,5.2rem)}.editorial-rows a{grid-template-columns:3.2rem minmax(0,1fr) auto;padding-block:1.65rem}.skill-block{padding-block:6.5rem;gap:8%}.skill-block h2{margin-top:1.3rem}.skill-list{max-width:620px}.closing{padding-block:7rem}.works-hero{display:grid;grid-template-columns:1fr .76fr;column-gap:6%;align-items:center;padding:5.3rem 8% 0}.works-intro{min-width:0}.works-hero h1{font-size:clamp(4.2rem,6.1vw,7.8rem);line-height:1.3;margin:.6rem 0 1.5rem}.works-hero p{margin:0}.works-cover{margin:0;position:relative;background:#222;height:430px;overflow:hidden}.works-cover img{height:100%;object-fit:cover;object-position:center 66%;filter:saturate(.78)}.works-cover figcaption{position:absolute;bottom:1.2rem;left:1.3rem;color:#fff;background:#20201eaa;padding:.45rem .6rem;font:700 .68rem 'DM Sans',sans-serif;letter-spacing:.11em}.jump{grid-column:1/-1;margin-top:3.9rem;border-top:1px solid var(--hairline);padding:1.3rem 0;gap:1rem 3rem}.jump a{border:0;padding:.4rem 0;position:relative}.jump a:after{content:"";position:absolute;bottom:0;left:0;width:100%;border-bottom:1px solid currentColor;transform:scaleX(.25);transform-origin:left;transition:transform .2s}.jump a:hover:after{transform:scaleX(1)}.work-category{padding-block:6rem}.category-heading{margin-bottom:3rem;align-items:start}.category-heading h2{font-size:clamp(3rem,4.5vw,5.2rem)}.category-heading p{margin-top:.9rem}.gallery-section{padding:2.7rem 0 4.2rem}.gallery-grid{gap:1.8rem 1.1rem}.gallery-item{display:block}.gallery-item img{transition:filter .25s,transform .25s}.gallery-item:hover img{transform:scale(1.015)}#restart{display:grid;grid-template-columns:28% minmax(0,1fr);gap:2rem 3%;align-items:start}#restart .gallery-title{display:block;margin:0}#restart .gallery-title p{margin:1.1rem 0}#restart .gallery-grid{display:block}#restart .gallery-item{max-width:100%}#restart .gallery-item img{height:440px;object-position:center 62%}#restart .project-documents{grid-column:1/-1;margin:1rem 0 0}.pending-panel{background:transparent;border-color:var(--hairline)}.event-note{margin-top:.5rem}.doc-list a{transition:color .2s,padding-left .2s}.doc-list a:hover{padding-left:.7rem}footer{border-top:1px solid var(--hairline)}@media(max-width:900px){.home-hero{gap:1.5rem;grid-template-columns:52% 48%;padding:2rem 4% 3rem}.hero-portrait{min-height:520px}.works-cover{height:340px}.works-hero{padding:4.5rem 6% 0}.works-hero h1{font-size:clamp(3.6rem,7vw,6rem)}#restart .gallery-item img{height:340px}}@media(max-width:650px){.home-hero{display:flex;flex-direction:column;padding:0 0 3rem;gap:0;min-height:0}.hero-text{padding:4rem 7% 3rem}.hero-text h1{font-size:3.45rem}.hero-name{margin-bottom:1.8rem}.hero-portrait{height:450px;min-height:0;margin:0 8% 1rem;box-shadow:11px 11px 0 #e4e0d8}.editorial,.skill-block,.closing{padding-block:5rem}.editorial-rows a{grid-template-columns:2rem minmax(0,1fr)}.works-hero{display:block;padding:4.5rem 7% 0}.works-hero h1{font-size:clamp(3.5rem,13vw,5.6rem)}.works-cover{height:250px;margin-top:2.5rem}.jump{display:grid;grid-template-columns:1fr 1fr;margin-top:2rem;gap:.7rem 1rem}.work-category{padding:5rem 7%}.category-heading h2{font-size:3rem}.gallery-section{padding:2.4rem 0 3rem}#restart{display:block}#restart .gallery-title{margin-bottom:1.5rem}#restart .gallery-item img{height:250px}#restart .project-documents{margin-top:2rem}}

/* Additional visual work */
.visual-studies{display:grid;grid-template-columns:27% minmax(0,1fr);gap:3%;border-top:1px solid #b6b4ad;padding:2.7rem 0 5rem}.visual-studies-head span,.visual-studies-grid article>span{font-family:'DM Sans',sans-serif;font-size:.77rem;letter-spacing:.13em;font-weight:700}.visual-studies-head h3{font-size:1.7rem;margin:1.1rem 0}.visual-studies-head p{font-size:.95rem;line-height:1.85;max-width:17em}.visual-studies-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.visual-studies-grid article{min-height:220px;border:1px solid #c2bfb8;padding:1.6rem;background:#efeee9;display:flex;flex-direction:column}.visual-studies-grid article:nth-child(2),.visual-studies-grid article:nth-child(3){background:#e6e5de}.visual-studies-grid h4{font-size:1.45rem;font-weight:600;margin:2.2rem 0 .8rem}.visual-studies-grid p{font-size:.92rem;line-height:1.75;margin:0;max-width:29em}@media(max-width:650px){.visual-studies{display:block;padding:2.5rem 0 3rem}.visual-studies-head p{max-width:none}.visual-studies-grid{grid-template-columns:1fr;gap:.7rem;margin-top:1.7rem}.visual-studies-grid article{min-height:0}.visual-studies-grid h4{margin:1.6rem 0 .6rem}}

/* Integrated identity and contact layout */
.brand-mark{background:transparent;overflow:visible;width:48px;height:48px;flex:none}
.brand-mark img{width:100%;height:100%;object-fit:cover;transform:none;filter:invert(1) grayscale(1);mix-blend-mode:multiply}
.hero-text{position:relative;isolation:isolate}
.hero-text::before{content:"";position:absolute;right:-2%;bottom:3%;width:clamp(210px,33vw,470px);aspect-ratio:1;background:url("assets/personal-mark.jpeg") center/contain no-repeat;filter:invert(1) grayscale(1);mix-blend-mode:multiply;opacity:.065;pointer-events:none;z-index:-1}
.contact-details{display:grid;align-self:end;gap:0;max-width:520px;width:100%;padding-bottom:0}
.contact-row{display:grid;grid-template-columns:7.2rem minmax(0,1fr);align-items:baseline;gap:1rem;border-top:1px solid #77766f;padding:1.05rem 0}
.contact-row:last-child{border-bottom:1px solid #77766f}
.contact-row span{font-size:.8rem;letter-spacing:.12em;color:#bdbcb5}
.contact-row a{font:400 clamp(.94rem,1.3vw,1.12rem) 'DM Sans',sans-serif;letter-spacing:.01em;overflow-wrap:anywhere;color:#f4f1e9}
.contact-row a:hover{text-decoration:underline;text-underline-offset:.25em}
@media(max-width:650px){.brand-mark{width:40px;height:40px}.hero-text::before{right:0;bottom:0;width:65%;opacity:.045}.contact-details{margin-top:2rem}.contact-row{grid-template-columns:1fr;gap:.45rem}}

/* Separate portfolio navigation and work cover */
.works-cover img[src="/assets/personal-mark.jpeg"]{object-fit:contain;background:#e8e7e1;padding:clamp(2rem,8vw,7rem)}
@media(max-width:700px){.topbar{flex-wrap:wrap;padding-top:.8rem;padding-bottom:.8rem;gap:.5rem 1rem}.topbar nav{width:100%;margin-left:0;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.topbar nav a{font-size:.875rem}.topnote{display:none}}

/* Skill details */
.skill-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;align-items:stretch;gap:.85rem}
.skill-item{border:1px solid #292927;border-radius:14px;padding:1.15rem 1.35rem;min-width:0}
.skill-item h3{font-size:1rem;font-weight:700;margin:0 0 .55rem}
.skill-item p{font-size:.9rem;line-height:1.6;margin:0;color:#55544f;overflow-wrap:anywhere}
@media(max-width:700px){.skill-list{grid-template-columns:1fr}.skill-item{padding:1rem 1.15rem}}

/* Work images and source documents */
.project-intro{display:grid;grid-template-columns:25% minmax(0,1fr);gap:2rem;border-top:1px solid var(--hairline);padding:2.4rem 0 3rem}
.project-intro>span,.project-files>span{font:700 .76rem 'DM Sans',sans-serif;letter-spacing:.14em}
.project-intro h3{font-family:'Noto Serif TC',serif;font-size:clamp(1.9rem,3.2vw,3.4rem);font-weight:500;margin:0 0 1.3rem}
.project-intro p{max-width:43em;font-size:1rem;line-height:1.9}
.project-intro .project-credit{font-size:.82rem;color:#66645d;letter-spacing:.04em;margin-bottom:0}
.project-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4rem 1.1rem}
.project-gallery figure{min-width:0;margin:0}
.project-gallery a{display:block;overflow:hidden;background:#e5e3dc}
.project-gallery img{height:clamp(210px,25vw,350px);object-fit:cover;transition:transform .25s}
.project-gallery a:hover img{transform:scale(1.025)}
.project-gallery figcaption{font-size:.78rem;line-height:1.55;margin-top:.65rem;color:#66645d}
.project-gallery figure:nth-child(4n+1){grid-column:span 2}
.project-gallery figure:nth-child(4n+1) img{height:clamp(260px,34vw,480px)}
.visual-gallery{margin:0 0 4rem}
.visual-gallery figure:nth-child(4n+1){grid-column:span 1}
.visual-gallery figure:nth-child(4n+1) img{height:clamp(280px,35vw,490px)}
.visual-gallery img{object-fit:contain;background:#e7e5df;height:clamp(280px,35vw,490px)}
.project-files{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);margin-top:3.5rem;padding:1.4rem 0}
.project-files a{font-size:.88rem;border-bottom:1px solid currentColor;padding-bottom:.25rem}
.project-files a:hover{color:var(--accent)}
@media(max-width:850px){.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.project-gallery figure:nth-child(4n+1){grid-column:span 1}.project-gallery img,.project-gallery figure:nth-child(4n+1) img{height:300px}}
@media(max-width:650px){.project-intro{display:block}.project-intro>span{display:block;margin-bottom:1.4rem}.project-gallery{gap:1.5rem .7rem}.project-gallery img,.project-gallery figure:nth-child(4n+1) img{height:190px}.visual-gallery img,.visual-gallery figure:nth-child(4n+1) img{height:250px}.project-files{display:grid;gap:1rem}.project-files>span{margin-bottom:.5rem}}

/* Portfolio editorial layout */
.works{--works-line:#c7c4bb}
.works .works-hero{padding-top:clamp(4rem,6vw,7rem)}
.works .works-cover{height:clamp(300px,34vw,480px)}
.works .works-cover img{object-position:center}
.works .jump{margin-top:clamp(2.4rem,4vw,4rem)}
.works .work-category{padding-top:clamp(5rem,7vw,8rem);padding-bottom:clamp(5rem,7vw,8rem)}
.works .category-heading{border-top:1px solid var(--ink);padding-top:1.8rem;margin-bottom:3.2rem}
.works .category-heading h2{line-height:1.2}
.works .category-heading p{max-width:31em;margin-top:1.1rem;color:#595851}
.works .project-intro{border-top:1px solid var(--works-line);padding-top:2rem}
.works .project-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.25rem}
.works .project-gallery figure:nth-child(4n+1){grid-column:auto}
.works .project-gallery figure:nth-child(4n+1) img{height:auto}
.works .project-gallery a{aspect-ratio:4/3;display:grid;place-items:center;background:#e5e3dc}
.works .project-gallery img{width:100%;height:100%!important;object-fit:cover}
.works .project-gallery figcaption{font-size:.82rem;line-height:1.5;margin-top:.75rem}
.works #built .project-gallery figure:first-child,.works #built .project-gallery figure:last-child,.works #modeling .project-gallery figure:first-child{grid-column:1/-1}
.works #built .project-gallery figure:first-child a,.works #modeling .project-gallery figure:first-child a{aspect-ratio:2.15/1}
.works #built .project-gallery figure:last-child a{aspect-ratio:2.5/1}
.works #built .project-gallery figure:nth-child(4) img{object-fit:contain;background:#f7f5ec}
.works #built .project-gallery figure:nth-child(5) img{object-fit:contain;background:#151514}
.works #modeling{background:#e9e8e2}
.works #modeling .project-gallery a{background:#d8d7d1}
.works #modeling .project-gallery img{object-fit:contain}
.works .visual-studies{grid-template-columns:1fr;gap:2rem;padding:2.5rem 0 5rem}
.works .visual-studies-head{display:grid;grid-template-columns:25% 1fr;gap:0 2rem;align-items:start}
.works .visual-studies-head span{grid-row:span 2}
.works .visual-studies-head h3{margin:0;font-size:clamp(1.8rem,2.7vw,3rem)}
.works .visual-studies-head p{grid-column:2;max-width:none;margin:.8rem 0 0}
.works .visual-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3.5rem 1.25rem}
.works .visual-feature{min-width:0;border-top:1px solid var(--works-line);padding-top:1rem}
.works .visual-feature>a{display:grid;place-items:center;height:clamp(350px,42vw,630px);background:#e6e4de;overflow:hidden}
.works .visual-feature img{width:100%;height:100%;object-fit:contain;transition:transform .25s}
.works .visual-feature a:hover img{transform:scale(1.018)}
.works .visual-feature-caption{display:grid;grid-template-columns:8.5rem 1fr;gap:.3rem 1rem;padding-top:1.3rem}
.works .visual-feature-caption span{font:700 .74rem 'DM Sans',sans-serif;letter-spacing:.12em;color:var(--accent)}
.works .visual-feature-caption h4{font-family:'Noto Serif TC',serif;font-size:1.35rem;font-weight:600;margin:0}
.works .visual-feature-caption p{grid-column:2;line-height:1.75;color:#626059;margin:.3rem 0 0}
.works #ses-design{padding-bottom:0}
.works #ses-design .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.25rem}
.works #ses-design .gallery-item{border-top:1px solid var(--works-line);padding-top:1rem}
.works #ses-design .gallery-item img{height:clamp(300px,35vw,510px);object-fit:contain;background:#fff}
.works #ses-design .gallery-item:last-child{grid-column:1/-1}
.works #ses-design .gallery-item:last-child img{height:clamp(360px,46vw,650px);background:#d60926}
@media(max-width:700px){
 .works .works-cover{height:260px}
 .works .category-heading{margin-bottom:2rem}
 .works .project-gallery{grid-template-columns:1fr;gap:1.9rem}
 .works #built .project-gallery figure:first-child,.works #built .project-gallery figure:last-child,.works #modeling .project-gallery figure:first-child{grid-column:auto}
 .works .project-gallery a,.works #built .project-gallery figure:first-child a,.works #built .project-gallery figure:last-child a,.works #modeling .project-gallery figure:first-child a{aspect-ratio:4/3}
 .works .visual-studies-head{display:block}
 .works .visual-studies-head h3{margin-top:.9rem}
 .works .visual-feature-grid{grid-template-columns:1fr;gap:2.5rem}
 .works .visual-feature>a{height:min(125vw,620px)}
 .works .visual-feature-caption{grid-template-columns:1fr;gap:.5rem}
 .works .visual-feature-caption p{grid-column:1}
 .works #ses-design .gallery-grid{grid-template-columns:1fr;gap:1.8rem}
 .works #ses-design .gallery-item:last-child{grid-column:auto}
 .works #ses-design .gallery-item img,.works #ses-design .gallery-item:last-child img{height:min(105vw,520px)}
}

/* Portfolio art direction */
.works{background:#f6f5f0}
.works .works-hero{background:#242523;color:#f6f5ef;border-bottom:0;padding:clamp(4rem,7vw,7.5rem) 8% 0;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:0 5%}
.works .works-intro{align-self:center;padding-bottom:2rem}
.works .works-intro .kicker{color:#d98d7f}
.works .works-hero h1{font-size:clamp(5rem,8.2vw,9.8rem);line-height:1.1;margin:1.1rem 0 2rem;letter-spacing:.09em!important}
.works .works-hero p{font-size:clamp(1rem,1.45vw,1.25rem);line-height:2;max-width:17em;color:#e0ded7}
.works .works-cover{height:clamp(430px,43vw,660px);background:#4b4239;overflow:hidden}
.works .works-cover img{height:100%;object-fit:cover;object-position:50% 56%;filter:saturate(.74)}
.works .works-cover figcaption{left:auto;right:1.5rem;bottom:1.4rem;padding:0;background:transparent;text-shadow:0 1px 8px #000b}
.works .jump{margin-top:5rem;border-top:1px solid #73746f;padding:1.1rem 0 1.4rem;gap:0;display:grid;grid-template-columns:repeat(4,1fr)}
.works .jump a{padding:.6rem .9rem;border-right:1px solid #73746f;font-size:.96rem;letter-spacing:.08em}
.works .jump a:first-child{padding-left:0}
.works .jump a:last-child{border:0}
.works .jump a:hover{color:#f0b0a3}
.works .jump a:after{display:none}
.works .work-category{padding:7rem 8% 8rem}
.works .category-heading{border-top:2px solid #262723;grid-template-columns:24% 1fr;column-gap:3%;padding-top:1.9rem;margin-bottom:4rem}
.works .category-heading span{font:700 .8rem 'DM Sans',sans-serif;letter-spacing:.15em;color:#9a332f}
.works .category-heading h2{font-size:clamp(3.5rem,5.5vw,6.5rem);line-height:1.25}
.works .category-heading p{grid-column:2;margin:.7rem 0 0;font-size:1rem;line-height:1.8}
.works #built .project-intro{border:0;padding:0 0 3.5rem;grid-template-columns:24% 1fr;gap:3%}
.works #built .project-intro>span{padding-top:.8rem;color:#9a332f}
.works #built .project-intro h3{font-size:clamp(2.1rem,3vw,3.3rem);margin:0 0 1.1rem}
.works #built .project-intro p{max-width:39em}
.works #built .project-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2.8rem 1.3rem}
.works #built .project-gallery figure{grid-column:span 6}
.works #built .project-gallery figure:first-child,.works #built .project-gallery figure:last-child{grid-column:1/-1}
.works #built .project-gallery figure:nth-child(4){grid-column:span 7}
.works #built .project-gallery figure:nth-child(5){grid-column:span 5}
.works #built .project-gallery a{aspect-ratio:1.45/1;background:#e7e5de}
.works #built .project-gallery figure:first-child a{aspect-ratio:2.1/1}
.works #built .project-gallery figure:nth-child(4) a,.works #built .project-gallery figure:nth-child(5) a{aspect-ratio:auto;height:clamp(260px,31vw,460px)}
.works #built .project-gallery figure:last-child a{aspect-ratio:2.35/1}
.works .project-gallery figcaption{font:600 .8rem 'DM Sans','Noto Serif TC',serif;letter-spacing:.06em;color:#55554f}
.works .project-files{margin-top:5rem;justify-content:space-between;gap:1rem 1.5rem}
.works .project-files a{font-size:.92rem}
.works #modeling{background:#252725;color:#f4f2ea}
.works #modeling .category-heading{border-top-color:#dedbd0}
.works #modeling .category-heading span{color:#e5a093}
.works #modeling .category-heading p{color:#bbbdb6}
.works #modeling .project-gallery{gap:2.6rem 1.4rem}
.works #modeling .project-gallery a{background:#e0e0db;aspect-ratio:1.55/1}
.works #modeling .project-gallery figure:first-child a{aspect-ratio:2.15/1}
.works #modeling .project-gallery figcaption{color:#dedbd1}
.works #visual .category-heading{margin-bottom:3rem}
.works .visual-studies{border-top:0;padding-top:0;padding-bottom:6rem}
.works .visual-studies-head{border-top:1px solid #b9b7ae;padding-top:1.5rem}
.works .visual-feature-grid{gap:4.6rem 1.5rem}
.works .visual-feature{border-top:0;padding-top:0}
.works .visual-feature>a{height:clamp(440px,45vw,700px);background:#e9e7e0}
.works .visual-feature:nth-child(n+3)>a{height:clamp(330px,34vw,520px)}
.works .visual-feature-caption{border-top:1px solid #b9b7ae;margin-top:1.2rem;padding-top:1.2rem}
.works .visual-feature-caption h4{line-height:1.5}
.works #ses-design{border-top:2px solid #252623;padding-top:3.3rem}
.works #ses-design .gallery-title{grid-template-columns:24% 1fr auto}
.works #ses-design .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem 1.2rem}
.works #ses-design .gallery-item{border-top:0;padding:0}
.works #ses-design .gallery-item img{height:clamp(290px,30vw,430px);background:#fff}
.works #ses-design .gallery-item:last-child{grid-column:1/-1;border-top:1px solid #b9b7ae;padding-top:1.5rem}
.works #ses-design .gallery-item:last-child img{height:clamp(420px,57vw,760px);background:#e70024}
.works #ses-design .gallery-item span{font:.78rem 'DM Sans','Noto Serif TC',serif;color:#64645e}
@media(max-width:850px){.works .works-hero{padding:4.5rem 6% 0}.works .work-category{padding:5.5rem 6%}.works .works-cover{height:430px}.works .works-hero h1{font-size:5rem}}
@media(max-width:700px){
 .works .works-hero{display:block;padding:3.8rem 7% 0}
 .works .works-intro{padding:0}
 .works .works-hero h1{font-size:clamp(4.3rem,17vw,6.2rem);margin:1rem 0}
 .works .works-hero p{font-size:1.02rem;margin-bottom:2.2rem}
 .works .works-cover{height:min(90vw,470px);margin:0}
 .works .jump{grid-template-columns:repeat(2,1fr);margin-top:2rem}
 .works .jump a{border-bottom:1px solid #73746f;padding:.85rem .3rem}
 .works .jump a:nth-child(2){border-right:0}
 .works .jump a:nth-child(3),.works .jump a:nth-child(4){border-bottom:0}
 .works .work-category{padding:5rem 7%}
 .works .category-heading{display:block;padding-top:1.3rem;margin-bottom:2.5rem}
 .works .category-heading h2{font-size:clamp(3.1rem,11vw,4.7rem);margin-top:1rem}
 .works .category-heading p{margin-top:.75rem}
 .works #built .project-intro{display:block;padding-bottom:2.4rem}
 .works #built .project-intro>span{display:block;margin-bottom:1.2rem}
 .works #built .project-gallery{grid-template-columns:1fr;gap:2rem}
 .works #built .project-gallery figure,.works #built .project-gallery figure:first-child,.works #built .project-gallery figure:last-child,.works #built .project-gallery figure:nth-child(4),.works #built .project-gallery figure:nth-child(5){grid-column:auto}
 .works #built .project-gallery a,.works #built .project-gallery figure:first-child a,.works #built .project-gallery figure:last-child a,.works #built .project-gallery figure:nth-child(4) a,.works #built .project-gallery figure:nth-child(5) a{height:auto;aspect-ratio:4/3}
 .works #modeling .project-gallery a,.works #modeling .project-gallery figure:first-child a{aspect-ratio:4/3}
 .works .project-files{margin-top:3rem}
 .works .visual-studies{padding-bottom:4rem}
 .works .visual-feature-grid{gap:3rem}
 .works .visual-feature>a,.works .visual-feature:nth-child(n+3)>a{height:min(125vw,620px)}
 .works #ses-design .gallery-title{display:block}
 .works #ses-design .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem .8rem}
 .works #ses-design .gallery-item img{height:min(65vw,310px)}
 .works #ses-design .gallery-item:last-child{grid-column:1/-1}
 .works #ses-design .gallery-item:last-child img{height:min(110vw,520px)}
}

/* Show the entire construction team portrait on the page. */
.works #built .project-gallery figure:last-child{grid-column:4/10}
.works #built .project-gallery figure:last-child a{display:block;aspect-ratio:auto;background:#e7e5de}
.works #built .project-gallery figure:last-child img{display:block;width:100%;height:auto!important;object-fit:contain}
@media(max-width:700px){.works #built .project-gallery figure:last-child{grid-column:auto}.works #built .project-gallery figure:last-child a{aspect-ratio:auto}}