*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#29251a;color:#afa07a}.canva-section{position:relative;width:100%;margin:0;overflow:hidden}.canva-section svg{display:block;width:100%;height:auto}.hit{position:absolute;display:block;border:0;background:transparent;cursor:pointer;padding:0;color:inherit;border-radius:4px}.hit:focus-visible{outline:2px solid #fff;outline-offset:4px;background:rgba(255,255,255,.08)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{background:#29251a;color:#f5f1e7;border:1px solid #afa07a;padding:40px;max-width:480px;width:calc(100% - 40px);font:16px/1.6 Arial,sans-serif}dialog::backdrop{background:#0009}dialog h2{font:normal 27px/1.2 Georgia,serif;margin:0 25px 20px 0}dialog button,dialog a{font:inherit;color:inherit}dialog .close{position:absolute;right:14px;top:8px;background:none;border:0;font-size:28px;cursor:pointer}dialog .dismiss,dialog a{display:inline-block;border:1px solid #afa07a;background:transparent;padding:9px 15px;margin-top:12px;cursor:pointer}dialog a[hidden]{display:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}/* Entire portfolio tiles lift together; the Canva composition is unchanged at rest. */
.tile-section{display:flex;overflow:visible;isolation:isolate}
.portfolio-tile{position:relative;display:block;flex:0 0 50%;width:50%;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:none;color:inherit;cursor:pointer;z-index:0;transform:translateY(0) scale(1);transition:transform 280ms ease,box-shadow 280ms ease}
.portfolio-tile svg{pointer-events:none}
.portfolio-tile:focus-visible{outline:2px solid #afa07a;outline-offset:-3px;z-index:2}
@media(hover:hover) and (pointer:fine){.portfolio-tile:hover{z-index:2;transform:translateY(-3px) scale(1.012);box-shadow:0 10px 24px rgba(0,0,0,.2)}}
@media(prefers-reduced-motion:reduce){.portfolio-tile{transition:none}.portfolio-tile:hover{transform:none}}
/* The two door pills are real styled webpage elements, with unclipped lettering. */
.door-enter{position:absolute;left:37.857%;top:67.875%;width:22.161%;height:4.08333%;display:flex;align-items:center;justify-content:center;border:1px solid #afa07a;border-radius:999px;background:#afa07a;color:#fff;transition:background-color 220ms ease,color 220ms ease;pointer-events:none}
.portfolio-tile:nth-of-type(2) .door-enter{left:38.917%}
.door-enter svg{display:block;width:auto;height:100%;max-width:80%;overflow:visible}
.portfolio-tile:focus-visible .door-enter{background:transparent;color:#afa07a}
@media(hover:hover) and (pointer:fine){.portfolio-tile:hover .door-enter{background:transparent;color:#afa07a}}
@media(prefers-reduced-motion:reduce){.door-enter{transition:none}}
.enquiry-dialog{width:min(780px,calc(100% - 32px));max-width:780px;max-height:90vh;overflow:auto;padding:40px;font-family:"Glacial Indifference",sans-serif;color:#f5f1e7}.enquiry-dialog h2{color:#afa07a;font-family:inherit;font-size:30px}.enquiry-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}.enquiry-fields label{display:flex;flex-direction:column;gap:7px}.enquiry-fields label[hidden]{display:none}.enquiry-fields input,.enquiry-fields select,.enquiry-fields textarea{width:100%;min-height:44px;background:#29251a;color:#f5f1e7;border:1px solid #afa07a;border-radius:0;padding:10px 12px;font:inherit}.enquiry-fields input:focus,.enquiry-fields select:focus,.enquiry-fields textarea:focus{outline:2px solid #afa07a;outline-offset:3px}.enquiry-message{grid-column:1/-1}.enquiry-fields textarea{resize:vertical}.enquiry-dialog .form-note{font-size:14px;line-height:1.5;opacity:.85}.enquiry-dialog .send-enquiry{background:#afa07a;color:#fff;border:1px solid #afa07a;border-radius:999px;padding:10px 25px;cursor:pointer}.enquiry-dialog .send-enquiry:hover,.enquiry-dialog .send-enquiry:focus-visible{background:transparent;color:#afa07a}.enquiry-dialog #enquiry-status:empty{display:none}@media(max-width:560px){.enquiry-dialog{padding:32px 22px}.enquiry-fields{grid-template-columns:1fr;gap:16px}}
.enquiry-panel{position:absolute;right:5%;top:5%;width:43%;max-width:none;max-height:90%;overflow:auto;padding:24px;background:rgba(41,37,26,.93);border:1px solid #afa07a;font-size:15px;line-height:1.4}.enquiry-panel h2{margin:0 0 18px;font-size:27px;font-weight:400}.enquiry-panel .enquiry-fields{gap:12px 16px}.enquiry-panel .enquiry-fields label{gap:4px}.enquiry-panel .enquiry-fields input,.enquiry-panel .enquiry-fields select,.enquiry-panel .enquiry-fields textarea{padding:7px 9px;min-height:38px}.enquiry-panel .form-note{font-size:12px;margin:12px 0}.enquiry-panel .enquiry-fields textarea{height:82px}.enquiry-panel .send-enquiry{font:inherit}

.enquiry-panel{border-radius:24px}.enquiry-panel .enquiry-fields input,.enquiry-panel .enquiry-fields select,.enquiry-panel .enquiry-fields textarea{border-radius:10px}.enquiry-thanks{border-radius:24px;font-family:"Glacial Indifference",sans-serif}.enquiry-thanks h2{font:normal 25px/1.4 "Glacial Indifference",sans-serif;color:#afa07a}.enquiry-thanks button{border:1px solid #afa07a;border-radius:999px;background:#afa07a;color:#fff;padding:9px 24px;cursor:pointer}

.contact-preference{margin:16px 0 12px;padding:12px 14px;border:1px solid #afa07a;border-radius:10px}.contact-preference legend{padding:0 6px}.contact-preference label{display:inline-flex;align-items:center;gap:6px;margin-right:16px;cursor:pointer}.contact-preference input{accent-color:#afa07a;width:17px;height:17px}.contact-help{margin:8px 0 0;font-size:12px}.enquiry-panel{padding-top:22px}