@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400;1,600&family=Italianno&display=swap');
.identity-name{display:flex;align-items:baseline;justify-content:center;gap:0;line-height:.9;white-space:nowrap;letter-spacing:-.065em;font-size:inherit}.identity-glyph{display:inline-block}.glyph-w{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:400;transform:scaleX(1.13);margin-right:.03em}.glyph-e{font-family:var(--sans);font-weight:700;font-size:.83em}.glyph-i{font-family:Georgia,serif;font-weight:400;font-size:.93em;margin-left:.025em}.identity-star{font:normal .25em Georgia,serif;align-self:center;margin:0 .3em;transform:rotate(-12deg)}.glyph-h{font-family:var(--sans);font-weight:400;font-size:.83em}.glyph-u{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600}.glyph-a{font-family:Georgia,serif;font-weight:400;font-size:.92em}.glyph-n{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:400;font-size:1.1em;margin-left:-.015em}.identity-surname{display:block;font:500 .14em/1.5 var(--mono);letter-spacing:.8em;text-align:center;margin-top:1.4em;padding-left:.8em}.identity-surname i{letter-spacing:0;font-style:normal;color:#5772ab}.wordmark{font-size:25px;letter-spacing:0;display:block;min-width:150px}.wordmark .identity-surname{font-size:7px;letter-spacing:.65em;margin-top:6px}.wordmark .identity-surname i{position:static}.wordmark .identity-name span{position:static}.wordmark .identity-star{font-size:.25em;right:auto}.reality-links{display:flex;align-items:center;gap:7px}.reality-links a,.reality-links button{border:1px solid var(--line);padding:8px 10px;font:8px var(--mono);background:none;color:inherit;white-space:nowrap}.reality-links a:hover,.reality-links button:hover{background:#526cb119}.reality-links [aria-current=page]{border-color:#6283bd;color:#6283bd}.standalone-nav{display:flex;align-items:center;gap:18px}.standalone-nav .header-contact{white-space:nowrap}.personal-scraps{position:absolute;inset:0;pointer-events:none;color:#4569b2}.scrap{position:absolute;font:italic 19px/1.2 'Cormorant Garamond',Georgia,serif;letter-spacing:.01em}.scrap small{display:block;font:9px/1.7 var(--mono);margin-top:5px}.scrap svg{fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.scrap-travel{left:0;top:0;transform:rotate(-9deg);background:#e4edbb;padding:9px 17px;color:#3b5445}.scrap-ocean{left:6%;top:67%;transform:rotate(-5deg)}.scrap-ocean svg{display:block;width:100px;margin-top:8px}.scrap-taiwan{left:42%;top:4%;transform:rotate(8deg)}.scrap-taiwan svg{width:25px;height:50px;display:inline-block;vertical-align:middle;fill:#d3e3cd55}.scrap-nature{right:0;top:0;transform:rotate(-6deg);color:#657a47}.scrap-nature svg{width:35px;height:45px;vertical-align:middle}.scrap-cat{left:28%;bottom:0;transform:rotate(-7deg)}.scrap-cat svg{display:block;width:75px;height:65px}.scrap-route{left:44%;top:39%;width:18%;transform:rotate(-10deg)}.scrap-route svg{width:100%}.personal-window{z-index:1}.personal-note{z-index:2}.personal-scraps{z-index:3}.about-page-collage .scrap-ocean,.about .scrap-ocean{top:65%}.about-page-collage .scrap-cat,.about .scrap-cat{left:7%;bottom:0}.about-page-collage .scrap-taiwan,.about .scrap-taiwan{left:43%;top:0}@media(max-width:750px){.standalone-nav{gap:8px}.standalone-nav .reality-links{flex-direction:column;gap:3px}.standalone-nav .reality-links a{font-size:6px;padding:4px}.wordmark{font-size:19px;min-width:112px}.wordmark .identity-surname{font-size:6px}.scrap{font-size:15px}.scrap small{font-size:7px}.scrap-travel{left:10%;top:-35px;padding:5px 10px}.scrap-taiwan,.about .scrap-taiwan,.about-page-collage .scrap-taiwan{top:43%;left:0;transform:rotate(-8deg)}.scrap-taiwan svg{height:30px;width:17px}.scrap-nature{top:-36px;right:0}.scrap-ocean,.about .scrap-ocean,.about-page-collage .scrap-ocean{left:3%;top:41%;display:none}.scrap-cat,.about .scrap-cat,.about-page-collage .scrap-cat{left:40%;bottom:-12px}.scrap-cat svg{width:50px;height:45px}.scrap-route{left:68%;top:44%;width:26%}.personal-note{max-width:190px}}
.wordmark>.identity-name,.wordmark>.identity-surname{position:static;right:auto;top:auto}

/* Calligraphic strokes meet heavy sans and high-contrast serif forms. */
.glyph-w{font-family:'Italianno','Brush Script MT',cursive;font-style:normal;font-weight:400;font-size:1.38em;line-height:.65;transform:translateY(.04em);margin-right:-.035em}.glyph-e{font-weight:700;font-size:.85em;letter-spacing:-.07em}.glyph-i{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600}.glyph-h{font-weight:700;font-size:.86em;margin-right:.015em}.glyph-u{font-weight:400;font-style:italic}.glyph-n{font-family:'Italianno','Brush Script MT',cursive;font-style:normal;font-size:1.42em;line-height:.65;transform:translateY(.045em);margin-left:-.03em;margin-right:.035em}.glyph-a{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:1.05em}.wordmark .glyph-w,.wordmark .glyph-n{font-size:1.25em}
/* The expressive identity is reserved for the entrance; navigation stays typographic. */
.identity-star{display:inline-block;width:.24em;height:.24em;line-height:1}.identity-star svg{width:100%;height:100%;display:block}.glyph-e,.glyph-u{font-family:var(--mono);font-style:normal}.glyph-e{font-weight:500}.glyph-h{font-family:var(--sans);font-weight:700}.wordmark{font:500 12px/1.1 var(--mono);min-width:140px;letter-spacing:.02em}.wordmark .typo-name{display:block;font:inherit;position:static;right:auto;top:auto;letter-spacing:.02em}.wordmark .typo-star{position:static;display:inline-block;width:10px;height:10px;margin:0 2px;vertical-align:middle}.typo-star svg{width:100%;height:100%;display:block}@media(max-width:750px){.wordmark{font-size:10px;min-width:100px}}
/* Interleaved lettering: calligraphy, fine serif and mechanical mono. */
.glyph-e{font-size:1em;width:.79em;height:.87em;position:relative;transform:translateY(.025em);margin:0 -.035em 0 .005em}.glyph-e svg{display:block;width:100%;height:100%;overflow:visible}.glyph-h,.glyph-n{font-family:var(--mono);font-style:normal;font-weight:500;font-size:.82em;line-height:1;letter-spacing:-.09em;transform:translateY(-.01em);margin-left:0;margin-right:.025em}.glyph-n{font-size:.85em;transform:translateY(.035em)}.glyph-i{transform:translateY(-.04em)}.glyph-u{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:1.04em;transform:translateY(.02em)}.glyph-a{transform:translateY(-.035em)}.entry-assembling .identity-surname{visibility:visible!important}

#entry-screen.entry-assembling #entry-title .identity-surname{opacity:1!important}
/* A calligraphic N breaks the mechanical rhythm of the H. */
.glyph-n{font-family:'Italianno','Brush Script MT',cursive;font-style:normal;font-weight:400;font-size:1.42em;line-height:.65;letter-spacing:-.065em;transform:translateY(.045em);margin-left:-.03em;margin-right:.035em}
