*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;color:var(--ink);background:var(--base);font:16px/1.52 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.04}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}.frame{width:min(1280px,89%);margin:auto}.k{font:700 11px/1.4 'Courier New',monospace;letter-spacing:.15em;text-transform:uppercase}.header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0}.nav{display:flex;align-items:center;gap:32px;font-size:14px}.nav>a:not(.cta):hover,.under:hover{text-decoration:underline;text-underline-offset:5px}.brand{display:inline-flex;align-items:center;gap:11px}.cta,.under{display:inline-flex;align-items:center;justify-content:center;gap:16px}.cta{border:1px solid transparent;color:var(--onact);background:var(--act);padding:14px 23px;font-size:14px;font-weight:700;transition:transform .2s,filter .2s}.cta:hover{transform:translateY(-2px);filter:brightness(1.06)}.cta svg,.under svg{width:18px;height:18px}.under{font-weight:600;font-size:14px}.accent{color:var(--act)}.hero h1{letter-spacing:-.06em}.lead{max-width:43ch;font-size:clamp(16px,1.35vw,19px);line-height:1.6}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.section{padding:clamp(60px,8vw,120px) 0}.section h2,.closeblock h2{font-size:clamp(39px,5.1vw,76px);letter-spacing:-.055em}.sm{font-size:14px}.foot{padding:24px 0;font-size:12px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.foot a{text-decoration:underline}.strip{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0}.closeblock{padding:60px 0}.closeblock .frame{display:flex;justify-content:space-between;align-items:center;gap:32px}.closeblock h2{font-size:clamp(34px,4vw,58px);max-width:19ch}.closeblock .k{display:block;margin-bottom:16px}.eyeline{display:flex;gap:12px;align-items:center}.eyeline:before{content:'';width:31px;height:2px;background:currentColor}.tools{display:flex;gap:9px;flex-wrap:wrap}.muted{color:var(--muted)}:focus-visible{outline:3px solid #1498cf;outline-offset:4px}dialog{width:min(500px,calc(100% - 30px));max-height:90dvh;overflow:auto;border:0;border-top:5px solid var(--act);padding:30px;color:var(--ink);background:var(--base);box-shadow:0 20px 90px #0005}dialog::backdrop{background:#151713ae;backdrop-filter:blur(4px)}.x{float:right;width:36px;height:36px;border:1px solid currentColor;border-radius:50%;color:inherit;background:transparent;font-size:22px;line-height:1}dialog h2{font-size:34px;letter-spacing:-.04em;margin:18px 0 10px}dialog .note{font-size:13px;line-height:1.5;color:var(--muted);max-width:48ch}form{display:grid;gap:14px;margin-top:20px}label.field{display:grid;gap:5px;font-size:14px;font-weight:700}select,input{width:100%;color:var(--ink);background:var(--base);border:1px solid var(--muted);padding:10px 11px;border-radius:3px;min-height:44px}dialog .cta{margin-top:8px}#receipt{margin:15px 0;padding:16px;border:1px solid var(--muted);white-space:pre-line;line-height:1.7}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:absolute;left:8px;top:-70px;background:white;color:black;padding:10px;z-index:20}.skip:focus{top:8px}[hidden]{display:none!important}
@media(max-width:760px){.frame{width:90%}.header{padding:16px 0;gap:8px}.nav>a:not(.cta){display:none}.nav .cta{padding:10px 13px;font-size:12px}.nav{gap:0}.k{font-size:10px}.closeblock .frame{align-items:flex-start;flex-direction:column}.actions{gap:17px}.strip{flex-wrap:wrap}.lead{font-size:16px}.foot{display:grid}.tools button{min-height:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

:root{--base:#f7f4e9;--ink:#313828;--act:#394932;--onact:#fffdf4;--muted:#626454}.header{border-bottom:1px solid #c9c8b8}.word{font:normal 37px/.9 Georgia,serif;letter-spacing:-.07em}.word small{display:block;font:700 8px/1 Arial;letter-spacing:.28em;margin:0 0 4px 3px}.brand .mark{width:41px;height:45px}.cta{border-radius:0}.nav .cta{background:transparent;color:var(--ink);border-color:#72775f}.hero{display:grid;grid-template-columns:.83fr 1.17fr;align-items:stretch;padding:35px 0 28px;gap:4%}.hero .copy{align-self:center;padding:20px 0 36px}.hero .eyeline{color:#6a573c}.hero h1{font:normal clamp(66px,6.3vw,100px)/.96 Georgia,serif;letter-spacing:-.075em;margin:25px 0}.hero h1 em{color:#7a5237;font-weight:400}.hero .lead{max-width:36ch}.hero .actions{margin-top:30px}.plate{display:flex;flex-direction:column;position:relative}.plate .image{height:clamp(380px,34vw,510px);overflow:hidden;background:#d6c9af}.plate figcaption{display:flex;justify-content:space-between;gap:12px;padding:11px 0;color:#5f604f}.ruler{height:9px;border-bottom:1px solid #aba997;background:repeating-linear-gradient(90deg,#9b9988 0 1px,transparent 1px 12px);opacity:.7}.collection{background:#eeeddf}.sectop{display:flex;gap:12px;align-items:end;justify-content:space-between;margin:15px 0 32px}.section h2,.closeblock h2{font-family:Georgia,serif;font-weight:normal}.materials{display:grid;grid-template-columns:1.05fr .95fr;background:#faf8ef;border:1px solid #cecebc}.drawing{display:flex;align-items:center;justify-content:center;position:relative;padding:26px;background-color:#e4e3d4;background-image:linear-gradient(#d5d4c588 1px,transparent 1px),linear-gradient(90deg,#d5d4c588 1px,transparent 1px);background-size:24px 24px;min-height:330px}.drawing svg{width:100%;max-width:430px;height:auto}.legend{position:absolute;left:18px;bottom:12px;font-size:9px}.sample{padding:clamp(25px,4vw,65px);align-self:center}.sample h3{font:normal 40px/1.1 Georgia;letter-spacing:-.04em;margin:20px 0 10px}.sample .dd{min-height:3.3em;max-width:37ch}.sample .tools{margin-top:28px}.tools button{background:#eee8dc;border:1px solid transparent;display:flex;align-items:center;gap:6px;padding:7px 9px;color:var(--ink);font-size:13px}.tools button:before{content:'';height:16px;width:16px;background:var(--sw);border:1px solid #0002}.tools button[aria-pressed=true]{border-color:#3c4633}.story{display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center;padding-top:55px}.story figure{height:270px;overflow:hidden}.story h3{font:normal clamp(31px,3.3vw,50px)/1.05 Georgia;letter-spacing:-.05em;margin:14px 0}.story p{max-width:40ch}.closeblock{background:#384530;color:#fffdf2}.closeblock .cta{color:#34402c;background:#f5f1df}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:12px;padding-top:10px}.hero .copy{padding:26px 0 14px}.hero h1{font-size:clamp(58px,14vw,87px);margin:17px 0}.hero .actions{margin-top:18px}.plate .image{height:clamp(220px,56vw,380px)}.word{font-size:30px}.brand .mark{width:31px;height:38px}.materials,.story{grid-template-columns:1fr}.drawing{min-height:245px}.story{gap:20px}.story figure{height:210px}.sectop{align-items:start}.sectop>.k{display:none}}
.textbtn{border:0;padding:8px 0;background:transparent;color:var(--ink)}.gals{display:grid;grid-template-columns:1fr 1fr;gap:28px}.gals img{height:clamp(180px,22vw,310px)}.gals figcaption{display:flex;gap:10px;justify-content:space-between;align-items:baseline;padding:13px 0;border-bottom:1px solid #c5c4b5}.gals b{font:normal 25px Georgia}.gals span{font-size:13px;color:var(--muted)}@media(max-width:760px){.gals{grid-template-columns:1fr;gap:20px}.gals b{font-size:22px}.gals figcaption{flex-wrap:wrap}}

body {font-family:Arial,Helvetica,sans-serif}
.k {font-family:Arial,Helvetica,sans-serif;font-size:10px;letter-spacing:.19em}
.header {padding-block:12px;min-height:80px}
.brand .brandimage {width:57px;height:57px;object-fit:contain;flex:none}
.lockup {display:grid;align-content:center;line-height:1.08}
.lockup strong {font-size:22px;font-weight:500;letter-spacing:-.045em}
.lockup small {font:600 8px/1.5 Arial;letter-spacing:.21em;text-transform:uppercase;margin:5px 0 0;padding:0;border:0}
.subaction {display:inline-block;background:transparent;border:0;border-bottom:1px solid currentColor;color:inherit;margin-top:21px;padding:5px 0;font-size:14px;font-weight:650}
.feature {display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding-block:25px clamp(66px,8vw,112px)}
.featurephoto {height:clamp(310px,32vw,510px);overflow:hidden}
.featurecopy h2,.studio-intro h2,.contact h2 {font:400 clamp(43px,5.1vw,78px)/1.04 Georgia,serif;letter-spacing:-.055em;margin:18px 0}
.featurecopy>p,.studio-intro p {max-width:44ch;line-height:1.72}
.steps {list-style:none;padding:0;margin:22px 0 0;counter-reset:item}
.steps li {counter-increment:item;padding:10px 0 10px 29px;position:relative;border-top:1px solid color-mix(in srgb,currentColor 28%,transparent)}
.steps li:before {content:counter(item,decimal-leading-zero);position:absolute;left:0;top:15px;font:10px monospace}
.contact {background:var(--contactbg);color:var(--contactink);padding:clamp(50px,6vw,92px) 0}
.contact .frame {display:grid;grid-template-columns:.94fr 1.06fr;gap:8%;align-items:start}
.contact h2 {max-width:12ch}
.contact p {max-width:43ch;line-height:1.65}
.contact dl {margin:0}
.contact dl>div {display:grid;grid-template-columns:108px 1fr;gap:15px;align-items:baseline;border-top:1px solid color-mix(in srgb,currentColor 29%,transparent);padding:14px 0}
.contact dt {font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}
.contact dd {margin:0}
.contact a {text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.contact a:hover {text-decoration-thickness:2px}
.contact .contactlinks {display:flex;gap:16px;flex-wrap:wrap}
.foot {align-items:baseline;line-height:1.65}
.foot summary {cursor:pointer}
.foot details {max-width:min(100%,50ch)}
.foot details p {margin-top:9px}
.intro-screen {position:fixed;inset:0;z-index:99;display:grid;place-items:center;background:var(--splashbg);color:var(--splashink);opacity:1;transition:opacity .28s ease}
.intro-screen.leave {opacity:0;pointer-events:none}
.intro-center {width:min(300px,76vw);text-align:center;display:grid;justify-items:center;gap:16px}
.intro-center img {width:clamp(100px,16vw,155px);height:clamp(100px,16vw,155px);object-fit:contain;animation:emerge .7s ease-out both}
.intro-center strong {font:400 clamp(26px,3vw,39px)/1.07 Georgia,serif;letter-spacing:-.04em}
.intro-center .intro-rule {width:68px;height:2px;overflow:hidden;background:color-mix(in srgb,currentColor 20%,transparent)}
.intro-rule:before {content:"";display:block;height:100%;background:var(--line);transform-origin:left;animation:rule 1s ease-out both}
.skipintro {position:absolute;right:5%;bottom:5%;border:1px solid color-mix(in srgb,currentColor 45%,transparent);background:transparent;color:inherit;padding:8px 15px;border-radius:20px;font-size:12px}
@keyframes emerge {from{transform:translateY(8px);opacity:.35}to{transform:none;opacity:1}}
@keyframes rule {from{transform:scaleX(.08)}to{transform:scaleX(1)}}
@media(max-width:760px){
 .header {min-height:65px;padding-block:9px}
 .brand .brandimage {width:39px;height:39px}
 .lockup strong {font-size:17px}.lockup small {font-size:7px}
 .feature,.contact .frame,.studio-intro {grid-template-columns:1fr;gap:28px}
 .featurephoto {height:245px}
 .contact dl>div {grid-template-columns:minmax(70px,24%) 1fr;gap:10px}
 .contact dd {overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){.intro-screen{display:none}}
.cta:hover {transform:none}
dialog .cta {transform:none;transition:filter .18s}

/* Contact review and channel handoff. */
.contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:24px}
.contact-actions .textbtn{font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.result #receipt{white-space:pre-line;overflow-wrap:anywhere;line-height:1.7}
.result .note{font-size:13px;line-height:1.6}
.contact-actions .cta{white-space:normal;text-align:left}
@media(max-width:480px){.contact-actions{align-items:stretch}.contact-actions .cta{width:100%;justify-content:space-between}}

:root {--base:#f8f4eb;--ink:#33241e;--muted:#67594c;--act:#573c27;--onact:#fff9e9;--contactbg:#33231b;--contactink:#f3e8da;--splashbg:#32251e;--splashink:#edcf91;--line:#cda45f}
.header {border:0}
.brandimage {border-radius:50%}
.brand .lockup strong {font:normal 31px/.98 Georgia,serif}
.hero.frame {width:100%;max-width:none;position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(500px,44vw,680px);overflow:hidden;background:#392e22;padding:0;color:#fffaf1}
.hero .copy {width:min(1280px,89%);margin:0 auto;padding:65px 0;z-index:1}
.hero .plate {position:absolute;z-index:-2;inset:0 0 0 20%}
.hero .plate .image {height:100%}
.hero .plate img {object-position:50% 53%}
.hero:before {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#241912 8%,#241912e8 29%,#2419128c 49%,#24191208 78%),linear-gradient(0deg,#1b130c8a,transparent 35%)}
.hero h1 {font-size:clamp(80px,7.5vw,119px);font-weight:400;letter-spacing:-.075em}
.hero h1 em {color:#f0d5a3}
.hero .eyeline,.hero .textbtn {color:#fff2d7}
.hero .lead {color:#f0e6db}
.hero .cta {color:#33261b;background:#ecd5ac}
.hero .plate figcaption {position:absolute;bottom:16px;right:6%;color:#fff9ed;font-size:9px}
.hero .plate figcaption span:first-child {display:none}
.ruler {display:none}
.collection {background:#eae1d3}
.materials {border-color:#c7b7a3}
.drawing {background-color:#e4d8c6}
.feature {padding-top:clamp(55px,6vw,100px)}
@media(max-width:760px){
 .brand .lockup strong {font-size:24px}.hero.frame {min-height:550px;align-items:end}
 .hero .copy {padding:190px 0 34px}.hero .plate {inset:0 0 22% 0}
 .hero:before {background:linear-gradient(0deg,#241912 15%,#241912ef 35%,#24191285 68%,#24191208)}
 .hero h1 {font-size:clamp(65px,15vw,90px)}.hero .plate figcaption {display:none}
}
:root {--act:#44240f;--contactbg:#291508;--splashbg:#291508;--line:#c09671}
.hero .cta {background:#e2c19b;color:#291508}.hero h1 em {color:#ebc79e}
.brand .brandimage {border-radius:3px}.intro-center img {width:125px;height:125px;border-radius:3px}
.gals {grid-template-columns:1.2fr 1fr .8fr;gap:20px}
.gals figure button {display:block;width:100%;position:relative;padding:0;border:0;background:#35281c;overflow:hidden}
.gals figure button:after {content:'↗';position:absolute;right:12px;bottom:12px;border-radius:50%;background:#2b211bd9;color:white;width:31px;height:31px;display:grid;place-items:center}
.gals figure img {transition:transform .3s}
.gals figure button:hover img {transform:scale(1.035)}
.gals figcaption {display:block}
.gals figcaption span {display:block;margin-top:5px}
#photo-viewer {width:min(840px,94%);padding:18px;border-top:0}
#photo-viewer img {width:100%;height:min(58vh,600px);object-fit:contain;background:#ece6dc}
#photo-viewer h2 {font:normal 25px Georgia;margin:8px 0 16px}
#photo-viewer a {text-decoration:underline;text-underline-offset:3px;font-size:13px}
@media(max-width:760px){.gals{grid-template-columns:1fr}.gals img{height:245px}}
.project-study {background:#2d2119;color:#fbf2e4;padding:clamp(48px,6vw,92px) 0}
.case-grid {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%}
.case-copy h2,.planning-notes h2 {font:400 clamp(40px,4.8vw,70px)/1.08 Atelier,Georgia,serif;letter-spacing:-.06em;margin:16px 0 22px}
.case-copy h2 em {color:#e4c09a}
.case-copy>p {max-width:42ch;line-height:1.7;color:#f1e6d8}
.case-copy h3 {margin:30px 0 10px;font:500 16px Arial}
.case-controls {display:flex;gap:7px;flex-wrap:wrap}
.case-controls button {background:transparent;color:#f9ecd9;border:1px solid #93775d;padding:9px 12px;font-size:13px;min-height:42px}
.case-controls button[aria-pressed="true"] {background:#ead3b2;color:#35231a}
.case-copy .case-caption {font-size:15px;min-height:4.7em;margin:14px 0}
.case-source {font-size:13px;color:#e7c8a3;text-decoration:underline;text-underline-offset:4px}
.case-image {overflow:hidden;aspect-ratio:4/4.25;background:#48392b}
.case-image img {width:100%;height:100%;object-fit:cover;object-position:center 50%;transition:transform .7s ease,transform-origin .7s ease}
.case-image[data-view="alto"] img {transform:scale(1.75);transform-origin:90% 8%}
.case-image[data-view="canto"] img {transform:scale(1.7);transform-origin:12% 73%}
.case-grid figure figcaption {font-size:11px;letter-spacing:.04em;margin-top:8px;color:#dcc8b5}
.planning-notes {display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;padding:12px 0 clamp(65px,7vw,110px)}
.project-faq details {border-top:1px solid #bfb19e}
.project-faq details:last-child {border-bottom:1px solid #bfb19e}
.project-faq summary {padding:18px 26px 18px 0;position:relative;cursor:pointer;font-weight:600;list-style:none}
.project-faq summary::-webkit-details-marker {display:none}
.project-faq summary::after {content:'+';position:absolute;right:4px;font:20px/1 Georgia}
.project-faq details[open] summary::after {content:'−'}
.project-faq p {max-width:54ch;color:#574736;line-height:1.65;margin:0 20px 18px 0}
@media(max-width:760px){.case-grid,.planning-notes {grid-template-columns:1fr;gap:24px}.case-image {aspect-ratio:1.1}.case-copy .case-caption {min-height:0}.planning-notes h2 {margin-bottom:4px}}

html.opening-visible {overflow:hidden}
.intro-screen {--light:#e9ecee;--stage-bg:#07090c;isolation:isolate;overflow:hidden;background:var(--stage-bg);color:var(--light);z-index:120;transition:opacity .65s cubic-bezier(.34,.01,.24,1)}
.intro-screen.is-leaving {opacity:0;pointer-events:none}
.stage-jatoba {--light:#ebc69b;--stage-bg:#24170f}
.stage-studio {--light:#183e63;--stage-bg:#edf5f9}
.stage-photo,.stage-lines,.stage-wash {position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.stage-photo {background-size:cover;background-position:center;animation:stage-camera 4.55s ease-out both}
.stage-j33 .stage-photo {background-position:50% 43%;opacity:.23;filter:grayscale(1)}
.stage-jatoba .stage-photo {opacity:.14;filter:sepia(.7)}
.stage-studio .stage-photo {opacity:.09;filter:grayscale(.85)}
.stage-lines {color:var(--light);opacity:.24;animation:engrave 3.8s ease-out both}
.stage-j33 .stage-lines {color:#d53e4a;opacity:.48}
.stage-studio .stage-lines {color:#4084a9;opacity:.31}
.stage-wash {background:radial-gradient(ellipse at 50% 45%,#080a0be6 1%,#11101485 27%,transparent 68%),linear-gradient(160deg,#0006 1%,transparent 55%,#3d0b146b)}
.stage-jatoba .stage-wash {background:radial-gradient(ellipse at 50% 46%,#2b180df0 1%,#301c0fd9 23%,#30211530 55%,transparent 70%),linear-gradient(135deg,#301b12aa,transparent 65%)}
.stage-studio .stage-wash {background:radial-gradient(ellipse at 50% 44%,#f9fdfff5 4%,#f4f9fddc 21%,transparent 66%),linear-gradient(0deg,#c8dce933,transparent 65%)}
.signature {position:relative;display:grid;justify-items:center;align-content:center;gap:clamp(12px,2.4vh,26px);width:100%;pointer-events:none}
.sigil {position:relative;width:clamp(170px,min(49vw,35vh),295px);aspect-ratio:1.1;animation:resolve-logo 3.5s cubic-bezier(.18,.6,.19,1) both}
.sigil>div {position:absolute;inset:0;display:grid;place-items:center}
.sigil svg {display:block;width:100%;height:100%;overflow:visible}
.sigil-outline svg :is(path,polygon,rect,circle,ellipse) {fill:none!important;stroke:currentColor!important;stroke-width:.78px!important;vector-effect:non-scaling-stroke}
.sigil-outline svg path {stroke-dasharray:1;animation:ink-contour 2s cubic-bezier(.5,.05,.12,.99) both}
.sigil-outline {color:#f6edf0;animation:fade-line 3.3s ease both}
.stage-jatoba .sigil-outline {color:#f5c784}
.stage-studio .sigil-outline {color:#204d72}
.sigil-fill {animation:fill-logo 1.55s .72s cubic-bezier(.25,.17,.1,1) both}
.signature-caption {display:flex;align-items:center;gap:18px;font:600 clamp(9px,1.1vw,12px)/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:.32em;animation:caption-in 1.1s 1.6s both}
.signature-caption span {width:clamp(20px,4vw,60px);height:1px;background:currentColor;opacity:.5}
.stage-base {position:absolute;inset:auto 5% max(25px,5%) 5%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid color-mix(in srgb,currentColor 22%,transparent);padding-top:15px}
.town {display:flex;align-items:center;gap:8px;font:500 9px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:.2em}
.town i {width:14px;height:1px;background:currentColor}
.stage-base .skipintro {position:static;display:flex;align-items:center;gap:12px;min-height:40px;padding:8px 14px;border:0;color:inherit;background:transparent;outline-offset:1px}
.stage-base .skipintro:focus:not(:focus-visible){outline:0}
.replay-intro {cursor:pointer;background:transparent;border:0;border-bottom:1px solid currentColor;color:inherit;font:inherit;padding:0}
@keyframes stage-camera {from{transform:scale(1.09)}to{transform:scale(1)}}
@keyframes engrave {from{transform:translate(-3%,2%) scale(1.06);filter:opacity(.15)}to{transform:none;filter:opacity(1)}}
@keyframes ink-contour {from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes fade-line {0%{opacity:.45}40%{opacity:.95}100%{opacity:0}}
@keyframes fill-logo {from{clip-path:inset(100% -2% -2%);opacity:0}to{clip-path:inset(-2% -2% -2%);opacity:1}}
@keyframes resolve-logo {from{transform:scale(.945) translateY(8px)}to{transform:scale(1) translateY(0)}}
@keyframes caption-in {from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-height:430px){.signature{gap:5px}.sigil{width:130px}.stage-base{bottom:6px;padding-top:2px}}
@media(prefers-reduced-motion:reduce){.intro-screen,.replay-intro{display:none!important}}

body {--ease-inout:cubic-bezier(.22,.62,.13,1)}
body .brand .brandimage {object-fit:contain;border-radius:0}
.site-j33 .brand .brandimage,.tile-j33 .badge {padding:3px}
.site-jatoba .brand .brandimage {width:55px;height:55px;background:#29180e;padding:5px;border:1px solid #b99c75}
.site-studio .brand .brandimage {width:76px;height:44px}
.site-j33 .hero .frame {min-height:clamp(530px,46vw,740px)}
.site-j33 .hero .photo {inset:0 0 0 23%}
.site-j33 .hero .photo img {object-position:center 48%}
.site-j33 .hero:after {background:linear-gradient(90deg,#0d0d0d 21%,#0d0d0dee 32%,#0d0d0d92 48%,transparent 78%),linear-gradient(0deg,#0d0d0d75 0%,transparent 27%)}
.site-j33 .hero h1 {font-family:'Showroom',Arial,sans-serif;font-weight:700;letter-spacing:-.065em;line-height:.93;font-size:clamp(65px,7.35vw,119px)}
.site-j33 .hero h1 span {background:linear-gradient(120deg,#fff 5%,#babfc6 32%,#f6f7f7 48%,#c9c8c7 82%);background-clip:text;color:transparent}
.site-j33 .hero .cta {background:linear-gradient(115deg,#d11022,#a60513);border:1px solid #ec5260;box-shadow:0 7px 27px #21050c80}
.site-j33 .belt {background:linear-gradient(90deg,#17171a,#28282c,#17171a)}
.site-j33 .bay {border:1px solid #424244}
.site-j33 .panel {background:linear-gradient(140deg,#1a1b1c,#232425);width:100%}
.site-jatoba .header {border-bottom:2px solid #c09671}
.site-jatoba .hero .plate {inset:0 0 0 8%}
.site-jatoba .hero .copy {padding:80px 0}
.site-jatoba .hero h1,.site-jatoba .section h2,.site-jatoba .feature h2,.site-jatoba .contact h2,.site-jatoba .gals b {font-family:'Atelier',Georgia,serif}
.site-jatoba .hero h1 {font-size:clamp(78px,7vw,112px);line-height:1.03;letter-spacing:-.063em;margin-block:15px 24px}
.site-jatoba .hero h1 em {font-weight:400}
.site-jatoba .hero.frame {min-height:clamp(520px,46vw,720px)}
.site-jatoba .hero .cta {background:linear-gradient(122deg,#eddbbf,#d5b38c);border-color:#f1dbbd}
.site-jatoba .materials {box-shadow:0 18px 62px #42311f0d}
.site-jatoba .contact {background:radial-gradient(ellipse at 84% 0,#472d19 0%,transparent 68%),#291508}
.site-studio .hero h1,.site-studio .studio-intro h2,.site-studio .first h2,.site-studio .contact h2,.site-studio .modality h2 {font-family:'Atelier',Georgia,serif}
.site-studio .hero h1 {line-height:1.05;letter-spacing:-.063em;font-size:clamp(67px,6.4vw,108px)}
.site-studio .hero .portrait:before {border:1px solid #a8cdd8;background:linear-gradient(135deg,#bedce9,#e2f1f7 60%,#b0cedc)}
.site-studio .studio-story {background:linear-gradient(112deg,#e2eef3,#f6f9f8 54%,#dae8ef)}
.site-studio .studio-story .studio-intro {position:relative}
.site-studio .hero .cta {background:linear-gradient(100deg,#183d6a,#205c90);border-color:#205582}
.cta svg,.under svg {transition:transform .3s var(--ease-inout)}
@media(hover:hover){.cta:hover svg,.under:hover svg {transform:translateX(4px)}}
@media(min-width:801px) {
 .site-jatoba .gals {align-items:start}
 .site-jatoba .gals figure:nth-child(2) {margin-top:32px}
 .site-jatoba .gals figure:nth-child(3) {margin-top:64px}
}
@media(prefers-reduced-motion:no-preference){
 .page-arrived .hero h1,.page-arrived .hero .lead,.page-arrived .hero .actions,.page-arrived .hero .eyeline {animation:headline-arrive .84s cubic-bezier(.19,.65,.1,1) both}
 .page-arrived .hero h1 {animation-delay:.08s}
 .page-arrived .hero .lead {animation-delay:.19s}
 .page-arrived .hero .actions {animation-delay:.28s}
 .page-arrived .hero .photo img,.page-arrived .hero .plate img,.page-arrived .hero .portrait img {animation:photo-arrive 1.9s cubic-bezier(.15,.55,.15,1) both}
 .in-view {animation:section-arrive .8s cubic-bezier(.18,.6,.1,1) both}
 .in-view.delay-one {animation-delay:.08s}
 .in-view.delay-two {animation-delay:.15s}
 .detail-change {animation:section-arrive .32s ease-out both}
 .drawing svg g path {transition:fill .4s ease}
 dialog[open] {animation:dialog-arrive .25s ease-out}
 .tile .cover {transition:transform .85s ease}
}
@keyframes section-arrive {from{opacity:.12;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes headline-arrive {from{opacity:0;transform:translateY(14px);clip-path:inset(0 0 12% 0)}to{opacity:1;transform:none;clip-path:inset(-8% -5% -8% -5%)}}
@keyframes photo-arrive {from{transform:scale(1.035)}to{transform:none}}
@keyframes dialog-arrive {from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
@media(max-width:760px){
 .site-j33 .hero .frame {min-height:580px}
 .site-j33 .hero .photo {inset:0 0 18% 0}
 .site-j33 .hero:after {background:linear-gradient(0deg,#0d0d0d 11%,#0d0d0df5 27%,#0d0d0d80 56%,transparent 92%)}
 .site-j33 .hero h1 {font-size:clamp(49px,12vw,85px);line-height:.97}
 .site-jatoba .hero .copy {padding:175px 0 38px}
 .site-jatoba .hero h1 {font-size:clamp(62px,15vw,89px);margin-block:12px 17px}
 .site-jatoba .hero .plate {inset:0 0 13% 0}
 .site-jatoba .brand .brandimage {width:37px;height:37px;padding:3px}
 .site-studio .hero h1 {font-size:clamp(51px,12.5vw,86px)}
 .site-studio .brand .brandimage {width:42px;height:32px}
}
/* Noto fonts, license notice:
Format: https://www.debian.org/doc/packaging-manuals/copyright-format/1.0/
Upstream-Name: Noto
Upstream-Contact: https://github.com/googlei18n/noto-fonts/issues
 http://groups.google.com/group/noto-font
Source: https://github.com/googlei18n/noto-fonts

Files: *
Copyright:
  2010,2012-2020, Google Inc.
  2015-2020, Google LLC.
License-Grant:
 This Font Software is licensed under the SIL Open Font License,
 Version 1.1.
License: OFL-1.1

Files:
 debian/*
Copyright:
  2013-2020, Jonas Smedegaard <dr@jones.dk>
  2020, Purism, SPC
  2013, Vasudev Kamath <kamathvasudev@gmail.com>
License-Grant:
 This program is free software;
 you can redistribute it and/or modify it
 under the terms of the GNU General Public License
 as published by the Free Software Foundation;
 either version 3, or (at your option) any later version.
License: GPL-3+

Files:
 debian/NotoMono/NotoMono-Regular.ttf
Copyright:
  2007, Google Inc.
License-Grant:
 This Font Software is licensed under the SIL Open Font License,
 Version 1.1.
License: OFL-1.1

License: OFL-1.1
 PREAMBLE
 .
 The goals of the Open Font License (OFL) are to stimulate
 worldwide development of collaborative font projects,
 to support the font creation efforts
 of academic and linguistic communities,
 and to provide a free and open framework
 in which fonts may be shared and improved
 in partnership with others.
 .
 The OFL allows the licensed fonts to be used, studied,
 modified and redistributed freely
 as long as they are not sold by themselves.
 The fonts, including any derivative works,
 can be bundled, embedded,
 redistributed and/or sold with any software
 provided that any reserved names are not used
 by derivative works.
 The fonts and derivatives, however,
 cannot be released under any other type of license.
 The requirement for fonts to remain under this license
 does not apply to any document
 created using the fonts or their derivatives.
 .
 DEFINITIONS
 .
 "Font Software" refers to the set of files
 released by the Copyright Holder(s) under this license
 and clearly marked as such.
 This may include source files, build scripts and documentation.
 .
 "Reserved Font Name" refers to any names specified as such
 after the copyright statement(s).
 .
 "Original Version" refers to the collection
 of Font Software components
 as distributed by the Copyright Holder(s).
 .
 "Modified Version" refers to any derivative
 made by adding to, deleting, or substituting --
 in part or in whole --
 any of the components of the Original Version,
 by changing formats
 or by porting the Font Software to a new environment.
 .
 "Author" refers to any designer, engineer, programmer,
 technical writer or other person
 who contributed to the Font Software.
 .
 PERMISSION & CONDITIONS
 .
 Permission is hereby granted, free of charge,
 to any person obtaining a copy of the Font Software,
 to use, study, copy, merge, embed, modify, redistribute,
 and sell modified and unmodified copies of the Font Software,
 subject to the following conditions:
 .
 1) Neither the Font Software nor any of its individual components,
 in Original or Modified Versions,
 may be sold by itself.
 .
 2) Original or Modified Versions of the Font Software
 may be bundled, redistributed and/or sold with any software,
 provided that each copy contains the above copyright notice
 and this license.
 These can be included either as stand-alone text files,
 human-readable headers or in the appropriate
 machine-readable metadata fields within text or binary files
 as long as those fields can be easily viewed by the user.
 .
 3) No Modified Version of the Font Software may use
 the Reserved Font Name(s)
 unless explicit written permission is granted
 by the corresponding Copyright Holder.
 This restriction only applies to the primary font name
 as presented to the users.
 .
 4) The name(s) of the Copyright Holder(s)
 or the Author(s) of the Font Software
 shall not be used to promote,
 endorse or advertise any Modified Version,
 except to acknowledge the contribution(s)
 of the Copyright Holder(s) and the Author(s)
 or with their explicit written permission.
 .
 5) The Font Software,
 modified or unmodified, in part or in whole,
 must be distributed entirely under this license,
 and must not be distributed under any other license.
 The requirement for fonts to remain under this license
 does not apply to any document
 created using the Font Software.
 .
 TERMINATION
 .
 This license becomes null and void
 if any of the above conditions are not met.
 .
 DISCLAIMER
 .
 THE FONT SOFTWARE IS PROVIDED "AS IS",
 WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
 INCLUDING BUT NOT LIMITED TO
 ANY WARRANTIES OF MERCHANTABILITY,
 FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
 OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT.
 IN NO EVENT SHALL THE COPYRIGHT HOLDER BE LIABLE
 FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 INCLUDING ANY GENERAL, SPECIAL, INDIRECT,
 INCIDENTAL, OR CONSEQUENTIAL DAMAGES,
 WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
 ARISING FROM, OUT OF THE USE OR INABILITY TO USE
 THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE.

License: GPL-3+
License-Reference: /usr/share/common-licenses/GPL-3
 */
@font-face{font-family:Atelier;font-weight:400;font-style:normal;font-display:swap;src:url(assets/6292cdc2f49b7c58.ttf) format('truetype')}
@font-face{font-family:Atelier;font-weight:400;font-style:italic;font-display:swap;src:url(assets/1f547f183143df3b.ttf) format('truetype')}