@import "tailwindcss";
:root{--paper:#f7f1cf;--ink:#161616;--pink:#ff4d78;--blue:#1746d2;--lime:#cbf264;--white:#fffdf4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}a,button{font:inherit}a:focus-visible,button:focus-visible{outline:4px solid var(--lime);outline-offset:4px}img{display:block;max-width:100%}.sectionPad{padding:110px 5.2vw}.topbar{height:80px;padding:0 3.4vw;display:flex;align-items:center;border-bottom:2px solid var(--ink);position:relative;z-index:30;background:rgba(247,241,207,.92);backdrop-filter:blur(12px)}.logo{color:inherit;text-decoration:none;font-size:23px;font-weight:900;letter-spacing:-.06em}.logo span{color:var(--pink)}.navlinks{margin-left:auto;display:flex;gap:10px}.navlinks a{color:inherit;text-decoration:none;padding:10px 17px;border:1.5px solid var(--ink);border-radius:999px;font-size:11px;letter-spacing:.08em;background:var(--white);transition:.2s}.navlinks a:hover{transform:translateY(-2px);box-shadow:3px 3px 0 var(--ink)}.navlinks .navCta{background:var(--ink);color:var(--white)}.menuButton{display:none}
.hero{height:720px;position:relative;padding:46px 3.4vw;overflow:hidden}.hero:after{content:"";position:absolute;width:600px;height:600px;border:45px solid rgba(255,77,120,.13);border-radius:50%;right:-270px;bottom:-360px}.monogram{position:absolute;left:2.4vw;top:35px;font:900 clamp(160px,17.7vw,255px)/.76 "Arial Black","Avenir Next",sans-serif;letter-spacing:-.12em;color:var(--blue)}.monogram em{font-style:normal;color:var(--pink);-webkit-text-stroke:2px var(--ink)}.heroCopy{position:absolute;left:3.9vw;top:420px;width:370px;z-index:6}.microLabel{display:inline-block;background:var(--lime);border:1.5px solid var(--ink);padding:7px 11px;font:700 10px "Avenir Next",sans-serif;letter-spacing:.12em;transform:rotate(-2deg)}.heroCopy h1,.sectionHeader h2,.contact h2{font-family:"Songti SC","STSong",serif}.heroCopy h1{font-size:42px;line-height:1.15;margin:15px 0 12px}.heroCopy p{font-size:14px;line-height:1.75;margin:0}.photo{position:absolute;overflow:hidden;border:2px solid var(--ink);box-shadow:9px 9px 0 var(--ink);margin:0;background:var(--white);transition:transform .35s}.photo:hover{transform:rotate(0) translateY(-8px)}.photo img{width:100%;height:100%;object-fit:cover}.photoOne{width:330px;height:420px;left:36.1%;top:70px;transform:rotate(-4deg);z-index:3}.photoOne img{object-position:center 12%}.photoTwo{width:300px;height:360px;left:56%;top:225px;transform:rotate(5deg);z-index:5}.photoTwo img{object-position:center 15%}.photoThree{width:250px;height:315px;right:5.1%;top:58px;transform:rotate(3deg);z-index:2}.photoThree img{object-position:center 15%}.profileTicket{position:absolute;right:5.2%;top:430px;width:268px;background:var(--blue);color:white;padding:23px 22px;border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);transform:rotate(-3deg);z-index:7}.profileTicket small{font:10px "Avenir Next",sans-serif;letter-spacing:.17em;color:var(--lime)}.profileTicket strong{display:block;font:700 30px "Avenir Next",sans-serif;margin:10px 0 2px}.profileTicket p{font-size:11px;line-height:1.6;margin:0}.creatorStamp{position:absolute;left:30.6%;top:515px;width:120px;height:120px;border:2px solid var(--pink);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--pink);font:800 11px/1.4 "Avenir Next",sans-serif;letter-spacing:.12em;transform:rotate(12deg);z-index:8}.categoryTicker{height:106px;background:var(--pink);border-block:2px solid var(--ink);display:grid;grid-template-columns:1.35fr repeat(6,.7fr);align-items:stretch}.categoryTicker>*{display:flex;align-items:center;padding:0 18px;border-left:1.5px solid var(--ink);font-size:12px}.categoryTicker strong{border-left:0;padding-left:3.4vw;font-size:22px}
.arrowIcon{position:relative;display:inline-block;width:1em;height:1em;flex:0 0 auto;color:currentColor;vertical-align:-.12em}.arrowIcon:before{content:"";position:absolute;left:15%;top:49%;width:72%;height:2px;background:currentColor;transform:rotate(-45deg);transform-origin:center}.arrowIcon:after{content:"";position:absolute;right:12%;top:12%;width:42%;height:42%;border-top:2px solid currentColor;border-right:2px solid currentColor}.sectionHeader{display:flex;gap:6vw;align-items:flex-start;margin-bottom:70px}.sectionHeader>span,.sectionHeader>div>span{min-width:120px;font:800 11px "Avenir Next",sans-serif;letter-spacing:.16em;border-top:2px solid;padding-top:10px}.sectionHeader h2{font-size:clamp(42px,5vw,72px);line-height:1.08;letter-spacing:-.06em;margin:0}.aboutGrid{display:grid;grid-template-columns:1fr 1.15fr .7fr;gap:5vw;align-items:center}.aboutPortrait{position:relative;min-height:570px}.aboutPortrait>img{width:90%;height:540px;object-fit:cover;object-position:center top;border:2px solid var(--ink);box-shadow:11px 11px 0 var(--blue);transform:rotate(-2deg)}.tape{position:absolute;padding:8px 15px;border:2px solid var(--ink);font:900 12px "Avenir Next",sans-serif;letter-spacing:.1em;box-shadow:4px 4px 0 var(--ink)}.tapePink{background:var(--pink);right:-10px;top:55px;transform:rotate(8deg)}.scribble{position:absolute;width:80px;height:80px;right:0;bottom:-5px;transform:rotate(-15deg)}.aboutCopy .intro{font:400 clamp(24px,2.4vw,38px)/1.55 "Songti SC",serif;margin:0 0 55px}.aboutCopy .intro span{color:var(--blue);font-weight:700}.traits{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.traits article{border-top:2px solid;padding-top:16px}.traits b{font-size:16px}.traits p{font-size:12px;line-height:1.8;color:#424242}.profilePanel{border:2px solid var(--ink);background:var(--white);transform:rotate(2deg);box-shadow:8px 8px 0 var(--pink)}.profilePanel>img{height:350px;width:100%;object-fit:cover;object-position:center top}.profilePanelCopy{padding:18px;border-top:2px solid}.profilePanelCopy small{font-size:9px;letter-spacing:.16em}.profilePanelCopy strong{display:block;font-size:20px;margin:4px 0 14px}.profilePanelCopy a{display:inline-flex;align-items:center;gap:6px;background:var(--ink);color:white;text-decoration:none;padding:11px 14px;font-size:11px}.statsBand{background:var(--blue);color:white;border-block:2px solid var(--ink);display:grid;grid-template-columns:repeat(4,1fr)}.statsBand>div{padding:45px 4vw;border-left:2px solid var(--ink)}.statsBand>div:first-child{border-left:0}.statsBand strong{font:900 clamp(42px,5vw,72px)/1 "Arial Black",sans-serif;color:var(--lime)}.statsBand strong span{font-size:.4em}.statsBand p{font-size:12px;margin:9px 0 0;letter-spacing:.08em}
.stories{background:var(--ink);color:var(--paper);overflow:hidden}.inverse>span{color:var(--lime)}.storyCollage{display:grid;grid-template-columns:1.2fr .75fr .9fr;grid-template-rows:230px 280px;gap:24px;position:relative}.storyCard{position:relative;border:2px solid var(--paper);overflow:hidden;background:#333}.storyCard img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.storyCard:hover img{transform:scale(1.04)}.storyCard:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.8))}.storyCard>div{position:absolute;z-index:2;left:25px;bottom:22px}.storyCard small{color:var(--lime);letter-spacing:.14em}.storyCard h3{font:500 28px "Songti SC",serif;margin:7px 0}.storyCard p{font-size:12px;margin:0}.storyLarge,.storyTall{grid-row:1/3}.storyWide{grid-column:3;grid-row:1/2}.storyLarge img{object-position:center 20%}.storyTall img{object-position:center 16%}.storyWide img{object-position:center 17%}.storyNote{grid-column:3;grid-row:2;background:var(--pink);color:var(--ink);border:2px solid var(--paper);padding:28px;display:flex;justify-content:space-between}.storyNote b{font:900 42px/.9 "Arial Black",sans-serif;letter-spacing:-.05em}.storyNote span{font-size:55px;color:var(--lime)}
.splitHeader{justify-content:space-between}.splitHeader>div{display:flex;gap:6vw}.splitHeader>p{width:330px;font-size:14px;line-height:1.8;margin:15px 0 0}.filterBar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:42px}.filterBar button{border:2px solid var(--ink);border-radius:999px;background:var(--white);padding:12px 19px;cursor:pointer;font-weight:700;font-size:12px;transition:.2s}.filterBar button:hover,.filterBar button.active{background:var(--ink);color:white;transform:translateY(-2px)}.filterBar sup{color:var(--pink);margin-left:5px}.caseGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:start}.caseCard{color:inherit;text-decoration:none;border:2px solid var(--ink);background:var(--white);transition:.25s;min-width:0;align-self:start}.caseCard:nth-child(4n+2){transform:rotate(1deg)}.caseCard:nth-child(4n+3){transform:rotate(-1deg)}.caseCard:hover{transform:translate(-5px,-5px);box-shadow:8px 8px 0 var(--ink)}.caseImage{height:auto;overflow:hidden;position:relative;border-bottom:2px solid var(--ink);background:var(--ink)}.caseImage:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.3));pointer-events:none}.caseImage img{display:block;width:100%;height:auto;object-fit:contain;object-position:center}.caseImage span{position:absolute;z-index:2;right:12px;top:12px;border:2px solid;background:var(--lime);padding:5px 8px;font:900 12px "Avenir Next",sans-serif}.caseInfo{padding:18px;position:relative;min-height:100px}.caseInfo small{color:var(--blue);font-weight:800}.caseInfo h3{font-size:17px;margin:9px 32px 0 0}.caseInfo>.arrowIcon{position:absolute;right:18px;bottom:17px;width:24px;height:24px}.moreButton{display:block;margin:45px auto 0;border:2px solid var(--ink);background:var(--pink);padding:15px 26px;box-shadow:5px 5px 0 var(--ink);font-weight:800;cursor:pointer}
.kit{background:var(--blue);color:white;border-block:2px solid var(--ink)}.kitGrid{display:grid;grid-template-columns:repeat(3,1fr);border:2px solid var(--ink);box-shadow:12px 12px 0 var(--ink)}.kitGrid article{min-height:410px;padding:30px;background:var(--paper);color:var(--ink);border-left:2px solid var(--ink);position:relative}.kitGrid article:first-child{border-left:0}.kitGrid article:nth-child(2){background:var(--lime)}.kitGrid article:nth-child(3){background:var(--pink)}.kitGrid article>span{position:absolute;right:25px;top:25px;border:2px solid;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-weight:900}.kitGrid small{letter-spacing:.16em;font-weight:800}.kitGrid h3{font:900 clamp(54px,6vw,86px)/.82 "Arial Black",sans-serif;letter-spacing:-.08em;margin:85px 0 35px}.kitGrid p{font-size:13px;line-height:1.8;max-width:290px}
.contact{min-height:630px;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden}.contact:before,.contact:after{content:"";position:absolute;border:38px solid var(--pink);border-radius:50%;width:500px;height:500px;left:-280px;top:40px}.contact:after{border-color:var(--lime);left:auto;right:-350px;top:150px}.contactMark{position:absolute;left:2vw;bottom:-30px;font:900 200px/.8 "Arial Black",sans-serif;color:var(--blue);transform:rotate(-8deg)}.contactCopy{position:relative;z-index:2}.contactCopy>span{font-size:11px;letter-spacing:.2em;font-weight:800}.contact h2{font-size:clamp(48px,6vw,84px);line-height:1.08;letter-spacing:-.06em;margin:20px 0}.contact p{font-size:13px}.contactCopy a{display:inline-flex;align-items:center;gap:40px;margin-top:25px;background:var(--ink);color:white;border:2px solid var(--ink);padding:18px 22px;text-decoration:none;font-weight:800;box-shadow:7px 7px 0 var(--pink)}.contactCopy a .arrowIcon{width:22px;height:22px}.contactSticker{position:absolute;right:8%;top:80px;width:130px;height:130px;background:var(--pink);border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;font:900 15px/1.1 "Avenir Next",sans-serif;transform:rotate(12deg);box-shadow:6px 6px 0 var(--ink)}footer{min-height:105px;border-top:2px solid var(--ink);display:flex;align-items:center;padding:0 3.4vw;gap:35px;background:var(--white)}footer p{font-size:11px;letter-spacing:.08em}footer small{margin-left:auto;color:#666}
@media(max-width:1100px){.hero{height:760px}.photoOne{left:33%;width:300px}.photoTwo{left:54%;width:270px}.photoThree{right:2%;width:210px}.profileTicket{right:3%}.aboutGrid{grid-template-columns:.9fr 1.1fr}.profilePanel{grid-column:1/-1;width:420px;justify-self:center;display:grid;grid-template-columns:1fr 1fr;transform:none}.profilePanel>img{height:260px}.caseGrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.sectionPad{padding:78px 6vw}.topbar{height:68px}.menuButton{display:flex;margin-left:auto;width:42px;height:42px;border:2px solid var(--ink);background:var(--lime);flex-direction:column;gap:6px;align-items:center;justify-content:center}.menuButton span{width:20px;height:2px;background:var(--ink)}.navlinks{display:none;position:absolute;left:0;right:0;top:66px;background:var(--paper);border-bottom:2px solid;padding:18px;flex-direction:column}.navlinks.isOpen{display:flex}.navlinks a{text-align:center;font-size:13px}.hero{height:940px}.monogram{font-size:178px;top:45px;left:-15px}.heroCopy{top:265px;left:7vw;width:86vw}.heroCopy h1{font-size:36px}.photoOne{left:7vw;top:490px;width:48vw;height:335px}.photoTwo{left:48vw;top:555px;width:44vw;height:300px}.photoThree{display:none}.profileTicket{right:7vw;top:800px;width:250px}.creatorStamp{display:none}.categoryTicker{height:auto;grid-template-columns:1fr 1fr}.categoryTicker>*{min-height:65px}.categoryTicker strong{grid-column:1/-1;border-bottom:1.5px solid;padding-left:6vw}.sectionHeader,.splitHeader,.splitHeader>div{display:block}.sectionHeader>span,.sectionHeader>div>span{display:inline-block;margin-bottom:26px}.sectionHeader h2{font-size:44px}.splitHeader>p{width:auto;margin-top:25px}.aboutGrid{display:block}.aboutPortrait{min-height:470px}.aboutPortrait>img{height:440px}.aboutCopy{margin:55px 0}.aboutCopy .intro{font-size:28px}.traits{grid-template-columns:1fr}.profilePanel{width:100%;grid-template-columns:1fr 1fr}.profilePanel>img{height:250px}.statsBand{grid-template-columns:1fr 1fr}.statsBand>div:nth-child(3){border-left:0;border-top:2px solid var(--ink)}.statsBand>div:nth-child(4){border-top:2px solid var(--ink)}.storyCollage{display:flex;overflow:auto;scroll-snap-type:x mandatory;margin-right:-6vw;padding-right:6vw}.storyCard,.storyLarge,.storyTall,.storyWide{min-width:78vw;height:480px;scroll-snap-align:start}.storyNote{min-width:70vw;height:480px}.caseGrid{grid-template-columns:1fr 1fr}.kitGrid{grid-template-columns:1fr;box-shadow:8px 8px 0 var(--ink)}.kitGrid article{min-height:340px;border-left:0;border-top:2px solid}.kitGrid article:first-child{border-top:0}.kitGrid h3{margin:70px 0 25px}.contact{min-height:580px}.contactMark{font-size:115px}.contactSticker{right:3%;top:35px;width:90px;height:90px;font-size:11px}.contact h2{font-size:47px}footer{padding:28px 6vw;display:block}footer p{margin:17px 0}footer small{display:block}}
@media(max-width:500px){.hero{height:900px}.monogram{font-size:148px}.heroCopy{top:235px}.heroCopy h1{font-size:32px}.photoOne{top:470px;height:300px}.photoTwo{top:525px;height:270px}.profileTicket{top:755px}.categoryTicker>*{font-size:10px;padding:0 10px}.categoryTicker strong{font-size:18px}.sectionHeader{margin-bottom:45px}.sectionHeader h2{font-size:37px}.aboutPortrait{min-height:400px}.aboutPortrait>img{height:380px}.profilePanel{display:block}.profilePanel>img{height:300px}.caseGrid{grid-template-columns:1fr}.kitGrid h3{font-size:60px}.contact h2{font-size:39px}.contact p{padding-inline:20px;line-height:1.8}.contactSticker{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}