.grafbobby-page{--gb-paper: #f6f3eb;--gb-ink: #302e28;--gb-muted: #6f6a5f;--gb-line: #d9d2c5;--gb-olive: #77704f;background:var(--gb-paper);color:var(--gb-ink);min-height:100vh;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px;font-weight:400;line-height:1.6;letter-spacing:0;isolation:isolate;text-align:left;color-scheme:light}.grafbobby-page *,.grafbobby-page *:before,.grafbobby-page *:after{box-sizing:border-box}.grafbobby-page :is(h1,h2,h3,p,figure,dl,dd){margin:0}.grafbobby-page :is(h1,h2,h3){color:inherit;text-transform:none}.grafbobby-page a{color:inherit;text-decoration:none}.grafbobby-page button{font:inherit;color:inherit;cursor:pointer;text-transform:none;letter-spacing:inherit}.grafbobby-page a:focus-visible,.grafbobby-page button:focus-visible{outline:2px solid #686143;outline-offset:6px}.grafbobby-page a{transition:opacity .16s ease}.grafbobby-page a:hover{opacity:.66}.grafbobby-page img{display:block;max-width:100%}.grafbobby-page svg{flex-shrink:0}.grafbobby-page .gb-container{width:min(1376px,calc(100% - 112px));margin-inline:auto}.grafbobby-page .gb-utility{height:32px;display:flex;align-items:center;justify-content:space-between;padding-inline:28px;gap:16px;background:#77704f;color:#fffdf5;font-size:11px;letter-spacing:.06em}.grafbobby-page .gb-utility>div{display:flex;gap:24px}.grafbobby-page .gb-utility-dot{padding-inline:6px}.grafbobby-page .gb-header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--gb-line)}.grafbobby-page .gb-studio{display:flex;align-items:baseline;gap:9px;font-family:Georgia,Times New Roman,serif;font-size:30px;letter-spacing:-.07em}.grafbobby-page .gb-studio span{font-family:sans-serif;font-size:9px;letter-spacing:.15em}.grafbobby-page .gb-header-link,.grafbobby-page .gb-header-contact{display:flex;gap:22px;align-items:center;font-size:12px}.grafbobby-page .gb-intro{padding-top:62px}.grafbobby-page .gb-case-label{display:flex;justify-content:space-between;color:var(--gb-muted);font-size:11px;letter-spacing:.13em}.grafbobby-page .gb-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding-top:22px;padding-bottom:32px}.grafbobby-page h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(72px,10.6vw,160px);font-weight:400;line-height:1.04;letter-spacing:-.065em}.grafbobby-page .gb-title-period{color:var(--gb-olive)}.grafbobby-page .gb-intro-caption{padding-bottom:11px;font-size:clamp(14px,1.35vw,20px);line-height:1.9;letter-spacing:.05em}.grafbobby-page .gb-intro-bottom{border-top:1px solid var(--gb-line);padding-block:22px 37px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px}.grafbobby-page .gb-intro-bottom p{color:var(--gb-muted)}.grafbobby-page .gb-text-link{display:inline-flex;align-items:center;gap:14px;white-space:nowrap}.grafbobby-page .gb-showcase{padding:38px 38px 0;background:#e8e2d6}.grafbobby-page .gb-preview{display:block;position:relative;width:100%;padding:0;background:#f9f5ec;border:1px solid #d2c9b6;border-radius:0;box-shadow:0 13px 35px #483a2114;text-align:left;overflow:hidden}.grafbobby-page .gb-preview>img{width:100%;height:auto}.grafbobby-page .gb-browser-bar{display:flex;align-items:center;justify-content:space-between;height:34px;padding-inline:14px;background:#f8f5ee;border-bottom:1px solid #ded7ca;color:#797164;font-size:10px;letter-spacing:.045em}.grafbobby-page .gb-browser-dots{display:flex;gap:5px}.grafbobby-page .gb-browser-dots i{width:5px;height:5px;border-radius:50%;background:#c8c0af}.grafbobby-page .gb-expand{font-size:18px}.grafbobby-page .gb-preview-hint{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:12px;background:#f6f3eb;border:1px solid #d8d0c0;padding:10px 14px;font-size:11px;opacity:0;transform:translateY(4px);transition:opacity .16s,transform .16s}.grafbobby-page .gb-preview:hover .gb-preview-hint,.grafbobby-page .gb-preview:focus-visible .gb-preview-hint{opacity:1;transform:none}.grafbobby-page .gb-showcase figcaption{display:flex;justify-content:space-between;gap:15px;padding-block:19px 23px;font-size:10px;letter-spacing:.06em;color:#716955}.grafbobby-page .gb-project{display:grid;grid-template-columns:.95fr 1fr;gap:9%;padding-block:110px;scroll-margin-top:30px}.grafbobby-page .gb-section-number{display:block;font-size:10px;color:var(--gb-muted);letter-spacing:.16em}.grafbobby-page .gb-section-side h2{font-family:Georgia,Songti SC,SimSun,serif;font-size:clamp(28px,3vw,44px);font-weight:400;line-height:1.6;margin-top:27px;letter-spacing:-.02em}.grafbobby-page .gb-project-copy{padding-top:33px}.grafbobby-page .gb-project-copy p{color:var(--gb-muted);font-size:13px;line-height:2}.grafbobby-page .gb-project-copy .gb-lead{font-size:17px;color:var(--gb-ink);line-height:1.9;margin-bottom:23px}.grafbobby-page .gb-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px;padding-top:24px;border-top:1px solid var(--gb-line)}.grafbobby-page .gb-facts dt{color:var(--gb-muted);font-size:10px;margin-bottom:10px}.grafbobby-page .gb-facts dd{font-size:12px}.grafbobby-page .gb-status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#77704f;margin-right:7px;vertical-align:middle}.grafbobby-page .gb-design-band{background:#eae5da;padding-block:80px 86px}.grafbobby-page .gb-section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;padding-bottom:58px}.grafbobby-page .gb-section-heading h2{font-family:Georgia,Songti SC,SimSun,serif;font-weight:400;font-size:clamp(28px,3.25vw,46px);line-height:1.5;width:51%}.grafbobby-page .gb-section-heading em{font-style:normal;color:#81765d}.grafbobby-page .gb-notes{display:grid;grid-template-columns:repeat(3,1fr)}.grafbobby-page .gb-notes article{border-top:1px solid #c8bfad;padding-top:22px;padding-right:34px}.grafbobby-page .gb-notes article+article{border-left:1px solid #c8bfad;padding-left:34px}.grafbobby-page .gb-note-index{font-family:Georgia,serif;font-size:24px;color:#908265}.grafbobby-page .gb-notes h3{font-size:18px;font-weight:400;margin-top:24px;margin-bottom:16px}.grafbobby-page .gb-notes p{color:#6b6456;font-size:13px;line-height:1.9;max-width:340px}.grafbobby-page .gb-note-en{display:block;font-size:9px;letter-spacing:.12em;color:#706653;margin-top:32px}.grafbobby-page .gb-next{padding-block:94px 100px}.grafbobby-page .gb-next-row{display:flex;justify-content:space-between;gap:36px;align-items:center;margin-top:30px}.grafbobby-page .gb-next h2{font-family:Georgia,Songti SC,SimSun,serif;font-size:clamp(32px,4vw,56px);font-weight:400;line-height:1.5;letter-spacing:-.025em}.grafbobby-page .gb-next-row>div{width:33%}.grafbobby-page .gb-next-row p{color:var(--gb-muted);font-size:13px;line-height:1.9}.grafbobby-page .gb-contact-button{display:inline-flex;justify-content:space-between;gap:36px;align-items:center;background:#38382b;color:#fffdf5;font-size:12px;padding:18px 22px;margin-top:24px}.grafbobby-page .gb-contact-note{display:block;margin-top:12px;font-size:10px;color:var(--gb-muted)}.grafbobby-page .gb-footer{border-top:1px solid var(--gb-line);padding-block:30px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px;color:var(--gb-muted)}.grafbobby-page .gb-footer-brand{letter-spacing:.15em;color:var(--gb-ink)}.grafbobby-page .gb-image-dialog{width:min(1560px,calc(100vw - 40px));max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid #d4cbb9;border-radius:0;background:var(--gb-paper);color:var(--gb-ink);overscroll-behavior:contain}.grafbobby-page .gb-image-dialog::backdrop{background:#25231fd9}.grafbobby-page .gb-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 20px}.grafbobby-page .gb-dialog-header h2{font-size:13px;font-weight:400}.grafbobby-page .gb-dialog-header button{display:flex;align-items:center;gap:14px;border:0;border-radius:0;background:transparent;padding:10px 8px;font-size:12px}.grafbobby-page .gb-dialog-header button span{font-size:24px;line-height:1}.grafbobby-page .gb-dialog-image{overflow:auto}.grafbobby-page .gb-dialog-image img{width:1512px;max-width:none;height:auto}.grafbobby-page .gb-dialog-note{padding:12px 20px;color:var(--gb-muted);font-size:11px}.grafbobby-page .gb-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(min-width:1600px){.grafbobby-page .gb-dialog-image img{width:100%}}@media(max-width:1000px){.grafbobby-page .gb-container{width:calc(100% - 64px)}.grafbobby-page .gb-title-row{align-items:center}.grafbobby-page .gb-project{gap:6%;padding-block:76px}.grafbobby-page .gb-showcase{padding:24px 24px 0}.grafbobby-page .gb-notes article{padding-right:22px}.grafbobby-page .gb-notes article+article{padding-left:22px}.grafbobby-page .gb-next-row>div{width:40%}}@media(max-width:700px){.grafbobby-page .gb-container{width:calc(100% - 40px)}.grafbobby-page .gb-utility{padding-inline:12px;font-size:9px;letter-spacing:0;gap:6px}.grafbobby-page .gb-utility>div{gap:12px}.grafbobby-page .gb-utility-dot{padding-inline:2px}.grafbobby-page .gb-header{height:82px}.grafbobby-page .gb-header-link{display:none}.grafbobby-page .gb-header-contact{font-size:11px;gap:12px}.grafbobby-page .gb-intro{padding-top:38px}.grafbobby-page .gb-case-label{font-size:9px;letter-spacing:.055em}.grafbobby-page .gb-title-row{display:block;padding-top:23px;padding-bottom:25px}.grafbobby-page h1{font-size:clamp(56px,14.4vw,100px)}.grafbobby-page .gb-intro-caption{padding:0;margin-top:24px;font-size:15px}.grafbobby-page .gb-intro-bottom{align-items:flex-start;flex-direction:column;padding-block:18px 26px;gap:13px}.grafbobby-page .gb-intro-bottom p{font-size:11px}.grafbobby-page .gb-showcase{padding:12px 12px 0}.grafbobby-page .gb-browser-bar{height:25px;padding-inline:8px;font-size:7px}.grafbobby-page .gb-browser-dots{gap:3px}.grafbobby-page .gb-browser-dots i{width:4px;height:4px}.grafbobby-page .gb-showcase figcaption{padding-block:12px 15px;font-size:9px;flex-direction:column;gap:3px}.grafbobby-page .gb-preview-hint{display:none}.grafbobby-page .gb-project{grid-template-columns:1fr;gap:24px;padding-block:60px}.grafbobby-page .gb-section-side h2{margin-top:18px;font-size:29px}.grafbobby-page .gb-project-copy{padding-top:0}.grafbobby-page .gb-project-copy .gb-lead{font-size:15px}.grafbobby-page .gb-facts{gap:8px;margin-top:28px}.grafbobby-page .gb-facts dd{font-size:11px}.grafbobby-page .gb-design-band{padding-block:50px}.grafbobby-page .gb-section-heading{flex-direction:column;gap:20px;padding-bottom:30px}.grafbobby-page .gb-section-heading h2{width:100%;font-size:32px}.grafbobby-page .gb-notes{grid-template-columns:1fr}.grafbobby-page .gb-notes article{padding:23px 0}.grafbobby-page .gb-notes article+article{border-left:0;padding-left:0}.grafbobby-page .gb-notes h3{margin-top:12px;margin-bottom:10px}.grafbobby-page .gb-notes p{max-width:none}.grafbobby-page .gb-note-en{margin-top:20px}.grafbobby-page .gb-next{padding-block:55px 60px}.grafbobby-page .gb-next-row{display:block;margin-top:20px}.grafbobby-page .gb-next h2{font-size:34px}.grafbobby-page .gb-next-row>div{width:100%;margin-top:24px}.grafbobby-page .gb-contact-button{padding-block:16px}.grafbobby-page .gb-footer{flex-wrap:wrap;gap:14px;padding-block:23px}.grafbobby-page .gb-footer>span{order:3;width:100%}.grafbobby-page .gb-footer>a:last-child{margin-left:auto}.grafbobby-page .gb-image-dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px)}.grafbobby-page .gb-dialog-header{padding-inline:12px}}@media(prefers-reduced-motion:reduce){.grafbobby-page *,.grafbobby-page *:before,.grafbobby-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}