:root{--white:#fff;--paper:#f4f3ef;--ink:#292a4e;--gold:#c8b27c;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body{width:100%;min-height:100%}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;overflow:hidden}button,a{color:inherit}button{font:inherit}.intro{z-index:1000;opacity:1;visibility:visible;transition:opacity .9s var(--ease), visibility 0s linear .9s;background:#fff;place-items:center;display:grid;position:fixed;inset:0}.intro.is-fading{opacity:0;visibility:hidden;pointer-events:none}.intro__logo{aspect-ratio:1;border:0;width:clamp(230px,34vw,390px);height:auto}.portfolio{background:radial-gradient(circle at 50% 42%, #fffffffa 0 24%, #fff0 63%), var(--paper);opacity:0;min-height:100svh;transition:opacity 1.1s var(--ease);position:relative;overflow:hidden}body.site-revealed .portfolio{opacity:1}.intro-seen .intro{display:none}.intro-seen .portfolio{opacity:1;transition:none}.portfolio:before,.portfolio:after{content:"";pointer-events:none;position:absolute}.portfolio:before{background:repeating-linear-gradient(90deg,#0000 0 calc(10vw - 1px),#292a4e09 calc(10vw - 1px) 10vw);inset:0;-webkit-mask-image:linear-gradient(#0000,#000 25% 75%,#0000);mask-image:linear-gradient(#0000,#000 25% 75%,#0000)}.portfolio:after{aspect-ratio:1;border:1px solid #c8b27c2e;border-radius:50%;width:min(92vw,1220px);bottom:-45vw;left:50%;transform:translate(-50%);box-shadow:0 0 0 8vw #c8b27c06,0 0 0 16vw #c8b27c05}.portfolio__brand{z-index:20;align-items:center;gap:clamp(10px,1vw,14px);display:flex;position:absolute;top:clamp(18px,3vw,38px);left:clamp(18px,3vw,42px)}.portfolio__mark{mix-blend-mode:multiply;border-radius:50%;width:clamp(38px,4vw,52px);height:auto}.portfolio__brand-name{letter-spacing:.19em;white-space:nowrap;margin:0;font-size:clamp(9px,.72vw,11px);font-weight:700;line-height:1}.portfolio__toolbar{z-index:20;align-items:center;gap:clamp(12px,1.5vw,22px);display:flex;position:absolute;top:clamp(22px,3vw,42px);right:clamp(20px,3vw,44px)}.portfolio__filters{align-items:center;gap:5px;display:flex}.portfolio__sound{color:#292a4e8f;letter-spacing:.08em;cursor:pointer;min-height:27px;transition:color .3s ease, background .3s ease, border-color .3s ease, transform .3s var(--ease);background:#ffffff80;border:1px solid #292a4e29;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:7px;font-weight:700;display:inline-flex}.portfolio__sound:hover,.portfolio__sound:focus-visible{color:var(--ink);border-color:#292a4e57;transform:translateY(-1px)}.portfolio__sound.is-active{color:var(--ink);background:#c8b27c1f;border-color:#c8b27cad}.portfolio__sound.has-error{color:#292a4e52;border-color:#292a4e1a}.portfolio__sound-state{color:#927a43;min-width:18px}.portfolio__sound-icon{justify-content:center;align-items:flex-end;gap:2px;width:13px;height:10px;display:flex}.portfolio__sound-icon i{background:currentColor;border-radius:999px;width:2px;height:3px;display:block}.portfolio__sound-icon i:nth-child(2){height:7px}.portfolio__sound-icon i:nth-child(3){height:5px}.portfolio__sound.is-active .portfolio__sound-icon i{animation:.7s ease-in-out infinite alternate bgm-level}.portfolio__sound.is-active .portfolio__sound-icon i:nth-child(2){animation-delay:-.22s}.portfolio__sound.is-active .portfolio__sound-icon i:nth-child(3){animation-delay:-.42s}@keyframes bgm-level{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}.portfolio__filters button{color:#292a4e8f;letter-spacing:.08em;cursor:pointer;min-height:27px;transition:color .3s ease, background .3s ease, border-color .3s ease, transform .3s var(--ease);background:#ffffff80;border:1px solid #292a4e29;border-radius:999px;padding:0 10px;font-size:7px;font-weight:700}.portfolio__filters button:hover,.portfolio__filters button:focus-visible{color:var(--ink);border-color:#292a4e57;transform:translateY(-1px)}.portfolio__filters button.is-active{border-color:var(--ink);background:var(--ink);color:#fff}.portfolio__language{color:#292a4e8f;letter-spacing:.08em;white-space:nowrap;min-height:27px;transition:color .3s ease, border-color .3s ease, transform .3s var(--ease);background:#ffffff80;border:1px solid #292a4e29;border-radius:999px;align-items:center;padding:0 10px;font-size:7px;font-weight:700;text-decoration:none;display:inline-flex}.portfolio__language:hover,.portfolio__language:focus-visible{color:var(--ink);border-color:#292a4e57;transform:translateY(-1px)}.portfolio__counter{letter-spacing:.17em;gap:8px;margin:0;font-size:10px;font-weight:700;display:flex}.portfolio__counter span:not(:first-child){opacity:.35}.carousel{z-index:2;perspective:1600px;height:min(72svh,760px);min-height:440px;position:relative}.carousel__stage{--carousel-drag-x:0px;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.carousel__stage.is-dragging{cursor:grabbing}.carousel__stage.is-dragging .project-card{transition:none}.carousel__sound{z-index:12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border-color:#ffffff80;position:absolute;top:calc(52% - clamp(118px,14.3438vw,225px) + 14px);left:calc(50% - clamp(210px,25.5vw,400px) + 14px);box-shadow:0 8px 24px #1b1c341f}.carousel__sound.is-active{color:#fff;background:#292a4ee0;border-color:#ffffff42}.carousel__sound .portfolio__sound-state{color:inherit;opacity:.72}.project-card{aspect-ratio:16/9;opacity:0;width:clamp(420px,51vw,800px);transform:translate(calc(-50% + var(--carousel-drag-x)), -50%) scale(.55);transition:transform .85s var(--ease), opacity .65s var(--ease), filter .65s var(--ease), box-shadow .65s var(--ease);will-change:transform, opacity;pointer-events:none;background:#ddd;position:absolute;top:52%;left:50%;overflow:hidden;box-shadow:0 34px 80px #1b1c3421}.project-card.is-active{z-index:3;opacity:1;filter:none;transform:translate(calc(-50% + var(--carousel-drag-x)), -50%) scale(1) rotateY(0);cursor:pointer;pointer-events:auto}.project-card.is-active[data-url-ready=false]{cursor:grab}.project-card.is-near.is-left,.project-card.is-near.is-right{z-index:1;opacity:.3;filter:saturate(.45)contrast(.9);cursor:pointer;pointer-events:auto}.project-card.is-near.is-left{transform:translate(calc(-50% - 43vw + var(--carousel-drag-x)), -50%) scale(.62) rotateY(10deg)}.project-card.is-near.is-right{transform:translate(calc(-50% + 43vw + var(--carousel-drag-x)), -50%) scale(.62) rotateY(-10deg)}.project-card.is-near.is-left:hover,.project-card.is-near.is-right:hover{opacity:.46;filter:saturate(.7)}.project-visual{width:100%;height:100%;position:relative;overflow:hidden}.project-visual__image{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transition:transform 1.2s var(--ease);display:block}.project-card.is-active:hover .project-visual__image{transform:scale(1.018)}.project-visual__video{object-fit:contain;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .9s var(--ease);background:#0c1729;position:absolute;inset:0}.project-visual__video.is-playing{opacity:1}.project-visual--nomad-3d{background:radial-gradient(circle at 50% 45%,#676cbe52,#0000 38%),#111329}.visual-3d__grid{transform-origin:top;background-image:linear-gradient(#c8b27c40 1px,#0000 1px),linear-gradient(90deg,#c8b27c40 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:52% -20% -30%;transform:perspective(400px)rotateX(62deg)scale(1.2)}.visual-3d__orb{aspect-ratio:1;border:1px solid #e8dcbdb3;border-radius:50%;width:42%;position:absolute;top:16%;left:50%;transform:translate(-50%);box-shadow:inset 28px 0 70px #5b61b5b3,inset -28px 0 70px #c8b27c47,0 0 80px #7479ca47}.visual-3d__orb:before,.visual-3d__orb:after,.visual-3d__orb span{content:"";border:1px solid #e8dcbd75;border-radius:50%;position:absolute}.visual-3d__orb:before{inset:0 35%}.visual-3d__orb:after{inset:34% 0}.visual-3d__orb span{inset:15%;transform:rotate(46deg)}.visual-3d__axis{background:#e8dcbd61;position:absolute}.visual-3d__axis--x{width:70%;height:1px;top:46%;left:15%}.visual-3d__axis--y{width:1px;height:70%;top:11%;left:50%}.visual-3d__code{color:#ffffffa3;letter-spacing:.3em;font-size:clamp(10px,1vw,14px);position:absolute;bottom:5%;right:5%}.project-visual--nomad{background:#e9e3d2}.visual-nomad__frame{border:1px solid #292a4e61;position:absolute;inset:7%}.visual-nomad__frame:before,.visual-nomad__frame:after{content:"";background:var(--ink);position:absolute}.visual-nomad__frame:before{width:1px;height:72%;top:14%;right:8%}.visual-nomad__frame:after{width:55%;height:1px;bottom:10%;left:7%}.visual-nomad__letter{color:var(--ink);font-family:Georgia,serif;font-size:clamp(180px,27vw,440px);font-style:italic;line-height:.7;position:absolute;top:49%;left:11%;transform:translateY(-50%)}.visual-nomad__sun{aspect-ratio:1;background:var(--gold);mix-blend-mode:multiply;border-radius:50%;width:25%;position:absolute;top:18%;right:13%}.visual-nomad__line{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);width:27%;height:14%;position:absolute;bottom:17%;right:18%}.project-visual--ec{background:#dedfdc}.visual-ec__grid{grid-template-columns:repeat(3,1fr);gap:4%;display:grid;position:absolute;inset:12% 8% 18%}.visual-ec__grid>span{background:#f6f5ef;position:relative;overflow:hidden}.visual-ec__grid>span:before{content:"";background:var(--color,var(--gold));border-radius:50% 50% 42% 42%;position:absolute;inset:13% 15% 30%}.visual-ec__grid>span:nth-child(2n){--color:var(--ink)}.visual-ec__grid>span:nth-child(3n){--color:#a8a99f}.visual-ec__grid i{background:#292a4e47;height:2px;position:absolute;bottom:13%;left:14%;right:14%;box-shadow:0 8px #292a4e1f}.visual-ec__bar{background:#292a4e66;height:1px;position:absolute;bottom:8%;left:8%;right:8%}.carousel__button{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;width:52px;height:52px;transition:background .3s ease, color .3s ease, transform .3s var(--ease);background:#ffffffa3;border:1px solid #292a4e2e;border-radius:50%;place-items:center;display:grid;position:absolute;top:52%;transform:translateY(-50%)}.carousel__button:hover{background:var(--ink);color:var(--white);transform:translateY(-50%)scale(1.06)}.carousel__button--previous{left:clamp(16px,3vw,48px)}.carousel__button--next{right:clamp(16px,3vw,48px)}.project-meta{z-index:5;text-align:center;width:min(660px,100vw - 48px);height:96px;margin:-18px auto 0;position:relative}.project-meta__item{opacity:0;transition:opacity .45s ease, transform .55s var(--ease);pointer-events:none;grid-template-rows:auto auto;grid-template-columns:1fr auto auto;align-content:start;align-items:center;padding:0 12px;display:grid;position:absolute;inset:0;transform:translateY(14px)}.project-meta__item.is-active{opacity:1;transform:none}.project-meta h2{letter-spacing:-.035em;text-align:left;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,4vw,52px);font-weight:400;line-height:1}.project-meta__item--long-title h2{letter-spacing:-.015em;font-size:clamp(19px,2.3vw,30px);line-height:1.06}.project-meta p{color:#292a4e8f;letter-spacing:.19em;text-align:left;text-transform:uppercase;grid-column:1;margin:12px 0 0;font-size:9px;font-weight:700}.project-meta__tags{grid-area:1/2/3;gap:6px;margin-right:14px;display:flex}.project-meta__tag{color:#292a4eb8;letter-spacing:.14em;white-space:nowrap;border:1px solid #292a4e33;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:7px;font-weight:700;line-height:1;display:inline-flex}.project-meta__tag--attribute{color:#937c48;border-color:#c8b27c80}.project-meta__arrow{border:1px solid #292a4e40;border-radius:50%;grid-area:1/3/3;place-items:center;width:44px;height:44px;font-size:15px;display:grid}.carousel__dots{z-index:10;justify-content:center;align-items:center;gap:10px;margin-top:-4px;display:flex;position:relative}.carousel__dots button{box-sizing:content-box;cursor:pointer;width:25px;height:2px;transition:width .35s var(--ease), background .35s ease;background:#292a4e2e padding-box content-box;border:0;padding:14px 0}.carousel__dots button.is-active{background:var(--ink);background-clip:content-box;width:46px}.carousel__dots button[hidden]{display:none}.site-footer{z-index:30;color:#ffffffc7;background:#262746;position:absolute;bottom:0;left:0;right:0}.site-footer__link{width:100%;min-height:46px;color:inherit;letter-spacing:.18em;justify-content:space-between;align-items:center;gap:24px;padding:0 clamp(18px,3vw,42px);font-size:8px;font-weight:700;text-decoration:none;transition:background .3s,color .3s;display:flex}.site-footer__link:hover,.site-footer__link:focus-visible{color:#fff;background:#303155}.site-footer__destination{color:#d6c18d;white-space:nowrap;flex:none}.site-footer__mobile{display:none}@media (width<=760px){.intro__logo{width:min(68vw,330px)}.portfolio__toolbar{justify-content:space-between;gap:8px;top:72px;left:14px;right:14px}.portfolio__filters{gap:3px}.portfolio__filters button,.portfolio__language,.portfolio__sound{letter-spacing:.04em;min-height:44px;padding:0 8px;font-size:8px}.carousel__sound{top:calc(54% - min(29.25vw,210px) + 10px);left:calc(50% - min(39vw,280px) + 10px)}.portfolio__counter{gap:5px;font-size:8px}.carousel{height:68svh;min-height:420px}.project-card{aspect-ratio:4/3;width:78vw;max-width:560px;top:54%}.project-card.is-near.is-left{transform:translate(calc(-50% - 69vw + var(--carousel-drag-x)), -50%) scale(.66) rotateY(8deg)}.project-card.is-near.is-right{transform:translate(calc(-50% + 69vw + var(--carousel-drag-x)), -50%) scale(.66) rotateY(-8deg)}.carousel__dots{gap:0;padding:0 12px}.carousel__dots button{padding:14px 3px}.carousel__button{background:#ffffffd1;width:44px;height:44px;top:54%;bottom:auto;transform:translateY(-50%)}.carousel__button:hover{transform:translateY(-50%)scale(1.05)}.carousel__button--previous{left:max(8px,50% - min(39vw,280px) - 20px)}.carousel__button--next{right:max(8px,50% - min(39vw,280px) - 20px)}.project-meta{margin-top:-8px}.project-meta h2{font-size:32px}.project-meta__item--long-title h2{font-size:19px}.project-meta__item{grid-template-columns:1fr auto}.project-meta__tags{grid-column:2;gap:4px;margin-right:0}.project-meta__tag{letter-spacing:.1em;min-height:25px;padding:0 7px;font-size:6px}.project-meta__arrow{display:none}.site-footer__link{letter-spacing:.13em;min-height:42px;font-size:7px}.site-footer__copyright,.site-footer__destination{display:none}.site-footer__mobile{color:#ffffffd1;text-align:center;white-space:nowrap;width:100%;display:block}}@media (prefers-reduced-motion:reduce){.portfolio__sound.is-active .portfolio__sound-icon i{animation:none}}@media (height<=700px) and (width>=761px){.carousel{height:66svh;min-height:380px}.project-card{width:min(47vw,660px)}.project-meta{margin-top:-24px}}