:root{color-scheme:dark;--bg:#0b0c0c;--paper:#edeee9;--ink:#eeeee9;--muted:#8c9290;--gold:#cdbb96;--line:#ffffff20;--engrave:0%;--laser-opacity:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,'Yuren Site Sans','Hiragino Kaku Gothic ProN',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.skip{position:fixed;top:-100px;left:15px;padding:16px;background:var(--paper);color:#111;z-index:100}.skip:focus{top:15px}.page-width{width:min(1240px,88%);margin:auto}.site-header{position:absolute;z-index:20;top:0;left:6%;right:6%;height:92px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:27px;letter-spacing:-1.5px;font-weight:700;white-space:nowrap}.brand span{font-family:serif;font-weight:400;font-size:11px;letter-spacing:2px;margin-left:12px}.site-header nav{display:flex;align-items:center;gap:35px;font-size:11px;letter-spacing:.08em}.header-contact{border:1px solid #ffffff50;padding:12px 20px;border-radius:30px}.header-contact span{margin-left:15px}.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--gold);line-height:1.8;margin:0 0 28px}.card-story{height:280svh;position:relative;background:#0b0c0c}.story-stage{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 62% 51%,#26272544,transparent 55%),#0b0c0c}.stage-halo{position:absolute;width:62vw;height:62vw;left:30%;top:12%;background:radial-gradient(ellipse,#9089740b,transparent 65%);border-radius:50%;pointer-events:none}.hero-copy{position:absolute;left:8%;top:23%;z-index:3;pointer-events:none;will-change:opacity,transform}.hero-copy h1{font-size:clamp(32px,4.5vw,67px);font-weight:400;letter-spacing:.07em;line-height:1.65;margin:0 0 25px}.hero-description{font-size:13px;line-height:2.3;color:#a2a8a3;letter-spacing:.06em}.engrave-copy{position:absolute;z-index:3;top:15%;left:0;right:0;text-align:center;opacity:0;pointer-events:none}.engrave-copy h2{font-size:clamp(26px,3.5vw,48px);font-weight:400;letter-spacing:.1em;margin:0 0 16px}.engrave-copy .eyebrow{margin-bottom:15px}.engrave-copy>p:last-child{font-size:12px;color:var(--muted);letter-spacing:.08em}.card-scene{position:absolute;top:52%;left:67%;width:min(47vw,710px);perspective:1600px;transform:translate(-50%,-50%);z-index:2;will-change:left,top}.metal-card{--metal-base:#a9aaa5;--metal-edge:#e6e7df;--engraving-color:#343b38;--engraving-light:#fcfff5aa;--card-light:.48;--brush-opacity:.34;--gloss-opacity:.7;position:relative;width:100%;aspect-ratio:1.585;transform-style:preserve-3d;transform:rotateX(17deg) rotateY(-22deg) rotateZ(-10deg);will-change:transform;filter:drop-shadow(10px 50px 35px #0009)}.card-face{position:absolute;inset:0;border-radius:clamp(10px,1.4vw,20px);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;border:1px solid var(--metal-edge);background-color:var(--metal-base);background-image:linear-gradient(112deg,#fff0 2%,#ffffff2b 21%,#00000009 24%,#ffffffb0 41%,#ffffff22 44%,#0000003b 70%,#ffffff66 100%),linear-gradient(8deg,#0000004f,#ffffff15 22%,#00000020 45%,#fff5 82%,#0000002a);box-shadow:inset 0 1px 0 #ffffffe0,inset 1px 0 0 #ffffff77,inset 0 -2px 1px #0008,0 1px 0 #5b625a,0 2px 0 #6a7067,0 3px 0 #353c35;transform:translateZ(1px)}.card-front:after{content:'';position:absolute;inset:1px;border-radius:inherit;box-shadow:inset 0 0 10px #00000012;pointer-events:none}.card-brush{position:absolute;inset:0;opacity:var(--brush-opacity);mix-blend-mode:overlay;background-image:url('assets/nfc/brushed.svg');background-size:900px 500px;pointer-events:none}.card-sheen{position:absolute;inset:-40%;background:linear-gradient(110deg,transparent 15%,#ffffff00 35%,#fffffff0 49%,#ffffff00 59%,transparent 70%);transform:translateX(var(--sheen-x,-20%));opacity:var(--card-light);mix-blend-mode:soft-light;pointer-events:none}.engraving{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--engrave)) 0 0);color:var(--engraving-color);filter:drop-shadow(0 1px .3px var(--engraving-light)) drop-shadow(0 -.6px .3px #0008)}.engraving-logo{position:absolute;width:18%;height:35%;left:41%;top:14%;fill:currentColor}.engraving-name{position:absolute;left:26%;top:51%;width:48%;height:16%;fill:currentColor}.engraving-rule{position:absolute;left:8%;right:8%;height:1px;top:75%;background:currentColor;opacity:.45}.card-person{position:absolute;left:8%;top:81%;font-size:clamp(9px,1.1vw,15px);letter-spacing:.14em}.card-role{position:absolute;left:8%;top:88%;font-size:clamp(5px,.6vw,8px);letter-spacing:.13em}.nfc-mark{position:absolute;right:8%;bottom:8%;width:5%;height:11%}.laser-line{position:absolute;width:1px;top:7%;bottom:7%;left:var(--engrave);background:#fff2c3;opacity:var(--laser-opacity);box-shadow:0 0 8px 2px #ffe7af,0 0 24px 6px #ffc27b60;pointer-events:none}.laser-line:after{content:'';position:absolute;top:43%;left:-4px;width:9px;height:9px;background:#fff;border-radius:50%;box-shadow:0 0 15px 5px #ffeec5}.card-back{transform:rotateY(180deg) translateZ(1px);display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--engraving-color)}.card-back>span{font-size:clamp(17px,3vw,35px);letter-spacing:.4em;opacity:.6}.card-back>small{font-size:6px;letter-spacing:.2em;margin-top:12px;opacity:.6}.story-bottom{position:absolute;left:8%;right:6%;bottom:38px;display:flex;justify-content:space-between;align-items:end;z-index:5}.scroll-cue{display:flex;gap:15px;align-items:center;font-size:9px;letter-spacing:.17em;min-height:44px}.scroll-track{width:1px;height:38px;background:#ffffff25;position:relative;overflow:hidden}.scroll-track:after{content:'';position:absolute;width:1px;height:16px;background:#bfb393;animation:scrollHint 2s ease-in-out infinite}@keyframes scrollHint{0%{transform:translateY(-17px)}100%{transform:translateY(40px)}}.story-meta{display:flex;align-items:center;gap:15px;color:#9ca19d;font-size:9px;letter-spacing:.1em}.progress-track{width:85px;height:1px;background:#ffffff25}.progress-track i{display:block;height:1px;width:var(--engrave);background:var(--gold)}.visual-note{font-size:9px;letter-spacing:0;opacity:.65}.motion-toggle{position:absolute;right:6%;top:110px;z-index:10;border:0;background:none;color:#858d87;font-size:10px;cursor:pointer;min-height:40px;padding:8px 0}.motion-toggle span{margin-left:8px}.intro-section{padding:130px 0 150px;border-bottom:1px solid var(--line)}.intro-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}h2{font-size:clamp(30px,4.7vw,62px);line-height:1.6;letter-spacing:.04em;font-weight:400;margin:0}.intro-columns p,.section-copy{font-size:14px;line-height:2.4;color:#a2aaa4;margin:0 0 22px}.finish-section{padding:130px 0;background:#111312}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:65px}.section-heading>p{font-size:12px;line-height:2.2;color:#969e97;letter-spacing:.04em}.section-heading .eyebrow{margin-bottom:20px}.finish-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:8%;align-items:center}.finish-preview{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center;perspective:1400px;background:radial-gradient(ellipse,#44473b30,transparent 65%)}.sample-card-wrap{width:90%;perspective:1400px}.sample-card-wrap .metal-card{--engrave:100%;transform:rotateX(10deg) rotateY(-12deg) rotateZ(-8deg);filter:drop-shadow(0 40px 30px #0009)}.preview-caption{position:absolute;bottom:0;left:0;color:#626e65;font-size:8px;letter-spacing:.14em}.finish-number{font-size:10px;letter-spacing:.18em;color:#737d75;margin:0 0 18px}.finish-controls h3{font-size:32px;font-weight:400;letter-spacing:.05em;margin:0 0 12px}.finish-en{font-size:9px;letter-spacing:.14em;color:#a6997b;margin:0 0 23px}.finish-description{font-size:13px;line-height:2.2;color:#9ca69d;min-height:58px}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 14px;margin:32px 0}.swatch{border:0;background:transparent;padding:4px 0;color:#9aa59c;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:12px}.swatch i{display:block;width:35px;height:35px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff30;outline:1px solid transparent;outline-offset:5px;background:var(--swatch)}.swatch span{font-size:10px;white-space:nowrap;letter-spacing:.03em}.swatch[aria-pressed=true]{color:#f2f0e7}.swatch[aria-pressed=true] i{outline-color:#d2c39b}.swatch[data-finish=gold]{--swatch:linear-gradient(115deg,#8e7040,#f3dda2 45%,#ad8b4d 80%,#e2c58a)}.swatch[data-finish=silver]{--swatch:linear-gradient(115deg,#757d77,#eeeee6 45%,#858f87 80%,#cad0c7)}.swatch[data-finish=black]{--swatch:linear-gradient(115deg,#050707,#69726b 48%,#121714 80%,#39453c)}.swatch[data-finish=matte-black]{--swatch:#242825}.swatch[data-finish=white]{--swatch:linear-gradient(115deg,#c0c3bc,#fffef4 45%,#dddfd5 80%)}.swatch[data-finish=matte-white]{--swatch:#e0e1d9}.fine-print{font-size:10px;line-height:2.1;color:#77837a;letter-spacing:.025em}.finish-controls .fine-print{padding-top:22px;border-top:1px solid var(--line);margin-top:25px}.metal-card[data-finish=gold]{--metal-base:#bd9c58;--metal-edge:#f1dda2;--engraving-color:#4c3c1d;--engraving-light:#f5e5b8aa;--brush-opacity:.3}.metal-card[data-finish=black]{--metal-base:#1b211e;--metal-edge:#69706a;--engraving-color:#cfbb8b;--engraving-light:#e8d4ab44;--card-light:.25;--brush-opacity:.18}.metal-card[data-finish=matte-black]{--metal-base:#232623;--metal-edge:#51584f;--engraving-color:#aeb5a7;--engraving-light:#d6dfcf33;--card-light:.04;--brush-opacity:.025}.metal-card[data-finish=white]{--metal-base:#e0e1d8;--metal-edge:#fffef2;--engraving-color:#636d60;--engraving-light:#ffffffaa;--card-light:.6;--brush-opacity:.1}.metal-card[data-finish=matte-white]{--metal-base:#dcddd4;--metal-edge:#f2f4e7;--engraving-color:#646d5d;--engraving-light:#ffffff88;--card-light:.04;--brush-opacity:.02}.metal-card[data-finish^=matte] .card-face{background-image:linear-gradient(125deg,#ffffff0d,#ffffff03 45%,#0000000d)}.identity-section{padding:140px 0}.identity-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.identity-art{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:35px;background:radial-gradient(ellipse at 45% 30%,#ffffff03,transparent)}.identity-art+div{border-left:1px solid var(--line)}.identity-art svg{height:140px;fill:#bab7a8;filter:drop-shadow(0 1px .5px #ffffff55)}.identity-word svg{height:auto;width:65%}.identity-art span{font-size:9px;color:#6f7b71;letter-spacing:.18em}.identity-section>.fine-print{margin-top:24px}.experience-section{padding:120px 0;background:#e8e9e2;color:#1a231c}.experience-section .eyebrow{color:#6e775f}.experience-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.experience-section h2{margin-bottom:30px}.experience-section .section-copy{color:#687369}.tap-steps{list-style:none;padding:0;margin:30px 0}.tap-steps li{display:flex;gap:22px;padding:22px 0;border-top:1px solid #1a231c24}.tap-steps li>span{font-size:10px;color:#86907f;margin-top:7px}.tap-steps h3{font-size:14px;font-weight:500;margin:0 0 8px}.tap-steps p{font-size:11px;line-height:1.9;color:#6e796c;margin:0}.experience-section .fine-print{color:#7b8679}.phone-scene{position:relative;min-height:600px;display:grid;place-items:center;isolation:isolate}.phone{width:270px;border:5px solid #333a32;box-shadow:2px 2px 0 #8b9485,10px 35px 65px #1a231c29;background:#f6f6ef;border-radius:42px;min-height:535px;transform:rotate(7deg);position:relative;z-index:2;padding:42px 14px 25px;color:#293327}.phone-island{position:absolute;top:13px;width:70px;height:19px;background:#262b25;border-radius:20px;left:50%;transform:translateX(-50%)}.phone-browser{font-size:8px;letter-spacing:.1em;text-align:center;color:#9a9e90;border-bottom:1px solid #00000012;padding:0 0 14px}.phone-profile{text-align:center;padding:25px 8px}.phone-logo{width:65px;height:65px;background:#e8ebdf;border-radius:50%;margin:auto;display:grid;place-items:center}.phone-logo svg{width:42px;height:42px;fill:#6c7966}.phone-profile h3{font-size:23px;letter-spacing:.18em;font-weight:400;margin:18px 0 12px}.phone-profile>p{font-size:9px;color:#7d8675;margin-bottom:26px}.phone-profile a{display:flex;justify-content:space-between;gap:15px;font-size:10px;border:1px solid #bfc6b7;padding:15px 12px;margin-top:10px;text-align:left;border-radius:4px}.phone-profile a:hover{background:#e2e6da}.phone-profile>small{display:block;font-size:8px;color:#a4ab99;margin-top:25px}.phone-orbit{position:absolute;width:100%;aspect-ratio:1;border-radius:50%;border:1px solid #65725618;z-index:0}.phone-orbit:after{content:'';position:absolute;inset:35px;border-radius:50%;border:1px solid #65725615}.detail-section{padding:100px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:70px}.detail-grid details{border-bottom:1px solid var(--line);padding:25px 0}.detail-grid summary{display:flex;justify-content:space-between;list-style:none;font-size:13px;line-height:1.8;cursor:pointer;gap:15px}.detail-grid summary::-webkit-details-marker{display:none}.detail-grid summary span{color:#8c957f}.detail-grid details[open] summary span{transform:rotate(45deg)}.detail-grid details p{font-size:12px;line-height:2.2;color:#899686;margin:20px 0 0}.contact-section{padding:100px 0 110px;background:#171c17}.contact-section h2{font-size:clamp(40px,6.5vw,90px);font-weight:400;line-height:1.5;margin-bottom:45px}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:40px}.contact-bottom p{font-size:13px;line-height:2.2;color:#909e8d}.contact-link{display:flex;justify-content:space-between;align-items:center;min-width:330px;gap:30px;border-bottom:1px solid #aab296;padding:20px 0;font-size:14px}.contact-link>span{font-size:30px;font-weight:300}.contact-link:hover{color:#cdbb96}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:115px;font-size:10px;color:#75816f}footer .brand{font-size:23px;color:#c1c6b9}footer .brand span{font-size:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:1600px){.hero-copy{left:12%}.card-scene{left:66%;width:650px}}
@media(max-width:900px){.hero-copy{top:21%;left:6%}.hero-copy h1{font-size:38px}.card-scene{left:69%;width:49vw;top:56%}.intro-columns{gap:40px}.finish-layout{gap:5%;grid-template-columns:1.2fr 1fr}.finish-preview{min-height:320px}.finish-controls h3{font-size:26px}.swatches{gap:18px 8px}.swatch span{font-size:9px}.experience-layout{gap:5%}.identity-art{min-height:280px}.contact-link{min-width:260px}}
@media(max-width:600px){.page-width{width:88%}.site-header{height:75px}.brand{font-size:23px}.brand span{font-size:9px;margin-left:9px}.site-header nav{gap:17px;font-size:10px;letter-spacing:0}.header-contact{padding:10px 12px}.header-contact span{margin-left:8px}.card-story{height:250svh}.story-stage{min-height:640px}.hero-copy{left:8%;top:17%;right:8%}.hero-copy h1{font-size:32px;line-height:1.7;margin-bottom:15px}.hero-copy .eyebrow{margin-bottom:18px;font-size:8px}.hero-description{font-size:11px;line-height:2}.card-scene{left:50%;top:63%;width:82vw;max-width:490px;perspective:1000px}.card-person{font-size:9px}.card-role{font-size:5px}.card-face{border-radius:11px}.story-bottom{left:8%;right:8%;bottom:25px;display:block}.scroll-cue{font-size:8px;gap:12px;min-height:35px}.scroll-track{height:26px}.story-meta{justify-content:space-between;margin-top:15px;font-size:7px;gap:10px}.progress-track{width:45px;flex:1;max-width:65px}.visual-note{font-size:7px}.motion-toggle{top:88px;right:6%;font-size:8px}.engrave-copy{top:18%;padding:0 6%}.engrave-copy h2{font-size:27px;letter-spacing:.06em}.engrave-copy .eyebrow{font-size:8px}.engrave-copy>p:last-child{font-size:10px}.intro-section{padding:75px 0 85px}.eyebrow{font-size:8px;margin-bottom:22px}.intro-columns{grid-template-columns:1fr;gap:30px}.intro-columns h2{font-size:34px}.intro-columns p,.section-copy{font-size:12px;line-height:2.3;margin-bottom:15px}.finish-section{padding:75px 0}.section-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:25px}.section-heading h2{font-size:33px}.section-heading>p{font-size:11px;margin:0;line-height:2}.section-heading .eyebrow{margin-bottom:15px}.finish-layout{grid-template-columns:1fr;gap:35px}.finish-preview{min-height:265px;margin:0 -3%}.sample-card-wrap{width:85%}.preview-caption{font-size:7px;left:3%}.finish-controls{padding-top:10px}.finish-number{font-size:9px;margin-bottom:12px}.finish-controls h3{font-size:27px}.finish-en{font-size:8px;margin-bottom:18px}.finish-description{font-size:12px;min-height:0}.swatches{grid-template-columns:repeat(3,1fr);gap:22px 15px;margin:28px 0}.swatch{gap:12px}.swatch i{width:33px;height:33px}.swatch span{font-size:10px}.fine-print{font-size:9px;line-height:2.1}.identity-section{padding:75px 0}.identity-grid{grid-template-columns:1fr}.identity-art{min-height:230px;gap:25px}.identity-art+div{border-left:0;border-top:1px solid var(--line)}.identity-art svg{height:110px}.identity-word svg{width:65%;height:auto}.identity-art span{font-size:8px}.experience-section{padding:75px 0}.experience-layout{grid-template-columns:1fr;gap:35px}.experience-section h2{font-size:34px}.phone-scene{min-height:550px}.phone{width:250px;min-height:510px;transform:rotate(5deg)}.detail-section{padding:70px 0}.detail-grid{grid-template-columns:1fr}.detail-grid details{padding:23px 0}.detail-grid summary{font-size:12px}.detail-grid details p{font-size:11px}.contact-section{padding:70px 0 80px}.contact-section h2{font-size:43px;margin-bottom:28px}.contact-bottom{align-items:start;flex-direction:column;gap:20px}.contact-bottom p{font-size:11px}.contact-link{width:100%;min-width:0;font-size:13px}footer{flex-wrap:wrap;gap:20px;padding:30px 0;font-size:9px;min-height:120px}footer .brand{font-size:21px}footer>span{width:100%}}
@media(max-width:360px){.site-header nav{gap:12px}.site-header .brand span{display:none}.hero-copy h1{font-size:28px}.hero-copy{top:18%}.hero-description{font-size:10px}.card-scene{top:62%}.swatch span{font-size:9px}.engrave-copy h2{font-size:24px}.visual-note{font-size:6px}}
@media(max-height:720px) and (min-width:601px){.hero-copy{top:24%}.hero-copy h1{font-size:38px}.card-scene{width:42vw;max-width:570px}.engrave-copy{top:15%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card-story{height:100svh;min-height:700px}.story-stage{position:relative;height:100%;min-height:700px}.metal-card{will-change:auto}.hero-copy{will-change:auto}.card-scene{will-change:auto}.scroll-track:after{animation:none}.engraving{clip-path:none}.laser-line{display:none}.motion-toggle{display:none}.engrave-copy{display:none}.nfc-invite-arrow{transition:none}}

/* Generated studio metal photograph adds real hairline detail beneath live light. */
.card-front:before{content:'';position:absolute;inset:0;background-image:url('assets/nfc/silver-metal.webp');background-size:110% 123%;background-position:center;mix-blend-mode:overlay;opacity:.7;pointer-events:none}.metal-card[data-finish^=matte] .card-front:before{opacity:.025}.metal-card[data-finish=white] .card-front:before{opacity:.14}.card-front .card-brush{opacity:calc(var(--brush-opacity) * .5)}