*{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:#fbf6f2;--ink:#432f3d;--act:#633e54;--onact:#fff8f1;--muted:#6b5a63}.top{border-bottom:1px solid #dfd4cf}.brand svg{width:43px;height:41px}.brand strong{font:normal 24px/1.1 Georgia;letter-spacing:-.045em}.brand small{display:block;font:600 8px/1.4 Arial;letter-spacing:.27em;margin-top:2px}.cta{border-radius:28px}.nav .cta{background:transparent;border-color:#9c8291;color:var(--act)}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5%;padding:45px 0 40px}.hero .copy{padding:8px 0}.hero .eyeline{color:#705663}.petal{width:47px;height:31px;display:block;margin-bottom:23px}.hero h1{font:normal clamp(64px,6.5vw,105px)/.98 Georgia,serif;letter-spacing:-.075em;margin:18px 0 22px}.hero h1 em{font-weight:normal;color:#895a6d}.hero .lead{max-width:36ch}.hero .actions{margin:25px 0 0}.hero .portrait{height:clamp(373px,34vw,520px);position:relative;isolation:isolate;padding:0 8% 0 4%}.portrait img{border-radius:48% 48% 8px 8px;object-position:53% center;position:relative;z-index:1}.portrait:before{content:'';position:absolute;inset:5% 3% -1% 9%;border-radius:48% 48% 7px 7px;background:#dfbdaf;z-index:-1;transform:rotate(3deg)}.seal{position:absolute;z-index:2;left:0;bottom:10%;width:80px;height:80px;border:1px solid #ad8c87;outline:5px solid #f4ded2;background:#f4ded2;color:#744e63;border-radius:50%;display:grid;place-content:center;text-align:center;font:italic 32px/1 Georgia}.seal small{font:700 7px/1.5 Arial;letter-spacing:.15em}.belt{border-block:1px solid #d6c7c4;background:#efe1da}.belt .strip{padding:17px 0}.dot{font:normal 19px/1 Georgia;color:#9c7280}.section h2,.closeblock h2{font-family:Georgia,serif;font-weight:normal}.first{display:grid;grid-template-columns:.92fr 1.08fr;gap:9%;align-items:center}.first figure{height:380px;position:relative}.first img{border-radius:6px 80px 6px 6px}.first figcaption{position:absolute;bottom:14px;left:14px;background:#fbf6f2;padding:6px 10px;font-size:9px}.first h2{margin:14px 0 24px}.faq{border-block-start:1px solid #d7c6c8}.faq details{border-bottom:1px solid #d7c6c8}.faq summary{cursor:pointer;padding:16px 26px 16px 0;list-style:none;position:relative;font-weight:600}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:4px;top:11px;font:26px Georgia}.faq details[open] summary:after{content:'−'}.faq details p{color:var(--muted);padding:0 20px 16px 0}.closeblock{background:#ebd8d3}
@media(max-width:760px){.brand{gap:6px}.brand strong{font-size:19px}.brand svg{width:30px}.nav .cta{padding:9px 11px}.hero{grid-template-columns:1fr;gap:25px;padding:31px 0}.hero h1{font-size:clamp(60px,14vw,89px);margin:14px 0}.hero .portrait{height:clamp(250px,67vw,360px);width:93%;justify-self:center}.hero .actions{margin-top:18px}.hero .copy{padding:0}.first{grid-template-columns:1fr;gap:28px}.first figure{height:235px}.seal{width:64px;height:64px;font-size:25px}.belt .strip .optional{display:none}.belt .strip{justify-content:center}.belt .k{letter-spacing:.1em}}

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:#fafbf9;--ink:#15283c;--act:#1c4992;--onact:#fff;--muted:#4f6272;--contactbg:#152b45;--contactink:#f6faff;--splashbg:#fff;--splashink:#183e79;--line:#41a7fe}
.top {background:white;border-color:#d6dfe2}
.brandimage,.intro-center img {border-radius:50%}
.brand .lockup strong {color:#173c70;font:500 24px/1 Georgia}
.brand .lockup small {color:#3d5369}
.nav .cta {border-color:#889eae}
.hero {grid-template-columns:.94fr 1.06fr;gap:5%;padding:clamp(45px,5vw,80px) 0}
.hero .eyeline,.hero .under {color:#274e78}
.hero h1 {font-size:clamp(76px,7vw,112px);font-weight:400}
.hero h1 em,.studio-intro h2 em {color:#225c8e}
.hero .portrait {height:clamp(385px,34vw,550px);padding:0 23px 28px 0}
.portrait:before {inset:5% 0 20px 6%;transform:none;border-radius:0 85px 0 0;background:linear-gradient(145deg,#bdd8e8,#dcecf4 70%,#adccd9)}
.portrait img {border-radius:0 85px 0 0;object-position:49% center}
.portrait figcaption {position:absolute;bottom:0;left:0;color:#485e6a;font-size:10px;letter-spacing:.04em}
.studio-story {background:#e6eff5;border-block:1px solid #c9dbe4;padding:clamp(45px,5vw,80px) 0}
.studio-intro {display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}
.studio-intro h2 {margin-bottom:0}
.studio-intro h2 em {font-weight:400}
.studio-intro a {margin-top:16px;color:var(--act)}
.first figure img {border-radius:0 65px 0 0}
.first figcaption {background:#f8fcff;color:#203b52}
.faq,.faq details {border-color:#bccdd5}
@media(max-width:760px){
 .brand .lockup strong {font-size:17px}.hero {grid-template-columns:1fr;gap:22px;padding:30px 0}
 .hero h1 {font-size:clamp(59px,13.8vw,90px)}.hero .portrait {width:100%;height:clamp(248px,67vw,355px)}
 .studio-intro {grid-template-columns:1fr;gap:18px}.hero .portrait{padding-right:15px}
}
.modality {padding-top:clamp(60px,7vw,100px);display:grid;grid-template-columns:.9fr 1.1fr;gap:8%}
.modality h2 {font:400 clamp(40px,4.7vw,68px)/1.02 Georgia;letter-spacing:-.055em;margin:18px 0}
.modality article {padding:15px 0;border-top:1px solid #c3d3dd}
.modality h3 {font:400 25px Georgia;color:#184a76}
.modality p {margin-top:8px;color:var(--muted);max-width:51ch}
@media(max-width:760px){.modality{grid-template-columns:1fr;gap:10px}}
.room-tour {padding:clamp(60px,7vw,100px) 0 0}
.tour-head {display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:end;margin-bottom:25px}
.room-tour h2,.visit-note h3 {font:400 clamp(40px,5vw,70px)/1.04 Atelier,Georgia,serif;letter-spacing:-.055em;margin:12px 0 0}
.tour-head p,.modality-intro {color:var(--muted);line-height:1.65;max-width:43ch}
.room-explorer {border:1px solid #c4d3db;background:#edf3f4;padding:0;margin:0;min-width:0;display:grid;grid-template-columns:1.5fr 1fr;align-items:center}
.room-photo {position:relative;margin:0}
.room-photo img {aspect-ratio:1024/540;height:auto;width:100%;display:block}
.room-photo figcaption {font-size:10px;line-height:1.6;color:#395265;padding:7px 12px;background:#e0eaee}
.spot {width:clamp(32px,3.5vw,49px);height:clamp(32px,3.5vw,49px);border-radius:50%;position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%);cursor:pointer;font-weight:700;font-size:14px;color:#183b57;background:#fffefcf5;box-shadow:0 0 0 5px #ffffff55,0 2px 7px #102b3266}
.spot.desk {left:23%;top:40%}.spot.barrel {left:64%;top:58%}.spot.tower {left:56%;top:23%}
.room-notes {padding:clamp(16px,3vw,42px)}
.room-choices {display:flex;gap:5px;flex-wrap:wrap;margin-bottom:20px}
.room-choices label {cursor:pointer;padding:8px 10px;font-size:13px;border:1px solid #a9bdc9;border-radius:40px}
.room-panel {display:none}.room-panel h3 {font:400 clamp(25px,2.5vw,36px)/1.12 Atelier,Georgia,serif;letter-spacing:-.04em;margin-bottom:12px}
.room-panel p {max-width:40ch;color:#354f62;line-height:1.65}
#room-desk:checked ~ .room-notes .desk,#room-barrel:checked ~ .room-notes .barrel,#room-tower:checked ~ .room-notes .tower {display:block}
#room-desk:checked ~ * label[for="room-desk"],#room-barrel:checked ~ * label[for="room-barrel"],#room-tower:checked ~ * label[for="room-tower"] {background:#193f63;color:white;border-color:#193f63}
#room-desk:focus-visible ~ * label[for="room-desk"],#room-barrel:focus-visible ~ * label[for="room-barrel"],#room-tower:focus-visible ~ * label[for="room-tower"] {outline:3px solid #1876be;outline-offset:3px}
.visit-note {align-self:stretch;padding:clamp(26px,3.5vw,52px);background:linear-gradient(135deg,#193953,#254d69);color:white;border-radius:0 55px 0 0}
.visit-note h3 {font-size:clamp(37px,4.2vw,58px)}.visit-note h3 em {color:#c8e7f7;font-weight:normal}
.visit-note ul {list-style:none;margin:22px 0;padding:0}
.visit-note li {border-top:1px solid #ffffff40;padding:10px 0;font-size:15px;line-height:1.55}
.visit-note strong {color:white}
@media(max-width:760px){.tour-head,.room-explorer {grid-template-columns:1fr}.tour-head {gap:12px}.room-choices label{min-height:44px;display:grid;align-items:center}.room-notes {padding:20px}.room-choices {margin-bottom:14px}}

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')}