:root{--paper:#f7f5ef;--ink:#292923;--muted:#74736a;--line:#d9d6cc;--accent:#d2e75a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Yu Gothic,Meiryo,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline-offset:6px;outline:3px solid #657a00}a:hover{opacity:.75}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1440px;margin:auto;padding:27px 5%;display:flex}.logo{letter-spacing:-2px;align-items:center;gap:16px;font-size:27px;font-weight:900;display:flex}.logo span{letter-spacing:2px;font-size:10px;font-weight:500}nav{gap:32px;font-size:13px;display:flex}.header-link{border-bottom:1px solid;padding-bottom:5px;font-size:12px}main{max-width:1440px;margin:auto}.hero{padding:36px 8% 55px;position:relative;overflow:hidden}.hero-top{letter-spacing:2px;justify-content:space-between;font-size:11px;display:flex}.hero h1{letter-spacing:-.075em;z-index:1;margin:65px 0 37px;font-size:clamp(70px,10.6vw,150px);font-weight:900;line-height:1.14;position:relative}.hero h1 span{background:linear-gradient(transparent 78%,var(--accent) 78%,var(--accent) 94%,transparent 94%)}.hero h1 i{font-style:normal}.hero-bottom{justify-content:space-between;align-items:end;display:flex}.hero p{font-size:14px;line-height:2}.round-link{border:1px solid var(--ink);border-radius:50%;place-items:center;width:65px;height:65px;font-size:28px;display:grid}.scribble{color:#b9c787;font-size:210px;font-weight:400;position:absolute;top:115px;right:10%;transform:rotate(14deg)}.section{border-top:1px solid var(--line);padding:75px 8%}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:35px;display:flex}.eyebrow{letter-spacing:2px;font-size:10px}.section h2{letter-spacing:-2px;margin:15px 0 0;font-size:clamp(27px,3.1vw,43px)}.section-heading p{color:var(--muted);font-size:12px}.works-grid{grid-template-columns:1.5fr 1fr;gap:22px;display:grid}.work-slot{background:#e9e7df;flex-direction:column;justify-content:space-between;min-height:340px;padding:25px;display:flex}.paper-corner,.slot-foot{letter-spacing:1.7px;font-size:10px}.placeholder{text-align:center;color:#79786e}.placeholder span{font-size:23px;display:block}.placeholder small{margin-top:12px;font-size:11px;display:block}.social-work{background:#e2e9cf}.social-work h3{margin:0;font-size:28px;line-height:1.5}.asterisk{font-size:75px;line-height:1}.shop{background:#eeece4}.pill{border:1px solid;border-radius:50px;padding:8px 20px;font-size:12px}.shop-body{grid-template-columns:1fr 1fr;align-items:center;gap:70px;display:grid}.book{background:var(--accent);border-left:5px solid #b8cb47;flex-direction:column;justify-content:space-between;width:230px;min-height:300px;margin:25px auto;padding:27px;display:flex;transform:rotate(-7deg);box-shadow:-8px 8px #dad9cf,0 18px 30px #29292315}.book span{letter-spacing:3px;font-size:10px}.book strong{letter-spacing:-3px;font-size:52px;line-height:1.2}.book small{font-size:10px}.shop-copy h3{margin:18px 0;font-size:27px}.shop-copy p,.about p{color:#626158;font-size:13px;line-height:2.2}.button{background:var(--ink);color:var(--paper);justify-content:space-between;align-items:center;max-width:320px;margin-top:30px;padding:18px 25px;font-size:13px;display:flex}.about{grid-template-columns:1fr 1fr;gap:65px;display:grid}.about h2{margin-bottom:25px;line-height:1.5}.links a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px 0;display:flex}.links a:first-child{border-top:1px solid var(--line)}.links h3{margin:0;font-size:20px}.links p{margin:5px 0 0;font-size:11px}.links a>span{font-size:24px}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1440px;margin:auto;padding:32px 5%;display:flex}footer p,footer>a:last-child{font-size:10px}footer .logo span{letter-spacing:0}@media (max-width:700px){.header{padding:20px 6%}.logo{font-size:23px}.logo span,.header-link{display:none}nav{gap:17px;font-size:11px}.hero{padding:27px 6% 40px}.hero-top{letter-spacing:1px;font-size:9px}.hero h1{margin-top:75px;font-size:clamp(61px,12vw,90px)}.scribble{font-size:110px;top:75px;right:4%}.hero p{font-size:12px}.round-link{width:49px;height:49px}.section{padding:48px 6%}.section-heading{align-items:start}.section-heading p{max-width:115px;font-size:10px;line-height:1.7}.works-grid,.shop-body,.about{grid-template-columns:1fr;gap:20px}.work-slot{min-height:280px}.shop-body{gap:25px}.book{width:200px;min-height:265px}.shop-copy{padding-bottom:12px}.about{gap:30px}footer{flex-wrap:wrap;gap:20px;padding:25px 6%}footer .logo{font-size:22px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.profile-image{border:1px solid var(--line);background:#fff;width:220px;max-width:100%;margin-top:28px;display:block;transform:rotate(-3deg)}.profile-image img{width:100%;height:auto;display:block}@media (max-width:700px){.profile-image{width:180px}}.drawing-work{background:#eeece4;align-self:start;margin:0}.drawing-work>a{display:block}.drawing-work img{width:100%;height:auto;display:block}.drawing-work figcaption{justify-content:space-between;gap:15px;padding:18px 20px;font-size:12px;display:flex}.drawing-work figcaption a{font-size:11px}.works-grid{align-items:start}.marine-work{background:#eeece4;margin:0 0 30px}.marine-work>a{display:block}.marine-work img{width:100%;height:auto;display:block}.marine-work figcaption{justify-content:space-between;align-items:center;gap:20px;padding:22px 25px;display:flex}.marine-work h3{margin:8px 0 0;font-size:22px}.marine-work figcaption>a{font-size:12px}@media (max-width:700px){.marine-work figcaption{padding:18px}.marine-work h3{font-size:19px}.marine-work figcaption>a{font-size:10px}}.category-links{grid-template-columns:repeat(3,1fr);gap:14px;padding:0 8% 65px;display:grid}.category-links a{border:1px solid var(--line);background:#eeece4;padding:24px;position:relative}.category-links span{letter-spacing:1.5px;margin-bottom:18px;font-size:10px;display:block}.category-links strong{padding-right:20px;font-size:17px;display:block}.category-links b{font-weight:400;position:absolute;bottom:23px;right:20px}.work-category{align-items:center;gap:20px;margin:40px 0 22px;scroll-margin-top:30px;font-size:20px;display:flex}.work-category span{letter-spacing:1.5px;color:var(--muted);font-size:10px;font-weight:400}.work-description{color:var(--muted);margin:9px 0 0;font-size:12px}@media (max-width:700px){.category-links{grid-template-columns:1fr;gap:10px;padding:0 6% 40px}.category-links a{padding:20px}.category-links span{margin-bottom:10px}.work-category{flex-direction:column;align-items:start;gap:9px}}.identity-main{grid-template-columns:1fr 1fr;align-items:center;gap:55px;padding:55px 0 15px;display:grid}.identity-hero h1{letter-spacing:-.06em;margin:12px 0 15px;font-size:clamp(70px,9vw,125px);line-height:1.1}.identity-hero .identity-label{letter-spacing:4px;margin:0;font-size:14px}.identity-hero .identity-roman{letter-spacing:7px;margin:0 0 30px;font-size:13px}.identity-hero .identity-intro{margin:0;font-size:13px;line-height:2.2}.hero-portrait{border:1px solid var(--line);width:100%;height:auto;display:block;transform:rotate(2deg)}.identity-work-link{border-bottom:1px solid;margin-top:22px;padding:10px 0;font-size:12px;display:inline-block}@media (max-width:700px){.identity-main{grid-template-columns:1fr;gap:32px;padding-top:40px}.identity-hero h1{margin:12px 0;font-size:85px}.hero-portrait{justify-self:center;max-width:380px}.identity-hero .identity-roman{margin-bottom:20px}}.footer-socials{gap:12px;display:flex}.footer-socials a{border:1px solid var(--line);border-radius:50%;place-items:center;width:44px;height:44px;transition:transform .25s,box-shadow .25s,background-color .25s;display:grid}.footer-socials svg{width:20px;height:20px}.footer-socials a:hover,.footer-socials a:focus-visible{opacity:1;background:#eeece4;transform:translateY(-4px);box-shadow:0 6px 12px #29292312}@media (prefers-reduced-motion:reduce){.footer-socials a{transition:none}.footer-socials a:hover,.footer-socials a:focus-visible{transform:none}}.hero-service{padding:0 8% 50px}.service-button{background:var(--accent);color:var(--ink);border:1px solid #adbf43;border-radius:12px;justify-content:center;align-items:center;gap:30px;min-height:60px;padding:20px 30px;font-size:15px;font-weight:700;transition:transform .22s,box-shadow .22s,background-color .22s;display:inline-flex;box-shadow:0 5px #a8b943,0 9px 18px #29292312}.service-button:hover,.service-button:focus-visible{opacity:1;background:#dcef73;transform:translateY(-3px);box-shadow:0 8px #a8b943,0 13px 22px #29292318}.service-button:active{transform:translateY(3px);box-shadow:0 2px #a8b943}.service-button span{font-size:21px}@media (max-width:700px){.hero-service{padding:0 6% 40px}.service-button{width:100%;padding:18px 22px;font-size:14px}}@media (prefers-reduced-motion:reduce){.service-button{transition:none}.service-button:hover,.service-button:focus-visible,.service-button:active{transform:none}}.faq-label{letter-spacing:3px;font-size:12px}.faq-note{color:var(--muted);margin:0 0 25px;font-size:11px;line-height:1.8}.faq-item{border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-item h3{margin:0}.faq-item button{text-align:left;width:100%;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:20px;padding:25px 0;font-size:15px;font-weight:700;display:flex}.faq-item button:hover{color:#657a00}.faq-item button:focus-visible{outline-offset:4px;outline:2px solid #657a00}.faq-number{color:var(--muted);flex-shrink:0;font-size:12px;font-weight:400}.faq-toggle{flex-shrink:0;margin-left:auto;font-size:25px;font-weight:400;transition:transform .3s}.faq-toggle.is-open{transform:rotate(45deg)}.faq-answer{opacity:0;visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .3s,opacity .3s,visibility .3s;display:grid}.faq-answer.is-open{opacity:1;visibility:visible;grid-template-rows:1fr}.faq-answer>div{min-height:0;overflow:hidden}.faq-answer p{color:#626158;margin:0;padding:0 40px 25px;font-size:13px;line-height:2}@media (max-width:700px){.faq-item button{gap:12px;padding:22px 0;font-size:13px}.faq-answer p{padding:0 0 22px 30px;font-size:12px}}@media (prefers-reduced-motion:reduce){.faq-answer,.faq-toggle{transition:none}}.sketchbook-cover{border:1px solid var(--line);background:#fff;margin:12px 0;display:block;transform:rotate(-2deg);box-shadow:0 12px 25px #29292312}.sketchbook-cover img{width:100%;height:auto;display:block}.sketch-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px;margin-top:28px;display:grid}.sketch-gallery figure{border:1px solid var(--line);background:#fff;min-width:0;margin:0}.sketch-gallery figure>a{transition:opacity .2s;display:block}.sketch-gallery img{width:100%;height:auto;display:block}.sketch-gallery figcaption{border-top:1px solid var(--line);background:var(--paper);justify-content:space-between;gap:12px;padding:16px 18px;font-size:10px;display:flex}.sketch-gallery figcaption span{letter-spacing:1.5px}@media (max-width:700px){.sketch-gallery{grid-template-columns:1fr;gap:20px}}.links a{gap:18px}.social-link-copy{flex:1}.links a>.social-sheet-icon{background-image:url(/social-logos.jpg);background-repeat:no-repeat;background-size:242.76px 242.76px;border-radius:50%;flex:0 0 44px;width:44px;height:44px;display:block}.social-sheet-x{background-position:-72.97px -37.09px}.social-sheet-instagram{background-position:-125.93px -37.09px}.social-sheet-youtube{background-position:-178.89px -37.09px}.contact-intro{margin:0 0 25px;font-size:14px}.contact-options{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.contact-x,.contact-email{border:1px solid var(--line);background:#eeece4;align-items:center;gap:18px;min-height:84px;padding:20px 24px;font-size:16px;display:inline-flex}.contact-x .social-sheet-icon{background-image:url(/social-logos.jpg);background-repeat:no-repeat;background-size:242.76px 242.76px;border-radius:50%;flex:0 0 44px;width:44px;height:44px;display:block}.contact-or{color:var(--muted);font-size:12px}.contact-email{overflow-wrap:anywhere}@media (max-width:700px){.contact-options{flex-direction:column;align-items:stretch;gap:15px}.contact-or{text-align:center}.contact-x,.contact-email{justify-content:space-between;padding:18px;font-size:14px}}.short-video{background:#eeece4;margin:30px 0}.short-video video{object-fit:contain;background:#111;width:100%;max-height:75vh;display:block}.short-video figcaption{padding:22px 25px}.short-video h3{margin:8px 0 0;font-size:22px}.profile-video{padding:0 8% 55px}.profile-video .short-video{margin:0}@media (max-width:700px){.profile-video{padding:0 6% 40px}}.marshmallow-icon{flex:0 0 44px;width:44px;height:44px;display:block}
