:root{--yellow:#ffd92f;--yellow-light:#fff8d8;--ink:#171714;--paper:#fbfaf4;--muted:#716f66;--line:#d8d5ca;--white:#fff;--pink:#ff9bb7;--blue:#8dd8f7;--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans JP",sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.header{height:88px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:relative;z-index:10}.logo{display:flex;align-items:center;gap:10px;font-family:"DM Sans",sans-serif;font-weight:700;letter-spacing:.08em;font-size:15px}.logo-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--yellow);font-size:25px;line-height:1}.nav{display:flex;gap:38px;font-size:13px;font-weight:700}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--ink);transition:.25s}.nav a:hover:after{width:100%}.header-contact{background:var(--ink);color:#fff;border-radius:100px;padding:13px 21px;font-size:13px;font-weight:700}.header-contact span,.button span{margin-left:18px}.hero{min-height:calc(100vh - 88px);position:relative;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:var(--yellow);padding:7vw 7vw 7.5vw}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:12px;font:600 11px "DM Sans",sans-serif;letter-spacing:.14em}.eyebrow span{width:32px;height:1px;background:currentColor}.hero h1{font-size:clamp(48px,6.3vw,96px);line-height:1.12;letter-spacing:-.06em;margin:38px 0 34px;font-weight:900}.hero h1 em{font-style:normal;position:relative;z-index:1}.hero h1 em:after{content:"";height:16px;background:#fff;position:absolute;left:0;right:-6px;bottom:4px;z-index:-1;transform:rotate(-1deg)}.hero-lead{font-weight:500;font-size:15px;margin-bottom:42px}.button{display:inline-flex;align-items:center;justify-content:space-between;border-radius:100px;padding:18px 25px;font-weight:700;font-size:14px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 0 rgba(0,0,0,.15)}.button-dark{background:var(--ink);color:#fff}.hero-visual{position:relative;min-height:560px}.orbit{position:absolute;border:2px solid var(--ink);border-radius:50%;inset:8% 4% 3% 8%;transform:rotate(-12deg)}.orbit-two{inset:17% 15% 8% 0;transform:rotate(21deg);border-width:1px}.visual-type{position:absolute;left:18%;top:28%;font:900 clamp(45px,6vw,86px)/.82 "DM Sans",sans-serif;letter-spacing:-.08em;transform:rotate(-7deg)}.visual-type span{color:#fff;text-shadow:2px 2px 0 var(--ink),-2px -2px 0 var(--ink)}.floating-tag{position:absolute;background:#fff;border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);padding:12px 18px;font:700 12px "DM Sans";letter-spacing:.12em;transform:rotate(var(--r))}.tag-web{top:12%;right:13%;--r:8deg}.tag-sns{left:2%;bottom:24%;--r:-12deg;background:var(--pink)}.tag-event{right:6%;bottom:15%;--r:5deg;background:var(--blue)}.spark{position:absolute;font-size:44px}.spark-one{left:13%;top:8%}.spark-two{right:4%;top:47%;font-size:26px}.scroll-label{position:absolute;right:2%;bottom:8%;writing-mode:vertical-rl;font:600 10px "DM Sans";letter-spacing:.18em}.scroll-label span{height:56px;width:1px;background:var(--ink);display:inline-block;margin-top:10px}.section{padding:120px 7vw}.section-label{font:600 11px "DM Sans";letter-spacing:.18em;display:flex;gap:16px;align-items:center;margin-bottom:58px}.section-label span{font-size:10px;border:1px solid currentColor;border-radius:50%;width:27px;height:27px;display:grid;place-items:center}.intro-content,.section-heading{display:grid;grid-template-columns:1.35fr .65fr;gap:8vw}.intro h2,.section-heading h2{font-size:clamp(34px,4.6vw,68px);line-height:1.35;letter-spacing:-.05em;margin-bottom:80px}.intro h2 mark{background:linear-gradient(transparent 65%,var(--yellow) 0)}.intro-text{padding-top:10px;font-size:15px}.intro-text p+p{margin-top:24px}.values{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.values article{padding:36px 4vw 20px 0;border-right:1px solid var(--line)}.values article+article{padding-left:4vw}.values article:last-child{border:0}.values span{font:600 11px "DM Sans";color:#999}.values h3{font-size:22px;margin:22px 0 12px}.values p{font-size:13px;color:var(--muted)}.services{background:var(--ink);color:#fff}.light{color:#fff}.section-heading p{font-size:14px;color:var(--muted);padding-top:10px}.light-heading p{color:#aaa}.service-list{border-top:1px solid #484843}.service-card{display:grid;grid-template-columns:70px 210px 1fr;gap:4vw;padding:52px 0;border-bottom:1px solid #484843;align-items:center}.service-no{font:500 12px "DM Sans";color:#888;align-self:start}.service-icon{width:180px;height:150px;background:var(--yellow);border-radius:50%;display:grid;place-items:center;color:var(--ink);transform:rotate(-5deg)}.browser-icon span{width:112px;height:79px;border:3px solid;border-radius:5px;position:relative}.browser-icon span:before{content:"•••";position:absolute;top:-12px;left:6px;font-size:14px}.browser-icon span:after{content:"";position:absolute;left:0;right:0;top:18px;border-top:3px solid}.phone-icon{background:var(--pink);border-radius:34% 66% 61% 39% / 44% 44% 56% 56%;transform:rotate(7deg)}.phone-icon:before{content:"";width:70px;height:110px;border:3px solid;border-radius:12px}.phone-icon span{position:absolute;font-size:25px}.paper-icon{background:var(--blue);border-radius:68% 32% 49% 51% / 50% 50% 50% 50%}.paper-icon span{font:700 42px Georgia}.event-icon{border-radius:34% 66% 22% 78% / 56% 33% 67% 44%;background:#b9ed92}.event-icon span{font-size:50px}.service-copy>p:first-child,.work>p{font:600 10px "DM Sans";letter-spacing:.14em;color:#999;margin-bottom:8px}.service-copy h3{font-size:30px;margin-bottom:16px}.service-copy>p{font-size:14px;color:#bbb;max-width:660px}.service-copy ul{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:22px 0 0;list-style:none}.service-copy li{border:1px solid #555;border-radius:100px;padding:6px 13px;font-size:11px;color:#ccc}.works .section-heading h2,.flow .section-heading h2{font-size:clamp(34px,4.2vw,62px)}.works-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 32px}.work:nth-child(3){grid-column:1/2}.work>div{height:360px;margin-bottom:24px;overflow:hidden;transition:transform .3s}.work:hover>div{transform:translateY(-7px)}.work-yellow{grid-column:1/2}.mock-site{background:#f3d94c;padding:36px;position:relative}.mock-site strong{font-size:30px;line-height:1.35;position:absolute;top:82px;left:38px}.mock-nav{width:100%;height:2px;background:var(--ink)}.mock-photo{position:absolute;width:45%;height:70%;right:0;bottom:0;background:repeating-linear-gradient(135deg,#e8af91 0 12px,#f5cdb9 12px 24px);border-radius:130px 0 0 0}.mock-phone{background:#f5b1c4;display:flex;gap:14px;align-items:center;justify-content:center}.post{width:25%;aspect-ratio:9/13;background:white;box-shadow:0 15px 25px #b76c7e55;display:grid;place-items:center;text-align:center;font:700 15px "DM Sans"}.post-b{transform:translateY(-20px);background:var(--yellow);font-size:22px}.post-c{background:#ff805e}.mock-poster{background:#9ddcf3;display:grid;place-items:center;align-content:center;text-align:center}.mock-poster span{border:4px solid;padding:18px 28px;font:900 42px/1 "DM Sans";transform:rotate(-4deg);box-shadow:10px 10px 0 var(--yellow)}.mock-poster small{margin-top:30px;font-weight:700}.work h3{font-size:18px}.flow{background:#f1efe7}.flow-list{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.flow-list li{padding:38px 2.4vw 10px 0;position:relative}.flow-list li:not(:last-child):after{content:"→";position:absolute;right:16px;top:60px;color:#aaa}.flow-list span{display:grid;place-items:center;width:42px;height:42px;background:var(--yellow);border-radius:50%;font:600 11px "DM Sans"}.flow-list div{font:600 10px "DM Sans";letter-spacing:.14em;color:#999;margin:25px 0 8px}.flow-list h3{font-size:19px;margin-bottom:10px}.flow-list p{font-size:12px;color:var(--muted)}.contact{background:var(--yellow);padding:125px 7vw;text-align:center;position:relative;overflow:hidden}.contact .eyebrow{justify-content:center}.contact h2{font-size:clamp(42px,6vw,82px);line-height:1.3;letter-spacing:-.06em;margin:35px 0 24px}.contact>p:not(.eyebrow){font-size:14px}.button-large{min-width:290px;margin-top:24px;padding:21px 27px}.contact small{display:block;margin-top:18px}.contact-shape{position:absolute;border:2px solid var(--ink);border-radius:50%;width:200px;height:200px}.shape-a{left:-70px;top:60px}.shape-b{right:-60px;bottom:40px;width:280px;height:120px;transform:rotate(-28deg)}.footer{background:var(--ink);color:#fff;padding:70px 7vw 30px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.footer-logo .logo-mark{color:var(--ink)}.footer p{font-size:11px;color:#aaa;margin-top:24px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:16px;font:600 11px "DM Sans";letter-spacing:.1em}.footer-links a:hover{color:var(--yellow)}.copyright{grid-column:1/-1;border-top:1px solid #444;padding-top:25px;margin:0!important}
@media(max-width:900px){.nav{display:none}.header{height:72px}.hero{grid-template-columns:1fr;padding:70px 6vw 90px}.hero-visual{min-height:400px;margin-top:20px}.hero h1{font-size:clamp(48px,12vw,76px)}.scroll-label{display:none}.intro-content,.section-heading{grid-template-columns:1fr;gap:0}.intro h2,.section-heading h2{margin-bottom:35px}.intro-text{margin-bottom:55px}.service-card{grid-template-columns:45px 150px 1fr;gap:20px}.service-icon{width:135px;height:115px}.works-grid{gap:45px 20px}.work>div{height:280px}.flow-list{grid-template-columns:1fr 1fr}.footer{grid-template-columns:1fr}}
@media(max-width:620px){.header{padding:0 20px}.logo{font-size:12px}.logo-mark{width:30px;height:30px}.header-contact{padding:10px 15px}.header-contact span{display:none}.hero{padding:55px 22px 70px}.hero h1{font-size:46px}.hero-lead{font-size:13px}.hero-visual{min-height:310px}.visual-type{font-size:45px;left:14%;top:30%}.orbit{inset:5% -10% 3% 0}.section{padding:85px 22px}.section-label{margin-bottom:38px}.intro h2,.section-heading h2{font-size:36px}.values{grid-template-columns:1fr}.values article,.values article+article{padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}.service-card{grid-template-columns:38px 1fr;padding:40px 0}.service-icon{grid-column:2;width:140px;height:115px;margin-bottom:15px}.service-copy{grid-column:2}.service-copy h3{font-size:25px}.works-grid{grid-template-columns:1fr}.work,.work-yellow,.work:nth-child(3){grid-column:auto}.work>div{height:260px}.flow-list{grid-template-columns:1fr}.flow-list li{border-bottom:1px solid var(--line)}.flow-list li:after{display:none}.contact{padding:90px 22px}.contact h2{font-size:42px}.footer{padding:55px 22px 25px}.footer-links{margin-top:5px}}
.logo {
  display: inline-flex;
  align-items: center;
}

.logo-image {
  display: block;
  width: 200px;
  height: auto;
}