*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf9f6;color:#20201f;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}header{padding:28px 3.5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #deddd8;font-size:13px}nav{display:flex;gap:28px}.name{font-weight:600;letter-spacing:-.5px;font-size:18px}main{padding:0 3.5%}.intro{padding:90px 0 100px;display:grid;grid-template-columns:1fr 2fr;gap:30px}.label,figcaption,.meta{font-size:12px;line-height:1.7}.label{text-transform:uppercase;letter-spacing:.07em}h1{font-size:clamp(38px,5.2vw,82px);font-weight:400;letter-spacing:-.055em;line-height:1.03;margin:0;max-width:1100px}h2{font-size:clamp(30px,3.5vw,54px);font-weight:400;letter-spacing:-.045em;line-height:1.1;margin:0}p{line-height:1.6}.project-link{display:block}.cover{display:grid;grid-template-columns:1fr 1fr;height:min(68vw,750px);overflow:hidden;background:#eeece6}.cover img{width:100%;height:100%;object-fit:cover}.cover .mark{object-fit:contain;padding:18%;background:#eeece6}.caption{display:flex;justify-content:space-between;gap:20px;padding:18px 0;font-size:14px}.about{border-top:1px solid #bbb;margin-top:110px;padding:60px 0 100px;display:grid;grid-template-columns:1fr 2fr;gap:30px}.about p{max-width:650px;font-size:22px;margin-top:0;letter-spacing:-.025em}.tags{font-size:13px;line-height:2}footer{margin:0 3.5%;border-top:1px solid #bbb;padding:25px 0;display:flex;justify-content:space-between;font-size:12px}.project-title{padding:65px 0 45px;display:flex;align-items:end;justify-content:space-between}.project-title h1{font-size:clamp(80px,14vw,200px)}.story{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:65px 0 85px}.story p{font-size:22px;max-width:750px;margin:0}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:22px}.gallery figure{margin:0}.gallery img{width:100%;height:auto;display:block}.gallery .full{grid-column:1/-1}.gallery .pair img{aspect-ratio:3/4;object-fit:cover}figcaption{padding:12px 0 26px;color:#62615d}.end{padding:75px 0 90px;font-size:30px;letter-spacing:-.03em}a:focus-visible{outline:2px solid #8d7390;outline-offset:6px}@media(max-width:650px){header{padding:22px 5%}main{padding:0 5%}nav{gap:16px}.intro{padding:55px 0;display:block}.intro .label{margin-bottom:25px}h1{font-size:42px}.cover{height:105vw;grid-template-columns:1fr 1fr}.cover .mark{padding:10%}.about,.story{grid-template-columns:1fr;padding:40px 0;gap:24px;margin-top:45px}.about p,.story p{font-size:19px}.caption{font-size:12px}.gallery{gap:12px}.project-title{padding-top:40px}.project-title .meta{max-width:120px}.story{margin-top:0}.gallery .pair{grid-column:1/-1}footer{margin:0 5%}.end{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hilo-link{margin-top:55px}.hilo-mark{display:flex;align-items:center;justify-content:center;background:#b9caff;padding:20%}.cover .hilo-mark img,.identity-pair .hilo-mark img{width:100%;height:auto;object-fit:contain}.identity-pair{display:grid;grid-template-columns:1.4fr 1fr;min-height:380px}.identity-pair .hilo-mark{background:#f0eee8;padding:18%}.mono{background:#462000;display:flex;align-items:center;justify-content:center;padding:32%}.mono img{width:100%;max-height:200px;filter:invert(1)}.pattern-section{padding:30px 0}.patterns{display:flex;align-items:center;justify-content:space-evenly;gap:5%;background:#f0eee8;padding:55px 6%;margin-top:25px}.patterns img{width:12%;height:auto;max-height:620px;object-fit:contain}.label-stage{background:#eeece6;padding:7%;display:flex;justify-content:center}.gallery .label-stage img{width:42%;height:auto}.hilo-outro{padding:65px 0 10px;display:flex;align-items:end;justify-content:space-between;gap:25px}.hilo-outro a{font-size:14px}@media(max-width:650px){.identity-pair{min-height:220px}.patterns{padding:25px 4%;gap:3%}.patterns img{width:15%}.gallery .label-stage img{width:70%}.hilo-outro{display:block}.hilo-outro a{display:inline-block;margin-top:25px}}
.mokadu-mark{background:#fff6cc;display:flex;align-items:center;justify-content:center;padding:12%}.cover .mokadu-mark img{object-fit:contain;width:100%;height:auto}.mokadu-system{padding:5%;background:#faf6e8}.gallery video{display:block;width:100%;aspect-ratio:3/4;object-fit:contain;background:#eeeae3}.project-title .mokadu-title{font-size:clamp(65px,12vw,175px)}@media(max-width:650px){.project-title:has(.mokadu-title){align-items:start;gap:20px;flex-direction:column}.project-title:has(.mokadu-title) .meta{max-width:none}}
.orson-mark{display:flex;align-items:center;justify-content:center;background:#e7dfd0;padding:12%}.cover .orson-mark img,.orson-hero img{width:100%;height:auto;object-fit:contain}.orson-hero{min-height:400px;padding:13% 16%}.gallery .orson-facade-stage{background:#eeece6;padding:55px 15% 20px}.gallery .orson-facade-stage img{max-width:680px;margin:auto}.orson-facade-stage figcaption{max-width:680px;margin:auto}@media(max-width:650px){.orson-hero{min-height:230px;padding:15% 10%}.gallery .orson-facade-stage{padding:22px 7% 5px}}
.jip-cover{grid-template-rows:minmax(0,1fr)}.jip-sign-frame{position:relative;min-width:0;min-height:0;overflow:hidden;container-type:size}.cover .jip-sign-frame img{position:absolute;left:50%;top:50%;width:max(118cqw,107cqh);height:auto;max-width:none;transform:translate(-56.5%,-67.7%)}@media(max-width:650px){.jip-cover{height:62vw}}

.wedding-intro{border-top:1px solid #bbb;margin-top:100px;padding-top:55px}.wedding-intro h2{margin-top:25px}.wedding-intro p{max-width:560px}.wedding-preview{display:grid;grid-template-columns:1fr 1.5fr;gap:22px;margin-top:30px;align-items:center;background:#eeece6}.wedding-preview img{display:block;width:100%;height:auto}.wedding-heading{padding:80px 0 55px}.wedding-heading h1{margin:25px 0}.wedding-heading p{font-size:22px;max-width:720px}.wedding-project{border-top:1px solid #bbb;margin-top:35px;scroll-margin-top:25px}.wedding-project .gallery video{aspect-ratio:9/16}.wedding-project .story{margin-top:0}@media(max-width:650px){.wedding-preview{grid-template-columns:1fr;gap:0}.wedding-heading{padding:50px 0 30px}.wedding-heading p{font-size:19px}.wedding-project .gallery{grid-template-columns:1fr}.wedding-intro{margin-top:60px}.wedding-project .story{padding-top:35px}}

.home-paths{grid-column:2;display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}.home-paths a{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:16px 20px;border:1px solid #bcb9b2;font-size:14px}.home-paths a:hover{background:#eeece6;text-decoration:none}.home-paths a:last-child{background:#eee8e5}nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:5px}@media(max-width:650px){header{align-items:flex-start;flex-direction:column;gap:20px}nav{width:100%;flex-wrap:wrap;gap:12px 20px;font-size:12px}.home-paths{margin-top:30px;gap:10px}.home-paths a{padding:14px 16px;gap:20px;font-size:13px}}

.email-contact{margin-top:30px;max-width:720px}.about .email-contact p{font-size:17px;letter-spacing:0;line-height:1.65;margin:24px 0 14px}.contact-address{display:inline-block;font-size:clamp(20px,3vw,34px);letter-spacing:-.03em;overflow-wrap:anywhere;max-width:100%}.email-contact ul{padding-left:20px;margin:12px 0 24px;font-size:16px;line-height:1.9}

.ui-arrow{display:inline-block;width:.85em;height:.85em;vertical-align:-.05em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}

.orson-home-cover{grid-template-rows:minmax(0,1fr)}.cover .orson-home-photo{min-height:0;object-position:50% 100%}

.lpd-cover{grid-template-rows:minmax(0,1fr);height:min(58vw,680px)}.cover .lpd-identity{object-fit:contain;background:#f2efeb}.lpd-title{gap:25px}.project-title.lpd-title h1{font-size:clamp(48px,8vw,120px)}.lpd-title .meta{flex-shrink:0}@media(max-width:650px){.lpd-cover{height:auto;grid-template-columns:1fr}.lpd-cover img{height:auto;display:block}.lpd-title{align-items:flex-start;flex-direction:column}.lpd-title .meta{max-width:none}}

/* Restrained pink details. */
:root{--accent-pink:#ffc5d3}
::selection{background:var(--accent-pink);color:#20201f}
.name::before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;background:var(--accent-pink);border-radius:50%;vertical-align:middle}
.home-paths a:hover{background:#fff0f4}
nav a:hover,.end a:hover,.hilo-outro a:hover,.tags a:hover{ text-decoration-color:var(--accent-pink);text-decoration-thickness:2px}
.contact-address{text-decoration:underline;text-decoration-color:var(--accent-pink);text-decoration-thickness:2px;text-underline-offset:6px}