/* FAIN / Field Notes. Native WordPress forms, original architectural artwork. */
body.fain-login{--ink:#19283a;--muted:#707d87;--mint:#b5eddb;--line:#e0e6e8;background:#f8faf9;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","Microsoft JhengHei",sans-serif;font-size:14px;min-width:0}
.fain-login *{box-sizing:border-box}.fain-login [hidden]{display:none!important}.fain-auth-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);min-height:100vh;min-height:100svh;padding:18px;gap:18px}.fain-auth-story{position:relative;display:flex;flex-direction:column;isolation:isolate;overflow:hidden;border-radius:18px;background:linear-gradient(145deg,#132437 5%,#1c3446 64%,#294953);color:#fff;padding:clamp(28px,3.8vw,64px);min-height:760px}.fain-story-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#a1e5db0a 1px,transparent 1px),linear-gradient(90deg,#a1e5db0a 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,transparent,#000 40%,#000)}.fain-auth-story:after{content:"";position:absolute;z-index:-1;width:550px;height:550px;right:-300px;top:130px;border:1px solid #b5eddb12;box-shadow:0 0 0 70px #b5eddb04,0 0 0 140px #b5eddb03;border-radius:50%}.fain-story-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.fain-brand{display:inline-flex;align-items:center;gap:13px;text-decoration:none;color:#fff;line-height:1}.fain-brand>span:last-child{font-size:27px;font-weight:650;letter-spacing:4px}.fain-brand small{display:block;font-size:10px;letter-spacing:3px;font-weight:400;color:#d6e5e6;margin-top:9px}.fain-mark{display:flex;align-items:flex-start;gap:4px;transform:skewY(-10deg)}.fain-mark i{display:block;background:var(--mint);width:7px;border-radius:2px;height:33px}.fain-mark i:nth-child(2){height:24px}.fain-mark i:nth-child(3){height:15px}.fain-studio-tag{font-size:9px;letter-spacing:2px;color:#c4d5d9;writing-mode:horizontal-tb}.fain-story-copy{margin-top:clamp(36px,6vh,68px);position:relative;z-index:2}.fain-eyebrow{font-size:10px;font-weight:550;letter-spacing:2.2px;line-height:1.6}.fain-story-copy>.fain-eyebrow{color:#b5eddb;margin:0 0 21px}.fain-story-copy>.fain-eyebrow span{width:6px;height:6px;background:var(--mint);border-radius:50%;display:inline-block;margin-right:7px;box-shadow:0 0 0 4px #b5eddb14}.fain-story-copy h2{font-size:clamp(36px,3.25vw,54px);line-height:1.3;font-weight:500;letter-spacing:-1.6px;margin:0}.fain-story-copy h2 em{font-style:normal;color:#b5eddb;white-space:nowrap}.fain-story-copy>p:last-child{font-size:13px;line-height:1.95;color:#b9cbd2;margin:23px 0 0;letter-spacing:.3px}.fain-report-art{height:320px;flex:1;min-height:285px;max-height:430px;position:relative;margin:8px -22px 10px;perspective:1100px}.fain-building{position:absolute;width:115%;height:110%;left:-5%;top:-4%;opacity:.7}.fain-orbit{position:absolute;left:50%;top:52%;width:350px;height:350px;border:1px solid #c2efe414;border-radius:50%;transform:translate(-50%,-50%) rotateX(62deg)}.fain-orbit-two{width:480px;height:480px}.fain-photo-card{position:absolute;left:12%;top:24%;width:194px;height:213px;background:#cee0df;border:7px solid #f3f7f4;border-radius:5px;transform:rotate(-13deg);box-shadow:0 18px 50px #07142144;overflow:hidden;animation:fain-photo-float 9s ease-in-out infinite}.fain-photo-label{display:block;font-size:8px;letter-spacing:1px;color:#fff;position:absolute;top:11px;left:12px;z-index:2}.fain-site-drawing{height:152px;position:relative;overflow:hidden;background:linear-gradient(145deg,#688c95,#9eb8b8 55%,#b9cecb)}.fain-site-drawing:before{content:"";position:absolute;width:100px;height:135px;top:24px;left:18px;transform:skewY(-20deg);background:repeating-linear-gradient(0deg,transparent 0 23px,#5f7f8655 24px 25px),repeating-linear-gradient(90deg,#dce5de 0 20px,#adc7c4 21px 24px);border:1px solid #ecf1e6}.fain-site-drawing:after{content:"";position:absolute;width:63px;height:135px;top:22px;left:118px;transform:skewY(27deg);background:repeating-linear-gradient(0deg,#6c8c91 0 23px,#405f6755 24px 25px);border:1px solid #719299}.fain-image-note{display:block;color:#36525a;font-size:9px;letter-spacing:.6px;padding:12px 6px}.fain-scan-line{position:absolute;top:20px;left:0;width:100%;height:1px;background:#d9ffe9;box-shadow:0 -14px 24px 4px #a7ffd54d;animation:fain-scan 7s ease-in-out infinite;z-index:3}.fain-document-card{position:absolute;right:13%;top:8%;width:214px;background:#f9fbf7;border-radius:5px;padding:20px 18px 14px;color:#203c43;transform:rotate(9deg);box-shadow:-8px 8px 0 -3px #e4eee9,0 28px 65px #061a2566;animation:fain-document-float 9s ease-in-out infinite}.fain-document-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #d6dfdc;margin-bottom:13px}.fain-document-top b{font-size:12px;letter-spacing:2px}.fain-document-top span{font-size:5px;letter-spacing:1px;color:#6d8385}.fain-document-card>strong{font-weight:650;letter-spacing:2px;font-size:13px}.fain-doc-sub{font-size:7px;color:#7a8d90;letter-spacing:.6px;margin:7px 0 10px}.fain-doc-row{display:flex;gap:9px;border-top:1px solid #e3e9e5;padding:9px 0;align-items:center}.fain-doc-thumb{width:62px;height:42px;flex-shrink:0;position:relative;overflow:hidden;background:linear-gradient(145deg,#acc2c0,#e2e9de)}.fain-doc-thumb:after{content:"";position:absolute;inset:12px 8px -9px;background:repeating-linear-gradient(0deg,transparent 0 6px,#43666d33 7px 8px),repeating-linear-gradient(90deg,#77999d 0 8px,#496e7477 9px 11px);transform:skewY(-14deg)}.fain-doc-row:nth-of-type(5) .fain-doc-thumb{background:#d4dcd4}.fain-doc-row:nth-of-type(5) .fain-doc-thumb:after{transform:skewY(16deg)}.fain-doc-row span{flex:1}.fain-doc-row b{font-size:7px;font-weight:500;display:block}.fain-doc-row i{display:block;width:88%;height:2px;background:#dae3de;margin-top:6px}.fain-doc-row i:last-child{width:58%}.fain-doc-end{display:flex;justify-content:space-between;border-top:1px solid #cad8d0;padding-top:10px;font-size:6px;color:#738b87;letter-spacing:.4px}.fain-art-chip{position:absolute;bottom:8%;left:8%;display:flex;align-items:center;gap:10px;padding:13px 17px;border:1px solid #dafef133;border-radius:12px;background:#274a54d9;backdrop-filter:blur(12px);box-shadow:0 8px 32px #10242d55;transform:rotate(-3deg);font-size:11px;letter-spacing:.3px;animation:fain-chip-float 9s ease-in-out infinite}.fain-art-chip>span{display:grid;place-items:center;width:29px;height:29px;color:#d4f8df;border:1px solid #b5eddb44;border-radius:50%}.fain-art-chip small{font-size:8px;color:#b9d9d4;display:block;margin-top:5px}.fain-art-coordinate{position:absolute;right:0;bottom:0;writing-mode:vertical-rl;font-size:7px;letter-spacing:2px;color:#99b8bb}.fain-story-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #ffffff20;padding-top:22px;margin-top:auto}.fain-story-bottom ol{display:flex;list-style:none;gap:22px;margin:0;padding:0}.fain-story-bottom li{font-size:10px;color:#dde9e8;white-space:nowrap}.fain-story-bottom li span{color:#91b8b7;font-size:8px;margin-right:5px}.fain-motion-toggle{border:0;background:none;color:#bed7d8;cursor:pointer;font:inherit;font-size:9px;white-space:nowrap;padding:8px 0}.fain-motion-toggle:hover{color:#fff}.fain-auth-main{min-width:0;display:flex;flex-direction:column;position:relative;align-items:center;padding:25px clamp(26px,5vw,90px) 18px}.fain-auth-top{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;font-size:9px;letter-spacing:1.5px;color:#89969e;margin-bottom:35px}.fain-auth-top>span:last-child{letter-spacing:1px;color:#60777c;white-space:nowrap}.fain-auth-top i{display:inline-block;width:5px;height:5px;background:#5b9684;border-radius:50%;margin-right:6px}.fain-login #login{padding:0;width:min(100%,390px);margin:auto 0 0}.fain-login #login h1 a{background:none;text-indent:0;width:auto;height:auto;line-height:1.3;font-size:15px;letter-spacing:2px;color:#31464e;font-weight:650;text-align:left;margin:0 0 37px;padding:0;box-shadow:none}.fain-login #login h1 a:before{content:"";display:inline-block;width:12px;height:18px;background:linear-gradient(90deg,#4c9181 0 33%,transparent 33% 43%,#8dc1af 43% 70%,transparent 70% 80%,#b2d9c8 80%);margin-right:10px;vertical-align:-3px;transform:skewY(-12deg)}.fain-login-intro .fain-eyebrow{color:#7c8d90;letter-spacing:1.6px;font-size:8px;margin:0 0 12px}.fain-login-intro h2{font-size:35px;line-height:1.35;color:#1f303e;letter-spacing:-1px;font-weight:600;margin:0 0 13px}.fain-login-intro>p:last-child{font-size:12px;line-height:1.85;color:#74828b;margin:0 0 29px}.fain-login #login form{margin:0;padding:0;background:transparent;border:0;box-shadow:none;overflow:visible}.fain-login #login label{font-size:12px;font-weight:550;color:#455660;margin-bottom:9px;line-height:1.5;display:inline-block}.fain-login #login input[type=text],.fain-login #login input[type=password],.fain-login #login input[type=email]{height:53px;width:100%;border:1px solid #dce3e3;border-radius:8px;background:#fff;box-shadow:0 2px 3px #172a3303;color:#1e303b;font:inherit;font-size:16px;padding:12px 15px;margin:0 0 21px;transition:border-color .2s,box-shadow .2s}.fain-login #login input:focus{border-color:#639d8d;box-shadow:0 0 0 3px #85bca526;outline:none}.fain-login #login .wp-pwd input{padding-right:50px}.fain-login #login .wp-hide-pw{height:53px;width:48px;top:0;color:#7a8c92;box-shadow:none}.fain-login #login .wp-hide-pw:hover{color:#245b52}.fain-login #login .wp-hide-pw .dashicons{width:20px;height:20px;line-height:1;font-size:20px}.fain-login #login input[type=checkbox]{width:16px;height:16px;border:1px solid #bfcfc8;border-radius:4px;box-shadow:none;background:#fff;margin-right:7px}.fain-login #login input[type=checkbox]:checked:before{color:#2f6b5d;width:18px;height:18px;margin:-2px -2px}.fain-login #login .forgetmenot{float:none;margin:0 0 21px}.fain-login #login .forgetmenot label{font-weight:400;font-size:12px;margin:0;color:#6d7e85}.fain-login #login .submit{margin:0;float:none;clear:both}.fain-login #login #wp-submit{display:block;width:100%;float:none;border:1px solid #1b383c;border-radius:8px;background:#1c383d;color:#fff;font-family:inherit;font-size:14px;font-weight:550;letter-spacing:2px;height:51px;line-height:49px;padding:0 22px;text-shadow:none;box-shadow:0 5px 12px #173a3e0f;transition:background .2s,transform .2s,box-shadow .2s;cursor:pointer}.fain-login #login #wp-submit:hover{background:#2b504f;border-color:#2b504f;transform:translateY(-1px);box-shadow:0 7px 18px #173a3e20}.fain-login #login #wp-submit:active{transform:translateY(0)}.fain-login #login #nav{margin:21px 0 0;padding:0;text-align:center;font-size:12px;line-height:1.8}.fain-login #login #nav a{color:#426d64;text-decoration:none}.fain-login #login #nav a:hover{text-decoration:underline}.fain-login #backtoblog{margin:16px 0 0!important;padding:0!important;text-align:center;font-size:11px!important}.fain-login #backtoblog a{color:#829196!important}.fain-login .language-switcher{margin:24px 0 0;padding:0;width:min(100%,390px)}.fain-login #language-switcher{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;font-size:11px}.fain-login .language-switcher label{font-size:0;margin:0}.fain-login .language-switcher .dashicons{font-size:16px;line-height:20px;color:#849294}.fain-login .language-switcher select{font-size:11px;height:34px;min-height:34px;max-width:200px;border-color:#dce3e3;background-color:transparent;color:#74838a;border-radius:6px;padding-left:10px}.fain-login .language-switcher .button{font-size:11px;height:34px;min-height:34px;line-height:32px;color:#5c7c73;background:none;border-color:#dce3e3;border-radius:6px;margin:0;padding:0 12px}.fain-access-note{margin:26px 0 auto;padding-top:22px;width:min(100%,390px);border-top:1px solid #e6ebea;text-align:center;font-size:10px;line-height:1.8;color:#859193}.fain-access-note span{margin-right:4px;color:#608c80}.fain-auth-footer{width:100%;display:flex;justify-content:space-between;gap:15px;margin-top:45px;padding-top:10px;color:#929c9e;font-size:9px;letter-spacing:1px}.fain-login .message,.fain-login #login_error,.fain-login .success{background:#edf4f0;border:1px solid #d0e4d9;border-left:3px solid #5e9b7f;border-radius:7px;color:#385c51;box-shadow:none;font-size:12px;line-height:1.8;padding:13px 15px;margin:0 0 22px}.fain-login #login_error{background:#fff3ef;border-color:#f2dbd3;border-left-color:#bb6b52;color:#824b3b}.fain-login #login_error a,.fain-login .message a{color:inherit}.fain-login .fain-caps-hint{color:#936b2d;background:#faf4e7;border-radius:5px;padding:8px 10px;font-size:11px;margin:-12px 0 18px}.fain-login #pass-strength-result{margin:0 0 16px;border-radius:5px;font-size:12px}.fain-login .description,.fain-login .indicator-hint{font-size:12px;line-height:1.7;margin:12px 0 20px}.fain-login .wp-generate-pw{margin-bottom:16px}.fain-login .privacy-policy-page-link{font-size:11px;margin:18px 0 0}.fain-skip{position:fixed;left:20px;top:-100px;background:#fff;color:#153c40;padding:12px 18px;border:2px solid #3a8a76;border-radius:7px;z-index:100}.fain-skip:focus{top:15px}.fain-login a:focus-visible,.fain-login button:focus-visible,.fain-login select:focus-visible,.fain-login #wp-submit:focus-visible{outline:3px solid #78b5a4;outline-offset:4px;box-shadow:none}.fain-motion-paused .fain-report-art *{animation-play-state:paused!important}
@keyframes fain-photo-float{0%,100%{transform:translateY(0) rotate(-13deg)}50%{transform:translateY(-9px) rotate(-10deg)}}@keyframes fain-document-float{0%,100%{transform:translateY(0) rotate(9deg)}50%{transform:translateY(8px) rotate(7deg)}}@keyframes fain-chip-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(6px) rotate(-1deg)}}@keyframes fain-scan{0%,15%{transform:translateY(0);opacity:0}25%{opacity:.9}70%{transform:translateY(125px);opacity:.7}80%,100%{transform:translateY(125px);opacity:0}}
@media(min-width:1600px){.fain-auth-shell{max-width:1800px;margin:auto}.fain-report-art{max-width:570px;width:100%;align-self:center}.fain-story-copy h2{font-size:58px}}
@media(max-width:1100px){.fain-auth-story{padding:32px;min-height:730px}.fain-studio-tag{display:none}.fain-story-copy h2{font-size:39px}.fain-photo-card{left:5%;width:170px}.fain-document-card{right:5%;width:199px}.fain-story-bottom ol{gap:10px}.fain-auth-main{padding:24px 30px 14px}.fain-auth-top{font-size:8px;letter-spacing:1px}.fain-story-bottom{gap:5px}.fain-story-bottom li{font-size:9px}}
@media(max-width:760px){.fain-auth-shell{display:flex;flex-direction:column;gap:0;padding:10px;min-height:100svh}.fain-auth-story{min-height:0;border-radius:14px;padding:24px 26px 26px}.fain-story-top{position:relative;z-index:2}.fain-brand>span:last-child{font-size:22px}.fain-brand small{font-size:8px;margin-top:6px}.fain-mark i{height:27px;width:6px}.fain-mark i:nth-child(2){height:20px}.fain-mark i:nth-child(3){height:13px}.fain-studio-tag{display:block;font-size:7px;letter-spacing:1px}.fain-story-copy{margin-top:25px}.fain-story-copy>.fain-eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:12px}.fain-story-copy h2{font-size:30px;line-height:1.4;letter-spacing:-.5px}.fain-story-copy h2 br{display:none}.fain-story-copy h2 em{display:block}.fain-story-copy>p:last-child{margin-top:12px;font-size:11px;line-height:1.8}.fain-report-art{position:absolute;right:-46px;bottom:1px;left:auto;top:auto;width:220px;height:240px;min-height:0;max-height:none;opacity:.23;z-index:-1;margin:0;transform:rotate(-10deg)}.fain-building{width:145%;height:145%;left:-30%;top:-30%}.fain-photo-card,.fain-orbit,.fain-art-chip,.fain-art-coordinate{display:none}.fain-document-card{width:158px;right:0;top:10%;padding:15px;transform:rotate(10deg);animation:none}.fain-story-bottom{border:0;padding:0;margin:20px 0 0;position:relative;z-index:2}.fain-story-bottom ol{gap:19px}.fain-story-bottom li{font-size:9px}.fain-motion-toggle{display:none!important}.fain-auth-main{padding:30px 22px 12px;flex:1}.fain-auth-top{display:none}.fain-login #login{margin:0;width:100%;max-width:420px}.fain-login #login h1 a{display:none}.fain-login-intro .fain-eyebrow{font-size:7px;letter-spacing:1.4px}.fain-login-intro h2{font-size:29px;margin-bottom:9px}.fain-login-intro>p:last-child{font-size:12px;margin-bottom:24px}.fain-login #login input[type=text],.fain-login #login input[type=password],.fain-login #login input[type=email]{margin-bottom:19px}.fain-login .language-switcher{margin-top:21px}.fain-access-note{font-size:10px;margin-top:22px;padding-top:18px}.fain-auth-footer{margin-top:33px;font-size:8px;letter-spacing:.4px}.fain-login.login-action-lostpassword .fain-story-copy>p:last-child,.fain-login.login-action-rp .fain-story-copy>p:last-child{display:none}.fain-login.login-action-lostpassword .fain-story-bottom,.fain-login.login-action-rp .fain-story-bottom{display:none}}
@media(max-width:360px){.fain-auth-story{padding:22px}.fain-story-copy h2{font-size:27px}.fain-studio-tag{display:none}.fain-story-bottom ol{gap:12px}.fain-auth-main{padding-left:17px;padding-right:17px}.fain-login-intro h2{font-size:27px}}
.fain-login.interim-login .fain-auth-story,.fain-login.interim-login .fain-auth-top,.fain-login.interim-login .fain-auth-footer,.fain-login.interim-login .fain-access-note{display:none}.fain-login.interim-login .fain-auth-shell{display:block;min-height:0;padding:0}.fain-login.interim-login .fain-auth-main{padding:25px}.fain-login.interim-login #login{margin:0;max-width:390px;width:100%}.fain-login.interim-login #login h1 a{margin-bottom:20px}.fain-login.interim-login .fain-login-intro h2{font-size:27px}.fain-login.interim-login .fain-login-intro .fain-eyebrow{display:none}
@media(prefers-reduced-motion:reduce){.fain-login *,.fain-login *:before,.fain-login *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.fain-motion-toggle{display:none!important}}

@media(max-width:760px){.fain-story-copy>p:last-child{display:none}.fain-story-copy{margin-top:20px}.fain-story-bottom{margin-top:16px}}

/* PhotoToReport wordmark proportions. */
.fain-brand{font-size:clamp(18px,2.1vw,27px);letter-spacing:-.6px}.fain-brand>span:last-child{white-space:nowrap}.fain-story-top{gap:12px;flex-wrap:wrap}.fain-document-top{gap:8px;flex-wrap:wrap}.fain-document-top b{font-size:10px;letter-spacing:-.2px}.fain-auth-footer{flex-wrap:wrap;gap:8px}