@charset "UTF-8";
:root{--navy:#071824;--navy2:#0d2636;--ink:#172d3e;--muted:#586773;--blue:#277cff;--cyan:#35a7c3;--paper:#f3f1e9;--soft:#eaece5;--line:#ced3cf;--page:1280px;--gutter:clamp(24px,5.6vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:16px;font-weight:400;line-height:1.85;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img,svg,video{display:block;max-width:100%}button,select,input,textarea{border-radius:0}p,h1,h2,h3,h4,ul,ol,dl,dd{margin:0}ul,ol{padding:0;list-style:none}p+p{margin-top:1em}h1,h2,h3{font-weight:500;line-height:1.5;letter-spacing:.025em}p{line-break:strict;overflow-wrap:break-word}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:6px}::selection{background:#277cff40}[hidden]{display:none!important}.wrap{width:calc(100% - var(--gutter)*2);max-width:var(--page);margin-inline:auto}.en,.eyebrow,.num,.wordmark{font-family:Arial,Helvetica,sans-serif}.eyebrow{font-size:11px;font-weight:500;letter-spacing:.16em;line-height:1.5;text-transform:uppercase}.serif{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.025em}.muted{color:var(--muted)}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:var(--paper);padding:8px 20px}.skip:focus{top:5px}
.site-header{height:90px;position:absolute;inset:0 0 auto;z-index:20;border-bottom:1px solid #b8dcfa27;color:#f8f9f9}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.wordmark{font-size:25px;letter-spacing:.005em;font-weight:700;display:flex;align-items:center;gap:11px;line-height:1}.wordmark svg{width:27px;height:29px}.main-nav{display:flex;align-items:center;gap:31px}.main-nav a{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.07em;padding-block:10px;position:relative}.main-nav a:not(.nav-contact):after{content:"";position:absolute;bottom:2px;left:0;width:0;height:1px;background:currentColor;transition:width .25s}.main-nav a:hover:after,.main-nav a[aria-current=page]:after{width:100%}.main-nav .nav-contact{border:1px solid #bddaff65;padding:12px 21px;display:flex;gap:20px;align-items:center}.main-nav .nav-contact:hover{background:#ffffff12}.arrow{display:inline-block;font-family:Arial,sans-serif;font-weight:400;transition:transform .3s;font-size:20px;line-height:1}a:hover .arrow{transform:translate(3px,-3px)}.menu-toggle{display:none;background:none;border:0;padding:12px}.menu-toggle span{display:block;width:25px;height:1px;background:currentColor;margin:7px 0}
.hero{min-height:760px;height:min(900px,100svh);position:relative;isolation:isolate;background:var(--navy);color:#f5f7f6;overflow:hidden}.hero-light{position:absolute;inset:-12% -18% -10% 27%;z-index:-2;background:radial-gradient(ellipse at 48% 45%,#277cff45,transparent 50%),radial-gradient(ellipse at 60% 70%,#35a7c330,transparent 60%);opacity:.68;mask-image:linear-gradient(to right,transparent 0%,black 23%)}.hero-light canvas{width:100%;height:100%;mix-blend-mode:screen}.hero-light[data-render=fallback] canvas{opacity:0}.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#071824 0%,#071824e6 24%,#07182440 60%,transparent 100%),linear-gradient(0deg,#071824 0%,transparent 25%)}.hero-main{position:relative;height:calc(100% - 80px);padding-top:110px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:0}.hero-copy{z-index:2;padding-bottom:20px}.hero-copy .eyebrow{color:#9eb9cc;margin-bottom:31px}.hero h1{font-size:clamp(38px,4.05vw,59px);font-weight:500;letter-spacing:.01em;white-space:nowrap;line-height:1.4}.hero-lead{margin-top:28px;color:#b8c8d4;line-height:2;font-size:16px;letter-spacing:.025em}.hero-actions{display:flex;align-items:center;gap:29px;margin-top:39px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:53px;padding:13px 25px;background:var(--blue);color:white;border:1px solid var(--blue);font-size:13px;font-weight:500;line-height:1.5;transition:background .25s}.button:hover{background:#1766df}.text-link{display:inline-flex;gap:27px;align-items:center;font-size:13px;line-height:1.6;padding-block:12px;border-bottom:1px solid currentColor}.hero .text-link{color:#d2dce2;border-color:#829bae}.hero-visual{min-width:0;width:100%;position:relative;align-self:center;margin-top:10px}.hero-object{width:100%;max-width:580px;margin-inline:auto;cursor:pointer;outline-offset:-20px!important}.hero-object svg{width:100%;height:auto}.hero-visual-caption{display:flex;gap:13px;align-items:center;justify-content:center;color:#a6c2d5;font:10px/1.5 Arial,sans-serif;letter-spacing:.12em;margin-top:-10px}.hero-visual-caption:before{content:"";width:5px;height:5px;border:1px solid #77cdf0;border-radius:50%}.hero-bottom{position:absolute;bottom:27px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #b8dcfa25;padding-top:22px;color:#8ca2b2;font:10px/1.5 Arial,sans-serif;letter-spacing:.15em}.hero-bottom a{display:flex;gap:24px;align-items:center}
.intro{padding:90px 0 83px}.intro-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:9%}.intro h2{font-size:clamp(25px,2.3vw,33px);line-height:1.65}.intro p{font-size:16px;line-height:2;max-width:34em}.intro .text-link{margin-top:20px}.section{padding:85px 0;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:50px}.section-title{display:flex;gap:20px;align-items:baseline}.section-title .serif{font-size:43px;line-height:1.15}.section-title .ja{font-size:12px;letter-spacing:.05em}.section-heading>.text-link{padding-top:4px}.service-layout{display:grid;grid-template-columns:minmax(300px,.87fr) minmax(0,1.35fr);gap:5%;align-items:center}.service-selector{align-self:start;padding-top:12px}.service-tab{display:grid;grid-template-columns:31px 1fr 25px;align-items:center;gap:10px;text-align:left;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:26px 0}.service-tab .num{font-size:11px;color:var(--muted);letter-spacing:.09em}.service-tab .tab-name{font-size:20px;letter-spacing:.01em}.service-tab .arrow{font-size:21px;color:#8c989b}.service-tab[aria-selected=true]{color:#2064b9}.service-tab[aria-selected=true] .arrow{transform:rotate(45deg);color:#2064b9}.service-tab:first-child{border-top:1px solid var(--line)}.service-panels{min-width:0;position:relative}.service-panel .diagram-stage{margin-top:-50px;min-height:350px}.service-panel-copy{margin-top:12px;padding-left:8%;max-width:540px}.service-panel-copy p{font-size:15px;max-width:32em;color:var(--muted);line-height:1.95}.service-panel-copy .text-link{margin-top:13px}.service-note{margin-top:30px;font-size:13px;color:var(--muted);line-height:1.8}.service-note a{border-bottom:1px solid #a6b1b5}.diagram-stage{max-width:100%;position:relative}.diagram-stage svg{width:100%;height:auto}.motion-offscreen *{animation-play-state:paused!important}
.focus-strip{padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:52px;display:flex;align-items:center;gap:28px;font-size:13px}.focus-strip .eyebrow{color:#2064b9;white-space:nowrap}.focus-strip p{color:var(--muted)}.work-section{background:#e9ece7}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 38px}.work-card{display:block;min-width:0}.work-image{height:auto;aspect-ratio:1.7;overflow:hidden;position:relative;background:#dde3de}.work-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .7s cubic-bezier(.2,.6,.2,1)}.work-card:hover .work-image img{transform:scale(1.025)}.work-caption{display:grid;grid-template-columns:1fr 25px;gap:15px;padding-top:20px}.work-caption .eyebrow{color:var(--muted);font-size:10px;margin-bottom:10px}.work-caption :is(h2,h3){font-size:20px;line-height:1.5}.work-caption p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:9px}.work-caption>.arrow{align-self:center;color:#2064b9}.work-brand{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:19px}.work-brand .brand-jp{font-weight:600;font-size:clamp(20px,2.6vw,34px);letter-spacing:.1em}.work-brand small{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.22em}.grandprix-art{background:#e0e5d8;color:#40584a;position:relative}.grandprix-art:before,.grandprix-art:after{content:"";position:absolute;top:17%;bottom:17%;width:2px;background:linear-gradient(transparent,#81947b,transparent);transform:rotate(25deg)}.grandprix-art:before{left:21%}.grandprix-art:after{right:21%;transform:rotate(-25deg)}.grandprix-art svg{width:80px;height:42px}.solana-art{background:#0e212d;color:#ebf1f4}.solana-art svg{width:100px;height:72px}.solana-art .brand-jp{font-family:Arial,sans-serif;font-size:22px;letter-spacing:.11em}.pv-cover{background:#081019}.pv-cover:after{content:"▶";position:absolute;left:24px;bottom:22px;width:42px;height:42px;display:grid;place-items:center;border:1px solid #ffffffa0;border-radius:50%;color:#fff;font-size:13px;background:#0002}.pv-cover .quality{position:absolute;right:20px;bottom:22px;color:#fff;font:10px Arial,sans-serif;letter-spacing:.12em}
.approach-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:7%;align-items:center}.approach-copy h2{font-size:29px;line-height:1.6;margin-bottom:24px}.step{padding:22px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:25px 1fr;gap:17px}.step .num{font-size:11px;color:#2772c8;padding-top:6px}.step h3{font-size:17px;margin-bottom:6px}.step p{font-size:14px;color:var(--muted);line-height:1.85}.approach-layout .diagram-stage{margin-inline:-18px}.company-band{background:var(--navy2);color:#e8eef0;padding:78px 0;position:relative;overflow:hidden}.company-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:10%;align-items:center}.company-band .section-title{display:block}.company-band .ja{display:block;margin-top:12px;color:#97b0c2}.company-band h2{font-size:28px;line-height:1.65}.company-band p{color:#adbec9;font-size:15px;margin-top:21px;max-width:32em;line-height:1.95}.company-band .text-link{margin-top:18px;color:#d6e4eb}.journal-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}.journal-card{border-top:1px solid #aeb8b8;padding:24px 0 10px}.journal-card .eyebrow{color:#2968aa;margin-bottom:15px;font-size:10px}.journal-card h3{font-size:17px;line-height:1.7;max-width:20em}.journal-card .arrow{margin-top:20px;color:#2772c8}.contact-banner{border-top:1px solid var(--line);padding:68px 0}.contact-banner .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.contact-banner h2{font-size:32px}.contact-banner .eyebrow{color:#2968aa;margin-bottom:16px}.site-footer{background:var(--navy);color:#a4b7c5;padding:54px 0 24px;font-size:12px}.footer-top{display:flex;justify-content:space-between;gap:50px}.footer-top .wordmark{color:#eff3f4}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:25px;font-family:Arial,sans-serif;font-size:10px;letter-spacing:.07em}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:53px;padding-top:22px;border-top:1px solid #b8dcfa25;font-size:10px}.footer-bottom a{margin-left:20px}.footer-bottom .preview-label{color:#90a6b7}
.sub-hero{background:var(--navy);color:#edf2f5;padding:156px 0 67px}.sub-hero .eyebrow{color:#85b3d4;margin-bottom:18px}.sub-hero h1{font-size:clamp(29px,3.2vw,45px)}.sub-hero .lead{color:#b5c5cf;max-width:42em;font-size:16px;margin-top:24px;line-height:1.9}.breadcrumbs{font:10px/1.5 Arial,sans-serif;letter-spacing:.09em;display:flex;gap:16px;color:#809aae;margin-bottom:26px}.breadcrumbs a{color:#b3c5d1}.sub-content{padding:70px 0 100px}.content-grid{display:grid;grid-template-columns:220px 1fr;gap:7%}.side-nav{font-size:13px;align-self:start;position:sticky;top:36px;display:flex;flex-direction:column;gap:16px;padding-top:6px}.side-nav a{color:var(--muted);border-left:1px solid var(--line);padding-left:15px}.side-nav a:hover{color:var(--blue);border-color:var(--blue)}.copy-section{padding:0 0 48px;margin-bottom:48px;border-bottom:1px solid var(--line)}.copy-section:last-child{margin-bottom:0}.copy-section h2{font-size:27px;line-height:1.65;margin-bottom:23px}.copy-section>p{font-size:16px;line-height:2;max-width:44em;color:#435664}.detail-items{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:28px}.detail-item{border-top:1px solid var(--line);padding-top:20px}.detail-item h3{font-size:17px;margin-bottom:10px}.detail-item p{font-size:14px;line-height:1.95;color:var(--muted)}.sub-diagram{max-width:730px;margin:0 auto 30px}.company-meta{display:grid;grid-template-columns:120px 1fr;font-size:14px;line-height:1.9}.company-meta dt,.company-meta dd{padding:20px 10px;border-bottom:1px solid var(--line)}.company-meta dt{color:var(--muted)}.editor-note{font-size:12px!important;color:var(--muted)!important;margin-top:24px}.portfolio-topline{font-size:14px;color:var(--muted);margin-bottom:36px}.case-hero-img{margin:0 0 56px;background:#e4e8e4;max-height:640px;overflow:hidden}.case-hero-img img{width:100%;height:auto}.case-facts{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:26px 0 50px;padding-block:26px;border-block:1px solid var(--line)}.case-facts dt{font-size:11px;color:var(--muted);margin-bottom:10px}.case-facts dd{font-size:15px}.video-stage{position:relative;background:#020609;margin-bottom:20px;aspect-ratio:16/9}.video-stage video{width:100%;height:100%;object-fit:contain}.video-caption{display:flex;gap:20px;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:50px}.video-caption a{border-bottom:1px solid var(--muted)}.video-fallback{padding:16px;background:#e1e6df;margin-bottom:20px;font-size:13px}
.contact-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:10%}.contact-description h2{font-size:25px;margin-bottom:22px}.contact-description p{font-size:14px;color:var(--muted);line-height:2}.contact-form label{display:block;font-size:14px;margin-bottom:10px}.contact-form .required{font-size:10px;color:#2968aa;margin-left:12px}.field{margin-bottom:27px}.field input,.field select,.field textarea{width:100%;border:1px solid #b5c2c7;background:#ffffff40;padding:13px 15px;font-size:16px;line-height:1.5;color:var(--ink)}.field textarea{resize:vertical;min-height:160px}.field input:focus,.field select:focus,.field textarea:focus{outline:1px solid var(--blue);border-color:var(--blue)}.form-result{margin-top:35px;padding:28px;border:1px solid #9daeb7}.form-result h2{font-size:22px;margin-bottom:20px}.form-result dt{font-size:11px;color:var(--muted);margin-top:16px}.form-result dd{white-space:pre-wrap;font-size:14px;overflow-wrap:anywhere}.form-result p{font-size:12px;margin-top:25px}.legacy-link{border-bottom:1px solid #aab7bb}
@media(min-width:1500px){.hero-main{grid-template-columns:1fr 1fr}.hero-object{max-width:600px}.hero h1{font-size:62px}}
@media(max-width:1100px){.main-nav{gap:18px}.main-nav a{font-size:10px}.hero{min-height:690px}.hero h1{font-size:42px}.hero-main{grid-template-columns:1.15fr 1fr}.hero-visual{margin-left:15px}.hero-lead{font-size:14px}.hero-actions{gap:20px}.hero-actions .button{padding-inline:18px;gap:20px}.hero-visual-caption{font-size:8px}.service-tab .tab-name{font-size:18px}.service-layout{grid-template-columns:.9fr 1.2fr;gap:3%}.service-panel-copy{padding-left:5%}.intro-grid{gap:6%}.intro p{font-size:15px}.content-grid{grid-template-columns:170px 1fr}.footer-links{gap:17px}}
@media(max-width:800px){:root{--gutter:26px}.site-header{height:76px}.wordmark{font-size:23px}.wordmark svg{width:23px}.main-nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--navy);padding:25px 28px 35px;box-shadow:0 20px 24px #0003}.main-nav.is-open{display:flex;align-items:stretch;flex-direction:column;gap:0}.main-nav a{font-size:13px;padding:18px 0;border-bottom:1px solid #ffffff25}.main-nav .nav-contact{margin-top:15px;padding:15px 20px;justify-content:space-between}.menu-toggle{display:block;color:#fff}.menu-open .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero{height:auto;min-height:800px}.hero-main{display:flex;flex-direction:column;align-items:stretch;padding-top:140px;height:auto;gap:0}.hero-copy{padding:0}.hero-copy .eyebrow{font-size:10px;margin-bottom:23px}.hero h1{font-size:clamp(32px,5.8vw,45px)}.hero-lead{font-size:15px;margin-top:24px}.hero-actions{margin-top:26px}.hero-actions .button{min-height:48px;font-size:12px}.hero .text-link{font-size:12px}.hero-visual{margin:0 auto;width:80%;max-width:430px}.hero-object{max-width:430px;margin-top:-10px}.hero-visual-caption{font-size:9px;margin-top:-24px}.hero-light{inset:25% -30% -3% -40%;mask-image:linear-gradient(180deg,transparent 0%,black 30%);opacity:.65}.hero:after{background:linear-gradient(180deg,#071824 5%,#07182488 38%,transparent 68%,#071824 100%)}.hero-bottom{position:relative;bottom:auto;padding-top:19px;padding-bottom:22px;margin-top:28px;font-size:8px}.hero-bottom span:first-child{letter-spacing:.1em}.intro{padding:59px 0}.intro-grid{grid-template-columns:1fr;gap:27px}.intro h2{font-size:27px}.intro p{font-size:15px}.section{padding:57px 0}.section-heading{margin-bottom:31px;gap:20px}.section-title{gap:14px;align-items:baseline}.section-title .serif{font-size:35px}.section-title .ja{font-size:11px}.section-heading>.text-link{font-size:11px;gap:13px}.service-layout{grid-template-columns:1fr;gap:0}.service-selector{padding-top:0}.service-tab{padding:21px 0;grid-template-columns:25px 1fr 25px}.service-tab .tab-name{font-size:18px}.service-note{margin-top:22px;font-size:12px}.service-panel .diagram-stage{margin-top:7px;min-height:0}.service-panel-copy{margin-top:-6px;padding-left:0;max-width:100%}.service-panel-copy p{font-size:14px;max-width:100%}.focus-strip{margin-top:34px;display:block;padding:23px 0}.focus-strip .eyebrow{margin-bottom:10px}.focus-strip p{font-size:12px}.portfolio-grid{gap:32px 22px}.work-caption :is(h2,h3){font-size:17px}.work-caption p:not(.eyebrow){font-size:12px}.work-brand .brand-jp{font-size:22px}.work-brand small{font-size:8px}.grandprix-art svg{width:60px;height:30px}.solana-art svg{height:50px}.solana-art .brand-jp{font-size:15px}.approach-layout{grid-template-columns:1fr;gap:16px}.approach-copy h2{font-size:25px}.approach-layout .diagram-stage{margin-inline:0;max-width:550px}.company-band{padding:52px 0}.company-grid{grid-template-columns:1fr;gap:32px}.company-band .section-title{display:flex}.company-band .ja{margin-top:0}.company-band h2{font-size:25px}.company-band p{font-size:14px}.journal-grid{gap:22px;grid-template-columns:1fr}.journal-card{padding:21px 0 0;position:relative}.journal-card h3{max-width:85%;font-size:16px}.journal-card .eyebrow{margin-bottom:9px}.journal-card .arrow{position:absolute;right:0;top:28px;margin:0}.contact-banner{padding:47px 0}.contact-banner h2{font-size:25px}.contact-banner .wrap{align-items:start;flex-direction:column;gap:26px}.footer-top{gap:30px;flex-direction:column}.footer-links{justify-content:flex-start;gap:20px}.footer-bottom{margin-top:30px;flex-wrap:wrap;font-size:9px;gap:14px}.footer-bottom a{margin-left:0;margin-right:16px}.sub-hero{padding:121px 0 44px}.sub-hero h1{font-size:31px}.sub-hero .lead{font-size:14px;line-height:1.9}.sub-content{padding:43px 0 62px}.content-grid{display:block}.side-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:12px 19px;margin-bottom:39px;font-size:11px}.side-nav a{padding-left:10px}.copy-section h2{font-size:23px}.copy-section>p{font-size:15px}.copy-section{padding-bottom:34px;margin-bottom:34px}.detail-items{gap:25px 20px}.detail-item h3{font-size:16px}.detail-item p{font-size:13px}.company-meta{grid-template-columns:95px 1fr;font-size:13px}.company-meta dt,.company-meta dd{padding:16px 6px}.case-facts{gap:20px}.case-facts dd{font-size:13px}.video-caption{font-size:10px;flex-wrap:wrap;gap:9px}.contact-layout{grid-template-columns:1fr;gap:39px}.contact-description h2{font-size:23px}.field label{font-size:13px}}
@media(max-width:520px){.hero{min-height:0}.hero-main{padding-top:127px}.hero h1{font-size:34px;letter-spacing:0}.hero-lead{font-size:14px;letter-spacing:0}.hero-visual{width:100%;max-width:350px;margin-top:0}.hero-object{margin-top:5px}.hero-actions{gap:22px}.hero-visual-caption{margin-top:-18px}.hero-bottom{margin-top:31px}.hero-bottom span:first-child{max-width:180px;line-height:1.6}.portfolio-grid{grid-template-columns:1fr;gap:33px}.work-image{aspect-ratio:1.6}.work-caption :is(h2,h3){font-size:18px}.work-brand .brand-jp{font-size:27px}.solana-art .brand-jp{font-size:20px}.work-brand small{font-size:9px}.work-brand svg{height:60px}.detail-items{grid-template-columns:1fr}.section-title .serif{font-size:33px}.section-heading>.text-link{gap:8px}.contact-banner h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.hero-light canvas{opacity:.8}}

.hero-actions .button,.hero-actions .text-link{white-space:nowrap;flex-shrink:0}
@media(max-width:520px){.hero-actions{gap:19px}.hero-actions .button{padding-inline:14px;gap:14px}.hero-actions .text-link{gap:14px}.section-heading{flex-wrap:wrap}.section-title{flex-wrap:wrap;gap:8px 14px}.section-heading>.text-link{margin-top:0}.diagram-stage .dg-plate-label{font-size:24px}.diagram-stage .dg-label,.diagram-stage .dg-center-copy{font-size:23px}.diagram-stage .dg-caption,.diagram-stage .dg-micro,.diagram-stage .dg-dimension{display:none}.service-panel-copy{margin-top:12px}}

@media(max-width:520px){.diagram-stage--architecture{aspect-ratio:540/560}}

@media(max-width:520px){.diagram-stage .dg-plate-label{transform:translateY(20px)}}

.hero-light{transition:opacity 900ms ease}.hero:has(.hero-object.is-open) .hero-light{opacity:.4}

.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:82px;height:82px;display:grid;place-items:center;border:1px solid #fff9;border-radius:50%;background:#07182466;backdrop-filter:blur(5px);color:white;transition:background .3s}.video-play:hover{background:#277cffb3}.video-play span{font-size:20px;margin-left:5px}@media(max-width:520px){.video-play{width:58px;height:58px}.video-play span{font-size:15px}}

/* Slate light, material contrast, and fewer ornamental labels. */
:root{--navy:#101719;--navy2:#1c2528;--ink:#293436;--muted:#606b6d;--blue:#647e84;--cyan:#9fb7bc;--line:#cdd1ca}
.site-header{border-color:#e7eddf25}.wordmark{font-size:30px;gap:13px}.wordmark svg{width:31px;height:33px}.main-nav a{font-size:12px;letter-spacing:.04em}.main-nav .nav-contact{border-color:#d4dfd060}
.hero{min-height:720px;height:min(850px,100svh)}.hero-main{height:100%;padding-top:90px;grid-template-columns:1fr 1.13fr}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(37px,3.75vw,56px)}.hero-lead{color:#bdc7c6}.hero-light{opacity:.5;background:radial-gradient(ellipse at 58% 40%,#9faba72a,transparent 57%);filter:saturate(.25);inset:-15% -15% -14% 26%}.hero:after{background:linear-gradient(90deg,#101719 0%,#101719e6 24%,#10171928 65%,transparent 100%),linear-gradient(0deg,#101719 0%,transparent 25%)}.hero:has(.hero-object.is-open) .hero-light{opacity:.22}
.hero-visual{margin:0;transform:translateX(16px)}.hero-object{width:116%;max-width:750px;margin-left:-6%;margin-top:0}.hero-actions .button{background:#dbe2dc;border-color:#dbe2dc;color:#1f2b2d}.hero-actions .button:hover{background:#f0f2eb;border-color:#f0f2eb}.hero .text-link{color:#d7dfda;border-color:#7e8c87}.button{background:#364d50;border-color:#364d50}.button:hover{background:#243638}
.service-tab[aria-selected=true],.service-tab[aria-selected=true] .arrow,.work-caption>.arrow,.step .num,.journal-card .arrow{color:#3e666b}.section-title .ja{font-size:14px}.work-caption .case-category{font-size:13px;color:var(--muted);margin:0 0 8px}.work-caption p:not(.eyebrow){font-size:14px}.work-caption p.case-category{margin:0 0 8px}.journal-card .eyebrow{display:none}.company-band .ja{color:#aebbb8}.company-band p{color:#b7c2be}.footer-links{font-size:12px}.footer-bottom{font-size:11px}.sub-hero .eyebrow{color:#bbc7c3;font-size:13px}.breadcrumbs{font-size:12px;color:#8f9b97;letter-spacing:.04em}.case-facts dt{font-size:14px}.case-facts dd{font-size:16px}.sub-hero .lead{color:#c2cbc7}.focus-strip{font-size:15px}
.work-image video{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .7s}.po-detail{aspect-ratio:16/9;max-height:none;background:#ebeeee}.po-detail video{width:100%;height:100%;object-fit:cover;display:block}.po-cover{background:#ccd8d8}.grandprix-cover img{object-position:50% 77%;transform:scale(1.04);animation:stage-drift 12s ease-in-out infinite alternate}.work-card:hover .grandprix-cover img,.work-card:focus-visible .grandprix-cover img{transform:scale(1.11);filter:brightness(1.06)}.work-card:hover .po-video,.work-card:focus-visible .po-video{transform:scale(1.025)}.grandprix-detail{max-height:none;background:none;margin-inline:0}.grandprix-detail img{aspect-ratio:1.8;object-fit:cover;object-position:50% 75%;transition:transform .8s}.grandprix-detail:hover img{transform:scale(1.025)}.grandprix-detail figcaption{font-size:14px;color:var(--muted);padding:14px 0}
@keyframes stage-drift{from{object-position:50% 70%}to{object-position:50% 85%}}
.blockchain-page{background:#101112;color:#dce2dd;--line:#313637;--muted:#a4afaa;--ink:#dce2dd;--navy:#090b0c}.blockchain-page .sub-hero{background:#090b0c}.blockchain-page .copy-section>p{color:#aeb8b2}.blockchain-page .case-facts{border-color:#323839}.blockchain-page .button{background:#d2dfd5;border-color:#d2dfd5;color:#18231e}.blockchain-page .contact-banner{background:#0b0d0e}.blockchain-page .text-link{color:#cfdbd4}.blockchain-page .copy-section h2{font-size:30px}.blockchain-page .case-hero-img{margin-bottom:64px}
.founder-layout{display:grid;grid-template-columns:220px 1fr;gap:40px;align-items:start}.founder-layout>img{width:100%;height:295px;object-fit:cover;object-position:50% 25%;filter:saturate(.65)}.founder-layout h3{font-size:30px;margin:5px 0 21px}.founder-layout .founder-role{font-size:14px;color:var(--muted)}.founder-layout p{font-size:15px;line-height:2;color:#435250}.founder-layout p+p{margin-top:18px}.team-member{border-top:1px solid var(--line);padding-top:26px;margin-top:30px}.team-member h3{font-size:21px;margin:6px 0 14px}.team-member p{font-size:15px;color:var(--muted)}
@media(min-width:1500px){.hero-main{grid-template-columns:1fr 1.13fr}.hero h1{font-size:58px}.hero-object{max-width:760px}}
@media(max-width:1100px){.hero-visual{transform:none}.hero-object{width:113%;margin-left:-7%}.hero h1{font-size:40px}.main-nav{gap:18px}.main-nav a{font-size:11px}.founder-layout{grid-template-columns:190px 1fr;gap:25px}}
@media(max-width:800px){.hero{height:auto;min-height:0}.hero-main{padding-top:135px;padding-bottom:25px}.hero h1{font-size:clamp(33px,5.8vw,45px)}.hero-visual{width:100%;max-width:520px;margin:0 auto}.hero-object{width:100%;max-width:none;margin:0 auto}.hero-light{inset:30% -30% 0 -30%;opacity:.4}.hero:after{background:linear-gradient(180deg,#101719 12%,#10171988 39%,transparent 68%,#101719 100%)}.hero .hero-lead{margin-top:24px}.wordmark{font-size:26px}.wordmark svg{width:28px}.section-title .ja{font-size:13px}.work-caption p:not(.eyebrow){font-size:13px}.main-nav a{font-size:13px}.founder-layout{grid-template-columns:165px 1fr;gap:25px}.blockchain-page .copy-section h2{font-size:25px}.chain-detail .chain-brand{font-size:30px}.chain-detail{aspect-ratio:1.7}.focus-strip p{font-size:14px}.footer-links{font-size:11px}}
@media(max-width:520px){.hero h1{font-size:34px}.hero-main{padding-top:132px}.hero-visual{width:calc(100% + 26px);max-width:none;margin:15px -13px 0}.hero-object{width:100%;margin:0}.hero-lead{font-size:14px}.work-caption .case-category{font-size:12px}.founder-layout{grid-template-columns:1fr}.founder-layout>img{width:200px;height:267px}.founder-layout h3{font-size:29px}.team-member h3{font-size:19px}.grandprix-detail img{aspect-ratio:1.5}.chain-detail{aspect-ratio:1.6}.chain-detail .chain-brand{font-size:28px}.po-detail{aspect-ratio:1.6}.case-facts{grid-template-columns:1fr;gap:20px}.case-facts dt{font-size:13px}.case-facts dd{font-size:15px}.copy-section .lead{font-size:15px}}
@media(prefers-reduced-motion:reduce){.chain-signal{display:none}.grandprix-cover img,.chain-traces,.chain-node-motion{animation:none}.hero-light{opacity:.3}}

.hero{overflow:clip}.hero-main{min-height:0}.hero-visual{min-height:0}
@media(min-width:801px){.diagram-stage .dg-plate-label{font-size:17px}.diagram-stage .dg-label,.diagram-stage .dg-center-copy{font-size:18px}}

@media(max-width:520px){.hero-object{width:120%;margin-left:-10%}}

.work-image.motion-offscreen *,.chain-art.motion-offscreen *{animation-play-state:paused!important}

/* One development service. Topic pages describe applications and the working process. */
.section{padding-block:68px}.intro{padding-block:66px}.section-heading{margin-bottom:32px}
.service-unified{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:6%}.service-summary h3{font-size:28px;letter-spacing:.015em;margin-bottom:22px}.service-summary>p{font-size:15px;line-height:2;color:var(--muted);max-width:32em}.service-scope{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:24px 0 15px}.service-scope li{padding:13px 0;border-top:1px solid var(--line);font-size:15px;line-height:1.6}.service-summary>p.service-note{font-size:13px;margin-top:25px;line-height:1.9}.service-visual{min-width:0}.service-visual .diagram-stage{margin:0;max-width:600px}.focus-strip{margin-top:30px;padding-block:21px}
.sub-content{padding-block:48px 64px}.sub-hero{padding-bottom:50px}.copy-section{padding-bottom:34px;margin-bottom:34px}.copy-section h2{margin-bottom:17px}.inline-diagram{margin:22px auto 24px;max-width:700px}.inline-diagram:has(.diagram-stage--network){max-width:510px}.article-diagram{margin:-10px auto 34px;max-width:700px}.article-diagram:has(.diagram-stage--cycle){max-width:580px}.team-section>p{font-size:16px;font-weight:400;max-width:46em}.team-section>p+p{margin-top:16px}
.service-chapter{display:grid;grid-template-columns:1fr 1.1fr;gap:7%;align-items:center;border-bottom:1px solid var(--line);padding-bottom:44px;margin-bottom:44px}.chapter-copy h2{font-size:29px;line-height:1.6;margin-bottom:21px}.chapter-copy>p{color:var(--muted);font-size:15px;line-height:1.95;max-width:32em}.chapter-copy .text-link{margin-top:20px}.service-chapter>div{min-width:0}.service-chapter-reverse .chapter-copy{order:2}.scope-list{margin-top:21px}.scope-list li{padding:12px 0;border-top:1px solid var(--line);font-size:13px;line-height:1.8;color:var(--muted)}.scope-list span{display:block;font-size:16px;color:var(--ink);margin-bottom:3px}.service-main-content>.focus-strip{border-top:0;margin-top:-24px}.growth-summary{padding-top:30px;display:flex;gap:45px;align-items:center;justify-content:space-between}.growth-summary h2{font-size:26px;margin-bottom:15px}.growth-summary p{max-width:46em;font-size:15px;color:var(--muted)}.growth-summary .text-link{flex-shrink:0}
.work-caption p.case-client{font-size:13px;margin:5px 0 0;color:#53615e;line-height:1.7}.work-caption p.case-category{margin-bottom:7px}.work-card-wide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;border-top:1px solid var(--line);padding-top:30px}.work-card-wide .work-caption{padding:0}.work-card-wide .work-image{aspect-ratio:2.1}.celtic-art{position:relative;width:100%;height:100%;background:#dfe6dd;overflow:hidden}.celtic-art svg{width:100%;height:100%;max-width:none}.celtic-art text{fill:#475b54;font-size:21px;font-weight:400;font-family:inherit}.celtic-art>span{position:absolute;top:10%;left:8%;font:400 clamp(23px,2.7vw,35px)/1.2 Georgia,serif;letter-spacing:-.025em;color:#435b51}.celtic-flow{animation:celtic-dash 7s linear infinite}.celtic-detail{aspect-ratio:2.3;max-height:520px}.celtic-detail .celtic-art>span{font-size:40px}@keyframes celtic-dash{to{stroke-dashoffset:-112}}
.case-facts{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:24px;margin:24px 0 34px;padding-block:24px}.case-facts dt{font-size:13px;margin-bottom:9px}.case-facts dd{font-size:16px;line-height:1.8}.case-copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:0 0 30px}.case-copy-grid:empty{display:none}.case-copy{margin:0;padding:0 0 30px;border-bottom:1px solid var(--line);align-self:stretch;min-width:0}.case-copy h2{font-size:25px;line-height:1.65;letter-spacing:.015em;margin:0 0 18px}.case-copy p{font-size:15px;line-height:1.95;color:var(--muted)}.case-copy:last-child:nth-child(odd){grid-column:1/-1}.case-copy:last-child:nth-child(odd) p{max-width:60em}.case-hero-img{margin-bottom:32px}.blockchain-page .case-hero-img{margin-bottom:32px}
/* Official Solana logotype, precision-cut layers, shared moving anchors. */
.chain-cover{background:#080b0d}.chain-art{width:100%;height:100%;position:relative;background:radial-gradient(ellipse at 50% 55%,#1b29282b,transparent 65%),#080b0d;overflow:hidden}.chain-art>svg{width:100%;height:100%;max-width:none}.chain-detail{aspect-ratio:900/680;max-height:710px!important;cursor:pointer}.ledger-module{transform-box:fill-box;transform-origin:center;animation:ledger-breathe 5s ease-in-out infinite;animation-delay:var(--phase)}.ledger-pin{animation:ledger-pin 2.5s ease-in-out infinite;animation-delay:var(--phase)}.ledger-current{animation:ledger-flow 4s linear infinite;animation-delay:var(--phase)}.chain-art .ledger-layer{will-change:transform}.blockchain-page .sub-hero h1{font-size:clamp(30px,3.3vw,46px);letter-spacing:.01em;font-weight:400}.blockchain-page .sub-hero .lead{max-width:47em}.blockchain-page .case-copy h2{font-size:26px;font-weight:400;letter-spacing:.02em}.blockchain-page .case-copy p{color:#aeb9b4}.blockchain-page .case-facts dd{color:#d8e1dc}
@keyframes ledger-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-2.5px)}}@keyframes ledger-pin{0%,100%{opacity:.3}45%{opacity:1}}@keyframes ledger-flow{to{stroke-dashoffset:-156}}
@media(max-width:1100px){.service-unified{gap:4%;grid-template-columns:1fr 1fr}.service-summary h3{font-size:25px}.service-chapter{gap:5%}.chapter-copy h2{font-size:26px}.growth-summary{display:block}.growth-summary .text-link{margin-top:16px}.case-copy h2{font-size:23px}}
@media(max-width:800px){.section{padding-block:48px}.intro{padding-block:48px}.service-unified{grid-template-columns:1fr;gap:8px}.service-summary h3{font-size:25px;margin-bottom:17px}.service-summary>p{max-width:100%}.service-visual{max-width:520px;width:100%;margin:auto}.service-summary .service-note{max-width:none}.service-scope{max-width:520px}.service-chapter{grid-template-columns:1fr;gap:23px;margin-bottom:34px;padding-bottom:30px}.service-chapter-reverse .chapter-copy{order:0}.service-chapter>div:not(.chapter-copy){max-width:580px;width:100%;margin:auto}.chapter-copy h2{font-size:25px;margin-bottom:16px}.chapter-copy>p{max-width:100%}.sub-content{padding-block:34px 48px}.side-nav{margin-bottom:28px}.sub-hero{padding-bottom:36px}.inline-diagram{margin-block:20px}.article-diagram{margin-bottom:24px}.growth-summary h2{font-size:24px}.work-card-wide{gap:24px}.case-copy-grid{gap:24px}.case-copy h2{font-size:22px}.case-facts dd{font-size:14px}.case-copy p{font-size:14px}.chain-detail{aspect-ratio:900/590}.blockchain-page .case-copy h2{font-size:24px}.celtic-detail{aspect-ratio:1.8}.case-hero-img{margin-bottom:24px}.celtic-detail .celtic-art>span{font-size:28px}}
@media(max-width:520px){.service-summary h3{font-size:24px}.service-summary>p{font-size:15px}.service-scope{gap:0 18px}.service-scope li{font-size:14px}.service-visual{margin-top:0}.service-visual .diagram-stage{width:100%}.service-summary>p.service-note{font-size:13px}.work-card-wide{grid-template-columns:1fr;gap:18px}.work-card-wide .work-image{aspect-ratio:1.7}.work-caption p.case-client{font-size:12px}.case-copy-grid{grid-template-columns:1fr;gap:25px}.case-copy{padding-bottom:25px}.case-facts{grid-template-columns:1fr;gap:18px}.case-copy h2{font-size:21px}.blockchain-page .case-copy h2{font-size:22px}.team-section>p{font-size:15px}.inline-diagram:has(.diagram-stage--network){margin-inline:-8px;max-width:none}.service-main-content>.focus-strip{margin-top:-8px}.celtic-art text{font-size:23px}.chain-detail{margin-inline:calc(var(--gutter)*-1);width:calc(100% + var(--gutter)*2);aspect-ratio:1.43}.case-copy-grid:empty{display:none}}
@media(prefers-reduced-motion:reduce){.ledger-module,.ledger-current,.ledger-pin,.celtic-flow{animation:none!important}}

.hero{height:100svh;min-height:720px}.hero-main{padding-top:90px}
.case-slides{position:relative;isolation:isolate;width:100%;height:100%;background:#f7f7ef;overflow:hidden}.case-slides .case-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:none!important;animation:none!important;transition:opacity .5s ease;filter:none!important}.case-slides .case-slide.is-current{opacity:1}.case-slides .case-slide.stage{object-position:50% 78%}.case-slides .case-slide.announcement{object-fit:contain;background:#fcfbe2}.case-slides .case-slide.site{object-position:top}.grandprix-detail .case-slides{aspect-ratio:16/9}.film-preview{display:block;width:100%;height:100%;object-fit:cover}.pv-cover:after{transition:opacity .4s}.pv-cover:has(.film-preview[data-preview-playing=true]):after{opacity:0}.po-video{object-fit:cover}.po-detail,.work-image.po-cover{aspect-ratio:3426/1880;background:#fff}
@media(max-width:800px){.hero{height:auto;min-height:100svh}.hero-main{min-height:100svh;padding-top:132px}.grandprix-detail .case-slides{aspect-ratio:1.7}}
.hero-line-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}
.inline-diagram:has(.diagram-stage--network){max-width:620px}
.service-chapter:first-child{display:block}.service-chapter:first-child .chapter-copy{display:grid;grid-template-columns:1fr 1.1fr;column-gap:7%}.service-chapter:first-child .chapter-copy h2{grid-column:1;grid-row:1/4}.service-chapter:first-child .chapter-copy>p,.service-chapter:first-child .chapter-copy>.text-link{grid-column:2}.service-chapter:first-child .chapter-copy>.text-link{justify-self:start}.service-chapter:first-child>div:not(.chapter-copy){max-width:1000px;margin:27px auto 0}
@media(max-width:800px){.service-chapter:first-child .chapter-copy{display:block}.service-chapter:first-child>div:not(.chapter-copy){max-width:680px}.inline-diagram:has(.diagram-stage--network){max-width:620px}}

/* Typography follows GIN's Japanese hierarchy; FROLICS production lines remain untouched. */
body{font-family:"Zen Kaku Gothic New","Hiragino Sans",Meiryo,sans-serif;font-weight:400;letter-spacing:0}
h1,h2,h3{font-weight:700;letter-spacing:0;line-height:1.5}
.hero{background:#0a0b0c}.hero:after{display:none}.hero-light{display:none}
.hero h1{font-family:"Zen Kaku Gothic New",sans-serif;font-size:clamp(46px,4.8vw,70px);font-weight:700;letter-spacing:0;line-height:1.38;white-space:normal}
.hero-lead{font-size:17px;font-weight:400;line-height:2;letter-spacing:0;color:#bfc4c4}
.hero-copy{padding-bottom:8px}.hero-actions{margin-top:31px}
.intro h2,.chapter-copy h2,.company-band h2,.approach-copy h2{font-weight:700;letter-spacing:0;line-height:1.6}
.copy-section h2,.case-copy h2,.service-summary h3,.ref-section .ref-section-copy h2{font-weight:700;letter-spacing:0}
.ref-section{margin-top:-1px;border-top:0;border-bottom:1px solid var(--line);padding-block:8px 32px;margin-bottom:32px}
.sub-hero h1{font-weight:700;letter-spacing:0}.blockchain-page .sub-hero h1{font-weight:700}
.blockchain-page .case-copy h2{font-weight:700;letter-spacing:0}.team-section>p{font-weight:400}
.po-detail video,.po-cover video{object-fit:contain;object-position:center;width:100%;height:100%}.work-card:is(:hover,:focus-visible) .po-video{transform:none}
.portfolio-grid .work-image{aspect-ratio:3426/1880}
.work-caption p,.case-copy p,.copy-section>p{letter-spacing:0}
.case-slide.announcement{image-rendering:auto}
@media(max-width:1100px){.hero h1{font-size:52px}.hero-lead{font-size:16px}}
@media(max-width:800px){.hero h1{font-size:clamp(42px,8.6vw,58px)}.hero-lead{font-size:16px}.hero-visual{margin-top:14px}.hero-main{padding-top:126px}.ref-section{padding-bottom:26px}}
@media(max-width:520px){.hero h1{font-size:43px}.hero-lead{font-size:15px}.hero-main{padding-top:120px}.hero-copy{padding-bottom:0}}

/* A stone surface rises over the first scene, then settles into the page. */
body:has(.home-body){--paper:#dce1da;--soft:#d0d8d0;--line:#b9c4bb}
.hero-chapter{height:calc(max(100svh,720px) + 70svh);position:relative;background:#0a0b0c}
.hero-chapter .hero{position:sticky;top:0}
.home-body{position:relative;z-index:2;margin-top:-70svh;background:var(--paper);border-radius:28px 28px 0 0;box-shadow:0 -16px 44px #0002;overflow:clip}
.home-body .intro{background:linear-gradient(180deg,#8c9a91 0%,#bec9be 62%,#dce1da 100%);border:0;padding-block:76px 65px}
.home-body .intro h2{color:#172c24}.home-body .intro p,.home-body .intro .text-link{color:#263a30}
.home-body .work-section{background:#cfd8cf}.home-body .company-band{background:#26382f}
@media(max-width:800px){.hero-chapter{height:auto}.hero-chapter .hero{position:relative;top:auto}.home-body{margin-top:0;border-radius:20px 20px 0 0}.home-body .intro{padding-block:50px}}
@media(prefers-reduced-motion:reduce){.hero-chapter{height:auto}.hero-chapter .hero{position:relative;top:auto}.home-body{margin-top:0}}

.contact-name-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-consent{display:flex;align-items:flex-start;gap:12px;margin:24px 0;font-size:13px}.contact-consent input{width:18px;height:18px;flex:none;margin:3px 0}.contact-consent a{text-decoration:underline}.contact-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.contact-confirm-actions{display:flex;gap:24px;align-items:center;margin-top:25px}.contact-back{background:none;border:0;text-decoration:underline;padding:12px;font:inherit;cursor:pointer}.form-result dd{white-space:pre-wrap;overflow-wrap:anywhere}.contact-form[hidden],.form-result[hidden]{display:none}.copy-section .no{font-size:.6em;color:#687c82;margin-right:16px}