.conversation-panel{position:fixed;inset:0;margin:0;border:0;border-radius:0;max-width:none;max-height:none;width:100%;height:100dvh;background:#000;color:#e8e7e4;padding:0;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth}.conversation-panel::backdrop{background:#000}.conversation-panel[open]{animation:composer-enter .4s ease both}.conversation-close{position:fixed;right:var(--gutter);top:36px;width:44px;height:44px;padding:10px;background:transparent;border:0;z-index:5;color:#bbb}.conversation-close svg{width:100%;height:100%;stroke:currentColor;stroke-width:1;fill:none}
.conversation-wrap{width:100%;margin:0;padding:155px var(--gutter) 36px}.letter-form{display:flex;flex-direction:column;min-height:calc(100dvh - 191px);font:400 clamp(22px,2.2vw,30px)/1.56655 interstate,Arial,sans-serif;letter-spacing:-.02em}.email-envelope{font:400 14px/1.6 interstate,Arial,sans-serif;letter-spacing:0;border-bottom:1px solid #ffffff22;padding-bottom:23px;margin-bottom:42px}.envelope-line{display:flex;align-items:baseline;gap:28px;min-height:38px}.envelope-line>span:first-child{width:60px;flex:none;color:#777}.envelope-line>span:last-child{color:#bbb}.envelope-line input{min-width:0;width:100%;padding:3px 0;background:none;border:0;color:#ddd;font:inherit;border-radius:0}.envelope-line input:focus{outline:none}.envelope-line input:focus-visible{box-shadow:0 1px #777}.envelope-line input::placeholder{color:#555}.email-body{flex:1}.letter-greeting{margin:0 0 21px}.letter-paragraph{margin:0 0 24px;scroll-margin-top:130px}.letter-paragraph [hidden],.letter-paragraph[hidden],.other-service[hidden],.alternative-field[hidden]{display:none!important}.letter-paragraph input:not([type=checkbox]):not([type=radio]):not([type=datetime-local]){font:inherit;letter-spacing:inherit;line-height:1.5;color:#eee;background:none;border:0;border-bottom:1px solid #ffffff48;padding:0 2px 1px;max-width:100%;width:clamp(130px,16vw,215px);border-radius:0}.letter-paragraph input[name=email]{width:min(390px,100%)!important}.letter-paragraph input[name=other]{width:100%!important}.letter-paragraph input::placeholder,.letter-paragraph textarea::placeholder{color:#666}.letter-paragraph input:focus,.letter-paragraph textarea:focus{outline:none;border-color:#ddd}.letter-paragraph input:focus-visible{box-shadow:0 1px #ddd}.letter-paragraph fieldset{display:block;padding:0;border:0;margin:0;min-width:0}.letter-services{display:inline;font-size:inherit;line-height:inherit}.letter-services label{position:relative;display:inline;cursor:pointer;white-space:normal}.choice-separator{color:#777}.letter-services label input{position:absolute;width:1px;height:1px;opacity:0}.letter-services label span{color:#777;text-decoration:none;transition:color .2s,text-shadow .2s}.letter-services input:checked+span{color:#fff;text-decoration:none;text-shadow:0 0 12px #ffffff55;font-weight:600}.letter-services input:focus-visible+span{outline:1px solid #aaa;outline-offset:4px}.letter-services label:hover span{color:#fff}.other-service{display:block;margin:18px 0}.letter-paragraph textarea{display:block;width:100%;min-height:78px;max-height:500px;border:0;border-bottom:1px solid #ffffff30;border-radius:0;background:none;color:#ddd;font:inherit;padding:9px 0;resize:vertical}.letter-signature{color:#ccc}.letter-send{display:flex;align-items:center;gap:30px;margin-top:34px}.letter-send button{font:400 14px/1.5 interstate,Arial,sans-serif;color:#eee;background:none;border:0;border-bottom:1px solid #777;padding:6px 0;cursor:pointer}.letter-send button span{margin-left:16px;font-size:16px}.letter-send .letter-download{color:#888;border-color:transparent;font-size:12px}.letter-error{font:400 13px/1.6 interstate,Arial,sans-serif;letter-spacing:0;color:#e8bdb8}.letter-error:empty{display:none}.composer-help{font:400 11px/1.65 interstate,Arial,sans-serif;letter-spacing:0;color:#686868;margin-top:auto;padding-top:60px}.composer-help p{margin:0 0 5px}.composer-help .letter-progress{color:#919191}.letter-call small{display:block;font-size:12px;line-height:1.6;letter-spacing:0;color:#888}.letter-call>p{margin:0}.story-zone{font-size:13px;letter-spacing:0;display:flex;gap:20px;align-items:center;margin:20px 0}.story-zone select,.alternative-field input{font:400 14px interstate,Arial,sans-serif;color:#ddd;background:#000;border:0;border-bottom:1px solid #444;padding:8px 0;max-width:100%;border-radius:0;color-scheme:dark}.story-slots legend{font-size:13px;color:#888;letter-spacing:0;margin-bottom:12px}.slot-options{display:flex;flex-wrap:wrap;gap:10px 24px}.slot-options label{position:relative}.slot-options input{position:absolute;width:1px;height:1px;opacity:0}.slot-options span{font:400 13px/1.7 interstate,Arial,sans-serif;letter-spacing:0;color:#888;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#444;cursor:pointer}.slot-options input:checked+span{color:#fff;text-decoration-color:#fff}.slot-options input:focus-visible+span{outline:1px solid #ddd;outline-offset:3px}.story-alternative{display:flex;gap:12px;align-items:center;font-size:13px;letter-spacing:0;color:#aaa;margin-top:22px}.story-alternative input{accent-color:#ddd}.alternative-field{display:block;font-size:13px;letter-spacing:0;margin-top:20px}.alternative-field span{display:block;margin-bottom:10px}.type-visual.is-typing::after{content:"";border-right:1px solid #aaa;margin-left:2px;animation:caret .8s step-end infinite}.typed-copy{white-space:pre-wrap}@keyframes caret{50%{border-color:transparent}}@keyframes composer-enter{from{opacity:0}to{opacity:1}}
@media(max-width:760px){.conversation-close{top:22px}.conversation-wrap{padding:122px var(--gutter) 30px}.letter-form{min-height:calc(100dvh - 152px);font-size:21px;line-height:1.56655}.email-envelope{font-size:12px;margin-bottom:31px;padding-bottom:18px}.envelope-line{gap:16px;min-height:36px}.envelope-line>span:first-child{width:43px}.letter-paragraph{margin-bottom:24px}.letter-paragraph input:not([type=checkbox]):not([type=radio]):not([type=datetime-local]){width:150px}.letter-send{gap:24px}.story-zone{align-items:start;flex-direction:column;gap:8px}.story-zone select{width:100%}.composer-help{padding-top:45px}.letter-services{font-size:20px}}
@media(prefers-reduced-motion:reduce){.conversation-panel{scroll-behavior:auto}.conversation-panel[open],.type-visual.is-typing::after{animation:none}.letter-services label span{transition:none}}

.email-body,.composer-help{max-width:1050px}.timezone-note{margin:-6px 0 24px}
@supports(field-sizing:content){.letter-paragraph input[name=name],.letter-paragraph input[name=role],.letter-paragraph input[name=company]{field-sizing:content;width:auto!important;min-width:4ch;max-width:100%}}

/* Email header shares the flat logo’s top edge; the letter stays centered. */
.conversation-wrap{padding:49px var(--gutter) 36px}.letter-form{min-height:calc(100dvh - 85px)}
.email-envelope{border:0;padding:0;margin:0 70px 48px 124px;min-height:114px}
.email-body,.composer-help{width:min(1050px,100%);margin-left:auto;margin-right:auto}
.letter-paragraph textarea{min-height:44px;padding:4px 0;border:0;resize:vertical}
.inline-choice{font:inherit;letter-spacing:inherit;line-height:inherit;max-width:100%;color:#bbb;background:#000;border:0;border-bottom:1px solid #ffffff35;border-radius:0;padding:0 22px 2px 2px;cursor:pointer;color-scheme:dark}
.inline-choice:focus-visible{outline:1px solid #888;outline-offset:4px}.inline-choice option{font-size:16px;background:#080808;color:#eee}
.selected-services{display:inline}.service-token{display:inline-flex;align-items:center;gap:10px;vertical-align:baseline;font:inherit;font-size:.78em;line-height:1.4;color:#eee;background:#ffffff0b;border:1px solid #ffffff28;border-radius:0;padding:3px 9px;margin:0 8px 6px 0;cursor:pointer}.service-token span{color:#888;font-size:.8em}
.letter-call p{margin:0 0 14px}.letter-call .alternative-field{font:inherit;letter-spacing:inherit;color:inherit}.letter-call input[type=datetime-local]{font:inherit;max-width:100%;color:#ddd;background:#000;border:0;border-bottom:1px solid #555;padding:2px 0;color-scheme:dark}
.zone-sentence .inline-choice{max-width:min(400px,100%)}
@media(max-width:760px){.conversation-wrap{padding:120px calc(var(--gutter) + 5px) 30px}.letter-form{min-height:calc(100dvh - 150px)}.email-envelope{margin:0 0 34px;min-height:0}.letter-call input[type=datetime-local]{font-size:18px}.inline-choice{font-size:inherit}.service-token{font-size:.8em}}
.letter-paragraph input[name=email]{max-width:calc(100% - 1ch)}
@supports(field-sizing:content){.letter-paragraph .inline-choice{field-sizing:content;width:auto;max-width:calc(100% - 1ch)}.letter-paragraph input[name=email]{field-sizing:content;width:auto!important;min-width:12ch}}

/* Revision 69: reference-led reading rhythm and progressive ink. */
.letter-form{font-size:clamp(25px,2.6vw,36px);line-height:1.4;letter-spacing:-.025em}
.email-body{max-width:1080px;color:#545454}.letter-greeting{color:#e5e5e5;margin-bottom:25px}
.email-body .letter-paragraph{margin:0 0 14px}.email-body .letter-identity{margin-bottom:14px}
.email-body [data-part]{color:#545454;transition:color .5s ease}
.email-body [data-part][data-lit="true"],.email-body [data-part].is-editing{color:#eee}
.letter-word{transition:color .45s ease;transition-delay:calc(var(--word)*14ms);color:inherit}
.email-body input:not([type=datetime-local]),.email-body .inline-choice,.email-body textarea,.email-body .glide-trigger{color:inherit!important;line-height:1.2;border-color:currentColor;box-shadow:none!important}
.email-body input::placeholder,.email-body textarea::placeholder{color:inherit;opacity:.75}
.email-body input:not([type=datetime-local]){padding:0 2px!important;border-bottom:1px solid #ffffff28!important;transition:border-color .35s ease}
.email-body input:focus{border-bottom-color:#ddd!important}
.email-body textarea{font-size:inherit;line-height:1.4;min-height:46px;resize:vertical;padding:0;border:0}
.email-body .letter-send{margin-top:30px}.email-body .letter-signature{color:inherit}.letter-send button:disabled{opacity:.3;cursor:default}
.email-body [data-part=closing]{margin-top:28px}.letter-call p{margin-bottom:10px}
.service-token{animation:service-settle .35s cubic-bezier(.2,.8,.2,1);font-size:.75em}
@keyframes service-settle{0%{opacity:0;transform:translateY(5px) scale(.94)}70%{transform:translateY(-1px) scale(1.015)}100%{opacity:1;transform:none}}
.enquiry-glide{position:relative;display:inline-block;max-width:calc(100% - 1ch);vertical-align:baseline}
.glide-trigger{display:inline-flex;align-items:baseline;gap:12px;padding:0 2px 2px;margin:0;border:0;border-bottom:1px solid #ffffff35;background:none;color:inherit;font:inherit;letter-spacing:inherit;line-height:1.2;max-width:100%;cursor:pointer;text-align:left}
.glide-trigger svg{width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:1.2;transition:transform .2s cubic-bezier(.23,1,.32,1)}
.glide-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.glide-trigger:focus-visible{outline:1px solid #888;outline-offset:5px}.glide-trigger:active{transform:scale(.985)}
.glide-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.enquiry-glide-menu{position:fixed;z-index:20;overflow:auto;padding:4px;border:1px solid #ffffff28;background:#111;box-shadow:0 12px 40px #0009;color:#eee;overscroll-behavior:contain;font:400 15px/1.3 interstate,Arial,sans-serif;letter-spacing:0}
.enquiry-glide-menu[hidden]{display:none}.glide-option{position:relative;z-index:1;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;cursor:pointer;user-select:none}
.glide-highlight{position:absolute;top:0;left:4px;right:4px;background:#ffffff10;transition:transform 220ms cubic-bezier(.23,1,.32,1);pointer-events:none}
.glide-option[aria-selected=true]{color:#fff}.glide-check{width:16px;height:16px;opacity:0}.glide-option[aria-selected=true] .glide-check{opacity:1}.glide-check svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4}
@media(max-width:760px){.letter-form{font-size:23px;line-height:1.4}.email-body .letter-paragraph{margin-bottom:12px}.letter-greeting{margin-bottom:20px}.email-envelope{margin-bottom:36px}.glide-trigger{gap:9px}.email-body textarea{min-height:34px}}
@media(prefers-reduced-motion:reduce){.letter-word,.email-body [data-part],.glide-highlight,.glide-trigger svg,.email-body input{transition:none}.service-token{animation:none}.glide-trigger:active{transform:none}}

/* Revision 70 — a centered letter below the logo, with continuous sentences. */
.conversation-wrap{padding-top:150px}.letter-form{width:min(1080px,100%);margin:0 auto;min-height:calc(100dvh - 186px)}
.email-envelope{margin:0 0 38px;min-height:0}.email-envelope [hidden]{display:none!important}
.cc-toggle{display:block;margin:0 0 3px 88px;padding:2px 0;border:0;background:none;color:#777;font:inherit;cursor:pointer}.cc-toggle:hover,.cc-toggle:focus-visible{color:#eee}
.letter-flow{line-height:1.5}.email-body .letter-flow .letter-paragraph,.letter-flow .letter-call,.letter-flow .call-sentence,.letter-flow .zone-sentence,.letter-flow .alternative-field{display:inline;margin:0}
.letter-flow .typed-copy{white-space:normal}.letter-flow textarea{display:inline-block;vertical-align:baseline;min-width:17ch;width:20ch;max-width:100%;min-height:1.3em;height:1.3em;line-height:1.3;resize:none;border-bottom:1px solid #ffffff28;padding:0 2px;overflow:hidden}
@supports(field-sizing:content){.letter-flow textarea{field-sizing:content;width:auto;height:auto;min-height:0;max-height:none;overflow:visible}}
.letter-flow .enquiry-glide{margin-left:.08em}.letter-flow input,.letter-flow .glide-trigger{vertical-align:baseline}.letter-flow .other-service{display:inline}.letter-flow .other-service input{width:auto!important}
.composer-help{padding-top:28px}.composer-help .call-note{display:none}.email-body [data-part=closing]{margin-top:26px}
@media(max-width:760px){.conversation-wrap{padding-top:122px}.letter-form{min-height:calc(100dvh - 152px)}.cc-toggle{margin-left:59px}.email-envelope{margin-bottom:32px}.letter-flow{line-height:1.55}}

.email-body,.composer-help{width:100%;max-width:none}
.brief-editor{display:inline;white-space:pre-wrap;overflow-wrap:anywhere;border-bottom:1px solid #ffffff28;padding:0 2px;box-decoration-break:clone;-webkit-box-decoration-break:clone;outline:0}
.brief-editor:empty::before{content:attr(data-placeholder);opacity:.75}.brief-editor:focus{border-bottom-color:#ddd}.letter-flow textarea[hidden]{display:none!important}

.email-envelope[hidden],.composer-help[hidden]{display:none!important}.enquiry-success{color:#eee;outline:0;padding-top:12vh}.enquiry-success p{margin:0 0 24px}.enquiry-done{font:400 15px interstate,Arial,sans-serif;color:#ddd;background:none;border:0;border-bottom:1px solid #555;padding:8px 0;cursor:pointer}.enquiry-done span{margin-left:18px}
@supports(field-sizing:content){.letter-paragraph input[name=name],.letter-paragraph input[name=role],.letter-paragraph input[name=company]{min-width:1ch}}

.letter-send .letter-mailto{display:inline-block;font:400 14px/1.5 interstate,Arial,sans-serif;color:#eee;background:none;border:0;border-bottom:1px solid #777;padding:6px 0;cursor:pointer;text-decoration:none}.letter-mailto span{margin-left:16px;font-size:16px}.letter-mailto[aria-disabled=true]{opacity:.3}.letter-mailto:focus-visible{outline:1px solid #aaa;outline-offset:5px}

/* Revision 72: recipient-level Cc pill and inline multi-service selection. */
.envelope-to{align-items:center;margin-bottom:12px}.recipient-group{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;min-width:0;color:#bbb}.recipient-group>span{overflow-wrap:anywhere}
.email-envelope .cc-toggle{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:6px 14px;min-height:34px;min-width:62px;border:1px solid #ffffff38;border-radius:999px;background:linear-gradient(145deg,#ffffff16,#ffffff04);box-shadow:inset 0 1px 0 #ffffff1c,0 4px 16px #0004;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font:400 13px/1 interstate,Arial,sans-serif;color:#ccc;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.email-envelope .cc-toggle:hover,.email-envelope .cc-toggle[aria-expanded=true]{color:#fff;border-color:#ffffff70;background:linear-gradient(145deg,#ffffff24,#ffffff08)}.email-envelope .cc-toggle:focus-visible{outline:1px solid #ddd;outline-offset:3px}.cc-line{margin-bottom:10px}
.service-selection{display:inline;white-space:normal}.service-name,.service-remove{display:inline;padding:0;margin:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;cursor:pointer;vertical-align:baseline}
.service-name:hover{color:#fff}.service-remove{display:inline-flex;align-items:center;justify-content:center;width:24px;min-height:30px;margin-left:2px;font-size:.6em;vertical-align:.08em;color:#777}.service-remove:hover{color:#fff}.service-name:focus-visible,.service-remove:focus-visible{outline:1px solid #aaa;outline-offset:3px}.service-comma{color:inherit}
.is-multiple.has-selections .glide-trigger{border:0;min-width:28px;min-height:30px;padding:0 5px;align-items:center;vertical-align:baseline}.is-multiple.has-selections .glide-label{display:none}
.glide-multiple .glide-check{opacity:1;width:17px;height:17px;flex:none;border:1px solid #777;display:flex;align-items:center;justify-content:center;transition:background .18s,border-color .18s}.glide-multiple .glide-check svg{opacity:0;width:14px;height:14px}.glide-multiple [aria-selected=true] .glide-check{background:#ddd;border-color:#ddd;color:#111}.glide-multiple [aria-selected=true] .glide-check svg{opacity:1}
@media(max-width:760px){.recipient-group{gap:8px 12px}.email-envelope .cc-toggle{min-height:32px;padding:6px 13px}.envelope-to{margin-bottom:14px}.service-remove{min-height:32px;width:26px}}
@media(prefers-reduced-motion:reduce){.email-envelope .cc-toggle,.glide-multiple .glide-check{transition:none}}

/* Revision 73: fit typed text in every browser and keep native input states neutral. */
.enquiry-input-measure{position:fixed;left:-10000px;top:0;visibility:hidden;white-space:pre;pointer-events:none;padding:0;border:0;margin:0}
.conversation-panel .letter-flow input.auto-inline-input{field-sizing:fixed;min-width:0!important;width:var(--inline-input-width,8ch)!important;max-width:calc(100% - 1ch);transition:border-color .35s ease}
.conversation-panel input,.conversation-panel textarea,.conversation-panel .brief-editor{caret-color:#eee;color-scheme:dark;-webkit-tap-highlight-color:transparent}
.conversation-panel input::selection,.conversation-panel textarea::selection,.conversation-panel .brief-editor::selection{background:#555;color:#fff}
.conversation-panel input:is(:autofill,:-webkit-autofill){background-color:#000!important;box-shadow:0 0 0 1000px #000 inset!important;-webkit-text-fill-color:#eee!important;caret-color:#eee;animation:enquiry-autofill .01s}
@keyframes enquiry-autofill{from{opacity:1}to{opacity:1}}

/* Approved simpler composer, revision 75. */
/* Only the alternate contact route uses these adjustments. */
.contact-simple{background:#000}
.contact-preview-heading{margin:44px calc(var(--gutter) + 66px) 0 calc(var(--gutter) + 100px);min-height:70px;display:flex;flex-direction:column;justify-content:center}
.contact-preview-heading h1{font:400 clamp(22px,2vw,28px)/1.2 interstate,Arial,sans-serif;letter-spacing:-.02em;color:#eee;margin:0 0 8px}
.contact-preview-heading p{font:400 14px/1.5 interstate,Arial,sans-serif;color:#888;margin:0}
.contact-simple .conversation-wrap{padding-top:58px;padding-bottom:60px}
.contact-simple .letter-form{min-height:0}
.contact-simple .letter-send{margin-top:34px}
.contact-simple .letter-send .letter-mailto{border:1px solid #ffffff40;border-radius:999px;padding:12px 29px;font-size:15px;line-height:1.4;background:linear-gradient(135deg,#ffffff1b,#ffffff06);box-shadow:inset 0 1px 0 #ffffff20;backdrop-filter:blur(12px);transition:background .25s,border-color .25s,opacity .25s}
.contact-simple .letter-send .letter-mailto:hover{border-color:#ffffff80;background:linear-gradient(135deg,#ffffff2b,#ffffff0c)}
.contact-simple .composer-help.sr-only{padding:0;margin:0}
@media(max-width:760px){
 .contact-preview-heading{margin:24px calc(var(--gutter) + 28px) 0 calc(var(--gutter) + 76px);min-height:72px}
 .contact-preview-heading h1{font-size:20px;margin-bottom:6px}
 .contact-preview-heading p{font-size:12px;line-height:1.45;max-width:220px}
 .contact-simple .conversation-wrap{padding-top:48px;padding-bottom:40px}
 .contact-simple .conversation-close{right:10px;top:18px}
}
@media(prefers-reduced-motion:reduce){.contact-simple .letter-mailto{transition:none}}
.contact-simple .brand{position:fixed;inset:auto;left:var(--gutter);top:44px;z-index:1000;margin:0;padding:0;border:0;overflow:visible;background:transparent;visibility:visible}
@media(max-width:760px){.contact-simple .brand{top:24px}}