:root{--bg:#0c0d0d;--panel:#151717;--fg:#e9eae2;--fg-dim:#e9eae28c;--line:#e9eae224;--line-soft:#e9eae214;--teal:#13756d;--teal-bright:#23a89d;--brass:#bd8c4a;--vermilion:#d8341c;--paper:#fbfaf6;--ink:#111314;--ink-dim:#11131499;--grad-cta:linear-gradient(123deg, #062220 7%, #13756d 37%, #bd8c4a 72%, #d8341c 100%);--sheet-radius:clamp(28px, 5vw, 60px);--font-sans:"Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.9;overflow-x:hidden}h1,h2,h3{font-feature-settings:"palt";margin:0}p{margin:0}a{color:inherit}img,svg{max-width:100%;display:block}img{height:auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#232626;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--teal)}::selection{background:var(--teal);color:var(--paper)}.wrap{max-width:1200px;margin-inline:auto;padding-inline:clamp(20px,4vw,40px)}.skip-link{z-index:100;background:var(--paper);color:var(--ink);border-radius:0 0 8px 8px;padding:12px 20px;font-weight:600;text-decoration:none;transition:top .15s ease-out;position:absolute;top:-64px;left:16px}.skip-link:focus-visible{top:0}:focus-visible{outline:2px solid var(--teal-bright);outline-offset:3px;border-radius:4px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.display{letter-spacing:-.03em;text-transform:uppercase;background:linear-gradient(#5b6066 0%,#e9eae2 100%);-webkit-text-fill-color:transparent;color:#0000;background-clip:text;font-weight:800;line-height:.95}.display-ink{letter-spacing:-.03em;text-transform:uppercase;color:var(--ink);font-weight:800;line-height:.95}.section-title{text-align:center;font-size:clamp(3rem,12vw,160px)}.jp-label{letter-spacing:.28em;color:var(--fg-dim);text-align:center;justify-content:center;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.jp-label:before,.jp-label:after{content:"";background:var(--line);width:22px;height:1px}.sheet-light .jp-label{color:var(--ink-dim)}.sheet-light .jp-label:before,.sheet-light .jp-label:after{background:#11131433}.pill{letter-spacing:.2em;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:6px 36px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .25s ease-out,box-shadow .25s ease-out;display:inline-flex}.pill-grad{color:#fff;background:var(--grad-cta);outline-offset:-3px;outline:2px solid #ffffffe6;box-shadow:0 4px 18px #13756d59,inset 3px 3px 12px #13756d8c}.pill-grad:hover{transform:scale(1.05)}.pill-grad:active{transform:scale(.97)}.pill-grad:focus-visible{outline:2px solid var(--teal-bright);outline-offset:3px}.pill-line{color:var(--fg);border:2px solid var(--fg);background:0 0}.pill-line:hover{background:#e9eae21a}.mobile-sticky-cta{display:none}.font-serif{font-family:Instrument Serif,Georgia,Times New Roman,serif}.hero{z-index:20;flex-direction:column;justify-content:space-between;min-height:100svh;padding:clamp(20px,3vw,28px) clamp(20px,4vw,48px);display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;background:#000;position:absolute;inset:0}.hero-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-shade{background:linear-gradient(#0009 0%,#00000040 55%,#000000d1 100%);position:absolute;inset:0}@keyframes glow-pulse{0%,to{opacity:.5}50%{opacity:1}}.hero-glow{filter:blur(60px);pointer-events:none;background:radial-gradient(#13756d2e,#bd8c4a12 60%,#0000 75%);border-radius:50%;height:36vh;animation:4s ease-in-out infinite glow-pulse;position:absolute;top:22%;left:15%;right:15%}.liquid-glass{-webkit-backdrop-filter:blur(8px);background:#ffffff08;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #ffffff1f}.liquid-glass:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.hero-top{z-index:20;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;display:flex;position:relative}.hero-logo{color:#fff;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.logo-orb{border-radius:999px;place-items:center;width:38px;height:38px;display:grid}.logo-word{letter-spacing:.03em;text-shadow:0 2px 10px #0000008c;font-size:24px;font-style:italic}.hero-nav{border-radius:999px;padding:6px 8px}.hero-nav ul{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;margin:0;padding:0;list-style:none;display:flex}.hero-nav a{letter-spacing:.08em;color:#e9eae2d9;border-radius:999px;align-items:center;min-height:40px;padding:4px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s ease-out,background-color .2s ease-out;display:inline-flex}.hero-nav a:hover{color:#fff;background:#ffffff0f}.nav-divider{background:#fff3;width:1px;height:16px;margin-inline:8px}.hero-nav a.nav-cta{background:var(--paper);color:var(--ink);padding-inline:20px;font-weight:700}.hero-nav a.nav-cta:hover{color:var(--ink);background:#fff}.hero-center{z-index:20;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(18px,3vh,28px);padding-block:40px;display:flex;position:relative}.hero-badge{letter-spacing:.22em;color:#e9eae2eb;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:11px;font-weight:600;display:inline-flex}.hero-title{letter-spacing:.01em;color:#fff;text-shadow:0 4px 24px #00000073;font-family:Instrument Serif,Georgia,Times New Roman,serif;font-size:clamp(3.4rem,10vw,7.5rem);font-weight:400;line-height:1.02}.hero-sub{color:#e9eae2e0;max-width:36em;font-size:clamp(.95rem,1.5vw,1.15rem);font-weight:300;line-height:2}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px;display:flex}.pill-hero{letter-spacing:.18em;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:6px 32px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .25s ease-out,background-color .25s ease-out;display:inline-flex}.pill-hero:hover{transform:scale(1.04)}.pill-hero:active{transform:scale(.97)}.pill-white{background:var(--paper);color:var(--ink);box-shadow:0 10px 28px #0006}.pill-white:hover{background:#fff}.pill-glass{color:#fff}.hero-bottom{z-index:20;border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding-top:18px;display:flex;position:relative}@keyframes ping{0%{opacity:.7;transform:scale(1)}80%,to{opacity:0;transform:scale(2.4)}}.hero-live{letter-spacing:.24em;color:#e9eae299;align-items:center;gap:10px;font-size:11px;font-weight:600;display:inline-flex}.hero-live .dot{background:var(--teal-bright);border-radius:999px;width:8px;height:8px;position:relative}.hero-live .dot:after{content:"";background:var(--teal-bright);border-radius:999px;animation:1.6s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;inset:0}.hero-stats{letter-spacing:.14em;color:#e9eae2b3;flex-wrap:wrap;gap:8px 14px;font-size:12px;display:flex}.hero-stats span+span:before{content:"|";color:#fff3;margin-right:14px}html.js .hero-enter{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}html.js .hero-enter.in{opacity:1;transform:none}.marquee{padding:clamp(72px,12vh,160px) 0 clamp(32px,6vh,64px);overflow:hidden}.mq-row{margin-bottom:14px;overflow:hidden}.mq-track{will-change:transform;gap:14px;width:max-content;display:flex}.mq-tile{aspect-ratio:11/7;background:var(--panel);border:1px solid var(--line-soft);border-radius:18px;flex:none;place-items:center;width:clamp(220px,26vw,330px);padding:14px;display:grid}.mq-tile svg{width:82%;height:auto}.about-sec{flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:clamp(96px,14vh,160px) clamp(20px,4vw,40px);display:flex;position:relative;overflow:hidden}.about-deco{z-index:5;pointer-events:none;position:absolute}.about-deco-tile{background:var(--paper);border-radius:20px;padding:14px;box-shadow:0 18px 44px #00000080}.deco-tl{top:6%;left:clamp(2%,4vw,6%)}.deco-tr{top:7%;right:clamp(2%,4vw,6%)}.deco-bl{bottom:9%;left:clamp(3%,6vw,10%)}.deco-br{bottom:8%;right:clamp(3%,6vw,10%)}.about-inner{z-index:10;text-align:center;flex-direction:column;align-items:center;gap:clamp(32px,5vh,56px);max-width:880px;display:flex;position:relative}.about-copy{max-width:40em;font-size:clamp(1rem,2vw,1.3rem);font-weight:500;line-height:2.1}.about-copy .char{display:inline-block;position:relative}.about-copy .char>.base{opacity:.18}.about-copy .char>.lit{opacity:.18;position:absolute;top:0;left:0}.about-note{color:var(--fg-dim);letter-spacing:.1em;font-size:14px}.sheet-light{z-index:20;color:var(--ink);border-radius:var(--sheet-radius) var(--sheet-radius) 0 0;background:#fff;padding:clamp(80px,12vh,130px) clamp(20px,4vw,40px) clamp(96px,14vh,160px);position:relative}.sheet-dark{z-index:30;background:var(--bg);border-radius:var(--sheet-radius) var(--sheet-radius) 0 0;margin-top:calc(var(--sheet-radius) * -1);padding:clamp(80px,12vh,130px) clamp(20px,4vw,40px) clamp(64px,10vh,130px);position:relative}.sheet-head{gap:18px;margin-bottom:clamp(48px,8vh,110px);display:grid}.svc-list{border-top:1px solid #11131426;max-width:1000px;margin-inline:auto}.svc-item{border-bottom:1px solid #11131426;grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:center;gap:8px 24px;padding:clamp(32px,5vh,52px) 0;display:grid}.svc-no{letter-spacing:-.03em;color:var(--ink);font-size:clamp(3rem,10vw,140px);font-weight:800;line-height:1;transition:transform .3s ease-out}.svc-item:hover .svc-no{color:var(--teal);transform:translate(10px)}.svc-item h3{letter-spacing:.06em;margin-bottom:8px;font-size:clamp(1.25rem,2.2vw,2rem);font-weight:700}.svc-item p{color:var(--ink-dim);max-width:40em;font-size:clamp(.9rem,1.5vw,1.1rem)}.work-slide{height:100vh;position:relative}.work-card{background:var(--bg);will-change:transform;border:2px solid #e9eae2bf;border-radius:clamp(24px,4vw,56px);flex-direction:column;gap:clamp(20px,3vh,32px);padding:clamp(20px,3.5vw,44px);display:flex;position:sticky;overflow:hidden;box-shadow:0 -20px 40px #000c}.work-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#13756d1f 0%,#0000 50%);position:absolute;inset:0}.work-head{border-bottom:1px solid var(--line-soft);z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:clamp(16px,2.5vh,24px);display:flex;position:relative}.work-head-main{align-items:center;gap:clamp(16px,3vw,32px);display:flex}.work-no{letter-spacing:-.02em;color:#0000;-webkit-text-stroke:1px #e9eae273;user-select:none;font-size:clamp(2.5rem,8vw,100px);font-weight:800;line-height:1}.work-tag{letter-spacing:.3em;color:var(--brass);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.work-card h3{letter-spacing:.05em;font-size:clamp(1.25rem,3vw,2.4rem);font-weight:700;line-height:1.25}.work-body{z-index:10;flex:1;grid-template-columns:minmax(0,6fr) minmax(0,4fr);align-items:stretch;gap:clamp(16px,2.5vw,28px);display:grid;position:relative}.work-visual{border:1px solid #ffffff1a;border-radius:clamp(18px,2.5vw,40px);place-items:center;min-height:clamp(220px,34vh,420px);padding:clamp(20px,3vw,40px);display:grid}.work-visual svg{width:min(100%,460px);height:auto}.wv-teal{background:linear-gradient(160deg,#13756d3d,#13756d12)}.wv-brass{background:linear-gradient(160deg,#bd8c4a42,#bd8c4a14)}.wv-vermilion{background:linear-gradient(160deg,#d8341c33,#d8341c0f)}.wv-paper{background:linear-gradient(160deg,#e9eae229,#e9eae20d)}.work-info{flex-direction:column;justify-content:center;gap:18px;display:flex}.work-info p{color:var(--fg-dim);font-size:clamp(.95rem,1.4vw,1.1rem);line-height:2}.work-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.work-chips li{border:1px solid var(--line);letter-spacing:.12em;color:var(--fg-dim);border-radius:999px;padding:5px 16px;font-size:12px}.proc-grid{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,48px);max-width:1000px;margin-inline:auto;padding:0;list-style:none;display:grid}.proc-step{border-top:2px solid var(--ink);padding-top:20px}.proc-no{letter-spacing:-.02em;color:var(--ink);margin-bottom:14px;font-size:clamp(2.6rem,6vw,84px);font-weight:800;line-height:1;display:block}.proc-step:first-child .proc-no{color:var(--ink)}.proc-step:nth-child(2) .proc-no{color:var(--teal)}.proc-step:nth-child(3) .proc-no{color:var(--vermilion)}.proc-step h3{margin-bottom:8px;font-size:clamp(1.15rem,2vw,1.5rem);font-weight:700}.proc-step p{color:var(--ink-dim);font-size:clamp(.9rem,1.4vw,1.05rem)}.contact-inner{z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(24px,4vh,40px);min-height:60svh;display:flex;position:relative}.contact-copy{max-width:36em;color:var(--fg-dim);font-size:clamp(.95rem,1.6vw,1.15rem)}.contact-mail{letter-spacing:.12em;color:var(--fg-dim);text-underline-offset:5px;font-size:15px}.contact-mail:hover{color:var(--fg)}.contact-star{pointer-events:none;position:absolute;top:8%;right:10%}.site-footer{border-top:1px solid var(--line-soft);z-index:30;background:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:44px clamp(20px,4vw,48px);display:flex;position:relative}.footer-brand{letter-spacing:.08em;align-items:center;gap:10px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.site-footer p{letter-spacing:.24em;color:var(--fg-dim);font-size:12px}.site-footer .to-top{letter-spacing:.18em;color:var(--fg);text-underline-offset:4px;font-size:13px}html.js .reveal-item{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}html.js .reveal-item.active{opacity:1;transform:none}@keyframes float-a{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(2deg)}}@keyframes float-b{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(-3deg)}}.float-1{animation:6s ease-in-out infinite float-a}.float-2{animation:7s ease-in-out infinite float-b}.float-3{animation:8s ease-in-out infinite float-a}.float-4{animation:9s ease-in-out infinite float-b}section{scroll-margin-top:16px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}html.js .hero-enter,html.js .reveal-item{opacity:1;transition:none;transform:none}.float-1,.float-2,.float-3,.float-4,.hero-glow,.hero-live .dot:after{animation:none}.pill,.pill-hero,.svc-no,.work-card{transition:none}.pill-grad:hover,.pill-hero:hover{transform:none}.about-copy .char>.base{opacity:1}.about-copy .char>.lit{display:none}}@media print{html.js .hero-enter,html.js .reveal-item{opacity:1;transform:none}body{color:#111314;background:#fff}}@media (width<=820px){.hero-top{justify-content:center}.hero-bottom{text-align:center;justify-content:center}.svc-item{grid-template-columns:1fr}.work-slide{height:auto}.work-card{margin-bottom:24px;position:static}.work-body,.proc-grid{grid-template-columns:1fr}.deco-bl,.deco-br{display:none}.about-deco svg,.about-deco img{width:clamp(72px,18vw,120px)}}@media (width<=640px){body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.mobile-sticky-cta{left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:1000;background:var(--grad-cta);color:#fff;letter-spacing:0;outline-offset:-3px;touch-action:manipulation;border-radius:999px;outline:1px solid #ffffff8f;justify-content:center;align-items:center;min-height:54px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;position:fixed;box-shadow:0 14px 34px #0000006b}.hero{min-height:92svh;padding:16px 16px 22px}.hero-shade{background:linear-gradient(#000000ad 0%,#0000004d 52%,#000000e0 100%)}.hero-top{flex-wrap:nowrap;justify-content:space-between;align-items:flex-start}.logo-orb{width:34px;height:34px}.logo-word{font-size:22px}.hero-nav{box-shadow:none;background:0 0;padding:0}.hero-nav li:not(:last-child),.nav-divider{display:none}.hero-nav a.nav-cta{letter-spacing:0;min-height:44px;padding:4px 18px;font-size:12px}.hero-center{justify-content:flex-end;gap:16px;padding-block:52px 34px}.hero-badge{letter-spacing:0;padding:7px 14px;font-size:10px}.hero-title{font-size:5rem;line-height:.96}.hero-ctas{grid-template-columns:1fr;gap:10px;width:min(100%,340px);margin-top:2px;display:grid}.pill-hero{letter-spacing:0;width:100%;min-height:52px;padding:6px 22px;font-size:13px}.hero-bottom{border-top:0;justify-content:center;padding-top:0}.hero-live{display:none}.hero-stats{letter-spacing:0;justify-content:center;gap:8px;font-size:11px}.hero-stats span{background:#ffffff0d;border:1px solid #ffffff29;border-radius:999px;padding:6px 10px}.hero-stats span+span:before{content:none;margin-right:0}:root{--sheet-radius:28px}.wrap{padding-inline:18px}.section-title{text-align:left;font-size:4rem}.jp-label{letter-spacing:0;justify-content:flex-start;font-size:11px}.jp-label:before{width:18px}.jp-label:after{display:none}.sheet-light,.sheet-dark{padding:64px 18px 78px}.sheet-head{gap:12px;margin-bottom:32px}.about-sec{align-items:stretch;min-height:auto;padding:72px 18px 88px}.about-deco{display:none}.about-inner{text-align:left;align-items:flex-start;gap:24px}.about-copy{font-size:1rem;line-height:1.9}.svc-item{padding:28px 0}.svc-no{font-size:3rem}.svc-item h3{font-size:1.18rem}.svc-item p,.proc-step p,.contact-copy{font-size:.95rem;line-height:1.8}.proc-grid{gap:28px}.proc-step{padding-top:18px}.proc-no{font-size:3rem}.contact-inner{text-align:left;align-items:flex-start;min-height:52svh;padding-bottom:72px}.contact-star{display:none}.site-footer{align-items:flex-start;padding:34px 18px 96px}.work-slide{margin-bottom:18px}.work-card{border-width:1px;border-radius:24px;gap:18px;padding:18px;box-shadow:0 14px 28px #00000080}.work-head{align-items:flex-start;gap:12px;padding-bottom:16px}.work-head-main{align-items:flex-start;gap:14px}.work-no{font-size:3rem}.work-tag{letter-spacing:0;font-size:11px}.work-card h3{font-size:1.25rem;line-height:1.35}.work-body{gap:16px}.work-visual{border-radius:20px;min-height:160px;padding:18px}.work-info{gap:14px}.work-info p{font-size:.95rem;line-height:1.8}.work-chips{gap:8px}.work-chips li{letter-spacing:0;padding:5px 12px;font-size:12px}}@media (width<=430px){.hero-title{font-size:4.45rem}.logo-word{font-size:20px}.hero-nav a.nav-cta{padding-inline:14px}}