/* White reading surfaces, a real prototype and a finite identity sequence. */
:root{--paper:#fcfbf8;--line:#e2dcd2}.header{background:#fcfbf8;border-bottom:1px solid #e8e2d9}.hero{background:#f3eee6}.hero-top{padding-top:.3rem}.identity-stage{background:#e8e2d8;isolation:isolate}.warm-identity{opacity:1;transition:none}.identity-stage.is-playing .warm-identity{visibility:hidden}.identity-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:none}.identity-stage.is-playing .identity-canvas{display:block}.identity-replay{position:absolute;right:var(--gutter);bottom:1.1rem;border:1px solid #b6a89480;color:#675a48;background:#fcfbf8cc;border-radius:30px;padding:.65rem 1rem;font-size:.75rem;display:flex;gap:1.2rem;align-items:center;z-index:2;backdrop-filter:blur(8px)}.identity-replay:hover{background:#fff}.identity-replay:disabled{opacity:.6;cursor:default}.hero-welcome{background:#fcfbf8;margin:0 calc(-1 * var(--gutter));padding:2.8rem var(--gutter);border-top:1px solid #d8cec180}.hero-welcome h1{font-size:clamp(2.4rem,4.1vw,4.5rem)}.hero-foot{background:#fcfbf8;margin:0 calc(-1 * var(--gutter));padding:1.2rem var(--gutter);border-top:1px solid #eee8df}.hero-welcome>div{max-width:420px}.about{background:#fff}.personal-heading h2>span{color:#8a7963}.about-copy{padding:2.8rem 0 0}.project{background:#eee8dd;border-top:1px solid #e4dbce;border-bottom:1px solid #e4dbce}.project .section-label{margin-bottom:3rem;gap:1rem}.project-status{border:1px solid #b6a98f;padding:.6rem .85rem;border-radius:24px;color:#6b614e;font-size:.65rem;letter-spacing:.07em}.project-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.4rem}.project-location{font-size:.65rem;letter-spacing:.13em;color:#7b715e;margin-bottom:.8rem}.project-heading h2{font-size:clamp(3rem,5.4vw,5.8rem);letter-spacing:-.055em;font-weight:400;line-height:1.1}.project-heading h2>span{color:#92916c}.project-heading>p{font-family:Georgia,'Times New Roman',serif;font-size:1.65rem;line-height:1.35;font-style:italic;color:#7b745c}.project-preview{margin:0;box-shadow:0 22px 60px #63523919;border-radius:7px;overflow:hidden;border:1px solid #c7bba870;background:#fff}.project-browser{background:#fcfbf8;display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.3rem;color:#958875;font-size:.6rem;letter-spacing:.12em}.project-browser>span:first-child{font-size:.5rem;letter-spacing:.24em;color:#b8ab97}.project-preview img{width:100%;height:auto;display:block}.project-preview figcaption{font-size:.75rem;color:#7c715f;padding:1rem 1.4rem;background:#fcfbf8;line-height:1.5}.project-story{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;background:#fcfbf8;padding:2.6rem 3rem;margin-top:2rem;border-radius:5px}.project-kicker{display:block;font-size:.65rem;letter-spacing:.13em;color:#887961;margin-bottom:1.2rem}.project-story h3{font-size:1.8rem;letter-spacing:-.04em;line-height:1.3;font-weight:400}.project-story p{color:#736957;font-size:.95rem;line-height:1.8;margin-bottom:.8rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.3rem}.project-tags>span{font-size:.7rem;padding:.5rem .8rem;border:1px solid #ddd4c6;border-radius:30px;color:#7c705a}.intro{background:#fff;border:0}.service h3,.service p,.service ul,.service>a{margin-left:0;margin-right:0}.service-visual{border-color:#ddd5c9}.service p{color:#756b5b}.service ul{color:#524b40}.lab{background:#34312c}.demo-stage{background:#fff}.mini-site .button{background:#4c4438}.contact{background:#fff}.contact input,.contact textarea,.contact select{background:#faf8f4;border:1px solid #dfd8cc;border-radius:5px;padding:.85rem 1rem;margin-bottom:1.5rem}.contact textarea{min-height:135px}.contact label{font-size:.8rem}.contact form{padding:2rem;background:#f4f0e9;border:1px solid #e6ded2;border-radius:8px}.contact form .button{margin-top:.1rem}.contact input::placeholder,.contact textarea::placeholder{color:#8b7d6b}.contact select option{background:#fff}.contact .form-note{font-size:.75rem;line-height:1.65}.contact-grid{align-items:start}footer{background:#f7f4ee}
@media(max-width:1000px){.project-story{gap:2.5rem;padding:2rem}.project-heading>p{font-size:1.4rem}.hero-welcome h1{font-size:2.85rem}.contact form{padding:1.5rem}}
@media(max-width:700px){.header nav{background:#fcfbf8}.hero-top{padding-top:0}.identity-stage{padding:0;margin-top:1rem}.identity-replay{right:1rem;bottom:.5rem;padding:.4rem .65rem;font-size:.6rem;gap:.8rem}.hero-welcome{padding:2rem var(--gutter);gap:1.4rem}.hero-welcome h1{font-size:clamp(2rem,8vw,3rem)}.hero-welcome p{font-size:.85rem}.hero-foot{padding:1rem var(--gutter)}.about-copy{padding:0}.project .section-label{align-items:start;margin-bottom:2rem;font-size:.6rem}.project-status{font-size:.5rem;padding:.45rem .6rem;max-width:145px;line-height:1.5}.project-heading{display:block;margin-bottom:1.6rem}.project-heading h2{font-size:2.9rem}.project-heading>p{font-size:1.3rem;margin-top:1rem}.project-heading>p br{display:none}.project-location{font-size:.55rem}.project-browser{padding:.7rem .8rem;font-size:.5rem}.project-preview figcaption{font-size:.7rem;padding:.8rem 1rem}.project-story{grid-template-columns:1fr;gap:1.2rem;padding:1.5rem;margin-top:1.3rem}.project-kicker{font-size:.6rem;margin-bottom:.8rem}.project-story h3{font-size:1.55rem}.project-story p{font-size:.875rem}.project-tags>span{font-size:.65rem}.contact form{padding:1.2rem}.contact-grid{gap:2rem}}
@media(prefers-reduced-motion:reduce){.identity-canvas,.identity-replay{display:none!important}.identity-stage.is-playing .warm-identity{visibility:visible}}