:root{--ink:#241e1c;--paper:#f8f7ef;--accent:#5a3f58;--lav:#c8cadb;--line:#302a27}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#d8d8d4;color:var(--ink);font-family:"Yu Mincho","Hiragino Mincho ProN",Georgia,serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.topbar{height:68px;padding:0 max(24px,calc((100% - 1060px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid #aaa}.logo{display:flex;align-items:center;gap:11px;font:30px/1 Georgia,serif}.logo i,.mini-logo i{position:relative;width:31px;height:20px}.logo i:before,.logo i:after,.mini-logo i:before,.mini-logo i:after{content:"";position:absolute;top:0;width:20px;height:20px;border-radius:50%;background:#4c4543;opacity:.8}.logo i:before,.mini-logo i:before{left:0}.logo i:after,.mini-logo i:after{right:0;background:#807977}.topbar nav{display:flex;gap:30px;font:700 9px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}.paper{position:relative;width:min(1060px,100%);margin:auto;padding:62px 62px 80px 150px;background:var(--paper);box-shadow:0 8px 35px rgba(0,0,0,.1)}.orange-note{position:absolute;left:0;top:0;width:112px;min-height:190px;padding:25px 19px;background:var(--accent);color:white}.orange-note:before{content:"";position:absolute;width:68px;height:19px;top:12px;left:-24px;border:3px solid #39312f;border-radius:20px;transform:rotate(12deg)}.orange-note small{font:700 8px Arial,sans-serif;letter-spacing:.14em}.orange-note b{display:block;margin:15px 0;font:18px/1.25 Georgia,serif}.orange-note p{margin:0;padding-top:13px;border-top:1px solid rgba(255,255,255,.65);font-size:12px;line-height:1.7}.paper-head{text-align:center}.paper-head>p{margin:0 0 15px;font:700 9px Arial,sans-serif;letter-spacing:.2em;transform:rotate(-4deg)}.paper-head h1{margin:0;font:68px/1 Georgia,serif;letter-spacing:.01em}.paper-head>span{display:inline-block;margin-top:16px;padding:5px 18px;border:1px solid;font-size:12px}.rule{height:1px;margin:46px 0;background:var(--line)}
.feature{display:grid;grid-template-columns:115px 1fr;gap:34px}.side-title{position:relative;border-right:1px solid #b8b5ab}.side-title>span{display:block;width:max-content;margin:0 auto 25px;padding:6px 9px;border:2px solid var(--accent);border-radius:50%;font:700 9px Arial,sans-serif;transform:rotate(-8deg)}.side-title h2{margin:auto;writing-mode:vertical-rl;font-size:23px;line-height:1.55;letter-spacing:.12em}.feature-body{min-width:0}.feature-body p{font-size:12px;line-height:2.05;text-align:justify}.lead{margin:0 0 20px}.lead:first-letter{float:left;margin:3px 8px 0 0;color:var(--accent);font:67px/.72 Georgia,serif}.columns{column-count:2;column-gap:26px}.columns p{break-inside:avoid;margin:0 0 18px}.columns b{font-size:13px;border-bottom:1px solid var(--accent)}.portrait{float:right;width:38%;margin:6px 0 15px 24px;background:var(--lav);overflow:hidden}.portrait img{display:block;width:100%;height:245px;object-fit:cover;object-position:center 20%}.feature-body blockquote{clear:right;float:right;width:42%;margin:4px 0 15px 24px;padding:18px;background:var(--lav);font-size:18px;line-height:1.7}.closing{margin:8px 0 0}.career-chart{clear:both;margin:58px 0 0;padding:25px;border-top:1px solid;border-bottom:1px solid}.career-chart header{display:flex;align-items:end;justify-content:space-between}.career-chart header span,.section-rule span,.contact>div>span{font:700 9px Arial,sans-serif;color:var(--accent);letter-spacing:.18em}.career-chart h2{margin:8px 0 0;font-size:24px;font-weight:400}.career-chart header>strong{font:48px/1 Georgia,serif}.career-chart header small{font-size:12px}.timeline{margin-top:28px}.row{display:grid;grid-template-columns:180px 1fr;align-items:center;margin:13px 0}.row-label b{display:block;font-size:13px}.row-label span{font:9px Arial,sans-serif}.track{height:28px;position:relative;background:#e1dfd6}.track i{display:block;height:100%;background:var(--lav)}.track i.agency{width:18.75%}.track i.cosmetics{width:100%;background:#60565f}.track em{position:absolute;right:8px;top:7px;font:700 10px Arial,sans-serif;color:white;font-style:normal}.track .agency+em{left:calc(18.75% + 8px);right:auto;color:var(--ink)}.career-chart>footer{display:grid;grid-template-columns:repeat(21,1fr);align-items:start;margin:13px 0 0 180px}.career-chart>footer span{font:700 8px Arial,sans-serif}.career-chart>footer span:last-child{text-align:right}.career-chart>footer i{height:6px;border-left:1px solid #aaa}
.score-section{margin-top:55px}.donut-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-top:28px}.donut-grid article{text-align:center}.donut{width:98px;aspect-ratio:1;margin:auto;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--accent) 0 var(--score),#deddd5 var(--score) 100%)}.donut:before{content:"";grid-area:1/1;width:78px;aspect-ratio:1;border-radius:50%;background:var(--paper)}.donut>div{grid-area:1/1;z-index:1}.donut strong{font:32px/1 Georgia,serif}.donut small{font:10px Arial,sans-serif}.donut.s100{--score:100%}.donut.s89{--score:89%}.donut.s53{--score:53%}.donut.s52{--score:52%}.donut.s65{--score:65%}.donut-grid h3{margin:12px 0 0;font-size:12px}.score-note{margin:22px 0 0;color:#746f69;font-size:8px;line-height:1.7}.expertise,.about{margin-top:55px}.section-rule{display:flex;align-items:baseline;gap:18px;padding:12px 0;border-top:2px solid;border-bottom:1px solid}.section-rule b{font-size:18px;font-weight:400}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:24px}.skill-grid article{position:relative}.skill-grid article>span{position:absolute;right:0;top:0;color:var(--accent);font:700 9px Arial,sans-serif}.skill-grid h3{margin:0 25px 12px 0;font-size:16px}.skill-grid p{margin:0;font-size:10px;line-height:1.9;text-align:justify}.about-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:35px;margin-top:25px}.mini-logo{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--lav)}.mini-logo i{width:42px;height:26px}.mini-logo i:before,.mini-logo i:after{width:26px;height:26px}.mini-logo strong{margin-top:12px;font:42px Georgia,serif}.mini-logo small{margin-top:8px;font:italic 15px Georgia,serif}.about-grid>div:last-child{column-count:2;column-gap:24px}.about-grid p{margin:0 0 14px;font-size:10px;line-height:1.9;text-align:justify;break-inside:avoid}.about-grid .tagline{padding-top:10px;border-top:1px solid var(--accent);font:italic 14px/1.8 Georgia,serif;text-align:left}.contact{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:55px;padding:30px;background:var(--accent);color:white}.contact>div>span{color:white}.contact h2{margin:9px 0 0;font-size:27px;font-weight:400}.contact>div>p{margin:16px 0 0;font:9px/1.6 Arial,sans-serif;opacity:.72}.contact dl{margin:0}.contact dl>div{display:grid;grid-template-columns:85px 1fr;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.65)}dt{font:700 8px Arial,sans-serif;letter-spacing:.15em}dd{min-height:14px;margin:0;font-size:10px}.site-footer{width:min(1060px,100%);margin:auto;padding:28px 50px;display:flex;align-items:center;justify-content:space-between;background:#211b1a;color:white}.light-logo{font-size:22px}.light-logo i:before,.light-logo i:after{background:white}.site-footer p{font:8px Arial,sans-serif;letter-spacing:.15em}
@media(max-width:760px){.topbar{height:60px;padding:0 20px}.topbar nav{display:none}.paper{padding:45px 20px 55px}.orange-note{position:relative;width:100%;min-height:0;margin-bottom:42px;padding:18px 22px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.orange-note:before{display:none}.orange-note b,.orange-note p{margin:0}.orange-note p{padding:0;border:0}.paper-head h1{font-size:55px}.feature{grid-template-columns:1fr}.side-title{display:flex;align-items:center;gap:18px;padding-bottom:12px;border-right:0;border-bottom:1px solid}.side-title>span{margin:0}.side-title h2{margin:0;writing-mode:horizontal-tb;font-size:24px}.columns{column-count:1}.portrait{float:none;width:100%;margin:20px 0}.portrait img{height:310px;object-position:center 18%}.feature-body blockquote{float:none;width:100%;margin:20px 0}.career-chart{padding:22px 0}.career-chart header{align-items:start}.career-chart header>strong{font-size:39px}.row{grid-template-columns:1fr;gap:7px}.career-chart>footer{display:none}.donut-grid{grid-template-columns:repeat(2,1fr)}.donut{width:105px}.skill-grid{grid-template-columns:1fr}.about-grid,.contact{grid-template-columns:1fr}.about-grid>div:last-child{column-count:1}.site-footer{padding:25px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}