@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=DM+Sans:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;600;700;900&display=swap');
:root{--pink:#ead5da;--wine:#6e273b;--cream:#f7f4e9;--ink:#2b2c28}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans','PingFang SC',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #362d2926}.brand{font-size:28px;font-weight:700;letter-spacing:-2px}.brand span{color:var(--wine);margin-left:8px}nav{display:flex;gap:35px;font-size:13px}.pdf{font-size:12px;border-bottom:1px solid;padding-bottom:5px}.hero{background:var(--pink);position:relative;min-height:780px;overflow:hidden;padding:30px 5% 0;color:var(--wine)}.eyebrow{display:flex;justify-content:space-between;letter-spacing:2px;font-size:10px}.hero-title{position:relative;z-index:2;font-family:Georgia,'Noto Serif SC',serif;line-height:.85;padding-top:70px;pointer-events:none}.hero-title>span:first-child{font-size:clamp(100px,14vw,210px);letter-spacing:-10px;font-weight:400}.hero-title i{display:block;font-weight:400;font-size:clamp(36px,5vw,70px);margin:20px 0 0 70px}.hero-title strong{display:block;font-weight:400;font-style:italic;text-align:right;font-size:clamp(145px,22vw,320px);letter-spacing:-16px;margin-top:10px;margin-right:50px}.spark{position:absolute;right:8%;top:90px;font-size:110px}.portrait{position:absolute;width:31%;height:510px;top:160px;left:36%;transform:rotate(-5deg);background:white;padding:10px 10px 45px;box-shadow:4px 10px 20px #572e3620;z-index:1}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.portrait-label{display:block;text-align:center;font-size:12px;letter-spacing:2px;padding-top:12px}.hero-note{position:absolute;left:7%;bottom:140px}.hand{font:italic 24px Georgia;display:block;transform:rotate(-8deg);margin-bottom:28px}.hero-note p{font-size:14px;line-height:1.9}.sticker{position:absolute;right:7%;top:220px;background:var(--cream);color:var(--ink);padding:16px 25px;transform:rotate(9deg);text-align:center;border:1px solid #6e273b30;font-size:10px}.sticker b{display:block;font-size:22px;line-height:1.05;margin:10px 0}.sticker>span{font-size:28px}.hero-bottom{position:absolute;bottom:0;left:5%;right:5%;border-top:1px solid #6e273b55;display:flex;justify-content:space-between;align-items:center;height:66px;font-size:12px}.hero-bottom a span{font-size:24px;margin-left:30px}.marquee{background:var(--wine);color:var(--cream);padding:18px 0;white-space:nowrap;overflow:hidden;font-size:16px;letter-spacing:4px;word-spacing:15px}.section-kicker{font-size:10px;letter-spacing:2px}.about{display:grid;grid-template-columns:1fr 2.2fr 1fr;gap:50px;padding:110px 6%;border-bottom:1px solid #362d2926}h2{font-family:'Noto Serif SC',Georgia,serif;font-weight:500;font-size:44px;line-height:1.4;letter-spacing:-2px;margin:0 0 30px}.italic{color:var(--wine);font-style:italic}.about p{font-size:14px;line-height:2.1;max-width:530px;color:#62625b}.education{display:flex;gap:50px;border-top:1px solid #362d2926;margin-top:30px;padding-top:25px}.education small,.education b{display:block;font-size:12px;font-weight:400;margin-bottom:8px}.education b{font-size:15px}.about aside{border-left:1px solid #362d2926;padding:20px 0 0 35px}.about aside>span{font-size:9px;letter-spacing:1px}.about aside p{font-family:'Noto Serif SC',serif;font-size:20px;line-height:2.2}.about aside i{font-family:Georgia;font-size:20px;color:var(--wine)}.works{padding:90px 6%}.work-heading{display:flex;justify-content:space-between;align-items:center}.work-heading h2{margin-top:18px}.work-heading h2 sup{font-size:28px;color:var(--wine);padding-left:20px}.work-heading p{font-size:12px;line-height:1.9;color:#62625b}.filters{display:flex;gap:10px;border-bottom:1px solid #362d2926;padding:20px 0 25px;margin-bottom:35px;flex-wrap:wrap}.filters button{border:1px solid #362d2940;background:transparent;padding:11px 20px;border-radius:30px;font-size:12px}.filters button.active{background:var(--wine);color:white;border-color:var(--wine)}.filters small{font-size:9px;margin-left:7px;opacity:.6}.grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 30px}.card{background:none;border:0;text-align:left;padding:0;color:inherit}.card .thumb{padding:25px;background:#e4dbd2;aspect-ratio:1.63;overflow:hidden;transition:background .3s}.card:nth-child(3n+2) .thumb{background:#e5ced3}.card:nth-child(3n) .thumb{background:#dce0d5}.card img{width:100%;height:100%;object-fit:contain;transition:transform .4s;box-shadow:0 3px 12px #0000000d}.card:hover img{transform:scale(1.035)}.card .meta{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.card h3{font-size:17px;font-weight:500;margin:0 0 6px}.card small{font-size:10px;color:#777}.card .arrow{border:1px solid #362d2940;border-radius:50%;width:34px;height:34px;text-align:center;line-height:32px}.card[hidden]{display:none}.archive-note{display:flex;justify-content:space-between;border-top:1px solid #362d2926;padding:30px 0 0;margin-top:50px;font-size:12px}.archive-note a{border-bottom:1px solid;padding-bottom:5px}.contact{background:var(--pink);padding:60px 6% 0;color:var(--wine)}.contact>p{font-size:20px;margin-top:45px;margin-bottom:5px}.contact h2{font-size:clamp(65px,10vw,145px);margin:0 0 20px}.contact h2>span:last-child{float:right;font-family:Georgia;font-weight:400}.mail{font-size:clamp(16px,2.5vw,30px);border-bottom:1px solid;display:inline-block;padding-bottom:8px}.contact-bottom{display:flex;justify-content:space-between;margin-top:70px;border-top:1px solid #6e273b40;padding:25px 0;font-size:11px}footer{display:flex;justify-content:space-between;padding:25px 6%;font-size:9px;letter-spacing:1px}dialog{border:0;width:95vw;max-width:1450px;height:94vh;background:var(--cream);padding:0;color:var(--ink)}dialog::backdrop{background:#222b;backdrop-filter:blur(5px)}.dialog-bar{height:65px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-bottom:1px solid #ccc;font-size:13px}.dialog-bar button{border:1px solid #bbb;background:none;padding:7px 12px;margin-left:6px}.image-scroll{height:calc(100% - 105px);overflow:auto;display:flex;align-items:flex-start;background:#ddd}.image-scroll img{width:100%;height:auto}.viewer-hint{text-align:center;font-size:10px;margin:12px}:focus-visible{outline:3px solid #a75672;outline-offset:5px}@media(min-width:1500px){.hero{min-height:890px}.portrait{height:590px}.hero-title strong{margin-top:30px}}@media(max-width:760px){header{height:72px}nav{gap:16px;font-size:11px}.pdf{display:none}.hero{min-height:700px}.eyebrow{font-size:8px;letter-spacing:1px}.eyebrow>span{display:none}.hero-title{padding-top:60px}.hero-title>span:first-child{font-size:96px;letter-spacing:-5px}.hero-title i{font-size:34px;margin-left:10px}.hero-title strong{font-size:150px;letter-spacing:-9px;margin:150px 5px 0 0}.spark{right:4%;top:110px;font-size:65px}.portrait{width:49%;height:300px;left:39%;top:205px;padding:6px 6px 32px}.portrait-label{font-size:9px}.hero-note{left:6%;bottom:130px}.hand{font-size:18px}.hero-note p{font-size:12px}.sticker{top:210px;right:auto;left:7%;padding:10px}.sticker b{font-size:16px}.hero-bottom{font-size:9px}.hero-bottom a span{margin-left:8px}.about{padding:65px 6%;grid-template-columns:1fr;gap:25px}h2{font-size:34px}.about aside{display:none}.education{gap:30px}.works{padding:60px 6%}.work-heading{display:block}.work-heading p{margin-bottom:15px}.filters{gap:7px}.filters button{padding:9px 12px;font-size:11px}.grid{grid-template-columns:1fr;gap:30px}.card .thumb{padding:18px}.archive-note{gap:20px;font-size:10px}.contact{padding-top:40px}.contact-bottom{font-size:9px;gap:20px}footer{font-size:8px;gap:20px}.dialog-bar{padding:0 10px;font-size:10px}.dialog-bar button{padding:6px 8px}.image-scroll img{min-width:950px}.image-scroll{display:block}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Magazine cutout collage */
.hero-title>span:first-child{font-style:italic;font-size:clamp(110px,16vw,235px);font-weight:400}.hero-title i{font-family:'DM Sans',sans-serif;font-size:11px;letter-spacing:7px;position:absolute;top:55px;left:40%;transform:rotate(-14deg);margin:0}.hero-title strong{font-style:italic;font-size:clamp(145px,22vw,320px);margin-top:80px}.portrait{background:transparent;padding:0;box-shadow:none;transform:none;width:53%;height:660px;left:24%;top:125px;z-index:1}.portrait img{object-fit:contain;object-position:center}.hero-title{z-index:0}.hero-title strong{position:relative;z-index:0}.hero-note,.sticker{z-index:3}.sticker b{font-family:Georgia,serif;font-weight:400;font-size:24px}.hero-note .hand{font-size:22px}@media(max-width:760px){.hero-title>span:first-child{font-size:110px}.hero-title i{top:35px;left:42%;font-size:8px;letter-spacing:3px}.hero-title strong{font-size:145px;margin-top:200px}.portrait{width:90%;height:430px;left:12%;top:150px}.sticker{top:190px;left:3%;padding:8px}.sticker b{font-size:16px}.hero-note{bottom:95px}.hero-note .hand{font-size:16px}.hero-note p{font-size:10px}.hero-bottom{z-index:4;background:var(--pink)}}

.hero-title>span:first-child,.hero-title strong{font-family:"Great Vibes",Georgia,serif;font-style:normal;font-weight:400}.hero-title>span:first-child{letter-spacing:-3px}.hero-title strong{letter-spacing:-5px}.hero .eyebrow{opacity:.7}

/* Horizontal name, raised work headings and internship timeline. */
.hero-title{display:flex;justify-content:space-between;align-items:baseline;gap:20%;padding-top:85px;white-space:nowrap;position:relative;z-index:0}.hero-title>span:first-child,.hero-title strong{font-family:Georgia,serif;font-size:clamp(60px,10vw,155px);font-style:normal;font-weight:400;letter-spacing:-7px;margin:0;display:block}.hero-title em{font-family:"Great Vibes",Georgia,serif;font-size:1.6em;font-style:normal;line-height:.65;letter-spacing:-.12em;margin-right:.04em}.hero-title .spark{display:none}.portrait{top:205px;height:575px;left:25%;width:50%}.hero .hero-note{z-index:3}.hero .sticker{top:380px;right:6%;left:auto}.experience{display:grid;grid-template-columns:1fr 3.2fr;gap:50px;padding:70px 6% 90px;border-bottom:1px solid #362d2926}.timeline{list-style:none;margin:40px 0 0;padding:0}.timeline li{position:relative;display:grid;grid-template-columns:190px 1fr;gap:25px;border-left:1px solid #6e273b55;padding:0 0 35px 26px}.timeline li::before{content:"";position:absolute;left:-5px;top:5px;width:9px;height:9px;background:var(--wine);border-radius:50%}.timeline li:last-child{padding-bottom:0}.timeline time{font-size:12px;color:#777}.timeline h3{margin:0;font-size:19px;font-weight:500}.timeline p{font-size:14px;margin:8px 0 0;color:#666}.card{min-width:0}.card .meta{margin:0 0 17px}.card .thumb{display:block;width:100%;border:0;cursor:pointer}.card .open-work{padding:25px;background:#e4dbd2}.card .account-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px;background:#e4dbd2}.account-gallery button{background:var(--cream);border:0;padding:0;text-align:left;color:inherit;overflow:hidden}.account-gallery img{height:auto;aspect-ratio:auto;object-fit:contain;display:block;box-shadow:none}.account-gallery span{display:block;padding:10px;font-size:10px}.work-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 15px;margin-top:15px;font-size:11px}.work-links a{color:var(--wine);border-bottom:1px solid #6e273b70;padding-bottom:4px}.work-links span{color:#777}.account-gallery button:focus-visible,.open-work:focus-visible{outline:3px solid var(--wine)}
@media(max-width:760px){.hero{min-height:700px}.hero-title{padding-top:65px;gap:19%}.hero-title>span:first-child,.hero-title strong{font-size:clamp(45px,10vw,76px);letter-spacing:-3px;margin:0}.hero-title em{font-size:1.6em}.portrait{top:180px;left:22%;width:76%;height:440px}.hero .sticker{left:5%;right:auto;top:295px}.hero-note{left:5%;bottom:95px}.hero-note .hand{max-width:140px;line-height:1.3}.experience{grid-template-columns:1fr;padding:50px 6%;gap:20px}.timeline li{grid-template-columns:1fr;gap:10px;padding-bottom:32px}.timeline h3{font-size:17px}.card .meta{margin-bottom:17px}.card .account-gallery{padding:14px;gap:12px}}

/* Group each brand and give long-form cases their own editorial row. */
.grid{align-items:start}.account-feature,.campaign-feature{grid-column:1/-1}.card .brand-groups{display:grid;grid-template-columns:1fr 1fr;gap:25px}.brand-group{background:#e7ddd7;padding:22px}.brand-group:nth-child(2){background:#e8d5db}.brand-group h4{margin:0 0 18px;font-weight:500;font-size:19px;display:flex;align-items:center;justify-content:space-between}.brand-group h4>span{font-size:10px;color:#746b68}.brand-group .account-gallery{padding:0;background:transparent;gap:12px}.account-image{height:250px;display:flex;align-items:center;justify-content:center;background:#f7f4e9}.card .account-image img{width:100%;height:100%;object-fit:contain;aspect-ratio:auto;transform:none}.card .account-gallery button{display:flex;flex-direction:column}.card .account-gallery button>span{font-size:10px;text-align:center;border-top:1px solid #ddd7cd}.campaign-feature{padding-top:15px;border-top:1px solid #362d2926}.campaign{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;padding:35px;background:#ead5da}.campaign-kicker{font-size:11px;letter-spacing:1px;color:var(--wine);margin-bottom:22px}.campaign-copy p{font-size:13px;line-height:1.9;margin:0 0 9px;color:#51404a}.campaign-highlight{margin-top:30px;border-top:1px solid #6e273b40;padding-top:22px;display:flex;gap:18px;align-items:center}.campaign-highlight>strong{font-family:Georgia,serif;color:var(--wine);font-size:40px;font-weight:400}.campaign-highlight>span{font-size:11px;line-height:1.9;max-width:200px}.campaign-stats{display:grid;grid-template-columns:1fr 1fr;gap:22px 15px;margin:25px 0 0}.campaign-stats dt{font-size:10px;color:#7c626b;margin-bottom:6px}.campaign-stats dd{font-family:Georgia,serif;font-size:28px;color:var(--wine);margin:0}.campaign-images{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:12px}.campaign-images button{border:0;background:var(--cream);padding:0;color:var(--ink);min-width:0}.card .campaign-images img{width:100%;height:auto;aspect-ratio:auto;display:block;transform:none;box-shadow:none}.campaign-images span{display:block;padding:12px 5px;font-size:9px}.grid>.card{align-self:start}.campaign-feature .meta{margin-bottom:20px}@media(max-width:760px){.card .brand-groups{grid-template-columns:1fr;gap:20px}.brand-group{padding:18px}.account-image{height:260px}.campaign{grid-template-columns:1fr;padding:24px;gap:28px}.campaign-copy p{font-size:12px}.campaign-highlight{margin-top:22px}.campaign-stats{grid-template-columns:repeat(2,1fr)}.campaign-feature h3{font-size:16px}.campaign-feature .meta small{font-size:9px}.campaign-images{max-width:450px}.campaign-images span{font-size:9px}}
/* Scrapbook edition: paper, tape, stamps and clipped photographs. */
:root{--pink:#edcbd5;--cream:#faf4e6;--wine:#78263e}body{background-color:#e1d2d0;background-image:radial-gradient(#6d384c0c .65px,transparent .65px);background-size:5px 5px}header{background:#faf4e6ed}main{max-width:1560px;margin:auto;box-shadow:0 0 45px #3c283014}.hero{background-color:#efcbd5;background-image:radial-gradient(#fff4 1px,transparent 1px);background-size:7px 7px}.hero:before{content:'✧  ✦  ✧';position:absolute;color:#b59b54;top:70px;left:7%;font-size:27px;letter-spacing:12px;transform:rotate(-17deg);pointer-events:none}.hero:after{content:'';position:absolute;right:3%;top:53%;width:150px;height:35px;background:#c1cfdf85;transform:rotate(13deg);border-left:5px dashed #ffffff50;border-right:5px dashed #ffffff50;pointer-events:none}.torn-note{background:#fff8e8;padding:20px 25px;transform:rotate(-4deg);box-shadow:2px 4px 0 #6e273b0b;clip-path:polygon(0 3%,8% 1%,15% 3%,24% 0,35% 3%,43% 1%,55% 3%,67% 0,78% 3%,90% 1%,100% 4%,99% 94%,91% 98%,80% 96%,68% 100%,55% 97%,40% 100%,25% 97%,10% 99%,0 96%)}.torn-note .hand{font-size:19px;transform:none;margin-bottom:12px}.torn-note p{margin:0;font-size:12px}.hero .sticker{box-shadow:5px 5px 0 #75293a10;border:1px solid #fff7}.hero .sticker:before{content:'';position:absolute;width:64px;height:18px;top:-9px;left:24%;background:#faf5d69e;transform:rotate(-10deg);border-left:3px dashed #d0c3a755;border-right:3px dashed #d0c3a755}.marquee{font-family:Georgia,serif;font-size:13px;letter-spacing:3px;padding:15px 0}.about{position:relative;background:repeating-linear-gradient(90deg,#f8eceb 0 17px,#fcefed 17px 34px);padding:75px 6%;gap:35px}.about>.section-kicker{background:#fff9e9;align-self:start;padding:12px 18px;transform:rotate(-5deg);box-shadow:3px 4px 0 #6e273b12;position:relative}.about>.section-kicker:before{content:'✧';position:absolute;left:5px;top:-26px;font-size:35px;color:#b39b64}.about>div:nth-child(2){padding:35px;background:#fffaf0;position:relative;box-shadow:0 7px 18px #6e273b0d;transform:rotate(-.6deg)}.about>div:nth-child(2):before{content:'';position:absolute;top:-14px;left:40%;width:95px;height:28px;background:#c5d1dca0;transform:rotate(3deg)}.about h2{font-size:37px}.about aside{border:0;padding:0 0 0 15px}.profile-scrap{padding:8px 8px 22px;background:#fffdf6;transform:rotate(6deg);box-shadow:2px 5px 12px #381a2920;position:relative;margin-bottom:35px}.profile-scrap:before{content:'';width:15px;height:50px;border:2px solid #9b9890;border-radius:10px;position:absolute;top:-15px;right:16px;transform:rotate(7deg);z-index:1}.profile-scrap img{width:100%;height:165px;object-fit:cover;object-position:50% 43%;display:block}.profile-scrap>span{display:block;font-size:10px;text-align:center;margin-top:13px}.about aside>p{font-size:16px}.about aside>i{font-size:18px}.experience{background:#303e39;color:#fbf3e2;position:relative;padding-top:70px;padding-bottom:75px;overflow:hidden}.experience .italic{color:#edcbd5}.journey-tab{display:inline-block;background:#eacbd4;color:#702a40;padding:10px 18px;transform:rotate(-5deg);font-size:12px;letter-spacing:2px}.journey-star{display:block;color:#dfd3a4;font-size:90px;margin-top:30px;transform:rotate(12deg)}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:50px}.timeline li{display:flex;flex-direction:column;gap:22px;border-left:0;border-top:1px solid #f5eacf80;padding:24px 25px 0 0}.timeline li:before{top:-8px;left:0;width:auto;height:auto;border-radius:0;content:'★';font-size:18px;line-height:16px;background:transparent;color:#e9c6d2}.timeline h3{font-size:17px;line-height:1.6}.timeline p{color:#e5ddd0;font-size:12px;line-height:1.8}.timeline time{color:#d4cbb8;font-size:10px;white-space:nowrap}.works{background:#faf4e6;padding-top:75px}.work-heading h2{position:relative;isolation:isolate}.work-heading h2:after{content:'';position:absolute;bottom:2px;left:90px;width:225px;height:18px;background:#edcbd5;z-index:-1;transform:rotate(-3deg)}.filters{border-bottom-style:dashed}.filters button{border-radius:5px;background:#fffaf0;box-shadow:2px 2px 0 #6e273b10}.filters button:nth-child(2n){transform:rotate(-1.5deg)}.filters button:nth-child(2n+1){transform:rotate(1deg)}.filters button.active{background:var(--wine);box-shadow:3px 3px 0 #c1a49f60}.grid{gap:45px 30px}.card .thumb{position:relative;padding:18px;background:#f1dce1;border:1px solid #ffffff;box-shadow:4px 5px 0 #74374a0b;overflow:visible;transform:rotate(-.65deg)}.card:nth-child(3n) .thumb{transform:rotate(.65deg);background:#dfe3d9}.card .thumb:before{content:'';position:absolute;top:-10px;left:40%;width:80px;height:24px;background:#c9d4dba8;transform:rotate(5deg);border-left:3px dashed #aab8bd40;border-right:3px dashed #aab8bd40;z-index:1;pointer-events:none}.card:nth-child(3n+1) .thumb:before{background:#dcc4a493;transform:rotate(-6deg)}.card .meta{position:relative;padding-left:42px;margin-bottom:23px}.card .meta:before{content:attr(data-no);position:absolute;left:0;top:-5px;width:29px;height:32px;background:#ead2d9;color:var(--wine);font:italic 22px Georgia;text-align:center;line-height:32px;transform:rotate(-6deg)}.card .meta:before{content:''}.card:before{content:attr(data-no);font:italic 23px Georgia;position:absolute;top:-5px;left:5px;color:var(--wine);width:25px;z-index:1;text-align:center}.card{position:relative}.card .arrow{border-style:dashed;font-size:18px}.account-feature .brand-groups{gap:28px}.brand-group{position:relative;padding:23px 20px;background:#eadfd8;border:1px solid #fffc;box-shadow:3px 4px 0 #6e273b0a}.brand-group:nth-child(2){background:#ecd3dc}.brand-group:before{content:'';position:absolute;left:44%;top:-11px;width:75px;height:23px;transform:rotate(5deg);background:#e4d6a87a}.brand-group:nth-child(2):before{background:#bfcddd85;transform:rotate(-6deg)}.brand-group h4{font-family:'Noto Serif SC',serif;font-size:19px}.account-gallery .account-image{height:auto!important;width:100%;aspect-ratio:4/3;overflow:hidden;background:#e5d7d3}.card .account-image img{width:100%;height:100%;object-fit:cover;display:block}.card .account-gallery button{box-shadow:2px 3px 0 #6e273b12}.card .account-gallery button>span{display:none}.campaign{position:relative;background-color:#efd6df;background-image:repeating-linear-gradient(90deg,#fff2 0 12px,transparent 12px 24px);box-shadow:4px 5px 0 #6e273b0a;border:1px solid #fff}.campaign:before{content:'✦';position:absolute;right:10px;top:-25px;font-size:43px;color:#bda466;transform:rotate(13deg);pointer-events:none}.campaign-story{background:#fff8e9;padding:25px 22px;box-shadow:2px 3px 0 #6e273b0b;clip-path:polygon(0 0,100% 0,100% 97%,95% 98%,90% 97%,85% 99%,80% 97%,75% 98%,70% 97%,65% 99%,60% 97%,55% 98%,50% 97%,45% 99%,40% 97%,35% 98%,30% 97%,25% 99%,20% 97%,15% 98%,10% 97%,5% 99%,0 97%)}.campaign-copy p{font-size:12px}.campaign-images button{position:relative;transform:rotate(2deg);padding:7px;background:#fff9ec;box-shadow:4px 5px 12px #6e273b1c}.campaign-images button:nth-child(2){transform:rotate(-3deg);margin-top:20px}.campaign-images button:before{content:'';position:absolute;left:28%;top:-10px;width:70px;height:22px;background:#d7d0bda8;transform:rotate(6deg);pointer-events:none}.campaign-images button>span{display:none}.work-links{gap:9px;margin-top:23px;position:relative}.work-links .link-label{font-size:9px;text-transform:uppercase;letter-spacing:1px;width:100%;color:#96747e}.work-links a{padding:9px 14px;border:1px dashed #9c6c7c;background:#fffaf0;box-shadow:2px 3px 0 #ead7d6;font-size:11px}.work-links a:hover{background:var(--wine);color:#fff}.work-links>span:not(.link-label){font-family:monospace;font-size:10px;background:#f1e1e4;padding:5px 9px}.resource-desk{position:relative;margin-top:75px;padding:40px;background:repeating-linear-gradient(90deg,#f4dce2 0 16px,#f8e6e9 16px 32px);border:1px solid #fff;box-shadow:5px 5px 0 #6e273b0b}.resource-desk:before{content:'';position:absolute;left:40%;top:-15px;width:125px;height:30px;background:#c2cfdca6;transform:rotate(-5deg)}.resource-heading h2{font-size:33px;margin:15px 0}.resource-heading p{font-size:12px;color:#816b70}.resource-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.resource-list a{display:flex;align-items:center;gap:13px;min-width:0;padding:18px 13px;background:#fff9e9;border:1px dashed #c2a1aa;box-shadow:2px 3px 0 #6e273b0a;font-size:11px;line-height:1.7;transition:transform .2s}.resource-list a:hover{transform:translateY(-3px)}.resource-number{font:italic 24px Georgia;color:var(--wine)}.resource-list a>span:nth-child(2){flex:1}.resource-list small{display:block;color:#957580;font-family:monospace;margin-top:5px}.resource-list b{font-size:20px;font-weight:400;color:var(--wine)}.contact{position:relative;background:repeating-linear-gradient(90deg,#f0cbd6 0 23px,#f5d8df 23px 46px);border-top:7px solid #fff8e7}.contact:before{content:'✧';position:absolute;right:26%;top:15%;font-size:65px;color:#b59b54}.contact>.section-kicker{display:inline-block;padding:9px 16px;background:#fff8e8;transform:rotate(-4deg)}.contact .mail{background:#fff9e9;padding:12px 20px;transform:rotate(-1deg);box-shadow:4px 5px 0 #6e273b12;border:1px dashed #b5939d}.contact-bottom{background:#fff2;padding-left:10px;padding-right:10px}footer{max-width:1560px;margin:auto;background:#faf4e6}.resource-list a:focus-visible,.work-links a:focus-visible{outline:3px solid var(--wine);outline-offset:4px}@media(max-width:1000px){.about{grid-template-columns:1fr 3fr}.about aside{display:none}.timeline{grid-template-columns:repeat(2,1fr);gap:30px}.resource-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.torn-note{padding:15px 18px;max-width:170px}.torn-note .hand{font-size:16px}.torn-note p{font-size:10px}.hero:before{top:60px;font-size:20px;left:5%}.hero:after{width:80px;right:1%;top:43%;height:24px}.about{display:block;padding:55px 6%}.about>.section-kicker{display:inline-block;margin-bottom:35px}.about>div:nth-child(2){padding:28px 22px}.about h2{font-size:30px}.experience{display:block;padding:45px 6%}.journey-star{position:absolute;right:7%;top:13px;font-size:45px;margin:0}.experience h2{margin-top:28px;font-size:29px}.timeline{display:block;margin-top:30px}.timeline li{display:grid;grid-template-columns:135px 1fr;gap:15px;border-top:0;border-left:1px solid #f5eacf80;padding:0 0 30px 22px}.timeline li:before{left:-8px;top:0}.timeline time{font-size:10px}.timeline h3{font-size:15px}.timeline p{font-size:11px;margin-top:4px}.works{padding-top:55px}.work-heading h2{font-size:32px}.work-heading h2:after{width:170px;left:65px}.filters{gap:9px}.filters button{font-size:10px}.card .meta{padding-left:39px}.card .thumb{padding:13px}.account-feature .brand-groups{gap:25px}.brand-group{padding:20px 14px 14px}.brand-group h4{font-size:17px}.card .account-gallery{gap:10px}.campaign{padding:25px 17px;gap:30px}.campaign-story{padding:22px 18px 35px}.campaign-highlight{gap:10px}.campaign-highlight>strong{font-size:35px}.campaign-images{padding:0 7px}.resource-desk{padding:30px 20px;margin-top:55px}.resource-heading h2{font-size:29px}.resource-list{grid-template-columns:1fr}.resource-list a{padding:14px;font-size:11px}.contact:before{right:12%;top:12%;font-size:42px}}

@media(max-width:440px){nav{gap:10px;font-size:10px}.brand{font-size:24px}.hero-title>span:first-child,.hero-title strong{font-size:clamp(35px,10vw,76px)}.resource-list a{overflow-wrap:anywhere}}

.work-video {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #211a1c;
}

.card .work-description {
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 1.7;
}

.news-reader.han-wrapper { padding: 0; background: transparent; }
.news-reader .han-topbar a { text-decoration: underline; }
.news-scroll {
  max-height: min(65vh, 580px);
  overflow: auto;
  padding: clamp(18px, 3vw, 34px);
}
.news-scroll h4 {
  font: 600 clamp(23px, 3vw, 36px)/1.35 'Noto Serif SC', 'Songti SC', serif;
  margin: 0 0 24px;
}
.news-scroll h5 { font-size: 17px; margin: 1.5em 0 .75em; }
.news-scroll p { margin: 0 0 1em; font-size: 15px; line-height: 1.9; }
.news-scroll img { display: block; max-width: 100%; height: auto; margin: 18px auto; }

.news-scroll img { max-height: 280px; object-fit: contain; }


.account-entry { min-width: 0; }
.account-entry > button { display: block; width: 100%; }
.account-profile-link {
  display: inline-block;
  margin-top: 10px;
  padding: 5px 10px;
  border: 1px solid #a87687;
  background: var(--cream);
  color: var(--wine);
  font-size: 12px;
}
.account-profile-link:hover { text-decoration: underline; }

.hero-photo-strip {
  position: absolute;
  z-index: 1;
  left: 61.4%;
  bottom: 105px;
  width: clamp(52px, 5.9vw, 97px);
  aspect-ratio: 1 / 4.85;
  margin: 0;
  transform: rotate(8deg);
}
.hero-photo-strip::before {
  content: '';
  position: absolute;
  width: 220%;
  aspect-ratio: .8;
  top: 38%;
  left: -47%;
  background: repeating-conic-gradient(#fff6e4 0deg 10deg, #fff6e470 10deg 20deg);
  border: 7px dotted #fff6e4;
  border-radius: 50%;
  opacity: .85;
}
.hero-photo-strip::after {
  content: '';
  position: absolute;
  top: -7px;
  left: -12%;
  width: 124%;
  height: clamp(15px, 1.8vw, 24px);
  background: repeating-linear-gradient(90deg,#fff7 0 4px,transparent 4px 8px),
    repeating-linear-gradient(#fff7 0 4px,transparent 4px 8px), #d18da0;
  border: 1px solid #fff0e3;
  box-shadow: 0 2px 4px #682e3825;
  transform: translate(12%, -15%) rotate(9deg);
}
.hero-photo-strip-window {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: #292323;
  box-shadow: 3px 5px 9px #542a3b44;
}
.hero-photo-strip-window img {
  position: absolute;
  width: 410%;
  max-width: none;
  height: auto;
  left: -149%;
  top: -22%;
  clip-path: polygon(38.5% 15%, 59.4% 15%, 59.1% 84%, 38.5% 84%);
  filter: grayscale(1) sepia(.13);
}
@media (max-width: 760px) {
  .hero-photo-strip { left: 74%; bottom: 100px; width: clamp(33px, 8.4vw, 54px); }
}

.hero .portrait { z-index: 2; }
.photo-strip-heart, .photo-strip-bow {
  position: absolute;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}
.photo-strip-heart {
  width: 53%;
  right: 112%;
  top: 16%;
  stroke: #fff9ef;
  stroke-width: 2;
  transform: rotate(-25deg);
}
.photo-strip-bow {
  width: 105%;
  left: 92%;
  top: 59%;
  stroke: #dd8fa9;
  stroke-width: 4;
  filter: drop-shadow(1px 2px 1px #8a3b5555);
  transform: rotate(-11deg);
}

#han-shimei-feature .han-heading { justify-content: flex-end; }
#contact h2 { font-size: clamp(42px, 7vw, 98px); }
.contact-stickers {
  position: absolute;
  top: 43%;
  right: 23%;
  display: flex;
  align-items: center;
  gap: clamp(5px, 1.5vw, 24px);
  pointer-events: none;
}
.contact-stickers span {
  display: grid;
  place-items: center;
  width: clamp(25px, 4.5vw, 65px);
  aspect-ratio: 1;
  background: #fff5e5;
  border: 2px solid white;
  border-radius: 46% 49% 45% 50%;
  box-shadow: 2px 3px #7c344829;
  color: var(--wine);
  font-size: clamp(14px, 2.6vw, 38px);
  transform: rotate(-14deg);
}
.contact-stickers span:nth-child(2) { background: #f7d78d; transform: translateY(50%) rotate(12deg); }
.contact-stickers span:nth-child(3) { background: #dce4ea; transform: translateY(-30%) rotate(18deg); }
@media (max-width: 600px) {
  .contact-stickers { top: 18%; right: 8%; }
}

header .brand {
  color: var(--wine);
  font: 400 36px/1 "Great Vibes", Georgia, cursive;
  letter-spacing: 0;
}
header .brand span {
  font: 16px/1 Georgia, serif;
  margin-left: 5px;
  vertical-align: top;
}
.hero-note.torn-note .hand {
  font: 400 clamp(19px, 2.15vw, 30px)/1.05 "Great Vibes", Georgia, cursive;
  max-width: none;
}
.aigc-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1.63;
  box-sizing: border-box;
  background: #ecd3dc;
  border: 1px solid #fffc;
  box-shadow: 3px 4px 0 #6e273b0a;
  padding: clamp(12px, 2vw, 22px);
}
.aigc-panel p {
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.6;
}
.aigc-panel small {
  display: inline-block;
  margin-left: .6em;
  color: var(--wine);
}
.aigc-gallery {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.aigc-preview {
  position: relative;
  display: block;
  aspect-ratio: 9 / 16;
  padding: 0;
  overflow: hidden;
  border: 2px solid #fff9ed;
  background: #e7d2d8;
}
.card .aigc-preview img {
  transition: none;
  position: absolute;
  width: var(--zoom);
  max-width: none;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, var(--crop-y));
}

.documentary-cover {
  aspect-ratio: 1.63;
  overflow: hidden;
  background: #160e09;
  border: 1px solid #fff;
}
.card .documentary-cover img {
  display: block;
  object-fit: contain;
  transform: none;
  transition: none;
}