@charset "utf-8";
:root{color-scheme:dark;--ink:#eff3df;--muted:#b8c5b2;--dim:#748a7c;--line:rgba(212,228,202,.17);--green:#071b17;--accent:#c8dec1;--accent-rgb:200,222,193}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--green);color:var(--ink);font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible{outline:2px solid #eef8ca;outline-offset:6px}button:disabled{cursor:wait}button,dialog{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}h1,h2,h3,p{margin:0}button{border:0}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.experience{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 81% 36%,#183c2e80 0,transparent 42%),linear-gradient(127deg,#12231c,#051913 70%,#173425)}.ambient-light{position:absolute;z-index:-1;inset:-30% -10% auto 32%;height:1000px;background:conic-gradient(from 65deg at 62% 10%,transparent 0 163deg,#b7d5ad09 170deg,transparent 182deg 199deg,#b7d5ad0d 203deg,transparent 208deg);filter:blur(12px);pointer-events:none}.ambient-grain{position:absolute;inset:0;z-index:9;pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.experience-header{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin:0 5%;position:relative;z-index:10}.wordmark{display:flex;gap:24px;align-items:center}.wordmark>span{font:31px/1 Georgia,"Times New Roman",serif;letter-spacing:.055em}.wordmark>i{height:21px;border-left:1px solid #adc2a65e}.wordmark>small{font-size:15px;letter-spacing:.28em;font-weight:300}.header-actions{display:flex;align-items:center;gap:12px}.header-caption{font-size:9px;letter-spacing:.2em;color:var(--muted)}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 11px #cae5b49e}.icon-button{background:transparent;padding:8px;margin-left:18px;border:1px solid var(--line);width:37px;height:37px;border-radius:50%;display:grid;place-items:center}.icon-button svg{width:18px;height:18px}.hero{position:relative;min-height:770px;display:grid;grid-template-columns:47% 53%;grid-template-rows:minmax(620px,1fr) auto;padding:0 5%;max-width:1800px;margin:auto}.hero-copy{align-self:center;position:relative;z-index:3;pointer-events:none;padding:10px 0 40px}.hero-copy button{pointer-events:auto}.eyebrow{font-size:9px;font-weight:500;line-height:1.6;letter-spacing:.24em;color:var(--accent);display:flex;align-items:center;gap:13px}.eyebrow-line{width:29px;height:1px;background:#d1dec2a8}.hero h1{font-weight:400;letter-spacing:.025em;line-height:1.58;margin-top:30px;font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",Georgia,serif;font-size:clamp(38px,3.95vw,74px)}.hero h1>span{display:block;white-space:nowrap}.hero h1>span:nth-child(2){padding-left:.35em}.hero-description{font-size:13px;line-height:2.3;letter-spacing:.11em;color:var(--muted);margin:26px 0 35px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.primary-button{background:#e0e9d2;color:#163529;min-height:57px;padding:8px 11px 8px 25px;display:inline-flex;align-items:center;justify-content:space-between;gap:23px;border-radius:2px;font-size:12px;letter-spacing:.06em;transition:background .25s,transform .25s;box-shadow:0 3px 24px #060f0822}.primary-button:hover{background:#f1f6e7;transform:translateY(-2px)}.round-arrow{border:1px solid #153b3130;border-radius:50%;height:32px;width:32px;display:grid;place-items:center;font-size:20px}.film-button{display:flex;align-items:center;gap:11px;background:transparent;font-size:10px;letter-spacing:.035em;padding:12px 0}.play-icon{border:1px solid #baceac65;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-size:8px;padding-left:2px;transition:background .3s}.film-button:hover .play-icon{background:#d7e7bc26}.concept-note{font-size:9px;letter-spacing:.075em;color:#92a98e;margin-top:24px}.scene-wrap{grid-column:2;grid-row:1;position:relative;min-height:620px;margin:0 -9.45% 0 -27%;isolation:isolate;cursor:grab}.scene-wrap:active{cursor:grabbing}.scene-glow{position:absolute;width:88%;height:82%;border-radius:50%;left:4%;top:6%;background:radial-gradient(ellipse,rgba(var(--accent-rgb),.1),transparent 63%);filter:blur(25px);z-index:-1;transition:background 1.6s}.scene-word{position:absolute;bottom:60px;left:0;width:100%;text-align:center;font-family:Georgia,"Times New Roman",serif;font-size:clamp(120px,20vw,350px);line-height:1;font-weight:normal;letter-spacing:.03em;color:rgba(174,206,149,.035);z-index:-1;user-select:none}#labo-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;z-index:1;outline:0}.scene-caption{position:absolute;left:50%;transform:translateX(-50%);bottom:23px;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.075em;white-space:nowrap;color:#b1c6a99e;pointer-events:none;z-index:2}.caption-line{height:1px;width:17px;background:#b7cca364}.scene-meta{position:absolute;bottom:80px;right:8%;display:flex;align-items:center;writing-mode:vertical-rl;gap:14px;font-size:8px;letter-spacing:.19em;color:#a5b99b8f;pointer-events:none}.meta-divider{height:26px;width:1px;background:var(--line)}#profile-display{color:#d1e0c4;transition:color 1s}.bottom-bar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);z-index:2;padding:25px 0 30px}.material-selector{display:flex;align-items:center;gap:35px}.material-label{font-size:10px;letter-spacing:.07em;color:#9db598}.material-options{display:flex;gap:13px}.material-option{display:flex;align-items:center;gap:9px;background:transparent;padding:9px 12px;color:#afc0a5;font-size:10px;letter-spacing:.04em;border-radius:100px;border:1px solid transparent;transition:background .3s,border .3s}.material-option.is-active{border-color:#c4dcba44;background:#afc49a0e;color:#edf2db}.material-orb{display:block;flex-shrink:0;width:21px;height:21px;border-radius:50%;box-shadow:inset -2px -2px 5px #0005,0 0 10px #e1edc011}.dew{background:radial-gradient(circle at 28% 25%,#f1ffff,#b6dad3 24%,#5c8d79 58%,#234933)}.balance{background:radial-gradient(circle at 28% 25%,#fbffe8,#cedcac 24%,#829962 58%,#293f23)}.velvet{background:radial-gradient(circle at 28% 25%,#fff2da,#dac49a 24%,#937b4f 58%,#514221)}.structure-button{display:flex;align-items:center;gap:9px;padding:10px 0;background:transparent;color:#c3d0b5;font-size:10px;letter-spacing:.06em}.structure-button svg{width:19px;height:19px}.structure-button[aria-pressed=true]{color:#f8f8e7}
.journey{padding:65px 5% 68px;border-top:1px solid var(--line);display:grid;grid-template-columns:32% 1fr;gap:7%;background:linear-gradient(90deg,#18312255,transparent);max-width:1800px;margin:auto}.journey .eyebrow{font-size:8px}.journey h2{font-weight:400;font-family:"Yu Mincho","Hiragino Mincho ProN",Georgia,serif;font-size:25px;letter-spacing:.05em;line-height:1.7;margin-top:18px}.journey ol{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8%;align-items:center}.journey li>span{font-size:10px;font-family:Georgia,serif;color:#bdcfaf;display:block;margin-bottom:22px}.journey h3{font-size:13px;font-weight:400;letter-spacing:.06em;margin-bottom:13px}.journey li p{font-size:10px;line-height:1.9;color:#9fb297}.experience-footer{display:flex;align-items:center;gap:30px;padding:25px 5%;border-top:1px solid var(--line);color:#84977e}.experience-footer>span{font:11px Georgia,serif;letter-spacing:.09em;flex-shrink:0}.experience-footer p{font-size:9px;line-height:1.8}.experience-footer button{margin-left:auto;font-size:10px;border:1px solid var(--line);padding:10px;background:transparent;min-width:38px}.hero-copy{animation:copy-enter 1.6s cubic-bezier(.2,.8,.25,1) both}.scene-wrap{animation:scene-enter 2s ease-out both}.bottom-bar{animation:copy-enter 1.9s ease-out both}@keyframes copy-enter{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}@keyframes scene-enter{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
dialog{border:1px solid #bdd1ad3f;border-radius:4px;background:#11281e;color:#edf2df;padding:0;max-width:calc(100% - 32px);box-shadow:0 30px 180px #000b}dialog::backdrop{background:#04110ecc;backdrop-filter:blur(12px)}.dialog-close{position:absolute;z-index:3;top:18px;right:18px;background:transparent;color:#e2ebd6;font-size:26px;line-height:1;width:38px;height:38px;border:1px solid #b3c8a53a;border-radius:50%;display:grid;place-items:center}.atelier-dialog{width:920px}.atelier-main{padding:55px 55px 38px}.atelier-main .eyebrow{font-size:8px}.atelier-main h2{font:32px/1.65 "Yu Mincho","Hiragino Mincho ProN",Georgia,serif;letter-spacing:.05em;margin-top:20px}.atelier-lead{font-size:11px;color:#bdcbb3;margin-top:15px;line-height:1.9}.atelier-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:33px 0}.atelier-choice{border:1px solid #b5c7a330;background:linear-gradient(160deg,#ffffff07,transparent);padding:23px 18px 26px;border-radius:3px;text-align:left;transition:border .3s,background .3s,transform .3s;display:flex;flex-direction:column;align-items:flex-start}.atelier-choice:hover{transform:translateY(-3px)}.atelier-choice.is-active{border-color:#bfd7a69e;background:linear-gradient(160deg,#c5dfb418,#93b6920a)}.choice-visual{width:76px;height:76px;margin:5px auto 26px;border-radius:40% 60% 55% 45% / 53% 42% 58% 47%;box-shadow:inset -5px -7px 12px #0003,0 0 35px #a4c99d17;animation:orb-shape 7s ease-in-out infinite alternate}.atelier-choice small{font-size:8px;letter-spacing:.16em;color:#adc09e}.atelier-choice strong{font-size:17px;font-weight:400;letter-spacing:.06em;margin-top:13px}.atelier-choice>span:last-child{font-size:9px;color:#adbea4;margin-top:10px;line-height:1.7}.atelier-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center}.atelier-bottom p{font-size:9px;color:#a7b99d;line-height:1.8}.film-dialog{width:1100px;background:#030b08}.film-top{padding:30px 65px 30px 27px;font-size:9px;letter-spacing:.17em;min-height:74px;display:flex;align-items:center}.film-top .dialog-close{top:18px}.film-dialog video{width:100%;height:auto;max-height:74vh;display:block;object-fit:contain;background:#050b08}.film-dialog>p{font-size:10px;color:#b9cbb1;padding:20px 27px;line-height:1.8}.formation-overlay{position:absolute;z-index:6;top:635px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;width:min(480px,86%);padding:18px 24px 14px;background:#092318dc;backdrop-filter:blur(9px);border:1px solid #b9d3a942;border-radius:3px}.formation-kicker{font-size:8px;letter-spacing:.27em;color:#b9d1a5}.formation-overlay>p{font-size:14px;letter-spacing:.1em;margin-top:13px;line-height:1.9}.formation-track{height:1px;width:160px;background:#bbd7a43a;margin-top:20px;overflow:hidden}.formation-track span{height:1px;display:block;width:45%;background:#e3f2c7;animation:scan-track 1.9s ease-in-out infinite}.formation-overlay>button{font-size:9px;color:#c9d5ba;background:transparent;padding:13px 10px 4px}.is-forming .hero-copy{opacity:.24;transition:opacity .7s}.is-forming .bottom-bar{pointer-events:none;opacity:.25;transition:opacity .7s}.is-forming .scene-caption{opacity:0}.result-toast{position:absolute;top:667px;left:50%;transform:translateX(-50%);z-index:6;background:#dae5c8;color:#183024;box-shadow:0 15px 70px #0006;display:flex;align-items:center;gap:15px;width:max-content;max-width:90%;padding:20px 22px;border-radius:3px}.result-spark{font-size:28px}.result-toast strong{font-weight:500;font-size:12px;letter-spacing:.045em}.result-toast p{font-size:10px;line-height:1.8;margin-top:6px;color:#4b5e44}.result-toast button{margin-left:12px;background:transparent;color:#294c34;font-size:24px;padding:8px}.scene-fallback{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.fallback-bottle{position:relative;width:128px;height:238px;border-radius:28px 28px 18px 18px;border:1px solid #e2ecc899;background:linear-gradient(100deg,#7c9d7349 0,#d6eacbac 16%,#9bbb8e85 37%,#e9f8d8aa 42%,#79a47670 75%,#daedc9a0);box-shadow:inset 0 -20px 35px #cbdcad44,0 25px 80px #0006;transform:rotate(-9deg);animation:bottle-float 7s ease-in-out infinite}.fallback-cap{position:absolute;left:20px;top:-72px;width:88px;height:86px;background:linear-gradient(90deg,#688069,#e0e2c7 20%,#8d9c79 35%,#dce2bf 65%,#7d8c6b);border:1px solid #c2d5ad66;border-radius:10px 10px 3px 3px}.fallback-bottle>span{position:absolute;top:44%;width:100%;text-align:center;font:13px/1.8 Georgia,serif;color:#0e3126;letter-spacing:.02em}.fallback-bottle b{display:block;font-weight:normal;letter-spacing:.32em;font-size:19px}.fallback-bottle small{display:block;font:4px Arial,sans-serif;letter-spacing:.08em}.fallback-orbit{position:absolute;width:350px;height:190px;border-radius:50%;border:1px solid #c6e5a34d;transform:rotate(-25deg);box-shadow:0 0 28px #d5eeb709}.is-paused *, .is-paused *::before, .is-paused *::after{animation-play-state:paused!important}
@keyframes scan-track{0%{transform:translateX(-110%)}100%{transform:translateX(330%)}}@keyframes bottle-float{0%,100%{transform:translateY(-5px) rotate(-9deg)}50%{transform:translateY(12px) rotate(-6deg)}}@keyframes orb-shape{to{border-radius:53% 47% 44% 56% / 42% 57% 43% 58%;transform:rotate(14deg)}}
@media(min-width:1600px){.hero{min-height:830px;grid-template-rows:700px auto}.hero-copy{padding-left:15px}.scene-wrap{min-height:700px}.formation-overlay{top:695px}.result-toast{top:735px}}
@media(max-width:1050px){.hero{min-height:730px;grid-template-rows:585px auto;grid-template-columns:48% 52%}.hero h1{font-size:39px}.hero-description{font-size:11px;letter-spacing:.04em}.hero-actions{gap:18px}.primary-button{font-size:11px;min-height:53px;padding-left:20px}.film-button{font-size:9px}.scene-wrap{min-height:585px;margin-left:-37%}.material-selector{gap:18px}.material-label{font-size:9px}.material-options{gap:4px}.material-option{padding:8px 9px;font-size:9px}.journey{gap:4%;grid-template-columns:30% 1fr}.journey ol{gap:5%}.journey h2{font-size:23px}.formation-overlay{top:607px}.result-toast{top:637px}}
@media(max-width:760px){.experience-header{height:76px;margin:0 6%}.wordmark{gap:16px}.wordmark>span{font-size:25px}.wordmark>i{height:17px}.wordmark>small{font-size:12px;letter-spacing:.22em}.header-caption,.header-actions>.live-dot{display:none}.icon-button{width:33px;height:33px;margin-left:0}.hero{padding:0 6%;display:flex;flex-direction:column;min-height:auto}.hero-copy{padding:38px 0 0;align-self:stretch}.eyebrow{font-size:7px;letter-spacing:.19em;gap:10px}.eyebrow-line{width:20px}.hero h1{font-size:clamp(31px,6.8vw,49px);line-height:1.55;margin-top:18px;letter-spacing:.025em}.hero h1>span:nth-child(2){padding-left:0}.hero-description{font-size:11px;line-height:2;letter-spacing:.04em;margin-top:18px;margin-bottom:23px}.hero-actions{gap:20px;flex-wrap:nowrap;align-items:center}.primary-button{font-size:11px;min-height:50px;padding:7px 9px 7px 19px;gap:18px}.round-arrow{width:30px;height:30px}.film-button{font-size:9px;gap:8px;line-height:1.5}.play-icon{width:28px;height:28px;flex-shrink:0}.concept-note{margin-top:15px;font-size:8px}.scene-wrap{height:480px;min-height:0;flex-shrink:0;width:calc(100% + 13.64%);margin:-10px -6.82% 0;order:2}.scene-word{font-size:40vw;bottom:65px}.scene-meta{right:5%;bottom:100px;font-size:6px;gap:10px}.scene-caption{bottom:26px;font-size:8px}.scene-glow{top:0;height:95%;left:-10%;width:120%;filter:blur(20px)}.bottom-bar{order:3;display:flex;align-items:center;flex-direction:column;gap:7px;padding:20px 0 25px}.material-selector{flex-direction:column;gap:13px;width:100%}.material-label{font-size:9px}.material-options{gap:4px;justify-content:center;flex-wrap:nowrap;width:100%}.material-option{padding:9px 10px;font-size:9px;gap:7px;white-space:nowrap}.material-orb{width:18px;height:18px}.structure-button{font-size:9px;margin-top:9px}.structure-button svg{width:17px}.journey{display:flex;flex-direction:column;gap:33px;padding:42px 6% 40px}.journey h2{font-size:26px;margin-top:16px}.journey ol{display:flex;flex-direction:column;gap:0;align-items:stretch}.journey li{display:flex;align-items:baseline;gap:26px;padding:21px 0;border-top:1px solid var(--line)}.journey li>span{margin:0;font-size:11px}.journey h3{font-size:14px;margin-bottom:8px}.journey li p{font-size:11px}.experience-footer{padding:23px 6%;gap:14px;flex-wrap:wrap;position:relative}.experience-footer>span{font-size:10px}.experience-footer p{order:3;flex-basis:100%;font-size:8px;max-width:91%}.experience-footer button{position:absolute;right:6%;top:16px}.atelier-dialog{max-width:calc(100% - 20px);max-height:calc(100dvh - 30px)}.atelier-main{padding:43px 23px 24px}.atelier-main h2{font-size:26px;margin-top:18px}.atelier-lead{font-size:10px;max-width:90%}.atelier-choices{gap:8px;margin:24px 0;grid-template-columns:1fr}.atelier-choice{display:grid;grid-template-columns:50px 1fr;grid-template-rows:16px 23px 20px;column-gap:18px;align-items:center;padding:17px}.choice-visual{width:47px;height:47px;grid-row:1/4;margin:0;align-self:center}.atelier-choice small{font-size:7px;grid-column:2}.atelier-choice strong{font-size:14px;margin:0;grid-column:2}.atelier-choice>span:last-child{font-size:9px;margin:0;grid-column:2}.atelier-bottom{flex-direction:column;align-items:stretch;gap:16px}.atelier-bottom>.primary-button{width:100%;min-height:51px}.atelier-bottom p{font-size:8px}.dialog-close{width:33px;height:33px;font-size:23px;right:13px;top:13px}.film-dialog{max-width:calc(100% - 16px)}.film-top{font-size:7px;letter-spacing:.1em;padding:23px 53px 23px 18px;min-height:62px}.film-top .dialog-close{top:14px}.film-dialog video{max-height:70dvh;object-fit:contain}.film-dialog>p{font-size:9px;padding:15px 18px}.formation-overlay{top:740px;width:86%;padding:17px 20px 9px}.formation-overlay>p{font-size:12px}.result-toast{top:740px;width:86%;max-width:86%;padding:17px 15px;gap:10px}.result-toast strong{font-size:11px}.result-toast p{font-size:9px}.result-toast button{margin-left:auto;font-size:21px;padding:5px}.is-forming .hero-copy{opacity:.3}.fallback-bottle{transform:rotate(-9deg) scale(.87)}.fallback-orbit{width:290px;height:160px}.scene-wrap{animation:scene-enter 1.4s ease-out both}}
@media(max-width:360px){.wordmark>span{font-size:22px}.wordmark{gap:11px}.hero h1{font-size:29px}.hero-actions{gap:13px}.primary-button{font-size:10px;gap:11px;padding-left:14px}.film-button{font-size:8px;gap:6px}.scene-wrap{height:440px}.material-option{font-size:8px;padding:8px;gap:6px}.formation-overlay,.result-toast{top:685px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
body[data-embed=true] .journey,body[data-embed=true] .experience-footer{display:none}body[data-embed=true] .atelier-dialog{margin:20px auto}body[data-embed=true] .film-dialog{margin:16px auto}body[data-embed=true] .experience{min-height:0}
.embed-notice{display:none;color:var(--muted);font-size:11px;line-height:1.8;padding:0 5% 24px;max-width:1800px;margin:auto}
body[data-embed=true] .embed-notice{display:block}
.film-button:disabled{cursor:default;opacity:.65}
.is-paused .hero-copy,.is-paused .scene-wrap,.is-paused .bottom-bar{animation:none}
@media(max-width:760px){.hero-actions,.material-options{flex-wrap:wrap}.embed-notice{padding:0 6% 24px}}
/* 質感を選ぶと、背景の光もその色に変わる（10/19 会長指示「変化が大事」） */
.experience::after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 66% 42%,rgba(var(--accent-rgb),.22),transparent 55%);transition:background 1.2s ease}
body[data-profile] .ambient-light{background:conic-gradient(from 65deg at 62% 10%,transparent 0 163deg,rgba(var(--accent-rgb),.10) 170deg,transparent 182deg 199deg,rgba(var(--accent-rgb),.14) 203deg,transparent 208deg)}