:root{--ink:#272620;--muted:#665f53;--blue:#234763;--serif:"KaiTi","STKaiti",serif}body{font-family:var(--serif);font-size:20px}body:before{opacity:.24}main,footer{max-width:1920px}.home{position:relative;aspect-ratio:16/9;background:url('assets/home-plate.png') center/100% 100% no-repeat;container-type:inline-size}.header{position:absolute;inset:0 0 auto;height:8.5%;z-index:2;padding:0;border:0;max-width:none;display:block}.header nav{height:100%;display:flex;align-items:center;justify-content:space-between;margin:0 15.5% 0 17%;gap:0}.header nav a{font-size:2.45cqw;letter-spacing:.12em;line-height:1;white-space:nowrap}.header nav a:hover{color:#345c70}.home-scene{position:absolute;inset:8.5% 0 39%}.home-heading{position:absolute;left:14.8%;top:16%;width:34%}.home h1{font-size:4.75cqw;line-height:1.06;font-weight:700;letter-spacing:-.035em;transform:rotate(-3deg);white-space:nowrap;margin:0}.home h1 span{display:block;text-align:right;margin-top:.24em}.home-heading p{font-size:1.2cqw;white-space:nowrap;margin-top:1.4em;text-align:center}.home-portals{position:absolute;inset:62.4% 7.4% 7.1%;display:grid;grid-template-columns:repeat(3,1fr);gap:2.8%}.portal{position:relative;text-align:center;border-radius:6px;transition:box-shadow .3s,background-color .3s}.portal:hover{background-color:#fff8e416;box-shadow:0 5px 16px #58493523}.portal h2{font-size:2.45cqw;line-height:1.45;font-weight:400;letter-spacing:.09em;margin:0 auto;width:64%}.portal-work h2{color:#fff9ed}.portal p{font-size:1.35cqw;line-height:1.15;margin:3% -2% 0}.home-signature{position:absolute;bottom:1.65%;width:100%;text-align:center;font-size:1.6cqw;letter-spacing:.14em}.section{padding:55px 7.5% 60px;min-height:680px;position:relative;scroll-margin-top:0;border:0;background:radial-gradient(ellipse at 90% 25%,#d6e2e226,transparent 52%)}.section:before{content:"";position:absolute;top:0;left:7%;right:7%;height:7px;background:linear-gradient(90deg,transparent,#96b0ba55 12%,#96b0ba66 48%,#96b0ba44 89%,transparent);border-radius:54% 29% 71% 25%}.section-label{margin-bottom:35px}.paint-label{display:inline-block;text-align:center;min-width:220px;padding:1px 28px;font-size:35px;letter-spacing:.13em;line-height:1.5;position:relative;isolation:isolate;font-weight:400;color:var(--ink)}.paint-label:before{content:"";position:absolute;inset:0;z-index:-1;background:#e68f59;clip-path:polygon(1% 4%,9% 6%,12% 0,29% 4%,44% 1%,62% 5%,84% 0,99% 6%,98% 23%,100% 42%,98% 57%,99% 81%,96% 97%,77% 94%,60% 100%,43% 96%,24% 100%,2% 94%,3% 73%,0 51%,2% 32%);box-shadow:inset 0 0 20px #f4e6b757}.paint-label.navy{color:#fff8e7}.navy:before{background:#244c6b}.mustard:before{background:#d5af48}.chapter{color:var(--muted);font-size:18px;letter-spacing:3px}.about-grid{grid-template-columns:.95fr 1.1fr;column-gap:5%;row-gap:0;align-items:center}.illustration{background-image:url('assets/illustrations.png');background-repeat:no-repeat;background-size:300% 100%;aspect-ratio:1;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse at center,#000 57%,transparent 76%)}.desk-art{grid-row:1/3;width:100%;max-width:500px;background-position:left center;justify-self:center}.about-grid h2{align-self:end;padding-bottom:20px}h2{font-size:42px}.about-copy{align-self:start;font-size:21px;line-height:1.85}.about-copy p+p{margin-top:12px}.habits{gap:30px;margin-top:24px}.habits article{position:relative;text-align:center;padding:20px 15px 24px;background:#eee4d355;border:1px solid #c7b6956b;box-shadow:3px 4px 0 #b7a9900b;border-radius:2% 3% 1% 2%}.habit-number{position:static;font-size:17px;color:#8f785d}.habits h3{font-size:29px;margin-bottom:9px}.habits p{font-size:19px;line-height:1.5}.expertise-heading{display:grid;grid-template-columns:1.05fr 1fr;gap:0 6%;align-items:center}.learning-art{grid-column:2;grid-row:1/3;aspect-ratio:1.7;background-size:300% auto;background-position:center;min-height:240px;width:100%}.expertise-heading h2{grid-column:1;grid-row:1;align-self:end}.expertise-heading>p{grid-column:1;grid-row:2;align-self:start;margin-top:15px;font-size:21px}.muted{font-size:17px}.cards{gap:30px;margin-top:25px}.card{border:1px solid #bca27c80;background:#f1e9d950;box-shadow:3px 5px 1px #9d7f5111;border-radius:1% 2% 2% 1%}summary{padding:20px 25px}.card-top{font-family:Georgia,serif;font-size:11px;letter-spacing:1px;color:#786d5c}.card-symbol{font-size:33px;color:var(--blue)}.card-index{display:none}.card h3{font-size:32px;margin:10px -8px 23px;padding:5px 15px;text-align:center;background:#e3935caa;clip-path:polygon(0 4%,37% 0,75% 5%,100% 0,99% 95%,57% 100%,0 96%)}.card h3 br{display:none}.pink h3{background:#234e6de8;color:#fff6e7}.green h3{background:#d2ab42bd}.card-bottom{font-size:18px;border-top:1px dashed #af9b7c80}.card-detail{font-size:20px;line-height:1.7;color:var(--muted)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center;min-height:720px}.contact h2{font-size:49px;margin:35px 0 20px}.contact>div>p:last-child{font-size:22px}.contact-visual{position:relative;align-self:center}.letter-art{background-position:right center;width:100%;aspect-ratio:1.15}.contact-note{width:auto;padding:0;margin:-20px auto 0;text-align:center;position:relative;background:none;box-shadow:none;transform:none}.contact-note:before,.note-star{display:none}.contact-note p{font-size:28px}.contact-note>span:not(.note-star){font-size:20px}.note-line{width:130px;background:#b9a17e;margin:15px auto 8px}.contact-note small{font-size:18px}footer{font-size:18px;padding:25px 7.5%;border-color:#cabca570}@media(min-width:1441px){body{padding:0}}@media(min-width:1600px){.section{min-height:850px;padding-top:70px;padding-bottom:80px}.about-copy{font-size:26px}.desk-art{max-width:600px}h2{font-size:52px}.habits p{font-size:23px}.contact{min-height:850px}.learning-art{min-height:310px}.card h3{font-size:38px}}@media(max-width:1000px){.section{padding:40px 6%;min-height:0}.paint-label{font-size:29px;min-width:190px}h2{font-size:33px}.about-copy{font-size:18px}.habits{gap:15px}.habits h3{font-size:25px}.habits p{font-size:17px}.habits p br{display:none}.cards{gap:17px}summary{padding:16px}.card h3{font-size:25px}.card-bottom{font-size:16px}.card-detail{font-size:18px;padding:0 16px 20px}.contact h2{font-size:37px}.contact>div>p:last-child{font-size:19px}.chapter{font-size:16px}}@media(max-width:600px){body{font-size:18px}.home{aspect-ratio:auto;background:none;padding-bottom:20px}.header{position:relative;height:55px;background:linear-gradient(100deg,#adc5d7b3,#91b4c4b3,#bed0d8b3);clip-path:polygon(0 0,100% 0,100% 94%,70% 99%,41% 95%,0 100%)}.header nav{margin:0 5%;gap:10px}.header nav a{font-size:18px;letter-spacing:0}.home-scene{position:relative;inset:auto;height:370px;background:url('assets/home-plate.png') 54% -55px / auto 700px no-repeat}.home-heading{left:5%;top:13%;width:51%}.home h1{font-size:32px;line-height:1.18}.home-heading p{font-size:14px;line-height:1.5;white-space:normal;max-width:150px;text-align:left;margin-top:15px}.home-portals{position:relative;inset:auto;grid-template-columns:1fr;gap:18px;margin:0 7%}.portal{height:230px;background-image:url('assets/home-plate.png');background-repeat:no-repeat;background-size:385% 335%;border-radius:0;box-shadow:none}.portal-about{background-position:10% 89%}.portal-work{background-position:50% 89%}.portal-contact{background-position:90% 89%}.portal h2{font-size:30px;line-height:1.7;width:66%}.portal p{font-size:18px;line-height:1.3;margin:9px 0 0}.home-signature{position:relative;bottom:auto;font-size:18px;margin-top:24px}.section{padding:35px 6% 42px}.section-label{margin-bottom:25px}.paint-label{font-size:29px;min-width:160px;padding:1px 18px}.chapter{font-size:14px;letter-spacing:1px}.about-grid{grid-template-columns:1fr;gap:0}.desk-art{grid-row:auto;max-width:330px}.about-grid h2{padding:8px 0 18px;font-size:33px}.about-copy{font-size:19px;line-height:1.8}.habits{grid-template-columns:1fr;gap:17px;margin-top:28px}.habits article{padding:15px}.habits h3{font-size:27px}.habits p{font-size:19px}.expertise-heading{display:flex;flex-direction:column;align-items:stretch}.expertise-heading h2{align-self:auto;font-size:32px}.learning-art{order:2;min-height:220px;aspect-ratio:1.4;margin-top:20px}.expertise-heading>p{font-size:19px}.cards{grid-template-columns:1fr;margin-top:5px;gap:22px}summary{padding:20px 24px}.card h3{font-size:30px}.card-bottom{font-size:19px}.card-detail{font-size:19px;padding:0 24px 24px}.contact{grid-template-columns:1fr;gap:20px}.contact h2{font-size:37px;margin:26px 0 17px}.contact>div>p:last-child{font-size:19px}.letter-art{max-width:400px;margin:auto}.contact-note{margin:-10px auto 0}footer{font-size:15px;padding:20px 6%;gap:10px}.logo{font-size:25px}}
:root{color-scheme:light}
.cards{align-items:stretch}
@media(max-width:600px){.header nav a{font-size:clamp(14px,4.6vw,18px)}.header nav{gap:6px}}