:root{color-scheme:dark;--bg:#101010;--card:#1a1a1a;--line:#30302d;--ink:#f2f0e9;--muted:#a2a19b;--accent:#ff713f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font:14px/1.5 Arial,"Segoe UI",sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}img{display:block;max-width:100%}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;top:-100px;left:20px;background:var(--accent);color:#111;padding:12px;z-index:99}.skip:focus{top:10px}::selection{background:var(--accent);color:#111}.page{max-width:1150px;padding:0 40px;margin:auto}.site-header{height:105px;display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line)}.logo img{width:82px;height:auto}.studio-label{font:9px monospace;letter-spacing:2px;color:#a3a29b}.site-header>.circle{margin-left:auto}.circle{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid #ffffff26;background:#18181855;transition:background .2s}.circle:hover{background:#ffffff20}.circle svg{width:18px;height:18px}main{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1fr);gap:68px;padding:38px 0 45px;align-items:start}.profile{border:1px solid #36332e;border-radius:19px;overflow:hidden;position:sticky;top:24px;background:#171716;box-shadow:0 22px 80px #0003}.portrait{height:435px;position:relative;overflow:hidden;isolation:isolate}.portrait-image{width:100%;height:100%;object-fit:cover;object-position:center 28%;transform:scale(1.03);will-change:transform;animation:portrait-drift 16s ease-in-out infinite alternate}.portrait-shade{position:absolute;inset:0;background:linear-gradient(180deg,#06060670,transparent 24%,#0b0b0b26 42%,#101010eb 100%)}.portrait-top{position:absolute;top:23px;left:23px;right:23px;display:flex;align-items:center;justify-content:space-between}.pill{display:flex;gap:8px;align-items:center;border:1px solid #ffffff42;border-radius:30px;padding:7px 10px;font:8px monospace;letter-spacing:1.3px;background:#1117;backdrop-filter:blur(6px)}.pill i{width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px #ff704f}.profile-index{font:9px monospace;letter-spacing:1px;color:#d9d1c5}.vertical-note{position:absolute;right:20px;top:100px;writing-mode:vertical-rl;font:8px monospace;letter-spacing:3px;color:#ffffffa0}.frame-corner{position:absolute;width:24px;height:24px;border-color:#ffffff40;border-style:solid}.top-left{top:77px;left:23px;border-width:1px 0 0 1px}.bottom-right{bottom:32px;right:23px;border-width:0 1px 1px 0}.profile-name{position:absolute;left:26px;right:23px;bottom:34px}.eyebrow{font:9px/1.4 monospace;letter-spacing:1.6px;color:var(--accent)}h1{font-size:48px;line-height:1.06;letter-spacing:-2px;margin:12px 0 13px;font-weight:600}h1>span{color:var(--accent)}.profile-name p{font-size:11px;color:#d5d2ca;margin:0}.profile-name b{color:var(--accent);padding:0 9px;font-weight:400}.photo-note{position:absolute;right:22px;bottom:12px;font:8px monospace;color:#b1aaa0}.profile-body{padding:22px 25px 23px}.hello{font-size:18px;line-height:1.45;letter-spacing:-.3px;margin:0 0 21px}.hello em{font-style:normal;color:#b2afa6}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.contact-grid a,.contact-grid button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:72px;border:1px solid #363633;border-radius:11px;background:#20201e;transition:transform .2s,background .2s,border-color .2s}.contact-grid a:hover,.contact-grid button:hover{transform:translateY(-3px);border-color:#ff714f77;background:#30231e}.contact-grid span{font-size:9px;color:#c2c0b9}.contact-grid small{position:absolute;bottom:-14px;white-space:nowrap;font-size:7px;color:#77746d}.contact-grid svg{width:21px;height:21px}.contact-grid #facebook-link{opacity:.65}.save-row{display:flex;gap:8px;margin-top:26px}.save-contact{display:flex;flex:1;gap:11px;justify-content:center;align-items:center;border:1px solid #ff865a;background:var(--accent);color:#17100d;border-radius:9px;min-height:48px;font-size:12px;font-weight:600;transition:background .2s}.save-contact:hover{background:#ff8c64}.save-contact svg{width:17px;height:17px}.qr-button{display:grid;place-items:center;width:49px;border:1px solid #44413a;border-radius:9px;background:#23231f}.qr-button:hover{color:var(--accent)}.contact-details{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;margin-top:15px;font-size:9px;color:#96958d}.contact-details a{padding:4px 0}.showcase{padding-top:10px;min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:22px}.section-heading h2{font-size:46px;line-height:1.1;letter-spacing:-2.3px;font-weight:500;margin:8px 0 0}.section-heading h2>span{font-size:30px;color:var(--accent);padding-left:18px;display:inline-block}.service-counter{display:flex;align-items:baseline;gap:8px;font:11px monospace;padding-bottom:4px}.service-counter b{font-size:25px;font-weight:400}.service-counter>span{color:#76756f}.camera{background:#181817;border:1px solid #3a3832;border-radius:16px;overflow:hidden}.viewfinder{height:325px;position:relative;isolation:isolate;overflow:hidden;margin:9px;border-radius:9px;background:#24221d}.service-image{width:100%;height:100%;object-fit:cover;transition:opacity .2s,transform .45s,filter .25s}.viewfinder.is-changing .service-image{opacity:0;transform:scale(1.07);filter:blur(5px)}.image-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0007,transparent 30%,#0001 48%,#000d)}.viewfinder-meta{position:absolute;left:18px;top:17px;display:flex;align-items:center;gap:7px;font:8px monospace;letter-spacing:1.4px}.viewfinder-meta>i{width:4px;height:4px;border-radius:50%;background:var(--accent)}.view-expand{position:absolute;top:14px;right:14px;width:32px;height:32px;background:#1116;backdrop-filter:blur(7px)}.view-expand svg{width:16px;height:16px}.image-title{position:absolute;bottom:22px;left:21px;right:21px;transition:opacity .2s,transform .2s}.is-changing .image-title{opacity:0;transform:translateY(5px)}.image-title>span{font-size:8px;color:#b4b0a7;letter-spacing:.3px}.image-title h3{font-size:28px;line-height:1.1;letter-spacing:-1px;font-weight:500;margin:9px 0 0;max-width:320px}.focus-mark{position:absolute;width:15px;height:15px;border:1px solid #ffffff50}.focus-tl{left:15px;top:52px;border-width:1px 0 0 1px}.focus-tr{right:15px;top:52px;border-width:1px 1px 0 0}.focus-bl{left:15px;bottom:15px;border-width:0 0 1px 1px}.focus-br{right:15px;bottom:15px;border-width:0 1px 1px 0}.selector-area{position:relative;background:linear-gradient(#181817,#121211);padding-bottom:17px}.dial-window{position:relative;height:166px;overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;isolation:isolate}.dial-window.dragging{cursor:grabbing}.dial-disc{width:480px;height:480px;position:absolute;top:17px;left:50%;margin-left:-240px;transform-origin:240px 240px;will-change:transform}.dial-scale{position:absolute;inset:0;width:100%;height:100%;stroke:#706c61;stroke-width:1;overflow:visible}.dial-scale>circle{stroke:#565147;stroke-width:.5}.dial-scale .inner-ring{stroke:#39362f}.dial-scale .major-tick{stroke:#c1bdb2;stroke-width:2}.dial-pointer{position:absolute;z-index:5;width:2px;height:35px;background:var(--accent);left:calc(50% - 1px);top:13px;box-shadow:0 0 12px #ff713f66;pointer-events:none}.dial-pointer:before{content:"";position:absolute;top:-1px;left:-3px;width:8px;height:5px;background:var(--accent);clip-path:polygon(0 0,100% 0,50% 100%)}.dial-item{position:absolute;width:142px;height:64px;left:169px;top:47px;transform-origin:71px 193px;transform:rotate(var(--angle));display:flex;align-items:center;flex-direction:column;gap:6px;justify-content:flex-start;padding:0;color:#99958a;transition:color .18s}.dial-number{font:17px/1.3 monospace;letter-spacing:1px}.dial-label{font-size:9px;letter-spacing:.4px;white-space:nowrap}.dial-item[aria-selected="true"]{color:var(--accent)}.dial-item[aria-selected="true"] .dial-number{font-weight:700}.dial-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;color:#545047;pointer-events:none}.dial-hub span{font-size:45px;letter-spacing:-3px}.dial-hub small{display:block;font:8px monospace;letter-spacing:2px}.dial-fade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#161615,transparent 13%,transparent 87%,#161615),linear-gradient(0deg,#141413,transparent 40%);z-index:4}.wheel-bottom{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 20px;margin-top:-12px}.wheel-arrow{display:grid;place-items:center;width:35px;height:35px;border:1px solid #444039;border-radius:50%;color:#a09b8f;background:#1b1b19}.wheel-arrow:hover{border-color:var(--accent);color:var(--accent)}.wheel-arrow svg{width:15px;height:15px}.prev svg{transform:rotate(180deg)}.dial-readout{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--accent)}.readout-dot{width:4px;height:4px;background:var(--accent);border-radius:50%}.dial-readout small{font:8px monospace;color:#7c796f;padding-left:5px}.wheel-hint{text-align:center;font-size:9px;color:#858176;margin:12px 0 0}.wheel-hint>span{font-size:15px;margin-right:5px}.service-description{padding:20px 0 26px;border-bottom:1px solid var(--line)}.service-description>p{font-size:14px;color:#c7c4bb;margin:0 0 13px;min-height:21px}.tags{display:flex;flex-wrap:wrap;gap:5px}.tags>span{border:1px solid #3c3932;border-radius:4px;padding:5px 8px;font-size:9px;color:#a09b90}.service-description>button{display:flex;align-items:center;gap:9px;padding:0;min-height:38px;margin-top:11px;color:var(--accent);font-size:11px}.service-description>button svg{width:14px}.creative-note{display:flex;align-items:center;gap:17px;padding:24px 0}.star{font-size:40px;line-height:1;color:var(--accent);animation:star-spin 25s linear infinite}.creative-note h3{font-size:15px;font-weight:500;margin:0 0 3px}.creative-note p{font-size:10px;color:#929087;margin:0}.creative-note>a{margin-left:auto;color:#b1aca1}.website{display:flex;align-items:center;justify-content:space-between;padding:17px 0 4px;border-top:1px solid var(--line);font-size:12px}.website>span:last-child{display:flex;align-items:center;gap:7px;font-size:9px;color:#a39e91}.website svg{width:12px;height:12px}footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding:20px 0 25px;font:8px monospace;letter-spacing:1px;color:#7c796f}dialog{padding:0;width:min(580px,calc(100% - 28px));max-height:90dvh;overflow:auto;border:1px solid #4e473b;border-radius:16px;background:#1a1916;color:var(--ink);overscroll-behavior:contain}dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}.close-dialog{position:absolute;right:15px;top:15px;z-index:5;background:#111c;backdrop-filter:blur(8px)}.service-dialog>img{width:100%;height:310px;object-fit:cover}.modal-copy{padding:28px}.modal-copy h2{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:10px 0 10px}.modal-copy>p{color:var(--muted);font-size:13px}.modal-copy ul{padding:0;margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none}.modal-copy li{font-size:12px;color:#d0cbbf;display:flex;gap:8px}.modal-copy li:before{content:"+";color:var(--accent)}.orange-button{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:9px;background:var(--accent);color:#15110e;padding:14px;font-size:12px;font-weight:600}.orange-button svg{width:17px;height:17px}.qr-dialog{width:min(370px,calc(100% - 28px));padding:38px 25px 25px;text-align:center}.qr-dialog h2{font-size:25px;margin:12px 0 20px}.qr-image{background:#fff;padding:8px;border-radius:8px;margin:auto}.draft-note{color:#a9a293;font-size:11px;line-height:1.7;margin:18px 0}.plain-button{width:100%;min-height:44px;font-size:11px;color:#c9c0ae;margin-top:5px}.toast{position:fixed;z-index:99;bottom:26px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#eee9dd;color:#15120d;border-radius:8px;padding:13px 20px;max-width:calc(100% - 30px);font-size:12px;transition:opacity .2s,transform .2s;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.motion-paused *{animation-play-state:paused!important}.motion-paused .service-image,.motion-paused .image-title{transition:none}
@keyframes portrait-drift{from{transform:scale(1.03) translateY(0)}to{transform:scale(1.09) translateY(-5px)}}@keyframes star-spin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.page{padding:0 30px}main{gap:35px}.portrait{height:410px}h1{font-size:43px}.profile-body{padding:22px}.section-heading h2{font-size:40px}.viewfinder{height:300px}.contact-grid{gap:5px}.contact-grid span{font-size:8px}.image-title h3{font-size:25px}}
@media(max-width:720px){.page{max-width:520px;padding:0 18px}.site-header{height:78px;gap:16px}.logo img{width:71px}.studio-label{font-size:7px;letter-spacing:1.2px;max-width:135px;line-height:1.6}.site-header>.circle{width:34px;height:34px}.site-header>.circle svg{width:14px}main{display:block;padding:21px 0 29px}.profile{position:static;border-radius:16px}.portrait{height:420px}.profile-name{left:24px;bottom:34px}h1{font-size:47px}.profile-body{padding:23px}.hello{font-size:19px}.contact-grid{gap:8px}.contact-grid span{font-size:9px}.contact-grid a,.contact-grid button{min-height:72px}.contact-details{font-size:9px}.showcase{padding-top:42px}.section-heading h2{font-size:40px;letter-spacing:-1.8px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.viewfinder{height:300px;margin:7px}.image-title{left:20px;bottom:22px}.image-title h3{font-size:27px}.dial-window{height:156px}.dial-disc{width:440px;height:440px;left:50%;margin-left:-220px;top:17px;transform-origin:220px 220px}.dial-item{left:149px;top:43px;transform-origin:71px 177px}.dial-number{font-size:16px}.dial-label{font-size:8px}.wheel-bottom{padding:0 18px;margin-top:-10px}.wheel-hint{font-size:8px}.service-description{padding-top:19px}.service-description>p{font-size:13px}.service-dialog>img{height:240px}.modal-copy{padding:24px}.modal-copy h2{font-size:27px}.modal-copy ul{gap:10px;grid-template-columns:1fr}.creative-note{padding:24px 0}.website{padding-top:18px}footer{font-size:7px;letter-spacing:.7px}}
@media(max-width:360px){.page{padding:0 13px}.portrait{height:390px}h1{font-size:42px}.profile-body{padding:19px}.contact-grid{gap:5px}.contact-grid a,.contact-grid button{min-height:66px}.section-heading h2{font-size:36px}.viewfinder{height:275px}.dial-label{font-size:7.5px}.wheel-hint{font-size:7.5px}.contact-details{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}